use-scroll-animate 10.2.0 → 10.4.0

package/dist/runtime/smooth.cjs

@@ -0,0 +1,284 @@
+'use strict';
+
+var registry = require('../chunks/registry-tzwKkldE.cjs');
+var ease = require('../chunks/ease-HwYZnZat.cjs');
+
+/**
+ * `motionary/runtime/smooth` (10.4) — smooth (inertial) scrolling on the
+ * runtime ticker, written for Motionary (own implementation and API).
+ *
+ * - Wheel / trackpad input is eased towards its target (`lerp` or a fixed
+ *   `duration` + `ease`) on the shared ticker; keyboard, scrollbar dragging,
+ *   find-in-page and screen-reader scrolling stay native (the target follows
+ *   them), touch stays native by default (`touch: true` to smooth it).
+ * - Works on the window or inside any scrollable `wrapper`; vertical or
+ *   horizontal; nested scrollables and `[data-smooth-ignore]` are left alone.
+ * - Anchor links (`#id`) glide to their target (with `offset`), focus moves
+ *   for keyboard users, and the URL hash is kept.
+ * - **Off under `prefers-reduced-motion: reduce`** (and while the media query
+ *   matches; it re-enables when it stops matching) — wheel scrolling is then
+ *   fully native. `force: true` overrides this only for non-motion use cases.
+ * - Real `scroll` events still fire, so `motionary/runtime/scroll` scenes,
+ *   IntersectionObservers and CSS scroll timelines all keep working.
+ * SSR-safe: nothing touches `window` until `smoothScroll()` is called.
+ */
+const clamp = (v, a, b) => Math.min(b, Math.max(a, v));
+const instances = new Set();
+class SmoothScroll {
+    constructor(o = {}) {
+        /** Current (animated) scroll position, px. */
+        this.current = 0;
+        /** Where the scroll is heading, px. */
+        this.target = 0;
+        /** px per frame of the last update. */
+        this.velocity = 0;
+        /** True while gliding. */
+        this.isScrolling = false;
+        this.stopped = false;
+        this.reduced = false;
+        this.off = [];
+        this.tickOff = null;
+        this.written = NaN;
+        this.glide = null;
+        this.listeners = new Set();
+        this.touchY = 0;
+        if (typeof window === 'undefined')
+            throw new Error('[motionary] smoothScroll() needs a browser (call it on the client)');
+        this.o = o;
+        const w = o.wrapper || window;
+        this.win = w === window;
+        this.el = this.win ? document.scrollingElement || document.documentElement : w;
+        if (o.onScroll)
+            this.listeners.add(o.onScroll);
+        this.current = this.target = this.native;
+        const mq = typeof matchMedia === 'function' ? matchMedia('(prefers-reduced-motion: reduce)') : null;
+        const syncMq = () => {
+            this.reduced = !!mq?.matches && !o.force;
+            this.el.classList.toggle('usa-smooth', !this.reduced && !this.stopped);
+        };
+        syncMq();
+        if (mq)
+            this.on(mq, 'change', syncMq);
+        const evTarget = this.win ? window : this.el;
+        this.on(evTarget, 'wheel', (e) => this.wheel(e), { passive: false });
+        if (o.touch) {
+            this.on(evTarget, 'touchstart', (e) => (this.touchY = this.axis(e.touches[0].clientX, e.touches[0].clientY)), { passive: true });
+            this.on(evTarget, 'touchmove', (e) => {
+                if (!this.active || e.touches.length !== 1)
+                    return;
+                const p = this.axis(e.touches[0].clientX, e.touches[0].clientY);
+                e.preventDefault();
+                this.push((this.touchY - p) * (o.touchMultiplier ?? 1.5));
+                this.touchY = p;
+            }, { passive: false });
+        }
+        // native scrolling (keyboard, scrollbar, find, focus, assistive tech): follow it
+        this.on(evTarget, 'scroll', () => {
+            if (Math.abs(this.native - this.written) <= 1)
+                return; // our own write (browsers may coalesce several into one event)
+            // someone else scrolled (keyboard, scrollbar drag, find, focus): adopt it and drop any glide
+            this.halt();
+            this.glide = null;
+            this.current = this.target = this.native;
+        }, { passive: true });
+        if (o.anchors !== false)
+            this.on(this.win ? document : this.el, 'click', (e) => this.anchor(e));
+        instances.add(this);
+    }
+    on(t, type, fn, opt) {
+        t.addEventListener(type, fn, opt);
+        this.off.push(() => t.removeEventListener(type, fn, opt));
+    }
+    get horizontal() {
+        return this.o.orientation === 'horizontal';
+    }
+    axis(x, y) {
+        return this.horizontal ? x : y;
+    }
+    /** The scroll position the browser reports. */
+    get native() {
+        return this.horizontal ? this.el.scrollLeft : this.el.scrollTop;
+    }
+    /** Maximum scroll, px. */
+    get limit() {
+        return this.horizontal ? this.el.scrollWidth - this.el.clientWidth : this.el.scrollHeight - this.el.clientHeight;
+    }
+    /** 0–1 */
+    get progress() {
+        return this.limit ? this.current / this.limit : 0;
+    }
+    /** Smoothing is running (not stopped, not reduced motion). */
+    get active() {
+        return !this.stopped && !this.reduced;
+    }
+    wheel(e) {
+        if (!this.active || e.ctrlKey)
+            return; // ctrl+wheel = zoom
+        // leave nested scrollables / opted-out regions alone
+        for (let n = e.target; n && n !== this.el; n = n.parentElement) {
+            if (n.hasAttribute?.('data-smooth-ignore'))
+                return;
+            if (n !== document.body && n.scrollHeight > n.clientHeight + 1 && /(auto|scroll)/.test(getComputedStyle(n).overflowY))
+                return;
+        }
+        const unit = e.deltaMode === 1 ? 40 : e.deltaMode === 2 ? (this.horizontal ? this.el.clientWidth : this.el.clientHeight) : 1;
+        const d = (this.horizontal ? e.deltaX || e.deltaY : e.deltaY) * unit * (this.o.wheelMultiplier ?? 1);
+        const next = clamp(this.target + d, 0, this.limit);
+        if (next === this.target && (this.target <= 0 || this.target >= this.limit))
+            return; // at an edge: let the page / parent handle it
+        e.preventDefault();
+        this.push(d);
+    }
+    push(d) {
+        this.glide = null;
+        this.target = clamp(this.target + d, 0, this.limit);
+        this.start();
+    }
+    start() {
+        if (this.tickOff)
+            return;
+        this.isScrolling = true;
+        this.tickOff = registry.requireModule('core', 'motionary/runtime/smooth').getTicker().add((_, dt) => this.tick(dt));
+    }
+    tick(dt) {
+        const prev = this.current;
+        if (this.glide) {
+            const g = this.glide;
+            g.t = Math.min(g.d, g.t + dt);
+            this.current = g.from + (g.to - g.from) * g.ease(g.d ? g.t / g.d : 1);
+            if (g.t >= g.d) {
+                this.current = this.target = g.to;
+                this.glide = null;
+                g.done?.();
+            }
+        }
+        else if (this.o.duration) {
+            this.glide = { from: this.current, to: this.target, t: 0, d: this.o.duration, ease: this.easeOf(this.o.ease) };
+            return this.tick(dt);
+        }
+        else {
+            // frame-rate independent lerp
+            const k = 1 - Math.pow(1 - clamp(this.o.lerp ?? 0.1, 0.001, 1), dt / (1000 / 60));
+            this.current += (this.target - this.current) * k;
+            if (Math.abs(this.target - this.current) < 0.5)
+                this.current = this.target;
+        }
+        this.velocity = this.current - prev;
+        this.write(this.current);
+        this.listeners.forEach((f) => f(this));
+        if (this.current === this.target && !this.glide)
+            this.halt();
+    }
+    easeOf(e) {
+        return typeof e === 'function' ? e : ease.parseEase(e || 'expo-out');
+    }
+    write(v) {
+        const r = Math.round(v * 100) / 100;
+        if (Math.abs(this.native - r) < 0.5)
+            return;
+        if (this.horizontal)
+            this.el.scrollLeft = r;
+        else
+            this.el.scrollTop = r;
+        this.written = this.native; // what the browser actually stored (it may round to device pixels)
+    }
+    halt() {
+        this.tickOff?.();
+        this.tickOff = null;
+        this.isScrolling = false;
+        this.velocity = 0;
+    }
+    anchor(e) {
+        if (e.defaultPrevented || e.button || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey)
+            return;
+        const a = e.target.closest?.('a[href*="#"]');
+        if (!a || a.target === '_blank')
+            return;
+        const u = new URL(a.href, location.href);
+        if (u.origin !== location.origin || u.pathname !== location.pathname || !u.hash)
+            return;
+        const id = decodeURIComponent(u.hash.slice(1));
+        const t = id === 'top' ? null : document.getElementById(id);
+        if (id !== 'top' && !t)
+            return;
+        if (!this.win && t && !this.el.contains(t))
+            return;
+        e.preventDefault();
+        const off = typeof this.o.anchors === 'object' ? this.o.anchors.offset || 0 : 0;
+        this.scrollTo(t || 0, { offset: off, onComplete: () => {
+                if (t) {
+                    if (!t.hasAttribute('tabindex') && !/^(a|button|input|select|textarea)$/i.test(t.tagName))
+                        t.setAttribute('tabindex', '-1');
+                    t.focus({ preventScroll: true });
+                }
+            } });
+        if (history.pushState)
+            history.pushState(null, '', u.hash);
+    }
+    /** Scroll to a position (px), an element, or a selector. Animated unless reduced motion / `immediate`. */
+    scrollTo(to, o = {}) {
+        let y;
+        if (typeof to === 'number')
+            y = to;
+        else {
+            const el = typeof to === 'string' ? document.querySelector(to) : to;
+            if (!el)
+                return;
+            const r = el.getBoundingClientRect();
+            const base = this.win ? 0 : this.axis(this.el.getBoundingClientRect().left, this.el.getBoundingClientRect().top);
+            y = this.native + this.axis(r.left, r.top) - base;
+        }
+        y = clamp(y + (o.offset || 0), 0, this.limit);
+        if (o.immediate || !this.active) {
+            this.halt();
+            this.glide = null;
+            this.current = this.target = y;
+            this.write(y);
+            o.onComplete?.();
+            return;
+        }
+        this.target = y;
+        this.glide = { from: this.current, to: y, t: 0, d: o.duration ?? this.o.duration ?? Math.min(1200, 400 + Math.abs(y - this.current) * 0.4), ease: this.easeOf(o.ease ?? this.o.ease), done: o.onComplete };
+        this.start();
+    }
+    /** Pause smoothing (native scrolling everywhere) — e.g. while a modal is open. */
+    stop() {
+        this.stopped = true;
+        this.halt();
+        this.el.classList.remove('usa-smooth');
+    }
+    /** Resume after `stop()`. */
+    resume() {
+        this.stopped = false;
+        this.current = this.target = this.native;
+        this.el.classList.toggle('usa-smooth', !this.reduced);
+    }
+    /** Listen to every smoothed frame; returns an unsubscribe function. */
+    onScroll(fn) {
+        this.listeners.add(fn);
+        return () => this.listeners.delete(fn);
+    }
+    /** Remove all listeners and restore native scrolling. */
+    destroy() {
+        this.halt();
+        this.off.forEach((f) => f());
+        this.off = [];
+        this.listeners.clear();
+        this.el.classList.remove('usa-smooth');
+        instances.delete(this);
+    }
+}
+/** Start smooth scrolling (see module docs). Off under reduced motion. */
+function smoothScroll(o = {}) {
+    return new SmoothScroll(o);
+}
+/** Every live instance. */
+const allSmooth = () => Array.from(instances);
+/** The module object for `use(smooth)`. */
+const smooth = { id: 'smooth', version: registry.RUNTIME_VERSION, requires: ['core'], api: { smoothScroll, allSmooth, SmoothScroll } };
+
+exports.SmoothScroll = SmoothScroll;
+exports.allSmooth = allSmooth;
+exports.smooth = smooth;
+exports.smoothScroll = smoothScroll;
+//# sourceMappingURL=smooth.cjs.map

package/dist/runtime/smooth.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"smooth.cjs","sources":["../../src/runtime/smooth.ts"],"sourcesContent":["/**\n * `motionary/runtime/smooth` (10.4) — smooth (inertial) scrolling on the\n * runtime ticker, written for Motionary (own implementation and API).\n *\n * - Wheel / trackpad input is eased towards its target (`lerp` or a fixed\n *   `duration` + `ease`) on the shared ticker; keyboard, scrollbar dragging,\n *   find-in-page and screen-reader scrolling stay native (the target follows\n *   them), touch stays native by default (`touch: true` to smooth it).\n * - Works on the window or inside any scrollable `wrapper`; vertical or\n *   horizontal; nested scrollables and `[data-smooth-ignore]` are left alone.\n * - Anchor links (`#id`) glide to their target (with `offset`), focus moves\n *   for keyboard users, and the URL hash is kept.\n * - **Off under `prefers-reduced-motion: reduce`** (and while the media query\n *   matches; it re-enables when it stops matching) — wheel scrolling is then\n *   fully native. `force: true` overrides this only for non-motion use cases.\n * - Real `scroll` events still fire, so `motionary/runtime/scroll` scenes,\n *   IntersectionObservers and CSS scroll timelines all keep working.\n * SSR-safe: nothing touches `window` until `smoothScroll()` is called.\n */\nimport { RUNTIME_VERSION, requireModule, type RuntimeModule } from './registry';\nimport type { CoreApi } from './index';\nimport { parseEase, type Ease } from './ease';\n\nexport interface SmoothOptions {\n  /** Scroll container (default: the window / document scroller). */\n  wrapper?: HTMLElement | Window;\n  /** Easing factor per 60 fps frame, 0–1 (default 0.1). Ignored when `duration` is set. */\n  lerp?: number;\n  /** Fixed glide time in ms (with `ease`) instead of `lerp`. */\n  duration?: number;\n  ease?: string | Ease;\n  orientation?: 'vertical' | 'horizontal';\n  /** Wheel delta multiplier (default 1). */\n  wheelMultiplier?: number;\n  /** Smooth touch scrolling too (default false: native momentum is better on touch devices). */\n  touch?: boolean;\n  touchMultiplier?: number;\n  /** Glide to `#anchor` links (default true). */\n  anchors?: boolean | { offset?: number };\n  /** Ignore prefers-reduced-motion (default false — leave it off unless the motion is essential). */\n  force?: boolean;\n  onScroll?: (s: SmoothScroll) => void;\n}\n\nexport interface ScrollToOptions2 {\n  offset?: number;\n  /** Jump without animating. */\n  immediate?: boolean;\n  duration?: number;\n  ease?: string | Ease;\n  onComplete?: () => void;\n}\n\nconst clamp = (v: number, a: number, b: number) => Math.min(b, Math.max(a, v));\nconst instances = new Set<SmoothScroll>();\n\nexport class SmoothScroll {\n  /** Current (animated) scroll position, px. */\n  current = 0;\n  /** Where the scroll is heading, px. */\n  target = 0;\n  /** px per frame of the last update. */\n  velocity = 0;\n  /** True while gliding. */\n  isScrolling = false;\n  private o: SmoothOptions;\n  private el: HTMLElement;\n  private win: boolean;\n  private stopped = false;\n  private reduced = false;\n  private off: (() => void)[] = [];\n  private tickOff: (() => void) | null = null;\n  private written = NaN;\n  private glide: { from: number; to: number; t: number; d: number; ease: Ease; done?: () => void } | null = null;\n  private listeners = new Set<(s: SmoothScroll) => void>();\n  private touchY = 0;\n\n  constructor(o: SmoothOptions = {}) {\n    if (typeof window === 'undefined') throw new Error('[motionary] smoothScroll() needs a browser (call it on the client)');\n    this.o = o;\n    const w = o.wrapper || window;\n    this.win = w === window;\n    this.el = this.win ? (document.scrollingElement as HTMLElement) || document.documentElement : (w as HTMLElement);\n    if (o.onScroll) this.listeners.add(o.onScroll);\n    this.current = this.target = this.native;\n    const mq = typeof matchMedia === 'function' ? matchMedia('(prefers-reduced-motion: reduce)') : null;\n    const syncMq = () => {\n      this.reduced = !!mq?.matches && !o.force;\n      this.el.classList.toggle('usa-smooth', !this.reduced && !this.stopped);\n    };\n    syncMq();\n    if (mq) this.on(mq as any, 'change', syncMq);\n    const evTarget: EventTarget = this.win ? window : this.el;\n    this.on(evTarget, 'wheel', (e: WheelEvent) => this.wheel(e), { passive: false });\n    if (o.touch) {\n      this.on(evTarget, 'touchstart', (e: TouchEvent) => (this.touchY = this.axis(e.touches[0].clientX, e.touches[0].clientY)), { passive: true });\n      this.on(evTarget, 'touchmove', (e: TouchEvent) => {\n        if (!this.active || e.touches.length !== 1) return;\n        const p = this.axis(e.touches[0].clientX, e.touches[0].clientY);\n        e.preventDefault();\n        this.push((this.touchY - p) * (o.touchMultiplier ?? 1.5));\n        this.touchY = p;\n      }, { passive: false });\n    }\n    // native scrolling (keyboard, scrollbar, find, focus, assistive tech): follow it\n    this.on(evTarget, 'scroll', () => {\n      if (Math.abs(this.native - this.written) <= 1) return; // our own write (browsers may coalesce several into one event)\n      // someone else scrolled (keyboard, scrollbar drag, find, focus): adopt it and drop any glide\n      this.halt();\n      this.glide = null;\n      this.current = this.target = this.native;\n    }, { passive: true });\n    if (o.anchors !== false) this.on(this.win ? document : this.el, 'click', (e: MouseEvent) => this.anchor(e));\n    instances.add(this);\n  }\n\n  private on(t: EventTarget, type: string, fn: (e: any) => void, opt?: AddEventListenerOptions): void {\n    t.addEventListener(type, fn, opt);\n    this.off.push(() => t.removeEventListener(type, fn, opt));\n  }\n  private get horizontal(): boolean {\n    return this.o.orientation === 'horizontal';\n  }\n  private axis(x: number, y: number): number {\n    return this.horizontal ? x : y;\n  }\n  /** The scroll position the browser reports. */\n  get native(): number {\n    return this.horizontal ? this.el.scrollLeft : this.el.scrollTop;\n  }\n  /** Maximum scroll, px. */\n  get limit(): number {\n    return this.horizontal ? this.el.scrollWidth - this.el.clientWidth : this.el.scrollHeight - this.el.clientHeight;\n  }\n  /** 0–1 */\n  get progress(): number {\n    return this.limit ? this.current / this.limit : 0;\n  }\n  /** Smoothing is running (not stopped, not reduced motion). */\n  get active(): boolean {\n    return !this.stopped && !this.reduced;\n  }\n\n  private wheel(e: WheelEvent): void {\n    if (!this.active || e.ctrlKey) return; // ctrl+wheel = zoom\n    // leave nested scrollables / opted-out regions alone\n    for (let n = e.target as HTMLElement | null; n && n !== this.el; n = n.parentElement) {\n      if (n.hasAttribute?.('data-smooth-ignore')) return;\n      if (n !== document.body && n.scrollHeight > n.clientHeight + 1 && /(auto|scroll)/.test(getComputedStyle(n).overflowY)) return;\n    }\n    const unit = e.deltaMode === 1 ? 40 : e.deltaMode === 2 ? (this.horizontal ? this.el.clientWidth : this.el.clientHeight) : 1;\n    const d = (this.horizontal ? e.deltaX || e.deltaY : e.deltaY) * unit * (this.o.wheelMultiplier ?? 1);\n    const next = clamp(this.target + d, 0, this.limit);\n    if (next === this.target && (this.target <= 0 || this.target >= this.limit)) return; // at an edge: let the page / parent handle it\n    e.preventDefault();\n    this.push(d);\n  }\n  private push(d: number): void {\n    this.glide = null;\n    this.target = clamp(this.target + d, 0, this.limit);\n    this.start();\n  }\n  private start(): void {\n    if (this.tickOff) return;\n    this.isScrolling = true;\n    this.tickOff = requireModule<CoreApi>('core', 'motionary/runtime/smooth').getTicker().add((_, dt) => this.tick(dt));\n  }\n  private tick(dt: number): void {\n    const prev = this.current;\n    if (this.glide) {\n      const g = this.glide;\n      g.t = Math.min(g.d, g.t + dt);\n      this.current = g.from + (g.to - g.from) * g.ease(g.d ? g.t / g.d : 1);\n      if (g.t >= g.d) {\n        this.current = this.target = g.to;\n        this.glide = null;\n        g.done?.();\n      }\n    } else if (this.o.duration) {\n      this.glide = { from: this.current, to: this.target, t: 0, d: this.o.duration, ease: this.easeOf(this.o.ease) };\n      return this.tick(dt);\n    } else {\n      // frame-rate independent lerp\n      const k = 1 - Math.pow(1 - clamp(this.o.lerp ?? 0.1, 0.001, 1), dt / (1000 / 60));\n      this.current += (this.target - this.current) * k;\n      if (Math.abs(this.target - this.current) < 0.5) this.current = this.target;\n    }\n    this.velocity = this.current - prev;\n    this.write(this.current);\n    this.listeners.forEach((f) => f(this));\n    if (this.current === this.target && !this.glide) this.halt();\n  }\n  private easeOf(e?: string | Ease): Ease {\n    return typeof e === 'function' ? e : parseEase(e || 'expo-out');\n  }\n  private write(v: number): void {\n    const r = Math.round(v * 100) / 100;\n    if (Math.abs(this.native - r) < 0.5) return;\n    if (this.horizontal) this.el.scrollLeft = r;\n    else this.el.scrollTop = r;\n    this.written = this.native; // what the browser actually stored (it may round to device pixels)\n  }\n  private halt(): void {\n    this.tickOff?.();\n    this.tickOff = null;\n    this.isScrolling = false;\n    this.velocity = 0;\n  }\n  private anchor(e: MouseEvent): void {\n    if (e.defaultPrevented || e.button || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;\n    const a = (e.target as Element).closest?.('a[href*=\"#\"]') as HTMLAnchorElement | null;\n    if (!a || a.target === '_blank') return;\n    const u = new URL(a.href, location.href);\n    if (u.origin !== location.origin || u.pathname !== location.pathname || !u.hash) return;\n    const id = decodeURIComponent(u.hash.slice(1));\n    const t = id === 'top' ? null : document.getElementById(id);\n    if (id !== 'top' && !t) return;\n    if (!this.win && t && !this.el.contains(t)) return;\n    e.preventDefault();\n    const off = typeof this.o.anchors === 'object' ? this.o.anchors.offset || 0 : 0;\n    this.scrollTo(t || 0, { offset: off, onComplete: () => {\n      if (t) {\n        if (!t.hasAttribute('tabindex') && !/^(a|button|input|select|textarea)$/i.test(t.tagName)) t.setAttribute('tabindex', '-1');\n        t.focus({ preventScroll: true });\n      }\n    } });\n    if (history.pushState) history.pushState(null, '', u.hash);\n  }\n\n  /** Scroll to a position (px), an element, or a selector. Animated unless reduced motion / `immediate`. */\n  scrollTo(to: number | string | Element, o: ScrollToOptions2 = {}): void {\n    let y: number;\n    if (typeof to === 'number') y = to;\n    else {\n      const el = typeof to === 'string' ? document.querySelector(to) : to;\n      if (!el) return;\n      const r = el.getBoundingClientRect();\n      const base = this.win ? 0 : this.axis(this.el.getBoundingClientRect().left, this.el.getBoundingClientRect().top);\n      y = this.native + this.axis(r.left, r.top) - base;\n    }\n    y = clamp(y + (o.offset || 0), 0, this.limit);\n    if (o.immediate || !this.active) {\n      this.halt();\n      this.glide = null;\n      this.current = this.target = y;\n      this.write(y);\n      o.onComplete?.();\n      return;\n    }\n    this.target = y;\n    this.glide = { from: this.current, to: y, t: 0, d: o.duration ?? this.o.duration ?? Math.min(1200, 400 + Math.abs(y - this.current) * 0.4), ease: this.easeOf(o.ease ?? this.o.ease), done: o.onComplete };\n    this.start();\n  }\n  /** Pause smoothing (native scrolling everywhere) — e.g. while a modal is open. */\n  stop(): void {\n    this.stopped = true;\n    this.halt();\n    this.el.classList.remove('usa-smooth');\n  }\n  /** Resume after `stop()`. */\n  resume(): void {\n    this.stopped = false;\n    this.current = this.target = this.native;\n    this.el.classList.toggle('usa-smooth', !this.reduced);\n  }\n  /** Listen to every smoothed frame; returns an unsubscribe function. */\n  onScroll(fn: (s: SmoothScroll) => void): () => void {\n    this.listeners.add(fn);\n    return () => this.listeners.delete(fn);\n  }\n  /** Remove all listeners and restore native scrolling. */\n  destroy(): void {\n    this.halt();\n    this.off.forEach((f) => f());\n    this.off = [];\n    this.listeners.clear();\n    this.el.classList.remove('usa-smooth');\n    instances.delete(this);\n  }\n}\n\n/** Start smooth scrolling (see module docs). Off under reduced motion. */\nexport function smoothScroll(o: SmoothOptions = {}): SmoothScroll {\n  return new SmoothScroll(o);\n}\n\n/** Every live instance. */\nexport const allSmooth = (): SmoothScroll[] => Array.from(instances);\n\nexport interface SmoothApi {\n  smoothScroll: typeof smoothScroll;\n  allSmooth: typeof allSmooth;\n  SmoothScroll: typeof SmoothScroll;\n}\n\n/** The module object for `use(smooth)`. */\nexport const smooth: RuntimeModule<SmoothApi> = { id: 'smooth', version: RUNTIME_VERSION, requires: ['core'], api: { smoothScroll, allSmooth, SmoothScroll } };\n"],"names":["requireModule","parseEase","RUNTIME_VERSION"],"mappings":"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"}

package/dist/runtime/smooth.d.cts

@@ -0,0 +1,137 @@
+/** A runtime module: `{ id, version, api }`, registered with `use()`. */
+interface RuntimeModule<A = unknown> {
+    /** Module id: 'core', 'format-css', 'scroll', … (import path `motionary/runtime/<id>`). */
+    id: string;
+    version: string;
+    /** Other modules this one needs (registered first by `use()` callers). */
+    requires?: string[];
+    /** The module's public API (what `requireModule(id)` returns). */
+    api: A;
+    /** Optional one-time setup, called on first registration. */
+    setup?(registry: RuntimeRegistry): void;
+}
+interface RuntimeRegistry {
+    version: string;
+    modules: Map<string, RuntimeModule>;
+    /** Shared per-page state slots (the ticker lives here). */
+    slots: Record<string, unknown>;
+}
+
+/** Easing functions (t ∈ [0, 1] → progress). Original implementations of the standard Penner-style curves. */
+type Ease = (t: number) => number;
+
+/**
+ * `motionary/runtime/smooth` (10.4) — smooth (inertial) scrolling on the
+ * runtime ticker, written for Motionary (own implementation and API).
+ *
+ * - Wheel / trackpad input is eased towards its target (`lerp` or a fixed
+ *   `duration` + `ease`) on the shared ticker; keyboard, scrollbar dragging,
+ *   find-in-page and screen-reader scrolling stay native (the target follows
+ *   them), touch stays native by default (`touch: true` to smooth it).
+ * - Works on the window or inside any scrollable `wrapper`; vertical or
+ *   horizontal; nested scrollables and `[data-smooth-ignore]` are left alone.
+ * - Anchor links (`#id`) glide to their target (with `offset`), focus moves
+ *   for keyboard users, and the URL hash is kept.
+ * - **Off under `prefers-reduced-motion: reduce`** (and while the media query
+ *   matches; it re-enables when it stops matching) — wheel scrolling is then
+ *   fully native. `force: true` overrides this only for non-motion use cases.
+ * - Real `scroll` events still fire, so `motionary/runtime/scroll` scenes,
+ *   IntersectionObservers and CSS scroll timelines all keep working.
+ * SSR-safe: nothing touches `window` until `smoothScroll()` is called.
+ */
+
+interface SmoothOptions {
+    /** Scroll container (default: the window / document scroller). */
+    wrapper?: HTMLElement | Window;
+    /** Easing factor per 60 fps frame, 0–1 (default 0.1). Ignored when `duration` is set. */
+    lerp?: number;
+    /** Fixed glide time in ms (with `ease`) instead of `lerp`. */
+    duration?: number;
+    ease?: string | Ease;
+    orientation?: 'vertical' | 'horizontal';
+    /** Wheel delta multiplier (default 1). */
+    wheelMultiplier?: number;
+    /** Smooth touch scrolling too (default false: native momentum is better on touch devices). */
+    touch?: boolean;
+    touchMultiplier?: number;
+    /** Glide to `#anchor` links (default true). */
+    anchors?: boolean | {
+        offset?: number;
+    };
+    /** Ignore prefers-reduced-motion (default false — leave it off unless the motion is essential). */
+    force?: boolean;
+    onScroll?: (s: SmoothScroll) => void;
+}
+interface ScrollToOptions2 {
+    offset?: number;
+    /** Jump without animating. */
+    immediate?: boolean;
+    duration?: number;
+    ease?: string | Ease;
+    onComplete?: () => void;
+}
+declare class SmoothScroll {
+    /** Current (animated) scroll position, px. */
+    current: number;
+    /** Where the scroll is heading, px. */
+    target: number;
+    /** px per frame of the last update. */
+    velocity: number;
+    /** True while gliding. */
+    isScrolling: boolean;
+    private o;
+    private el;
+    private win;
+    private stopped;
+    private reduced;
+    private off;
+    private tickOff;
+    private written;
+    private glide;
+    private listeners;
+    private touchY;
+    constructor(o?: SmoothOptions);
+    private on;
+    private get horizontal();
+    private axis;
+    /** The scroll position the browser reports. */
+    get native(): number;
+    /** Maximum scroll, px. */
+    get limit(): number;
+    /** 0–1 */
+    get progress(): number;
+    /** Smoothing is running (not stopped, not reduced motion). */
+    get active(): boolean;
+    private wheel;
+    private push;
+    private start;
+    private tick;
+    private easeOf;
+    private write;
+    private halt;
+    private anchor;
+    /** Scroll to a position (px), an element, or a selector. Animated unless reduced motion / `immediate`. */
+    scrollTo(to: number | string | Element, o?: ScrollToOptions2): void;
+    /** Pause smoothing (native scrolling everywhere) — e.g. while a modal is open. */
+    stop(): void;
+    /** Resume after `stop()`. */
+    resume(): void;
+    /** Listen to every smoothed frame; returns an unsubscribe function. */
+    onScroll(fn: (s: SmoothScroll) => void): () => void;
+    /** Remove all listeners and restore native scrolling. */
+    destroy(): void;
+}
+/** Start smooth scrolling (see module docs). Off under reduced motion. */
+declare function smoothScroll(o?: SmoothOptions): SmoothScroll;
+/** Every live instance. */
+declare const allSmooth: () => SmoothScroll[];
+interface SmoothApi {
+    smoothScroll: typeof smoothScroll;
+    allSmooth: typeof allSmooth;
+    SmoothScroll: typeof SmoothScroll;
+}
+/** The module object for `use(smooth)`. */
+declare const smooth: RuntimeModule<SmoothApi>;
+
+export { SmoothScroll, allSmooth, smooth, smoothScroll };
+export type { ScrollToOptions2, SmoothApi, SmoothOptions };

package/dist/runtime/smooth.d.ts

@@ -0,0 +1,137 @@
+/** A runtime module: `{ id, version, api }`, registered with `use()`. */
+interface RuntimeModule<A = unknown> {
+    /** Module id: 'core', 'format-css', 'scroll', … (import path `motionary/runtime/<id>`). */
+    id: string;
+    version: string;
+    /** Other modules this one needs (registered first by `use()` callers). */
+    requires?: string[];
+    /** The module's public API (what `requireModule(id)` returns). */
+    api: A;
+    /** Optional one-time setup, called on first registration. */
+    setup?(registry: RuntimeRegistry): void;
+}
+interface RuntimeRegistry {
+    version: string;
+    modules: Map<string, RuntimeModule>;
+    /** Shared per-page state slots (the ticker lives here). */
+    slots: Record<string, unknown>;
+}
+
+/** Easing functions (t ∈ [0, 1] → progress). Original implementations of the standard Penner-style curves. */
+type Ease = (t: number) => number;
+
+/**
+ * `motionary/runtime/smooth` (10.4) — smooth (inertial) scrolling on the
+ * runtime ticker, written for Motionary (own implementation and API).
+ *
+ * - Wheel / trackpad input is eased towards its target (`lerp` or a fixed
+ *   `duration` + `ease`) on the shared ticker; keyboard, scrollbar dragging,
+ *   find-in-page and screen-reader scrolling stay native (the target follows
+ *   them), touch stays native by default (`touch: true` to smooth it).
+ * - Works on the window or inside any scrollable `wrapper`; vertical or
+ *   horizontal; nested scrollables and `[data-smooth-ignore]` are left alone.
+ * - Anchor links (`#id`) glide to their target (with `offset`), focus moves
+ *   for keyboard users, and the URL hash is kept.
+ * - **Off under `prefers-reduced-motion: reduce`** (and while the media query
+ *   matches; it re-enables when it stops matching) — wheel scrolling is then
+ *   fully native. `force: true` overrides this only for non-motion use cases.
+ * - Real `scroll` events still fire, so `motionary/runtime/scroll` scenes,
+ *   IntersectionObservers and CSS scroll timelines all keep working.
+ * SSR-safe: nothing touches `window` until `smoothScroll()` is called.
+ */
+
+interface SmoothOptions {
+    /** Scroll container (default: the window / document scroller). */
+    wrapper?: HTMLElement | Window;
+    /** Easing factor per 60 fps frame, 0–1 (default 0.1). Ignored when `duration` is set. */
+    lerp?: number;
+    /** Fixed glide time in ms (with `ease`) instead of `lerp`. */
+    duration?: number;
+    ease?: string | Ease;
+    orientation?: 'vertical' | 'horizontal';
+    /** Wheel delta multiplier (default 1). */
+    wheelMultiplier?: number;
+    /** Smooth touch scrolling too (default false: native momentum is better on touch devices). */
+    touch?: boolean;
+    touchMultiplier?: number;
+    /** Glide to `#anchor` links (default true). */
+    anchors?: boolean | {
+        offset?: number;
+    };
+    /** Ignore prefers-reduced-motion (default false — leave it off unless the motion is essential). */
+    force?: boolean;
+    onScroll?: (s: SmoothScroll) => void;
+}
+interface ScrollToOptions2 {
+    offset?: number;
+    /** Jump without animating. */
+    immediate?: boolean;
+    duration?: number;
+    ease?: string | Ease;
+    onComplete?: () => void;
+}
+declare class SmoothScroll {
+    /** Current (animated) scroll position, px. */
+    current: number;
+    /** Where the scroll is heading, px. */
+    target: number;
+    /** px per frame of the last update. */
+    velocity: number;
+    /** True while gliding. */
+    isScrolling: boolean;
+    private o;
+    private el;
+    private win;
+    private stopped;
+    private reduced;
+    private off;
+    private tickOff;
+    private written;
+    private glide;
+    private listeners;
+    private touchY;
+    constructor(o?: SmoothOptions);
+    private on;
+    private get horizontal();
+    private axis;
+    /** The scroll position the browser reports. */
+    get native(): number;
+    /** Maximum scroll, px. */
+    get limit(): number;
+    /** 0–1 */
+    get progress(): number;
+    /** Smoothing is running (not stopped, not reduced motion). */
+    get active(): boolean;
+    private wheel;
+    private push;
+    private start;
+    private tick;
+    private easeOf;
+    private write;
+    private halt;
+    private anchor;
+    /** Scroll to a position (px), an element, or a selector. Animated unless reduced motion / `immediate`. */
+    scrollTo(to: number | string | Element, o?: ScrollToOptions2): void;
+    /** Pause smoothing (native scrolling everywhere) — e.g. while a modal is open. */
+    stop(): void;
+    /** Resume after `stop()`. */
+    resume(): void;
+    /** Listen to every smoothed frame; returns an unsubscribe function. */
+    onScroll(fn: (s: SmoothScroll) => void): () => void;
+    /** Remove all listeners and restore native scrolling. */
+    destroy(): void;
+}
+/** Start smooth scrolling (see module docs). Off under reduced motion. */
+declare function smoothScroll(o?: SmoothOptions): SmoothScroll;
+/** Every live instance. */
+declare const allSmooth: () => SmoothScroll[];
+interface SmoothApi {
+    smoothScroll: typeof smoothScroll;
+    allSmooth: typeof allSmooth;
+    SmoothScroll: typeof SmoothScroll;
+}
+/** The module object for `use(smooth)`. */
+declare const smooth: RuntimeModule<SmoothApi>;
+
+export { SmoothScroll, allSmooth, smooth, smoothScroll };
+export type { ScrollToOptions2, SmoothApi, SmoothOptions };

package/dist/runtime/smooth.iife.js

@@ -0,0 +1,2 @@
+!function(t,e,i){"use strict";const s=(t,e,i)=>Math.min(i,Math.max(e,t)),h=new Set;class o{constructor(t={}){if(this.current=0,this.target=0,this.velocity=0,this.isScrolling=!1,this.stopped=!1,this.reduced=!1,this.off=[],this.tickOff=null,this.written=NaN,this.glide=null,this.listeners=new Set,this.touchY=0,"undefined"==typeof window)throw new Error("[motionary] smoothScroll() needs a browser (call it on the client)");this.o=t;const e=t.wrapper||window;this.win=e===window,this.el=this.win?document.scrollingElement||document.documentElement:e,t.onScroll&&this.listeners.add(t.onScroll),this.current=this.target=this.native;const i="function"==typeof matchMedia?matchMedia("(prefers-reduced-motion: reduce)"):null,s=()=>{this.reduced=!!i?.matches&&!t.force,this.el.classList.toggle("usa-smooth",!this.reduced&&!this.stopped)};s(),i&&this.on(i,"change",s);const o=this.win?window:this.el;this.on(o,"wheel",t=>this.wheel(t),{passive:!1}),t.touch&&(this.on(o,"touchstart",t=>this.touchY=this.axis(t.touches[0].clientX,t.touches[0].clientY),{passive:!0}),this.on(o,"touchmove",e=>{if(!this.active||1!==e.touches.length)return;const i=this.axis(e.touches[0].clientX,e.touches[0].clientY);e.preventDefault(),this.push((this.touchY-i)*(t.touchMultiplier??1.5)),this.touchY=i},{passive:!1})),this.on(o,"scroll",()=>{Math.abs(this.native-this.written)<=1||(this.halt(),this.glide=null,this.current=this.target=this.native)},{passive:!0}),!1!==t.anchors&&this.on(this.win?document:this.el,"click",t=>this.anchor(t)),h.add(this)}on(t,e,i,s){t.addEventListener(e,i,s),this.off.push(()=>t.removeEventListener(e,i,s))}get horizontal(){return"horizontal"===this.o.orientation}axis(t,e){return this.horizontal?t:e}get native(){return this.horizontal?this.el.scrollLeft:this.el.scrollTop}get limit(){return this.horizontal?this.el.scrollWidth-this.el.clientWidth:this.el.scrollHeight-this.el.clientHeight}get progress(){return this.limit?this.current/this.limit:0}get active(){return!this.stopped&&!this.reduced}wheel(t){if(!this.active||t.ctrlKey)return;for(let e=t.target;e&&e!==this.el;e=e.parentElement){if(e.hasAttribute?.("data-smooth-ignore"))return;if(e!==document.body&&e.scrollHeight>e.clientHeight+1&&/(auto|scroll)/.test(getComputedStyle(e).overflowY))return}const e=1===t.deltaMode?40:2===t.deltaMode?this.horizontal?this.el.clientWidth:this.el.clientHeight:1,i=(this.horizontal&&t.deltaX||t.deltaY)*e*(this.o.wheelMultiplier??1);s(this.target+i,0,this.limit)===this.target&&(this.target<=0||this.target>=this.limit)||(t.preventDefault(),this.push(i))}push(t){this.glide=null,this.target=s(this.target+t,0,this.limit),this.start()}start(){this.tickOff||(this.isScrolling=!0,this.tickOff=e.requireModule("core","motionary/runtime/smooth").getTicker().add((t,e)=>this.tick(e)))}tick(t){const e=this.current;if(this.glide){const e=this.glide;e.t=Math.min(e.d,e.t+t),this.current=e.from+(e.to-e.from)*e.ease(e.d?e.t/e.d:1),e.t>=e.d&&(this.current=this.target=e.to,this.glide=null,e.done?.())}else{if(this.o.duration)return this.glide={from:this.current,to:this.target,t:0,d:this.o.duration,ease:this.easeOf(this.o.ease)},this.tick(t);{const e=1-Math.pow(1-s(this.o.lerp??.1,.001,1),t/(1e3/60));this.current+=(this.target-this.current)*e,Math.abs(this.target-this.current)<.5&&(this.current=this.target)}}this.velocity=this.current-e,this.write(this.current),this.listeners.forEach(t=>t(this)),this.current!==this.target||this.glide||this.halt()}easeOf(t){return"function"==typeof t?t:i.parseEase(t||"expo-out")}write(t){const e=Math.round(100*t)/100;Math.abs(this.native-e)<.5||(this.horizontal?this.el.scrollLeft=e:this.el.scrollTop=e,this.written=this.native)}halt(){this.tickOff?.(),this.tickOff=null,this.isScrolling=!1,this.velocity=0}anchor(t){if(t.defaultPrevented||t.button||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey)return;const e=t.target.closest?.('a[href*="#"]');if(!e||"_blank"===e.target)return;const i=new URL(e.href,location.href);if(i.origin!==location.origin||i.pathname!==location.pathname||!i.hash)return;const s=decodeURIComponent(i.hash.slice(1)),h="top"===s?null:document.getElementById(s);if("top"!==s&&!h)return;if(!this.win&&h&&!this.el.contains(h))return;t.preventDefault();const o="object"==typeof this.o.anchors&&this.o.anchors.offset||0;this.scrollTo(h||0,{offset:o,onComplete:()=>{h&&(h.hasAttribute("tabindex")||/^(a|button|input|select|textarea)$/i.test(h.tagName)||h.setAttribute("tabindex","-1"),h.focus({preventScroll:!0}))}}),history.pushState&&history.pushState(null,"",i.hash)}scrollTo(t,e={}){let i;if("number"==typeof t)i=t;else{const e="string"==typeof t?document.querySelector(t):t;if(!e)return;const s=e.getBoundingClientRect(),h=this.win?0:this.axis(this.el.getBoundingClientRect().left,this.el.getBoundingClientRect().top);i=this.native+this.axis(s.left,s.top)-h}if(i=s(i+(e.offset||0),0,this.limit),e.immediate||!this.active)return this.halt(),this.glide=null,this.current=this.target=i,this.write(i),void e.onComplete?.();this.target=i,this.glide={from:this.current,to:i,t:0,d:e.duration??this.o.duration??Math.min(1200,400+.4*Math.abs(i-this.current)),ease:this.easeOf(e.ease??this.o.ease),done:e.onComplete},this.start()}stop(){this.stopped=!0,this.halt(),this.el.classList.remove("usa-smooth")}resume(){this.stopped=!1,this.current=this.target=this.native,this.el.classList.toggle("usa-smooth",!this.reduced)}onScroll(t){return this.listeners.add(t),()=>this.listeners.delete(t)}destroy(){this.halt(),this.off.forEach(t=>t()),this.off=[],this.listeners.clear(),this.el.classList.remove("usa-smooth"),h.delete(this)}}function r(t={}){return new o(t)}const n=()=>Array.from(h),l={id:"smooth",version:e.RUNTIME_VERSION,requires:["core"],api:{smoothScroll:r,allSmooth:n,SmoothScroll:o}};e.register(l),t.SmoothScroll=o,t.allSmooth=n,t.smooth=l,t.smoothScroll=r}(this.MotionaryRuntime=this.MotionaryRuntime||{},MotionaryRuntime,MotionaryRuntime);
+//# sourceMappingURL=smooth.iife.js.map