use-scroll-animate 7.1.0 → 7.3.0

package/dist/components/fx-chart.cjs

@@ -0,0 +1,158 @@
+'use strict';
+
+var registry = require('../chunks/registry-DehBVRDV.cjs');
+var shared = require('../chunks/shared-jkgRH-Hx.cjs');
+require('../chunks/base-BaQV-2ha.cjs');
+
+const fade = (el, ctx) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 });
+const pick = (el, sel) => Array.from(el.querySelectorAll(sel));
+/** Parse a number out of text like "$1,234.5k" → { n, pre, post, dec }. */
+function parseFigure(s) {
+    const m = /^(\D*?)(-?[\d,]*\.?\d+)(.*)$/.exec(s.trim());
+    if (!m)
+        return null;
+    const raw = m[2].replace(/,/g, '');
+    return { n: Number(raw), pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length };
+}
+const CHART_FX = [
+    {
+        name: 'bars-grow',
+        kind: 'enter',
+        description: 'Bars (`[data-bar]`, SVG `rect`, or the children) grow from the baseline in a stagger (`axis` y | x, `stagger`, `duration`).',
+        defaults: { axis: 'y', stagger: 60, duration: 700 },
+        run: (el, o, ctx) => {
+            let bars = pick(el, '[data-bar]');
+            if (!bars.length)
+                bars = pick(el, 'rect');
+            if (!bars.length)
+                bars = Array.from(el.children);
+            if (ctx.reduced)
+                return fade(el, ctx);
+            const x = o.axis === 'x';
+            return shared.all(bars.map((b, i) => {
+                b.style.transformOrigin = x ? '0% 50%' : '50% 100%';
+                b.style.transformBox = 'fill-box';
+                return ctx.animate(b, [{ transform: x ? 'scaleX(0)' : 'scaleY(0)' }, { transform: x ? 'scaleX(1.04)' : 'scaleY(1.04)', offset: 0.75 }, { transform: 'none' }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.2,.8,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'line-draw',
+        kind: 'enter',
+        description: 'Every SVG `path` / `polyline` / `line` draws itself, then area fills fade in (`duration`, `stagger`).',
+        defaults: { duration: 1100, stagger: 120 },
+        run: (el, o, ctx) => {
+            const lines = pick(el, 'path, polyline, line');
+            if (ctx.reduced || !lines.length)
+                return fade(el, ctx);
+            return shared.all(lines.map((p, i) => {
+                const len = typeof p.getTotalLength === 'function' ? p.getTotalLength() || 1000 : 1000;
+                const fill = getComputedStyle(p).fill;
+                const hasFill = fill && fill !== 'none' && fill !== 'rgba(0, 0, 0, 0)';
+                return ctx.animate(p, [{ strokeDasharray: `${len}`, strokeDashoffset: len, fillOpacity: hasFill ? 0 : 1 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: hasFill ? 0 : 1, offset: 0.8 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'ring-sweep',
+        kind: 'enter',
+        description: "SVG `circle` arcs (donut / ring charts) sweep around from 12 o'clock (`duration`, `stagger`).",
+        defaults: { duration: 1000, stagger: 150 },
+        run: (el, o, ctx) => {
+            const rings = pick(el, 'circle');
+            if (ctx.reduced || !rings.length)
+                return fade(el, ctx);
+            return shared.all(rings.map((c, i) => {
+                const r = Number(c.getAttribute('r')) || 0;
+                const len = 2 * Math.PI * r || 100;
+                const dash = c.getAttribute('stroke-dasharray') || `${len} ${len}`;
+                const visible = Number(String(dash).split(/[ ,]+/)[0]) || len;
+                return ctx.animate(c, [{ strokeDasharray: `0 ${len}` }, { strokeDasharray: `${visible} ${len}` }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'sankey-flow',
+        kind: 'loop',
+        description: 'Dashes flow along the SVG links (`[data-flow]` or every stroked `path`) to show direction (`speed`, `dash`).',
+        defaults: { speed: 1, dash: '6 10' },
+        reduced: 'run',
+        run: (el, o, ctx) => {
+            let links = pick(el, '[data-flow]');
+            if (!links.length)
+                links = pick(el, 'path');
+            const prev = links.map((l) => l.getAttribute('stroke-dasharray'));
+            links.forEach((l) => l.setAttribute('stroke-dasharray', o.dash));
+            const anims = ctx.reduced ? [] : links.map((l, i) => ctx.animate(l, [{ strokeDashoffset: 0 }, { strokeDashoffset: -32 }], { duration: (1200 + (i % 3) * 300) / Math.max(0.1, o.speed), iterations: Infinity }));
+            const stop = () => {
+                anims.forEach((a) => a?.cancel());
+                links.forEach((l, i) => (prev[i] === null ? l.removeAttribute('stroke-dasharray') : l.setAttribute('stroke-dasharray', prev[i])));
+            };
+            ctx.onCleanup(stop);
+            return stop;
+        },
+    },
+    {
+        name: 'number-roll',
+        kind: 'enter',
+        description: 'Numbers (`[data-value]` or the text of the element) count up with locale formatting, keeping prefixes and suffixes (`duration`).',
+        defaults: { duration: 1200, locale: undefined },
+        run: (el, o, ctx) => {
+            const targets = pick(el, '[data-value]');
+            const list = targets.length ? targets : [el];
+            const jobs = list.map((t) => {
+                const f = t.dataset.value !== undefined ? { ...(parseFigure(t.textContent || '') || { pre: '', post: '', dec: 0 }), n: Number(t.dataset.value) } : parseFigure(t.textContent || '');
+                return f && Number.isFinite(f.n) ? { t, f } : null;
+            }).filter(Boolean);
+            const out = (f, v) => f.pre + v.toLocaleString(o.locale, { minimumFractionDigits: f.dec, maximumFractionDigits: f.dec }) + f.post;
+            if (ctx.reduced || typeof requestAnimationFrame !== 'function') {
+                jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n)));
+                return fade(el, ctx);
+            }
+            return new Promise((resolve) => {
+                const t0 = performance.now();
+                let raf = 0;
+                const step = (now) => {
+                    const k = Math.min(1, (now - t0) / o.duration);
+                    const e = 1 - Math.pow(1 - k, 3);
+                    jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n * e)));
+                    if (k < 1)
+                        raf = requestAnimationFrame(step);
+                    else
+                        resolve();
+                };
+                raf = requestAnimationFrame(step);
+                ctx.onCleanup(() => cancelAnimationFrame(raf));
+            });
+        },
+    },
+    {
+        name: 'dots-pop',
+        kind: 'enter',
+        description: 'Scatter / line-chart points (`circle`, `[data-dot]`) pop in with an overshoot, left to right (`stagger`).',
+        defaults: { stagger: 40, duration: 420 },
+        run: (el, o, ctx) => {
+            let dots = pick(el, '[data-dot]');
+            if (!dots.length)
+                dots = pick(el, 'circle');
+            if (ctx.reduced || !dots.length)
+                return fade(el, ctx);
+            const xOf = (d) => Number(d.getAttribute('cx')) || d.offsetLeft || 0;
+            const sorted = dots.slice().sort((a, b) => xOf(a) - xOf(b));
+            return shared.all(sorted.map((d, i) => {
+                d.style.transformBox = 'fill-box';
+                d.style.transformOrigin = '50% 50%';
+                return ctx.animate(d, [{ transform: 'scale(0)', opacity: 0 }, { transform: 'scale(1.5)', opacity: 1, offset: 0.6 }, { transform: 'scale(1)', opacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'ease-out', fill: 'backwards' });
+            }));
+        },
+    },
+];
+/** Register the 7.2 data-viz motion pack (idempotent). */
+function registerChartPack() {
+    registry.registerEffects(CHART_FX);
+}
+
+exports.CHART_FX = CHART_FX;
+exports.parseFigure = parseFigure;
+exports.registerChartPack = registerChartPack;
+//# sourceMappingURL=fx-chart.cjs.map

package/dist/components/fx-chart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fx-chart.cjs","sources":["../../src/components/fx2/chart.ts"],"sourcesContent":["/**\n * 7.2 — Data-viz motion (`motionary/fx/chart`, also\n * `motionary/components/fx-chart`): entrances for the charts you already\n * have (any SVG or HTML chart library), registered through `registerEffect()`:\n *\n * - `bars-grow` (enter) — bars (`[data-bar]`, `rect`, or the children) grow\n *   from the baseline in a stagger.\n * - `line-draw` (enter) — every SVG `path` / `polyline` / `line` draws itself.\n * - `ring-sweep` (enter) — SVG `circle` arcs sweep around from 12 o'clock.\n * - `sankey-flow` (loop) — dashes flow along the SVG links (`[data-flow]` or\n *   every stroked `path`) to show direction and volume.\n * - `number-roll` (enter) — numbers (`[data-value]` or the text) count up\n *   with locale formatting.\n * - `dots-pop` (enter) — scatter / line points (`circle`, `[data-dot]`) pop in.\n *\n * Reduced motion: final state with a short fade (sankey-flow is static).\n */\nimport type { EffectContext, EffectDefinition } from '../fx/registry';\nimport { registerEffects } from '../fx/registry';\nimport { all } from '../effects/shared';\n\nconst fade = (el: Element, ctx: EffectContext) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 });\nconst pick = <T extends Element>(el: Element, sel: string): T[] => Array.from(el.querySelectorAll<T>(sel));\n\n/** Parse a number out of text like \"$1,234.5k\" → { n, pre, post, dec }. */\nexport function parseFigure(s: string): { n: number; pre: string; post: string; dec: number } | null {\n  const m = /^(\\D*?)(-?[\\d,]*\\.?\\d+)(.*)$/.exec(s.trim());\n  if (!m) return null;\n  const raw = m[2].replace(/,/g, '');\n  return { n: Number(raw), pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length };\n}\n\nexport const CHART_FX: EffectDefinition[] = [\n  {\n    name: 'bars-grow',\n    kind: 'enter',\n    description: 'Bars (`[data-bar]`, SVG `rect`, or the children) grow from the baseline in a stagger (`axis` y | x, `stagger`, `duration`).',\n    defaults: { axis: 'y', stagger: 60, duration: 700 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let bars = pick<HTMLElement>(el, '[data-bar]');\n      if (!bars.length) bars = pick<HTMLElement>(el, 'rect');\n      if (!bars.length) bars = Array.from(el.children) as HTMLElement[];\n      if (ctx.reduced) return fade(el, ctx);\n      const x = o.axis === 'x';\n      return all(\n        bars.map((b, i) => {\n          (b.style as CSSStyleDeclaration).transformOrigin = x ? '0% 50%' : '50% 100%';\n          (b.style as CSSStyleDeclaration).transformBox = 'fill-box';\n          return ctx.animate(b, [{ transform: x ? 'scaleX(0)' : 'scaleY(0)' }, { transform: x ? 'scaleX(1.04)' : 'scaleY(1.04)', offset: 0.75 }, { transform: 'none' }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.2,.8,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'line-draw',\n    kind: 'enter',\n    description: 'Every SVG `path` / `polyline` / `line` draws itself, then area fills fade in (`duration`, `stagger`).',\n    defaults: { duration: 1100, stagger: 120 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const lines = pick<SVGGeometryElement>(el, 'path, polyline, line');\n      if (ctx.reduced || !lines.length) return fade(el, ctx);\n      return all(\n        lines.map((p, i) => {\n          const len = typeof p.getTotalLength === 'function' ? p.getTotalLength() || 1000 : 1000;\n          const fill = getComputedStyle(p).fill;\n          const hasFill = fill && fill !== 'none' && fill !== 'rgba(0, 0, 0, 0)';\n          return ctx.animate(p, [{ strokeDasharray: `${len}`, strokeDashoffset: len, fillOpacity: hasFill ? 0 : 1 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: hasFill ? 0 : 1, offset: 0.8 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'ring-sweep',\n    kind: 'enter',\n    description: \"SVG `circle` arcs (donut / ring charts) sweep around from 12 o'clock (`duration`, `stagger`).\",\n    defaults: { duration: 1000, stagger: 150 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const rings = pick<SVGCircleElement>(el, 'circle');\n      if (ctx.reduced || !rings.length) return fade(el, ctx);\n      return all(\n        rings.map((c, i) => {\n          const r = Number(c.getAttribute('r')) || 0;\n          const len = 2 * Math.PI * r || 100;\n          const dash = c.getAttribute('stroke-dasharray') || `${len} ${len}`;\n          const visible = Number(String(dash).split(/[ ,]+/)[0]) || len;\n          return ctx.animate(c, [{ strokeDasharray: `0 ${len}` }, { strokeDasharray: `${visible} ${len}` }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'sankey-flow',\n    kind: 'loop',\n    description: 'Dashes flow along the SVG links (`[data-flow]` or every stroked `path`) to show direction (`speed`, `dash`).',\n    defaults: { speed: 1, dash: '6 10' },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let links = pick<SVGPathElement>(el, '[data-flow]');\n      if (!links.length) links = pick<SVGPathElement>(el, 'path');\n      const prev = links.map((l) => l.getAttribute('stroke-dasharray'));\n      links.forEach((l) => l.setAttribute('stroke-dasharray', o.dash));\n      const anims = ctx.reduced ? [] : links.map((l, i) => ctx.animate(l, [{ strokeDashoffset: 0 }, { strokeDashoffset: -32 }], { duration: (1200 + (i % 3) * 300) / Math.max(0.1, o.speed), iterations: Infinity }));\n      const stop = () => {\n        anims.forEach((a) => a?.cancel());\n        links.forEach((l, i) => (prev[i] === null ? l.removeAttribute('stroke-dasharray') : l.setAttribute('stroke-dasharray', prev[i]!)));\n      };\n      ctx.onCleanup(stop);\n      return stop;\n    },\n  },\n  {\n    name: 'number-roll',\n    kind: 'enter',\n    description: 'Numbers (`[data-value]` or the text of the element) count up with locale formatting, keeping prefixes and suffixes (`duration`).',\n    defaults: { duration: 1200, locale: undefined },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const targets = pick<HTMLElement>(el, '[data-value]');\n      const list = targets.length ? targets : [el];\n      const jobs = list.map((t) => {\n        const f = t.dataset.value !== undefined ? { ...(parseFigure(t.textContent || '') || { pre: '', post: '', dec: 0 }), n: Number(t.dataset.value) } : parseFigure(t.textContent || '');\n        return f && Number.isFinite(f.n) ? { t, f } : null;\n      }).filter(Boolean) as { t: HTMLElement; f: NonNullable<ReturnType<typeof parseFigure>> }[];\n      const out = (f: NonNullable<ReturnType<typeof parseFigure>>, v: number) => f.pre + v.toLocaleString(o.locale, { minimumFractionDigits: f.dec, maximumFractionDigits: f.dec }) + f.post;\n      if (ctx.reduced || typeof requestAnimationFrame !== 'function') {\n        jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n)));\n        return fade(el, ctx);\n      }\n      return new Promise<void>((resolve) => {\n        const t0 = performance.now();\n        let raf = 0;\n        const step = (now: number) => {\n          const k = Math.min(1, (now - t0) / o.duration);\n          const e = 1 - Math.pow(1 - k, 3);\n          jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n * e)));\n          if (k < 1) raf = requestAnimationFrame(step);\n          else resolve();\n        };\n        raf = requestAnimationFrame(step);\n        ctx.onCleanup(() => cancelAnimationFrame(raf));\n      });\n    },\n  },\n  {\n    name: 'dots-pop',\n    kind: 'enter',\n    description: 'Scatter / line-chart points (`circle`, `[data-dot]`) pop in with an overshoot, left to right (`stagger`).',\n    defaults: { stagger: 40, duration: 420 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let dots = pick<SVGElement>(el, '[data-dot]');\n      if (!dots.length) dots = pick<SVGElement>(el, 'circle');\n      if (ctx.reduced || !dots.length) return fade(el, ctx);\n      const xOf = (d: Element) => Number(d.getAttribute('cx')) || (d as HTMLElement).offsetLeft || 0;\n      const sorted = dots.slice().sort((a, b) => xOf(a) - xOf(b));\n      return all(\n        sorted.map((d, i) => {\n          (d.style as CSSStyleDeclaration).transformBox = 'fill-box';\n          (d.style as CSSStyleDeclaration).transformOrigin = '50% 50%';\n          return ctx.animate(d, [{ transform: 'scale(0)', opacity: 0 }, { transform: 'scale(1.5)', opacity: 1, offset: 0.6 }, { transform: 'scale(1)', opacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'ease-out', fill: 'backwards' });\n        })\n      );\n    },\n  },\n];\n\n/** Register the 7.2 data-viz motion pack (idempotent). */\nexport function registerChartPack(): void {\n  registerEffects(CHART_FX);\n}\n"],"names":["all","registerEffects"],"mappings":"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"}

package/dist/components/fx-chart.d.cts

@@ -0,0 +1,73 @@
+type MotionSensitivity = 'full' | 'gentle' | 'minimal' | 'static';
+type Cleanup = () => void;
+
+/**
+ * 5.0 — unified plugin-style effect registration. Every effect (built-in or
+ * yours) is a plain object registered once and played the same way:
+ * `playEffect(el, name)`, `bindEffect(el, name, { trigger })` or
+ * `<usa-fx effect="name" trigger="click">`. Effects get a context that
+ * already applies reduced motion, motion sensitivity, intensity and the
+ * animation budget.
+ */
+
+declare const EFFECT_KINDS: readonly ["enter", "exit", "attention", "click", "hover", "card", "loop", "page", "background", "text", "cursor", "scroll"];
+type EffectKind = (typeof EFFECT_KINDS)[number];
+interface EffectContext {
+    /** Reduced motion applies (OS setting, `minimal` / `static` sensitivity). */
+    readonly reduced: boolean;
+    readonly sensitivity: MotionSensitivity;
+    /** The triggering event (pointer position for click effects), if any. */
+    readonly event?: Event;
+    /** `el.animate()` with the library's motion rules (may return `null`). */
+    animate(el: Element, keyframes: Keyframe[], options: KeyframeAnimationOptions): Animation | null;
+    /** Register teardown for long-running effects (loops, listeners). */
+    onCleanup(fn: Cleanup): void;
+}
+interface EffectDefinition<O extends Record<string, unknown> = Record<string, any>> {
+    /** Unique, kebab-case. */
+    name: string;
+    kind: EffectKind;
+    /** One line for docs and the gallery. */
+    description?: string;
+    /** Option defaults (merged under the caller's options). */
+    defaults?: Partial<O>;
+    /**
+     * Under reduced motion: `'skip'` (do nothing — default for loop, background
+     * and cursor effects) or `'run'` (run with `ctx.reduced === true`, the
+     * effect degrades itself — default for everything else).
+     */
+    reduced?: 'skip' | 'run';
+    /** Play the effect. Return an Animation / Promise to be awaited, or a cleanup. */
+    run(el: HTMLElement, options: O, ctx: EffectContext): void | Cleanup | Animation | null | Promise<unknown>;
+}
+
+/**
+ * 7.2 — Data-viz motion (`motionary/fx/chart`, also
+ * `motionary/components/fx-chart`): entrances for the charts you already
+ * have (any SVG or HTML chart library), registered through `registerEffect()`:
+ *
+ * - `bars-grow` (enter) — bars (`[data-bar]`, `rect`, or the children) grow
+ *   from the baseline in a stagger.
+ * - `line-draw` (enter) — every SVG `path` / `polyline` / `line` draws itself.
+ * - `ring-sweep` (enter) — SVG `circle` arcs sweep around from 12 o'clock.
+ * - `sankey-flow` (loop) — dashes flow along the SVG links (`[data-flow]` or
+ *   every stroked `path`) to show direction and volume.
+ * - `number-roll` (enter) — numbers (`[data-value]` or the text) count up
+ *   with locale formatting.
+ * - `dots-pop` (enter) — scatter / line points (`circle`, `[data-dot]`) pop in.
+ *
+ * Reduced motion: final state with a short fade (sankey-flow is static).
+ */
+
+/** Parse a number out of text like "$1,234.5k" → { n, pre, post, dec }. */
+declare function parseFigure(s: string): {
+    n: number;
+    pre: string;
+    post: string;
+    dec: number;
+} | null;
+declare const CHART_FX: EffectDefinition[];
+/** Register the 7.2 data-viz motion pack (idempotent). */
+declare function registerChartPack(): void;
+
+export { CHART_FX, parseFigure, registerChartPack };

package/dist/components/fx-chart.d.ts

@@ -0,0 +1,73 @@
+type MotionSensitivity = 'full' | 'gentle' | 'minimal' | 'static';
+type Cleanup = () => void;
+
+/**
+ * 5.0 — unified plugin-style effect registration. Every effect (built-in or
+ * yours) is a plain object registered once and played the same way:
+ * `playEffect(el, name)`, `bindEffect(el, name, { trigger })` or
+ * `<usa-fx effect="name" trigger="click">`. Effects get a context that
+ * already applies reduced motion, motion sensitivity, intensity and the
+ * animation budget.
+ */
+
+declare const EFFECT_KINDS: readonly ["enter", "exit", "attention", "click", "hover", "card", "loop", "page", "background", "text", "cursor", "scroll"];
+type EffectKind = (typeof EFFECT_KINDS)[number];
+interface EffectContext {
+    /** Reduced motion applies (OS setting, `minimal` / `static` sensitivity). */
+    readonly reduced: boolean;
+    readonly sensitivity: MotionSensitivity;
+    /** The triggering event (pointer position for click effects), if any. */
+    readonly event?: Event;
+    /** `el.animate()` with the library's motion rules (may return `null`). */
+    animate(el: Element, keyframes: Keyframe[], options: KeyframeAnimationOptions): Animation | null;
+    /** Register teardown for long-running effects (loops, listeners). */
+    onCleanup(fn: Cleanup): void;
+}
+interface EffectDefinition<O extends Record<string, unknown> = Record<string, any>> {
+    /** Unique, kebab-case. */
+    name: string;
+    kind: EffectKind;
+    /** One line for docs and the gallery. */
+    description?: string;
+    /** Option defaults (merged under the caller's options). */
+    defaults?: Partial<O>;
+    /**
+     * Under reduced motion: `'skip'` (do nothing — default for loop, background
+     * and cursor effects) or `'run'` (run with `ctx.reduced === true`, the
+     * effect degrades itself — default for everything else).
+     */
+    reduced?: 'skip' | 'run';
+    /** Play the effect. Return an Animation / Promise to be awaited, or a cleanup. */
+    run(el: HTMLElement, options: O, ctx: EffectContext): void | Cleanup | Animation | null | Promise<unknown>;
+}
+
+/**
+ * 7.2 — Data-viz motion (`motionary/fx/chart`, also
+ * `motionary/components/fx-chart`): entrances for the charts you already
+ * have (any SVG or HTML chart library), registered through `registerEffect()`:
+ *
+ * - `bars-grow` (enter) — bars (`[data-bar]`, `rect`, or the children) grow
+ *   from the baseline in a stagger.
+ * - `line-draw` (enter) — every SVG `path` / `polyline` / `line` draws itself.
+ * - `ring-sweep` (enter) — SVG `circle` arcs sweep around from 12 o'clock.
+ * - `sankey-flow` (loop) — dashes flow along the SVG links (`[data-flow]` or
+ *   every stroked `path`) to show direction and volume.
+ * - `number-roll` (enter) — numbers (`[data-value]` or the text) count up
+ *   with locale formatting.
+ * - `dots-pop` (enter) — scatter / line points (`circle`, `[data-dot]`) pop in.
+ *
+ * Reduced motion: final state with a short fade (sankey-flow is static).
+ */
+
+/** Parse a number out of text like "$1,234.5k" → { n, pre, post, dec }. */
+declare function parseFigure(s: string): {
+    n: number;
+    pre: string;
+    post: string;
+    dec: number;
+} | null;
+declare const CHART_FX: EffectDefinition[];
+/** Register the 7.2 data-viz motion pack (idempotent). */
+declare function registerChartPack(): void;
+
+export { CHART_FX, parseFigure, registerChartPack };

package/dist/components/fx-chart.js

@@ -0,0 +1,154 @@
+import { registerEffects } from '../chunks/registry-CyKExAmE.js';
+import { a as all } from '../chunks/shared-CkKHWrtJ.js';
+import '../chunks/base-2-yYc93C.js';
+
+const fade = (el, ctx) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 });
+const pick = (el, sel) => Array.from(el.querySelectorAll(sel));
+/** Parse a number out of text like "$1,234.5k" → { n, pre, post, dec }. */
+function parseFigure(s) {
+    const m = /^(\D*?)(-?[\d,]*\.?\d+)(.*)$/.exec(s.trim());
+    if (!m)
+        return null;
+    const raw = m[2].replace(/,/g, '');
+    return { n: Number(raw), pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length };
+}
+const CHART_FX = [
+    {
+        name: 'bars-grow',
+        kind: 'enter',
+        description: 'Bars (`[data-bar]`, SVG `rect`, or the children) grow from the baseline in a stagger (`axis` y | x, `stagger`, `duration`).',
+        defaults: { axis: 'y', stagger: 60, duration: 700 },
+        run: (el, o, ctx) => {
+            let bars = pick(el, '[data-bar]');
+            if (!bars.length)
+                bars = pick(el, 'rect');
+            if (!bars.length)
+                bars = Array.from(el.children);
+            if (ctx.reduced)
+                return fade(el, ctx);
+            const x = o.axis === 'x';
+            return all(bars.map((b, i) => {
+                b.style.transformOrigin = x ? '0% 50%' : '50% 100%';
+                b.style.transformBox = 'fill-box';
+                return ctx.animate(b, [{ transform: x ? 'scaleX(0)' : 'scaleY(0)' }, { transform: x ? 'scaleX(1.04)' : 'scaleY(1.04)', offset: 0.75 }, { transform: 'none' }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.2,.8,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'line-draw',
+        kind: 'enter',
+        description: 'Every SVG `path` / `polyline` / `line` draws itself, then area fills fade in (`duration`, `stagger`).',
+        defaults: { duration: 1100, stagger: 120 },
+        run: (el, o, ctx) => {
+            const lines = pick(el, 'path, polyline, line');
+            if (ctx.reduced || !lines.length)
+                return fade(el, ctx);
+            return all(lines.map((p, i) => {
+                const len = typeof p.getTotalLength === 'function' ? p.getTotalLength() || 1000 : 1000;
+                const fill = getComputedStyle(p).fill;
+                const hasFill = fill && fill !== 'none' && fill !== 'rgba(0, 0, 0, 0)';
+                return ctx.animate(p, [{ strokeDasharray: `${len}`, strokeDashoffset: len, fillOpacity: hasFill ? 0 : 1 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: hasFill ? 0 : 1, offset: 0.8 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'ring-sweep',
+        kind: 'enter',
+        description: "SVG `circle` arcs (donut / ring charts) sweep around from 12 o'clock (`duration`, `stagger`).",
+        defaults: { duration: 1000, stagger: 150 },
+        run: (el, o, ctx) => {
+            const rings = pick(el, 'circle');
+            if (ctx.reduced || !rings.length)
+                return fade(el, ctx);
+            return all(rings.map((c, i) => {
+                const r = Number(c.getAttribute('r')) || 0;
+                const len = 2 * Math.PI * r || 100;
+                const dash = c.getAttribute('stroke-dasharray') || `${len} ${len}`;
+                const visible = Number(String(dash).split(/[ ,]+/)[0]) || len;
+                return ctx.animate(c, [{ strokeDasharray: `0 ${len}` }, { strokeDasharray: `${visible} ${len}` }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });
+            }));
+        },
+    },
+    {
+        name: 'sankey-flow',
+        kind: 'loop',
+        description: 'Dashes flow along the SVG links (`[data-flow]` or every stroked `path`) to show direction (`speed`, `dash`).',
+        defaults: { speed: 1, dash: '6 10' },
+        reduced: 'run',
+        run: (el, o, ctx) => {
+            let links = pick(el, '[data-flow]');
+            if (!links.length)
+                links = pick(el, 'path');
+            const prev = links.map((l) => l.getAttribute('stroke-dasharray'));
+            links.forEach((l) => l.setAttribute('stroke-dasharray', o.dash));
+            const anims = ctx.reduced ? [] : links.map((l, i) => ctx.animate(l, [{ strokeDashoffset: 0 }, { strokeDashoffset: -32 }], { duration: (1200 + (i % 3) * 300) / Math.max(0.1, o.speed), iterations: Infinity }));
+            const stop = () => {
+                anims.forEach((a) => a?.cancel());
+                links.forEach((l, i) => (prev[i] === null ? l.removeAttribute('stroke-dasharray') : l.setAttribute('stroke-dasharray', prev[i])));
+            };
+            ctx.onCleanup(stop);
+            return stop;
+        },
+    },
+    {
+        name: 'number-roll',
+        kind: 'enter',
+        description: 'Numbers (`[data-value]` or the text of the element) count up with locale formatting, keeping prefixes and suffixes (`duration`).',
+        defaults: { duration: 1200, locale: undefined },
+        run: (el, o, ctx) => {
+            const targets = pick(el, '[data-value]');
+            const list = targets.length ? targets : [el];
+            const jobs = list.map((t) => {
+                const f = t.dataset.value !== undefined ? { ...(parseFigure(t.textContent || '') || { pre: '', post: '', dec: 0 }), n: Number(t.dataset.value) } : parseFigure(t.textContent || '');
+                return f && Number.isFinite(f.n) ? { t, f } : null;
+            }).filter(Boolean);
+            const out = (f, v) => f.pre + v.toLocaleString(o.locale, { minimumFractionDigits: f.dec, maximumFractionDigits: f.dec }) + f.post;
+            if (ctx.reduced || typeof requestAnimationFrame !== 'function') {
+                jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n)));
+                return fade(el, ctx);
+            }
+            return new Promise((resolve) => {
+                const t0 = performance.now();
+                let raf = 0;
+                const step = (now) => {
+                    const k = Math.min(1, (now - t0) / o.duration);
+                    const e = 1 - Math.pow(1 - k, 3);
+                    jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n * e)));
+                    if (k < 1)
+                        raf = requestAnimationFrame(step);
+                    else
+                        resolve();
+                };
+                raf = requestAnimationFrame(step);
+                ctx.onCleanup(() => cancelAnimationFrame(raf));
+            });
+        },
+    },
+    {
+        name: 'dots-pop',
+        kind: 'enter',
+        description: 'Scatter / line-chart points (`circle`, `[data-dot]`) pop in with an overshoot, left to right (`stagger`).',
+        defaults: { stagger: 40, duration: 420 },
+        run: (el, o, ctx) => {
+            let dots = pick(el, '[data-dot]');
+            if (!dots.length)
+                dots = pick(el, 'circle');
+            if (ctx.reduced || !dots.length)
+                return fade(el, ctx);
+            const xOf = (d) => Number(d.getAttribute('cx')) || d.offsetLeft || 0;
+            const sorted = dots.slice().sort((a, b) => xOf(a) - xOf(b));
+            return all(sorted.map((d, i) => {
+                d.style.transformBox = 'fill-box';
+                d.style.transformOrigin = '50% 50%';
+                return ctx.animate(d, [{ transform: 'scale(0)', opacity: 0 }, { transform: 'scale(1.5)', opacity: 1, offset: 0.6 }, { transform: 'scale(1)', opacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'ease-out', fill: 'backwards' });
+            }));
+        },
+    },
+];
+/** Register the 7.2 data-viz motion pack (idempotent). */
+function registerChartPack() {
+    registerEffects(CHART_FX);
+}
+
+export { CHART_FX, parseFigure, registerChartPack };
+//# sourceMappingURL=fx-chart.js.map

package/dist/components/fx-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fx-chart.js","sources":["../../src/components/fx2/chart.ts"],"sourcesContent":["/**\n * 7.2 — Data-viz motion (`motionary/fx/chart`, also\n * `motionary/components/fx-chart`): entrances for the charts you already\n * have (any SVG or HTML chart library), registered through `registerEffect()`:\n *\n * - `bars-grow` (enter) — bars (`[data-bar]`, `rect`, or the children) grow\n *   from the baseline in a stagger.\n * - `line-draw` (enter) — every SVG `path` / `polyline` / `line` draws itself.\n * - `ring-sweep` (enter) — SVG `circle` arcs sweep around from 12 o'clock.\n * - `sankey-flow` (loop) — dashes flow along the SVG links (`[data-flow]` or\n *   every stroked `path`) to show direction and volume.\n * - `number-roll` (enter) — numbers (`[data-value]` or the text) count up\n *   with locale formatting.\n * - `dots-pop` (enter) — scatter / line points (`circle`, `[data-dot]`) pop in.\n *\n * Reduced motion: final state with a short fade (sankey-flow is static).\n */\nimport type { EffectContext, EffectDefinition } from '../fx/registry';\nimport { registerEffects } from '../fx/registry';\nimport { all } from '../effects/shared';\n\nconst fade = (el: Element, ctx: EffectContext) => ctx.animate(el, [{ opacity: 0 }, { opacity: 1 }], { duration: 250 });\nconst pick = <T extends Element>(el: Element, sel: string): T[] => Array.from(el.querySelectorAll<T>(sel));\n\n/** Parse a number out of text like \"$1,234.5k\" → { n, pre, post, dec }. */\nexport function parseFigure(s: string): { n: number; pre: string; post: string; dec: number } | null {\n  const m = /^(\\D*?)(-?[\\d,]*\\.?\\d+)(.*)$/.exec(s.trim());\n  if (!m) return null;\n  const raw = m[2].replace(/,/g, '');\n  return { n: Number(raw), pre: m[1], post: m[3], dec: (raw.split('.')[1] || '').length };\n}\n\nexport const CHART_FX: EffectDefinition[] = [\n  {\n    name: 'bars-grow',\n    kind: 'enter',\n    description: 'Bars (`[data-bar]`, SVG `rect`, or the children) grow from the baseline in a stagger (`axis` y | x, `stagger`, `duration`).',\n    defaults: { axis: 'y', stagger: 60, duration: 700 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let bars = pick<HTMLElement>(el, '[data-bar]');\n      if (!bars.length) bars = pick<HTMLElement>(el, 'rect');\n      if (!bars.length) bars = Array.from(el.children) as HTMLElement[];\n      if (ctx.reduced) return fade(el, ctx);\n      const x = o.axis === 'x';\n      return all(\n        bars.map((b, i) => {\n          (b.style as CSSStyleDeclaration).transformOrigin = x ? '0% 50%' : '50% 100%';\n          (b.style as CSSStyleDeclaration).transformBox = 'fill-box';\n          return ctx.animate(b, [{ transform: x ? 'scaleX(0)' : 'scaleY(0)' }, { transform: x ? 'scaleX(1.04)' : 'scaleY(1.04)', offset: 0.75 }, { transform: 'none' }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.2,.8,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'line-draw',\n    kind: 'enter',\n    description: 'Every SVG `path` / `polyline` / `line` draws itself, then area fills fade in (`duration`, `stagger`).',\n    defaults: { duration: 1100, stagger: 120 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const lines = pick<SVGGeometryElement>(el, 'path, polyline, line');\n      if (ctx.reduced || !lines.length) return fade(el, ctx);\n      return all(\n        lines.map((p, i) => {\n          const len = typeof p.getTotalLength === 'function' ? p.getTotalLength() || 1000 : 1000;\n          const fill = getComputedStyle(p).fill;\n          const hasFill = fill && fill !== 'none' && fill !== 'rgba(0, 0, 0, 0)';\n          return ctx.animate(p, [{ strokeDasharray: `${len}`, strokeDashoffset: len, fillOpacity: hasFill ? 0 : 1 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: hasFill ? 0 : 1, offset: 0.8 }, { strokeDasharray: `${len}`, strokeDashoffset: 0, fillOpacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'ring-sweep',\n    kind: 'enter',\n    description: \"SVG `circle` arcs (donut / ring charts) sweep around from 12 o'clock (`duration`, `stagger`).\",\n    defaults: { duration: 1000, stagger: 150 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const rings = pick<SVGCircleElement>(el, 'circle');\n      if (ctx.reduced || !rings.length) return fade(el, ctx);\n      return all(\n        rings.map((c, i) => {\n          const r = Number(c.getAttribute('r')) || 0;\n          const len = 2 * Math.PI * r || 100;\n          const dash = c.getAttribute('stroke-dasharray') || `${len} ${len}`;\n          const visible = Number(String(dash).split(/[ ,]+/)[0]) || len;\n          return ctx.animate(c, [{ strokeDasharray: `0 ${len}` }, { strokeDasharray: `${visible} ${len}` }], { duration: o.duration, delay: i * o.stagger, easing: 'cubic-bezier(.6,.05,.3,1)', fill: 'backwards' });\n        })\n      );\n    },\n  },\n  {\n    name: 'sankey-flow',\n    kind: 'loop',\n    description: 'Dashes flow along the SVG links (`[data-flow]` or every stroked `path`) to show direction (`speed`, `dash`).',\n    defaults: { speed: 1, dash: '6 10' },\n    reduced: 'run',\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let links = pick<SVGPathElement>(el, '[data-flow]');\n      if (!links.length) links = pick<SVGPathElement>(el, 'path');\n      const prev = links.map((l) => l.getAttribute('stroke-dasharray'));\n      links.forEach((l) => l.setAttribute('stroke-dasharray', o.dash));\n      const anims = ctx.reduced ? [] : links.map((l, i) => ctx.animate(l, [{ strokeDashoffset: 0 }, { strokeDashoffset: -32 }], { duration: (1200 + (i % 3) * 300) / Math.max(0.1, o.speed), iterations: Infinity }));\n      const stop = () => {\n        anims.forEach((a) => a?.cancel());\n        links.forEach((l, i) => (prev[i] === null ? l.removeAttribute('stroke-dasharray') : l.setAttribute('stroke-dasharray', prev[i]!)));\n      };\n      ctx.onCleanup(stop);\n      return stop;\n    },\n  },\n  {\n    name: 'number-roll',\n    kind: 'enter',\n    description: 'Numbers (`[data-value]` or the text of the element) count up with locale formatting, keeping prefixes and suffixes (`duration`).',\n    defaults: { duration: 1200, locale: undefined },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      const targets = pick<HTMLElement>(el, '[data-value]');\n      const list = targets.length ? targets : [el];\n      const jobs = list.map((t) => {\n        const f = t.dataset.value !== undefined ? { ...(parseFigure(t.textContent || '') || { pre: '', post: '', dec: 0 }), n: Number(t.dataset.value) } : parseFigure(t.textContent || '');\n        return f && Number.isFinite(f.n) ? { t, f } : null;\n      }).filter(Boolean) as { t: HTMLElement; f: NonNullable<ReturnType<typeof parseFigure>> }[];\n      const out = (f: NonNullable<ReturnType<typeof parseFigure>>, v: number) => f.pre + v.toLocaleString(o.locale, { minimumFractionDigits: f.dec, maximumFractionDigits: f.dec }) + f.post;\n      if (ctx.reduced || typeof requestAnimationFrame !== 'function') {\n        jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n)));\n        return fade(el, ctx);\n      }\n      return new Promise<void>((resolve) => {\n        const t0 = performance.now();\n        let raf = 0;\n        const step = (now: number) => {\n          const k = Math.min(1, (now - t0) / o.duration);\n          const e = 1 - Math.pow(1 - k, 3);\n          jobs.forEach(({ t, f }) => (t.textContent = out(f, f.n * e)));\n          if (k < 1) raf = requestAnimationFrame(step);\n          else resolve();\n        };\n        raf = requestAnimationFrame(step);\n        ctx.onCleanup(() => cancelAnimationFrame(raf));\n      });\n    },\n  },\n  {\n    name: 'dots-pop',\n    kind: 'enter',\n    description: 'Scatter / line-chart points (`circle`, `[data-dot]`) pop in with an overshoot, left to right (`stagger`).',\n    defaults: { stagger: 40, duration: 420 },\n    run: (el: HTMLElement, o: any, ctx: EffectContext) => {\n      let dots = pick<SVGElement>(el, '[data-dot]');\n      if (!dots.length) dots = pick<SVGElement>(el, 'circle');\n      if (ctx.reduced || !dots.length) return fade(el, ctx);\n      const xOf = (d: Element) => Number(d.getAttribute('cx')) || (d as HTMLElement).offsetLeft || 0;\n      const sorted = dots.slice().sort((a, b) => xOf(a) - xOf(b));\n      return all(\n        sorted.map((d, i) => {\n          (d.style as CSSStyleDeclaration).transformBox = 'fill-box';\n          (d.style as CSSStyleDeclaration).transformOrigin = '50% 50%';\n          return ctx.animate(d, [{ transform: 'scale(0)', opacity: 0 }, { transform: 'scale(1.5)', opacity: 1, offset: 0.6 }, { transform: 'scale(1)', opacity: 1 }], { duration: o.duration, delay: i * o.stagger, easing: 'ease-out', fill: 'backwards' });\n        })\n      );\n    },\n  },\n];\n\n/** Register the 7.2 data-viz motion pack (idempotent). */\nexport function registerChartPack(): void {\n  registerEffects(CHART_FX);\n}\n"],"names":[],"mappings":"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"}