data-anim 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Ryo Matsukawa
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,77 @@
+# data-anim
+
+[![npm version](https://img.shields.io/npm/v/data-anim.svg)](https://www.npmjs.com/package/data-anim)
+[![gzip size](https://img.shields.io/badge/gzip-<3KB-brightgreen.svg)](https://bundlephobia.com/package/data-anim)
+[![license](https://img.shields.io/npm/l/data-anim.svg)](LICENSE)
+
+Animate with just HTML. Powered by data attributes. Add scroll, load, click, and hover animations to any HTML element without writing a single line of JavaScript.
+
+## Quick Start
+
+```html
+<!-- 1. Add the script -->
+<script src="https://unpkg.com/data-anim/dist/data-anim.min.js"></script>
+
+<!-- 2. Add data-anim to any element -->
+<h1 data-anim="fadeInUp">Hello World</h1>
+
+<!-- 3. That's it! -->
+```
+
+## Features
+
+- 30+ built-in animations (fade, slide, zoom, bounce, rotate, attention, special)
+- 4 triggers: scroll, load, click, hover
+- Stagger support with directional control
+- Anti-FOUC protection (3-layer defense)
+- Responsive controls (disable/swap per device)
+- `prefers-reduced-motion` respected by default
+- Dynamic element support via MutationObserver
+- GPU-accelerated (transform + opacity only)
+- Under 3KB gzipped
+
+## Attribute Reference
+
+| Attribute | Values | Default | Description |
+|-----------|--------|---------|-------------|
+| `data-anim` | Animation name | — | Animation to play |
+| `data-anim-trigger` | scroll, load, click, hover | scroll | When to trigger |
+| `data-anim-duration` | ms value | 500ms | Animation duration |
+| `data-anim-delay` | ms value | 0 | Delay before animation |
+| `data-anim-easing` | ease, ease-out-expo, ease-out-back, spring | ease | Easing function |
+| `data-anim-offset` | 0-1 | 0.2 | IntersectionObserver threshold |
+| `data-anim-distance` | px value | 30px | Translation distance |
+| `data-anim-once` | (boolean) | false | Play only once |
+| `data-anim-mirror` | (boolean) | false | Reverse on scroll out |
+| `data-anim-fill` | CSS fill-mode | both | Animation fill mode |
+| `data-anim-iteration` | number | 1 | Iteration count |
+| `data-anim-stagger` | ms value | — | Delay between children |
+| `data-anim-stagger-from` | start, end, center, edges | start | Stagger direction |
+| `data-anim-disable` | mobile, tablet, desktop, px | — | Disable on device |
+| `data-anim-mobile` | Animation name | — | Swap animation on mobile |
+
+## Animations (30)
+
+**Fade:** fadeIn, fadeOut, fadeInUp, fadeInDown, fadeInLeft, fadeInRight
+**Slide:** slideInUp, slideInDown, slideInLeft, slideInRight
+**Zoom:** zoomIn, zoomOut, zoomInUp, zoomInDown
+**Bounce:** bounce, bounceIn, bounceInUp, bounceInDown
+**Attention:** shake, pulse, wobble, flip, swing, rubberBand
+**Rotate:** rotateIn, rotateInDownLeft, rotateInDownRight
+**Special:** blur, clipReveal, typewriter
+
+## Comparison
+
+| Feature | data-anim | AOS | animate.css |
+|---------|-----------|-----|-------------|
+| No JS to write | Yes | No | No |
+| Bundle size | <3KB | 14KB | 80KB |
+| Scroll trigger | Yes | Yes | No |
+| Click/Hover trigger | Yes | No | Manual |
+| Stagger | Yes | Manual | No |
+| Anti-FOUC | Yes | Yes | No |
+| MutationObserver | Yes | No | No |
+
+## License
+
+[MIT](LICENSE)

package/dist/data-anim.d.ts

@@ -0,0 +1 @@
+export { }

package/dist/data-anim.esm.js

@@ -0,0 +1,308 @@
+var l = "--da-distance,30px", m = "opacity:0", y = "to{opacity:1;transform:none}", T = [
+  {
+    name: "fadeIn",
+    keyframes: "@keyframes da-fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}",
+    initialStyle: m
+  },
+  {
+    name: "fadeOut",
+    keyframes: "@keyframes da-fadeOut{from{opacity:1}to{opacity:0}}"
+  },
+  {
+    name: "fadeInUp",
+    keyframes: `@keyframes da-fadeInUp{from{opacity:0;transform:translateY(var(${l}))}${y}}`,
+    initialStyle: m,
+    supportsDistance: !0
+  },
+  {
+    name: "fadeInDown",
+    keyframes: `@keyframes da-fadeInDown{from{opacity:0;transform:translateY(calc(var(${l})*-1))}${y}}`,
+    initialStyle: m,
+    supportsDistance: !0
+  },
+  {
+    name: "fadeInLeft",
+    keyframes: `@keyframes da-fadeInLeft{from{opacity:0;transform:translateX(calc(var(${l})*-1))}${y}}`,
+    initialStyle: m,
+    supportsDistance: !0
+  },
+  {
+    name: "fadeInRight",
+    keyframes: `@keyframes da-fadeInRight{from{opacity:0;transform:translateX(var(${l}))}${y}}`,
+    initialStyle: m,
+    supportsDistance: !0
+  }
+], u = "opacity:0", p = "to{opacity:1;transform:none}", C = [
+  {
+    name: "slideInUp",
+    keyframes: `@keyframes da-slideInUp{from{opacity:0;transform:translateY(100%)}${p}}`,
+    initialStyle: u
+  },
+  {
+    name: "slideInDown",
+    keyframes: `@keyframes da-slideInDown{from{opacity:0;transform:translateY(-100%)}${p}}`,
+    initialStyle: u
+  },
+  {
+    name: "slideInLeft",
+    keyframes: `@keyframes da-slideInLeft{from{opacity:0;transform:translateX(-100%)}${p}}`,
+    initialStyle: u
+  },
+  {
+    name: "slideInRight",
+    keyframes: `@keyframes da-slideInRight{from{opacity:0;transform:translateX(100%)}${p}}`,
+    initialStyle: u
+  }
+], w = "--da-distance,30px", b = "opacity:0", g = "to{opacity:1;transform:none}", M = [
+  {
+    name: "zoomIn",
+    keyframes: `@keyframes da-zoomIn{from{opacity:0;transform:scale(.5)}${g}}`,
+    initialStyle: b,
+    supportsScale: !0
+  },
+  {
+    name: "zoomOut",
+    keyframes: `@keyframes da-zoomOut{from{opacity:0;transform:scale(1.5)}${g}}`,
+    initialStyle: b,
+    supportsScale: !0
+  },
+  {
+    name: "zoomInUp",
+    keyframes: `@keyframes da-zoomInUp{from{opacity:0;transform:scale(.9) translateY(var(${w}))}${g}}`,
+    initialStyle: b,
+    supportsDistance: !0,
+    supportsScale: !0
+  },
+  {
+    name: "zoomInDown",
+    keyframes: `@keyframes da-zoomInDown{from{opacity:0;transform:scale(.9) translateY(calc(var(${w})*-1))}${g}}`,
+    initialStyle: b,
+    supportsDistance: !0,
+    supportsScale: !0
+  }
+], k = "opacity:0", R = "to{opacity:1;transform:none}", U = [
+  {
+    name: "bounce",
+    keyframes: "@keyframes da-bounce{0%,20%,53%,to{transform:none}40%{transform:translateY(-20px)}70%{transform:translateY(-10px)}}"
+  },
+  {
+    name: "bounceIn",
+    keyframes: `@keyframes da-bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}${R}}`,
+    initialStyle: k
+  },
+  {
+    name: "bounceInUp",
+    keyframes: "@keyframes da-bounceInUp{0%{opacity:0;transform:translateY(50px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{transform:none}}",
+    initialStyle: k
+  },
+  {
+    name: "bounceInDown",
+    keyframes: "@keyframes da-bounceInDown{0%{opacity:0;transform:translateY(-50px)}60%{opacity:1;transform:translateY(10px)}80%{transform:translateY(-5px)}to{transform:none}}",
+    initialStyle: k
+  }
+], X = [
+  {
+    name: "shake",
+    keyframes: "@keyframes da-shake{0%,to{transform:none}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}"
+  },
+  {
+    name: "pulse",
+    keyframes: "@keyframes da-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}"
+  },
+  {
+    name: "wobble",
+    keyframes: "@keyframes da-wobble{0%,to{transform:none}15%{transform:translateX(-15px) rotate(-5deg)}30%{transform:translateX(10px) rotate(3deg)}45%{transform:translateX(-5px) rotate(-2deg)}}"
+  },
+  {
+    name: "flip",
+    keyframes: "@keyframes da-flip{from{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}"
+  },
+  {
+    name: "swing",
+    keyframes: "@keyframes da-swing{0%,to{transform:none}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}"
+  },
+  {
+    name: "rubberBand",
+    keyframes: "@keyframes da-rubberBand{0%,to{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}"
+  }
+], h = "opacity:0", v = "to{opacity:1;transform:none}", W = [
+  {
+    name: "rotateIn",
+    keyframes: `@keyframes da-rotateIn{from{opacity:0;transform:rotate(-200deg)}${v}}`,
+    initialStyle: h
+  },
+  {
+    name: "rotateInDownLeft",
+    keyframes: `@keyframes da-rotateInDownLeft{from{opacity:0;transform:rotate(-90deg)}${v}}`,
+    initialStyle: h + ";transform-origin:left bottom"
+  },
+  {
+    name: "rotateInDownRight",
+    keyframes: `@keyframes da-rotateInDownRight{from{opacity:0;transform:rotate(90deg)}${v}}`,
+    initialStyle: h + ";transform-origin:right bottom"
+  }
+], q = "opacity:0", _ = [
+  {
+    name: "blur",
+    keyframes: "@keyframes da-blur{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}",
+    initialStyle: q + ";filter:blur(10px)"
+  },
+  {
+    name: "clipReveal",
+    keyframes: "@keyframes da-clipReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}",
+    initialStyle: "clip-path:inset(0 100% 0 0)"
+  },
+  {
+    name: "typewriter",
+    keyframes: "@keyframes da-typewriter{from{max-width:0}to{max-width:100%}}",
+    initialStyle: "max-width:0;overflow:hidden;white-space:nowrap"
+  }
+], O = [
+  ...T,
+  ...C,
+  ...M,
+  ...U,
+  ...X,
+  ...W,
+  ..._
+], A = /* @__PURE__ */ new Map();
+O.forEach((t) => A.set(t.name, t));
+function j() {
+  return O.map((t) => t.keyframes).join("");
+}
+var $ = {
+  offset: 0.2,
+  duration: 1600,
+  easing: "cubic-bezier(0.25,0.1,0.25,1)"
+}, B = {
+  ease: $.easing,
+  "ease-out-expo": "cubic-bezier(0.16,1,0.3,1)",
+  "ease-out-back": "cubic-bezier(0.34,1.56,0.64,1)",
+  spring: "cubic-bezier(0.175,0.885,0.32,1.275)"
+}, x = {
+  mobile: 768,
+  tablet: 1024
+}, D, Y = () => {
+  const t = window.innerWidth;
+  return t < x.mobile ? "mobile" : t < x.tablet ? "tablet" : "desktop";
+}, S = (t) => {
+  const a = t.getAttribute("data-anim-disable");
+  if (!a) return !1;
+  if (a === Y()) return !0;
+  const e = parseInt(a);
+  return !isNaN(e) && window.innerWidth < e;
+}, N = (t) => Y() === "mobile" ? t.getAttribute("data-anim-mobile") : null, F = (t) => {
+  window.addEventListener("resize", () => {
+    clearTimeout(D), D = setTimeout(t, 250);
+  });
+}, E = (t) => /^\d+$/.test(t) ? t + "ms" : t;
+function s(t, a = !1) {
+  if (S(t)) {
+    t.style.opacity = "1";
+    return;
+  }
+  const e = N(t) || t.getAttribute("data-anim") || "";
+  if (!A.has(e)) return;
+  const n = t.getAttribute("data-anim-distance");
+  n && t.style.setProperty("--da-distance", n);
+  const r = t.getAttribute("data-anim-easing") || "ease", o = E(t.getAttribute("data-anim-duration") || "" + $.duration), i = a ? "none" : t.getAttribute("data-anim-fill") || "both", d = a ? "-100ms" : E(t.getAttribute("data-anim-delay") || "0");
+  t.style.animation = `da-${e} ${o} ${B[r] || r} ${d} ${t.getAttribute("data-anim-iteration") || "1"} ${i}`;
+}
+function f(t, a = !1) {
+  if (t.style.animation = "none", a) {
+    t.offsetWidth;
+    return;
+  }
+  A.get(t.getAttribute("data-anim") || "")?.initialStyle?.split(";").forEach((e) => {
+    const [n, r] = e.split(":");
+    n && r && t.style.setProperty(n.trim(), r.trim());
+  });
+}
+function K(t) {
+  const a = parseFloat(t.getAttribute("data-anim-offset") || "") || $.offset, e = t.hasAttribute("data-anim-once"), n = t.hasAttribute("data-anim-mirror"), r = new IntersectionObserver((o) => {
+    o.forEach((i) => {
+      i.isIntersecting ? (s(t), e && r.unobserve(t)) : n && t._daInit && f(t);
+    }), t._daInit = !0;
+  }, { threshold: a });
+  t._daObs = r, r.observe(t);
+}
+function P(t) {
+  const a = t.getAttribute("data-anim-trigger") || "scroll";
+  if (a === "load") document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => s(t), { once: !0 }) : s(t);
+  else if (a === "click") t.addEventListener("click", () => {
+    t.style.animation = "none", t.offsetWidth, s(t);
+  });
+  else if (a === "hover") {
+    let e = !1;
+    t.addEventListener("mouseenter", () => {
+      e || (e = !0, t.style.animation = "none", t.offsetWidth, s(t, !0), t.addEventListener("animationend", () => {
+        e = !1, t.matches(":hover") || f(t, !0);
+      }, { once: !0 }));
+    }), t.addEventListener("mouseleave", () => {
+      e || f(t, !0);
+    }), t.addEventListener("focus", () => {
+      t.matches(":focus-visible") && !e && (e = !0, t.style.animation = "none", t.offsetWidth, s(t, !0), t.addEventListener("animationend", () => {
+        e = !1, t.matches(":focus-visible") || f(t, !0);
+      }, { once: !0 }));
+    }), t.addEventListener("blur", () => {
+      e || f(t, !0);
+    });
+  } else K(t);
+}
+function H(t) {
+  const a = t.getAttribute("data-anim-stagger");
+  if (!a) return;
+  const e = parseInt(a) || 100, n = t.getAttribute("data-anim-stagger-from") || "start", r = Array.from(t.querySelectorAll("[data-anim]")), o = r.length, i = (o - 1) / 2;
+  r.forEach((d, c) => {
+    const z = n === "end" ? o - 1 - c : n === "center" ? Math.abs(c - i) : n === "edges" ? i - Math.abs(c - i) : c;
+    d.style.animationDelay = `${(parseInt(d.getAttribute("data-anim-delay") || "0") || 0) + z * e}ms`;
+  });
+}
+function G() {
+  new MutationObserver((t) => t.forEach((a) => a.addedNodes.forEach((e) => {
+    if (e.nodeType !== 1) return;
+    const n = e;
+    n.hasAttribute("data-anim") && I(n), n.querySelectorAll?.("[data-anim]").forEach((r) => I(r));
+  }))).observe(document.body, {
+    childList: !0,
+    subtree: !0
+  });
+}
+function J() {
+  const t = document.createElement("style");
+  t.textContent = '[data-anim]:not([data-anim-trigger="hover"]):not([data-anim-trigger="click"]){opacity:0;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){[data-anim]{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}}', (document.head || document.documentElement).appendChild(t);
+}
+var L = !1;
+function Q() {
+  if (L) return;
+  L = !0;
+  const t = document.createElement("style");
+  t.textContent = j(), document.head.appendChild(t);
+}
+function I(t) {
+  const a = t;
+  if (!a._daInit) {
+    if (a._daInit = !0, S(t)) {
+      t.style.opacity = "1";
+      return;
+    }
+    t.hasAttribute("data-anim-stagger") && H(t), (t.getAttribute("data-anim-trigger") || "scroll") === "scroll" && t.getBoundingClientRect().top < window.innerHeight && !t.getAttribute("data-anim-duration") && t.setAttribute("data-anim-duration", "800"), P(a);
+  }
+}
+function V() {
+  Q();
+  const t = document.createElement("div");
+  t.innerHTML = "<noscript><style>[data-anim]{opacity:1!important;transform:none!important}</style></noscript>", document.head.appendChild(t.firstChild);
+  const a = () => {
+    document.querySelectorAll("[data-anim]").forEach(I), G(), setTimeout(() => document.querySelectorAll("[data-anim]").forEach((e) => {
+      getComputedStyle(e).opacity === "0" && (e.style.opacity = "1", e.style.transform = "none");
+    }), 5e3), F(() => document.querySelectorAll("[data-anim]").forEach((e) => {
+      S(e) && (e.style.opacity = "1", e.style.animation = "none");
+    }));
+  };
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", a, { once: !0 }) : a();
+}
+J();
+V();
+
+//# sourceMappingURL=data-anim.esm.js.map

package/dist/data-anim.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-anim.esm.js","names":[],"sources":["../src/animations/fade.ts","../src/animations/slide.ts","../src/animations/zoom.ts","../src/animations/bounce.ts","../src/animations/attention.ts","../src/animations/rotate.ts","../src/animations/special.ts","../src/animations/index.ts","../src/core/config.ts","../src/core/responsive.ts","../src/core/observer.ts","../src/core/triggers.ts","../src/core/stagger.ts","../src/core/mutation.ts","../src/core/init.ts","../src/index.ts"],"sourcesContent":["import type { AnimationDef } from '../types';\nconst D = '--da-distance,30px',\n  O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const fadeAnimations: AnimationDef[] = [\n  {\n    name: 'fadeIn',\n    keyframes: `@keyframes da-fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'fadeOut',\n    keyframes: `@keyframes da-fadeOut{from{opacity:1}to{opacity:0}}`,\n  },\n  {\n    name: 'fadeInUp',\n    keyframes: `@keyframes da-fadeInUp{from{opacity:0;transform:translateY(var(${D}))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n  {\n    name: 'fadeInDown',\n    keyframes: `@keyframes da-fadeInDown{from{opacity:0;transform:translateY(calc(var(${D})*-1))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n  {\n    name: 'fadeInLeft',\n    keyframes: `@keyframes da-fadeInLeft{from{opacity:0;transform:translateX(calc(var(${D})*-1))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n  {\n    name: 'fadeInRight',\n    keyframes: `@keyframes da-fadeInRight{from{opacity:0;transform:translateX(var(${D}))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const slideAnimations: AnimationDef[] = [\n  {\n    name: 'slideInUp',\n    keyframes: `@keyframes da-slideInUp{from{opacity:0;transform:translateY(100%)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'slideInDown',\n    keyframes: `@keyframes da-slideInDown{from{opacity:0;transform:translateY(-100%)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'slideInLeft',\n    keyframes: `@keyframes da-slideInLeft{from{opacity:0;transform:translateX(-100%)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'slideInRight',\n    keyframes: `@keyframes da-slideInRight{from{opacity:0;transform:translateX(100%)}${T}}`,\n    initialStyle: O,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst D = '--da-distance,30px',\n  O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const zoomAnimations: AnimationDef[] = [\n  {\n    name: 'zoomIn',\n    keyframes: `@keyframes da-zoomIn{from{opacity:0;transform:scale(.5)}${T}}`,\n    initialStyle: O,\n    supportsScale: true,\n  },\n  {\n    name: 'zoomOut',\n    keyframes: `@keyframes da-zoomOut{from{opacity:0;transform:scale(1.5)}${T}}`,\n    initialStyle: O,\n    supportsScale: true,\n  },\n  {\n    name: 'zoomInUp',\n    keyframes: `@keyframes da-zoomInUp{from{opacity:0;transform:scale(.9) translateY(var(${D}))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n    supportsScale: true,\n  },\n  {\n    name: 'zoomInDown',\n    keyframes: `@keyframes da-zoomInDown{from{opacity:0;transform:scale(.9) translateY(calc(var(${D})*-1))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n    supportsScale: true,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const bounceAnimations: AnimationDef[] = [\n  {\n    name: 'bounce',\n    keyframes: `@keyframes da-bounce{0%,20%,53%,to{transform:none}40%{transform:translateY(-20px)}70%{transform:translateY(-10px)}}`,\n  },\n  {\n    name: 'bounceIn',\n    keyframes: `@keyframes da-bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'bounceInUp',\n    keyframes: `@keyframes da-bounceInUp{0%{opacity:0;transform:translateY(50px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{transform:none}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'bounceInDown',\n    keyframes: `@keyframes da-bounceInDown{0%{opacity:0;transform:translateY(-50px)}60%{opacity:1;transform:translateY(10px)}80%{transform:translateY(-5px)}to{transform:none}}`,\n    initialStyle: O,\n  },\n];\n","import type { AnimationDef } from '../types';\nexport const attentionAnimations: AnimationDef[] = [\n  {\n    name: 'shake',\n    keyframes: `@keyframes da-shake{0%,to{transform:none}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}`,\n  },\n  {\n    name: 'pulse',\n    keyframes: `@keyframes da-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}`,\n  },\n  {\n    name: 'wobble',\n    keyframes: `@keyframes da-wobble{0%,to{transform:none}15%{transform:translateX(-15px) rotate(-5deg)}30%{transform:translateX(10px) rotate(3deg)}45%{transform:translateX(-5px) rotate(-2deg)}}`,\n  },\n  {\n    name: 'flip',\n    keyframes: `@keyframes da-flip{from{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}`,\n  },\n  {\n    name: 'swing',\n    keyframes: `@keyframes da-swing{0%,to{transform:none}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}`,\n  },\n  {\n    name: 'rubberBand',\n    keyframes: `@keyframes da-rubberBand{0%,to{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}`,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const rotateAnimations: AnimationDef[] = [\n  {\n    name: 'rotateIn',\n    keyframes: `@keyframes da-rotateIn{from{opacity:0;transform:rotate(-200deg)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'rotateInDownLeft',\n    keyframes: `@keyframes da-rotateInDownLeft{from{opacity:0;transform:rotate(-90deg)}${T}}`,\n    initialStyle: O + ';transform-origin:left bottom',\n  },\n  {\n    name: 'rotateInDownRight',\n    keyframes: `@keyframes da-rotateInDownRight{from{opacity:0;transform:rotate(90deg)}${T}}`,\n    initialStyle: O + ';transform-origin:right bottom',\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0';\nexport const specialAnimations: AnimationDef[] = [\n  {\n    name: 'blur',\n    keyframes: `@keyframes da-blur{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}`,\n    initialStyle: O + ';filter:blur(10px)',\n  },\n  {\n    name: 'clipReveal',\n    keyframes: `@keyframes da-clipReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}`,\n    initialStyle: 'clip-path:inset(0 100% 0 0)',\n  },\n  {\n    name: 'typewriter',\n    keyframes: `@keyframes da-typewriter{from{max-width:0}to{max-width:100%}}`,\n    initialStyle: 'max-width:0;overflow:hidden;white-space:nowrap',\n  },\n];\n","import type { AnimationDef } from '../types';\nimport { fadeAnimations } from './fade';\nimport { slideAnimations } from './slide';\nimport { zoomAnimations } from './zoom';\nimport { bounceAnimations } from './bounce';\nimport { attentionAnimations } from './attention';\nimport { rotateAnimations } from './rotate';\nimport { specialAnimations } from './special';\n\nexport const allAnimations: AnimationDef[] = [\n  ...fadeAnimations,\n  ...slideAnimations,\n  ...zoomAnimations,\n  ...bounceAnimations,\n  ...attentionAnimations,\n  ...rotateAnimations,\n  ...specialAnimations,\n];\n\nexport const animationMap = new Map<string, AnimationDef>();\nallAnimations.forEach((a) => animationMap.set(a.name, a));\n\nexport function getKeyframesCSS(): string {\n  return allAnimations.map((a) => a.keyframes).join('');\n}\n","export const DEFAULTS = {\n  offset: 0.2,\n  duration: 1600,\n  easing: 'cubic-bezier(0.25,0.1,0.25,1)',\n} as const;\n\nexport const easings: Record<string, string> = {\n  ease: DEFAULTS.easing,\n  'ease-out-expo': 'cubic-bezier(0.16,1,0.3,1)',\n  'ease-out-back': 'cubic-bezier(0.34,1.56,0.64,1)',\n  spring: 'cubic-bezier(0.175,0.885,0.32,1.275)',\n};\n\nexport const breakpoints = { mobile: 768, tablet: 1024 };\n","import { breakpoints } from './config';\n\nlet dt: ReturnType<typeof setTimeout>;\n\nexport const getDevice = (): string => {\n  const w = window.innerWidth;\n  return w < breakpoints.mobile ? 'mobile' : w < breakpoints.tablet ? 'tablet' : 'desktop';\n};\n\nexport const isDisabled = (el: HTMLElement): boolean => {\n  const d = el.getAttribute('data-anim-disable');\n  if (!d) return false;\n  if (d === getDevice()) return true;\n  const p = parseInt(d);\n  return !isNaN(p) && window.innerWidth < p;\n};\n\nexport const getMobileAnim = (el: HTMLElement): string | null =>\n  getDevice() === 'mobile' ? el.getAttribute('data-anim-mobile') : null;\n\nexport const onResize = (cb: () => void): void => {\n  window.addEventListener('resize', () => {\n    clearTimeout(dt);\n    dt = setTimeout(cb, 250);\n  });\n};\n","import { DEFAULTS, easings } from './config';\nimport { animationMap } from '../animations/index';\nimport { isDisabled, getMobileAnim } from './responsive';\nimport type { DataAnimElement } from '../types';\n\nconst ms = (v: string) => (/^\\d+$/.test(v) ? v + 'ms' : v);\n\nexport function playAnimation(el: DataAnimElement, isHover = false): void {\n  if (isDisabled(el)) {\n    el.style.opacity = '1';\n    return;\n  }\n  const n = getMobileAnim(el) || el.getAttribute('data-anim') || '';\n  if (!animationMap.has(n)) return;\n  const dist = el.getAttribute('data-anim-distance');\n  if (dist) el.style.setProperty('--da-distance', dist);\n  const e = el.getAttribute('data-anim-easing') || 'ease';\n  const dur = ms(el.getAttribute('data-anim-duration') || '' + DEFAULTS.duration);\n  // For hover: use fill:none (don't apply from-state) + negative delay to skip initial opacity:0 frame\n  const fill = isHover ? 'none' : el.getAttribute('data-anim-fill') || 'both';\n  const delay = isHover ? '-100ms' : ms(el.getAttribute('data-anim-delay') || '0');\n  el.style.animation = `da-${n} ${dur} ${easings[e] || e} ${delay} ${el.getAttribute('data-anim-iteration') || '1'} ${fill}`;\n}\n\nexport function resetAnimation(el: DataAnimElement, forHover = false): void {\n  el.style.animation = 'none';\n  if (forHover) {\n    // For hover: just clear animation so it can replay on next hover\n    // Don't apply initial hidden styles — hover elements stay visible\n    void el.offsetWidth; // force reflow\n    return;\n  }\n  const s = animationMap.get(el.getAttribute('data-anim') || '');\n  s?.initialStyle?.split(';').forEach((r) => {\n    const [p, v] = r.split(':');\n    if (p && v) el.style.setProperty(p.trim(), v.trim());\n  });\n}\n\nexport function createObserver(el: DataAnimElement): void {\n  const th = parseFloat(el.getAttribute('data-anim-offset') || '') || DEFAULTS.offset;\n  const once = el.hasAttribute('data-anim-once'),\n    mirror = el.hasAttribute('data-anim-mirror');\n  const o = new IntersectionObserver(\n    (es) => {\n      es.forEach((e) => {\n        if (e.isIntersecting) {\n          playAnimation(el);\n          if (once) o.unobserve(el);\n        } else if (mirror && el._daInit) resetAnimation(el);\n      });\n      el._daInit = true;\n    },\n    { threshold: th },\n  );\n  el._daObs = o;\n  o.observe(el);\n}\n","import { createObserver, playAnimation, resetAnimation } from './observer';\nimport type { DataAnimElement } from '../types';\n\nexport function setupTrigger(el: DataAnimElement): void {\n  const t = el.getAttribute('data-anim-trigger') || 'scroll';\n  if (t === 'load') {\n    if (document.readyState === 'loading')\n      document.addEventListener('DOMContentLoaded', () => playAnimation(el), {\n        once: true,\n      });\n    else playAnimation(el);\n  } else if (t === 'click') {\n    el.addEventListener('click', () => {\n      el.style.animation = 'none';\n      void el.offsetWidth;\n      playAnimation(el);\n    });\n  } else if (t === 'hover') {\n    let animating = false;\n    el.addEventListener('mouseenter', () => {\n      if (animating) return;\n      animating = true;\n      el.style.animation = 'none';\n      void el.offsetWidth;\n      playAnimation(el, true);\n      el.addEventListener(\n        'animationend',\n        () => {\n          animating = false;\n          if (!el.matches(':hover')) resetAnimation(el, true);\n        },\n        { once: true },\n      );\n    });\n    el.addEventListener('mouseleave', () => {\n      if (!animating) resetAnimation(el, true);\n    });\n    el.addEventListener('focus', () => {\n      if (el.matches(':focus-visible') && !animating) {\n        animating = true;\n        el.style.animation = 'none';\n        void el.offsetWidth;\n        playAnimation(el, true);\n        el.addEventListener(\n          'animationend',\n          () => {\n            animating = false;\n            if (!el.matches(':focus-visible')) resetAnimation(el, true);\n          },\n          { once: true },\n        );\n      }\n    });\n    el.addEventListener('blur', () => {\n      if (!animating) resetAnimation(el, true);\n    });\n  } else {\n    createObserver(el);\n  }\n}\n","export function applyStagger(el: HTMLElement): void {\n  const v = el.getAttribute('data-anim-stagger');\n  if (!v) return;\n  const delay = parseInt(v) || 100,\n    from = el.getAttribute('data-anim-stagger-from') || 'start';\n  const ch = Array.from(el.querySelectorAll<HTMLElement>('[data-anim]')),\n    n = ch.length,\n    mid = (n - 1) / 2;\n  ch.forEach((c, i) => {\n    const idx =\n      from === 'end'\n        ? n - 1 - i\n        : from === 'center'\n          ? Math.abs(i - mid)\n          : from === 'edges'\n            ? mid - Math.abs(i - mid)\n            : i;\n    c.style.animationDelay = `${(parseInt(c.getAttribute('data-anim-delay') || '0') || 0) + idx * delay}ms`;\n  });\n}\n","import { initElement } from './init';\n\nexport function startMutationObserver(): void {\n  new MutationObserver((ms) =>\n    ms.forEach((m) =>\n      m.addedNodes.forEach((nd) => {\n        if (nd.nodeType !== 1) return;\n        const e = nd as HTMLElement;\n        if (e.hasAttribute('data-anim')) initElement(e);\n        e.querySelectorAll?.('[data-anim]').forEach((c) => initElement(c as HTMLElement));\n      }),\n    ),\n  ).observe(document.body, { childList: true, subtree: true });\n}\n","import { getKeyframesCSS } from '../animations/index';\nimport { setupTrigger } from './triggers';\nimport { applyStagger } from './stagger';\nimport { isDisabled, onResize } from './responsive';\nimport { startMutationObserver } from './mutation';\nimport type { DataAnimElement } from '../types';\n\n// Layer 1: Anti-FOUC\nexport function injectAntifouc(): void {\n  const s = document.createElement('style');\n  s.textContent =\n    '[data-anim]:not([data-anim-trigger=\"hover\"]):not([data-anim-trigger=\"click\"]){opacity:0;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){[data-anim]{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}}';\n  (document.head || document.documentElement).appendChild(s);\n}\n\nlet injected = false;\nfunction injectKeyframes(): void {\n  if (injected) return;\n  injected = true;\n  const s = document.createElement('style');\n  s.textContent = getKeyframesCSS();\n  document.head.appendChild(s);\n}\n\nexport function initElement(el: HTMLElement): void {\n  const d = el as DataAnimElement;\n  if (d._daInit) return;\n  d._daInit = true;\n  if (isDisabled(el)) {\n    el.style.opacity = '1';\n    return;\n  }\n  if (el.hasAttribute('data-anim-stagger')) applyStagger(el);\n  // Above-fold fast reveal\n  if (\n    (el.getAttribute('data-anim-trigger') || 'scroll') === 'scroll' &&\n    el.getBoundingClientRect().top < window.innerHeight &&\n    !el.getAttribute('data-anim-duration')\n  )\n    el.setAttribute('data-anim-duration', '800');\n  setupTrigger(d);\n}\n\nexport function init(): void {\n  injectKeyframes();\n  // Layer 2: noscript fallback (must use innerHTML — dynamic createElement makes noscript content active)\n  const ns = document.createElement('div');\n  ns.innerHTML =\n    '<noscript><style>[data-anim]{opacity:1!important;transform:none!important}</style></noscript>';\n  document.head.appendChild(ns.firstChild!);\n\n  const run = () => {\n    document.querySelectorAll<HTMLElement>('[data-anim]').forEach(initElement);\n    startMutationObserver();\n    // Layer 3: fallback timeout\n    setTimeout(\n      () =>\n        document.querySelectorAll<HTMLElement>('[data-anim]').forEach((el) => {\n          if (getComputedStyle(el).opacity === '0') {\n            el.style.opacity = '1';\n            el.style.transform = 'none';\n          }\n        }),\n      5e3,\n    );\n    // Resize handler\n    onResize(() =>\n      document.querySelectorAll<HTMLElement>('[data-anim]').forEach((el) => {\n        if (isDisabled(el)) {\n          el.style.opacity = '1';\n          el.style.animation = 'none';\n        }\n      }),\n    );\n  };\n\n  if (document.readyState === 'loading')\n    document.addEventListener('DOMContentLoaded', run, { once: true });\n  else run();\n}\n","import { injectAntifouc, init } from './core/init';\n\n// Layer 1: Inject anti-FOUC styles immediately (before DOM ready)\ninjectAntifouc();\n\n// Initialize when ready\ninit();\n"],"mappings":"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"}

package/dist/data-anim.js

@@ -0,0 +1,3 @@
+(function(i){typeof define=="function"&&define.amd?define([],i):i()})(function(){var i="--da-distance,30px",f="opacity:0",c="to{opacity:1;transform:none}",z=[{name:"fadeIn",keyframes:"@keyframes da-fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}",initialStyle:f},{name:"fadeOut",keyframes:"@keyframes da-fadeOut{from{opacity:1}to{opacity:0}}"},{name:"fadeInUp",keyframes:`@keyframes da-fadeInUp{from{opacity:0;transform:translateY(var(${i}))}${c}}`,initialStyle:f,supportsDistance:!0},{name:"fadeInDown",keyframes:`@keyframes da-fadeInDown{from{opacity:0;transform:translateY(calc(var(${i})*-1))}${c}}`,initialStyle:f,supportsDistance:!0},{name:"fadeInLeft",keyframes:`@keyframes da-fadeInLeft{from{opacity:0;transform:translateX(calc(var(${i})*-1))}${c}}`,initialStyle:f,supportsDistance:!0},{name:"fadeInRight",keyframes:`@keyframes da-fadeInRight{from{opacity:0;transform:translateX(var(${i}))}${c}}`,initialStyle:f,supportsDistance:!0}],l="opacity:0",y="to{opacity:1;transform:none}",T=[{name:"slideInUp",keyframes:`@keyframes da-slideInUp{from{opacity:0;transform:translateY(100%)}${y}}`,initialStyle:l},{name:"slideInDown",keyframes:`@keyframes da-slideInDown{from{opacity:0;transform:translateY(-100%)}${y}}`,initialStyle:l},{name:"slideInLeft",keyframes:`@keyframes da-slideInLeft{from{opacity:0;transform:translateX(-100%)}${y}}`,initialStyle:l},{name:"slideInRight",keyframes:`@keyframes da-slideInRight{from{opacity:0;transform:translateX(100%)}${y}}`,initialStyle:l}],w="--da-distance,30px",u="opacity:0",p="to{opacity:1;transform:none}",C=[{name:"zoomIn",keyframes:`@keyframes da-zoomIn{from{opacity:0;transform:scale(.5)}${p}}`,initialStyle:u,supportsScale:!0},{name:"zoomOut",keyframes:`@keyframes da-zoomOut{from{opacity:0;transform:scale(1.5)}${p}}`,initialStyle:u,supportsScale:!0},{name:"zoomInUp",keyframes:`@keyframes da-zoomInUp{from{opacity:0;transform:scale(.9) translateY(var(${w}))}${p}}`,initialStyle:u,supportsDistance:!0,supportsScale:!0},{name:"zoomInDown",keyframes:`@keyframes da-zoomInDown{from{opacity:0;transform:scale(.9) translateY(calc(var(${w})*-1))}${p}}`,initialStyle:u,supportsDistance:!0,supportsScale:!0}],k="opacity:0",M="to{opacity:1;transform:none}",R=[{name:"bounce",keyframes:"@keyframes da-bounce{0%,20%,53%,to{transform:none}40%{transform:translateY(-20px)}70%{transform:translateY(-10px)}}"},{name:"bounceIn",keyframes:`@keyframes da-bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}${M}}`,initialStyle:k},{name:"bounceInUp",keyframes:"@keyframes da-bounceInUp{0%{opacity:0;transform:translateY(50px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{transform:none}}",initialStyle:k},{name:"bounceInDown",keyframes:"@keyframes da-bounceInDown{0%{opacity:0;transform:translateY(-50px)}60%{opacity:1;transform:translateY(10px)}80%{transform:translateY(-5px)}to{transform:none}}",initialStyle:k}],U=[{name:"shake",keyframes:"@keyframes da-shake{0%,to{transform:none}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}"},{name:"pulse",keyframes:"@keyframes da-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}"},{name:"wobble",keyframes:"@keyframes da-wobble{0%,to{transform:none}15%{transform:translateX(-15px) rotate(-5deg)}30%{transform:translateX(10px) rotate(3deg)}45%{transform:translateX(-5px) rotate(-2deg)}}"},{name:"flip",keyframes:"@keyframes da-flip{from{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}"},{name:"swing",keyframes:"@keyframes da-swing{0%,to{transform:none}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}"},{name:"rubberBand",keyframes:"@keyframes da-rubberBand{0%,to{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}"}],h="opacity:0",v="to{opacity:1;transform:none}",X=[{name:"rotateIn",keyframes:`@keyframes da-rotateIn{from{opacity:0;transform:rotate(-200deg)}${v}}`,initialStyle:h},{name:"rotateInDownLeft",keyframes:`@keyframes da-rotateInDownLeft{from{opacity:0;transform:rotate(-90deg)}${v}}`,initialStyle:h+";transform-origin:left bottom"},{name:"rotateInDownRight",keyframes:`@keyframes da-rotateInDownRight{from{opacity:0;transform:rotate(90deg)}${v}}`,initialStyle:h+";transform-origin:right bottom"}],W="opacity:0",q=[{name:"blur",keyframes:"@keyframes da-blur{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}",initialStyle:W+";filter:blur(10px)"},{name:"clipReveal",keyframes:"@keyframes da-clipReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}",initialStyle:"clip-path:inset(0 100% 0 0)"},{name:"typewriter",keyframes:"@keyframes da-typewriter{from{max-width:0}to{max-width:100%}}",initialStyle:"max-width:0;overflow:hidden;white-space:nowrap"}],x=[...z,...T,...C,...R,...U,...X,...q],I=new Map;x.forEach(t=>I.set(t.name,t));function _(){return x.map(t=>t.keyframes).join("")}var A={offset:.2,duration:1600,easing:"cubic-bezier(0.25,0.1,0.25,1)"},j={ease:A.easing,"ease-out-expo":"cubic-bezier(0.16,1,0.3,1)","ease-out-back":"cubic-bezier(0.34,1.56,0.64,1)",spring:"cubic-bezier(0.175,0.885,0.32,1.275)"},D={mobile:768,tablet:1024},E,L=()=>{const t=window.innerWidth;return t<D.mobile?"mobile":t<D.tablet?"tablet":"desktop"},$=t=>{const a=t.getAttribute("data-anim-disable");if(!a)return!1;if(a===L())return!0;const e=parseInt(a);return!isNaN(e)&&window.innerWidth<e},B=t=>L()==="mobile"?t.getAttribute("data-anim-mobile"):null,N=t=>{window.addEventListener("resize",()=>{clearTimeout(E),E=setTimeout(t,250)})},O=t=>/^\d+$/.test(t)?t+"ms":t;function s(t,a=!1){if($(t)){t.style.opacity="1";return}const e=B(t)||t.getAttribute("data-anim")||"";if(!I.has(e))return;const n=t.getAttribute("data-anim-distance");n&&t.style.setProperty("--da-distance",n);const r=t.getAttribute("data-anim-easing")||"ease",m=O(t.getAttribute("data-anim-duration")||""+A.duration),o=a?"none":t.getAttribute("data-anim-fill")||"both",b=a?"-100ms":O(t.getAttribute("data-anim-delay")||"0");t.style.animation=`da-${e} ${m} ${j[r]||r} ${b} ${t.getAttribute("data-anim-iteration")||"1"} ${o}`}function d(t,a=!1){if(t.style.animation="none",a){t.offsetWidth;return}I.get(t.getAttribute("data-anim")||"")?.initialStyle?.split(";").forEach(e=>{const[n,r]=e.split(":");n&&r&&t.style.setProperty(n.trim(),r.trim())})}function F(t){const a=parseFloat(t.getAttribute("data-anim-offset")||"")||A.offset,e=t.hasAttribute("data-anim-once"),n=t.hasAttribute("data-anim-mirror"),r=new IntersectionObserver(m=>{m.forEach(o=>{o.isIntersecting?(s(t),e&&r.unobserve(t)):n&&t._daInit&&d(t)}),t._daInit=!0},{threshold:a});t._daObs=r,r.observe(t)}function K(t){const a=t.getAttribute("data-anim-trigger")||"scroll";if(a==="load")document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>s(t),{once:!0}):s(t);else if(a==="click")t.addEventListener("click",()=>{t.style.animation="none",t.offsetWidth,s(t)});else if(a==="hover"){let e=!1;t.addEventListener("mouseenter",()=>{e||(e=!0,t.style.animation="none",t.offsetWidth,s(t,!0),t.addEventListener("animationend",()=>{e=!1,t.matches(":hover")||d(t,!0)},{once:!0}))}),t.addEventListener("mouseleave",()=>{e||d(t,!0)}),t.addEventListener("focus",()=>{t.matches(":focus-visible")&&!e&&(e=!0,t.style.animation="none",t.offsetWidth,s(t,!0),t.addEventListener("animationend",()=>{e=!1,t.matches(":focus-visible")||d(t,!0)},{once:!0}))}),t.addEventListener("blur",()=>{e||d(t,!0)})}else F(t)}function P(t){const a=t.getAttribute("data-anim-stagger");if(!a)return;const e=parseInt(a)||100,n=t.getAttribute("data-anim-stagger-from")||"start",r=Array.from(t.querySelectorAll("[data-anim]")),m=r.length,o=(m-1)/2;r.forEach((b,g)=>{const V=n==="end"?m-1-g:n==="center"?Math.abs(g-o):n==="edges"?o-Math.abs(g-o):g;b.style.animationDelay=`${(parseInt(b.getAttribute("data-anim-delay")||"0")||0)+V*e}ms`})}function H(){new MutationObserver(t=>t.forEach(a=>a.addedNodes.forEach(e=>{if(e.nodeType!==1)return;const n=e;n.hasAttribute("data-anim")&&S(n),n.querySelectorAll?.("[data-anim]").forEach(r=>S(r))}))).observe(document.body,{childList:!0,subtree:!0})}function G(){const t=document.createElement("style");t.textContent='[data-anim]:not([data-anim-trigger="hover"]):not([data-anim-trigger="click"]){opacity:0;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){[data-anim]{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}}',(document.head||document.documentElement).appendChild(t)}var Y=!1;function J(){if(Y)return;Y=!0;const t=document.createElement("style");t.textContent=_(),document.head.appendChild(t)}function S(t){const a=t;if(!a._daInit){if(a._daInit=!0,$(t)){t.style.opacity="1";return}t.hasAttribute("data-anim-stagger")&&P(t),(t.getAttribute("data-anim-trigger")||"scroll")==="scroll"&&t.getBoundingClientRect().top<window.innerHeight&&!t.getAttribute("data-anim-duration")&&t.setAttribute("data-anim-duration","800"),K(a)}}function Q(){J();const t=document.createElement("div");t.innerHTML="<noscript><style>[data-anim]{opacity:1!important;transform:none!important}</style></noscript>",document.head.appendChild(t.firstChild);const a=()=>{document.querySelectorAll("[data-anim]").forEach(S),H(),setTimeout(()=>document.querySelectorAll("[data-anim]").forEach(e=>{getComputedStyle(e).opacity==="0"&&(e.style.opacity="1",e.style.transform="none")}),5e3),N(()=>document.querySelectorAll("[data-anim]").forEach(e=>{$(e)&&(e.style.opacity="1",e.style.animation="none")}))};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",a,{once:!0}):a()}G(),Q()});
+
+//# sourceMappingURL=data-anim.js.map

package/dist/data-anim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-anim.js","names":[],"sources":["../src/animations/fade.ts","../src/animations/slide.ts","../src/animations/zoom.ts","../src/animations/bounce.ts","../src/animations/attention.ts","../src/animations/rotate.ts","../src/animations/special.ts","../src/animations/index.ts","../src/core/config.ts","../src/core/responsive.ts","../src/core/observer.ts","../src/core/triggers.ts","../src/core/stagger.ts","../src/core/mutation.ts","../src/core/init.ts","../src/index.ts"],"sourcesContent":["import type { AnimationDef } from '../types';\nconst D = '--da-distance,30px',\n  O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const fadeAnimations: AnimationDef[] = [\n  {\n    name: 'fadeIn',\n    keyframes: `@keyframes da-fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'fadeOut',\n    keyframes: `@keyframes da-fadeOut{from{opacity:1}to{opacity:0}}`,\n  },\n  {\n    name: 'fadeInUp',\n    keyframes: `@keyframes da-fadeInUp{from{opacity:0;transform:translateY(var(${D}))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n  {\n    name: 'fadeInDown',\n    keyframes: `@keyframes da-fadeInDown{from{opacity:0;transform:translateY(calc(var(${D})*-1))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n  {\n    name: 'fadeInLeft',\n    keyframes: `@keyframes da-fadeInLeft{from{opacity:0;transform:translateX(calc(var(${D})*-1))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n  {\n    name: 'fadeInRight',\n    keyframes: `@keyframes da-fadeInRight{from{opacity:0;transform:translateX(var(${D}))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const slideAnimations: AnimationDef[] = [\n  {\n    name: 'slideInUp',\n    keyframes: `@keyframes da-slideInUp{from{opacity:0;transform:translateY(100%)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'slideInDown',\n    keyframes: `@keyframes da-slideInDown{from{opacity:0;transform:translateY(-100%)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'slideInLeft',\n    keyframes: `@keyframes da-slideInLeft{from{opacity:0;transform:translateX(-100%)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'slideInRight',\n    keyframes: `@keyframes da-slideInRight{from{opacity:0;transform:translateX(100%)}${T}}`,\n    initialStyle: O,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst D = '--da-distance,30px',\n  O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const zoomAnimations: AnimationDef[] = [\n  {\n    name: 'zoomIn',\n    keyframes: `@keyframes da-zoomIn{from{opacity:0;transform:scale(.5)}${T}}`,\n    initialStyle: O,\n    supportsScale: true,\n  },\n  {\n    name: 'zoomOut',\n    keyframes: `@keyframes da-zoomOut{from{opacity:0;transform:scale(1.5)}${T}}`,\n    initialStyle: O,\n    supportsScale: true,\n  },\n  {\n    name: 'zoomInUp',\n    keyframes: `@keyframes da-zoomInUp{from{opacity:0;transform:scale(.9) translateY(var(${D}))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n    supportsScale: true,\n  },\n  {\n    name: 'zoomInDown',\n    keyframes: `@keyframes da-zoomInDown{from{opacity:0;transform:scale(.9) translateY(calc(var(${D})*-1))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n    supportsScale: true,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const bounceAnimations: AnimationDef[] = [\n  {\n    name: 'bounce',\n    keyframes: `@keyframes da-bounce{0%,20%,53%,to{transform:none}40%{transform:translateY(-20px)}70%{transform:translateY(-10px)}}`,\n  },\n  {\n    name: 'bounceIn',\n    keyframes: `@keyframes da-bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'bounceInUp',\n    keyframes: `@keyframes da-bounceInUp{0%{opacity:0;transform:translateY(50px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{transform:none}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'bounceInDown',\n    keyframes: `@keyframes da-bounceInDown{0%{opacity:0;transform:translateY(-50px)}60%{opacity:1;transform:translateY(10px)}80%{transform:translateY(-5px)}to{transform:none}}`,\n    initialStyle: O,\n  },\n];\n","import type { AnimationDef } from '../types';\nexport const attentionAnimations: AnimationDef[] = [\n  {\n    name: 'shake',\n    keyframes: `@keyframes da-shake{0%,to{transform:none}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}`,\n  },\n  {\n    name: 'pulse',\n    keyframes: `@keyframes da-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}`,\n  },\n  {\n    name: 'wobble',\n    keyframes: `@keyframes da-wobble{0%,to{transform:none}15%{transform:translateX(-15px) rotate(-5deg)}30%{transform:translateX(10px) rotate(3deg)}45%{transform:translateX(-5px) rotate(-2deg)}}`,\n  },\n  {\n    name: 'flip',\n    keyframes: `@keyframes da-flip{from{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}`,\n  },\n  {\n    name: 'swing',\n    keyframes: `@keyframes da-swing{0%,to{transform:none}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}`,\n  },\n  {\n    name: 'rubberBand',\n    keyframes: `@keyframes da-rubberBand{0%,to{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}`,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const rotateAnimations: AnimationDef[] = [\n  {\n    name: 'rotateIn',\n    keyframes: `@keyframes da-rotateIn{from{opacity:0;transform:rotate(-200deg)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'rotateInDownLeft',\n    keyframes: `@keyframes da-rotateInDownLeft{from{opacity:0;transform:rotate(-90deg)}${T}}`,\n    initialStyle: O + ';transform-origin:left bottom',\n  },\n  {\n    name: 'rotateInDownRight',\n    keyframes: `@keyframes da-rotateInDownRight{from{opacity:0;transform:rotate(90deg)}${T}}`,\n    initialStyle: O + ';transform-origin:right bottom',\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0';\nexport const specialAnimations: AnimationDef[] = [\n  {\n    name: 'blur',\n    keyframes: `@keyframes da-blur{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}`,\n    initialStyle: O + ';filter:blur(10px)',\n  },\n  {\n    name: 'clipReveal',\n    keyframes: `@keyframes da-clipReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}`,\n    initialStyle: 'clip-path:inset(0 100% 0 0)',\n  },\n  {\n    name: 'typewriter',\n    keyframes: `@keyframes da-typewriter{from{max-width:0}to{max-width:100%}}`,\n    initialStyle: 'max-width:0;overflow:hidden;white-space:nowrap',\n  },\n];\n","import type { AnimationDef } from '../types';\nimport { fadeAnimations } from './fade';\nimport { slideAnimations } from './slide';\nimport { zoomAnimations } from './zoom';\nimport { bounceAnimations } from './bounce';\nimport { attentionAnimations } from './attention';\nimport { rotateAnimations } from './rotate';\nimport { specialAnimations } from './special';\n\nexport const allAnimations: AnimationDef[] = [\n  ...fadeAnimations,\n  ...slideAnimations,\n  ...zoomAnimations,\n  ...bounceAnimations,\n  ...attentionAnimations,\n  ...rotateAnimations,\n  ...specialAnimations,\n];\n\nexport const animationMap = new Map<string, AnimationDef>();\nallAnimations.forEach((a) => animationMap.set(a.name, a));\n\nexport function getKeyframesCSS(): string {\n  return allAnimations.map((a) => a.keyframes).join('');\n}\n","export const DEFAULTS = {\n  offset: 0.2,\n  duration: 1600,\n  easing: 'cubic-bezier(0.25,0.1,0.25,1)',\n} as const;\n\nexport const easings: Record<string, string> = {\n  ease: DEFAULTS.easing,\n  'ease-out-expo': 'cubic-bezier(0.16,1,0.3,1)',\n  'ease-out-back': 'cubic-bezier(0.34,1.56,0.64,1)',\n  spring: 'cubic-bezier(0.175,0.885,0.32,1.275)',\n};\n\nexport const breakpoints = { mobile: 768, tablet: 1024 };\n","import { breakpoints } from './config';\n\nlet dt: ReturnType<typeof setTimeout>;\n\nexport const getDevice = (): string => {\n  const w = window.innerWidth;\n  return w < breakpoints.mobile ? 'mobile' : w < breakpoints.tablet ? 'tablet' : 'desktop';\n};\n\nexport const isDisabled = (el: HTMLElement): boolean => {\n  const d = el.getAttribute('data-anim-disable');\n  if (!d) return false;\n  if (d === getDevice()) return true;\n  const p = parseInt(d);\n  return !isNaN(p) && window.innerWidth < p;\n};\n\nexport const getMobileAnim = (el: HTMLElement): string | null =>\n  getDevice() === 'mobile' ? el.getAttribute('data-anim-mobile') : null;\n\nexport const onResize = (cb: () => void): void => {\n  window.addEventListener('resize', () => {\n    clearTimeout(dt);\n    dt = setTimeout(cb, 250);\n  });\n};\n","import { DEFAULTS, easings } from './config';\nimport { animationMap } from '../animations/index';\nimport { isDisabled, getMobileAnim } from './responsive';\nimport type { DataAnimElement } from '../types';\n\nconst ms = (v: string) => (/^\\d+$/.test(v) ? v + 'ms' : v);\n\nexport function playAnimation(el: DataAnimElement, isHover = false): void {\n  if (isDisabled(el)) {\n    el.style.opacity = '1';\n    return;\n  }\n  const n = getMobileAnim(el) || el.getAttribute('data-anim') || '';\n  if (!animationMap.has(n)) return;\n  const dist = el.getAttribute('data-anim-distance');\n  if (dist) el.style.setProperty('--da-distance', dist);\n  const e = el.getAttribute('data-anim-easing') || 'ease';\n  const dur = ms(el.getAttribute('data-anim-duration') || '' + DEFAULTS.duration);\n  // For hover: use fill:none (don't apply from-state) + negative delay to skip initial opacity:0 frame\n  const fill = isHover ? 'none' : el.getAttribute('data-anim-fill') || 'both';\n  const delay = isHover ? '-100ms' : ms(el.getAttribute('data-anim-delay') || '0');\n  el.style.animation = `da-${n} ${dur} ${easings[e] || e} ${delay} ${el.getAttribute('data-anim-iteration') || '1'} ${fill}`;\n}\n\nexport function resetAnimation(el: DataAnimElement, forHover = false): void {\n  el.style.animation = 'none';\n  if (forHover) {\n    // For hover: just clear animation so it can replay on next hover\n    // Don't apply initial hidden styles — hover elements stay visible\n    void el.offsetWidth; // force reflow\n    return;\n  }\n  const s = animationMap.get(el.getAttribute('data-anim') || '');\n  s?.initialStyle?.split(';').forEach((r) => {\n    const [p, v] = r.split(':');\n    if (p && v) el.style.setProperty(p.trim(), v.trim());\n  });\n}\n\nexport function createObserver(el: DataAnimElement): void {\n  const th = parseFloat(el.getAttribute('data-anim-offset') || '') || DEFAULTS.offset;\n  const once = el.hasAttribute('data-anim-once'),\n    mirror = el.hasAttribute('data-anim-mirror');\n  const o = new IntersectionObserver(\n    (es) => {\n      es.forEach((e) => {\n        if (e.isIntersecting) {\n          playAnimation(el);\n          if (once) o.unobserve(el);\n        } else if (mirror && el._daInit) resetAnimation(el);\n      });\n      el._daInit = true;\n    },\n    { threshold: th },\n  );\n  el._daObs = o;\n  o.observe(el);\n}\n","import { createObserver, playAnimation, resetAnimation } from './observer';\nimport type { DataAnimElement } from '../types';\n\nexport function setupTrigger(el: DataAnimElement): void {\n  const t = el.getAttribute('data-anim-trigger') || 'scroll';\n  if (t === 'load') {\n    if (document.readyState === 'loading')\n      document.addEventListener('DOMContentLoaded', () => playAnimation(el), {\n        once: true,\n      });\n    else playAnimation(el);\n  } else if (t === 'click') {\n    el.addEventListener('click', () => {\n      el.style.animation = 'none';\n      void el.offsetWidth;\n      playAnimation(el);\n    });\n  } else if (t === 'hover') {\n    let animating = false;\n    el.addEventListener('mouseenter', () => {\n      if (animating) return;\n      animating = true;\n      el.style.animation = 'none';\n      void el.offsetWidth;\n      playAnimation(el, true);\n      el.addEventListener(\n        'animationend',\n        () => {\n          animating = false;\n          if (!el.matches(':hover')) resetAnimation(el, true);\n        },\n        { once: true },\n      );\n    });\n    el.addEventListener('mouseleave', () => {\n      if (!animating) resetAnimation(el, true);\n    });\n    el.addEventListener('focus', () => {\n      if (el.matches(':focus-visible') && !animating) {\n        animating = true;\n        el.style.animation = 'none';\n        void el.offsetWidth;\n        playAnimation(el, true);\n        el.addEventListener(\n          'animationend',\n          () => {\n            animating = false;\n            if (!el.matches(':focus-visible')) resetAnimation(el, true);\n          },\n          { once: true },\n        );\n      }\n    });\n    el.addEventListener('blur', () => {\n      if (!animating) resetAnimation(el, true);\n    });\n  } else {\n    createObserver(el);\n  }\n}\n","export function applyStagger(el: HTMLElement): void {\n  const v = el.getAttribute('data-anim-stagger');\n  if (!v) return;\n  const delay = parseInt(v) || 100,\n    from = el.getAttribute('data-anim-stagger-from') || 'start';\n  const ch = Array.from(el.querySelectorAll<HTMLElement>('[data-anim]')),\n    n = ch.length,\n    mid = (n - 1) / 2;\n  ch.forEach((c, i) => {\n    const idx =\n      from === 'end'\n        ? n - 1 - i\n        : from === 'center'\n          ? Math.abs(i - mid)\n          : from === 'edges'\n            ? mid - Math.abs(i - mid)\n            : i;\n    c.style.animationDelay = `${(parseInt(c.getAttribute('data-anim-delay') || '0') || 0) + idx * delay}ms`;\n  });\n}\n","import { initElement } from './init';\n\nexport function startMutationObserver(): void {\n  new MutationObserver((ms) =>\n    ms.forEach((m) =>\n      m.addedNodes.forEach((nd) => {\n        if (nd.nodeType !== 1) return;\n        const e = nd as HTMLElement;\n        if (e.hasAttribute('data-anim')) initElement(e);\n        e.querySelectorAll?.('[data-anim]').forEach((c) => initElement(c as HTMLElement));\n      }),\n    ),\n  ).observe(document.body, { childList: true, subtree: true });\n}\n","import { getKeyframesCSS } from '../animations/index';\nimport { setupTrigger } from './triggers';\nimport { applyStagger } from './stagger';\nimport { isDisabled, onResize } from './responsive';\nimport { startMutationObserver } from './mutation';\nimport type { DataAnimElement } from '../types';\n\n// Layer 1: Anti-FOUC\nexport function injectAntifouc(): void {\n  const s = document.createElement('style');\n  s.textContent =\n    '[data-anim]:not([data-anim-trigger=\"hover\"]):not([data-anim-trigger=\"click\"]){opacity:0;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){[data-anim]{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}}';\n  (document.head || document.documentElement).appendChild(s);\n}\n\nlet injected = false;\nfunction injectKeyframes(): void {\n  if (injected) return;\n  injected = true;\n  const s = document.createElement('style');\n  s.textContent = getKeyframesCSS();\n  document.head.appendChild(s);\n}\n\nexport function initElement(el: HTMLElement): void {\n  const d = el as DataAnimElement;\n  if (d._daInit) return;\n  d._daInit = true;\n  if (isDisabled(el)) {\n    el.style.opacity = '1';\n    return;\n  }\n  if (el.hasAttribute('data-anim-stagger')) applyStagger(el);\n  // Above-fold fast reveal\n  if (\n    (el.getAttribute('data-anim-trigger') || 'scroll') === 'scroll' &&\n    el.getBoundingClientRect().top < window.innerHeight &&\n    !el.getAttribute('data-anim-duration')\n  )\n    el.setAttribute('data-anim-duration', '800');\n  setupTrigger(d);\n}\n\nexport function init(): void {\n  injectKeyframes();\n  // Layer 2: noscript fallback (must use innerHTML — dynamic createElement makes noscript content active)\n  const ns = document.createElement('div');\n  ns.innerHTML =\n    '<noscript><style>[data-anim]{opacity:1!important;transform:none!important}</style></noscript>';\n  document.head.appendChild(ns.firstChild!);\n\n  const run = () => {\n    document.querySelectorAll<HTMLElement>('[data-anim]').forEach(initElement);\n    startMutationObserver();\n    // Layer 3: fallback timeout\n    setTimeout(\n      () =>\n        document.querySelectorAll<HTMLElement>('[data-anim]').forEach((el) => {\n          if (getComputedStyle(el).opacity === '0') {\n            el.style.opacity = '1';\n            el.style.transform = 'none';\n          }\n        }),\n      5e3,\n    );\n    // Resize handler\n    onResize(() =>\n      document.querySelectorAll<HTMLElement>('[data-anim]').forEach((el) => {\n        if (isDisabled(el)) {\n          el.style.opacity = '1';\n          el.style.animation = 'none';\n        }\n      }),\n    );\n  };\n\n  if (document.readyState === 'loading')\n    document.addEventListener('DOMContentLoaded', run, { once: true });\n  else run();\n}\n","import { injectAntifouc, init } from './core/init';\n\n// Layer 1: Inject anti-FOUC styles immediately (before DOM ready)\ninjectAntifouc();\n\n// Initialize when ready\ninit();\n"],"mappings":"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"}

package/dist/data-anim.min.js

@@ -0,0 +1,3 @@
+(function(){var d="--da-distance,30px",m="opacity:0",c="to{opacity:1;transform:none}",z=[{name:"fadeIn",keyframes:"@keyframes da-fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}",initialStyle:m},{name:"fadeOut",keyframes:"@keyframes da-fadeOut{from{opacity:1}to{opacity:0}}"},{name:"fadeInUp",keyframes:`@keyframes da-fadeInUp{from{opacity:0;transform:translateY(var(${d}))}${c}}`,initialStyle:m,supportsDistance:!0},{name:"fadeInDown",keyframes:`@keyframes da-fadeInDown{from{opacity:0;transform:translateY(calc(var(${d})*-1))}${c}}`,initialStyle:m,supportsDistance:!0},{name:"fadeInLeft",keyframes:`@keyframes da-fadeInLeft{from{opacity:0;transform:translateX(calc(var(${d})*-1))}${c}}`,initialStyle:m,supportsDistance:!0},{name:"fadeInRight",keyframes:`@keyframes da-fadeInRight{from{opacity:0;transform:translateX(var(${d}))}${c}}`,initialStyle:m,supportsDistance:!0}],l="opacity:0",y="to{opacity:1;transform:none}",T=[{name:"slideInUp",keyframes:`@keyframes da-slideInUp{from{opacity:0;transform:translateY(100%)}${y}}`,initialStyle:l},{name:"slideInDown",keyframes:`@keyframes da-slideInDown{from{opacity:0;transform:translateY(-100%)}${y}}`,initialStyle:l},{name:"slideInLeft",keyframes:`@keyframes da-slideInLeft{from{opacity:0;transform:translateX(-100%)}${y}}`,initialStyle:l},{name:"slideInRight",keyframes:`@keyframes da-slideInRight{from{opacity:0;transform:translateX(100%)}${y}}`,initialStyle:l}],w="--da-distance,30px",u="opacity:0",p="to{opacity:1;transform:none}",C=[{name:"zoomIn",keyframes:`@keyframes da-zoomIn{from{opacity:0;transform:scale(.5)}${p}}`,initialStyle:u,supportsScale:!0},{name:"zoomOut",keyframes:`@keyframes da-zoomOut{from{opacity:0;transform:scale(1.5)}${p}}`,initialStyle:u,supportsScale:!0},{name:"zoomInUp",keyframes:`@keyframes da-zoomInUp{from{opacity:0;transform:scale(.9) translateY(var(${w}))}${p}}`,initialStyle:u,supportsDistance:!0,supportsScale:!0},{name:"zoomInDown",keyframes:`@keyframes da-zoomInDown{from{opacity:0;transform:scale(.9) translateY(calc(var(${w})*-1))}${p}}`,initialStyle:u,supportsDistance:!0,supportsScale:!0}],k="opacity:0",M="to{opacity:1;transform:none}",R=[{name:"bounce",keyframes:"@keyframes da-bounce{0%,20%,53%,to{transform:none}40%{transform:translateY(-20px)}70%{transform:translateY(-10px)}}"},{name:"bounceIn",keyframes:`@keyframes da-bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}${M}}`,initialStyle:k},{name:"bounceInUp",keyframes:"@keyframes da-bounceInUp{0%{opacity:0;transform:translateY(50px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{transform:none}}",initialStyle:k},{name:"bounceInDown",keyframes:"@keyframes da-bounceInDown{0%{opacity:0;transform:translateY(-50px)}60%{opacity:1;transform:translateY(10px)}80%{transform:translateY(-5px)}to{transform:none}}",initialStyle:k}],U=[{name:"shake",keyframes:"@keyframes da-shake{0%,to{transform:none}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}"},{name:"pulse",keyframes:"@keyframes da-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}"},{name:"wobble",keyframes:"@keyframes da-wobble{0%,to{transform:none}15%{transform:translateX(-15px) rotate(-5deg)}30%{transform:translateX(10px) rotate(3deg)}45%{transform:translateX(-5px) rotate(-2deg)}}"},{name:"flip",keyframes:"@keyframes da-flip{from{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}"},{name:"swing",keyframes:"@keyframes da-swing{0%,to{transform:none}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}"},{name:"rubberBand",keyframes:"@keyframes da-rubberBand{0%,to{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}"}],h="opacity:0",v="to{opacity:1;transform:none}",X=[{name:"rotateIn",keyframes:`@keyframes da-rotateIn{from{opacity:0;transform:rotate(-200deg)}${v}}`,initialStyle:h},{name:"rotateInDownLeft",keyframes:`@keyframes da-rotateInDownLeft{from{opacity:0;transform:rotate(-90deg)}${v}}`,initialStyle:h+";transform-origin:left bottom"},{name:"rotateInDownRight",keyframes:`@keyframes da-rotateInDownRight{from{opacity:0;transform:rotate(90deg)}${v}}`,initialStyle:h+";transform-origin:right bottom"}],W="opacity:0",q=[{name:"blur",keyframes:"@keyframes da-blur{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}",initialStyle:W+";filter:blur(10px)"},{name:"clipReveal",keyframes:"@keyframes da-clipReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}",initialStyle:"clip-path:inset(0 100% 0 0)"},{name:"typewriter",keyframes:"@keyframes da-typewriter{from{max-width:0}to{max-width:100%}}",initialStyle:"max-width:0;overflow:hidden;white-space:nowrap"}],x=[...z,...T,...C,...R,...U,...X,...q],I=new Map;x.forEach(t=>I.set(t.name,t));function _(){return x.map(t=>t.keyframes).join("")}var A={offset:.2,duration:1600,easing:"cubic-bezier(0.25,0.1,0.25,1)"},j={ease:A.easing,"ease-out-expo":"cubic-bezier(0.16,1,0.3,1)","ease-out-back":"cubic-bezier(0.34,1.56,0.64,1)",spring:"cubic-bezier(0.175,0.885,0.32,1.275)"},D={mobile:768,tablet:1024},E,L=()=>{const t=window.innerWidth;return t<D.mobile?"mobile":t<D.tablet?"tablet":"desktop"},$=t=>{const a=t.getAttribute("data-anim-disable");if(!a)return!1;if(a===L())return!0;const e=parseInt(a);return!isNaN(e)&&window.innerWidth<e},B=t=>L()==="mobile"?t.getAttribute("data-anim-mobile"):null,N=t=>{window.addEventListener("resize",()=>{clearTimeout(E),E=setTimeout(t,250)})},O=t=>/^\d+$/.test(t)?t+"ms":t;function o(t,a=!1){if($(t)){t.style.opacity="1";return}const e=B(t)||t.getAttribute("data-anim")||"";if(!I.has(e))return;const n=t.getAttribute("data-anim-distance");n&&t.style.setProperty("--da-distance",n);const r=t.getAttribute("data-anim-easing")||"ease",s=O(t.getAttribute("data-anim-duration")||""+A.duration),i=a?"none":t.getAttribute("data-anim-fill")||"both",b=a?"-100ms":O(t.getAttribute("data-anim-delay")||"0");t.style.animation=`da-${e} ${s} ${j[r]||r} ${b} ${t.getAttribute("data-anim-iteration")||"1"} ${i}`}function f(t,a=!1){if(t.style.animation="none",a){t.offsetWidth;return}I.get(t.getAttribute("data-anim")||"")?.initialStyle?.split(";").forEach(e=>{const[n,r]=e.split(":");n&&r&&t.style.setProperty(n.trim(),r.trim())})}function F(t){const a=parseFloat(t.getAttribute("data-anim-offset")||"")||A.offset,e=t.hasAttribute("data-anim-once"),n=t.hasAttribute("data-anim-mirror"),r=new IntersectionObserver(s=>{s.forEach(i=>{i.isIntersecting?(o(t),e&&r.unobserve(t)):n&&t._daInit&&f(t)}),t._daInit=!0},{threshold:a});t._daObs=r,r.observe(t)}function K(t){const a=t.getAttribute("data-anim-trigger")||"scroll";if(a==="load")document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>o(t),{once:!0}):o(t);else if(a==="click")t.addEventListener("click",()=>{t.style.animation="none",t.offsetWidth,o(t)});else if(a==="hover"){let e=!1;t.addEventListener("mouseenter",()=>{e||(e=!0,t.style.animation="none",t.offsetWidth,o(t,!0),t.addEventListener("animationend",()=>{e=!1,t.matches(":hover")||f(t,!0)},{once:!0}))}),t.addEventListener("mouseleave",()=>{e||f(t,!0)}),t.addEventListener("focus",()=>{t.matches(":focus-visible")&&!e&&(e=!0,t.style.animation="none",t.offsetWidth,o(t,!0),t.addEventListener("animationend",()=>{e=!1,t.matches(":focus-visible")||f(t,!0)},{once:!0}))}),t.addEventListener("blur",()=>{e||f(t,!0)})}else F(t)}function P(t){const a=t.getAttribute("data-anim-stagger");if(!a)return;const e=parseInt(a)||100,n=t.getAttribute("data-anim-stagger-from")||"start",r=Array.from(t.querySelectorAll("[data-anim]")),s=r.length,i=(s-1)/2;r.forEach((b,g)=>{const V=n==="end"?s-1-g:n==="center"?Math.abs(g-i):n==="edges"?i-Math.abs(g-i):g;b.style.animationDelay=`${(parseInt(b.getAttribute("data-anim-delay")||"0")||0)+V*e}ms`})}function H(){new MutationObserver(t=>t.forEach(a=>a.addedNodes.forEach(e=>{if(e.nodeType!==1)return;const n=e;n.hasAttribute("data-anim")&&S(n),n.querySelectorAll?.("[data-anim]").forEach(r=>S(r))}))).observe(document.body,{childList:!0,subtree:!0})}function G(){const t=document.createElement("style");t.textContent='[data-anim]:not([data-anim-trigger="hover"]):not([data-anim-trigger="click"]){opacity:0;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){[data-anim]{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}}',(document.head||document.documentElement).appendChild(t)}var Y=!1;function J(){if(Y)return;Y=!0;const t=document.createElement("style");t.textContent=_(),document.head.appendChild(t)}function S(t){const a=t;if(!a._daInit){if(a._daInit=!0,$(t)){t.style.opacity="1";return}t.hasAttribute("data-anim-stagger")&&P(t),(t.getAttribute("data-anim-trigger")||"scroll")==="scroll"&&t.getBoundingClientRect().top<window.innerHeight&&!t.getAttribute("data-anim-duration")&&t.setAttribute("data-anim-duration","800"),K(a)}}function Q(){J();const t=document.createElement("div");t.innerHTML="<noscript><style>[data-anim]{opacity:1!important;transform:none!important}</style></noscript>",document.head.appendChild(t.firstChild);const a=()=>{document.querySelectorAll("[data-anim]").forEach(S),H(),setTimeout(()=>document.querySelectorAll("[data-anim]").forEach(e=>{getComputedStyle(e).opacity==="0"&&(e.style.opacity="1",e.style.transform="none")}),5e3),N(()=>document.querySelectorAll("[data-anim]").forEach(e=>{$(e)&&(e.style.opacity="1",e.style.animation="none")}))};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",a,{once:!0}):a()}G(),Q()})();
+
+//# sourceMappingURL=data-anim.min.js.map

package/dist/data-anim.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-anim.min.js","names":[],"sources":["../src/animations/fade.ts","../src/animations/slide.ts","../src/animations/zoom.ts","../src/animations/bounce.ts","../src/animations/attention.ts","../src/animations/rotate.ts","../src/animations/special.ts","../src/animations/index.ts","../src/core/config.ts","../src/core/responsive.ts","../src/core/observer.ts","../src/core/triggers.ts","../src/core/stagger.ts","../src/core/mutation.ts","../src/core/init.ts","../src/index.ts"],"sourcesContent":["import type { AnimationDef } from '../types';\nconst D = '--da-distance,30px',\n  O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const fadeAnimations: AnimationDef[] = [\n  {\n    name: 'fadeIn',\n    keyframes: `@keyframes da-fadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'fadeOut',\n    keyframes: `@keyframes da-fadeOut{from{opacity:1}to{opacity:0}}`,\n  },\n  {\n    name: 'fadeInUp',\n    keyframes: `@keyframes da-fadeInUp{from{opacity:0;transform:translateY(var(${D}))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n  {\n    name: 'fadeInDown',\n    keyframes: `@keyframes da-fadeInDown{from{opacity:0;transform:translateY(calc(var(${D})*-1))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n  {\n    name: 'fadeInLeft',\n    keyframes: `@keyframes da-fadeInLeft{from{opacity:0;transform:translateX(calc(var(${D})*-1))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n  {\n    name: 'fadeInRight',\n    keyframes: `@keyframes da-fadeInRight{from{opacity:0;transform:translateX(var(${D}))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const slideAnimations: AnimationDef[] = [\n  {\n    name: 'slideInUp',\n    keyframes: `@keyframes da-slideInUp{from{opacity:0;transform:translateY(100%)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'slideInDown',\n    keyframes: `@keyframes da-slideInDown{from{opacity:0;transform:translateY(-100%)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'slideInLeft',\n    keyframes: `@keyframes da-slideInLeft{from{opacity:0;transform:translateX(-100%)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'slideInRight',\n    keyframes: `@keyframes da-slideInRight{from{opacity:0;transform:translateX(100%)}${T}}`,\n    initialStyle: O,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst D = '--da-distance,30px',\n  O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const zoomAnimations: AnimationDef[] = [\n  {\n    name: 'zoomIn',\n    keyframes: `@keyframes da-zoomIn{from{opacity:0;transform:scale(.5)}${T}}`,\n    initialStyle: O,\n    supportsScale: true,\n  },\n  {\n    name: 'zoomOut',\n    keyframes: `@keyframes da-zoomOut{from{opacity:0;transform:scale(1.5)}${T}}`,\n    initialStyle: O,\n    supportsScale: true,\n  },\n  {\n    name: 'zoomInUp',\n    keyframes: `@keyframes da-zoomInUp{from{opacity:0;transform:scale(.9) translateY(var(${D}))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n    supportsScale: true,\n  },\n  {\n    name: 'zoomInDown',\n    keyframes: `@keyframes da-zoomInDown{from{opacity:0;transform:scale(.9) translateY(calc(var(${D})*-1))}${T}}`,\n    initialStyle: O,\n    supportsDistance: true,\n    supportsScale: true,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const bounceAnimations: AnimationDef[] = [\n  {\n    name: 'bounce',\n    keyframes: `@keyframes da-bounce{0%,20%,53%,to{transform:none}40%{transform:translateY(-20px)}70%{transform:translateY(-10px)}}`,\n  },\n  {\n    name: 'bounceIn',\n    keyframes: `@keyframes da-bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'bounceInUp',\n    keyframes: `@keyframes da-bounceInUp{0%{opacity:0;transform:translateY(50px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{transform:none}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'bounceInDown',\n    keyframes: `@keyframes da-bounceInDown{0%{opacity:0;transform:translateY(-50px)}60%{opacity:1;transform:translateY(10px)}80%{transform:translateY(-5px)}to{transform:none}}`,\n    initialStyle: O,\n  },\n];\n","import type { AnimationDef } from '../types';\nexport const attentionAnimations: AnimationDef[] = [\n  {\n    name: 'shake',\n    keyframes: `@keyframes da-shake{0%,to{transform:none}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}`,\n  },\n  {\n    name: 'pulse',\n    keyframes: `@keyframes da-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}`,\n  },\n  {\n    name: 'wobble',\n    keyframes: `@keyframes da-wobble{0%,to{transform:none}15%{transform:translateX(-15px) rotate(-5deg)}30%{transform:translateX(10px) rotate(3deg)}45%{transform:translateX(-5px) rotate(-2deg)}}`,\n  },\n  {\n    name: 'flip',\n    keyframes: `@keyframes da-flip{from{transform:perspective(400px) rotateY(0)}to{transform:perspective(400px) rotateY(360deg)}}`,\n  },\n  {\n    name: 'swing',\n    keyframes: `@keyframes da-swing{0%,to{transform:none}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}`,\n  },\n  {\n    name: 'rubberBand',\n    keyframes: `@keyframes da-rubberBand{0%,to{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}}`,\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0',\n  T = 'to{opacity:1;transform:none}';\nexport const rotateAnimations: AnimationDef[] = [\n  {\n    name: 'rotateIn',\n    keyframes: `@keyframes da-rotateIn{from{opacity:0;transform:rotate(-200deg)}${T}}`,\n    initialStyle: O,\n  },\n  {\n    name: 'rotateInDownLeft',\n    keyframes: `@keyframes da-rotateInDownLeft{from{opacity:0;transform:rotate(-90deg)}${T}}`,\n    initialStyle: O + ';transform-origin:left bottom',\n  },\n  {\n    name: 'rotateInDownRight',\n    keyframes: `@keyframes da-rotateInDownRight{from{opacity:0;transform:rotate(90deg)}${T}}`,\n    initialStyle: O + ';transform-origin:right bottom',\n  },\n];\n","import type { AnimationDef } from '../types';\nconst O = 'opacity:0';\nexport const specialAnimations: AnimationDef[] = [\n  {\n    name: 'blur',\n    keyframes: `@keyframes da-blur{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}`,\n    initialStyle: O + ';filter:blur(10px)',\n  },\n  {\n    name: 'clipReveal',\n    keyframes: `@keyframes da-clipReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}`,\n    initialStyle: 'clip-path:inset(0 100% 0 0)',\n  },\n  {\n    name: 'typewriter',\n    keyframes: `@keyframes da-typewriter{from{max-width:0}to{max-width:100%}}`,\n    initialStyle: 'max-width:0;overflow:hidden;white-space:nowrap',\n  },\n];\n","import type { AnimationDef } from '../types';\nimport { fadeAnimations } from './fade';\nimport { slideAnimations } from './slide';\nimport { zoomAnimations } from './zoom';\nimport { bounceAnimations } from './bounce';\nimport { attentionAnimations } from './attention';\nimport { rotateAnimations } from './rotate';\nimport { specialAnimations } from './special';\n\nexport const allAnimations: AnimationDef[] = [\n  ...fadeAnimations,\n  ...slideAnimations,\n  ...zoomAnimations,\n  ...bounceAnimations,\n  ...attentionAnimations,\n  ...rotateAnimations,\n  ...specialAnimations,\n];\n\nexport const animationMap = new Map<string, AnimationDef>();\nallAnimations.forEach((a) => animationMap.set(a.name, a));\n\nexport function getKeyframesCSS(): string {\n  return allAnimations.map((a) => a.keyframes).join('');\n}\n","export const DEFAULTS = {\n  offset: 0.2,\n  duration: 1600,\n  easing: 'cubic-bezier(0.25,0.1,0.25,1)',\n} as const;\n\nexport const easings: Record<string, string> = {\n  ease: DEFAULTS.easing,\n  'ease-out-expo': 'cubic-bezier(0.16,1,0.3,1)',\n  'ease-out-back': 'cubic-bezier(0.34,1.56,0.64,1)',\n  spring: 'cubic-bezier(0.175,0.885,0.32,1.275)',\n};\n\nexport const breakpoints = { mobile: 768, tablet: 1024 };\n","import { breakpoints } from './config';\n\nlet dt: ReturnType<typeof setTimeout>;\n\nexport const getDevice = (): string => {\n  const w = window.innerWidth;\n  return w < breakpoints.mobile ? 'mobile' : w < breakpoints.tablet ? 'tablet' : 'desktop';\n};\n\nexport const isDisabled = (el: HTMLElement): boolean => {\n  const d = el.getAttribute('data-anim-disable');\n  if (!d) return false;\n  if (d === getDevice()) return true;\n  const p = parseInt(d);\n  return !isNaN(p) && window.innerWidth < p;\n};\n\nexport const getMobileAnim = (el: HTMLElement): string | null =>\n  getDevice() === 'mobile' ? el.getAttribute('data-anim-mobile') : null;\n\nexport const onResize = (cb: () => void): void => {\n  window.addEventListener('resize', () => {\n    clearTimeout(dt);\n    dt = setTimeout(cb, 250);\n  });\n};\n","import { DEFAULTS, easings } from './config';\nimport { animationMap } from '../animations/index';\nimport { isDisabled, getMobileAnim } from './responsive';\nimport type { DataAnimElement } from '../types';\n\nconst ms = (v: string) => (/^\\d+$/.test(v) ? v + 'ms' : v);\n\nexport function playAnimation(el: DataAnimElement, isHover = false): void {\n  if (isDisabled(el)) {\n    el.style.opacity = '1';\n    return;\n  }\n  const n = getMobileAnim(el) || el.getAttribute('data-anim') || '';\n  if (!animationMap.has(n)) return;\n  const dist = el.getAttribute('data-anim-distance');\n  if (dist) el.style.setProperty('--da-distance', dist);\n  const e = el.getAttribute('data-anim-easing') || 'ease';\n  const dur = ms(el.getAttribute('data-anim-duration') || '' + DEFAULTS.duration);\n  // For hover: use fill:none (don't apply from-state) + negative delay to skip initial opacity:0 frame\n  const fill = isHover ? 'none' : el.getAttribute('data-anim-fill') || 'both';\n  const delay = isHover ? '-100ms' : ms(el.getAttribute('data-anim-delay') || '0');\n  el.style.animation = `da-${n} ${dur} ${easings[e] || e} ${delay} ${el.getAttribute('data-anim-iteration') || '1'} ${fill}`;\n}\n\nexport function resetAnimation(el: DataAnimElement, forHover = false): void {\n  el.style.animation = 'none';\n  if (forHover) {\n    // For hover: just clear animation so it can replay on next hover\n    // Don't apply initial hidden styles — hover elements stay visible\n    void el.offsetWidth; // force reflow\n    return;\n  }\n  const s = animationMap.get(el.getAttribute('data-anim') || '');\n  s?.initialStyle?.split(';').forEach((r) => {\n    const [p, v] = r.split(':');\n    if (p && v) el.style.setProperty(p.trim(), v.trim());\n  });\n}\n\nexport function createObserver(el: DataAnimElement): void {\n  const th = parseFloat(el.getAttribute('data-anim-offset') || '') || DEFAULTS.offset;\n  const once = el.hasAttribute('data-anim-once'),\n    mirror = el.hasAttribute('data-anim-mirror');\n  const o = new IntersectionObserver(\n    (es) => {\n      es.forEach((e) => {\n        if (e.isIntersecting) {\n          playAnimation(el);\n          if (once) o.unobserve(el);\n        } else if (mirror && el._daInit) resetAnimation(el);\n      });\n      el._daInit = true;\n    },\n    { threshold: th },\n  );\n  el._daObs = o;\n  o.observe(el);\n}\n","import { createObserver, playAnimation, resetAnimation } from './observer';\nimport type { DataAnimElement } from '../types';\n\nexport function setupTrigger(el: DataAnimElement): void {\n  const t = el.getAttribute('data-anim-trigger') || 'scroll';\n  if (t === 'load') {\n    if (document.readyState === 'loading')\n      document.addEventListener('DOMContentLoaded', () => playAnimation(el), {\n        once: true,\n      });\n    else playAnimation(el);\n  } else if (t === 'click') {\n    el.addEventListener('click', () => {\n      el.style.animation = 'none';\n      void el.offsetWidth;\n      playAnimation(el);\n    });\n  } else if (t === 'hover') {\n    let animating = false;\n    el.addEventListener('mouseenter', () => {\n      if (animating) return;\n      animating = true;\n      el.style.animation = 'none';\n      void el.offsetWidth;\n      playAnimation(el, true);\n      el.addEventListener(\n        'animationend',\n        () => {\n          animating = false;\n          if (!el.matches(':hover')) resetAnimation(el, true);\n        },\n        { once: true },\n      );\n    });\n    el.addEventListener('mouseleave', () => {\n      if (!animating) resetAnimation(el, true);\n    });\n    el.addEventListener('focus', () => {\n      if (el.matches(':focus-visible') && !animating) {\n        animating = true;\n        el.style.animation = 'none';\n        void el.offsetWidth;\n        playAnimation(el, true);\n        el.addEventListener(\n          'animationend',\n          () => {\n            animating = false;\n            if (!el.matches(':focus-visible')) resetAnimation(el, true);\n          },\n          { once: true },\n        );\n      }\n    });\n    el.addEventListener('blur', () => {\n      if (!animating) resetAnimation(el, true);\n    });\n  } else {\n    createObserver(el);\n  }\n}\n","export function applyStagger(el: HTMLElement): void {\n  const v = el.getAttribute('data-anim-stagger');\n  if (!v) return;\n  const delay = parseInt(v) || 100,\n    from = el.getAttribute('data-anim-stagger-from') || 'start';\n  const ch = Array.from(el.querySelectorAll<HTMLElement>('[data-anim]')),\n    n = ch.length,\n    mid = (n - 1) / 2;\n  ch.forEach((c, i) => {\n    const idx =\n      from === 'end'\n        ? n - 1 - i\n        : from === 'center'\n          ? Math.abs(i - mid)\n          : from === 'edges'\n            ? mid - Math.abs(i - mid)\n            : i;\n    c.style.animationDelay = `${(parseInt(c.getAttribute('data-anim-delay') || '0') || 0) + idx * delay}ms`;\n  });\n}\n","import { initElement } from './init';\n\nexport function startMutationObserver(): void {\n  new MutationObserver((ms) =>\n    ms.forEach((m) =>\n      m.addedNodes.forEach((nd) => {\n        if (nd.nodeType !== 1) return;\n        const e = nd as HTMLElement;\n        if (e.hasAttribute('data-anim')) initElement(e);\n        e.querySelectorAll?.('[data-anim]').forEach((c) => initElement(c as HTMLElement));\n      }),\n    ),\n  ).observe(document.body, { childList: true, subtree: true });\n}\n","import { getKeyframesCSS } from '../animations/index';\nimport { setupTrigger } from './triggers';\nimport { applyStagger } from './stagger';\nimport { isDisabled, onResize } from './responsive';\nimport { startMutationObserver } from './mutation';\nimport type { DataAnimElement } from '../types';\n\n// Layer 1: Anti-FOUC\nexport function injectAntifouc(): void {\n  const s = document.createElement('style');\n  s.textContent =\n    '[data-anim]:not([data-anim-trigger=\"hover\"]):not([data-anim-trigger=\"click\"]){opacity:0;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){[data-anim]{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}}';\n  (document.head || document.documentElement).appendChild(s);\n}\n\nlet injected = false;\nfunction injectKeyframes(): void {\n  if (injected) return;\n  injected = true;\n  const s = document.createElement('style');\n  s.textContent = getKeyframesCSS();\n  document.head.appendChild(s);\n}\n\nexport function initElement(el: HTMLElement): void {\n  const d = el as DataAnimElement;\n  if (d._daInit) return;\n  d._daInit = true;\n  if (isDisabled(el)) {\n    el.style.opacity = '1';\n    return;\n  }\n  if (el.hasAttribute('data-anim-stagger')) applyStagger(el);\n  // Above-fold fast reveal\n  if (\n    (el.getAttribute('data-anim-trigger') || 'scroll') === 'scroll' &&\n    el.getBoundingClientRect().top < window.innerHeight &&\n    !el.getAttribute('data-anim-duration')\n  )\n    el.setAttribute('data-anim-duration', '800');\n  setupTrigger(d);\n}\n\nexport function init(): void {\n  injectKeyframes();\n  // Layer 2: noscript fallback (must use innerHTML — dynamic createElement makes noscript content active)\n  const ns = document.createElement('div');\n  ns.innerHTML =\n    '<noscript><style>[data-anim]{opacity:1!important;transform:none!important}</style></noscript>';\n  document.head.appendChild(ns.firstChild!);\n\n  const run = () => {\n    document.querySelectorAll<HTMLElement>('[data-anim]').forEach(initElement);\n    startMutationObserver();\n    // Layer 3: fallback timeout\n    setTimeout(\n      () =>\n        document.querySelectorAll<HTMLElement>('[data-anim]').forEach((el) => {\n          if (getComputedStyle(el).opacity === '0') {\n            el.style.opacity = '1';\n            el.style.transform = 'none';\n          }\n        }),\n      5e3,\n    );\n    // Resize handler\n    onResize(() =>\n      document.querySelectorAll<HTMLElement>('[data-anim]').forEach((el) => {\n        if (isDisabled(el)) {\n          el.style.opacity = '1';\n          el.style.animation = 'none';\n        }\n      }),\n    );\n  };\n\n  if (document.readyState === 'loading')\n    document.addEventListener('DOMContentLoaded', run, { once: true });\n  else run();\n}\n","import { injectAntifouc, init } from './core/init';\n\n// Layer 1: Inject anti-FOUC styles immediately (before DOM ready)\ninjectAntifouc();\n\n// Initialize when ready\ninit();\n"],"mappings":"YACA,IAAM,EAAI,qBACR,EAAI,YACJ,EAAI,+BACO,EAAiC,CAC5C,CACE,KAAM,SACN,UAAW,yFACX,aAAc,GAEhB,CACE,KAAM,UACN,UAAW,uDAEb,CACE,KAAM,WACN,UAAW,kEAAkE,CAAA,MAAO,CAAA,IACpF,aAAc,EACd,iBAAkB,IAEpB,CACE,KAAM,aACN,UAAW,yEAAyE,CAAA,UAAW,CAAA,IAC/F,aAAc,EACd,iBAAkB,IAEpB,CACE,KAAM,aACN,UAAW,yEAAyE,CAAA,UAAW,CAAA,IAC/F,aAAc,EACd,iBAAkB,IAEpB,CACE,KAAM,cACN,UAAW,qEAAqE,CAAA,MAAO,CAAA,IACvF,aAAc,EACd,iBAAkB,KCnChB,EAAI,YACR,EAAI,+BACO,EAAkC,CAC7C,CACE,KAAM,YACN,UAAW,qEAAqE,CAAA,IAChF,aAAc,GAEhB,CACE,KAAM,cACN,UAAW,wEAAwE,CAAA,IACnF,aAAc,GAEhB,CACE,KAAM,cACN,UAAW,wEAAwE,CAAA,IACnF,aAAc,GAEhB,CACE,KAAM,eACN,UAAW,wEAAwE,CAAA,IACnF,aAAc,ICrBZ,EAAI,qBACR,EAAI,YACJ,EAAI,+BACO,EAAiC,CAC5C,CACE,KAAM,SACN,UAAW,2DAA2D,CAAA,IACtE,aAAc,EACd,cAAe,IAEjB,CACE,KAAM,UACN,UAAW,6DAA6D,CAAA,IACxE,aAAc,EACd,cAAe,IAEjB,CACE,KAAM,WACN,UAAW,4EAA4E,CAAA,MAAO,CAAA,IAC9F,aAAc,EACd,iBAAkB,GAClB,cAAe,IAEjB,CACE,KAAM,aACN,UAAW,mFAAmF,CAAA,UAAW,CAAA,IACzG,aAAc,EACd,iBAAkB,GAClB,cAAe,KC5Bb,EAAI,YACR,EAAI,+BACO,EAAmC,CAC9C,CACE,KAAM,SACN,UAAW,uHAEb,CACE,KAAM,WACN,UAAW,6GAA6G,CAAA,IACxH,aAAc,GAEhB,CACE,KAAM,aACN,UAAW,+JACX,aAAc,GAEhB,CACE,KAAM,eACN,UAAW,kKACX,aAAc,ICpBL,EAAsC,CACjD,CACE,KAAM,QACN,UAAW,yIAEb,CACE,KAAM,QACN,UAAW,4EAEb,CACE,KAAM,SACN,UAAW,sLAEb,CACE,KAAM,OACN,UAAW,qHAEb,CACE,KAAM,QACN,UAAW,8JAEb,CACE,KAAM,aACN,UAAW,8MCvBT,EAAI,YACR,EAAI,+BACO,EAAmC,CAC9C,CACE,KAAM,WACN,UAAW,mEAAmE,CAAA,IAC9E,aAAc,GAEhB,CACE,KAAM,mBACN,UAAW,0EAA0E,CAAA,IACrF,aAAc,EAAI,iCAEpB,CACE,KAAM,oBACN,UAAW,0EAA0E,CAAA,IACrF,aAAc,EAAI,mCChBhB,EAAI,YACG,EAAoC,CAC/C,CACE,KAAM,OACN,UAAW,oFACX,aAAc,EAAI,sBAEpB,CACE,KAAM,aACN,UAAW,oFACX,aAAc,+BAEhB,CACE,KAAM,aACN,UAAW,gEACX,aAAc,mDCPL,EAAgC,CAC3C,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,GAGQ,EAAe,IAAI,IAChC,EAAc,QAAS,GAAM,EAAa,IAAI,EAAE,KAAM,CAAA,CAAE,EAExD,SAAgB,GAA0B,CACxC,OAAO,EAAc,IAAK,GAAM,EAAE,SAAA,EAAW,KAAK,EAAA,ECvBpD,IAAa,EAAW,CACtB,OAAQ,GACR,SAAU,KACV,OAAQ,iCAGG,EAAkC,CAC7C,KAAM,EAAS,OACf,gBAAiB,6BACjB,gBAAiB,iCACjB,OAAQ,wCAGG,EAAc,CAAE,OAAQ,IAAK,OAAQ,MCX9C,EAES,EAAA,IAA0B,CACrC,MAAM,EAAI,OAAO,WACjB,OAAO,EAAI,EAAY,OAAS,SAAW,EAAI,EAAY,OAAS,SAAW,WAGpE,EAAc,GAA6B,CACtD,MAAM,EAAI,EAAG,aAAa,mBAAA,EAC1B,GAAI,CAAC,EAAG,MAAO,GACf,GAAI,IAAM,EAAA,EAAa,MAAO,GAC9B,MAAM,EAAI,SAAS,CAAA,EACnB,MAAO,CAAC,MAAM,CAAA,GAAM,OAAO,WAAa,GAG7B,EAAiB,GAC5B,EAAA,IAAgB,SAAW,EAAG,aAAa,kBAAA,EAAsB,KAEtD,EAAY,GAAyB,CAChD,OAAO,iBAAiB,SAAA,IAAgB,CACtC,aAAa,CAAA,EACb,EAAK,WAAW,EAAI,GAAA,KClBlB,EAAM,GAAe,QAAQ,KAAK,CAAA,EAAK,EAAI,KAAO,EAExD,SAAgB,EAAc,EAAqB,EAAU,GAAa,CACxE,GAAI,EAAW,CAAA,EAAK,CAClB,EAAG,MAAM,QAAU,IACnB,OAEF,MAAM,EAAI,EAAc,CAAA,GAAO,EAAG,aAAa,WAAA,GAAgB,GAC/D,GAAI,CAAC,EAAa,IAAI,CAAA,EAAI,OAC1B,MAAM,EAAO,EAAG,aAAa,oBAAA,EACzB,GAAM,EAAG,MAAM,YAAY,gBAAiB,CAAA,EAChD,MAAM,EAAI,EAAG,aAAa,kBAAA,GAAuB,OAC3C,EAAM,EAAG,EAAG,aAAa,oBAAA,GAAyB,GAAK,EAAS,QAAA,EAEhE,EAAO,EAAU,OAAS,EAAG,aAAa,gBAAA,GAAqB,OAC/D,EAAQ,EAAU,SAAW,EAAG,EAAG,aAAa,iBAAA,GAAsB,GAAA,EAC5E,EAAG,MAAM,UAAY,MAAM,CAAA,IAAK,CAAA,IAAO,EAAQ,CAAA,GAAM,CAAA,IAAK,CAAA,IAAS,EAAG,aAAa,qBAAA,GAA0B,GAAA,IAAO,CAAA,GAGtH,SAAgB,EAAe,EAAqB,EAAW,GAAa,CAE1E,GADA,EAAG,MAAM,UAAY,OACjB,EAAU,CAGP,EAAG,YACR,OAEQ,EAAa,IAAI,EAAG,aAAa,WAAA,GAAgB,EAAA,GACxD,cAAc,MAAM,GAAA,EAAK,QAAS,GAAM,CACzC,KAAM,CAAC,EAAG,CAAA,EAAK,EAAE,MAAM,GAAA,EACnB,GAAK,GAAG,EAAG,MAAM,YAAY,EAAE,KAAA,EAAQ,EAAE,KAAA,CAAM,IAIvD,SAAgB,EAAe,EAA2B,CACxD,MAAM,EAAK,WAAW,EAAG,aAAa,kBAAA,GAAuB,EAAA,GAAO,EAAS,OACvE,EAAO,EAAG,aAAa,gBAAA,EAC3B,EAAS,EAAG,aAAa,kBAAA,EACrB,EAAI,IAAI,qBACX,GAAO,CACN,EAAG,QAAS,GAAM,CACZ,EAAE,gBACJ,EAAc,CAAA,EACV,GAAM,EAAE,UAAU,CAAA,GACb,GAAU,EAAG,SAAS,EAAe,CAAA,IAElD,EAAG,QAAU,IAEf,CAAE,UAAW,CAAA,CAAI,EAEnB,EAAG,OAAS,EACZ,EAAE,QAAQ,CAAA,ECrDZ,SAAgB,EAAa,EAA2B,CACtD,MAAM,EAAI,EAAG,aAAa,mBAAA,GAAwB,SAClD,GAAI,IAAM,OACJ,SAAS,aAAe,UAC1B,SAAS,iBAAiB,mBAAA,IAA0B,EAAc,CAAA,EAAK,CACrE,KAAM,EAAA,CACP,EACE,EAAc,CAAA,UACV,IAAM,QACf,EAAG,iBAAiB,QAAA,IAAe,CACjC,EAAG,MAAM,UAAY,OAChB,EAAG,YACR,EAAc,CAAA,YAEP,IAAM,QAAS,CACxB,IAAI,EAAY,GAChB,EAAG,iBAAiB,aAAA,IAAoB,CAClC,IACJ,EAAY,GACZ,EAAG,MAAM,UAAY,OAChB,EAAG,YACR,EAAc,EAAI,EAAA,EAClB,EAAG,iBACD,eAAA,IACM,CACJ,EAAY,GACP,EAAG,QAAQ,QAAA,GAAW,EAAe,EAAI,EAAA,GAEhD,CAAE,KAAM,EAAA,CAAM,KAGlB,EAAG,iBAAiB,aAAA,IAAoB,CACjC,GAAW,EAAe,EAAI,EAAA,IAErC,EAAG,iBAAiB,QAAA,IAAe,CAC7B,EAAG,QAAQ,gBAAA,GAAqB,CAAC,IACnC,EAAY,GACZ,EAAG,MAAM,UAAY,OAChB,EAAG,YACR,EAAc,EAAI,EAAA,EAClB,EAAG,iBACD,eAAA,IACM,CACJ,EAAY,GACP,EAAG,QAAQ,gBAAA,GAAmB,EAAe,EAAI,EAAA,GAExD,CAAE,KAAM,EAAA,CAAM,KAIpB,EAAG,iBAAiB,OAAA,IAAc,CAC3B,GAAW,EAAe,EAAI,EAAA,SAGrC,EAAe,CAAA,ECzDnB,SAAgB,EAAa,EAAuB,CAClD,MAAM,EAAI,EAAG,aAAa,mBAAA,EAC1B,GAAI,CAAC,EAAG,OACR,MAAM,EAAQ,SAAS,CAAA,GAAM,IAC3B,EAAO,EAAG,aAAa,wBAAA,GAA6B,QAChD,EAAK,MAAM,KAAK,EAAG,iBAA8B,aAAA,CAAc,EACnE,EAAI,EAAG,OACP,GAAO,EAAI,GAAK,EAClB,EAAG,QAAA,CAAS,EAAG,IAAM,CACnB,MAAM,EACJ,IAAS,MACL,EAAI,EAAI,EACR,IAAS,SACP,KAAK,IAAI,EAAI,CAAA,EACb,IAAS,QACP,EAAM,KAAK,IAAI,EAAI,CAAA,EACnB,EACV,EAAE,MAAM,eAAiB,IAAI,SAAS,EAAE,aAAa,iBAAA,GAAsB,GAAA,GAAQ,GAAK,EAAM,CAAA,OCflG,SAAgB,GAA8B,CAC5C,IAAI,iBAAkB,GACpB,EAAG,QAAS,GACV,EAAE,WAAW,QAAS,GAAO,CAC3B,GAAI,EAAG,WAAa,EAAG,OACvB,MAAM,EAAI,EACN,EAAE,aAAa,WAAA,GAAc,EAAY,CAAA,EAC7C,EAAE,mBAAmB,aAAA,EAAe,QAAS,GAAM,EAAY,CAAA,CAAiB,GAChF,CACH,EACD,QAAQ,SAAS,KAAM,CAAE,UAAW,GAAM,QAAS,GAAM,ECJ7D,SAAgB,GAAuB,CACrC,MAAM,EAAI,SAAS,cAAc,OAAA,EACjC,EAAE,YACA,kSACD,SAAS,MAAQ,SAAS,iBAAiB,YAAY,CAAA,EAG1D,IAAI,EAAW,GACf,SAAS,GAAwB,CAC/B,GAAI,EAAU,OACd,EAAW,GACX,MAAM,EAAI,SAAS,cAAc,OAAA,EACjC,EAAE,YAAc,EAAA,EAChB,SAAS,KAAK,YAAY,CAAA,EAG5B,SAAgB,EAAY,EAAuB,CACjD,MAAM,EAAI,EACV,GAAI,CAAA,EAAE,QAEN,IADA,EAAE,QAAU,GACR,EAAW,CAAA,EAAK,CAClB,EAAG,MAAM,QAAU,IACnB,OAEE,EAAG,aAAa,mBAAA,GAAsB,EAAa,CAAA,GAGpD,EAAG,aAAa,mBAAA,GAAwB,YAAc,UACvD,EAAG,sBAAA,EAAwB,IAAM,OAAO,aACxC,CAAC,EAAG,aAAa,oBAAA,GAEjB,EAAG,aAAa,qBAAsB,KAAA,EACxC,EAAa,CAAA,GAGf,SAAgB,GAAa,CAC3B,EAAA,EAEA,MAAM,EAAK,SAAS,cAAc,KAAA,EAClC,EAAG,UACD,gGACF,SAAS,KAAK,YAAY,EAAG,UAAA,EAE7B,MAAM,EAAA,IAAY,CAChB,SAAS,iBAA8B,aAAA,EAAe,QAAQ,CAAA,EAC9D,EAAA,EAEA,WAAA,IAEI,SAAS,iBAA8B,aAAA,EAAe,QAAS,GAAO,CAChE,iBAAiB,CAAA,EAAI,UAAY,MACnC,EAAG,MAAM,QAAU,IACnB,EAAG,MAAM,UAAY,UAG3B,GAAA,EAGF,EAAA,IACE,SAAS,iBAA8B,aAAA,EAAe,QAAS,GAAO,CAChE,EAAW,CAAA,IACb,EAAG,MAAM,QAAU,IACnB,EAAG,MAAM,UAAY,SAEvB,GAIF,SAAS,aAAe,UAC1B,SAAS,iBAAiB,mBAAoB,EAAK,CAAE,KAAM,EAAA,CAAM,EAC9D,EAAA,EC3EP,EAAA,EAGA,EAAA"}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "data-anim",
+  "version": "0.1.0",
+  "description": "Animate with just HTML. Powered by data attributes.",
+  "type": "module",
+  "packageManager": "pnpm@10.11.0",
+  "main": "dist/data-anim.js",
+  "module": "dist/data-anim.esm.js",
+  "types": "dist/data-anim.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/data-anim.d.ts",
+      "import": "./dist/data-anim.esm.js",
+      "require": "./dist/data-anim.js"
+    }
+  },
+  "unpkg": "dist/data-anim.min.js",
+  "jsdelivr": "dist/data-anim.min.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "oxlint src/",
+    "lint:fix": "oxlint --fix src/",
+    "format": "oxfmt --write src/ tests/",
+    "format:check": "oxfmt --check src/ tests/",
+    "check": "pnpm lint && pnpm format:check && pnpm build"
+  },
+  "keywords": [
+    "animation",
+    "css",
+    "data-attributes",
+    "scroll",
+    "intersection-observer",
+    "anti-fouc",
+    "zero-js",
+    "declarative",
+    "hover",
+    "stagger"
+  ],
+  "author": "Ryo Matsukawa",
+  "funding": "https://github.com/ryo-manba/data-anim?sponsor=1",
+  "homepage": "https://github.com/ryo-manba/data-anim#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ryo-manba/data-anim"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@oxfmt/binding-darwin-arm64": "0.40.0",
+    "@oxlint/binding-darwin-arm64": "1.55.0",
+    "@rolldown/binding-darwin-arm64": "1.0.0-rc.9",
+    "oxfmt": "^0.40.0",
+    "oxlint": "1.55.0",
+    "puppeteer": "^24.39.1",
+    "typescript": "^5.3.0",
+    "vite": "^8.0.0",
+    "vite-plugin-dts": "^4.0.0"
+  }
+}