@takazudo/zudo-doc 5.5.3 → 5.7.0

package/dist/header/nav-overflow-generated-script.js

@@ -0,0 +1,302 @@
+function buildNavOverflowScript() {
+  return `(function () {
+  var cleanupNavOverflow = null;
+
+  function trimSlashes(p) {
+    while (p.length > 1 && p.charAt(p.length - 1) === "/") p = p.slice(0, -1);
+    return p || "/";
+  }
+
+  function navPathname(a) {
+    try { return trimSlashes(new URL(a.href, location.href).pathname); }
+    catch (e) { return ""; }
+  }
+
+  // Explicit current-route override, embedded from current-path/index.ts so
+  // this script cannot drift from the three other read sites
+  // (zudolab/zudo-doc#3398, #3408).
+  var CURRENT_PATH_DATASET_KEY="zdCurrentPath";var readCurrentPath=function readCurrentPath(datasetKey, explicit) {
+  const override = typeof document === "undefined" ? void 0 : document.documentElement.dataset[datasetKey];
+  return explicit || override || (typeof window === "undefined" ? void 0 : window.location.pathname);
+};
+
+  // Shared matching core (zudolab/zudo-doc#3398): embedded verbatim from
+  // nav-active.ts so this script's longest-match walk cannot drift from the
+  // SSR header's own computeActiveNavPath call (header.tsx). computeActiveNavPath
+  // closes over pathMatchesNavPath, so both are embedded together.
+  var pathMatchesNavPath = function pathMatchesNavPath(currentPath, navPath) {
+  if (currentPath === navPath) return true;
+  const prefix = navPath.endsWith("/") ? navPath : \`\${navPath}/\`;
+  return currentPath.startsWith(prefix);
+};
+  var computeActiveNavPath = function computeActiveNavPath(navItems, pathForMatchValue) {
+  const allNavPaths = navItems.flatMap((item) => {
+    const paths = [item.path];
+    if (item.children) {
+      paths.push(...item.children.map((child) => child.path));
+    }
+    return paths;
+  });
+  return allNavPaths.filter((p) => pathMatchesNavPath(pathForMatchValue, p)).sort((a, b) => b.length - a.length)[0];
+};
+
+  // Recompute which header nav item is "active" from the CURRENT URL and
+  // repaint the highlight. SSR sets the active item on first paint, but the
+  // header is persisted across same-locale client-router swaps
+  // (data-zfb-transition-persist), so without this the highlight would stay
+  // frozen on the page where the header was first rendered. Mirrors the
+  // sidebar island's client-side approach (match the current path against
+  // each entry's href) and the SSR longest-match + dropdown-parent rules.
+  // URL-based: hrefs and the current path both carry the base + locale
+  // prefix, so they compare directly without stripping.
+  function applyActiveNav() {
+    var nav = document.querySelector("[data-header-nav]");
+    if (!nav) return;
+    var topItems = Array.from(nav.querySelectorAll(":scope > [data-nav-item]"));
+    if (topItems.length === 0) return;
+
+    var cur = trimSlashes(readCurrentPath(CURRENT_PATH_DATASET_KEY));
+
+    // Build NavItemLike-shaped entries from the live DOM so the shared
+    // computeActiveNavPath can do the deepest-match walk \u2014 the same call
+    // shape the SSR header uses (matches computeActiveNavPath). A dropdown
+    // missing its own top-level anchor is skipped entirely (path "" would
+    // otherwise match every current path \u2014 pathMatchesNavPath treats "" as
+    // the root "/"), mirroring the parentLink guard used below for the same
+    // malformed-markup case.
+    var navItems = [];
+    topItems.forEach(function (it) {
+      var isDropdown = it.hasAttribute("data-nav-item-dropdown");
+      var topA = isDropdown ? it.querySelector(":scope > a") : it;
+      if (!topA) return;
+      var children = [];
+      if (isDropdown) {
+        it.querySelectorAll(":scope > div a").forEach(function (c) {
+          children.push({ path: navPathname(c) });
+        });
+      }
+      navItems.push({ path: navPathname(topA), children: children });
+    });
+
+    var activePath = computeActiveNavPath(navItems, cur) || "";
+
+    function setTopActive(a, active) {
+      if (!a) return;
+      if (active) {
+        a.classList.add("bg-fg", "text-bg");
+        a.classList.remove("text-muted", "hover:text-accent", "hover:underline", "focus:underline", "focus:text-accent");
+        a.setAttribute("aria-current", "page");
+      } else {
+        a.classList.remove("bg-fg", "text-bg");
+        a.classList.add("text-muted", "hover:text-accent", "hover:underline", "focus:underline", "focus:text-accent");
+        a.removeAttribute("aria-current");
+      }
+    }
+
+    topItems.forEach(function (it) {
+      var isDropdown = it.hasAttribute("data-nav-item-dropdown");
+      var topA = isDropdown ? it.querySelector(":scope > a") : it;
+      var topActive = false;
+
+      if (isDropdown) {
+        var parentMatch = !!topA && navPathname(topA) === activePath && activePath !== "";
+        var anyChild = false;
+        it.querySelectorAll(":scope > div a").forEach(function (c) {
+          var childActive = navPathname(c) === activePath && activePath !== "";
+          if (childActive) {
+            anyChild = true;
+            c.setAttribute("data-active", "");
+            c.classList.add("font-bold", "text-accent");
+            c.classList.remove("text-fg", "hover:text-accent", "focus-visible:text-accent");
+          } else {
+            c.removeAttribute("data-active");
+            c.classList.remove("font-bold", "text-accent");
+            c.classList.add("text-fg", "hover:text-accent", "focus-visible:text-accent");
+          }
+        });
+        topActive = parentMatch || anyChild;
+        var svg = topA ? topA.querySelector("svg") : null;
+        if (svg) {
+          if (topActive) { svg.classList.add("text-bg"); svg.classList.remove("text-muted"); }
+          else { svg.classList.add("text-muted"); svg.classList.remove("text-bg"); }
+        }
+      } else {
+        topActive = activePath !== "" && navPathname(topA) === activePath;
+      }
+
+      setTopActive(topA, topActive);
+    });
+  }
+
+  function initNavOverflow() {
+    if (cleanupNavOverflow) cleanupNavOverflow();
+
+    // Repaint the active highlight for the current URL before measuring /
+    // cloning, so the overflow "\xB7\xB7\xB7" menu mirrors the correct active state.
+    applyActiveNav();
+
+    var nav = document.querySelector("[data-header-nav]");
+    var moreContainer = document.querySelector("[data-nav-more]");
+    var moreMenu = document.querySelector("[data-nav-more-menu]");
+    var moreToggle = document.querySelector("[data-nav-more-toggle]");
+    if (!nav || !moreContainer || !moreMenu || !moreToggle) return;
+
+    var items = Array.from(nav.querySelectorAll(":scope > [data-nav-item]"));
+    if (items.length === 0) return;
+
+    var controller = new AbortController();
+
+    function update() {
+      items.forEach(function (el) { el.style.display = ""; });
+      moreContainer.style.display = "";
+      moreMenu.innerHTML = "";
+      moreMenu.classList.add("hidden");
+      moreToggle.setAttribute("aria-expanded", "false");
+
+      var itemWidths = items.map(function (el) { return el.offsetWidth; });
+      var moreWidth = moreContainer.offsetWidth;
+      var navGap = parseFloat(getComputedStyle(nav).columnGap) || 0;
+      var available = nav.clientWidth;
+
+      if (available <= 0) {
+        moreContainer.style.display = "none";
+        return;
+      }
+
+      var total = 0;
+      for (var i = 0; i < itemWidths.length; i++) {
+        total += itemWidths[i] + (i > 0 ? navGap : 0);
+      }
+
+      if (total <= available) {
+        moreContainer.style.display = "none";
+        return;
+      }
+
+      var used = 0;
+      var cutoffIndex = 0;
+
+      for (var i2 = 0; i2 < items.length; i2++) {
+        var w = itemWidths[i2] + (i2 > 0 ? navGap : 0);
+        if (used + w > available - moreWidth - navGap) break;
+        used += w;
+        cutoffIndex = i2 + 1;
+      }
+
+      for (var i3 = cutoffIndex; i3 < items.length; i3++) {
+        items[i3].style.display = "none";
+      }
+
+      for (var i4 = cutoffIndex; i4 < items.length; i4++) {
+        var el = items[i4];
+        var isDropdown = el.hasAttribute("data-nav-item-dropdown");
+
+        if (isDropdown) {
+          var parentLink = el.querySelector(":scope > a");
+          var childLinks = el.querySelectorAll(":scope > div a");
+          if (parentLink) {
+            var li = document.createElement("li");
+            var a = document.createElement("a");
+            a.href = parentLink.href;
+            var parentText = parentLink.textContent ? parentLink.textContent.trim().replace(/\\s+/g, " ") : "";
+            a.textContent = parentText;
+            a.className = "block px-hsp-md py-vsp-2xs text-small font-bold hover:bg-accent/10 hover:underline focus-visible:underline focus-visible:text-accent text-fg hover:text-accent";
+            if (parentLink.getAttribute("aria-current") === "page") {
+              a.className += " text-accent";
+            }
+            li.appendChild(a);
+            moreMenu.appendChild(li);
+          }
+          childLinks.forEach(function (child) {
+            var li = document.createElement("li");
+            var a = document.createElement("a");
+            a.href = child.href;
+            a.textContent = child.textContent ? child.textContent.trim() : "";
+            var isChildActive = child.hasAttribute("data-active");
+            a.className = isChildActive
+              ? "block pl-hsp-xl pr-hsp-md py-vsp-2xs text-small font-bold text-accent hover:bg-accent/10 hover:underline focus-visible:underline"
+              : "block pl-hsp-xl pr-hsp-md py-vsp-2xs text-small text-fg hover:bg-accent/10 hover:text-accent hover:underline focus-visible:underline focus-visible:text-accent";
+            li.appendChild(a);
+            moreMenu.appendChild(li);
+          });
+        } else {
+          var anchor = el;
+          var li2 = document.createElement("li");
+          var a2 = document.createElement("a");
+          a2.href = anchor.href;
+          a2.textContent = anchor.textContent ? anchor.textContent.trim() : "";
+          a2.className = "block px-hsp-md py-vsp-2xs text-small hover:bg-accent/10 hover:underline focus-visible:underline focus-visible:text-accent text-fg hover:text-accent";
+          if (anchor.getAttribute("aria-current") === "page") {
+            a2.className += " font-bold text-accent";
+          }
+          li2.appendChild(a2);
+          moreMenu.appendChild(li2);
+        }
+      }
+    }
+
+    moreToggle.addEventListener("click", function () {
+      var isOpen = !moreMenu.classList.contains("hidden");
+      moreMenu.classList.toggle("hidden", isOpen);
+      moreToggle.setAttribute("aria-expanded", String(!isOpen));
+    }, { signal: controller.signal });
+
+    document.addEventListener("click", function (e) {
+      if (!moreContainer.contains(e.target)) {
+        moreMenu.classList.add("hidden");
+        moreToggle.setAttribute("aria-expanded", "false");
+      }
+    }, { signal: controller.signal });
+
+    document.addEventListener("keydown", function (e) {
+      if (e.key !== "Escape") return;
+      if (!moreMenu.classList.contains("hidden")) {
+        moreMenu.classList.add("hidden");
+        moreToggle.setAttribute("aria-expanded", "false");
+        moreToggle.focus();
+        return;
+      }
+      var active = document.activeElement;
+      var dropdown = active && active.closest ? active.closest("[data-nav-item-dropdown]") : null;
+      if (dropdown && active && active.blur) {
+        active.blur();
+      }
+    }, { signal: controller.signal });
+
+    var dropdowns = nav.querySelectorAll("[data-nav-item-dropdown]");
+    dropdowns.forEach(function (dd) {
+      var trigger = dd.querySelector(":scope > a");
+      if (!trigger) return;
+      function setExpanded(v) {
+        trigger.setAttribute("aria-expanded", String(v));
+      }
+      dd.addEventListener("mouseenter", function () { setExpanded(true); }, { signal: controller.signal });
+      dd.addEventListener("mouseleave", function () { setExpanded(false); }, { signal: controller.signal });
+      dd.addEventListener("focusin", function () { setExpanded(true); }, { signal: controller.signal });
+      dd.addEventListener("focusout", function (e) {
+        if (!dd.contains(e.relatedTarget)) {
+          setExpanded(false);
+        }
+      }, { signal: controller.signal });
+    });
+
+    var ro = new ResizeObserver(update);
+    ro.observe(nav);
+    controller.signal.addEventListener("abort", function () { ro.disconnect(); });
+
+    document.fonts.ready.then(update);
+
+    update();
+
+    cleanupNavOverflow = function () { controller.abort(); };
+  }
+
+  initNavOverflow();
+  document.addEventListener("zfb:after-swap", initNavOverflow);
+})();`;
+}
+const NAV_OVERFLOW_SCRIPT = buildNavOverflowScript();
+export {
+  NAV_OVERFLOW_SCRIPT,
+  buildNavOverflowScript
+};

package/dist/header/nav-overflow-script.d.ts

@@ -1 +1 @@
-export declare const NAV_OVERFLOW_SCRIPT: string;
+export { NAV_OVERFLOW_SCRIPT } from "./nav-overflow-generated-script.js";

package/dist/header/nav-overflow-script.js

@@ -1,289 +1,4 @@
-import { AFTER_NAVIGATE_EVENT } from "../transitions/page-events.js";
-import {
-  NAV_CHEVRON_ACTIVE,
-  NAV_CHEVRON_INACTIVE,
-  NAV_CHILD_ACTIVE,
-  NAV_CHILD_INACTIVE,
-  NAV_MENU_CHILD_ACTIVE,
-  NAV_MENU_CHILD_INACTIVE,
-  NAV_MENU_PARENT,
-  NAV_MENU_PARENT_ACTIVE_SUFFIX,
-  NAV_MENU_PLAIN,
-  NAV_MENU_PLAIN_ACTIVE_SUFFIX,
-  NAV_TOP_ACTIVE,
-  NAV_TOP_INACTIVE
-} from "./nav-class-tokens.js";
-const clsArgs = (tokens) => tokens.map((token) => JSON.stringify(token)).join(", ");
-const clsLiteral = (tokens) => JSON.stringify(tokens.join(" "));
-const clsAppend = (tokens) => JSON.stringify(" " + tokens.join(" "));
-const NAV_OVERFLOW_SCRIPT = `(function () {
-  var cleanupNavOverflow = null;
-
-  function trimSlashes(p) {
-    while (p.length > 1 && p.charAt(p.length - 1) === "/") p = p.slice(0, -1);
-    return p || "/";
-  }
-
-  function navPathname(a) {
-    try { return trimSlashes(new URL(a.href, location.href).pathname); }
-    catch (e) { return ""; }
-  }
-
-  function isUnderPath(cur, p) {
-    if (!p) return false;
-    if (cur === p) return true;
-    return p !== "/" && cur.indexOf(p + "/") === 0;
-  }
-
-  // Recompute which header nav item is "active" from the CURRENT URL and
-  // repaint the highlight. SSR sets the active item on first paint, but the
-  // header is persisted across same-locale client-router swaps
-  // (data-zfb-transition-persist), so without this the highlight would stay
-  // frozen on the page where the header was first rendered. Mirrors the
-  // sidebar island's client-side approach (match location.pathname against
-  // each entry's href) and the SSR longest-match + dropdown-parent rules.
-  // URL-based: hrefs and location.pathname both carry the base + locale
-  // prefix, so they compare directly without stripping.
-  function applyActiveNav() {
-    var nav = document.querySelector("[data-header-nav]");
-    if (!nav) return;
-    var topItems = Array.from(nav.querySelectorAll(":scope > [data-nav-item]"));
-    if (topItems.length === 0) return;
-
-    var cur = trimSlashes(location.pathname);
-
-    // Deepest (longest) nav path the current URL lives under, across both
-    // top-level and dropdown-child paths \u2014 matches computeActiveNavPath.
-    var activePath = "";
-    topItems.forEach(function (it) {
-      var isDropdown = it.hasAttribute("data-nav-item-dropdown");
-      var topA = isDropdown ? it.querySelector(":scope > a") : it;
-      if (topA) {
-        var tp = navPathname(topA);
-        if (isUnderPath(cur, tp) && tp.length > activePath.length) activePath = tp;
-      }
-      if (isDropdown) {
-        it.querySelectorAll(":scope > div a").forEach(function (c) {
-          var cp = navPathname(c);
-          if (isUnderPath(cur, cp) && cp.length > activePath.length) activePath = cp;
-        });
-      }
-    });
-
-    function setTopActive(a, active) {
-      if (!a) return;
-      if (active) {
-        a.classList.add(${clsArgs(NAV_TOP_ACTIVE)});
-        a.classList.remove(${clsArgs(NAV_TOP_INACTIVE)});
-        a.setAttribute("aria-current", "page");
-      } else {
-        a.classList.remove(${clsArgs(NAV_TOP_ACTIVE)});
-        a.classList.add(${clsArgs(NAV_TOP_INACTIVE)});
-        a.removeAttribute("aria-current");
-      }
-    }
-
-    topItems.forEach(function (it) {
-      var isDropdown = it.hasAttribute("data-nav-item-dropdown");
-      var topA = isDropdown ? it.querySelector(":scope > a") : it;
-      var topActive = false;
-
-      if (isDropdown) {
-        var parentMatch = !!topA && navPathname(topA) === activePath && activePath !== "";
-        var anyChild = false;
-        it.querySelectorAll(":scope > div a").forEach(function (c) {
-          var childActive = navPathname(c) === activePath && activePath !== "";
-          if (childActive) {
-            anyChild = true;
-            c.setAttribute("data-active", "");
-            c.classList.add(${clsArgs(NAV_CHILD_ACTIVE)});
-            c.classList.remove(${clsArgs(NAV_CHILD_INACTIVE)});
-          } else {
-            c.removeAttribute("data-active");
-            c.classList.remove(${clsArgs(NAV_CHILD_ACTIVE)});
-            c.classList.add(${clsArgs(NAV_CHILD_INACTIVE)});
-          }
-        });
-        topActive = parentMatch || anyChild;
-        var svg = topA ? topA.querySelector("svg") : null;
-        if (svg) {
-          if (topActive) { svg.classList.add(${clsArgs(NAV_CHEVRON_ACTIVE)}); svg.classList.remove(${clsArgs(NAV_CHEVRON_INACTIVE)}); }
-          else { svg.classList.add(${clsArgs(NAV_CHEVRON_INACTIVE)}); svg.classList.remove(${clsArgs(NAV_CHEVRON_ACTIVE)}); }
-        }
-      } else {
-        topActive = activePath !== "" && navPathname(topA) === activePath;
-      }
-
-      setTopActive(topA, topActive);
-    });
-  }
-
-  function initNavOverflow() {
-    if (cleanupNavOverflow) cleanupNavOverflow();
-
-    // Repaint the active highlight for the current URL before measuring /
-    // cloning, so the overflow "\xB7\xB7\xB7" menu mirrors the correct active state.
-    applyActiveNav();
-
-    var nav = document.querySelector("[data-header-nav]");
-    var moreContainer = document.querySelector("[data-nav-more]");
-    var moreMenu = document.querySelector("[data-nav-more-menu]");
-    var moreToggle = document.querySelector("[data-nav-more-toggle]");
-    if (!nav || !moreContainer || !moreMenu || !moreToggle) return;
-
-    var items = Array.from(nav.querySelectorAll(":scope > [data-nav-item]"));
-    if (items.length === 0) return;
-
-    var controller = new AbortController();
-
-    function update() {
-      items.forEach(function (el) { el.style.display = ""; });
-      moreContainer.style.display = "";
-      moreMenu.innerHTML = "";
-      moreMenu.classList.add("hidden");
-      moreToggle.setAttribute("aria-expanded", "false");
-
-      var itemWidths = items.map(function (el) { return el.offsetWidth; });
-      var moreWidth = moreContainer.offsetWidth;
-      var navGap = parseFloat(getComputedStyle(nav).columnGap) || 0;
-      var available = nav.clientWidth;
-
-      if (available <= 0) {
-        moreContainer.style.display = "none";
-        return;
-      }
-
-      var total = 0;
-      for (var i = 0; i < itemWidths.length; i++) {
-        total += itemWidths[i] + (i > 0 ? navGap : 0);
-      }
-
-      if (total <= available) {
-        moreContainer.style.display = "none";
-        return;
-      }
-
-      var used = 0;
-      var cutoffIndex = 0;
-
-      for (var i2 = 0; i2 < items.length; i2++) {
-        var w = itemWidths[i2] + (i2 > 0 ? navGap : 0);
-        if (used + w > available - moreWidth - navGap) break;
-        used += w;
-        cutoffIndex = i2 + 1;
-      }
-
-      for (var i3 = cutoffIndex; i3 < items.length; i3++) {
-        items[i3].style.display = "none";
-      }
-
-      for (var i4 = cutoffIndex; i4 < items.length; i4++) {
-        var el = items[i4];
-        var isDropdown = el.hasAttribute("data-nav-item-dropdown");
-
-        if (isDropdown) {
-          var parentLink = el.querySelector(":scope > a");
-          var childLinks = el.querySelectorAll(":scope > div a");
-          if (parentLink) {
-            var li = document.createElement("li");
-            var a = document.createElement("a");
-            a.href = parentLink.href;
-            var parentText = parentLink.textContent ? parentLink.textContent.trim().replace(/\\s+/g, " ") : "";
-            a.textContent = parentText;
-            a.className = ${clsLiteral(NAV_MENU_PARENT)};
-            if (parentLink.getAttribute("aria-current") === "page") {
-              a.className += ${clsAppend(NAV_MENU_PARENT_ACTIVE_SUFFIX)};
-            }
-            li.appendChild(a);
-            moreMenu.appendChild(li);
-          }
-          childLinks.forEach(function (child) {
-            var li = document.createElement("li");
-            var a = document.createElement("a");
-            a.href = child.href;
-            a.textContent = child.textContent ? child.textContent.trim() : "";
-            var isChildActive = child.hasAttribute("data-active");
-            a.className = isChildActive
-              ? ${clsLiteral(NAV_MENU_CHILD_ACTIVE)}
-              : ${clsLiteral(NAV_MENU_CHILD_INACTIVE)};
-            li.appendChild(a);
-            moreMenu.appendChild(li);
-          });
-        } else {
-          var anchor = el;
-          var li2 = document.createElement("li");
-          var a2 = document.createElement("a");
-          a2.href = anchor.href;
-          a2.textContent = anchor.textContent ? anchor.textContent.trim() : "";
-          a2.className = ${clsLiteral(NAV_MENU_PLAIN)};
-          if (anchor.getAttribute("aria-current") === "page") {
-            a2.className += ${clsAppend(NAV_MENU_PLAIN_ACTIVE_SUFFIX)};
-          }
-          li2.appendChild(a2);
-          moreMenu.appendChild(li2);
-        }
-      }
-    }
-
-    moreToggle.addEventListener("click", function () {
-      var isOpen = !moreMenu.classList.contains("hidden");
-      moreMenu.classList.toggle("hidden", isOpen);
-      moreToggle.setAttribute("aria-expanded", String(!isOpen));
-    }, { signal: controller.signal });
-
-    document.addEventListener("click", function (e) {
-      if (!moreContainer.contains(e.target)) {
-        moreMenu.classList.add("hidden");
-        moreToggle.setAttribute("aria-expanded", "false");
-      }
-    }, { signal: controller.signal });
-
-    document.addEventListener("keydown", function (e) {
-      if (e.key !== "Escape") return;
-      if (!moreMenu.classList.contains("hidden")) {
-        moreMenu.classList.add("hidden");
-        moreToggle.setAttribute("aria-expanded", "false");
-        moreToggle.focus();
-        return;
-      }
-      var active = document.activeElement;
-      var dropdown = active && active.closest ? active.closest("[data-nav-item-dropdown]") : null;
-      if (dropdown && active && active.blur) {
-        active.blur();
-      }
-    }, { signal: controller.signal });
-
-    var dropdowns = nav.querySelectorAll("[data-nav-item-dropdown]");
-    dropdowns.forEach(function (dd) {
-      var trigger = dd.querySelector(":scope > a");
-      if (!trigger) return;
-      function setExpanded(v) {
-        trigger.setAttribute("aria-expanded", String(v));
-      }
-      dd.addEventListener("mouseenter", function () { setExpanded(true); }, { signal: controller.signal });
-      dd.addEventListener("mouseleave", function () { setExpanded(false); }, { signal: controller.signal });
-      dd.addEventListener("focusin", function () { setExpanded(true); }, { signal: controller.signal });
-      dd.addEventListener("focusout", function (e) {
-        if (!dd.contains(e.relatedTarget)) {
-          setExpanded(false);
-        }
-      }, { signal: controller.signal });
-    });
-
-    var ro = new ResizeObserver(update);
-    ro.observe(nav);
-    controller.signal.addEventListener("abort", function () { ro.disconnect(); });
-
-    document.fonts.ready.then(update);
-
-    update();
-
-    cleanupNavOverflow = function () { controller.abort(); };
-  }
-
-  initNavOverflow();
-  document.addEventListener(${JSON.stringify(AFTER_NAVIGATE_EVENT)}, initNavOverflow);
-})();`;
+import { NAV_OVERFLOW_SCRIPT } from "./nav-overflow-generated-script.js";
 export {
   NAV_OVERFLOW_SCRIPT
 };

package/dist/header-with-defaults/index.js

@@ -12,7 +12,8 @@ import { assertChromeContext } from "../chrome/assert-chrome-context.js";
 import {
   deriveGetUnavailableVersions,
   deriveNavDataPrep,
-  deriveSearchWidgetSlot
+  deriveSearchWidgetSlot,
+  skipsPackageDefaultDesignTokenPanel
 } from "../chrome/derive.js";
 function createHeaderWithDefaults(ctx) {
   assertChromeContext(ctx, "createHeaderWithDefaults");
@@ -130,7 +131,15 @@ function createHeaderWithDefaults(ctx) {
     const headerRightItems = filterHeaderRightItems(
       settings.headerRightItems ?? [],
       {
-        designTokenPanel: Boolean(settings.designTokenPanel),
+        // Mirrors `deriveBodyEndIslands`' slot resolution (#3414): when the
+        // derive-level skip leaves a page with no panel island and no
+        // pre-hydration toggle shim, the header toggle button must go with
+        // them — otherwise it dispatches `toggle-design-token-panel` into a
+        // document with no listener and no click queue (a dead button).
+        // `hostBindings.DesignTokenPanelBootstrap` covers the injected-route
+        // path too (`routes/_chrome.tsx` threads the configured island through
+        // that slot), so injected pages keep the button.
+        designTokenPanel: Boolean(settings.designTokenPanel) && (ctx.hostBindings.DesignTokenPanelBootstrap != null || !skipsPackageDefaultDesignTokenPanel(ctx.settings)),
         aiAssistant: Boolean(settings.aiAssistant),
         colorMode: Boolean(settings.colorMode),
         hasLocales: Object.keys(settings.locales).length > 0,

package/dist/i18n-version/language-switcher.d.ts

@@ -40,6 +40,12 @@ export declare function switchLocaleHref(pathname: string, config: LanguageSwitc
  * `window[FLAG]` makes it idempotent: the tag may re-execute on a hard reload
  * or a cross-locale header repaint, but the listener is registered exactly
  * once per page lifetime.
+ *
+ * The pathname fed to `switchLocaleHref` comes from the embedded
+ * `readCurrentPath`, which prefers the `data-zd-current-path` override over
+ * `location.pathname` — the same explicit current-route reader
+ * `nav-overflow-script.ts` / `sidebar-tree-island` / `version-switcher.tsx`
+ * use (zudolab/zudo-doc#3398, consolidated by #3408).
  */
 export declare const LANGUAGE_SWITCHER_INIT_SCRIPT: string;
 export interface LanguageSwitcherProps {

package/dist/i18n-version/language-switcher.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { Fragment } from "preact";
 import { AFTER_NAVIGATE_EVENT } from "../transitions/index.js";
+import { CURRENT_PATH_SCRIPT_PRELUDE } from "../current-path/index.js";
 function switchLocaleHref(pathname, config, currentLang, targetLang) {
   const normalizedBase = config.base;
   const defaultLocale = config.defaultLocale;
@@ -45,6 +46,7 @@ const LANGUAGE_SWITCHER_INIT_SCRIPT = `(function(){
 var FLAG="__zdLanguageSwitcherInit";
 if(window[FLAG])return;
 window[FLAG]=true;
+${CURRENT_PATH_SCRIPT_PRELUDE}
 var switchLocaleHref=${switchLocaleHref.toString()};
 function rewire(){
 var containers=document.querySelectorAll("[data-language-switcher]");
@@ -57,7 +59,7 @@ for(var j=0;j<anchors.length;j++){
 var a=anchors[j];
 var target=a.getAttribute("lang");
 if(!target)continue;
-a.setAttribute("href",switchLocaleHref(window.location.pathname,config,currentLang,target));
+a.setAttribute("href",switchLocaleHref(readCurrentPath(CURRENT_PATH_DATASET_KEY),config,currentLang,target));
 }
 }
 }

package/dist/i18n-version/version-switcher.d.ts

@@ -208,6 +208,12 @@ export declare const VERSION_SWITCHER_INIT_SCRIPT: string;
  * `window[FLAG]` makes it idempotent: the tag may re-execute on a hard reload or
  * a cross-locale header repaint, but the listener registers exactly once per
  * page lifetime.
+ *
+ * The pathname fed to `computeVersionSwitcherState` comes from the embedded
+ * `readCurrentPath`, which prefers the `data-zd-current-path` override over
+ * `location.pathname` — the same explicit current-route reader
+ * `nav-overflow-script.ts` / `sidebar-tree-island` / `language-switcher.tsx`
+ * use (zudolab/zudo-doc#3398, consolidated by #3408).
  */
 export declare const VERSION_SWITCHER_REWIRE_SCRIPT: string;
 export type { VersionEntry, VersionSwitcherLabels };