accessify-widget 0.3.103 → 0.3.105

package/dist/accessify.mjs

@@ -1,4 +1,4 @@
-import { d, i } from "./index-z-PPlD77.js";
+import { d, i } from "./index-De-vZj27.js";
 export {
   d as destroy,
   i as init

package/dist/{index-z-PPlD77.js → index-De-vZj27.js}

@@ -6663,14 +6663,14 @@ function FeatureGrid($$anchor, $$props) {
   const FEATURE_LOADERS = {
     contrast: () => import("./contrast-CqsOs6Uo.js"),
     "text-size": () => import("./text-size-m_mHNPWo.js"),
-    "keyboard-nav": () => import("./keyboard-nav-Ca6B6NGi.js"),
+    "keyboard-nav": () => import("./keyboard-nav-CC3-Xa0Q.js"),
     "link-highlight": () => import("./link-highlight-DBGm067Y.js"),
     "reading-guide": () => import("./reading-guide-VT8NciIL.js"),
     "reading-mask": () => import("./reading-mask-CImlx88t.js"),
     "animation-stop": () => import("./animation-stop-C2Ced0LV.js"),
     "hide-images": () => import("./hide-images-DdZdru63.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-CMx_Jviw.js"),
+    "page-structure": () => import("./page-structure-Buh7vuTK.js"),
     tts: () => import("./tts-BytU4gzP.js"),
     "text-simplify": () => import("./text-simplify-YuRRlyGQ.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -7438,6 +7438,33 @@ function WidgetApp($$anchor, $$props) {
   }
   const textTransformService = createTextTransformService();
   const STORAGE_KEY = "accessify-prefs";
+  const SCHEMA_VERSION = 1;
+  const SCHEMA_KEY = "accessify-schema-version";
+  const MIGRATIONS = [
+    // Future entries: { from: 1, to: 2, run: () => localStorage.removeItem('…') }
+  ];
+  function runSchemaMigrations() {
+    try {
+      let stored = parseInt(localStorage.getItem(SCHEMA_KEY) || "0", 10);
+      if (!Number.isFinite(stored) || stored < 0) stored = 0;
+      if (stored === 0 && localStorage.getItem(SCHEMA_KEY) === null) {
+        localStorage.setItem(SCHEMA_KEY, String(SCHEMA_VERSION));
+        return;
+      }
+      if (stored === SCHEMA_VERSION) return;
+      while (stored < SCHEMA_VERSION) {
+        const mig = MIGRATIONS.find((m) => m.from === stored);
+        if (!mig) break;
+        try {
+          mig.run();
+        } catch {
+        }
+        stored = mig.to;
+      }
+      localStorage.setItem(SCHEMA_KEY, String(SCHEMA_VERSION));
+    } catch {
+    }
+  }
   let activeCount = /* @__PURE__ */ user_derived(() => Array.from(get(activeFeatures).values()).filter(Boolean).length);
   let currentLangOption = /* @__PURE__ */ user_derived(() => LANGUAGE_OPTIONS.find((o) => o.code === get(widgetLang)));
   function announce(message) {
@@ -7615,8 +7642,17 @@ function WidgetApp($$anchor, $$props) {
   }
   let panelStyle = /* @__PURE__ */ user_derived(() => get(panelX) !== null ? `left: ${get(panelX)}px; right: auto;` : "");
   const mobileQuery = typeof window !== "undefined" ? window.matchMedia("(max-width: 640px)") : null;
+  let isMobileMatched = /* @__PURE__ */ state(proxy(mobileQuery?.matches ?? false));
+  user_effect(() => {
+    if (!mobileQuery) return;
+    const onChange = (e) => {
+      set(isMobileMatched, e.matches, true);
+    };
+    mobileQuery.addEventListener("change", onChange);
+    return () => mobileQuery.removeEventListener("change", onChange);
+  });
   user_effect(() => {
-    if (!get(isOpen) || !mobileQuery?.matches) return;
+    if (!get(isOpen) || !get(isMobileMatched)) return;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     return () => {
@@ -7635,6 +7671,7 @@ function WidgetApp($$anchor, $$props) {
   });
   onMount(() => {
     set(widgetLang, getSupportedLang(config2().lang || "en"), true);
+    runSchemaMigrations();
     detectTheme();
     applyTheme();
     loadPrefs();
@@ -8527,12 +8564,12 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
       overlay = document.createElement("div");
       overlay.id = OVERLAY_ID;
       Object.assign(overlay.style, {
-        position: "absolute",
+        position: "fixed",
         top: "0",
         left: "0",
-        width: "0",
-        height: "0",
-        overflow: "visible",
+        width: "100%",
+        height: "100%",
+        overflow: "hidden",
         pointerEvents: "none",
         zIndex: "10000"
       });
@@ -8547,10 +8584,8 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
       tooltip.style.display = "none";
       return;
     }
-    const scrollX = window.scrollX;
-    const scrollY = window.scrollY;
-    const top = rect.top + scrollY + 6;
-    const left = rect.left + scrollX + 6;
+    const top = rect.top + 6;
+    const left = rect.left + 6;
     badge.style.display = "";
     badge.style.top = `${top}px`;
     badge.style.left = `${left}px`;
@@ -9162,4 +9197,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-z-PPlD77.js.map
+//# sourceMappingURL=index-De-vZj27.js.map