@opendata-ai/openchart-vanilla 8.0.0-rc.2 → 8.0.0-rc.21

package/dist/{mount-CUKQLeqD.d.ts → mount-Dvv8NYIv.d.ts}

@@ -1,4 +1,5 @@
-import { ChartSpec, LayerSpec, GraphSpec, ElementRef, ChartLayout, ChartEventHandlers, ThemeConfig, DarkMode, DataRow } from '@opendata-ai/openchart-core';
+import { ResolvedTheme, ChartSpec, LayerSpec, GraphSpec, ElementRef, ChartLayout, ChartEventHandlers, ThemeConfig, DarkMode, DataRow } from '@opendata-ai/openchart-core';
+import { GIFExportOptions } from './export-gif.js';
 
 /**
  * Export utilities: serialize charts to SVG, PNG, JPG, or CSV.
@@ -9,9 +10,17 @@ import { ChartSpec, LayerSpec, GraphSpec, ElementRef, ChartLayout, ChartEventHan
  * - JPG: same as PNG but with JPEG compression and background fill
  * - CSV: converts a data array to comma-separated text
  */
+
 interface SVGExportOptions {
     /** Embed fonts as base64 data URIs in the SVG. Defaults to true. */
     embedFonts?: boolean;
+    /**
+     * Resolved theme to inline as a `<style>` block, so class-based fills (metric
+     * cells, brand watermark dot, legend text, endpoint labels) survive
+     * serialization away from the page stylesheet. Omit to skip — a chart whose
+     * chrome is all inline-filled exports fine without it.
+     */
+    theme?: ResolvedTheme;
 }
 interface PNGExportOptions extends SVGExportOptions {
     /** DPI scaling factor. Defaults to 2 for retina-quality output. */
@@ -133,6 +142,103 @@ declare function camerasClose(a: Camera, b: Camera, epsilon?: number): boolean;
  */
 declare function scrubCamera(step: number, stepProgress: number, fitted: Camera[], holdUntil: number, ease: (t: number) => number): Camera;
 
+/**
+ * Data-update transition driver for bar/column, line, area, scatter/dot,
+ * rule, tick, and text charts. Also transitions axis ticks, tick labels,
+ * and gridlines so the whole chart adjusts as one system.
+ *
+ * Matches marks across layout snapshots by `key`, then animates geometry
+ * changes (position, size, path) using a single rAF loop. Enter/exit/update
+ * choreography runs in one timeline with cubic-out easing for a smooth
+ * deceleration feel.
+ *
+ * For rect marks: tweens position/size directly.
+ * For line/area marks: normalizes point arrays to equal length, interpolates
+ * point positions per frame, and rebuilds SVG paths via d3 curve generators.
+ * For point marks (scatter/dot/line overlay): tweens cx/cy/r.
+ * For rule/tick marks: tweens line endpoints (x1/y1/x2/y2).
+ * For text marks: tweens x/y position.
+ * For axis ticks/gridlines: matches by value key and tweens positions.
+ *
+ * Ghost elements handle exits: cloned into the marks container, they
+ * collapse + fade out then get removed. No CSS animations are used here
+ * because transitions tween computed geometry, not class-toggled states.
+ */
+
+/**
+ * Snapshot of in-flight tween geometry, keyed by mark key.
+ * Used for interruption retargeting: the next transition starts from
+ * whatever position the previous transition had reached.
+ */
+type GeometrySnapshot = Map<string, SnapshotGeometry>;
+type SnapshotGeometry = {
+    type: 'rect';
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | {
+    type: 'point';
+    cx: number;
+    cy: number;
+    r?: number;
+} | {
+    type: 'rule';
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+} | {
+    type: 'tick';
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+} | {
+    type: 'textMark';
+    x: number;
+    y: number;
+} | {
+    type: 'line';
+    d: string;
+} | {
+    type: 'area';
+    d: string;
+    topD?: string;
+};
+interface TransitionHandle {
+    cancel(): void;
+    readonly running: boolean;
+    /** Capture current interpolated geometry for all in-flight tweens. */
+    snapshot(): GeometrySnapshot;
+    /**
+     * Apply the transition's DOM state at an explicit elapsed time (ms), without
+     * the rAF clock. Only meaningful when the transition was started with
+     * `manual: true` (which suppresses the internal rAF loop). Used by headless
+     * frame capture (GIF export) to sample the tween deterministically at each
+     * frame's timestamp. Returns true while the transition is still in progress
+     * (elapsed < total), false once it has reached its end.
+     */
+    step(elapsedMs: number): boolean;
+    /** The transition's total duration in ms (update/exit, whichever is longer). */
+    readonly totalMs: number;
+}
+/**
+ * Default cap on the mark count that still runs a tweened data-update
+ * transition. Override per chart with `animation.update.maxMarks`.
+ */
+declare const DEFAULT_UPDATE_MAX_MARKS = 500;
+/**
+ * Default cap when the destination layout renders its points on canvas.
+ *
+ * Two orders of magnitude above the SVG cap because the cost model is
+ * different: a canvas frame writes into typed arrays and issues one batched
+ * fill per color bucket, where the SVG path writes attributes on one DOM
+ * element per mark. The cap that keeps low-end devices honest for DOM writes
+ * would veto exactly the high-cardinality morphs canvas mode exists to serve.
+ */
+declare const CANVAS_DEFAULT_UPDATE_MAX_MARKS = 20000;
+
 /**
  * Mount API: the main entry point for vanilla JS usage.
  *
@@ -165,6 +271,13 @@ interface ExportOptions extends JPGExportOptions {
 interface ChartInstance {
     /** Re-compile and re-render with a new spec. */
     update(spec: ChartSpec | LayerSpec | GraphSpec, options?: UpdateOptions): void;
+    /**
+     * Re-render with a new spec and start a MANUAL update transition the caller
+     * drives via `handle.step(elapsedMs)`, with no rAF clock. Returns the handle,
+     * or null when no transition applies (the render already swapped instantly).
+     * For headless frame capture (e.g. GIF export of a spec-swap stepper).
+     */
+    beginManualUpdate(spec: ChartSpec | LayerSpec | GraphSpec): TransitionHandle | null;
     /** Re-compile at current container dimensions. */
     resize(): void;
     /** Export the chart. */
@@ -172,8 +285,9 @@ interface ChartInstance {
     export(format: 'svg-with-fonts', options?: SVGExportOptions): Promise<string>;
     export(format: 'png', options?: ExportOptions): Promise<Blob>;
     export(format: 'jpg', options?: ExportOptions): Promise<Blob>;
+    export(format: 'gif', options?: GIFExportOptions): Promise<Blob>;
     export(format: 'csv'): string;
-    export(format: 'svg' | 'svg-with-fonts' | 'png' | 'jpg' | 'csv', options?: ExportOptions): string | Promise<Blob> | Promise<string>;
+    export(format: 'svg' | 'svg-with-fonts' | 'png' | 'jpg' | 'gif' | 'csv', options?: ExportOptions | GIFExportOptions): string | Promise<Blob> | Promise<string>;
     /** Remove all DOM elements and disconnect observers. */
     destroy(): void;
     /** The current compiled layout (for hooks / debugging). */
@@ -204,4 +318,4 @@ interface ChartInstance {
  */
 declare function createChart<TData extends DataRow = DataRow>(container: HTMLElement, spec: ChartSpec<TData> | LayerSpec<TData> | GraphSpec, options?: MountOptions): ChartInstance;
 
-export { type Camera as C, type ExportOptions as E, FULL_VIEW as F, type JPGExportOptions as J, type MountOptions as M, type PNGExportOptions as P, type SVGExportOptions as S, type UpdateOptions as U, type ViewBoxSize as V, type ChartInstance as a, exportJPG as b, createChart as c, exportPNG as d, exportCSV as e, exportSVG as f, exportSVGWithFonts as g, type CameraTarget as h, cameraTransform as i, camerasClose as j, damp as k, dampCamera as l, fitTarget as m, interpolateCamera as n, scrubCamera as s };
+export { type Camera as C, DEFAULT_UPDATE_MAX_MARKS as D, type ExportOptions as E, FULL_VIEW as F, type JPGExportOptions as J, type MountOptions as M, type PNGExportOptions as P, type SVGExportOptions as S, type UpdateOptions as U, type ViewBoxSize as V, CANVAS_DEFAULT_UPDATE_MAX_MARKS as a, type ChartInstance as b, createChart as c, exportJPG as d, exportCSV as e, exportPNG as f, exportSVG as g, exportSVGWithFonts as h, type CameraTarget as i, cameraTransform as j, camerasClose as k, damp as l, dampCamera as m, fitTarget as n, interpolateCamera as o, scrubCamera as s };

package/dist/simulation-worker.js

@@ -1101,9 +1101,40 @@
       }
     };
   }
+  function forceCursor(nodes, pointer) {
+    return (alpha) => {
+      if (!pointer.active || pointer.radius <= 0)
+        return;
+      const r2 = pointer.radius * pointer.radius;
+      const k = pointer.strength * alpha;
+      for (const node of nodes) {
+        const dx = (node.x ?? 0) - pointer.x;
+        const dy = (node.y ?? 0) - pointer.y;
+        const dist2 = dx * dx + dy * dy;
+        if (dist2 >= r2)
+          continue;
+        const dist = Math.sqrt(dist2) || 0.000001;
+        const falloff = (pointer.radius - dist) / pointer.radius;
+        const push = k * falloff / dist;
+        node.vx = (node.vx ?? 0) + dx * push;
+        node.vy = (node.vy ?? 0) + dy * push;
+      }
+    };
+  }
   var ctx = self;
   var simulation = null;
   var nodeMap = new Map;
+  var pointer = { x: 0, y: 0, active: false, radius: 0, strength: 0 };
+  var dragAlphaTarget = 0;
+  var cursorAlphaTarget = 0;
+  function syncAlphaTarget() {
+    if (!simulation)
+      return;
+    simulation.alphaTarget(Math.max(dragAlphaTarget, cursorAlphaTarget));
+  }
+  function now2() {
+    return typeof performance !== "undefined" ? performance.now() : Date.now();
+  }
   function post(msg) {
     ctx.postMessage(msg);
   }
@@ -1135,7 +1166,7 @@
             linkForce.strength(config.linkStrength);
           }
           const padding = config.collisionPadding ?? 2;
-          simulation = simulation_default(internalNodes).force("link", linkForce).force("charge", manyBody_default().strength(config.chargeStrength)).force("collide", collide_default().radius((d) => d.radius + padding)).force("gravityX", x_default2(0).strength(0.05)).force("gravityY", y_default2(0).strength(0.05)).alphaDecay(config.alphaDecay).velocityDecay(config.velocityDecay);
+          simulation = simulation_default(internalNodes).force("link", linkForce).force("charge", manyBody_default().strength(config.chargeStrength)).force("collide", collide_default().radius((d) => d.radius + padding)).force("gravityX", x_default2(0).strength(0.05)).force("gravityY", y_default2(0).strength(0.05)).alphaDecay(config.alphaDecay).velocityDecay(config.velocityDecay).stop();
           if (config.centerForce !== false) {
             simulation.force("center", center_default(0, 0));
           }
@@ -1143,6 +1174,28 @@
             const clusterFn = forceCluster(internalNodes, config.clustering.strength);
             simulation.force("cluster", clusterFn);
           }
+          pointer.active = false;
+          pointer.radius = config.cursorRepulsion?.radius ?? 0;
+          pointer.strength = config.cursorRepulsion?.strength ?? 0;
+          dragAlphaTarget = 0;
+          cursorAlphaTarget = 0;
+          const cursorFn = forceCursor(internalNodes, pointer);
+          simulation.force("cursor", cursorFn);
+          if (config.initialAlpha != null) {
+            simulation.alpha(config.initialAlpha);
+          }
+          const warmupTicks = config.warmupTicks ?? 0;
+          if (warmupTicks > 0) {
+            const budgetMs = config.warmupBudgetMs ?? 250;
+            const start = now2();
+            for (let i = 0;i < warmupTicks; i++) {
+              simulation.tick();
+              if (simulation.alpha() < simulation.alphaMin())
+                break;
+              if (now2() - start >= budgetMs)
+                break;
+            }
+          }
           simulation.on("tick", () => {
             post({
               type: "positions",
@@ -1153,6 +1206,12 @@
           simulation.on("end", () => {
             post({ type: "settled" });
           });
+          post({
+            type: "positions",
+            nodes: packPositions(internalNodes),
+            alpha: simulation.alpha()
+          });
+          simulation.restart();
           break;
         }
         case "reheat": {
@@ -1167,6 +1226,11 @@
             node.fx = msg.x;
             node.fy = msg.y;
           }
+          if (msg.alphaTarget != null && simulation) {
+            dragAlphaTarget = msg.alphaTarget;
+            syncAlphaTarget();
+            simulation.restart();
+          }
           break;
         }
         case "unpin": {
@@ -1175,11 +1239,28 @@
             node.fx = null;
             node.fy = null;
           }
-          if (simulation && simulation.alpha() < 0.1) {
+          if (msg.alphaTarget != null) {
+            dragAlphaTarget = msg.alphaTarget;
+            syncAlphaTarget();
+          } else if (simulation && simulation.alpha() < 0.1) {
             simulation.alpha(0.1).restart();
           }
           break;
         }
+        case "pointer": {
+          if (pointer.radius <= 0)
+            break;
+          pointer.x = msg.x;
+          pointer.y = msg.y;
+          pointer.active = msg.active;
+          cursorAlphaTarget = msg.active ? 0.03 : 0;
+          if (simulation) {
+            syncAlphaTarget();
+            if (msg.active)
+              simulation.restart();
+          }
+          break;
+        }
         case "drag": {
           const node = nodeMap.get(msg.nodeId);
           if (node) {

package/dist/static.js

@@ -1,20 +1,18 @@
 import {
   renderTileMapSVG
-} from "./chunk-W34KN7FD.js";
+} from "./chunk-2NAQRP66.js";
 import {
-  SVG_NS,
   renderChartSVG,
   resetSvgIdCounter
-} from "./chunk-5EOV5JQZ.js";
+} from "./chunk-EKAUQAAX.js";
+import {
+  SVG_NS,
+  buildThemeStyleBlock
+} from "./chunk-RM5XS6NR.js";
 
 // src/static.ts
 import { createRequire } from "module";
-import {
-  adaptForLightLineStroke,
-  cssTokenDefault,
-  isLayerSpec,
-  isTileMapSpec
-} from "@opendata-ai/openchart-core";
+import { isLayerSpec, isTileMapSpec } from "@opendata-ai/openchart-core";
 import { compileChart, compileLayer, compileTileMap } from "@opendata-ai/openchart-engine";
 var esmRequire = createRequire(import.meta.url);
 var cachedWindow;
@@ -34,66 +32,6 @@ function resolveStaticDarkMode(mode) {
   if (mode === "force") return true;
   return false;
 }
-function buildThemeStyleBlock(theme) {
-  const accent = theme.colors.categorical[0] ?? cssTokenDefault("--oc-accent", "light");
-  const bg = theme.colors.background === "transparent" ? theme.isDark ? cssTokenDefault("--oc-bg", "dark") : cssTokenDefault("--oc-bg", "light") : theme.colors.background;
-  const props = [
-    `--oc-font-family: ${theme.fonts.family}`,
-    `--oc-font-mono: ${theme.fonts.mono}`,
-    `--oc-title-size: ${theme.chrome.title.fontSize}px`,
-    `--oc-title-weight: ${theme.chrome.title.fontWeight}`,
-    `--oc-title-tracking: ${cssTokenDefault("--oc-title-tracking", "light")}`,
-    `--oc-subtitle-size: ${theme.chrome.subtitle.fontSize}px`,
-    `--oc-subtitle-weight: ${theme.chrome.subtitle.fontWeight}`,
-    `--oc-source-size: ${theme.chrome.source.fontSize}px`,
-    `--oc-source-weight: ${theme.chrome.source.fontWeight}`,
-    `--oc-body-size: ${theme.fonts.sizes.body}px`,
-    `--oc-eyebrow-size: ${theme.chrome.eyebrow.fontSize}px`,
-    `--oc-eyebrow-weight: ${theme.chrome.eyebrow.fontWeight}`,
-    `--oc-eyebrow-tracking: ${cssTokenDefault("--oc-eyebrow-tracking", "light")}`,
-    `--oc-bg: ${bg}`,
-    `--oc-text: ${theme.colors.text}`,
-    `--oc-text-muted: ${theme.colors.axis}`,
-    `--oc-text-faint: ${theme.isDark ? cssTokenDefault("--oc-text-faint", "dark") : cssTokenDefault("--oc-text-faint", "light")}`,
-    `--oc-gridline: ${theme.colors.gridline}`,
-    `--oc-axis: ${theme.colors.axis}`,
-    `--oc-border-radius: ${theme.borderRadius}px`,
-    `--oc-accent: ${accent}`,
-    `--oc-accent-strong: ${adaptForLightLineStroke(accent)}`,
-    `--oc-positive: ${theme.colors.positive}`,
-    `--oc-negative: ${theme.colors.negative}`,
-    `--oc-legend-text: ${theme.isDark ? cssTokenDefault("--oc-legend-text", "dark") : cssTokenDefault("--oc-legend-text", "light")}`,
-    `--oc-space-2: ${theme.spacing.chromeGap * 2}px`,
-    `--oc-space-4: ${theme.spacing.padding}px`
-  ];
-  const rules = [
-    `svg.oc-chart { ${props.join("; ")}; }`,
-    `.oc-chrome { font-family: var(--oc-font-family); }`,
-    `.oc-eyebrow { font-size: var(--oc-eyebrow-size); font-weight: var(--oc-eyebrow-weight); letter-spacing: var(--oc-eyebrow-tracking); text-transform: uppercase; fill: var(--oc-accent); }`,
-    `.oc-title { font-size: var(--oc-title-size); font-weight: var(--oc-title-weight); letter-spacing: var(--oc-title-tracking); fill: var(--oc-text); }`,
-    `.oc-subtitle { font-size: var(--oc-subtitle-size); font-weight: var(--oc-subtitle-weight); fill: var(--oc-text-muted); }`,
-    `.oc-source, .oc-byline, .oc-footer { font-size: var(--oc-source-size); font-weight: var(--oc-source-weight); fill: var(--oc-text-muted); }`,
-    `.oc-brand { font-size: 11px; font-weight: 510; letter-spacing: 0.02em; fill: var(--oc-text-faint); }`,
-    `.oc-brand-dot { fill: var(--oc-accent); }`,
-    `.oc-eyebrow-dot { fill: var(--oc-accent); }`,
-    `.oc-metrics { font-family: var(--oc-font-family); }`,
-    `.oc-metric-label { font-size: 10px; font-weight: 510; letter-spacing: 0.08em; text-transform: uppercase; fill: var(--oc-text-muted); }`,
-    `.oc-metric-value { font-size: 22px; font-weight: 510; letter-spacing: -0.01em; fill: var(--oc-text); font-variant-numeric: tabular-nums; }`,
-    `.oc-metric-delta-up { fill: var(--oc-positive); font-size: 12px; font-weight: 510; }`,
-    `.oc-metric-delta-down { fill: var(--oc-negative); font-size: 12px; font-weight: 510; }`,
-    `.oc-axis-tick-inline { font-size: 11px; font-weight: 400; fill: var(--oc-text-muted); }`,
-    `.oc-endpoint-labels { font-family: var(--oc-font-family); }`,
-    `.oc-endpoint-label { fill: var(--oc-endpoint-label-color, var(--oc-text)); }`,
-    `.oc-endpoint-value { fill: var(--oc-endpoint-value-color, var(--oc-text-muted)); }`,
-    `.oc-endpoint-leader { stroke: var(--oc-endpoint-leader-color, currentColor); }`,
-    `.oc-annotation-subtitle { fill: var(--oc-annotation-subtitle-color, var(--oc-text-muted)); }`,
-    `.oc-metric-secondary { fill: var(--oc-positive); font-size: 12px; font-weight: 400; }`,
-    `.oc-legend { font-family: var(--oc-font-family); font-size: var(--oc-body-size); }`,
-    `.oc-legend-entry { cursor: default; }`,
-    `.oc-legend text { fill: var(--oc-legend-text); }`
-  ];
-  return rules.join("\n");
-}
 function stripInteractiveElements(svg) {
   const selectors = ["[data-voronoi-overlay]", "[data-crosshair]", "[data-snap-dots]"];
   for (const selector of selectors) {

package/dist/static.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/static.ts"],"sourcesContent":["// Node.js only — do not import from browser code.\nimport { createRequire } from 'node:module';\nimport type {\n  ChartLayout,\n  ChartSpec,\n  CompileOptions,\n  DarkMode,\n  LayerSpec,\n  ResolvedTheme,\n  ThemeConfig,\n  TileMapSpec,\n} from '@opendata-ai/openchart-core';\nimport {\n  adaptForLightLineStroke,\n  cssTokenDefault,\n  isLayerSpec,\n  isTileMapSpec,\n} from '@opendata-ai/openchart-core';\nimport { compileChart, compileLayer, compileTileMap } from '@opendata-ai/openchart-engine';\nimport { SVG_NS } from './renderers/svg-dom';\nimport { resetSvgIdCounter } from './svg-ids';\nimport { renderChartSVG } from './svg-renderer';\nimport { renderTileMapSVG } from './tilemap-renderer';\n\nconst esmRequire = createRequire(import.meta.url);\n\nlet cachedWindow: typeof import('happy-dom').Window | undefined;\nfunction getHappyDomWindow(): typeof import('happy-dom').Window {\n  if (cachedWindow) return cachedWindow;\n  try {\n    ({ Window: cachedWindow } = esmRequire('happy-dom') as typeof import('happy-dom'));\n  } catch {\n    throw new Error(\n      \"renderStaticSVG requires 'happy-dom' as a peer dependency. Install it with: npm add happy-dom\",\n    );\n  }\n  return cachedWindow;\n}\n\nlet rendering = false;\n\nexport interface StaticRenderOptions {\n  width?: number;\n  height?: number;\n  theme?: ThemeConfig;\n  /**\n   * Dark mode setting. In static rendering `'auto'` resolves to light mode\n   * since there is no `matchMedia` to query. Use `'force'` for dark output.\n   */\n  darkMode?: DarkMode;\n  watermark?: boolean;\n}\n\nfunction resolveStaticDarkMode(mode?: DarkMode): boolean {\n  if (mode === 'force') return true;\n  return false;\n}\n\nfunction buildThemeStyleBlock(theme: ResolvedTheme): string {\n  const accent = theme.colors.categorical[0] ?? cssTokenDefault('--oc-accent', 'light');\n  const bg =\n    theme.colors.background === 'transparent'\n      ? theme.isDark\n        ? cssTokenDefault('--oc-bg', 'dark')\n        : cssTokenDefault('--oc-bg', 'light')\n      : theme.colors.background;\n\n  const props = [\n    `--oc-font-family: ${theme.fonts.family}`,\n    `--oc-font-mono: ${theme.fonts.mono}`,\n    `--oc-title-size: ${theme.chrome.title.fontSize}px`,\n    `--oc-title-weight: ${theme.chrome.title.fontWeight}`,\n    `--oc-title-tracking: ${cssTokenDefault('--oc-title-tracking', 'light')}`,\n    `--oc-subtitle-size: ${theme.chrome.subtitle.fontSize}px`,\n    `--oc-subtitle-weight: ${theme.chrome.subtitle.fontWeight}`,\n    `--oc-source-size: ${theme.chrome.source.fontSize}px`,\n    `--oc-source-weight: ${theme.chrome.source.fontWeight}`,\n    `--oc-body-size: ${theme.fonts.sizes.body}px`,\n    `--oc-eyebrow-size: ${theme.chrome.eyebrow.fontSize}px`,\n    `--oc-eyebrow-weight: ${theme.chrome.eyebrow.fontWeight}`,\n    `--oc-eyebrow-tracking: ${cssTokenDefault('--oc-eyebrow-tracking', 'light')}`,\n    `--oc-bg: ${bg}`,\n    `--oc-text: ${theme.colors.text}`,\n    `--oc-text-muted: ${theme.colors.axis}`,\n    `--oc-text-faint: ${theme.isDark ? cssTokenDefault('--oc-text-faint', 'dark') : cssTokenDefault('--oc-text-faint', 'light')}`,\n    `--oc-gridline: ${theme.colors.gridline}`,\n    `--oc-axis: ${theme.colors.axis}`,\n    `--oc-border-radius: ${theme.borderRadius}px`,\n    `--oc-accent: ${accent}`,\n    `--oc-accent-strong: ${adaptForLightLineStroke(accent)}`,\n    `--oc-positive: ${theme.colors.positive}`,\n    `--oc-negative: ${theme.colors.negative}`,\n    `--oc-legend-text: ${theme.isDark ? cssTokenDefault('--oc-legend-text', 'dark') : cssTokenDefault('--oc-legend-text', 'light')}`,\n    `--oc-space-2: ${theme.spacing.chromeGap * 2}px`,\n    `--oc-space-4: ${theme.spacing.padding}px`,\n  ];\n\n  const rules = [\n    `svg.oc-chart { ${props.join('; ')}; }`,\n    `.oc-chrome { font-family: var(--oc-font-family); }`,\n    `.oc-eyebrow { font-size: var(--oc-eyebrow-size); font-weight: var(--oc-eyebrow-weight); letter-spacing: var(--oc-eyebrow-tracking); text-transform: uppercase; fill: var(--oc-accent); }`,\n    `.oc-title { font-size: var(--oc-title-size); font-weight: var(--oc-title-weight); letter-spacing: var(--oc-title-tracking); fill: var(--oc-text); }`,\n    `.oc-subtitle { font-size: var(--oc-subtitle-size); font-weight: var(--oc-subtitle-weight); fill: var(--oc-text-muted); }`,\n    `.oc-source, .oc-byline, .oc-footer { font-size: var(--oc-source-size); font-weight: var(--oc-source-weight); fill: var(--oc-text-muted); }`,\n    `.oc-brand { font-size: 11px; font-weight: 510; letter-spacing: 0.02em; fill: var(--oc-text-faint); }`,\n    `.oc-brand-dot { fill: var(--oc-accent); }`,\n    `.oc-eyebrow-dot { fill: var(--oc-accent); }`,\n    `.oc-metrics { font-family: var(--oc-font-family); }`,\n    `.oc-metric-label { font-size: 10px; font-weight: 510; letter-spacing: 0.08em; text-transform: uppercase; fill: var(--oc-text-muted); }`,\n    `.oc-metric-value { font-size: 22px; font-weight: 510; letter-spacing: -0.01em; fill: var(--oc-text); font-variant-numeric: tabular-nums; }`,\n    `.oc-metric-delta-up { fill: var(--oc-positive); font-size: 12px; font-weight: 510; }`,\n    `.oc-metric-delta-down { fill: var(--oc-negative); font-size: 12px; font-weight: 510; }`,\n    `.oc-axis-tick-inline { font-size: 11px; font-weight: 400; fill: var(--oc-text-muted); }`,\n    `.oc-endpoint-labels { font-family: var(--oc-font-family); }`,\n    `.oc-endpoint-label { fill: var(--oc-endpoint-label-color, var(--oc-text)); }`,\n    `.oc-endpoint-value { fill: var(--oc-endpoint-value-color, var(--oc-text-muted)); }`,\n    `.oc-endpoint-leader { stroke: var(--oc-endpoint-leader-color, currentColor); }`,\n    `.oc-annotation-subtitle { fill: var(--oc-annotation-subtitle-color, var(--oc-text-muted)); }`,\n    `.oc-metric-secondary { fill: var(--oc-positive); font-size: 12px; font-weight: 400; }`,\n    `.oc-legend { font-family: var(--oc-font-family); font-size: var(--oc-body-size); }`,\n    `.oc-legend-entry { cursor: default; }`,\n    `.oc-legend text { fill: var(--oc-legend-text); }`,\n  ];\n\n  return rules.join('\\n');\n}\n\nfunction stripInteractiveElements(svg: Element): void {\n  const selectors = ['[data-voronoi-overlay]', '[data-crosshair]', '[data-snap-dots]'];\n  for (const selector of selectors) {\n    const els = svg.querySelectorAll(selector);\n    for (const el of els) {\n      el.parentNode?.removeChild(el);\n    }\n  }\n}\n\n/**\n * Render a chart spec to a standalone SVG string without a browser DOM.\n *\n * Requires `happy-dom` as a peer dependency (`bun add happy-dom`).\n *\n * Not safe for concurrent invocation: the render pipeline relies on a global\n * SVG ID counter and a temporary global `document` swap, both of which are\n * single-threaded. In a server handling parallel requests, serialize calls\n * through a queue or mutex.\n *\n * The entire render pipeline is synchronous; the global swap is safe as long\n * as no code schedules microtasks that outlive the call.\n */\nexport function renderStaticSVG(\n  spec: ChartSpec | LayerSpec | TileMapSpec,\n  options?: StaticRenderOptions,\n): string {\n  if (rendering) {\n    throw new Error('renderStaticSVG is not reentrant — serialize calls through a queue or mutex');\n  }\n  rendering = true;\n\n  const Window = getHappyDomWindow();\n  const win = new Window({ url: 'about:blank' });\n\n  const prevDocument = globalThis.document;\n  const prevWindow = (globalThis as Record<string, unknown>).window;\n\n  try {\n    (globalThis as Record<string, unknown>).document = win.document;\n    (globalThis as Record<string, unknown>).window = win;\n\n    resetSvgIdCounter();\n\n    const width = options?.width ?? 640;\n    const height = options?.height ?? 420;\n    const darkMode = resolveStaticDarkMode(options?.darkMode);\n\n    const compileOpts: CompileOptions = {\n      width,\n      height,\n      theme: options?.theme,\n      darkMode,\n      watermark: options?.watermark,\n    };\n\n    let svg: SVGElement;\n    let themeForStyle: ResolvedTheme;\n\n    if (isTileMapSpec(spec)) {\n      const tileMapLayout = compileTileMap(spec, compileOpts);\n      svg = renderTileMapSVG(tileMapLayout, { animate: false });\n      themeForStyle = tileMapLayout.theme;\n    } else {\n      let layout: ChartLayout;\n      if (isLayerSpec(spec)) {\n        layout = compileLayer(spec, compileOpts);\n      } else {\n        layout = compileChart(spec, compileOpts);\n      }\n\n      const container = win.document.createElement('div');\n      Object.defineProperty(container, 'getBoundingClientRect', {\n        value: () => ({\n          width,\n          height,\n          top: 0,\n          left: 0,\n          right: width,\n          bottom: height,\n          x: 0,\n          y: 0,\n          toJSON: () => ({}),\n        }),\n      });\n\n      svg = renderChartSVG(layout, container as unknown as HTMLElement, {\n        animate: false,\n        crosshair: false,\n      });\n\n      stripInteractiveElements(svg);\n      themeForStyle = layout.theme;\n    }\n\n    const doc = win.document as unknown as Document;\n    let defs = svg.querySelector('defs');\n    if (!defs) {\n      defs = doc.createElementNS(SVG_NS, 'defs');\n      svg.insertBefore(defs as unknown as Node, svg.firstChild);\n    }\n    const styleEl = doc.createElementNS(SVG_NS, 'style');\n    styleEl.textContent = buildThemeStyleBlock(themeForStyle);\n    defs.insertBefore(styleEl as unknown as Node, defs.firstChild);\n\n    const serializer = new (\n      win as unknown as { XMLSerializer: typeof XMLSerializer }\n    ).XMLSerializer();\n    return serializer.serializeToString(svg as unknown as Node);\n  } finally {\n    rendering = false;\n    if (prevDocument !== undefined) {\n      (globalThis as Record<string, unknown>).document = prevDocument;\n    } else {\n      delete (globalThis as Record<string, unknown>).document;\n    }\n    if (prevWindow !== undefined) {\n      (globalThis as Record<string, unknown>).window = prevWindow;\n    } else {\n      delete (globalThis as Record<string, unknown>).window;\n    }\n    win.close();\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/static.ts"],"sourcesContent":["// Node.js only — do not import from browser code.\nimport { createRequire } from 'node:module';\nimport type {\n  ChartLayout,\n  ChartSpec,\n  CompileOptions,\n  DarkMode,\n  LayerSpec,\n  ResolvedTheme,\n  ThemeConfig,\n  TileMapSpec,\n} from '@opendata-ai/openchart-core';\nimport { isLayerSpec, isTileMapSpec } from '@opendata-ai/openchart-core';\nimport { compileChart, compileLayer, compileTileMap } from '@opendata-ai/openchart-engine';\nimport { SVG_NS } from './renderers/svg-dom';\nimport { resetSvgIdCounter } from './svg-ids';\nimport { renderChartSVG } from './svg-renderer';\nimport { buildThemeStyleBlock } from './theme-style-block';\nimport { renderTileMapSVG } from './tilemap-renderer';\n\nconst esmRequire = createRequire(import.meta.url);\n\nlet cachedWindow: typeof import('happy-dom').Window | undefined;\nfunction getHappyDomWindow(): typeof import('happy-dom').Window {\n  if (cachedWindow) return cachedWindow;\n  try {\n    ({ Window: cachedWindow } = esmRequire('happy-dom') as typeof import('happy-dom'));\n  } catch {\n    throw new Error(\n      \"renderStaticSVG requires 'happy-dom' as a peer dependency. Install it with: npm add happy-dom\",\n    );\n  }\n  return cachedWindow;\n}\n\nlet rendering = false;\n\nexport interface StaticRenderOptions {\n  width?: number;\n  height?: number;\n  theme?: ThemeConfig;\n  /**\n   * Dark mode setting. In static rendering `'auto'` resolves to light mode\n   * since there is no `matchMedia` to query. Use `'force'` for dark output.\n   */\n  darkMode?: DarkMode;\n  watermark?: boolean;\n}\n\nfunction resolveStaticDarkMode(mode?: DarkMode): boolean {\n  if (mode === 'force') return true;\n  return false;\n}\n\nfunction stripInteractiveElements(svg: Element): void {\n  const selectors = ['[data-voronoi-overlay]', '[data-crosshair]', '[data-snap-dots]'];\n  for (const selector of selectors) {\n    const els = svg.querySelectorAll(selector);\n    for (const el of els) {\n      el.parentNode?.removeChild(el);\n    }\n  }\n}\n\n/**\n * Render a chart spec to a standalone SVG string without a browser DOM.\n *\n * Requires `happy-dom` as a peer dependency (`bun add happy-dom`).\n *\n * Not safe for concurrent invocation: the render pipeline relies on a global\n * SVG ID counter and a temporary global `document` swap, both of which are\n * single-threaded. In a server handling parallel requests, serialize calls\n * through a queue or mutex.\n *\n * The entire render pipeline is synchronous; the global swap is safe as long\n * as no code schedules microtasks that outlive the call.\n */\nexport function renderStaticSVG(\n  spec: ChartSpec | LayerSpec | TileMapSpec,\n  options?: StaticRenderOptions,\n): string {\n  if (rendering) {\n    throw new Error('renderStaticSVG is not reentrant — serialize calls through a queue or mutex');\n  }\n  rendering = true;\n\n  const Window = getHappyDomWindow();\n  const win = new Window({ url: 'about:blank' });\n\n  const prevDocument = globalThis.document;\n  const prevWindow = (globalThis as Record<string, unknown>).window;\n\n  try {\n    (globalThis as Record<string, unknown>).document = win.document;\n    (globalThis as Record<string, unknown>).window = win;\n\n    resetSvgIdCounter();\n\n    const width = options?.width ?? 640;\n    const height = options?.height ?? 420;\n    const darkMode = resolveStaticDarkMode(options?.darkMode);\n\n    const compileOpts: CompileOptions = {\n      width,\n      height,\n      theme: options?.theme,\n      darkMode,\n      watermark: options?.watermark,\n    };\n\n    let svg: SVGElement;\n    let themeForStyle: ResolvedTheme;\n\n    if (isTileMapSpec(spec)) {\n      const tileMapLayout = compileTileMap(spec, compileOpts);\n      svg = renderTileMapSVG(tileMapLayout, { animate: false });\n      themeForStyle = tileMapLayout.theme;\n    } else {\n      let layout: ChartLayout;\n      if (isLayerSpec(spec)) {\n        layout = compileLayer(spec, compileOpts);\n      } else {\n        layout = compileChart(spec, compileOpts);\n      }\n\n      const container = win.document.createElement('div');\n      Object.defineProperty(container, 'getBoundingClientRect', {\n        value: () => ({\n          width,\n          height,\n          top: 0,\n          left: 0,\n          right: width,\n          bottom: height,\n          x: 0,\n          y: 0,\n          toJSON: () => ({}),\n        }),\n      });\n\n      svg = renderChartSVG(layout, container as unknown as HTMLElement, {\n        animate: false,\n        crosshair: false,\n      });\n\n      stripInteractiveElements(svg);\n      themeForStyle = layout.theme;\n    }\n\n    const doc = win.document as unknown as Document;\n    let defs = svg.querySelector('defs');\n    if (!defs) {\n      defs = doc.createElementNS(SVG_NS, 'defs');\n      svg.insertBefore(defs as unknown as Node, svg.firstChild);\n    }\n    const styleEl = doc.createElementNS(SVG_NS, 'style');\n    styleEl.textContent = buildThemeStyleBlock(themeForStyle);\n    defs.insertBefore(styleEl as unknown as Node, defs.firstChild);\n\n    const serializer = new (\n      win as unknown as { XMLSerializer: typeof XMLSerializer }\n    ).XMLSerializer();\n    return serializer.serializeToString(svg as unknown as Node);\n  } finally {\n    rendering = false;\n    if (prevDocument !== undefined) {\n      (globalThis as Record<string, unknown>).document = prevDocument;\n    } else {\n      delete (globalThis as Record<string, unknown>).document;\n    }\n    if (prevWindow !== undefined) {\n      (globalThis as Record<string, unknown>).window = prevWindow;\n    } else {\n      delete (globalThis as Record<string, unknown>).window;\n    }\n    win.close();\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/story/index.d.ts

@@ -1,6 +1,7 @@
-import { h as CameraTarget, M as MountOptions } from '../mount-CUKQLeqD.js';
-export { C as Camera, F as FULL_VIEW, V as ViewBoxSize, i as cameraTransform, j as camerasClose, k as damp, l as dampCamera, m as fitTarget, n as interpolateCamera, s as scrubCamera } from '../mount-CUKQLeqD.js';
+import { i as CameraTarget, M as MountOptions } from '../mount-Dvv8NYIv.js';
+export { C as Camera, F as FULL_VIEW, V as ViewBoxSize, j as cameraTransform, k as camerasClose, l as damp, m as dampCamera, n as fitTarget, o as interpolateCamera, s as scrubCamera } from '../mount-Dvv8NYIv.js';
 import { DataRow, ChartSpec, LayerSpec, GraphSpec, MapSpec, ChartLayout } from '@opendata-ai/openchart-core';
+import '../export-gif.js';
 
 /** A spec a story can drive: same union `ChartInstance.update()` accepts. */
 type StorySpec<TData extends DataRow = DataRow> = ChartSpec<TData> | LayerSpec<TData> | GraphSpec | MapSpec;

package/dist/story/index.js

@@ -6,7 +6,7 @@ import {
   clamp01,
   createChart,
   createMap,
-  createTween,
+  createTween2 as createTween,
   damp,
   dampCamera,
   easingFns,
@@ -15,8 +15,10 @@ import {
   lerp,
   scrubCamera,
   storyMotion
-} from "../chunk-ENXSUXC5.js";
-import "../chunk-5EOV5JQZ.js";
+} from "../chunk-KNT5AZ2O.js";
+import "../chunk-T32UHMZA.js";
+import "../chunk-EKAUQAAX.js";
+import "../chunk-RM5XS6NR.js";
 
 // src/story/create-chart-story.ts
 import { deepMergeSpec, isMapSpec } from "@opendata-ai/openchart-core";