@k2b/ui 0.2.0 → 0.3.0

package/dist/ssr/content/chart-explorer.js

@@ -0,0 +1,147 @@
+import { batch, createEffect, createSignal, onCleanup, untrack } from "solid-js";
+
+/** Omitted visibleKeys means no series filter; [] explicitly hides every series. */
+
+export const sameExplorerRequest = (a, b) => a.step === b.step && a.referenceStep === b.referenceStep && (a.visibleKeys === undefined || b.visibleKeys === undefined ? a.visibleKeys === b.visibleKeys : a.visibleKeys.length === b.visibleKeys.length && a.visibleKeys.every(key => b.visibleKeys.includes(key)));
+function validateRequest(request) {
+  if (request.step === "" || request.referenceStep === "" || request.referenceStep !== undefined && request.step === undefined || request.visibleKeys?.some(key => !key) || new Set(request.visibleKeys).size !== (request.visibleKeys?.length ?? 0)) {
+    throw new Error("Chart filters require nonempty unique keys; a reference requires a current step");
+  }
+}
+export function validateChartExplorerData(data) {
+  const keys = data.rows.map(row => row.key);
+  const rows = new Set(keys);
+  const marks = data.chart.marks.map(mark => mark.key);
+  if (keys.some(key => !key) || rows.size !== keys.length || marks.some(key => !key) || new Set(marks).size !== marks.length || data.chart.marks.some(mark => !rows.has(mark.rowKey))) {
+    throw new Error("Chart data requires unique row/mark keys and a row for every mark.rowKey");
+  }
+}
+
+/** One owner for one or many charts. Source/HTTP/aggregation remain caller-owned. */
+export function createChartExplorer(options) {
+  if (options.request && !options.onRequestChange) throw new Error("Controlled chart filters require onRequestChange");
+  if (options.selectedKey && !options.onSelectedKeyChange) throw new Error("Controlled chart selection requires onSelectedKeyChange");
+  const initial = options.snapshot();
+  const ids = Object.keys(initial.charts).sort();
+  if (!ids.length || ids.some(id => !id)) throw new Error("An explorer needs named charts");
+  const validate = value => {
+    validateRequest(value.request);
+    const nextIds = Object.keys(value.charts).sort();
+    if (nextIds.length !== ids.length || nextIds.some((id, i) => id !== ids[i])) throw new Error("Return every configured chart");
+    Object.values(value.charts).forEach(validateChartExplorerData);
+  };
+  validate(initial);
+  const [snapshot, setSnapshot] = createSignal(initial);
+  const [desired, setDesired] = createSignal(options.request?.() ?? initial.request);
+  const [loading, setLoading] = createSignal(false);
+  const [error, setError] = createSignal(null);
+  const [localSelection, setLocalSelection] = createSignal(null);
+  const rawSelection = () => options.selectedKey ? options.selectedKey() : localSelection();
+  const hasRow = (value, key) => Object.values(value.charts).some(data => data.rows.some(row => row.key === key));
+  const selectedKey = () => {
+    const key = rawSelection();
+    return key !== null && hasRow(snapshot(), key) ? key : null;
+  };
+  const select = key => {
+    if (key !== null && !hasRow(snapshot(), key)) return;
+    if (!options.selectedKey) setLocalSelection(key);
+    options.onSelectedKeyChange?.(key);
+  };
+  let pending;
+  let disposed = false;
+  const adopt = next => {
+    setSnapshot(() => next);
+    const key = rawSelection();
+    if (!options.selectedKey && key !== null && !hasRow(next, key)) select(null);
+  };
+  const execute = async (next, force = false) => {
+    if (disposed) return;
+    validateRequest(next);
+    if (!force && pending && sameExplorerRequest(next, desired())) return;
+    pending?.abort();
+    const controller = new AbortController();
+    pending = controller;
+    batch(() => {
+      setDesired(next);
+      setError(null);
+    });
+    if (!force && sameExplorerRequest(next, snapshot().request)) {
+      pending = undefined;
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const result = await options.load(next, controller.signal);
+      if (controller.signal.aborted || pending !== controller) return;
+      if (!sameExplorerRequest(result.request, next)) throw new Error("Chart response does not match requested filters");
+      validate(result);
+      batch(() => adopt(result));
+    } catch (cause) {
+      if (!controller.signal.aborted && pending === controller) setError(() => cause instanceof Error ? cause : new Error("Could not load chart data", {
+        cause
+      }));
+    } finally {
+      if (!controller.signal.aborted && pending === controller) {
+        setLoading(false);
+        pending = undefined;
+      }
+    }
+  };
+  createEffect(() => {
+    const next = options.snapshot();
+    untrack(() => {
+      validate(next);
+      pending?.abort();
+      pending = undefined;
+      batch(() => {
+        adopt(next);
+        setDesired(options.request?.() ?? next.request);
+        setLoading(false);
+        setError(null);
+      });
+    });
+  });
+  createEffect(() => {
+    options.snapshot();
+    const request = options.request?.();
+    if (request) untrack(() => {
+      void execute(request);
+    });
+  });
+  onCleanup(() => {
+    disposed = true;
+    pending?.abort();
+  });
+  const setRequest = next => {
+    validateRequest(next);
+    if (!options.request) void execute(next);
+    options.onRequestChange?.(next);
+  };
+  return {
+    snapshot,
+    desired,
+    loading,
+    error,
+    selectedKey,
+    select,
+    setRequest,
+    /** Force a fresh read of the desired filters, even when nothing changed. */
+    refresh: () => execute(options.request?.() ?? desired(), true),
+    retry: () => execute(options.request?.() ?? desired(), true),
+    pinReference() {
+      const step = snapshot().request.step;
+      if (step !== undefined) setRequest({
+        ...desired(),
+        referenceStep: step
+      });
+    },
+    clearReference() {
+      setRequest({
+        ...desired(),
+        referenceStep: undefined
+      });
+    }
+  };
+}
+//# sourceMappingURL=chart-explorer.js.map

package/dist/ssr/content/chart-explorer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["batch","createEffect","createSignal","onCleanup","untrack","sameExplorerRequest","a","b","step","referenceStep","visibleKeys","undefined","length","every","key","includes","validateRequest","request","some","Set","size","Error","validateChartExplorerData","data","keys","rows","map","row","marks","chart","mark","has","rowKey","createChartExplorer","options","onRequestChange","selectedKey","onSelectedKeyChange","initial","snapshot","ids","Object","charts","sort","id","validate","value","nextIds","i","values","forEach","setSnapshot","desired","setDesired","loading","setLoading","error","setError","localSelection","setLocalSelection","rawSelection","hasRow","select","pending","disposed","adopt","next","execute","force","abort","controller","AbortController","result","load","signal","aborted","cause","setRequest","refresh","retry","pinReference","clearReference"],"sources":["content/chart-explorer.ts"],"sourcesContent":["import { batch, createEffect, createSignal, onCleanup, untrack, type Accessor } from \"solid-js\";\nimport type { ChartSnapshot } from \"./chart-snapshot\";\n\n/** Omitted visibleKeys means no series filter; [] explicitly hides every series. */\nexport type ChartExplorerRequest = { step?: string; visibleKeys?: readonly string[]; referenceStep?: string };\nexport type ChartExplorerRow = { key: string };\nexport type ChartExplorerData<T extends ChartExplorerRow = ChartExplorerRow> = { chart: ChartSnapshot; rows: readonly T[] };\nexport type ChartExplorerCharts = Readonly<Record<string, ChartExplorerData>>;\nexport type ChartExplorerSnapshot<C extends ChartExplorerCharts> = { request: ChartExplorerRequest; charts: C };\nexport type ChartExplorerOptions<C extends ChartExplorerCharts> = {\n  /** Authoritative initial/replacement data. Replacements cancel pending work. */\n  snapshot: Accessor<ChartExplorerSnapshot<C>>;\n  load: (\n    request: ChartExplorerRequest,\n    signal: AbortSignal,\n  ) => ChartExplorerSnapshot<NoInfer<C>> | Promise<ChartExplorerSnapshot<NoInfer<C>>>;\n  /** Optional controlled filters. Changes trigger loading; setRequest emits onRequestChange. */\n  request?: Accessor<ChartExplorerRequest>;\n  onRequestChange?: (request: ChartExplorerRequest) => void;\n  selectedKey?: Accessor<string | null>;\n  onSelectedKeyChange?: (key: string | null) => void;\n};\nexport type ChartExplorerController<C extends ChartExplorerCharts> = ReturnType<typeof createChartExplorer<C>>;\n\nexport const sameExplorerRequest = (a: ChartExplorerRequest, b: ChartExplorerRequest) =>\n  a.step === b.step &&\n  a.referenceStep === b.referenceStep &&\n  (a.visibleKeys === undefined || b.visibleKeys === undefined\n    ? a.visibleKeys === b.visibleKeys\n    : a.visibleKeys.length === b.visibleKeys.length && a.visibleKeys.every((key) => b.visibleKeys!.includes(key)));\n\nfunction validateRequest(request: ChartExplorerRequest) {\n  if (\n    request.step === \"\" ||\n    request.referenceStep === \"\" ||\n    (request.referenceStep !== undefined && request.step === undefined) ||\n    request.visibleKeys?.some((key) => !key) ||\n    new Set(request.visibleKeys).size !== (request.visibleKeys?.length ?? 0)\n  ) {\n    throw new Error(\"Chart filters require nonempty unique keys; a reference requires a current step\");\n  }\n}\n\nexport function validateChartExplorerData(data: ChartExplorerData) {\n  const keys = data.rows.map((row) => row.key);\n  const rows = new Set(keys);\n  const marks = data.chart.marks.map((mark) => mark.key);\n  if (\n    keys.some((key) => !key) ||\n    rows.size !== keys.length ||\n    marks.some((key) => !key) ||\n    new Set(marks).size !== marks.length ||\n    data.chart.marks.some((mark) => !rows.has(mark.rowKey))\n  ) {\n    throw new Error(\"Chart data requires unique row/mark keys and a row for every mark.rowKey\");\n  }\n}\n\n/** One owner for one or many charts. Source/HTTP/aggregation remain caller-owned. */\nexport function createChartExplorer<C extends ChartExplorerCharts>(options: ChartExplorerOptions<C>) {\n  if (options.request && !options.onRequestChange) throw new Error(\"Controlled chart filters require onRequestChange\");\n  if (options.selectedKey && !options.onSelectedKeyChange) throw new Error(\"Controlled chart selection requires onSelectedKeyChange\");\n  const initial = options.snapshot();\n  const ids = Object.keys(initial.charts).sort();\n  if (!ids.length || ids.some((id) => !id)) throw new Error(\"An explorer needs named charts\");\n  const validate = (value: ChartExplorerSnapshot<C>) => {\n    validateRequest(value.request);\n    const nextIds = Object.keys(value.charts).sort();\n    if (nextIds.length !== ids.length || nextIds.some((id, i) => id !== ids[i])) throw new Error(\"Return every configured chart\");\n    Object.values(value.charts).forEach(validateChartExplorerData);\n  };\n  validate(initial);\n  const [snapshot, setSnapshot] = createSignal(initial);\n  const [desired, setDesired] = createSignal(options.request?.() ?? initial.request);\n  const [loading, setLoading] = createSignal(false);\n  const [error, setError] = createSignal<Error | null>(null);\n  const [localSelection, setLocalSelection] = createSignal<string | null>(null);\n  const rawSelection = () => (options.selectedKey ? options.selectedKey() : localSelection());\n  const hasRow = (value: ChartExplorerSnapshot<C>, key: string) =>\n    Object.values(value.charts).some((data) => data.rows.some((row) => row.key === key));\n  const selectedKey = () => {\n    const key = rawSelection();\n    return key !== null && hasRow(snapshot(), key) ? key : null;\n  };\n  const select = (key: string | null) => {\n    if (key !== null && !hasRow(snapshot(), key)) return;\n    if (!options.selectedKey) setLocalSelection(key);\n    options.onSelectedKeyChange?.(key);\n  };\n  let pending: AbortController | undefined;\n  let disposed = false;\n  const adopt = (next: ChartExplorerSnapshot<C>) => {\n    setSnapshot(() => next);\n    const key = rawSelection();\n    if (!options.selectedKey && key !== null && !hasRow(next, key)) select(null);\n  };\n  const execute = async (next: ChartExplorerRequest, force = false) => {\n    if (disposed) return;\n    validateRequest(next);\n    if (!force && pending && sameExplorerRequest(next, desired())) return;\n    pending?.abort();\n    const controller = new AbortController();\n    pending = controller;\n    batch(() => {\n      setDesired(next);\n      setError(null);\n    });\n    if (!force && sameExplorerRequest(next, snapshot().request)) {\n      pending = undefined;\n      setLoading(false);\n      return;\n    }\n    setLoading(true);\n    try {\n      const result = await options.load(next, controller.signal);\n      if (controller.signal.aborted || pending !== controller) return;\n      if (!sameExplorerRequest(result.request, next)) throw new Error(\"Chart response does not match requested filters\");\n      validate(result);\n      batch(() => adopt(result));\n    } catch (cause) {\n      if (!controller.signal.aborted && pending === controller)\n        setError(() => (cause instanceof Error ? cause : new Error(\"Could not load chart data\", { cause })));\n    } finally {\n      if (!controller.signal.aborted && pending === controller) {\n        setLoading(false);\n        pending = undefined;\n      }\n    }\n  };\n  createEffect(() => {\n    const next = options.snapshot();\n    untrack(() => {\n      validate(next);\n      pending?.abort();\n      pending = undefined;\n      batch(() => {\n        adopt(next);\n        setDesired(options.request?.() ?? next.request);\n        setLoading(false);\n        setError(null);\n      });\n    });\n  });\n  createEffect(() => {\n    options.snapshot();\n    const request = options.request?.();\n    if (request)\n      untrack(() => {\n        void execute(request);\n      });\n  });\n  onCleanup(() => {\n    disposed = true;\n    pending?.abort();\n  });\n  const setRequest = (next: ChartExplorerRequest) => {\n    validateRequest(next);\n    if (!options.request) void execute(next);\n    options.onRequestChange?.(next);\n  };\n  return {\n    snapshot,\n    desired,\n    loading,\n    error,\n    selectedKey,\n    select,\n    setRequest,\n    /** Force a fresh read of the desired filters, even when nothing changed. */\n    refresh: () => execute(options.request?.() ?? desired(), true),\n    retry: () => execute(options.request?.() ?? desired(), true),\n    pinReference() {\n      const step = snapshot().request.step;\n      if (step !== undefined) setRequest({ ...desired(), referenceStep: step });\n    },\n    clearReference() {\n      setRequest({ ...desired(), referenceStep: undefined });\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/chart-inspection.js

@@ -0,0 +1,447 @@
+import { createEffect, onCleanup } from "solid-js";
+import { positionTooltipSurface } from "../feedback/tooltip-position";
+export const sameChartDatum = (a, b) => a.role === b.role && a.index === b.index && a.seriesIndex === b.seriesIndex;
+const object = value => typeof value === "object" && value !== null;
+const pair = value => Array.isArray(value) && value.length === 2 && value.every(n => typeof n === "number" && Number.isFinite(n));
+const roles = new Set(["point", "item", "bin", "box", "outlier", "value", "cell", "interval"]);
+export function isChartDatum(value) {
+  return object(value) && Number.isInteger(value.index) && typeof value.index === "number" && value.index >= 0 && (value.seriesIndex === undefined || typeof value.seriesIndex === "number" && Number.isInteger(value.seriesIndex) && value.seriesIndex >= 0) && typeof value.role === "string" && roles.has(value.role) && pair(value.anchor) && (value.grid === undefined || pair(value.grid)) && (value.label === undefined || typeof value.label === "string") && Array.isArray(value.values) && value.values.every(field => object(field) && typeof field.key === "string" && (typeof field.value === "string" || typeof field.value === "number" && Number.isFinite(field.value)) && (field.formatted === undefined || typeof field.formatted === "string"));
+}
+
+/** Enhances existing SVG nodes. Pointer/focus changes never rebuild the chart. */
+export function createChartInspection(options) {
+  const source = Symbol("chart cursor");
+  let entries;
+  let sortedPoints = [];
+  const byElement = new Map();
+  let active;
+  let highlighted = [];
+  let pinned = false;
+  let pointerStart;
+  let moved = false;
+  let pending;
+  let frame;
+  const records = () => {
+    if (!entries || entries.length > 0 && !entries[0].element.isConnected) {
+      entries = [];
+      byElement.clear();
+      sortedPoints = [];
+      for (const element of Array.from(options.container()?.querySelectorAll("[data-chart-datum]") ?? [])) {
+        try {
+          const value = JSON.parse(element.getAttribute("data-chart-datum") ?? "null");
+          if (isChartDatum(value)) {
+            const entry = {
+              element,
+              datum: value
+            };
+            entries.push(entry);
+            byElement.set(element, entry);
+          }
+        } catch {
+          /* Only valid renderer metadata participates in inspection. */
+        }
+      }
+      sortedPoints = entries.filter(entry => entry.datum.role === "point").sort((a, b) => a.datum.anchor[0] - b.datum.anchor[0]);
+    }
+    return entries;
+  };
+  const highlightColor = item => {
+    // Read the actual paint before applying inspection styles, including
+    // custom series and threshold colors. Invisible points use their line.
+    const point = item.element.querySelector(".stdlib-chart-inspection-point");
+    const source = point ? options.container()?.querySelector(options.kind() === "line" ? `.stdlib-chart-line.stdlib-chart-series-${(item.datum.seriesIndex ?? 0) % 8}` : ".stdlib-chart-sparkline, .stdlib-chart-stat-sparkline") : item.element.querySelector(".stdlib-chart-bar-gauge-fill, .stdlib-chart-gauge-fill, .stdlib-chart-stat-value") ?? item.element.querySelector("rect, path, circle");
+    const paint = source ? source.ownerDocument.defaultView?.getComputedStyle(source) : undefined;
+    const color = (point || item.element.hasAttribute("data-chart-reference") ? paint?.stroke : paint?.fill) || `var(--stdlib-chart-c${(item.datum.seriesIndex ?? 0) % 8 + 1})`;
+    return `color-mix(in srgb, ${color} 72%, var(--k2b-chart-highlight-mix))`;
+  };
+  const selectData = selected => {
+    for (const entry of records()) {
+      const matches = selected.some(datum => sameChartDatum(datum, entry.datum));
+      if (matches) entry.element.style.setProperty("--k2b-chart-selection-color", highlightColor(entry));else entry.element.style.removeProperty("--k2b-chart-selection-color");
+      entry.element.toggleAttribute("data-selected", matches);
+    }
+  };
+  const screenPoint = entry => {
+    const matrix = entry.element.getScreenCTM?.();
+    const [x, y] = entry.datum.anchor;
+    if (matrix) return {
+      x: matrix.a * x + matrix.c * y + matrix.e,
+      y: matrix.b * x + matrix.d * y + matrix.f
+    };
+    const rect = entry.element.getBoundingClientRect();
+    return {
+      x: rect.x + rect.width / 2,
+      y: rect.y + rect.height / 2
+    };
+  };
+  const visibleRecords = () => {
+    const nodes = records();
+    if (options.kind() !== "map") return nodes;
+    const viewport = options.container()?.querySelector(".stdlib-chart-map-viewport");
+    if (!viewport?.getScreenCTM?.()) return nodes;
+    const root = viewport.ownerSVGElement?.getBoundingClientRect();
+    if (!root?.width || !root.height) return nodes;
+    const width = viewport?.width?.baseVal.value;
+    const height = viewport?.height?.baseVal.value;
+    if (!width || !height) return nodes;
+    const left = root.left + viewport.x.baseVal.value;
+    const top = root.top + viewport.y.baseVal.value;
+    const clip = {
+      left,
+      top,
+      right: left + width,
+      bottom: top + height
+    };
+    return nodes.filter(entry => {
+      const point = screenPoint(entry);
+      return point.x >= clip.left && point.x <= clip.right && point.y >= clip.top && point.y <= clip.bottom;
+    });
+  };
+  const rawX = entry => entry.datum.values.find(field => field.key === "x")?.value;
+  const seriesChart = () => options.kind() === "line" || options.kind() === "sparkline";
+  const clearHighlight = () => {
+    for (const entry of highlighted) {
+      entry.element.removeAttribute("data-inspected");
+      entry.element.style.removeProperty("--k2b-chart-inspection-color");
+      if (!entry.element.getAttribute("style")) entry.element.removeAttribute("style");
+    }
+    highlighted = [];
+  };
+  const close = (broadcast = true, cancelPending = true) => {
+    const state = options.cursor?.()?.read();
+    if (broadcast && state && state.source !== source) return;
+    if (broadcast) options.cursor?.()?.clear(source);
+    options.container()?.removeAttribute("data-cursor-source");
+    pinned = false;
+    active = undefined;
+    clearHighlight();
+    options.container()?.removeAttribute("aria-describedby");
+    options.container()?.removeAttribute("data-inspecting");
+    const tooltip = options.tooltip();
+    if (tooltip) {
+      try {
+        if (tooltip.matches(":popover-open")) tooltip.hidePopover();
+      } catch {
+        /* Detached during navigation. */
+      }
+    }
+    if (cancelPending) {
+      if (frame !== undefined) cancelAnimationFrame(frame);
+      frame = undefined;
+      pending = undefined;
+    }
+  };
+  const invalidate = () => {
+    options.cursor?.()?.clear(source);
+    close(false);
+    entries = undefined;
+    sortedPoints = [];
+    byElement.clear();
+    receive(options.cursor?.()?.read() ?? null);
+  };
+  const show = (entry, broadcast = true) => {
+    const x = rawX(entry);
+    if (broadcast && options.kind() === "line" && typeof x === "number") options.cursor?.()?.move(source, x);
+    const tooltip = options.tooltip(),
+      anchor = options.anchor(),
+      container = options.container();
+    if (!tooltip || !anchor || !container || !options.enabled()) return;
+    if (active === entry && tooltip.matches(":popover-open")) return;
+    clearHighlight();
+    active = entry;
+    highlighted = options.kind() === "line" ? records().filter(candidate => rawX(candidate) === rawX(entry)) : [entry];
+    for (const item of highlighted) {
+      item.element.style.setProperty("--k2b-chart-inspection-color", highlightColor(item));
+      item.element.setAttribute("data-inspected", "true");
+    }
+    const document = tooltip.ownerDocument;
+    const contents = highlighted.map(item => ({
+      item,
+      content: options.format({
+        kind: options.kind(),
+        datum: item.datum
+      }),
+      missing: false
+    }));
+    if (options.cursor?.() && options.kind() === "line") {
+      const present = new Set(highlighted.map(item => item.datum.seriesIndex));
+      for (const item of records()) {
+        if (present.has(item.datum.seriesIndex)) continue;
+        present.add(item.datum.seriesIndex);
+        contents.push({
+          item,
+          content: options.format({
+            kind: options.kind(),
+            datum: item.datum
+          }),
+          missing: true
+        });
+      }
+      contents.sort((a, b) => (a.item.datum.seriesIndex ?? 0) - (b.item.datum.seriesIndex ?? 0));
+    }
+    tooltip.replaceChildren();
+    const sharedTitle = typeof x === "number" ? options.cursor?.()?.formatX?.(x) : undefined;
+    const commonTitle = sharedTitle ?? (contents.every(({
+      content
+    }) => content.title === contents[0]?.content.title) ? contents[0]?.content.title : undefined);
+    if (commonTitle) {
+      const title = document.createElement("strong");
+      title.className = "k2b-chart__tooltip-title";
+      title.textContent = commonTitle;
+      tooltip.append(title);
+    }
+    for (const {
+      item,
+      content,
+      missing
+    } of contents) {
+      if (content.title && !commonTitle) {
+        const title = document.createElement("strong");
+        title.className = "k2b-chart__tooltip-title";
+        title.textContent = content.title;
+        tooltip.append(title);
+      }
+      for (const row of content.rows) {
+        const line = document.createElement("span");
+        line.className = "k2b-chart__tooltip-row";
+        if (options.kind() === "line") {
+          const swatch = document.createElement("i");
+          swatch.setAttribute("aria-hidden", "true");
+          const series = container.querySelector(`.stdlib-chart-line.stdlib-chart-series-${(item.datum.seriesIndex ?? 0) % 8}`);
+          swatch.style.background = series ? getComputedStyle(series).stroke : `var(--stdlib-chart-c${(item.datum.seriesIndex ?? 0) % 8 + 1})`;
+          line.append(swatch);
+        }
+        const label = document.createElement("span");
+        label.textContent = `${row.label}: `;
+        const value = document.createElement("b");
+        value.textContent = missing ? "—" : row.value;
+        line.append(label, value);
+        tooltip.append(line);
+      }
+    }
+    const rect = container.getBoundingClientRect(),
+      point = screenPoint(entry);
+    anchor.style.left = `${point.x - rect.left}px`;
+    anchor.style.top = `${point.y - rect.top}px`;
+    updatePlotBounds();
+    container.style.setProperty("--k2b-chart-inspection-x", `${point.x - rect.left}px`);
+    container.setAttribute("data-inspecting", seriesChart() ? "series" : "datum");
+    container.setAttribute("aria-describedby", tooltip.id);
+    try {
+      if (!tooltip.matches(":popover-open")) tooltip.showPopover();
+      positionTooltipSurface(tooltip, anchor);
+    } catch {
+      /* SVG titles remain available without the Popover API. */
+    }
+  };
+  const updatePlotBounds = () => {
+    const container = options.container();
+    if (!container) return;
+    const axes = Array.from(container.querySelectorAll(".stdlib-chart-axis")).map(axis => axis.getBoundingClientRect());
+    if (axes.length < 2) return;
+    const left = Math.min(...axes.map(a => a.left)),
+      right = Math.max(...axes.map(a => a.right));
+    const top = Math.min(...axes.map(a => a.top)),
+      bottom = Math.max(...axes.map(a => a.bottom));
+    if (right <= left || bottom <= top) return;
+    const rect = container.getBoundingClientRect();
+    for (const [name, value] of Object.entries({
+      left: left - rect.left,
+      right: rect.right - right,
+      top: top - rect.top,
+      bottom: rect.bottom - bottom
+    })) container.style.setProperty(`--k2b-chart-plot-${name}`, `${value}px`);
+    return {
+      left,
+      right,
+      top,
+      bottom
+    };
+  };
+  const receive = state => {
+    if (state?.source === source) return;
+    close(false, false);
+    if (!state || options.kind() !== "line") return;
+    const entry = records().find(item => rawX(item) === state.x);
+    if (entry) show(entry, false);
+  };
+  createEffect(() => {
+    const cursor = options.cursor?.();
+    const unsubscribe = cursor?.subscribe(receive);
+    onCleanup(() => {
+      unsubscribe?.();
+      cursor?.clear(source);
+    });
+  });
+  onCleanup(() => close(false));
+  const nearest = (x, y, target) => {
+    if (target?.closest("button,a") && !target.closest("[data-chart-datum]")) return;
+    if (seriesChart()) {
+      const plot = updatePlotBounds();
+      if (plot && (x < plot.left || x > plot.right || y < plot.top || y > plot.bottom)) return;
+    }
+    const nodes = visibleRecords();
+    const direct = target?.closest("[data-chart-datum]");
+    const hit = direct ? byElement.get(direct) : undefined;
+    if (hit && nodes.includes(hit)) return hit;
+    // Exact shapes win. A small physical hit radius also reaches tiny or
+    // zero-sized marks; distant whitespace leaves the chart unselected.
+    const points = seriesChart() ? sortedPoints : nodes;
+    if (seriesChart() && points.length) {
+      const matrix = points[0].element.getScreenCTM?.();
+      if (matrix) {
+        const determinant = matrix.a * matrix.d - matrix.b * matrix.c;
+        if (!determinant) return;
+        const targetX = ((x - matrix.e) * matrix.d - (y - matrix.f) * matrix.c) / determinant;
+        let low = 0,
+          high = points.length - 1;
+        while (low < high) {
+          const mid = Math.floor((low + high) / 2);
+          if (points[mid].datum.anchor[0] < targetX) low = mid + 1;else high = mid;
+        }
+        const previous = Math.max(0, low - 1);
+        return Math.abs(points[previous].datum.anchor[0] - targetX) <= Math.abs(points[low].datum.anchor[0] - targetX) ? points[previous] : points[low];
+      }
+    }
+    const matrices = new Map();
+    let best,
+      distance = Infinity;
+    for (const entry of points) {
+      const svg = entry.element.ownerSVGElement;
+      if (svg && !matrices.has(svg)) matrices.set(svg, svg.getScreenCTM?.() ?? null);
+      const matrix = svg ? matrices.get(svg) : null;
+      const [ax, ay] = entry.datum.anchor;
+      const point = matrix ? {
+        x: matrix.a * ax + matrix.c * ay + matrix.e,
+        y: matrix.b * ax + matrix.d * ay + matrix.f
+      } : screenPoint(entry);
+      const dx = point.x - x,
+        dy = point.y - y;
+      const next = seriesChart() ? Math.abs(dx) : Math.hypot(dx, dy);
+      if (next < distance) {
+        distance = next;
+        best = entry;
+      }
+    }
+    return seriesChart() || distance <= 24 ? best : undefined;
+  };
+  const move = event => {
+    if (event.target instanceof Node && options.tooltip()?.contains(event.target)) return;
+    if (pointerStart && Math.hypot(event.clientX - pointerStart.x, event.clientY - pointerStart.y) > 6) moved = true;
+    if (!options.enabled() || pinned || event.pointerType === "touch" || event.buttons) return;
+    pending = {
+      x: event.clientX,
+      y: event.clientY,
+      target: event.target instanceof Element ? event.target : null
+    };
+    if (frame !== undefined) return;
+    frame = requestAnimationFrame(() => {
+      frame = undefined;
+      const sample = pending;
+      pending = undefined;
+      if (!sample) return;
+      const entry = nearest(sample.x, sample.y, sample.target);
+      if (entry) {
+        show(entry);
+        if (seriesChart()) {
+          const container = options.container();
+          container?.setAttribute("data-cursor-source", "true");
+          container?.style.setProperty("--k2b-chart-inspection-y", `${sample.y - container.getBoundingClientRect().top}px`);
+        }
+      } else close();
+    });
+  };
+  const down = event => {
+    pointerStart = {
+      x: event.clientX,
+      y: event.clientY
+    };
+    moved = false;
+  };
+  const click = event => {
+    if (!options.enabled() || moved || event.target instanceof Element && event.target.closest("button,a")) return;
+    const entry = nearest(event.clientX, event.clientY, event.target instanceof Element ? event.target : null);
+    if (!entry) {
+      close();
+      return;
+    }
+    pinned = true;
+    show(entry);
+    options.select({
+      kind: options.kind(),
+      datum: entry.datum
+    });
+  };
+  const focus = event => {
+    if (event.target !== options.container() || !options.enabled()) return;
+    const nodes = visibleRecords();
+    const first = options.kind() === "line" ? sortedPoints.at(-1) : nodes[0];
+    if (first) show(first);
+  };
+  const key = event => {
+    if (!options.enabled() || event.target !== options.container()) return false;
+    if (event.key === "Escape") {
+      close();
+      return true;
+    }
+    if (event.key === "Enter" && active) {
+      if (options.kind() === "map" && !visibleRecords().includes(active)) {
+        close();
+        return true;
+      }
+      event.preventDefault();
+      pinned = true;
+      const link = active.element.closest("a");
+      if (link) link.dispatchEvent(new MouseEvent("click", {
+        bubbles: true,
+        cancelable: true
+      }));else options.select({
+        kind: options.kind(),
+        datum: active.datum
+      });
+      return true;
+    }
+    const navigationChart = options.kind() === "map" || options.kind() === "stateTimeline";
+    if (navigationChart && !event.altKey) return false;
+    if (!["Home", "End", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(event.key)) return false;
+    let nodes = visibleRecords();
+    if (seriesChart()) nodes = [...nodes].sort((a, b) => a.datum.anchor[0] - b.datum.anchor[0]);
+    if (options.kind() === "line") {
+      const seen = new Set();
+      nodes = nodes.filter(entry => {
+        const x = rawX(entry);
+        if (seen.has(x)) return false;
+        seen.add(x);
+        return true;
+      });
+    }
+    if (!nodes.length) return false;
+    event.preventDefault();
+    pinned = false;
+    let index = active ? options.kind() === "line" ? nodes.findIndex(entry => rawX(entry) === rawX(active)) : nodes.indexOf(active) : -1;
+    if (event.key === "Home") index = 0;else if (event.key === "End") index = nodes.length - 1;else if (active?.datum.grid && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(event.key)) {
+      const [x, y] = active.datum.grid;
+      const dx = event.key === "ArrowLeft" ? -1 : event.key === "ArrowRight" ? 1 : 0;
+      const dy = event.key === "ArrowUp" ? -1 : event.key === "ArrowDown" ? 1 : 0;
+      const next = nodes.filter(entry => entry.datum.grid && (dx ? entry.datum.grid[1] === y && (entry.datum.grid[0] - x) * dx > 0 : entry.datum.grid[0] === x && (entry.datum.grid[1] - y) * dy > 0)).sort((a, b) => Math.abs(a.datum.grid[0] - x) + Math.abs(a.datum.grid[1] - y) - Math.abs(b.datum.grid[0] - x) - Math.abs(b.datum.grid[1] - y))[0];
+      if (next) index = nodes.indexOf(next);
+    } else index += event.key === "ArrowLeft" || event.key === "ArrowUp" ? -1 : 1;
+    show(nodes[Math.max(0, Math.min(nodes.length - 1, index))]);
+    return true;
+  };
+  return {
+    selectDatum: selected => selectData(selected ? [selected] : []),
+    selectData,
+    move,
+    down,
+    click,
+    focus,
+    key,
+    close: () => close(),
+    invalidate,
+    leave: () => {
+      if (!pinned) close();
+    }
+  };
+}
+//# sourceMappingURL=chart-inspection.js.map