minerva-design 1.13.2 → 1.14.0

package/dist/charts/engine/controller.js

@@ -1,50 +1,52 @@
 import { lowerBound as e } from "./data.js";
-import { toCss as t, unpackColor as n } from "./color.js";
-import { curvePoints as r } from "./curve.js";
+import { placeTooltip as t } from "./tooltip.js";
+import { toCss as n, unpackColor as r } from "./color.js";
 import { createScales as i, heatCellStyle as a, screenRect as o, toData as s, toScreen as c } from "./layout.js";
 import { barOpacity as l, buildModel as u, fromPlotX as d, fromPlotY as f, heatPosition as p, toPlotX as m, toPlotY as h, viewFromValues as g, viewToValues as _ } from "./model.js";
 import { areaTitleLayout as v, font as y, placeLabels as b, rectOf as x, textBox as S } from "./overlay.js";
-import { decimateMinMax as C } from "./decimate.js";
-import { collectPointLabels as w, colorLegend as T, connectorSegments as E, crosshairAt as D, dependencyArrows as O, dotSize as k, hitTest as A, hoverMarks as ee, layoutChart as te, legendShape as ne, legendShown as re, resolveAnnotations as ie, resolveDependencies as ae, sameHover as oe, tooltipContent as se } from "./scene.js";
+import { collectPointLabels as C, colorLegend as w, connectorSegments as T, crosshairAt as E, dependencyArrows as D, dotSize as O, hitTest as k, hoverMarks as A, layoutChart as ee, legendShape as te, legendShown as ne, resolveAnnotations as re, resolveDependencies as ie, sameHover as ae, tooltipContent as oe } from "./scene.js";
+import { hoverRect as se } from "./hover-rect.js";
+import { curvePoints as j } from "./curve.js";
+import { decimateMinMax as M } from "./decimate.js";
 import { createTheme as ce } from "./theme.js";
-import { clampRange as j, panRange as M, sameRange as le, zoomRange as ue } from "./viewport.js";
+import { clampRange as le, panRange as ue, sameRange as N, zoomRange as de } from "./viewport.js";
 //#region src/engine/controller.ts
-var N = (e) => ({
+var P = (e) => ({
 	x: [e.x[0], e.x[1]],
 	y: [e.y[0], e.y[1]]
-}), de = 6, fe = 10, pe = 320, P = 20, F = (e) => {
-	let t = e.options, n = e.theme, r = ce(n, t.palette), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), l = {}, C, F = {
+}), fe = 6, pe = 10, me = 320, F = 20, I = (e) => {
+	let n = e.options, r = e.theme, a = ce(r, n.palette), o = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set(), j = {}, M, I = {
 		x: [0, 1],
 		y: [0, 1]
-	}, I = !1, L = 0, R = 0, z = [], me = [], B = null, he = !0, ge = "", V = !1, H = null, U = /* @__PURE__ */ new Map(), W = null, G = {
+	}, L = !1, R = 0, z = 0, he = [], ge = [], B = null, _e = !0, ve = "", V = !1, H = null, U = /* @__PURE__ */ new Map(), W = null, G = {
 		time: 0,
 		x: 0,
 		y: 0
 	}, K = (e, t) => {
-		l[e]?.forEach((e) => e(t));
+		j[e]?.forEach((e) => e(t));
 	}, q = () => {
-		he = !0, V || e.onInvalidate?.();
-	}, _e = () => {
-		let e = t.interaction;
+		_e = !0, V || e.onInvalidate?.();
+	}, ye = () => {
+		let e = n.interaction;
 		if (e === !1) return null;
-		let n = typeof e == "object" ? e : {};
+		let t = typeof e == "object" ? e : {};
 		return {
-			pan: n.pan ?? !0,
-			dragPoints: n.dragPoints ?? !1
+			pan: t.pan ?? !0,
+			dragPoints: t.dragPoints ?? !1
 		};
-	}, J = (t, n = r.fontSize, i = 400) => e.measureText(t, y(r, n, i)), ve = () => {
-		C = u(t, r, o, a);
-		let { base: e, minSpan: n } = C;
-		I ? (F = {
-			x: C.zoom.x ? j(F.x, e.x, n.x) : [...e.x],
-			y: C.zoom.y ? j(F.y, e.y, n.y) : [...e.y]
-		}, I = !le(F.x, e.x) || !le(F.y, e.y)) : F = N(e), z = ie(t.annotations, r, C.y.type === "log" ? Math.log10 : void 0, C.x.type === "log" ? Math.log10 : void 0), me = ae(t.dependencies, r), H && (H.event.items.every((e) => C.series[e.seriesIndex] && !C.series[e.seriesIndex].hidden && e.index < C.series[e.seriesIndex].cols.count) || Z(null)), q();
-	}, ye = () => {
-		let e = t.legend, n = t.series.filter((e) => e.name).length;
-		if (!re(e, C, n)) return null;
-		let r = typeof e == "object" ? e : {}, i = r.position === "bottom" ? "bottom" : "top", a = T(C);
+	}, J = (t, n = a.fontSize, r = 400) => e.measureText(t, y(a, n, r)), be = () => {
+		M = u(n, a, l, o);
+		let { base: e, minSpan: t } = M;
+		L ? (I = {
+			x: M.zoom.x ? le(I.x, e.x, t.x) : [...e.x],
+			y: M.zoom.y ? le(I.y, e.y, t.y) : [...e.y]
+		}, L = !N(I.x, e.x) || !N(I.y, e.y)) : I = P(e), he = re(n.annotations, a, M.y.type === "log" ? Math.log10 : void 0, M.x.type === "log" ? Math.log10 : void 0), ge = ie(n.dependencies, a), H && (H.event.items.every((e) => M.series[e.seriesIndex] && !M.series[e.seriesIndex].hidden && e.index < M.series[e.seriesIndex].cols.count) || Z(null)), q();
+	}, xe = () => {
+		let e = n.legend, t = n.series.filter((e) => e.name).length;
+		if (!ne(e, M, t)) return null;
+		let r = typeof e == "object" ? e : {}, i = r.position === "bottom" ? "bottom" : "top", a = w(M);
 		if (a) {
-			let e = a.labels[0]?.text ?? "", t = a.labels[a.labels.length - 1]?.text ?? "", n = Math.max(60, Math.min(160, L * .32)), r = L - 4 - J(t, 11) - 8, o = r - n, s = (i === "bottom" ? R - P : 0) + P / 2;
+			let e = a.labels[0]?.text ?? "", t = a.labels[a.labels.length - 1]?.text ?? "", n = Math.max(60, Math.min(160, R * .32)), r = R - 4 - J(t, 11) - 8, o = r - n, s = (i === "bottom" ? z - F : 0) + F / 2;
 			return {
 				entries: [],
 				colors: {
@@ -75,24 +77,24 @@ var N = (e) => ({
 			};
 		}
 		let o = [], s = 4, c = 0;
-		for (let e of C.series) {
+		for (let e of M.series) {
 			let t = 14 + J(e.name, 12) + 8;
-			s + t > L - 4 && s > 4 && (s = 4, c++), o.push({
+			s + t > R - 4 && s > 4 && (s = 4, c++), o.push({
 				id: e.id,
 				name: e.name,
 				color: e.colorCss,
-				shape: ne(e.type),
+				shape: te(e.type),
 				hidden: e.hidden,
 				box: {
 					x: s,
-					y: c * P,
+					y: c * F,
 					width: t,
-					height: P
+					height: F
 				}
 			}), s += t + 10;
 		}
-		let l = (c + 1) * P + 6;
-		if (i === "bottom") for (let e of o) e.box.y += R - l + 6;
+		let l = (c + 1) * F + 6;
+		if (i === "bottom") for (let e of o) e.box.y += z - l + 6;
 		return {
 			entries: o,
 			colors: null,
@@ -100,153 +102,166 @@ var N = (e) => ({
 			toggle: r.toggle ?? !0,
 			height: l
 		};
-	}, be = (e, n, r) => {
-		let i = t.tooltip;
-		if (i === !1) return null;
-		let a = typeof i == "object" ? i.render : void 0, o = null;
-		if (a) {
-			let t = a(e);
+	}, Se = (e, r, i, a) => {
+		let o = n.tooltip;
+		if (o === !1) return null;
+		let s = typeof o == "object" ? o.render : void 0, c = null;
+		if (s) {
+			let t = s(e);
 			if (t === null || t === "") return null;
-			typeof t == "string" && (o = t.split("\n"));
+			typeof t == "string" && (c = t.split("\n"));
 		}
-		let s = se(C, e, B?.layout.yTicks ?? null, B?.layout.y2Ticks ?? null), c = 0, l, u = s.rows.some((e) => e.color) ? 14 : 0;
-		if (o) {
-			for (let e of o) c = Math.max(c, J(e, 12));
-			l = o.length;
+		let l = oe(M, e, B?.layout.yTicks ?? null, B?.layout.y2Ticks ?? null), u = 0, d, f = l.rows.some((e) => e.color) ? 14 : 0;
+		if (c) {
+			for (let e of c) u = Math.max(u, J(e, 12));
+			d = c.length;
 		} else {
-			c = J(s.title, 12, 600) + (s.titleColor ? 14 : 0), s.subtitle && (c = Math.max(c, J(s.subtitle, 11) + (s.titleColor ? 14 : 0)));
+			u = J(l.title, 12, 600) + (l.titleColor ? 14 : 0), l.subtitle && (u = Math.max(u, J(l.subtitle, 11) + (l.titleColor ? 14 : 0)));
 			let e = 0, t = 0;
-			for (let n of s.rows) e = Math.max(e, J(n.name, 12)), t = Math.max(t, J(n.value, 12, 600));
-			s.rows.length && (c = Math.max(c, u + e + 16 + t)), l = 1 + +!!s.subtitle + s.rows.length;
+			for (let n of l.rows) e = Math.max(e, J(n.name, 12)), t = Math.max(t, J(n.value, 12, 600));
+			l.rows.length && (u = Math.max(u, f + e + 16 + t)), d = 1 + +!!l.subtitle + l.rows.length;
 		}
-		let d = Math.ceil(Math.max(c, 96) + 16 + 4), f = l * 18 + 16, p = n + 14;
-		p + d > L - 4 && (p = n - 14 - d), p = Math.max(4, Math.min(p, L - d - 4));
-		let m = Math.max(4, Math.min(r - f / 2, R - f - 4));
+		let p = Math.ceil(Math.max(u, 96) + 16 + 4), m = d * 18 + 16, { x: h, y: g } = t({
+			anchor: {
+				x: r,
+				y: i
+			},
+			avoid: se(M, a, e),
+			size: {
+				width: p,
+				height: m
+			},
+			stage: {
+				width: R,
+				height: z
+			},
+			prefer: a.horizontal ? "vertical" : "side"
+		});
 		return {
-			content: s,
-			text: o,
+			content: l,
+			text: c,
 			box: {
-				x: p,
-				y: m,
-				width: d,
-				height: f
+				x: h,
+				y: g,
+				width: p,
+				height: m
 			},
 			lineHeight: 18,
 			padding: 8,
-			swatchWidth: u
+			swatchWidth: f
 		};
-	}, xe = () => {
-		if (L <= 0 || R <= 0) return null;
-		let e = ye(), n = e?.position === "top" ? e.height : 0, i = te({
-			model: C,
-			view: F,
-			theme: r,
-			width: L,
-			height: R - (e?.height ?? 0),
-			padding: t.padding,
-			top: n,
+	}, Ce = () => {
+		if (R <= 0 || z <= 0) return null;
+		let e = xe(), t = e?.position === "top" ? e.height : 0, r = ee({
+			model: M,
+			view: I,
+			theme: a,
+			width: R,
+			height: z - (e?.height ?? 0),
+			padding: n.padding,
+			top: t,
 			measure: (e) => J(e)
-		}), a = w(C, F, i.scales, i.yTicks, r.background), o = [], s = r.fontSize + 4;
-		for (let e of z) {
+		}), i = C(M, I, r.scales, r.yTicks, a.background), o = [], s = a.fontSize + 4;
+		for (let e of he) {
 			if (e.type === "text" && e.text) {
-				o.push(S(e, i.scales, J(e.text, r.fontSize, e.weight), s));
+				o.push(S(e, r.scales, J(e.text, a.fontSize, e.weight), s));
 				continue;
 			}
 			if (e.type !== "rect") continue;
-			let t = v(e, x(e, i.scales), r.fontSize, J);
+			let t = v(e, x(e, r.scales), a.fontSize, J);
 			t && o.push(t.box);
 		}
-		let c = b(a, i.plot, (e) => J(e), s - 2, o), l = {
-			width: L,
-			height: R,
-			theme: r,
-			model: C,
-			view: N(F),
-			layout: i,
-			annotations: z,
+		let c = b(i, r.plot, (e) => J(e), s - 2, o), l = {
+			width: R,
+			height: z,
+			theme: a,
+			model: M,
+			view: P(I),
+			layout: r,
+			annotations: he,
 			pointLabels: c,
 			legend: e,
 			hover: null,
 			dragging: null,
-			connectors: E(C, i.scales),
-			arrows: O(C, i.scales, me)
+			connectors: T(M, r.scales),
+			arrows: D(M, r.scales, ge)
 		};
 		if (B = l, H) {
-			let n = D(C, i.scales, H.event, t.crosshair), r = i.scales.horizontal;
+			let t = E(M, r.scales, H.event, n.crosshair), i = r.scales.horizontal;
 			l.hover = {
 				event: H.event,
-				marks: ee(C, i.scales, H.event),
-				crosshairX: r ? null : n,
-				crosshairY: r ? n : null,
-				tooltip: W?.kind === "pan" || W?.kind === "point" ? null : be(H.event, H.x, H.y)
+				marks: A(M, r.scales, H.event),
+				crosshairX: i ? null : t,
+				crosshairY: i ? t : null,
+				tooltip: W?.kind === "pan" || W?.kind === "point" ? null : Se(H.event, H.x, H.y, r.scales)
 			};
-			let a = e?.colors, o = H.event.items[0], s = o ? C.series[o.seriesIndex] : void 0;
+			let a = e?.colors, o = H.event.items[0], s = o ? M.series[o.seriesIndex] : void 0;
 			a && o && s?.type === "heatmap" && o.value !== void 0 && (a.caret = a.bar.x + p(s, o.value) * a.bar.width);
 		}
 		if (W?.kind === "point") {
-			let e = C.series[W.item.seriesIndex];
+			let e = M.series[W.item.seriesIndex];
 			l.dragging = {
 				x: W.x,
 				y: W.y,
 				color: W.item.color,
-				size: (e ? k(e, W.item.index) : 8) + 6
+				size: (e ? O(e, W.item.index) : 8) + 6
 			};
 		}
-		let u = i.plot, d = `${u.x},${u.y},${u.width},${u.height}`;
-		return d !== ge && (ge = d, K("layout", { ...u })), l;
-	}, Y = () => ((he || !B) && (he = !1, B = xe()), B), X = () => Y()?.layout.scales ?? null, Z = (e) => {
-		let t = !oe(H?.event ?? null, e?.event ?? null);
+		let u = r.plot, d = `${u.x},${u.y},${u.width},${u.height}`;
+		return d !== ve && (ve = d, K("layout", { ...u })), l;
+	}, Y = () => ((_e || !B) && (_e = !1, B = Ce()), B), X = () => Y()?.layout.scales ?? null, Z = (e) => {
+		let t = !ae(H?.event ?? null, e?.event ?? null);
 		H = e, q(), t && K("hover", e ? e.event : null);
 	}, Q = (e, t, n) => {
 		let r = X();
-		return r ? A(C, r, B?.layout.xTicks ?? null, e, t, n ? 8 : 0) : null;
-	}, Se = (e, t) => {
+		return r ? k(M, r, B?.layout.xTicks ?? null, e, t, n ? 8 : 0) : null;
+	}, we = (e, t) => {
 		let n = X()?.plot;
 		return !!n && e >= n.x && e <= n.x + n.width && t >= n.y && t <= n.y + n.height;
-	}, Ce = (e, t) => {
+	}, Te = (e, t) => {
 		let n = X();
 		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 = s(n, i, a);
 		return {
-			x: d(C, o.x),
-			y: f(C, o.y)
+			x: d(M, o.x),
+			y: f(M, o.y)
 		};
 	}, $ = (e, t) => {
-		let { base: n, minSpan: r } = C;
-		F = {
-			x: j(e.x, n.x, r.x),
-			y: j(e.y, n.y, r.y)
-		}, I = !le(F.x, n.x) || !le(F.y, n.y), t && K("zoom", _(C, F)), q();
-	}, we = (e, t, n) => {
+		let { base: n, minSpan: r } = M;
+		I = {
+			x: le(e.x, n.x, r.x),
+			y: le(e.y, n.y, r.y)
+		}, L = !N(I.x, n.x) || !N(I.y, n.y), t && K("zoom", _(M, I)), q();
+	}, Ee = (e, t, n) => {
 		let r = X();
-		if (!r || !C.zoom.x && !C.zoom.y) return;
-		let i = N(F), a = s(r, e, t);
-		C.zoom.x && (i.x = ue(F.x, a.x, n)), C.zoom.y && (i.y = ue(F.y, a.y, n)), $(i, !0);
-	}, Te = () => {
-		I && $(N(C.base), !0);
-	}, Ee = (e, t) => Y()?.legend?.entries.find((n) => e >= n.box.x && e <= n.box.x + n.box.width && t >= n.box.y && t <= n.box.y + n.box.height) ?? null, De = (e) => {
-		o.has(e) ? o.delete(e) : o.add(e), ve();
-	}, Oe = () => {
+		if (!r || !M.zoom.x && !M.zoom.y) return;
+		let i = P(I), a = s(r, e, t);
+		M.zoom.x && (i.x = de(I.x, a.x, n)), M.zoom.y && (i.y = de(I.y, a.y, n)), $(i, !0);
+	}, De = () => {
+		L && $(P(M.base), !0);
+	}, Oe = (e, t) => Y()?.legend?.entries.find((n) => e >= n.box.x && e <= n.box.x + n.box.width && t >= n.box.y && t <= n.box.y + n.box.height) ?? null, ke = (e) => {
+		l.has(e) ? l.delete(e) : l.add(e), be();
+	}, Ae = () => {
 		let [e, t] = [...U.values()];
 		W = {
 			kind: "pinch",
-			view: N(F),
+			view: P(I),
 			distance: Math.max(1, Math.hypot(e.x - t.x, e.y - t.y)),
 			midX: (e.x + t.x) / 2,
 			midY: (e.y + t.y) / 2
 		}, Z(null);
 	};
-	return C = u(t, r, o, a), ve(), {
+	return M = u(n, a, l, o), be(), {
 		setOptions(e) {
 			if (V) return;
-			let i = (e.palette ?? []).join() !== (t.palette ?? []).join();
-			t = e, i && (r = ce(n, t.palette)), ve();
+			let t = (e.palette ?? []).join() !== (n.palette ?? []).join();
+			n = e, t && (a = ce(r, n.palette)), be();
 		},
 		setTheme(e) {
-			V || (n = e, r = ce(n, t.palette), ve());
+			V || (r = e, a = ce(r, n.palette), be());
 		},
 		setSize(e, t) {
-			(e !== L || t !== R) && (L = Math.max(0, e), R = Math.max(0, t), q());
+			(e !== R || t !== z) && (R = Math.max(0, e), z = Math.max(0, t), q());
 		},
 		getScene: Y,
 		pointerDown: (e, t, n = {}) => {
@@ -260,9 +275,9 @@ var N = (e) => ({
 				touch: i,
 				moved: !1
 			});
-			let a = _e();
+			let a = ye();
 			if (U.size === 2) {
-				a && (C.zoom.x || C.zoom.y) && W?.kind !== "point" && Oe();
+				a && (M.zoom.x || M.zoom.y) && W?.kind !== "point" && Ae();
 				return;
 			}
 			if (U.size > 2 || !a) {
@@ -277,7 +292,7 @@ var N = (e) => ({
 				return;
 			}
 			if (a.dragPoints) {
-				let n = Q(e, t, i)?.items.find((e) => C.series[e.seriesIndex].type === "scatter");
+				let n = Q(e, t, i)?.items.find((e) => M.series[e.seriesIndex].type === "scatter");
 				if (n) {
 					W = {
 						kind: "point",
@@ -288,10 +303,10 @@ var N = (e) => ({
 					return;
 				}
 			}
-			if (I && a.pan && Se(e, t)) {
+			if (L && a.pan && we(e, t)) {
 				W = {
 					kind: "pan",
-					view: N(F),
+					view: P(I),
 					x: e,
 					y: t
 				};
@@ -309,17 +324,17 @@ var N = (e) => ({
 		pointerMove: (e, t, n = {}) => {
 			if (V) return;
 			let r = n.id ?? 0, a = U.get(r);
-			if (a && (a.x = e, a.y = t, !a.moved && Math.hypot(e - a.startX, t - a.startY) > (a.touch ? fe : de) && (a.moved = !0)), W?.kind === "pinch" && U.size >= 2) {
+			if (a && (a.x = e, a.y = t, !a.moved && Math.hypot(e - a.startX, t - a.startY) > (a.touch ? pe : fe) && (a.moved = !0)), W?.kind === "pinch" && U.size >= 2) {
 				let [e, t] = [...U.values()], n = Math.max(1, Math.hypot(e.x - t.x, e.y - t.y)), r = (e.x + t.x) / 2, a = (e.y + t.y) / 2, o = X();
 				if (!o) return;
-				let c = i(o.plot, W.view, C.x.reverse, C.y.reverse, C.horizontal), l = W.distance / n, u = N(W.view), d = s(c, W.midX, W.midY), f = s(c, r, a);
-				C.zoom.x && (u.x = ue(W.view.x, d.x, l), u.x = M(u.x, (d.x - f.x) * l)), C.zoom.y && (u.y = ue(W.view.y, d.y, l), u.y = M(u.y, (d.y - f.y) * l)), $(u, !0);
+				let c = i(o.plot, W.view, M.x.reverse, M.y.reverse, M.horizontal), l = W.distance / n, u = P(W.view), d = s(c, W.midX, W.midY), f = s(c, r, a);
+				M.zoom.x && (u.x = de(W.view.x, d.x, l), u.x = ue(u.x, (d.x - f.x) * l)), M.zoom.y && (u.y = de(W.view.y, d.y, l), u.y = ue(u.y, (d.y - f.y) * l)), $(u, !0);
 				return;
 			}
 			if (W?.kind === "point" && a) {
 				if (!a.moved) return;
 				W.x = e, W.y = t;
-				let n = Ce(e, t);
+				let n = Te(e, t);
 				q(), n && K("drag", {
 					item: W.item,
 					x: n.x,
@@ -331,8 +346,8 @@ var N = (e) => ({
 				if (!a.moved) return;
 				let n = X();
 				if (!n) return;
-				let r = N(W.view), i = s(n, W.x, W.y), o = s(n, e, t);
-				C.zoom.x && (r.x = M(W.view.x, i.x - o.x)), C.zoom.y && (r.y = M(W.view.y, i.y - o.y)), $(r, !0);
+				let r = P(W.view), i = s(n, W.x, W.y), o = s(n, e, t);
+				M.zoom.x && (r.x = ue(W.view.x, i.x - o.x)), M.zoom.y && (r.y = ue(W.view.y, i.y - o.y)), $(r, !0);
 				return;
 			}
 			if (!(U.size > 1) && (!a || a.touch || !n.touch)) {
@@ -356,7 +371,7 @@ var N = (e) => ({
 			if (W = null, !i) return;
 			if (a?.kind === "point") {
 				if (i.moved) {
-					let n = Ce(e, t);
+					let n = Te(e, t);
 					q(), n && K("drop", {
 						item: a.item,
 						x: n.x,
@@ -373,12 +388,12 @@ var N = (e) => ({
 				return;
 			}
 			let o = Date.now();
-			if (i.touch && o - G.time < pe && Math.hypot(e - G.x, t - G.y) < 24 && I) {
+			if (i.touch && o - G.time < me && Math.hypot(e - G.x, t - G.y) < 24 && L) {
 				G = {
 					time: 0,
 					x: e,
 					y: t
-				}, Te();
+				}, De();
 				return;
 			}
 			G = {
@@ -386,9 +401,9 @@ var N = (e) => ({
 				x: e,
 				y: t
 			};
-			let s = Ee(e, t);
+			let s = Oe(e, t);
 			if (s) {
-				Y()?.legend?.toggle && De(s.id);
+				Y()?.legend?.toggle && ke(s.id);
 				return;
 			}
 			let c = Q(e, t, i.touch);
@@ -400,8 +415,8 @@ var N = (e) => ({
 				}), K("click", c);
 				return;
 			}
-			if (i.touch && Z(null), Se(e, t)) {
-				let n = Ce(e, t);
+			if (i.touch && Z(null), we(e, t)) {
+				let n = Te(e, t);
 				n && K("plotClick", n);
 			}
 		},
@@ -411,13 +426,13 @@ var N = (e) => ({
 		pointerLeave() {
 			!W && H && Z(null);
 		},
-		zoomAt: we,
-		resetZoom: Te,
-		getView: () => _(C, F),
+		zoomAt: Ee,
+		resetZoom: De,
+		getView: () => _(M, I),
 		setView(e) {
-			V || $(g(C, e, F), !1);
+			V || $(g(M, e, I), !1);
 		},
-		toggleSeries: De,
+		toggleSeries: ke,
 		clearHover() {
 			H && Z(null);
 		},
@@ -427,33 +442,33 @@ var N = (e) => ({
 		},
 		toPixel(e, t) {
 			let n = X();
-			return n ? c(n, m(C, e), h(C, t)) : null;
+			return n ? c(n, m(M, e), h(M, t)) : null;
 		},
 		fromPixel(e, t) {
 			let n = X();
 			if (!n) return null;
 			let r = s(n, e, t);
 			return {
-				x: d(C, r.x),
-				y: f(C, r.y)
+				x: d(M, r.x),
+				y: f(M, r.y)
 			};
 		},
 		on(e, t) {
-			let n = l[e];
-			return n || (n = /* @__PURE__ */ new Set(), l[e] = n), n.add(t), () => {
+			let n = j[e];
+			return n || (n = /* @__PURE__ */ new Set(), j[e] = n), n.add(t), () => {
 				n.delete(t);
 			};
 		},
 		destroy() {
 			V = !0, U.clear();
-			for (let e of Object.keys(l)) delete l[e];
+			for (let e of Object.keys(j)) delete j[e];
 		}
 	};
-}, I = (t, n, r, i) => {
+}, L = (t, n, r, i) => {
 	if (!r) return [0, n];
 	let [a, o] = i[0] <= i[1] ? i : [i[1], i[0]];
 	return [Math.max(0, e(t, n, a) - 1), Math.min(n, e(t, n, o) + 1)];
-}, L = {
+}, R = {
 	heatmap: 0,
 	area: 1,
 	bar: 2,
@@ -461,95 +476,95 @@ var N = (e) => ({
 	candlestick: 3,
 	line: 4,
 	scatter: 5
-}, R = (e, t) => {
+}, z = (e, t) => {
 	if (!e.horizontal) return t;
 	let n = Array(t.length);
 	for (let e = 0; e < t.length; e += 4) n[e] = t[e + 1], n[e + 1] = t[e], n[e + 2] = t[e + 3], n[e + 3] = t[e + 2];
 	return n;
-}, z = (e, i = {}) => {
-	let { model: s, view: u, layout: d } = e, f = d.scales, { plot: p } = d, m = f.horizontal, h = i.maxDots ?? 4e3, g = i.maxBars ?? 2e3, _ = Math.max(1, i.columnWidth ?? 1), v = m ? p.y : p.x, y = v + (m ? p.height : p.width), b = [], x = s.series.filter((e) => !e.hidden && e.cols.count > 0).sort((e, t) => L[e.type] - L[t.type] || e.index - t.index);
-	for (let e of x) {
-		let { x: d, y: x, count: S, sorted: w } = e.cols;
+}, he = (e, t = {}) => {
+	let { model: i, view: s, layout: u } = e, d = u.scales, { plot: f } = u, p = d.horizontal, m = t.maxDots ?? 4e3, h = t.maxBars ?? 2e3, g = Math.max(1, t.columnWidth ?? 1), _ = p ? f.y : f.x, v = _ + (p ? f.height : f.width), y = [], b = i.series.filter((e) => !e.hidden && e.cols.count > 0).sort((e, t) => R[e.type] - R[t.type] || e.index - t.index);
+	for (let e of b) {
+		let { x: u, y: b, count: x, sorted: S } = e.cols;
 		if (e.type === "line" || e.type === "area") {
-			let [t, n] = I(d, S, w, u.x), i = e.stackTop ?? x, a = r(d, i, t, n, e.curve), o = e.stackBase ? r(d, e.stackBase, t, n, e.curve).points : null, l = a.length, p = a.points, h = o;
-			if (w && l > (y - v) * 2 / _) {
+			let [t, n] = L(u, x, S, s.x), r = e.stackTop ?? b, a = j(u, r, t, n, e.curve), o = e.stackBase ? j(u, e.stackBase, t, n, e.curve).points : null, l = a.length, f = a.points, m = o;
+			if (S && l > (v - _) * 2 / g) {
 				if (o) {
-					let e = C(p, 0, l, (e) => f.xToPx(e) / _), t = new Float64Array(e.length * 2), n = new Float64Array(e.length * 2), r = 0, i = 0;
+					let e = M(f, 0, l, (e) => d.xToPx(e) / g), t = new Float64Array(e.length * 2), n = new Float64Array(e.length * 2), r = 0, i = 0;
 					for (let a = 0; a < e.length; a++) {
 						let s = e.points[a * 2];
-						for (; i < l - 1 && p[i * 2] < s;) i++;
+						for (; i < l - 1 && f[i * 2] < s;) i++;
 						t[r * 2] = s, t[r * 2 + 1] = e.points[a * 2 + 1], n[r * 2] = s, n[r * 2 + 1] = o[i * 2 + 1], r++;
 					}
-					p = t, h = n, l = r;
+					f = t, m = n, l = r;
 				} else {
-					let e = C(p, 0, l, (e) => f.xToPx(e) / _);
-					p = e.points, l = e.length;
+					let e = M(f, 0, l, (e) => d.xToPx(e) / g);
+					f = e.points, l = e.length;
 				}
 			}
-			let g = e.type === "area" && !!e.cols.y0 && !!h, T = [], E = [], D = [], O = [], k = [], A = [], ee = () => {
-				O.length && (T.push(O), E.push(k), g && D.push(A)), O = [], k = [], A = [];
+			let h = e.type === "area" && !!e.cols.y0 && !!m, C = [], w = [], T = [], E = [], D = [], O = [], k = () => {
+				E.length && (C.push(E), w.push(D), h && T.push(O)), E = [], D = [], O = [];
 			};
 			for (let e = 0; e < l; e++) {
-				let t = p[e * 2], n = p[e * 2 + 1], r = h ? h[e * 2 + 1] : 0;
+				let t = f[e * 2], n = f[e * 2 + 1], r = m ? m[e * 2 + 1] : 0;
 				if (!Number.isFinite(t) || !Number.isFinite(n) || !Number.isFinite(r)) {
-					ee();
+					k();
 					continue;
 				}
-				let i = c(f, t, n);
-				if (O.push(i.x, i.y), h && k.push(f.yToPx(r)), g) {
-					let e = c(f, t, r);
-					A.push(e.x, e.y);
+				let i = c(d, t, n);
+				if (E.push(i.x, i.y), m && D.push(d.yToPx(r)), h) {
+					let e = c(d, t, r);
+					O.push(e.x, e.y);
 				}
 			}
-			if (ee(), e.type === "area" && b.push({
+			if (k(), e.type === "area" && y.push({
 				kind: "area",
 				seriesIndex: e.index,
 				color: e.colorCss,
 				opacity: e.opacity,
-				baseline: f.yToPx(s.baseline),
-				segments: T,
-				...h ? { bottoms: E } : {},
-				...m ? { horizontal: !0 } : {}
+				baseline: d.yToPx(i.baseline),
+				segments: C,
+				...m ? { bottoms: w } : {},
+				...p ? { horizontal: !0 } : {}
 			}), e.lineWidth > 0) {
 				let t = e.type === "area" ? Math.min(e.lineWidth, 2) : e.lineWidth;
-				b.push({
+				y.push({
 					kind: "line",
 					seriesIndex: e.index,
 					color: e.colorCss,
 					width: t,
-					segments: T
-				}), g && b.push({
+					segments: C
+				}), h && y.push({
 					kind: "line",
 					seriesIndex: e.index,
 					color: e.colorCss,
 					width: t,
-					segments: D
+					segments: T
 				});
 			}
 			continue;
 		}
 		if (e.type === "bar" && e.barBase && e.barTop) {
-			let [n, r] = I(d, S, w, u.x), i = Math.max(e.barHalfWidth / Math.abs(f.xPerPx), .5), a = [], o = [], s = r - n > g, c = NaN;
-			for (let u = n; u < r; u++) {
-				let n = e.barBase[u], r = e.barTop[u];
-				if (!Number.isFinite(n) || !Number.isFinite(r)) continue;
-				let p = f.xToPx(d[u] + e.barOffset);
-				if (p + i < v || p - i > y) continue;
-				let m = f.yToPx(n), h = f.yToPx(r), g = Math.min(m, h), _ = Math.max(1, Math.abs(m - h)), b = Math.floor(p);
-				if (s && b === c && a.length) {
-					let e = a.length - 4, t = Math.max(a[e + 1] + a[e + 3], g + _);
+			let [t, r] = L(u, x, S, s.x), i = Math.max(e.barHalfWidth / Math.abs(d.xPerPx), .5), a = [], o = [], c = r - t > h, f = NaN;
+			for (let s = t; s < r; s++) {
+				let t = e.barBase[s], r = e.barTop[s];
+				if (!Number.isFinite(t) || !Number.isFinite(r)) continue;
+				let p = d.xToPx(u[s] + e.barOffset);
+				if (p + i < _ || p - i > v) continue;
+				let m = d.yToPx(t), h = d.yToPx(r), g = Math.min(m, h), y = Math.max(1, Math.abs(m - h)), b = Math.floor(p);
+				if (c && b === f && a.length) {
+					let e = a.length - 4, t = Math.max(a[e + 1] + a[e + 3], g + y);
 					a[e + 1] = Math.min(a[e + 1], g), a[e + 3] = t - a[e + 1];
 					continue;
 				}
-				c = b, a.push(p - i, g, i * 2, _);
-				let x = e.pointColors?.[u];
-				o.push(e.cols.opacities ? t(x ?? e.color, l(e, u)) : x ? t(x) : e.colorCss);
+				f = b, a.push(p - i, g, i * 2, y);
+				let x = e.pointColors?.[s];
+				o.push(e.cols.opacities ? n(x ?? e.color, l(e, s)) : x ? n(x) : e.colorCss);
 			}
-			b.push({
+			y.push({
 				kind: "bars",
 				seriesIndex: e.index,
 				color: e.colorCss,
-				rects: R(f, a),
+				rects: z(d, a),
 				...e.pointColors || e.cols.opacities ? { colors: o } : {},
 				radius: e.radius,
 				...e.opacity < 1 && !e.cols.opacities ? { opacity: e.opacity } : {}
@@ -557,46 +572,46 @@ var N = (e) => ({
 			continue;
 		}
 		if (e.type === "boxplot") {
-			b.push(...me(e, f, u.x, v, y, g));
+			y.push(...ge(e, d, s.x, _, v, h));
 			continue;
 		}
 		if (e.type === "candlestick") {
-			let [n, r] = I(d, S, w, u.x), { open: i, high: a, low: o } = e.cols, s = Math.max(e.barHalfWidth / Math.abs(f.xPerPx), 1), c = t(e.upColor), l = t(e.downColor), p = [], m = [], h = [], _ = [], C = Math.max(1, Math.ceil((r - n) / g));
-			for (let e = n; e < r; e += C) {
-				let t = x[e], n = i ? i[e] : t;
+			let [t, r] = L(u, x, S, s.x), { open: i, high: a, low: o } = e.cols, c = Math.max(e.barHalfWidth / Math.abs(d.xPerPx), 1), l = n(e.upColor), f = n(e.downColor), p = [], m = [], g = [], C = [], w = Math.max(1, Math.ceil((r - t) / h));
+			for (let e = t; e < r; e += w) {
+				let t = b[e], n = i ? i[e] : t;
 				if (!Number.isFinite(t) || !Number.isFinite(n)) continue;
-				let r = f.xToPx(d[e]);
-				if (r + s < v || r - s > y) continue;
-				let u = t < n ? l : c, g = f.yToPx(a ? a[e] : Math.max(n, t)), b = f.yToPx(o ? o[e] : Math.min(n, t));
-				p.push(r - .5, Math.min(g, b), 1, Math.abs(b - g)), h.push(u);
-				let S = f.yToPx(n), C = f.yToPx(t);
-				m.push(r - s, Math.min(S, C), s * 2, Math.max(1, Math.abs(S - C))), _.push(u);
+				let r = d.xToPx(u[e]);
+				if (r + c < _ || r - c > v) continue;
+				let s = t < n ? f : l, h = d.yToPx(a ? a[e] : Math.max(n, t)), y = d.yToPx(o ? o[e] : Math.min(n, t));
+				p.push(r - .5, Math.min(h, y), 1, Math.abs(y - h)), g.push(s);
+				let x = d.yToPx(n), S = d.yToPx(t);
+				m.push(r - c, Math.min(x, S), c * 2, Math.max(1, Math.abs(x - S))), C.push(s);
 			}
-			b.push({
+			y.push({
 				kind: "bars",
 				seriesIndex: e.index,
-				color: c,
-				rects: R(f, p),
-				colors: h
+				color: l,
+				rects: z(d, p),
+				colors: g
 			}, {
 				kind: "bars",
 				seriesIndex: e.index,
-				color: c,
-				rects: R(f, m),
-				colors: _,
+				color: l,
+				rects: z(d, m),
+				colors: C,
 				radius: 1
 			});
 			continue;
 		}
 		if (e.type === "heatmap") {
-			let r = Math.abs(e.cellHalf.x / f.xPerPx), i = Math.abs(e.cellHalf.y / f.yPerPx), s = [], c = [], l = a(r * 2, i * 2, e.radius), u = l.inset;
-			for (let a = 0; a < S && s.length / 4 < g * 4; a++) {
+			let t = Math.abs(e.cellHalf.x / d.xPerPx), i = Math.abs(e.cellHalf.y / d.yPerPx), s = [], c = [], l = a(t * 2, i * 2, e.radius), p = l.inset;
+			for (let a = 0; a < x && s.length / 4 < h * 4; a++) {
 				let l = e.cellColors?.[a];
 				if (!l) continue;
-				let m = o(f, f.xToPx(d[a]) - r, f.xToPx(d[a]) + r, f.yToPx(x[a]) - i, f.yToPx(x[a]) + i);
-				m.x + m.width < p.x || m.x > p.x + p.width || m.y + m.height < p.y || m.y > p.y + p.height || (s.push(m.x + u, m.y + u, m.width - u * 2, m.height - u * 2), c.push(t(n(l))));
+				let m = o(d, d.xToPx(u[a]) - t, d.xToPx(u[a]) + t, d.yToPx(b[a]) - i, d.yToPx(b[a]) + i);
+				m.x + m.width < f.x || m.x > f.x + f.width || m.y + m.height < f.y || m.y > f.y + f.height || (s.push(m.x + p, m.y + p, m.width - p * 2, m.height - p * 2), c.push(n(r(l))));
 			}
-			b.push({
+			y.push({
 				kind: "bars",
 				seriesIndex: e.index,
 				color: e.colorCss,
@@ -606,38 +621,38 @@ var N = (e) => ({
 			});
 			continue;
 		}
-		let T = [], E = [], D = (n) => {
-			let r = e.pointColors?.[n];
-			return r ? t(r) : e.colorCss;
-		}, O = [], A = [];
-		for (let e = 0; e < S; e++) {
-			let t = d[e], n = x[e];
+		let C = [], w = [], T = (t) => {
+			let r = e.pointColors?.[t];
+			return r ? n(r) : e.colorCss;
+		}, E = [], D = [];
+		for (let e = 0; e < x; e++) {
+			let t = u[e], n = b[e];
 			if (!Number.isFinite(t) || !Number.isFinite(n)) continue;
-			let r = c(f, t, n);
-			r.x < p.x || r.x > p.x + p.width || r.y < p.y || r.y > p.y + p.height || (O.push(e), A.push(r.x, r.y));
+			let r = c(d, t, n);
+			r.x < f.x || r.x > f.x + f.width || r.y < f.y || r.y > f.y + f.height || (E.push(e), D.push(r.x, r.y));
 		}
-		if (O.length > h) {
-			let t = Math.max(2, i.dotCell ?? e.pointSize * .8), n = Math.ceil(p.width / t) + 1, r = /* @__PURE__ */ new Map();
-			O.forEach((e, i) => {
-				let a = Math.floor((A[i * 2] - p.x) / t), o = Math.floor((A[i * 2 + 1] - p.y) / t);
-				r.set(o * n + a, e);
+		if (E.length > m) {
+			let n = Math.max(2, t.dotCell ?? e.pointSize * .8), r = Math.ceil(f.width / n) + 1, i = /* @__PURE__ */ new Map();
+			E.forEach((e, t) => {
+				let a = Math.floor((D[t * 2] - f.x) / n), o = Math.floor((D[t * 2 + 1] - f.y) / n);
+				i.set(o * r + a, e);
 			});
-			for (let [e, i] of r) T.push(p.x + (e % n + .5) * t, p.y + (Math.floor(e / n) + .5) * t, t), E.push(D(i));
-		} else O.forEach((t, n) => {
-			T.push(A[n * 2], A[n * 2 + 1], k(e, t)), E.push(D(t));
+			for (let [e, t] of i) C.push(f.x + (e % r + .5) * n, f.y + (Math.floor(e / r) + .5) * n, n), w.push(T(t));
+		} else E.forEach((t, n) => {
+			C.push(D[n * 2], D[n * 2 + 1], O(e, t)), w.push(T(t));
 		});
-		b.push({
+		y.push({
 			kind: "dots",
 			seriesIndex: e.index,
 			opacity: e.opacity,
-			dots: T,
-			colors: E,
+			dots: C,
+			colors: w,
 			...e.stroke === null ? {} : { stroke: e.stroke }
 		});
 	}
-	return b;
-}, me = (e, n, r, i, a, o) => {
-	let { x: s, y: c, count: l, sorted: u, high: d, low: f, q1: p, q3: m, outliers: h } = e.cols, [g, _] = I(s, l, u, r), v = Math.max(e.barHalfWidth / Math.abs(n.xPerPx), 1), y = Math.max(1, e.lineWidth), b = [], x = [], S = [], C = [], w = [], T = [], E = Math.max(1, Math.ceil((_ - g) / o)), D = (e, t, n) => {
+	return y;
+}, ge = (e, t, r, i, a, o) => {
+	let { x: s, y: c, count: l, sorted: u, high: d, low: f, q1: p, q3: m, outliers: h } = e.cols, [g, _] = L(s, l, u, r), v = Math.max(e.barHalfWidth / Math.abs(t.xPerPx), 1), y = Math.max(1, e.lineWidth), b = [], x = [], S = [], C = [], w = [], T = [], E = Math.max(1, Math.ceil((_ - g) / o)), D = (e, t, n) => {
 		x.push(e - y / 2, Math.min(t, n), y, Math.abs(t - n));
 	}, O = (e, t, n, r = y) => {
 		x.push(e - t, n - r / 2, t * 2, r);
@@ -645,19 +660,19 @@ var N = (e) => ({
 	for (let r = g; r < _; r += E) {
 		let o = c[r];
 		if (!Number.isFinite(o)) continue;
-		let l = n.xToPx(s[r] + e.barOffset);
+		let l = t.xToPx(s[r] + e.barOffset);
 		if (l + v < i || l - v > a) continue;
-		let u = e.pointColors?.[r], g = u ? t(u) : e.colorCss, _ = n.yToPx(f && Number.isFinite(f[r]) ? f[r] : o), E = n.yToPx(d && Number.isFinite(d[r]) ? d[r] : o), k = n.yToPx(p && Number.isFinite(p[r]) ? p[r] : o), A = n.yToPx(m && Number.isFinite(m[r]) ? m[r] : o), ee = x.length;
-		b.push(l - v, Math.min(k, A), v * 2, Math.abs(k - A)), S.push(g), D(l, _, k), D(l, A, E), D(l - v, k, A), D(l + v, k, A), O(l, v / 2, _), O(l, v / 2, E), O(l, v, k), O(l, v, A), O(l, v, n.yToPx(o), Math.max(2, y * 1.6));
+		let u = e.pointColors?.[r], g = u ? n(u) : e.colorCss, _ = t.yToPx(f && Number.isFinite(f[r]) ? f[r] : o), E = t.yToPx(d && Number.isFinite(d[r]) ? d[r] : o), k = t.yToPx(p && Number.isFinite(p[r]) ? p[r] : o), A = t.yToPx(m && Number.isFinite(m[r]) ? m[r] : o), ee = x.length;
+		b.push(l - v, Math.min(k, A), v * 2, Math.abs(k - A)), S.push(g), D(l, _, k), D(l, A, E), D(l - v, k, A), D(l + v, k, A), O(l, v / 2, _), O(l, v / 2, E), O(l, v, k), O(l, v, A), O(l, v, t.yToPx(o), Math.max(2, y * 1.6));
 		for (let e = ee; e < x.length; e += 4) C.push(g);
 		let te = h?.[r];
-		if (te) for (let t of te) {
-			let r = n.horizontal ? {
-				x: n.yToPx(t),
+		if (te) for (let n of te) {
+			let r = t.horizontal ? {
+				x: t.yToPx(n),
 				y: l
 			} : {
 				x: l,
-				y: n.yToPx(t)
+				y: t.yToPx(n)
 			};
 			w.push(r.x, r.y, e.outlierSize), T.push(g);
 		}
@@ -666,14 +681,14 @@ var N = (e) => ({
 		kind: "bars",
 		seriesIndex: e.index,
 		color: e.colorCss,
-		rects: R(n, b),
+		rects: z(t, b),
 		colors: S,
 		opacity: e.opacity
 	}, {
 		kind: "bars",
 		seriesIndex: e.index,
 		color: e.colorCss,
-		rects: R(n, x),
+		rects: z(t, x),
 		colors: C
 	}];
 	return w.length && k.push({
@@ -686,6 +701,6 @@ var N = (e) => ({
 	}), k;
 };
 //#endregion
-export { F as createChartController, z as scenePrimitives };
+export { I as createChartController, he as scenePrimitives };
 
 //# sourceMappingURL=controller.js.map