accessify-widget 0.2.3 → 0.2.4

package/dist/accessify.mjs

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

package/dist/animation-stop-CA4Sz28J.js

@@ -0,0 +1,394 @@
+function createAnimationStopModule() {
+  let enabled = false;
+  const STYLE_ID = "accessify-animation-stop";
+  const STORAGE_KEY = "accessify-animation-stop";
+  let pausedVideos = [];
+  let pausedAnimations = [];
+  let originalAnimate = null;
+  let originalRAF = null;
+  let originalMatchMedia = null;
+  let mutationObserver = null;
+  let rafLoopTracker = /* @__PURE__ */ new Map();
+  let blockedRAFs = /* @__PURE__ */ new Set();
+  let gifOriginals = /* @__PURE__ */ new Map();
+  function getStyles() {
+    return `
+      /* accessify animation stop - WCAG 2.3.1 compliance */
+      *, *::before, *::after {
+        animation-duration: 0.01s !important;
+        animation-delay: 0s !important;
+        animation-iteration-count: 1 !important;
+        animation-play-state: paused !important;
+        transition-duration: 0.01s !important;
+        transition-delay: 0s !important;
+        scroll-behavior: auto !important;
+      }
+      marquee { -moz-binding: none; }
+    `;
+  }
+  function injectStyles() {
+    let styleEl = document.getElementById(STYLE_ID);
+    if (!styleEl) {
+      styleEl = document.createElement("style");
+      styleEl.id = STYLE_ID;
+      document.head.appendChild(styleEl);
+    }
+    styleEl.textContent = getStyles();
+  }
+  function removeStyles() {
+    document.getElementById(STYLE_ID)?.remove();
+  }
+  function pauseAllWebAnimations() {
+    try {
+      const animations = document.getAnimations();
+      for (const anim of animations) {
+        if (anim.playState === "running" || anim.playState === "pending") {
+          anim.pause();
+          pausedAnimations.push(anim);
+        }
+      }
+    } catch {
+    }
+  }
+  function overrideElementAnimate() {
+    if (originalAnimate) return;
+    originalAnimate = Element.prototype.animate;
+    Element.prototype.animate = function(keyframes, options) {
+      const anim = originalAnimate.call(this, keyframes, options);
+      if (enabled) {
+        anim.pause();
+        pausedAnimations.push(anim);
+      }
+      return anim;
+    };
+  }
+  function restoreElementAnimate() {
+    if (originalAnimate) {
+      Element.prototype.animate = originalAnimate;
+      originalAnimate = null;
+    }
+  }
+  function resumePausedAnimations() {
+    for (const anim of pausedAnimations) {
+      try {
+        anim.play();
+      } catch {
+      }
+    }
+    pausedAnimations = [];
+  }
+  function overrideRAF() {
+    if (originalRAF) return;
+    originalRAF = window.requestAnimationFrame;
+    const origCancel = window.cancelAnimationFrame;
+    window.requestAnimationFrame = function(callback) {
+      if (!enabled) return originalRAF.call(window, callback);
+      const key = callback.toString().slice(0, 200);
+      const now = performance.now();
+      const entry = rafLoopTracker.get(key);
+      if (entry) {
+        entry.count++;
+        if (now - entry.lastTime < 100 && entry.count > 3) {
+          const id = originalRAF.call(window, () => {
+          });
+          blockedRAFs.add(id);
+          return id;
+        }
+        entry.lastTime = now;
+      } else {
+        rafLoopTracker.set(key, { count: 1, lastTime: now });
+      }
+      return originalRAF.call(window, callback);
+    };
+    window.cancelAnimationFrame = function(id) {
+      blockedRAFs.delete(id);
+      return origCancel.call(window, id);
+    };
+  }
+  function restoreRAF() {
+    if (originalRAF) {
+      window.requestAnimationFrame = originalRAF;
+      originalRAF = null;
+    }
+    rafLoopTracker.clear();
+    blockedRAFs.clear();
+  }
+  function setupMutationObserver() {
+    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;
+          try {
+            const anims = node.getAnimations({ subtree: true });
+            for (const anim of anims) {
+              if (anim.playState === "running" || anim.playState === "pending") {
+                anim.pause();
+                pausedAnimations.push(anim);
+              }
+            }
+          } catch {
+          }
+          if (node.tagName === "VIDEO") {
+            const video = node;
+            if (!video.paused) {
+              video.pause();
+              pausedVideos.push(video);
+            }
+          }
+          node.querySelectorAll?.("video")?.forEach((video) => {
+            if (!video.paused) {
+              video.pause();
+              pausedVideos.push(video);
+            }
+          });
+          if (node.tagName === "IMG") {
+            freezeGif(node);
+          }
+          node.querySelectorAll?.("img")?.forEach((img) => freezeGif(img));
+          if (node.hasAttribute?.("data-framer-appear-id")) {
+            forceFramerAppearVisibleSingle(node);
+          }
+          node.querySelectorAll?.("[data-framer-appear-id]")?.forEach((el) => {
+            forceFramerAppearVisibleSingle(el);
+          });
+        }
+      }
+    });
+    mutationObserver.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+  }
+  function disconnectMutationObserver() {
+    mutationObserver?.disconnect();
+    mutationObserver = null;
+  }
+  function emulateReducedMotion() {
+    if (originalMatchMedia) return;
+    originalMatchMedia = window.matchMedia;
+    window.matchMedia = function(query) {
+      const mql = originalMatchMedia.call(window, query);
+      if (query.includes("prefers-reduced-motion")) {
+        const proxy = Object.create(mql);
+        Object.defineProperty(proxy, "matches", { get: () => enabled, configurable: true });
+        Object.defineProperty(proxy, "media", { get: () => query, configurable: true });
+        return proxy;
+      }
+      return mql;
+    };
+    try {
+      const mql = originalMatchMedia.call(window, "(prefers-reduced-motion: reduce)");
+      mql.dispatchEvent(new MediaQueryListEvent("change", { matches: true, media: mql.media }));
+    } catch {
+    }
+  }
+  function restoreMatchMedia() {
+    if (originalMatchMedia) {
+      window.matchMedia = originalMatchMedia;
+      originalMatchMedia = null;
+      try {
+        const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
+        mql.dispatchEvent(new MediaQueryListEvent("change", { matches: mql.matches, media: mql.media }));
+      } catch {
+      }
+    }
+  }
+  function freezeGif(img) {
+    const src = img.src || img.getAttribute("src") || "";
+    if (!src.toLowerCase().includes(".gif")) return;
+    if (gifOriginals.has(img)) return;
+    const freeze = () => {
+      try {
+        const canvas = document.createElement("canvas");
+        canvas.width = img.naturalWidth || img.width;
+        canvas.height = img.naturalHeight || img.height;
+        if (canvas.width === 0 || canvas.height === 0) return;
+        const ctx = canvas.getContext("2d");
+        if (!ctx) return;
+        ctx.drawImage(img, 0, 0);
+        gifOriginals.set(img, src);
+        img.src = canvas.toDataURL("image/png");
+      } catch {
+      }
+    };
+    if (img.complete && img.naturalWidth > 0) {
+      freeze();
+    } else {
+      img.addEventListener("load", freeze, { once: true });
+    }
+  }
+  function freezeAllGifs() {
+    document.querySelectorAll("img").forEach(freezeGif);
+  }
+  function restoreGifs() {
+    for (const [img, originalSrc] of gifOriginals) {
+      try {
+        img.src = originalSrc;
+      } catch {
+      }
+    }
+    gifOriginals.clear();
+  }
+  const FRAMER_FIXED_ATTR = "data-accessify-framer-fixed";
+  let framerFixedElements = [];
+  function forceFramerAppearVisible() {
+    const appearEls = document.querySelectorAll("[data-framer-appear-id]");
+    for (const el of appearEls) {
+      if (el.hasAttribute(FRAMER_FIXED_ATTR)) continue;
+      const style = el.getAttribute("style") || "";
+      if (style.includes("opacity:0.001") || style.includes("opacity: 0.001")) {
+        framerFixedElements.push({ el, origStyle: style });
+        el.style.opacity = "1";
+        el.style.transform = "none";
+        el.style.willChange = "auto";
+        el.setAttribute(FRAMER_FIXED_ATTR, "true");
+      }
+    }
+    const allWillChange = document.querySelectorAll('[style*="will-change"]');
+    for (const el of allWillChange) {
+      if (el.hasAttribute(FRAMER_FIXED_ATTR)) continue;
+      const computed = getComputedStyle(el);
+      const opacity = parseFloat(computed.opacity);
+      if (opacity < 0.05 && computed.willChange.includes("transform")) {
+        framerFixedElements.push({ el, origStyle: el.getAttribute("style") || "" });
+        el.style.opacity = "1";
+        el.style.transform = "none";
+        el.style.willChange = "auto";
+        el.setAttribute(FRAMER_FIXED_ATTR, "true");
+      }
+    }
+  }
+  function restoreFramerAppear() {
+    for (const { el, origStyle } of framerFixedElements) {
+      try {
+        el.setAttribute("style", origStyle);
+        el.removeAttribute(FRAMER_FIXED_ATTR);
+      } catch {
+      }
+    }
+    framerFixedElements = [];
+  }
+  function forceFramerAppearVisibleSingle(el) {
+    if (el.hasAttribute(FRAMER_FIXED_ATTR)) return;
+    const style = el.getAttribute("style") || "";
+    if (style.includes("opacity:0.001") || style.includes("opacity: 0.001")) {
+      framerFixedElements.push({ el, origStyle: style });
+      el.style.opacity = "1";
+      el.style.transform = "none";
+      el.style.willChange = "auto";
+      el.setAttribute(FRAMER_FIXED_ATTR, "true");
+    }
+  }
+  function stopMarquees() {
+    document.querySelectorAll("marquee").forEach((el) => {
+      try {
+        el.stop();
+      } catch {
+      }
+    });
+  }
+  function startMarquees() {
+    document.querySelectorAll("marquee").forEach((el) => {
+      try {
+        el.start();
+      } catch {
+      }
+    });
+  }
+  function pauseSVGAnimations() {
+    document.querySelectorAll("svg").forEach((svg) => {
+      try {
+        if (typeof svg.pauseAnimations === "function") {
+          svg.pauseAnimations();
+        }
+      } catch {
+      }
+    });
+  }
+  function resumeSVGAnimations() {
+    document.querySelectorAll("svg").forEach((svg) => {
+      try {
+        if (typeof svg.unpauseAnimations === "function") {
+          svg.unpauseAnimations();
+        }
+      } catch {
+      }
+    });
+  }
+  function pauseAutoplayVideos() {
+    const videos = document.querySelectorAll("video[autoplay], video");
+    pausedVideos = [];
+    videos.forEach((video) => {
+      if (!video.paused) {
+        video.pause();
+        pausedVideos.push(video);
+      }
+    });
+  }
+  function resumePausedVideos() {
+    pausedVideos.forEach((video) => {
+      try {
+        video.play();
+      } catch {
+      }
+    });
+    pausedVideos = [];
+  }
+  function activate() {
+    if (enabled) return;
+    enabled = true;
+    injectStyles();
+    pauseAllWebAnimations();
+    overrideElementAnimate();
+    overrideRAF();
+    setupMutationObserver();
+    emulateReducedMotion();
+    freezeAllGifs();
+    forceFramerAppearVisible();
+    stopMarquees();
+    pauseSVGAnimations();
+    pauseAutoplayVideos();
+    localStorage.setItem(STORAGE_KEY, "true");
+  }
+  function deactivate() {
+    enabled = false;
+    resumePausedVideos();
+    resumeSVGAnimations();
+    startMarquees();
+    restoreFramerAppear();
+    restoreGifs();
+    restoreMatchMedia();
+    disconnectMutationObserver();
+    restoreRAF();
+    restoreElementAnimate();
+    resumePausedAnimations();
+    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-CA4Sz28J.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation-stop-CA4Sz28J.js","sources":["../src/features/animation-stop.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\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 for clean restore ---\n  let pausedVideos: HTMLVideoElement[] = [];\n  let pausedAnimations: Animation[] = [];\n  let originalAnimate: typeof Element.prototype.animate | null = null;\n  let originalRAF: typeof window.requestAnimationFrame | null = null;\n  let originalMatchMedia: typeof window.matchMedia | null = null;\n  let mutationObserver: MutationObserver | null = null;\n  let rafLoopTracker = new Map<string, { count: number; lastTime: number }>();\n  let blockedRAFs = new Set<number>();\n  let gifOriginals = new Map<HTMLImageElement, string>();\n  let reducedMotionListeners: Array<{ mql: MediaQueryList; handler: () => void }> = [];\n\n  // -------------------------------------------------------------------------\n  // Layer 0: CSS overrides (existing — catches pure CSS animations)\n  // -------------------------------------------------------------------------\n\n  function getStyles(): string {\n    return `\n      /* accessify animation stop - WCAG 2.3.1 compliance */\n      *, *::before, *::after {\n        animation-duration: 0.01s !important;\n        animation-delay: 0s !important;\n        animation-iteration-count: 1 !important;\n        animation-play-state: paused !important;\n        transition-duration: 0.01s !important;\n        transition-delay: 0s !important;\n        scroll-behavior: auto !important;\n      }\n      marquee { -moz-binding: none; }\n    `;\n  }\n\n  function injectStyles() {\n    let styleEl = document.getElementById(STYLE_ID);\n    if (!styleEl) {\n      styleEl = document.createElement('style');\n      styleEl.id = STYLE_ID;\n      document.head.appendChild(styleEl);\n    }\n    styleEl.textContent = getStyles();\n  }\n\n  function removeStyles() {\n    document.getElementById(STYLE_ID)?.remove();\n  }\n\n  // -------------------------------------------------------------------------\n  // Layer 1: Web Animations API — pause all running + intercept new\n  // -------------------------------------------------------------------------\n\n  function pauseAllWebAnimations() {\n    try {\n      const animations = document.getAnimations();\n      for (const anim of animations) {\n        if (anim.playState === 'running' || anim.playState === 'pending') {\n          anim.pause();\n          pausedAnimations.push(anim);\n        }\n      }\n    } catch { /* getAnimations not supported */ }\n  }\n\n  function overrideElementAnimate() {\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      const anim = originalAnimate!.call(this, keyframes, options);\n      if (enabled) {\n        anim.pause();\n        pausedAnimations.push(anim);\n      }\n      return anim;\n    };\n  }\n\n  function restoreElementAnimate() {\n    if (originalAnimate) {\n      Element.prototype.animate = originalAnimate;\n      originalAnimate = null;\n    }\n  }\n\n  function resumePausedAnimations() {\n    for (const anim of pausedAnimations) {\n      try { anim.play(); } catch { /* animation may be gone */ }\n    }\n    pausedAnimations = [];\n  }\n\n  // -------------------------------------------------------------------------\n  // Layer 2: requestAnimationFrame loop detection\n  // -------------------------------------------------------------------------\n\n  function overrideRAF() {\n    if (originalRAF) return;\n    originalRAF = window.requestAnimationFrame;\n    const origCancel = window.cancelAnimationFrame;\n\n    window.requestAnimationFrame = function (callback: FrameRequestCallback): number {\n      if (!enabled) return originalRAF!.call(window, callback);\n\n      // Fingerprint callback to detect animation loops\n      const key = callback.toString().slice(0, 200);\n      const now = performance.now();\n      const entry = rafLoopTracker.get(key);\n\n      if (entry) {\n        entry.count++;\n        if (now - entry.lastTime < 100 && entry.count > 3) {\n          // This callback is re-registering rapidly — animation loop detected\n          const id = originalRAF!.call(window, () => {}); // no-op\n          blockedRAFs.add(id);\n          return id;\n        }\n        entry.lastTime = now;\n      } else {\n        rafLoopTracker.set(key, { count: 1, lastTime: now });\n      }\n\n      // Allow through but wrap to track re-registration\n      return originalRAF!.call(window, callback);\n    };\n\n    window.cancelAnimationFrame = function (id: number) {\n      blockedRAFs.delete(id);\n      return origCancel.call(window, id);\n    };\n  }\n\n  function restoreRAF() {\n    if (originalRAF) {\n      window.requestAnimationFrame = originalRAF;\n      originalRAF = null;\n    }\n    rafLoopTracker.clear();\n    blockedRAFs.clear();\n  }\n\n  // -------------------------------------------------------------------------\n  // Layer 3: MutationObserver — catch dynamically added animated elements\n  // -------------------------------------------------------------------------\n\n  function setupMutationObserver() {\n    if (mutationObserver) return;\n\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          // Pause animations on newly added elements\n          try {\n            const anims = node.getAnimations({ subtree: true });\n            for (const anim of anims) {\n              if (anim.playState === 'running' || anim.playState === 'pending') {\n                anim.pause();\n                pausedAnimations.push(anim);\n              }\n            }\n          } catch { /* not supported */ }\n\n          // Pause new videos\n          if (node.tagName === 'VIDEO') {\n            const video = node as HTMLVideoElement;\n            if (!video.paused) {\n              video.pause();\n              pausedVideos.push(video);\n            }\n          }\n          node.querySelectorAll?.('video')?.forEach((video) => {\n            if (!video.paused) {\n              video.pause();\n              pausedVideos.push(video);\n            }\n          });\n\n          // Freeze new GIFs\n          if (node.tagName === 'IMG') {\n            freezeGif(node as HTMLImageElement);\n          }\n          node.querySelectorAll?.('img')?.forEach((img) => freezeGif(img));\n\n          // Fix Framer appear elements added dynamically\n          if (node.hasAttribute?.('data-framer-appear-id')) {\n            forceFramerAppearVisibleSingle(node);\n          }\n          node.querySelectorAll?.('[data-framer-appear-id]')?.forEach((el) => {\n            forceFramerAppearVisibleSingle(el as HTMLElement);\n          });\n        }\n      }\n    });\n\n    mutationObserver.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  function disconnectMutationObserver() {\n    mutationObserver?.disconnect();\n    mutationObserver = null;\n  }\n\n  // -------------------------------------------------------------------------\n  // Layer 4: prefers-reduced-motion emulation\n  // -------------------------------------------------------------------------\n\n  function emulateReducedMotion() {\n    if (originalMatchMedia) return;\n    originalMatchMedia = window.matchMedia;\n\n    window.matchMedia = function (query: string): MediaQueryList {\n      const mql = originalMatchMedia!.call(window, query);\n\n      if (query.includes('prefers-reduced-motion')) {\n        // Return a proxy that always reports matches: true\n        const proxy = Object.create(mql);\n        Object.defineProperty(proxy, 'matches', { get: () => enabled, configurable: true });\n        Object.defineProperty(proxy, 'media', { get: () => query, configurable: true });\n        return proxy;\n      }\n      return mql;\n    };\n\n    // Trigger change event on existing reduced-motion media queries\n    // so frameworks (Framer Motion, GSAP) react immediately\n    try {\n      const mql = originalMatchMedia.call(window, '(prefers-reduced-motion: reduce)');\n      mql.dispatchEvent(new MediaQueryListEvent('change', { matches: true, media: mql.media }));\n    } catch { /* older browsers */ }\n  }\n\n  function restoreMatchMedia() {\n    if (originalMatchMedia) {\n      window.matchMedia = originalMatchMedia;\n      originalMatchMedia = null;\n\n      // Dispatch change event to signal motion is allowed again\n      try {\n        const mql = window.matchMedia('(prefers-reduced-motion: reduce)');\n        mql.dispatchEvent(new MediaQueryListEvent('change', { matches: mql.matches, media: mql.media }));\n      } catch { /* older browsers */ }\n    }\n  }\n\n  // -------------------------------------------------------------------------\n  // Layer 5: GIF freeze — replace with static first frame\n  // -------------------------------------------------------------------------\n\n  function freezeGif(img: HTMLImageElement) {\n    const src = img.src || img.getAttribute('src') || '';\n    if (!src.toLowerCase().includes('.gif')) return;\n    if (gifOriginals.has(img)) return;\n\n    const freeze = () => {\n      try {\n        const canvas = document.createElement('canvas');\n        canvas.width = img.naturalWidth || img.width;\n        canvas.height = img.naturalHeight || img.height;\n        if (canvas.width === 0 || canvas.height === 0) return;\n        const ctx = canvas.getContext('2d');\n        if (!ctx) return;\n        ctx.drawImage(img, 0, 0);\n        gifOriginals.set(img, src);\n        img.src = canvas.toDataURL('image/png');\n      } catch { /* cross-origin, skip */ }\n    };\n\n    if (img.complete && img.naturalWidth > 0) {\n      freeze();\n    } else {\n      img.addEventListener('load', freeze, { once: true });\n    }\n  }\n\n  function freezeAllGifs() {\n    document.querySelectorAll<HTMLImageElement>('img').forEach(freezeGif);\n  }\n\n  function restoreGifs() {\n    for (const [img, originalSrc] of gifOriginals) {\n      try { img.src = originalSrc; } catch { /* element may be gone */ }\n    }\n    gifOriginals.clear();\n  }\n\n  // -------------------------------------------------------------------------\n  // Layer 6: Framer appear animations — force visible\n  // Framer renders elements with opacity:0.001 + will-change:transform and\n  // animates them in via JS. When we stop animations, they stay invisible.\n  // Fix: force all Framer appear elements to their final visible state.\n  // -------------------------------------------------------------------------\n\n  const FRAMER_FIXED_ATTR = 'data-accessify-framer-fixed';\n  let framerFixedElements: Array<{ el: HTMLElement; origStyle: string }> = [];\n\n  function forceFramerAppearVisible() {\n    // Framer appear elements\n    const appearEls = document.querySelectorAll<HTMLElement>('[data-framer-appear-id]');\n    for (const el of appearEls) {\n      if (el.hasAttribute(FRAMER_FIXED_ATTR)) continue;\n      const style = el.getAttribute('style') || '';\n      // Only fix elements that are in their initial hidden state\n      if (style.includes('opacity:0.001') || style.includes('opacity: 0.001')) {\n        framerFixedElements.push({ el, origStyle: style });\n        el.style.opacity = '1';\n        el.style.transform = 'none';\n        el.style.willChange = 'auto';\n        el.setAttribute(FRAMER_FIXED_ATTR, 'true');\n      }\n    }\n\n    // Generic: any element with near-zero opacity that has will-change:transform\n    // (common pattern in animation libraries for scroll-reveal)\n    const allWillChange = document.querySelectorAll<HTMLElement>('[style*=\"will-change\"]');\n    for (const el of allWillChange) {\n      if (el.hasAttribute(FRAMER_FIXED_ATTR)) continue;\n      const computed = getComputedStyle(el);\n      const opacity = parseFloat(computed.opacity);\n      if (opacity < 0.05 && computed.willChange.includes('transform')) {\n        framerFixedElements.push({ el, origStyle: el.getAttribute('style') || '' });\n        el.style.opacity = '1';\n        el.style.transform = 'none';\n        el.style.willChange = 'auto';\n        el.setAttribute(FRAMER_FIXED_ATTR, 'true');\n      }\n    }\n  }\n\n  function restoreFramerAppear() {\n    for (const { el, origStyle } of framerFixedElements) {\n      try {\n        el.setAttribute('style', origStyle);\n        el.removeAttribute(FRAMER_FIXED_ATTR);\n      } catch { /* element may be gone */ }\n    }\n    framerFixedElements = [];\n  }\n\n  function forceFramerAppearVisibleSingle(el: HTMLElement) {\n    if (el.hasAttribute(FRAMER_FIXED_ATTR)) return;\n    const style = el.getAttribute('style') || '';\n    if (style.includes('opacity:0.001') || style.includes('opacity: 0.001')) {\n      framerFixedElements.push({ el, origStyle: style });\n      el.style.opacity = '1';\n      el.style.transform = 'none';\n      el.style.willChange = 'auto';\n      el.setAttribute(FRAMER_FIXED_ATTR, 'true');\n    }\n  }\n\n  // -------------------------------------------------------------------------\n  // Layer 7: Marquee & SVG SMIL animations\n  // -------------------------------------------------------------------------\n\n  function stopMarquees() {\n    document.querySelectorAll('marquee').forEach((el) => {\n      try { (el as any).stop(); } catch { /* not supported */ }\n    });\n  }\n\n  function startMarquees() {\n    document.querySelectorAll('marquee').forEach((el) => {\n      try { (el as any).start(); } catch { /* not supported */ }\n    });\n  }\n\n  function pauseSVGAnimations() {\n    document.querySelectorAll('svg').forEach((svg) => {\n      try {\n        if (typeof (svg as any).pauseAnimations === 'function') {\n          (svg as any).pauseAnimations();\n        }\n      } catch { /* not supported */ }\n    });\n  }\n\n  function resumeSVGAnimations() {\n    document.querySelectorAll('svg').forEach((svg) => {\n      try {\n        if (typeof (svg as any).unpauseAnimations === 'function') {\n          (svg as any).unpauseAnimations();\n        }\n      } catch { /* not supported */ }\n    });\n  }\n\n  // -------------------------------------------------------------------------\n  // Video control (existing)\n  // -------------------------------------------------------------------------\n\n  function pauseAutoplayVideos() {\n    const videos = document.querySelectorAll<HTMLVideoElement>('video[autoplay], video');\n    pausedVideos = [];\n    videos.forEach((video) => {\n      if (!video.paused) {\n        video.pause();\n        pausedVideos.push(video);\n      }\n    });\n  }\n\n  function resumePausedVideos() {\n    pausedVideos.forEach((video) => {\n      try { video.play(); } catch { /* removed from DOM */ }\n    });\n    pausedVideos = [];\n  }\n\n  // -------------------------------------------------------------------------\n  // Lifecycle\n  // -------------------------------------------------------------------------\n\n  function activate() {\n    if (enabled) return;\n    enabled = true;\n\n    // Layer 0: CSS overrides\n    injectStyles();\n\n    // Layer 1: Web Animations API\n    pauseAllWebAnimations();\n    overrideElementAnimate();\n\n    // Layer 2: RAF loop detection\n    overrideRAF();\n\n    // Layer 3: MutationObserver for dynamic content\n    setupMutationObserver();\n\n    // Layer 4: prefers-reduced-motion emulation\n    emulateReducedMotion();\n\n    // Layer 5: GIF freeze\n    freezeAllGifs();\n\n    // Layer 6: Framer appear — force visible\n    forceFramerAppearVisible();\n\n    // Layer 7: Marquee & SVG SMIL\n    stopMarquees();\n    pauseSVGAnimations();\n\n    // Videos\n    pauseAutoplayVideos();\n\n    localStorage.setItem(STORAGE_KEY, 'true');\n  }\n\n  function deactivate() {\n    enabled = false;\n\n    // Reverse order for clean teardown\n    resumePausedVideos();\n    resumeSVGAnimations();\n    startMarquees();\n    restoreFramerAppear();\n    restoreGifs();\n    restoreMatchMedia();\n    disconnectMutationObserver();\n    restoreRAF();\n    restoreElementAnimate();\n    resumePausedAnimations();\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 => ({\n      id: 'animation-stop',\n      enabled,\n    }),\n    setState: (state: { enabled: boolean }) => {\n      if (state.enabled) {\n        activate();\n      } else {\n        deactivate();\n      }\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/hide-images-B_LeCBcd.js

@@ -0,0 +1,105 @@
+function createHideImagesModule() {
+  let enabled = false;
+  const STYLE_ID = "accessify-hide-images";
+  let bgImageOriginals = /* @__PURE__ */ new Map();
+  let mutationObserver = null;
+  const CSS = `
+    /* Standard image elements */
+    img, picture, svg:not([aria-hidden="true"]), video, canvas,
+    [role="img"], figure {
+      opacity: 0 !important;
+      pointer-events: none !important;
+    }
+
+    /* CSS background-images (inline styles) */
+    [style*="background-image"] {
+      background-image: none !important;
+    }
+
+    /* Lazy-load images that haven't loaded yet */
+    img[data-src], img[data-lazy-src], img[data-original],
+    img[loading="lazy"] {
+      opacity: 0 !important;
+      pointer-events: none !important;
+    }
+  `;
+  function hideBackgroundImages() {
+    const all = document.querySelectorAll("*");
+    for (const el of all) {
+      if (el.closest("#accessify-root")) continue;
+      const computed = getComputedStyle(el);
+      if (computed.backgroundImage && computed.backgroundImage !== "none") {
+        bgImageOriginals.set(el, el.style.backgroundImage);
+        el.style.setProperty("background-image", "none", "important");
+      }
+    }
+  }
+  function restoreBackgroundImages() {
+    for (const [el, original] of bgImageOriginals) {
+      try {
+        el.style.backgroundImage = original;
+      } catch {
+      }
+    }
+    bgImageOriginals.clear();
+  }
+  function setupMutationObserver() {
+    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.closest("#accessify-root")) continue;
+          const computed = getComputedStyle(node);
+          if (computed.backgroundImage && computed.backgroundImage !== "none") {
+            bgImageOriginals.set(node, node.style.backgroundImage);
+            node.style.setProperty("background-image", "none", "important");
+          }
+          node.querySelectorAll("*").forEach((child) => {
+            if (child.closest("#accessify-root")) return;
+            const cs = getComputedStyle(child);
+            if (cs.backgroundImage && cs.backgroundImage !== "none") {
+              bgImageOriginals.set(child, child.style.backgroundImage);
+              child.style.setProperty("background-image", "none", "important");
+            }
+          });
+        }
+      }
+    });
+    mutationObserver.observe(document.body, { childList: true, subtree: true });
+  }
+  function activate() {
+    enabled = true;
+    let styleEl = document.getElementById(STYLE_ID);
+    if (!styleEl) {
+      styleEl = document.createElement("style");
+      styleEl.id = STYLE_ID;
+      document.head.appendChild(styleEl);
+    }
+    styleEl.textContent = CSS;
+    hideBackgroundImages();
+    setupMutationObserver();
+  }
+  function deactivate() {
+    enabled = false;
+    mutationObserver?.disconnect();
+    mutationObserver = null;
+    restoreBackgroundImages();
+    document.getElementById(STYLE_ID)?.remove();
+  }
+  return {
+    id: "hide-images",
+    name: () => "Hide Images",
+    description: "Remove images for distraction-free reading",
+    icon: "hide-images",
+    category: "visual",
+    activate,
+    deactivate,
+    getState: () => ({ id: "hide-images", enabled })
+  };
+}
+export {
+  createHideImagesModule as default
+};
+//# sourceMappingURL=hide-images-B_LeCBcd.js.map

package/dist/hide-images-B_LeCBcd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hide-images-B_LeCBcd.js","sources":["../src/features/hide-images.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\nexport default function createHideImagesModule(): FeatureModule {\n  let enabled = false;\n  const STYLE_ID = 'accessify-hide-images';\n  let bgImageOriginals = new Map<HTMLElement, string>();\n  let mutationObserver: MutationObserver | null = null;\n\n  const CSS = `\n    /* Standard image elements */\n    img, picture, svg:not([aria-hidden=\"true\"]), video, canvas,\n    [role=\"img\"], figure {\n      opacity: 0 !important;\n      pointer-events: none !important;\n    }\n\n    /* CSS background-images (inline styles) */\n    [style*=\"background-image\"] {\n      background-image: none !important;\n    }\n\n    /* Lazy-load images that haven't loaded yet */\n    img[data-src], img[data-lazy-src], img[data-original],\n    img[loading=\"lazy\"] {\n      opacity: 0 !important;\n      pointer-events: none !important;\n    }\n  `;\n\n  function hideBackgroundImages() {\n    // Find elements with computed background-image (covers CSS classes, not just inline)\n    const all = document.querySelectorAll<HTMLElement>('*');\n    for (const el of all) {\n      if (el.closest('#accessify-root')) continue;\n      const computed = getComputedStyle(el);\n      if (computed.backgroundImage && computed.backgroundImage !== 'none') {\n        bgImageOriginals.set(el, el.style.backgroundImage);\n        el.style.setProperty('background-image', 'none', 'important');\n      }\n    }\n  }\n\n  function restoreBackgroundImages() {\n    for (const [el, original] of bgImageOriginals) {\n      try {\n        el.style.backgroundImage = original;\n      } catch { /* element may be gone */ }\n    }\n    bgImageOriginals.clear();\n  }\n\n  function setupMutationObserver() {\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          if (node.closest('#accessify-root')) continue;\n          // Hide background images on newly added elements\n          const computed = getComputedStyle(node);\n          if (computed.backgroundImage && computed.backgroundImage !== 'none') {\n            bgImageOriginals.set(node, node.style.backgroundImage);\n            node.style.setProperty('background-image', 'none', 'important');\n          }\n          // Also check children\n          node.querySelectorAll<HTMLElement>('*').forEach((child) => {\n            if (child.closest('#accessify-root')) return;\n            const cs = getComputedStyle(child);\n            if (cs.backgroundImage && cs.backgroundImage !== 'none') {\n              bgImageOriginals.set(child, child.style.backgroundImage);\n              child.style.setProperty('background-image', 'none', 'important');\n            }\n          });\n        }\n      }\n    });\n    mutationObserver.observe(document.body, { childList: true, subtree: true });\n  }\n\n  function activate() {\n    enabled = true;\n    let styleEl = document.getElementById(STYLE_ID);\n    if (!styleEl) {\n      styleEl = document.createElement('style');\n      styleEl.id = STYLE_ID;\n      document.head.appendChild(styleEl);\n    }\n    styleEl.textContent = CSS;\n    hideBackgroundImages();\n    setupMutationObserver();\n  }\n\n  function deactivate() {\n    enabled = false;\n    mutationObserver?.disconnect();\n    mutationObserver = null;\n    restoreBackgroundImages();\n    document.getElementById(STYLE_ID)?.remove();\n  }\n\n  return {\n    id: 'hide-images',\n    name: () => 'Hide Images',\n    description: 'Remove images for distraction-free reading',\n    icon: 'hide-images',\n    category: 'visual',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({ id: 'hide-images', enabled }),\n  };\n}\n"],"names":[],"mappings":"AAEA,SAAwB,yBAAwC;AAC9D,MAAI,UAAU;AACd,QAAM,WAAW;AACjB,MAAI,uCAAuB,IAAA;AAC3B,MAAI,mBAA4C;AAEhD,QAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBZ,WAAS,uBAAuB;AAE9B,UAAM,MAAM,SAAS,iBAA8B,GAAG;AACtD,eAAW,MAAM,KAAK;AACpB,UAAI,GAAG,QAAQ,iBAAiB,EAAG;AACnC,YAAM,WAAW,iBAAiB,EAAE;AACpC,UAAI,SAAS,mBAAmB,SAAS,oBAAoB,QAAQ;AACnE,yBAAiB,IAAI,IAAI,GAAG,MAAM,eAAe;AACjD,WAAG,MAAM,YAAY,oBAAoB,QAAQ,WAAW;AAAA,MAC9D;AAAA,IACF;AAAA,EACF;AAEA,WAAS,0BAA0B;AACjC,eAAW,CAAC,IAAI,QAAQ,KAAK,kBAAkB;AAC7C,UAAI;AACF,WAAG,MAAM,kBAAkB;AAAA,MAC7B,QAAQ;AAAA,MAA4B;AAAA,IACtC;AACA,qBAAiB,MAAA;AAAA,EACnB;AAEA,WAAS,wBAAwB;AAC/B,QAAI,iBAAkB;AACtB,uBAAmB,IAAI,iBAAiB,CAAC,cAAc;AACrD,UAAI,CAAC,QAAS;AACd,iBAAW,YAAY,WAAW;AAChC,mBAAW,QAAQ,SAAS,YAAY;AACtC,cAAI,EAAE,gBAAgB,aAAc;AACpC,cAAI,KAAK,QAAQ,iBAAiB,EAAG;AAErC,gBAAM,WAAW,iBAAiB,IAAI;AACtC,cAAI,SAAS,mBAAmB,SAAS,oBAAoB,QAAQ;AACnE,6BAAiB,IAAI,MAAM,KAAK,MAAM,eAAe;AACrD,iBAAK,MAAM,YAAY,oBAAoB,QAAQ,WAAW;AAAA,UAChE;AAEA,eAAK,iBAA8B,GAAG,EAAE,QAAQ,CAAC,UAAU;AACzD,gBAAI,MAAM,QAAQ,iBAAiB,EAAG;AACtC,kBAAM,KAAK,iBAAiB,KAAK;AACjC,gBAAI,GAAG,mBAAmB,GAAG,oBAAoB,QAAQ;AACvD,+BAAiB,IAAI,OAAO,MAAM,MAAM,eAAe;AACvD,oBAAM,MAAM,YAAY,oBAAoB,QAAQ,WAAW;AAAA,YACjE;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC;AACD,qBAAiB,QAAQ,SAAS,MAAM,EAAE,WAAW,MAAM,SAAS,MAAM;AAAA,EAC5E;AAEA,WAAS,WAAW;AAClB,cAAU;AACV,QAAI,UAAU,SAAS,eAAe,QAAQ;AAC9C,QAAI,CAAC,SAAS;AACZ,gBAAU,SAAS,cAAc,OAAO;AACxC,cAAQ,KAAK;AACb,eAAS,KAAK,YAAY,OAAO;AAAA,IACnC;AACA,YAAQ,cAAc;AACtB,yBAAA;AACA,0BAAA;AAAA,EACF;AAEA,WAAS,aAAa;AACpB,cAAU;AACV,sBAAkB,WAAA;AAClB,uBAAmB;AACnB,4BAAA;AACA,aAAS,eAAe,QAAQ,GAAG,OAAA;AAAA,EACrC;AAEA,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,OAAqB,EAAE,IAAI,eAAe,QAAA;AAAA,EAAQ;AAEhE;"}

package/dist/{index-CsJDqdBW.js → index-D8e7_na0.js}

@@ -6310,16 +6310,16 @@ function FeatureGrid($$anchor, $$props) {
   const FEATURE_LOADERS = {
     contrast: () => import("./contrast-CqsICAkU.js"),
     "text-size": () => import("./text-size-C6OFhCGi.js"),
-    "keyboard-nav": () => import("./keyboard-nav-CkAYxUc1.js"),
+    "keyboard-nav": () => import("./keyboard-nav-kiIcwX2D.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-DXebPS8D.js"),
-    "hide-images": () => import("./hide-images-DJwmsV2C.js"),
+    "animation-stop": () => import("./animation-stop-CA4Sz28J.js"),
+    "hide-images": () => import("./hide-images-B_LeCBcd.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-yWkBKmwo.js"),
+    "page-structure": () => import("./page-structure-CqY3jueN.js"),
     tts: () => import("./tts-CjszLRnb.js"),
-    "text-simplify": () => import("./text-simplify-C9gzE3t0.js"),
+    "text-simplify": () => import("./text-simplify-B1v6Muvn.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
   };
   let contrastMode = /* @__PURE__ */ state(proxy(readStoredContrastMode()));
@@ -7567,7 +7567,8 @@ async function fetchServerAltTexts(siteKey, proxyUrl, lang) {
     const base = proxyUrl || DEFAULT_API_BASE;
     const pageUrl = window.location.origin + window.location.pathname;
     const res = await fetch(`${base}/v1/manifest?siteKey=${encodeURIComponent(siteKey)}&url=${encodeURIComponent(pageUrl)}&feature=alt_text&variant=${encodeURIComponent(lang)}`, {
-      headers: { "Accept": "application/json" }
+      headers: { "Accept": "application/json" },
+      cache: "no-cache"
     });
     if (!res.ok) return map;
     const data = await res.json();
@@ -7647,6 +7648,7 @@ async function autoApplyCachedAltTexts(widgetConfig) {
     if (cached) {
       img.setAttribute("alt", cached);
       img.setAttribute("title", cached);
+      img.setAttribute("data-accessify-alt", "auto");
       applied++;
     }
   });
@@ -7662,6 +7664,7 @@ async function autoApplyCachedAltTexts(widgetConfig) {
           if (c) {
             img.setAttribute("alt", c);
             img.setAttribute("title", c);
+            img.setAttribute("data-accessify-alt", "auto");
           }
         }
       }
@@ -7960,6 +7963,15 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     });
     return missing;
   }
+  function scanAutoApplied() {
+    const images = document.querySelectorAll('img[data-accessify-alt="auto"]');
+    const applied = [];
+    images.forEach((img) => {
+      if (img.closest("#accessify-root")) return;
+      if (!processedImages.has(img)) applied.push(img);
+    });
+    return applied;
+  }
   function applyAltText(img, altText2) {
     img.setAttribute("alt", altText2);
     img.setAttribute("title", altText2);
@@ -8127,8 +8139,23 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     if (enabled) return;
     enabled = true;
     injectStyles();
-    missingAltImages = scanForMissingAlt();
-    missingAltImages.forEach((img) => img.classList.add(HIGHLIGHT_CLASS));
+    const alreadyApplied = scanAutoApplied();
+    for (const img of alreadyApplied) {
+      const alt = img.getAttribute("alt");
+      processedImages.set(img, { generatedAlt: alt });
+      missingAltImages.push(img);
+      img.classList.add(HIGHLIGHT_CLASS, "accessify-alt-done");
+      addInfoButton(img);
+      img.removeEventListener("mouseenter", onMouseEnter);
+      img.removeEventListener("mouseleave", onMouseLeave);
+      img.addEventListener("mouseenter", onMouseEnter);
+      img.addEventListener("mouseleave", onMouseLeave);
+    }
+    const missing = scanForMissingAlt();
+    for (const img of missing) {
+      missingAltImages.push(img);
+      img.classList.add(HIGHLIGHT_CLASS);
+    }
     updateBadge();
     generateAll();
     document.querySelectorAll("img").forEach((img) => {
@@ -8162,7 +8189,7 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
     missingAltImages = [];
     removeStyles();
   }
-  autoApplyCachedAltTexts().catch(() => {
+  autoApplyCachedAltTexts({ siteKey, proxyUrl, lang: initialLang }).catch(() => {
   });
   return {
     id: "alt-text",
@@ -8373,4 +8400,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-CsJDqdBW.js.map
+//# sourceMappingURL=index-D8e7_na0.js.map