minerva-design 1.3.0 → 1.5.0

package/dist/charts/engine/controller.js

@@ -1,30 +1,30 @@
 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 { createScales as i } from "./layout.js";
-import { buildModel as a } from "./model.js";
-import { font as o, placeLabels as s, textBox as c } from "./overlay.js";
-import { decimateMinMax as l } from "./decimate.js";
-import { collectPointLabels as u, dotSize as d, hitTest as f, hoverMarks as p, layoutChart as m, legendShape as h, resolveAnnotations as g, sameHover as _, showsCrosshair as v, tooltipContent as y } from "./scene.js";
-import { createTheme as b } from "./theme.js";
-import { clampRange as x, panRange as S, sameRange as C, zoomRange as w } from "./viewport.js";
+import { createScales as i, heatCellStyle as a, screenRect as o, toData as s, toScreen as c } from "./layout.js";
+import { buildModel as l, fromPlotY as u, heatPosition as d, toPlotY as f } from "./model.js";
+import { font as p, placeLabels as m, rectOf as h, textBox as g } from "./overlay.js";
+import { decimateMinMax as _ } from "./decimate.js";
+import { collectPointLabels as v, colorLegend as y, connectorSegments as b, crosshairAt as x, dotSize as S, hitTest as C, hoverMarks as w, layoutChart as T, legendShape as E, legendShown as D, resolveAnnotations as O, sameHover as k, tooltipContent as A } from "./scene.js";
+import { createTheme as j } from "./theme.js";
+import { clampRange as M, panRange as ee, sameRange as te, zoomRange as ne } from "./viewport.js";
 //#region src/engine/controller.ts
-var T = (e) => ({
+var N = (e) => ({
 	x: [e.x[0], e.x[1]],
 	y: [e.y[0], e.y[1]]
-}), ee = 6, te = 10, ne = 320, E = 20, D = (e) => {
-	let t = e.options, n = e.theme, r = b(n, t.palette), l = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Set(), O = {}, k, A = {
+}), re = 6, ie = 10, ae = 320, P = 20, F = (e) => {
+	let t = e.options, n = e.theme, r = j(n, t.palette), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), _ = {}, F, I = {
 		x: [0, 1],
 		y: [0, 1]
-	}, j = !1, M = 0, N = 0, P = [], F = null, I = !0, L = "", R = !1, z = null, B = /* @__PURE__ */ new Map(), V = null, H = {
+	}, L = !1, R = 0, z = 0, oe = [], B = null, se = !0, ce = "", V = !1, H = null, U = /* @__PURE__ */ new Map(), W = null, G = {
 		time: 0,
 		x: 0,
 		y: 0
-	}, U = (e, t) => {
-		O[e]?.forEach((e) => e(t));
-	}, W = () => {
-		I = !0, R || e.onInvalidate?.();
-	}, re = () => {
+	}, K = (e, t) => {
+		_[e]?.forEach((e) => e(t));
+	}, q = () => {
+		se = !0, V || e.onInvalidate?.();
+	}, le = () => {
 		let e = t.interaction;
 		if (e === !1) return null;
 		let n = typeof e == "object" ? e : {};
@@ -32,42 +32,75 @@ var T = (e) => ({
 			pan: n.pan ?? !0,
 			dragPoints: n.dragPoints ?? !1
 		};
-	}, G = (t, n = r.fontSize, i = 400) => e.measureText(t, o(r, n, i)), K = () => {
-		k = a(t, r, D, l);
-		let { base: e, minSpan: n } = k;
-		j ? (A = {
-			x: k.zoom.x ? x(A.x, e.x, n.x) : [...e.x],
-			y: k.zoom.y ? x(A.y, e.y, n.y) : [...e.y]
-		}, j = !C(A.x, e.x) || !C(A.y, e.y)) : A = T(e), P = g(t.annotations, r), z && (z.event.items.every((e) => k.series[e.seriesIndex] && !k.series[e.seriesIndex].hidden && e.index < k.series[e.seriesIndex].cols.count) || Y(null)), W();
-	}, ie = () => {
+	}, J = (t, n = r.fontSize, i = 400) => e.measureText(t, p(r, n, i)), ue = () => {
+		F = l(t, r, o, a);
+		let { base: e, minSpan: n } = F;
+		L ? (I = {
+			x: F.zoom.x ? M(I.x, e.x, n.x) : [...e.x],
+			y: F.zoom.y ? M(I.y, e.y, n.y) : [...e.y]
+		}, L = !te(I.x, e.x) || !te(I.y, e.y)) : I = N(e), oe = O(t.annotations, r, F.y.type === "log" ? Math.log10 : void 0), H && (H.event.items.every((e) => F.series[e.seriesIndex] && !F.series[e.seriesIndex].hidden && e.index < F.series[e.seriesIndex].cols.count) || Z(null)), q();
+	}, de = () => {
 		let e = t.legend, n = t.series.filter((e) => e.name).length;
-		if (!(e === void 0 ? n > 1 : e)) return null;
-		let r = typeof e == "object" ? e : {}, i = r.position === "bottom" ? "bottom" : "top", a = [], o = 4, s = 0;
-		for (let e of k.series) {
-			let t = 14 + G(e.name, 12) + 8;
-			o + t > M - 4 && o > 4 && (o = 4, s++), a.push({
+		if (!D(e, F, n)) return null;
+		let r = typeof e == "object" ? e : {}, i = r.position === "bottom" ? "bottom" : "top", a = y(F);
+		if (a) {
+			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 - P : 0) + P / 2;
+			return {
+				entries: [],
+				colors: {
+					bar: {
+						x: o,
+						y: s - 4,
+						width: n,
+						height: 8
+					},
+					stops: a.stops,
+					labels: [{
+						text: e,
+						x: o - 8,
+						y: s,
+						align: "right"
+					}, {
+						text: t,
+						x: r + 8,
+						y: s,
+						align: "left"
+					}],
+					ticks: a.labels.filter((e) => e.at > 0 && e.at < 1).map((e) => o + e.at * n),
+					caret: null
+				},
+				position: i,
+				toggle: !1,
+				height: 26
+			};
+		}
+		let o = [], s = 4, c = 0;
+		for (let e of F.series) {
+			let t = 14 + J(e.name, 12) + 8;
+			s + t > R - 4 && s > 4 && (s = 4, c++), o.push({
 				id: e.id,
 				name: e.name,
 				color: e.colorCss,
-				shape: h(e.type),
+				shape: E(e.type),
 				hidden: e.hidden,
 				box: {
-					x: o,
-					y: s * E,
+					x: s,
+					y: c * P,
 					width: t,
-					height: E
+					height: P
 				}
-			}), o += t + 10;
+			}), s += t + 10;
 		}
-		let c = (s + 1) * E + 6;
-		if (i === "bottom") for (let e of a) e.box.y += N - c + 6;
+		let l = (c + 1) * P + 6;
+		if (i === "bottom") for (let e of o) e.box.y += z - l + 6;
 		return {
-			entries: a,
+			entries: o,
+			colors: null,
 			position: i,
 			toggle: r.toggle ?? !0,
-			height: c
+			height: l
 		};
-	}, ae = (e, n, r) => {
+	}, fe = (e, n, r) => {
 		let i = t.tooltip;
 		if (i === !1) return null;
 		let a = typeof i == "object" ? i.render : void 0, o = null;
@@ -76,148 +109,156 @@ var T = (e) => ({
 			if (t === null || t === "") return null;
 			typeof t == "string" && (o = t.split("\n"));
 		}
-		let s = y(k, e, F?.layout.yTicks ?? null), c = 0, l;
+		let s = A(F, 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, G(e, 12));
+			for (let e of o) c = Math.max(c, J(e, 12));
 			l = o.length;
 		} else {
-			c = G(s.title, 12, 600) + (s.titleColor ? 14 : 0);
-			for (let e of s.rows) c = Math.max(c, (e.color ? 14 : 0) + G(e.name, 12) + 16 + G(e.value, 12, 600));
-			l = 1 + s.rows.length;
+			c = J(s.title, 12, 600) + (s.titleColor ? 14 : 0), s.subtitle && (c = Math.max(c, J(s.subtitle, 11) + (s.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;
 		}
-		let u = Math.ceil(Math.max(c, 96) + 16 + 4), d = l * 18 + 16, f = n + 14;
-		f + u > M - 4 && (f = n - 14 - u), f = Math.max(4, Math.min(f, M - u - 4));
-		let p = Math.max(4, Math.min(r - d / 2, N - d - 4));
+		let d = Math.ceil(Math.max(c, 96) + 16 + 4), f = l * 18 + 16, p = n + 14;
+		p + d > R - 4 && (p = n - 14 - d), p = Math.max(4, Math.min(p, R - d - 4));
+		let m = Math.max(4, Math.min(r - f / 2, z - f - 4));
 		return {
 			content: s,
 			text: o,
 			box: {
-				x: f,
-				y: p,
-				width: u,
-				height: d
+				x: p,
+				y: m,
+				width: d,
+				height: f
 			},
 			lineHeight: 18,
-			padding: 8
+			padding: 8,
+			swatchWidth: u
 		};
-	}, oe = () => {
-		if (M <= 0 || N <= 0) return null;
-		let e = ie(), n = e?.position === "top" ? e.height : 0, i = m({
-			model: k,
-			view: A,
+	}, pe = () => {
+		if (R <= 0 || z <= 0) return null;
+		let e = de(), n = e?.position === "top" ? e.height : 0, i = T({
+			model: F,
+			view: I,
 			theme: r,
-			width: M,
-			height: N - (e?.height ?? 0),
+			width: R,
+			height: z - (e?.height ?? 0),
 			padding: t.padding,
 			top: n,
-			measure: (e) => G(e)
-		}), a = u(k, A, i.scales, i.yTicks), o = [], l = r.fontSize + 4;
-		for (let e of P) {
+			measure: (e) => J(e)
+		}), a = v(F, I, i.scales, i.yTicks), o = [], s = r.fontSize + 4;
+		for (let e of oe) {
 			if (e.type === "text" && e.text) {
-				o.push(c(e, i.scales, G(e.text, r.fontSize, e.weight), l));
+				o.push(g(e, i.scales, J(e.text, r.fontSize, e.weight), s));
 				continue;
 			}
 			if (e.type !== "rect" || !e.label) continue;
-			let t = i.scales, n = e.x0 === void 0 ? i.plot.x : t.xToPx(e.x0), a = e.x1 === void 0 ? i.plot.x + i.plot.width : t.xToPx(e.x1), s = e.y0 === void 0 ? i.plot.y + i.plot.height : t.yToPx(e.y0), u = e.y1 === void 0 ? i.plot.y : t.yToPx(e.y1), d = G(e.label, r.fontSize + 1, 600), f = Math.min(n, a), p = Math.max(n, a), m = Math.min(s, u), h = Math.max(s, u), g = e.labelPosition;
+			let t = h(e, i.scales);
+			if (t.width <= 0 || t.height <= 0) continue;
+			let n = J(e.label, r.fontSize + 1, 600), a = e.labelPosition;
 			o.push({
-				x: g.endsWith("left") ? f + 10 : g.endsWith("right") ? p - 10 - d : (f + p - d) / 2,
-				y: g.startsWith("top") ? m + 10 : g.startsWith("bottom") ? h - 10 - l : (m + h - l) / 2,
-				width: d,
-				height: l
+				x: a.endsWith("left") ? t.x + 10 : a.endsWith("right") ? t.x + t.width - 10 - n : t.x + (t.width - n) / 2,
+				y: a.startsWith("top") ? t.y + 10 : a.startsWith("bottom") ? t.y + t.height - 10 - s : t.y + (t.height - s) / 2,
+				width: n,
+				height: s
 			});
 		}
-		let f = s(a, i.plot, (e) => G(e), l - 2, o), h = {
-			width: M,
-			height: N,
+		let c = m(a, i.plot, (e) => J(e), s - 2, o), l = {
+			width: R,
+			height: z,
 			theme: r,
-			model: k,
-			view: T(A),
+			model: F,
+			view: N(I),
 			layout: i,
-			annotations: P,
-			pointLabels: f,
+			annotations: oe,
+			pointLabels: c,
 			legend: e,
 			hover: null,
-			dragging: null
+			dragging: null,
+			connectors: b(F, i.scales)
 		};
-		if (F = h, z) {
-			let e = v(k, z.event, t.crosshair), n = i.scales.xToPx(z.event.items[0].x);
-			h.hover = {
-				event: z.event,
-				marks: p(k, i.scales, z.event),
-				crosshairX: e && n >= i.plot.x && n <= i.plot.x + i.plot.width ? n : null,
-				tooltip: V?.kind === "pan" || V?.kind === "point" ? null : ae(z.event, z.x, z.y)
+		if (B = l, H) {
+			let n = x(F, i.scales, H.event, t.crosshair), r = i.scales.horizontal;
+			l.hover = {
+				event: H.event,
+				marks: w(F, i.scales, H.event),
+				crosshairX: r ? null : n,
+				crosshairY: r ? n : null,
+				tooltip: W?.kind === "pan" || W?.kind === "point" ? null : fe(H.event, H.x, H.y)
 			};
+			let a = e?.colors, o = H.event.items[0], s = o ? F.series[o.seriesIndex] : void 0;
+			a && o && s?.type === "heatmap" && o.value !== void 0 && (a.caret = a.bar.x + d(s, o.value) * a.bar.width);
 		}
-		if (V?.kind === "point") {
-			let e = k.series[V.item.seriesIndex];
-			h.dragging = {
-				x: V.x,
-				y: V.y,
-				color: V.item.color,
-				size: (e ? d(e, V.item.index) : 8) + 6
+		if (W?.kind === "point") {
+			let e = F.series[W.item.seriesIndex];
+			l.dragging = {
+				x: W.x,
+				y: W.y,
+				color: W.item.color,
+				size: (e ? S(e, W.item.index) : 8) + 6
 			};
 		}
-		let g = i.plot, _ = `${g.x},${g.y},${g.width},${g.height}`;
-		return _ !== L && (L = _, U("layout", { ...g })), h;
-	}, q = () => ((I || !F) && (I = !1, F = oe()), F), J = () => q()?.layout.scales ?? null, Y = (e) => {
-		let t = !_(z?.event ?? null, e?.event ?? null);
-		z = e, W(), t && U("hover", e ? e.event : null);
-	}, X = (e, t, n) => {
-		let r = J();
-		return r ? f(k, r, F?.layout.xTicks ?? null, e, t, n ? 8 : 0) : null;
-	}, Z = (e, t) => {
-		let n = J()?.plot;
+		let u = i.plot, f = `${u.x},${u.y},${u.width},${u.height}`;
+		return f !== ce && (ce = f, K("layout", { ...u })), l;
+	}, Y = () => ((se || !B) && (se = !1, B = pe()), B), X = () => Y()?.layout.scales ?? null, Z = (e) => {
+		let t = !k(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 ? C(F, r, B?.layout.xTicks ?? null, e, t, n ? 8 : 0) : null;
+	}, me = (e, t) => {
+		let n = X()?.plot;
 		return !!n && e >= n.x && e <= n.x + n.width && t >= n.y && t <= n.y + n.height;
-	}, Q = (e, t) => {
-		let n = J();
+	}, he = (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));
+		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: n.pxToX(i),
-			y: n.pxToY(a)
+			x: o.x,
+			y: u(F, o.y)
 		};
 	}, $ = (e, t) => {
-		let { base: n, minSpan: r } = k;
-		A = {
-			x: x(e.x, n.x, r.x),
-			y: x(e.y, n.y, r.y)
-		}, j = !C(A.x, n.x) || !C(A.y, n.y), t && U("zoom", T(A)), W();
-	}, se = (e, t, n) => {
-		let r = J();
-		if (!r || !k.zoom.x && !k.zoom.y) return;
-		let i = T(A);
-		k.zoom.x && (i.x = w(A.x, r.pxToX(e), n)), k.zoom.y && (i.y = w(A.y, r.pxToY(t), n)), $(i, !0);
-	}, ce = () => {
-		j && $(T(k.base), !0);
-	}, le = (e, t) => q()?.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, ue = (e) => {
-		D.has(e) ? D.delete(e) : D.add(e), K();
-	}, de = () => {
-		let [e, t] = [...B.values()];
-		V = {
+		let { base: n, minSpan: r } = F;
+		I = {
+			x: M(e.x, n.x, r.x),
+			y: M(e.y, n.y, r.y)
+		}, L = !te(I.x, n.x) || !te(I.y, n.y), t && K("zoom", N(I)), q();
+	}, ge = (e, t, n) => {
+		let r = X();
+		if (!r || !F.zoom.x && !F.zoom.y) return;
+		let i = N(I), a = s(r, e, t);
+		F.zoom.x && (i.x = ne(I.x, a.x, n)), F.zoom.y && (i.y = ne(I.y, a.y, n)), $(i, !0);
+	}, _e = () => {
+		L && $(N(F.base), !0);
+	}, ve = (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, ye = (e) => {
+		o.has(e) ? o.delete(e) : o.add(e), ue();
+	}, be = () => {
+		let [e, t] = [...U.values()];
+		W = {
 			kind: "pinch",
-			view: T(A),
+			view: N(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
-		}, Y(null);
+		}, Z(null);
 	};
-	return k = a(t, r, D, l), K(), {
+	return F = l(t, r, o, a), ue(), {
 		setOptions(e) {
-			if (R) return;
+			if (V) return;
 			let i = (e.palette ?? []).join() !== (t.palette ?? []).join();
-			t = e, i && (r = b(n, t.palette)), K();
+			t = e, i && (r = j(n, t.palette)), ue();
 		},
 		setTheme(e) {
-			R || (n = e, r = b(n, t.palette), K());
+			V || (n = e, r = j(n, t.palette), ue());
 		},
 		setSize(e, t) {
-			(e !== M || t !== N) && (M = Math.max(0, e), N = Math.max(0, t), W());
+			(e !== R || t !== z) && (R = Math.max(0, e), z = Math.max(0, t), q());
 		},
-		getScene: q,
+		getScene: Y,
 		pointerDown: (e, t, n = {}) => {
-			if (R) return;
+			if (V) return;
 			let r = n.id ?? 0, i = !!n.touch;
-			B.set(r, {
+			U.set(r, {
 				x: e,
 				y: t,
 				startX: e,
@@ -225,15 +266,15 @@ var T = (e) => ({
 				touch: i,
 				moved: !1
 			});
-			let a = re();
-			if (B.size === 2) {
-				a && (k.zoom.x || k.zoom.y) && V?.kind !== "point" && de();
+			let a = le();
+			if (U.size === 2) {
+				a && (F.zoom.x || F.zoom.y) && W?.kind !== "point" && be();
 				return;
 			}
-			if (B.size > 2 || !a) {
+			if (U.size > 2 || !a) {
 				if (!a && i) {
-					let n = X(e, t, !0);
-					Y(n ? {
+					let n = Q(e, t, !0);
+					Z(n ? {
 						event: n,
 						x: e,
 						y: t
@@ -242,9 +283,9 @@ var T = (e) => ({
 				return;
 			}
 			if (a.dragPoints) {
-				let n = X(e, t, i)?.items.find((e) => k.series[e.seriesIndex].type === "scatter");
+				let n = Q(e, t, i)?.items.find((e) => F.series[e.seriesIndex].type === "scatter");
 				if (n) {
-					V = {
+					W = {
 						kind: "point",
 						item: n,
 						x: e,
@@ -253,18 +294,18 @@ var T = (e) => ({
 					return;
 				}
 			}
-			if (j && a.pan && Z(e, t)) {
-				V = {
+			if (L && a.pan && me(e, t)) {
+				W = {
 					kind: "pan",
-					view: T(A),
+					view: N(I),
 					x: e,
 					y: t
 				};
 				return;
 			}
-			if (V = null, i) {
-				let n = X(e, t, !0);
-				Y(n ? {
+			if (W = null, i) {
+				let n = Q(e, t, !0);
+				Z(n ? {
 					event: n,
 					x: e,
 					y: t
@@ -272,47 +313,37 @@ var T = (e) => ({
 			}
 		},
 		pointerMove: (e, t, n = {}) => {
-			if (R) return;
-			let r = n.id ?? 0, a = B.get(r);
-			if (a && (a.x = e, a.y = t, !a.moved && Math.hypot(e - a.startX, t - a.startY) > (a.touch ? te : ee) && (a.moved = !0)), V?.kind === "pinch" && B.size >= 2) {
-				let [e, t] = [...B.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 = J();
+			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 ? ie : re) && (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 s = i(o.plot, V.view, k.x.reverse, k.y.reverse), c = V.distance / n, l = T(V.view);
-				if (k.zoom.x) {
-					l.x = w(V.view.x, s.pxToX(V.midX), c);
-					let e = (r - V.midX) * s.xPerPx * c;
-					l.x = S(l.x, k.x.reverse ? e : -e);
-				}
-				if (k.zoom.y) {
-					l.y = w(V.view.y, s.pxToY(V.midY), c);
-					let e = (a - V.midY) * s.yPerPx * c;
-					l.y = S(l.y, k.y.reverse ? -e : e);
-				}
-				$(l, !0);
+				let c = i(o.plot, W.view, F.x.reverse, F.y.reverse, F.horizontal), l = W.distance / n, u = N(W.view), d = s(c, W.midX, W.midY), f = s(c, r, a);
+				F.zoom.x && (u.x = ne(W.view.x, d.x, l), u.x = ee(u.x, (d.x - f.x) * l)), F.zoom.y && (u.y = ne(W.view.y, d.y, l), u.y = ee(u.y, (d.y - f.y) * l)), $(u, !0);
 				return;
 			}
-			if (V?.kind === "point" && a) {
+			if (W?.kind === "point" && a) {
 				if (!a.moved) return;
-				V.x = e, V.y = t;
-				let n = Q(e, t);
-				W(), n && U("drag", {
-					item: V.item,
+				W.x = e, W.y = t;
+				let n = he(e, t);
+				q(), n && K("drag", {
+					item: W.item,
 					x: n.x,
 					y: n.y
 				});
 				return;
 			}
-			if (V?.kind === "pan" && a) {
+			if (W?.kind === "pan" && a) {
 				if (!a.moved) return;
-				let n = J();
+				let n = X();
 				if (!n) return;
-				let r = e - V.x, i = t - V.y, o = T(V.view);
-				k.zoom.x && (o.x = S(V.view.x, -r * n.xPerPx * (k.x.reverse ? -1 : 1))), k.zoom.y && (o.y = S(V.view.y, i * n.yPerPx * (k.y.reverse ? -1 : 1))), $(o, !0);
+				let r = N(W.view), i = s(n, W.x, W.y), o = s(n, e, t);
+				F.zoom.x && (r.x = ee(W.view.x, i.x - o.x)), F.zoom.y && (r.y = ee(W.view.y, i.y - o.y)), $(r, !0);
 				return;
 			}
-			if (!(B.size > 1) && (!a || a.touch || !n.touch)) {
-				let r = X(e, t, !!a?.touch || !!n.touch);
-				(r || !a?.touch) && Y(r ? {
+			if (!(U.size > 1) && (!a || a.touch || !n.touch)) {
+				let r = Q(e, t, !!a?.touch || !!n.touch);
+				(r || !a?.touch) && Z(r ? {
 					event: r,
 					x: e,
 					y: t
@@ -320,19 +351,19 @@ var T = (e) => ({
 			}
 		},
 		pointerUp: (e, t, n = {}) => {
-			if (R) return;
-			let r = n.id ?? 0, i = B.get(r);
-			B.delete(r);
-			let a = V;
+			if (V) return;
+			let r = n.id ?? 0, i = U.get(r);
+			U.delete(r);
+			let a = W;
 			if (a?.kind === "pinch") {
-				B.size < 2 && (V = null);
+				U.size < 2 && (W = null);
 				return;
 			}
-			if (V = null, !i) return;
+			if (W = null, !i) return;
 			if (a?.kind === "point") {
 				if (i.moved) {
-					let n = Q(e, t);
-					W(), n && U("drop", {
+					let n = he(e, t);
+					q(), n && K("drop", {
 						item: a.item,
 						x: n.x,
 						y: n.y
@@ -340,253 +371,329 @@ var T = (e) => ({
 					return;
 				}
 			} else if (a?.kind === "pan" && i.moved) {
-				W();
+				q();
 				return;
 			}
 			if (i.moved) {
-				i.touch && W();
+				i.touch && q();
 				return;
 			}
 			let o = Date.now();
-			if (i.touch && o - H.time < ne && Math.hypot(e - H.x, t - H.y) < 24 && j) {
-				H = {
+			if (i.touch && o - G.time < ae && Math.hypot(e - G.x, t - G.y) < 24 && L) {
+				G = {
 					time: 0,
 					x: e,
 					y: t
-				}, ce();
+				}, _e();
 				return;
 			}
-			H = {
+			G = {
 				time: o,
 				x: e,
 				y: t
 			};
-			let s = le(e, t);
+			let s = ve(e, t);
 			if (s) {
-				q()?.legend?.toggle && ue(s.id);
+				Y()?.legend?.toggle && ye(s.id);
 				return;
 			}
-			let c = X(e, t, i.touch);
+			let c = Q(e, t, i.touch);
 			if (c) {
-				i.touch && Y({
+				i.touch && Z({
 					event: c,
 					x: e,
 					y: t
-				}), U("click", c);
+				}), K("click", c);
 				return;
 			}
-			if (i.touch && Y(null), Z(e, t)) {
-				let n = Q(e, t);
-				n && U("plotClick", n);
+			if (i.touch && Z(null), me(e, t)) {
+				let n = he(e, t);
+				n && K("plotClick", n);
 			}
 		},
 		pointerCancel: (e = {}) => {
-			B.delete(e.id ?? 0), (V?.kind === "point" || B.size < 2) && (V = null), W();
+			U.delete(e.id ?? 0), (W?.kind === "point" || U.size < 2) && (W = null), q();
 		},
 		pointerLeave() {
-			!V && z && Y(null);
+			!W && H && Z(null);
 		},
-		zoomAt: se,
-		resetZoom: ce,
-		getView: () => T(A),
+		zoomAt: ge,
+		resetZoom: _e,
+		getView: () => N(I),
 		setView(e) {
-			R || $({
-				x: e.x ?? A.x,
-				y: e.y ?? A.y
+			V || $({
+				x: e.x ?? I.x,
+				y: e.y ?? I.y
 			}, !1);
 		},
-		toggleSeries: ue,
+		toggleSeries: ye,
 		clearHover() {
-			z && Y(null);
+			H && Z(null);
 		},
 		getPlotRect() {
-			let e = q()?.layout.plot;
+			let e = Y()?.layout.plot;
 			return e ? { ...e } : null;
 		},
 		toPixel(e, t) {
-			let n = J();
-			return n ? {
-				x: n.xToPx(e),
-				y: n.yToPx(t)
-			} : null;
+			let n = X();
+			return n ? c(n, e, f(F, t)) : null;
 		},
 		fromPixel(e, t) {
-			let n = J();
-			return n ? {
-				x: n.pxToX(e),
-				y: n.pxToY(t)
-			} : null;
+			let n = X();
+			if (!n) return null;
+			let r = s(n, e, t);
+			return {
+				x: r.x,
+				y: u(F, r.y)
+			};
 		},
 		on(e, t) {
-			let n = O[e];
-			return n || (n = /* @__PURE__ */ new Set(), O[e] = n), n.add(t), () => {
+			let n = _[e];
+			return n || (n = /* @__PURE__ */ new Set(), _[e] = n), n.add(t), () => {
 				n.delete(t);
 			};
 		},
 		destroy() {
-			R = !0, B.clear();
-			for (let e of Object.keys(O)) delete O[e];
+			V = !0, U.clear();
+			for (let e of Object.keys(_)) delete _[e];
 		}
 	};
-}, O = (t, n, r, i) => {
+}, I = (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)];
-}, k = {
+}, L = {
 	heatmap: 0,
 	area: 1,
 	bar: 2,
+	boxplot: 2,
 	candlestick: 3,
 	line: 4,
 	scatter: 5
-}, A = (e, i = {}) => {
-	let { model: a, view: o, layout: s } = e, c = s.scales, { plot: u } = s, f = i.maxDots ?? 4e3, p = i.maxBars ?? 2e3, m = Math.max(1, i.columnWidth ?? 1), h = [], g = a.series.filter((e) => !e.hidden && e.cols.count > 0).sort((e, t) => k[e.type] - k[t.type] || e.index - t.index);
-	for (let e of g) {
-		let { x: s, y: g, count: _, sorted: v } = e.cols;
+}, R = (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: l, layout: u } = e, d = u.scales, { plot: f } = u, p = d.horizontal, m = i.maxDots ?? 4e3, h = i.maxBars ?? 2e3, g = Math.max(1, i.columnWidth ?? 1), v = p ? f.y : f.x, y = v + (p ? f.height : f.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: u, y: x, count: C, sorted: w } = e.cols;
 		if (e.type === "line" || e.type === "area") {
-			let [t, n] = O(s, _, v, o.x), i = e.stackTop ?? g, d = r(s, i, t, n, e.curve), f = e.stackBase ? r(s, e.stackBase, t, n, e.curve).points : null, p = d.length, y = d.points, b = f;
-			if (v && p > u.width * 2 / m) {
-				if (f) {
-					let e = l(y, 0, p, (e) => c.xToPx(e) / m), t = new Float64Array(e.length * 2), n = new Float64Array(e.length * 2), r = 0, i = 0;
+			let [t, n] = I(u, C, w, l.x), i = e.stackTop ?? x, a = r(u, i, t, n, e.curve), o = e.stackBase ? r(u, e.stackBase, t, n, e.curve).points : null, f = a.length, m = a.points, h = o;
+			if (w && f > (y - v) * 2 / g) {
+				if (o) {
+					let e = _(m, 0, f, (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 o = e.points[a * 2];
-						for (; i < p - 1 && y[i * 2] < o;) i++;
-						t[r * 2] = o, t[r * 2 + 1] = e.points[a * 2 + 1], n[r * 2] = o, n[r * 2 + 1] = f[i * 2 + 1], r++;
+						let s = e.points[a * 2];
+						for (; i < f - 1 && m[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++;
 					}
-					y = t, b = n, p = r;
+					m = t, h = n, f = r;
 				} else {
-					let e = l(y, 0, p, (e) => c.xToPx(e) / m);
-					y = e.points, p = e.length;
+					let e = _(m, 0, f, (e) => d.xToPx(e) / g);
+					m = e.points, f = e.length;
 				}
 			}
-			let x = [], S = [], C = [], w = [];
-			for (let e = 0; e < p; e++) {
-				let t = y[e * 2], n = y[e * 2 + 1], r = b ? b[e * 2 + 1] : 0;
+			let S = e.type === "area" && !!e.cols.y0 && !!h, T = [], E = [], D = [], O = [], k = [], A = [], j = () => {
+				O.length && (T.push(O), E.push(k), S && D.push(A)), O = [], k = [], A = [];
+			};
+			for (let e = 0; e < f; e++) {
+				let t = m[e * 2], n = m[e * 2 + 1], r = h ? h[e * 2 + 1] : 0;
 				if (!Number.isFinite(t) || !Number.isFinite(n) || !Number.isFinite(r)) {
-					C.length && (x.push(C), S.push(w)), C = [], w = [];
+					j();
 					continue;
 				}
-				C.push(c.xToPx(t), c.yToPx(n)), b && w.push(c.yToPx(r));
+				let i = c(d, t, n);
+				if (O.push(i.x, i.y), h && k.push(d.yToPx(r)), S) {
+					let e = c(d, t, r);
+					A.push(e.x, e.y);
+				}
 			}
-			C.length && (x.push(C), S.push(w)), e.type === "area" && h.push({
+			if (j(), e.type === "area" && b.push({
 				kind: "area",
 				seriesIndex: e.index,
 				color: e.colorCss,
 				opacity: e.opacity,
-				baseline: c.yToPx(a.baseline),
-				segments: x,
-				...b ? { bottoms: S } : {}
-			}), h.push({
-				kind: "line",
-				seriesIndex: e.index,
-				color: e.colorCss,
-				width: e.type === "area" ? Math.min(e.lineWidth, 2) : e.lineWidth,
-				segments: x
-			});
+				baseline: d.yToPx(s.baseline),
+				segments: T,
+				...h ? { bottoms: E } : {},
+				...p ? { horizontal: !0 } : {}
+			}), e.lineWidth > 0) {
+				let t = e.type === "area" ? Math.min(e.lineWidth, 2) : e.lineWidth;
+				b.push({
+					kind: "line",
+					seriesIndex: e.index,
+					color: e.colorCss,
+					width: t,
+					segments: T
+				}), S && b.push({
+					kind: "line",
+					seriesIndex: e.index,
+					color: e.colorCss,
+					width: t,
+					segments: D
+				});
+			}
 			continue;
 		}
 		if (e.type === "bar" && e.barBase && e.barTop) {
-			let [n, r] = O(s, _, v, o.x), i = Math.max(e.barHalfWidth / c.xPerPx, .5), a = [], l = [], d = r - n > p, f = NaN;
-			for (let o = n; o < r; o++) {
-				let n = e.barBase[o], r = e.barTop[o];
+			let [n, r] = I(u, C, w, l.x), i = Math.max(e.barHalfWidth / Math.abs(d.xPerPx), .5), a = [], o = [], s = r - n > h, c = NaN;
+			for (let l = n; l < r; l++) {
+				let n = e.barBase[l], r = e.barTop[l];
 				if (!Number.isFinite(n) || !Number.isFinite(r)) continue;
-				let p = c.xToPx(s[o] + e.barOffset);
-				if (p + i < u.x || p - i > u.x + u.width) continue;
-				let m = c.yToPx(n), h = c.yToPx(r), g = Math.min(m, h), _ = Math.max(1, Math.abs(m - h)), v = Math.floor(p);
-				if (d && v === f && a.length) {
-					let e = a.length - 4, t = Math.max(a[e + 1] + a[e + 3], g + _);
-					a[e + 1] = Math.min(a[e + 1], g), a[e + 3] = t - a[e + 1];
+				let f = d.xToPx(u[l] + e.barOffset);
+				if (f + i < v || f - i > y) continue;
+				let p = d.yToPx(n), m = d.yToPx(r), h = Math.min(p, m), g = Math.max(1, Math.abs(p - m)), _ = Math.floor(f);
+				if (s && _ === c && a.length) {
+					let e = a.length - 4, t = Math.max(a[e + 1] + a[e + 3], h + g);
+					a[e + 1] = Math.min(a[e + 1], h), a[e + 3] = t - a[e + 1];
 					continue;
 				}
-				f = v, a.push(p - i, g, i * 2, _);
-				let y = e.pointColors?.[o];
-				l.push(y ? t(y) : e.colorCss);
+				c = _, a.push(f - i, h, i * 2, g);
+				let b = e.pointColors?.[l];
+				o.push(b ? t(b) : e.colorCss);
 			}
-			h.push({
+			b.push({
 				kind: "bars",
 				seriesIndex: e.index,
 				color: e.colorCss,
-				rects: a,
-				...e.pointColors ? { colors: l } : {},
-				radius: e.radius
+				rects: R(d, a),
+				...e.pointColors ? { colors: o } : {},
+				radius: e.radius,
+				...e.opacity < 1 ? { opacity: e.opacity } : {}
 			});
 			continue;
 		}
+		if (e.type === "boxplot") {
+			b.push(...oe(e, d, l.x, v, y, h));
+			continue;
+		}
 		if (e.type === "candlestick") {
-			let [n, r] = O(s, _, v, o.x), { open: i, high: a, low: l } = e.cols, d = Math.max(e.barHalfWidth / c.xPerPx, 1), f = t(e.upColor), m = t(e.downColor), y = [], b = [], x = [], S = [], C = Math.max(1, Math.ceil((r - n) / p));
-			for (let e = n; e < r; e += C) {
-				let t = g[e], n = i ? i[e] : t;
+			let [n, r] = I(u, C, w, l.x), { open: i, high: a, low: o } = e.cols, s = Math.max(e.barHalfWidth / Math.abs(d.xPerPx), 1), c = t(e.upColor), f = t(e.downColor), p = [], m = [], g = [], _ = [], S = Math.max(1, Math.ceil((r - n) / h));
+			for (let e = n; e < r; e += S) {
+				let t = x[e], n = i ? i[e] : t;
 				if (!Number.isFinite(t) || !Number.isFinite(n)) continue;
-				let r = c.xToPx(s[e]);
-				if (r + d < u.x || r - d > u.x + u.width) continue;
-				let o = t < n ? m : f, p = c.yToPx(a ? a[e] : Math.max(n, t)), h = c.yToPx(l ? l[e] : Math.min(n, t));
-				y.push(r - .5, Math.min(p, h), 1, Math.abs(h - p)), x.push(o);
-				let _ = c.yToPx(n), v = c.yToPx(t);
-				b.push(r - d, Math.min(_, v), d * 2, Math.max(1, Math.abs(_ - v))), S.push(o);
+				let r = d.xToPx(u[e]);
+				if (r + s < v || r - s > y) continue;
+				let l = t < n ? f : c, h = d.yToPx(a ? a[e] : Math.max(n, t)), b = d.yToPx(o ? o[e] : Math.min(n, t));
+				p.push(r - .5, Math.min(h, b), 1, Math.abs(b - h)), g.push(l);
+				let S = d.yToPx(n), C = d.yToPx(t);
+				m.push(r - s, Math.min(S, C), s * 2, Math.max(1, Math.abs(S - C))), _.push(l);
 			}
-			h.push({
+			b.push({
 				kind: "bars",
 				seriesIndex: e.index,
-				color: f,
-				rects: y,
-				colors: x
+				color: c,
+				rects: R(d, p),
+				colors: g
 			}, {
 				kind: "bars",
 				seriesIndex: e.index,
-				color: f,
-				rects: b,
-				colors: S,
+				color: c,
+				rects: R(d, m),
+				colors: _,
 				radius: 1
 			});
 			continue;
 		}
 		if (e.type === "heatmap") {
-			let r = Math.abs(e.cellHalf.x / c.xPerPx), i = Math.abs(e.cellHalf.y / c.yPerPx), a = [], o = [], l = +(r > 3 && i > 3);
-			for (let d = 0; d < _ && a.length / 4 < p * 4; d++) {
-				let f = e.cellColors?.[d];
-				if (!f) continue;
-				let p = c.xToPx(s[d]), m = c.yToPx(g[d]);
-				p + r < u.x || p - r > u.x + u.width || m + i < u.y || m - i > u.y + u.height || (a.push(p - r + l, m - i + l, r * 2 - l * 2, i * 2 - l * 2), o.push(t(n(f))));
+			let r = Math.abs(e.cellHalf.x / d.xPerPx), i = Math.abs(e.cellHalf.y / d.yPerPx), s = [], c = [], l = a(r * 2, i * 2, e.radius), p = l.inset;
+			for (let a = 0; a < C && s.length / 4 < h * 4; a++) {
+				let l = e.cellColors?.[a];
+				if (!l) continue;
+				let m = o(d, d.xToPx(u[a]) - r, d.xToPx(u[a]) + r, d.yToPx(x[a]) - i, d.yToPx(x[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(t(n(l))));
 			}
-			h.push({
+			b.push({
 				kind: "bars",
 				seriesIndex: e.index,
 				color: e.colorCss,
-				rects: a,
-				colors: o,
-				radius: e.radius
+				rects: s,
+				colors: c,
+				radius: l.radius
 			});
 			continue;
 		}
-		let y = [], b = [], x = (n) => {
+		let T = [], E = [], D = (n) => {
 			let r = e.pointColors?.[n];
 			return r ? t(r) : e.colorCss;
-		}, S = [];
-		for (let e = 0; e < _; e++) {
-			let t = s[e], n = g[e];
+		}, O = [], k = [];
+		for (let e = 0; e < C; e++) {
+			let t = u[e], n = x[e];
 			if (!Number.isFinite(t) || !Number.isFinite(n)) continue;
-			let r = c.xToPx(t), i = c.yToPx(n);
-			r < u.x || r > u.x + u.width || i < u.y || i > u.y + u.height || S.push(e);
+			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 || (O.push(e), k.push(r.x, r.y));
 		}
-		if (S.length > f) {
-			let t = Math.max(2, i.dotCell ?? e.pointSize * .8), n = Math.ceil(u.width / t) + 1, r = /* @__PURE__ */ new Map();
-			for (let e of S) {
-				let i = Math.floor((c.xToPx(s[e]) - u.x) / t), a = Math.floor((c.yToPx(g[e]) - u.y) / t);
-				r.set(a * n + i, e);
-			}
-			for (let [e, i] of r) y.push(u.x + (e % n + .5) * t, u.y + (Math.floor(e / n) + .5) * t, t), b.push(x(i));
-		} else for (let t of S) y.push(c.xToPx(s[t]), c.yToPx(g[t]), d(e, t)), b.push(x(t));
-		h.push({
+		if (O.length > m) {
+			let t = Math.max(2, i.dotCell ?? e.pointSize * .8), n = Math.ceil(f.width / t) + 1, r = /* @__PURE__ */ new Map();
+			O.forEach((e, i) => {
+				let a = Math.floor((k[i * 2] - f.x) / t), o = Math.floor((k[i * 2 + 1] - f.y) / t);
+				r.set(o * n + a, e);
+			});
+			for (let [e, i] of r) T.push(f.x + (e % n + .5) * t, f.y + (Math.floor(e / n) + .5) * t, t), E.push(D(i));
+		} else O.forEach((t, n) => {
+			T.push(k[n * 2], k[n * 2 + 1], S(e, t)), E.push(D(t));
+		});
+		b.push({
 			kind: "dots",
 			seriesIndex: e.index,
 			opacity: e.opacity,
-			dots: y,
-			colors: b
+			dots: T,
+			colors: E
 		});
 	}
-	return h;
+	return b;
+}, oe = (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) => {
+		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);
+	};
+	for (let r = g; r < _; r += E) {
+		let o = c[r];
+		if (!Number.isFinite(o)) continue;
+		let l = n.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), j = 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));
+		for (let e = j; e < x.length; e += 4) C.push(g);
+		let M = h?.[r];
+		if (M) for (let t of M) {
+			let r = n.horizontal ? {
+				x: n.yToPx(t),
+				y: l
+			} : {
+				x: l,
+				y: n.yToPx(t)
+			};
+			w.push(r.x, r.y, e.outlierSize), T.push(g);
+		}
+	}
+	let k = [{
+		kind: "bars",
+		seriesIndex: e.index,
+		color: e.colorCss,
+		rects: R(n, b),
+		colors: S,
+		opacity: e.opacity
+	}, {
+		kind: "bars",
+		seriesIndex: e.index,
+		color: e.colorCss,
+		rects: R(n, x),
+		colors: C
+	}];
+	return w.length && k.push({
+		kind: "dots",
+		seriesIndex: e.index,
+		opacity: e.outlierShape === "hollow" ? 0 : .85,
+		dots: w,
+		colors: T,
+		stroke: 1.25
+	}), k;
 };
 //#endregion
-export { D as createChartController, A as scenePrimitives };
+export { F as createChartController, z as scenePrimitives };
 
 //# sourceMappingURL=controller.js.map