Fix secondary nav htmx attributes (#820)

* Fix secondary nav htmx attributes

* Revert ts

Author: reakaleek

src/Elastic.Markdown/Helpers/Htmx.cs

@@ -22,14 +22,22 @@ public static string GetHxSelectOob(bool hasSameTopLevelGroup)
 	public const string HxPushUrl = "true";
 	public const string HxIndicator = "#htmx-indicator";
 
-	public static string GetHxAttributes(string targetUrl, bool hasSameTopLevelGroup, string? preload = Preload)
+	public static string GetHxAttributes(
+		string targetUrl,
+		bool hasSameTopLevelGroup = false,
+		string? preload = Preload,
+		string? hxSwapOob = null,
+		string? hxSwap = HxSwap,
+		string? hxPushUrl = HxPushUrl,
+		string? hxIndicator = HxIndicator
+	)
 	{
 		var attributes = new StringBuilder();
 		_ = attributes.Append($" hx-get={targetUrl}");
-		_ = attributes.Append($" hx-select-oob={GetHxSelectOob(hasSameTopLevelGroup)}");
-		_ = attributes.Append($" hx-swap={HxSwap}");
-		_ = attributes.Append($" hx-push-url={HxPushUrl}");
-		_ = attributes.Append($" hx-indicator={HxIndicator}");
+		_ = attributes.Append($" hx-select-oob={hxSwapOob ?? GetHxSelectOob(hasSameTopLevelGroup)}");
+		_ = attributes.Append($" hx-swap={hxSwap}");
+		_ = attributes.Append($" hx-push-url={hxPushUrl}");
+		_ = attributes.Append($" hx-indicator={hxIndicator}");
 		_ = attributes.Append($" preload={preload}");
 		return attributes.ToString();
 	}

src/Elastic.Markdown/Slices/Layout/_SecondaryNav.cshtml

@@ -18,21 +18,33 @@
 			<li class="text-nowrap hover:text-blue-elastic active:text-blue-elastic-100">
 				<a
 					href="@Model.Link("/release-notes")"
-					@Htmx.GetHxAttributes(Model.Link("/release-notes"), false)>
+					@Htmx.GetHxAttributes(
+						targetUrl: Model.Link("/release-notes"), 
+						hxSwapOob: "#main-container"
+					)
+				>
 					Release notes
 				</a>
 			</li>
 			<li class="text-nowrap hover:text-blue-elastic active:text-blue-elastic-100">
 				<a
 					href="@Model.Link("/troubleshoot")"
-					@Htmx.GetHxAttributes(Model.Link("/troubleshoot"), false)>
+					@Htmx.GetHxAttributes(
+						targetUrl: Model.Link("/troubleshoot"),
+						hxSwapOob: "#main-container"
+					)
+				>
 					Troubleshoot
 				</a>
 			</li>
 			<li class="text-nowrap hover:text-blue-elastic active:text-blue-elastic-100">
 				<a
 					href="@Model.Link("/reference")"
-					@Htmx.GetHxAttributes(Model.Link("/reference"), false)>
+					@Htmx.GetHxAttributes(
+						Model.Link("/reference"), 
+						hxSwapOob: "#main-container"
+					)
+				>
 					Reference
 				</a>
 			</li>

src/Elastic.Markdown/Slices/Layout/_TocTree.cshtml

@@ -13,7 +13,7 @@
 						<a 
 							class="hover:underline text-blue-elastic hover:text-blue-elastic-100"
 							href="@current.Group.Index?.Url"
-							@Htmx.GetHxAttributes(current.Group.Index?.Url!, false)
+							@Htmx.GetHxAttributes(current.Group.Index?.Url!)
 						>
 							@current.Group.Index?.NavigationTitle
 						</a>