minerva-design 1.2.0 → 1.4.0

package/dist/charts/engine/controller.js

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