Add ellipsis if an applies_to key has multiple lifecycles

Author: reakaleek

src/Elastic.Documentation.Site/Assets/markdown/applies-to.css

@@ -11,6 +11,10 @@
 		.applicable-info {
 			@apply border-grey-20 inline-grid cursor-default grid-cols-[auto_1fr_auto] rounded-full border-[1px] bg-white pt-1.5 pr-3 pb-1.5 pl-3;
 		}
+		
+		.applicable-meta {
+			@apply inline-flex gap-1.5;
+		}
 
 		.applicable-name,
 		.applicable-meta {
@@ -45,6 +49,14 @@
 			font-size: 0.65em;
 		}
 	}
+	
+	.applicable-ellipsis {
+	  @apply inline-flex gap-0.5 items-center rounded-md bg-grey-20 py-1 px-0.5 h-full;
+	}
+	
+	.applicable-ellipsis__dot {
+		@apply size-1 rounded-full bg-grey-50;
+	}
 }
 
 .tippy-box[data-theme~='applies-to'] {

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

@@ -17,7 +17,8 @@ public record ApplicabilityRenderData(
 		string TooltipText,
 		string LifecycleClass,
 		bool ShowLifecycleName,
-		bool ShowVersion
+		bool ShowVersion,
+		bool HasMultipleLifecycles = false
 	);
 
 	public ApplicabilityRenderData RenderApplicability(
@@ -58,7 +59,14 @@ public ApplicabilityRenderData RenderCombinedApplicability(
 		var primaryRenderData = RenderApplicability(primaryApplicability, applicabilityDefinition, versioningSystem, allApplications);
 		var combinedTooltip = BuildCombinedTooltipText(applicabilityList, applicabilityDefinition, versioningSystem);
 
-		return primaryRenderData with { TooltipText = combinedTooltip };
+		// Check if there are multiple different lifecycles
+		var hasMultipleLifecycles = applicabilityList.Select(a => a.Lifecycle).Distinct().Count() > 1;
+
+		return primaryRenderData with
+		{
+			TooltipText = combinedTooltip,
+			HasMultipleLifecycles = hasMultipleLifecycles
+		};
 	}
 
 
@@ -89,7 +97,8 @@ private static string BuildCombinedTooltipText(
 		return string.Join("\n\n", tooltipParts);
 	}
 
-	private static string CreateApplicabilityHeading(Applicability applicability, ApplicabilityMappings.ApplicabilityDefinition applicabilityDefinition, SemVersion? realVersion)
+	private static string CreateApplicabilityHeading(Applicability applicability, ApplicabilityMappings.ApplicabilityDefinition applicabilityDefinition,
+		SemVersion? realVersion)
 	{
 		var lifecycleName = applicability.GetLifeCycleName();
 		var versionText = realVersion is not null ? $" {realVersion}" : "";
@@ -127,8 +136,10 @@ or ProductLifecycle.Beta
 						or ProductLifecycle.TechnicalPreview
 						or ProductLifecycle.Planned =>
 						$"We plan to add this functionality in a future {applicabilityDefinition.DisplayName} update. Subject to change.",
-					ProductLifecycle.Deprecated => $"We plan to deprecate this functionality in a future {applicabilityDefinition.DisplayName} update. Subject to change.",
-					ProductLifecycle.Removed => $"We plan to remove this functionality in a future {applicabilityDefinition.DisplayName} update. Subject to change.",
+					ProductLifecycle.Deprecated =>
+						$"We plan to deprecate this functionality in a future {applicabilityDefinition.DisplayName} update. Subject to change.",
+					ProductLifecycle.Removed =>
+						$"We plan to remove this functionality in a future {applicabilityDefinition.DisplayName} update. Subject to change.",
 					_ => tooltipText
 				}
 			: $"{lifecycleFull} on {applicabilityDefinition.DisplayName} unless otherwise specified.";
@@ -142,8 +153,10 @@ or ProductLifecycle.TechnicalPreview
 
 	private static string? GetDisclaimer(ProductLifecycle lifecycle, VersioningSystemId versioningSystemId) => lifecycle switch
 	{
-		ProductLifecycle.Beta => "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.",
-		ProductLifecycle.TechnicalPreview => "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.",
+		ProductLifecycle.Beta =>
+			"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.",
+		ProductLifecycle.TechnicalPreview =>
+			"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.",
 		ProductLifecycle.GenerallyAvailable => versioningSystemId is VersioningSystemId.Stack
 			? "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."
 			: null,

src/Elastic.Markdown/Myst/Components/ApplicableToComponent.cshtml

@@ -24,6 +24,14 @@
 				{
 					@item.RenderData.BadgeLifecycleText
 				}
+				@if (item.RenderData.HasMultipleLifecycles)
+				{
+					<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>
 }