accessify-widget 0.2.9 → 0.2.11

package/dist/accessify.mjs

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

package/dist/animation-stop-Bk5e1Tvj.js

@@ -0,0 +1,364 @@
+function createAnimationStopModule() {
+  let enabled = false;
+  const STYLE_ID = "accessify-animation-stop";
+  const STORAGE_KEY = "accessify-animation-stop";
+  let pausedVideos = [];
+  let gifOriginals = /* @__PURE__ */ new Map();
+  let mutationObserver = null;
+  let originalVideoPlay = null;
+  let fixedElements = [];
+  let interactionTimer = null;
+  let styleEl = null;
+  function strictCSS() {
+    return `
+      /* Accessify animation-stop — strict mode */
+      *, *::before, *::after {
+        animation-fill-mode: forwards !important;
+        animation-duration: 0.01ms !important;
+        animation-delay: 0s !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.01ms !important;
+        transition-delay: 0s !important;
+      }
+      html {
+        scroll-behavior: auto !important;
+      }
+      marquee {
+        -moz-binding: none !important;
+        overflow: hidden !important;
+      }
+
+      /* Interactive elements keep a short functional transition */
+      details > *, [data-accordion] > *, [role="tabpanel"],
+      dialog, dialog *, [aria-expanded] + *,
+      .accordion *, .collapse *, .dropdown-menu *,
+      .faq *, [data-dropdown] *, [data-framer-component-type="CollapsibleContent"] *,
+      [data-framer-name="Accordion"] *, [data-framer-name="FAQ"] * {
+        transition-duration: 0.15s !important;
+        animation-duration: 0.15s !important;
+      }
+    `;
+  }
+  function relaxedCSS() {
+    return `
+      /* Accessify animation-stop — relaxed (post-interaction) */
+      *, *::before, *::after {
+        animation-fill-mode: forwards !important;
+        animation-duration: 0.01ms !important;
+        animation-delay: 0s !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.15s !important;
+        transition-delay: 0s !important;
+      }
+      html {
+        scroll-behavior: auto !important;
+      }
+      marquee {
+        -moz-binding: none !important;
+        overflow: hidden !important;
+      }
+    `;
+  }
+  function injectStyles() {
+    if (document.getElementById(STYLE_ID)) return;
+    styleEl = document.createElement("style");
+    styleEl.id = STYLE_ID;
+    styleEl.textContent = strictCSS();
+    document.head.appendChild(styleEl);
+  }
+  function removeStyles() {
+    document.getElementById(STYLE_ID)?.remove();
+    styleEl = null;
+  }
+  function onUserInteraction() {
+    if (!enabled || !styleEl) return;
+    styleEl.textContent = relaxedCSS();
+    if (interactionTimer) clearTimeout(interactionTimer);
+    interactionTimer = setTimeout(() => {
+      if (enabled && styleEl) styleEl.textContent = strictCSS();
+    }, 350);
+  }
+  function addInteractionListeners() {
+    document.addEventListener("click", onUserInteraction, true);
+    document.addEventListener("keydown", onKeyInteraction, true);
+  }
+  function removeInteractionListeners() {
+    document.removeEventListener("click", onUserInteraction, true);
+    document.removeEventListener("keydown", onKeyInteraction, true);
+    if (interactionTimer) {
+      clearTimeout(interactionTimer);
+      interactionTimer = null;
+    }
+  }
+  function onKeyInteraction(e) {
+    if (e.key === "Enter" || e.key === " ") onUserInteraction();
+  }
+  function forceInlineEndStates() {
+    const all = document.querySelectorAll("[style]");
+    for (const el of all) {
+      if (el.closest("#accessify-root")) continue;
+      if (el.style.display === "none") continue;
+      const opacity = el.style.opacity;
+      if (opacity !== "" && opacity !== "1") {
+        const val = parseFloat(opacity);
+        if (!isNaN(val) && val < 0.1) {
+          if (isLikelyAnimationTarget(el)) {
+            fixedElements.push({ el, origStyle: el.getAttribute("style") || "" });
+            el.style.opacity = "1";
+            const t = el.style.transform;
+            if (t && /translate/i.test(t)) {
+              el.style.transform = "none";
+            }
+          }
+        }
+      }
+    }
+  }
+  function isLikelyAnimationTarget(el) {
+    if (el.hasAttribute("data-framer-appear-id")) return true;
+    if (el.closest("[data-framer-component-type]")) return true;
+    if (el.hasAttribute("data-aos")) return true;
+    if (el.classList.toString().match(/aos-|sr-|gsap|scroll-|reveal|animate__|fade|slide/i)) return true;
+    const wc = el.style.willChange || "";
+    if (wc.includes("transform") || wc.includes("opacity")) return true;
+    return false;
+  }
+  function restoreInlineEndStates() {
+    for (const { el, origStyle } of fixedElements) {
+      try {
+        el.setAttribute("style", origStyle);
+      } catch {
+      }
+    }
+    fixedElements = [];
+  }
+  function forceEndStatesForNode(node) {
+    if (node.closest("#accessify-root")) return;
+    checkAndFixElement(node);
+    node.querySelectorAll?.("[style]")?.forEach((child) => {
+      checkAndFixElement(child);
+    });
+  }
+  function checkAndFixElement(el) {
+    if (el.style.display === "none") return;
+    const opacity = el.style.opacity;
+    if (opacity !== "" && opacity !== "1") {
+      const val = parseFloat(opacity);
+      if (!isNaN(val) && val < 0.1 && isLikelyAnimationTarget(el)) {
+        fixedElements.push({ el, origStyle: el.getAttribute("style") || "" });
+        el.style.opacity = "1";
+        const t = el.style.transform;
+        if (t && /translate/i.test(t)) el.style.transform = "none";
+      }
+    }
+  }
+  function pauseAllVideos() {
+    document.querySelectorAll("video").forEach((video) => {
+      if (!video.paused) {
+        video.pause();
+        video.dataset.accessifyPaused = "true";
+        pausedVideos.push(video);
+      }
+    });
+  }
+  function interceptVideoPlay() {
+    if (originalVideoPlay) return;
+    originalVideoPlay = HTMLVideoElement.prototype.play;
+    HTMLVideoElement.prototype.play = function() {
+      if (enabled) return Promise.resolve();
+      return originalVideoPlay.call(this);
+    };
+  }
+  function restoreVideoPlay() {
+    if (originalVideoPlay) {
+      HTMLVideoElement.prototype.play = originalVideoPlay;
+      originalVideoPlay = null;
+    }
+  }
+  function resumeAllVideos() {
+    restoreVideoPlay();
+    pausedVideos.forEach((video) => {
+      try {
+        delete video.dataset.accessifyPaused;
+        video.play();
+      } catch {
+      }
+    });
+    pausedVideos = [];
+  }
+  function freezeGif(img) {
+    const src = (img.src || img.getAttribute("src") || "").toLowerCase();
+    if (!src.includes(".gif")) return;
+    if (gifOriginals.has(img)) return;
+    const doFreeze = () => {
+      try {
+        const w = img.naturalWidth || img.width;
+        const h = img.naturalHeight || img.height;
+        if (w === 0 || h === 0) return;
+        const c = document.createElement("canvas");
+        c.width = w;
+        c.height = h;
+        const ctx = c.getContext("2d");
+        if (!ctx) return;
+        ctx.drawImage(img, 0, 0);
+        gifOriginals.set(img, img.src);
+        img.src = c.toDataURL("image/png");
+      } catch {
+      }
+    };
+    if (img.complete && img.naturalWidth > 0) doFreeze();
+    else img.addEventListener("load", doFreeze, { once: true });
+  }
+  function freezeAllGifs() {
+    document.querySelectorAll("img").forEach(freezeGif);
+  }
+  function restoreAllGifs() {
+    for (const [img, src] of gifOriginals) {
+      try {
+        img.src = src;
+      } catch {
+      }
+    }
+    gifOriginals.clear();
+  }
+  function pauseSVG() {
+    document.querySelectorAll("svg").forEach((s) => {
+      try {
+        s.pauseAnimations?.();
+      } catch {
+      }
+    });
+  }
+  function resumeSVG() {
+    document.querySelectorAll("svg").forEach((s) => {
+      try {
+        s.unpauseAnimations?.();
+      } catch {
+      }
+    });
+  }
+  function stopMarquees() {
+    document.querySelectorAll("marquee").forEach((m) => {
+      try {
+        m.stop?.();
+      } catch {
+      }
+    });
+  }
+  function startMarquees() {
+    document.querySelectorAll("marquee").forEach((m) => {
+      try {
+        m.start?.();
+      } catch {
+      }
+    });
+  }
+  function setupObserver() {
+    if (mutationObserver) return;
+    mutationObserver = new MutationObserver((mutations) => {
+      if (!enabled) return;
+      for (const mutation of mutations) {
+        for (const node of mutation.addedNodes) {
+          if (!(node instanceof HTMLElement)) continue;
+          if (node.tagName === "VIDEO") {
+            const v = node;
+            if (!v.paused) {
+              v.pause();
+              v.dataset.accessifyPaused = "true";
+              pausedVideos.push(v);
+            }
+          }
+          node.querySelectorAll?.("video")?.forEach((v) => {
+            if (!v.paused) {
+              v.pause();
+              v.dataset.accessifyPaused = "true";
+              pausedVideos.push(v);
+            }
+          });
+          if (node.tagName === "IMG") freezeGif(node);
+          node.querySelectorAll?.("img")?.forEach((i) => freezeGif(i));
+          if (node.tagName === "SVG") {
+            try {
+              node.pauseAnimations?.();
+            } catch {
+            }
+          }
+          node.querySelectorAll?.("svg")?.forEach((s) => {
+            try {
+              s.pauseAnimations?.();
+            } catch {
+            }
+          });
+          forceEndStatesForNode(node);
+        }
+      }
+    });
+    mutationObserver.observe(document.body, { childList: true, subtree: true });
+  }
+  function teardownObserver() {
+    mutationObserver?.disconnect();
+    mutationObserver = null;
+  }
+  let scanTimers = [];
+  function scheduleScans() {
+    for (const delay of [500, 1500, 3e3]) {
+      scanTimers.push(setTimeout(() => {
+        if (!enabled) return;
+        forceInlineEndStates();
+        pauseAllVideos();
+        freezeAllGifs();
+        pauseSVG();
+      }, delay));
+    }
+  }
+  function clearScans() {
+    scanTimers.forEach(clearTimeout);
+    scanTimers = [];
+  }
+  function activate() {
+    if (enabled) return;
+    enabled = true;
+    injectStyles();
+    forceInlineEndStates();
+    pauseAllVideos();
+    interceptVideoPlay();
+    freezeAllGifs();
+    pauseSVG();
+    stopMarquees();
+    addInteractionListeners();
+    setupObserver();
+    scheduleScans();
+    localStorage.setItem(STORAGE_KEY, "true");
+  }
+  function deactivate() {
+    enabled = false;
+    clearScans();
+    teardownObserver();
+    removeInteractionListeners();
+    startMarquees();
+    resumeSVG();
+    restoreAllGifs();
+    resumeAllVideos();
+    restoreInlineEndStates();
+    removeStyles();
+    localStorage.removeItem(STORAGE_KEY);
+  }
+  return {
+    id: "animation-stop",
+    name: () => "Stop Animations",
+    description: "Pause all animations, transitions, and auto-playing videos (WCAG 2.3.1)",
+    icon: "animation-stop",
+    category: "visual",
+    activate,
+    deactivate,
+    getState: () => ({ id: "animation-stop", enabled }),
+    setState: (state) => {
+      if (state.enabled) activate();
+      else deactivate();
+    }
+  };
+}
+export {
+  createAnimationStopModule as default
+};
+//# sourceMappingURL=animation-stop-Bk5e1Tvj.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation-stop-Bk5e1Tvj.js","sources":["../src/features/animation-stop.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\n/**\n * Animation Stop – V2\n *\n * Two-stage approach:\n *   Stage 1: CSS forces all animations/transitions to END STATE instantly\n *            (animation-fill-mode: forwards + duration: 0.01ms)\n *   Stage 2: JS cleans up inline-style-driven animations (Framer, GSAP, AOS…)\n *\n * Interactive elements (accordions, dropdowns) get a short transition\n * so they remain functional. User clicks temporarily allow transitions.\n */\nexport default function createAnimationStopModule(): FeatureModule {\n  let enabled = false;\n  const STYLE_ID = 'accessify-animation-stop';\n  const STORAGE_KEY = 'accessify-animation-stop';\n\n  // --- State ---\n  let pausedVideos: HTMLVideoElement[] = [];\n  let gifOriginals = new Map<HTMLImageElement, string>();\n  let mutationObserver: MutationObserver | null = null;\n  let originalVideoPlay: typeof HTMLVideoElement.prototype.play | null = null;\n  let fixedElements: Array<{ el: HTMLElement; origStyle: string }> = [];\n  let interactionTimer: ReturnType<typeof setTimeout> | null = null;\n  let styleEl: HTMLStyleElement | null = null;\n\n  // =========================================================================\n  // 1. CSS – Stage 1: force end-states, kill visible motion\n  // =========================================================================\n\n  /** Strict rules — no visible motion at all */\n  function strictCSS(): string {\n    return `\n      /* Accessify animation-stop — strict mode */\n      *, *::before, *::after {\n        animation-fill-mode: forwards !important;\n        animation-duration: 0.01ms !important;\n        animation-delay: 0s !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n        transition-delay: 0s !important;\n      }\n      html {\n        scroll-behavior: auto !important;\n      }\n      marquee {\n        -moz-binding: none !important;\n        overflow: hidden !important;\n      }\n\n      /* Interactive elements keep a short functional transition */\n      details > *, [data-accordion] > *, [role=\"tabpanel\"],\n      dialog, dialog *, [aria-expanded] + *,\n      .accordion *, .collapse *, .dropdown-menu *,\n      .faq *, [data-dropdown] *, [data-framer-component-type=\"CollapsibleContent\"] *,\n      [data-framer-name=\"Accordion\"] *, [data-framer-name=\"FAQ\"] * {\n        transition-duration: 0.15s !important;\n        animation-duration: 0.15s !important;\n      }\n    `;\n  }\n\n  /** Relaxed rules — transitions allowed briefly after user interaction */\n  function relaxedCSS(): string {\n    return `\n      /* Accessify animation-stop — relaxed (post-interaction) */\n      *, *::before, *::after {\n        animation-fill-mode: forwards !important;\n        animation-duration: 0.01ms !important;\n        animation-delay: 0s !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.15s !important;\n        transition-delay: 0s !important;\n      }\n      html {\n        scroll-behavior: auto !important;\n      }\n      marquee {\n        -moz-binding: none !important;\n        overflow: hidden !important;\n      }\n    `;\n  }\n\n  function injectStyles() {\n    if (document.getElementById(STYLE_ID)) return;\n    styleEl = document.createElement('style');\n    styleEl.id = STYLE_ID;\n    styleEl.textContent = strictCSS();\n    document.head.appendChild(styleEl);\n  }\n\n  function removeStyles() {\n    document.getElementById(STYLE_ID)?.remove();\n    styleEl = null;\n  }\n\n  // =========================================================================\n  // 2. Interaction listener — briefly allow transitions on click/key\n  // =========================================================================\n\n  function onUserInteraction() {\n    if (!enabled || !styleEl) return;\n    // Switch to relaxed CSS so the interaction's transition works\n    styleEl.textContent = relaxedCSS();\n    if (interactionTimer) clearTimeout(interactionTimer);\n    interactionTimer = setTimeout(() => {\n      if (enabled && styleEl) styleEl.textContent = strictCSS();\n    }, 350);\n  }\n\n  function addInteractionListeners() {\n    document.addEventListener('click', onUserInteraction, true);\n    document.addEventListener('keydown', onKeyInteraction, true);\n  }\n\n  function removeInteractionListeners() {\n    document.removeEventListener('click', onUserInteraction, true);\n    document.removeEventListener('keydown', onKeyInteraction, true);\n    if (interactionTimer) { clearTimeout(interactionTimer); interactionTimer = null; }\n  }\n\n  function onKeyInteraction(e: KeyboardEvent) {\n    if (e.key === 'Enter' || e.key === ' ') onUserInteraction();\n  }\n\n  // =========================================================================\n  // 3. Stage 2: JS — force inline-animated elements to end state\n  // =========================================================================\n\n  /**\n   * Scan the page for elements that JS animation libs left in their START\n   * state (opacity:0, translateY, etc.) and force them visible.\n   * We only touch elements that match known animation-lib patterns.\n   */\n  function forceInlineEndStates() {\n    const all = document.querySelectorAll<HTMLElement>('[style]');\n    for (const el of all) {\n      if (el.closest('#accessify-root')) continue;\n      if (el.style.display === 'none') continue;\n\n      const opacity = el.style.opacity;\n      if (opacity !== '' && opacity !== '1') {\n        const val = parseFloat(opacity);\n        if (!isNaN(val) && val < 0.1) {\n          // Check if this looks like an animation target (not an intentional design choice)\n          if (isLikelyAnimationTarget(el)) {\n            fixedElements.push({ el, origStyle: el.getAttribute('style') || '' });\n            el.style.opacity = '1';\n            // If the element also has a translate transform, reset it\n            const t = el.style.transform;\n            if (t && /translate/i.test(t)) {\n              el.style.transform = 'none';\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /** Heuristic: does this element look like it's controlled by an animation library? */\n  function isLikelyAnimationTarget(el: HTMLElement): boolean {\n    // Framer\n    if (el.hasAttribute('data-framer-appear-id')) return true;\n    if (el.closest('[data-framer-component-type]')) return true;\n    // AOS\n    if (el.hasAttribute('data-aos')) return true;\n    // ScrollReveal, GSAP ScrollTrigger\n    if (el.classList.toString().match(/aos-|sr-|gsap|scroll-|reveal|animate__|fade|slide/i)) return true;\n    // will-change on transform or opacity is a strong signal\n    const wc = el.style.willChange || '';\n    if (wc.includes('transform') || wc.includes('opacity')) return true;\n    return false;\n  }\n\n  function restoreInlineEndStates() {\n    for (const { el, origStyle } of fixedElements) {\n      try { el.setAttribute('style', origStyle); } catch { /* gone */ }\n    }\n    fixedElements = [];\n  }\n\n  /** Force end-states on a single newly added element (and its children) */\n  function forceEndStatesForNode(node: HTMLElement) {\n    if (node.closest('#accessify-root')) return;\n    checkAndFixElement(node);\n    node.querySelectorAll?.('[style]')?.forEach((child) => {\n      checkAndFixElement(child as HTMLElement);\n    });\n  }\n\n  function checkAndFixElement(el: HTMLElement) {\n    if (el.style.display === 'none') return;\n    const opacity = el.style.opacity;\n    if (opacity !== '' && opacity !== '1') {\n      const val = parseFloat(opacity);\n      if (!isNaN(val) && val < 0.1 && isLikelyAnimationTarget(el)) {\n        fixedElements.push({ el, origStyle: el.getAttribute('style') || '' });\n        el.style.opacity = '1';\n        const t = el.style.transform;\n        if (t && /translate/i.test(t)) el.style.transform = 'none';\n      }\n    }\n  }\n\n  // =========================================================================\n  // 4. Video control\n  // =========================================================================\n\n  function pauseAllVideos() {\n    document.querySelectorAll<HTMLVideoElement>('video').forEach((video) => {\n      if (!video.paused) {\n        video.pause();\n        video.dataset.accessifyPaused = 'true';\n        pausedVideos.push(video);\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    pausedVideos.forEach((video) => {\n      try { delete video.dataset.accessifyPaused; video.play(); } catch { /* gone */ }\n    });\n    pausedVideos = [];\n  }\n\n  // =========================================================================\n  // 5. GIF freeze\n  // =========================================================================\n\n  function freezeGif(img: HTMLImageElement) {\n    const src = (img.src || img.getAttribute('src') || '').toLowerCase();\n    if (!src.includes('.gif')) 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 { /* cross-origin */ }\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  // =========================================================================\n  // 6. SVG SMIL & Marquee\n  // =========================================================================\n\n  function pauseSVG() {\n    document.querySelectorAll('svg').forEach((s) => {\n      try { (s as any).pauseAnimations?.(); } catch { /* ignore */ }\n    });\n  }\n  function resumeSVG() {\n    document.querySelectorAll('svg').forEach((s) => {\n      try { (s as any).unpauseAnimations?.(); } catch { /* ignore */ }\n    });\n  }\n  function stopMarquees() {\n    document.querySelectorAll('marquee').forEach((m) => {\n      try { (m as any).stop?.(); } catch { /* ignore */ }\n    });\n  }\n  function startMarquees() {\n    document.querySelectorAll('marquee').forEach((m) => {\n      try { (m as any).start?.(); } catch { /* ignore */ }\n    });\n  }\n\n  // =========================================================================\n  // 7. MutationObserver — dynamic content\n  // =========================================================================\n\n  function setupObserver() {\n    if (mutationObserver) return;\n    mutationObserver = new MutationObserver((mutations) => {\n      if (!enabled) return;\n      for (const mutation of mutations) {\n        for (const node of mutation.addedNodes) {\n          if (!(node instanceof HTMLElement)) continue;\n\n          // Videos\n          if (node.tagName === 'VIDEO') {\n            const v = node as HTMLVideoElement;\n            if (!v.paused) { v.pause(); v.dataset.accessifyPaused = 'true'; pausedVideos.push(v); }\n          }\n          node.querySelectorAll?.('video')?.forEach((v) => {\n            if (!v.paused) { v.pause(); (v as HTMLVideoElement).dataset.accessifyPaused = 'true'; pausedVideos.push(v); }\n          });\n\n          // GIFs\n          if (node.tagName === 'IMG') freezeGif(node as HTMLImageElement);\n          node.querySelectorAll?.('img')?.forEach((i) => freezeGif(i as HTMLImageElement));\n\n          // SVGs\n          if (node.tagName === 'SVG') { try { (node as any).pauseAnimations?.(); } catch { /* */ } }\n          node.querySelectorAll?.('svg')?.forEach((s) => {\n            try { (s as any).pauseAnimations?.(); } catch { /* */ }\n          });\n\n          // Inline-animated elements\n          forceEndStatesForNode(node);\n        }\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  // 8. Delayed re-scans — frameworks render async\n  // =========================================================================\n\n  let scanTimers: ReturnType<typeof setTimeout>[] = [];\n\n  function scheduleScans() {\n    for (const delay of [500, 1500, 3000]) {\n      scanTimers.push(setTimeout(() => {\n        if (!enabled) return;\n        forceInlineEndStates();\n        pauseAllVideos();\n        freezeAllGifs();\n        pauseSVG();\n      }, delay));\n    }\n  }\n\n  function clearScans() {\n    scanTimers.forEach(clearTimeout);\n    scanTimers = [];\n  }\n\n  // =========================================================================\n  // Lifecycle\n  // =========================================================================\n\n  function activate() {\n    if (enabled) return;\n    enabled = true;\n\n    // Stage 1: CSS — force end-states + kill visible motion\n    injectStyles();\n\n    // Stage 2: JS — force inline-animated elements visible\n    forceInlineEndStates();\n\n    // Media\n    pauseAllVideos();\n    interceptVideoPlay();\n    freezeAllGifs();\n    pauseSVG();\n    stopMarquees();\n\n    // Interaction listener for accordions etc.\n    addInteractionListeners();\n\n    // Dynamic content\n    setupObserver();\n\n    // Async re-scans\n    scheduleScans();\n\n    localStorage.setItem(STORAGE_KEY, 'true');\n  }\n\n  function deactivate() {\n    enabled = false;\n\n    clearScans();\n    teardownObserver();\n    removeInteractionListeners();\n    startMarquees();\n    resumeSVG();\n    restoreAllGifs();\n    resumeAllVideos();\n    restoreInlineEndStates();\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-DiDUF8l8.js → index-BJsmy-I2.js}

@@ -6310,14 +6310,14 @@ function FeatureGrid($$anchor, $$props) {
   const FEATURE_LOADERS = {
     contrast: () => import("./contrast-CqsICAkU.js"),
     "text-size": () => import("./text-size-C6OFhCGi.js"),
-    "keyboard-nav": () => import("./keyboard-nav--OdykeMg.js"),
+    "keyboard-nav": () => import("./keyboard-nav-DpyT397R.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-BDP0PVUZ.js"),
+    "animation-stop": () => import("./animation-stop-Bk5e1Tvj.js"),
     "hide-images": () => import("./hide-images-B_LeCBcd.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-BfHcMDYY.js"),
+    "page-structure": () => import("./page-structure-K6J7uNzJ.js"),
     tts: () => import("./tts-CjszLRnb.js"),
     "text-simplify": () => import("./text-simplify-B1v6Muvn.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
@@ -8400,4 +8400,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-DiDUF8l8.js.map
+//# sourceMappingURL=index-BJsmy-I2.js.map