accessify-widget 0.3.97 → 0.3.98

package/dist/accessify.mjs

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

package/dist/{index-DR0ZtVVk.js → index-BF8ksHVw.js}

@@ -6006,7 +6006,8 @@ function TriggerButton($$anchor, $$props) {
       if (pointerId === null || e.pointerId !== pointerId) return;
       const dx = e.clientX - dragStartX;
       const dy = e.clientY - dragStartY;
-      if (!hasMoved && (Math.abs(dx) > 5 || Math.abs(dy) > 5)) {
+      const dragThreshold = matchMedia("(pointer: coarse)").matches ? 15 : 5;
+      if (!hasMoved && (Math.abs(dx) > dragThreshold || Math.abs(dy) > dragThreshold)) {
         hasMoved = true;
         set(isDragging, true);
         btn.style.transition = "none";
@@ -6642,15 +6643,15 @@ 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-BpS7T_xC.js"),
+    "keyboard-nav": () => import("./keyboard-nav-C6vqsm1k.js"),
     "link-highlight": () => import("./link-highlight-DBGm067Y.js"),
     "reading-guide": () => import("./reading-guide-VT8NciIL.js"),
-    "reading-mask": () => import("./reading-mask-BABChuCz.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-LQFWwYsE.js"),
-    tts: () => import("./tts-CjszLRnb.js"),
+    "page-structure": () => import("./page-structure-8pIvzkO4.js"),
+    tts: () => import("./tts-BytU4gzP.js"),
     "text-simplify": () => import("./text-simplify-W0rPYWpv.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
   };
@@ -6942,6 +6943,7 @@ function FeatureGrid($$anchor, $$props) {
         var span_12 = sibling(button_2, 2);
         template_effect(
           ($0, $1, $2, $3) => {
+            set_attribute(div_7, "data-feature", get(feature).id);
             set_attribute(button_2, "data-active", get(isActive));
             set_attribute(button_2, "aria-checked", get(isActive));
             set_attribute(button_2, "aria-label", $0);
@@ -7569,6 +7571,15 @@ 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;
+  user_effect(() => {
+    if (!get(isOpen) || !mobileQuery?.matches) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  });
   onMount(() => {
     set(widgetLang, getSupportedLang(config2().lang || "en"), true);
     detectTheme();
@@ -7798,7 +7809,9 @@ function createWidgetStyles(config2) {
       transition: transform var(--fast), box-shadow var(--fast), opacity var(--fast);
       touch-action: none;
     }
-    .accessify-trigger:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(50,60,100,0.6); }
+    @media (hover: hover) {
+      .accessify-trigger:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(50,60,100,0.6); }
+    }
     .accessify-trigger:active { transform: scale(0.96); }
     .accessify-trigger--hidden { display:none; }
     .accessify-trigger svg { width: 26px; height: 26px; }
@@ -7851,7 +7864,9 @@ function createWidgetStyles(config2) {
       background: var(--surface); color: var(--text-dim);
       cursor: pointer; transition: background var(--fast), color var(--fast);
     }
-    .accessify-header-btn:hover { background: var(--surface-hover); color: var(--text); }
+    @media (hover: hover) {
+      .accessify-header-btn:hover { background: var(--surface-hover); color: var(--text); }
+    }
     .accessify-header-btn svg { width: 16px; height: 16px; }
     .accessify-header-btn--icon { padding: 0; }
     .accessify-header-btn--close { background: transparent; border-color: transparent; }
@@ -7880,8 +7895,10 @@ function createWidgetStyles(config2) {
       font-size: 15px; font-weight: 700;
       transition: background var(--fast);
     }
-    .accessify-lang-toggle:hover,
-    .accessify-accordion-toggle:hover { background: var(--surface-hover); }
+    @media (hover: hover) {
+      .accessify-lang-toggle:hover,
+      .accessify-accordion-toggle:hover { background: var(--surface-hover); }
+    }
 
     .accessify-lang-toggle-left,
     .accessify-accordion-toggle-left {
@@ -7921,7 +7938,9 @@ function createWidgetStyles(config2) {
       transition: background var(--fast);
       min-height: 44px;
     }
-    .accessify-lang-option:hover { background: var(--surface-hover); }
+    @media (hover: hover) {
+      .accessify-lang-option:hover { background: var(--surface-hover); }
+    }
     .accessify-lang-option[data-active="true"] { color: var(--accent); font-weight: 700; }
     .accessify-lang-option svg { width: 18px; height: 18px; color: var(--accent); flex-shrink: 0; }
 
@@ -7934,7 +7953,9 @@ function createWidgetStyles(config2) {
       font-family: inherit; text-align: left;
       transition: background var(--fast);
     }
-    .accessify-accordion-option:hover { background: var(--surface-hover); }
+    @media (hover: hover) {
+      .accessify-accordion-option:hover { background: var(--surface-hover); }
+    }
     .accessify-accordion-option[data-active="true"] { background: var(--accent-soft); }
 
     .accessify-accordion-option-left {
@@ -7999,7 +8020,9 @@ function createWidgetStyles(config2) {
       text-align: center; line-height: 1.25;
       transition: background var(--fast), color var(--fast), border-color var(--fast);
     }
-    .accessify-chip:hover { border-color: var(--border-hl); background: var(--surface-hover); }
+    @media (hover: hover) {
+      .accessify-chip:hover { border-color: var(--border-hl); background: var(--surface-hover); }
+    }
     .accessify-chip[data-active="true"] {
       background: var(--accent); color: var(--accent-on);
       border-color: var(--accent);
@@ -8031,7 +8054,9 @@ function createWidgetStyles(config2) {
       color: var(--text); cursor: pointer; font-size: 18px; font-weight: 700;
       transition: background var(--fast); font-family: inherit;
     }
-    .accessify-stepper-btn:hover:not(:disabled) { background: var(--surface-hover); }
+    @media (hover: hover) {
+      .accessify-stepper-btn:hover:not(:disabled) { background: var(--surface-hover); }
+    }
     .accessify-stepper-btn:disabled { opacity: 0.3; cursor: default; }
     .accessify-stepper-value {
       min-width: 48px; text-align: center;
@@ -8057,7 +8082,9 @@ function createWidgetStyles(config2) {
       cursor: pointer; text-align: center; font-family: inherit;
       transition: transform var(--fast), border-color var(--fast), background var(--fast), box-shadow var(--fast);
     }
-    .accessify-card:hover { transform: translateY(-2px); border-color: var(--border-hl); box-shadow: 0 4px 16px rgba(0,0,0,0.15); }
+    @media (hover: hover) {
+      .accessify-card:hover { transform: translateY(-2px); border-color: var(--border-hl); box-shadow: 0 4px 16px rgba(0,0,0,0.15); }
+    }
     .accessify-card[data-active="true"] { border-color: var(--accent); background: var(--accent-soft); }
     .accessify-card-icon {
       display: inline-flex; align-items: center; justify-content: center;
@@ -8076,7 +8103,9 @@ function createWidgetStyles(config2) {
       opacity: 0.35; transition: opacity var(--fast), color var(--fast);
     }
     .accessify-card-info svg { width: 14px; height: 14px; }
-    .accessify-card-info:hover { opacity: 1; color: var(--accent); }
+    @media (hover: hover) {
+      .accessify-card-info:hover { opacity: 1; color: var(--accent); }
+    }
 
     /* ─── Section Divider ─── */
     .accessify-section-divider {
@@ -8099,7 +8128,9 @@ function createWidgetStyles(config2) {
       display: flex; align-items: center; gap: 8px;
     }
     .accessify-footer a { color: var(--accent); text-decoration: none; font-weight: 600; }
-    .accessify-footer a:hover { text-decoration: underline; }
+    @media (hover: hover) {
+      .accessify-footer a:hover { text-decoration: underline; }
+    }
 
     .accessify-footer-close {
       display: inline-flex; align-items: center; gap: 5px;
@@ -8110,7 +8141,9 @@ function createWidgetStyles(config2) {
       transition: background var(--fast), color var(--fast), border-color var(--fast);
       flex-shrink: 0;
     }
-    .accessify-footer-close:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); }
+    @media (hover: hover) {
+      .accessify-footer-close:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); }
+    }
     .accessify-footer-close svg { width: 14px; height: 14px; flex-shrink: 0; }
 
     /* ─── Reduced Motion ─── */
@@ -8128,6 +8161,15 @@ function createWidgetStyles(config2) {
         ${isRight ? "right: 16px" : "left: 16px"};
         width: 50px; height: 50px; border-radius: 14px;
       }
+      .accessify-card-wrap[data-feature="big-cursor"] { display: none; }
+      .accessify-drag-handle { display: none; }
+      .accessify-header { padding-top: max(14px, env(safe-area-inset-top, 0px)); }
+      .accessify-footer { padding-bottom: max(10px, env(safe-area-inset-bottom, 0px)); }
+    }
+    @media (pointer: coarse) {
+      .accessify-header-btn { min-width: 44px; min-height: 44px; }
+      .accessify-footer-close { min-height: 44px; }
+      .accessify-card-info { opacity: 0.7; }
     }
   `;
 }
@@ -8539,6 +8581,12 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
       badge.style.background = "rgba(0,0,0,0.6)";
       tooltip.style.display = "none";
     });
+    badge.addEventListener("click", (e) => {
+      e.stopPropagation();
+      const isVisible = tooltip.style.display === "block";
+      tooltip.style.display = isVisible ? "none" : "block";
+      badge.style.background = isVisible ? "rgba(0,0,0,0.6)" : "rgba(0,0,0,0.85)";
+    });
     overlay.appendChild(badge);
     overlay.appendChild(tooltip);
     positionBadge(target, badge, tooltip);
@@ -9061,4 +9109,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-DR0ZtVVk.js.map
+//# sourceMappingURL=index-BF8ksHVw.js.map