minerva-design 1.5.0 → 1.6.0

package/dist/charts/engine/chart.js

@@ -4,67 +4,68 @@ import { createScales as s, toData as c, toScreen as l } from "./layout.js";
 import { buildItems as u, cellStyleKey as d } from "./items.js";
 import { watchLocale as f } from "./locale.js";
 import { chartAriaLabel as p } from "./labels.js";
-import { buildModel as m, fromPlotY as ee, heatPosition as te, toPlotY as ne } from "./model.js";
-import { drawBackground as re, drawForeground as ie, font as ae } from "./overlay.js";
-import { createRenderer as oe } from "./renderers/detect.js";
-import { collectPointLabels as se, colorLegend as ce, connectorSegments as le, crosshairAt as ue, hitTest as de, hoverItemOf as fe, hoverMarks as pe, layoutChart as me, legendShape as he, legendShown as ge, pointOf as _e, resolveAnnotations as ve, sameHover as ye, tooltipContent as be } from "./scene.js";
-import { itemsSignature as xe } from "./signature.js";
-import { readTheme as Se, themeColorsChanged as Ce, watchTheme as we } from "./theme.js";
-import { clampRange as h, panRange as Te, sameRange as g, wheelFactor as Ee, zoomRange as De } from "./viewport.js";
+import { buildModel as m, fromPlotX as ee, fromPlotY as te, heatPosition as ne, toPlotX as re, toPlotY as ie, viewFromValues as ae, viewToValues as oe } from "./model.js";
+import { drawBackground as se, drawForeground as ce, font as le } from "./overlay.js";
+import { createRenderer as ue } from "./renderers/detect.js";
+import { followDefaultRenderer as de } from "./renderers/follow.js";
+import { collectPointLabels as fe, colorLegend as pe, connectorSegments as me, crosshairAt as he, dependencyArrows as ge, hitTest as _e, hoverItemOf as ve, hoverMarks as ye, layoutChart as be, legendShape as xe, legendShown as Se, pointOf as Ce, resolveAnnotations as we, resolveDependencies as Te, sameHover as Ee, tooltipContent as De } from "./scene.js";
+import { itemsSignature as Oe } from "./signature.js";
+import { readTheme as ke, themeColorsChanged as Ae, watchTheme as je } from "./theme.js";
+import { clampRange as h, panRange as Me, sameRange as g, wheelFactor as Ne, zoomRange as Pe } from "./viewport.js";
 //#region src/engine/chart.ts
 var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 	x: [e.x[0], e.x[1]],
 	y: [e.y[0], e.y[1]]
-}), Oe = (Oe, ke) => {
-	let y = Oe.ownerDocument, b = y.defaultView, x = n(Oe), Ae = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Set(), C = {}, w = ke, T = Se(x.root, w.palette), E, D = {
+}), Fe = (Fe, Ie) => {
+	let y = Fe.ownerDocument, b = y.defaultView, x = n(Fe), Le = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Set(), C = {}, w = Ie, T = ke(x.root, w.palette), E, D = {
 		x: [0, 1],
 		y: [0, 1]
 	}, O = !1, k = {
 		x: 0,
 		y: 0
-	}, je = [], A = !0, Me = 0, Ne = [], j = null, M = null, N = null, Pe = null, P = null, Fe = 0, F = !1, I = 0, L = null, Ie = "", R = null, z = null, B = null, Le = [], Re = [], ze = [], Be = [], V = null, Ve = "", He = 0, Ue = "", We = "", H = null, U = null, Ge = () => {}, Ke = new Promise((e) => {
-		Ge = e;
+	}, Re = [], A = !0, ze = 0, Be = [], Ve = [], j = null, M = null, N = null, He = null, P = null, Ue = 0, F = !1, I = 0, L = null, We = "", R = null, z = null, B = null, Ge = [], Ke = [], qe = [], Je = [], V = null, Ye = "", Xe = 0, Ze = "", Qe = "", H = null, U = null, $e = () => {}, et = new Promise((e) => {
+		$e = e;
 	}), W = (e, t) => {
 		C[e]?.forEach((e) => e(t));
-	}, qe = null, Je = null, G = () => {
-		if (qe === w) return Je;
-		qe = w;
+	}, tt = null, nt = null, G = () => {
+		if (tt === w) return nt;
+		tt = w;
 		let e = w.interaction;
-		if (e === !1) return Je = null;
+		if (e === !1) return nt = null;
 		let t = typeof e == "object" ? e : {};
-		return Je = {
+		return nt = {
 			zoom: t.zoom ?? !0,
 			wheel: t.wheel ?? "modifier",
 			pan: t.pan ?? !0,
 			keyboard: t.keyboard ?? !0,
 			dragPoints: t.dragPoints ?? !1
 		};
-	}, Ye = () => w.tooltip === !1 ? null : typeof w.tooltip == "object" ? w.tooltip : {}, K = () => {
-		F || I || (I = b?.requestAnimationFrame ? b.requestAnimationFrame(tt) : setTimeout(tt, 16));
+	}, rt = () => w.tooltip === !1 ? null : typeof w.tooltip == "object" ? w.tooltip : {}, K = () => {
+		F || I || (I = b?.requestAnimationFrame ? b.requestAnimationFrame(lt) : setTimeout(lt, 16));
 	}, q = () => {
-		E = m(w, T, S, Ae);
+		E = m(w, T, S, Le);
 		let { base: e, zoom: t, minSpan: n } = E;
 		O ? (D = {
 			x: t.x ? h(D.x, e.x, n.x) : [...e.x],
 			y: t.y ? h(D.y, e.y, n.y) : [...e.y]
 		}, O = !g(D.x, e.x) || !g(D.y, e.y)) : D = v(e);
-		let r = xe(E, He, (e) => w.series[e]?.stack);
-		r !== Ue && (Ue = r, k = {
+		let r = Oe(E, Xe, (e) => w.series[e]?.stack);
+		r !== Ze && (Ze = r, k = {
 			x: _(e.x),
 			y: _(e.y)
-		}, A = !0, L && !L.keyboard && (L = null)), Ne = ve(w.annotations, T, E.y.type === "log" ? Math.log10 : void 0), Ze(), Qe(), K();
-	}, Xe = () => {
+		}, A = !0, L && !L.keyboard && (L = null)), Be = we(w.annotations, T, E.y.type === "log" ? Math.log10 : void 0, E.x.type === "log" ? Math.log10 : void 0), Ve = Te(w.dependencies, T), at(), ot(), K();
+	}, it = () => {
 		let e = (e, t) => Math.max(Math.abs(e[0] - t), Math.abs(e[1] - t)) > (e[1] - e[0]) * 2e3;
 		(e(D.x, k.x) || e(D.y, k.y)) && (k = {
 			x: _(D.x),
 			y: _(D.y)
 		}, A = !0);
-	}, Ze = () => {
-		let e = w.legend, t = w.series.filter((e) => e.name).length, n = ge(e, E, t), r = typeof e == "object" ? e : {}, i = r.toggle ?? !0, s = r.position === "bottom", c = n ? ce(E) : null, l = `${n}|${s}|${i}`;
+	}, at = () => {
+		let e = w.legend, t = w.series.filter((e) => e.name).length, n = Se(e, E, t), r = typeof e == "object" ? e : {}, i = r.toggle ?? !0, s = r.position === "bottom", c = n ? pe(E) : null, l = `${n}|${s}|${i}`;
 		if (c) l += `\n${c.stops.join(";")}|${c.labels.map((e) => e.text).join(";")}`;
-		else if (n) for (let e of E.series) l += `\n${e.id}\u0001${e.name}\u0001${e.colorCss}\u0001${he(e.type)}\u0001${e.hidden}`;
-		if (l === We) return;
-		We = l;
+		else if (n) for (let e of E.series) l += `\n${e.id}\u0001${e.name}\u0001${e.colorCss}\u0001${xe(e.type)}\u0001${e.hidden}`;
+		if (l === Qe) return;
+		Qe = l;
 		let u = [...x.legend.children].indexOf(y.activeElement);
 		if (x.legend.replaceChildren(), V = null, x.legend.style.display = n ? "flex" : "none", n) {
 			if (x.legend.style.order = s ? "1" : "0", x.legend.style.padding = s ? "8px 4px 0" : "0 4px 8px", c) {
@@ -134,30 +135,30 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 					cursor: i ? "pointer" : "default",
 					opacity: e.hidden ? "0.45" : "1",
 					textDecoration: e.hidden ? "line-through" : "none"
-				}), t.append(o(y, e.colorCss, he(e.type)), y.createTextNode(e.name)), x.legend.appendChild(t);
+				}), t.append(o(y, e.colorCss, xe(e.type)), y.createTextNode(e.name)), x.legend.appendChild(t);
 			}
 			u >= 0 && x.legend.children[u]?.focus();
 		}
-	}, Qe = () => {
+	}, ot = () => {
 		x.stage.setAttribute("aria-label", w.ariaLabel ?? p(E));
 		let e = G()?.keyboard;
 		x.stage.style.touchAction = G()?.dragPoints ? "none" : "pan-y", e ? x.stage.tabIndex = 0 : x.stage.removeAttribute("tabindex");
-	}, $e = (e, t, n, r) => {
+	}, st = (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`;
-	}, et = (e, t, n) => {
+	}, ct = (e, t, n) => {
 		let r = 2 / (e[1] - e[0]), i = (t - e[0]) * r - 1;
 		return n ? [-r, -i] : [r, i];
 	};
-	function tt() {
+	function lt() {
 		if (I = 0, F) return;
 		let e = x.stage.clientWidth, t = x.stage.clientHeight;
 		if (e <= 0 || t <= 0) return;
 		let n = b?.devicePixelRatio || 1;
-		$e(x.background, e, t, n), $e(x.foreground, e, t, n);
+		st(x.background, e, t, n), st(x.foreground, e, t, n);
 		let r = x.background.getContext("2d"), i = x.foreground.getContext("2d");
-		r && (r.setTransform(n, 0, 0, n, 0, 0), r.font = ae(T));
-		let o = me({
+		r && (r.setTransform(n, 0, 0, n, 0, 0), r.font = le(T));
+		let o = be({
 			model: E,
 			view: D,
 			theme: T,
@@ -166,14 +167,14 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			padding: w.padding,
 			measure: r ? (e) => r.measureText(e).width : (e) => e.length * T.fontSize * .6
 		}), { plot: s } = o;
-		M = o.xTicks, N = o.yTicks, Pe = o.y2Ticks, j = o.scales;
-		let c = nt();
-		if (c && c.join() !== Ie && (Ie = c.join(), W("layout", {
+		M = o.xTicks, N = o.yTicks, He = o.y2Ticks, j = o.scales;
+		let c = ut();
+		if (c && c.join() !== We && (We = c.join(), W("layout", {
 			x: c[0],
 			y: c[1],
 			width: c[2],
 			height: c[3]
-		})), r && re(r, {
+		})), r && se(r, {
 			width: e,
 			height: t,
 			scales: j,
@@ -182,17 +183,18 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			xTicks: M,
 			yTicks: N,
 			y2: E.y2,
-			y2Ticks: Pe,
+			y2Ticks: He,
 			theme: T,
-			annotations: Ne
-		}), i && (i.setTransform(n, 0, 0, n, 0, 0), ie(i, {
+			annotations: Be
+		}), i && (i.setTransform(n, 0, 0, n, 0, 0), ce(i, {
 			width: e,
 			height: t,
 			scales: j,
 			theme: T,
-			annotations: Ne,
-			pointLabels: se(E, D, j, N),
-			connectors: le(E, j)
+			annotations: Be,
+			pointLabels: fe(E, D, j, N),
+			connectors: me(E, j),
+			arrows: ge(E, j, Ve)
 		})), P) {
 			let e = P.canvas, t = E.horizontal, r = t ? s.height : s.width, i = t ? s.width : s.height;
 			a(e, {
@@ -204,14 +206,14 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 				transform: t ? "matrix(0, 1, 1, 0, 0, 0)" : ""
 			});
 			let o = Math.max(1, Math.round(r * n)), c = Math.max(1, Math.round(i * n));
-			(e.width !== o || e.height !== c) && P.resize(o, c), Xe();
+			(e.width !== o || e.height !== c) && P.resize(o, c), it();
 			let l = {
 				x: 1 / Math.abs(j.xPerPx),
 				y: 1 / Math.abs(j.yPerPx)
 			}, f = d(E, l);
-			f !== Ve && (Ve = f, A = !0), A && (Me++, je = u(E, k, Me, l), A = !1);
-			let [p, m] = et(D.x, k.x, E.x.reverse), [ee, te] = et(D.y, k.y, t ? !E.y.reverse : E.y.reverse);
-			P.render(je, {
+			f !== Ye && (Ye = f, A = !0), A && (ze++, Re = u(E, k, ze, l), A = !1);
+			let [p, m] = ct(D.x, k.x, E.x.reverse), [ee, te] = ct(D.y, k.y, t ? !E.y.reverse : E.y.reverse);
+			P.render(Re, {
 				transform: {
 					xScale: p,
 					xOffset: m,
@@ -225,7 +227,7 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 		}
 		X();
 	}
-	let J = (e, t) => j ? de(E, j, M, e, t) : null, nt = () => {
+	let J = (e, t) => j ? _e(E, j, M, e, t) : null, ut = () => {
 		let e = j?.plot;
 		return e ? [
 			e.x + x.stage.offsetLeft,
@@ -233,13 +235,13 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			e.width,
 			e.height
 		] : null;
-	}, rt = (e, t) => G()?.dragPoints ? J(e, t)?.items.find((e) => E.series[e.seriesIndex].type === "scatter") ?? null : null, Y = (e) => {
-		let t = !ye(L?.event ?? null, e?.event ?? null);
+	}, dt = (e, t) => G()?.dragPoints ? J(e, t)?.items.find((e) => E.series[e.seriesIndex].type === "scatter") ?? null : null, Y = (e) => {
+		let t = !Ee(L?.event ?? null, e?.event ?? null);
 		L = e, X(), t && W("hover", e ? e.event : null);
-	}, it = (e) => {
-		let t = Ye()?.render;
+	}, ft = (e) => {
+		let t = rt()?.render;
 		if (t) return t(e);
-		let n = be(E, e, N, Pe), r = y.createDocumentFragment(), i = y.createElement("div");
+		let n = De(E, e, N, He), r = y.createDocumentFragment(), i = y.createElement("div");
 		if (a(i, {
 			display: "flex",
 			alignItems: "center",
@@ -290,20 +292,20 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			}), n.textContent = e.value, c.append(t, n);
 		}
 		return r.append(c), r;
-	}, at = (e, t, n, r = x.hover) => (e[t] || (e[t] = n(), r.appendChild(e[t])), e[t].style.display = "block", e[t]);
+	}, pt = (e, t, n, r = x.hover) => (e[t] || (e[t] = n(), r.appendChild(e[t])), e[t].style.display = "block", e[t]);
 	function X() {
 		let e = j;
-		L && e && H && H.scales === e && H.model === E && ye(H.event, L.event) || ot(e);
+		L && e && H && H.scales === e && H.model === E && Ee(H.event, L.event) || mt(e);
 		let t = x.tooltip;
-		if (!L || !e || !Ye() || B?.moved || R?.moved) {
+		if (!L || !e || !rt() || B?.moved || R?.moved) {
 			t.style.display = "none";
 			return;
 		}
-		let n = Ye()?.render, r, i;
-		if (!n && U && U.model === E && U.yTicks === N && ye(U.event, L.event) && t.style.display === "block") r = U.width, i = U.height;
+		let n = rt()?.render, r, i;
+		if (!n && U && U.model === E && U.yTicks === N && Ee(U.event, L.event) && t.style.display === "block") r = U.width, i = U.height;
 		else {
 			U = null;
-			let e = it(L.event);
+			let e = ft(L.event);
 			if (e === null || e === "") {
 				t.style.display = "none";
 				return;
@@ -321,9 +323,9 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 		let c = Math.max(4, Math.min(L.anchorY - i / 2, o - i - 4));
 		t.style.transform = `translate(${Math.round(s)}px, ${Math.round(c)}px)`;
 	}
-	function ot(e) {
+	function mt(e) {
 		let n = 0, r = 0, o = 0, s = 0;
-		if (st(), H = null, x.crosshair.style.display = "none", L && e) {
+		if (ht(), H = null, x.crosshair.style.display = "none", L && e) {
 			H = {
 				event: L.event,
 				model: E,
@@ -331,7 +333,7 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			};
 			let { plot: c } = e;
 			x.hover.style.width = `${x.stage.clientWidth}px`, x.hover.style.height = `${x.stage.clientHeight}px`;
-			let l = ue(E, e, L.event, w.crosshair);
+			let l = he(E, e, L.event, w.crosshair);
 			if (l !== null) {
 				let t = "1px dashed color-mix(in srgb, var(--text-secondary-color, #6b7280) 45%, transparent)";
 				a(x.crosshair, e.horizontal ? {
@@ -352,9 +354,9 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 					borderTop: "0"
 				});
 			}
-			for (let c of pe(E, e, L.event)) {
+			for (let c of ye(E, e, L.event)) {
 				if (c.kind === "band" || c.kind === "guide") {
-					let e = c.kind === "band" ? at(Re, r++, () => t(y), x.underlay) : at(Be, s++, () => a(t(y), {
+					let e = c.kind === "band" ? pt(Ke, r++, () => t(y), x.underlay) : pt(Je, s++, () => a(t(y), {
 						borderRadius: "0",
 						background: "color-mix(in srgb, var(--text-color, #1f2937) 6%, transparent)"
 					}));
@@ -367,7 +369,7 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 					continue;
 				}
 				if (c.kind === "cell") {
-					let e = at(ze, o++, () => a(t(y), {
+					let e = pt(qe, o++, () => a(t(y), {
 						boxShadow: "0 8px 18px -6px rgba(15, 23, 42, 0.6), 0 0 0 1px rgba(15, 23, 42, 0.12)",
 						outlineStyle: "solid",
 						outlineWidth: "1.5px",
@@ -385,7 +387,7 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 					});
 					continue;
 				}
-				let e = at(Le, n++, () => i(y));
+				let e = pt(Ge, n++, () => i(y));
 				a(e, {
 					left: `${c.x}px`,
 					top: `${c.y}px`,
@@ -396,12 +398,12 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 				});
 			}
 		}
-		for (let e = n; e < Le.length; e++) Le[e].style.display = "none";
-		for (let e = r; e < Re.length; e++) Re[e].style.display = "none";
-		for (let e = o; e < ze.length; e++) ze[e].style.display = "none";
-		for (let e = s; e < Be.length; e++) Be[e].style.display = "none";
+		for (let e = n; e < Ge.length; e++) Ge[e].style.display = "none";
+		for (let e = r; e < Ke.length; e++) Ke[e].style.display = "none";
+		for (let e = o; e < qe.length; e++) qe[e].style.display = "none";
+		for (let e = s; e < Je.length; e++) Je[e].style.display = "none";
 	}
-	function st() {
+	function ht() {
 		let e = V;
 		if (!e) return;
 		let t = L?.event.items[0], n = t ? E.series[t.seriesIndex] : void 0;
@@ -409,7 +411,7 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			e.style.display = "none";
 			return;
 		}
-		e.style.display = "block", e.style.left = `${(te(n, t.value) * 100).toFixed(2)}%`;
+		e.style.display = "block", e.style.left = `${(ne(n, t.value) * 100).toFixed(2)}%`;
 	}
 	let Z = (e, t) => {
 		let { base: n, minSpan: r } = E;
@@ -418,30 +420,30 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			y: h(e.y, n.y, r.y)
 		}, O = !g(D.x, n.x) || !g(D.y, n.y);
 		let i = G();
-		x.stage.style.cursor = O && i?.pan ? "grab" : "", t && W("zoom", v(D)), K();
-	}, ct = (e, t, n) => {
+		x.stage.style.cursor = O && i?.pan ? "grab" : "", t && W("zoom", oe(E, D)), K();
+	}, gt = (e, t, n) => {
 		let r = j;
 		if (!r) return;
 		let i = v(D), a = c(r, e, t);
-		E.zoom.x && (i.x = De(D.x, a.x, n)), E.zoom.y && (i.y = De(D.y, a.y, n)), Z(i, !0);
+		E.zoom.x && (i.x = Pe(D.x, a.x, n)), E.zoom.y && (i.y = Pe(D.y, a.y, n)), Z(i, !0);
 	}, Q = (e) => {
 		let t = x.stage.getBoundingClientRect();
 		return {
 			x: e.clientX - t.left,
 			y: e.clientY - t.top
 		};
-	}, lt = (e, t) => {
+	}, _t = (e, t) => {
 		let n = j?.plot;
 		return !!n && e >= n.x && e <= n.x + n.width && t >= n.y && t <= n.y + n.height;
-	}, ut = (e, t) => {
+	}, vt = (e, t) => {
 		let n = j;
 		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)), o = c(n, i, a);
 		return {
-			x: o.x,
-			y: ee(E, o.y)
+			x: ee(E, o.x),
+			y: te(E, o.y)
 		};
-	}, dt = (e, t, n) => {
+	}, yt = (e, t, n) => {
 		if (n === null) {
 			z && (z.style.display = "none");
 			return;
@@ -456,12 +458,12 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			height: `${r}px`,
 			background: n
 		});
-	}, ft = (e) => {
+	}, bt = (e) => {
 		let { x: t, y: n } = Q(e);
 		if (R && R.id === e.pointerId) {
 			if (!R.moved && Math.hypot(t - R.x, n - R.y) > 3 && (R.moved = !0, x.stage.setPointerCapture?.(e.pointerId), x.stage.style.cursor = "grabbing"), R.moved) {
-				let e = ut(t, n);
-				e && (dt(t, n, R.item.color), X(), W("drag", {
+				let e = vt(t, n);
+				e && (yt(t, n, R.item.color), X(), W("drag", {
 					item: R.item,
 					x: e.x,
 					y: e.y
@@ -477,7 +479,7 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			}
 			if (B.moved && j) {
 				let e = v(B.view), r = c(j, B.x, B.y), i = c(j, t, n);
-				E.zoom.x && (e.x = Te(B.view.x, r.x - i.x)), E.zoom.y && (e.y = Te(B.view.y, r.y - i.y)), Z(e, !0);
+				E.zoom.x && (e.x = Me(B.view.x, r.x - i.x)), E.zoom.y && (e.y = Me(B.view.y, r.y - i.y)), Z(e, !0);
 				return;
 			}
 		}
@@ -487,12 +489,12 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			anchorX: t,
 			anchorY: n,
 			keyboard: !1
-		} : null), !B && G()?.dragPoints && (x.stage.style.cursor = rt(t, n) || O && G()?.pan ? "grab" : "");
-	}, pt = (e) => {
+		} : null), !B && G()?.dragPoints && (x.stage.style.cursor = dt(t, n) || O && G()?.pan ? "grab" : "");
+	}, xt = (e) => {
 		if (e.button !== 0) return;
 		let { x: t, y: n } = Q(e);
-		if (!lt(t, n)) return;
-		let r = rt(t, n);
+		if (!_t(t, n)) return;
+		let r = dt(t, n);
 		if (r) {
 			R = {
 				id: e.pointerId,
@@ -510,13 +512,13 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			view: v(D),
 			moved: !1
 		};
-	}, mt = (e) => {
+	}, St = (e) => {
 		if (R && R.id === e.pointerId) {
 			let { item: t, moved: n } = R;
-			R = null, x.stage.hasPointerCapture?.(e.pointerId) && x.stage.releasePointerCapture(e.pointerId), dt(0, 0, null);
+			R = null, x.stage.hasPointerCapture?.(e.pointerId) && x.stage.releasePointerCapture(e.pointerId), yt(0, 0, null);
 			let { x: r, y: i } = Q(e);
-			if (x.stage.style.cursor = rt(r, i) ? "grab" : "", n) {
-				let n = ut(r, i);
+			if (x.stage.style.cursor = dt(r, i) ? "grab" : "", n) {
+				let n = vt(r, i);
 				n && e.type !== "pointercancel" && W("drop", {
 					item: t,
 					x: n.x,
@@ -534,29 +536,29 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 		else {
 			let { x: t, y: n } = Q(e), r = J(t, n);
 			if (r) W("click", r);
-			else if (e.type !== "pointercancel" && lt(t, n)) {
-				let e = ut(t, n);
+			else if (e.type !== "pointercancel" && _t(t, n)) {
+				let e = vt(t, n);
 				e && W("plotClick", e);
 			}
 		}
-	}, ht = () => {
+	}, Ct = () => {
 		!B?.moved && !R?.moved && Y(null);
-	}, gt = (e) => {
+	}, wt = (e) => {
 		let t = G();
 		if (!t || t.zoom === !1 || !E.zoom.x && !E.zoom.y) return;
 		let { x: n, y: r } = Q(e);
-		if (!lt(n, r)) return;
+		if (!_t(n, r)) return;
 		let i = e.ctrlKey || e.metaKey;
-		if (t.wheel === "always" || i) e.preventDefault(), ct(n, r, Ee(e.deltaY, e.deltaMode, e.ctrlKey && !e.metaKey));
+		if (t.wheel === "always" || i) e.preventDefault(), gt(n, r, Ne(e.deltaY, e.deltaMode, e.ctrlKey && !e.metaKey));
 		else if (O && E.zoom.x && j && !j.horizontal && Math.abs(e.deltaX) > Math.abs(e.deltaY)) {
 			e.preventDefault();
 			let t = v(D);
-			t.x = Te(D.x, e.deltaX * j.xPerPx * (E.x.reverse ? -1 : 1)), Z(t, !0);
+			t.x = Me(D.x, e.deltaX * j.xPerPx * (E.x.reverse ? -1 : 1)), Z(t, !0);
 		}
-	}, _t = (e) => {
+	}, Tt = (e) => {
 		let { x: t, y: n } = Q(e);
-		G() && O && lt(t, n) && Dt();
-	}, vt = (t) => {
+		G() && O && _t(t, n) && Ft();
+	}, Et = (t) => {
 		let n = j;
 		if (!n) return;
 		let r = L?.keyboard ? L.event.items[0] : null, i = (r && E.series[r.seriesIndex]) ?? E.series.find((e) => !e.hidden && e.cols.count > 0);
@@ -572,7 +574,7 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 				y: D.y
 			}, !0), u = j = s(n.plot, D, E.x.reverse, E.y.reverse, E.horizontal);
 		}
-		let d = _e(i, l, u), f = fe(i, l), p = {
+		let d = Ce(i, l, u), f = ve(i, l), p = {
 			items: [f, ...E.tooltipMode === "axis" && i.type !== "scatter" ? (J(d.px, d.py)?.items ?? []).filter((e) => e.seriesIndex !== i.index) : []],
 			x: f.x,
 			xLabel: M?.formatValue(f.x) ?? String(f.x)
@@ -585,7 +587,7 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 		});
 		let m = f;
 		x.live.textContent = `${m.seriesName}: ${p.xLabel}, ${N?.formatValue(m.y) ?? m.y}${m.label ? ` (${m.label})` : ""}`;
-	}, yt = (e) => {
+	}, Dt = (e) => {
 		if (!G()?.keyboard) return;
 		let t = () => {
 			let e = j?.plot;
@@ -595,19 +597,19 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			case "ArrowRight":
 			case "ArrowLeft":
 				if (E.horizontal) return;
-				e.preventDefault(), vt(e.key === "ArrowRight" === E.x.reverse ? -1 : 1);
+				e.preventDefault(), Et(e.key === "ArrowRight" === E.x.reverse ? -1 : 1);
 				break;
 			case "ArrowDown":
 			case "ArrowUp":
 				if (!E.horizontal) return;
-				e.preventDefault(), vt(e.key === "ArrowDown" === E.x.reverse ? -1 : 1);
+				e.preventDefault(), Et(e.key === "ArrowDown" === E.x.reverse ? -1 : 1);
 				break;
 			case "+":
 			case "=": {
 				if (!E.zoom.x && !E.zoom.y) return;
 				e.preventDefault();
 				let [n, r] = t();
-				ct(n, r, .8);
+				gt(n, r, .8);
 				break;
 			}
 			case "-":
@@ -615,15 +617,15 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 				if (!E.zoom.x && !E.zoom.y) return;
 				e.preventDefault();
 				let [n, r] = t();
-				ct(n, r, 1.25);
+				gt(n, r, 1.25);
 				break;
 			}
 			case "0":
-				e.preventDefault(), Dt();
+				e.preventDefault(), Ft();
 				break;
 			case "Escape": L && (e.preventDefault(), Y(null));
 		}
-	}, bt = () => {
+	}, Ot = () => {
 		let e;
 		try {
 			e = x.stage.matches(":focus-visible");
@@ -631,51 +633,50 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			e = !0;
 		}
 		e && (x.stage.style.boxShadow = "0 0 0 2px var(--primary-color, #4f46e5)");
-	}, xt = () => {
+	}, kt = () => {
 		x.stage.style.boxShadow = "", L?.keyboard && Y(null);
 	}, $ = x.stage;
-	$.addEventListener("pointermove", ft), $.addEventListener("pointerdown", pt), $.addEventListener("pointerup", mt), $.addEventListener("pointercancel", mt), $.addEventListener("pointerleave", ht), $.addEventListener("wheel", gt, { passive: !1 }), $.addEventListener("dblclick", _t), $.addEventListener("keydown", yt), $.addEventListener("focus", bt), $.addEventListener("blur", xt);
-	let St = typeof ResizeObserver == "function" ? new ResizeObserver(() => K()) : null;
-	St?.observe(x.stage);
-	let Ct = () => {
+	$.addEventListener("pointermove", bt), $.addEventListener("pointerdown", xt), $.addEventListener("pointerup", St), $.addEventListener("pointercancel", St), $.addEventListener("pointerleave", Ct), $.addEventListener("wheel", wt, { passive: !1 }), $.addEventListener("dblclick", Tt), $.addEventListener("keydown", Dt), $.addEventListener("focus", Ot), $.addEventListener("blur", kt);
+	let At = typeof ResizeObserver == "function" ? new ResizeObserver(() => K()) : null;
+	At?.observe(x.stage);
+	let jt = () => {
 		if (F) return;
-		let e = Se(x.root, w.palette);
-		Ce(T, e) && He++, T = e, q();
-	}, wt = we(Ct), Tt = f(() => {
+		let e = ke(x.root, w.palette);
+		Ae(T, e) && Xe++, T = e, q();
+	}, Mt = je(jt), Nt = f(() => {
 		!F && !w.locale && q();
-	}), Et = async (e = /* @__PURE__ */ new Set()) => {
-		let t = ++Fe, n = await oe(w.renderer ?? "auto", () => r(y), (t) => {
-			F || P?.kind !== t || (P.destroy(), P.canvas.remove(), P = null, Et(/* @__PURE__ */ new Set([...e, t])));
+	}), Pt = async (e = /* @__PURE__ */ new Set()) => {
+		let t = ++Ue, n = await ue(w.renderer ?? "auto", () => r(y), (t) => {
+			F || P?.kind !== t || (P.destroy(), P.canvas.remove(), P = null, Pt(/* @__PURE__ */ new Set([...e, t])));
 		}, e);
-		if (F || t !== Fe) {
+		if (F || t !== Ue) {
 			n?.destroy();
 			return;
 		}
-		P && (P.destroy(), P.canvas.remove()), P = n, n && (x.root.dataset.renderer = n.kind, x.stage.insertBefore(n.canvas, x.foreground), A = !0, W("renderer", n.kind)), Ge(n?.kind ?? null), K();
+		P && (P.destroy(), P.canvas.remove()), P = n, n && (x.root.dataset.renderer = n.kind, x.stage.insertBefore(n.canvas, x.foreground), A = !0, W("renderer", n.kind)), $e(n?.kind ?? null), K();
 	};
-	function Dt() {
+	function Ft() {
 		O && Z(v(E.base), !0);
 	}
-	return q(), Et(), {
+	q(), Pt();
+	let It = de(() => w.renderer, () => void Pt());
+	return {
 		setOptions(e) {
 			if (F) return;
 			let t = w;
-			w = e, (e.palette ?? []).join() !== (t.palette ?? []).join() && (T = Se(x.root, e.palette), He++), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && Et(), q();
+			w = e, (e.palette ?? []).join() !== (t.palette ?? []).join() && (T = ke(x.root, e.palette), Xe++), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && Pt(), q();
 		},
 		resize() {
 			K();
 		},
-		resetZoom: Dt,
-		getView: () => v(D),
+		resetZoom: Ft,
+		getView: () => oe(E, D),
 		setView(e) {
-			F || Z({
-				x: e.x ?? D.x,
-				y: e.y ?? D.y
-			}, !1);
+			F || Z(ae(E, e, D), !1);
 		},
 		getRenderer: () => P?.kind ?? null,
 		getPlotRect() {
-			let e = nt();
+			let e = ut();
 			return e ? {
 				x: e[0],
 				y: e[1],
@@ -685,7 +686,7 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 		},
 		toPixel(e, t) {
 			if (!j) return null;
-			let n = l(j, e, ne(E, t));
+			let n = l(j, re(E, e), ie(E, t));
 			return {
 				x: n.x + x.stage.offsetLeft,
 				y: n.y + x.stage.offsetTop
@@ -695,12 +696,12 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			if (!j) return null;
 			let n = c(j, e - x.stage.offsetLeft, t - x.stage.offsetTop);
 			return {
-				x: n.x,
-				y: ee(E, n.y)
+				x: ee(E, n.x),
+				y: te(E, n.y)
 			};
 		},
-		ready: Ke,
-		refreshTheme: Ct,
+		ready: et,
+		refreshTheme: jt,
 		on(e, t) {
 			let n = C[e];
 			return n || (n = /* @__PURE__ */ new Set(), C[e] = n), n.add(t), () => {
@@ -709,13 +710,13 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 		},
 		destroy() {
 			if (!F) {
-				F = !0, I && (b?.cancelAnimationFrame ? b.cancelAnimationFrame(I) : clearTimeout(I)), St?.disconnect(), wt(), Tt(), $.removeEventListener("wheel", gt), P?.destroy(), P = null, x.root.remove();
+				F = !0, I && (b?.cancelAnimationFrame ? b.cancelAnimationFrame(I) : clearTimeout(I)), At?.disconnect(), It(), Mt(), Nt(), $.removeEventListener("wheel", wt), P?.destroy(), P = null, x.root.remove();
 				for (let e of Object.keys(C)) delete C[e];
 			}
 		}
 	};
 };
 //#endregion
-export { Oe as createChart };
+export { Fe as createChart };
 
 //# sourceMappingURL=chart.js.map