minerva-design 1.1.0 → 1.2.0

package/dist/charts/engine/chart.js

@@ -1,90 +1,60 @@
-import { axisTicks as e } from "./axis.js";
-import { mix as t, resolveColor as n, toCss as r } from "./color.js";
-import { lowerBound as i, nearestIndex as a } from "./data.js";
-import { createBarHighlight as o, createChartDom as s, createDataCanvas as c, createMarker as l, styleElement as u, swatch as d } from "./dom.js";
-import { buildItems as f } from "./items.js";
-import { computePlot as p, createScales as ee } from "./layout.js";
-import { buildModel as m, gridOf as te } from "./model.js";
-import { drawBackground as ne, drawForeground as re, font as ie } from "./overlay.js";
-import { createRenderer as ae } from "./renderers/detect.js";
-import { readTheme as h, watchTheme as oe } from "./theme.js";
-import { clampRange as g, panRange as _, sameRange as v, wheelFactor as se, zoomRange as ce } from "./viewport.js";
+import { lowerBound as e } from "./data.js";
+import { createBarHighlight as t, createChartDom as n, createDataCanvas as r, createMarker as i, styleElement as a, swatch as o } from "./dom.js";
+import { buildItems as s } from "./items.js";
+import { createScales as c } from "./layout.js";
+import { buildModel as l } from "./model.js";
+import { drawBackground as u, drawForeground as d, font as f } from "./overlay.js";
+import { createRenderer as p } from "./renderers/detect.js";
+import { collectPointLabels as m, hitTest as ee, hoverItemOf as te, hoverMarks as ne, layoutChart as re, pointOf as ie, resolveAnnotations as ae, sameHover as oe, showsCrosshair as se, tooltipContent as ce } from "./scene.js";
+import { readTheme as le, watchTheme as ue } from "./theme.js";
+import { clampRange as h, panRange as g, sameRange as _, wheelFactor as de, zoomRange as fe } from "./viewport.js";
 //#region src/engine/chart.ts
-var le = 300, ue = {
-	top: 12,
-	right: 16,
-	bottom: 4,
-	left: 4
-}, y = (e) => (e[0] + e[1]) / 2, b = (e) => ({
+var v = (e) => (e[0] + e[1]) / 2, y = (e) => ({
 	x: [e.x[0], e.x[1]],
 	y: [e.y[0], e.y[1]]
-}), x = (x, de) => {
-	let S = x.ownerDocument, C = S.defaultView, w = s(x), fe = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Set(), E = {}, D = de, O = h(w.root, D.palette), k, A = {
+}), pe = (pe, me) => {
+	let b = pe.ownerDocument, x = b.defaultView, S = n(pe), he = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Set(), w = {}, T = me, E = le(S.root, T.palette), D, O = {
 		x: [0, 1],
 		y: [0, 1]
-	}, j = !1, M = {
+	}, k = !1, A = {
 		x: 0,
 		y: 0
-	}, pe = [], N = !0, me = 0, P = [], F = null, I = null, L = null, R = null, he = 0, z = !1, B = 0, V = null, H = null, U = [], W = [], G = 0, ge = "", _e = /* @__PURE__ */ new WeakMap(), ve = 0, ye = (e) => {
-		let t = _e.get(e);
-		return t === void 0 && _e.set(e, t = ++ve), t;
-	}, be = () => {}, xe = new Promise((e) => {
-		be = e;
-	}), K = (e, t) => {
-		E[e]?.forEach((e) => e(t));
-	}, q = () => {
-		let e = D.interaction;
+	}, ge = [], j = !0, _e = 0, ve = [], M = null, N = null, P = null, F = null, ye = 0, I = !1, L = 0, R = null, be = "", z = null, B = null, V = null, xe = [], Se = [], Ce = 0, we = "", Te = /* @__PURE__ */ new WeakMap(), Ee = 0, De = (e) => {
+		let t = Te.get(e);
+		return t === void 0 && Te.set(e, t = ++Ee), t;
+	}, Oe = () => {}, ke = new Promise((e) => {
+		Oe = e;
+	}), H = (e, t) => {
+		w[e]?.forEach((e) => e(t));
+	}, U = () => {
+		let e = T.interaction;
 		if (e === !1) return null;
 		let t = typeof e == "object" ? e : {};
 		return {
 			zoom: t.zoom ?? !0,
 			wheel: t.wheel ?? "modifier",
 			pan: t.pan ?? !0,
-			keyboard: t.keyboard ?? !0
+			keyboard: t.keyboard ?? !0,
+			dragPoints: t.dragPoints ?? !1
 		};
-	}, Se = () => D.tooltip === !1 ? null : typeof D.tooltip == "object" ? D.tooltip : {}, J = () => {
-		z || B || (B = C?.requestAnimationFrame ? C.requestAnimationFrame(Ae) : setTimeout(Ae, 16));
-	}, Ce = () => (D.annotations ?? []).map((e) => {
-		if (e.type === "rect") {
-			let r = e.color ? n(e.color, w.root, O.primary) : O.primary;
-			return {
-				type: "rect",
-				x0: e.x0,
-				x1: e.x1,
-				y0: e.y0,
-				y1: e.y1,
-				color: r,
-				opacity: e.opacity ?? .08,
-				label: e.label,
-				labelPosition: e.labelPosition ?? "top-left",
-				labelColor: e.labelColor ? n(e.labelColor, w.root, r) : t(r, O.text, .2)
-			};
-		}
-		return {
-			type: "line",
-			axis: e.axis,
-			value: e.value,
-			color: e.color ? n(e.color, w.root, O.textMuted) : O.textMuted,
-			width: e.width ?? 1,
-			dash: [...e.dash ?? [4, 4]],
-			label: e.label
-		};
-	}), Y = () => {
-		k = m(D, O, T, fe, w.root);
-		let { base: e, zoom: t, minSpan: n } = k;
-		j ? (A = {
-			x: t.x ? g(A.x, e.x, n.x) : [...e.x],
-			y: t.y ? g(A.y, e.y, n.y) : [...e.y]
-		}, j = !v(A.x, e.x) || !v(A.y, e.y)) : A = b(e);
+	}, Ae = () => T.tooltip === !1 ? null : typeof T.tooltip == "object" ? T.tooltip : {}, W = () => {
+		I || L || (L = x?.requestAnimationFrame ? x.requestAnimationFrame(Ie) : setTimeout(Ie, 16));
+	}, G = () => {
+		D = l(T, E, C, he);
+		let { base: e, zoom: t, minSpan: n } = D;
+		k ? (O = {
+			x: t.x ? h(O.x, e.x, n.x) : [...e.x],
+			y: t.y ? h(O.y, e.y, n.y) : [...e.y]
+		}, k = !_(O.x, e.x) || !_(O.y, e.y)) : O = y(e);
 		let r = [
-			G,
-			k.baseline,
+			Ce,
+			D.baseline,
 			e.x.join(),
 			e.y.join(),
-			...k.series.map((e) => [
+			...D.series.map((e) => [
 				e.key,
 				e.type,
-				ye(e.cols),
+				De(e.cols),
 				e.colorCss,
 				e.hidden,
 				e.lineWidth,
@@ -92,29 +62,29 @@ var le = 300, ue = {
 				e.opacity,
 				e.barOffset,
 				e.barHalfWidth,
-				D.series[e.index].stack ?? ""
+				T.series[e.index].stack ?? ""
 			].join("|"))
 		].join("\n");
-		r !== ge && (ge = r, M = {
-			x: y(e.x),
-			y: y(e.y)
-		}, N = !0, V && !V.keyboard && (V = null)), P = Ce(), Te(), Ee(), J();
-	}, we = () => {
+		r !== we && (we = r, A = {
+			x: v(e.x),
+			y: v(e.y)
+		}, j = !0, R && !R.keyboard && (R = null)), ve = ae(T.annotations, E), Me(), Ne(), W();
+	}, je = () => {
 		let e = (e, t) => Math.max(Math.abs(e[0] - t), Math.abs(e[1] - t)) > (e[1] - e[0]) * 2e3;
-		(e(A.x, M.x) || e(A.y, M.y)) && (M = {
-			x: y(A.x),
-			y: y(A.y)
-		}, N = !0);
-	}, Te = () => {
-		let e = D.legend, t = D.series.filter((e) => e.name).length, n = e === void 0 ? t > 1 : !!e, r = typeof e == "object" ? e : {}, i = r.toggle ?? !0, a = [...w.legend.children].indexOf(S.activeElement);
-		if (w.legend.replaceChildren(), w.legend.style.display = n ? "flex" : "none", !n) return;
-		let o = r.position === "bottom";
-		w.legend.style.order = o ? "1" : "0", w.legend.style.padding = o ? "8px 4px 0" : "0 4px 8px";
-		for (let e of k.series) {
-			let t = S.createElement(i ? "button" : "span");
+		(e(O.x, A.x) || e(O.y, A.y)) && (A = {
+			x: v(O.x),
+			y: v(O.y)
+		}, j = !0);
+	}, Me = () => {
+		let e = T.legend, t = T.series.filter((e) => e.name).length, n = e === void 0 ? t > 1 : !!e, r = typeof e == "object" ? e : {}, i = r.toggle ?? !0, s = [...S.legend.children].indexOf(b.activeElement);
+		if (S.legend.replaceChildren(), S.legend.style.display = n ? "flex" : "none", !n) return;
+		let c = r.position === "bottom";
+		S.legend.style.order = c ? "1" : "0", S.legend.style.padding = c ? "8px 4px 0" : "0 4px 8px";
+		for (let e of D.series) {
+			let t = b.createElement(i ? "button" : "span");
 			t instanceof HTMLButtonElement && (t.type = "button", t.setAttribute("aria-pressed", String(!e.hidden)), t.addEventListener("click", () => {
-				T.has(e.id) ? T.delete(e.id) : T.add(e.id), Y();
-			})), u(t, {
+				C.has(e.id) ? C.delete(e.id) : C.add(e.id), G();
+			})), a(t, {
 				display: "inline-flex",
 				alignItems: "center",
 				gap: "6px",
@@ -128,415 +98,366 @@ var le = 300, ue = {
 				cursor: i ? "pointer" : "default",
 				opacity: e.hidden ? "0.45" : "1",
 				textDecoration: e.hidden ? "line-through" : "none"
-			}), t.append(d(S, e.colorCss, e.type === "scatter" ? "dot" : e.type === "line" ? "line" : "square"), S.createTextNode(e.name)), w.legend.appendChild(t);
+			}), t.append(o(b, e.colorCss, e.type === "scatter" ? "dot" : e.type === "line" ? "line" : "square"), b.createTextNode(e.name)), S.legend.appendChild(t);
 		}
-		a >= 0 && w.legend.children[a]?.focus();
-	}, Ee = () => {
-		let e = k.series.map((e) => e.name).join(", ");
-		w.stage.setAttribute("aria-label", D.ariaLabel ?? (e ? `Chart: ${e}` : "Chart")), q()?.keyboard ? w.stage.tabIndex = 0 : w.stage.removeAttribute("tabindex");
-	}, De = (e, t, n, r) => {
+		s >= 0 && S.legend.children[s]?.focus();
+	}, Ne = () => {
+		let e = D.series.map((e) => e.name).join(", ");
+		S.stage.setAttribute("aria-label", T.ariaLabel ?? (e ? `Chart: ${e}` : "Chart"));
+		let t = U()?.keyboard;
+		S.stage.style.touchAction = U()?.dragPoints ? "none" : "pan-y", t ? S.stage.tabIndex = 0 : S.stage.removeAttribute("tabindex");
+	}, Pe = (e, t, n, r) => {
 		let i = Math.max(1, Math.round(t * r)), a = Math.max(1, Math.round(n * r));
 		e.width !== i && (e.width = i), e.height !== a && (e.height = a), e.style.width = `${t}px`, e.style.height = `${n}px`;
-	}, Oe = (e, t, n) => {
+	}, Fe = (e, t, n) => {
 		let r = 2 / (e[1] - e[0]), i = (t - e[0]) * r - 1;
 		return n ? [-r, -i] : [r, i];
-	}, ke = (e) => {
-		let t = [];
-		for (let n of k.series) {
-			if (n.hidden || n.type !== "scatter" || !n.showLabels) continue;
-			let { x: r, y: i, count: a, labels: o, size: s } = n.cols;
-			if (o) for (let c = 0; c < a && t.length < le; c++) {
-				let a = o[c];
-				if (!a) continue;
-				let l = r[c], u = i[c];
-				if (l < A.x[0] || l > A.x[1] || u < A.y[0] || u > A.y[1]) continue;
-				let d = s && s[c] > 0 ? s[c] : n.pointSize;
-				t.push({
-					x: e.xToPx(l),
-					y: e.yToPx(u),
-					r: d / 2,
-					text: a
-				});
-			}
-		}
-		return t;
 	};
-	function Ae() {
-		if (B = 0, z) return;
-		let t = w.stage.clientWidth, n = w.stage.clientHeight;
-		if (t <= 0 || n <= 0) return;
-		let r = C?.devicePixelRatio || 1;
-		De(w.background, t, n, r), De(w.foreground, t, n, r);
-		let i = w.background.getContext("2d"), a = w.foreground.getContext("2d"), o = O.fontSize, s = k.y.tickCount ?? (n >= 220 ? 5 : Math.max(2, Math.round((n - 48) / 52)));
-		L = e(k.y, A.y, s);
-		let c = 0, l = 48;
-		if (i) {
-			if (i.setTransform(r, 0, 0, r, 0, 0), i.font = ie(O), k.y.visible) for (let e of L.labels) c = Math.max(c, i.measureText(e).width);
-			if (k.x.type === "category") {
-				l = 0;
-				let e = Math.max(1, Math.floor(k.x.categories.length / 200));
-				for (let t = 0; t < k.x.categories.length; t += e) l = Math.max(l, i.measureText(k.x.categories[t]).width);
-			}
-		}
-		let d = {
-			...ue,
-			...D.padding
-		}, m = p({
-			width: t,
-			height: n,
-			padding: d,
-			yLabelWidth: k.y.visible ? Math.ceil(c) : 0,
-			xAxisVisible: k.x.visible,
-			xTitle: !!k.x.title && k.x.visible,
-			yTitle: !!k.y.title && k.y.visible,
-			fontSize: o
-		}), te = k.x.type === "category" ? Math.max(1, Math.floor(m.width / (l + 14))) : k.x.tickCount ?? Math.max(2, Math.floor(m.width / 96));
-		if (I = e(k.x, A.x, te), F = ee(m, A, k.x.reverse, k.y.reverse), i && ne(i, {
-			width: t,
-			height: n,
-			scales: F,
-			x: k.x,
-			y: k.y,
-			xTicks: I,
-			yTicks: L,
-			theme: O,
-			annotations: P
-		}), a && (a.setTransform(r, 0, 0, r, 0, 0), re(a, {
-			width: t,
-			height: n,
-			scales: F,
-			theme: O,
-			annotations: P,
-			pointLabels: ke(F)
-		})), R) {
-			let e = R.canvas;
-			u(e, {
-				left: `${m.x}px`,
-				top: `${m.y}px`,
-				width: `${m.width}px`,
-				height: `${m.height}px`
+	function Ie() {
+		if (L = 0, I) return;
+		let e = S.stage.clientWidth, t = S.stage.clientHeight;
+		if (e <= 0 || t <= 0) return;
+		let n = x?.devicePixelRatio || 1;
+		Pe(S.background, e, t, n), Pe(S.foreground, e, t, n);
+		let r = S.background.getContext("2d"), i = S.foreground.getContext("2d");
+		r && (r.setTransform(n, 0, 0, n, 0, 0), r.font = f(E));
+		let o = re({
+			model: D,
+			view: O,
+			theme: E,
+			width: e,
+			height: t,
+			padding: T.padding,
+			measure: r ? (e) => r.measureText(e).width : (e) => e.length * E.fontSize * .6
+		}), { plot: c } = o;
+		N = o.xTicks, P = o.yTicks, M = o.scales;
+		let l = Le();
+		if (l && l.join() !== be && (be = l.join(), H("layout", {
+			x: l[0],
+			y: l[1],
+			width: l[2],
+			height: l[3]
+		})), r && u(r, {
+			width: e,
+			height: t,
+			scales: M,
+			x: D.x,
+			y: D.y,
+			xTicks: N,
+			yTicks: P,
+			theme: E,
+			annotations: ve
+		}), i && (i.setTransform(n, 0, 0, n, 0, 0), d(i, {
+			width: e,
+			height: t,
+			scales: M,
+			theme: E,
+			annotations: ve,
+			pointLabels: m(D, O, M)
+		})), F) {
+			let e = F.canvas;
+			a(e, {
+				left: `${c.x}px`,
+				top: `${c.y}px`,
+				width: `${c.width}px`,
+				height: `${c.height}px`
 			});
-			let t = Math.max(1, Math.round(m.width * r)), n = Math.max(1, Math.round(m.height * r));
-			(e.width !== t || e.height !== n) && R.resize(t, n), we(), N && (me++, pe = f(k, M, me), N = !1);
-			let [i, a] = Oe(A.x, M.x, k.x.reverse), [o, s] = Oe(A.y, M.y, k.y.reverse);
-			R.render(pe, {
+			let t = Math.max(1, Math.round(c.width * n)), r = Math.max(1, Math.round(c.height * n));
+			(e.width !== t || e.height !== r) && F.resize(t, r), je(), j && (_e++, ge = s(D, A, _e), j = !1);
+			let [i, o] = Fe(O.x, A.x, D.x.reverse), [l, u] = Fe(O.y, A.y, D.y.reverse);
+			F.render(ge, {
 				transform: {
 					xScale: i,
-					xOffset: a,
-					yScale: o,
-					yOffset: s
+					xOffset: o,
+					yScale: l,
+					yOffset: u
 				},
 				width: t,
-				height: n,
-				dpr: r
+				height: r,
+				dpr: n
 			});
 		}
-		Be();
+		J();
 	}
-	let je = (e, t, n) => {
-		let r = e.cols.x[t] + (e.type === "bar" ? e.barOffset : 0), i = e.type === "bar" && e.barTop ? e.barTop[t] : e.cols.y[t];
-		return {
-			px: n.xToPx(r),
-			py: n.yToPx(i)
-		};
-	}, Me = (e, t, n, r, i) => {
-		let a = je(e, t, i), o = !1;
-		if (e.type === "bar" && e.barBase) {
-			let s = e.barHalfWidth / i.xPerPx, c = i.yToPx(e.barBase[t]);
-			o = Math.abs(n - a.px) <= s && r >= Math.min(c, a.py) - 2 && r <= Math.max(c, a.py) + 2;
-		}
-		return {
-			series: e,
-			index: t,
-			px: a.px,
-			py: a.py,
-			dx: Math.abs(i.xToPx(e.cols.x[t]) - n),
-			dist: o ? 0 : Math.hypot(a.px - n, a.py - r),
-			inside: o
-		};
-	}, Ne = (e, t, n, r) => {
-		let i = Math.max(e.pointSize / 2 + 6, 10), a = r.pxToX(t), o = r.pxToY(n), s = i * r.xPerPx, c = i * r.yPerPx, l = -1, u = Infinity, { x: d, y: f, size: p } = e.cols;
-		return te(e).query(a - s, a + s, o - c, o + c, (i) => {
-			let a = Math.hypot(r.xToPx(d[i]) - t, r.yToPx(f[i]) - n);
-			a <= Math.max((p && p[i] > 0 ? p[i] : e.pointSize) / 2 + 4, 8) && a <= u && (u = a, l = i);
-		}), l;
-	}, Pe = (e, t) => {
-		let { x: n, y: r, count: i, sorted: o } = e.cols;
-		if (o) return a(n, r, i, t);
-		let s = -1, c = Infinity;
-		for (let e = 0; e < i; e++) {
-			if (!Number.isFinite(r[e])) continue;
-			let i = Math.abs(n[e] - t);
-			i < c && (c = i, s = e);
-		}
-		return s;
-	}, Fe = (e) => {
-		let t = e.series, n = t.pointColors?.[e.index], i = t.cols.labels?.[e.index];
-		return {
-			seriesIndex: t.index,
-			seriesId: t.id,
-			seriesName: t.name,
-			index: e.index,
-			x: t.cols.x[e.index],
-			y: t.cols.y[e.index],
-			color: n ? r(n) : t.colorCss,
-			...i === void 0 ? {} : { label: i }
-		};
-	}, Ie = (e) => {
-		if (!e.length) return null;
-		e.sort((e, t) => e.series.index - t.series.index);
-		let t = e.map(Fe), n = t[0].x;
-		return {
-			items: t,
-			x: n,
-			xLabel: I?.formatValue(n) ?? String(n)
-		};
-	}, Le = (e, t) => {
-		let n = F;
-		if (!n) return null;
-		let { plot: r } = n;
-		if (e < r.x - 6 || e > r.x + r.width + 6 || t < r.y - 6 || t > r.y + r.height + 6) return null;
-		let i = n.pxToX(e), a = [], o = [];
-		for (let r of k.series) if (!(r.hidden || r.cols.count === 0)) {
-			if (r.type === "scatter") {
-				let i = Ne(r, e, t, n);
-				i >= 0 && a.push(Me(r, i, e, t, n));
-			} else {
-				let a = Pe(r, i);
-				a >= 0 && o.push(Me(r, a, e, t, n));
-			}
-		}
-		if (k.tooltipMode === "nearest") {
-			let e = [...a, ...o].filter((e) => e.inside || e.series.type === "scatter" || e.dist <= 32);
-			if (!e.length) return null;
-			let t = e.reduce((e, t) => t.dist <= e.dist ? t : e);
-			return Ie([t]);
-		}
-		if (!o.length) return a.length ? Ie([a.reduce((e, t) => t.dist <= e.dist ? t : e)]) : null;
-		let s = Math.min(...o.map((e) => e.dx)), c = k.x.type === "category" ? .5 / n.xPerPx : 0, l = o.filter((e) => e.dx <= s + Math.max(1, c)), u = l.reduce((e, t) => t.dx < e.dx ? t : e), d = [
-			u,
-			...l.filter((e) => e !== u),
-			...a
-		], f = Ie(d);
-		return f && (f.x = Fe(u).x, f.xLabel = I?.formatValue(f.x) ?? String(f.x)), f;
-	}, X = (e) => {
-		let t = V === null != (e === null) || V && e && (V.event.items.length !== e.event.items.length || V.event.items.some((t, n) => t.index !== e.event.items[n].index || t.seriesIndex !== e.event.items[n].seriesIndex));
-		V = e, Be(), t && K("hover", e ? e.event : null);
-	}, Re = (e) => {
-		let t = Se()?.render;
+	let K = (e, t) => M ? ee(D, M, N, e, t) : null, Le = () => {
+		let e = M?.plot;
+		return e ? [
+			e.x + S.stage.offsetLeft,
+			e.y + S.stage.offsetTop,
+			e.width,
+			e.height
+		] : null;
+	}, Re = (e, t) => U()?.dragPoints ? K(e, t)?.items.find((e) => D.series[e.seriesIndex].type === "scatter") ?? null : null, q = (e) => {
+		let t = !oe(R?.event ?? null, e?.event ?? null);
+		R = e, J(), t && H("hover", e ? e.event : null);
+	}, ze = (e) => {
+		let t = Ae()?.render;
 		if (t) return t(e);
-		let n = S.createDocumentFragment(), r = S.createElement("div");
-		u(r, {
+		let n = ce(D, e, P), r = b.createDocumentFragment(), i = b.createElement("div");
+		a(i, {
 			display: "flex",
 			alignItems: "center",
 			gap: "6px",
 			fontWeight: "600",
 			marginBottom: "4px",
 			color: "var(--text-color, #1f2937)"
-		});
-		let i = (e, t, n) => {
-			let r = S.createElement("div");
-			u(r, {
+		}), n.titleColor && i.appendChild(o(b, n.titleColor, "dot")), i.appendChild(b.createTextNode(n.title)), r.append(i);
+		for (let e of n.rows) {
+			let t = b.createElement("div");
+			a(t, {
 				display: "flex",
 				alignItems: "center",
 				gap: "8px"
-			}), e && r.appendChild(d(S, e, "dot"));
-			let i = S.createElement("span");
-			u(i, {
+			}), e.color && t.appendChild(o(b, e.color, "dot"));
+			let n = b.createElement("span");
+			a(n, {
 				flex: "1 1 auto",
 				color: "var(--text-secondary-color, #6b7280)"
-			}), i.textContent = t;
-			let a = S.createElement("span");
-			return u(a, {
+			}), n.textContent = e.name;
+			let i = b.createElement("span");
+			a(i, {
 				fontWeight: "600",
 				fontVariantNumeric: "tabular-nums",
 				marginLeft: "12px"
-			}), a.textContent = n, r.append(i, a), r;
-		}, a = L?.formatValue ?? String;
-		if (e.items.every((e) => k.series[e.seriesIndex].type === "scatter") && e.items.length === 1) {
-			let t = e.items[0];
-			return r.append(d(S, t.color, "dot"), S.createTextNode(t.label ?? t.seriesName)), n.append(r, i(null, k.x.title ?? "x", e.xLabel), i(null, k.y.title ?? "y", a(t.y))), t.label !== void 0 && k.series.length > 1 && n.append(i(null, "", t.seriesName)), n;
+			}), i.textContent = e.value, t.append(n, i), r.append(t);
 		}
-		r.textContent = e.xLabel, n.append(r);
-		for (let t of e.items) {
-			let e = t.label ? `${t.seriesName} · ${t.label}` : t.seriesName;
-			n.append(i(t.color, e, a(t.y)));
-		}
-		return n;
-	}, ze = (e, t, n) => (e[t] || (e[t] = n(), w.hover.appendChild(e[t])), e[t].style.display = "block", e[t]);
-	function Be() {
-		let e = F, t = 0, n = 0;
-		if (w.crosshair.style.display = "none", V && e) {
-			let { plot: r } = e;
-			w.hover.style.width = `${w.stage.clientWidth}px`, w.hover.style.height = `${w.stage.clientHeight}px`;
-			let i = k.tooltipMode === "axis";
-			if (D.crosshair ?? (i && V.event.items.some((e) => k.series[e.seriesIndex].type !== "scatter"))) {
-				let t = V.event.items[0], n = e.xToPx(t.x);
-				n >= r.x && n <= r.x + r.width && u(w.crosshair, {
+		return r;
+	}, Be = (e, t, n) => (e[t] || (e[t] = n(), S.hover.appendChild(e[t])), e[t].style.display = "block", e[t]);
+	function J() {
+		let e = M, n = 0, r = 0;
+		if (S.crosshair.style.display = "none", R && e) {
+			let { plot: o } = e;
+			if (S.hover.style.width = `${S.stage.clientWidth}px`, S.hover.style.height = `${S.stage.clientHeight}px`, se(D, R.event, T.crosshair)) {
+				let t = R.event.items[0], n = e.xToPx(t.x);
+				n >= o.x && n <= o.x + o.width && a(S.crosshair, {
 					display: "block",
 					left: `${Math.round(n)}px`,
-					top: `${r.y}px`,
-					height: `${r.height}px`
+					top: `${o.y}px`,
+					height: `${o.height}px`
 				});
 			}
-			for (let i of V.event.items) {
-				let a = k.series[i.seriesIndex];
-				if (a.type === "bar" && a.barBase && a.barTop) {
-					let t = e.xToPx(i.x + a.barOffset), r = Math.max(a.barHalfWidth / e.xPerPx, 1), s = e.yToPx(a.barBase[i.index]), c = e.yToPx(a.barTop[i.index]), l = ze(W, n++, () => o(S));
-					u(l, {
-						left: `${t - r}px`,
-						top: `${Math.min(s, c)}px`,
-						width: `${r * 2}px`,
-						height: `${Math.max(1, Math.abs(s - c))}px`
+			for (let o of ne(D, e, R.event)) {
+				if (o.kind === "bar") {
+					let e = Be(Se, r++, () => t(b));
+					a(e, {
+						left: `${o.x}px`,
+						top: `${o.y}px`,
+						width: `${o.width}px`,
+						height: `${o.height}px`
 					});
 					continue;
 				}
-				let s = e.xToPx(i.x), c = e.yToPx(i.y);
-				if (s < r.x - 1 || s > r.x + r.width + 1 || c < r.y - 1 || c > r.y + r.height + 1) continue;
-				let d = a.type === "scatter" ? (a.cols.size && a.cols.size[i.index] > 0 ? a.cols.size[i.index] : a.pointSize) + 6 : Math.max(10, a.lineWidth * 2 + 6), f = ze(U, t++, () => l(S));
-				u(f, {
-					left: `${s}px`,
-					top: `${c}px`,
-					width: `${d}px`,
-					height: `${d}px`,
-					background: i.color
+				let e = Be(xe, n++, () => i(b));
+				a(e, {
+					left: `${o.x}px`,
+					top: `${o.y}px`,
+					width: `${o.size}px`,
+					height: `${o.size}px`,
+					background: o.color
 				});
 			}
 		}
-		for (let e = t; e < U.length; e++) U[e].style.display = "none";
-		for (let e = n; e < W.length; e++) W[e].style.display = "none";
-		let r = w.tooltip, i = V && e && Se() && !H?.moved ? Re(V.event) : null;
-		if (!V || i === null || i === "") {
-			r.style.display = "none";
+		for (let e = n; e < xe.length; e++) xe[e].style.display = "none";
+		for (let e = r; e < Se.length; e++) Se[e].style.display = "none";
+		let o = S.tooltip, s = R && e && Ae() && !V?.moved && !z?.moved ? ze(R.event) : null;
+		if (!R || s === null || s === "") {
+			o.style.display = "none";
 			return;
 		}
-		typeof i == "string" ? r.textContent = i : r.replaceChildren(i), r.style.display = "block";
-		let a = w.stage.clientWidth, s = w.stage.clientHeight, c = r.offsetWidth, d = r.offsetHeight, f = V.anchorX + 16;
-		f + c > a - 4 && (f = V.anchorX - 16 - c), f = Math.max(4, Math.min(f, a - c - 4));
-		let p = Math.max(4, Math.min(V.anchorY - d / 2, s - d - 4));
-		r.style.transform = `translate(${Math.round(f)}px, ${Math.round(p)}px)`;
+		typeof s == "string" ? (o.textContent = s, o.style.whiteSpace = "pre") : (o.replaceChildren(s), o.style.whiteSpace = "nowrap"), o.style.display = "block";
+		let c = S.stage.clientWidth, l = S.stage.clientHeight, u = o.offsetWidth, d = o.offsetHeight, f = R.anchorX + 16;
+		f + u > c - 4 && (f = R.anchorX - 16 - u), f = Math.max(4, Math.min(f, c - u - 4));
+		let p = Math.max(4, Math.min(R.anchorY - d / 2, l - d - 4));
+		o.style.transform = `translate(${Math.round(f)}px, ${Math.round(p)}px)`;
 	}
-	let Z = (e, t) => {
-		let { base: n, minSpan: r } = k;
-		A = {
-			x: g(e.x, n.x, r.x),
-			y: g(e.y, n.y, r.y)
-		}, j = !v(A.x, n.x) || !v(A.y, n.y);
-		let i = q();
-		w.stage.style.cursor = j && i?.pan ? "grab" : "", t && K("zoom", b(A)), J();
+	let Y = (e, t) => {
+		let { base: n, minSpan: r } = D;
+		O = {
+			x: h(e.x, n.x, r.x),
+			y: h(e.y, n.y, r.y)
+		}, k = !_(O.x, n.x) || !_(O.y, n.y);
+		let i = U();
+		S.stage.style.cursor = k && i?.pan ? "grab" : "", t && H("zoom", y(O)), W();
 	}, Ve = (e, t, n) => {
-		let r = F;
+		let r = M;
 		if (!r) return;
-		let i = b(A);
-		k.zoom.x && (i.x = ce(A.x, r.pxToX(e), n)), k.zoom.y && (i.y = ce(A.y, r.pxToY(t), n)), Z(i, !0);
-	}, Q = (e) => {
-		let t = w.stage.getBoundingClientRect();
+		let i = y(O);
+		D.zoom.x && (i.x = fe(O.x, r.pxToX(e), n)), D.zoom.y && (i.y = fe(O.y, r.pxToY(t), n)), Y(i, !0);
+	}, X = (e) => {
+		let t = S.stage.getBoundingClientRect();
 		return {
 			x: e.clientX - t.left,
 			y: e.clientY - t.top
 		};
-	}, He = (e, t) => {
-		let n = F?.plot;
+	}, Z = (e, t) => {
+		let n = M?.plot;
 		return !!n && e >= n.x && e <= n.x + n.width && t >= n.y && t <= n.y + n.height;
+	}, Q = (e, t) => {
+		let n = M;
+		if (!n) return null;
+		let { plot: r } = n, i = Math.max(r.x, Math.min(r.x + r.width, e)), a = Math.max(r.y, Math.min(r.y + r.height, t));
+		return {
+			x: n.pxToX(i),
+			y: n.pxToY(a)
+		};
+	}, He = (e, t, n) => {
+		if (n === null) {
+			B && (B.style.display = "none");
+			return;
+		}
+		B || (B = i(b), S.hover.appendChild(B));
+		let r = (D.series.find((e) => e.type === "scatter")?.pointSize ?? 8) + 8;
+		S.hover.style.width = `${S.stage.clientWidth}px`, S.hover.style.height = `${S.stage.clientHeight}px`, a(B, {
+			display: "block",
+			left: `${e}px`,
+			top: `${t}px`,
+			width: `${r}px`,
+			height: `${r}px`,
+			background: n
+		});
 	}, Ue = (e) => {
-		let { x: t, y: n } = Q(e);
-		if (H && H.id === e.pointerId) {
-			let r = t - H.x, i = n - H.y;
-			if (!H.moved && Math.hypot(r, i) > 3) {
-				let t = q();
-				j && t?.pan && (H.moved = !0, w.stage.setPointerCapture?.(e.pointerId), w.stage.style.cursor = "grabbing");
+		let { x: t, y: n } = X(e);
+		if (z && z.id === e.pointerId) {
+			if (!z.moved && Math.hypot(t - z.x, n - z.y) > 3 && (z.moved = !0, S.stage.setPointerCapture?.(e.pointerId), S.stage.style.cursor = "grabbing"), z.moved) {
+				let e = Q(t, n);
+				e && (He(t, n, z.item.color), J(), H("drag", {
+					item: z.item,
+					x: e.x,
+					y: e.y
+				}));
+			}
+			return;
+		}
+		if (V && V.id === e.pointerId) {
+			let r = t - V.x, i = n - V.y;
+			if (!V.moved && Math.hypot(r, i) > 3) {
+				let t = U();
+				k && t?.pan && (V.moved = !0, S.stage.setPointerCapture?.(e.pointerId), S.stage.style.cursor = "grabbing");
 			}
-			if (H.moved && F) {
-				let e = b(H.view);
-				k.zoom.x && (e.x = _(H.view.x, -r * F.xPerPx * (k.x.reverse ? -1 : 1))), k.zoom.y && (e.y = _(H.view.y, i * F.yPerPx * (k.y.reverse ? -1 : 1))), Z(e, !0);
+			if (V.moved && M) {
+				let e = y(V.view);
+				D.zoom.x && (e.x = g(V.view.x, -r * M.xPerPx * (D.x.reverse ? -1 : 1))), D.zoom.y && (e.y = g(V.view.y, i * M.yPerPx * (D.y.reverse ? -1 : 1))), Y(e, !0);
 				return;
 			}
 		}
-		let r = Le(t, n);
-		X(r ? {
+		let r = K(t, n);
+		q(r ? {
 			event: r,
 			anchorX: t,
 			anchorY: n,
 			keyboard: !1
-		} : null);
+		} : null), !V && U()?.dragPoints && (S.stage.style.cursor = Re(t, n) || k && U()?.pan ? "grab" : "");
 	}, We = (e) => {
 		if (e.button !== 0) return;
-		let { x: t, y: n } = Q(e);
-		He(t, n) && (H = {
+		let { x: t, y: n } = X(e);
+		if (!Z(t, n)) return;
+		let r = Re(t, n);
+		if (r) {
+			z = {
+				id: e.pointerId,
+				item: r,
+				x: t,
+				y: n,
+				moved: !1
+			};
+			return;
+		}
+		V = {
 			id: e.pointerId,
 			x: t,
 			y: n,
-			view: b(A),
+			view: y(O),
 			moved: !1
-		});
+		};
 	}, Ge = (e) => {
-		if (!H || H.id !== e.pointerId) return;
-		let t = H.moved;
-		if (H = null, w.stage.hasPointerCapture?.(e.pointerId) && w.stage.releasePointerCapture(e.pointerId), w.stage.style.cursor = j && q()?.pan ? "grab" : "", t) Be();
+		if (z && z.id === e.pointerId) {
+			let { item: t, moved: n } = z;
+			z = null, S.stage.hasPointerCapture?.(e.pointerId) && S.stage.releasePointerCapture(e.pointerId), He(0, 0, null);
+			let { x: r, y: i } = X(e);
+			if (S.stage.style.cursor = Re(r, i) ? "grab" : "", n) {
+				let n = Q(r, i);
+				n && e.type !== "pointercancel" && H("drop", {
+					item: t,
+					x: n.x,
+					y: n.y
+				}), J();
+			} else {
+				let e = K(r, i);
+				e && H("click", e);
+			}
+			return;
+		}
+		if (!V || V.id !== e.pointerId) return;
+		let t = V.moved;
+		if (V = null, S.stage.hasPointerCapture?.(e.pointerId) && S.stage.releasePointerCapture(e.pointerId), S.stage.style.cursor = k && U()?.pan ? "grab" : "", t) J();
 		else {
-			let { x: t, y: n } = Q(e), r = Le(t, n);
-			r && K("click", r);
+			let { x: t, y: n } = X(e), r = K(t, n);
+			if (r) H("click", r);
+			else if (e.type !== "pointercancel" && Z(t, n)) {
+				let e = Q(t, n);
+				e && H("plotClick", e);
+			}
 		}
 	}, Ke = () => {
-		H?.moved || X(null);
+		!V?.moved && !z?.moved && q(null);
 	}, qe = (e) => {
-		let t = q();
-		if (!t || t.zoom === !1 || !k.zoom.x && !k.zoom.y) return;
-		let { x: n, y: r } = Q(e);
-		if (!He(n, r)) return;
+		let t = U();
+		if (!t || t.zoom === !1 || !D.zoom.x && !D.zoom.y) return;
+		let { x: n, y: r } = X(e);
+		if (!Z(n, r)) return;
 		let i = e.ctrlKey || e.metaKey;
-		if (t.wheel === "always" || i) e.preventDefault(), Ve(n, r, se(e.deltaY, e.deltaMode, e.ctrlKey && !e.metaKey));
-		else if (j && k.zoom.x && F && Math.abs(e.deltaX) > Math.abs(e.deltaY)) {
+		if (t.wheel === "always" || i) e.preventDefault(), Ve(n, r, de(e.deltaY, e.deltaMode, e.ctrlKey && !e.metaKey));
+		else if (k && D.zoom.x && M && Math.abs(e.deltaX) > Math.abs(e.deltaY)) {
 			e.preventDefault();
-			let t = b(A);
-			t.x = _(A.x, e.deltaX * F.xPerPx * (k.x.reverse ? -1 : 1)), Z(t, !0);
+			let t = y(O);
+			t.x = g(O.x, e.deltaX * M.xPerPx * (D.x.reverse ? -1 : 1)), Y(t, !0);
 		}
 	}, Je = (e) => {
-		let { x: t, y: n } = Q(e);
-		q() && j && He(t, n) && rt();
-	}, Ye = (e) => {
-		let t = F;
-		if (!t) return;
-		let n = V?.keyboard ? V.event.items[0] : null, r = (n && k.series[n.seriesIndex]) ?? k.series.find((e) => !e.hidden && e.cols.count > 0);
-		if (!r) return;
-		let { x: a, y: o, count: s } = r.cols, c;
-		for (n ? c = n.index + e : (c = r.cols.sorted ? i(a, s, A.x[0]) : 0, e < 0 && (c = r.cols.sorted ? i(a, s, A.x[1]) - 1 : s - 1)); c >= 0 && c < s && !Number.isFinite(o[c]);) c += e || 1;
-		if (c < 0 || c >= s) return;
-		let l = t;
-		if (k.zoom.x && (a[c] < A.x[0] || a[c] > A.x[1])) {
-			let e = A.x[1] - A.x[0];
-			Z({
-				x: [a[c] - e / 2, a[c] + e / 2],
-				y: A.y
-			}, !0), l = F = ee(t.plot, A, k.x.reverse, k.y.reverse);
+		let { x: t, y: n } = X(e);
+		U() && k && Z(t, n) && rt();
+	}, Ye = (t) => {
+		let n = M;
+		if (!n) return;
+		let r = R?.keyboard ? R.event.items[0] : null, i = (r && D.series[r.seriesIndex]) ?? D.series.find((e) => !e.hidden && e.cols.count > 0);
+		if (!i) return;
+		let { x: a, y: o, count: s } = i.cols, l;
+		for (r ? l = r.index + t : (l = i.cols.sorted ? e(a, s, O.x[0]) : 0, t < 0 && (l = i.cols.sorted ? e(a, s, O.x[1]) - 1 : s - 1)); l >= 0 && l < s && !Number.isFinite(o[l]);) l += t || 1;
+		if (l < 0 || l >= s) return;
+		let u = n;
+		if (D.zoom.x && (a[l] < O.x[0] || a[l] > O.x[1])) {
+			let e = O.x[1] - O.x[0];
+			Y({
+				x: [a[l] - e / 2, a[l] + e / 2],
+				y: O.y
+			}, !0), u = M = c(n.plot, O, D.x.reverse, D.y.reverse);
 		}
-		let u = je(r, c, l), d = Fe(Me(r, c, u.px, u.py, l)), f = {
-			items: [d, ...k.tooltipMode === "axis" && r.type !== "scatter" ? (Le(u.px, u.py)?.items ?? []).filter((e) => e.seriesIndex !== r.index) : []],
-			x: d.x,
-			xLabel: I?.formatValue(d.x) ?? String(d.x)
+		let d = ie(i, l, u), f = te(i, l), p = {
+			items: [f, ...D.tooltipMode === "axis" && i.type !== "scatter" ? (K(d.px, d.py)?.items ?? []).filter((e) => e.seriesIndex !== i.index) : []],
+			x: f.x,
+			xLabel: N?.formatValue(f.x) ?? String(f.x)
 		};
-		X({
-			event: f,
-			anchorX: u.px,
-			anchorY: u.py,
+		q({
+			event: p,
+			anchorX: d.px,
+			anchorY: d.py,
 			keyboard: !0
 		});
-		let p = d;
-		w.live.textContent = `${p.seriesName}: ${f.xLabel}, ${L?.formatValue(p.y) ?? p.y}${p.label ? ` (${p.label})` : ""}`;
+		let m = f;
+		S.live.textContent = `${m.seriesName}: ${p.xLabel}, ${P?.formatValue(m.y) ?? m.y}${m.label ? ` (${m.label})` : ""}`;
 	}, Xe = (e) => {
-		if (!q()?.keyboard) return;
+		if (!U()?.keyboard) return;
 		let t = () => {
-			let e = F?.plot;
+			let e = M?.plot;
 			return e ? [e.x + e.width / 2, e.y + e.height / 2] : [0, 0];
 		};
 		switch (e.key) {
 			case "ArrowRight":
 			case "ArrowLeft":
-				e.preventDefault(), Ye(e.key === "ArrowRight" === k.x.reverse ? -1 : 1);
+				e.preventDefault(), Ye(e.key === "ArrowRight" === D.x.reverse ? -1 : 1);
 				break;
 			case "+":
 			case "=": {
-				if (!k.zoom.x && !k.zoom.y) return;
+				if (!D.zoom.x && !D.zoom.y) return;
 				e.preventDefault();
 				let [n, r] = t();
 				Ve(n, r, .8);
@@ -544,7 +465,7 @@ var le = 300, ue = {
 			}
 			case "-":
 			case "_": {
-				if (!k.zoom.x && !k.zoom.y) return;
+				if (!D.zoom.x && !D.zoom.y) return;
 				e.preventDefault();
 				let [n, r] = t();
 				Ve(n, r, 1.25);
@@ -553,72 +474,93 @@ var le = 300, ue = {
 			case "0":
 				e.preventDefault(), rt();
 				break;
-			case "Escape": V && (e.preventDefault(), X(null));
+			case "Escape": R && (e.preventDefault(), q(null));
 		}
 	}, Ze = () => {
 		let e;
 		try {
-			e = w.stage.matches(":focus-visible");
+			e = S.stage.matches(":focus-visible");
 		} catch {
 			e = !0;
 		}
-		e && (w.stage.style.boxShadow = "0 0 0 2px var(--primary-color, #4f46e5)");
+		e && (S.stage.style.boxShadow = "0 0 0 2px var(--primary-color, #4f46e5)");
 	}, Qe = () => {
-		w.stage.style.boxShadow = "", V?.keyboard && X(null);
-	}, $ = w.stage;
+		S.stage.style.boxShadow = "", R?.keyboard && q(null);
+	}, $ = S.stage;
 	$.addEventListener("pointermove", Ue), $.addEventListener("pointerdown", We), $.addEventListener("pointerup", Ge), $.addEventListener("pointercancel", Ge), $.addEventListener("pointerleave", Ke), $.addEventListener("wheel", qe, { passive: !1 }), $.addEventListener("dblclick", Je), $.addEventListener("keydown", Xe), $.addEventListener("focus", Ze), $.addEventListener("blur", Qe);
-	let $e = typeof ResizeObserver == "function" ? new ResizeObserver(() => J()) : null;
-	$e?.observe(w.stage);
+	let $e = typeof ResizeObserver == "function" ? new ResizeObserver(() => W()) : null;
+	$e?.observe(S.stage);
 	let et = () => {
-		z || (O = h(w.root, D.palette), G++, Y());
-	}, tt = oe(et), nt = async (e = /* @__PURE__ */ new Set()) => {
-		let t = ++he, n = await ae(D.renderer ?? "auto", () => c(S), (t) => {
-			z || R?.kind !== t || (R.destroy(), R.canvas.remove(), R = null, nt(/* @__PURE__ */ new Set([...e, t])));
+		I || (E = le(S.root, T.palette), Ce++, G());
+	}, tt = ue(et), nt = async (e = /* @__PURE__ */ new Set()) => {
+		let t = ++ye, n = await p(T.renderer ?? "auto", () => r(b), (t) => {
+			I || F?.kind !== t || (F.destroy(), F.canvas.remove(), F = null, nt(/* @__PURE__ */ new Set([...e, t])));
 		}, e);
-		if (z || t !== he) {
+		if (I || t !== ye) {
 			n?.destroy();
 			return;
 		}
-		R && (R.destroy(), R.canvas.remove()), R = n, n && (w.root.dataset.renderer = n.kind, w.stage.insertBefore(n.canvas, w.foreground), N = !0, K("renderer", n.kind)), be(n?.kind ?? null), J();
+		F && (F.destroy(), F.canvas.remove()), F = n, n && (S.root.dataset.renderer = n.kind, S.stage.insertBefore(n.canvas, S.foreground), j = !0, H("renderer", n.kind)), Oe(n?.kind ?? null), W();
 	};
 	function rt() {
-		j && Z(b(k.base), !0);
+		k && Y(y(D.base), !0);
 	}
-	return Y(), nt(), {
+	return G(), nt(), {
 		setOptions(e) {
-			if (z) return;
-			let t = D;
-			D = e, (e.palette ?? []).join() !== (t.palette ?? []).join() && (O = h(w.root, e.palette), G++), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && nt(), Y();
+			if (I) return;
+			let t = T;
+			T = e, (e.palette ?? []).join() !== (t.palette ?? []).join() && (E = le(S.root, e.palette), Ce++), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && nt(), G();
 		},
 		resize() {
-			J();
+			W();
 		},
 		resetZoom: rt,
-		getView: () => b(A),
+		getView: () => y(O),
 		setView(e) {
-			z || Z({
-				x: e.x ?? A.x,
-				y: e.y ?? A.y
+			I || Y({
+				x: e.x ?? O.x,
+				y: e.y ?? O.y
 			}, !1);
 		},
-		getRenderer: () => R?.kind ?? null,
-		ready: xe,
+		getRenderer: () => F?.kind ?? null,
+		getPlotRect() {
+			let e = Le();
+			return e ? {
+				x: e[0],
+				y: e[1],
+				width: e[2],
+				height: e[3]
+			} : null;
+		},
+		toPixel(e, t) {
+			return M ? {
+				x: M.xToPx(e) + S.stage.offsetLeft,
+				y: M.yToPx(t) + S.stage.offsetTop
+			} : null;
+		},
+		fromPixel(e, t) {
+			return M ? {
+				x: M.pxToX(e - S.stage.offsetLeft),
+				y: M.pxToY(t - S.stage.offsetTop)
+			} : null;
+		},
+		ready: ke,
 		refreshTheme: et,
 		on(e, t) {
-			let n = E[e];
-			return n || (n = /* @__PURE__ */ new Set(), E[e] = n), n.add(t), () => {
+			let n = w[e];
+			return n || (n = /* @__PURE__ */ new Set(), w[e] = n), n.add(t), () => {
 				n.delete(t);
 			};
 		},
 		destroy() {
-			if (!z) {
-				z = !0, B && (C?.cancelAnimationFrame ? C.cancelAnimationFrame(B) : clearTimeout(B)), $e?.disconnect(), tt(), $.removeEventListener("wheel", qe), R?.destroy(), R = null, w.root.remove();
-				for (let e of Object.keys(E)) delete E[e];
+			if (!I) {
+				I = !0, L && (x?.cancelAnimationFrame ? x.cancelAnimationFrame(L) : clearTimeout(L)), $e?.disconnect(), tt(), $.removeEventListener("wheel", qe), F?.destroy(), F = null, S.root.remove();
+				for (let e of Object.keys(w)) delete w[e];
 			}
 		}
 	};
 };
 //#endregion
-export { x as createChart };
+export { pe as createChart };
 
 //# sourceMappingURL=chart.js.map