accessify-widget 0.3.59 → 0.3.60

package/dist/accessify.mjs

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

package/dist/{animation-stop-fR6pB-nV.js → animation-stop-DrDe9Q9n.js}

@@ -1,48 +1,49 @@
-function isWidgetInternalNode(node) {
-  let n = node || null;
-  let hops = 0;
-  while (n && hops < 50) {
-    if (n instanceof Element) {
-      if (n.id === "accessify-root") return true;
-      if (n.tagName === "ACCESSIFY-WIDGET") return true;
-      const cls = n.getAttribute?.("class");
-      if (cls && /(?:^|\s)accessify-/.test(cls)) return true;
-    }
-    const parent = n.parentNode;
-    if (parent) n = parent;
-    else if (n.host) n = n.host;
-    else break;
-    hops++;
-  }
-  return false;
-}
-function createAnimationStopModuleImpl() {
+function createAnimationStopModule() {
   let enabled = false;
   const STYLE_ID = "a11y-stop-animations";
   const STORAGE_KEY = "accessify-animation-stop";
   let mutationObserver = null;
   let scanInterval = null;
+  let scrollHandler = null;
   let originalVideoPlay = null;
   let originalAnimate = null;
   let pausedVideos = [];
   let gifOriginals = /* @__PURE__ */ new Map();
-  let pointerenterBlocker = null;
-  let styleFreezeObserver = null;
-  let ignoreStyleMutations = false;
-  function blockFramerHover() {
-    if (pointerenterBlocker) return;
-    pointerenterBlocker = (e) => {
-      const target = e.target;
-      if (!target || !(target instanceof Element)) return;
-      if (isWidgetInternalNode(target)) return;
-      e.stopImmediatePropagation();
-    };
-    window.addEventListener("pointerenter", pointerenterBlocker, { capture: true });
-  }
-  function unblockFramerHover() {
-    if (!pointerenterBlocker) return;
-    window.removeEventListener("pointerenter", pointerenterBlocker, { capture: true });
-    pointerenterBlocker = null;
+  const VISUAL_ONLY_PROPS = /* @__PURE__ */ new Set([
+    "transform",
+    "scale",
+    "rotate",
+    "translate",
+    "filter",
+    "backdropFilter",
+    "backdrop-filter",
+    "webkitTransform",
+    "webkitFilter",
+    "-webkit-transform",
+    "-webkit-filter",
+    "offset",
+    "easing",
+    "composite"
+  ]);
+  function isVisualOnlyKeyframes(keyframes) {
+    if (!keyframes) return false;
+    try {
+      if (Array.isArray(keyframes)) {
+        for (const kf of keyframes) {
+          if (!kf || typeof kf !== "object") return false;
+          for (const key of Object.keys(kf)) {
+            if (!VISUAL_ONLY_PROPS.has(key)) return false;
+          }
+        }
+        return true;
+      }
+      for (const key of Object.keys(keyframes)) {
+        if (!VISUAL_ONLY_PROPS.has(key)) return false;
+      }
+      return true;
+    } catch {
+      return false;
+    }
   }
   function patchAnimate() {
     if (originalAnimate) return;
@@ -51,6 +52,19 @@ function createAnimationStopModuleImpl() {
       if (!enabled) {
         return originalAnimate.call(this, keyframes, options);
       }
+      try {
+        let node = this;
+        while (node) {
+          if (node.id === "accessify-root") {
+            return originalAnimate.call(this, keyframes, options);
+          }
+          const parent = node.parentNode || node.host;
+          if (parent === node) break;
+          node = parent;
+        }
+      } catch {
+      }
+      const visualOnly = isVisualOnlyKeyframes(keyframes);
       let opts;
       if (typeof options === "number") {
         opts = { duration: 1e-3, fill: "forwards" };
@@ -67,7 +81,11 @@ function createAnimationStopModuleImpl() {
       }
       const anim = originalAnimate.call(this, keyframes, opts);
       try {
-        anim.finish();
+        if (visualOnly) {
+          anim.cancel();
+        } else {
+          anim.finish();
+        }
       } catch {
       }
       return anim;
@@ -95,17 +113,49 @@ function createAnimationStopModuleImpl() {
         animation-timeline: auto !important;
         scroll-timeline: none !important;
       }
+      /* Neutralize interaction transforms (hover zoom, click scale, focus
+         lift). Without this, CSS like \`.card:hover { transform: scale(1.05) }\`
+         still visibly changes the element — just instantly. Users who
+         disable animations expect NO motion including the end-state. */
+      *:not(#accessify-root):not(#accessify-root *):hover,
+      *:not(#accessify-root):not(#accessify-root *):focus,
+      *:not(#accessify-root):not(#accessify-root *):focus-within,
+      *:not(#accessify-root):not(#accessify-root *):focus-visible,
+      *:not(#accessify-root):not(#accessify-root *):active {
+        transform: none !important;
+        scale: 1 !important;
+        rotate: 0deg !important;
+        translate: 0 0 !important;
+        filter: none !important;
+        -webkit-filter: none !important;
+      }
     `;
     document.head.appendChild(style);
   }
   function removeStyles() {
     document.getElementById(STYLE_ID)?.remove();
   }
+  function isWidgetAnimation(anim) {
+    try {
+      const target = anim.effect?.target;
+      if (!target) return false;
+      let node = target;
+      while (node) {
+        if (node.id === "accessify-root") return true;
+        const parent = node.parentNode || node.host;
+        if (parent === node) break;
+        node = parent;
+      }
+    } catch {
+    }
+    return false;
+  }
   function finishAllAnimations() {
     try {
       const animations = document.getAnimations?.();
       if (!animations) return;
       for (const anim of animations) {
+        if (isWidgetAnimation(anim)) continue;
         try {
           anim.finish();
         } catch {
@@ -155,12 +205,7 @@ function createAnimationStopModuleImpl() {
       let needsFix = false;
       const originals = {};
       const opacityVal = parseFloat(computed.opacity);
-      const isFramerEl = el.hasAttribute("data-framer-appear-id") || /(?:^|\s)framer-/.test(el.getAttribute("class") || "") || /transform/.test(computed.willChange || "");
-      if (isFramerEl && opacityVal < 1 && inline.opacity !== "" && inline.opacity !== "1") {
-        originals.opacity = inline.opacity;
-        el.style.opacity = "1";
-        needsFix = true;
-      } else if (opacityVal < 0.1 && inline.opacity !== "") {
+      if (opacityVal < 0.1 && inline.opacity !== "") {
         originals.opacity = inline.opacity;
         el.style.opacity = "1";
         needsFix = true;
@@ -169,11 +214,6 @@ function createAnimationStopModuleImpl() {
         el.style.opacity = "1";
         needsFix = true;
       }
-      if (isFramerEl && inline.transform && /translate[XY]?\([^0]/.test(inline.transform)) {
-        if (!originals.transform) originals.transform = inline.transform;
-        el.style.transform = "none";
-        needsFix = true;
-      }
       if (inline.transform && /translate[XY]\([^0]/.test(inline.transform)) {
         originals.transform = inline.transform;
         el.style.transform = "none";
@@ -210,103 +250,42 @@ function createAnimationStopModuleImpl() {
       delete el.dataset.a11yOrigStyle;
     });
   }
-  const FRAMER_SELECTOR = '[data-framer-name], [class*="framer-"], [data-framer-appear-id]';
-  function isFramerElement(el) {
-    if (!(el instanceof HTMLElement)) return false;
-    if (el.hasAttribute("data-framer-name")) return true;
-    if (el.hasAttribute("data-framer-appear-id")) return true;
-    const cls = el.getAttribute("class") || "";
-    return /(?:^|\s)framer-/.test(cls);
-  }
-  function hasNonTrivialTransform(tr) {
-    if (!tr || tr === "none") return false;
-    const mMatrix = tr.match(/matrix\(([^)]+)\)/);
-    if (mMatrix) {
-      const p = mMatrix[1].split(",").map((v) => parseFloat(v.trim()));
-      if (Math.abs(p[4] || 0) > 0.5 || Math.abs(p[5] || 0) > 0.5) return true;
-      if (Math.abs((p[0] || 1) - 1) > 0.02 || Math.abs((p[3] || 1) - 1) > 0.02) return true;
-      return false;
-    }
-    const mTrans = tr.match(/translate[XY3dD]*\(([^)]+)\)/);
-    if (mTrans) {
-      const parts = mTrans[1].split(",").map((v) => parseFloat(v.trim()));
-      if (parts.some((p) => !isNaN(p) && Math.abs(p) > 0.5)) return true;
-    }
-    const mScale = tr.match(/scale[XY]?\(([^)]+)\)/);
-    if (mScale) {
-      const p = parseFloat(mScale[1].split(",")[0].trim());
-      if (!isNaN(p) && Math.abs(p - 1) > 0.02) return true;
-    }
-    return false;
-  }
-  function clampFramerElement(el) {
-    const style = el.style;
-    let changed = false;
-    if (style.opacity !== "" && style.opacity !== "1") {
-      const v = parseFloat(style.opacity);
-      if (!isNaN(v) && v < 1) {
-        style.opacity = "1";
-        changed = true;
-      }
-    }
-    if (style.transform && hasNonTrivialTransform(style.transform)) {
-      style.transform = "none";
-      changed = true;
-    }
-    return changed;
-  }
   function freezeScrollAnimations() {
-    ignoreStyleMutations = true;
-    try {
-      document.querySelectorAll(FRAMER_SELECTOR).forEach((el) => {
-        if (el.closest("#accessify-root") || el.closest("accessify-widget")) return;
-        clampFramerElement(el);
-      });
-    } finally {
-      ignoreStyleMutations = false;
-    }
-    if (styleFreezeObserver) return;
-    styleFreezeObserver = new MutationObserver((mutations) => {
-      if (!enabled || ignoreStyleMutations) return;
-      ignoreStyleMutations = true;
-      try {
-        for (const m of mutations) {
-          if (m.type !== "attributes" || m.attributeName !== "style") continue;
-          const el = m.target;
-          if (!isFramerElement(el)) continue;
-          if (el.closest("#accessify-root") || el.closest("accessify-widget")) continue;
-          clampFramerElement(el);
-        }
-      } finally {
-        ignoreStyleMutations = false;
+    document.querySelectorAll("[style]").forEach((el) => {
+      if (el.closest("#accessify-root") || el.closest("accessify-widget")) return;
+      if (el.dataset.a11yFrozenStyle) return;
+      const s = el.style;
+      if (s.transform || s.opacity) {
+        el.dataset.a11yFrozenStyle = JSON.stringify({
+          transform: s.transform || "",
+          opacity: s.opacity || ""
+        });
       }
     });
-    try {
-      styleFreezeObserver.observe(document.body, {
-        attributes: true,
-        attributeFilter: ["style"],
-        subtree: true
-      });
-    } catch {
-    }
-  }
-  function refreezeStyles() {
-    if (!enabled) return;
-    ignoreStyleMutations = true;
-    try {
-      document.querySelectorAll(FRAMER_SELECTOR).forEach((el) => {
-        if (el.closest("#accessify-root") || el.closest("accessify-widget")) return;
-        clampFramerElement(el);
-      });
-    } finally {
-      ignoreStyleMutations = false;
+    if (!scrollHandler) {
+      scrollHandler = () => {
+        if (!enabled) return;
+        document.querySelectorAll("[data-a11y-frozen-style]").forEach((el) => {
+          try {
+            const frozen = JSON.parse(el.dataset.a11yFrozenStyle || "{}");
+            if (frozen.transform && el.style.transform !== frozen.transform) {
+              el.style.transform = frozen.transform;
+            }
+          } catch {
+          }
+        });
+      };
+      window.addEventListener("scroll", scrollHandler, { passive: true, capture: true });
     }
   }
   function unfreezeScrollAnimations() {
-    if (styleFreezeObserver) {
-      styleFreezeObserver.disconnect();
-      styleFreezeObserver = null;
+    if (scrollHandler) {
+      window.removeEventListener("scroll", scrollHandler, true);
+      scrollHandler = null;
     }
+    document.querySelectorAll("[data-a11y-frozen-style]").forEach((el) => {
+      delete el.dataset.a11yFrozenStyle;
+    });
   }
   function pauseAllVideos() {
     document.querySelectorAll("video").forEach((v) => {
@@ -450,7 +429,6 @@ function createAnimationStopModuleImpl() {
   function activate() {
     if (enabled) return;
     enabled = true;
-    blockFramerHover();
     patchAnimate();
     injectStyles();
     finishAllAnimations();
@@ -469,7 +447,7 @@ function createAnimationStopModuleImpl() {
         if (!enabled) return;
         finishAllAnimations();
         forceHiddenElementsVisible();
-        refreezeStyles();
+        freezeScrollAnimations();
         pauseAllVideos();
         freezeAllGifs();
       }, delay);
@@ -480,7 +458,6 @@ function createAnimationStopModuleImpl() {
     enabled = false;
     stopPeriodicScan();
     teardownObserver();
-    unblockFramerHover();
     restoreAnimate();
     unfreezeScrollAnimations();
     restoreGSAP();
@@ -508,6 +485,6 @@ function createAnimationStopModuleImpl() {
   };
 }
 export {
-  createAnimationStopModuleImpl as default
+  createAnimationStopModule as default
 };
-//# sourceMappingURL=animation-stop-fR6pB-nV.js.map
+//# sourceMappingURL=animation-stop-DrDe9Q9n.js.map

package/dist/animation-stop-DrDe9Q9n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-stop-DrDe9Q9n.js","sources":["../src/features/animation-stop.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\n/**\n * Animation Stop – V4 (Clean 3-Layer Approach)\n *\n * Layer 1: CSS injection — kill all CSS animations/transitions via 0.001ms duration\n * Layer 2: Web Animations API — finish() all running WAAPI animations (Framer Motion etc.)\n * Layer 3: JS library detection — GSAP globalTimeline, inline-style freeze for rAF-based libs\n * Layer 4: Media — pause videos, freeze GIFs, stop SVG SMIL, stop marquees\n *\n * + MutationObserver for dynamic content\n * + Periodic re-scan (every 500ms) for frameworks that create new animations\n *\n * DOES NOT:\n *  - Monkey-patch IntersectionObserver (breaks lazy loading)\n *  - Override requestAnimationFrame (breaks entire page)\n *  - Override Element.prototype.animate() (too invasive)\n *  - Override matchMedia (too invasive)\n *  - Set opacity:1 !important via CSS (breaks modals/hidden elements)\n *  - Use animation:none or transition:none (breaks JS events)\n */\nexport default function createAnimationStopModule(): FeatureModule {\n  let enabled = false;\n  const STYLE_ID = 'a11y-stop-animations';\n  const STORAGE_KEY = 'accessify-animation-stop';\n\n  // --- State ---\n  let mutationObserver: MutationObserver | null = null;\n  let scanInterval: ReturnType<typeof setInterval> | null = null;\n  let scrollHandler: (() => void) | null = null;\n  let originalVideoPlay: typeof HTMLVideoElement.prototype.play | null = null;\n  let originalAnimate: typeof Element.prototype.animate | null = null;\n  let pausedVideos: HTMLVideoElement[] = [];\n  let gifOriginals = new Map<HTMLImageElement, string>();\n\n  // =========================================================================\n  // Layer 0: Element.prototype.animate() intercept\n  //\n  // This is THE critical piece for Framer Motion. Framer uses WAAPI\n  // (Element.prototype.animate()) for ALL visual animations — hover,\n  // appear, scroll, transitions. CSS rules do NOT affect WAAPI.\n  // We intercept at creation time and force duration to 0.001ms\n  // so every animation completes instantly.\n  // =========================================================================\n\n  /**\n   * Detect animations whose keyframes only modify transform-like or filter\n   * properties. These are the signature of interaction animations (hover\n   * zoom, click scale, focus rings) that Framer Motion and similar libs\n   * create on-the-fly. We must CANCEL these instead of FINISHING them,\n   * otherwise the element lands in the visible end-state (e.g. scale(1.05)).\n   */\n  const VISUAL_ONLY_PROPS = new Set([\n    'transform', 'scale', 'rotate', 'translate',\n    'filter', 'backdropFilter', 'backdrop-filter',\n    'webkitTransform', 'webkitFilter', '-webkit-transform', '-webkit-filter',\n    'offset', 'easing', 'composite',\n  ]);\n  function isVisualOnlyKeyframes(\n    keyframes: Keyframe[] | PropertyIndexedKeyframes | null,\n  ): boolean {\n    if (!keyframes) return false;\n    try {\n      if (Array.isArray(keyframes)) {\n        for (const kf of keyframes) {\n          if (!kf || typeof kf !== 'object') return false;\n          for (const key of Object.keys(kf)) {\n            if (!VISUAL_ONLY_PROPS.has(key)) return false;\n          }\n        }\n        return true;\n      }\n      // PropertyIndexedKeyframes\n      for (const key of Object.keys(keyframes)) {\n        if (!VISUAL_ONLY_PROPS.has(key)) return false;\n      }\n      return true;\n    } catch {\n      return false;\n    }\n  }\n\n  function patchAnimate() {\n    if (originalAnimate) return;\n    originalAnimate = Element.prototype.animate;\n\n    Element.prototype.animate = function (\n      this: Element,\n      keyframes: Keyframe[] | PropertyIndexedKeyframes | null,\n      options?: number | KeyframeAnimationOptions,\n    ): Animation {\n      if (!enabled) {\n        return originalAnimate!.call(this, keyframes, options);\n      }\n\n      // Never interfere with the widget's own animations. The widget lives\n      // in shadow DOM under #accessify-root — walk up through shadow roots\n      // and skip if we find the accessify host.\n      try {\n        let node: Node | null = this;\n        while (node) {\n          if ((node as Element).id === 'accessify-root') {\n            return originalAnimate!.call(this, keyframes, options);\n          }\n          const parent = (node as any).parentNode || (node as any).host;\n          if (parent === node) break;\n          node = parent;\n        }\n      } catch { /* ignore */ }\n\n      const visualOnly = isVisualOnlyKeyframes(keyframes);\n\n      // Force instant completion: duration 0.001ms, no delay, 1 iteration, fill forwards\n      let opts: KeyframeAnimationOptions;\n      if (typeof options === 'number') {\n        opts = { duration: 0.001, fill: 'forwards' as FillMode };\n      } else {\n        opts = {\n          ...(options || {}),\n          duration: 0.001,\n          delay: 0,\n          iterations: 1,\n          fill: 'forwards' as FillMode,\n        };\n        // Remove iterationStart, endDelay etc. that could interfere\n        delete (opts as any).iterationStart;\n        delete (opts as any).endDelay;\n      }\n\n      const anim = originalAnimate!.call(this, keyframes, opts);\n      try {\n        if (visualOnly) {\n          anim.cancel();\n        } else {\n          anim.finish();\n        }\n      } catch { /* ignore */ }\n      return anim;\n    };\n  }\n\n  function restoreAnimate() {\n    if (originalAnimate) {\n      Element.prototype.animate = originalAnimate;\n      originalAnimate = null;\n    }\n  }\n\n  // =========================================================================\n  // Layer 1: CSS Injection\n  // =========================================================================\n\n  function injectStyles() {\n    if (document.getElementById(STYLE_ID)) return;\n    const style = document.createElement('style');\n    style.id = STYLE_ID;\n    style.textContent = `\n      *, *::before, *::after {\n        animation-duration: 0.001ms !important;\n        animation-iteration-count: 1 !important;\n        animation-delay: 0s !important;\n        animation-fill-mode: forwards !important;\n        transition-duration: 0.001ms !important;\n        transition-delay: 0s !important;\n        scroll-behavior: auto !important;\n        animation-timeline: auto !important;\n        scroll-timeline: none !important;\n      }\n      /* Neutralize interaction transforms (hover zoom, click scale, focus\n         lift). Without this, CSS like \\`.card:hover { transform: scale(1.05) }\\`\n         still visibly changes the element — just instantly. Users who\n         disable animations expect NO motion including the end-state. */\n      *:not(#accessify-root):not(#accessify-root *):hover,\n      *:not(#accessify-root):not(#accessify-root *):focus,\n      *:not(#accessify-root):not(#accessify-root *):focus-within,\n      *:not(#accessify-root):not(#accessify-root *):focus-visible,\n      *:not(#accessify-root):not(#accessify-root *):active {\n        transform: none !important;\n        scale: 1 !important;\n        rotate: 0deg !important;\n        translate: 0 0 !important;\n        filter: none !important;\n        -webkit-filter: none !important;\n      }\n    `;\n    document.head.appendChild(style);\n  }\n\n  function removeStyles() {\n    document.getElementById(STYLE_ID)?.remove();\n  }\n\n  // =========================================================================\n  // Layer 2: Web Animations API — finish all WAAPI animations\n  // =========================================================================\n\n  function isWidgetAnimation(anim: Animation): boolean {\n    try {\n      const target = (anim.effect as any)?.target as Element | null;\n      if (!target) return false;\n      let node: Node | null = target;\n      while (node) {\n        if ((node as Element).id === 'accessify-root') return true;\n        const parent = (node as any).parentNode || (node as any).host;\n        if (parent === node) break;\n        node = parent;\n      }\n    } catch { /* ignore */ }\n    return false;\n  }\n\n  function finishAllAnimations() {\n    try {\n      const animations = document.getAnimations?.();\n      if (!animations) return;\n      for (const anim of animations) {\n        if (isWidgetAnimation(anim)) continue;\n        try {\n          anim.finish();\n        } catch {\n          try { anim.cancel(); } catch { /* ignore */ }\n        }\n      }\n    } catch { /* getAnimations not supported */ }\n  }\n\n  // =========================================================================\n  // Layer 3: JS animation library detection + inline style freeze\n  // =========================================================================\n\n  function patchGSAP() {\n    const g = (window as any).gsap;\n    if (g?.globalTimeline) {\n      try {\n        g.globalTimeline.timeScale(0);\n        (window as any)._a11yGsapPatched = true;\n      } catch { /* ignore */ }\n    }\n  }\n\n  function restoreGSAP() {\n    const g = (window as any).gsap;\n    if ((window as any)._a11yGsapPatched && g?.globalTimeline) {\n      try {\n        g.globalTimeline.timeScale(1);\n        delete (window as any)._a11yGsapPatched;\n      } catch { /* ignore */ }\n    }\n  }\n\n  /**\n   * Force hidden-by-animation elements visible.\n   * Only touches INLINE styles — never sets CSS !important on opacity etc.\n   * which would break modals and intentionally hidden elements.\n   */\n  function forceHiddenElementsVisible() {\n    // Only process elements near the viewport to avoid layout chaos on\n    // Framer/scroll-animated pages where dozens of off-screen elements\n    // are hidden via opacity:0 / translateY as part of scroll reveals.\n    const viewH = window.innerHeight;\n    const margin = viewH * 1.5; // 1.5x viewport ahead\n\n    const all = document.querySelectorAll<HTMLElement>('*');\n    for (const el of all) {\n      if (el.tagName === 'SCRIPT' || el.tagName === 'STYLE' || el.tagName === 'NOSCRIPT' || el.tagName === 'META' || el.tagName === 'LINK') continue;\n      if (el.closest('#accessify-root') || el.closest('accessify-widget')) continue;\n      if (el.dataset.a11yOrigStyle) continue; // Already processed\n\n      const computed = window.getComputedStyle(el);\n      if (computed.display === 'none') continue; // Intentionally hidden\n\n      // Skip elements far below the current scroll position —\n      // they will be handled when the user scrolls to them (periodic re-scan).\n      const rect = el.getBoundingClientRect();\n      if (rect.top > viewH + margin) continue; // Too far below viewport\n      // Also skip if entirely above viewport (already scrolled past)\n      if (rect.bottom < -margin) continue;\n\n      const inline = el.style;\n      let needsFix = false;\n      const originals: Record<string, string> = {};\n\n      // Inline opacity 0 or near-0 (computed, not stylesheet)\n      const opacityVal = parseFloat(computed.opacity);\n      if (opacityVal < 0.1 && inline.opacity !== '') {\n        originals.opacity = inline.opacity;\n        el.style.opacity = '1';\n        needsFix = true;\n      } else if (opacityVal < 0.1 && el.hasAttribute('data-framer-appear-id')) {\n        // Framer appear elements: opacity set via WAAPI or framework\n        originals.opacity = inline.opacity || '';\n        el.style.opacity = '1';\n        needsFix = true;\n      }\n\n      // Inline transform with translate that moves element off-screen\n      if (inline.transform && /translate[XY]\\([^0]/.test(inline.transform)) {\n        originals.transform = inline.transform;\n        el.style.transform = 'none';\n        needsFix = true;\n      }\n\n      // Inline visibility hidden\n      if (inline.visibility === 'hidden') {\n        originals.visibility = inline.visibility;\n        el.style.visibility = 'visible';\n        needsFix = true;\n      }\n\n      // Inline clip-path that hides element\n      if (inline.clipPath && inline.clipPath !== 'none') {\n        originals.clipPath = inline.clipPath;\n        el.style.clipPath = 'none';\n        needsFix = true;\n      }\n\n      if (needsFix) {\n        el.dataset.a11yOrigStyle = JSON.stringify(originals);\n      }\n    }\n  }\n\n  function restoreHiddenElements() {\n    document.querySelectorAll<HTMLElement>('[data-a11y-orig-style]').forEach(el => {\n      try {\n        const orig: Record<string, string> = JSON.parse(el.dataset.a11yOrigStyle || '{}');\n        for (const [prop, val] of Object.entries(orig)) {\n          if (val === '') {\n            el.style.removeProperty(prop);\n          } else {\n            (el.style as any)[prop] = val;\n          }\n        }\n      } catch { /* malformed JSON */ }\n      delete el.dataset.a11yOrigStyle;\n    });\n  }\n\n  /**\n   * Freeze inline-animated styles so scroll-handlers can't update them.\n   * Takes a snapshot of current inline transforms and enforces them on scroll.\n   */\n  function freezeScrollAnimations() {\n    document.querySelectorAll<HTMLElement>('[style]').forEach(el => {\n      if (el.closest('#accessify-root') || el.closest('accessify-widget')) return;\n      if (el.dataset.a11yFrozenStyle) return;\n      const s = el.style;\n      if (s.transform || s.opacity) {\n        el.dataset.a11yFrozenStyle = JSON.stringify({\n          transform: s.transform || '',\n          opacity: s.opacity || '',\n        });\n      }\n    });\n\n    if (!scrollHandler) {\n      scrollHandler = () => {\n        if (!enabled) return;\n        document.querySelectorAll<HTMLElement>('[data-a11y-frozen-style]').forEach(el => {\n          try {\n            const frozen = JSON.parse(el.dataset.a11yFrozenStyle || '{}');\n            if (frozen.transform && el.style.transform !== frozen.transform) {\n              el.style.transform = frozen.transform;\n            }\n          } catch { /* ignore */ }\n        });\n      };\n      window.addEventListener('scroll', scrollHandler, { passive: true, capture: true });\n    }\n  }\n\n  function unfreezeScrollAnimations() {\n    if (scrollHandler) {\n      window.removeEventListener('scroll', scrollHandler, true);\n      scrollHandler = null;\n    }\n    document.querySelectorAll<HTMLElement>('[data-a11y-frozen-style]').forEach(el => {\n      delete el.dataset.a11yFrozenStyle;\n    });\n  }\n\n  // =========================================================================\n  // Layer 4: Media\n  // =========================================================================\n\n  function pauseAllVideos() {\n    document.querySelectorAll<HTMLVideoElement>('video').forEach(v => {\n      if (!v.paused) {\n        v.dataset.a11yPaused = 'true';\n        v.pause();\n        pausedVideos.push(v);\n      }\n    });\n  }\n\n  function interceptVideoPlay() {\n    if (originalVideoPlay) return;\n    originalVideoPlay = HTMLVideoElement.prototype.play;\n    HTMLVideoElement.prototype.play = function () {\n      if (enabled) return Promise.resolve();\n      return originalVideoPlay!.call(this);\n    };\n  }\n\n  function restoreVideoPlay() {\n    if (originalVideoPlay) {\n      HTMLVideoElement.prototype.play = originalVideoPlay;\n      originalVideoPlay = null;\n    }\n  }\n\n  function resumeAllVideos() {\n    restoreVideoPlay();\n    document.querySelectorAll<HTMLVideoElement>('video[data-a11y-paused]').forEach(v => {\n      try { v.play(); } catch { /* gone */ }\n      delete v.dataset.a11yPaused;\n    });\n    pausedVideos = [];\n  }\n\n  function freezeGif(img: HTMLImageElement) {\n    const src = (img.currentSrc || img.src || '').toLowerCase();\n    if (!src.match(/\\.gif(\\?|$)/i)) return;\n    if (gifOriginals.has(img)) return;\n\n    const doFreeze = () => {\n      try {\n        const w = img.naturalWidth || img.width;\n        const h = img.naturalHeight || img.height;\n        if (w === 0 || h === 0) return;\n        const c = document.createElement('canvas');\n        c.width = w; c.height = h;\n        const ctx = c.getContext('2d');\n        if (!ctx) return;\n        ctx.drawImage(img, 0, 0);\n        gifOriginals.set(img, img.src);\n        img.src = c.toDataURL('image/png');\n      } catch { /* CORS */ }\n    };\n\n    if (img.complete && img.naturalWidth > 0) doFreeze();\n    else img.addEventListener('load', doFreeze, { once: true });\n  }\n\n  function freezeAllGifs() {\n    document.querySelectorAll<HTMLImageElement>('img').forEach(freezeGif);\n  }\n\n  function restoreAllGifs() {\n    for (const [img, src] of gifOriginals) {\n      try { img.src = src; } catch { /* gone */ }\n    }\n    gifOriginals.clear();\n  }\n\n  function pauseSVG() {\n    document.querySelectorAll('svg').forEach(s => {\n      try { (s as any).pauseAnimations?.(); } catch { /* ignore */ }\n    });\n  }\n\n  function resumeSVG() {\n    document.querySelectorAll('svg').forEach(s => {\n      try { (s as any).unpauseAnimations?.(); } catch { /* ignore */ }\n    });\n  }\n\n  function stopMarquees() {\n    document.querySelectorAll('marquee').forEach(m => {\n      try { (m as any).stop?.(); } catch { /* ignore */ }\n    });\n  }\n\n  function startMarquees() {\n    document.querySelectorAll('marquee').forEach(m => {\n      try { (m as any).start?.(); } catch { /* ignore */ }\n    });\n  }\n\n  // =========================================================================\n  // MutationObserver — dynamic content\n  // =========================================================================\n\n  function setupObserver() {\n    if (mutationObserver) return;\n    mutationObserver = new MutationObserver(mutations => {\n      if (!enabled) return;\n      let hasNewContent = false;\n      for (const m of mutations) {\n        if (m.addedNodes.length > 0) { hasNewContent = true; break; }\n      }\n      if (hasNewContent) {\n        finishAllAnimations();\n        forceHiddenElementsVisible();\n        pauseAllVideos();\n        freezeAllGifs();\n        pauseSVG();\n      }\n    });\n    mutationObserver.observe(document.body, { childList: true, subtree: true });\n  }\n\n  function teardownObserver() {\n    mutationObserver?.disconnect();\n    mutationObserver = null;\n  }\n\n  // =========================================================================\n  // Periodic re-scan — frameworks create new animations constantly\n  // =========================================================================\n\n  function startPeriodicScan() {\n    if (scanInterval) return;\n    scanInterval = setInterval(() => {\n      if (!enabled) return;\n      finishAllAnimations();\n    }, 500);\n  }\n\n  function stopPeriodicScan() {\n    if (scanInterval) {\n      clearInterval(scanInterval);\n      scanInterval = null;\n    }\n  }\n\n  // =========================================================================\n  // Lifecycle\n  // =========================================================================\n\n  function activate() {\n    if (enabled) return;\n    enabled = true;\n\n    // Layer 0: Intercept Element.animate() — catches ALL new WAAPI animations instantly\n    patchAnimate();\n\n    // Layer 1: CSS\n    injectStyles();\n\n    // Layer 2: Kill all currently running WAAPI animations\n    finishAllAnimations();\n\n    // Layer 3: JS libs + inline style fixes\n    patchGSAP();\n    forceHiddenElementsVisible();\n    freezeScrollAnimations();\n\n    // Layer 4: Media\n    pauseAllVideos();\n    interceptVideoPlay();\n    freezeAllGifs();\n    pauseSVG();\n    stopMarquees();\n\n    // Observers\n    setupObserver();\n    startPeriodicScan();\n\n    // Delayed re-scans for async rendering frameworks\n    for (const delay of [50, 200, 500, 1000, 2000, 4000]) {\n      setTimeout(() => {\n        if (!enabled) return;\n        finishAllAnimations();\n        forceHiddenElementsVisible();\n        freezeScrollAnimations();\n        pauseAllVideos();\n        freezeAllGifs();\n      }, delay);\n    }\n\n    localStorage.setItem(STORAGE_KEY, 'true');\n  }\n\n  function deactivate() {\n    enabled = false;\n\n    stopPeriodicScan();\n    teardownObserver();\n    restoreAnimate();\n    unfreezeScrollAnimations();\n    restoreGSAP();\n    restoreHiddenElements();\n    startMarquees();\n    resumeSVG();\n    restoreAllGifs();\n    resumeAllVideos();\n    removeStyles();\n\n    localStorage.removeItem(STORAGE_KEY);\n  }\n\n  return {\n    id: 'animation-stop',\n    name: () => 'Stop Animations',\n    description: 'Pause all animations, transitions, and auto-playing videos (WCAG 2.3.1)',\n    icon: 'animation-stop',\n    category: 'visual',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({ id: 'animation-stop', enabled }),\n    setState: (state: { enabled: boolean }) => {\n      if (state.enabled) activate();\n      else deactivate();\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/{index-UdJq2Ln2.js → index-kzWIIKQd.js}

@@ -6620,14 +6620,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-Dg0yGJq0.js"),
+    "keyboard-nav": () => import("./keyboard-nav-DLIviKXx.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-fR6pB-nV.js"),
+    "animation-stop": () => import("./animation-stop-DrDe9Q9n.js"),
     "hide-images": () => import("./hide-images-B_LeCBcd.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-0qC8QqRB.js"),
+    "page-structure": () => import("./page-structure-Bo1-XXRs.js"),
     tts: () => import("./tts-CjszLRnb.js"),
     "text-simplify": () => import("./text-simplify-B0hIi6bW.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -8816,14 +8816,20 @@ const REMOVED_FEATURES = /* @__PURE__ */ new Set([
   "saturation",
   "text-align",
   "line-height",
-  "page-structure",
   "focus-highlight",
   "auto-scan"
 ]);
+function detectLang() {
+  const htmlLang = document.documentElement.lang?.trim();
+  if (htmlLang) return htmlLang.split("-")[0].toLowerCase();
+  const nav = (navigator.language || navigator.userLanguage || "").trim();
+  if (nav) return nav.split("-")[0].toLowerCase();
+  return "en";
+}
 const DEFAULT_CONFIG = {
   position: "bottom-right",
   theme: "auto",
-  lang: document.documentElement.lang || "en",
+  lang: detectLang(),
   features: [
     "contrast",
     "text-size",
@@ -8836,7 +8842,8 @@ const DEFAULT_CONFIG = {
     "animation-stop",
     "tts",
     "text-simplify",
-    "alt-text"
+    "alt-text",
+    "page-structure"
   ],
   zIndex: 2147483647,
   compact: false
@@ -9030,4 +9037,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-UdJq2Ln2.js.map
+//# sourceMappingURL=index-kzWIIKQd.js.map