accessify-widget 0.3.30 → 0.3.32

package/dist/accessify.mjs

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

package/dist/{animation-stop-C0MwseK0.js → animation-stop-_chC8bg1.js}

@@ -104,6 +104,8 @@ function createAnimationStopModule() {
     }
   }
   function forceHiddenElementsVisible() {
+    const viewH = window.innerHeight;
+    const margin = viewH * 1.5;
     const all = document.querySelectorAll("*");
     for (const el of all) {
       if (el.tagName === "SCRIPT" || el.tagName === "STYLE" || el.tagName === "NOSCRIPT" || el.tagName === "META" || el.tagName === "LINK") continue;
@@ -111,6 +113,9 @@ function createAnimationStopModule() {
       if (el.dataset.a11yOrigStyle) continue;
       const computed = window.getComputedStyle(el);
       if (computed.display === "none") continue;
+      const rect = el.getBoundingClientRect();
+      if (rect.top > viewH + margin) continue;
+      if (rect.bottom < -margin) continue;
       const inline = el.style;
       let needsFix = false;
       const originals = {};
@@ -397,4 +402,4 @@ function createAnimationStopModule() {
 export {
   createAnimationStopModule as default
 };
-//# sourceMappingURL=animation-stop-C0MwseK0.js.map
+//# sourceMappingURL=animation-stop-_chC8bg1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation-stop-_chC8bg1.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  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      // 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      // Immediately finish so element lands in end-state\n      try { anim.finish(); } 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    `;\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 finishAllAnimations() {\n    try {\n      const animations = document.getAnimations?.();\n      if (!animations) return;\n      for (const anim of animations) {\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-CKONwYZl.js → index-hf7U_NmB.js}

@@ -6641,16 +6641,16 @@ function FeatureGrid($$anchor, $$props) {
   const FEATURE_LOADERS = {
     contrast: () => import("./contrast-CqsICAkU.js"),
     "text-size": () => import("./text-size-m_mHNPWo.js"),
-    "keyboard-nav": () => import("./keyboard-nav-AaSGULdD.js"),
+    "keyboard-nav": () => import("./keyboard-nav-B6r-k8He.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-C0MwseK0.js"),
+    "animation-stop": () => import("./animation-stop-_chC8bg1.js"),
     "hide-images": () => import("./hide-images-B_LeCBcd.js"),
     "big-cursor": () => import("./big-cursor-B2UKu9dQ.js"),
-    "page-structure": () => import("./page-structure-C87dckum.js"),
+    "page-structure": () => import("./page-structure-B7Easdyx.js"),
     tts: () => import("./tts-CjszLRnb.js"),
-    "text-simplify": () => import("./text-simplify-BOHQsNR1.js"),
+    "text-simplify": () => import("./text-simplify-Cfykj7Ak.js"),
     "alt-text": () => Promise.resolve().then(() => altText)
   };
   let contrastMode = /* @__PURE__ */ state(proxy(readStoredContrastMode()));
@@ -8405,7 +8405,8 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
       if (!parent) return;
       let overflowAncestor = null;
       let el = parent;
-      while (el && el !== document.body) {
+      const MAX_LEVELS = 2;
+      for (let i = 0; i < MAX_LEVELS && el && el !== document.body; i++) {
         const cs = getComputedStyle(el);
         if (cs.overflow === "hidden" && cs.position !== "static") {
           overflowAncestor = el;
@@ -8415,6 +8416,11 @@ function createAltTextModule(aiService, initialLang = "de", serverConfig) {
       }
       if (overflowAncestor) {
         anchor = overflowAncestor;
+        const imgEl = target;
+        const containerRect = overflowAncestor.getBoundingClientRect();
+        const imgRect = imgEl.getBoundingClientRect();
+        badgeTop = `${Math.max(6, imgRect.top - containerRect.top + 6)}px`;
+        badgeLeft = `${Math.max(6, imgRect.left - containerRect.left + 6)}px`;
       } else {
         const parentPos = getComputedStyle(parent).position;
         if (parentPos === "static") parent.style.position = "relative";
@@ -8943,4 +8949,4 @@ export {
   init as i,
   t
 };
-//# sourceMappingURL=index-CKONwYZl.js.map
+//# sourceMappingURL=index-hf7U_NmB.js.map