accessify-widget 0.3.104 → 0.3.105

package/dist/accessify.mjs

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

package/dist/{index-Bsfz4nea.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-Ce7uj953.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-Bj5tC7r4.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)
@@ -7642,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 (!get(isOpen) || !mobileQuery?.matches) return;
+    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) || !get(isMobileMatched)) return;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
     return () => {
@@ -8555,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"
       });
@@ -8575,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`;
@@ -9190,4 +9197,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-Bsfz4nea.js.map
+//# sourceMappingURL=index-De-vZj27.js.map