accessify-widget 0.1.0

package/dist/animation-stop-DXebPS8D.js

@@ -0,0 +1,88 @@
+function createAnimationStopModule() {
+  let enabled = false;
+  const STYLE_ID = "accessify-animation-stop";
+  const STORAGE_KEY = "accessify-animation-stop";
+  let pausedVideos = [];
+  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;
+      }
+    `;
+  }
+  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 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() {
+    const styleEl = document.getElementById(STYLE_ID);
+    styleEl?.remove();
+  }
+  function activate() {
+    enabled = true;
+    injectStyles();
+    pauseAutoplayVideos();
+    localStorage.setItem(STORAGE_KEY, "true");
+  }
+  function deactivate() {
+    enabled = false;
+    removeStyles();
+    resumePausedVideos();
+    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-DXebPS8D.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation-stop-DXebPS8D.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  let pausedVideos: HTMLVideoElement[] = [];\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    `;\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 {\n        video.play();\n      } catch {\n        // Video may have been removed from DOM\n      }\n    });\n    pausedVideos = [];\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    const styleEl = document.getElementById(STYLE_ID);\n    styleEl?.remove();\n  }\n\n  function activate() {\n    enabled = true;\n    injectStyles();\n    pauseAutoplayVideos();\n    localStorage.setItem(STORAGE_KEY, 'true');\n  }\n\n  function deactivate() {\n    enabled = false;\n    removeStyles();\n    resumePausedVideos();\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":"AAEA,SAAwB,4BAA2C;AACjE,MAAI,UAAU;AACd,QAAM,WAAW;AACjB,QAAM,cAAc;AACpB,MAAI,eAAmC,CAAA;AAEvC,WAAS,YAAoB;AAC3B,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYT;AAEA,WAAS,sBAAsB;AAC7B,UAAM,SAAS,SAAS,iBAAmC,wBAAwB;AACnF,mBAAe,CAAA;AACf,WAAO,QAAQ,CAAC,UAAU;AACxB,UAAI,CAAC,MAAM,QAAQ;AACjB,cAAM,MAAA;AACN,qBAAa,KAAK,KAAK;AAAA,MACzB;AAAA,IACF,CAAC;AAAA,EACH;AAEA,WAAS,qBAAqB;AAC5B,iBAAa,QAAQ,CAAC,UAAU;AAC9B,UAAI;AACF,cAAM,KAAA;AAAA,MACR,QAAQ;AAAA,MAER;AAAA,IACF,CAAC;AACD,mBAAe,CAAA;AAAA,EACjB;AAEA,WAAS,eAAe;AACtB,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,UAAA;AAAA,EACxB;AAEA,WAAS,eAAe;AACtB,UAAM,UAAU,SAAS,eAAe,QAAQ;AAChD,aAAS,OAAA;AAAA,EACX;AAEA,WAAS,WAAW;AAClB,cAAU;AACV,iBAAA;AACA,wBAAA;AACA,iBAAa,QAAQ,aAAa,MAAM;AAAA,EAC1C;AAEA,WAAS,aAAa;AACpB,cAAU;AACV,iBAAA;AACA,uBAAA;AACA,iBAAa,WAAW,WAAW;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;AAAA,MAC7B,IAAI;AAAA,MACJ;AAAA,IAAA;AAAA,IAEF,UAAU,CAAC,UAAgC;AACzC,UAAI,MAAM,SAAS;AACjB,iBAAA;AAAA,MACF,OAAO;AACL,mBAAA;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAEJ;"}