@pixerate/flair 0.18.0 → 0.20.0

package/dist/{chunk-RM3I6WZH.js → chunk-YCQ5RU74.js}

@@ -282,6 +282,48 @@ function parseSvg(markup) {
   }
   return document.importNode(svg, true);
 }
+var views = 0;
+var URL_REF = /url\(\s*(['"]?)#([^'")\s]+)\1\s*\)/g;
+function scopeIds(svg, suffix) {
+  const all = [svg, ...svg.querySelectorAll("*")];
+  const referred = /* @__PURE__ */ new Set();
+  for (const el of all) {
+    const texts = [...el.attributes].map((a) => [a.name.toLowerCase(), a.value]);
+    if (el.localName === "style") texts.push(["", el.textContent ?? ""]);
+    for (const [name, value] of texts) {
+      if ((name === "href" || name === "xlink:href") && value.startsWith("#")) referred.add(value.slice(1));
+      for (const m of value.matchAll(URL_REF)) referred.add(m[2]);
+    }
+  }
+  const ids = /* @__PURE__ */ new Map();
+  for (const el of all) {
+    if (!el.id || !referred.has(el.id) || ids.has(el.id)) continue;
+    ids.set(el.id, `${el.id}-${suffix}`);
+    el.setAttribute("data-flair-id", el.id);
+    el.id = `${el.id}-${suffix}`;
+  }
+  if (ids.size)
+    for (const el of [svg, ...svg.querySelectorAll("*")]) {
+      for (const attr of [...el.attributes]) {
+        const scoped = scopedRefs(attr.value, ids, attr.name);
+        if (scoped !== attr.value) attr.value = scoped;
+      }
+      if (el.localName === "style" && el.textContent) el.textContent = scopedRefs(el.textContent, ids);
+    }
+  return ids;
+}
+function scopedRefs(value, ids, attr = "") {
+  const name = attr.toLowerCase();
+  if (name === "href" || name === "xlink:href") {
+    const to = value.startsWith("#") ? ids.get(value.slice(1)) : void 0;
+    return to ? `#${to}` : value;
+  }
+  if (!value.includes("url(")) return value;
+  return value.replace(URL_REF, (whole, quote, id) => {
+    const to = ids.get(id);
+    return to ? `url(${quote}#${to}${quote})` : whole;
+  });
+}
 var VIEW_MARGIN = 0.12;
 function viewBox(view, whole, byId) {
   if (view === null) return whole;
@@ -331,7 +373,7 @@ function keepSize(svg, whole, nonscaling) {
       if (transform) el.setAttribute("transform", transform);
       else el.removeAttribute("transform");
 }
-function apply(svg, whole, byId, motion, timeMs, steps) {
+function apply(svg, whole, byId, motion, timeMs, steps, ids = /* @__PURE__ */ new Map()) {
   for (const [id, frame] of svgFrame(motion.animate ?? [], steps, timeMs)) {
     if (id === SVG_PICTURE && frame.view) {
       const a = viewBox(frame.view.from, whole, byId);
@@ -342,7 +384,7 @@ function apply(svg, whole, byId, motion, timeMs, steps) {
     }
     const el = byId.get(id);
     if (!el) continue;
-    for (const [name, value] of Object.entries(frame.attrs)) el.setAttribute(name, value);
+    for (const [name, value] of Object.entries(frame.attrs)) el.setAttribute(name, scopedRefs(value, ids, name));
     if (frame.draw !== void 0) {
       el.setAttribute("pathLength", "1");
       el.setAttribute("stroke-dasharray", "1 1");
@@ -439,19 +481,22 @@ function svgView(motion, options = {}) {
   if (onPick)
     element.addEventListener("click", (event) => {
       for (let el = event.target; el && el !== element; el = el.parentElement)
-        if (el.id && el.localName !== "svg") return onPick(el.id);
+        if (el.id && el.localName !== "svg") return onPick(el.getAttribute("data-flair-id") ?? el.id);
     });
   let svg = null;
   let fixed;
   let nonscaling = [];
   let whole = [0, 0, 100, 100];
   const byId = /* @__PURE__ */ new Map();
+  let ids = /* @__PURE__ */ new Map();
+  const suffix = `f${++views}`;
   return {
     element,
     draw(timeMs, steps = []) {
       if (svg === null) {
         svg = parseSvg(motion.svg);
         if (svg) {
+          ids = scopeIds(svg, suffix);
           svg.setAttribute("width", "100%");
           svg.setAttribute("height", "100%");
           element.appendChild(svg);
@@ -461,14 +506,15 @@ function svgView(motion, options = {}) {
             element.appendChild(fixed);
           }
           for (const layer of [svg, fixed])
-            for (const el of layer?.querySelectorAll("[id]") ?? []) byId.set(el.id, el);
+            for (const el of layer?.querySelectorAll("[id]") ?? [])
+              byId.set(el.getAttribute("data-flair-id") ?? el.id, el);
           nonscaling = [...svg.querySelectorAll("[data-nonscaling]")];
           const box = (svg.getAttribute("viewBox") ?? "").trim().split(/[\s,]+/).map(Number);
           if (box.length === 4 && box.every(Number.isFinite)) whole = box;
         }
       }
       if (svg) {
-        apply(svg, whole, byId, motion, timeMs, steps);
+        apply(svg, whole, byId, motion, timeMs, steps, ids);
         keepSize(svg, whole, nonscaling);
       }
     },
@@ -727,4 +773,4 @@ export {
   SvgPlayer,
   animateCount
 };
-//# sourceMappingURL=chunk-RM3I6WZH.js.map
+//# sourceMappingURL=chunk-YCQ5RU74.js.map

package/dist/chunk-YCQ5RU74.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vector/motion.ts","../src/vector/svg.ts"],"sourcesContent":["/**\n * Vector motion: animated SVG pictures described as data. A picture changes in\n * steps (step 0 when it starts, step n at `steps[n - 1]` ms), and everything\n * here is a pure function of its arguments, so a frame comes out the same\n * however it is reached (played, stepped for a recording, or seeked).\n */\n\n/** Easing curves by name. */\nexport const EASES = {\n  linear: (t: number) => t,\n  \"in-out\": (t: number) => (t < 0.5 ? 4 * t * t * t : 1 - (-2 * t + 2) ** 3 / 2),\n  out: (t: number) => 1 - (1 - t) ** 3,\n} as const;\n\nexport type EaseName = keyof typeof EASES;\n\n/** How long a change takes by default, in ms. */\nexport const STEP_MS = 800;\n\nconst clamp01 = (t: number) => (t < 0 ? 0 : t > 1 ? 1 : t);\n\n/**\n * When `step` starts, in ms since the media started (step 0 at 0, step n at\n * `steps[n - 1]`), or undefined if it has not started yet.\n */\nexport function stepStart(steps: readonly number[], step: number): number | undefined {\n  if (step <= 0) return 0;\n  return steps[step - 1];\n}\n\n/**\n * How far a change that plays on `step` (after `delay` ms, over `ms`) has\n * got at `timeMs`, eased: 0 before it starts, 1 once it is over.\n */\nexport function stepProgress(\n  steps: readonly number[],\n  timeMs: number,\n  step: number,\n  options: { delay?: number; ms?: number; ease?: EaseName } = {},\n): number {\n  const start = stepStart(steps, step);\n  if (start === undefined) return 0;\n  const from = start + (options.delay ?? 0);\n  const ms = options.ms ?? STEP_MS;\n  const t = ms > 0 ? clamp01((timeMs - from) / ms) : timeMs >= from ? 1 : 0;\n  return EASES[options.ease ?? \"in-out\"](t);\n}\n\n/** The key an item in a list of data keeps from one state to the next. */\nexport type DataKey = (item: unknown, index: number) => string;\n\n/**\n * Keys items by their `id`, `key`, `name` or `label` (or a link's `source`\n * and `target`), else by position.\n */\nexport const defaultDataKey: DataKey = (item, index) => {\n  if (item && typeof item === \"object\") {\n    const o = item as Record<string, unknown>;\n    if (o.source !== undefined && o.target !== undefined)\n      return `${String(o.source)}→${String(o.target)}`;\n    for (const k of [\"id\", \"key\", \"name\", \"label\"])\n      if (typeof o[k] === \"string\" || typeof o[k] === \"number\") return String(o[k]);\n  }\n  return String(index);\n};\n\n/** Every number in `value` times `k`, so an item can grow from or shrink to nothing. */\nfunction scaled(value: unknown, k: number): unknown {\n  if (typeof value === \"number\") return value * k;\n  if (Array.isArray(value)) return value.map((v) => scaled(v, k));\n  if (value && typeof value === \"object\")\n    return Object.fromEntries(Object.entries(value).map(([key, v]) => [key, scaled(v, k)]));\n  return value;\n}\n\n/**\n * Data between two states, `u` of the way from `a` to `b`. Numbers blend;\n * lists match their items by key (`keyOf`), so each keeps its identity and\n * moves rather than jumping, with items only in `b` growing from nothing and\n * items only in `a` shrinking away; objects blend field by field; anything\n * else changes halfway.\n */\nexport function lerpData<D>(a: D, b: D, u: number, keyOf: DataKey = defaultDataKey): D {\n  if (u <= 0) return a;\n  if (u >= 1) return b;\n  return blend(a, b, u, keyOf) as D;\n}\n\nfunction blend(a: unknown, b: unknown, u: number, keyOf: DataKey): unknown {\n  if (typeof a === \"number\" && typeof b === \"number\") return a + (b - a) * u;\n  if (Array.isArray(a) && Array.isArray(b)) {\n    const before = new Map(a.map((item, i) => [keyOf(item, i), item]));\n    const after = new Set(b.map((item, i) => keyOf(item, i)));\n    const out: unknown[] = b.map((item, i) => {\n      const key = keyOf(item, i);\n      return before.has(key) ? blend(before.get(key), item, u, keyOf) : scaled(item, u);\n    });\n    a.forEach((item, i) => {\n      if (!after.has(keyOf(item, i))) out.push(scaled(item, 1 - u));\n    });\n    return out;\n  }\n  if (a && b && typeof a === \"object\" && typeof b === \"object\") {\n    const ao = a as Record<string, unknown>;\n    const bo = b as Record<string, unknown>;\n    return Object.fromEntries(\n      [...new Set([...Object.keys(ao), ...Object.keys(bo)])].map((k) => [\n        k,\n        k in ao && k in bo\n          ? blend(ao[k], bo[k], u, keyOf)\n          : k in bo\n            ? scaled(bo[k], u)\n            : scaled(ao[k], 1 - u),\n      ]),\n    );\n  }\n  return u < 0.5 ? a : b;\n}\n\n/**\n * The data to show at `timeMs`, for media whose data has a state per step:\n * `states[n]` is shown from step n (the last one stays), reached by moving\n * from the state before it over `ms`.\n */\nexport function stepData<D>(\n  states: readonly D[],\n  steps: readonly number[],\n  timeMs: number,\n  options: { ms?: number; ease?: EaseName; keyOf?: DataKey } = {},\n): D {\n  const last = Math.min(steps.length, states.length - 1);\n  const to = states[last]!;\n  if (last === 0) return to;\n  const u = stepProgress(steps, timeMs, last, options);\n  return lerpData(states[last - 1]!, to, u, options.keyOf);\n}\n\n// ── SVG media ──────────────────────────────────────────────────────────\n\n/**\n * An animated SVG picture: markup plus changes to its elements. Draw it with\n * `SvgPlayer` (or `svgView`), or compute frames yourself with `svgFrame`.\n */\nexport interface SvgMotion {\n  /** One self-contained `<svg>` with a `viewBox`: no scripts, no outside links. */\n  svg: string;\n  /** Changes to its elements, each on a step. */\n  animate?: SvgAnimation[];\n}\n\n/** A box in an SVG's `viewBox` units: `[x, y, width, height]`. */\nexport type SvgBox = readonly [number, number, number, number];\n\n/** A change to one element of an {@link SvgMotion}, or (with `view`) to the whole picture. */\nexport interface SvgAnimation {\n  /** The element's `id` in the SVG (not needed for `view`). */\n  id?: string;\n  /** The step it plays on: 0 (default) when the media starts, 1 with the next shot, and so on. */\n  step?: number;\n  /** Ms after the step starts. */\n  delay?: number;\n  /** How long it takes, in ms (default {@link STEP_MS}). */\n  ms?: number;\n  ease?: EaseName;\n  /**\n   * Attributes from one value to another: numbers, colours (`#rrggbb`), or\n   * strings whose numbers change while the rest stays the same (a path's\n   * `d`, a `transform`, `points`).\n   */\n  attrs?: Record<string, readonly [string | number, string | number]>;\n  /** Draws a line or outline on along its length, from 0 to 1 (or between two fractions). */\n  draw?: boolean | readonly [number, number];\n  /**\n   * Zooms and pans the whole picture to frame a box (`[x, y, width, height]`\n   * in the `viewBox`'s units) or an element by id (with a margin round it),\n   * from where the last `view` left it (at first, the whole `viewBox`).\n   */\n  view?: SvgBox | string;\n  /**\n   * Moves the element along a path (by id) from its start to its end, or\n   * between the fractions in `at`; draw the element round (0, 0), like a\n   * circle at `cx=\"0\" cy=\"0\"`.\n   */\n  along?: string;\n  /** How far along the path `along` moves the element, from and to (default [0, 1]). */\n  at?: readonly [number, number];\n  /**\n   * Sets the active child index in a solo container (data-solo group or element with multiple children).\n   * Hides all siblings except the one at this index (0-based).\n   */\n  solo?: number;\n  /** Counts the element's text from one number to the other. */\n  count?: readonly [number, number];\n  /** How a count is written: `{n}` stands for the number (\"{n}%\", \"$ {n}M\"). */\n  format?: string;\n  /** Decimals in a count (default 0). */\n  decimals?: number;\n  /**\n   * Writes this text into the element letter by letter: none of it when the\n   * change starts, all of it when it ends (a typewriter).\n   */\n  write?: string;\n  /**\n   * With `write`: letters not yet written show characters picked from this\n   * string, changing every {@link SCRAMBLE_MS} ms, so the text decodes\n   * rather than types. The same time always picks the same characters.\n   */\n  scramble?: string;\n  /** With `write`: shown after the written letters while it writes (\"▌\", \"|\"). */\n  caret?: string;\n}\n\n/** How often scrambled letters change, in ms (see `SvgAnimation.scramble`). */\nexport const SCRAMBLE_MS = 50;\n\n/**\n * `text` with `u` (0–1) of its letters written (see `SvgAnimation.write`):\n * the rest scrambled from `scramble` (picked by `timeMs`) or left off, then\n * the caret while it is unfinished. Letters are code points, so emoji and\n * accents are never split.\n */\nexport function writtenText(\n  text: string,\n  u: number,\n  options: { scramble?: string; caret?: string; timeMs?: number } = {},\n): string {\n  const letters = Array.from(text);\n  const shown = Math.round(clamp01(u) * letters.length);\n  let out = letters.slice(0, shown).join(\"\");\n  const pool = Array.from(options.scramble ?? \"\");\n  if (pool.length) {\n    const tick = Math.floor((options.timeMs ?? 0) / SCRAMBLE_MS);\n    for (let i = shown; i < letters.length; i++)\n      out += /\\s/.test(letters[i]!) ? letters[i] : pool[Math.floor(noise(i, tick) * pool.length)];\n  }\n  return shown < letters.length && options.caret ? out + options.caret : out;\n}\n\n/** A repeatable 0–1 number for a letter at a tick. */\nfunction noise(i: number, tick: number): number {\n  const x = Math.sin(i * 127.1 + tick * 311.7) * 43758.5453;\n  return x - Math.floor(x);\n}\n\n/** What one element of an animated SVG shows at a time. */\nexport interface SvgElementFrame {\n  attrs: Record<string, string>;\n  /** How much of its length is drawn, 0–1. */\n  draw?: number;\n  text?: string;\n  /** Active child index when targeting a solo container. */\n  solo?: number;\n  /** Where it is along a path: the path's id and the fraction of its length. */\n  along?: { path: string; at: number };\n  /**\n   * The whole picture's framing (on the frame for {@link SVG_PICTURE}): `u`\n   * of the way from one view to the next, `null` being the whole `viewBox`.\n   */\n  view?: { from: SvgBox | string | null; to: SvgBox | string; u: number };\n}\n\n/** The key of the whole picture's frame in {@link svgFrame}'s result (for `view`). */\nexport const SVG_PICTURE = \"\";\n\nconst NUMBER = /-?(?:\\d+\\.?\\d*|\\.\\d+)(?:e[-+]?\\d+)?/gi;\nconst HEX = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;\n\nfunction rgb(hex: string): [number, number, number] {\n  let h = hex.slice(1);\n  if (h.length === 3) h = [...h].map((c) => c + c).join(\"\");\n  return [0, 2, 4].map((i) => parseInt(h.slice(i, i + 2), 16)) as [number, number, number];\n}\n\nconst round = (n: number) => Math.round(n * 1000) / 1000;\n\n/** A value `u` of the way between two attribute values (see `SvgAnimation.attrs`). */\nexport function lerpAttr(a: string | number, b: string | number, u: number): string {\n  if (typeof a === \"number\" && typeof b === \"number\") return String(round(a + (b - a) * u));\n  const sa = String(a);\n  const sb = String(b);\n  if (HEX.test(sa) && HEX.test(sb)) {\n    const [ca, cb] = [rgb(sa), rgb(sb)];\n    return `#${ca\n      .map((c, i) =>\n        Math.round(c + (cb[i]! - c) * u)\n          .toString(16)\n          .padStart(2, \"0\"),\n      )\n      .join(\"\")}`;\n  }\n  const na = sa.match(NUMBER) ?? [];\n  const nb = sb.match(NUMBER) ?? [];\n  if (na.length && na.length === nb.length && sa.replace(NUMBER, \"#\") === sb.replace(NUMBER, \"#\")) {\n    let i = 0;\n    return sa.replace(NUMBER, () => {\n      const v = Number(na[i]) + (Number(nb[i]) - Number(na[i])) * u;\n      i++;\n      return String(round(v));\n    });\n  }\n  return u < 0.5 ? sa : sb;\n}\n\n/** Formats a number for a count animation (`{n}` stands for the rounded number). */\nexport function formatCount(\n  value: number,\n  options: { decimals?: number; format?: string } = {},\n): string {\n  const n = value.toFixed(options.decimals ?? 0);\n  return (options.format ?? \"{n}\").replace(\"{n}\", n);\n}\n\nconst startOf = (a: SvgAnimation, steps: readonly number[]) => {\n  const s = stepStart(steps, a.step ?? 0);\n  return s === undefined ? Infinity : s + (a.delay ?? 0);\n};\n\n/**\n * What each animated element shows at `timeMs`. For each attribute (or\n * line, count or writing) the latest change to have started wins; before the first\n * one starts, the element shows that change's starting value, so something\n * that grows in later is hidden until then.\n */\nexport function svgFrame(\n  animations: readonly SvgAnimation[],\n  steps: readonly number[],\n  timeMs: number,\n): Map<string, SvgElementFrame> {\n  // Each property's changes in the order they start (ties: list order).\n  const tracks = new Map<string, { anim: SvgAnimation; start: number; index: number }[]>();\n  const add = (prop: string, anim: SvgAnimation, index: number) => {\n    const key = `${prop === \"view\" ? SVG_PICTURE : anim.id}\\u0000${prop}`;\n    const list = tracks.get(key) ?? [];\n    list.push({ anim, start: startOf(anim, steps), index });\n    tracks.set(key, list);\n  };\n  animations.forEach((a, i) => {\n    for (const name of Object.keys(a.attrs ?? {})) add(`@${name}`, a, i);\n    if (a.draw) add(\"draw\", a, i);\n    if (a.count) add(\"count\", a, i);\n    if (a.write !== undefined) add(\"count\", a, i);\n    if (a.solo !== undefined) add(\"solo\", a, i);\n    if (a.view !== undefined) add(\"view\", a, i);\n    if (a.along) add(\"along\", a, i);\n  });\n  const frames = new Map<string, SvgElementFrame>();\n  for (const [key, list] of tracks) {\n    list.sort((x, y) => x.start - y.start || x.index - y.index);\n    const [id, prop] = key.split(\"\\u0000\") as [string, string];\n    const started = list.filter((c) => c.start <= timeMs);\n    const current = started[started.length - 1];\n    const anim = (current ?? list[0]!).anim;\n    const u = current\n      ? stepProgress(steps, timeMs, anim.step ?? 0, {\n          delay: anim.delay,\n          ms: anim.ms,\n          ease: anim.ease,\n        })\n      : 0;\n    const frame = frames.get(id) ?? { attrs: {} };\n    if (prop === \"view\") {\n      // From where the change before it left the picture.\n      const before = current ? list[list.indexOf(current) - 1] : undefined;\n      frame.view = { from: before?.anim.view ?? null, to: anim.view!, u };\n    } else if (prop === \"along\") {\n      const [a, b] = anim.at ?? [0, 1];\n      frame.along = { path: anim.along!, at: a + (b - a) * u };\n    } else if (prop === \"solo\") {\n      frame.solo = anim.solo;\n    } else if (prop.startsWith(\"@\")) {\n      const [a, b] = anim.attrs![prop.slice(1)]!;\n      frame.attrs[prop.slice(1)] = lerpAttr(a, b, u);\n    } else if (prop === \"draw\") {\n      const [a, b] = anim.draw === true ? [0, 1] : (anim.draw as readonly [number, number]);\n      frame.draw = a + (b - a) * u;\n    } else if (anim.write !== undefined) {\n      frame.text = writtenText(anim.write, u, { scramble: anim.scramble, caret: anim.caret, timeMs });\n    } else {\n      const [a, b] = anim.count!;\n      frame.text = formatCount(a + (b - a) * u, anim);\n    }\n    frames.set(id, frame);\n  }\n  return frames;\n}\n\n/**\n * The opening tag of the root element at the start of `markup` (up to its\n * first `>`), cut out without a regular expression, so checks on it stay\n * linear however long or odd the markup is.\n */\nexport function svgOpeningTag(markup: string): string {\n  const end = markup.indexOf(\">\");\n  return end < 0 ? markup : markup.slice(0, end + 1);\n}\n\n/** Problems with an {@link SvgMotion}, as sentences; none when it can be drawn. */\nexport function svgMotionIssues(motion: unknown): string[] {\n  const issues: string[] = [];\n  const m = (motion ?? {}) as Partial<SvgMotion>;\n  const svg = typeof m.svg === \"string\" ? m.svg.trim() : \"\";\n  if (!svg) return [\"`svg` needs the picture's markup: one <svg> element\"];\n  if (!/^<svg[\\s>]/i.test(svg) || !svg.toLowerCase().endsWith(\"</svg>\"))\n    issues.push(\"`svg` must be one <svg>…</svg> element\");\n  if (!/\\sviewBox\\s*=/i.test(svgOpeningTag(svg)))\n    issues.push(\"the <svg> needs a `viewBox`, so it scales to where it is placed\");\n  if (/<script|<foreignObject|\\son\\w+\\s*=/i.test(svg))\n    issues.push(\"`svg` cannot have scripts, event handlers or <foreignObject>\");\n  if (/(?:href|src)\\s*=\\s*[\"'](?!#|data:image\\/)/i.test(svg))\n    issues.push(\"`svg` cannot link outside itself (only #ids and data:image URLs)\");\n  const ids = new Set([...svg.matchAll(/\\sid\\s*=\\s*[\"']([^\"']+)[\"']/g)].map((x) => x[1]));\n  if (m.animate !== undefined && !Array.isArray(m.animate)) issues.push(\"`animate` must be a list\");\n  (Array.isArray(m.animate) ? m.animate : []).forEach((a, i) => {\n    const where = `animate[${i}]`;\n    if (!a || typeof a !== \"object\") return void issues.push(`${where} is not an animation`);\n    if (typeof a.id !== \"string\") {\n      if (a.view === undefined) return void issues.push(`${where} needs an \\`id\\``);\n    } else if (!ids.has(a.id))\n      issues.push(`${where}: there is no element with id \"${a.id}\" in the SVG`);\n    if (a.step !== undefined && !(Number.isInteger(a.step) && a.step >= 0))\n      issues.push(`${where}: \\`step\\` is a whole number, 0 or more`);\n    if (a.ms !== undefined && !(a.ms >= 0)) issues.push(`${where}: \\`ms\\` must be 0 or more`);\n    if (a.delay !== undefined && !(a.delay >= 0))\n      issues.push(`${where}: \\`delay\\` must be 0 or more`);\n    if (a.ease !== undefined && !(a.ease in EASES))\n      issues.push(`${where}: \\`ease\\` is one of ${Object.keys(EASES).join(\", \")}`);\n    if (!a.attrs && !a.draw && !a.count && a.write === undefined && a.view === undefined && !a.along && a.solo === undefined)\n      issues.push(\n        `${where} changes nothing: give \\`attrs\\`, \\`draw\\`, \\`count\\`, \\`write\\`, \\`view\\`, \\`along\\` or \\`solo\\``,\n      );\n    if (a.solo !== undefined && !(Number.isInteger(a.solo) && a.solo >= 0))\n      issues.push(`${where}: \\`solo\\` is an index (whole number, 0 or more)`);\n    if (a.view !== undefined) {\n      const box = a.view as unknown;\n      if (typeof box === \"string\") {\n        if (!ids.has(box))\n          issues.push(`${where}: \\`view\\` frames \"${box}\", which is not an id in the SVG`);\n      } else if (\n        !Array.isArray(box) ||\n        box.length !== 4 ||\n        !box.every((n) => Number.isFinite(n)) ||\n        !(box[2] > 0 && box[3] > 0)\n      )\n        issues.push(\n          `${where}: \\`view\\` is [x, y, width, height] (width and height above 0) or an element's id`,\n        );\n    }\n    if (a.along !== undefined) {\n      if (typeof a.along !== \"string\" || !ids.has(a.along))\n        issues.push(`${where}: \\`along\\` is the id of a path in the SVG`);\n      if (typeof a.id !== \"string\")\n        issues.push(`${where}: \\`along\\` moves an element: give its \\`id\\``);\n    }\n    if (\n      a.at !== undefined &&\n      !(Array.isArray(a.at) && a.at.length === 2 && a.at.every((v) => v >= 0 && v <= 1))\n    )\n      issues.push(`${where}: \\`at\\` is [from, to] between 0 and 1`);\n    for (const [name, pair] of Object.entries(a.attrs ?? {}))\n      if (!Array.isArray(pair) || pair.length !== 2)\n        issues.push(`${where}: \\`attrs.${name}\\` is [from, to]`);\n    if (Array.isArray(a.draw) && a.draw.some((v) => !(v >= 0 && v <= 1)))\n      issues.push(`${where}: \\`draw\\` is true or [from, to] between 0 and 1`);\n    if (a.count !== undefined && !(Array.isArray(a.count) && a.count.length === 2))\n      issues.push(`${where}: \\`count\\` is [from, to]`);\n    if (a.write !== undefined && typeof a.write !== \"string\")\n      issues.push(`${where}: \\`write\\` is the text to write`);\n    if ((a.scramble !== undefined || a.caret !== undefined) && a.write === undefined)\n      issues.push(`${where}: \\`scramble\\` and \\`caret\\` go with \\`write\\``);\n  });\n  return issues;\n}\n","/**\n * Drawing animated SVG pictures (see `SvgMotion`) in the DOM: a sanitising\n * parser, a view that applies frames, and a player that runs on a `Clock`.\n */\n\nimport { realClock, type Clock } from \"../time/clock.js\";\nimport {\n  EASES,\n  formatCount,\n  STEP_MS,\n  SVG_PICTURE,\n  svgFrame,\n  svgOpeningTag,\n  type EaseName,\n  type SvgBox,\n  type SvgMotion,\n} from \"./motion.js\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\n\n/**\n * The `<svg>` in `markup`, parsed and made safe to show: no scripts, event\n * handlers, `<foreignObject>` or links outside itself. Undefined when it is\n * not an SVG.\n */\nexport function parseSvg(markup: string): SVGSVGElement | undefined {\n  // Parsed as XML, an <svg> without its namespace is not an SVG at all.\n  let source = markup.trim();\n  const open = svgOpeningTag(source);\n  if (!/\\sxmlns\\s*=/i.test(open)) source = source.replace(/^<svg/i, `<svg xmlns=\"${SVG_NS}\"`);\n  if (/xlink:/.test(source) && !/\\sxmlns:xlink\\s*=/i.test(open))\n    source = source.replace(/^<svg/i, '<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\"');\n  const doc = new DOMParser().parseFromString(source, \"image/svg+xml\");\n  const svg = doc.documentElement;\n  if (svg.namespaceURI !== SVG_NS || svg.localName !== \"svg\" || doc.querySelector(\"parsererror\"))\n    return undefined;\n  for (const bad of svg.querySelectorAll(\"script, foreignObject\")) bad.remove();\n  for (const el of [svg, ...svg.querySelectorAll(\"*\")]) {\n    for (const attr of [...el.attributes]) {\n      const name = attr.name.toLowerCase();\n      const link = name === \"href\" || name === \"xlink:href\" || name === \"src\";\n      if (name.startsWith(\"on\") || (link && !/^(#|data:image\\/)/i.test(attr.value.trim())))\n        el.removeAttribute(attr.name);\n    }\n  }\n  return document.importNode(svg, true) as unknown as SVGSVGElement;\n}\n\n/** Live views made so far, for ids unique on the page (see {@link scopeIds}). */\nlet views = 0;\n\nconst URL_REF = /url\\(\\s*(['\"]?)#([^'\")\\s]+)\\1\\s*\\)/g;\n\n/**\n * Gives the ids a live picture refers to (by `url(#…)` in attributes and\n * styles, or `href=\"#…\"`: its gradients, filters, clips, masks, `<use>`d\n * shapes) `suffix`, and points the references at the new ids, so two\n * pictures on one page that both define `id=\"glow\"` each use their own.\n * Other ids stay as written. The original id is kept in `data-flair-id`;\n * returns how ids map.\n */\nfunction scopeIds(svg: Element, suffix: string): Map<string, string> {\n  const all = [svg, ...svg.querySelectorAll(\"*\")];\n  const referred = new Set<string>();\n  for (const el of all) {\n    const texts = [...el.attributes].map((a) => [a.name.toLowerCase(), a.value] as const);\n    if (el.localName === \"style\") texts.push([\"\", el.textContent ?? \"\"]);\n    for (const [name, value] of texts) {\n      if ((name === \"href\" || name === \"xlink:href\") && value.startsWith(\"#\")) referred.add(value.slice(1));\n      for (const m of value.matchAll(URL_REF)) referred.add(m[2]!);\n    }\n  }\n  const ids = new Map<string, string>();\n  for (const el of all) {\n    if (!el.id || !referred.has(el.id) || ids.has(el.id)) continue;\n    ids.set(el.id, `${el.id}-${suffix}`);\n    el.setAttribute(\"data-flair-id\", el.id);\n    el.id = `${el.id}-${suffix}`;\n  }\n  if (ids.size)\n    for (const el of [svg, ...svg.querySelectorAll(\"*\")]) {\n      for (const attr of [...el.attributes]) {\n        const scoped = scopedRefs(attr.value, ids, attr.name);\n        if (scoped !== attr.value) attr.value = scoped;\n      }\n      if (el.localName === \"style\" && el.textContent) el.textContent = scopedRefs(el.textContent, ids);\n    }\n  return ids;\n}\n\n/** `value` with its references to ids in `ids` pointed at their scoped ids. */\nfunction scopedRefs(value: string, ids: ReadonlyMap<string, string>, attr = \"\"): string {\n  const name = attr.toLowerCase();\n  if (name === \"href\" || name === \"xlink:href\") {\n    const to = value.startsWith(\"#\") ? ids.get(value.slice(1)) : undefined;\n    return to ? `#${to}` : value;\n  }\n  if (!value.includes(\"url(\")) return value;\n  return value.replace(URL_REF, (whole, quote: string, id: string) => {\n    const to = ids.get(id);\n    return to ? `url(${quote}#${to}${quote})` : whole;\n  });\n}\n\n/** Share of an element's size left round it when a `view` frames it. */\nconst VIEW_MARGIN = 0.12;\n\n/**\n * The box a `view` frames, in viewBox units: a box as given, an element's\n * box with a margin, widened to the picture's shape so the zoom does not\n * skew, or the whole picture for `null`.\n */\nfunction viewBox(view: SvgBox | string | null, whole: SvgBox, byId: Map<string, Element>): SvgBox {\n  if (view === null) return whole;\n  if (typeof view !== \"string\") return view;\n  const el = byId.get(view) as SVGGraphicsElement | undefined;\n  let box: DOMRect | undefined;\n  try {\n    box = el?.getBBox?.();\n  } catch {\n    // Not laid out (or not drawable): keep the whole picture.\n  }\n  if (!box || !(box.width > 0 || box.height > 0)) return whole;\n  // In the picture's own units: through the element's transforms (a point\n  // placed with one), which its box leaves out.\n  try {\n    const svg = el!.ownerSVGElement;\n    const m = svg?.getScreenCTM()?.inverse().multiply(el!.getScreenCTM()!);\n    if (m) {\n      const corners = [\n        [box.x, box.y],\n        [box.x + box.width, box.y],\n        [box.x, box.y + box.height],\n        [box.x + box.width, box.y + box.height],\n      ].map(([x, y]) => new DOMPoint(x, y).matrixTransform(m));\n      const xs = corners.map((p) => p.x);\n      const ys = corners.map((p) => p.y);\n      box = new DOMRect(\n        Math.min(...xs),\n        Math.min(...ys),\n        Math.max(...xs) - Math.min(...xs),\n        Math.max(...ys) - Math.min(...ys),\n      );\n    }\n  } catch {\n    // Not laid out: keep its own box.\n  }\n  const aspect = whole[2] / whole[3];\n  let w = box.width * (1 + 2 * VIEW_MARGIN);\n  let h = box.height * (1 + 2 * VIEW_MARGIN);\n  if (w / h > aspect) h = w / aspect;\n  else w = h * aspect;\n  return [box.x + box.width / 2 - w / 2, box.y + box.height / 2 - h / 2, w, h];\n}\n\n/**\n * Keeps the picture's `data-nonscaling` elements (a map's pins and labels)\n * the same size on screen as a `view` zooms: each is scaled round its own\n * origin by how far the picture is zoomed (so draw it round (0, 0) inside a\n * group that places it).\n */\nfunction keepSize(svg: SVGSVGElement, whole: SvgBox, nonscaling: Element[]) {\n  if (!nonscaling.length) return;\n  const width = Number((svg.getAttribute(\"viewBox\") ?? \"\").trim().split(/[\\s,]+/)[2]);\n  const zoom = width > 0 ? width / whole[2] : 1;\n  const transform = Math.abs(zoom - 1) < 1e-4 ? \"\" : `scale(${+zoom.toFixed(4)})`;\n  for (const el of nonscaling)\n    if ((el.getAttribute(\"transform\") ?? \"\") !== transform)\n      if (transform) el.setAttribute(\"transform\", transform);\n      else el.removeAttribute(\"transform\");\n}\n\n/** Applies a frame of the media's animations to `svg`. */\nfunction apply(\n  svg: SVGSVGElement,\n  whole: SvgBox,\n  byId: Map<string, Element>,\n  motion: SvgMotion,\n  timeMs: number,\n  steps: readonly number[],\n  ids: ReadonlyMap<string, string> = new Map(),\n) {\n  for (const [id, frame] of svgFrame(motion.animate ?? [], steps, timeMs)) {\n    if (id === SVG_PICTURE && frame.view) {\n      const a = viewBox(frame.view.from, whole, byId);\n      const b = viewBox(frame.view.to, whole, byId);\n      const u = frame.view.u;\n      svg.setAttribute(\"viewBox\", a.map((n, i) => +(n + (b[i]! - n) * u).toFixed(2)).join(\" \"));\n      continue;\n    }\n    const el = byId.get(id);\n    if (!el) continue;\n    for (const [name, value] of Object.entries(frame.attrs)) el.setAttribute(name, scopedRefs(value, ids, name));\n    if (frame.draw !== undefined) {\n      // A path length of 1 lets the dash be a fraction, with nothing measured.\n      el.setAttribute(\"pathLength\", \"1\");\n      el.setAttribute(\"stroke-dasharray\", \"1 1\");\n      el.setAttribute(\"stroke-dashoffset\", String(1 - frame.draw));\n    }\n    if (frame.text !== undefined) el.textContent = frame.text;\n    if (frame.solo !== undefined) {\n      const children = Array.from(el.children);\n      children.forEach((child, idx) => {\n        if (child instanceof SVGElement || child instanceof HTMLElement) {\n          if (idx === frame.solo) {\n            child.removeAttribute(\"display\");\n          } else {\n            child.setAttribute(\"display\", \"none\");\n          }\n        }\n      });\n    }\n    if (frame.along) {\n      const path = byId.get(frame.along.path) as SVGGeometryElement | undefined;\n      try {\n        const length = path?.getTotalLength?.();\n        if (path && length !== undefined) {\n          const p = path.getPointAtLength(frame.along.at * length);\n          el.setAttribute(\"transform\", `translate(${+p.x.toFixed(2)} ${+p.y.toFixed(2)})`);\n        }\n      } catch {\n        // Not laid out: leave it where it is.\n      }\n    }\n  }\n}\n\nconst VAR = /var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*([^()]*(?:\\([^()]*\\)[^()]*)*))?\\)/g;\n\n/**\n * `copy` with the CSS variables in its attributes and styles replaced by\n * their values on `live` (its original, in the page), or their fallbacks:\n * an image of the SVG is drawn on its own, where the page's variables (a\n * host's palette) mean nothing.\n */\nfunction resolveVariables(live: SVGSVGElement, copy: SVGSVGElement) {\n  const originals = [live, ...live.querySelectorAll(\"*\")];\n  const copies = [copy, ...copy.querySelectorAll(\"*\")];\n  copies.forEach((el, i) => {\n    let style: CSSStyleDeclaration | undefined;\n    for (const attr of [...el.attributes]) {\n      if (!attr.value.includes(\"var(\")) continue;\n      style ??= getComputedStyle(originals[i] ?? live);\n      el.setAttribute(\n        attr.name,\n        attr.value.replace(\n          VAR,\n          (_, name: string, fallback?: string) =>\n            style!.getPropertyValue(name).trim() || fallback?.trim() || \"\",\n        ),\n      );\n    }\n  });\n}\n\n/** An image of the picture as drawn now (its layers in order), at `pixels`. */\nasync function rasterize(layers: SVGSVGElement[], pixels: { width: number; height: number }): Promise<HTMLCanvasElement> {\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = pixels.width;\n  canvas.height = pixels.height;\n  const defs = layers[0]?.querySelector(\"defs\");\n  for (const [i, svg] of layers.entries()) {\n    const copy = svg.cloneNode(true) as SVGSVGElement;\n    resolveVariables(svg, copy);\n    // A fixed layer's gradients and markers live in the picture's <defs>.\n    if (i > 0 && defs) copy.prepend(defs.cloneNode(true));\n    copy.setAttribute(\"xmlns\", SVG_NS);\n    copy.setAttribute(\"width\", String(pixels.width));\n    copy.setAttribute(\"height\", String(pixels.height));\n    const url = URL.createObjectURL(\n      new Blob([new XMLSerializer().serializeToString(copy)], { type: \"image/svg+xml\" }),\n    );\n    try {\n      const image = new Image();\n      image.src = url;\n      await image.decode();\n      canvas.getContext(\"2d\")!.drawImage(image, 0, 0, pixels.width, pixels.height);\n    } finally {\n      URL.revokeObjectURL(url);\n    }\n  }\n  return canvas;\n}\n\n/**\n * Moves the picture's `data-fixed` elements (titles, legends, notes) into a\n * layer over it that keeps the original `viewBox`, so a `view` zooms the\n * picture under them while they stay put. Undefined when it has none.\n */\nfunction fixedLayer(svg: SVGSVGElement): SVGSVGElement | undefined {\n  const fixed = [...svg.querySelectorAll(\"[data-fixed]\")].filter(\n    (el) => !el.parentElement?.closest(\"[data-fixed]\"),\n  );\n  if (!fixed.length) return undefined;\n  // The picture's own attributes (viewBox, fonts, fills) without its id.\n  const layer = svg.cloneNode(false) as SVGSVGElement;\n  layer.removeAttribute(\"id\");\n  layer.setAttribute(\"aria-hidden\", \"true\");\n  layer.style.cssText = \"position:absolute;inset:0;overflow:visible\";\n  for (const el of fixed) layer.appendChild(el);\n  return layer;\n}\n\nexport interface SvgViewOptions {\n  /**\n   * Called with the id of the innermost element with an id that is clicked:\n   * its id in the motion's markup (in the page, ids carry a suffix that keeps\n   * them unique, so several pictures can use the same ones).\n   */\n  onPick?: (id: string) => void;\n}\n\n/** An {@link SvgMotion} drawn into an element; call `draw` with a time to show it then. */\nexport interface SvgView {\n  /** A `div` filled by the picture; put it anywhere. */\n  readonly element: HTMLDivElement;\n  /** Shows the picture at `timeMs`, with steps starting at `steps` (ms). */\n  draw(timeMs: number, steps?: readonly number[]): void;\n  /** An image of the picture as drawn now. */\n  capture(pixels: { width: number; height: number }): Promise<HTMLCanvasElement | undefined>;\n}\n\n/** Shows an {@link SvgMotion} as a live view; with `onPick`, clicks report the id of the element clicked. */\nexport function svgView(motion: SvgMotion, options: SvgViewOptions = {}): SvgView {\n  const element = document.createElement(\"div\");\n  element.style.width = \"100%\";\n  element.style.height = \"100%\";\n  const { onPick } = options;\n  if (onPick)\n    element.addEventListener(\"click\", (event) => {\n      // The innermost element with an id, up to the picture itself.\n      for (let el = event.target as Element | null; el && el !== element; el = el.parentElement)\n        if (el.id && el.localName !== \"svg\") return onPick(el.getAttribute(\"data-flair-id\") ?? el.id);\n    });\n  let svg: SVGSVGElement | undefined | null = null;\n  let fixed: SVGSVGElement | undefined;\n  let nonscaling: Element[] = [];\n  let whole: SvgBox = [0, 0, 100, 100];\n  const byId = new Map<string, Element>();\n  let ids: ReadonlyMap<string, string> = new Map();\n  const suffix = `f${++views}`;\n  return {\n    element,\n    draw(timeMs, steps = []) {\n      if (svg === null) {\n        // Parsed on first use, so a view made and dropped costs nothing.\n        svg = parseSvg(motion.svg);\n        if (svg) {\n          ids = scopeIds(svg, suffix);\n          svg.setAttribute(\"width\", \"100%\");\n          svg.setAttribute(\"height\", \"100%\");\n          element.appendChild(svg);\n          fixed = fixedLayer(svg);\n          if (fixed) {\n            element.style.position = \"relative\";\n            element.appendChild(fixed);\n          }\n          for (const layer of [svg, fixed])\n            for (const el of layer?.querySelectorAll(\"[id]\") ?? [])\n              byId.set(el.getAttribute(\"data-flair-id\") ?? el.id, el);\n          nonscaling = [...svg.querySelectorAll(\"[data-nonscaling]\")];\n          const box = (svg.getAttribute(\"viewBox\") ?? \"\")\n            .trim()\n            .split(/[\\s,]+/)\n            .map(Number);\n          if (box.length === 4 && box.every(Number.isFinite)) whole = box as unknown as SvgBox;\n        }\n      }\n      if (svg) {\n        apply(svg, whole, byId, motion, timeMs, steps, ids);\n        keepSize(svg, whole, nonscaling);\n      }\n    },\n    capture: async (pixels) => (svg ? rasterize(fixed ? [svg, fixed] : [svg], pixels) : undefined),\n  };\n}\n\n/** How long an {@link SvgMotion} runs: its last change's end, in ms (at least 1). */\nexport function svgDuration(motion: SvgMotion, steps: readonly number[] = []): number {\n  let end = 0;\n  for (const a of motion.animate ?? []) {\n    const step = a.step ?? 0;\n    const start = step <= 0 ? 0 : steps[step - 1];\n    if (start === undefined) continue;\n    end = Math.max(end, start + (a.delay ?? 0) + (a.ms ?? 800));\n  }\n  return Math.max(1, end);\n}\n\nexport interface SvgPlayerOptions extends SvgViewOptions {\n  /** Time source (default: animation frames). Pass a `ManualClock` to step frames yourself. */\n  clock?: Clock;\n  /** Start playing at once (default `true`). */\n  autoplay?: boolean;\n  /**\n   * Start again at the end (default `true`). When `false` it plays once and\n   * stays on the last frame (hidden instead with `hideWhenPaused`).\n   */\n  loop?: boolean;\n  /** Loop length in ms (default: the picture's own, see {@link svgDuration}, plus `hold`). */\n  duration?: number;\n  /** Ms to rest on the last frame before looping (default 600). */\n  hold?: number;\n  /** Playback speed (default 1). */\n  speed?: number;\n  /** Step start times in ms, for pictures that change on steps (default none). */\n  steps?: readonly number[];\n  /** Pause the animation loop when scrolled out of view via IntersectionObserver (default false). */\n  pauseWhenHidden?: boolean;\n  /** Wait to start playing until the element enters the viewport via IntersectionObserver (default false). When true, autoplay is deferred until first visible. */\n  playOnEnter?: boolean;\n  /** Hide the view (`visibility: hidden`) whenever playback is paused or reset (default false). */\n  hideWhenPaused?: boolean;\n  /**\n   * Plays in answer to the pointer instead of on its own (see {@link SvgTrigger}):\n   * `\"hover\"` and `\"press\"` play to the end while hovered or held and back to\n   * the start after; `\"click\"` plays the next step on each click, starting\n   * over after the last. `autoplay`, `loop` and `steps` are ignored.\n   */\n  trigger?: SvgTrigger;\n  /** The element whose pointer events trigger it (default the container). */\n  triggerTarget?: HTMLElement;\n}\n\n/** What makes a triggered {@link SvgPlayer} play. */\nexport type SvgTrigger = \"hover\" | \"press\" | \"click\";\n\n/**\n * Plays an {@link SvgMotion} inside `container`: loops by default, and can be\n * paused, sought and sped up. Dispose it to stop and remove the picture.\n */\nexport class SvgPlayer {\n  readonly view: SvgView;\n  private readonly clock: Clock;\n  private steps: readonly number[];\n  private readonly loop: boolean;\n  private length: number;\n  private readonly motion: SvgMotion;\n  private readonly trigger?: SvgTrigger;\n  private readonly triggerTarget?: HTMLElement;\n  /** With a hover or press trigger: 1 playing to the end, -1 back to the start. */\n  private direction = 1;\n  /** With a click trigger: when each click came, in ms of playback. */\n  private clicks: number[] = [];\n  private readonly hideWhenPaused: boolean;\n  private speed: number;\n  private time = 0;\n  private last = 0;\n  private playing = false;\n  private disposed = false;\n  private wasPlayingBeforeHidden = false;\n  private hasEnteredViewport = false;\n  private intersectionObserver?: IntersectionObserver;\n\n  constructor(\n    private readonly container: HTMLElement,\n    motion: SvgMotion,\n    options: SvgPlayerOptions = {},\n  ) {\n    this.clock = options.clock ?? realClock;\n    this.motion = motion;\n    this.trigger = options.trigger;\n    this.steps = this.trigger ? [] : (options.steps ?? []);\n    this.loop = this.trigger ? false : (options.loop ?? true);\n    this.speed = options.speed ?? 1;\n    this.hideWhenPaused = Boolean(options.hideWhenPaused);\n    this.length = options.duration ?? svgDuration(motion, this.steps) + (options.hold ?? 600);\n    this.view = svgView(motion, options);\n    container.appendChild(this.view.element);\n    this.view.draw(0, this.steps);\n\n    const needsObserver =\n      (options.pauseWhenHidden || options.playOnEnter) && typeof IntersectionObserver !== \"undefined\";\n\n    if (needsObserver) {\n      this.intersectionObserver = new IntersectionObserver(([entry]) => {\n        if (!entry) return;\n        if (entry.isIntersecting) {\n          if (options.playOnEnter && !this.hasEnteredViewport) {\n            this.hasEnteredViewport = true;\n            if (options.autoplay ?? true) {\n              this.play();\n            }\n          } else if (this.wasPlayingBeforeHidden) {\n            this.wasPlayingBeforeHidden = false;\n            this.play();\n          }\n        } else {\n          if (this.playing && options.pauseWhenHidden) {\n            this.wasPlayingBeforeHidden = true;\n            this.pause();\n          }\n        }\n      });\n      this.intersectionObserver.observe(this.view.element);\n    }\n\n    if (this.trigger) {\n      // A click-triggered picture runs until its latest step is over, however many clicks.\n      // Hovers and presses run to the last change and back, with no rest to wait through.\n      this.length = this.trigger === \"click\" ? Infinity : (options.duration ?? svgDuration(motion));\n      this.triggerTarget = options.triggerTarget ?? container;\n      this.listen(true);\n      return;\n    }\n\n    // Without IntersectionObserver (a server, a test), nothing would say it entered: play at once.\n    const shouldAutoplay = (options.autoplay ?? true) && !(options.playOnEnter && needsObserver);\n    if (shouldAutoplay) {\n      this.play();\n    } else if (this.hideWhenPaused) {\n      this.view.element.style.visibility = \"hidden\";\n    }\n  }\n\n  /** The loop length in ms. */\n  get duration(): number {\n    return this.length;\n  }\n\n  /** The time shown, in ms. */\n  get currentTime(): number {\n    return this.time;\n  }\n\n  get isPlaying(): boolean {\n    return this.playing;\n  }\n\n  play(): void {\n    if (this.playing || this.disposed) return;\n    this.playing = true;\n    if (this.hideWhenPaused) this.view.element.style.visibility = \"visible\";\n    this.last = this.clock.now();\n    void this.run();\n  }\n\n  pause(): void {\n    this.playing = false;\n    if (this.hideWhenPaused) this.view.element.style.visibility = \"hidden\";\n  }\n\n  /** Stops playback, rewinds to `0 ms`, and hides the view if `hideWhenPaused` is enabled. */\n  reset(): void {\n    this.playing = false;\n    this.wasPlayingBeforeHidden = false;\n    this.seek(0);\n    if (this.hideWhenPaused) this.view.element.style.visibility = \"hidden\";\n  }\n\n  /** Shows the picture at `ms` (wrapped into the loop when looping). */\n  seek(ms: number): void {\n    this.time = this.loop\n      ? ((ms % this.length) + this.length) % this.length\n      : Math.min(Math.max(ms, 0), this.length);\n    this.view.draw(this.time, this.steps);\n  }\n\n  setSpeed(speed: number): void {\n    this.speed = speed;\n  }\n\n  /**\n   * Plays to the end (`true`) or back to the start (`false`) from wherever it\n   * is: what a hover or press trigger does, for hosts that drive it themselves\n   * (a hovered card, a focused button).\n   */\n  setActive(active: boolean): void {\n    this.direction = active ? 1 : -1;\n    this.play();\n  }\n\n  /**\n   * Plays the picture's next step (what a click trigger does): steps 1, 2, …\n   * in turn, then step 1 again, so a picture whose last step leads back to\n   * how it started toggles; one with no steps plays again from the start.\n   */\n  advance(): void {\n    const last = Math.max(0, ...(this.motion.animate ?? []).map((a) => a.step ?? 0));\n    if (last === 0) {\n      this.clicks = [];\n      this.time = 0;\n    } else {\n      this.clicks.push(this.time);\n      // Only the clicks of the current round count, so each round starts from how the last ended.\n      this.steps = this.clicks.slice(Math.floor((this.clicks.length - 1) / last) * last);\n    }\n    this.view.draw(this.time, this.steps);\n    this.play();\n  }\n\n  dispose(): void {\n    this.disposed = true;\n    this.playing = false;\n    if (this.trigger) this.listen(false);\n    this.intersectionObserver?.disconnect();\n    this.view.element.remove();\n  }\n\n  private onEnter = () => this.setActive(true);\n  private onLeave = () => this.setActive(false);\n  private onClick = () => this.advance();\n\n  private listen(on: boolean) {\n    const target = this.triggerTarget!;\n    const method = on ? \"addEventListener\" : \"removeEventListener\";\n    if (this.trigger === \"hover\") {\n      target[method](\"pointerenter\", this.onEnter);\n      target[method](\"pointerleave\", this.onLeave);\n    } else if (this.trigger === \"press\") {\n      target[method](\"pointerdown\", this.onEnter);\n      window[method](\"pointerup\", this.onLeave);\n      window[method](\"pointercancel\", this.onLeave);\n    } else target[method](\"click\", this.onClick);\n  }\n\n  private async run(): Promise<void> {\n    while (this.playing && !this.disposed) {\n      await this.clock.frame();\n      if (!this.playing || this.disposed) return;\n      const now = this.clock.now();\n      const dt = (now - this.last) * this.speed;\n      this.last = now;\n      if (this.trigger === \"click\") {\n        // Rest once the latest step is over, until the next click.\n        const end = svgDuration(this.motion, this.steps);\n        this.time = Math.min(this.time + dt, Math.max(end, this.time));\n        this.view.draw(this.time, this.steps);\n        if (this.time >= end) this.playing = false;\n        continue;\n      }\n      if (this.trigger) {\n        const next = Math.min(Math.max(this.time + dt * this.direction, 0), this.length);\n        this.seek(next);\n        if (next === 0 || next === this.length) this.playing = false;\n        continue;\n      }\n      const next = this.time + dt;\n      if (!this.loop && next >= this.length) {\n        this.seek(this.length);\n        this.playing = false;\n        if (this.hideWhenPaused) this.view.element.style.visibility = \"hidden\";\n        return;\n      }\n      this.seek(next);\n    }\n  }\n}\n\nexport interface AnimateCountOptions {\n  /** Starting number. */\n  from: number;\n  /** Ending number. */\n  to: number;\n  /** Duration in ms (default {@link STEP_MS}). */\n  ms?: number;\n  /** Delay before starting in ms (default 0). */\n  delay?: number;\n  /** Easing curve (default `\"out\"`). */\n  ease?: EaseName;\n  /** Number of decimal places (default 0). */\n  decimals?: number;\n  /** Format template where `{n}` is replaced by the formatted number (default `\"{n}\"`). */\n  format?: string;\n  /** Time source (default: animation frames). */\n  clock?: Clock;\n  /** Called with each formatted text frame (and raw numeric value). */\n  onUpdate: (text: string, value: number) => void;\n}\n\n/**\n * Counts a number from `from` to `to` over `ms` using Flair's easing curves\n * and `Clock`, calling `onUpdate` with the formatted string on each frame.\n * Returns a cancel function that stops the animation.\n */\nexport function animateCount(options: AnimateCountOptions): () => void {\n  const clock = options.clock ?? realClock;\n  const ms = options.ms ?? STEP_MS;\n  const delay = options.delay ?? 0;\n  const ease = EASES[options.ease ?? \"out\"];\n  const start = clock.now();\n  let stopped = false;\n\n  const emit = (u: number) => {\n    const v = options.from + (options.to - options.from) * ease(u);\n    options.onUpdate(formatCount(v, options), v);\n  };\n\n  emit(ms <= 0 && delay <= 0 ? 1 : 0);\n  if (ms <= 0 && delay <= 0) return () => {};\n\n  void (async () => {\n    while (!stopped) {\n      await clock.frame();\n      if (stopped) return;\n      const elapsed = clock.now() - start - delay;\n      if (elapsed < 0) continue;\n      if (ms <= 0 || elapsed >= ms) {\n        emit(1);\n        return;\n      }\n      emit(elapsed / ms);\n    }\n  })();\n\n  return () => {\n    stopped = true;\n  };\n}\n"],"mappings":"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","names":["next"]}

package/dist/cli.js

@@ -3,11 +3,11 @@ import {
   standaloneHtml,
   standaloneSceneHtml,
   validateScene
-} from "./chunk-HP7CYHS5.js";
+} from "./chunk-NGKNI3QX.js";
 import {
   simulateScene
 } from "./chunk-WAMA45G3.js";
-import "./chunk-HA6FIMH2.js";
+import "./chunk-ARKC7LDW.js";
 import "./chunk-EHDJ3CPJ.js";
 import "./chunk-WMZQCUFJ.js";
 import {

package/dist/editor/index.d.ts

@@ -1,11 +1,11 @@
-import { g as VectorControl, d as EffectPreset, E as EffectDefinition } from '../types-kAFjaq2N.js';
+import { g as VectorControl, d as EffectPreset, E as EffectDefinition } from '../types-CawMRRXq.js';
 import { C as ControlValue, a as ControlDef, b as ControlType } from '../controls-Ec6P0Vpy.js';
-import { S as SvgMotion, C as Clock } from '../svg-XugR-6Ec.js';
+import { S as SvgMotion, C as Clock } from '../svg-BEOJriIW.js';
 import { AnimationEasingPreset, AnimationEasing, AnimationTrack, AnimationKeyframe, cubicBezierAt as cubicBezierAt$1, evaluateEasing as evaluateEasing$1 } from '@pixerate/editor/animation';
 export { CubicBezierEasing, SpringEasing } from '@pixerate/editor/animation';
 import { CommandRegistry, CommandSpec } from '@pixerate/editor/commands';
 import { HistoryManager, HistoryState } from '@pixerate/editor/history';
-import { C as CompileError, a as CompileStatus } from '../renderer-Cn4_d5Qs.js';
+import { C as CompileError, a as CompileStatus } from '../renderer-C2P1qGzP.js';
 import { AgentToolProvider, McpToolResult, ToolRegistryOptions, ToolRegistry, McpToolDefinition } from '@pixerate/editor/tools';
 import { ParameterImageOption, ParametersController, ParameterField, ParameterSchema, ParameterValue, ParameterValues } from '@pixerate/editor/parameters';
 

package/dist/editor/index.js

@@ -6,16 +6,16 @@ import {
   renderVectorEffect,
   vectorControlIssues,
   vectorEffectControls
-} from "../chunk-UI5X4D63.js";
+} from "../chunk-TCNONB22.js";
 import {
   svgMotionIssues,
   svgView
-} from "../chunk-RM3I6WZH.js";
+} from "../chunk-YCQ5RU74.js";
 import "../chunk-OHW7UG6D.js";
 import {
   BUILTIN_UNIFORMS,
   interpolateOklab
-} from "../chunk-HA6FIMH2.js";
+} from "../chunk-ARKC7LDW.js";
 import "../chunk-EHDJ3CPJ.js";
 import {
   realClock

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import { C as ControlValue, a as ControlDef } from './controls-Ec6P0Vpy.js';
 export { c as ControlCheck, b as ControlType, T as TextureSettings, d as checkControlValue, e as coerceControlValue, f as componentCount, g as controlValue, h as describeValue, i as hexToRgb, j as humanise, k as imageUrls, l as isImageUrl, p as parseColor, m as parseControls, r as rgbToHex } from './controls-Ec6P0Vpy.js';
-import { L as LiveSource } from './renderer-Cn4_d5Qs.js';
-export { B as BUILTIN_UNIFORMS, C as CompileError, b as CompileResult, a as CompileStatus, c as CompiledShader, F as FrameState, I as ImageLoadError, R as RendererStats, S as SVG_EDGE, d as ShaderCompileError, e as ShaderRenderer, f as ShaderRendererOptions, T as TextureCache, g as TextureSource, V as VERTEX_SOURCE, h as applyTextureSettings, i as compileShader, j as createContext, k as drawFrame, l as formatCompileError, m as isSvgUrl, n as loadImage, p as parseCompileLog, o as preloadImages, r as releaseImages, q as resetGlCaches, s as seekVideo, t as sizeSvg, w as wrapSource } from './renderer-Cn4_d5Qs.js';
-import { C as Clock } from './svg-XugR-6Ec.js';
-export { A as AnimateCountOptions, D as DataKey, E as EASES, c as EaseName, M as ManualClock, d as SCRAMBLE_MS, e as STEP_MS, f as SVG_PICTURE, g as SvgAnimation, h as SvgBox, i as SvgElementFrame, S as SvgMotion, b as SvgPlayer, j as SvgPlayerOptions, a as SvgTrigger, k as SvgView, l as SvgViewOptions, m as animateCount, n as defaultDataKey, o as formatCount, p as jitter, q as lerpAttr, r as lerpData, s as pageHidden, t as parseSvg, u as realClock, v as stepData, w as stepProgress, x as stepStart, y as svgDuration, z as svgFrame, B as svgMotionIssues, F as svgOpeningTag, G as svgView, H as writtenText } from './svg-XugR-6Ec.js';
+import { L as LiveSource } from './renderer-C2P1qGzP.js';
+export { B as BUILTIN_UNIFORMS, C as CompileError, b as CompileResult, a as CompileStatus, c as CompiledShader, F as FrameState, I as ImageLoadError, R as RendererStats, S as SVG_EDGE, d as ShaderCompileError, e as ShaderRenderer, f as ShaderRendererOptions, T as TextureCache, g as TextureSource, V as VERTEX_SOURCE, h as applyTextureSettings, i as compileShader, j as createContext, k as drawFrame, l as formatCompileError, m as isSvgUrl, n as loadImage, p as parseCompileLog, o as preloadImages, r as releaseImages, q as resetGlCaches, s as seekVideo, t as sizeSvg, w as wrapSource } from './renderer-C2P1qGzP.js';
+import { C as Clock } from './svg-BEOJriIW.js';
+export { A as AnimateCountOptions, D as DataKey, E as EASES, c as EaseName, M as ManualClock, d as SCRAMBLE_MS, e as STEP_MS, f as SVG_PICTURE, g as SvgAnimation, h as SvgBox, i as SvgElementFrame, S as SvgMotion, b as SvgPlayer, j as SvgPlayerOptions, a as SvgTrigger, k as SvgView, l as SvgViewOptions, m as animateCount, n as defaultDataKey, o as formatCount, p as jitter, q as lerpAttr, r as lerpData, s as pageHidden, t as parseSvg, u as realClock, v as stepData, w as stepProgress, x as stepStart, y as svgDuration, z as svgFrame, B as svgMotionIssues, F as svgOpeningTag, G as svgView, H as writtenText } from './svg-BEOJriIW.js';
 export { BoxAlignment, BoxFit, FittedBoxResult, FormatUnitOptions, MorphOptions, StackLayoutOptions, SvgFrameMarkupOptions, SvgInlineLayout, UnitFormat, computeBoxFit, formatUnit, layoutStack, morphPaths, morphSequence, parseViewBox, remap, stepVariant, svgFrameMarkup, svgInlineLayout, svgViewBox } from './vector/index.js';
 
 /** Controls a registered thumbnail. */
@@ -87,15 +87,23 @@ declare function registerThumbnail(canvas: HTMLCanvasElement, source: string, va
 /**
  * The pointer as shaders see it, beyond Shadertoy's `iMouse`: where it is
  * while it is over the canvas, how hovered the canvas is (eased in and out),
- * how long it has been pressed, and the last few clicks, so effects can
- * answer hovers, presses and taps. Times are in `iTime` seconds, so a
- * recording can script them (see `ShaderFrames`' `pointer` and `clicks`).
+ * how long it has been pressed, the last few clicks, and where it has just
+ * been (its trail), so effects can answer hovers, presses, taps and moves.
+ * Times are in `iTime` seconds, so a recording can script them (see
+ * `ShaderFrames`' `pointer`, `clicks` and `trail`).
  */
 /** How many clicks `iClicks` holds; older ones drop off. */
 declare const MAX_CLICKS = 8;
+/** How many of the pointer's recent positions `iTrail` holds; older ones drop off. */
+declare const MAX_TRAIL = 32;
+/**
+ * The least time between two positions in the trail, in seconds: moves in
+ * between update the newest. With {@link MAX_TRAIL}, about a second of path.
+ */
+declare const TRAIL_SECONDS: number;
 /** How long hovering eases in or out, in seconds. */
 declare const HOVER_SECONDS = 0.25;
-/** A click: where (pixels from the bottom left, like `iMouse`) and when (`iTime` seconds). */
+/** A click, or a point of the trail: where (pixels from the bottom left, like `iMouse`) and when (`iTime` seconds). */
 interface ShaderClick {
     x: number;
     y: number;
@@ -106,6 +114,12 @@ interface ShaderClick {
  * each click at or before `time`, zeros for the rest.
  */
 declare function clicksUniform(clicks: readonly ShaderClick[], time: number): Float32Array;
+/**
+ * `iTrail` from the pointer's positions, oldest first in the list: the
+ * newest {@link MAX_TRAIL} at or before `time`, newest first, as
+ * `vec4(x, y, time, 1)`, zeros for the rest.
+ */
+declare function trailUniform(trail: readonly ShaderClick[], time: number): Float32Array;
 /**
  * Follows one canvas's pointer for `iPointer` and `iClicks`: feed it pointer
  * events with the `iTime` they happen at, and read the uniforms for a frame.
@@ -119,14 +133,19 @@ declare class PointerTracker {
     private pressedAt;
     private releasedAt;
     private clicks;
-    /** The pointer moved to (x, y), in pixels from the bottom left. */
-    move(x: number, y: number): void;
+    private trail;
+    /**
+     * The pointer moved to (x, y), in pixels from the bottom left. With a
+     * `time`, the move joins the trail: a new point at most every
+     * {@link TRAIL_SECONDS}, the newest point following the pointer between.
+     */
+    move(x: number, y: number, time?: number): void;
     /** The pointer came over the canvas (`true`) or left it. */
     hover(over: boolean, time: number): void;
     /** A press at (x, y): counts as a click. */
     down(x: number, y: number, time: number): void;
     up(time: number): void;
-    /** Forgets clicks and presses (when time jumps back, say). */
+    /** Forgets clicks, presses and the trail (when time jumps back, say). */
     clear(): void;
     /** How hovered the canvas is at `time`, 0–1, eased. */
     hovered(time: number): number;
@@ -138,6 +157,8 @@ declare class PointerTracker {
     pointer(time: number): [number, number, number, number];
     /** `iClicks` at `time` (see {@link clicksUniform}). */
     clicksAt(time: number): Float32Array;
+    /** `iTrail` at `time` (see {@link trailUniform}). */
+    trailAt(time: number): Float32Array;
 }
 
 interface ShaderFramesOptions {
@@ -161,6 +182,8 @@ interface RenderOptions {
     pointer?: [number, number, number, number];
     /** Clicks so far, for `iClicks` (the latest `MAX_CLICKS` at or before the frame's time count). */
     clicks?: readonly ShaderClick[];
+    /** Where the pointer has been, oldest first, for `iTrail` (the latest `MAX_TRAIL` at or before the frame's time count). */
+    trail?: readonly ShaderClick[];
 }
 /**
  * Renders a shader at exact times you choose, off screen. There is no
@@ -1703,4 +1726,4 @@ declare function exportFcp7Xml(scene: Scene, options?: Fcp7ExportOptions): strin
  */
 declare function exportCmx3600Edl(scene: Scene, options?: EdlExportOptions): string;
 
-export { ALL_BLEND_MODES, ALL_TRANSITION_TYPES, type AgentToolDefinition, type AscCdl, type BatchCommand, type BatchExecutionResult, type BatchExecutionStepResult, type Behavior, type BehaviorBase, type BlendMode, type BlockDissolveOptions, type BlurEffect, type BurstEffect, CAMERA_MS, CAMERA_STEP_MS, COMMON_FRAME_RATES, type CameraAngle, type CameraLens, type CameraSample, type CameraShot, type ClearCommand, Clock, type ColorRGB, type ColorRGBA, type ColorRgba, type ColorSpace, ControlDef, ControlValue, type CounterEffect, type CrossZoomOptions, type CustomCommand, DEFAULT_PERSPECTIVE, DEFAULT_STAGE, type DeleteCommand, type DynamicFraming, EASY_EASE, EFFECT_FADE_MS, EFFECT_TYPES, type EasingCurve, type EdlExportOptions, type Effect, type EffectBase, type ElementCommand, FLAIR_AGENT_TOOLS, type Fcp7ExportOptions, type FlowEffect, type FramingOptions, type GifOptions, type GlassWipeOptions, type GlowEffect, type GradientEffect, type GridWipeOptions, HOVER_SECONDS, type HighlightEffect, type KeyframeEase, type LiftGammaGain, type LightLeakOptions, type LinearWipeOptions, LiveSource, type LottieAnimatable, type LottieAnimation, type LottieExportOptions, type LottieKeyframe, type LottieLayer, type LottieShapeItem, type LottieTransform, MAX_CLICKS, MAX_TILT, type MediaEffect, MemorySceneBoard, type MotnExportOptions, NO_CHECK, type OscillateBehavior, type OvershootBehavior, type PathWaypoint, type PlayOptions, type PlayResult, type Point, PointerTracker, type PopupWidget, type RadialIrisOptions, type RampBehavior, type RateBehavior, type RationalFrameRate, type Rect, type RenderOptions, type ReplicatorConfig, type ReplicatorPattern, type ReplicatorSequence, type Review, type ReviewOptions, type RigWidget, type RippleEffect, type RunningEffect, SMALL_TEXT_PX, type SMPTEFields, type Scene, type SceneBoard, type SceneCommand, type SceneElement, type SceneIssue, type SceneMedia, type SceneOutline, type SceneOutlineShot, type SceneRig, type SceneToolResult, type ShaderClick, ShaderFrames, type ShaderFramesOptions, type ShimmerEffect, type Shot, type ShotCamera, type ShotCheck, type ShotLog, type ShotTiming, type SliderSnapshot, type SliderWidget, type SpatialMotionPath, type SpatialPathSample, type SpotlightEffect, type Stage, type StandaloneOptions, type StandardFrameRateKey, type ThrowBehavior, type ThumbnailHandle, ThumbnailPool, type ThumbnailPoolOptions, type TimerEffect, type ToggleWidget, type TransitionOptions, type TransitionSample, type TransitionType, type TwisterOptions, type UpdateCommand, type Vec2, type Vec3, type View, type WriggleBehavior, applyAscCdl, applyLiftGammaGain, applyRig, applySceneBatch, applySceneTool, applyVibrance, areaOf, between, bez1d, bez1dDerivative, blendRgba, blendTransitionPixel, boardHeight, boundsOf, calculateFramingRect, calculateShotTimings, cameraAngle, cameraAt, cameraBlur, cameraFilter, cameraSamples, cameraTrack, cameraTransform, centreOf, checkShot, clicksUniform, convertColorSpace, createFrameRate, createLottieEase, createMotionPath, easeInOutCubic, easeProgress, effectGone, effectOpacity, evaluateBehavior, evaluateKeyframeSegment, expandReplicator, exportCmx3600Edl, exportFcp7Xml, exportLottie, exportMotn, formatTimecode, fractalWiggle, frame, framesToSMPTE, framesToTimecode, getColorGradingGLSL, getDropFrameCount, getGlslBlendFunction, getOklabGLSL, getTimecodeBase, getTransitionGLSL, getWhiteBalanceGains, hash64, holdTime, interpolateOklab, interpolateOklch, isAngled, isDeleteCommand, isElementCommand, isUpdateCommand, linearRgbToSrgb, linearSrgbToOklab, linearToSrgb, loopTime, mixSeeds, motionBlur, motionBlurAngle, moveBlur, noise1d, noise3d, oklabToLinearSrgb, oklabToOklch, oklabToSrgb, oklchToOklab, overlapArea, parseTimecode, pingPongTime, playScene, projectPoint, quinticFade, recordGif, registerThumbnail, reviewScene, sampleMotionPath, sampleMotionPathAtTime, sampleTransition, sceneStage, screenBox, setRigWidget, sharedThumbnailPool, shotView, simulateScene, smpteToFrames, solveBezierU, speedRampTime, srgbToLinear, srgbToLinearRgb, srgbToOklab, standaloneHtml, standaloneSceneHtml, strobeTime, substituteVariables, supportsDropFrame, timecodeToFrames, titleBox, touchedIds, unitFloat, validateScene, viewAt, visibleRect };
+export { ALL_BLEND_MODES, ALL_TRANSITION_TYPES, type AgentToolDefinition, type AscCdl, type BatchCommand, type BatchExecutionResult, type BatchExecutionStepResult, type Behavior, type BehaviorBase, type BlendMode, type BlockDissolveOptions, type BlurEffect, type BurstEffect, CAMERA_MS, CAMERA_STEP_MS, COMMON_FRAME_RATES, type CameraAngle, type CameraLens, type CameraSample, type CameraShot, type ClearCommand, Clock, type ColorRGB, type ColorRGBA, type ColorRgba, type ColorSpace, ControlDef, ControlValue, type CounterEffect, type CrossZoomOptions, type CustomCommand, DEFAULT_PERSPECTIVE, DEFAULT_STAGE, type DeleteCommand, type DynamicFraming, EASY_EASE, EFFECT_FADE_MS, EFFECT_TYPES, type EasingCurve, type EdlExportOptions, type Effect, type EffectBase, type ElementCommand, FLAIR_AGENT_TOOLS, type Fcp7ExportOptions, type FlowEffect, type FramingOptions, type GifOptions, type GlassWipeOptions, type GlowEffect, type GradientEffect, type GridWipeOptions, HOVER_SECONDS, type HighlightEffect, type KeyframeEase, type LiftGammaGain, type LightLeakOptions, type LinearWipeOptions, LiveSource, type LottieAnimatable, type LottieAnimation, type LottieExportOptions, type LottieKeyframe, type LottieLayer, type LottieShapeItem, type LottieTransform, MAX_CLICKS, MAX_TILT, MAX_TRAIL, type MediaEffect, MemorySceneBoard, type MotnExportOptions, NO_CHECK, type OscillateBehavior, type OvershootBehavior, type PathWaypoint, type PlayOptions, type PlayResult, type Point, PointerTracker, type PopupWidget, type RadialIrisOptions, type RampBehavior, type RateBehavior, type RationalFrameRate, type Rect, type RenderOptions, type ReplicatorConfig, type ReplicatorPattern, type ReplicatorSequence, type Review, type ReviewOptions, type RigWidget, type RippleEffect, type RunningEffect, SMALL_TEXT_PX, type SMPTEFields, type Scene, type SceneBoard, type SceneCommand, type SceneElement, type SceneIssue, type SceneMedia, type SceneOutline, type SceneOutlineShot, type SceneRig, type SceneToolResult, type ShaderClick, ShaderFrames, type ShaderFramesOptions, type ShimmerEffect, type Shot, type ShotCamera, type ShotCheck, type ShotLog, type ShotTiming, type SliderSnapshot, type SliderWidget, type SpatialMotionPath, type SpatialPathSample, type SpotlightEffect, type Stage, type StandaloneOptions, type StandardFrameRateKey, TRAIL_SECONDS, type ThrowBehavior, type ThumbnailHandle, ThumbnailPool, type ThumbnailPoolOptions, type TimerEffect, type ToggleWidget, type TransitionOptions, type TransitionSample, type TransitionType, type TwisterOptions, type UpdateCommand, type Vec2, type Vec3, type View, type WriggleBehavior, applyAscCdl, applyLiftGammaGain, applyRig, applySceneBatch, applySceneTool, applyVibrance, areaOf, between, bez1d, bez1dDerivative, blendRgba, blendTransitionPixel, boardHeight, boundsOf, calculateFramingRect, calculateShotTimings, cameraAngle, cameraAt, cameraBlur, cameraFilter, cameraSamples, cameraTrack, cameraTransform, centreOf, checkShot, clicksUniform, convertColorSpace, createFrameRate, createLottieEase, createMotionPath, easeInOutCubic, easeProgress, effectGone, effectOpacity, evaluateBehavior, evaluateKeyframeSegment, expandReplicator, exportCmx3600Edl, exportFcp7Xml, exportLottie, exportMotn, formatTimecode, fractalWiggle, frame, framesToSMPTE, framesToTimecode, getColorGradingGLSL, getDropFrameCount, getGlslBlendFunction, getOklabGLSL, getTimecodeBase, getTransitionGLSL, getWhiteBalanceGains, hash64, holdTime, interpolateOklab, interpolateOklch, isAngled, isDeleteCommand, isElementCommand, isUpdateCommand, linearRgbToSrgb, linearSrgbToOklab, linearToSrgb, loopTime, mixSeeds, motionBlur, motionBlurAngle, moveBlur, noise1d, noise3d, oklabToLinearSrgb, oklabToOklch, oklabToSrgb, oklchToOklab, overlapArea, parseTimecode, pingPongTime, playScene, projectPoint, quinticFade, recordGif, registerThumbnail, reviewScene, sampleMotionPath, sampleMotionPathAtTime, sampleTransition, sceneStage, screenBox, setRigWidget, sharedThumbnailPool, shotView, simulateScene, smpteToFrames, solveBezierU, speedRampTime, srgbToLinear, srgbToLinearRgb, srgbToOklab, standaloneHtml, standaloneSceneHtml, strobeTime, substituteVariables, supportsDropFrame, timecodeToFrames, titleBox, touchedIds, trailUniform, unitFloat, validateScene, viewAt, visibleRect };

package/dist/index.js

@@ -20,7 +20,7 @@ import {
   svgFrameMarkup,
   svgInlineLayout,
   svgViewBox
-} from "./chunk-MILF5MRS.js";
+} from "./chunk-MZ37DE7K.js";
 import {
   EASES,
   SCRAMBLE_MS,
@@ -42,7 +42,7 @@ import {
   svgOpeningTag,
   svgView,
   writtenText
-} from "./chunk-RM3I6WZH.js";
+} from "./chunk-YCQ5RU74.js";
 import {
   morphPaths,
   morphSequence
@@ -60,7 +60,7 @@ import {
   standaloneHtml,
   standaloneSceneHtml,
   validateScene
-} from "./chunk-HP7CYHS5.js";
+} from "./chunk-NGKNI3QX.js";
 import {
   CAMERA_MS,
   CAMERA_STEP_MS,
@@ -123,9 +123,11 @@ import {
   HOVER_SECONDS,
   ImageLoadError,
   MAX_CLICKS,
+  MAX_TRAIL,
   PointerTracker,
   SVG_EDGE,
   ShaderCompileError,
+  TRAIL_SECONDS,
   TextureCache,
   VERTEX_SOURCE,
   applyAscCdl,
@@ -161,8 +163,9 @@ import {
   srgbToLinear,
   srgbToLinearRgb,
   srgbToOklab,
+  trailUniform,
   wrapSource
-} from "./chunk-HA6FIMH2.js";
+} from "./chunk-ARKC7LDW.js";
 import {
   ALL_TRANSITION_TYPES,
   blendTransitionPixel,
@@ -1187,6 +1190,7 @@ export {
   ImageLoadError,
   MAX_CLICKS,
   MAX_TILT,
+  MAX_TRAIL,
   ManualClock,
   MemorySceneBoard,
   NO_CHECK,
@@ -1200,6 +1204,7 @@ export {
   ShaderFrames,
   ShaderRenderer,
   SvgPlayer,
+  TRAIL_SECONDS,
   TextureCache,
   ThumbnailPool,
   VERTEX_SOURCE,
@@ -1363,6 +1368,7 @@ export {
   timecodeToFrames,
   titleBox,
   touchedIds,
+  trailUniform,
   unitFloat,
   validateScene,
   viewAt,