motionary 0.0.0-stage → 6.2.0

package/dist/components/perf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"perf.js","sources":["../../src/components/perf/index.ts"],"sourcesContent":["/**\n * motionary/components/perf — performance toolkit (4.5).\n *\n * - One shared rAF scheduler for every component loop (`onFrame()`, `schedulerStats()`).\n * - Animation budget: `setAnimationBudget(n)` caps concurrent component\n *   animations; extra ones land on their final frame.\n * - `autoDegrade()`: watches frame rate and animation count and steps motion\n *   down (`low`, then a tighter budget) while the device struggles, restoring\n *   it when frames recover.\n * - On-demand CSS: `loadCategoryStyles()` / `onDemandStyles()` — used by\n *   `motionary/components/lite`, the build without inlined CSS.\n */\nimport {\n  onFrame,\n  schedulerStats,\n  activeAnimations,\n  setAnimationBudget,\n  animationBudget,\n  setStyleLoader,\n  configureComponents,\n  getMotionIntensity,\n  type MotionIntensity,\n} from '../base';\nimport { COMPONENT_CATEGORIES, type ComponentCategory } from '../index-tags';\n\nexport { onFrame, schedulerStats, activeAnimations, setAnimationBudget, animationBudget };\n\nexport interface AutoDegradeOptions {\n  /** Frame rate below which motion is degraded (default 45). */\n  minFps?: number;\n  /** Concurrent animations above which motion is degraded (default 40). */\n  maxActive?: number;\n  /** Sample window in ms (default 1000). */\n  sample?: number;\n  /** Bad samples in a row before degrading (default 2). */\n  patience?: number;\n  /** Good samples in a row before restoring (default 3). */\n  recovery?: number;\n  /** Called on every change. */\n  onChange?: (state: DegradeState) => void;\n}\n\nexport interface DegradeState {\n  degraded: boolean;\n  fps: number;\n  active: number;\n  reason: '' | 'fps' | 'count';\n}\n\n/**\n * Watch frame rate and animation count; while the device struggles, set\n * motion intensity to `low` and cap concurrent animations at `maxActive / 2`,\n * then restore the previous settings once frames recover. Dispatches\n * `usa:degrade` on `document`. Returns a stop function (restores settings).\n */\nexport function autoDegrade(options: AutoDegradeOptions = {}): () => void {\n  const { minFps = 45, maxActive = 40, sample = 1000, patience = 2, recovery = 3, onChange } = options;\n  let frames = 0;\n  let elapsed = 0;\n  let bad = 0;\n  let good = 0;\n  let prev: { intensity: MotionIntensity; budget: number } | null = null;\n  const state: DegradeState = { degraded: false, fps: 60, active: 0, reason: '' };\n  const set = (degraded: boolean, reason: DegradeState['reason']) => {\n    if (degraded === state.degraded) return;\n    state.degraded = degraded;\n    state.reason = reason;\n    if (degraded) {\n      prev = { intensity: getMotionIntensity(), budget: animationBudget() };\n      configureComponents({ motionIntensity: 'low' });\n      setAnimationBudget(Math.max(4, Math.floor(maxActive / 2)));\n    } else if (prev) {\n      configureComponents({ motionIntensity: prev.intensity });\n      setAnimationBudget(prev.budget);\n      prev = null;\n    }\n    onChange?.({ ...state });\n    if (typeof document !== 'undefined') document.dispatchEvent(new CustomEvent('usa:degrade', { detail: { ...state } }));\n  };\n  const stop = onFrame((_t, dt) => {\n    frames++;\n    elapsed += Math.min(dt, 250);\n    if (elapsed < sample) return;\n    state.fps = Math.round((frames * 1000) / elapsed);\n    state.active = activeAnimations();\n    frames = 0;\n    elapsed = 0;\n    const reason = state.fps < minFps ? 'fps' : state.active > maxActive ? 'count' : '';\n    if (reason) {\n      good = 0;\n      if (++bad >= patience) set(true, reason);\n    } else {\n      bad = 0;\n      if (++good >= recovery) set(false, '');\n    }\n  });\n  return () => {\n    stop();\n    set(false, '');\n  };\n}\n\nconst TAG_CATEGORY: Record<string, ComponentCategory> = {};\nfor (const [cat, tags] of Object.entries(COMPONENT_CATEGORIES)) for (const t of tags) TAG_CATEGORY[t] = cat as ComponentCategory;\n/** The category of a default `<usa-*>` tag. */\nexport const categoryOf = (tag: string): ComponentCategory | undefined => TAG_CATEGORY[tag];\n\nconst loaded = new Set<string>();\n/**\n * Add `<link rel=\"stylesheet\" href=\"{base}components/{category}.css\">` once.\n * `base` is the URL of the package's `dist/` folder.\n */\nexport function loadCategoryStyles(category: ComponentCategory | 'all', base: string): HTMLLinkElement | null {\n  if (typeof document === 'undefined' || loaded.has(category)) return null;\n  loaded.add(category);\n  const link = document.createElement('link');\n  link.rel = 'stylesheet';\n  link.href = `${base.replace(/\\/?$/, '/')}${category === 'all' ? 'components.css' : `components/${category}.css`}`;\n  link.setAttribute('data-usa-css', category);\n  document.head.appendChild(link);\n  return link;\n}\n\n/**\n * Load each category's CSS the first time one of its elements connects\n * (custom tags fall back to the full stylesheet). Returns an undo.\n */\nexport function onDemandStyles(base: string): () => void {\n  setStyleLoader((tag) => loadCategoryStyles(categoryOf(tag) || 'all', base));\n  return () => setStyleLoader(null);\n}\n\n/** Categories whose CSS has been requested so far. */\nexport const loadedStyles = (): string[] => Array.from(loaded);\n"],"names":[],"mappings":"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"}

package/dist/components/physics.cjs

@@ -0,0 +1,448 @@
+'use strict';
+
+var base = require('../chunks/base-BaQV-2ha.cjs');
+var spring = require('../chunks/spring-Dgx187Vh.cjs');
+
+var css$2 = "usa-spring{display:inline-block;transform-origin:50% 70%}usa-spring[block]{display:block}usa-spring[effect=\"drop\"]{transform-origin:50% 100%}usa-spring[data-state=\"hidden\"]{opacity:0}usa-spring[trigger=\"click\"],usa-spring[trigger=\"hover\"]{cursor:pointer;-webkit-tap-highlight-color:transparent}";
+
+const SPRING_EFFECTS = ['bounce-in', 'pop', 'drop', 'jelly', 'rubber-band'];
+/** Entrance effects start hidden; attention effects (jelly, rubber-band) play on visible content. */
+const ENTRANCE = new Set(['bounce-in', 'pop', 'drop']);
+/** Keyframes of a spring effect (entrances use spring timing, attention effects fixed frames). */
+function springEffectKeyframes(effect, reduced = false) {
+    if (reduced)
+        return ENTRANCE.has(effect) ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 1 }];
+    switch (effect) {
+        case 'pop':
+            return [{ opacity: 0, transform: 'scale(0.5)' }, { opacity: 1, transform: 'scale(1)' }];
+        case 'drop':
+            return [{ opacity: 0, transform: 'translate3d(0, -120%, 0)' }, { opacity: 1, transform: 'translate3d(0, 0, 0)' }];
+        case 'jelly':
+            return [
+                { transform: 'scale3d(1, 1, 1)' },
+                { transform: 'scale3d(1.25, 0.75, 1)', offset: 0.3 },
+                { transform: 'scale3d(0.75, 1.25, 1)', offset: 0.4 },
+                { transform: 'scale3d(1.15, 0.85, 1)', offset: 0.5 },
+                { transform: 'scale3d(0.95, 1.05, 1)', offset: 0.65 },
+                { transform: 'scale3d(1.05, 0.95, 1)', offset: 0.75 },
+                { transform: 'scale3d(1, 1, 1)' },
+            ];
+        case 'rubber-band':
+            return [
+                { transform: 'scale3d(1, 1, 1)' },
+                { transform: 'scale3d(1.3, 0.7, 1)', offset: 0.3 },
+                { transform: 'scale3d(0.8, 1.2, 1)', offset: 0.45 },
+                { transform: 'scale3d(1.1, 0.9, 1)', offset: 0.6 },
+                { transform: 'scale3d(0.97, 1.03, 1)', offset: 0.8 },
+                { transform: 'scale3d(1, 1, 1)' },
+            ];
+        default:
+            return [{ opacity: 0, transform: 'scale(0.3)' }, { opacity: 1, transform: 'scale(1)' }];
+    }
+}
+const DEFAULT_PRESET = { 'bounce-in': 'bouncy', pop: 'wobbly', drop: 'bouncy' };
+function defineSpring(tag = 'usa-spring') {
+    return base.defineElement(tag, (Base) => class UsaSpring extends Base {
+        constructor() {
+            super(...arguments);
+            this._anim = null;
+        }
+        static get observedAttributes() {
+            return ['effect', 'trigger', 'repeat'];
+        }
+        get effect() {
+            return this.str('effect', 'bounce-in');
+        }
+        set effect(v) {
+            this.setAttribute('effect', v);
+        }
+        config() {
+            if (this.hasAttribute('stiffness') || this.hasAttribute('damping') || this.hasAttribute('mass'))
+                return { stiffness: this.num('stiffness', 170), damping: this.num('damping', 26), mass: this.num('mass', 1) };
+            return this.str('preset', DEFAULT_PRESET[this.effect] || 'wobbly');
+        }
+        mount() {
+            const trigger = this.str('trigger', 'view');
+            const entrance = ENTRANCE.has(this.effect);
+            if (trigger === 'view') {
+                if (entrance)
+                    this.setAttribute('data-state', 'hidden');
+                this.inView((visible) => {
+                    if (visible)
+                        this.play();
+                    else if (this.flag('repeat') && entrance)
+                        this.reset();
+                }, { threshold: 0.15 });
+            }
+            else {
+                if (trigger === 'hover')
+                    this.listen(this, 'pointerenter', () => this.play());
+                if (trigger === 'click') {
+                    this.listen(this, 'click', () => this.play());
+                    this.listen(this, 'keydown', (e) => (e.key === 'Enter' || e.key === ' ') && !e.repeat && this.play());
+                }
+            }
+        }
+        unmount() {
+            this._anim?.cancel();
+            this._anim = null;
+        }
+        reset() {
+            this._anim?.cancel();
+            this._anim = null;
+            if (ENTRANCE.has(this.effect))
+                this.setAttribute('data-state', 'hidden');
+        }
+        async play() {
+            const effect = this.effect;
+            const reduced = this.reduced;
+            this._anim?.cancel();
+            this.setAttribute('data-state', 'playing');
+            const frames = springEffectKeyframes(effect, reduced);
+            const timing = ENTRANCE.has(effect) && !reduced
+                ? spring.springEasing(this.config())
+                : { duration: reduced ? 250 : this.num('duration', 900), easing: 'ease-out' };
+            const a = this.motion(this, frames, { ...timing, delay: this.num('delay', 0), fill: 'backwards' });
+            this._anim = a;
+            if (a) {
+                try {
+                    await a.finished;
+                }
+                catch {
+                    return;
+                }
+                if (this._anim !== a)
+                    return;
+            }
+            this._anim = null;
+            this.setAttribute('data-state', 'done');
+            this.emit('complete', { effect });
+        }
+    }, { id: 'spring', text: css$2 });
+}
+
+var css$1 = "usa-draggable{display:inline-block;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;will-change:transform;-webkit-tap-highlight-color:transparent}usa-draggable[axis=\"x\"]{touch-action:pan-y}usa-draggable[axis=\"y\"]{touch-action:pan-x}usa-draggable[block]{display:block}usa-draggable[data-dragging]{cursor:grabbing}usa-draggable[disabled]{cursor:default}usa-draggable:focus-visible{outline:2px solid var(--usa-accent,#7c5cff);outline-offset:3px}";
+
+const parseSnap = (s) => {
+    if (!s.trim())
+        return null;
+    const parts = s.split(',').map((p) => Number(p.trim())).filter((n) => Number.isFinite(n));
+    if (!parts.length)
+        return null;
+    return s.includes(',') ? parts : parts[0];
+};
+function defineDraggable(tag = 'usa-draggable') {
+    return base.defineElement(tag, (Base) => class UsaDraggable extends Base {
+        constructor() {
+            super(...arguments);
+            this._x = 0;
+            this._y = 0;
+            this._drag = null;
+        }
+        static get observedAttributes() {
+            return ['axis', 'disabled', 'preset'];
+        }
+        get x() {
+            return this._x;
+        }
+        get y() {
+            return this._y;
+        }
+        get dragging() {
+            return !!this._drag;
+        }
+        render() {
+            this.style.transform = `translate3d(${this._x}px, ${this._y}px, 0)`;
+            this.style.setProperty('--usa-drag-x', `${this._x}px`);
+            this.style.setProperty('--usa-drag-y', `${this._y}px`);
+        }
+        axis() {
+            return this.str('axis', 'both');
+        }
+        /** Bounds relative to the origin, from the parent box. */
+        limits() {
+            if (this.str('bounds') !== 'parent' || !this.parentElement)
+                return null;
+            const p = this.parentElement.getBoundingClientRect();
+            const r = this.getBoundingClientRect();
+            const ox = r.left - this._x;
+            const oy = r.top - this._y;
+            return { minX: p.left - ox, maxX: p.right - ox - r.width, minY: p.top - oy, maxY: p.bottom - oy - r.height };
+        }
+        mount() {
+            let settled = 0;
+            const rest = () => {
+                if (++settled >= 2) {
+                    settled = 0;
+                    this.removeAttribute('data-moving');
+                    this.emit('settle', { x: this._x, y: this._y });
+                }
+            };
+            const spring$1 = this.str('preset', 'wobbly');
+            this._sx = spring.createSpring({ value: this._x, spring: spring$1, onUpdate: (v) => ((this._x = v), this.render()), onRest: rest });
+            this._sy = spring.createSpring({ value: this._y, spring: spring$1, onUpdate: (v) => ((this._y = v), this.render()), onRest: rest });
+            if (!this.hasAttribute('tabindex'))
+                this.tabIndex = 0;
+            this.setAttribute('aria-roledescription', 'draggable');
+            this.listen(this, 'pointerdown', (e) => this.start(e));
+            this.listen(this, 'pointermove', (e) => this.move(e));
+            this.listen(this, 'pointerup', (e) => this.end(e));
+            this.listen(this, 'pointercancel', (e) => this.end(e));
+            this.listen(this, 'keydown', (e) => this.key(e));
+            this.render();
+        }
+        unmount() {
+            this._sx?.stop();
+            this._sy?.stop();
+            this._drag = null;
+        }
+        start(e) {
+            if (this.flag('disabled') || (e.pointerType === 'mouse' && e.button !== 0))
+                return;
+            this._sx.stop();
+            this._sy.stop();
+            this._drag = { id: e.pointerId, px: e.clientX, py: e.clientY, ox: this._x, oy: this._y, samples: [[e.clientX, e.clientY, typeof e.timeStamp === 'number' ? e.timeStamp : Date.now()]] };
+            try {
+                this.setPointerCapture?.(e.pointerId);
+            }
+            catch {
+                /* synthetic events */
+            }
+            this.setAttribute('data-dragging', '');
+            this.emit('drag-start', { x: this._x, y: this._y });
+        }
+        move(e) {
+            const d = this._drag;
+            if (!d || e.pointerId !== d.id)
+                return;
+            const axis = this.axis();
+            let x = axis === 'y' ? d.ox : d.ox + e.clientX - d.px;
+            let y = axis === 'x' ? d.oy : d.oy + e.clientY - d.py;
+            const b = this.limits();
+            if (b) {
+                const band = (v, lo, hi, dim) => (v < lo ? lo + spring.rubberBand(v - lo, dim) : v > hi ? hi + spring.rubberBand(v - hi, dim) : v);
+                x = band(x, b.minX, b.maxX, 200);
+                y = band(y, b.minY, b.maxY, 200);
+            }
+            this._x = x;
+            this._y = y;
+            d.samples.push([e.clientX, e.clientY, typeof e.timeStamp === 'number' ? e.timeStamp : Date.now()]);
+            if (d.samples.length > 6)
+                d.samples.shift();
+            this.render();
+            this.emit('drag', { x, y });
+        }
+        velocity() {
+            const s = this._drag?.samples || [];
+            if (s.length < 2)
+                return [0, 0];
+            const a = s[0];
+            const b = s[s.length - 1];
+            const dt = (b[2] - a[2]) / 1000;
+            if (dt <= 0 || dt > 0.3)
+                return [0, 0];
+            return [(b[0] - a[0]) / dt, (b[1] - a[1]) / dt];
+        }
+        end(e) {
+            const d = this._drag;
+            if (!d || e.pointerId !== d.id)
+                return;
+            let [vx, vy] = this.velocity();
+            const axis = this.axis();
+            if (axis === 'y')
+                vx = 0;
+            if (axis === 'x')
+                vy = 0;
+            this._drag = null;
+            this.removeAttribute('data-dragging');
+            let tx = this._x;
+            let ty = this._y;
+            if (this.flag('spring-back')) {
+                tx = 0;
+                ty = 0;
+            }
+            else {
+                if (this.flag('inertia') && !this.reduced) {
+                    tx = spring.projectInertia(tx, vx);
+                    ty = spring.projectInertia(ty, vy);
+                }
+                [tx, ty] = this.constrain(tx, ty);
+            }
+            this.emit('drag-end', { x: tx, y: ty, vx, vy });
+            this.go(tx, ty, vx, vy);
+        }
+        constrain(x, y) {
+            const snap = parseSnap(this.str('snap'));
+            let tx = spring.snapTo(x, snap);
+            let ty = spring.snapTo(y, snap);
+            const b = this.limits();
+            if (b) {
+                tx = base.clamp(tx, b.minX, Math.max(b.minX, b.maxX));
+                ty = base.clamp(ty, b.minY, Math.max(b.minY, b.maxY));
+            }
+            const axis = this.axis();
+            return [axis === 'y' ? 0 : tx, axis === 'x' ? 0 : ty];
+        }
+        go(x, y, vx = 0, vy = 0) {
+            this.setAttribute('data-moving', '');
+            this._sx.set(x, vx);
+            this._sy.set(y, vy);
+        }
+        key(e) {
+            if (this.flag('disabled'))
+                return;
+            const step = this.num('step', 16);
+            const snap = parseSnap(this.str('snap'));
+            const s = typeof snap === 'number' ? snap : step;
+            const map = { ArrowLeft: [-s, 0], ArrowRight: [s, 0], ArrowUp: [0, -s], ArrowDown: [0, s] };
+            if (e.key === 'Home' || e.key === 'Escape') {
+                e.preventDefault();
+                this.reset();
+                return;
+            }
+            const m = map[e.key];
+            if (!m)
+                return;
+            e.preventDefault();
+            const [tx, ty] = this.flag('spring-back') ? [this._sx.target + m[0], this._sy.target + m[1]] : this.constrain(this._sx.target + m[0], this._sy.target + m[1]);
+            this.go(tx, ty);
+        }
+        moveTo(x, y, animate = true) {
+            if (!animate) {
+                this._sx.jump(x);
+                this._sy.jump(y);
+                return;
+            }
+            this.go(x, y);
+        }
+        reset() {
+            this.go(0, 0);
+        }
+    }, { id: 'draggable', text: css$1 });
+}
+
+var css = "usa-overscroll{display:block;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}usa-overscroll[axis=\"x\"]{overflow-y:hidden}usa-overscroll>*{transform:translate3d(0,var(--usa-overscroll,0px),0)}usa-overscroll[axis=\"x\"]>*{transform:translate3d(var(--usa-overscroll,0px),0,0)}usa-overscroll[data-stretched]>*{will-change:transform}";
+
+function defineOverscroll(tag = 'usa-overscroll') {
+    return base.defineElement(tag, (Base) => class UsaOverscroll extends Base {
+        constructor() {
+            super(...arguments);
+            this._off = 0;
+        }
+        static get observedAttributes() {
+            return ['axis', 'disabled'];
+        }
+        get offset() {
+            return this._off;
+        }
+        set(v) {
+            this._off = v;
+            this.style.setProperty('--usa-overscroll', `${v}px`);
+            this.toggleAttribute('data-stretched', Math.abs(v) > 0.5);
+        }
+        edge(delta) {
+            const x = this.str('axis', 'y') === 'x';
+            const pos = x ? this.scrollLeft : this.scrollTop;
+            const max = (x ? this.scrollWidth - this.clientWidth : this.scrollHeight - this.clientHeight) - 1;
+            return (delta < 0 && pos <= 0) || (delta > 0 && pos >= max);
+        }
+        stretch(raw) {
+            const max = this.num('max', 120);
+            this.set(Math.max(-max, Math.min(max, spring.rubberBand(raw, max * 2.5))));
+        }
+        mount() {
+            this._spring = spring.createSpring({ spring: this.str('preset', 'default'), onUpdate: (v) => this.set(v) });
+            const x = this.str('axis', 'y') === 'x';
+            const off = () => this.flag('disabled') || this.reduced;
+            // Wheel / trackpad: accumulate past the edge, spring back when it stops.
+            let pull = 0;
+            let timer;
+            this.listen(this, 'wheel', (e) => {
+                const d = x ? e.deltaX || e.deltaY : e.deltaY;
+                if (off() || !d || !this.edge(d))
+                    return;
+                this._spring.stop();
+                pull -= d;
+                this.stretch(pull);
+                clearTimeout(timer);
+                timer = setTimeout(() => {
+                    pull = 0;
+                    this._spring.jump(this._off);
+                    this._spring.set(0);
+                }, 140);
+            }, { passive: true });
+            this.onCleanup(() => clearTimeout(timer));
+            // Touch: rubber-band while the finger pulls past the edge.
+            let start = 0;
+            let active = false;
+            this.listen(this, 'touchstart', (e) => {
+                if (off())
+                    return;
+                const t = e.touches[0];
+                start = x ? t.clientX : t.clientY;
+                active = false;
+                this._spring.stop();
+            }, { passive: true });
+            this.listen(this, 'touchmove', (e) => {
+                if (off())
+                    return;
+                const t = e.touches[0];
+                const dist = (x ? t.clientX : t.clientY) - start;
+                if (!active && dist !== 0 && this.edge(-dist))
+                    active = true;
+                if (!active)
+                    return;
+                if (e.cancelable)
+                    e.preventDefault();
+                this.stretch(dist);
+            }, { passive: false });
+            const release = () => {
+                if (!active)
+                    return;
+                active = false;
+                this._spring.jump(this._off);
+                this._spring.set(0);
+            };
+            this.listen(this, 'touchend', release);
+            this.listen(this, 'touchcancel', release);
+        }
+        unmount() {
+            this._spring?.stop();
+            this.set(0);
+        }
+    }, { id: 'overscroll', text: css });
+}
+
+/**
+ * motionary/components/physics — spring & bounce physics (v2.3).
+ * `<usa-spring>` (bounce-in, pop, drop, jelly, rubber-band), `<usa-draggable>`
+ * (spring-back, inertia, snap) and `<usa-overscroll>` (elastic edges), plus
+ * the spring core: `spring()`, `springEasing()`, `createSpring()`,
+ * `SPRING_PRESETS`, `projectInertia()`, `snapTo()`, `rubberBand()`.
+ */
+/** Register every component of this category under its default tag. */
+function definePhysicsComponents() {
+    defineSpring();
+    defineDraggable();
+    defineOverscroll();
+}
+
+exports.SPRING_PRESETS = spring.SPRING_PRESETS;
+exports.createSpring = spring.createSpring;
+exports.linearEasing = spring.linearEasing;
+exports.projectInertia = spring.projectInertia;
+exports.resolveSpring = spring.resolveSpring;
+exports.rubberBand = spring.rubberBand;
+exports.snapTo = spring.snapTo;
+exports.spring = spring.spring;
+exports.springEasing = spring.springEasing;
+exports.springSamples = spring.springSamples;
+exports.stepSpring = spring.stepSpring;
+exports.supportsLinearEasing = spring.supportsLinearEasing;
+exports.SPRING_EFFECTS = SPRING_EFFECTS;
+exports.defineDraggable = defineDraggable;
+exports.defineOverscroll = defineOverscroll;
+exports.definePhysicsComponents = definePhysicsComponents;
+exports.defineSpring = defineSpring;
+exports.springEffectKeyframes = springEffectKeyframes;
+//# sourceMappingURL=physics.cjs.map

package/dist/components/physics.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"physics.cjs","sources":["../../src/components/physics/spring-effect.ts","../../src/components/physics/draggable.ts","../../src/components/physics/overscroll.ts","../../src/components/physics/index.ts"],"sourcesContent":["import { defineElement, type UsaElement } from '../base';\nimport { springEasing, type SpringInput } from './spring';\nimport css from './spring-effect.css?raw';\n\nexport const SPRING_EFFECTS = ['bounce-in', 'pop', 'drop', 'jelly', 'rubber-band'] as const;\nexport type SpringEffect = (typeof SPRING_EFFECTS)[number];\n\n/** Entrance effects start hidden; attention effects (jelly, rubber-band) play on visible content. */\nconst ENTRANCE = new Set<string>(['bounce-in', 'pop', 'drop']);\n\n/** Keyframes of a spring effect (entrances use spring timing, attention effects fixed frames). */\nexport function springEffectKeyframes(effect: string, reduced = false): Keyframe[] {\n  if (reduced) return ENTRANCE.has(effect) ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 1 }];\n  switch (effect) {\n    case 'pop':\n      return [{ opacity: 0, transform: 'scale(0.5)' }, { opacity: 1, transform: 'scale(1)' }];\n    case 'drop':\n      return [{ opacity: 0, transform: 'translate3d(0, -120%, 0)' }, { opacity: 1, transform: 'translate3d(0, 0, 0)' }];\n    case 'jelly':\n      return [\n        { transform: 'scale3d(1, 1, 1)' },\n        { transform: 'scale3d(1.25, 0.75, 1)', offset: 0.3 },\n        { transform: 'scale3d(0.75, 1.25, 1)', offset: 0.4 },\n        { transform: 'scale3d(1.15, 0.85, 1)', offset: 0.5 },\n        { transform: 'scale3d(0.95, 1.05, 1)', offset: 0.65 },\n        { transform: 'scale3d(1.05, 0.95, 1)', offset: 0.75 },\n        { transform: 'scale3d(1, 1, 1)' },\n      ];\n    case 'rubber-band':\n      return [\n        { transform: 'scale3d(1, 1, 1)' },\n        { transform: 'scale3d(1.3, 0.7, 1)', offset: 0.3 },\n        { transform: 'scale3d(0.8, 1.2, 1)', offset: 0.45 },\n        { transform: 'scale3d(1.1, 0.9, 1)', offset: 0.6 },\n        { transform: 'scale3d(0.97, 1.03, 1)', offset: 0.8 },\n        { transform: 'scale3d(1, 1, 1)' },\n      ];\n    default:\n      return [{ opacity: 0, transform: 'scale(0.3)' }, { opacity: 1, transform: 'scale(1)' }];\n  }\n}\n\nconst DEFAULT_PRESET: Record<string, string> = { 'bounce-in': 'bouncy', pop: 'wobbly', drop: 'bouncy' };\n\n/**\n * `<usa-spring>` — spring / bounce effects on its content.\n *\n * Attributes: `effect` (`bounce-in` default, `pop`, `drop`, `jelly`,\n * `rubber-band`), `trigger` (`view` default, `hover`, `click`, `manual`),\n * `preset` (`gentle`, `wobbly`, `stiff`, `bouncy`, …) or `stiffness` /\n * `damping` / `mass`, `delay` (ms), `duration` (ms, attention effects; 900),\n * `repeat` (replay every time it re-enters the view), `block`.\n * Events: `usa:complete`. Reduced motion: entrances fade, attention effects do nothing.\n */\nexport interface UsaSpringElement extends UsaElement {\n  effect: string;\n  play(): Promise<void>;\n  reset(): void;\n}\n\nexport function defineSpring(tag = 'usa-spring'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaSpring extends Base {\n        static get observedAttributes(): string[] {\n          return ['effect', 'trigger', 'repeat'];\n        }\n\n        private _anim: Animation | null = null;\n\n        get effect(): string {\n          return this.str('effect', 'bounce-in');\n        }\n        set effect(v: string) {\n          this.setAttribute('effect', v);\n        }\n\n        private config(): SpringInput {\n          if (this.hasAttribute('stiffness') || this.hasAttribute('damping') || this.hasAttribute('mass'))\n            return { stiffness: this.num('stiffness', 170), damping: this.num('damping', 26), mass: this.num('mass', 1) };\n          return this.str('preset', DEFAULT_PRESET[this.effect] || 'wobbly');\n        }\n\n        mount(): void {\n          const trigger = this.str('trigger', 'view');\n          const entrance = ENTRANCE.has(this.effect);\n          if (trigger === 'view') {\n            if (entrance) this.setAttribute('data-state', 'hidden');\n            this.inView((visible) => {\n              if (visible) this.play();\n              else if (this.flag('repeat') && entrance) this.reset();\n            }, { threshold: 0.15 });\n          } else {\n            if (trigger === 'hover') this.listen(this, 'pointerenter', () => this.play());\n            if (trigger === 'click') {\n              this.listen(this, 'click', () => this.play());\n              this.listen(this, 'keydown', (e: KeyboardEvent) => (e.key === 'Enter' || e.key === ' ') && !e.repeat && this.play());\n            }\n          }\n        }\n\n        unmount(): void {\n          this._anim?.cancel();\n          this._anim = null;\n        }\n\n        reset(): void {\n          this._anim?.cancel();\n          this._anim = null;\n          if (ENTRANCE.has(this.effect)) this.setAttribute('data-state', 'hidden');\n        }\n\n        async play(): Promise<void> {\n          const effect = this.effect;\n          const reduced = this.reduced;\n          this._anim?.cancel();\n          this.setAttribute('data-state', 'playing');\n          const frames = springEffectKeyframes(effect, reduced);\n          const timing: KeyframeAnimationOptions = ENTRANCE.has(effect) && !reduced\n            ? springEasing(this.config())\n            : { duration: reduced ? 250 : this.num('duration', 900), easing: 'ease-out' };\n          const a = this.motion(this, frames, { ...timing, delay: this.num('delay', 0), fill: 'backwards' });\n          this._anim = a;\n          if (a) {\n            try {\n              await a.finished;\n            } catch {\n              return;\n            }\n            if (this._anim !== a) return;\n          }\n          this._anim = null;\n          this.setAttribute('data-state', 'done');\n          this.emit('complete', { effect });\n        }\n      },\n    { id: 'spring', text: css }\n  );\n}\n","import { defineElement, clamp, type UsaElement } from '../base';\nimport { createSpring, projectInertia, snapTo, rubberBand, type SpringValue } from './spring';\nimport css from './draggable.css?raw';\n\n/**\n * `<usa-draggable>` — drag its content with the pointer (mouse, touch, pen)\n * or the arrow keys; physics on release.\n *\n * Attributes: `axis` (`both` default, `x`, `y`), `spring-back` (return to\n * the origin with a spring), `inertia` (keep gliding after a flick),\n * `snap` (grid size like `80`, or points like `0,120,240`), `bounds`\n * (`parent` = stay inside the parent box, rubber-banding past its edges),\n * `preset` (spring, default `wobbly`), `step` (arrow-key step, px, 16),\n * `disabled`. Methods: `moveTo(x, y, animate?)`, `reset()`. Events:\n * `usa:drag-start`, `usa:drag-end` (`{ x, y, vx, vy }`), `usa:settle`.\n * Reduced motion: positions change instantly (no spring or inertia).\n */\nexport interface UsaDraggableElement extends UsaElement {\n  readonly x: number;\n  readonly y: number;\n  readonly dragging: boolean;\n  moveTo(x: number, y: number, animate?: boolean): void;\n  reset(): void;\n}\n\nconst parseSnap = (s: string): number | number[] | null => {\n  if (!s.trim()) return null;\n  const parts = s.split(',').map((p) => Number(p.trim())).filter((n) => Number.isFinite(n));\n  if (!parts.length) return null;\n  return s.includes(',') ? parts : parts[0];\n};\n\nexport function defineDraggable(tag = 'usa-draggable'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaDraggable extends Base {\n        static get observedAttributes(): string[] {\n          return ['axis', 'disabled', 'preset'];\n        }\n\n        private _x = 0;\n        private _y = 0;\n        private _sx!: SpringValue;\n        private _sy!: SpringValue;\n        private _drag: { id: number; px: number; py: number; ox: number; oy: number; samples: [number, number, number][] } | null = null;\n\n        get x(): number {\n          return this._x;\n        }\n        get y(): number {\n          return this._y;\n        }\n        get dragging(): boolean {\n          return !!this._drag;\n        }\n\n        private render(): void {\n          this.style.transform = `translate3d(${this._x}px, ${this._y}px, 0)`;\n          this.style.setProperty('--usa-drag-x', `${this._x}px`);\n          this.style.setProperty('--usa-drag-y', `${this._y}px`);\n        }\n\n        private axis(): string {\n          return this.str('axis', 'both');\n        }\n\n        /** Bounds relative to the origin, from the parent box. */\n        private limits(): { minX: number; maxX: number; minY: number; maxY: number } | null {\n          if (this.str('bounds') !== 'parent' || !this.parentElement) return null;\n          const p = this.parentElement.getBoundingClientRect();\n          const r = this.getBoundingClientRect();\n          const ox = r.left - this._x;\n          const oy = r.top - this._y;\n          return { minX: p.left - ox, maxX: p.right - ox - r.width, minY: p.top - oy, maxY: p.bottom - oy - r.height };\n        }\n\n        mount(): void {\n          let settled = 0;\n          const rest = () => {\n            if (++settled >= 2) {\n              settled = 0;\n              this.removeAttribute('data-moving');\n              this.emit('settle', { x: this._x, y: this._y });\n            }\n          };\n          const spring = this.str('preset', 'wobbly');\n          this._sx = createSpring({ value: this._x, spring, onUpdate: (v) => ((this._x = v), this.render()), onRest: rest });\n          this._sy = createSpring({ value: this._y, spring, onUpdate: (v) => ((this._y = v), this.render()), onRest: rest });\n          if (!this.hasAttribute('tabindex')) this.tabIndex = 0;\n          this.setAttribute('aria-roledescription', 'draggable');\n          this.listen(this, 'pointerdown', (e: PointerEvent) => this.start(e));\n          this.listen(this, 'pointermove', (e: PointerEvent) => this.move(e));\n          this.listen(this, 'pointerup', (e: PointerEvent) => this.end(e));\n          this.listen(this, 'pointercancel', (e: PointerEvent) => this.end(e));\n          this.listen(this, 'keydown', (e: KeyboardEvent) => this.key(e));\n          this.render();\n        }\n\n        unmount(): void {\n          this._sx?.stop();\n          this._sy?.stop();\n          this._drag = null;\n        }\n\n        private start(e: PointerEvent): void {\n          if (this.flag('disabled') || (e.pointerType === 'mouse' && e.button !== 0)) return;\n          this._sx.stop();\n          this._sy.stop();\n          this._drag = { id: e.pointerId, px: e.clientX, py: e.clientY, ox: this._x, oy: this._y, samples: [[e.clientX, e.clientY, typeof e.timeStamp === 'number' ? e.timeStamp : Date.now()]] };\n          try {\n            this.setPointerCapture?.(e.pointerId);\n          } catch {\n            /* synthetic events */\n          }\n          this.setAttribute('data-dragging', '');\n          this.emit('drag-start', { x: this._x, y: this._y });\n        }\n\n        private move(e: PointerEvent): void {\n          const d = this._drag;\n          if (!d || e.pointerId !== d.id) return;\n          const axis = this.axis();\n          let x = axis === 'y' ? d.ox : d.ox + e.clientX - d.px;\n          let y = axis === 'x' ? d.oy : d.oy + e.clientY - d.py;\n          const b = this.limits();\n          if (b) {\n            const band = (v: number, lo: number, hi: number, dim: number) => (v < lo ? lo + rubberBand(v - lo, dim) : v > hi ? hi + rubberBand(v - hi, dim) : v);\n            x = band(x, b.minX, b.maxX, 200);\n            y = band(y, b.minY, b.maxY, 200);\n          }\n          this._x = x;\n          this._y = y;\n          d.samples.push([e.clientX, e.clientY, typeof e.timeStamp === 'number' ? e.timeStamp : Date.now()]);\n          if (d.samples.length > 6) d.samples.shift();\n          this.render();\n          this.emit('drag', { x, y });\n        }\n\n        private velocity(): [number, number] {\n          const s = this._drag?.samples || [];\n          if (s.length < 2) return [0, 0];\n          const a = s[0];\n          const b = s[s.length - 1];\n          const dt = (b[2] - a[2]) / 1000;\n          if (dt <= 0 || dt > 0.3) return [0, 0];\n          return [(b[0] - a[0]) / dt, (b[1] - a[1]) / dt];\n        }\n\n        private end(e: PointerEvent): void {\n          const d = this._drag;\n          if (!d || e.pointerId !== d.id) return;\n          let [vx, vy] = this.velocity();\n          const axis = this.axis();\n          if (axis === 'y') vx = 0;\n          if (axis === 'x') vy = 0;\n          this._drag = null;\n          this.removeAttribute('data-dragging');\n          let tx = this._x;\n          let ty = this._y;\n          if (this.flag('spring-back')) {\n            tx = 0;\n            ty = 0;\n          } else {\n            if (this.flag('inertia') && !this.reduced) {\n              tx = projectInertia(tx, vx);\n              ty = projectInertia(ty, vy);\n            }\n            [tx, ty] = this.constrain(tx, ty);\n          }\n          this.emit('drag-end', { x: tx, y: ty, vx, vy });\n          this.go(tx, ty, vx, vy);\n        }\n\n        private constrain(x: number, y: number): [number, number] {\n          const snap = parseSnap(this.str('snap'));\n          let tx = snapTo(x, snap);\n          let ty = snapTo(y, snap);\n          const b = this.limits();\n          if (b) {\n            tx = clamp(tx, b.minX, Math.max(b.minX, b.maxX));\n            ty = clamp(ty, b.minY, Math.max(b.minY, b.maxY));\n          }\n          const axis = this.axis();\n          return [axis === 'y' ? 0 : tx, axis === 'x' ? 0 : ty];\n        }\n\n        private go(x: number, y: number, vx = 0, vy = 0): void {\n          this.setAttribute('data-moving', '');\n          this._sx.set(x, vx);\n          this._sy.set(y, vy);\n        }\n\n        private key(e: KeyboardEvent): void {\n          if (this.flag('disabled')) return;\n          const step = this.num('step', 16);\n          const snap = parseSnap(this.str('snap'));\n          const s = typeof snap === 'number' ? snap : step;\n          const map: Record<string, [number, number]> = { ArrowLeft: [-s, 0], ArrowRight: [s, 0], ArrowUp: [0, -s], ArrowDown: [0, s] };\n          if (e.key === 'Home' || e.key === 'Escape') {\n            e.preventDefault();\n            this.reset();\n            return;\n          }\n          const m = map[e.key];\n          if (!m) return;\n          e.preventDefault();\n          const [tx, ty] = this.flag('spring-back') ? [this._sx.target + m[0], this._sy.target + m[1]] : this.constrain(this._sx.target + m[0], this._sy.target + m[1]);\n          this.go(tx, ty);\n        }\n\n        moveTo(x: number, y: number, animate = true): void {\n          if (!animate) {\n            this._sx.jump(x);\n            this._sy.jump(y);\n            return;\n          }\n          this.go(x, y);\n        }\n\n        reset(): void {\n          this.go(0, 0);\n        }\n      },\n    { id: 'draggable', text: css }\n  );\n}\n","import { defineElement, type UsaElement } from '../base';\nimport { createSpring, rubberBand, type SpringValue } from './spring';\nimport css from './overscroll.css?raw';\n\n/**\n * `<usa-overscroll>` — an elastic scroll container: pulling past the top or\n * bottom (touch, trackpad or wheel) stretches the content with iOS-style\n * rubber-band resistance and it springs back on release.\n *\n * Attributes: `axis` (`y` default, `x`), `max` (largest stretch in px, 120),\n * `preset` (spring, default `default`), `disabled`. CSS variable\n * `--usa-overscroll` holds the current offset. Reduced motion: no stretch\n * (a plain scroll container with `overscroll-behavior: contain`).\n */\nexport interface UsaOverscrollElement extends UsaElement {\n  /** Current stretch in px (negative = pulled past the end). */\n  readonly offset: number;\n}\n\nexport function defineOverscroll(tag = 'usa-overscroll'): CustomElementConstructor | undefined {\n  return defineElement(\n    tag,\n    (Base) =>\n      class UsaOverscroll extends Base {\n        static get observedAttributes(): string[] {\n          return ['axis', 'disabled'];\n        }\n\n        private _off = 0;\n        private _spring!: SpringValue;\n\n        get offset(): number {\n          return this._off;\n        }\n\n        private set(v: number): void {\n          this._off = v;\n          this.style.setProperty('--usa-overscroll', `${v}px`);\n          this.toggleAttribute('data-stretched', Math.abs(v) > 0.5);\n        }\n\n        private edge(delta: number): boolean {\n          const x = this.str('axis', 'y') === 'x';\n          const pos = x ? this.scrollLeft : this.scrollTop;\n          const max = (x ? this.scrollWidth - this.clientWidth : this.scrollHeight - this.clientHeight) - 1;\n          return (delta < 0 && pos <= 0) || (delta > 0 && pos >= max);\n        }\n\n        private stretch(raw: number): void {\n          const max = this.num('max', 120);\n          this.set(Math.max(-max, Math.min(max, rubberBand(raw, max * 2.5))));\n        }\n\n        mount(): void {\n          this._spring = createSpring({ spring: this.str('preset', 'default'), onUpdate: (v) => this.set(v) });\n          const x = this.str('axis', 'y') === 'x';\n          const off = () => this.flag('disabled') || this.reduced;\n          // Wheel / trackpad: accumulate past the edge, spring back when it stops.\n          let pull = 0;\n          let timer: ReturnType<typeof setTimeout> | undefined;\n          this.listen(this, 'wheel', (e: WheelEvent) => {\n            const d = x ? e.deltaX || e.deltaY : e.deltaY;\n            if (off() || !d || !this.edge(d)) return;\n            this._spring.stop();\n            pull -= d;\n            this.stretch(pull);\n            clearTimeout(timer);\n            timer = setTimeout(() => {\n              pull = 0;\n              this._spring.jump(this._off);\n              this._spring.set(0);\n            }, 140);\n          }, { passive: true });\n          this.onCleanup(() => clearTimeout(timer));\n          // Touch: rubber-band while the finger pulls past the edge.\n          let start = 0;\n          let active = false;\n          this.listen(this, 'touchstart', (e: TouchEvent) => {\n            if (off()) return;\n            const t = e.touches[0];\n            start = x ? t.clientX : t.clientY;\n            active = false;\n            this._spring.stop();\n          }, { passive: true });\n          this.listen(this, 'touchmove', (e: TouchEvent) => {\n            if (off()) return;\n            const t = e.touches[0];\n            const dist = (x ? t.clientX : t.clientY) - start;\n            if (!active && dist !== 0 && this.edge(-dist)) active = true;\n            if (!active) return;\n            if (e.cancelable) e.preventDefault();\n            this.stretch(dist);\n          }, { passive: false });\n          const release = () => {\n            if (!active) return;\n            active = false;\n            this._spring.jump(this._off);\n            this._spring.set(0);\n          };\n          this.listen(this, 'touchend', release);\n          this.listen(this, 'touchcancel', release);\n        }\n\n        unmount(): void {\n          this._spring?.stop();\n          this.set(0);\n        }\n      },\n    { id: 'overscroll', text: css }\n  );\n}\n","/**\n * motionary/components/physics — spring & bounce physics (v2.3).\n * `<usa-spring>` (bounce-in, pop, drop, jelly, rubber-band), `<usa-draggable>`\n * (spring-back, inertia, snap) and `<usa-overscroll>` (elastic edges), plus\n * the spring core: `spring()`, `springEasing()`, `createSpring()`,\n * `SPRING_PRESETS`, `projectInertia()`, `snapTo()`, `rubberBand()`.\n */\nimport { defineSpring, type UsaSpringElement } from './spring-effect';\nimport { defineDraggable, type UsaDraggableElement } from './draggable';\nimport { defineOverscroll, type UsaOverscrollElement } from './overscroll';\n\nexport { defineSpring, defineDraggable, defineOverscroll };\nexport { SPRING_EFFECTS, springEffectKeyframes } from './spring-effect';\nexport type { SpringEffect } from './spring-effect';\nexport {\n  SPRING_PRESETS,\n  resolveSpring,\n  stepSpring,\n  springSamples,\n  springEasing,\n  linearEasing,\n  supportsLinearEasing,\n  spring,\n  createSpring,\n  projectInertia,\n  snapTo,\n  rubberBand,\n} from './spring';\nexport type { SpringConfig, SpringPreset, SpringInput, SpringValue, SpringValueOptions } from './spring';\nexport type { UsaSpringElement, UsaDraggableElement, UsaOverscrollElement };\n\n/** Register every component of this category under its default tag. */\nexport function definePhysicsComponents(): void {\n  defineSpring();\n  defineDraggable();\n  defineOverscroll();\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'usa-spring': UsaSpringElement;\n    'usa-draggable': UsaDraggableElement;\n    'usa-overscroll': UsaOverscrollElement;\n  }\n}\n"],"names":["defineElement","springEasing","css","spring","createSpring","rubberBand","projectInertia","snapTo","clamp"],"mappings":"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"}

package/dist/components/physics.css

@@ -0,0 +1,5 @@
+/* motionary/components/physics */
+.usa-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
+usa-draggable{display:inline-block;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;will-change:transform;-webkit-tap-highlight-color:transparent}usa-draggable[axis="x"]{touch-action:pan-y}usa-draggable[axis="y"]{touch-action:pan-x}usa-draggable[block]{display:block}usa-draggable[data-dragging]{cursor:grabbing}usa-draggable[disabled]{cursor:default}usa-draggable:focus-visible{outline:2px solid var(--usa-accent,#7c5cff);outline-offset:3px}
+usa-overscroll{display:block;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}usa-overscroll[axis="x"]{overflow-y:hidden}usa-overscroll>*{transform:translate3d(0,var(--usa-overscroll,0px),0)}usa-overscroll[axis="x"]>*{transform:translate3d(var(--usa-overscroll,0px),0,0)}usa-overscroll[data-stretched]>*{will-change:transform}
+usa-spring{display:inline-block;transform-origin:50% 70%}usa-spring[block]{display:block}usa-spring[effect="drop"]{transform-origin:50% 100%}usa-spring[data-state="hidden"]{opacity:0}usa-spring[trigger="click"],usa-spring[trigger="hover"]{cursor:pointer;-webkit-tap-highlight-color:transparent}