blazeplot 0.2.1 → 0.3.0

package/dist/plugins/selection.d.ts

@@ -0,0 +1,3 @@
+export { selectionPlugin } from '../ui/Selection.js';
+export type { SelectionBounds, SelectionEvent, SelectionEventType, SelectionMode, SelectionPlotBounds, SelectionPlugin, SelectionPluginOptions, SelectionSamplePhase, SelectionSeriesSamples, SelectionState } from '../ui/Selection.js';
+//# sourceMappingURL=selection.d.ts.map

package/dist/plugins/selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../src/plugins/selection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,kBAAkB,EAAE,aAAa,EAAE,mBAAmB,EAAE,eAAe,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/plugins/selection.js

@@ -0,0 +1,144 @@
+//#region src/ui/Selection.ts
+var e = "rgba(59, 130, 246, 0.16)", t = "rgba(147, 197, 253, 0.95)";
+function n(e, t, n) {
+	return Math.max(t, Math.min(e, n));
+}
+function r(e, t, n, r) {
+	let i = Math.min(e[0], t[0]), a = Math.max(e[0], t[0]), o = Math.min(e[1], t[1]), s = Math.max(e[1], t[1]);
+	return {
+		xMin: r === "y-range" ? n.xMin : i,
+		xMax: r === "y-range" ? n.xMax : a,
+		yMin: r === "x-range" ? n.yMin : o,
+		yMax: r === "x-range" ? n.yMax : s
+	};
+}
+function i(e, t, r, i) {
+	if (r.width <= 0 || r.height <= 0) return null;
+	let a = n(e - r.left, 0, r.width), o = n(t - r.top, 0, r.height);
+	return [i.xMin + a / r.width * (i.xMax - i.xMin), i.yMax - o / r.height * (i.yMax - i.yMin)];
+}
+function a(e, t, r) {
+	let i = n(e.startX - t.left, 0, t.width), a = n(e.startY - t.top, 0, t.height), o = n(e.currentX - t.left, 0, t.width), s = n(e.currentY - t.top, 0, t.height);
+	return {
+		left: r === "y-range" ? 0 : Math.min(i, o),
+		top: r === "x-range" ? 0 : Math.min(a, s),
+		width: r === "y-range" ? t.width : Math.abs(o - i),
+		height: r === "x-range" ? t.height : Math.abs(s - a)
+	};
+}
+function o(e, t, n, r, i) {
+	let a = [], o = n === "x-range", s = {
+		xMin: t.xMin,
+		xMax: t.xMax,
+		yMin: -Infinity,
+		yMax: Infinity
+	};
+	for (let n of e) {
+		if (!n.visible || !o && n.yAxis !== r) continue;
+		let e = n.series.visibleIndexRange(s), c = [], l = 0;
+		for (let r = e.start; r < e.end; r++) {
+			let e = n.series.sampleAt(r);
+			e && (!o && (e.y < t.yMin || e.y > t.yMax) || (l++, c.length < i && c.push(e)));
+		}
+		l !== 0 && a.push({
+			series: n.series,
+			seriesIndex: n.index,
+			id: n.id,
+			name: n.name,
+			yAxis: n.yAxis,
+			samples: c,
+			total: l,
+			truncated: l > c.length
+		});
+	}
+	return a;
+}
+function s(n = {}) {
+	let s = n.mode ?? "xy", c = n.yAxis ?? "left", l = n.minDragDistancePx ?? 4, u = Math.max(0, Math.floor(n.maxSamplesPerSeries ?? 5e3)), d = n.samplePhase ?? "commit", f = null, p = null, m = null, h = null, g = (e, t) => {
+		if (!(!e || !n.onSeriesSelectionChange)) for (let r of e.getSeriesState()) {
+			let e = t?.samples.find((e) => e.series === r.series) ?? null;
+			n.onSeriesSelectionChange(r, e !== null, e, t);
+		}
+	}, _ = (e, t, r) => {
+		let i = {
+			type: e,
+			selection: t,
+			sourceEvent: r
+		};
+		n.onChange?.(i), e === "start" && n.onStart?.(i), e === "update" && n.onUpdate?.(i), e === "commit" && n.onCommit?.(i), e === "clear" && n.onClear?.(i);
+	}, v = (e) => {
+		if (p) {
+			if (!e || e.width <= 0 || e.height <= 0) {
+				p.style.display = "none";
+				return;
+			}
+			p.style.left = `${e.left}px`, p.style.top = `${e.top}px`, p.style.width = `${e.width}px`, p.style.height = `${e.height}px`, p.style.display = "block";
+		}
+	}, y = (e, t, n) => {
+		let l = e.canvas.getBoundingClientRect(), d = e.getViewport(c), f = i(t.startX, t.startY, l, d), p = i(t.currentX, t.currentY, l, d);
+		if (!f || !p) return null;
+		let m = r(f, p, d, s);
+		return {
+			mode: s,
+			yAxis: c,
+			bounds: m,
+			plotBounds: a(t, l, s),
+			samples: n ? o(e.getSeriesState(), m, s, c, u) : []
+		};
+	};
+	return {
+		install(r) {
+			f = r;
+			let i = r.canvas;
+			p = document.createElement("div"), p.className = n.className ?? "blazeplot-selection-brush", p.style.position = "absolute", p.style.display = "none", p.style.pointerEvents = "none", p.style.zIndex = String(n.zIndex ?? 26), p.style.border = `1px solid ${n.stroke ?? t}`, p.style.background = n.fill ?? e, r.plotElement.appendChild(p);
+			let a = (e) => {
+				if (m || e.button !== 0) return;
+				e.preventDefault(), i.setPointerCapture(e.pointerId), m = {
+					pointerId: e.pointerId,
+					startX: e.clientX,
+					startY: e.clientY,
+					currentX: e.clientX,
+					currentY: e.clientY
+				};
+				let t = y(r, m, d === "update");
+				v(t?.plotBounds ?? null), _("start", t, e);
+			}, o = (e) => {
+				if (!m || e.pointerId !== m.pointerId) return;
+				e.preventDefault(), m.currentX = e.clientX, m.currentY = e.clientY;
+				let t = y(r, m, d === "update");
+				v(t?.plotBounds ?? null), d === "update" && g(r, t), _("update", t, e);
+			}, s = (e, t) => {
+				if (!m || e.pointerId !== m.pointerId) return;
+				e.preventDefault();
+				let n = m;
+				m = null, i.hasPointerCapture(e.pointerId) && i.releasePointerCapture(e.pointerId);
+				let a = n.currentX - n.startX, o = n.currentY - n.startY;
+				if (!t || Math.hypot(a, o) < l) {
+					v(null);
+					return;
+				}
+				let s = y(r, n, d !== "none");
+				if (!s || s.bounds.xMax <= s.bounds.xMin || s.bounds.yMax <= s.bounds.yMin) {
+					v(null);
+					return;
+				}
+				h = s, v(s.plotBounds), g(r, s), r.emitSelect(s), _("commit", s, e);
+			}, c = (e) => s(e, !0), u = (e) => s(e, !1), b = (e) => {
+				n.clearOnEscape === !1 || e.key !== "Escape" || (h = null, v(null), g(r, null), r.emitSelect(null), _("clear", null, e));
+			};
+			return i.addEventListener("pointerdown", a), i.addEventListener("pointermove", o), i.addEventListener("pointerup", c), i.addEventListener("pointercancel", u), globalThis.addEventListener("keydown", b), () => {
+				i.removeEventListener("pointerdown", a), i.removeEventListener("pointermove", o), i.removeEventListener("pointerup", c), i.removeEventListener("pointercancel", u), globalThis.removeEventListener("keydown", b), p?.remove(), p = null, f = null, m = null, h = null;
+			};
+		},
+		clear() {
+			h = null, v(null), f?.emitSelect(null), g(f, null), _("clear", null);
+		},
+		getSelection() {
+			return h;
+		}
+	};
+}
+//#endregion
+export { s as selectionPlugin };
+
+//# sourceMappingURL=selection.js.map

package/dist/plugins/selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.js","names":[],"sources":["../../src/ui/Selection.ts"],"sourcesContent":["import type { SeriesSample, SeriesYAxis, Viewport } from \"../core/types.js\";\nimport type { SeriesStore } from \"../core/SeriesStore.js\";\nimport type { Chart, ChartPlugin, ChartSeriesState } from \"./Chart.js\";\n\nexport type SelectionMode = \"x-range\" | \"y-range\" | \"xy\";\nexport type SelectionEventType = \"start\" | \"update\" | \"commit\" | \"clear\";\nexport type SelectionSamplePhase = \"commit\" | \"update\" | \"none\";\n\nexport interface SelectionBounds {\n  readonly xMin: number;\n  readonly xMax: number;\n  readonly yMin: number;\n  readonly yMax: number;\n}\n\nexport interface SelectionPlotBounds {\n  readonly left: number;\n  readonly top: number;\n  readonly width: number;\n  readonly height: number;\n}\n\nexport interface SelectionSeriesSamples {\n  readonly series: SeriesStore;\n  readonly seriesIndex: number;\n  readonly id?: string;\n  readonly name?: string;\n  readonly yAxis: SeriesYAxis;\n  readonly samples: readonly SeriesSample[];\n  readonly total: number;\n  readonly truncated: boolean;\n}\n\nexport interface SelectionState {\n  readonly mode: SelectionMode;\n  readonly yAxis: SeriesYAxis;\n  readonly bounds: SelectionBounds;\n  readonly plotBounds: SelectionPlotBounds;\n  readonly samples: readonly SelectionSeriesSamples[];\n}\n\nexport interface SelectionEvent {\n  readonly type: SelectionEventType;\n  readonly selection: SelectionState | null;\n  readonly sourceEvent?: PointerEvent | KeyboardEvent;\n}\n\nexport interface SelectionPluginOptions {\n  readonly mode?: SelectionMode;\n  readonly yAxis?: SeriesYAxis;\n  readonly minDragDistancePx?: number;\n  readonly maxSamplesPerSeries?: number;\n  readonly samplePhase?: SelectionSamplePhase;\n  readonly className?: string;\n  readonly fill?: string;\n  readonly stroke?: string;\n  readonly zIndex?: number;\n  readonly clearOnEscape?: boolean;\n  readonly onStart?: (event: SelectionEvent) => void;\n  readonly onUpdate?: (event: SelectionEvent) => void;\n  readonly onCommit?: (event: SelectionEvent) => void;\n  readonly onClear?: (event: SelectionEvent) => void;\n  readonly onChange?: (event: SelectionEvent) => void;\n  readonly onSeriesSelectionChange?: (series: ChartSeriesState, selected: boolean, samples: SelectionSeriesSamples | null, selection: SelectionState | null) => void;\n}\n\nexport interface SelectionPlugin extends ChartPlugin {\n  clear(): void;\n  getSelection(): SelectionState | null;\n}\n\ninterface DragState {\n  readonly pointerId: number;\n  readonly startX: number;\n  readonly startY: number;\n  currentX: number;\n  currentY: number;\n}\n\nconst DEFAULT_FILL = \"rgba(59, 130, 246, 0.16)\";\nconst DEFAULT_STROKE = \"rgba(147, 197, 253, 0.95)\";\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.max(min, Math.min(value, max));\n}\n\nfunction normalizeBounds(a: [number, number], b: [number, number], current: Viewport, mode: SelectionMode): SelectionBounds {\n  const xMin = Math.min(a[0], b[0]);\n  const xMax = Math.max(a[0], b[0]);\n  const yMin = Math.min(a[1], b[1]);\n  const yMax = Math.max(a[1], b[1]);\n  return {\n    xMin: mode === \"y-range\" ? current.xMin : xMin,\n    xMax: mode === \"y-range\" ? current.xMax : xMax,\n    yMin: mode === \"x-range\" ? current.yMin : yMin,\n    yMax: mode === \"x-range\" ? current.yMax : yMax,\n  };\n}\n\nfunction pointerToData(clientX: number, clientY: number, rect: DOMRect, viewport: Viewport): [number, number] | null {\n  if (rect.width <= 0 || rect.height <= 0) return null;\n  const plotX = clamp(clientX - rect.left, 0, rect.width);\n  const plotY = clamp(clientY - rect.top, 0, rect.height);\n  return [\n    viewport.xMin + (plotX / rect.width) * (viewport.xMax - viewport.xMin),\n    viewport.yMax - (plotY / rect.height) * (viewport.yMax - viewport.yMin),\n  ];\n}\n\nfunction plotBoundsForDrag(drag: DragState, rect: DOMRect, mode: SelectionMode): SelectionPlotBounds {\n  const x0 = clamp(drag.startX - rect.left, 0, rect.width);\n  const y0 = clamp(drag.startY - rect.top, 0, rect.height);\n  const x1 = clamp(drag.currentX - rect.left, 0, rect.width);\n  const y1 = clamp(drag.currentY - rect.top, 0, rect.height);\n  const left = mode === \"y-range\" ? 0 : Math.min(x0, x1);\n  const top = mode === \"x-range\" ? 0 : Math.min(y0, y1);\n  const width = mode === \"y-range\" ? rect.width : Math.abs(x1 - x0);\n  const height = mode === \"x-range\" ? rect.height : Math.abs(y1 - y0);\n  return { left, top, width, height };\n}\n\nfunction collectSeriesSamples(\n  seriesState: readonly ChartSeriesState[],\n  bounds: SelectionBounds,\n  mode: SelectionMode,\n  yAxis: SeriesYAxis,\n  maxSamplesPerSeries: number,\n): SelectionSeriesSamples[] {\n  const results: SelectionSeriesSamples[] = [];\n  const xOnly = mode === \"x-range\";\n  const xViewport = { xMin: bounds.xMin, xMax: bounds.xMax, yMin: -Infinity, yMax: Infinity };\n\n  for (const state of seriesState) {\n    if (!state.visible) continue;\n    if (!xOnly && state.yAxis !== yAxis) continue;\n\n    const range = state.series.visibleIndexRange(xViewport);\n    const samples: SeriesSample[] = [];\n    let total = 0;\n    for (let index = range.start; index < range.end; index++) {\n      const sample = state.series.sampleAt(index);\n      if (!sample) continue;\n      if (!xOnly && (sample.y < bounds.yMin || sample.y > bounds.yMax)) continue;\n      total++;\n      if (samples.length < maxSamplesPerSeries) samples.push(sample);\n    }\n\n    if (total === 0) continue;\n    results.push({\n      series: state.series,\n      seriesIndex: state.index,\n      id: state.id,\n      name: state.name,\n      yAxis: state.yAxis,\n      samples,\n      total,\n      truncated: total > samples.length,\n    });\n  }\n\n  return results;\n}\n\nexport function selectionPlugin(options: SelectionPluginOptions = {}): SelectionPlugin {\n  const mode = options.mode ?? \"xy\";\n  const yAxis = options.yAxis ?? \"left\";\n  const minDragDistancePx = options.minDragDistancePx ?? 4;\n  const maxSamplesPerSeries = Math.max(0, Math.floor(options.maxSamplesPerSeries ?? 5_000));\n  const samplePhase = options.samplePhase ?? \"commit\";\n  let chartRef: Chart | null = null;\n  let overlay: HTMLDivElement | null = null;\n  let drag: DragState | null = null;\n  let committedSelection: SelectionState | null = null;\n\n  const notifySeriesSelection = (chart: Chart | null, selection: SelectionState | null): void => {\n    if (!chart || !options.onSeriesSelectionChange) return;\n    for (const series of chart.getSeriesState()) {\n      const samples = selection?.samples.find((entry) => entry.series === series.series) ?? null;\n      options.onSeriesSelectionChange(series, samples !== null, samples, selection);\n    }\n  };\n\n  const emit = (type: SelectionEventType, selection: SelectionState | null, sourceEvent?: PointerEvent | KeyboardEvent): void => {\n    const event: SelectionEvent = { type, selection, sourceEvent };\n    options.onChange?.(event);\n    if (type === \"start\") options.onStart?.(event);\n    if (type === \"update\") options.onUpdate?.(event);\n    if (type === \"commit\") options.onCommit?.(event);\n    if (type === \"clear\") options.onClear?.(event);\n  };\n\n  const setOverlay = (plotBounds: SelectionPlotBounds | null): void => {\n    if (!overlay) return;\n    if (!plotBounds || plotBounds.width <= 0 || plotBounds.height <= 0) {\n      overlay.style.display = \"none\";\n      return;\n    }\n    overlay.style.left = `${plotBounds.left}px`;\n    overlay.style.top = `${plotBounds.top}px`;\n    overlay.style.width = `${plotBounds.width}px`;\n    overlay.style.height = `${plotBounds.height}px`;\n    overlay.style.display = \"block\";\n  };\n\n  const buildSelection = (chart: Chart, state: DragState, includeSamples: boolean): SelectionState | null => {\n    const canvas = chart.canvas;\n    const rect = canvas.getBoundingClientRect();\n    const current = chart.getViewport(yAxis);\n    const start = pointerToData(state.startX, state.startY, rect, current);\n    const end = pointerToData(state.currentX, state.currentY, rect, current);\n    if (!start || !end) return null;\n\n    const bounds = normalizeBounds(start, end, current, mode);\n    const plotBounds = plotBoundsForDrag(state, rect, mode);\n    const samples = includeSamples\n      ? collectSeriesSamples(chart.getSeriesState(), bounds, mode, yAxis, maxSamplesPerSeries)\n      : [];\n    return { mode, yAxis, bounds, plotBounds, samples };\n  };\n\n  return {\n    install(chart: Chart) {\n      chartRef = chart;\n      const canvas = chart.canvas;\n      overlay = document.createElement(\"div\");\n      overlay.className = options.className ?? \"blazeplot-selection-brush\";\n      overlay.style.position = \"absolute\";\n      overlay.style.display = \"none\";\n      overlay.style.pointerEvents = \"none\";\n      overlay.style.zIndex = String(options.zIndex ?? 26);\n      overlay.style.border = `1px solid ${options.stroke ?? DEFAULT_STROKE}`;\n      overlay.style.background = options.fill ?? DEFAULT_FILL;\n      chart.plotElement.appendChild(overlay);\n\n      const onPointerDown = (event: PointerEvent): void => {\n        if (drag || event.button !== 0) return;\n        event.preventDefault();\n        canvas.setPointerCapture(event.pointerId);\n        drag = {\n          pointerId: event.pointerId,\n          startX: event.clientX,\n          startY: event.clientY,\n          currentX: event.clientX,\n          currentY: event.clientY,\n        };\n        const selection = buildSelection(chart, drag, samplePhase === \"update\");\n        setOverlay(selection?.plotBounds ?? null);\n        emit(\"start\", selection, event);\n      };\n\n      const onPointerMove = (event: PointerEvent): void => {\n        if (!drag || event.pointerId !== drag.pointerId) return;\n        event.preventDefault();\n        drag.currentX = event.clientX;\n        drag.currentY = event.clientY;\n        const selection = buildSelection(chart, drag, samplePhase === \"update\");\n        setOverlay(selection?.plotBounds ?? null);\n        if (samplePhase === \"update\") notifySeriesSelection(chart, selection);\n        emit(\"update\", selection, event);\n      };\n\n      const finishDrag = (event: PointerEvent, commit: boolean): void => {\n        if (!drag || event.pointerId !== drag.pointerId) return;\n        event.preventDefault();\n        const completed = drag;\n        drag = null;\n        if (canvas.hasPointerCapture(event.pointerId)) canvas.releasePointerCapture(event.pointerId);\n\n        const dx = completed.currentX - completed.startX;\n        const dy = completed.currentY - completed.startY;\n        if (!commit || Math.hypot(dx, dy) < minDragDistancePx) {\n          setOverlay(null);\n          return;\n        }\n\n        const selection = buildSelection(chart, completed, samplePhase !== \"none\");\n        if (!selection || selection.bounds.xMax <= selection.bounds.xMin || selection.bounds.yMax <= selection.bounds.yMin) {\n          setOverlay(null);\n          return;\n        }\n\n        committedSelection = selection;\n        setOverlay(selection.plotBounds);\n        notifySeriesSelection(chart, selection);\n        chart.emitSelect(selection);\n        emit(\"commit\", selection, event);\n      };\n\n      const onPointerUp = (event: PointerEvent): void => finishDrag(event, true);\n      const onPointerCancel = (event: PointerEvent): void => finishDrag(event, false);\n      const onKeyDown = (event: KeyboardEvent): void => {\n        if (options.clearOnEscape === false || event.key !== \"Escape\") return;\n        committedSelection = null;\n        setOverlay(null);\n        notifySeriesSelection(chart, null);\n        chart.emitSelect(null);\n        emit(\"clear\", null, event);\n      };\n\n      canvas.addEventListener(\"pointerdown\", onPointerDown);\n      canvas.addEventListener(\"pointermove\", onPointerMove);\n      canvas.addEventListener(\"pointerup\", onPointerUp);\n      canvas.addEventListener(\"pointercancel\", onPointerCancel);\n      globalThis.addEventListener(\"keydown\", onKeyDown);\n\n      return () => {\n        canvas.removeEventListener(\"pointerdown\", onPointerDown);\n        canvas.removeEventListener(\"pointermove\", onPointerMove);\n        canvas.removeEventListener(\"pointerup\", onPointerUp);\n        canvas.removeEventListener(\"pointercancel\", onPointerCancel);\n        globalThis.removeEventListener(\"keydown\", onKeyDown);\n        overlay?.remove();\n        overlay = null;\n        chartRef = null;\n        drag = null;\n        committedSelection = null;\n      };\n    },\n    clear(): void {\n      committedSelection = null;\n      setOverlay(null);\n      chartRef?.emitSelect(null);\n      notifySeriesSelection(chartRef, null);\n      emit(\"clear\", null);\n    },\n    getSelection(): SelectionState | null {\n      return committedSelection;\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/plugins/tooltip.js

@@ -1,61 +1,45 @@
+import { a as e, i as t, r as n, t as r } from "../OverlayUtils-Cw1o8UH-.js";
 //#region src/ui/Tooltip.ts
-function e(e) {
-	return e.name ?? e.id ?? `${e.mode} ${e.seriesIndex + 1}`;
+function i(e, n, i) {
+	t(n, e.items, e, i, (e) => `(${r(e.x)}, ${r(e.y)})`);
 }
-function t(e) {
-	if (!Number.isFinite(e)) return String(e);
-	let t = Math.abs(e);
-	return t > 0 && (t < .001 || t >= 1e6) ? e.toExponential(3) : Number(e.toPrecision(6)).toString();
+function a(e, t, r) {
+	n(e, t.clientX, t.clientY, {
+		offsetX: r.offsetX ?? 12,
+		offsetY: r.offsetY ?? 12
+	});
 }
-function n(e) {
-	return `rgba(${Math.round(e[0] * 255)}, ${Math.round(e[1] * 255)}, ${Math.round(e[2] * 255)}, ${e[3]})`;
-}
-function r(r, i, a) {
-	let o = Math.max(1, ...r.items.map((t) => e(t).length)), s = "";
-	for (let i of r.items) {
-		let c = a ? a(i, r) : `(${t(i.x)}, ${t(i.y)})`, l = n(i.series.style.color);
-		s && (s += "<br>"), s += `<span style="color:${l}">\u2588</span> ${e(i).padEnd(o)}  ${c}`;
-	}
-	i.innerHTML = s;
-}
-function i(e, t, n) {
-	return Math.min(n, Math.max(t, e));
-}
-function a(e, t, n) {
-	let r = n.offsetX ?? 12, a = n.offsetY ?? 12, o = e.getBoundingClientRect(), s = e.ownerDocument, c = Math.max(1, globalThis.innerWidth || s.documentElement.clientWidth), l = Math.max(1, globalThis.innerHeight || s.documentElement.clientHeight), u = i(t.clientX + r, 4, Math.max(4, c - o.width - 4)), d = i(t.clientY + a, 4, Math.max(4, l - o.height - 4));
-	e.style.transform = `translate(${u}px, ${d}px)`;
-}
-function o(e = {}) {
-	return { install(t) {
-		let i = document.createElement("div");
-		i.className = e.className ?? "blazeplot-tooltip", i.style.position = "fixed", i.style.left = "0", i.style.top = "0", i.style.zIndex = String(e.zIndex ?? 1e4), i.style.display = "none", i.style.pointerEvents = "none", i.style.background = e.backgroundColor ?? t.theme.tooltipBackgroundColor, i.style.color = e.textColor ?? t.theme.tooltipTextColor, i.style.font = e.font ?? t.theme.tooltipFont, i.style.padding = "8px 10px", i.style.whiteSpace = "pre", (t.rootElement.ownerDocument.body ?? t.rootElement).appendChild(i);
+function o(t = {}) {
+	return { install(n) {
+		let r = document.createElement("div");
+		r.className = t.className ?? "blazeplot-tooltip", r.style.position = "fixed", r.style.left = "0", r.style.top = "0", r.style.zIndex = String(t.zIndex ?? 1e4), r.style.display = "none", r.style.pointerEvents = "none", r.style.background = t.backgroundColor ?? n.theme.tooltipBackgroundColor, r.style.color = t.textColor ?? n.theme.tooltipTextColor, r.style.font = t.font ?? n.theme.tooltipFont, r.style.padding = "8px 10px", r.style.whiteSpace = "pre", (n.rootElement.ownerDocument.body ?? n.rootElement).appendChild(r);
 		let o = document.createElement("div");
-		o.className = "blazeplot-tooltip-markers", o.style.position = "absolute", o.style.inset = "0", o.style.zIndex = "25", o.style.pointerEvents = "none", t.plotElement.appendChild(o);
+		o.className = "blazeplot-tooltip-markers", o.style.position = "absolute", o.style.inset = "0", o.style.zIndex = "25", o.style.pointerEvents = "none", n.plotElement.appendChild(o);
 		let s = 0, c = () => {
-			if (e.lockWidth === !1) return;
-			let t = Math.ceil(i.getBoundingClientRect().width);
-			t <= s || (s = t, i.style.minWidth = `${s}px`);
+			if (t.lockWidth === !1) return;
+			let e = Math.ceil(r.getBoundingClientRect().width);
+			e <= s || (s = e, r.style.minWidth = `${s}px`);
 		}, l = () => {
-			s = 0, i.style.minWidth = "";
+			s = 0, r.style.minWidth = "";
 		}, u = () => {
-			i.style.background = e.backgroundColor ?? t.theme.tooltipBackgroundColor, i.style.color = e.textColor ?? t.theme.tooltipTextColor, i.style.font = e.font ?? t.theme.tooltipFont;
-		}, d = (t) => {
-			if (o.replaceChildren(), !(e.highlight === !1 || !t)) for (let e of t.items) {
-				let t = document.createElement("div");
-				t.style.position = "absolute", t.style.left = `${e.plotX}px`, t.style.top = `${e.plotY}px`, t.style.width = "10px", t.style.height = "10px", t.style.border = "2px solid #f8fafc", t.style.borderRadius = "999px", t.style.background = n(e.series.style.color), t.style.boxShadow = "0 0 0 1px rgba(4, 8, 16, 0.85)", t.style.transform = "translate(-50%, -50%)", o.appendChild(t);
+			r.style.background = t.backgroundColor ?? n.theme.tooltipBackgroundColor, r.style.color = t.textColor ?? n.theme.tooltipTextColor, r.style.font = t.font ?? n.theme.tooltipFont;
+		}, d = (n) => {
+			if (o.replaceChildren(), !(t.highlight === !1 || !n)) for (let t of n.items) {
+				let n = document.createElement("div");
+				n.style.position = "absolute", n.style.left = `${t.plotX}px`, n.style.top = `${t.plotY}px`, n.style.width = "10px", n.style.height = "10px", n.style.border = "2px solid #f8fafc", n.style.borderRadius = "999px", n.style.background = e(t.series.style.color), n.style.boxShadow = "0 0 0 1px rgba(4, 8, 16, 0.85)", n.style.transform = "translate(-50%, -50%)", o.appendChild(n);
 			}
-		}, f = (n) => {
-			let o = n !== null && (e.mode !== void 0 && e.mode !== n.mode || e.group !== void 0 && e.group !== n.group || e.maxDistancePx !== void 0 && e.maxDistancePx !== n.maxDistancePx) ? t.pick(n.clientX, n.clientY, e) : n;
+		}, f = (e) => {
+			let o = e !== null && (t.mode !== void 0 && t.mode !== e.mode || t.group !== void 0 && t.group !== e.group || t.maxDistancePx !== void 0 && t.maxDistancePx !== e.maxDistancePx) ? n.pick(e.clientX, e.clientY, t) : e;
 			if (d(o), !o || o.items.length === 0) {
-				i.style.display = "none", l();
+				r.style.display = "none", l();
 				return;
 			}
-			e.render ? e.render(o, i, t) : r(o, i, e.formatter), i.style.display = "block", c(), a(i, o, e);
-		}, p = t.subscribe("hover", f), m = t.subscribe("themechange", () => {
-			u(), f(t.getHoverState());
+			t.render ? t.render(o, r, n) : i(o, r, t.formatter), r.style.display = "block", c(), a(r, o, t);
+		}, p = n.subscribe("hover", f), m = n.subscribe("themechange", () => {
+			u(), f(n.getHoverState());
 		});
 		return u(), () => {
-			p(), m(), o.remove(), i.remove();
+			p(), m(), o.remove(), r.remove();
 		};
 	} };
 }

package/dist/plugins/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/ui/Tooltip.ts"],"sourcesContent":["import type { Chart, ChartHoverState, ChartPickGroup, ChartPickItem, ChartPickMode, ChartPlugin } from \"./Chart.js\";\n\nexport interface TooltipPluginOptions {\n  readonly className?: string;\n  readonly mode?: ChartPickMode;\n  readonly group?: ChartPickGroup;\n  readonly maxDistancePx?: number;\n  readonly offsetX?: number;\n  readonly offsetY?: number;\n  readonly highlight?: boolean;\n  readonly backgroundColor?: string;\n  readonly textColor?: string;\n  readonly font?: string;\n  readonly zIndex?: number;\n  readonly lockWidth?: boolean;\n  readonly formatter?: (item: ChartPickItem, state: ChartHoverState) => string;\n  readonly render?: (state: ChartHoverState, container: HTMLElement, chart: Chart) => void;\n}\n\nfunction labelOf(item: ChartPickItem): string {\n  return item.name ?? item.id ?? `${item.mode} ${item.seriesIndex + 1}`;\n}\n\nfunction formatNumber(value: number): string {\n  if (!Number.isFinite(value)) return String(value);\n  const abs = Math.abs(value);\n  if (abs > 0 && (abs < 1e-3 || abs >= 1e6)) return value.toExponential(3);\n  return Number(value.toPrecision(6)).toString();\n}\n\nfunction rgba(color: readonly [number, number, number, number]): string {\n  return `rgba(${Math.round(color[0] * 255)}, ${Math.round(color[1] * 255)}, ${Math.round(color[2] * 255)}, ${color[3]})`;\n}\n\nfunction renderDefaultTooltip(\n  state: ChartHoverState,\n  container: HTMLElement,\n  formatter: TooltipPluginOptions[\"formatter\"],\n): void {\n  const pad = Math.max(1, ...state.items.map((item) => labelOf(item).length));\n  let html = \"\";\n  for (const item of state.items) {\n    const value = formatter ? formatter(item, state) : `(${formatNumber(item.x)}, ${formatNumber(item.y)})`;\n    const color = rgba(item.series.style.color);\n    if (html) html += \"<br>\";\n    html += `<span style=\"color:${color}\">\\u2588</span> ${labelOf(item).padEnd(pad)}  ${value}`;\n  }\n  container.innerHTML = html;\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction placeTooltip(\n  container: HTMLElement,\n  state: ChartHoverState,\n  options: TooltipPluginOptions,\n): void {\n  const offsetX = options.offsetX ?? 12;\n  const offsetY = options.offsetY ?? 12;\n  const tooltipRect = container.getBoundingClientRect();\n  const margin = 4;\n  const doc = container.ownerDocument;\n  const viewportWidth = Math.max(1, globalThis.innerWidth || doc.documentElement.clientWidth);\n  const viewportHeight = Math.max(1, globalThis.innerHeight || doc.documentElement.clientHeight);\n\n  const viewportX = clamp(\n    state.clientX + offsetX,\n    margin,\n    Math.max(margin, viewportWidth - tooltipRect.width - margin),\n  );\n  const viewportY = clamp(\n    state.clientY + offsetY,\n    margin,\n    Math.max(margin, viewportHeight - tooltipRect.height - margin),\n  );\n  container.style.transform = `translate(${viewportX}px, ${viewportY}px)`;\n}\n\nexport function tooltipPlugin(options: TooltipPluginOptions = {}): ChartPlugin {\n  return {\n    install(chart: Chart) {\n      const container = document.createElement(\"div\");\n      container.className = options.className ?? \"blazeplot-tooltip\";\n      container.style.position = \"fixed\";\n      container.style.left = \"0\";\n      container.style.top = \"0\";\n      container.style.zIndex = String(options.zIndex ?? 10_000);\n      container.style.display = \"none\";\n      container.style.pointerEvents = \"none\";\n      container.style.background = options.backgroundColor ?? chart.theme.tooltipBackgroundColor;\n      container.style.color = options.textColor ?? chart.theme.tooltipTextColor;\n      container.style.font = options.font ?? chart.theme.tooltipFont;\n      container.style.padding = \"8px 10px\";\n      container.style.whiteSpace = \"pre\";\n      const tooltipParent = chart.rootElement.ownerDocument.body ?? chart.rootElement;\n      tooltipParent.appendChild(container);\n\n      const markerLayer = document.createElement(\"div\");\n      markerLayer.className = \"blazeplot-tooltip-markers\";\n      markerLayer.style.position = \"absolute\";\n      markerLayer.style.inset = \"0\";\n      markerLayer.style.zIndex = \"25\";\n      markerLayer.style.pointerEvents = \"none\";\n      chart.plotElement.appendChild(markerLayer);\n\n      let lockedTooltipWidth = 0;\n\n      const lockTooltipWidth = (): void => {\n        if (options.lockWidth === false) return;\n        const width = Math.ceil(container.getBoundingClientRect().width);\n        if (width <= lockedTooltipWidth) return;\n        lockedTooltipWidth = width;\n        container.style.minWidth = `${lockedTooltipWidth}px`;\n      };\n\n      const resetTooltipWidth = (): void => {\n        lockedTooltipWidth = 0;\n        container.style.minWidth = \"\";\n      };\n\n      const applyTheme = (): void => {\n        container.style.background = options.backgroundColor ?? chart.theme.tooltipBackgroundColor;\n        container.style.color = options.textColor ?? chart.theme.tooltipTextColor;\n        container.style.font = options.font ?? chart.theme.tooltipFont;\n      };\n\n      const renderMarkers = (state: ChartHoverState | null): void => {\n        markerLayer.replaceChildren();\n        if (options.highlight === false || !state) return;\n\n        for (const item of state.items) {\n          const marker = document.createElement(\"div\");\n          marker.style.position = \"absolute\";\n          marker.style.left = `${item.plotX}px`;\n          marker.style.top = `${item.plotY}px`;\n          marker.style.width = \"10px\";\n          marker.style.height = \"10px\";\n          marker.style.border = \"2px solid #f8fafc\";\n          marker.style.borderRadius = \"999px\";\n          marker.style.background = rgba(item.series.style.color);\n          marker.style.boxShadow = \"0 0 0 1px rgba(4, 8, 16, 0.85)\";\n          marker.style.transform = \"translate(-50%, -50%)\";\n          markerLayer.appendChild(marker);\n        }\n      };\n\n      const render = (state: ChartHoverState | null): void => {\n        const shouldRepick = state !== null && (\n          (options.mode !== undefined && options.mode !== state.mode) ||\n          (options.group !== undefined && options.group !== state.group) ||\n          (options.maxDistancePx !== undefined && options.maxDistancePx !== state.maxDistancePx)\n        );\n        const effectiveState = shouldRepick ? chart.pick(state.clientX, state.clientY, options) : state;\n\n        renderMarkers(effectiveState);\n        if (!effectiveState || effectiveState.items.length === 0) {\n          container.style.display = \"none\";\n          resetTooltipWidth();\n          return;\n        }\n\n        if (options.render) {\n          options.render(effectiveState, container, chart);\n        } else {\n          renderDefaultTooltip(effectiveState, container, options.formatter);\n        }\n\n        container.style.display = \"block\";\n        lockTooltipWidth();\n        placeTooltip(container, effectiveState, options);\n      };\n\n      const unsubscribeHover = chart.subscribe(\"hover\", render);\n      const unsubscribeTheme = chart.subscribe(\"themechange\", () => {\n        applyTheme();\n        render(chart.getHoverState());\n      });\n      applyTheme();\n      return () => {\n        unsubscribeHover();\n        unsubscribeTheme();\n        markerLayer.remove();\n        container.remove();\n      };\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/ui/Tooltip.ts"],"sourcesContent":["import type { Chart, ChartHoverState, ChartPickGroup, ChartPickItem, ChartPickMode, ChartPlugin } from \"./Chart.js\";\nimport { formatCompactNumber, placeFixedWithinViewport, renderPickItems, rgba } from \"./OverlayUtils.js\";\n\nexport interface TooltipPluginOptions {\n  readonly className?: string;\n  readonly mode?: ChartPickMode;\n  readonly group?: ChartPickGroup;\n  readonly maxDistancePx?: number;\n  readonly offsetX?: number;\n  readonly offsetY?: number;\n  readonly highlight?: boolean;\n  readonly backgroundColor?: string;\n  readonly textColor?: string;\n  readonly font?: string;\n  readonly zIndex?: number;\n  readonly lockWidth?: boolean;\n  readonly formatter?: (item: ChartPickItem, state: ChartHoverState) => string;\n  readonly render?: (state: ChartHoverState, container: HTMLElement, chart: Chart) => void;\n}\n\nfunction renderDefaultTooltip(state: ChartHoverState, container: HTMLElement, formatter: TooltipPluginOptions[\"formatter\"]): void {\n  renderPickItems(\n    container,\n    state.items,\n    state,\n    formatter,\n    (item) => `(${formatCompactNumber(item.x)}, ${formatCompactNumber(item.y)})`,\n  );\n}\n\nfunction placeTooltip(container: HTMLElement, state: ChartHoverState, options: TooltipPluginOptions): void {\n  placeFixedWithinViewport(container, state.clientX, state.clientY, {\n    offsetX: options.offsetX ?? 12,\n    offsetY: options.offsetY ?? 12,\n  });\n}\n\nexport function tooltipPlugin(options: TooltipPluginOptions = {}): ChartPlugin {\n  return {\n    install(chart: Chart) {\n      const container = document.createElement(\"div\");\n      container.className = options.className ?? \"blazeplot-tooltip\";\n      container.style.position = \"fixed\";\n      container.style.left = \"0\";\n      container.style.top = \"0\";\n      container.style.zIndex = String(options.zIndex ?? 10_000);\n      container.style.display = \"none\";\n      container.style.pointerEvents = \"none\";\n      container.style.background = options.backgroundColor ?? chart.theme.tooltipBackgroundColor;\n      container.style.color = options.textColor ?? chart.theme.tooltipTextColor;\n      container.style.font = options.font ?? chart.theme.tooltipFont;\n      container.style.padding = \"8px 10px\";\n      container.style.whiteSpace = \"pre\";\n      const tooltipParent = chart.rootElement.ownerDocument.body ?? chart.rootElement;\n      tooltipParent.appendChild(container);\n\n      const markerLayer = document.createElement(\"div\");\n      markerLayer.className = \"blazeplot-tooltip-markers\";\n      markerLayer.style.position = \"absolute\";\n      markerLayer.style.inset = \"0\";\n      markerLayer.style.zIndex = \"25\";\n      markerLayer.style.pointerEvents = \"none\";\n      chart.plotElement.appendChild(markerLayer);\n\n      let lockedTooltipWidth = 0;\n\n      const lockTooltipWidth = (): void => {\n        if (options.lockWidth === false) return;\n        const width = Math.ceil(container.getBoundingClientRect().width);\n        if (width <= lockedTooltipWidth) return;\n        lockedTooltipWidth = width;\n        container.style.minWidth = `${lockedTooltipWidth}px`;\n      };\n\n      const resetTooltipWidth = (): void => {\n        lockedTooltipWidth = 0;\n        container.style.minWidth = \"\";\n      };\n\n      const applyTheme = (): void => {\n        container.style.background = options.backgroundColor ?? chart.theme.tooltipBackgroundColor;\n        container.style.color = options.textColor ?? chart.theme.tooltipTextColor;\n        container.style.font = options.font ?? chart.theme.tooltipFont;\n      };\n\n      const renderMarkers = (state: ChartHoverState | null): void => {\n        markerLayer.replaceChildren();\n        if (options.highlight === false || !state) return;\n\n        for (const item of state.items) {\n          const marker = document.createElement(\"div\");\n          marker.style.position = \"absolute\";\n          marker.style.left = `${item.plotX}px`;\n          marker.style.top = `${item.plotY}px`;\n          marker.style.width = \"10px\";\n          marker.style.height = \"10px\";\n          marker.style.border = \"2px solid #f8fafc\";\n          marker.style.borderRadius = \"999px\";\n          marker.style.background = rgba(item.series.style.color);\n          marker.style.boxShadow = \"0 0 0 1px rgba(4, 8, 16, 0.85)\";\n          marker.style.transform = \"translate(-50%, -50%)\";\n          markerLayer.appendChild(marker);\n        }\n      };\n\n      const render = (state: ChartHoverState | null): void => {\n        const shouldRepick = state !== null && (\n          (options.mode !== undefined && options.mode !== state.mode) ||\n          (options.group !== undefined && options.group !== state.group) ||\n          (options.maxDistancePx !== undefined && options.maxDistancePx !== state.maxDistancePx)\n        );\n        const effectiveState = shouldRepick ? chart.pick(state.clientX, state.clientY, options) : state;\n\n        renderMarkers(effectiveState);\n        if (!effectiveState || effectiveState.items.length === 0) {\n          container.style.display = \"none\";\n          resetTooltipWidth();\n          return;\n        }\n\n        if (options.render) {\n          options.render(effectiveState, container, chart);\n        } else {\n          renderDefaultTooltip(effectiveState, container, options.formatter);\n        }\n\n        container.style.display = \"block\";\n        lockTooltipWidth();\n        placeTooltip(container, effectiveState, options);\n      };\n\n      const unsubscribeHover = chart.subscribe(\"hover\", render);\n      const unsubscribeTheme = chart.subscribe(\"themechange\", () => {\n        applyTheme();\n        render(chart.getHoverState());\n      });\n      applyTheme();\n      return () => {\n        unsubscribeHover();\n        unsubscribeTheme();\n        markerLayer.remove();\n        container.remove();\n      };\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/react.d.ts

@@ -0,0 +1,14 @@
+import { Chart, ChartOptions } from './ui/Chart.js';
+import * as React from "react";
+export interface BlazeChartProps {
+    readonly options?: ChartOptions;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+    readonly chartRef?: React.Ref<Chart | null>;
+    readonly onChart?: (chart: Chart) => void;
+}
+export declare const BlazeChart: (props: BlazeChartProps & {
+    ref?: React.Ref<Chart | null> | undefined;
+}) => React.ReactElement | null;
+export default BlazeChart;
+//# sourceMappingURL=react.d.ts.map

package/dist/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C;AAWD,eAAO,MAAM,UAAU;;+BA+BrB,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/react.js

@@ -0,0 +1,30 @@
+import { t as e } from "./Chart-BW9JaHs6.js";
+import * as t from "react";
+//#region src/react.ts
+function n(e, t) {
+	e && (typeof e == "function" ? e(t) : e.current = t);
+}
+var r = t.forwardRef(function(r, i) {
+	let a = t.useRef(null), o = t.useRef(null);
+	return t.useLayoutEffect(() => {
+		let t = a.current;
+		if (!t) return;
+		let s = new e(t, r.options);
+		return o.current = s, n(i, s), n(r.chartRef, s), r.onChart?.(s), () => {
+			s.dispose(), o.current = null, n(i, null), n(r.chartRef, null);
+		};
+	}, [r.options]), t.useEffect(() => {
+		o.current?.resize();
+	}), t.createElement("div", {
+		ref: a,
+		className: r.className,
+		style: r.style ?? {
+			width: "100%",
+			height: "100%"
+		}
+	});
+});
+//#endregion
+export { r as BlazeChart, r as default };
+
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","names":[],"sources":["../src/react.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Chart } from \"./ui/Chart.js\";\nimport type { ChartOptions } from \"./ui/Chart.js\";\n\nexport interface BlazeChartProps {\n  readonly options?: ChartOptions;\n  readonly className?: string;\n  readonly style?: React.CSSProperties;\n  readonly chartRef?: React.Ref<Chart | null>;\n  readonly onChart?: (chart: Chart) => void;\n}\n\nfunction setRef<T>(ref: React.Ref<T> | undefined, value: T | null): void {\n  if (!ref) return;\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else {\n    (ref as { current: T | null }).current = value;\n  }\n}\n\nexport const BlazeChart = React.forwardRef<Chart | null, BlazeChartProps>(function BlazeChart(props, forwardedRef) {\n  const hostRef = React.useRef<HTMLDivElement | null>(null);\n  const chartRef = React.useRef<Chart | null>(null);\n\n  React.useLayoutEffect(() => {\n    const host = hostRef.current;\n    if (!host) return;\n\n    const chart = new Chart(host, props.options);\n    chartRef.current = chart;\n    setRef(forwardedRef, chart);\n    setRef(props.chartRef, chart);\n    props.onChart?.(chart);\n\n    return () => {\n      chart.dispose();\n      chartRef.current = null;\n      setRef(forwardedRef, null);\n      setRef(props.chartRef, null);\n    };\n  }, [props.options]);\n\n  React.useEffect(() => {\n    chartRef.current?.resize();\n  });\n\n  return React.createElement(\"div\", {\n    ref: hostRef,\n    className: props.className,\n    style: props.style ?? { width: \"100%\", height: \"100%\" },\n  });\n});\n\nexport default BlazeChart;\n"],"mappings":";;;AAYA,SAAS,EAAU,GAA+B,GAAuB;CAClE,MACD,OAAO,KAAQ,aACjB,EAAI,CAAK,IAET,EAA+B,UAAU;AAE7C;AAEA,IAAa,IAAa,EAAM,WAA0C,SAAoB,GAAO,GAAc;CACjH,IAAM,IAAU,EAAM,OAA8B,IAAI,GAClD,IAAW,EAAM,OAAqB,IAAI;CAwBhD,OAtBA,EAAM,sBAAsB;EAC1B,IAAM,IAAO,EAAQ;EACrB,IAAI,CAAC,GAAM;EAEX,IAAM,IAAQ,IAAI,EAAM,GAAM,EAAM,OAAO;EAM3C,OALA,EAAS,UAAU,GACnB,EAAO,GAAc,CAAK,GAC1B,EAAO,EAAM,UAAU,CAAK,GAC5B,EAAM,UAAU,CAAK,SAER;GAIX,AAHA,EAAM,QAAQ,GACd,EAAS,UAAU,MACnB,EAAO,GAAc,IAAI,GACzB,EAAO,EAAM,UAAU,IAAI;EAC7B;CACF,GAAG,CAAC,EAAM,OAAO,CAAC,GAElB,EAAM,gBAAgB;EACpB,EAAS,SAAS,OAAO;CAC3B,CAAC,GAEM,EAAM,cAAc,OAAO;EAChC,KAAK;EACL,WAAW,EAAM;EACjB,OAAO,EAAM,SAAS;GAAE,OAAO;GAAQ,QAAQ;EAAO;CACxD,CAAC;AACH,CAAC"}

package/dist/render/ReglBackend.d.ts

@@ -15,6 +15,7 @@ export declare class ReglBackend implements GpuBackend {
     dispose(resource: GpuResource): void;
     clear(r: number, g: number, b: number, a: number): void;
     viewport(x: number, y: number, w: number, h: number): void;
+    getContext(): WebGL2RenderingContext;
     destroy(): void;
     private createDrawCommand;
     private resolveAttribute;

package/dist/render/ReglBackend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReglBackend.d.ts","sourceRoot":"","sources":["../../src/render/ReglBackend.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAA+B,MAAM,YAAY,CAAC;AA8BpI,qBAAa,WAAY,YAAW,UAAU;IAC5C,OAAO,CAAC,EAAE,CAAyB;IACnC,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAA+D;IACjF,QAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;gBAEtC,MAAM,EAAE,iBAAiB;IAiCrC,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS;IASzC,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,WAAW,EAAE,MAAM,GAAE,MAAU,GAAG,IAAI;IAS3F,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU;IAQrD,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI;IAuC1B,OAAO,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;IAMpC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAIvD,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAS1D,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,iBAAiB;IAkCzB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,eAAe;CAUxB"}
+{"version":3,"file":"ReglBackend.d.ts","sourceRoot":"","sources":["../../src/render/ReglBackend.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAA+B,MAAM,YAAY,CAAC;AA8BpI,qBAAa,WAAY,YAAW,UAAU;IAC5C,OAAO,CAAC,EAAE,CAAyB;IACnC,OAAO,CAAC,IAAI,CAAO;IACnB,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,aAAa,CAAa;IAClC,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAA+D;IACjF,QAAQ,CAAC,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;gBAEtC,MAAM,EAAE,iBAAiB;IAiCrC,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS;IASzC,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,WAAW,EAAE,MAAM,GAAE,MAAU,GAAG,IAAI;IAS3F,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU;IAQrD,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI;IAuC1B,OAAO,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;IAMpC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAIvD,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAS1D,UAAU,IAAI,sBAAsB;IAIpC,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,iBAAiB;IAkCzB,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,eAAe;CAUxB"}

package/dist/render/Renderer.d.ts

@@ -25,6 +25,7 @@ export declare class Renderer {
     updateFloatBuffer(buffer: GpuBuffer, data: Float32Array, floatCount?: number): void;
     viewport(x: number, y: number, width: number, height: number): void;
     setXOrigin(origin: number): void;
+    getWebGLContext(): WebGL2RenderingContext | null;
     drawLines(positions: GpuBuffer, count: number, style: SeriesStyle, camera: Camera2D): void;
     drawLineStrip(positions: GpuBuffer, count: number, style: SeriesStyle, camera: Camera2D): void;
     drawClipLineStrip(positions: GpuBuffer, count: number, style: SeriesStyle): void;

package/dist/render/Renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../src/render/Renderer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../src/render/Renderer.ts"],"names":[],"mappings":"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"}

package/dist/render/types.d.ts

@@ -9,6 +9,7 @@ export interface GpuBackend {
     dispose(resource: GpuResource): void;
     clear(r: number, g: number, b: number, a: number): void;
     viewport(x: number, y: number, w: number, h: number): void;
+    getContext?(): WebGL2RenderingContext | null;
     destroy(): void;
 }
 export interface GpuCapabilities {

package/dist/render/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/render/types.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,cAAc,EAAE,OAAO,MAAM,CAAC;AAC5C,OAAO,CAAC,MAAM,eAAe,EAAE,OAAO,MAAM,CAAC;AAE7C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC;IACvC,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC;IAC1C,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzF,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;IACtD,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxD,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3D,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChD,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC;CAClC;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,MAAM,EAAE,GAAG,YAAY,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,gBAAgB,CAAC;IACvF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC;IACzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/render/types.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,cAAc,EAAE,OAAO,MAAM,CAAC;AAC5C,OAAO,CAAC,MAAM,eAAe,EAAE,OAAO,MAAM,CAAC;AAE7C,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC;IACvC,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC;IAC1C,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,GAAG,WAAW,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzF,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;IACtD,IAAI,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxD,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3D,UAAU,CAAC,IAAI,sBAAsB,GAAG,IAAI,CAAC;IAC7C,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChD,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC;CAClC;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,MAAM,EAAE,GAAG,YAAY,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,gBAAgB,CAAC;IACvF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC;IACzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B"}

package/dist/ui/Annotations.d.ts

@@ -0,0 +1,94 @@
+import { ChartPlugin } from './Chart.js';
+import { SeriesYAxis } from '../core/types.js';
+export interface AnnotationLabelOptions {
+    readonly text: string;
+    readonly position?: "start" | "center" | "end" | "top" | "bottom" | "left" | "right";
+    readonly color?: string;
+    readonly font?: string;
+    readonly offsetX?: number;
+    readonly offsetY?: number;
+}
+export interface AnnotationBase {
+    readonly id?: string;
+    readonly visible?: boolean;
+    readonly yAxis?: SeriesYAxis;
+    readonly className?: string;
+    readonly label?: string | AnnotationLabelOptions;
+}
+export interface XLineAnnotation extends AnnotationBase {
+    readonly type: "x-line";
+    readonly x: number;
+    readonly color?: string;
+    readonly width?: number;
+    readonly dash?: string;
+}
+export interface YLineAnnotation extends AnnotationBase {
+    readonly type: "y-line";
+    readonly y: number;
+    readonly color?: string;
+    readonly width?: number;
+    readonly dash?: string;
+}
+export interface XRangeAnnotation extends AnnotationBase {
+    readonly type: "x-range";
+    readonly xMin: number;
+    readonly xMax: number;
+    readonly fillColor?: string;
+    readonly borderColor?: string;
+    readonly borderWidth?: number;
+}
+export interface YRangeAnnotation extends AnnotationBase {
+    readonly type: "y-range";
+    readonly yMin: number;
+    readonly yMax: number;
+    readonly fillColor?: string;
+    readonly borderColor?: string;
+    readonly borderWidth?: number;
+}
+export interface BoxAnnotation extends AnnotationBase {
+    readonly type: "box";
+    readonly xMin: number;
+    readonly xMax: number;
+    readonly yMin: number;
+    readonly yMax: number;
+    readonly fillColor?: string;
+    readonly borderColor?: string;
+    readonly borderWidth?: number;
+}
+export interface PointAnnotation extends AnnotationBase {
+    readonly type: "point";
+    readonly x: number;
+    readonly y: number;
+    readonly radius?: number;
+    readonly color?: string;
+    readonly strokeColor?: string;
+    readonly strokeWidth?: number;
+    readonly shape?: "circle" | "diamond" | "cross";
+}
+export interface LabelAnnotation extends AnnotationBase {
+    readonly type: "label";
+    readonly x: number;
+    readonly y: number;
+    readonly text: string;
+    readonly color?: string;
+    readonly font?: string;
+    readonly backgroundColor?: string;
+}
+export type Annotation = XLineAnnotation | YLineAnnotation | XRangeAnnotation | YRangeAnnotation | BoxAnnotation | PointAnnotation | LabelAnnotation;
+export interface AnnotationsPluginOptions {
+    readonly annotations?: readonly Annotation[];
+    readonly className?: string;
+    readonly defaultColor?: string;
+    readonly defaultFillColor?: string;
+    readonly defaultFont?: string;
+    readonly zIndex?: number;
+}
+export interface AnnotationsPlugin extends ChartPlugin {
+    add(annotation: Annotation): void;
+    remove(id: string): boolean;
+    clear(): void;
+    setAnnotations(annotations: readonly Annotation[]): void;
+    getAnnotations(): readonly Annotation[];
+}
+export declare function annotationsPlugin(options?: AnnotationsPluginOptions): AnnotationsPlugin;
+//# sourceMappingURL=Annotations.d.ts.map

package/dist/ui/Annotations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Annotations.d.ts","sourceRoot":"","sources":["../../src/ui/Annotations.ts"],"names":[],"mappings":"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"}