blazeplot 0.1.11 → 0.2.0

package/dist/plugins/interactions.d.ts

@@ -1,3 +1,3 @@
 export { interactionsPlugin } from '../ui/Interactions.js';
-export type { InteractionsPluginOptions } from '../ui/Interactions.js';
+export type { InteractionAxisOption, InteractionsPluginOptions } from '../ui/Interactions.js';
 //# sourceMappingURL=interactions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../src/plugins/interactions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../src/plugins/interactions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,YAAY,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/plugins/interactions.js

@@ -1,12 +1,15 @@
 //#region src/ui/Interactions.ts
 var e = 1;
-function t(e, t) {
+function t(e) {
+	return typeof e == "function" ? e() : e ?? "xy";
+}
+function n(e, t) {
 	return {
 		dx: t === "y" ? 0 : e.dx,
 		dy: t === "x" ? 0 : e.dy
 	};
 }
-function n(e) {
+function r(e) {
 	return {
 		xMin: e.xMin,
 		xMax: e.xMax,
@@ -14,12 +17,12 @@ function n(e) {
 		yMax: e.yMax
 	};
 }
-function r(e, t, n, r) {
+function i(e, t, n, r) {
 	if (n.width <= 0 || n.height <= 0) return null;
 	let i = Math.max(0, Math.min(e - n.left, n.width)), a = Math.max(0, Math.min(t - n.top, n.height));
 	return [r.xMin + i / n.width * (r.xMax - r.xMin), r.yMax - a / n.height * (r.yMax - r.yMin)];
 }
-function i(e, t, n, r) {
+function a(e, t, n, r) {
 	let i = Math.min(t[0], n[0]), a = Math.max(t[0], n[0]), o = Math.min(t[1], n[1]), s = Math.max(t[1], n[1]);
 	return {
 		xMin: r === "y" ? e.xMin : i,
@@ -28,24 +31,24 @@ function i(e, t, n, r) {
 		yMax: r === "x" ? e.yMax : s
 	};
 }
-function a(a = {}) {
-	return { install(o) {
-		let s = a.axis ?? "xy", c = a.minDragDistancePx ?? 6, l = o.canvas, u = o.xAxisElement, d = o.yAxisElement, f = document.createElement("div"), p = `blazeplot-axis-hover-${e++}`, m = document.createElement("style"), h = u.style.pointerEvents, g = d.style.pointerEvents, _ = u.style.cursor, v = d.style.cursor, y = u.style.filter, b = d.style.filter, x = null, S = null;
-		f.className = "blazeplot-selection", f.style.position = "absolute", f.style.display = "none", f.style.pointerEvents = "none", f.style.zIndex = "24", f.style.border = `1px solid ${a.selectionStroke ?? "rgba(147, 197, 253, 0.95)"}`, f.style.background = a.selectionFill ?? "rgba(59, 130, 246, 0.18)", o.plotElement.appendChild(f), m.textContent = `.${p} > div { color: ${a.axisHoverColor ?? "#f8fafc"} !important; }`, a.axisInteractions !== !1 && a.axisHover !== !1 && o.rootElement.appendChild(m), a.axisInteractions !== !1 && (u.style.pointerEvents = "auto", d.style.pointerEvents = "auto", u.style.cursor = "ew-resize", d.style.cursor = "ns-resize");
+function o(o = {}) {
+	return { install(s) {
+		let c = o.minDragDistancePx ?? 6, l = s.canvas, u = s.xAxisElement, d = s.yAxisElement, f = document.createElement("div"), p = `blazeplot-axis-hover-${e++}`, m = document.createElement("style"), h = u.style.pointerEvents, g = d.style.pointerEvents, _ = u.style.cursor, v = d.style.cursor, y = u.style.filter, b = d.style.filter, x = null, S = null;
+		f.className = "blazeplot-selection", f.style.position = "absolute", f.style.display = "none", f.style.pointerEvents = "none", f.style.zIndex = "24", f.style.border = `1px solid ${o.selectionStroke ?? "rgba(147, 197, 253, 0.95)"}`, f.style.background = o.selectionFill ?? "rgba(59, 130, 246, 0.18)", s.plotElement.appendChild(f), m.textContent = `.${p} > div { color: ${o.axisHoverColor ?? "#f8fafc"} !important; }`, o.axisInteractions !== !1 && o.axisHover !== !1 && s.rootElement.appendChild(m), o.axisInteractions !== !1 && (u.style.pointerEvents = "auto", d.style.pointerEvents = "auto", u.style.cursor = "ew-resize", d.style.cursor = "ns-resize");
 		let C = () => {
-			S ??= n(o.getViewport());
-		}, w = (e, n) => {
-			let r = t(e, n);
-			return a.viewportPolicy?.beforePan?.(o.getCamera(), r) ?? r;
-		}, T = (e) => a.viewportPolicy?.beforeZoom?.(o.getCamera(), e) ?? e, E = () => {
+			S ??= r(s.getViewport());
+		}, w = (e, t) => {
+			let r = n(e, t);
+			return o.viewportPolicy?.beforePan?.(s.getCamera(), r) ?? r;
+		}, T = (e) => o.viewportPolicy?.beforeZoom?.(s.getCamera(), e) ?? e, E = () => {
 			f.style.display = "none";
 		}, D = (e, t) => {
-			if (a.axisHover === !1) return;
-			let n = t ? a.axisHoverFilter ?? "brightness(1.18)" : null;
+			if (o.axisHover === !1) return;
+			let n = t ? o.axisHoverFilter ?? "brightness(1.18)" : null;
 			e.classList.toggle(p, t), e === u ? u.style.filter = n ?? y : e === d && (d.style.filter = n ?? b);
 		}, O = () => D(u, !0), k = () => D(u, !1), A = () => D(d, !0), j = () => D(d, !1), M = (e) => {
-			let t = l.getBoundingClientRect(), n = Math.max(0, Math.min(e.startX - t.left, t.width)), r = Math.max(0, Math.min(e.startY - t.top, t.height)), i = Math.max(0, Math.min(e.currentX - t.left, t.width)), a = Math.max(0, Math.min(e.currentY - t.top, t.height)), o = s === "y" ? 0 : Math.min(n, i), c = s === "x" ? 0 : Math.min(r, a), u = s === "y" ? t.width : Math.abs(i - n), d = s === "x" ? t.height : Math.abs(a - r);
-			f.style.left = `${o}px`, f.style.top = `${c}px`, f.style.width = `${u}px`, f.style.height = `${d}px`, f.style.display = "block";
+			let n = l.getBoundingClientRect(), r = Math.max(0, Math.min(e.startX - n.left, n.width)), i = Math.max(0, Math.min(e.startY - n.top, n.height)), a = Math.max(0, Math.min(e.currentX - n.left, n.width)), s = Math.max(0, Math.min(e.currentY - n.top, n.height)), c = t(o.axis), u = c === "y" ? 0 : Math.min(r, a), d = c === "x" ? 0 : Math.min(i, s), p = c === "y" ? n.width : Math.abs(a - r), m = c === "x" ? n.height : Math.abs(s - i);
+			f.style.left = `${u}px`, f.style.top = `${d}px`, f.style.width = `${p}px`, f.style.height = `${m}px`, f.style.display = "block";
 		}, N = (e, t, n) => {
 			C(), e.preventDefault(), n !== l && D(n, !0), n.setPointerCapture(e.pointerId), x = {
 				mode: "pan",
@@ -57,11 +60,11 @@ function a(a = {}) {
 			};
 		}, P = (e) => {
 			if (!(x || e.button !== 0)) {
-				if (e.shiftKey && a.shiftDragPan !== !1) {
-					N(e, s, l);
+				if (e.shiftKey && o.shiftDragPan !== !1) {
+					N(e, t(o.axis), l);
 					return;
 				}
-				a.boxZoom !== !1 && (C(), e.preventDefault(), l.setPointerCapture(e.pointerId), x = {
+				o.boxZoom !== !1 && (C(), e.preventDefault(), l.setPointerCapture(e.pointerId), x = {
 					mode: "select",
 					pointerId: e.pointerId,
 					target: l,
@@ -72,9 +75,9 @@ function a(a = {}) {
 				}, M(x));
 			}
 		}, F = (e) => {
-			x || e.button !== 0 || a.axisInteractions === !1 || N(e, "x", u);
+			x || e.button !== 0 || o.axisInteractions === !1 || N(e, "x", u);
 		}, I = (e) => {
-			x || e.button !== 0 || a.axisInteractions === !1 || N(e, "y", d);
+			x || e.button !== 0 || o.axisInteractions === !1 || N(e, "y", d);
 		}, L = (e) => {
 			if (!(!x || e.pointerId !== x.pointerId)) {
 				if (e.preventDefault(), x.mode === "pan") {
@@ -82,7 +85,7 @@ function a(a = {}) {
 						dx: t.width > 0 ? (x.lastX - e.clientX) / t.width : 0,
 						dy: t.height > 0 ? (e.clientY - x.lastY) / t.height : 0
 					}, x.axis);
-					n && o.pan(n), x.lastX = e.clientX, x.lastY = e.clientY;
+					n && s.pan(n), x.lastX = e.clientX, x.lastY = e.clientY;
 					return;
 				}
 				x.currentX = e.clientX, x.currentY = e.clientY, M(x);
@@ -90,20 +93,20 @@ function a(a = {}) {
 		}, R = (e) => {
 			if (!x || e.pointerId !== x.pointerId) return;
 			e.preventDefault();
-			let t = x;
-			if (x = null, t.target.hasPointerCapture(e.pointerId) && t.target.releasePointerCapture(e.pointerId), E(), t.mode !== "select") return;
-			let n = e.clientX - t.startX, a = e.clientY - t.startY;
-			if (Math.hypot(n, a) < c) return;
-			let u = o.getViewport(), d = l.getBoundingClientRect(), f = r(t.startX, t.startY, d, u), p = r(e.clientX, e.clientY, d, u);
-			if (!f || !p) return;
-			let m = i(u, f, p, s);
-			m.xMax > m.xMin && m.yMax > m.yMin && o.setViewport(m);
+			let n = x;
+			if (x = null, n.target.hasPointerCapture(e.pointerId) && n.target.releasePointerCapture(e.pointerId), E(), n.mode !== "select") return;
+			let r = e.clientX - n.startX, u = e.clientY - n.startY;
+			if (Math.hypot(r, u) < c) return;
+			let d = s.getViewport(), f = l.getBoundingClientRect(), p = i(n.startX, n.startY, f, d), m = i(e.clientX, e.clientY, f, d);
+			if (!p || !m) return;
+			let h = a(d, p, m, t(o.axis));
+			h.xMax > h.xMin && h.yMax > h.yMin && s.setViewport(h);
 		}, z = (e) => {
 			if (!x || e.pointerId !== x.pointerId) return;
 			let t = x;
 			x = null, t.target.hasPointerCapture(e.pointerId) && t.target.releasePointerCapture(e.pointerId), E();
 		}, B = (e, t) => {
-			if (a.wheelZoom === !1) return;
+			if (o.wheelZoom === !1) return;
 			C(), e.preventDefault();
 			let n = e.deltaY < 0 ? 1.1 : .9, r = l.getBoundingClientRect(), i = T({
 				factor: n,
@@ -111,24 +114,24 @@ function a(a = {}) {
 				cy: r.height > 0 ? 1 - (e.clientY - r.top) / r.height : .5,
 				axis: t
 			});
-			i && o.zoom(i);
+			i && s.zoom(i);
 		}, V = (e) => {
-			B(e, s);
+			B(e, t(o.axis));
 		}, H = (e) => {
-			a.axisInteractions !== !1 && B(e, "x");
+			o.axisInteractions !== !1 && B(e, "x");
 		}, U = (e) => {
-			a.axisInteractions !== !1 && B(e, "y");
+			o.axisInteractions !== !1 && B(e, "y");
 		}, W = (e) => {
-			if (a.doubleClickReset === !1) return;
+			if (o.doubleClickReset === !1) return;
 			e.preventDefault();
-			let t = S ?? n(o.getViewport());
-			o.setViewport(t);
+			let t = S ?? r(s.getViewport());
+			s.setViewport(t);
 		}, G = [
 			l,
 			u,
 			d
 		];
-		l.addEventListener("pointerdown", P), l.addEventListener("wheel", V, { passive: !1 }), l.addEventListener("dblclick", W), a.axisInteractions !== !1 && (u.addEventListener("pointerdown", F), d.addEventListener("pointerdown", I), u.addEventListener("pointerenter", O), u.addEventListener("pointerleave", k), d.addEventListener("pointerenter", A), d.addEventListener("pointerleave", j), u.addEventListener("wheel", H, { passive: !1 }), d.addEventListener("wheel", U, { passive: !1 }), u.addEventListener("dblclick", W), d.addEventListener("dblclick", W));
+		l.addEventListener("pointerdown", P), l.addEventListener("wheel", V, { passive: !1 }), l.addEventListener("dblclick", W), o.axisInteractions !== !1 && (u.addEventListener("pointerdown", F), d.addEventListener("pointerdown", I), u.addEventListener("pointerenter", O), u.addEventListener("pointerleave", k), d.addEventListener("pointerenter", A), d.addEventListener("pointerleave", j), u.addEventListener("wheel", H, { passive: !1 }), d.addEventListener("wheel", U, { passive: !1 }), u.addEventListener("dblclick", W), d.addEventListener("dblclick", W));
 		for (let e of G) e.addEventListener("pointermove", L), e.addEventListener("pointerup", R), e.addEventListener("pointercancel", z);
 		return () => {
 			l.removeEventListener("pointerdown", P), l.removeEventListener("wheel", V), l.removeEventListener("dblclick", W), u.removeEventListener("pointerdown", F), d.removeEventListener("pointerdown", I), u.removeEventListener("pointerenter", O), u.removeEventListener("pointerleave", k), d.removeEventListener("pointerenter", A), d.removeEventListener("pointerleave", j), u.removeEventListener("wheel", H), d.removeEventListener("wheel", U), u.removeEventListener("dblclick", W), d.removeEventListener("dblclick", W);
@@ -138,6 +141,6 @@ function a(a = {}) {
 	} };
 }
 //#endregion
-export { a as interactionsPlugin };
+export { o as interactionsPlugin };
 
 //# sourceMappingURL=interactions.js.map

package/dist/plugins/interactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactions.js","names":[],"sources":["../../src/ui/Interactions.ts"],"sourcesContent":["import type { Viewport } from \"../core/types.js\";\nimport type { PanIntent, ViewportPolicy, ZoomAxis, ZoomIntent } from \"../interaction/types.js\";\nimport type { Chart, ChartPlugin } from \"./Chart.js\";\n\nexport interface InteractionsPluginOptions {\n  readonly axis?: ZoomAxis;\n  readonly viewportPolicy?: ViewportPolicy;\n  readonly boxZoom?: boolean;\n  readonly wheelZoom?: boolean;\n  readonly axisInteractions?: boolean;\n  readonly axisHover?: boolean;\n  readonly axisHoverColor?: string;\n  readonly axisHoverFilter?: string;\n  readonly shiftDragPan?: boolean;\n  readonly doubleClickReset?: boolean;\n  readonly minDragDistancePx?: number;\n  readonly selectionFill?: string;\n  readonly selectionStroke?: string;\n}\n\nlet nextInteractionsPluginId = 1;\n\ntype InteractionTarget = HTMLCanvasElement | HTMLElement;\n\ntype DragState =\n  | {\n      readonly mode: \"pan\";\n      readonly pointerId: number;\n      readonly axis: ZoomAxis;\n      readonly target: InteractionTarget;\n      lastX: number;\n      lastY: number;\n    }\n  | {\n      readonly mode: \"select\";\n      readonly pointerId: number;\n      readonly target: HTMLCanvasElement;\n      readonly startX: number;\n      readonly startY: number;\n      currentX: number;\n      currentY: number;\n    };\n\nfunction constrainPan(intent: PanIntent, axis: ZoomAxis): PanIntent {\n  return {\n    dx: axis === \"y\" ? 0 : intent.dx,\n    dy: axis === \"x\" ? 0 : intent.dy,\n  };\n}\n\nfunction normalizeViewport(v: Viewport): Viewport {\n  return { xMin: v.xMin, xMax: v.xMax, yMin: v.yMin, yMax: v.yMax };\n}\n\nfunction clientToDataClamped(\n  clientX: number,\n  clientY: number,\n  rect: DOMRect,\n  viewport: Viewport,\n): [number, number] | null {\n  if (rect.width <= 0 || rect.height <= 0) return null;\n\n  const plotX = Math.max(0, Math.min(clientX - rect.left, rect.width));\n  const plotY = Math.max(0, Math.min(clientY - rect.top, 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 applySelectionAxis(\n  current: Viewport,\n  a: [number, number],\n  b: [number, number],\n  axis: ZoomAxis,\n): Viewport {\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\n  return {\n    xMin: axis === \"y\" ? current.xMin : xMin,\n    xMax: axis === \"y\" ? current.xMax : xMax,\n    yMin: axis === \"x\" ? current.yMin : yMin,\n    yMax: axis === \"x\" ? current.yMax : yMax,\n  };\n}\n\nexport function interactionsPlugin(options: InteractionsPluginOptions = {}): ChartPlugin {\n  return {\n    install(chart: Chart) {\n      const axis = options.axis ?? \"xy\";\n      const minDragDistancePx = options.minDragDistancePx ?? 6;\n      const canvas = chart.canvas;\n      const xAxis = chart.xAxisElement;\n      const yAxis = chart.yAxisElement;\n      const selection = document.createElement(\"div\");\n      const axisHoverClass = `blazeplot-axis-hover-${nextInteractionsPluginId++}`;\n      const axisHoverStyle = document.createElement(\"style\");\n      const originalXAxisPointerEvents = xAxis.style.pointerEvents;\n      const originalYAxisPointerEvents = yAxis.style.pointerEvents;\n      const originalXAxisCursor = xAxis.style.cursor;\n      const originalYAxisCursor = yAxis.style.cursor;\n      const originalXAxisFilter = xAxis.style.filter;\n      const originalYAxisFilter = yAxis.style.filter;\n      let drag: DragState | null = null;\n      let resetViewport: Viewport | null = null;\n\n      selection.className = \"blazeplot-selection\";\n      selection.style.position = \"absolute\";\n      selection.style.display = \"none\";\n      selection.style.pointerEvents = \"none\";\n      selection.style.zIndex = \"24\";\n      selection.style.border = `1px solid ${options.selectionStroke ?? \"rgba(147, 197, 253, 0.95)\"}`;\n      selection.style.background = options.selectionFill ?? \"rgba(59, 130, 246, 0.18)\";\n      chart.plotElement.appendChild(selection);\n\n      axisHoverStyle.textContent = `.${axisHoverClass} > div { color: ${options.axisHoverColor ?? \"#f8fafc\"} !important; }`;\n      if (options.axisInteractions !== false && options.axisHover !== false) {\n        chart.rootElement.appendChild(axisHoverStyle);\n      }\n\n      if (options.axisInteractions !== false) {\n        xAxis.style.pointerEvents = \"auto\";\n        yAxis.style.pointerEvents = \"auto\";\n        xAxis.style.cursor = \"ew-resize\";\n        yAxis.style.cursor = \"ns-resize\";\n      }\n\n      const captureResetViewport = (): void => {\n        resetViewport ??= normalizeViewport(chart.getViewport());\n      };\n\n      const applyPanPolicy = (intent: PanIntent, panAxis: ZoomAxis): PanIntent | null => {\n        const constrained = constrainPan(intent, panAxis);\n        return options.viewportPolicy?.beforePan?.(chart.getCamera(), constrained) ?? constrained;\n      };\n\n      const applyZoomPolicy = (intent: ZoomIntent): ZoomIntent | null => {\n        return options.viewportPolicy?.beforeZoom?.(chart.getCamera(), intent) ?? intent;\n      };\n\n      const hideSelection = (): void => {\n        selection.style.display = \"none\";\n      };\n\n      const setAxisHovered = (target: HTMLElement, hovered: boolean): void => {\n        if (options.axisHover === false) return;\n        const filter = hovered ? options.axisHoverFilter ?? \"brightness(1.18)\" : null;\n        target.classList.toggle(axisHoverClass, hovered);\n        if (target === xAxis) {\n          xAxis.style.filter = filter ?? originalXAxisFilter;\n        } else if (target === yAxis) {\n          yAxis.style.filter = filter ?? originalYAxisFilter;\n        }\n      };\n\n      const onXAxisPointerEnter = (): void => setAxisHovered(xAxis, true);\n      const onXAxisPointerLeave = (): void => setAxisHovered(xAxis, false);\n      const onYAxisPointerEnter = (): void => setAxisHovered(yAxis, true);\n      const onYAxisPointerLeave = (): void => setAxisHovered(yAxis, false);\n\n      const updateSelection = (state: Extract<DragState, { mode: \"select\" }>): void => {\n        const rect = canvas.getBoundingClientRect();\n        const x0 = Math.max(0, Math.min(state.startX - rect.left, rect.width));\n        const y0 = Math.max(0, Math.min(state.startY - rect.top, rect.height));\n        const x1 = Math.max(0, Math.min(state.currentX - rect.left, rect.width));\n        const y1 = Math.max(0, Math.min(state.currentY - rect.top, rect.height));\n        const left = axis === \"y\" ? 0 : Math.min(x0, x1);\n        const top = axis === \"x\" ? 0 : Math.min(y0, y1);\n        const width = axis === \"y\" ? rect.width : Math.abs(x1 - x0);\n        const height = axis === \"x\" ? rect.height : Math.abs(y1 - y0);\n\n        selection.style.left = `${left}px`;\n        selection.style.top = `${top}px`;\n        selection.style.width = `${width}px`;\n        selection.style.height = `${height}px`;\n        selection.style.display = \"block\";\n      };\n\n      const beginPan = (event: PointerEvent, panAxis: ZoomAxis, target: InteractionTarget): void => {\n        captureResetViewport();\n        event.preventDefault();\n        if (target !== canvas) setAxisHovered(target, true);\n        target.setPointerCapture(event.pointerId);\n        drag = {\n          mode: \"pan\",\n          pointerId: event.pointerId,\n          axis: panAxis,\n          target,\n          lastX: event.clientX,\n          lastY: event.clientY,\n        };\n      };\n\n      const onCanvasPointerDown = (event: PointerEvent): void => {\n        if (drag || event.button !== 0) return;\n\n        if (event.shiftKey && options.shiftDragPan !== false) {\n          beginPan(event, axis, canvas);\n          return;\n        }\n\n        if (options.boxZoom === false) return;\n        captureResetViewport();\n        event.preventDefault();\n        canvas.setPointerCapture(event.pointerId);\n        drag = {\n          mode: \"select\",\n          pointerId: event.pointerId,\n          target: canvas,\n          startX: event.clientX,\n          startY: event.clientY,\n          currentX: event.clientX,\n          currentY: event.clientY,\n        };\n        updateSelection(drag);\n      };\n\n      const onXAxisPointerDown = (event: PointerEvent): void => {\n        if (drag || event.button !== 0 || options.axisInteractions === false) return;\n        beginPan(event, \"x\", xAxis);\n      };\n\n      const onYAxisPointerDown = (event: PointerEvent): void => {\n        if (drag || event.button !== 0 || options.axisInteractions === false) return;\n        beginPan(event, \"y\", yAxis);\n      };\n\n      const onPointerMove = (event: PointerEvent): void => {\n        if (!drag || event.pointerId !== drag.pointerId) return;\n        event.preventDefault();\n\n        if (drag.mode === \"pan\") {\n          const rect = canvas.getBoundingClientRect();\n          const dx = rect.width > 0 ? (drag.lastX - event.clientX) / rect.width : 0;\n          const dy = rect.height > 0 ? (event.clientY - drag.lastY) / rect.height : 0;\n          const intent = applyPanPolicy({ dx, dy }, drag.axis);\n          if (intent) chart.pan(intent);\n          drag.lastX = event.clientX;\n          drag.lastY = event.clientY;\n          return;\n        }\n\n        drag.currentX = event.clientX;\n        drag.currentY = event.clientY;\n        updateSelection(drag);\n      };\n\n      const onPointerUp = (event: PointerEvent): void => {\n        if (!drag || event.pointerId !== drag.pointerId) return;\n        event.preventDefault();\n\n        const completed = drag;\n        drag = null;\n        if (completed.target.hasPointerCapture(event.pointerId)) completed.target.releasePointerCapture(event.pointerId);\n        hideSelection();\n\n        if (completed.mode !== \"select\") return;\n\n        const dx = event.clientX - completed.startX;\n        const dy = event.clientY - completed.startY;\n        if (Math.hypot(dx, dy) < minDragDistancePx) return;\n\n        const current = chart.getViewport();\n        const rect = canvas.getBoundingClientRect();\n        const start = clientToDataClamped(completed.startX, completed.startY, rect, current);\n        const end = clientToDataClamped(event.clientX, event.clientY, rect, current);\n        if (!start || !end) return;\n\n        const next = applySelectionAxis(current, start, end, axis);\n        if (next.xMax > next.xMin && next.yMax > next.yMin) chart.setViewport(next);\n      };\n\n      const onPointerCancel = (event: PointerEvent): void => {\n        if (!drag || event.pointerId !== drag.pointerId) return;\n        const completed = drag;\n        drag = null;\n        if (completed.target.hasPointerCapture(event.pointerId)) completed.target.releasePointerCapture(event.pointerId);\n        hideSelection();\n      };\n\n      const wheelOnAxis = (event: WheelEvent, zoomAxis: ZoomAxis): void => {\n        if (options.wheelZoom === false) return;\n        captureResetViewport();\n        event.preventDefault();\n        const factor = event.deltaY < 0 ? 1.1 : 0.9;\n        const rect = canvas.getBoundingClientRect();\n        const cx = rect.width > 0 ? (event.clientX - rect.left) / rect.width : 0.5;\n        const cy = rect.height > 0 ? 1 - (event.clientY - rect.top) / rect.height : 0.5;\n        const intent = applyZoomPolicy({ factor, cx, cy, axis: zoomAxis });\n        if (intent) chart.zoom(intent);\n      };\n\n      const onCanvasWheel = (event: WheelEvent): void => {\n        wheelOnAxis(event, axis);\n      };\n\n      const onXAxisWheel = (event: WheelEvent): void => {\n        if (options.axisInteractions === false) return;\n        wheelOnAxis(event, \"x\");\n      };\n\n      const onYAxisWheel = (event: WheelEvent): void => {\n        if (options.axisInteractions === false) return;\n        wheelOnAxis(event, \"y\");\n      };\n\n      const onDoubleClick = (event: MouseEvent): void => {\n        if (options.doubleClickReset === false) return;\n        event.preventDefault();\n        const target = resetViewport ?? normalizeViewport(chart.getViewport());\n        chart.setViewport(target);\n      };\n\n      const pointerTargets = [canvas, xAxis, yAxis];\n      canvas.addEventListener(\"pointerdown\", onCanvasPointerDown);\n      canvas.addEventListener(\"wheel\", onCanvasWheel, { passive: false });\n      canvas.addEventListener(\"dblclick\", onDoubleClick);\n\n      if (options.axisInteractions !== false) {\n        xAxis.addEventListener(\"pointerdown\", onXAxisPointerDown);\n        yAxis.addEventListener(\"pointerdown\", onYAxisPointerDown);\n        xAxis.addEventListener(\"pointerenter\", onXAxisPointerEnter);\n        xAxis.addEventListener(\"pointerleave\", onXAxisPointerLeave);\n        yAxis.addEventListener(\"pointerenter\", onYAxisPointerEnter);\n        yAxis.addEventListener(\"pointerleave\", onYAxisPointerLeave);\n        xAxis.addEventListener(\"wheel\", onXAxisWheel, { passive: false });\n        yAxis.addEventListener(\"wheel\", onYAxisWheel, { passive: false });\n        xAxis.addEventListener(\"dblclick\", onDoubleClick);\n        yAxis.addEventListener(\"dblclick\", onDoubleClick);\n      }\n\n      for (const target of pointerTargets) {\n        target.addEventListener(\"pointermove\", onPointerMove);\n        target.addEventListener(\"pointerup\", onPointerUp);\n        target.addEventListener(\"pointercancel\", onPointerCancel);\n      }\n\n      return () => {\n        canvas.removeEventListener(\"pointerdown\", onCanvasPointerDown);\n        canvas.removeEventListener(\"wheel\", onCanvasWheel);\n        canvas.removeEventListener(\"dblclick\", onDoubleClick);\n        xAxis.removeEventListener(\"pointerdown\", onXAxisPointerDown);\n        yAxis.removeEventListener(\"pointerdown\", onYAxisPointerDown);\n        xAxis.removeEventListener(\"pointerenter\", onXAxisPointerEnter);\n        xAxis.removeEventListener(\"pointerleave\", onXAxisPointerLeave);\n        yAxis.removeEventListener(\"pointerenter\", onYAxisPointerEnter);\n        yAxis.removeEventListener(\"pointerleave\", onYAxisPointerLeave);\n        xAxis.removeEventListener(\"wheel\", onXAxisWheel);\n        yAxis.removeEventListener(\"wheel\", onYAxisWheel);\n        xAxis.removeEventListener(\"dblclick\", onDoubleClick);\n        yAxis.removeEventListener(\"dblclick\", onDoubleClick);\n        for (const target of pointerTargets) {\n          target.removeEventListener(\"pointermove\", onPointerMove);\n          target.removeEventListener(\"pointerup\", onPointerUp);\n          target.removeEventListener(\"pointercancel\", onPointerCancel);\n        }\n        xAxis.style.pointerEvents = originalXAxisPointerEvents;\n        yAxis.style.pointerEvents = originalYAxisPointerEvents;\n        xAxis.style.cursor = originalXAxisCursor;\n        yAxis.style.cursor = originalYAxisCursor;\n        xAxis.style.filter = originalXAxisFilter;\n        yAxis.style.filter = originalYAxisFilter;\n        xAxis.classList.remove(axisHoverClass);\n        yAxis.classList.remove(axisHoverClass);\n        axisHoverStyle.remove();\n        selection.remove();\n      };\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"interactions.js","names":[],"sources":["../../src/ui/Interactions.ts"],"sourcesContent":["import type { Viewport } from \"../core/types.js\";\nimport type { PanIntent, ViewportPolicy, ZoomAxis, ZoomIntent } from \"../interaction/types.js\";\nimport type { Chart, ChartPlugin } from \"./Chart.js\";\n\nexport type InteractionAxisOption = ZoomAxis | (() => ZoomAxis);\n\nexport interface InteractionsPluginOptions {\n  readonly axis?: InteractionAxisOption;\n  readonly viewportPolicy?: ViewportPolicy;\n  readonly boxZoom?: boolean;\n  readonly wheelZoom?: boolean;\n  readonly axisInteractions?: boolean;\n  readonly axisHover?: boolean;\n  readonly axisHoverColor?: string;\n  readonly axisHoverFilter?: string;\n  readonly shiftDragPan?: boolean;\n  readonly doubleClickReset?: boolean;\n  readonly minDragDistancePx?: number;\n  readonly selectionFill?: string;\n  readonly selectionStroke?: string;\n}\n\nlet nextInteractionsPluginId = 1;\n\ntype InteractionTarget = HTMLCanvasElement | HTMLElement;\n\ntype DragState =\n  | {\n      readonly mode: \"pan\";\n      readonly pointerId: number;\n      readonly axis: ZoomAxis;\n      readonly target: InteractionTarget;\n      lastX: number;\n      lastY: number;\n    }\n  | {\n      readonly mode: \"select\";\n      readonly pointerId: number;\n      readonly target: HTMLCanvasElement;\n      readonly startX: number;\n      readonly startY: number;\n      currentX: number;\n      currentY: number;\n    };\n\nfunction resolveAxis(axis: InteractionAxisOption | undefined): ZoomAxis {\n  return typeof axis === \"function\" ? axis() : axis ?? \"xy\";\n}\n\nfunction constrainPan(intent: PanIntent, axis: ZoomAxis): PanIntent {\n  return {\n    dx: axis === \"y\" ? 0 : intent.dx,\n    dy: axis === \"x\" ? 0 : intent.dy,\n  };\n}\n\nfunction normalizeViewport(v: Viewport): Viewport {\n  return { xMin: v.xMin, xMax: v.xMax, yMin: v.yMin, yMax: v.yMax };\n}\n\nfunction clientToDataClamped(\n  clientX: number,\n  clientY: number,\n  rect: DOMRect,\n  viewport: Viewport,\n): [number, number] | null {\n  if (rect.width <= 0 || rect.height <= 0) return null;\n\n  const plotX = Math.max(0, Math.min(clientX - rect.left, rect.width));\n  const plotY = Math.max(0, Math.min(clientY - rect.top, 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 applySelectionAxis(\n  current: Viewport,\n  a: [number, number],\n  b: [number, number],\n  axis: ZoomAxis,\n): Viewport {\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\n  return {\n    xMin: axis === \"y\" ? current.xMin : xMin,\n    xMax: axis === \"y\" ? current.xMax : xMax,\n    yMin: axis === \"x\" ? current.yMin : yMin,\n    yMax: axis === \"x\" ? current.yMax : yMax,\n  };\n}\n\nexport function interactionsPlugin(options: InteractionsPluginOptions = {}): ChartPlugin {\n  return {\n    install(chart: Chart) {\n      const minDragDistancePx = options.minDragDistancePx ?? 6;\n      const canvas = chart.canvas;\n      const xAxis = chart.xAxisElement;\n      const yAxis = chart.yAxisElement;\n      const selection = document.createElement(\"div\");\n      const axisHoverClass = `blazeplot-axis-hover-${nextInteractionsPluginId++}`;\n      const axisHoverStyle = document.createElement(\"style\");\n      const originalXAxisPointerEvents = xAxis.style.pointerEvents;\n      const originalYAxisPointerEvents = yAxis.style.pointerEvents;\n      const originalXAxisCursor = xAxis.style.cursor;\n      const originalYAxisCursor = yAxis.style.cursor;\n      const originalXAxisFilter = xAxis.style.filter;\n      const originalYAxisFilter = yAxis.style.filter;\n      let drag: DragState | null = null;\n      let resetViewport: Viewport | null = null;\n\n      selection.className = \"blazeplot-selection\";\n      selection.style.position = \"absolute\";\n      selection.style.display = \"none\";\n      selection.style.pointerEvents = \"none\";\n      selection.style.zIndex = \"24\";\n      selection.style.border = `1px solid ${options.selectionStroke ?? \"rgba(147, 197, 253, 0.95)\"}`;\n      selection.style.background = options.selectionFill ?? \"rgba(59, 130, 246, 0.18)\";\n      chart.plotElement.appendChild(selection);\n\n      axisHoverStyle.textContent = `.${axisHoverClass} > div { color: ${options.axisHoverColor ?? \"#f8fafc\"} !important; }`;\n      if (options.axisInteractions !== false && options.axisHover !== false) {\n        chart.rootElement.appendChild(axisHoverStyle);\n      }\n\n      if (options.axisInteractions !== false) {\n        xAxis.style.pointerEvents = \"auto\";\n        yAxis.style.pointerEvents = \"auto\";\n        xAxis.style.cursor = \"ew-resize\";\n        yAxis.style.cursor = \"ns-resize\";\n      }\n\n      const captureResetViewport = (): void => {\n        resetViewport ??= normalizeViewport(chart.getViewport());\n      };\n\n      const applyPanPolicy = (intent: PanIntent, panAxis: ZoomAxis): PanIntent | null => {\n        const constrained = constrainPan(intent, panAxis);\n        return options.viewportPolicy?.beforePan?.(chart.getCamera(), constrained) ?? constrained;\n      };\n\n      const applyZoomPolicy = (intent: ZoomIntent): ZoomIntent | null => {\n        return options.viewportPolicy?.beforeZoom?.(chart.getCamera(), intent) ?? intent;\n      };\n\n      const hideSelection = (): void => {\n        selection.style.display = \"none\";\n      };\n\n      const setAxisHovered = (target: HTMLElement, hovered: boolean): void => {\n        if (options.axisHover === false) return;\n        const filter = hovered ? options.axisHoverFilter ?? \"brightness(1.18)\" : null;\n        target.classList.toggle(axisHoverClass, hovered);\n        if (target === xAxis) {\n          xAxis.style.filter = filter ?? originalXAxisFilter;\n        } else if (target === yAxis) {\n          yAxis.style.filter = filter ?? originalYAxisFilter;\n        }\n      };\n\n      const onXAxisPointerEnter = (): void => setAxisHovered(xAxis, true);\n      const onXAxisPointerLeave = (): void => setAxisHovered(xAxis, false);\n      const onYAxisPointerEnter = (): void => setAxisHovered(yAxis, true);\n      const onYAxisPointerLeave = (): void => setAxisHovered(yAxis, false);\n\n      const updateSelection = (state: Extract<DragState, { mode: \"select\" }>): void => {\n        const rect = canvas.getBoundingClientRect();\n        const x0 = Math.max(0, Math.min(state.startX - rect.left, rect.width));\n        const y0 = Math.max(0, Math.min(state.startY - rect.top, rect.height));\n        const x1 = Math.max(0, Math.min(state.currentX - rect.left, rect.width));\n        const y1 = Math.max(0, Math.min(state.currentY - rect.top, rect.height));\n        const selectionAxis = resolveAxis(options.axis);\n        const left = selectionAxis === \"y\" ? 0 : Math.min(x0, x1);\n        const top = selectionAxis === \"x\" ? 0 : Math.min(y0, y1);\n        const width = selectionAxis === \"y\" ? rect.width : Math.abs(x1 - x0);\n        const height = selectionAxis === \"x\" ? rect.height : Math.abs(y1 - y0);\n\n        selection.style.left = `${left}px`;\n        selection.style.top = `${top}px`;\n        selection.style.width = `${width}px`;\n        selection.style.height = `${height}px`;\n        selection.style.display = \"block\";\n      };\n\n      const beginPan = (event: PointerEvent, panAxis: ZoomAxis, target: InteractionTarget): void => {\n        captureResetViewport();\n        event.preventDefault();\n        if (target !== canvas) setAxisHovered(target, true);\n        target.setPointerCapture(event.pointerId);\n        drag = {\n          mode: \"pan\",\n          pointerId: event.pointerId,\n          axis: panAxis,\n          target,\n          lastX: event.clientX,\n          lastY: event.clientY,\n        };\n      };\n\n      const onCanvasPointerDown = (event: PointerEvent): void => {\n        if (drag || event.button !== 0) return;\n\n        if (event.shiftKey && options.shiftDragPan !== false) {\n          beginPan(event, resolveAxis(options.axis), canvas);\n          return;\n        }\n\n        if (options.boxZoom === false) return;\n        captureResetViewport();\n        event.preventDefault();\n        canvas.setPointerCapture(event.pointerId);\n        drag = {\n          mode: \"select\",\n          pointerId: event.pointerId,\n          target: canvas,\n          startX: event.clientX,\n          startY: event.clientY,\n          currentX: event.clientX,\n          currentY: event.clientY,\n        };\n        updateSelection(drag);\n      };\n\n      const onXAxisPointerDown = (event: PointerEvent): void => {\n        if (drag || event.button !== 0 || options.axisInteractions === false) return;\n        beginPan(event, \"x\", xAxis);\n      };\n\n      const onYAxisPointerDown = (event: PointerEvent): void => {\n        if (drag || event.button !== 0 || options.axisInteractions === false) return;\n        beginPan(event, \"y\", yAxis);\n      };\n\n      const onPointerMove = (event: PointerEvent): void => {\n        if (!drag || event.pointerId !== drag.pointerId) return;\n        event.preventDefault();\n\n        if (drag.mode === \"pan\") {\n          const rect = canvas.getBoundingClientRect();\n          const dx = rect.width > 0 ? (drag.lastX - event.clientX) / rect.width : 0;\n          const dy = rect.height > 0 ? (event.clientY - drag.lastY) / rect.height : 0;\n          const intent = applyPanPolicy({ dx, dy }, drag.axis);\n          if (intent) chart.pan(intent);\n          drag.lastX = event.clientX;\n          drag.lastY = event.clientY;\n          return;\n        }\n\n        drag.currentX = event.clientX;\n        drag.currentY = event.clientY;\n        updateSelection(drag);\n      };\n\n      const onPointerUp = (event: PointerEvent): void => {\n        if (!drag || event.pointerId !== drag.pointerId) return;\n        event.preventDefault();\n\n        const completed = drag;\n        drag = null;\n        if (completed.target.hasPointerCapture(event.pointerId)) completed.target.releasePointerCapture(event.pointerId);\n        hideSelection();\n\n        if (completed.mode !== \"select\") return;\n\n        const dx = event.clientX - completed.startX;\n        const dy = event.clientY - completed.startY;\n        if (Math.hypot(dx, dy) < minDragDistancePx) return;\n\n        const current = chart.getViewport();\n        const rect = canvas.getBoundingClientRect();\n        const start = clientToDataClamped(completed.startX, completed.startY, rect, current);\n        const end = clientToDataClamped(event.clientX, event.clientY, rect, current);\n        if (!start || !end) return;\n\n        const next = applySelectionAxis(current, start, end, resolveAxis(options.axis));\n        if (next.xMax > next.xMin && next.yMax > next.yMin) chart.setViewport(next);\n      };\n\n      const onPointerCancel = (event: PointerEvent): void => {\n        if (!drag || event.pointerId !== drag.pointerId) return;\n        const completed = drag;\n        drag = null;\n        if (completed.target.hasPointerCapture(event.pointerId)) completed.target.releasePointerCapture(event.pointerId);\n        hideSelection();\n      };\n\n      const wheelOnAxis = (event: WheelEvent, zoomAxis: ZoomAxis): void => {\n        if (options.wheelZoom === false) return;\n        captureResetViewport();\n        event.preventDefault();\n        const factor = event.deltaY < 0 ? 1.1 : 0.9;\n        const rect = canvas.getBoundingClientRect();\n        const cx = rect.width > 0 ? (event.clientX - rect.left) / rect.width : 0.5;\n        const cy = rect.height > 0 ? 1 - (event.clientY - rect.top) / rect.height : 0.5;\n        const intent = applyZoomPolicy({ factor, cx, cy, axis: zoomAxis });\n        if (intent) chart.zoom(intent);\n      };\n\n      const onCanvasWheel = (event: WheelEvent): void => {\n        wheelOnAxis(event, resolveAxis(options.axis));\n      };\n\n      const onXAxisWheel = (event: WheelEvent): void => {\n        if (options.axisInteractions === false) return;\n        wheelOnAxis(event, \"x\");\n      };\n\n      const onYAxisWheel = (event: WheelEvent): void => {\n        if (options.axisInteractions === false) return;\n        wheelOnAxis(event, \"y\");\n      };\n\n      const onDoubleClick = (event: MouseEvent): void => {\n        if (options.doubleClickReset === false) return;\n        event.preventDefault();\n        const target = resetViewport ?? normalizeViewport(chart.getViewport());\n        chart.setViewport(target);\n      };\n\n      const pointerTargets = [canvas, xAxis, yAxis];\n      canvas.addEventListener(\"pointerdown\", onCanvasPointerDown);\n      canvas.addEventListener(\"wheel\", onCanvasWheel, { passive: false });\n      canvas.addEventListener(\"dblclick\", onDoubleClick);\n\n      if (options.axisInteractions !== false) {\n        xAxis.addEventListener(\"pointerdown\", onXAxisPointerDown);\n        yAxis.addEventListener(\"pointerdown\", onYAxisPointerDown);\n        xAxis.addEventListener(\"pointerenter\", onXAxisPointerEnter);\n        xAxis.addEventListener(\"pointerleave\", onXAxisPointerLeave);\n        yAxis.addEventListener(\"pointerenter\", onYAxisPointerEnter);\n        yAxis.addEventListener(\"pointerleave\", onYAxisPointerLeave);\n        xAxis.addEventListener(\"wheel\", onXAxisWheel, { passive: false });\n        yAxis.addEventListener(\"wheel\", onYAxisWheel, { passive: false });\n        xAxis.addEventListener(\"dblclick\", onDoubleClick);\n        yAxis.addEventListener(\"dblclick\", onDoubleClick);\n      }\n\n      for (const target of pointerTargets) {\n        target.addEventListener(\"pointermove\", onPointerMove);\n        target.addEventListener(\"pointerup\", onPointerUp);\n        target.addEventListener(\"pointercancel\", onPointerCancel);\n      }\n\n      return () => {\n        canvas.removeEventListener(\"pointerdown\", onCanvasPointerDown);\n        canvas.removeEventListener(\"wheel\", onCanvasWheel);\n        canvas.removeEventListener(\"dblclick\", onDoubleClick);\n        xAxis.removeEventListener(\"pointerdown\", onXAxisPointerDown);\n        yAxis.removeEventListener(\"pointerdown\", onYAxisPointerDown);\n        xAxis.removeEventListener(\"pointerenter\", onXAxisPointerEnter);\n        xAxis.removeEventListener(\"pointerleave\", onXAxisPointerLeave);\n        yAxis.removeEventListener(\"pointerenter\", onYAxisPointerEnter);\n        yAxis.removeEventListener(\"pointerleave\", onYAxisPointerLeave);\n        xAxis.removeEventListener(\"wheel\", onXAxisWheel);\n        yAxis.removeEventListener(\"wheel\", onYAxisWheel);\n        xAxis.removeEventListener(\"dblclick\", onDoubleClick);\n        yAxis.removeEventListener(\"dblclick\", onDoubleClick);\n        for (const target of pointerTargets) {\n          target.removeEventListener(\"pointermove\", onPointerMove);\n          target.removeEventListener(\"pointerup\", onPointerUp);\n          target.removeEventListener(\"pointercancel\", onPointerCancel);\n        }\n        xAxis.style.pointerEvents = originalXAxisPointerEvents;\n        yAxis.style.pointerEvents = originalYAxisPointerEvents;\n        xAxis.style.cursor = originalXAxisCursor;\n        yAxis.style.cursor = originalYAxisCursor;\n        xAxis.style.filter = originalXAxisFilter;\n        yAxis.style.filter = originalYAxisFilter;\n        xAxis.classList.remove(axisHoverClass);\n        yAxis.classList.remove(axisHoverClass);\n        axisHoverStyle.remove();\n        selection.remove();\n      };\n    },\n  };\n}\n"],"mappings":";AAsBA,IAAI,IAA2B;AAuB/B,SAAS,EAAY,GAAmD;CACtE,OAAO,OAAO,KAAS,aAAa,EAAK,IAAI,KAAQ;AACvD;AAEA,SAAS,EAAa,GAAmB,GAA2B;CAClE,OAAO;EACL,IAAI,MAAS,MAAM,IAAI,EAAO;EAC9B,IAAI,MAAS,MAAM,IAAI,EAAO;CAChC;AACF;AAEA,SAAS,EAAkB,GAAuB;CAChD,OAAO;EAAE,MAAM,EAAE;EAAM,MAAM,EAAE;EAAM,MAAM,EAAE;EAAM,MAAM,EAAE;CAAK;AAClE;AAEA,SAAS,EACP,GACA,GACA,GACA,GACyB;CACzB,IAAI,EAAK,SAAS,KAAK,EAAK,UAAU,GAAG,OAAO;CAEhD,IAAM,IAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,IAAU,EAAK,MAAM,EAAK,KAAK,CAAC,GAC7D,IAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,IAAU,EAAK,KAAK,EAAK,MAAM,CAAC;CACnE,OAAO,CACL,EAAS,OAAQ,IAAQ,EAAK,SAAU,EAAS,OAAO,EAAS,OACjE,EAAS,OAAQ,IAAQ,EAAK,UAAW,EAAS,OAAO,EAAS,KACpE;AACF;AAEA,SAAS,EACP,GACA,GACA,GACA,GACU;CACV,IAAM,IAAO,KAAK,IAAI,EAAE,IAAI,EAAE,EAAE,GAC1B,IAAO,KAAK,IAAI,EAAE,IAAI,EAAE,EAAE,GAC1B,IAAO,KAAK,IAAI,EAAE,IAAI,EAAE,EAAE,GAC1B,IAAO,KAAK,IAAI,EAAE,IAAI,EAAE,EAAE;CAEhC,OAAO;EACL,MAAM,MAAS,MAAM,EAAQ,OAAO;EACpC,MAAM,MAAS,MAAM,EAAQ,OAAO;EACpC,MAAM,MAAS,MAAM,EAAQ,OAAO;EACpC,MAAM,MAAS,MAAM,EAAQ,OAAO;CACtC;AACF;AAEA,SAAgB,EAAmB,IAAqC,CAAC,GAAgB;CACvF,OAAO,EACL,QAAQ,GAAc;EACpB,IAAM,IAAoB,EAAQ,qBAAqB,GACjD,IAAS,EAAM,QACf,IAAQ,EAAM,cACd,IAAQ,EAAM,cACd,IAAY,SAAS,cAAc,KAAK,GACxC,IAAiB,wBAAwB,OACzC,IAAiB,SAAS,cAAc,OAAO,GAC/C,IAA6B,EAAM,MAAM,eACzC,IAA6B,EAAM,MAAM,eACzC,IAAsB,EAAM,MAAM,QAClC,IAAsB,EAAM,MAAM,QAClC,IAAsB,EAAM,MAAM,QAClC,IAAsB,EAAM,MAAM,QACpC,IAAyB,MACzB,IAAiC;EAgBrC,AAdA,EAAU,YAAY,uBACtB,EAAU,MAAM,WAAW,YAC3B,EAAU,MAAM,UAAU,QAC1B,EAAU,MAAM,gBAAgB,QAChC,EAAU,MAAM,SAAS,MACzB,EAAU,MAAM,SAAS,aAAa,EAAQ,mBAAmB,+BACjE,EAAU,MAAM,aAAa,EAAQ,iBAAiB,4BACtD,EAAM,YAAY,YAAY,CAAS,GAEvC,EAAe,cAAc,IAAI,EAAe,kBAAkB,EAAQ,kBAAkB,UAAU,iBAClG,EAAQ,qBAAqB,MAAS,EAAQ,cAAc,MAC9D,EAAM,YAAY,YAAY,CAAc,GAG1C,EAAQ,qBAAqB,OAC/B,EAAM,MAAM,gBAAgB,QAC5B,EAAM,MAAM,gBAAgB,QAC5B,EAAM,MAAM,SAAS,aACrB,EAAM,MAAM,SAAS;EAGvB,IAAM,UAAmC;GACvC,MAAkB,EAAkB,EAAM,YAAY,CAAC;EACzD,GAEM,KAAkB,GAAmB,MAAwC;GACjF,IAAM,IAAc,EAAa,GAAQ,CAAO;GAChD,OAAO,EAAQ,gBAAgB,YAAY,EAAM,UAAU,GAAG,CAAW,KAAK;EAChF,GAEM,KAAmB,MAChB,EAAQ,gBAAgB,aAAa,EAAM,UAAU,GAAG,CAAM,KAAK,GAGtE,UAA4B;GAChC,EAAU,MAAM,UAAU;EAC5B,GAEM,KAAkB,GAAqB,MAA2B;GACtE,IAAI,EAAQ,cAAc,IAAO;GACjC,IAAM,IAAS,IAAU,EAAQ,mBAAmB,qBAAqB;GAEzE,AADA,EAAO,UAAU,OAAO,GAAgB,CAAO,GAC3C,MAAW,IACb,EAAM,MAAM,SAAS,KAAU,IACtB,MAAW,MACpB,EAAM,MAAM,SAAS,KAAU;EAEnC,GAEM,UAAkC,EAAe,GAAO,EAAI,GAC5D,UAAkC,EAAe,GAAO,EAAK,GAC7D,UAAkC,EAAe,GAAO,EAAI,GAC5D,UAAkC,EAAe,GAAO,EAAK,GAE7D,KAAmB,MAAwD;GAC/E,IAAM,IAAO,EAAO,sBAAsB,GACpC,IAAK,KAAK,IAAI,GAAG,KAAK,IAAI,EAAM,SAAS,EAAK,MAAM,EAAK,KAAK,CAAC,GAC/D,IAAK,KAAK,IAAI,GAAG,KAAK,IAAI,EAAM,SAAS,EAAK,KAAK,EAAK,MAAM,CAAC,GAC/D,IAAK,KAAK,IAAI,GAAG,KAAK,IAAI,EAAM,WAAW,EAAK,MAAM,EAAK,KAAK,CAAC,GACjE,IAAK,KAAK,IAAI,GAAG,KAAK,IAAI,EAAM,WAAW,EAAK,KAAK,EAAK,MAAM,CAAC,GACjE,IAAgB,EAAY,EAAQ,IAAI,GACxC,IAAO,MAAkB,MAAM,IAAI,KAAK,IAAI,GAAI,CAAE,GAClD,IAAM,MAAkB,MAAM,IAAI,KAAK,IAAI,GAAI,CAAE,GACjD,IAAQ,MAAkB,MAAM,EAAK,QAAQ,KAAK,IAAI,IAAK,CAAE,GAC7D,IAAS,MAAkB,MAAM,EAAK,SAAS,KAAK,IAAI,IAAK,CAAE;GAMrE,AAJA,EAAU,MAAM,OAAO,GAAG,EAAK,KAC/B,EAAU,MAAM,MAAM,GAAG,EAAI,KAC7B,EAAU,MAAM,QAAQ,GAAG,EAAM,KACjC,EAAU,MAAM,SAAS,GAAG,EAAO,KACnC,EAAU,MAAM,UAAU;EAC5B,GAEM,KAAY,GAAqB,GAAmB,MAAoC;GAK5F,AAJA,EAAqB,GACrB,EAAM,eAAe,GACjB,MAAW,KAAQ,EAAe,GAAQ,EAAI,GAClD,EAAO,kBAAkB,EAAM,SAAS,GACxC,IAAO;IACL,MAAM;IACN,WAAW,EAAM;IACjB,MAAM;IACN;IACA,OAAO,EAAM;IACb,OAAO,EAAM;GACf;EACF,GAEM,KAAuB,MAA8B;GACrD,WAAQ,EAAM,WAAW,IAE7B;QAAI,EAAM,YAAY,EAAQ,iBAAiB,IAAO;KACpD,EAAS,GAAO,EAAY,EAAQ,IAAI,GAAG,CAAM;KACjD;IACF;IAEI,EAAQ,YAAY,OACxB,EAAqB,GACrB,EAAM,eAAe,GACrB,EAAO,kBAAkB,EAAM,SAAS,GACxC,IAAO;KACL,MAAM;KACN,WAAW,EAAM;KACjB,QAAQ;KACR,QAAQ,EAAM;KACd,QAAQ,EAAM;KACd,UAAU,EAAM;KAChB,UAAU,EAAM;IAClB,GACA,EAAgB,CAAI;GAfpB;EAgBF,GAEM,KAAsB,MAA8B;GACpD,KAAQ,EAAM,WAAW,KAAK,EAAQ,qBAAqB,MAC/D,EAAS,GAAO,KAAK,CAAK;EAC5B,GAEM,KAAsB,MAA8B;GACpD,KAAQ,EAAM,WAAW,KAAK,EAAQ,qBAAqB,MAC/D,EAAS,GAAO,KAAK,CAAK;EAC5B,GAEM,KAAiB,MAA8B;GAC/C,OAAC,KAAQ,EAAM,cAAc,EAAK,YAGtC;QAFA,EAAM,eAAe,GAEjB,EAAK,SAAS,OAAO;KACvB,IAAM,IAAO,EAAO,sBAAsB,GAGpC,IAAS,EAAe;MAAE,IAFrB,EAAK,QAAQ,KAAK,EAAK,QAAQ,EAAM,WAAW,EAAK,QAAQ;MAEpC,IADzB,EAAK,SAAS,KAAK,EAAM,UAAU,EAAK,SAAS,EAAK,SAAS;KACnC,GAAG,EAAK,IAAI;KAGnD,AAFI,KAAQ,EAAM,IAAI,CAAM,GAC5B,EAAK,QAAQ,EAAM,SACnB,EAAK,QAAQ,EAAM;KACnB;IACF;IAIA,AAFA,EAAK,WAAW,EAAM,SACtB,EAAK,WAAW,EAAM,SACtB,EAAgB,CAAI;GAJpB;EAKF,GAEM,KAAe,MAA8B;GACjD,IAAI,CAAC,KAAQ,EAAM,cAAc,EAAK,WAAW;GACjD,EAAM,eAAe;GAErB,IAAM,IAAY;GAKlB,IAJA,IAAO,MACH,EAAU,OAAO,kBAAkB,EAAM,SAAS,KAAG,EAAU,OAAO,sBAAsB,EAAM,SAAS,GAC/G,EAAc,GAEV,EAAU,SAAS,UAAU;GAEjC,IAAM,IAAK,EAAM,UAAU,EAAU,QAC/B,IAAK,EAAM,UAAU,EAAU;GACrC,IAAI,KAAK,MAAM,GAAI,CAAE,IAAI,GAAmB;GAE5C,IAAM,IAAU,EAAM,YAAY,GAC5B,IAAO,EAAO,sBAAsB,GACpC,IAAQ,EAAoB,EAAU,QAAQ,EAAU,QAAQ,GAAM,CAAO,GAC7E,IAAM,EAAoB,EAAM,SAAS,EAAM,SAAS,GAAM,CAAO;GAC3E,IAAI,CAAC,KAAS,CAAC,GAAK;GAEpB,IAAM,IAAO,EAAmB,GAAS,GAAO,GAAK,EAAY,EAAQ,IAAI,CAAC;GAC9E,AAAI,EAAK,OAAO,EAAK,QAAQ,EAAK,OAAO,EAAK,QAAM,EAAM,YAAY,CAAI;EAC5E,GAEM,KAAmB,MAA8B;GACrD,IAAI,CAAC,KAAQ,EAAM,cAAc,EAAK,WAAW;GACjD,IAAM,IAAY;GAGlB,AAFA,IAAO,MACH,EAAU,OAAO,kBAAkB,EAAM,SAAS,KAAG,EAAU,OAAO,sBAAsB,EAAM,SAAS,GAC/G,EAAc;EAChB,GAEM,KAAe,GAAmB,MAA6B;GACnE,IAAI,EAAQ,cAAc,IAAO;GAEjC,AADA,EAAqB,GACrB,EAAM,eAAe;GACrB,IAAM,IAAS,EAAM,SAAS,IAAI,MAAM,IAClC,IAAO,EAAO,sBAAsB,GAGpC,IAAS,EAAgB;IAAE;IAAQ,IAF9B,EAAK,QAAQ,KAAK,EAAM,UAAU,EAAK,QAAQ,EAAK,QAAQ;IAE1B,IADlC,EAAK,SAAS,IAAI,KAAK,EAAM,UAAU,EAAK,OAAO,EAAK,SAAS;IAC3B,MAAM;GAAS,CAAC;GACjE,AAAI,KAAQ,EAAM,KAAK,CAAM;EAC/B,GAEM,KAAiB,MAA4B;GACjD,EAAY,GAAO,EAAY,EAAQ,IAAI,CAAC;EAC9C,GAEM,KAAgB,MAA4B;GAC5C,EAAQ,qBAAqB,MACjC,EAAY,GAAO,GAAG;EACxB,GAEM,KAAgB,MAA4B;GAC5C,EAAQ,qBAAqB,MACjC,EAAY,GAAO,GAAG;EACxB,GAEM,KAAiB,MAA4B;GACjD,IAAI,EAAQ,qBAAqB,IAAO;GACxC,EAAM,eAAe;GACrB,IAAM,IAAS,KAAiB,EAAkB,EAAM,YAAY,CAAC;GACrE,EAAM,YAAY,CAAM;EAC1B,GAEM,IAAiB;GAAC;GAAQ;GAAO;EAAK;EAK5C,AAJA,EAAO,iBAAiB,eAAe,CAAmB,GAC1D,EAAO,iBAAiB,SAAS,GAAe,EAAE,SAAS,GAAM,CAAC,GAClE,EAAO,iBAAiB,YAAY,CAAa,GAE7C,EAAQ,qBAAqB,OAC/B,EAAM,iBAAiB,eAAe,CAAkB,GACxD,EAAM,iBAAiB,eAAe,CAAkB,GACxD,EAAM,iBAAiB,gBAAgB,CAAmB,GAC1D,EAAM,iBAAiB,gBAAgB,CAAmB,GAC1D,EAAM,iBAAiB,gBAAgB,CAAmB,GAC1D,EAAM,iBAAiB,gBAAgB,CAAmB,GAC1D,EAAM,iBAAiB,SAAS,GAAc,EAAE,SAAS,GAAM,CAAC,GAChE,EAAM,iBAAiB,SAAS,GAAc,EAAE,SAAS,GAAM,CAAC,GAChE,EAAM,iBAAiB,YAAY,CAAa,GAChD,EAAM,iBAAiB,YAAY,CAAa;EAGlD,KAAK,IAAM,KAAU,GAGnB,AAFA,EAAO,iBAAiB,eAAe,CAAa,GACpD,EAAO,iBAAiB,aAAa,CAAW,GAChD,EAAO,iBAAiB,iBAAiB,CAAe;EAG1D,aAAa;GAaX,AAZA,EAAO,oBAAoB,eAAe,CAAmB,GAC7D,EAAO,oBAAoB,SAAS,CAAa,GACjD,EAAO,oBAAoB,YAAY,CAAa,GACpD,EAAM,oBAAoB,eAAe,CAAkB,GAC3D,EAAM,oBAAoB,eAAe,CAAkB,GAC3D,EAAM,oBAAoB,gBAAgB,CAAmB,GAC7D,EAAM,oBAAoB,gBAAgB,CAAmB,GAC7D,EAAM,oBAAoB,gBAAgB,CAAmB,GAC7D,EAAM,oBAAoB,gBAAgB,CAAmB,GAC7D,EAAM,oBAAoB,SAAS,CAAY,GAC/C,EAAM,oBAAoB,SAAS,CAAY,GAC/C,EAAM,oBAAoB,YAAY,CAAa,GACnD,EAAM,oBAAoB,YAAY,CAAa;GACnD,KAAK,IAAM,KAAU,GAGnB,AAFA,EAAO,oBAAoB,eAAe,CAAa,GACvD,EAAO,oBAAoB,aAAa,CAAW,GACnD,EAAO,oBAAoB,iBAAiB,CAAe;GAW7D,AATA,EAAM,MAAM,gBAAgB,GAC5B,EAAM,MAAM,gBAAgB,GAC5B,EAAM,MAAM,SAAS,GACrB,EAAM,MAAM,SAAS,GACrB,EAAM,MAAM,SAAS,GACrB,EAAM,MAAM,SAAS,GACrB,EAAM,UAAU,OAAO,CAAc,GACrC,EAAM,UAAU,OAAO,CAAc,GACrC,EAAe,OAAO,GACtB,EAAU,OAAO;EACnB;CACF,EACF;AACF"}

package/dist/plugins/legend.js

@@ -27,11 +27,14 @@ function i(e = {}) {
 		let a = document.createElement("div");
 		a.className = e.className ?? "blazeplot-legend", a.style.position = "absolute", a.style.zIndex = "20", a.style.pointerEvents = "auto", a.style.padding = "8px 10px", a.style.border = n(e, i), a.style.background = e.backgroundColor ?? i.theme.legendBackgroundColor, a.style.color = e.textColor ?? i.theme.legendTextColor, a.style.font = e.font ?? i.theme.legendFont, a.style.whiteSpace = "pre", a.style.userSelect = "none", t(a, e.position ?? "top-right"), i.rootElement.appendChild(a);
 		let o = () => {
+			a.style.border = n(e, i), a.style.background = e.backgroundColor ?? i.theme.legendBackgroundColor, a.style.color = e.textColor ?? i.theme.legendTextColor, a.style.font = e.font ?? i.theme.legendFont;
+		}, s = () => {
+			o();
 			let t = i.getSeriesState();
 			e.render ? e.render(t, a, i) : r(t, a, i, e.toggleOnClick !== !1, e);
-		}, s = i.subscribe("serieschange", o);
-		return o(), () => {
-			s(), a.remove();
+		}, c = i.subscribe("serieschange", s), l = i.subscribe("themechange", s);
+		return s(), () => {
+			c(), l(), a.remove();
 		};
 	} };
 }

package/dist/plugins/legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"legend.js","names":[],"sources":["../../src/ui/Legend.ts"],"sourcesContent":["import type { Chart, ChartPlugin, ChartSeriesState } from \"./Chart.js\";\n\nexport interface LegendPluginOptions {\n  readonly className?: string;\n  readonly position?: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n  readonly toggleOnClick?: boolean;\n  readonly backgroundColor?: string;\n  readonly borderColor?: string;\n  readonly textColor?: string;\n  readonly mutedTextColor?: string;\n  readonly font?: string;\n  readonly render?: (state: readonly ChartSeriesState[], container: HTMLElement, chart: Chart) => void;\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 applyPosition(el: HTMLElement, position: NonNullable<LegendPluginOptions[\"position\"]>): void {\n  el.style.top = position.startsWith(\"top\") ? \"8px\" : \"auto\";\n  el.style.bottom = position.startsWith(\"bottom\") ? \"8px\" : \"auto\";\n  el.style.left = position.endsWith(\"left\") ? \"8px\" : \"auto\";\n  el.style.right = position.endsWith(\"right\") ? \"8px\" : \"auto\";\n}\n\nfunction legendBorder(options: LegendPluginOptions, chart: Chart): string {\n  const color = options.borderColor ?? chart.theme.legendBorderColor;\n  return color === \"transparent\" ? \"0\" : `1px solid ${color}`;\n}\n\nfunction renderDefaultLegend(\n  state: readonly ChartSeriesState[],\n  container: HTMLElement,\n  chart: Chart,\n  toggleOnClick: boolean,\n  options: LegendPluginOptions,\n): void {\n  container.replaceChildren();\n\n  for (const item of state) {\n    const row = document.createElement(\"button\");\n    row.type = \"button\";\n    row.style.display = \"flex\";\n    row.style.alignItems = \"center\";\n    row.style.gap = \"6px\";\n    row.style.border = \"0\";\n    row.style.margin = \"0\";\n    row.style.padding = \"0\";\n    row.style.appearance = \"none\";\n    row.style.background = \"transparent\";\n    row.style.color = item.visible\n      ? options.textColor ?? chart.theme.legendTextColor\n      : options.mutedTextColor ?? chart.theme.legendMutedTextColor;\n    row.style.font = \"inherit\";\n    row.style.textAlign = \"left\";\n    row.style.cursor = toggleOnClick ? \"pointer\" : \"default\";\n    row.style.opacity = item.visible ? \"1\" : \"0.45\";\n\n    const swatch = document.createElement(\"span\");\n    swatch.textContent = \"\\u2588\";\n    swatch.style.color = rgba(item.color);\n    swatch.style.flex = \"0 0 auto\";\n\n    const label = document.createElement(\"span\");\n    label.textContent = item.name ?? item.id ?? `${item.mode} ${item.index + 1}`;\n\n    row.append(swatch, label);\n    if (toggleOnClick) {\n      row.addEventListener(\"click\", () => {\n        chart.setSeriesVisible(item.series, !item.visible);\n      });\n    }\n    container.appendChild(row);\n  }\n}\n\nexport function legendPlugin(options: LegendPluginOptions = {}): ChartPlugin {\n  return {\n    install(chart: Chart) {\n      const container = document.createElement(\"div\");\n      container.className = options.className ?? \"blazeplot-legend\";\n      container.style.position = \"absolute\";\n      container.style.zIndex = \"20\";\n      container.style.pointerEvents = \"auto\";\n      container.style.padding = \"8px 10px\";\n      container.style.border = legendBorder(options, chart);\n      container.style.background = options.backgroundColor ?? chart.theme.legendBackgroundColor;\n      container.style.color = options.textColor ?? chart.theme.legendTextColor;\n      container.style.font = options.font ?? chart.theme.legendFont;\n      container.style.whiteSpace = \"pre\";\n      container.style.userSelect = \"none\";\n      applyPosition(container, options.position ?? \"top-right\");\n      chart.rootElement.appendChild(container);\n\n      const render = (): void => {\n        const state = chart.getSeriesState();\n        if (options.render) {\n          options.render(state, container, chart);\n        } else {\n          renderDefaultLegend(state, container, chart, options.toggleOnClick !== false, options);\n        }\n      };\n\n      const unsubscribe = chart.subscribe(\"serieschange\", render);\n      render();\n\n      return () => {\n        unsubscribe();\n        container.remove();\n      };\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"legend.js","names":[],"sources":["../../src/ui/Legend.ts"],"sourcesContent":["import type { Chart, ChartPlugin, ChartSeriesState } from \"./Chart.js\";\n\nexport interface LegendPluginOptions {\n  readonly className?: string;\n  readonly position?: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n  readonly toggleOnClick?: boolean;\n  readonly backgroundColor?: string;\n  readonly borderColor?: string;\n  readonly textColor?: string;\n  readonly mutedTextColor?: string;\n  readonly font?: string;\n  readonly render?: (state: readonly ChartSeriesState[], container: HTMLElement, chart: Chart) => void;\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 applyPosition(el: HTMLElement, position: NonNullable<LegendPluginOptions[\"position\"]>): void {\n  el.style.top = position.startsWith(\"top\") ? \"8px\" : \"auto\";\n  el.style.bottom = position.startsWith(\"bottom\") ? \"8px\" : \"auto\";\n  el.style.left = position.endsWith(\"left\") ? \"8px\" : \"auto\";\n  el.style.right = position.endsWith(\"right\") ? \"8px\" : \"auto\";\n}\n\nfunction legendBorder(options: LegendPluginOptions, chart: Chart): string {\n  const color = options.borderColor ?? chart.theme.legendBorderColor;\n  return color === \"transparent\" ? \"0\" : `1px solid ${color}`;\n}\n\nfunction renderDefaultLegend(\n  state: readonly ChartSeriesState[],\n  container: HTMLElement,\n  chart: Chart,\n  toggleOnClick: boolean,\n  options: LegendPluginOptions,\n): void {\n  container.replaceChildren();\n\n  for (const item of state) {\n    const row = document.createElement(\"button\");\n    row.type = \"button\";\n    row.style.display = \"flex\";\n    row.style.alignItems = \"center\";\n    row.style.gap = \"6px\";\n    row.style.border = \"0\";\n    row.style.margin = \"0\";\n    row.style.padding = \"0\";\n    row.style.appearance = \"none\";\n    row.style.background = \"transparent\";\n    row.style.color = item.visible\n      ? options.textColor ?? chart.theme.legendTextColor\n      : options.mutedTextColor ?? chart.theme.legendMutedTextColor;\n    row.style.font = \"inherit\";\n    row.style.textAlign = \"left\";\n    row.style.cursor = toggleOnClick ? \"pointer\" : \"default\";\n    row.style.opacity = item.visible ? \"1\" : \"0.45\";\n\n    const swatch = document.createElement(\"span\");\n    swatch.textContent = \"\\u2588\";\n    swatch.style.color = rgba(item.color);\n    swatch.style.flex = \"0 0 auto\";\n\n    const label = document.createElement(\"span\");\n    label.textContent = item.name ?? item.id ?? `${item.mode} ${item.index + 1}`;\n\n    row.append(swatch, label);\n    if (toggleOnClick) {\n      row.addEventListener(\"click\", () => {\n        chart.setSeriesVisible(item.series, !item.visible);\n      });\n    }\n    container.appendChild(row);\n  }\n}\n\nexport function legendPlugin(options: LegendPluginOptions = {}): ChartPlugin {\n  return {\n    install(chart: Chart) {\n      const container = document.createElement(\"div\");\n      container.className = options.className ?? \"blazeplot-legend\";\n      container.style.position = \"absolute\";\n      container.style.zIndex = \"20\";\n      container.style.pointerEvents = \"auto\";\n      container.style.padding = \"8px 10px\";\n      container.style.border = legendBorder(options, chart);\n      container.style.background = options.backgroundColor ?? chart.theme.legendBackgroundColor;\n      container.style.color = options.textColor ?? chart.theme.legendTextColor;\n      container.style.font = options.font ?? chart.theme.legendFont;\n      container.style.whiteSpace = \"pre\";\n      container.style.userSelect = \"none\";\n      applyPosition(container, options.position ?? \"top-right\");\n      chart.rootElement.appendChild(container);\n\n      const applyTheme = (): void => {\n        container.style.border = legendBorder(options, chart);\n        container.style.background = options.backgroundColor ?? chart.theme.legendBackgroundColor;\n        container.style.color = options.textColor ?? chart.theme.legendTextColor;\n        container.style.font = options.font ?? chart.theme.legendFont;\n      };\n\n      const render = (): void => {\n        applyTheme();\n        const state = chart.getSeriesState();\n        if (options.render) {\n          options.render(state, container, chart);\n        } else {\n          renderDefaultLegend(state, container, chart, options.toggleOnClick !== false, options);\n        }\n      };\n\n      const unsubscribeSeries = chart.subscribe(\"serieschange\", render);\n      const unsubscribeTheme = chart.subscribe(\"themechange\", render);\n      render();\n\n      return () => {\n        unsubscribeSeries();\n        unsubscribeTheme();\n        container.remove();\n      };\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/plugins/tooltip.js

@@ -18,33 +18,48 @@ function r(r, i, a) {
 	}
 	i.innerHTML = s;
 }
-function i(e = {}) {
+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 = "absolute", i.style.zIndex = "30", 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.appendChild(i);
-		let a = document.createElement("div");
-		a.className = "blazeplot-tooltip-markers", a.style.position = "absolute", a.style.inset = "0", a.style.zIndex = "25", a.style.pointerEvents = "none", t.plotElement.appendChild(a);
-		let o = (t) => {
-			if (a.replaceChildren(), !(e.highlight === !1 || !t)) for (let e of t.items) {
+		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);
+		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);
+		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`);
+		}, l = () => {
+			s = 0, i.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 2px rgba(4, 8, 16, 0.85)", t.style.transform = "translate(-50%, -50%)", a.appendChild(t);
+				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);
 			}
-		}, s = t.subscribe("hover", (n) => {
-			let a = n && (e.mode !== void 0 || e.maxDistancePx !== void 0) ? t.pick(n.clientX, n.clientY, e) : n;
-			if (o(a), !a || a.items.length === 0) {
-				i.style.display = "none";
+		}, f = (n) => {
+			let o = n && (e.mode !== void 0 || e.maxDistancePx !== void 0) ? t.pick(n.clientX, n.clientY, e) : n;
+			if (d(o), !o || o.items.length === 0) {
+				i.style.display = "none", l();
 				return;
 			}
-			e.render ? e.render(a, i, t) : r(a, i, e.formatter);
-			let s = t.rootElement.getBoundingClientRect(), c = a.clientX - s.left + (e.offsetX ?? 12), l = a.clientY - s.top + (e.offsetY ?? 12);
-			i.style.transform = `translate(${c}px, ${l}px)`, i.style.display = "block";
+			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());
 		});
-		return () => {
-			s(), a.remove(), i.remove();
+		return u(), () => {
+			p(), m(), o.remove(), i.remove();
 		};
 	} };
 }
 //#endregion
-export { i as tooltipPlugin };
+export { o as tooltipPlugin };
 
 //# sourceMappingURL=tooltip.js.map

package/dist/plugins/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/ui/Tooltip.ts"],"sourcesContent":["import type { Chart, ChartHoverState, ChartPickItem, ChartPickMode, ChartPlugin } from \"./Chart.js\";\n\nexport interface TooltipPluginOptions {\n  readonly className?: string;\n  readonly mode?: ChartPickMode;\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 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\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 = \"absolute\";\n      container.style.zIndex = \"30\";\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      chart.rootElement.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      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 2px 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 effectiveState = state && (options.mode !== undefined || options.maxDistancePx !== undefined)\n          ? chart.pick(state.clientX, state.clientY, options)\n          : state;\n\n        renderMarkers(effectiveState);\n        if (!effectiveState || effectiveState.items.length === 0) {\n          container.style.display = \"none\";\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        const rootRect = chart.rootElement.getBoundingClientRect();\n        const x = effectiveState.clientX - rootRect.left + (options.offsetX ?? 12);\n        const y = effectiveState.clientY - rootRect.top + (options.offsetY ?? 12);\n        container.style.transform = `translate(${x}px, ${y}px)`;\n        container.style.display = \"block\";\n      };\n\n      const unsubscribe = chart.subscribe(\"hover\", render);\n      return () => {\n        unsubscribe();\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, ChartPickItem, ChartPickMode, ChartPlugin } from \"./Chart.js\";\n\nexport interface TooltipPluginOptions {\n  readonly className?: string;\n  readonly mode?: ChartPickMode;\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 effectiveState = state && (options.mode !== undefined || options.maxDistancePx !== undefined)\n          ? chart.pick(state.clientX, state.clientY, options)\n          : 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/render/Renderer.d.ts

@@ -15,26 +15,32 @@ export declare class Renderer {
     private readonly scaleUniform;
     private readonly offsetUniform;
     private readonly canvasSizeUniform;
+    private xOrigin;
     constructor(backend: GpuBackend);
     get supportsInstancedSegments(): boolean;
     get supportsInstancedPoints(): boolean;
     get supportsInstancedBars(): boolean;
     clear(r: number, g: number, b: number, a: number): void;
     createFloatBuffer(floatCount: number): GpuBuffer;
-    updateFloatBuffer(buffer: GpuBuffer, data: Float32Array): void;
+    updateFloatBuffer(buffer: GpuBuffer, data: Float32Array, floatCount?: number): void;
     viewport(x: number, y: number, width: number, height: number): void;
+    setXOrigin(origin: number): void;
     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;
+    drawClipLines(positions: GpuBuffer, count: number, style: SeriesStyle): void;
     drawMinMaxSegments(positions: GpuBuffer, count: number, style: SeriesStyle, camera: Camera2D): void;
     drawMinMaxSegmentsInstanced(instanceBuffer: GpuBuffer, instanceCount: number, style: SeriesStyle, camera: Camera2D): void;
-    drawPointsInstanced(instanceBuffer: GpuBuffer, pointCount: number, style: SeriesStyle, camera: Camera2D, canvasWidth: number, canvasHeight: number): void;
-    drawPointSprites(positions: GpuBuffer, pointCount: number, style: SeriesStyle, camera: Camera2D): void;
+    drawPoints(positions: GpuBuffer, pointCount: number, style: SeriesStyle, camera: Camera2D, canvasWidth: number, canvasHeight: number): void;
+    private drawPointsInstanced;
+    private drawPointSprites;
     drawAreaStrip(positions: GpuBuffer, count: number, style: SeriesStyle, camera: Camera2D): void;
     drawBarsInstanced(instanceBuffer: GpuBuffer, barCount: number, style: SeriesStyle, camera: Camera2D): void;
     drawBarRangesInstanced(instanceBuffer: GpuBuffer, barCount: number, style: SeriesStyle, camera: Camera2D): void;
     drawBarTriangles(positions: GpuBuffer, vertexCount: number, style: SeriesStyle, camera: Camera2D): void;
     private drawLinePrimitive;
     private drawTrianglePrimitive;
+    private drawClipPrimitive;
     private writeCameraUniforms;
     dispose(): 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/ui/AxisOverlay.d.ts

@@ -9,12 +9,13 @@ export type AxisOverlayConfig = ChartLayoutConfig;
 export declare class AxisOverlay {
     private readonly layout;
     private readonly config;
-    private readonly options;
+    private options;
     private xPool;
     private yPool;
     private readonly xTicks;
     private readonly yTicks;
     constructor(layout: ChartLayoutElements, config: AxisOverlayConfig, options?: AxisOverlayOptions);
+    setOptions(options: AxisOverlayOptions): void;
     update(camera: Camera2D, axis: AxisController): void;
     dispose(): void;
     private parentForAxis;

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

@@ -1 +1 @@
-{"version":3,"file":"AxisOverlay.d.ts","sourceRoot":"","sources":["../../src/ui/AxisOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE/E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAElD,qBAAa,WAAW;IAOpB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAR1B,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;gBAGpB,MAAM,EAAE,mBAAmB,EAC3B,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,kBAAuB;IAGnD,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI;IAoBpD,OAAO,IAAI,IAAI;IAOf,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,UAAU;CAqEnB"}
+{"version":3,"file":"AxisOverlay.d.ts","sourceRoot":"","sources":["../../src/ui/AxisOverlay.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE/E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;AAElD,qBAAa,WAAW;IAOpB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,OAAO;IARjB,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,KAAK,CAAwB;IACrC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;gBAGpB,MAAM,EAAE,mBAAmB,EAC3B,MAAM,EAAE,iBAAiB,EAClC,OAAO,GAAE,kBAAuB;IAG1C,UAAU,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI;IAY7C,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI;IAoBpD,OAAO,IAAI,IAAI;IAOf,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,UAAU;CAqEnB"}