accessify-widget 0.2.18 → 0.2.19

package/dist/accessify.mjs

@@ -1,4 +1,4 @@
-import { d, i } from "./index-DvpENReS.js";
+import { d, i } from "./index-B2FUEI0d.js";
 export {
   d as destroy,
   i as init

package/dist/{index-DvpENReS.js → index-B2FUEI0d.js}

@@ -1673,7 +1673,7 @@ function derived(fn) {
   return signal;
 }
 // @__NO_SIDE_EFFECTS__
-function async_derived(fn, label, location) {
+function async_derived(fn, label, location2) {
   let parent = (
     /** @type {Effect | null} */
     active_effect
@@ -6310,14 +6310,14 @@ function FeatureGrid($$anchor, $$props) {
   const FEATURE_LOADERS = {
     contrast: () => import("./contrast-CqsICAkU.js"),
     "text-size": () => import("./text-size-C6OFhCGi.js"),
-    "keyboard-nav": () => import("./keyboard-nav-BLkj3Uzc.js"),
+    "keyboard-nav": () => import("./keyboard-nav-B49dNgy3.js"),
     "link-highlight": () => import("./link-highlight-DBGm067Y.js"),
     "reading-guide": () => import("./reading-guide-VT8NciIL.js"),
     "reading-mask": () => import("./reading-mask-BABChuCz.js"),
     "animation-stop": () => import("./animation-stop-C0MwseK0.js"),
     "hide-images": () => import("./hide-images-B_LeCBcd.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-D88y-Y7V.js"),
+    "page-structure": () => import("./page-structure-C9pDJKyf.js"),
     tts: () => import("./tts-CjszLRnb.js"),
     "text-simplify": () => import("./text-simplify-Cvhpio7g.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -6630,6 +6630,8 @@ let currentTranslateLang = null;
 let translating = false;
 let observer = null;
 let observerPaused = false;
+let navigationHandler = null;
+let lastUrl = "";
 const TRANSLATABLE_ATTRS = [
   "aria-label",
   "aria-description",
@@ -6773,10 +6775,23 @@ async function translatePage(targetLang) {
 }
 function setupObserver(targetLang) {
   if (observer) observer.disconnect();
+  lastUrl = location.href;
   const debouncedTranslate = debounce(() => {
     if (!currentTranslateLang || observerPaused) return;
     translatePage(currentTranslateLang);
   }, 300);
+  const onNavigation = () => {
+    if (!currentTranslateLang || observerPaused) return;
+    const newUrl = location.href;
+    if (newUrl !== lastUrl) {
+      lastUrl = newUrl;
+      savedTextNodes = [];
+      savedAttrs = [];
+      setTimeout(() => {
+        if (currentTranslateLang) translatePage(currentTranslateLang);
+      }, 500);
+    }
+  };
   observer = new MutationObserver((mutations) => {
     if (observerPaused || !currentTranslateLang) return;
     let hasRelevantChange = false;
@@ -6790,17 +6805,36 @@ function setupObserver(targetLang) {
         break;
       }
     }
-    if (hasRelevantChange) debouncedTranslate();
+    if (hasRelevantChange) {
+      onNavigation();
+      debouncedTranslate();
+    }
   });
   observer.observe(document.body, {
     childList: true,
     subtree: true,
     characterData: true
   });
+  navigationHandler = onNavigation;
+  window.addEventListener("popstate", navigationHandler);
+  const origPush = history.pushState;
+  const origReplace = history.replaceState;
+  history.pushState = function(...args) {
+    origPush.apply(this, args);
+    onNavigation();
+  };
+  history.replaceState = function(...args) {
+    origReplace.apply(this, args);
+    onNavigation();
+  };
 }
 function teardownObserver() {
   observer?.disconnect();
   observer = null;
+  if (navigationHandler) {
+    window.removeEventListener("popstate", navigationHandler);
+    navigationHandler = null;
+  }
 }
 function getElId(el) {
   return el.id || el.getAttribute("data-a11y-id") || (el.setAttribute("data-a11y-id", Math.random().toString(36).substr(2, 9)), el.getAttribute("data-a11y-id"));
@@ -8535,4 +8569,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-DvpENReS.js.map
+//# sourceMappingURL=index-B2FUEI0d.js.map