feat(theme): ThemeScripts + localStorage nav-state enhancer

2026-06-03 02:55:35 -04:00
parent edd49765d6
commit e2749b7d69
4 changed files with 43 additions and 0 deletions
@@ -0,0 +1,4 @@
+@namespace ZB.MOM.WW.Theme
+@* Components/ThemeScripts.razor — drop before </body>. Emits the kit's nav-state
+   enhancer that persists NavRailSection open/closed state in localStorage. *@
+<script src="_content/ZB.MOM.WW.Theme/js/nav-state.js" defer></script>
@@ -0,0 +1,22 @@
+// ZB.MOM.WW.Theme nav-state.js — persists <details data-nav-key> open/closed
+// state in localStorage so NavRailSection expand state survives navigation and
+// reloads. Pure client-side; works with static Blazor SSR. Keyed per section.
+(function () {
+    var PREFIX = "zbnav:";
+    function apply() {
+        document.querySelectorAll("details.rail-section[data-nav-key]").forEach(function (el) {
+            var key = PREFIX + el.getAttribute("data-nav-key");
+            var saved = null;
+            try { saved = window.localStorage.getItem(key); } catch (e) { return; }
+            if (saved === "1") el.open = true;
+            else if (saved === "0") el.open = false;
+            el.addEventListener("toggle", function () {
+                try { window.localStorage.setItem(key, el.open ? "1" : "0"); } catch (e) { /* ignore */ }
+            });
+        });
+    }
+    if (document.readyState === "loading")
+        document.addEventListener("DOMContentLoaded", apply);
+    else
+        apply();
+})();