minerva-design 1.13.2 → 1.14.0

package/dist/charts/engine/chart.js

@@ -1,77 +1,79 @@
 import { lowerBound as e } from "./data.js";
-import { createBand as t, createChartDom as n, createDataCanvas as r, createMarker as i, styleElement as a, swatch as o } from "./dom.js";
-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, 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";
+import { positionTooltip as t, prefersReducedMotion as n } from "./tooltip.js";
+import { CELL_ACCENT as r, CELL_LIFT as i, PLOT_BACKGROUND as a, createBand as o, createChartDom as s, createDataCanvas as c, createMarker as l, liftShadow as u, playLift as d, styleElement as f, swatch as p } from "./dom.js";
+import { watchLocale as m } from "./locale.js";
+import { createScales as ee, toData as h, toScreen as g } from "./layout.js";
+import { chartAriaLabel as te } from "./labels.js";
+import { buildModel as ne, fromPlotX as re, fromPlotY as ie, heatPosition as ae, toPlotX as oe, toPlotY as se, viewFromValues as ce, viewToValues as le } from "./model.js";
+import { drawBackground as ue, drawForeground as de, font as fe } from "./overlay.js";
+import { collectPointLabels as pe, colorLegend as me, connectorSegments as he, crosshairAt as ge, dependencyArrows as _e, hitTest as ve, hoverItemOf as ye, hoverMarks as be, layoutChart as xe, legendShape as Se, legendShown as Ce, liftedBarRect as we, pointOf as Te, resolveAnnotations as Ee, resolveDependencies as De, sameHover as Oe, tooltipContent as ke } from "./scene.js";
+import { hoverRect as Ae } from "./hover-rect.js";
+import { buildItems as je, cellStyleKey as Me } from "./items.js";
+import { createRenderer as Ne } from "./renderers/detect.js";
+import { followDefaultRenderer as Pe } from "./renderers/follow.js";
+import { itemsSignature as Fe } from "./signature.js";
+import { readTheme as Ie, themeColorsChanged as Le, watchTheme as Re } from "./theme.js";
+import { clampRange as ze, panRange as Be, sameRange as Ve, wheelFactor as He, zoomRange as Ue } from "./viewport.js";
 //#region src/engine/chart.ts
-var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
+var We = (e) => (e[0] + e[1]) / 2, _ = (e) => ({
 	x: [e.x[0], e.x[1]],
 	y: [e.y[0], e.y[1]]
-}), 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 = {
+}), Ge = (Ge, Ke) => {
+	let v = Ge.ownerDocument, y = v.defaultView, b = s(Ge), qe = /* @__PURE__ */ new Map(), Je = /* @__PURE__ */ new Set(), x = {}, S = Ke, C = Ie(b.root, S.palette), w, T = {
 		x: [0, 1],
 		y: [0, 1]
-	}, O = !1, k = {
+	}, E = !1, D = {
 		x: 0,
 		y: 0
-	}, 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));
-	}, tt = null, nt = null, G = () => {
-		if (tt === w) return nt;
-		tt = w;
-		let e = w.interaction;
-		if (e === !1) return nt = null;
+	}, Ye = [], O = !0, Xe = 0, Ze = [], Qe = [], k = null, $e = null, A = null, et = null, j = null, tt = 0, M = !1, N = 0, P = null, nt = "", F = null, I = null, L = null, rt = [], it = [], at = [], ot = [], st = [], R = null, z = null, B = null, ct = "", lt = 0, ut = "", dt = "", V = null, H = null, ft = () => {}, pt = new Promise((e) => {
+		ft = e;
+	}), U = (e, t) => {
+		x[e]?.forEach((e) => e(t));
+	}, mt = null, ht = null, W = () => {
+		if (mt === S) return ht;
+		mt = S;
+		let e = S.interaction;
+		if (e === !1) return ht = null;
 		let t = typeof e == "object" ? e : {};
-		return nt = {
+		return ht = {
 			zoom: t.zoom ?? !0,
 			wheel: t.wheel ?? "modifier",
 			pan: t.pan ?? !0,
 			keyboard: t.keyboard ?? !0,
 			dragPoints: t.dragPoints ?? !1
 		};
-	}, 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, 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 = 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)), 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 = () => {
+	}, gt = () => S.tooltip === !1 ? null : typeof S.tooltip == "object" ? S.tooltip : {}, G = () => {
+		M || N || (N = y?.requestAnimationFrame ? y.requestAnimationFrame(St) : setTimeout(St, 16));
+	}, K = () => {
+		w = ne(S, C, Je, qe);
+		let { base: e, zoom: t, minSpan: n } = w;
+		E ? (T = {
+			x: t.x ? ze(T.x, e.x, n.x) : [...e.x],
+			y: t.y ? ze(T.y, e.y, n.y) : [...e.y]
+		}, E = !Ve(T.x, e.x) || !Ve(T.y, e.y)) : T = _(e);
+		let r = Fe(w, lt, (e) => S.series[e]?.stack);
+		r !== ut && (ut = r, D = {
+			x: We(e.x),
+			y: We(e.y)
+		}, O = !0, P && !P.keyboard && (P = null)), Ze = Ee(S.annotations, C, w.y.type === "log" ? Math.log10 : void 0, w.x.type === "log" ? Math.log10 : void 0), Qe = De(S.dependencies, C), vt(), yt(), G();
+	}, _t = () => {
 		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);
-	}, 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${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) {
-				x.legend.style.justifyContent = "flex-end";
-				let e = y.createElement("div");
-				a(e, {
+		(e(T.x, D.x) || e(T.y, D.y)) && (D = {
+			x: We(T.x),
+			y: We(T.y)
+		}, O = !0);
+	}, vt = () => {
+		let e = S.legend, t = S.series.filter((e) => e.name).length, n = Ce(e, w, t), r = typeof e == "object" ? e : {}, i = r.toggle ?? !0, a = r.position === "bottom", o = n ? me(w) : null, s = `${n}|${a}|${i}`;
+		if (o) s += `\n${o.stops.join(";")}|${o.labels.map((e) => e.text).join(";")}`;
+		else if (n) for (let e of w.series) s += `\n${e.id}\u0001${e.name}\u0001${e.colorCss}\u0001${Se(e.type)}\u0001${e.hidden}`;
+		if (s === dt) return;
+		dt = s;
+		let c = [...b.legend.children].indexOf(v.activeElement);
+		if (b.legend.replaceChildren(), B = null, b.legend.style.display = n ? "flex" : "none", n) {
+			if (b.legend.style.order = a ? "1" : "0", b.legend.style.padding = a ? "8px 4px 0" : "0 4px 8px", o) {
+				b.legend.style.justifyContent = "flex-end";
+				let e = v.createElement("div");
+				f(e, {
 					display: "flex",
 					alignItems: "center",
 					gap: "8px",
@@ -79,17 +81,17 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 					fontSize: "11px",
 					fontVariantNumeric: "tabular-nums"
 				});
-				let t = c.labels[0], n = c.labels[c.labels.length - 1], r = y.createElement("div");
-				if (a(r, {
+				let t = o.labels[0], n = o.labels[o.labels.length - 1], r = v.createElement("div");
+				if (f(r, {
 					position: "relative",
 					width: "160px",
 					height: "8px",
 					borderRadius: "4px",
-					background: `linear-gradient(to right, ${c.stops.join(", ")})`,
+					background: `linear-gradient(to right, ${o.stops.join(", ")})`,
 					boxShadow: "inset 0 0 0 1px color-mix(in srgb, var(--text-color, #1f2937) 8%, transparent)"
-				}), c.labels.length > 2) {
-					let e = y.createElement("div");
-					a(e, {
+				}), o.labels.length > 2) {
+					let e = v.createElement("div");
+					f(e, {
 						position: "absolute",
 						left: "50%",
 						top: "-2px",
@@ -98,7 +100,7 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 						background: "color-mix(in srgb, var(--text-color, #1f2937) 35%, transparent)"
 					}), r.appendChild(e);
 				}
-				V = y.createElement("div"), a(V, {
+				B = v.createElement("div"), f(B, {
 					position: "absolute",
 					top: "-3px",
 					width: "4px",
@@ -108,20 +110,20 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 					background: "var(--text-color, #1f2937)",
 					boxShadow: "0 0 0 1.5px var(--surface-color, var(--background-color, #fff))",
 					display: "none"
-				}), r.appendChild(V);
+				}), r.appendChild(B);
 				let i = (e) => {
-					let t = y.createElement("span");
+					let t = v.createElement("span");
 					return t.textContent = e, t;
 				};
-				e.append(i(t?.text ?? ""), r, i(n?.text ?? "")), x.legend.appendChild(e);
+				e.append(i(t?.text ?? ""), r, i(n?.text ?? "")), b.legend.appendChild(e);
 				return;
 			}
-			x.legend.style.justifyContent = "";
-			for (let e of E.series) {
-				let t = y.createElement(i ? "button" : "span");
+			b.legend.style.justifyContent = "";
+			for (let e of w.series) {
+				let t = v.createElement(i ? "button" : "span");
 				t instanceof HTMLButtonElement && (t.type = "button", t.setAttribute("aria-pressed", String(!e.hidden)), t.addEventListener("click", () => {
-					S.has(e.id) ? S.delete(e.id) : S.add(e.id), q();
-				})), a(t, {
+					Je.has(e.id) ? Je.delete(e.id) : Je.add(e.id), K();
+				})), f(t, {
 					display: "inline-flex",
 					alignItems: "center",
 					gap: "6px",
@@ -135,123 +137,123 @@ 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, xe(e.type)), y.createTextNode(e.name)), x.legend.appendChild(t);
+				}), t.append(p(v, e.colorCss, Se(e.type)), v.createTextNode(e.name)), b.legend.appendChild(t);
 			}
-			u >= 0 && x.legend.children[u]?.focus();
+			c >= 0 && b.legend.children[c]?.focus();
 		}
-	}, 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");
-	}, st = (e, t, n, r) => {
+	}, yt = () => {
+		b.stage.setAttribute("aria-label", S.ariaLabel ?? te(w));
+		let e = W()?.keyboard;
+		b.stage.style.touchAction = W()?.dragPoints ? "none" : "pan-y", e ? b.stage.tabIndex = 0 : b.stage.removeAttribute("tabindex");
+	}, bt = (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`;
-	}, ct = (e, t, n) => {
+	}, xt = (e, t, n) => {
 		let r = 2 / (e[1] - e[0]), i = (t - e[0]) * r - 1;
 		return n ? [-r, -i] : [r, i];
 	};
-	function lt() {
-		if (I = 0, F) return;
-		let e = x.stage.clientWidth, t = x.stage.clientHeight;
+	function St() {
+		if (N = 0, M) return;
+		let e = b.stage.clientWidth, t = b.stage.clientHeight;
 		if (e <= 0 || t <= 0) return;
-		let n = b?.devicePixelRatio || 1;
-		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 = le(T));
-		let o = be({
-			model: E,
-			view: D,
-			theme: T,
+		let n = y?.devicePixelRatio || 1;
+		bt(b.background, e, t, n), bt(b.foreground, e, t, n);
+		let r = b.background.getContext("2d"), i = b.foreground.getContext("2d");
+		r && (r.setTransform(n, 0, 0, n, 0, 0), r.font = fe(C));
+		let a = xe({
+			model: w,
+			view: T,
+			theme: C,
 			width: e,
 			height: t,
-			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, 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 && se(r, {
+			padding: S.padding,
+			measure: r ? (e) => r.measureText(e).width : (e) => e.length * C.fontSize * .6
+		}), { plot: o } = a;
+		$e = a.xTicks, A = a.yTicks, et = a.y2Ticks, k = a.scales;
+		let s = Ct();
+		if (s && s.join() !== nt && (nt = s.join(), U("layout", {
+			x: s[0],
+			y: s[1],
+			width: s[2],
+			height: s[3]
+		})), r && ue(r, {
 			width: e,
 			height: t,
-			scales: j,
-			x: E.x,
-			y: E.y,
-			xTicks: M,
-			yTicks: N,
-			y2: E.y2,
-			y2Ticks: He,
-			theme: T,
-			annotations: Be
-		}), i && (i.setTransform(n, 0, 0, n, 0, 0), ce(i, {
+			scales: k,
+			x: w.x,
+			y: w.y,
+			xTicks: $e,
+			yTicks: A,
+			y2: w.y2,
+			y2Ticks: et,
+			theme: C,
+			annotations: Ze
+		}), i && (i.setTransform(n, 0, 0, n, 0, 0), de(i, {
 			width: e,
 			height: t,
-			scales: j,
-			theme: T,
-			annotations: Be,
-			pointLabels: fe(E, D, j, N, T.background),
-			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, {
-				left: `${s.x}px`,
-				top: `${s.y}px`,
+			scales: k,
+			theme: C,
+			annotations: Ze,
+			pointLabels: pe(w, T, k, A, C.background),
+			connectors: he(w, k),
+			arrows: _e(w, k, Qe)
+		})), j) {
+			let e = j.canvas, t = w.horizontal, r = t ? o.height : o.width, i = t ? o.width : o.height;
+			f(e, {
+				left: `${o.x}px`,
+				top: `${o.y}px`,
 				width: `${r}px`,
 				height: `${i}px`,
 				transformOrigin: t ? "0 0" : "",
 				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), it();
-			let l = {
-				x: 1 / Math.abs(j.xPerPx),
-				y: 1 / Math.abs(j.yPerPx)
-			}, f = d(E, l);
-			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, {
+			let a = Math.max(1, Math.round(r * n)), s = Math.max(1, Math.round(i * n));
+			(e.width !== a || e.height !== s) && j.resize(a, s), _t();
+			let c = {
+				x: 1 / Math.abs(k.xPerPx),
+				y: 1 / Math.abs(k.yPerPx)
+			}, l = Me(w, c);
+			l !== ct && (ct = l, O = !0), O && (Xe++, Ye = je(w, D, Xe, c), O = !1);
+			let [u, d] = xt(T.x, D.x, w.x.reverse), [p, m] = xt(T.y, D.y, t ? !w.y.reverse : w.y.reverse);
+			j.render(Ye, {
 				transform: {
-					xScale: p,
-					xOffset: m,
-					yScale: ee,
-					yOffset: te
+					xScale: u,
+					xOffset: d,
+					yScale: p,
+					yOffset: m
 				},
-				width: o,
-				height: c,
+				width: a,
+				height: s,
 				dpr: n
 			});
 		}
 		X();
 	}
-	let J = (e, t) => j ? _e(E, j, M, e, t) : null, ut = () => {
-		let e = j?.plot;
+	let q = (e, t) => k ? ve(w, k, $e, e, t) : null, Ct = () => {
+		let e = k?.plot;
 		return e ? [
-			e.x + x.stage.offsetLeft,
-			e.y + x.stage.offsetTop,
+			e.x + b.stage.offsetLeft,
+			e.y + b.stage.offsetTop,
 			e.width,
 			e.height
 		] : 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);
-	}, ft = (e) => {
-		let t = rt()?.render;
+	}, wt = (e, t) => W()?.dragPoints ? q(e, t)?.items.find((e) => w.series[e.seriesIndex].type === "scatter") ?? null : null, J = (e) => {
+		let t = !Oe(P?.event ?? null, e?.event ?? null);
+		P = e, X(), t && U("hover", e ? e.event : null);
+	}, Tt = (e) => {
+		let t = gt()?.render;
 		if (t) return t(e);
-		let n = De(E, e, N, He), r = y.createDocumentFragment(), i = y.createElement("div");
-		if (a(i, {
+		let n = ke(w, e, A, et), r = v.createDocumentFragment(), i = v.createElement("div");
+		if (f(i, {
 			display: "flex",
 			alignItems: "center",
 			gap: "6px",
 			fontWeight: "600",
 			marginBottom: n.subtitle ? "0" : "4px",
 			color: "var(--text-color, #1f2937)"
-		}), n.titleColor && i.appendChild(o(y, n.titleColor, "dot")), i.appendChild(y.createTextNode(n.title)), r.append(i), n.subtitle) {
-			let e = y.createElement("div");
-			a(e, {
+		}), n.titleColor && i.appendChild(p(v, n.titleColor, "dot")), i.appendChild(v.createTextNode(n.title)), r.append(i), n.subtitle) {
+			let e = v.createElement("div");
+			f(e, {
 				color: "var(--text-secondary-color, #6b7280)",
 				fontSize: "11px",
 				margin: "1px 0 6px",
@@ -259,198 +261,266 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			}), e.textContent = n.subtitle, r.append(e);
 		}
 		if (!n.rows.length) return r;
-		let s = n.rows.some((e) => e.color), c = y.createElement("div");
-		a(c, {
+		let a = n.rows.some((e) => e.color), o = v.createElement("div");
+		f(o, {
 			display: "grid",
-			gridTemplateColumns: s ? "auto minmax(0, 1fr) auto" : "minmax(0, 1fr) auto",
+			gridTemplateColumns: a ? "auto minmax(0, 1fr) auto" : "minmax(0, 1fr) auto",
 			columnGap: "0",
 			rowGap: "2px",
 			alignItems: "center"
 		});
 		for (let e of n.rows) {
-			if (s) {
-				let t = y.createElement("span");
-				a(t, {
+			if (a) {
+				let t = v.createElement("span");
+				f(t, {
 					display: "inline-flex",
 					width: "14px",
 					justifyContent: "flex-start"
-				}), e.color && t.appendChild(o(y, e.color, "dot")), c.appendChild(t);
+				}), e.color && t.appendChild(p(v, e.color, "dot")), o.appendChild(t);
 			}
-			let t = y.createElement("span");
-			a(t, {
+			let t = v.createElement("span");
+			f(t, {
 				color: "var(--text-secondary-color, #6b7280)",
 				paddingRight: "16px",
 				overflow: "hidden",
 				textOverflow: "ellipsis"
 			}), t.textContent = e.name;
-			let n = y.createElement("span");
-			a(n, {
+			let n = v.createElement("span");
+			f(n, {
 				fontWeight: "600",
 				fontVariantNumeric: "tabular-nums",
 				textAlign: "right",
 				color: "var(--text-color, #1f2937)"
-			}), n.textContent = e.value, c.append(t, n);
+			}), n.textContent = e.value, o.append(t, n);
 		}
-		return r.append(c), r;
-	}, pt = (e, t, n, r = x.hover) => (e[t] || (e[t] = n(), r.appendChild(e[t])), e[t].style.display = "block", e[t]);
+		return r.append(o), r;
+	}, Y = (e, t, n, r = b.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 && Ee(H.event, L.event) || mt(e);
-		let t = x.tooltip;
-		if (!L || !e || !rt() || B?.moved || R?.moved) {
-			t.style.display = "none";
+		let e = k;
+		P && e && V && V.scales === e && V.model === w && Oe(V.event, P.event) || Et(e);
+		let n = b.tooltip;
+		if (!P || !e || !gt() || L?.moved || F?.moved) {
+			n.style.display = "none";
 			return;
 		}
-		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;
+		let r = gt()?.render, i, a;
+		if (!r && H && H.model === w && H.yTicks === A && Oe(H.event, P.event) && n.style.display === "block") i = H.width, a = H.height;
 		else {
-			U = null;
-			let e = ft(L.event);
+			H = null;
+			let e = Tt(P.event);
 			if (e === null || e === "") {
-				t.style.display = "none";
+				n.style.display = "none";
 				return;
 			}
-			typeof e == "string" ? (t.textContent = e, t.style.whiteSpace = "pre") : (t.replaceChildren(e), t.style.whiteSpace = "nowrap"), t.style.display = "block", r = t.offsetWidth, i = t.offsetHeight, n || (U = {
-				event: L.event,
-				model: E,
-				yTicks: N,
-				width: r,
-				height: i
+			typeof e == "string" ? (n.textContent = e, n.style.whiteSpace = "pre") : (n.replaceChildren(e), n.style.whiteSpace = "nowrap"), n.style.display = "block", i = n.offsetWidth, a = n.offsetHeight, r || (H = {
+				event: P.event,
+				model: w,
+				yTicks: A,
+				width: i,
+				height: a
 			});
 		}
-		let a = x.stage.clientWidth, o = x.stage.clientHeight, s = L.anchorX + 16;
-		s + r > a - 4 && (s = L.anchorX - 16 - r), s = Math.max(4, Math.min(s, a - r - 4));
-		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)`;
+		t(n, b.stage, {
+			anchor: {
+				x: P.anchorX,
+				y: P.anchorY
+			},
+			avoid: Ae(w, e, P.event),
+			prefer: e.horizontal ? "vertical" : "side",
+			size: {
+				width: i,
+				height: a
+			},
+			animate: !0
+		});
 	}
-	function mt(e) {
-		let n = 0, r = 0, o = 0, s = 0;
-		if (ht(), H = null, x.crosshair.style.display = "none", L && e) {
-			H = {
-				event: L.event,
-				model: E,
+	function Et(e) {
+		let t = 0, s = 0, c = 0, p = 0, m = 0, ee = !1;
+		if (Dt(), V = null, b.crosshair.style.display = "none", P && e) {
+			V = {
+				event: P.event,
+				model: w,
 				scales: e
 			};
-			let { plot: c } = e;
-			x.hover.style.width = `${x.stage.clientWidth}px`, x.hover.style.height = `${x.stage.clientHeight}px`;
-			let l = he(E, e, L.event, w.crosshair);
-			if (l !== null) {
+			let { plot: h } = e;
+			b.hover.style.width = `${b.stage.clientWidth}px`, b.hover.style.height = `${b.stage.clientHeight}px`;
+			let g = ge(w, e, P.event, S.crosshair);
+			if (g !== null) {
 				let t = "1px dashed color-mix(in srgb, var(--text-secondary-color, #6b7280) 45%, transparent)";
-				a(x.crosshair, e.horizontal ? {
+				f(b.crosshair, e.horizontal ? {
 					display: "block",
-					left: `${c.x}px`,
-					top: `${Math.round(l)}px`,
-					width: `${c.width}px`,
+					left: `${h.x}px`,
+					top: `${Math.round(g)}px`,
+					width: `${h.width}px`,
 					height: "0",
 					borderLeft: "0",
 					borderTop: t
 				} : {
 					display: "block",
-					left: `${Math.round(l)}px`,
-					top: `${c.y}px`,
+					left: `${Math.round(g)}px`,
+					top: `${h.y}px`,
 					width: "0",
-					height: `${c.height}px`,
+					height: `${h.height}px`,
 					borderLeft: t,
 					borderTop: "0"
 				});
 			}
-			for (let c of ye(E, e, L.event)) {
-				if (c.kind === "band" || c.kind === "guide") {
-					let e = c.kind === "band" ? pt(Ke, r++, () => t(y), x.underlay) : pt(Je, s++, () => a(t(y), {
+			let te = be(w, e, P.event), ne = te.some((e) => e.kind === "bar");
+			for (let e of te) {
+				if (e.kind === "band" || e.kind === "guide") {
+					let t = e.kind === "band" ? Y(it, s++, () => o(v), b.underlay) : Y(ot, p++, () => f(o(v), {
 						borderRadius: "0",
 						background: "color-mix(in srgb, var(--text-color, #1f2937) 6%, transparent)"
-					}));
-					a(e, {
-						left: `${c.x}px`,
-						top: `${c.y}px`,
-						width: `${c.width}px`,
-						height: `${c.height}px`
-					});
+					}), b.lift);
+					f(t, {
+						left: `${e.x}px`,
+						top: `${e.y}px`,
+						width: `${e.width}px`,
+						height: `${e.height}px`
+					}), e.kind === "band" && (t.style.background = `color-mix(in srgb, var(--text-color, #1f2937) ${ne ? 4 : 6}%, transparent)`);
 					continue;
 				}
-				if (c.kind === "cell") {
-					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",
-						outlineOffset: "-4px",
-						transform: "scale(1.12)"
-					}));
-					a(e, {
-						left: `${c.x}px`,
-						top: `${c.y}px`,
+				if (e.kind === "bar") {
+					R || (R = f(v.createElement("div"), {
+						position: "absolute",
+						overflow: "hidden"
+					}), b.lift.appendChild(R)), ee || (ee = !0, z || (z = f(v.createElement("div"), {
+						position: "absolute",
+						background: `color-mix(in srgb, ${a} 42%, transparent)`,
+						opacity: "0"
+					}), b.lift.insertBefore(z, R)), f(z, {
+						left: `${h.x}px`,
+						top: `${h.y}px`,
+						width: `${h.width}px`,
+						height: `${h.height}px`,
+						transition: n(y) ? "none" : "opacity 140ms ease-out",
+						opacity: "1"
+					})), f(R, {
+						left: `${h.x}px`,
+						top: `${h.y}px`,
+						width: `${h.width}px`,
+						height: `${h.height}px`
+					});
+					let t = `${e.seriesIndex}:${e.index}`, r = st[m], i = !r || r.style.display !== "block" || r.dataset.key !== t, s = Y(st, m++, () => o(v), R);
+					s.dataset.key = t;
+					let c = we(e), l = e.base === "top" || e.base === "bottom", p = e.ring === null ? null : {
+						color: e.ring,
+						width: Math.min(e.backdrop ? 2 : 1.5, Math.max(0, (Math.min(c.width, c.height) - 2) / 4))
+					}, g = p ? u(p, 1.5, null) : "none";
+					if (f(s, {
+						left: `${c.x - h.x}px`,
+						top: `${c.y - h.y}px`,
 						width: `${c.width}px`,
 						height: `${c.height}px`,
-						background: c.color,
-						borderRadius: `${Math.max(c.radius, 2)}px`,
-						outlineColor: c.ring
-					});
+						borderRadius: `${e.radius}px`,
+						filter: "brightness(1.08) saturate(1.08)",
+						background: e.backdrop ? `linear-gradient(${e.color}, ${e.color}), ${a}` : e.color,
+						boxShadow: g
+					}), i) {
+						let t = l ? c.width : c.height, n = t > 0 ? (t - e.grow * 2) / t : 1;
+						d(s, {
+							transform: l ? `scaleX(${n})` : `scaleY(${n})`,
+							...p ? { boxShadow: u(p, 1.5, null, !0) } : {}
+						}, {
+							transform: "none",
+							...p ? { boxShadow: g } : {}
+						}, y);
+					}
 					continue;
 				}
-				let e = pt(Ge, n++, () => i(y));
-				a(e, {
-					left: `${c.x}px`,
-					top: `${c.y}px`,
-					width: `${c.size}px`,
-					height: `${c.size}px`,
-					background: c.color,
-					boxShadow: `0 0 0 4px ${c.halo}`
+				if (e.kind === "cell") {
+					let t = `${e.seriesIndex}:${e.index}`, n = at[c], a = !n || n.style.display !== "block" || n.dataset.key !== t, s = Y(at, c++, () => f(o(v), {
+						zIndex: "1",
+						transform: `scale(${i})`
+					}), b.lift);
+					s.dataset.key = t;
+					let l = {
+						color: e.ring,
+						width: Math.min(2, Math.min(e.width, e.height) / 5)
+					}, p = u(l, 2, r);
+					f(s, {
+						left: `${e.x}px`,
+						top: `${e.y}px`,
+						width: `${e.width}px`,
+						height: `${e.height}px`,
+						background: e.color,
+						borderRadius: `${Math.max(e.radius, 2)}px`,
+						boxShadow: p
+					}), a && d(s, {
+						transform: "scale(1)",
+						boxShadow: u(l, 2, r, !0)
+					}, {
+						transform: `scale(${i})`,
+						boxShadow: p
+					}, y);
+					continue;
+				}
+				let g = Y(rt, t++, () => l(v));
+				f(g, {
+					left: `${e.x}px`,
+					top: `${e.y}px`,
+					width: `${e.size}px`,
+					height: `${e.size}px`,
+					background: e.color,
+					boxShadow: `0 0 0 4px ${e.halo}`
 				});
 			}
 		}
-		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";
+		for (let e = t; e < rt.length; e++) rt[e].style.display = "none";
+		for (let e = s; e < it.length; e++) it[e].style.display = "none";
+		for (let e = c; e < at.length; e++) at[e].style.display = "none";
+		for (let e = p; e < ot.length; e++) ot[e].style.display = "none";
+		for (let e = m; e < st.length; e++) st[e].style.display = "none";
+		z && !ee && (z.style.opacity = "0");
 	}
-	function ht() {
-		let e = V;
+	function Dt() {
+		let e = B;
 		if (!e) return;
-		let t = L?.event.items[0], n = t ? E.series[t.seriesIndex] : void 0;
+		let t = P?.event.items[0], n = t ? w.series[t.seriesIndex] : void 0;
 		if (!t || !n || n.type !== "heatmap" || t.value === void 0) {
 			e.style.display = "none";
 			return;
 		}
-		e.style.display = "block", e.style.left = `${(ne(n, t.value) * 100).toFixed(2)}%`;
+		e.style.display = "block", e.style.left = `${(ae(n, t.value) * 100).toFixed(2)}%`;
 	}
 	let Z = (e, t) => {
-		let { base: n, minSpan: r } = E;
-		D = {
-			x: h(e.x, n.x, r.x),
-			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", oe(E, D)), K();
-	}, gt = (e, t, n) => {
-		let r = j;
+		let { base: n, minSpan: r } = w;
+		T = {
+			x: ze(e.x, n.x, r.x),
+			y: ze(e.y, n.y, r.y)
+		}, E = !Ve(T.x, n.x) || !Ve(T.y, n.y);
+		let i = W();
+		b.stage.style.cursor = E && i?.pan ? "grab" : "", t && U("zoom", le(w, T)), G();
+	}, Ot = (e, t, n) => {
+		let r = k;
 		if (!r) return;
-		let i = v(D), a = c(r, e, t);
-		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);
+		let i = _(T), a = h(r, e, t);
+		w.zoom.x && (i.x = Ue(T.x, a.x, n)), w.zoom.y && (i.y = Ue(T.y, a.y, n)), Z(i, !0);
 	}, Q = (e) => {
-		let t = x.stage.getBoundingClientRect();
+		let t = b.stage.getBoundingClientRect();
 		return {
 			x: e.clientX - t.left,
 			y: e.clientY - t.top
 		};
-	}, _t = (e, t) => {
-		let n = j?.plot;
+	}, kt = (e, t) => {
+		let n = k?.plot;
 		return !!n && e >= n.x && e <= n.x + n.width && t >= n.y && t <= n.y + n.height;
-	}, vt = (e, t) => {
-		let n = j;
+	}, At = (e, t) => {
+		let n = k;
 		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);
+		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 = h(n, i, a);
 		return {
-			x: ee(E, o.x),
-			y: te(E, o.y)
+			x: re(w, o.x),
+			y: ie(w, o.y)
 		};
-	}, yt = (e, t, n) => {
+	}, jt = (e, t, n) => {
 		if (n === null) {
-			z && (z.style.display = "none");
+			I && (I.style.display = "none");
 			return;
 		}
-		z || (z = i(y), x.hover.appendChild(z));
-		let r = (E.series.find((e) => e.type === "scatter")?.pointSize ?? 8) + 8;
-		x.hover.style.width = `${x.stage.clientWidth}px`, x.hover.style.height = `${x.stage.clientHeight}px`, a(z, {
+		I || (I = l(v), b.hover.appendChild(I));
+		let r = (w.series.find((e) => e.type === "scatter")?.pointSize ?? 8) + 8;
+		b.hover.style.width = `${b.stage.clientWidth}px`, b.hover.style.height = `${b.stage.clientHeight}px`, f(I, {
 			display: "block",
 			left: `${e}px`,
 			top: `${t}px`,
@@ -458,45 +528,45 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			height: `${r}px`,
 			background: n
 		});
-	}, bt = (e) => {
+	}, Mt = (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 = vt(t, n);
-				e && (yt(t, n, R.item.color), X(), W("drag", {
-					item: R.item,
+		if (F && F.id === e.pointerId) {
+			if (!F.moved && Math.hypot(t - F.x, n - F.y) > 3 && (F.moved = !0, b.stage.setPointerCapture?.(e.pointerId), b.stage.style.cursor = "grabbing"), F.moved) {
+				let e = At(t, n);
+				e && (jt(t, n, F.item.color), X(), U("drag", {
+					item: F.item,
 					x: e.x,
 					y: e.y
 				}));
 			}
 			return;
 		}
-		if (B && B.id === e.pointerId) {
-			let r = t - B.x, i = n - B.y;
-			if (!B.moved && Math.hypot(r, i) > 3) {
-				let t = G();
-				O && t?.pan && (B.moved = !0, x.stage.setPointerCapture?.(e.pointerId), x.stage.style.cursor = "grabbing");
+		if (L && L.id === e.pointerId) {
+			let r = t - L.x, i = n - L.y;
+			if (!L.moved && Math.hypot(r, i) > 3) {
+				let t = W();
+				E && t?.pan && (L.moved = !0, b.stage.setPointerCapture?.(e.pointerId), b.stage.style.cursor = "grabbing");
 			}
-			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 = Me(B.view.x, r.x - i.x)), E.zoom.y && (e.y = Me(B.view.y, r.y - i.y)), Z(e, !0);
+			if (L.moved && k) {
+				let e = _(L.view), r = h(k, L.x, L.y), i = h(k, t, n);
+				w.zoom.x && (e.x = Be(L.view.x, r.x - i.x)), w.zoom.y && (e.y = Be(L.view.y, r.y - i.y)), Z(e, !0);
 				return;
 			}
 		}
-		let r = J(t, n);
-		Y(r ? {
+		let r = q(t, n);
+		J(r ? {
 			event: r,
 			anchorX: t,
 			anchorY: n,
 			keyboard: !1
-		} : null), !B && G()?.dragPoints && (x.stage.style.cursor = dt(t, n) || O && G()?.pan ? "grab" : "");
-	}, xt = (e) => {
+		} : null), !L && W()?.dragPoints && (b.stage.style.cursor = wt(t, n) || E && W()?.pan ? "grab" : "");
+	}, Nt = (e) => {
 		if (e.button !== 0) return;
 		let { x: t, y: n } = Q(e);
-		if (!_t(t, n)) return;
-		let r = dt(t, n);
+		if (!kt(t, n)) return;
+		let r = wt(t, n);
 		if (r) {
-			R = {
+			F = {
 				id: e.pointerId,
 				item: r,
 				x: t,
@@ -505,178 +575,178 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			};
 			return;
 		}
-		B = {
+		L = {
 			id: e.pointerId,
 			x: t,
 			y: n,
-			view: v(D),
+			view: _(T),
 			moved: !1
 		};
-	}, 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), yt(0, 0, null);
+	}, Pt = (e) => {
+		if (F && F.id === e.pointerId) {
+			let { item: t, moved: n } = F;
+			F = null, b.stage.hasPointerCapture?.(e.pointerId) && b.stage.releasePointerCapture(e.pointerId), jt(0, 0, null);
 			let { x: r, y: i } = Q(e);
-			if (x.stage.style.cursor = dt(r, i) ? "grab" : "", n) {
-				let n = vt(r, i);
-				n && e.type !== "pointercancel" && W("drop", {
+			if (b.stage.style.cursor = wt(r, i) ? "grab" : "", n) {
+				let n = At(r, i);
+				n && e.type !== "pointercancel" && U("drop", {
 					item: t,
 					x: n.x,
 					y: n.y
 				}), X();
 			} else {
-				let e = J(r, i);
-				e && W("click", e);
+				let e = q(r, i);
+				e && U("click", e);
 			}
 			return;
 		}
-		if (!B || B.id !== e.pointerId) return;
-		let t = B.moved;
-		if (B = null, x.stage.hasPointerCapture?.(e.pointerId) && x.stage.releasePointerCapture(e.pointerId), x.stage.style.cursor = O && G()?.pan ? "grab" : "", t) X();
+		if (!L || L.id !== e.pointerId) return;
+		let t = L.moved;
+		if (L = null, b.stage.hasPointerCapture?.(e.pointerId) && b.stage.releasePointerCapture(e.pointerId), b.stage.style.cursor = E && W()?.pan ? "grab" : "", t) X();
 		else {
-			let { x: t, y: n } = Q(e), r = J(t, n);
-			if (r) W("click", r);
-			else if (e.type !== "pointercancel" && _t(t, n)) {
-				let e = vt(t, n);
-				e && W("plotClick", e);
+			let { x: t, y: n } = Q(e), r = q(t, n);
+			if (r) U("click", r);
+			else if (e.type !== "pointercancel" && kt(t, n)) {
+				let e = At(t, n);
+				e && U("plotClick", e);
 			}
 		}
-	}, Ct = () => {
-		!B?.moved && !R?.moved && Y(null);
-	}, wt = (e) => {
-		let t = G();
-		if (!t || t.zoom === !1 || !E.zoom.x && !E.zoom.y) return;
+	}, Ft = () => {
+		!L?.moved && !F?.moved && J(null);
+	}, It = (e) => {
+		let t = W();
+		if (!t || t.zoom === !1 || !w.zoom.x && !w.zoom.y) return;
 		let { x: n, y: r } = Q(e);
-		if (!_t(n, r)) return;
+		if (!kt(n, r)) return;
 		let i = 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)) {
+		if (t.wheel === "always" || i) e.preventDefault(), Ot(n, r, He(e.deltaY, e.deltaMode, e.ctrlKey && !e.metaKey));
+		else if (E && w.zoom.x && k && !k.horizontal && Math.abs(e.deltaX) > Math.abs(e.deltaY)) {
 			e.preventDefault();
-			let t = v(D);
-			t.x = Me(D.x, e.deltaX * j.xPerPx * (E.x.reverse ? -1 : 1)), Z(t, !0);
+			let t = _(T);
+			t.x = Be(T.x, e.deltaX * k.xPerPx * (w.x.reverse ? -1 : 1)), Z(t, !0);
 		}
-	}, Tt = (e) => {
+	}, Lt = (e) => {
 		let { x: t, y: n } = Q(e);
-		G() && O && _t(t, n) && Ft();
-	}, Et = (t) => {
-		let n = j;
+		W() && E && kt(t, n) && qt();
+	}, Rt = (t) => {
+		let n = k;
 		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);
+		let r = P?.keyboard ? P.event.items[0] : null, i = (r && w.series[r.seriesIndex]) ?? w.series.find((e) => !e.hidden && e.cols.count > 0);
 		if (!i) return;
-		let { x: a, y: o, count: c } = i.cols, l;
-		for (r ? l = r.index + t : (l = i.cols.sorted ? e(a, c, D.x[0]) : 0, t < 0 && (l = i.cols.sorted ? e(a, c, D.x[1]) - 1 : c - 1)); l >= 0 && l < c && !Number.isFinite(o[l]);) l += t || 1;
-		if (l < 0 || l >= c) return;
-		let u = n;
-		if (E.zoom.x && (a[l] < D.x[0] || a[l] > D.x[1])) {
-			let e = D.x[1] - D.x[0];
+		let { x: a, y: o, count: s } = i.cols, c;
+		for (r ? c = r.index + t : (c = i.cols.sorted ? e(a, s, T.x[0]) : 0, t < 0 && (c = i.cols.sorted ? e(a, s, T.x[1]) - 1 : s - 1)); c >= 0 && c < s && !Number.isFinite(o[c]);) c += t || 1;
+		if (c < 0 || c >= s) return;
+		let l = n;
+		if (w.zoom.x && (a[c] < T.x[0] || a[c] > T.x[1])) {
+			let e = T.x[1] - T.x[0];
 			Z({
-				x: [a[l] - e / 2, a[l] + e / 2],
-				y: D.y
-			}, !0), u = j = s(n.plot, D, E.x.reverse, E.y.reverse, E.horizontal);
+				x: [a[c] - e / 2, a[c] + e / 2],
+				y: T.y
+			}, !0), l = k = ee(n.plot, T, w.x.reverse, w.y.reverse, w.horizontal);
 		}
-		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)
+		let u = Te(i, c, l), d = ye(i, c), f = {
+			items: [d, ...w.tooltipMode === "axis" && i.type !== "scatter" ? (q(u.px, u.py)?.items ?? []).filter((e) => e.seriesIndex !== i.index) : []],
+			x: d.x,
+			xLabel: $e?.formatValue(d.x) ?? String(d.x)
 		};
-		Y({
-			event: p,
-			anchorX: d.px,
-			anchorY: d.py,
+		J({
+			event: f,
+			anchorX: u.px,
+			anchorY: u.py,
 			keyboard: !0
 		});
-		let m = f;
-		x.live.textContent = `${m.seriesName}: ${p.xLabel}, ${N?.formatValue(m.y) ?? m.y}${m.label ? ` (${m.label})` : ""}`;
-	}, Dt = (e) => {
-		if (!G()?.keyboard) return;
+		let p = d;
+		b.live.textContent = `${p.seriesName}: ${f.xLabel}, ${A?.formatValue(p.y) ?? p.y}${p.label ? ` (${p.label})` : ""}`;
+	}, zt = (e) => {
+		if (!W()?.keyboard) return;
 		let t = () => {
-			let e = j?.plot;
+			let e = k?.plot;
 			return e ? [e.x + e.width / 2, e.y + e.height / 2] : [0, 0];
 		};
 		switch (e.key) {
 			case "ArrowRight":
 			case "ArrowLeft":
-				if (E.horizontal) return;
-				e.preventDefault(), Et(e.key === "ArrowRight" === E.x.reverse ? -1 : 1);
+				if (w.horizontal) return;
+				e.preventDefault(), Rt(e.key === "ArrowRight" === w.x.reverse ? -1 : 1);
 				break;
 			case "ArrowDown":
 			case "ArrowUp":
-				if (!E.horizontal) return;
-				e.preventDefault(), Et(e.key === "ArrowDown" === E.x.reverse ? -1 : 1);
+				if (!w.horizontal) return;
+				e.preventDefault(), Rt(e.key === "ArrowDown" === w.x.reverse ? -1 : 1);
 				break;
 			case "+":
 			case "=": {
-				if (!E.zoom.x && !E.zoom.y) return;
+				if (!w.zoom.x && !w.zoom.y) return;
 				e.preventDefault();
 				let [n, r] = t();
-				gt(n, r, .8);
+				Ot(n, r, .8);
 				break;
 			}
 			case "-":
 			case "_": {
-				if (!E.zoom.x && !E.zoom.y) return;
+				if (!w.zoom.x && !w.zoom.y) return;
 				e.preventDefault();
 				let [n, r] = t();
-				gt(n, r, 1.25);
+				Ot(n, r, 1.25);
 				break;
 			}
 			case "0":
-				e.preventDefault(), Ft();
+				e.preventDefault(), qt();
 				break;
-			case "Escape": L && (e.preventDefault(), Y(null));
+			case "Escape": P && (e.preventDefault(), J(null));
 		}
-	}, Ot = () => {
+	}, Bt = () => {
 		let e;
 		try {
-			e = x.stage.matches(":focus-visible");
+			e = b.stage.matches(":focus-visible");
 		} catch {
 			e = !0;
 		}
-		e && (x.stage.style.boxShadow = "0 0 0 2px var(--primary-color, #4f46e5)");
-	}, kt = () => {
-		x.stage.style.boxShadow = "", L?.keyboard && Y(null);
-	}, $ = x.stage;
-	$.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 = ke(x.root, w.palette);
-		Ae(T, e) && Xe++, T = e, q();
-	}, Mt = je(jt), Nt = f(() => {
-		!F && !w.locale && q();
-	}), 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 && (b.stage.style.boxShadow = "0 0 0 2px var(--primary-color, #4f46e5)");
+	}, Vt = () => {
+		b.stage.style.boxShadow = "", P?.keyboard && J(null);
+	}, $ = b.stage;
+	$.addEventListener("pointermove", Mt), $.addEventListener("pointerdown", Nt), $.addEventListener("pointerup", Pt), $.addEventListener("pointercancel", Pt), $.addEventListener("pointerleave", Ft), $.addEventListener("wheel", It, { passive: !1 }), $.addEventListener("dblclick", Lt), $.addEventListener("keydown", zt), $.addEventListener("focus", Bt), $.addEventListener("blur", Vt);
+	let Ht = typeof ResizeObserver == "function" ? new ResizeObserver(() => G()) : null;
+	Ht?.observe(b.stage);
+	let Ut = () => {
+		if (M) return;
+		let e = Ie(b.root, S.palette);
+		Le(C, e) && lt++, C = e, K();
+	}, Wt = Re(Ut), Gt = m(() => {
+		!M && !S.locale && K();
+	}), Kt = async (e = /* @__PURE__ */ new Set()) => {
+		let t = ++tt, n = await Ne(S.renderer ?? "auto", () => c(v), (t) => {
+			M || j?.kind !== t || (j.destroy(), j.canvas.remove(), j = null, Kt(/* @__PURE__ */ new Set([...e, t])));
 		}, e);
-		if (F || t !== Ue) {
+		if (M || t !== tt) {
 			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)), $e(n?.kind ?? null), K();
+		j && (j.destroy(), j.canvas.remove()), j = n, n && (b.root.dataset.renderer = n.kind, b.stage.insertBefore(n.canvas, b.lift), O = !0, U("renderer", n.kind)), ft(n?.kind ?? null), G();
 	};
-	function Ft() {
-		O && Z(v(E.base), !0);
+	function qt() {
+		E && Z(_(w.base), !0);
 	}
-	q(), Pt();
-	let It = de(() => w.renderer, () => void Pt());
+	K(), Kt();
+	let Jt = Pe(() => S.renderer, () => void Kt());
 	return {
 		setOptions(e) {
-			if (F) return;
-			let t = w;
-			w = e, (e.palette ?? []).join() !== (t.palette ?? []).join() && (T = ke(x.root, e.palette), Xe++), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && Pt(), q();
+			if (M) return;
+			let t = S;
+			S = e, (e.palette ?? []).join() !== (t.palette ?? []).join() && (C = Ie(b.root, e.palette), lt++), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && Kt(), K();
 		},
 		resize() {
-			K();
+			G();
 		},
-		resetZoom: Ft,
-		getView: () => oe(E, D),
+		resetZoom: qt,
+		getView: () => le(w, T),
 		setView(e) {
-			F || Z(ae(E, e, D), !1);
+			M || Z(ce(w, e, T), !1);
 		},
-		getRenderer: () => P?.kind ?? null,
+		getRenderer: () => j?.kind ?? null,
 		getPlotRect() {
-			let e = ut();
+			let e = Ct();
 			return e ? {
 				x: e[0],
 				y: e[1],
@@ -685,38 +755,38 @@ var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 			} : null;
 		},
 		toPixel(e, t) {
-			if (!j) return null;
-			let n = l(j, re(E, e), ie(E, t));
+			if (!k) return null;
+			let n = g(k, oe(w, e), se(w, t));
 			return {
-				x: n.x + x.stage.offsetLeft,
-				y: n.y + x.stage.offsetTop
+				x: n.x + b.stage.offsetLeft,
+				y: n.y + b.stage.offsetTop
 			};
 		},
 		fromPixel(e, t) {
-			if (!j) return null;
-			let n = c(j, e - x.stage.offsetLeft, t - x.stage.offsetTop);
+			if (!k) return null;
+			let n = h(k, e - b.stage.offsetLeft, t - b.stage.offsetTop);
 			return {
-				x: ee(E, n.x),
-				y: te(E, n.y)
+				x: re(w, n.x),
+				y: ie(w, n.y)
 			};
 		},
-		ready: et,
-		refreshTheme: jt,
+		ready: pt,
+		refreshTheme: Ut,
 		on(e, t) {
-			let n = C[e];
-			return n || (n = /* @__PURE__ */ new Set(), C[e] = n), n.add(t), () => {
+			let n = x[e];
+			return n || (n = /* @__PURE__ */ new Set(), x[e] = n), n.add(t), () => {
 				n.delete(t);
 			};
 		},
 		destroy() {
-			if (!F) {
-				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];
+			if (!M) {
+				M = !0, N && (y?.cancelAnimationFrame ? y.cancelAnimationFrame(N) : clearTimeout(N)), Ht?.disconnect(), Jt(), Wt(), Gt(), $.removeEventListener("wheel", It), j?.destroy(), j = null, b.root.remove();
+				for (let e of Object.keys(x)) delete x[e];
 			}
 		}
 	};
 };
 //#endregion
-export { Fe as createChart };
+export { Ge as createChart };
 
 //# sourceMappingURL=chart.js.map