Show GA lifecycle multi lifecycle state

Author: reakaleek

src/Elastic.Markdown/Myst/Components/ApplicabilityRenderer.cs

@@ -65,7 +65,8 @@ public ApplicabilityRenderData RenderCombinedApplicability(
 		return primaryRenderData with
 		{
 			TooltipText = combinedTooltip,
-			HasMultipleLifecycles = hasMultipleLifecycles
+			HasMultipleLifecycles = hasMultipleLifecycles,
+			ShowLifecycleName = primaryRenderData.ShowLifecycleName || (string.IsNullOrEmpty(primaryRenderData.BadgeLifecycleText) && hasMultipleLifecycles)
 		};
 	}
 

tests/authoring/Applicability/ApplicableToComponent.fs

@@ -404,19 +404,22 @@ stack: ga 8.8.0, preview 8.1.0
     let ``renders GA planned when preview exists alongside GA`` () =
         markdown |> convertsToHtml """
 <p class="applies applies-block">
-	<span class="applicable-info" data-tippy-content="Elastic&nbsp;Stack GA 8.8.0:
-We plan to add this functionality in a future Elastic&nbsp;Stack update. Subject to change.
+	<span class="applicable-info" data-tippy-content="<div><strong>Elastic&nbsp;Stack GA 8.8.0:</strong>We plan to add this functionality in a future Elastic&nbsp;Stack update. Subject to change.
 
-If this functionality is unavailable or behaves differently when deployed on ECH, ECE, ECK, or a self-managed installation, it will be indicated on the page.
+If this functionality is unavailable or behaves differently when deployed on ECH, ECE, ECK, or a self-managed installation, it will be indicated on the page.</div>
 
-Elastic&nbsp;Stack Preview 8.1.0:
-We plan to add this functionality in a future Elastic&nbsp;Stack update. Subject to change.
+<div><strong>Elastic&nbsp;Stack Preview 8.1.0:</strong>We plan to add this functionality in a future Elastic&nbsp;Stack update. Subject to change.
 
-This functionality may be changed or removed in a future release. Elastic will work to fix any issues, but features in technical preview are not subject to the support SLA of official GA features.">
+This functionality may be changed or removed in a future release. Elastic will work to fix any issues, but features in technical preview are not subject to the support SLA of official GA features.</div>">
 		<span class="applicable-name">Stack</span>
 		<span class="applicable-separator"></span>
 		<span class="applicable-meta applicable-meta-ga">
 			GA planned
+			<span class="applicable-ellipsis">
+				<span class="applicable-ellipsis__dot"></span>
+				<span class="applicable-ellipsis__dot"></span>
+				<span class="applicable-ellipsis__dot"></span>
+			</span>
 		</span>
 	</span>
 </p>
@@ -796,3 +799,39 @@ If this functionality is unavailable or behaves differently when deployed on ECH
 	</span>
 </p>
 """
+
+// Test multiple lifecycles for same applicability key
+type ``multiple lifecycles same key`` () =
+    static let markdown = Setup.Markdown """
+```{applies_to}
+stack: ga 8.0.0, beta 8.1.0
+```
+"""
+
+    [<Fact>]
+    let ``renders multiple lifecycles with ellipsis and shows GA lifecycle`` () =
+        markdown |> convertsToHtml """
+<p class="applies applies-block">
+	<span class="applicable-info" data-tippy-content="<div><strong>Elastic&nbsp;Stack GA 8.0.0:</strong>Available on Elastic&nbsp;Stack version 8.0.0 and later unless otherwise specified.
+
+If this functionality is unavailable or behaves differently when deployed on ECH, ECE, ECK, or a self-managed installation, it will be indicated on the page.</div>
+
+<div><strong>Elastic&nbsp;Stack Beta 8.1.0:</strong>We plan to add this functionality in a future Elastic&nbsp;Stack update. Subject to change.
+
+Beta features are subject to change. The design and code is less mature than official GA features and is being provided as-is with no warranties. Beta features are not subject to the support SLA of official GA features.</div>">
+		<span class="applicable-name">Stack</span>
+		<span class="applicable-separator"></span>
+		<span class="applicable-meta applicable-meta-ga">
+			<span class="applicable-lifecycle applicable-lifecycle-ga">GA</span>
+			<span class="applicable-version applicable-version-ga">
+				8.0.0
+			</span>
+			<span class="applicable-ellipsis">
+				<span class="applicable-ellipsis__dot"></span>
+				<span class="applicable-ellipsis__dot"></span>
+				<span class="applicable-ellipsis__dot"></span>
+			</span>
+		</span>
+	</span>
+</p>
+"""