minerva-design 1.2.0 → 1.4.0

package/dist/charts/engine/chart.js

@@ -1,199 +1,190 @@
 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 { createBand 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";
+import { watchLocale as c } from "./locale.js";
+import { chartAriaLabel as l } from "./labels.js";
+import { createScales as ee, toData as u, toScreen as d } from "./layout.js";
+import { buildModel as f } from "./model.js";
+import { drawBackground as p, drawForeground as te, font as ne } from "./overlay.js";
+import { createRenderer as re } from "./renderers/detect.js";
+import { collectPointLabels as ie, crosshairAt as ae, hitTest as oe, hoverItemOf as se, hoverMarks as ce, layoutChart as le, legendShape as ue, pointOf as de, resolveAnnotations as fe, sameHover as pe, tooltipContent as me } from "./scene.js";
+import { itemsSignature as he } from "./signature.js";
+import { readTheme as m, themeColorsChanged as ge, watchTheme as _e } from "./theme.js";
+import { clampRange as h, panRange as ve, sameRange as g, wheelFactor as ye, zoomRange as be } from "./viewport.js";
 //#region src/engine/chart.ts
-var v = (e) => (e[0] + e[1]) / 2, y = (e) => ({
+var _ = (e) => (e[0] + e[1]) / 2, v = (e) => ({
 	x: [e.x[0], e.x[1]],
 	y: [e.y[0], e.y[1]]
-}), 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 = {
+}), xe = (xe, Se) => {
+	let y = xe.ownerDocument, b = y.defaultView, x = n(xe), Ce = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Set(), C = {}, w = Se, T = m(x.root, w.palette), E, D = {
 		x: [0, 1],
 		y: [0, 1]
-	}, k = !1, A = {
+	}, O = !1, k = {
 		x: 0,
 		y: 0
-	}, 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;
+	}, we = [], A = !0, Te = 0, Ee = [], j = null, M = null, N = null, De = null, P = null, Oe = 0, F = !1, I = 0, L = null, ke = "", R = null, z = null, B = null, Ae = [], je = [], Me = [], Ne = 0, Pe = "", Fe = "", V = null, H = null, Ie = () => {}, Le = new Promise((e) => {
+		Ie = e;
+	}), U = (e, t) => {
+		C[e]?.forEach((e) => e(t));
+	}, Re = null, ze = null, W = () => {
+		if (Re === w) return ze;
+		Re = w;
+		let e = w.interaction;
+		if (e === !1) return ze = null;
 		let t = typeof e == "object" ? e : {};
-		return {
+		return ze = {
 			zoom: t.zoom ?? !0,
 			wheel: t.wheel ?? "modifier",
 			pan: t.pan ?? !0,
 			keyboard: t.keyboard ?? !0,
 			dragPoints: t.dragPoints ?? !1
 		};
-	}, 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 = [
-			Ce,
-			D.baseline,
-			e.x.join(),
-			e.y.join(),
-			...D.series.map((e) => [
-				e.key,
-				e.type,
-				De(e.cols),
-				e.colorCss,
-				e.hidden,
-				e.lineWidth,
-				e.pointSize,
-				e.opacity,
-				e.barOffset,
-				e.barHalfWidth,
-				T.series[e.index].stack ?? ""
-			].join("|"))
-		].join("\n");
-		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 = () => {
+	}, Be = () => w.tooltip === !1 ? null : typeof w.tooltip == "object" ? w.tooltip : {}, G = () => {
+		F || I || (I = b?.requestAnimationFrame ? b.requestAnimationFrame(Ke) : setTimeout(Ke, 16));
+	}, K = () => {
+		E = f(w, T, S, Ce);
+		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 = he(E, Ne, (e) => w.series[e]?.stack);
+		r !== Pe && (Pe = r, k = {
+			x: _(e.x),
+			y: _(e.y)
+		}, A = !0, L && !L.keyboard && (L = null)), Ee = fe(w.annotations, T), He(), Ue(), G();
+	}, Ve = () => {
 		let e = (e, t) => Math.max(Math.abs(e[0] - t), Math.abs(e[1] - t)) > (e[1] - e[0]) * 2e3;
-		(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", () => {
-				C.has(e.id) ? C.delete(e.id) : C.add(e.id), G();
-			})), a(t, {
-				display: "inline-flex",
-				alignItems: "center",
-				gap: "6px",
-				padding: "2px 4px",
-				margin: "0",
-				border: "0",
-				borderRadius: "4px",
-				background: "none",
-				font: "inherit",
-				color: "var(--text-secondary-color, #6b7280)",
-				cursor: i ? "pointer" : "default",
-				opacity: e.hidden ? "0.45" : "1",
-				textDecoration: e.hidden ? "line-through" : "none"
-			}), t.append(o(b, e.colorCss, e.type === "scatter" ? "dot" : e.type === "line" ? "line" : "square"), b.createTextNode(e.name)), S.legend.appendChild(t);
+		(e(D.x, k.x) || e(D.y, k.y)) && (k = {
+			x: _(D.x),
+			y: _(D.y)
+		}, A = !0);
+	}, He = () => {
+		let e = w.legend, t = w.series.filter((e) => e.name).length, n = e === void 0 ? t > 1 : !!e, r = typeof e == "object" ? e : {}, i = r.toggle ?? !0, s = r.position === "bottom", c = `${n}|${s}|${i}`;
+		if (n) for (let e of E.series) c += `\n${e.id}\u0001${e.name}\u0001${e.colorCss}\u0001${ue(e.type)}\u0001${e.hidden}`;
+		if (c === Fe) return;
+		Fe = c;
+		let l = [...x.legend.children].indexOf(y.activeElement);
+		if (x.legend.replaceChildren(), x.legend.style.display = n ? "flex" : "none", n) {
+			x.legend.style.order = s ? "1" : "0", x.legend.style.padding = s ? "8px 4px 0" : "0 4px 8px";
+			for (let e of E.series) {
+				let t = y.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), K();
+				})), a(t, {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: "6px",
+					padding: "2px 4px",
+					margin: "0",
+					border: "0",
+					borderRadius: "4px",
+					background: "none",
+					font: "inherit",
+					color: "var(--text-secondary-color, #6b7280)",
+					cursor: i ? "pointer" : "default",
+					opacity: e.hidden ? "0.45" : "1",
+					textDecoration: e.hidden ? "line-through" : "none"
+				}), t.append(o(y, e.colorCss, ue(e.type)), y.createTextNode(e.name)), x.legend.appendChild(t);
+			}
+			l >= 0 && x.legend.children[l]?.focus();
 		}
-		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) => {
+	}, Ue = () => {
+		x.stage.setAttribute("aria-label", w.ariaLabel ?? l(E));
+		let e = W()?.keyboard;
+		x.stage.style.touchAction = W()?.dragPoints ? "none" : "pan-y", e ? x.stage.tabIndex = 0 : x.stage.removeAttribute("tabindex");
+	}, We = (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`;
-	}, Fe = (e, t, n) => {
+	}, Ge = (e, t, n) => {
 		let r = 2 / (e[1] - e[0]), i = (t - e[0]) * r - 1;
 		return n ? [-r, -i] : [r, i];
 	};
-	function Ie() {
-		if (L = 0, I) return;
-		let e = S.stage.clientWidth, t = S.stage.clientHeight;
+	function Ke() {
+		if (I = 0, F) return;
+		let e = x.stage.clientWidth, t = x.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,
+		let n = b?.devicePixelRatio || 1;
+		We(x.background, e, t, n), We(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 = ne(T));
+		let o = le({
+			model: E,
+			view: D,
+			theme: T,
 			width: e,
 			height: t,
-			padding: T.padding,
-			measure: r ? (e) => r.measureText(e).width : (e) => e.length * E.fontSize * .6
+			padding: w.padding,
+			measure: r ? (e) => r.measureText(e).width : (e) => e.length * T.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", {
+		M = o.xTicks, N = o.yTicks, De = o.y2Ticks, j = o.scales;
+		let l = qe();
+		if (l && l.join() !== ke && (ke = l.join(), U("layout", {
 			x: l[0],
 			y: l[1],
 			width: l[2],
 			height: l[3]
-		})), r && u(r, {
+		})), r && p(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, {
+			scales: j,
+			x: E.x,
+			y: E.y,
+			xTicks: M,
+			yTicks: N,
+			y2: E.y2,
+			y2Ticks: De,
+			theme: T,
+			annotations: Ee
+		}), i && (i.setTransform(n, 0, 0, n, 0, 0), te(i, {
 			width: e,
 			height: t,
-			scales: M,
-			theme: E,
-			annotations: ve,
-			pointLabels: m(D, O, M)
-		})), F) {
-			let e = F.canvas;
+			scales: j,
+			theme: T,
+			annotations: Ee,
+			pointLabels: ie(E, D, j, N)
+		})), P) {
+			let e = P.canvas, t = E.horizontal, r = t ? c.height : c.width, i = t ? c.width : c.height;
 			a(e, {
 				left: `${c.x}px`,
 				top: `${c.y}px`,
-				width: `${c.width}px`,
-				height: `${c.height}px`
+				width: `${r}px`,
+				height: `${i}px`,
+				transformOrigin: t ? "0 0" : "",
+				transform: t ? "matrix(0, 1, 1, 0, 0, 0)" : ""
 			});
-			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, {
+			let o = Math.max(1, Math.round(r * n)), l = Math.max(1, Math.round(i * n));
+			(e.width !== o || e.height !== l) && P.resize(o, l), Ve(), A && (Te++, we = s(E, k, Te), A = !1);
+			let [ee, u] = Ge(D.x, k.x, E.x.reverse), [d, f] = Ge(D.y, k.y, t ? !E.y.reverse : E.y.reverse);
+			P.render(we, {
 				transform: {
-					xScale: i,
-					xOffset: o,
-					yScale: l,
-					yOffset: u
+					xScale: ee,
+					xOffset: u,
+					yScale: d,
+					yOffset: f
 				},
-				width: t,
-				height: r,
+				width: o,
+				height: l,
 				dpr: n
 			});
 		}
-		J();
+		Y();
 	}
-	let K = (e, t) => M ? ee(D, M, N, e, t) : null, Le = () => {
-		let e = M?.plot;
+	let q = (e, t) => j ? oe(E, j, M, e, t) : null, qe = () => {
+		let e = j?.plot;
 		return e ? [
-			e.x + S.stage.offsetLeft,
-			e.y + S.stage.offsetTop,
+			e.x + x.stage.offsetLeft,
+			e.y + x.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;
+	}, Je = (e, t) => W()?.dragPoints ? q(e, t)?.items.find((e) => E.series[e.seriesIndex].type === "scatter") ?? null : null, J = (e) => {
+		let t = !pe(L?.event ?? null, e?.event ?? null);
+		L = e, Y(), t && U("hover", e ? e.event : null);
+	}, Ye = (e) => {
+		let t = Be()?.render;
 		if (t) return t(e);
-		let n = ce(D, e, P), r = b.createDocumentFragment(), i = b.createElement("div");
+		let n = me(E, e, N, De), r = y.createDocumentFragment(), i = y.createElement("div");
 		a(i, {
 			display: "flex",
 			alignItems: "center",
@@ -201,20 +192,20 @@ var v = (e) => (e[0] + e[1]) / 2, y = (e) => ({
 			fontWeight: "600",
 			marginBottom: "4px",
 			color: "var(--text-color, #1f2937)"
-		}), n.titleColor && i.appendChild(o(b, n.titleColor, "dot")), i.appendChild(b.createTextNode(n.title)), r.append(i);
+		}), n.titleColor && i.appendChild(o(y, n.titleColor, "dot")), i.appendChild(y.createTextNode(n.title)), r.append(i);
 		for (let e of n.rows) {
-			let t = b.createElement("div");
+			let t = y.createElement("div");
 			a(t, {
 				display: "flex",
 				alignItems: "center",
 				gap: "8px"
-			}), e.color && t.appendChild(o(b, e.color, "dot"));
-			let n = b.createElement("span");
+			}), e.color && t.appendChild(o(y, e.color, "dot"));
+			let n = y.createElement("span");
 			a(n, {
 				flex: "1 1 auto",
 				color: "var(--text-secondary-color, #6b7280)"
 			}), n.textContent = e.name;
-			let i = b.createElement("span");
+			let i = y.createElement("span");
 			a(i, {
 				fontWeight: "600",
 				fontVariantNumeric: "tabular-nums",
@@ -222,92 +213,133 @@ var v = (e) => (e[0] + e[1]) / 2, y = (e) => ({
 			}), i.textContent = e.value, t.append(n, i), r.append(t);
 		}
 		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, {
+	}, Xe = (e, t, n, r = x.hover) => (e[t] || (e[t] = n(), r.appendChild(e[t])), e[t].style.display = "block", e[t]);
+	function Y() {
+		let e = j;
+		L && e && V && V.scales === e && V.model === E && pe(V.event, L.event) || Ze(e);
+		let t = x.tooltip;
+		if (!L || !e || !Be() || B?.moved || R?.moved) {
+			t.style.display = "none";
+			return;
+		}
+		let n = Be()?.render, r, i;
+		if (!n && H && H.model === E && H.yTicks === N && pe(H.event, L.event) && t.style.display === "block") r = H.width, i = H.height;
+		else {
+			H = null;
+			let e = Ye(L.event);
+			if (e === null || e === "") {
+				t.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 || (H = {
+				event: L.event,
+				model: E,
+				yTicks: N,
+				width: r,
+				height: i
+			});
+		}
+		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)`;
+	}
+	function Ze(e) {
+		let n = 0, r = 0, o = 0;
+		if (V = null, x.crosshair.style.display = "none", L && e) {
+			V = {
+				event: L.event,
+				model: E,
+				scales: e
+			};
+			let { plot: s } = e;
+			x.hover.style.width = `${x.stage.clientWidth}px`, x.hover.style.height = `${x.stage.clientHeight}px`;
+			let c = ae(E, e, L.event, w.crosshair);
+			if (c !== null) {
+				let t = "1px dashed color-mix(in srgb, var(--text-secondary-color, #6b7280) 45%, transparent)";
+				a(x.crosshair, e.horizontal ? {
 					display: "block",
-					left: `${Math.round(n)}px`,
-					top: `${o.y}px`,
-					height: `${o.height}px`
+					left: `${s.x}px`,
+					top: `${Math.round(c)}px`,
+					width: `${s.width}px`,
+					height: "0",
+					borderLeft: "0",
+					borderTop: t
+				} : {
+					display: "block",
+					left: `${Math.round(c)}px`,
+					top: `${s.y}px`,
+					width: "0",
+					height: `${s.height}px`,
+					borderLeft: t,
+					borderTop: "0"
 				});
 			}
-			for (let o of ne(D, e, R.event)) {
-				if (o.kind === "bar") {
-					let e = Be(Se, r++, () => t(b));
+			for (let s of ce(E, e, L.event)) {
+				if (s.kind === "band" || s.kind === "cell") {
+					let e = s.kind === "band" ? Xe(je, r++, () => t(y), x.underlay) : Xe(Me, o++, () => a(t(y), {
+						background: "transparent",
+						borderRadius: "3px",
+						boxShadow: "0 0 0 1.5px var(--surface-color, var(--background-color, #fff)), 0 0 0 3px color-mix(in srgb, var(--text-color, #1f2937) 55%, transparent)"
+					}));
 					a(e, {
-						left: `${o.x}px`,
-						top: `${o.y}px`,
-						width: `${o.width}px`,
-						height: `${o.height}px`
+						left: `${s.x}px`,
+						top: `${s.y}px`,
+						width: `${s.width}px`,
+						height: `${s.height}px`
 					});
 					continue;
 				}
-				let e = Be(xe, n++, () => i(b));
+				let e = Xe(Ae, n++, () => i(y));
 				a(e, {
-					left: `${o.x}px`,
-					top: `${o.y}px`,
-					width: `${o.size}px`,
-					height: `${o.size}px`,
-					background: o.color
+					left: `${s.x}px`,
+					top: `${s.y}px`,
+					width: `${s.size}px`,
+					height: `${s.size}px`,
+					background: s.color,
+					boxShadow: `0 0 0 4px ${s.halo}`
 				});
 			}
 		}
-		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 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)`;
+		for (let e = n; e < Ae.length; e++) Ae[e].style.display = "none";
+		for (let e = r; e < je.length; e++) je[e].style.display = "none";
+		for (let e = o; e < Me.length; e++) Me[e].style.display = "none";
 	}
-	let Y = (e, t) => {
-		let { base: n, minSpan: r } = D;
-		O = {
+	let X = (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)
-		}, 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 = M;
+		}, O = !g(D.x, n.x) || !g(D.y, n.y);
+		let i = W();
+		x.stage.style.cursor = O && i?.pan ? "grab" : "", t && U("zoom", v(D)), G();
+	}, Qe = (e, t, n) => {
+		let r = j;
 		if (!r) return;
-		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();
+		let i = v(D), a = u(r, e, t);
+		E.zoom.x && (i.x = be(D.x, a.x, n)), E.zoom.y && (i.y = be(D.y, a.y, n)), X(i, !0);
+	}, Z = (e) => {
+		let t = x.stage.getBoundingClientRect();
 		return {
 			x: e.clientX - t.left,
 			y: e.clientY - t.top
 		};
-	}, 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;
+		let n = j?.plot;
+		return !!n && e >= n.x && e <= n.x + n.width && t >= n.y && t <= n.y + n.height;
+	}, $e = (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));
-		return {
-			x: n.pxToX(i),
-			y: n.pxToY(a)
-		};
-	}, He = (e, t, n) => {
+		return u(n, i, a);
+	}, et = (e, t, n) => {
 		if (n === null) {
-			B && (B.style.display = "none");
+			z && (z.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, {
+		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, {
 			display: "block",
 			left: `${e}px`,
 			top: `${t}px`,
@@ -315,45 +347,45 @@ var v = (e) => (e[0] + e[1]) / 2, y = (e) => ({
 			height: `${r}px`,
 			background: n
 		});
-	}, Ue = (e) => {
-		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,
+	}, tt = (e) => {
+		let { x: t, y: n } = Z(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 = $e(t, n);
+				e && (et(t, n, R.item.color), Y(), U("drag", {
+					item: R.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 (B && B.id === e.pointerId) {
+			let r = t - B.x, i = n - B.y;
+			if (!B.moved && Math.hypot(r, i) > 3) {
+				let t = W();
+				O && t?.pan && (B.moved = !0, x.stage.setPointerCapture?.(e.pointerId), x.stage.style.cursor = "grabbing");
 			}
-			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);
+			if (B.moved && j) {
+				let e = v(B.view), r = u(j, B.x, B.y), i = u(j, t, n);
+				E.zoom.x && (e.x = ve(B.view.x, r.x - i.x)), E.zoom.y && (e.y = ve(B.view.y, r.y - i.y)), X(e, !0);
 				return;
 			}
 		}
-		let r = K(t, n);
-		q(r ? {
+		let r = q(t, n);
+		J(r ? {
 			event: r,
 			anchorX: t,
 			anchorY: n,
 			keyboard: !1
-		} : null), !V && U()?.dragPoints && (S.stage.style.cursor = Re(t, n) || k && U()?.pan ? "grab" : "");
-	}, We = (e) => {
+		} : null), !B && W()?.dragPoints && (x.stage.style.cursor = Je(t, n) || O && W()?.pan ? "grab" : "");
+	}, nt = (e) => {
 		if (e.button !== 0) return;
-		let { x: t, y: n } = X(e);
-		if (!Z(t, n)) return;
-		let r = Re(t, n);
+		let { x: t, y: n } = Z(e);
+		if (!Q(t, n)) return;
+		let r = Je(t, n);
 		if (r) {
-			z = {
+			R = {
 				id: e.pointerId,
 				item: r,
 				x: t,
@@ -362,169 +394,179 @@ var v = (e) => (e[0] + e[1]) / 2, y = (e) => ({
 			};
 			return;
 		}
-		V = {
+		B = {
 			id: e.pointerId,
 			x: t,
 			y: n,
-			view: y(O),
+			view: v(D),
 			moved: !1
 		};
-	}, Ge = (e) => {
-		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", {
+	}, rt = (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), et(0, 0, null);
+			let { x: r, y: i } = Z(e);
+			if (x.stage.style.cursor = Je(r, i) ? "grab" : "", n) {
+				let n = $e(r, i);
+				n && e.type !== "pointercancel" && U("drop", {
 					item: t,
 					x: n.x,
 					y: n.y
-				}), J();
+				}), Y();
 			} else {
-				let e = K(r, i);
-				e && H("click", e);
+				let e = q(r, i);
+				e && U("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();
+		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 && W()?.pan ? "grab" : "", t) Y();
 		else {
-			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);
+			let { x: t, y: n } = Z(e), r = q(t, n);
+			if (r) U("click", r);
+			else if (e.type !== "pointercancel" && Q(t, n)) {
+				let e = $e(t, n);
+				e && U("plotClick", e);
 			}
 		}
-	}, Ke = () => {
-		!V?.moved && !z?.moved && q(null);
-	}, qe = (e) => {
-		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;
+	}, it = () => {
+		!B?.moved && !R?.moved && J(null);
+	}, at = (e) => {
+		let t = W();
+		if (!t || t.zoom === !1 || !E.zoom.x && !E.zoom.y) return;
+		let { x: n, y: r } = Z(e);
+		if (!Q(n, r)) return;
 		let i = e.ctrlKey || e.metaKey;
-		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)) {
+		if (t.wheel === "always" || i) e.preventDefault(), Qe(n, r, ye(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 = y(O);
-			t.x = g(O.x, e.deltaX * M.xPerPx * (D.x.reverse ? -1 : 1)), Y(t, !0);
+			let t = v(D);
+			t.x = ve(D.x, e.deltaX * j.xPerPx * (E.x.reverse ? -1 : 1)), X(t, !0);
 		}
-	}, Je = (e) => {
-		let { x: t, y: n } = X(e);
-		U() && k && Z(t, n) && rt();
-	}, Ye = (t) => {
-		let n = M;
+	}, ot = (e) => {
+		let { x: t, y: n } = Z(e);
+		W() && O && Q(t, n) && gt();
+	}, st = (t) => {
+		let n = j;
 		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);
+		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);
 		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 { x: a, y: o, count: s } = i.cols, c;
+		for (r ? c = r.index + t : (c = i.cols.sorted ? e(a, s, D.x[0]) : 0, t < 0 && (c = i.cols.sorted ? e(a, s, D.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 (E.zoom.x && (a[c] < D.x[0] || a[c] > D.x[1])) {
+			let e = D.x[1] - D.x[0];
+			X({
+				x: [a[c] - e / 2, a[c] + e / 2],
+				y: D.y
+			}, !0), l = j = ee(n.plot, D, E.x.reverse, E.y.reverse, E.horizontal);
 		}
-		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)
+		let u = de(i, c, l), d = se(i, c), f = {
+			items: [d, ...E.tooltipMode === "axis" && i.type !== "scatter" ? (q(u.px, u.py)?.items ?? []).filter((e) => e.seriesIndex !== i.index) : []],
+			x: d.x,
+			xLabel: M?.formatValue(d.x) ?? String(d.x)
 		};
-		q({
-			event: p,
-			anchorX: d.px,
-			anchorY: d.py,
+		J({
+			event: f,
+			anchorX: u.px,
+			anchorY: u.py,
 			keyboard: !0
 		});
-		let m = f;
-		S.live.textContent = `${m.seriesName}: ${p.xLabel}, ${P?.formatValue(m.y) ?? m.y}${m.label ? ` (${m.label})` : ""}`;
-	}, Xe = (e) => {
-		if (!U()?.keyboard) return;
+		let p = d;
+		x.live.textContent = `${p.seriesName}: ${f.xLabel}, ${N?.formatValue(p.y) ?? p.y}${p.label ? ` (${p.label})` : ""}`;
+	}, ct = (e) => {
+		if (!W()?.keyboard) return;
 		let t = () => {
-			let e = M?.plot;
+			let e = j?.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" === D.x.reverse ? -1 : 1);
+				if (E.horizontal) return;
+				e.preventDefault(), st(e.key === "ArrowRight" === E.x.reverse ? -1 : 1);
+				break;
+			case "ArrowDown":
+			case "ArrowUp":
+				if (!E.horizontal) return;
+				e.preventDefault(), st(e.key === "ArrowDown" === E.x.reverse ? -1 : 1);
 				break;
 			case "+":
 			case "=": {
-				if (!D.zoom.x && !D.zoom.y) return;
+				if (!E.zoom.x && !E.zoom.y) return;
 				e.preventDefault();
 				let [n, r] = t();
-				Ve(n, r, .8);
+				Qe(n, r, .8);
 				break;
 			}
 			case "-":
 			case "_": {
-				if (!D.zoom.x && !D.zoom.y) return;
+				if (!E.zoom.x && !E.zoom.y) return;
 				e.preventDefault();
 				let [n, r] = t();
-				Ve(n, r, 1.25);
+				Qe(n, r, 1.25);
 				break;
 			}
 			case "0":
-				e.preventDefault(), rt();
+				e.preventDefault(), gt();
 				break;
-			case "Escape": R && (e.preventDefault(), q(null));
+			case "Escape": L && (e.preventDefault(), J(null));
 		}
-	}, Ze = () => {
+	}, lt = () => {
 		let e;
 		try {
-			e = S.stage.matches(":focus-visible");
+			e = x.stage.matches(":focus-visible");
 		} catch {
 			e = !0;
 		}
-		e && (S.stage.style.boxShadow = "0 0 0 2px var(--primary-color, #4f46e5)");
-	}, Qe = () => {
-		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(() => W()) : null;
-	$e?.observe(S.stage);
-	let et = () => {
-		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 && (x.stage.style.boxShadow = "0 0 0 2px var(--primary-color, #4f46e5)");
+	}, ut = () => {
+		x.stage.style.boxShadow = "", L?.keyboard && J(null);
+	}, $ = x.stage;
+	$.addEventListener("pointermove", tt), $.addEventListener("pointerdown", nt), $.addEventListener("pointerup", rt), $.addEventListener("pointercancel", rt), $.addEventListener("pointerleave", it), $.addEventListener("wheel", at, { passive: !1 }), $.addEventListener("dblclick", ot), $.addEventListener("keydown", ct), $.addEventListener("focus", lt), $.addEventListener("blur", ut);
+	let dt = typeof ResizeObserver == "function" ? new ResizeObserver(() => G()) : null;
+	dt?.observe(x.stage);
+	let ft = () => {
+		if (F) return;
+		let e = m(x.root, w.palette);
+		ge(T, e) && Ne++, T = e, K();
+	}, pt = _e(ft), mt = c(() => {
+		!F && !w.locale && K();
+	}), ht = async (e = /* @__PURE__ */ new Set()) => {
+		let t = ++Oe, n = await re(w.renderer ?? "auto", () => r(y), (t) => {
+			F || P?.kind !== t || (P.destroy(), P.canvas.remove(), P = null, ht(/* @__PURE__ */ new Set([...e, t])));
 		}, e);
-		if (I || t !== ye) {
+		if (F || t !== Oe) {
 			n?.destroy();
 			return;
 		}
-		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();
+		P && (P.destroy(), P.canvas.remove()), P = n, n && (x.root.dataset.renderer = n.kind, x.stage.insertBefore(n.canvas, x.foreground), A = !0, U("renderer", n.kind)), Ie(n?.kind ?? null), G();
 	};
-	function rt() {
-		k && Y(y(D.base), !0);
+	function gt() {
+		O && X(v(E.base), !0);
 	}
-	return G(), nt(), {
+	return K(), ht(), {
 		setOptions(e) {
-			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();
+			if (F) return;
+			let t = w;
+			w = e, (e.palette ?? []).join() !== (t.palette ?? []).join() && (T = m(x.root, e.palette), Ne++), (e.renderer ?? "auto") !== (t.renderer ?? "auto") && ht(), K();
 		},
 		resize() {
-			W();
+			G();
 		},
-		resetZoom: rt,
-		getView: () => y(O),
+		resetZoom: gt,
+		getView: () => v(D),
 		setView(e) {
-			I || Y({
-				x: e.x ?? O.x,
-				y: e.y ?? O.y
+			F || X({
+				x: e.x ?? D.x,
+				y: e.y ?? D.y
 			}, !1);
 		},
-		getRenderer: () => F?.kind ?? null,
+		getRenderer: () => P?.kind ?? null,
 		getPlotRect() {
-			let e = Le();
+			let e = qe();
 			return e ? {
 				x: e[0],
 				y: e[1],
@@ -533,34 +575,33 @@ var v = (e) => (e[0] + e[1]) / 2, y = (e) => ({
 			} : null;
 		},
 		toPixel(e, t) {
-			return M ? {
-				x: M.xToPx(e) + S.stage.offsetLeft,
-				y: M.yToPx(t) + S.stage.offsetTop
-			} : null;
+			if (!j) return null;
+			let n = d(j, e, t);
+			return {
+				x: n.x + x.stage.offsetLeft,
+				y: n.y + x.stage.offsetTop
+			};
 		},
 		fromPixel(e, t) {
-			return M ? {
-				x: M.pxToX(e - S.stage.offsetLeft),
-				y: M.pxToY(t - S.stage.offsetTop)
-			} : null;
+			return j ? u(j, e - x.stage.offsetLeft, t - x.stage.offsetTop) : null;
 		},
-		ready: ke,
-		refreshTheme: et,
+		ready: Le,
+		refreshTheme: ft,
 		on(e, t) {
-			let n = w[e];
-			return n || (n = /* @__PURE__ */ new Set(), w[e] = n), n.add(t), () => {
+			let n = C[e];
+			return n || (n = /* @__PURE__ */ new Set(), C[e] = n), n.add(t), () => {
 				n.delete(t);
 			};
 		},
 		destroy() {
-			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];
+			if (!F) {
+				F = !0, I && (b?.cancelAnimationFrame ? b.cancelAnimationFrame(I) : clearTimeout(I)), dt?.disconnect(), pt(), mt(), $.removeEventListener("wheel", at), P?.destroy(), P = null, x.root.remove();
+				for (let e of Object.keys(C)) delete C[e];
 			}
 		}
 	};
 };
 //#endregion
-export { pe as createChart };
+export { xe as createChart };
 
 //# sourceMappingURL=chart.js.map