use-scroll-animate 10.2.0 → 10.4.0

package/dist/runtime/text.d.ts

@@ -0,0 +1,65 @@
+/** 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>;
+}
+
+/**
+ * `motionary/runtime/text` (10.3) — split text into characters, words and
+ * lines for animation, keeping it accessible (original implementation).
+ *
+ * - `segment(text, 'chars' | 'words')` — pure, works anywhere (SSR, workers):
+ *   grapheme clusters via `Intl.Segmenter` when available (emoji, combining
+ *   marks, CJK stay whole), whitespace-aware words.
+ * - `splitText(el, { type: 'chars,words,lines' })` — wraps the element's text
+ *   in spans (nested elements such as `<a>`, `<em>` keep their markup), groups
+ *   words into lines by their rendered position, sets `aria-label` on the
+ *   element with the original text and hides the pieces from assistive tech.
+ *   `revert()` restores the original markup; `resplit()` re-measures lines
+ *   (e.g. after a resize).
+ */
+
+type SplitType = 'chars' | 'words' | 'lines';
+/** Split a string into graphemes ('chars') or words + whitespace runs ('words'). */
+declare function segment(text: string, by?: 'chars' | 'words'): string[];
+interface SplitOptions {
+    /** Any of chars, words, lines (comma / space separated). Default 'chars,words'. */
+    type?: string;
+    /** Class prefix (default 'usa-split'): pieces get `<prefix>-char`, `-word`, `-line`. */
+    className?: string;
+    /** Set a `--i` custom property (index) on each piece for CSS staggering (default true). */
+    indexVar?: boolean;
+}
+interface SplitResult {
+    chars: HTMLElement[];
+    words: HTMLElement[];
+    lines: HTMLElement[];
+    /** Restore the original markup. */
+    revert(): void;
+    /** Revert and split again (re-measures lines). */
+    resplit(): SplitResult;
+}
+/** Split an element's text (see module docs). Needs a DOM. */
+declare function splitText(el: HTMLElement, o?: SplitOptions): SplitResult;
+interface TextApi {
+    segment: typeof segment;
+    splitText: typeof splitText;
+}
+/** The module object for `use(text)`. */
+declare const text: RuntimeModule<TextApi>;
+
+export { segment, splitText, text };
+export type { SplitOptions, SplitResult, SplitType, TextApi };

package/dist/runtime/text.iife.js

@@ -0,0 +1,2 @@
+!function(e,t){"use strict";function n(e,t="chars"){const n=Intl.Segmenter;return"chars"===t?n?Array.from(new n(void 0,{granularity:"grapheme"}).segment(e),e=>e.segment):Array.from(e):e.split(/(\s+)/).filter(e=>""!==e)}function r(e,t={}){if("undefined"==typeof document)throw new Error("[motionary] splitText needs a DOM — use segment() on the server");const s=(o=t.type,new Set((o||"chars,words").split(/[\s,]+/).filter(Boolean)));var o;const i=t.className||"usa-split",a=e.innerHTML,l=e.getAttribute("aria-label"),c=(e.textContent||"").replace(/\s+/g," ").trim(),d=[],h=[],p=(e,t)=>{const n=document.createElement("span");return n.className=e,n.setAttribute("aria-hidden","true"),n.style.display="inline-block",void 0!==t&&(n.textContent=t),n},u=s.has("words")||s.has("lines"),f=e=>{for(const t of Array.from(e.childNodes))if(3===t.nodeType){const e=document.createDocumentFragment();for(const r of n(t.textContent||"","words")){if(/^\s+$/.test(r)){e.appendChild(document.createTextNode(" "));continue}const t=u?p(`${i}-word`):null;if(s.has("chars"))for(const s of n(r,"chars")){const n=p(`${i}-char`,s);d.push(n),(t||e).appendChild(n)}else t?t.textContent=r:e.appendChild(document.createTextNode(r));t&&(h.push(t),e.appendChild(t))}t.replaceWith(e)}else 1!==t.nodeType||t.classList.contains(`${i}-word`)||f(t)};f(e),c&&null===l&&e.setAttribute("aria-label",c),e.setAttribute("data-split",Array.from(s).join(" "));const m=[];if(s.has("lines")&&h.length){let t=NaN,n=[];const r=[];for(const e of h){const s=Math.round(e.offsetTop);n.length&&Math.abs(s-t)>2&&(r.push(n),n=[]),n.length||(t=s),n.push(e)}n.length&&r.push(n);if(h.every(t=>t.parentElement===e)){e.textContent="";for(const t of r){const n=p(`${i}-line`);n.style.display="block",t.forEach((e,t)=>{t&&n.appendChild(document.createTextNode(" ")),n.appendChild(e)}),m.push(n),e.appendChild(n)}}else r.forEach((e,t)=>e.forEach(e=>e.setAttribute("data-line",String(t))))}if(!1!==t.indexVar)for(const e of[d,h,m])e.forEach((e,t)=>e.style.setProperty("--i",String(t)));const y={chars:d,words:s.has("words")?h:[],lines:m,revert(){e.innerHTML=a,e.removeAttribute("data-split"),null===l&&e.removeAttribute("aria-label")},resplit:()=>(y.revert(),r(e,t))};return y}const s={id:"text",version:t.RUNTIME_VERSION,requires:["core"],api:{segment:n,splitText:r}};t.register(s),e.segment=n,e.splitText=r,e.text=s}(this.MotionaryRuntime=this.MotionaryRuntime||{},MotionaryRuntime);
+//# sourceMappingURL=text.iife.js.map

package/dist/runtime/text.iife.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.iife.js","sources":["../../src/runtime/text.ts","../../src/runtime/iife/text.ts"],"sourcesContent":["/**\n * `motionary/runtime/text` (10.3) — split text into characters, words and\n * lines for animation, keeping it accessible (original implementation).\n *\n * - `segment(text, 'chars' | 'words')` — pure, works anywhere (SSR, workers):\n *   grapheme clusters via `Intl.Segmenter` when available (emoji, combining\n *   marks, CJK stay whole), whitespace-aware words.\n * - `splitText(el, { type: 'chars,words,lines' })` — wraps the element's text\n *   in spans (nested elements such as `<a>`, `<em>` keep their markup), groups\n *   words into lines by their rendered position, sets `aria-label` on the\n *   element with the original text and hides the pieces from assistive tech.\n *   `revert()` restores the original markup; `resplit()` re-measures lines\n *   (e.g. after a resize).\n */\nimport { RUNTIME_VERSION, type RuntimeModule } from './registry';\n\nexport type SplitType = 'chars' | 'words' | 'lines';\n\n/** Split a string into graphemes ('chars') or words + whitespace runs ('words'). */\nexport function segment(text: string, by: 'chars' | 'words' = 'chars'): string[] {\n  const Seg = (Intl as any).Segmenter;\n  if (by === 'chars') {\n    if (Seg) return Array.from(new Seg(undefined, { granularity: 'grapheme' }).segment(text), (s: any) => s.segment as string);\n    return Array.from(text);\n  }\n  return text.split(/(\\s+)/).filter((s) => s !== '');\n}\n\nexport interface SplitOptions {\n  /** Any of chars, words, lines (comma / space separated). Default 'chars,words'. */\n  type?: string;\n  /** Class prefix (default 'usa-split'): pieces get `<prefix>-char`, `-word`, `-line`. */\n  className?: string;\n  /** Set a `--i` custom property (index) on each piece for CSS staggering (default true). */\n  indexVar?: boolean;\n}\n\nexport interface SplitResult {\n  chars: HTMLElement[];\n  words: HTMLElement[];\n  lines: HTMLElement[];\n  /** Restore the original markup. */\n  revert(): void;\n  /** Revert and split again (re-measures lines). */\n  resplit(): SplitResult;\n}\n\nconst types = (t?: string): Set<SplitType> => new Set((t || 'chars,words').split(/[\\s,]+/).filter(Boolean) as SplitType[]);\n\n/** Split an element's text (see module docs). Needs a DOM. */\nexport function splitText(el: HTMLElement, o: SplitOptions = {}): SplitResult {\n  if (typeof document === 'undefined') throw new Error('[motionary] splitText needs a DOM — use segment() on the server');\n  const want = types(o.type);\n  const pre = o.className || 'usa-split';\n  const original = el.innerHTML;\n  const hadLabel = el.getAttribute('aria-label');\n  const text = (el.textContent || '').replace(/\\s+/g, ' ').trim();\n  const chars: HTMLElement[] = [], words: HTMLElement[] = [];\n  const mk = (cls: string, txt?: string) => {\n    const s = document.createElement('span');\n    s.className = cls;\n    s.setAttribute('aria-hidden', 'true');\n    s.style.display = 'inline-block';\n    if (txt !== undefined) s.textContent = txt;\n    return s;\n  };\n  const wantWords = want.has('words') || want.has('lines');\n  const walk = (node: Node) => {\n    for (const child of Array.from(node.childNodes)) {\n      if (child.nodeType === 3) {\n        const frag = document.createDocumentFragment();\n        for (const part of segment(child.textContent || '', 'words')) {\n          if (/^\\s+$/.test(part)) {\n            frag.appendChild(document.createTextNode(' '));\n            continue;\n          }\n          const w = wantWords ? mk(`${pre}-word`) : null;\n          if (want.has('chars')) {\n            for (const g of segment(part, 'chars')) {\n              const c = mk(`${pre}-char`, g);\n              chars.push(c);\n              (w || frag).appendChild(c);\n            }\n          } else if (w) w.textContent = part;\n          else frag.appendChild(document.createTextNode(part));\n          if (w) {\n            words.push(w);\n            frag.appendChild(w);\n          }\n        }\n        child.replaceWith(frag);\n      } else if (child.nodeType === 1 && !(child as Element).classList.contains(`${pre}-word`)) walk(child);\n    }\n  };\n  walk(el);\n  if (text && hadLabel === null) el.setAttribute('aria-label', text);\n  el.setAttribute('data-split', Array.from(want).join(' '));\n  const lines: HTMLElement[] = [];\n  if (want.has('lines') && words.length) {\n    // group words by their rendered top; wrap each group in a line span (flat text only)\n    let top = NaN, cur: HTMLElement[] = [];\n    const groups: HTMLElement[][] = [];\n    for (const w of words) {\n      const t = Math.round(w.offsetTop);\n      if (cur.length && Math.abs(t - top) > 2) {\n        groups.push(cur);\n        cur = [];\n      }\n      if (!cur.length) top = t;\n      cur.push(w);\n    }\n    if (cur.length) groups.push(cur);\n    const flat = words.every((w) => w.parentElement === el);\n    if (flat) {\n      el.textContent = '';\n      for (const g of groups) {\n        const line = mk(`${pre}-line`);\n        line.style.display = 'block';\n        g.forEach((w, i) => {\n          if (i) line.appendChild(document.createTextNode(' '));\n          line.appendChild(w);\n        });\n        lines.push(line);\n        el.appendChild(line);\n      }\n    } else groups.forEach((g, i) => g.forEach((w) => w.setAttribute('data-line', String(i))));\n  }\n  if (o.indexVar !== false) for (const list of [chars, words, lines]) list.forEach((s, i) => s.style.setProperty('--i', String(i)));\n  const result: SplitResult = {\n    chars,\n    words: want.has('words') ? words : [],\n    lines,\n    revert() {\n      el.innerHTML = original;\n      el.removeAttribute('data-split');\n      if (hadLabel === null) el.removeAttribute('aria-label');\n    },\n    resplit() {\n      result.revert();\n      return splitText(el, o);\n    },\n  };\n  return result;\n}\n\nexport interface TextApi {\n  segment: typeof segment;\n  splitText: typeof splitText;\n}\n\n/** The module object for `use(text)`. */\nexport const text: RuntimeModule<TextApi> = { id: 'text', version: RUNTIME_VERSION, requires: ['core'], api: { segment, splitText } };\n","// CDN build: load runtime.iife.js first, then this file → registers motionary/runtime/text and adds its API to window.MotionaryRuntime.\nimport { register } from '../registry';\nimport { text } from '../text';\nexport * from '../text';\nregister(text);\n"],"names":["segment","text","by","Seg","Intl","Segmenter","Array","from","undefined","granularity","s","split","filter","splitText","el","o","document","Error","want","t","type","Set","Boolean","pre","className","original","innerHTML","hadLabel","getAttribute","textContent","replace","trim","chars","words","mk","cls","txt","createElement","setAttribute","style","display","wantWords","has","walk","node","child","childNodes","nodeType","frag","createDocumentFragment","part","test","appendChild","createTextNode","w","g","c","push","replaceWith","classList","contains","join","lines","length","top","NaN","cur","groups","Math","round","offsetTop","abs","every","parentElement","line","forEach","i","String","indexVar","list","setProperty","result","revert","removeAttribute","resplit","id","version","RUNTIME_VERSION","requires","api","register"],"mappings":"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"}

package/dist/runtime/text.js

@@ -0,0 +1,143 @@
+import { R as RUNTIME_VERSION } from '../chunks/registry-CT-TT_bx.js';
+
+/**
+ * `motionary/runtime/text` (10.3) — split text into characters, words and
+ * lines for animation, keeping it accessible (original implementation).
+ *
+ * - `segment(text, 'chars' | 'words')` — pure, works anywhere (SSR, workers):
+ *   grapheme clusters via `Intl.Segmenter` when available (emoji, combining
+ *   marks, CJK stay whole), whitespace-aware words.
+ * - `splitText(el, { type: 'chars,words,lines' })` — wraps the element's text
+ *   in spans (nested elements such as `<a>`, `<em>` keep their markup), groups
+ *   words into lines by their rendered position, sets `aria-label` on the
+ *   element with the original text and hides the pieces from assistive tech.
+ *   `revert()` restores the original markup; `resplit()` re-measures lines
+ *   (e.g. after a resize).
+ */
+/** Split a string into graphemes ('chars') or words + whitespace runs ('words'). */
+function segment(text, by = 'chars') {
+    const Seg = Intl.Segmenter;
+    if (by === 'chars') {
+        if (Seg)
+            return Array.from(new Seg(undefined, { granularity: 'grapheme' }).segment(text), (s) => s.segment);
+        return Array.from(text);
+    }
+    return text.split(/(\s+)/).filter((s) => s !== '');
+}
+const types = (t) => new Set((t || 'chars,words').split(/[\s,]+/).filter(Boolean));
+/** Split an element's text (see module docs). Needs a DOM. */
+function splitText(el, o = {}) {
+    if (typeof document === 'undefined')
+        throw new Error('[motionary] splitText needs a DOM — use segment() on the server');
+    const want = types(o.type);
+    const pre = o.className || 'usa-split';
+    const original = el.innerHTML;
+    const hadLabel = el.getAttribute('aria-label');
+    const text = (el.textContent || '').replace(/\s+/g, ' ').trim();
+    const chars = [], words = [];
+    const mk = (cls, txt) => {
+        const s = document.createElement('span');
+        s.className = cls;
+        s.setAttribute('aria-hidden', 'true');
+        s.style.display = 'inline-block';
+        if (txt !== undefined)
+            s.textContent = txt;
+        return s;
+    };
+    const wantWords = want.has('words') || want.has('lines');
+    const walk = (node) => {
+        for (const child of Array.from(node.childNodes)) {
+            if (child.nodeType === 3) {
+                const frag = document.createDocumentFragment();
+                for (const part of segment(child.textContent || '', 'words')) {
+                    if (/^\s+$/.test(part)) {
+                        frag.appendChild(document.createTextNode(' '));
+                        continue;
+                    }
+                    const w = wantWords ? mk(`${pre}-word`) : null;
+                    if (want.has('chars')) {
+                        for (const g of segment(part, 'chars')) {
+                            const c = mk(`${pre}-char`, g);
+                            chars.push(c);
+                            (w || frag).appendChild(c);
+                        }
+                    }
+                    else if (w)
+                        w.textContent = part;
+                    else
+                        frag.appendChild(document.createTextNode(part));
+                    if (w) {
+                        words.push(w);
+                        frag.appendChild(w);
+                    }
+                }
+                child.replaceWith(frag);
+            }
+            else if (child.nodeType === 1 && !child.classList.contains(`${pre}-word`))
+                walk(child);
+        }
+    };
+    walk(el);
+    if (text && hadLabel === null)
+        el.setAttribute('aria-label', text);
+    el.setAttribute('data-split', Array.from(want).join(' '));
+    const lines = [];
+    if (want.has('lines') && words.length) {
+        // group words by their rendered top; wrap each group in a line span (flat text only)
+        let top = NaN, cur = [];
+        const groups = [];
+        for (const w of words) {
+            const t = Math.round(w.offsetTop);
+            if (cur.length && Math.abs(t - top) > 2) {
+                groups.push(cur);
+                cur = [];
+            }
+            if (!cur.length)
+                top = t;
+            cur.push(w);
+        }
+        if (cur.length)
+            groups.push(cur);
+        const flat = words.every((w) => w.parentElement === el);
+        if (flat) {
+            el.textContent = '';
+            for (const g of groups) {
+                const line = mk(`${pre}-line`);
+                line.style.display = 'block';
+                g.forEach((w, i) => {
+                    if (i)
+                        line.appendChild(document.createTextNode(' '));
+                    line.appendChild(w);
+                });
+                lines.push(line);
+                el.appendChild(line);
+            }
+        }
+        else
+            groups.forEach((g, i) => g.forEach((w) => w.setAttribute('data-line', String(i))));
+    }
+    if (o.indexVar !== false)
+        for (const list of [chars, words, lines])
+            list.forEach((s, i) => s.style.setProperty('--i', String(i)));
+    const result = {
+        chars,
+        words: want.has('words') ? words : [],
+        lines,
+        revert() {
+            el.innerHTML = original;
+            el.removeAttribute('data-split');
+            if (hadLabel === null)
+                el.removeAttribute('aria-label');
+        },
+        resplit() {
+            result.revert();
+            return splitText(el, o);
+        },
+    };
+    return result;
+}
+/** The module object for `use(text)`. */
+const text = { id: 'text', version: RUNTIME_VERSION, requires: ['core'], api: { segment, splitText } };
+
+export { segment, splitText, text };
+//# sourceMappingURL=text.js.map

package/dist/runtime/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":["../../src/runtime/text.ts"],"sourcesContent":["/**\n * `motionary/runtime/text` (10.3) — split text into characters, words and\n * lines for animation, keeping it accessible (original implementation).\n *\n * - `segment(text, 'chars' | 'words')` — pure, works anywhere (SSR, workers):\n *   grapheme clusters via `Intl.Segmenter` when available (emoji, combining\n *   marks, CJK stay whole), whitespace-aware words.\n * - `splitText(el, { type: 'chars,words,lines' })` — wraps the element's text\n *   in spans (nested elements such as `<a>`, `<em>` keep their markup), groups\n *   words into lines by their rendered position, sets `aria-label` on the\n *   element with the original text and hides the pieces from assistive tech.\n *   `revert()` restores the original markup; `resplit()` re-measures lines\n *   (e.g. after a resize).\n */\nimport { RUNTIME_VERSION, type RuntimeModule } from './registry';\n\nexport type SplitType = 'chars' | 'words' | 'lines';\n\n/** Split a string into graphemes ('chars') or words + whitespace runs ('words'). */\nexport function segment(text: string, by: 'chars' | 'words' = 'chars'): string[] {\n  const Seg = (Intl as any).Segmenter;\n  if (by === 'chars') {\n    if (Seg) return Array.from(new Seg(undefined, { granularity: 'grapheme' }).segment(text), (s: any) => s.segment as string);\n    return Array.from(text);\n  }\n  return text.split(/(\\s+)/).filter((s) => s !== '');\n}\n\nexport interface SplitOptions {\n  /** Any of chars, words, lines (comma / space separated). Default 'chars,words'. */\n  type?: string;\n  /** Class prefix (default 'usa-split'): pieces get `<prefix>-char`, `-word`, `-line`. */\n  className?: string;\n  /** Set a `--i` custom property (index) on each piece for CSS staggering (default true). */\n  indexVar?: boolean;\n}\n\nexport interface SplitResult {\n  chars: HTMLElement[];\n  words: HTMLElement[];\n  lines: HTMLElement[];\n  /** Restore the original markup. */\n  revert(): void;\n  /** Revert and split again (re-measures lines). */\n  resplit(): SplitResult;\n}\n\nconst types = (t?: string): Set<SplitType> => new Set((t || 'chars,words').split(/[\\s,]+/).filter(Boolean) as SplitType[]);\n\n/** Split an element's text (see module docs). Needs a DOM. */\nexport function splitText(el: HTMLElement, o: SplitOptions = {}): SplitResult {\n  if (typeof document === 'undefined') throw new Error('[motionary] splitText needs a DOM — use segment() on the server');\n  const want = types(o.type);\n  const pre = o.className || 'usa-split';\n  const original = el.innerHTML;\n  const hadLabel = el.getAttribute('aria-label');\n  const text = (el.textContent || '').replace(/\\s+/g, ' ').trim();\n  const chars: HTMLElement[] = [], words: HTMLElement[] = [];\n  const mk = (cls: string, txt?: string) => {\n    const s = document.createElement('span');\n    s.className = cls;\n    s.setAttribute('aria-hidden', 'true');\n    s.style.display = 'inline-block';\n    if (txt !== undefined) s.textContent = txt;\n    return s;\n  };\n  const wantWords = want.has('words') || want.has('lines');\n  const walk = (node: Node) => {\n    for (const child of Array.from(node.childNodes)) {\n      if (child.nodeType === 3) {\n        const frag = document.createDocumentFragment();\n        for (const part of segment(child.textContent || '', 'words')) {\n          if (/^\\s+$/.test(part)) {\n            frag.appendChild(document.createTextNode(' '));\n            continue;\n          }\n          const w = wantWords ? mk(`${pre}-word`) : null;\n          if (want.has('chars')) {\n            for (const g of segment(part, 'chars')) {\n              const c = mk(`${pre}-char`, g);\n              chars.push(c);\n              (w || frag).appendChild(c);\n            }\n          } else if (w) w.textContent = part;\n          else frag.appendChild(document.createTextNode(part));\n          if (w) {\n            words.push(w);\n            frag.appendChild(w);\n          }\n        }\n        child.replaceWith(frag);\n      } else if (child.nodeType === 1 && !(child as Element).classList.contains(`${pre}-word`)) walk(child);\n    }\n  };\n  walk(el);\n  if (text && hadLabel === null) el.setAttribute('aria-label', text);\n  el.setAttribute('data-split', Array.from(want).join(' '));\n  const lines: HTMLElement[] = [];\n  if (want.has('lines') && words.length) {\n    // group words by their rendered top; wrap each group in a line span (flat text only)\n    let top = NaN, cur: HTMLElement[] = [];\n    const groups: HTMLElement[][] = [];\n    for (const w of words) {\n      const t = Math.round(w.offsetTop);\n      if (cur.length && Math.abs(t - top) > 2) {\n        groups.push(cur);\n        cur = [];\n      }\n      if (!cur.length) top = t;\n      cur.push(w);\n    }\n    if (cur.length) groups.push(cur);\n    const flat = words.every((w) => w.parentElement === el);\n    if (flat) {\n      el.textContent = '';\n      for (const g of groups) {\n        const line = mk(`${pre}-line`);\n        line.style.display = 'block';\n        g.forEach((w, i) => {\n          if (i) line.appendChild(document.createTextNode(' '));\n          line.appendChild(w);\n        });\n        lines.push(line);\n        el.appendChild(line);\n      }\n    } else groups.forEach((g, i) => g.forEach((w) => w.setAttribute('data-line', String(i))));\n  }\n  if (o.indexVar !== false) for (const list of [chars, words, lines]) list.forEach((s, i) => s.style.setProperty('--i', String(i)));\n  const result: SplitResult = {\n    chars,\n    words: want.has('words') ? words : [],\n    lines,\n    revert() {\n      el.innerHTML = original;\n      el.removeAttribute('data-split');\n      if (hadLabel === null) el.removeAttribute('aria-label');\n    },\n    resplit() {\n      result.revert();\n      return splitText(el, o);\n    },\n  };\n  return result;\n}\n\nexport interface TextApi {\n  segment: typeof segment;\n  splitText: typeof splitText;\n}\n\n/** The module object for `use(text)`. */\nexport const text: RuntimeModule<TextApi> = { id: 'text', version: RUNTIME_VERSION, requires: ['core'], api: { segment, splitText } };\n"],"names":[],"mappings":"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"}

package/dist/runtime.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
-var registry = require('./chunks/registry-eJgpFAzI.cjs');
-var ticker = require('./chunks/ticker-D4o6enH0.cjs');
-var tween$1 = require('./chunks/tween-CBuWYpI-.cjs');
+var registry = require('./chunks/registry-tzwKkldE.cjs');
+var ticker = require('./chunks/ticker-Un0bvTWR.cjs');
+var tween$1 = require('./chunks/tween-CwLLC3Ko.cjs');
+var ease = require('./chunks/ease-HwYZnZat.cjs');
 
 /**
  * `motionary/runtime` (10.1) — Motionary's own zero-dependency animation
@@ -28,7 +29,7 @@ var tween$1 = require('./chunks/tween-CBuWYpI-.cjs');
 const core = {
     id: 'core',
     version: registry.RUNTIME_VERSION,
-    api: { version: registry.RUNTIME_VERSION, getTicker: ticker.getTicker, tween, timeline: tween$1.timeline, Tween: tween$1.Tween, Timeline: tween$1.Timeline, EASES: tween$1.EASES, parseEase: tween$1.parseEase, cubicBezier: tween$1.cubicBezier, steps: tween$1.steps },
+    api: { version: registry.RUNTIME_VERSION, getTicker: ticker.getTicker, tween, timeline: tween$1.timeline, Tween: tween$1.Tween, Timeline: tween$1.Timeline, EASES: ease.EASES, parseEase: ease.parseEase, cubicBezier: ease.cubicBezier, steps: ease.steps },
 };
 /** Tween targets (objects, elements, lists or a CSS selector). See `TweenOptions`. */
 function tween(target, o) {
@@ -63,15 +64,15 @@ exports.registeredModules = registry.registeredModules;
 exports.registry = registry.registry;
 exports.requireModule = registry.requireModule;
 exports.getTicker = ticker.getTicker;
-exports.EASES = tween$1.EASES;
 exports.Playable = tween$1.Playable;
 exports.Timeline = tween$1.Timeline;
 exports.Tween = tween$1.Tween;
-exports.cubicBezier = tween$1.cubicBezier;
-exports.parseEase = tween$1.parseEase;
 exports.parseValue = tween$1.parseValue;
-exports.steps = tween$1.steps;
 exports.timeline = tween$1.timeline;
+exports.EASES = ease.EASES;
+exports.cubicBezier = ease.cubicBezier;
+exports.parseEase = ease.parseEase;
+exports.steps = ease.steps;
 exports.core = core;
 exports.resolveTargets = resolveTargets;
 exports.tween = tween;

package/dist/runtime.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.cjs","sources":["../src/runtime/index.ts"],"sourcesContent":["/**\n * `motionary/runtime` (10.1) — Motionary's own zero-dependency animation\n * runtime, the one prerequisite for runtime-powered components:\n *\n * - shared **ticker** (`getTicker()`): one rAF loop for everything;\n * - **tween + timeline** engine with easing (`tween()`, `timeline()`, `EASES`, `cubicBezier()`);\n * - **module registry** (`use()`, `requireModule()`, `hasModule()`) with a\n *   clear `RuntimeModuleError` (install / import / CDN instructions) when a\n *   component needs a module that was not registered.\n *\n * Every other module lives at its own subpath (`motionary/runtime/format-css`,\n * `motionary/runtime/format-motion`, …) so you only pay for what you import.\n * SSR-safe (no `window` access at import) and usable in Web Workers.\n *\n * ```ts\n * import { use, tween } from 'motionary/runtime';\n * use();                                   // registers the core (components can now find it)\n * tween('.box', { to: { x: 120, opacity: 1 }, duration: 500, ease: 'back-out' });\n * ```\n */\nimport { register, RUNTIME_VERSION, type RuntimeModule, type RuntimeRegistry } from './registry';\nimport { getTicker } from './ticker';\nimport { tween as rawTween, timeline, Tween, Timeline, type TweenOptions, type Playable } from './tween';\nimport { EASES, parseEase, cubicBezier, steps } from './ease';\n\nexport { registry, register, requireModule, hasModule, registeredModules, missingMessage, modulePath, moduleCdn, RuntimeModuleError, RUNTIME_VERSION, RUNTIME_CDN } from './registry';\nexport type { RuntimeModule, RuntimeRegistry } from './registry';\nexport { getTicker } from './ticker';\nexport type { Ticker, TickFn } from './ticker';\nexport { timeline, Tween, Timeline, Playable, parseValue } from './tween';\nexport type { TweenOptions, TimelineOptions, PlayOptions, Props, Target, Position } from './tween';\nexport { EASES, parseEase, cubicBezier, steps } from './ease';\nexport type { Ease } from './ease';\n\n/** The core module's API (what `requireModule('core')` returns). */\nexport interface CoreApi {\n  version: string;\n  getTicker: typeof getTicker;\n  tween: (target: any, o: import('./tween').TweenOptions) => import('./tween').Playable;\n  timeline: typeof timeline;\n  Tween: typeof Tween;\n  Timeline: typeof Timeline;\n  EASES: typeof EASES;\n  parseEase: typeof parseEase;\n  cubicBezier: typeof cubicBezier;\n  steps: typeof steps;\n}\n\n/** The core as a module object. */\nexport const core: RuntimeModule<CoreApi> = {\n  id: 'core',\n  version: RUNTIME_VERSION,\n  api: { version: RUNTIME_VERSION, getTicker, tween, timeline, Tween, Timeline, EASES, parseEase, cubicBezier, steps },\n};\n\n/** Tween targets (objects, elements, lists or a CSS selector). See `TweenOptions`. */\nexport function tween(target: any, o: TweenOptions): Playable {\n  return rawTween(resolveTargets(target), o);\n}\n\n/** Selector strings become element lists (only where `document` exists). */\nexport function resolveTargets(t: any): any {\n  if (typeof t === 'string') {\n    if (typeof document === 'undefined') throw new Error('[motionary] selector targets need a document — pass objects or elements instead');\n    return Array.from(document.querySelectorAll(t));\n  }\n  return t;\n}\n\n/**\n * Register the core plus any modules (`use(formatCss, formatMotion)`).\n * Call once at start-up, before runtime-powered components mount.\n */\nexport function use(...mods: RuntimeModule[]): RuntimeRegistry {\n  return register(core as RuntimeModule, ...mods);\n}\n"],"names":["RUNTIME_VERSION","getTicker","timeline","Tween","Timeline","EASES","parseEase","cubicBezier","steps","rawTween","register"],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;AAmBG;AA6BH;AACO,MAAM,IAAI,GAA2B;AAC1C,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,OAAO,EAAEA,wBAAe;IACxB,GAAG,EAAE,EAAE,OAAO,EAAEA,wBAAe,aAAEC,gBAAS,EAAE,KAAK,YAAEC,gBAAQ,SAAEC,aAAK,YAAEC,gBAAQ,SAAEC,aAAK,aAAEC,iBAAS,eAAEC,mBAAW,SAAEC,aAAK,EAAE;;AAGtH;AACM,SAAU,KAAK,CAAC,MAAW,EAAE,CAAe,EAAA;IAChD,OAAOC,aAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAC5C;AAEA;AACM,SAAU,cAAc,CAAC,CAAM,EAAA;AACnC,IAAA,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,WAAW;AAAE,YAAA,MAAM,IAAI,KAAK,CAAC,iFAAiF,CAAC;QACvI,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACjD;AACA,IAAA,OAAO,CAAC;AACV;AAEA;;;AAGG;AACG,SAAU,GAAG,CAAC,GAAG,IAAqB,EAAA;AAC1C,IAAA,OAAOC,iBAAQ,CAAC,IAAqB,EAAE,GAAG,IAAI,CAAC;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"runtime.cjs","sources":["../src/runtime/index.ts"],"sourcesContent":["/**\n * `motionary/runtime` (10.1) — Motionary's own zero-dependency animation\n * runtime, the one prerequisite for runtime-powered components:\n *\n * - shared **ticker** (`getTicker()`): one rAF loop for everything;\n * - **tween + timeline** engine with easing (`tween()`, `timeline()`, `EASES`, `cubicBezier()`);\n * - **module registry** (`use()`, `requireModule()`, `hasModule()`) with a\n *   clear `RuntimeModuleError` (install / import / CDN instructions) when a\n *   component needs a module that was not registered.\n *\n * Every other module lives at its own subpath (`motionary/runtime/format-css`,\n * `motionary/runtime/format-motion`, …) so you only pay for what you import.\n * SSR-safe (no `window` access at import) and usable in Web Workers.\n *\n * ```ts\n * import { use, tween } from 'motionary/runtime';\n * use();                                   // registers the core (components can now find it)\n * tween('.box', { to: { x: 120, opacity: 1 }, duration: 500, ease: 'back-out' });\n * ```\n */\nimport { register, RUNTIME_VERSION, type RuntimeModule, type RuntimeRegistry } from './registry';\nimport { getTicker } from './ticker';\nimport { tween as rawTween, timeline, Tween, Timeline, type TweenOptions, type Playable } from './tween';\nimport { EASES, parseEase, cubicBezier, steps } from './ease';\n\nexport { registry, register, requireModule, hasModule, registeredModules, missingMessage, modulePath, moduleCdn, RuntimeModuleError, RUNTIME_VERSION, RUNTIME_CDN } from './registry';\nexport type { RuntimeModule, RuntimeRegistry } from './registry';\nexport { getTicker } from './ticker';\nexport type { Ticker, TickFn } from './ticker';\nexport { timeline, Tween, Timeline, Playable, parseValue } from './tween';\nexport type { TweenOptions, TimelineOptions, PlayOptions, Props, Target, Position } from './tween';\nexport { EASES, parseEase, cubicBezier, steps } from './ease';\nexport type { Ease } from './ease';\n\n/** The core module's API (what `requireModule('core')` returns). */\nexport interface CoreApi {\n  version: string;\n  getTicker: typeof getTicker;\n  tween: (target: any, o: import('./tween').TweenOptions) => import('./tween').Playable;\n  timeline: typeof timeline;\n  Tween: typeof Tween;\n  Timeline: typeof Timeline;\n  EASES: typeof EASES;\n  parseEase: typeof parseEase;\n  cubicBezier: typeof cubicBezier;\n  steps: typeof steps;\n}\n\n/** The core as a module object. */\nexport const core: RuntimeModule<CoreApi> = {\n  id: 'core',\n  version: RUNTIME_VERSION,\n  api: { version: RUNTIME_VERSION, getTicker, tween, timeline, Tween, Timeline, EASES, parseEase, cubicBezier, steps },\n};\n\n/** Tween targets (objects, elements, lists or a CSS selector). See `TweenOptions`. */\nexport function tween(target: any, o: TweenOptions): Playable {\n  return rawTween(resolveTargets(target), o);\n}\n\n/** Selector strings become element lists (only where `document` exists). */\nexport function resolveTargets(t: any): any {\n  if (typeof t === 'string') {\n    if (typeof document === 'undefined') throw new Error('[motionary] selector targets need a document — pass objects or elements instead');\n    return Array.from(document.querySelectorAll(t));\n  }\n  return t;\n}\n\n/**\n * Register the core plus any modules (`use(formatCss, formatMotion)`).\n * Call once at start-up, before runtime-powered components mount.\n */\nexport function use(...mods: RuntimeModule[]): RuntimeRegistry {\n  return register(core as RuntimeModule, ...mods);\n}\n"],"names":["RUNTIME_VERSION","getTicker","timeline","Tween","Timeline","EASES","parseEase","cubicBezier","steps","rawTween","register"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;AAmBG;AA6BH;AACO,MAAM,IAAI,GAA2B;AAC1C,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,OAAO,EAAEA,wBAAe;IACxB,GAAG,EAAE,EAAE,OAAO,EAAEA,wBAAe,aAAEC,gBAAS,EAAE,KAAK,YAAEC,gBAAQ,SAAEC,aAAK,YAAEC,gBAAQ,SAAEC,UAAK,aAAEC,cAAS,eAAEC,gBAAW,SAAEC,UAAK,EAAE;;AAGtH;AACM,SAAU,KAAK,CAAC,MAAW,EAAE,CAAe,EAAA;IAChD,OAAOC,aAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AAC5C;AAEA;AACM,SAAU,cAAc,CAAC,CAAM,EAAA;AACnC,IAAA,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,WAAW;AAAE,YAAA,MAAM,IAAI,KAAK,CAAC,iFAAiF,CAAC;QACvI,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACjD;AACA,IAAA,OAAO,CAAC;AACV;AAEA;;;AAGG;AACG,SAAU,GAAG,CAAC,GAAG,IAAqB,EAAA;AAC1C,IAAA,OAAOC,iBAAQ,CAAC,IAAqB,EAAE,GAAG,IAAI,CAAC;AACjD;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/runtime.d.cts

@@ -40,7 +40,14 @@ interface Col {
     kind: 'col';
     c: number[];
 }
-type Val = Num | Col;
+/** Any other string: its numbers are interpolated when both ends share the same text around them. */
+interface Str {
+    kind: 'str';
+    s: string;
+    parts: string[];
+    nums: number[];
+}
+type Val = Num | Col | Str;
 /** Parse '12px', '-3.5', '50%', '#0af', 'rgb(1 2 3 / .5)', 'rgba(…)'. */
 declare function parseValue(v: number | string): Val;
 /** Common playback: delay, repeat, yoyo, direction, ticker attachment, promise. */
@@ -143,7 +150,7 @@ declare function timeline(o?: TimelineOptions): Timeline;
  * inside Web Workers.
  */
 /** Runtime version (kept in sync with the package version by the release script). */
-declare const RUNTIME_VERSION = "10.2.0";
+declare const RUNTIME_VERSION = "10.4.0";
 /** Where the CDN builds live (major-pinned). */
 declare const RUNTIME_CDN = "https://cdn.jsdelivr.net/npm/motionary@10/dist/";
 /** A runtime module: `{ id, version, api }`, registered with `use()`. */

package/dist/runtime.d.ts

@@ -40,7 +40,14 @@ interface Col {
     kind: 'col';
     c: number[];
 }
-type Val = Num | Col;
+/** Any other string: its numbers are interpolated when both ends share the same text around them. */
+interface Str {
+    kind: 'str';
+    s: string;
+    parts: string[];
+    nums: number[];
+}
+type Val = Num | Col | Str;
 /** Parse '12px', '-3.5', '50%', '#0af', 'rgb(1 2 3 / .5)', 'rgba(…)'. */
 declare function parseValue(v: number | string): Val;
 /** Common playback: delay, repeat, yoyo, direction, ticker attachment, promise. */
@@ -143,7 +150,7 @@ declare function timeline(o?: TimelineOptions): Timeline;
  * inside Web Workers.
  */
 /** Runtime version (kept in sync with the package version by the release script). */
-declare const RUNTIME_VERSION = "10.2.0";
+declare const RUNTIME_VERSION = "10.4.0";
 /** Where the CDN builds live (major-pinned). */
 declare const RUNTIME_CDN = "https://cdn.jsdelivr.net/npm/motionary@10/dist/";
 /** A runtime module: `{ id, version, api }`, registered with `use()`. */

package/dist/runtime.iife.js

@@ -1,2 +1,2 @@
-!function(t){"use strict";const e="10.2.0",r="https://cdn.jsdelivr.net/npm/motionary@10/dist/",s=Symbol.for("motionary.runtime");function i(){const t=globalThis;return t[s]||(t[s]={version:e,modules:new Map,slots:{}})}const o=t=>"core"===t?"motionary/runtime":`motionary/runtime/${t}`,n=t=>r+("core"===t?"runtime.iife.js":`runtime/${t}.iife.js`);function a(t,e="This feature"){const r=o(t);return`[motionary] ${e} requires ${r}. Install once: npm i motionary — then register it before the component mounts: ${"core"===t?"import { use } from 'motionary/runtime'; use();":`import { use } from 'motionary/runtime'; import { ${u(t)} } from '${r}'; use(${u(t)});`} Or from a CDN (core first): ${"core"===t?`<script src="${n("core")}"><\/script>`:`<script src="${n("core")}"><\/script><script src="${n(t)}"><\/script>`} Docs: https://github.com/HarrisonCN/Motionary/blob/main/docs/runtime/${t}.md`}const u=t=>t.replace(/-(\w)/g,(t,e)=>e.toUpperCase());class h extends Error{constructor(t,e){super(a(t,e)),this.name="RuntimeModuleError",this.module=t}}function l(...t){const e=i();for(const r of t){if(!r||"string"!=typeof r.id)throw new TypeError("[motionary] use(): not a runtime module — pass the object exported by motionary/runtime/<module>");if(!e.modules.has(r.id)){for(const t of r.requires||[])if(!e.modules.has(t))throw new h(t,`motionary/runtime/${r.id}`);e.modules.set(r.id,r),r.setup?.(e)}}return e}function c(){const t=new Set;let e=0,r=-1,s=60,i=100,o=null;const n=globalThis,a=()=>n.performance?.now?n.performance.now():Date.now(),u=t=>"function"==typeof n.requestAnimationFrame?n.requestAnimationFrame(t):setTimeout(()=>t(a()),16),h=(r,s=!0)=>{const o=(s?Math.min(r,i):r)*c.timeScale;e+=o;for(const r of Array.from(t))r(e,o)},l=e=>{if(o=null,!t.size)return;const i="number"==typeof e&&e>0?e:a(),n=r<0?0:i-r;r=i,n>0&&(s=.9*s+1e3/n*.1),h(n),t.size&&(o=u(l))},c={add:e=>(t.add(e),null===o&&t.size&&(r=-1,o=u(l)),()=>c.remove(e)),remove(e){var r;t.delete(e),t.size||null===o||(r=o,"function"==typeof n.cancelAnimationFrame?n.cancelAnimationFrame(r):clearTimeout(r),o=null)},get time(){return e},get fps(){return Math.round(s)},get size(){return t.size},lagSmoothing(t){i=t>0?t:1/0},timeScale:1,step(t){h(t,!1)}};return c}function d(){const t=i().slots;return t.ticker||(t.ticker=c())}const f=t=>e=>1-t(1-e),m=t=>e=>e<.5?t(2*e)/2:1-t(2*(1-e))/2,p=t=>e=>Math.pow(e,t);function y(t,e,r,s){const i=(t,e)=>1-3*e+3*t,o=(t,e)=>3*e-6*t,n=t=>3*t,a=(t,e,r)=>((i(e,r)*t+o(e,r))*t+n(e))*t,u=(t,e,r)=>3*i(e,r)*t*t+2*o(e,r)*t+n(e);return i=>{if(i<=0||i>=1)return i<=0?0:1;let o=i;for(let e=0;e<6;e++){const e=u(o,t,r);if(Math.abs(e)<1e-6)break;o-=(a(o,t,r)-i)/e}if(o<0||o>1||Math.abs(a(o,t,r)-i)>1e-4){let e=0,s=1;o=i;for(let n=0;n<30;n++){const n=a(o,t,r);if(Math.abs(n-i)<1e-6)break;n<i?e=o:s=o,o=(e+s)/2}}return a(o,e,s)}}const g=(t,e="end")=>r=>{const s="start"===e?Math.ceil(r*t):Math.floor(r*t);return Math.min(1,Math.max(0,s/t))},w={quad:p(2),cubic:p(3),quart:p(4),quint:p(5),sine:t=>1-Math.cos(t*Math.PI/2),expo:t=>0===t?0:Math.pow(2,10*t-10),circ:t=>1-Math.sqrt(1-t*t),back:((t=1.70158)=>e=>e*e*((t+1)*e-t))(),elastic:t=>0===t||1===t?t:-Math.pow(2,10*t-10)*Math.sin((10*t-10.75)*(2*Math.PI/3)),bounce:f(t=>{const e=7.5625,r=2.75;return t<1/r?e*t*t:t<2/r?e*(t-=1.5/r)*t+.75:t<2.5/r?e*(t-=2.25/r)*t+.9375:e*(t-=2.625/r)*t+.984375})},k={linear:t=>t,ease:y(.25,.1,.25,1),"ease-in":y(.42,0,1,1),"ease-out":y(0,0,.58,1),"ease-in-out":y(.42,0,.58,1),smooth:y(.22,1,.36,1)};for(const[t,e]of Object.entries(w))k[`${t}-in`]=e,k[`${t}-out`]=f(e),k[`${t}-in-out`]=m(e);function b(t){if("function"==typeof t)return t;if(!t)return k["cubic-out"];const e=t.trim();if(k[e])return k[e];let r=/^cubic-bezier\(\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*\)$/.exec(e);if(r)return y(+r[1],+r[2],+r[3],+r[4]);if(r=/^steps\(\s*(\d+)\s*(?:,\s*(jump-)?(start|end)\s*)?\)$/.exec(e),r)return g(+r[1],r[3]||"end");if("step-start"===e)return g(1,"start");if("step-end"===e)return g(1,"end");throw new Error(`[motionary] unknown ease "${e}" — use a name from EASES, cubic-bezier(…) or steps(…)`)}const $=["x","y","rotate","scale","scaleX","scaleY","skewX","skewY"],v={x:"px",y:"px",rotate:"deg",skewX:"deg",skewY:"deg",scale:"",scaleX:"",scaleY:""},_=new WeakMap,M=t=>"undefined"!=typeof Element&&t instanceof Element;function x(t){if("number"==typeof t)return{kind:"num",v:t,u:""};const e=t.trim();let r=/^#([0-9a-f]{3,8})$/i.exec(e);if(r){let t=r[1];t.length<=4&&(t=t.split("").map(t=>t+t).join(""));const e=e=>parseInt(t.slice(e,e+2),16);return{kind:"col",c:[e(0),e(2),e(4),8===t.length?e(6)/255:1]}}if(r=/^rgba?\(([^)]+)\)$/i.exec(e),r){const t=r[1].split(/[\s,/]+/).filter(Boolean).map(t=>t.endsWith("%")?parseFloat(t)/100*255:parseFloat(t));return{kind:"col",c:[t[0],t[1],t[2],void 0===t[3]?1:t[3]>1?t[3]/255:t[3]]}}if("transparent"===e)return{kind:"col",c:[0,0,0,0]};if(r=/^(-?[\d.]+(?:e-?\d+)?)([a-z%]*)$/i.exec(e),r)return{kind:"num",v:parseFloat(r[1]),u:r[2]};throw new Error(`[motionary] cannot tween value "${e}"`)}const E=(t,e,r)=>{if("col"===t.kind||"col"===e.kind){const s="col"===t.kind?t.c:[0,0,0,0],i="col"===e.kind?e.c:[0,0,0,0],o=s.map((t,e)=>t+(i[e]-t)*r);return`rgba(${Math.round(o[0])}, ${Math.round(o[1])}, ${Math.round(o[2])}, ${+o[3].toFixed(3)})`}const s=t.v+(e.v-t.v)*r,i=e.u||t.u;return i?`${+s.toFixed(4)}${i}`:+s.toFixed(6)},S=t=>t.startsWith("--")?t:t.replace(/[A-Z]/g,t=>"-"+t.toLowerCase());function A(t,e){if(!M(t))return t[e]??0;if($.includes(e)){const r=_.get(t)?.[e];return r?r.v+r.u:e.startsWith("scale")?1:0}const r=t.style.getPropertyValue(S(e));if(r)return r;return("function"==typeof getComputedStyle?getComputedStyle(t).getPropertyValue(S(e)):"")||("opacity"===e?1:0)}function D(t,e,r){if(M(t)){if($.includes(e)){const s=x(r),i=_.get(t)||{};return i[e]={v:s.v,u:s.u},void _.set(t,i)}t.style.setProperty(S(e),"number"!=typeof r||["opacity","zIndex","z-index"].includes(e)||e.startsWith("--")?String(r):r+"px")}else t[e]="string"==typeof r&&"number"==typeof t[e]?parseFloat(r):r}class P{constructor(t){this.timeScale=1,this._t=0,this._dir=1,this._off=null,this._done=!1,this.parent=null,this.delay=t.delay||0,this.repeat=t.repeat||0,this.yoyo=!!t.yoyo,this.onUpdate=t.onUpdate,this.onComplete=t.onComplete,this.finished=new Promise(t=>this._resolve=t)}get totalDuration(){return this.repeat<0?1/0:this.delay+this.duration*(this.repeat+1)}get time(){return this._t}get progress(){const t=this.totalDuration;return t===1/0?(this._t-this.delay)%this.duration/this.duration:t?this._t/t:1}set progress(t){this.seek(t*(this.totalDuration===1/0?this.delay+this.duration:this.totalDuration))}get isActive(){return!!this._off}get reversed(){return this._dir<0}seek(t){const e=this.totalDuration;this._t=Math.max(0,Math.min(t,e));const r=this._t-this.delay,s=this.duration||0;if(r<0)this.renderLocal(0,!1);else if(s){let t=s===1/0?0:Math.floor(r/s),i=s===1/0?r:r-t*s;r>=e-this.delay&&e!==1/0&&(t=this.repeat,i=s);const o=this.yoyo&&t%2==1;this.renderLocal(o?s-i:i,i===s)}else this.renderLocal(0,!0);return this.onUpdate?.(this.progress),this}play(){return this._dir=1,this._t>=this.totalDuration&&(this._t=0),this.attach()}pause(){return this._off?.(),this._off=null,this}reverse(){return this._dir=-1,this._t<=0&&(this._t=this.totalDuration===1/0?this.delay+this.duration:this.totalDuration),this.attach()}restart(){return this._done=!1,this.seek(0),this.play()}kill(){this.pause(),this.parent?.remove(this)}then(t,e){return this.finished.then(t,e)}attach(){return this.parent||this._off||(this._done=!1,this._off=d().add((t,e)=>this.advance(e))),this}advance(t){const e=this.totalDuration;this.seek(this._t+t*this._dir*this.timeScale),(this._dir>0&&this._t>=e||this._dir<0&&this._t<=0)&&this.complete()}complete(){this.pause(),this._done||(this._done=!0,this.onComplete?.(),this._resolve())}}class T extends P{constructor(t,e){super(e),this.tracks=null,this.target=t,this._dur=e.duration??600,this.ease=b(e.ease),this.toProps=e.to||{},this.fromProps=e.from||{}}get duration(){return this._dur}init(){return Array.from(new Set([...Object.keys(this.fromProps),...Object.keys(this.toProps)])).map(t=>{const e=t in this.fromProps?this.fromProps[t]:A(this.target,t),r=t in this.toProps?this.toProps[t]:A(this.target,t);return{k:t,fromRaw:e,toRaw:r,from:x(e),to:x(r)}})}renderLocal(t,e){this.tracks||(this.tracks=this.init());const r=this._dur?e?this.ease(t>=this._dur?1:0):this.ease(t/this._dur):1;let s=!1;for(const t of this.tracks)D(this.target,t.k,E(t.from,t.to,r)),$.includes(t.k)&&(s=!0);s&&M(this.target)&&function(t){const e=_.get(t),r=(t,r)=>e[t]?e[t].v:r,s=t=>e[t]?.u??v[t],i=[];(e.x||e.y)&&i.push(`translate(${r("x",0)}${s("x")||"px"}, ${r("y",0)}${s("y")||"px"})`),e.rotate&&i.push(`rotate(${r("rotate",0)}${s("rotate")||"deg"})`),e.scale&&i.push(`scale(${r("scale",1)})`),(e.scaleX||e.scaleY)&&i.push(`scale(${r("scaleX",1)}, ${r("scaleY",1)})`),e.skewX&&i.push(`skewX(${r("skewX",0)}${s("skewX")||"deg"})`),e.skewY&&i.push(`skewY(${r("skewY",0)}${s("skewY")||"deg"})`),t.style.transform=i.join(" ")}(this.target)}}class C extends P{constructor(t={}){super(t),this.children=[],this.labels={},this.prevStart=0,this.prevEnd=0,this.lastLocal=0,this.defaults=t.defaults}get duration(){let t=0;for(const e of this.children)t=Math.max(t,e.start+("function"==typeof e.item?0:e.item.totalDuration));return t}resolve(t){if(void 0===t||">"===t)return this.prevEnd;if("number"==typeof t)return Math.max(0,t);const e=/^([<>]|[\w-]+)?\s*(?:([+-])=\s*([\d.]+))?$/.exec(t.trim());if(!e)throw new Error(`[motionary] bad timeline position "${t}"`);let r=this.prevEnd;if("<"===e[1])r=this.prevStart;else if(e[1]&&">"!==e[1]){if(!(e[1]in this.labels))throw new Error(`[motionary] unknown timeline label "${e[1]}"`);r=this.labels[e[1]]}const s=e[2]?("+"===e[2]?1:-1)*parseFloat(e[3]):0;return Math.max(0,r+s)}add(t,e){const r=this.resolve(e);return"function"!=typeof t&&(t.pause(),t.parent=this),this.children.push({item:t,start:r}),this.prevStart=r,this.prevEnd=r+("function"==typeof t?0:t.totalDuration),this}to(t,e,r){const s=z(t),i=this.resolve(r);let o=i;return s.forEach((t,r)=>{const s=new T(t,{...this.defaults,...e,delay:(e.delay||0)+(e.stagger||0)*r,paused:!0});s.parent=this,this.children.push({item:s,start:i}),o=Math.max(o,i+s.totalDuration)}),this.prevStart=i,this.prevEnd=o,this}call(t,e){return this.add(t,e)}label(t,e){return this.labels[t]=this.resolve(e),this}labelTime(t){return this.labels[t]}remove(t){this.children=this.children.filter(e=>e.item!==t)}getChildren(){return this.children.filter(t=>"function"!=typeof t.item).map(t=>t.item)}renderLocal(t){const e=t>=this.lastLocal,r=[...this.children].sort((t,r)=>e?t.start-r.start:r.start-t.start);for(const s of r){if("function"==typeof s.item){e&&!s.fired&&t>=s.start&&this.lastLocal<=s.start?(s.fired=!0,s.item()):!e&&t<s.start&&(s.fired=!1);continue}const r=t-s.start,i=s.item;r<0?i._started&&i.seek(0):(i._started=!0,i.seek(Math.min(r,i.totalDuration)))}this.lastLocal=t}}function z(t){return Array.isArray(t)?t:t&&"number"==typeof t.length&&!M(t)?Array.from(t):[t]}function F(t={}){const e=new C(t);return t.paused||e.play(),e}const j={id:"core",version:e,api:{version:e,getTicker:d,tween:q,timeline:F,Tween:T,Timeline:C,EASES:k,parseEase:b,cubicBezier:y,steps:g}};function q(t,e){return function(t,e){const r=z(t);let s;if(1===r.length)s=new T(r[0],e);else{const t=new C({repeat:e.repeat,yoyo:e.yoyo,onUpdate:e.onUpdate,onComplete:e.onComplete,delay:e.delay});t.to(r,{...e,delay:0,repeat:0,yoyo:!1,onUpdate:void 0,onComplete:void 0},0),s=t}return e.paused||s.play(),s}(L(t),e)}function L(t){if("string"==typeof t){if("undefined"==typeof document)throw new Error("[motionary] selector targets need a document — pass objects or elements instead");return Array.from(document.querySelectorAll(t))}return t}function X(...t){return l(j,...t)}X(),t.EASES=k,t.Playable=P,t.RUNTIME_CDN=r,t.RUNTIME_VERSION=e,t.RuntimeModuleError=h,t.Timeline=C,t.Tween=T,t.core=j,t.cubicBezier=y,t.getTicker=d,t.hasModule=t=>i().modules.has(t),t.missingMessage=a,t.moduleCdn=n,t.modulePath=o,t.parseEase=b,t.parseValue=x,t.register=l,t.registeredModules=()=>Array.from(i().modules.keys()),t.registry=i,t.requireModule=function(t,e){const r=i().modules.get(t);if(!r)throw new h(t,e);return r.api},t.resolveTargets=L,t.steps=g,t.timeline=F,t.tween=q,t.use=X}(this.MotionaryRuntime=this.MotionaryRuntime||{});
+!function(t){"use strict";const e="10.4.0",r="https://cdn.jsdelivr.net/npm/motionary@10/dist/",s=Symbol.for("motionary.runtime");function i(){const t=globalThis;return t[s]||(t[s]={version:e,modules:new Map,slots:{}})}const n=t=>"core"===t?"motionary/runtime":`motionary/runtime/${t}`,o=t=>r+("core"===t?"runtime.iife.js":`runtime/${t}.iife.js`);function a(t,e="This feature"){const r=n(t);return`[motionary] ${e} requires ${r}. Install once: npm i motionary — then register it before the component mounts: ${"core"===t?"import { use } from 'motionary/runtime'; use();":`import { use } from 'motionary/runtime'; import { ${u(t)} } from '${r}'; use(${u(t)});`} Or from a CDN (core first): ${"core"===t?`<script src="${o("core")}"><\/script>`:`<script src="${o("core")}"><\/script><script src="${o(t)}"><\/script>`} Docs: https://github.com/HarrisonCN/Motionary/blob/main/docs/runtime/${t}.md`}const u=t=>t.replace(/-(\w)/g,(t,e)=>e.toUpperCase());class h extends Error{constructor(t,e){super(a(t,e)),this.name="RuntimeModuleError",this.module=t}}function l(...t){const e=i();for(const r of t){if(!r||"string"!=typeof r.id)throw new TypeError("[motionary] use(): not a runtime module — pass the object exported by motionary/runtime/<module>");if(!e.modules.has(r.id)){for(const t of r.requires||[])if(!e.modules.has(t))throw new h(t,`motionary/runtime/${r.id}`);e.modules.set(r.id,r),r.setup?.(e)}}return e}function c(){const t=new Set;let e=0,r=-1,s=60,i=100,n=null;const o=globalThis,a=()=>o.performance?.now?o.performance.now():Date.now(),u=t=>"function"==typeof o.requestAnimationFrame?o.requestAnimationFrame(t):setTimeout(()=>t(a()),16),h=(r,s=!0)=>{const n=(s?Math.min(r,i):r)*c.timeScale;e+=n;for(const r of Array.from(t))r(e,n)},l=e=>{if(n=null,!t.size)return;const i="number"==typeof e&&e>0?e:a(),o=r<0?0:i-r;r=i,o>0&&(s=.9*s+1e3/o*.1),h(o),t.size&&(n=u(l))},c={add:e=>(t.add(e),null===n&&t.size&&(r=-1,n=u(l)),()=>c.remove(e)),remove(e){var r;t.delete(e),t.size||null===n||(r=n,"function"==typeof o.cancelAnimationFrame?o.cancelAnimationFrame(r):clearTimeout(r),n=null)},get time(){return e},get fps(){return Math.round(s)},get size(){return t.size},lagSmoothing(t){i=t>0?t:1/0},timeScale:1,step(t){h(t,!1)}};return c}function d(){const t=i().slots;return t.ticker||(t.ticker=c())}const m=t=>e=>1-t(1-e),p=t=>e=>e<.5?t(2*e)/2:1-t(2*(1-e))/2,f=t=>e=>Math.pow(e,t);function y(t,e,r,s){const i=(t,e)=>1-3*e+3*t,n=(t,e)=>3*e-6*t,o=t=>3*t,a=(t,e,r)=>((i(e,r)*t+n(e,r))*t+o(e))*t,u=(t,e,r)=>3*i(e,r)*t*t+2*n(e,r)*t+o(e);return i=>{if(i<=0||i>=1)return i<=0?0:1;let n=i;for(let e=0;e<6;e++){const e=u(n,t,r);if(Math.abs(e)<1e-6)break;n-=(a(n,t,r)-i)/e}if(n<0||n>1||Math.abs(a(n,t,r)-i)>1e-4){let e=0,s=1;n=i;for(let o=0;o<30;o++){const o=a(n,t,r);if(Math.abs(o-i)<1e-6)break;o<i?e=n:s=n,n=(e+s)/2}}return a(n,e,s)}}const g=(t,e="end")=>r=>{const s="start"===e?Math.ceil(r*t):Math.floor(r*t);return Math.min(1,Math.max(0,s/t))},k={quad:f(2),cubic:f(3),quart:f(4),quint:f(5),sine:t=>1-Math.cos(t*Math.PI/2),expo:t=>0===t?0:Math.pow(2,10*t-10),circ:t=>1-Math.sqrt(1-t*t),back:((t=1.70158)=>e=>e*e*((t+1)*e-t))(),elastic:t=>0===t||1===t?t:-Math.pow(2,10*t-10)*Math.sin((10*t-10.75)*(2*Math.PI/3)),bounce:m(t=>{const e=7.5625,r=2.75;return t<1/r?e*t*t:t<2/r?e*(t-=1.5/r)*t+.75:t<2.5/r?e*(t-=2.25/r)*t+.9375:e*(t-=2.625/r)*t+.984375})},w={linear:t=>t,ease:y(.25,.1,.25,1),"ease-in":y(.42,0,1,1),"ease-out":y(0,0,.58,1),"ease-in-out":y(.42,0,.58,1),smooth:y(.22,1,.36,1)};for(const[t,e]of Object.entries(k))w[`${t}-in`]=e,w[`${t}-out`]=m(e),w[`${t}-in-out`]=p(e);function b(t){if("function"==typeof t)return t;if(!t)return w["cubic-out"];const e=t.trim();if(w[e])return w[e];let r=/^cubic-bezier\(\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*,\s*([-\d.]+)\s*\)$/.exec(e);if(r)return y(+r[1],+r[2],+r[3],+r[4]);if(r=/^steps\(\s*(\d+)\s*(?:,\s*(jump-)?(start|end)\s*)?\)$/.exec(e),r)return g(+r[1],r[3]||"end");if("step-start"===e)return g(1,"start");if("step-end"===e)return g(1,"end");throw new Error(`[motionary] unknown ease "${e}" — use a name from EASES, cubic-bezier(…) or steps(…)`)}const $=["x","y","rotate","scale","scaleX","scaleY","skewX","skewY"],v={x:"px",y:"px",rotate:"deg",skewX:"deg",skewY:"deg",scale:"",scaleX:"",scaleY:""},_=new WeakMap,M=t=>"undefined"!=typeof Element&&t instanceof Element,x=/-?(?:\d+\.?\d*|\.\d+)(?:e-?\d+)?/gi;function E(t){if("number"==typeof t)return{kind:"num",v:t,u:""};const e=t.trim();let r=/^#([0-9a-f]{3,8})$/i.exec(e);if(r){let t=r[1];t.length<=4&&(t=t.split("").map(t=>t+t).join(""));const e=e=>parseInt(t.slice(e,e+2),16);return{kind:"col",c:[e(0),e(2),e(4),8===t.length?e(6)/255:1]}}if(r=/^rgba?\(([^)]+)\)$/i.exec(e),r){const t=r[1].split(/[\s,/]+/).filter(Boolean).map(t=>t.endsWith("%")?parseFloat(t)/100*255:parseFloat(t));return{kind:"col",c:[t[0],t[1],t[2],void 0===t[3]?1:t[3]>1?t[3]/255:t[3]]}}return"transparent"===e?{kind:"col",c:[0,0,0,0]}:(r=/^(-?[\d.]+(?:e-?\d+)?)([a-z%]*)$/i.exec(e),r?{kind:"num",v:parseFloat(r[1]),u:r[2]}:{kind:"str",s:e,parts:e.split(x),nums:(e.match(x)||[]).map(Number)})}const S=(t,e,r)=>{if("str"===t.kind||"str"===e.kind){if("str"===t.kind&&"str"===e.kind&&t.parts.join("\0")===e.parts.join("\0")&&t.nums.length===e.nums.length)return t.parts.map((s,i)=>s+(i<t.nums.length?+(t.nums[i]+(e.nums[i]-t.nums[i])*r).toFixed(4):"")).join("");const s=r<.5?t:e;return"str"===s.kind?s.s:"num"===s.kind?s.u?s.v+s.u:s.v:`rgba(${s.c.join(", ")})`}if("col"===t.kind||"col"===e.kind){const s="col"===t.kind?t.c:[0,0,0,0],i="col"===e.kind?e.c:[0,0,0,0],n=s.map((t,e)=>t+(i[e]-t)*r);return`rgba(${Math.round(n[0])}, ${Math.round(n[1])}, ${Math.round(n[2])}, ${+n[3].toFixed(3)})`}const s=t.v+(e.v-t.v)*r,i=e.u||t.u;return i?`${+s.toFixed(4)}${i}`:+s.toFixed(6)},A=t=>t.startsWith("--")?t:t.replace(/[A-Z]/g,t=>"-"+t.toLowerCase());function D(t,e){if(!M(t))return t[e]??0;if($.includes(e)){const r=_.get(t)?.[e];return r?r.v+r.u:e.startsWith("scale")?1:0}const r=t.style.getPropertyValue(A(e));if(r)return r;return("function"==typeof getComputedStyle?getComputedStyle(t).getPropertyValue(A(e)):"")||("opacity"===e?1:0)}function P(t,e,r){if(M(t)){if($.includes(e)){const s=E(r);if("num"!==s.kind)throw new Error(`[motionary] ${e} needs a number (got "${r}")`);const i=_.get(t)||{};return i[e]={v:s.v,u:s.u},void _.set(t,i)}t.style.setProperty(A(e),"number"!=typeof r||["opacity","zIndex","z-index"].includes(e)||e.startsWith("--")?String(r):r+"px")}else t[e]="string"==typeof r&&"number"==typeof t[e]?parseFloat(r):r}class T{constructor(t){this.timeScale=1,this._t=0,this._dir=1,this._off=null,this._done=!1,this.parent=null,this.delay=t.delay||0,this.repeat=t.repeat||0,this.yoyo=!!t.yoyo,this.onUpdate=t.onUpdate,this.onComplete=t.onComplete,this.finished=new Promise(t=>this._resolve=t)}get totalDuration(){return this.repeat<0?1/0:this.delay+this.duration*(this.repeat+1)}get time(){return this._t}get progress(){const t=this.totalDuration;return t===1/0?(this._t-this.delay)%this.duration/this.duration:t?this._t/t:1}set progress(t){this.seek(t*(this.totalDuration===1/0?this.delay+this.duration:this.totalDuration))}get isActive(){return!!this._off}get reversed(){return this._dir<0}seek(t){const e=this.totalDuration;this._t=Math.max(0,Math.min(t,e));const r=this._t-this.delay,s=this.duration||0;if(r<0)this.renderLocal(0,!1);else if(s){let t=s===1/0?0:Math.floor(r/s),i=s===1/0?r:r-t*s;r>=e-this.delay&&e!==1/0&&(t=this.repeat,i=s);const n=this.yoyo&&t%2==1;this.renderLocal(n?s-i:i,i===s)}else this.renderLocal(0,!0);return this.onUpdate?.(this.progress),this}play(){return this._dir=1,this._t>=this.totalDuration&&(this._t=0),this.attach()}pause(){return this._off?.(),this._off=null,this}reverse(){return this._dir=-1,this._t<=0&&(this._t=this.totalDuration===1/0?this.delay+this.duration:this.totalDuration),this.attach()}restart(){return this._done=!1,this.seek(0),this.play()}kill(){this.pause(),this.parent?.remove(this)}then(t,e){return this.finished.then(t,e)}attach(){return this.parent||this._off||(this._done=!1,this._off=d().add((t,e)=>this.advance(e))),this}advance(t){const e=this.totalDuration;this.seek(this._t+t*this._dir*this.timeScale),(this._dir>0&&this._t>=e||this._dir<0&&this._t<=0)&&this.complete()}complete(){this.pause(),this._done||(this._done=!0,this.onComplete?.(),this._resolve())}}class j extends T{constructor(t,e){super(e),this.tracks=null,this.target=t,this._dur=e.duration??600,this.ease=b(e.ease),this.toProps=e.to||{},this.fromProps=e.from||{}}get duration(){return this._dur}init(){return Array.from(new Set([...Object.keys(this.fromProps),...Object.keys(this.toProps)])).map(t=>{const e=t in this.fromProps?this.fromProps[t]:D(this.target,t),r=t in this.toProps?this.toProps[t]:D(this.target,t);return{k:t,fromRaw:e,toRaw:r,from:E(e),to:E(r)}})}renderLocal(t,e){this.tracks||(this.tracks=this.init());const r=this._dur?e?this.ease(t>=this._dur?1:0):this.ease(t/this._dur):1;let s=!1;for(const t of this.tracks)P(this.target,t.k,S(t.from,t.to,r)),$.includes(t.k)&&(s=!0);s&&M(this.target)&&function(t){const e=_.get(t),r=(t,r)=>e[t]?e[t].v:r,s=t=>e[t]?.u??v[t],i=[];(e.x||e.y)&&i.push(`translate(${r("x",0)}${s("x")||"px"}, ${r("y",0)}${s("y")||"px"})`),e.rotate&&i.push(`rotate(${r("rotate",0)}${s("rotate")||"deg"})`),e.scale&&i.push(`scale(${r("scale",1)})`),(e.scaleX||e.scaleY)&&i.push(`scale(${r("scaleX",1)}, ${r("scaleY",1)})`),e.skewX&&i.push(`skewX(${r("skewX",0)}${s("skewX")||"deg"})`),e.skewY&&i.push(`skewY(${r("skewY",0)}${s("skewY")||"deg"})`),t.style.transform=i.join(" ")}(this.target)}}class C extends T{constructor(t={}){super(t),this.children=[],this.labels={},this.prevStart=0,this.prevEnd=0,this.lastLocal=0,this.defaults=t.defaults}get duration(){let t=0;for(const e of this.children)t=Math.max(t,e.start+("function"==typeof e.item?0:e.item.totalDuration));return t}resolve(t){if(void 0===t||">"===t)return this.prevEnd;if("number"==typeof t)return Math.max(0,t);const e=/^([<>]|[\w-]+)?\s*(?:([+-])=\s*([\d.]+))?$/.exec(t.trim());if(!e)throw new Error(`[motionary] bad timeline position "${t}"`);let r=this.prevEnd;if("<"===e[1])r=this.prevStart;else if(e[1]&&">"!==e[1]){if(!(e[1]in this.labels))throw new Error(`[motionary] unknown timeline label "${e[1]}"`);r=this.labels[e[1]]}const s=e[2]?("+"===e[2]?1:-1)*parseFloat(e[3]):0;return Math.max(0,r+s)}add(t,e){const r=this.resolve(e);return"function"!=typeof t&&(t.pause(),t.parent=this),this.children.push({item:t,start:r}),this.prevStart=r,this.prevEnd=r+("function"==typeof t?0:t.totalDuration),this}to(t,e,r){const s=z(t),i=this.resolve(r);let n=i;return s.forEach((t,r)=>{const s=new j(t,{...this.defaults,...e,delay:(e.delay||0)+(e.stagger||0)*r,paused:!0});s.parent=this,this.children.push({item:s,start:i}),n=Math.max(n,i+s.totalDuration)}),this.prevStart=i,this.prevEnd=n,this}call(t,e){return this.add(t,e)}label(t,e){return this.labels[t]=this.resolve(e),this}labelTime(t){return this.labels[t]}remove(t){this.children=this.children.filter(e=>e.item!==t)}getChildren(){return this.children.filter(t=>"function"!=typeof t.item).map(t=>t.item)}renderLocal(t){const e=t>=this.lastLocal,r=[...this.children].sort((t,r)=>e?t.start-r.start:r.start-t.start);for(const s of r){if("function"==typeof s.item){e&&!s.fired&&t>=s.start&&this.lastLocal<=s.start?(s.fired=!0,s.item()):!e&&t<s.start&&(s.fired=!1);continue}const r=t-s.start,i=s.item;r<0?i._started&&i.seek(0):(i._started=!0,i.seek(Math.min(r,i.totalDuration)))}this.lastLocal=t}}function z(t){return Array.isArray(t)?t:t&&"number"==typeof t.length&&!M(t)?Array.from(t):[t]}function F(t={}){const e=new C(t);return t.paused||e.play(),e}const q={id:"core",version:e,api:{version:e,getTicker:d,tween:L,timeline:F,Tween:j,Timeline:C,EASES:w,parseEase:b,cubicBezier:y,steps:g}};function L(t,e){return function(t,e){const r=z(t);let s;if(1===r.length)s=new j(r[0],e);else{const t=new C({repeat:e.repeat,yoyo:e.yoyo,onUpdate:e.onUpdate,onComplete:e.onComplete,delay:e.delay});t.to(r,{...e,delay:0,repeat:0,yoyo:!1,onUpdate:void 0,onComplete:void 0},0),s=t}return e.paused||s.play(),s}(X(t),e)}function X(t){if("string"==typeof t){if("undefined"==typeof document)throw new Error("[motionary] selector targets need a document — pass objects or elements instead");return Array.from(document.querySelectorAll(t))}return t}function Y(...t){return l(q,...t)}Y(),t.EASES=w,t.Playable=T,t.RUNTIME_CDN=r,t.RUNTIME_VERSION=e,t.RuntimeModuleError=h,t.Timeline=C,t.Tween=j,t.core=q,t.cubicBezier=y,t.getTicker=d,t.hasModule=t=>i().modules.has(t),t.missingMessage=a,t.moduleCdn=o,t.modulePath=n,t.parseEase=b,t.parseValue=E,t.register=l,t.registeredModules=()=>Array.from(i().modules.keys()),t.registry=i,t.requireModule=function(t,e){const r=i().modules.get(t);if(!r)throw new h(t,e);return r.api},t.resolveTargets=X,t.steps=g,t.timeline=F,t.tween=L,t.use=Y}(this.MotionaryRuntime=this.MotionaryRuntime||{});
 //# sourceMappingURL=runtime.iife.js.map