@opendata-ai/openchart-vanilla 8.4.0 → 8.5.0

package/README.md

@@ -78,6 +78,65 @@ graph.destroy();
 
 Graphs render on canvas with a force simulation running in a web worker. Nodes support click, drag, and double-click. The simulation auto-fits nodes once it settles.
 
+## 3D graphs
+
+`dimensions: 3` on a graph spec renders with WebGL instead of canvas. The 3D
+renderer ships on its own subpath so three.js never lands in the default bundle,
+and its libraries are optional peers you install yourself:
+
+```bash
+npm install three 3d-force-graph three-spritetext
+```
+
+The subpath registers the renderer as an import side effect, so it has to be
+imported before the graph mounts:
+
+```typescript
+import '@opendata-ai/openchart-vanilla/graph-3d';
+import { createGraph } from '@opendata-ai/openchart-vanilla';
+
+createGraph(container, { ...graphSpec, dimensions: 3 });
+```
+
+The subpath import is required only when compilation actually resolves to 3D.
+A spec above the 2000-node gate warns and falls back to 2D, so it renders
+without the import; a `dimensions: 3` spec that stays 3D throws without it.
+
+Framework hosts import their own package's mirror of this subpath rather than
+reaching past it into vanilla: `@opendata-ai/openchart-react/graph-3d`,
+`@opendata-ai/openchart-vue/graph-3d`, `@opendata-ai/openchart-svelte/graph-3d`.
+
+Notes:
+
+- **SSR**: `3d-force-graph` touches `window` at import time. Import the subpath
+  client-side only (inside `useEffect`, a dynamic `import()`, or a browser-only
+  module) and render your own placeholder until it resolves.
+- **One copy of three**: run `npm ls three` (or `bun pm ls three`) and confirm a
+  single copy. Two copies fail at runtime with `Cannot read properties of
+  undefined (reading 'VERTEX')` (vasturiano/react-force-graph#595).
+
+Differences from 2D:
+
+- Labels use a fixed budget re-ranked by camera distance, so distant labels drop
+  out instead of being decluttered by priority.
+- The force simulation runs on the main thread. Above 2000 nodes the spec warns
+  and renders in 2D.
+- Keyboard navigation, SVG export, `interaction.cursorRepulsion`, and
+  `interaction.springyDrag` are unsupported. Each warns and is ignored.
+  (`layout.type` of `radial` or `hierarchical` is rejected by spec validation in
+  both dimensions, so it never reaches either renderer.)
+- `getCamera()` returns a pose, not a zoom transform: `x`/`y` are the look-at
+  point in world units, alongside `position` and `target`. In 2D they are the
+  zoom transform's translate in pixels. `onCameraChange` carries the same
+  payload, so persisted camera state has to be keyed on the dimension it came
+  from. Both are typed `GraphCamera`, whose `position`/`target` are optional
+  because only 3D sets them; `flyTo` accepts them back, and 2D ignores them.
+- A structural `update()` reheats the whole layout, so settled nodes drift. 2D
+  applies a local impulse instead.
+- `nodeOverrides[*].stroke` and `strokeWidth` are ignored (no ring).
+- A dimension change is a remount, not an `update()`. The framework wrappers do
+  this for you; `update()` with a changed `dimensions` warns and no-ops.
+
 ## Export utilities
 
 Standalone export functions if you need them outside of an instance:

package/dist/chunk-2OJZBMXM.js

@@ -0,0 +1,377 @@
+// src/resize-observer.ts
+var DEBOUNCE_MS = 16;
+function observeResize(container, callback) {
+  let timeoutId = null;
+  let lastDelivered = null;
+  const observer = new ResizeObserver((entries) => {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      for (const entry of entries) {
+        const { width, height } = entry.contentRect;
+        if (lastDelivered && lastDelivered.width === width && lastDelivered.height === height) {
+          continue;
+        }
+        lastDelivered = { width, height };
+        callback(width, height);
+      }
+      timeoutId = null;
+    }, DEBOUNCE_MS);
+  });
+  observer.observe(container);
+  return () => {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+    }
+    observer.disconnect();
+  };
+}
+
+// src/tooltip.ts
+import { computePosition, flip, offset, shift } from "@floating-ui/dom";
+var TOOLTIP_OFFSET = 12;
+function createTooltipManager(container) {
+  const tooltip = document.createElement("div");
+  tooltip.className = "oc-tooltip";
+  tooltip.setAttribute("role", "tooltip");
+  container.style.position = container.style.position || "relative";
+  container.appendChild(tooltip);
+  let lastContentKey = "";
+  let currentPositionId = 0;
+  const handleDocumentTouch = (e) => {
+    if (!container.contains(e.target)) {
+      hide();
+    }
+  };
+  document.addEventListener("touchstart", handleDocumentTouch);
+  const handleDocumentKeydown = (e) => {
+    if (e.key === "Escape" && tooltip.style.display === "block") {
+      hide();
+    }
+  };
+  document.addEventListener("keydown", handleDocumentKeydown);
+  function show(input, x, y, opts) {
+    if ("element" in input) {
+      lastContentKey = "";
+      tooltip.replaceChildren(input.element);
+      position(x, y, opts);
+      return;
+    }
+    if ("text" in input) {
+      lastContentKey = "";
+      tooltip.textContent = input.text;
+      position(x, y, opts);
+      return;
+    }
+    const content = input;
+    const emphasisIndex = content.fields.findIndex((f) => f.emphasis);
+    const contentKey = `${content.title}|${content.fields.length}|${content.fields[0]?.value}|${content.fields[content.fields.length - 1]?.value}|${emphasisIndex}`;
+    if (contentKey !== lastContentKey) {
+      lastContentKey = contentKey;
+      let html = "";
+      const colorRowCount = content.fields.filter((f) => f.color && f.role !== "total").length;
+      const perRowSwatches = colorRowCount > 1;
+      if (content.title) {
+        const titleColor = perRowSwatches ? void 0 : content.fields.find((f) => f.color)?.color;
+        html += '<div class="oc-tooltip-header">';
+        if (titleColor) {
+          html += `<span class="oc-tooltip-dot" style="background:${esc(titleColor)}"></span>`;
+        }
+        html += `<span class="oc-tooltip-title">${esc(content.title)}</span>`;
+        html += "</div>";
+      }
+      if (content.fields.length > 0) {
+        html += '<div class="oc-tooltip-body">';
+        for (const field of content.fields) {
+          let rowClass = "oc-tooltip-row";
+          if (field.emphasis) rowClass += " oc-tooltip-row--emphasis";
+          if (field.role === "total") rowClass += " oc-tooltip-row--total";
+          html += `<div class="${rowClass}">`;
+          html += '<span class="oc-tooltip-label">';
+          if (perRowSwatches && field.color) {
+            html += `<span class="oc-tooltip-row-swatch" style="background:${esc(field.color)}"></span>`;
+          }
+          html += `${esc(field.label)}</span>`;
+          html += `<span class="oc-tooltip-value">${esc(field.value)}</span>`;
+          html += "</div>";
+        }
+        html += "</div>";
+      }
+      tooltip.innerHTML = html;
+    }
+    position(x, y, opts);
+  }
+  function position(x, y, opts) {
+    tooltip.style.display = "block";
+    const positionId = ++currentPositionId;
+    const virtualRef = {
+      getBoundingClientRect() {
+        const rect = container.getBoundingClientRect();
+        return {
+          x: rect.left + x,
+          y: rect.top + y,
+          width: 0,
+          height: 0,
+          top: rect.top + y,
+          left: rect.left + x,
+          right: rect.left + x,
+          bottom: rect.top + y
+        };
+      }
+    };
+    computePosition(virtualRef, tooltip, {
+      placement: opts?.placement ?? "bottom-start",
+      middleware: [offset(TOOLTIP_OFFSET), flip(), shift({ padding: 8 })]
+    }).then(({ x: fx, y: fy }) => {
+      if (positionId !== currentPositionId) return;
+      tooltip.style.left = `${fx}px`;
+      tooltip.style.top = `${fy}px`;
+    });
+  }
+  function move(x, y, opts) {
+    if (tooltip.style.display !== "block") return;
+    position(x, y, opts);
+  }
+  function hide() {
+    tooltip.style.display = "none";
+    lastContentKey = "";
+  }
+  function destroy() {
+    document.removeEventListener("touchstart", handleDocumentTouch);
+    document.removeEventListener("keydown", handleDocumentKeydown);
+    if (tooltip.parentNode) {
+      tooltip.parentNode.removeChild(tooltip);
+    }
+  }
+  return { show, move, hide, destroy };
+}
+function esc(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#x27;");
+}
+
+// src/motion/easing.ts
+function linear(t) {
+  return t;
+}
+function cubicOut(t) {
+  const f = 1 - t;
+  return 1 - f * f * f;
+}
+function cubicInOut(t) {
+  return t < 0.5 ? 4 * t * t * t : 1 - (-2 * t + 2) ** 3 / 2;
+}
+var clamp01 = (t) => Math.min(1, Math.max(0, t));
+var lerp = (a, b, t) => a + (b - a) * t;
+
+// src/resolve-dark-mode.ts
+function resolveDarkMode(mode) {
+  if (mode === "force") return true;
+  if (mode === "off" || mode === void 0) return false;
+  if (typeof window !== "undefined" && window.matchMedia) {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches;
+  }
+  return false;
+}
+
+// src/motion/scheduler.ts
+var AnimationScheduler = class {
+  animations = /* @__PURE__ */ new Set();
+  requestFrame;
+  /**
+   * @param requestFrame Called on the idle→active transition to arm the first
+   *   frame (typically the mount's `scheduleRender`).
+   */
+  constructor(requestFrame) {
+    this.requestFrame = requestFrame;
+  }
+  /** Add an animation. Arms the first frame if the scheduler was idle. */
+  add(a) {
+    const wasIdle = this.animations.size === 0;
+    this.animations.add(a);
+    if (wasIdle) this.requestFrame();
+  }
+  /** Remove an animation without finishing or cancelling it. Safe mid-tick. */
+  remove(a) {
+    this.animations.delete(a);
+  }
+  /**
+   * Advance all animations to `now`. Completed animations are removed. Returns
+   * true if any animation ran this frame (so the caller marks the frame dirty).
+   *
+   * Iterates a snapshot so an `onDone` that mutates the set (via update/destroy)
+   * can't corrupt the loop.
+   */
+  tick(now) {
+    if (this.animations.size === 0) return false;
+    const snapshot = [...this.animations];
+    let ran = false;
+    for (const a of snapshot) {
+      if (!this.animations.has(a)) continue;
+      ran = true;
+      const running = a.tick(now);
+      if (!running) this.animations.delete(a);
+    }
+    return ran;
+  }
+  /** True while any animation is active (drives rAF re-arming). */
+  get active() {
+    return this.animations.size > 0;
+  }
+  /** Cancel every animation (no final state, no onDone). Used on teardown. */
+  cancelAll() {
+    const snapshot = [...this.animations];
+    this.animations.clear();
+    for (const a of snapshot) a.cancel();
+  }
+  /** Finish every animation (snap to final, fire onDone). Used before update(). */
+  finishAll() {
+    const snapshot = [...this.animations];
+    this.animations.clear();
+    for (const a of snapshot) a.finish();
+  }
+};
+
+// src/motion/tween.ts
+function resolveEase(ease) {
+  return ease === "snappy" ? cubicOut : cubicInOut;
+}
+function prefersReducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
+  try {
+    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  } catch {
+    return false;
+  }
+}
+function createTween(opts) {
+  const { duration, ease, apply, onDone } = opts;
+  let startTime = null;
+  let finished = false;
+  function settleAt(t) {
+    apply(ease(t));
+  }
+  return {
+    tick(now) {
+      if (finished) return false;
+      if (startTime === null) startTime = now;
+      const elapsed = now - startTime;
+      const raw = duration <= 0 ? 1 : Math.min(1, elapsed / duration);
+      settleAt(raw);
+      if (raw >= 1) {
+        finished = true;
+        onDone?.();
+        return false;
+      }
+      return true;
+    },
+    finish() {
+      if (finished) return;
+      finished = true;
+      settleAt(1);
+      onDone?.();
+    },
+    cancel() {
+      finished = true;
+    }
+  };
+}
+
+// src/spatial-index.ts
+import { quadtree } from "d3-quadtree";
+var SpatialIndex = class {
+  tree = null;
+  nodes = [];
+  maxRadius = 0;
+  generation = 0;
+  /** Rebuild the quadtree from the current set of positioned nodes. */
+  rebuild(nodes) {
+    this.nodes = nodes;
+    this.maxRadius = 0;
+    for (const n of nodes) {
+      if (n.radius > this.maxRadius) this.maxRadius = n.radius;
+    }
+    this.tree = quadtree().x((d) => d.x).y((d) => d.y).addAll(nodes);
+    this.generation++;
+  }
+  /** Current generation counter. Increments on each rebuild. */
+  getGeneration() {
+    return this.generation;
+  }
+  /**
+   * Find the nearest node to (x, y) within maxDistance.
+   * Accounts for node radius: a hit occurs if the point is inside
+   * the node circle (distance to center < node.radius), or if the
+   * edge-to-edge distance is within maxDistance.
+   */
+  findNearest(x, y, maxDistance = Infinity) {
+    if (!this.tree || this.nodes.length === 0) return null;
+    const searchRadius = maxDistance + this.maxRadius;
+    let best = null;
+    let bestEffectiveDist = maxDistance + this.maxRadius + 1;
+    this.tree.visit((node, x0, y0, x1, y1) => {
+      const closestX = Math.max(x0, Math.min(x, x1));
+      const closestY = Math.max(y0, Math.min(y, y1));
+      const quadDist = Math.hypot(closestX - x, closestY - y);
+      if (quadDist > searchRadius) return true;
+      if (!node.length) {
+        let current = node;
+        do {
+          const d = current.data;
+          if (d) {
+            const dist = Math.hypot(d.x - x, d.y - y);
+            const effectiveDist = Math.max(0, dist - d.radius);
+            if (effectiveDist <= maxDistance && effectiveDist < bestEffectiveDist) {
+              bestEffectiveDist = effectiveDist;
+              best = d;
+            }
+          }
+        } while (current = current.next);
+      }
+      return false;
+    });
+    return best;
+  }
+  /** Find all nodes whose centers fall within the given rectangle. */
+  findInRect(x1, y1, x2, y2) {
+    if (!this.tree) return [];
+    const minX = Math.min(x1, x2);
+    const minY = Math.min(y1, y2);
+    const maxX = Math.max(x1, x2);
+    const maxY = Math.max(y1, y2);
+    const results = [];
+    this.tree.visit((node, qx0, qy0, qx1, qy1) => {
+      if (qx0 > maxX || qx1 < minX || qy0 > maxY || qy1 < minY) {
+        return true;
+      }
+      if (!node.length) {
+        let current = node;
+        do {
+          const d = current.data;
+          if (d && d.x >= minX && d.x <= maxX && d.y >= minY && d.y <= maxY) {
+            results.push(d);
+          }
+        } while (current = current.next);
+      }
+      return false;
+    });
+    return results;
+  }
+};
+
+export {
+  observeResize,
+  resolveDarkMode,
+  createTooltipManager,
+  AnimationScheduler,
+  SpatialIndex,
+  linear,
+  cubicOut,
+  cubicInOut,
+  clamp01,
+  lerp,
+  resolveEase,
+  prefersReducedMotion,
+  createTween
+};
+//# sourceMappingURL=chunk-2OJZBMXM.js.map

package/dist/chunk-2OJZBMXM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/resize-observer.ts","../src/tooltip.ts","../src/motion/easing.ts","../src/resolve-dark-mode.ts","../src/motion/scheduler.ts","../src/motion/tween.ts","../src/spatial-index.ts"],"sourcesContent":["/**\n * Resize observer: thin wrapper around ResizeObserver with debounce.\n *\n * Watches a container element for size changes and calls back with\n * the new width and height. Debounced at ~60fps (16ms) to avoid\n * excessive re-renders during drag resizes.\n */\n\nconst DEBOUNCE_MS = 16;\n\n/**\n * Observe a container element for size changes.\n *\n * @param container - The element to watch.\n * @param callback - Called with (width, height) when size changes.\n * @returns A cleanup function that disconnects the observer.\n */\nexport function observeResize(\n  container: HTMLElement,\n  callback: (width: number, height: number) => void,\n): () => void {\n  let timeoutId: ReturnType<typeof setTimeout> | null = null;\n  let lastDelivered: { width: number; height: number } | null = null;\n\n  const observer = new ResizeObserver((entries) => {\n    // Debounce to ~60fps\n    if (timeoutId !== null) {\n      clearTimeout(timeoutId);\n    }\n    timeoutId = setTimeout(() => {\n      for (const entry of entries) {\n        const { width, height } = entry.contentRect;\n        // Always deliver the first callback (the initial fire on insertion is\n        // load-bearing, see .claude/rules/svg-animation.md). Only dedupe\n        // subsequent deliveries whose size didn't actually change.\n        if (lastDelivered && lastDelivered.width === width && lastDelivered.height === height) {\n          continue;\n        }\n        lastDelivered = { width, height };\n        callback(width, height);\n      }\n      timeoutId = null;\n    }, DEBOUNCE_MS);\n  });\n\n  observer.observe(container);\n\n  return () => {\n    if (timeoutId !== null) {\n      clearTimeout(timeoutId);\n    }\n    observer.disconnect();\n  };\n}\n","/**\n * Tooltip manager: creates and positions a floating tooltip element.\n *\n * Shows tooltip content near the mouse/touch position with viewport\n * edge avoidance via @floating-ui/dom. Touch support via tap-to-show,\n * tap-outside-to-hide.\n */\n\nimport type { Placement } from '@floating-ui/dom';\nimport { computePosition, flip, offset, shift } from '@floating-ui/dom';\nimport type { TooltipContent } from '@opendata-ai/openchart-core';\n\nexport interface TooltipShowOptions {\n  /**\n   * Floating-ui placement. Defaults to 'bottom-start' for mark hover\n   * (the legacy behavior). Line/area snap-tooltips pass 'right-start'\n   * so the card sits beside the snapped point and flips to 'left-start'\n   * via the flip middleware when crowding the right edge.\n   */\n  placement?: Placement;\n}\n\n/**\n * Content accepted by {@link TooltipManager.show}. A structured\n * {@link TooltipContent} is rendered by the manager; `{ text }` is inserted as\n * plain text (escaped via textContent); `{ element }` is a caller-owned node\n * trusted verbatim (the host owns sanitization).\n */\nexport type TooltipInput = TooltipContent | { text: string } | { element: HTMLElement };\n\nexport interface TooltipManager {\n  /** Show the tooltip with content at a given position. */\n  show(content: TooltipInput, x: number, y: number, opts?: TooltipShowOptions): void;\n  /**\n   * Re-anchor the open tooltip without re-rendering its content.\n   *\n   * The 3D graph re-anchors on every engine tick and every camera change, and\n   * `show()` would re-run the host formatter and rewrite the DOM at frame rate\n   * for content that has not changed.\n   */\n  move(x: number, y: number, opts?: TooltipShowOptions): void;\n  /** Hide the tooltip. */\n  hide(): void;\n  /** Remove the tooltip element and clean up event listeners. */\n  destroy(): void;\n}\n\nconst TOOLTIP_OFFSET = 12;\n\n/**\n * Create a tooltip manager attached to a container element.\n *\n * The manager creates a floating div positioned relative to the container.\n * Content is rendered as a title line with optional color indicator,\n * followed by a compact list of field-value pairs.\n *\n * @param container - The parent element for the tooltip.\n * @returns TooltipManager with show/hide/destroy methods.\n */\nexport function createTooltipManager(container: HTMLElement): TooltipManager {\n  const tooltip = document.createElement('div');\n  tooltip.className = 'oc-tooltip';\n  tooltip.setAttribute('role', 'tooltip');\n\n  container.style.position = container.style.position || 'relative';\n  container.appendChild(tooltip);\n\n  // Track last content to skip innerHTML when only position changes\n  let lastContentKey = '';\n  // Generation counter to discard stale async position callbacks\n  let currentPositionId = 0;\n\n  // Hide on tap-outside for touch devices\n  const handleDocumentTouch = (e: Event): void => {\n    if (!container.contains(e.target as Node)) {\n      hide();\n    }\n  };\n  document.addEventListener('touchstart', handleDocumentTouch);\n\n  // WCAG 1.4.13: hover-triggered content must be dismissible without moving\n  // the pointer. Document-level so it works while hovering, when the chart\n  // container does not have keyboard focus.\n  const handleDocumentKeydown = (e: KeyboardEvent): void => {\n    if (e.key === 'Escape' && tooltip.style.display === 'block') {\n      hide();\n    }\n  };\n  document.addEventListener('keydown', handleDocumentKeydown);\n\n  function show(input: TooltipInput, x: number, y: number, opts?: TooltipShowOptions): void {\n    // Custom-element form: trusted verbatim (host owns sanitization).\n    if ('element' in input) {\n      lastContentKey = '';\n      tooltip.replaceChildren(input.element);\n      position(x, y, opts);\n      return;\n    }\n    // Plain-text form: escaped via textContent, never innerHTML.\n    if ('text' in input) {\n      lastContentKey = '';\n      tooltip.textContent = input.text;\n      position(x, y, opts);\n      return;\n    }\n\n    const content = input;\n    // Fast content identity check: title + field count + first/last field values\n    // Includes the emphasized row: moving the pointer between series at the\n    // same x changes only which row is bold, and the fast path would skip it.\n    const emphasisIndex = content.fields.findIndex((f) => f.emphasis);\n    const contentKey = `${content.title}|${content.fields.length}|${content.fields[0]?.value}|${content.fields[content.fields.length - 1]?.value}|${emphasisIndex}`;\n\n    if (contentKey !== lastContentKey) {\n      lastContentKey = contentKey;\n\n      let html = '';\n\n      // Multi-series tooltips put a swatch on each row instead of in the\n      // header, so detect that case once.\n      const colorRowCount = content.fields.filter((f) => f.color && f.role !== 'total').length;\n      const perRowSwatches = colorRowCount > 1;\n\n      // Title row: header dot only when there's a single color (single-series)\n      if (content.title) {\n        const titleColor = perRowSwatches ? undefined : content.fields.find((f) => f.color)?.color;\n        html += '<div class=\"oc-tooltip-header\">';\n        if (titleColor) {\n          html += `<span class=\"oc-tooltip-dot\" style=\"background:${esc(titleColor)}\"></span>`;\n        }\n        html += `<span class=\"oc-tooltip-title\">${esc(content.title)}</span>`;\n        html += '</div>';\n      }\n\n      // Field rows\n      if (content.fields.length > 0) {\n        html += '<div class=\"oc-tooltip-body\">';\n        for (const field of content.fields) {\n          let rowClass = 'oc-tooltip-row';\n          if (field.emphasis) rowClass += ' oc-tooltip-row--emphasis';\n          if (field.role === 'total') rowClass += ' oc-tooltip-row--total';\n          html += `<div class=\"${rowClass}\">`;\n          html += '<span class=\"oc-tooltip-label\">';\n          if (perRowSwatches && field.color) {\n            html += `<span class=\"oc-tooltip-row-swatch\" style=\"background:${esc(field.color)}\"></span>`;\n          }\n          html += `${esc(field.label)}</span>`;\n          html += `<span class=\"oc-tooltip-value\">${esc(field.value)}</span>`;\n          html += '</div>';\n        }\n        html += '</div>';\n      }\n\n      tooltip.innerHTML = html;\n    }\n\n    position(x, y, opts);\n  }\n\n  /** Show and position the tooltip at a container-relative coordinate. */\n  function position(x: number, y: number, opts?: TooltipShowOptions): void {\n    tooltip.style.display = 'block';\n\n    // Position with viewport-aware edge avoidance via @floating-ui/dom.\n    // Uses a virtual element since the reference point is a coordinate,\n    // not a DOM element.\n    const positionId = ++currentPositionId;\n    const virtualRef = {\n      getBoundingClientRect() {\n        const rect = container.getBoundingClientRect();\n        return {\n          x: rect.left + x,\n          y: rect.top + y,\n          width: 0,\n          height: 0,\n          top: rect.top + y,\n          left: rect.left + x,\n          right: rect.left + x,\n          bottom: rect.top + y,\n        };\n      },\n    };\n\n    computePosition(virtualRef, tooltip, {\n      placement: opts?.placement ?? 'bottom-start',\n      middleware: [offset(TOOLTIP_OFFSET), flip(), shift({ padding: 8 })],\n    }).then(({ x: fx, y: fy }) => {\n      // Discard stale callbacks from earlier show() calls\n      if (positionId !== currentPositionId) return;\n      // computePosition returns coordinates relative to the tooltip's offset\n      // parent (the container with position: relative), so apply directly.\n      tooltip.style.left = `${fx}px`;\n      tooltip.style.top = `${fy}px`;\n    });\n  }\n\n  /** Re-anchor the tooltip at a new coordinate, leaving its content alone. */\n  function move(x: number, y: number, opts?: TooltipShowOptions): void {\n    // `position()` unhides the element, so moving a hidden tooltip would put\n    // whatever content was last rendered back on screen. A move only ever\n    // re-anchors something already visible.\n    if (tooltip.style.display !== 'block') return;\n    position(x, y, opts);\n  }\n\n  function hide(): void {\n    tooltip.style.display = 'none';\n    lastContentKey = '';\n  }\n\n  function destroy(): void {\n    document.removeEventListener('touchstart', handleDocumentTouch);\n    document.removeEventListener('keydown', handleDocumentKeydown);\n    if (tooltip.parentNode) {\n      tooltip.parentNode.removeChild(tooltip);\n    }\n  }\n\n  return { show, move, hide, destroy };\n}\n\nfunction esc(str: string): string {\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n    .replace(/'/g, '&#x27;');\n}\n","/**\n * Shared easing and interpolation primitives.\n *\n * Single source of truth for the hand-rolled easings used by the canvas\n * scheduler (motion/tween.ts), the update-transition driver (transition.ts)\n * and the story tweens (story/tween.ts). No `d3-ease` dependency.\n */\n\n/** Linear (identity) easing. Required for stacked/segmented handoffs. */\nexport function linear(t: number): number {\n  return t;\n}\n\n/** Cubic-out: decelerates into place. Maps to `'snappy'`. */\nexport function cubicOut(t: number): number {\n  const f = 1 - t;\n  return 1 - f * f * f;\n}\n\n/** Cubic-in-out: eases in and out. Maps to `'smooth'`. */\nexport function cubicInOut(t: number): number {\n  return t < 0.5 ? 4 * t * t * t : 1 - (-2 * t + 2) ** 3 / 2;\n}\n\nexport const clamp01 = (t: number): number => Math.min(1, Math.max(0, t));\n\nexport const lerp = (a: number, b: number, t: number): number => a + (b - a) * t;\n","import type { DarkMode } from '@opendata-ai/openchart-core';\n\n/**\n * Resolve a DarkMode option to a boolean. 'auto' consults the OS preference\n * via matchMedia; environments without matchMedia (SSR, happy-dom) resolve\n * to light.\n */\nexport function resolveDarkMode(mode?: DarkMode): boolean {\n  if (mode === 'force') return true;\n  if (mode === 'off' || mode === undefined) return false;\n  if (typeof window !== 'undefined' && window.matchMedia) {\n    return window.matchMedia('(prefers-color-scheme: dark)').matches;\n  }\n  return false;\n}\n","/**\n * Canvas animation scheduler.\n *\n * Owns the set of running rAF-driven animations and the first-frame arming.\n * The mount's render loop ticks the scheduler once per frame and re-arms rAF\n * only while animations are active — a continuous loop that costs nothing when\n * idle (the base render loop stays strictly dirty-flag).\n *\n * Shared by the graph canvas and the scatter canvas mark layer.\n *\n * Two hazards this design guards against:\n *\n * 1. **First-frame arming is the scheduler's job, not the call site's.** `add()`\n *    invokes the injected `requestFrame` on the idle→active transition, so no\n *    call site can forget to arm the first frame.\n *\n * 2. **Reentrancy.** A tween's `onDone` may call `update()` / `destroy()`, which\n *    trigger `finishAll` / `cancelAll` mid-tick. `tick()` iterates a SNAPSHOT of\n *    the animation list; `remove` / `cancelAll` are safe to call mid-tick.\n */\n\n/** A single rAF-driven animation. */\nexport interface Animation {\n  /** Advance to `now` (ms). Returns true while running, false when complete. */\n  tick(now: number): boolean;\n  /** Jump to the final state and fire completion callbacks. */\n  finish(): void;\n  /** Stop immediately without applying the final state or firing completion. */\n  cancel(): void;\n}\n\n/** Manages a set of active animations and drives frame arming. */\nexport class AnimationScheduler {\n  private animations = new Set<Animation>();\n  private readonly requestFrame: () => void;\n\n  /**\n   * @param requestFrame Called on the idle→active transition to arm the first\n   *   frame (typically the mount's `scheduleRender`).\n   */\n  constructor(requestFrame: () => void) {\n    this.requestFrame = requestFrame;\n  }\n\n  /** Add an animation. Arms the first frame if the scheduler was idle. */\n  add(a: Animation): void {\n    const wasIdle = this.animations.size === 0;\n    this.animations.add(a);\n    if (wasIdle) this.requestFrame();\n  }\n\n  /** Remove an animation without finishing or cancelling it. Safe mid-tick. */\n  remove(a: Animation): void {\n    this.animations.delete(a);\n  }\n\n  /**\n   * Advance all animations to `now`. Completed animations are removed. Returns\n   * true if any animation ran this frame (so the caller marks the frame dirty).\n   *\n   * Iterates a snapshot so an `onDone` that mutates the set (via update/destroy)\n   * can't corrupt the loop.\n   */\n  tick(now: number): boolean {\n    if (this.animations.size === 0) return false;\n    const snapshot = [...this.animations];\n    let ran = false;\n    for (const a of snapshot) {\n      // An earlier animation's onDone may have removed this one mid-loop.\n      if (!this.animations.has(a)) continue;\n      ran = true;\n      const running = a.tick(now);\n      if (!running) this.animations.delete(a);\n    }\n    return ran;\n  }\n\n  /** True while any animation is active (drives rAF re-arming). */\n  get active(): boolean {\n    return this.animations.size > 0;\n  }\n\n  /** Cancel every animation (no final state, no onDone). Used on teardown. */\n  cancelAll(): void {\n    const snapshot = [...this.animations];\n    this.animations.clear();\n    for (const a of snapshot) a.cancel();\n  }\n\n  /** Finish every animation (snap to final, fire onDone). Used before update(). */\n  finishAll(): void {\n    const snapshot = [...this.animations];\n    this.animations.clear();\n    for (const a of snapshot) a.finish();\n  }\n}\n","/**\n * Canvas motion primitives: easings, reduced-motion detection, and a generic\n * time-based tween.\n *\n * Canvas marks animate via a rAF scheduler (see scheduler.ts), NOT via CSS\n * keyframes like SVG charts. Only the easing vocabulary is shared with charts\n * (`'smooth'` / `'snappy'`). No `d3-ease` dependency — easings are hand-rolled,\n * matching `transition.ts`'s `cubicOut`.\n */\n\nimport type { AnimationEase } from '@opendata-ai/openchart-core';\nimport { cubicInOut, cubicOut } from './easing';\nimport type { Animation } from './scheduler';\n\n// ---------------------------------------------------------------------------\n// Easings (shared definitions live in easing.ts; re-exported for callers)\n// ---------------------------------------------------------------------------\n\nexport { cubicInOut, cubicOut, linear } from './easing';\n\n/** Resolve a named ease preset to an easing function. */\nexport function resolveEase(ease: AnimationEase): (t: number) => number {\n  return ease === 'snappy' ? cubicOut : cubicInOut;\n}\n\n// ---------------------------------------------------------------------------\n// Reduced motion\n// ---------------------------------------------------------------------------\n\n/**\n * Whether the user prefers reduced motion. Mirrors `transition.ts`: guards\n * SSR/happy-dom where matchMedia may be missing or throw.\n */\nexport function prefersReducedMotion(): boolean {\n  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return false;\n  try {\n    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  } catch {\n    return false;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Tween\n// ---------------------------------------------------------------------------\n\n/** Options for {@link createTween}. */\nexport interface TweenOptions {\n  /** Duration in ms. A duration <= 0 completes on the first tick. */\n  duration: number;\n  /** Easing function applied to the normalized 0..1 progress. */\n  ease: (t: number) => number;\n  /** Called each tick with the eased progress. */\n  apply: (t: number) => void;\n  /** Called once when the tween completes (not on cancel). */\n  onDone?: () => void;\n}\n\n/**\n * Create a time-based tween as an {@link Animation}.\n *\n * The start time locks on the FIRST `tick(now)` call (not at construction), so\n * a tween added while the scheduler is idle starts cleanly on the next frame\n * and tests get deterministic progress from a controllable clock.\n */\nexport function createTween(opts: TweenOptions): Animation {\n  const { duration, ease, apply, onDone } = opts;\n  let startTime: number | null = null;\n  let finished = false;\n\n  function settleAt(t: number): void {\n    apply(ease(t));\n  }\n\n  return {\n    tick(now: number): boolean {\n      if (finished) return false;\n      if (startTime === null) startTime = now;\n      const elapsed = now - startTime;\n      const raw = duration <= 0 ? 1 : Math.min(1, elapsed / duration);\n      settleAt(raw);\n      if (raw >= 1) {\n        finished = true;\n        onDone?.();\n        return false;\n      }\n      return true;\n    },\n    finish(): void {\n      if (finished) return;\n      finished = true;\n      settleAt(1);\n      onDone?.();\n    },\n    cancel(): void {\n      finished = true;\n    },\n  };\n}\n","/**\n * Spatial index for fast node hit-testing.\n *\n * Wraps d3-quadtree to provide findNearest (accounts for node radius)\n * and findInRect queries. Tracks a generation counter to avoid unnecessary\n * rebuilds when positions haven't changed.\n */\n\nimport { type Quadtree, quadtree } from 'd3-quadtree';\n\n/** Minimum shape a spatial-index entry must have. */\nexport interface SpatialEntry {\n  x: number;\n  y: number;\n  radius: number;\n}\n\nexport class SpatialIndex<T extends SpatialEntry = SpatialEntry> {\n  private tree: Quadtree<T> | null = null;\n  private nodes: T[] = [];\n  private maxRadius = 0;\n  private generation = 0;\n\n  /** Rebuild the quadtree from the current set of positioned nodes. */\n  rebuild(nodes: T[]): void {\n    this.nodes = nodes;\n    this.maxRadius = 0;\n    for (const n of nodes) {\n      if (n.radius > this.maxRadius) this.maxRadius = n.radius;\n    }\n\n    this.tree = quadtree<T>()\n      .x((d) => d.x)\n      .y((d) => d.y)\n      .addAll(nodes);\n    this.generation++;\n  }\n\n  /** Current generation counter. Increments on each rebuild. */\n  getGeneration(): number {\n    return this.generation;\n  }\n\n  /**\n   * Find the nearest node to (x, y) within maxDistance.\n   * Accounts for node radius: a hit occurs if the point is inside\n   * the node circle (distance to center < node.radius), or if the\n   * edge-to-edge distance is within maxDistance.\n   */\n  findNearest(x: number, y: number, maxDistance: number = Infinity): T | null {\n    if (!this.tree || this.nodes.length === 0) return null;\n\n    // The effective search radius for the quadtree needs to include\n    // the largest node radius, because we might be \"inside\" a large node\n    // whose center is far from our search point.\n    const searchRadius = maxDistance + this.maxRadius;\n\n    let best: T | null = null;\n    let bestEffectiveDist = maxDistance + this.maxRadius + 1;\n\n    this.tree.visit((node, x0, y0, x1, y1) => {\n      // Closest point in this quad to our target\n      const closestX = Math.max(x0, Math.min(x, x1));\n      const closestY = Math.max(y0, Math.min(y, y1));\n      const quadDist = Math.hypot(closestX - x, closestY - y);\n\n      // Prune: if the closest edge of this quad is beyond searchRadius, skip\n      if (quadDist > searchRadius) return true;\n\n      // Check leaf data\n      if (!node.length) {\n        let current = node;\n        do {\n          const d = current.data;\n          if (d) {\n            const dist = Math.hypot(d.x - x, d.y - y);\n            // Effective distance: subtract the node's radius.\n            // If we're inside the circle, effective distance is 0.\n            const effectiveDist = Math.max(0, dist - d.radius);\n            if (effectiveDist <= maxDistance && effectiveDist < bestEffectiveDist) {\n              bestEffectiveDist = effectiveDist;\n              best = d;\n            }\n          }\n        } while ((current = current.next!));\n      }\n\n      return false;\n    });\n\n    return best;\n  }\n\n  /** Find all nodes whose centers fall within the given rectangle. */\n  findInRect(x1: number, y1: number, x2: number, y2: number): T[] {\n    if (!this.tree) return [];\n\n    const minX = Math.min(x1, x2);\n    const minY = Math.min(y1, y2);\n    const maxX = Math.max(x1, x2);\n    const maxY = Math.max(y1, y2);\n\n    const results: T[] = [];\n\n    this.tree.visit((node, qx0, qy0, qx1, qy1) => {\n      // If quad doesn't overlap the search rect, skip\n      if (qx0 > maxX || qx1 < minX || qy0 > maxY || qy1 < minY) {\n        return true;\n      }\n\n      // Check leaf nodes\n      if (!node.length) {\n        let current = node;\n        do {\n          const d = current.data;\n          if (d && d.x >= minX && d.x <= maxX && d.y >= minY && d.y <= maxY) {\n            results.push(d);\n          }\n        } while ((current = current.next!));\n      }\n\n      return false;\n    });\n\n    return results;\n  }\n}\n"],"mappings":"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","names":[]}