accessify-widget 0.3.102 → 0.3.103

package/dist/accessify.mjs

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

package/dist/{index-CyZv4-2d.js → index-z-PPlD77.js}

@@ -5992,6 +5992,22 @@ function TriggerButton($$anchor, $$props) {
     let startTop = 0;
     let hasMoved = false;
     let pointerId = null;
+    function clampToViewport() {
+      if (!btn.style.left && !btn.style.top) return;
+      const rect = btn.getBoundingClientRect();
+      const w = rect.width || 56;
+      const h = rect.height || 56;
+      const maxLeft = Math.max(0, window.innerWidth - w);
+      const maxTop = Math.max(0, window.innerHeight - h);
+      const curLeft = parseFloat(btn.style.left) || rect.left;
+      const curTop = parseFloat(btn.style.top) || rect.top;
+      const nextLeft = Math.max(0, Math.min(maxLeft, curLeft));
+      const nextTop = Math.max(0, Math.min(maxTop, curTop));
+      if (nextLeft !== curLeft || nextTop !== curTop) {
+        btn.style.left = nextLeft + "px";
+        btn.style.top = nextTop + "px";
+      }
+    }
     function onDown(e) {
       const rect = btn.getBoundingClientRect();
       dragStartX = e.clientX;
@@ -6034,10 +6050,14 @@ function TriggerButton($$anchor, $$props) {
     btn.addEventListener("pointerdown", onDown);
     btn.addEventListener("pointermove", onMove);
     btn.addEventListener("pointerup", onUp);
+    window.addEventListener("resize", clampToViewport);
+    window.visualViewport?.addEventListener("resize", clampToViewport);
     return () => {
       btn.removeEventListener("pointerdown", onDown);
       btn.removeEventListener("pointermove", onMove);
       btn.removeEventListener("pointerup", onUp);
+      window.removeEventListener("resize", clampToViewport);
+      window.visualViewport?.removeEventListener("resize", clampToViewport);
     };
   });
   var button = root$5();
@@ -6643,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-BYl36wkS.js"),
+    "keyboard-nav": () => import("./keyboard-nav-Ca6B6NGi.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-DkNwkCP-.js"),
+    "page-structure": () => import("./page-structure-CMx_Jviw.js"),
     tts: () => import("./tts-BytU4gzP.js"),
     "text-simplify": () => import("./text-simplify-YuRRlyGQ.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -7397,6 +7417,25 @@ function WidgetApp($$anchor, $$props) {
   let langDropdownOpen = /* @__PURE__ */ state(false);
   let panelX = /* @__PURE__ */ state(null);
   const PANEL_X_KEY = "accessify-panel-x";
+  function estimatedPanelWidth() {
+    if (get(panelEl) && get(panelEl).offsetWidth > 0) return get(panelEl).offsetWidth;
+    const configured = config2().panelWidth;
+    const fromConfig = typeof configured === "number" && configured > 0 ? configured : 420;
+    return Math.min(fromConfig, window.innerWidth);
+  }
+  function clampPanelPosition() {
+    if (get(panelX) === null) return;
+    const panelW = estimatedPanelWidth();
+    const maxLeft = Math.max(0, window.innerWidth - panelW);
+    const clamped = Math.max(0, Math.min(maxLeft, get(panelX)));
+    if (clamped !== get(panelX)) {
+      set(panelX, clamped, true);
+      try {
+        localStorage.setItem(PANEL_X_KEY, String(clamped));
+      } catch {
+      }
+    }
+  }
   const textTransformService = createTextTransformService();
   const STORAGE_KEY = "accessify-prefs";
   let activeCount = /* @__PURE__ */ user_derived(() => Array.from(get(activeFeatures).values()).filter(Boolean).length);
@@ -7416,10 +7455,12 @@ function WidgetApp($$anchor, $$props) {
       }
       const savedX = localStorage.getItem(PANEL_X_KEY);
       if (savedX !== null) {
-        set(panelX, parseFloat(savedX), true);
+        const n = parseFloat(savedX);
+        set(panelX, Number.isFinite(n) && n >= 0 ? n : null, true);
       }
     } catch {
     }
+    clampPanelPosition();
   }
   function savePrefs() {
     try {
@@ -7461,8 +7502,10 @@ function WidgetApp($$anchor, $$props) {
     setCurrentWidgetLang(get(widgetLang));
   }
   function open() {
+    clampPanelPosition();
     set(isOpen, true);
     requestAnimationFrame(() => {
+      clampPanelPosition();
       if (get(panelEl)) {
         const first = get(panelEl).querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
         first?.focus();
@@ -7580,6 +7623,16 @@ function WidgetApp($$anchor, $$props) {
       document.body.style.overflow = prev;
     };
   });
+  user_effect(() => {
+    if (typeof window === "undefined") return;
+    const onResize = () => clampPanelPosition();
+    window.addEventListener("resize", onResize);
+    window.visualViewport?.addEventListener("resize", onResize);
+    return () => {
+      window.removeEventListener("resize", onResize);
+      window.visualViewport?.removeEventListener("resize", onResize);
+    };
+  });
   onMount(() => {
     set(widgetLang, getSupportedLang(config2().lang || "en"), true);
     detectTheme();
@@ -9109,4 +9162,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-CyZv4-2d.js.map
+//# sourceMappingURL=index-z-PPlD77.js.map