minerva-design 1.5.0 → 1.6.0

package/dist/native/charts/src/engine/controller.js

@@ -3,28 +3,28 @@ import { curvePoints as n } from "./curve.js";
 import { lowerBound as r } from "./data.js";
 import { decimateMinMax as i } from "./decimate.js";
 import { createScales as a, heatCellStyle as o, screenRect as s, toData as c, toScreen as l } from "./layout.js";
-import { buildModel as u, fromPlotY as d, heatPosition as f, toPlotY as p } from "./model.js";
-import { font as m, placeLabels as h, rectOf as g, textBox as _ } from "./overlay.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";
+import { 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 { font as v, placeLabels as y, rectOf as b, textBox as x } from "./overlay.js";
+import { collectPointLabels as S, colorLegend as C, connectorSegments as w, crosshairAt as T, dependencyArrows as E, dotSize as D, hitTest as O, hoverMarks as k, layoutChart as A, legendShape as ee, legendShown as te, resolveAnnotations as ne, resolveDependencies as re, sameHover as ie, tooltipContent as ae } from "./scene.js";
+import { createTheme as oe } from "./theme.js";
+import { clampRange as se, panRange as j, sameRange as M, zoomRange as ce } from "./viewport.js";
 //#region ../charts/src/engine/controller.ts
 var N = (e) => ({
 	x: [e.x[0], e.x[1]],
 	y: [e.y[0], e.y[1]]
-}), re = 6, ie = 10, ae = 320, P = 20, F = (e) => {
-	let t = e.options, n = e.theme, r = j(n, t.palette), i = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), s = {}, F, I = {
+}), le = 6, ue = 10, de = 320, P = 20, F = (e) => {
+	let t = e.options, n = e.theme, r = oe(n, t.palette), i = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), s = {}, F, I = {
 		x: [0, 1],
 		y: [0, 1]
-	}, L = !1, R = 0, z = 0, oe = [], B = null, se = !0, ce = "", V = !1, H = null, U = /* @__PURE__ */ new Map(), W = null, G = {
+	}, L = !1, R = 0, z = 0, fe = [], pe = [], B = null, me = !0, he = "", V = !1, H = null, U = /* @__PURE__ */ new Map(), W = null, G = {
 		time: 0,
 		x: 0,
 		y: 0
 	}, K = (e, t) => {
 		s[e]?.forEach((e) => e(t));
 	}, q = () => {
-		se = !0, V || e.onInvalidate?.();
-	}, le = () => {
+		me = !0, V || e.onInvalidate?.();
+	}, ge = () => {
 		let e = t.interaction;
 		if (e === !1) return null;
 		let n = typeof e == "object" ? e : {};
@@ -32,17 +32,17 @@ var N = (e) => ({
 			pan: n.pan ?? !0,
 			dragPoints: n.dragPoints ?? !1
 		};
-	}, J = (t, n = r.fontSize, i = 400) => e.measureText(t, m(r, n, i)), ue = () => {
+	}, J = (t, n = r.fontSize, i = 400) => e.measureText(t, v(r, n, i)), _e = () => {
 		F = u(t, r, o, i);
 		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 = () => {
+			x: F.zoom.x ? se(I.x, e.x, n.x) : [...e.x],
+			y: F.zoom.y ? se(I.y, e.y, n.y) : [...e.y]
+		}, L = !M(I.x, e.x) || !M(I.y, e.y)) : I = N(e), fe = ne(t.annotations, r, F.y.type === "log" ? Math.log10 : void 0, F.x.type === "log" ? Math.log10 : void 0), pe = re(t.dependencies, r), 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();
+	}, ve = () => {
 		let e = t.legend, n = t.series.filter((e) => e.name).length;
-		if (!D(e, F, n)) return null;
-		let r = typeof e == "object" ? e : {}, i = r.position === "bottom" ? "bottom" : "top", a = y(F);
+		if (!te(e, F, n)) return null;
+		let r = typeof e == "object" ? e : {}, i = r.position === "bottom" ? "bottom" : "top", a = C(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 {
@@ -81,7 +81,7 @@ var N = (e) => ({
 				id: e.id,
 				name: e.name,
 				color: e.colorCss,
-				shape: E(e.type),
+				shape: ee(e.type),
 				hidden: e.hidden,
 				box: {
 					x: s,
@@ -100,7 +100,7 @@ var N = (e) => ({
 			toggle: r.toggle ?? !0,
 			height: l
 		};
-	}, fe = (e, n, r) => {
+	}, ye = (e, n, r) => {
 		let i = t.tooltip;
 		if (i === !1) return null;
 		let a = typeof i == "object" ? i.render : void 0, o = null;
@@ -109,7 +109,7 @@ var N = (e) => ({
 			if (t === null || t === "") return null;
 			typeof t == "string" && (o = t.split("\n"));
 		}
-		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;
+		let s = ae(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, J(e, 12));
 			l = o.length;
@@ -135,9 +135,9 @@ var N = (e) => ({
 			padding: 8,
 			swatchWidth: u
 		};
-	}, pe = () => {
+	}, be = () => {
 		if (R <= 0 || z <= 0) return null;
-		let e = de(), n = e?.position === "top" ? e.height : 0, i = T({
+		let e = ve(), n = e?.position === "top" ? e.height : 0, i = A({
 			model: F,
 			view: I,
 			theme: r,
@@ -146,14 +146,14 @@ var N = (e) => ({
 			padding: t.padding,
 			top: n,
 			measure: (e) => J(e)
-		}), a = v(F, I, i.scales, i.yTicks), o = [], s = r.fontSize + 4;
-		for (let e of oe) {
+		}), a = S(F, I, i.scales, i.yTicks), o = [], s = r.fontSize + 4;
+		for (let e of fe) {
 			if (e.type === "text" && e.text) {
-				o.push(_(e, i.scales, J(e.text, r.fontSize, e.weight), s));
+				o.push(x(e, i.scales, J(e.text, r.fontSize, e.weight), s));
 				continue;
 			}
 			if (e.type !== "rect" || !e.label) continue;
-			let t = g(e, i.scales);
+			let t = b(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({
@@ -163,31 +163,32 @@ var N = (e) => ({
 				height: s
 			});
 		}
-		let c = h(a, i.plot, (e) => J(e), s - 2, o), l = {
+		let c = y(a, i.plot, (e) => J(e), s - 2, o), l = {
 			width: R,
 			height: z,
 			theme: r,
 			model: F,
 			view: N(I),
 			layout: i,
-			annotations: oe,
+			annotations: fe,
 			pointLabels: c,
 			legend: e,
 			hover: null,
 			dragging: null,
-			connectors: b(F, i.scales)
+			connectors: w(F, i.scales),
+			arrows: E(F, i.scales, pe)
 		};
 		if (B = l, H) {
-			let n = x(F, i.scales, H.event, t.crosshair), r = i.scales.horizontal;
+			let n = T(F, i.scales, H.event, t.crosshair), r = i.scales.horizontal;
 			l.hover = {
 				event: H.event,
-				marks: w(F, i.scales, H.event),
+				marks: k(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)
+				tooltip: W?.kind === "pan" || W?.kind === "point" ? null : ye(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 + f(s, o.value) * a.bar.width);
+			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 = F.series[W.item.seriesIndex];
@@ -195,44 +196,44 @@ var N = (e) => ({
 				x: W.x,
 				y: W.y,
 				color: W.item.color,
-				size: (e ? S(e, W.item.index) : 8) + 6
+				size: (e ? D(e, W.item.index) : 8) + 6
 			};
 		}
 		let u = i.plot, d = `${u.x},${u.y},${u.width},${u.height}`;
-		return d !== ce && (ce = d, 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);
+		return d !== he && (he = d, K("layout", { ...u })), l;
+	}, Y = () => ((me || !B) && (me = !1, B = be()), B), X = () => Y()?.layout.scales ?? null, Z = (e) => {
+		let t = !ie(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) => {
+		return r ? O(F, r, B?.layout.xTicks ?? null, e, t, n ? 8 : 0) : null;
+	}, xe = (e, t) => {
 		let n = X()?.plot;
 		return !!n && e >= n.x && e <= n.x + n.width && t >= n.y && t <= n.y + n.height;
-	}, he = (e, t) => {
+	}, Se = (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 = c(n, i, a);
 		return {
-			x: o.x,
-			y: d(F, o.y)
+			x: d(F, o.x),
+			y: f(F, o.y)
 		};
 	}, $ = (e, t) => {
 		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) => {
+			x: se(e.x, n.x, r.x),
+			y: se(e.y, n.y, r.y)
+		}, L = !M(I.x, n.x) || !M(I.y, n.y), t && K("zoom", _(F, I)), q();
+	}, Ce = (e, t, n) => {
 		let r = X();
 		if (!r || !F.zoom.x && !F.zoom.y) return;
 		let i = N(I), a = c(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 = () => {
+		F.zoom.x && (i.x = ce(I.x, a.x, n)), F.zoom.y && (i.y = ce(I.y, a.y, n)), $(i, !0);
+	}, we = () => {
 		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 = () => {
+	}, Te = (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, Ee = (e) => {
+		o.has(e) ? o.delete(e) : o.add(e), _e();
+	}, De = () => {
 		let [e, t] = [...U.values()];
 		W = {
 			kind: "pinch",
@@ -242,14 +243,14 @@ var N = (e) => ({
 			midY: (e.y + t.y) / 2
 		}, Z(null);
 	};
-	return F = u(t, r, o, i), ue(), {
+	return F = u(t, r, o, i), _e(), {
 		setOptions(e) {
 			if (V) return;
 			let i = (e.palette ?? []).join() !== (t.palette ?? []).join();
-			t = e, i && (r = j(n, t.palette)), ue();
+			t = e, i && (r = oe(n, t.palette)), _e();
 		},
 		setTheme(e) {
-			V || (n = e, r = j(n, t.palette), ue());
+			V || (n = e, r = oe(n, t.palette), _e());
 		},
 		setSize(e, t) {
 			(e !== R || t !== z) && (R = Math.max(0, e), z = Math.max(0, t), q());
@@ -266,9 +267,9 @@ var N = (e) => ({
 				touch: i,
 				moved: !1
 			});
-			let a = le();
+			let a = ge();
 			if (U.size === 2) {
-				a && (F.zoom.x || F.zoom.y) && W?.kind !== "point" && be();
+				a && (F.zoom.x || F.zoom.y) && W?.kind !== "point" && De();
 				return;
 			}
 			if (U.size > 2 || !a) {
@@ -294,7 +295,7 @@ var N = (e) => ({
 					return;
 				}
 			}
-			if (L && a.pan && me(e, t)) {
+			if (L && a.pan && xe(e, t)) {
 				W = {
 					kind: "pan",
 					view: N(I),
@@ -315,17 +316,17 @@ var N = (e) => ({
 		pointerMove: (e, t, n = {}) => {
 			if (V) return;
 			let r = n.id ?? 0, i = U.get(r);
-			if (i && (i.x = e, i.y = t, !i.moved && Math.hypot(e - i.startX, t - i.startY) > (i.touch ? ie : re) && (i.moved = !0)), W?.kind === "pinch" && U.size >= 2) {
+			if (i && (i.x = e, i.y = t, !i.moved && Math.hypot(e - i.startX, t - i.startY) > (i.touch ? ue : le) && (i.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, i = (e.y + t.y) / 2, o = X();
 				if (!o) return;
 				let s = a(o.plot, W.view, F.x.reverse, F.y.reverse, F.horizontal), l = W.distance / n, u = N(W.view), d = c(s, W.midX, W.midY), f = c(s, r, i);
-				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);
+				F.zoom.x && (u.x = ce(W.view.x, d.x, l), u.x = j(u.x, (d.x - f.x) * l)), F.zoom.y && (u.y = ce(W.view.y, d.y, l), u.y = j(u.y, (d.y - f.y) * l)), $(u, !0);
 				return;
 			}
 			if (W?.kind === "point" && i) {
 				if (!i.moved) return;
 				W.x = e, W.y = t;
-				let n = he(e, t);
+				let n = Se(e, t);
 				q(), n && K("drag", {
 					item: W.item,
 					x: n.x,
@@ -338,7 +339,7 @@ var N = (e) => ({
 				let n = X();
 				if (!n) return;
 				let r = N(W.view), a = c(n, W.x, W.y), o = c(n, e, t);
-				F.zoom.x && (r.x = ee(W.view.x, a.x - o.x)), F.zoom.y && (r.y = ee(W.view.y, a.y - o.y)), $(r, !0);
+				F.zoom.x && (r.x = j(W.view.x, a.x - o.x)), F.zoom.y && (r.y = j(W.view.y, a.y - o.y)), $(r, !0);
 				return;
 			}
 			if (!(U.size > 1) && (!i || i.touch || !n.touch)) {
@@ -362,7 +363,7 @@ var N = (e) => ({
 			if (W = null, !i) return;
 			if (a?.kind === "point") {
 				if (i.moved) {
-					let n = he(e, t);
+					let n = Se(e, t);
 					q(), n && K("drop", {
 						item: a.item,
 						x: n.x,
@@ -379,12 +380,12 @@ var N = (e) => ({
 				return;
 			}
 			let o = Date.now();
-			if (i.touch && o - G.time < ae && Math.hypot(e - G.x, t - G.y) < 24 && L) {
+			if (i.touch && o - G.time < de && Math.hypot(e - G.x, t - G.y) < 24 && L) {
 				G = {
 					time: 0,
 					x: e,
 					y: t
-				}, _e();
+				}, we();
 				return;
 			}
 			G = {
@@ -392,9 +393,9 @@ var N = (e) => ({
 				x: e,
 				y: t
 			};
-			let s = ve(e, t);
+			let s = Te(e, t);
 			if (s) {
-				Y()?.legend?.toggle && ye(s.id);
+				Y()?.legend?.toggle && Ee(s.id);
 				return;
 			}
 			let c = Q(e, t, i.touch);
@@ -406,8 +407,8 @@ var N = (e) => ({
 				}), K("click", c);
 				return;
 			}
-			if (i.touch && Z(null), me(e, t)) {
-				let n = he(e, t);
+			if (i.touch && Z(null), xe(e, t)) {
+				let n = Se(e, t);
 				n && K("plotClick", n);
 			}
 		},
@@ -417,16 +418,13 @@ var N = (e) => ({
 		pointerLeave() {
 			!W && H && Z(null);
 		},
-		zoomAt: ge,
-		resetZoom: _e,
-		getView: () => N(I),
+		zoomAt: Ce,
+		resetZoom: we,
+		getView: () => _(F, I),
 		setView(e) {
-			V || $({
-				x: e.x ?? I.x,
-				y: e.y ?? I.y
-			}, !1);
+			V || $(g(F, e, I), !1);
 		},
-		toggleSeries: ye,
+		toggleSeries: Ee,
 		clearHover() {
 			H && Z(null);
 		},
@@ -436,15 +434,15 @@ var N = (e) => ({
 		},
 		toPixel(e, t) {
 			let n = X();
-			return n ? l(n, e, p(F, t)) : null;
+			return n ? l(n, m(F, e), h(F, t)) : null;
 		},
 		fromPixel(e, t) {
 			let n = X();
 			if (!n) return null;
 			let r = c(n, e, t);
 			return {
-				x: r.x,
-				y: d(F, r.y)
+				x: d(F, r.x),
+				y: f(F, r.y)
 			};
 		},
 		on(e, t) {
@@ -478,10 +476,10 @@ var N = (e) => ({
 }, z = (r, a = {}) => {
 	let { model: c, view: u, layout: d } = r, f = d.scales, { plot: p } = d, m = f.horizontal, h = a.maxDots ?? 4e3, g = a.maxBars ?? 2e3, _ = Math.max(1, a.columnWidth ?? 1), v = m ? p.y : p.x, y = v + (m ? p.height : p.width), b = [], x = c.series.filter((e) => !e.hidden && e.cols.count > 0).sort((e, t) => L[e.type] - L[t.type] || e.index - t.index);
 	for (let r of x) {
-		let { x: d, y: x, count: C, sorted: w } = r.cols;
+		let { x: d, y: x, count: S, sorted: C } = r.cols;
 		if (r.type === "line" || r.type === "area") {
-			let [e, t] = I(d, C, w, u.x), a = r.stackTop ?? x, o = n(d, a, e, t, r.curve), s = r.stackBase ? n(d, r.stackBase, e, t, r.curve).points : null, p = o.length, h = o.points, g = s;
-			if (w && p > (y - v) * 2 / _) {
+			let [e, t] = I(d, S, C, u.x), a = r.stackTop ?? x, o = n(d, a, e, t, r.curve), s = r.stackBase ? n(d, r.stackBase, e, t, r.curve).points : null, p = o.length, h = o.points, g = s;
+			if (C && p > (y - v) * 2 / _) {
 				if (s) {
 					let e = i(h, 0, p, (e) => f.xToPx(e) / _), t = new Float64Array(e.length * 2), n = new Float64Array(e.length * 2), r = 0, a = 0;
 					for (let i = 0; i < e.length; i++) {
@@ -495,22 +493,22 @@ var N = (e) => ({
 					h = e.points, p = e.length;
 				}
 			}
-			let S = r.type === "area" && !!r.cols.y0 && !!g, T = [], E = [], D = [], O = [], k = [], A = [], j = () => {
-				O.length && (T.push(O), E.push(k), S && D.push(A)), O = [], k = [], A = [];
+			let w = r.type === "area" && !!r.cols.y0 && !!g, T = [], E = [], D = [], O = [], k = [], A = [], ee = () => {
+				O.length && (T.push(O), E.push(k), w && D.push(A)), O = [], k = [], A = [];
 			};
 			for (let e = 0; e < p; 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();
+					ee();
 					continue;
 				}
 				let i = l(f, t, n);
-				if (O.push(i.x, i.y), g && k.push(f.yToPx(r)), S) {
+				if (O.push(i.x, i.y), g && k.push(f.yToPx(r)), w) {
 					let e = l(f, t, r);
 					A.push(e.x, e.y);
 				}
 			}
-			if (j(), r.type === "area" && b.push({
+			if (ee(), r.type === "area" && b.push({
 				kind: "area",
 				seriesIndex: r.index,
 				color: r.colorCss,
@@ -527,7 +525,7 @@ var N = (e) => ({
 					color: r.colorCss,
 					width: e,
 					segments: T
-				}), S && b.push({
+				}), w && b.push({
 					kind: "line",
 					seriesIndex: r.index,
 					color: r.colorCss,
@@ -538,7 +536,7 @@ var N = (e) => ({
 			continue;
 		}
 		if (r.type === "bar" && r.barBase && r.barTop) {
-			let [t, n] = I(d, C, w, u.x), i = Math.max(r.barHalfWidth / Math.abs(f.xPerPx), .5), a = [], o = [], s = n - t > g, c = NaN;
+			let [t, n] = I(d, S, C, u.x), i = Math.max(r.barHalfWidth / Math.abs(f.xPerPx), .5), a = [], o = [], s = n - t > g, c = NaN;
 			for (let l = t; l < n; l++) {
 				let t = r.barBase[l], n = r.barTop[l];
 				if (!Number.isFinite(t) || !Number.isFinite(n)) continue;
@@ -566,12 +564,12 @@ var N = (e) => ({
 			continue;
 		}
 		if (r.type === "boxplot") {
-			b.push(...oe(r, f, u.x, v, y, g));
+			b.push(...fe(r, f, u.x, v, y, g));
 			continue;
 		}
 		if (r.type === "candlestick") {
-			let [t, n] = I(d, C, w, u.x), { open: i, high: a, low: o } = r.cols, s = Math.max(r.barHalfWidth / Math.abs(f.xPerPx), 1), c = e(r.upColor), l = e(r.downColor), p = [], m = [], h = [], _ = [], S = Math.max(1, Math.ceil((n - t) / g));
-			for (let e = t; e < n; e += S) {
+			let [t, n] = I(d, S, C, u.x), { open: i, high: a, low: o } = r.cols, s = Math.max(r.barHalfWidth / Math.abs(f.xPerPx), 1), c = e(r.upColor), l = e(r.downColor), p = [], m = [], h = [], _ = [], w = Math.max(1, Math.ceil((n - t) / g));
+			for (let e = t; e < n; e += w) {
 				let t = x[e], n = i ? i[e] : t;
 				if (!Number.isFinite(t) || !Number.isFinite(n)) continue;
 				let r = f.xToPx(d[e]);
@@ -599,7 +597,7 @@ var N = (e) => ({
 		}
 		if (r.type === "heatmap") {
 			let n = Math.abs(r.cellHalf.x / f.xPerPx), i = Math.abs(r.cellHalf.y / f.yPerPx), a = [], c = [], l = o(n * 2, i * 2, r.radius), u = l.inset;
-			for (let o = 0; o < C && a.length / 4 < g * 4; o++) {
+			for (let o = 0; o < S && a.length / 4 < g * 4; o++) {
 				let l = r.cellColors?.[o];
 				if (!l) continue;
 				let m = s(f, f.xToPx(d[o]) - n, f.xToPx(d[o]) + n, f.yToPx(x[o]) - i, f.yToPx(x[o]) + i);
@@ -615,11 +613,11 @@ var N = (e) => ({
 			});
 			continue;
 		}
-		let T = [], E = [], D = (t) => {
+		let w = [], T = [], E = (t) => {
 			let n = r.pointColors?.[t];
 			return n ? e(n) : r.colorCss;
 		}, O = [], k = [];
-		for (let e = 0; e < C; e++) {
+		for (let e = 0; e < S; e++) {
 			let t = d[e], n = x[e];
 			if (!Number.isFinite(t) || !Number.isFinite(n)) continue;
 			let r = l(f, t, n);
@@ -631,20 +629,20 @@ var N = (e) => ({
 				let a = Math.floor((k[i * 2] - p.x) / e), o = Math.floor((k[i * 2 + 1] - p.y) / e);
 				n.set(o * t + a, r);
 			});
-			for (let [r, i] of n) T.push(p.x + (r % t + .5) * e, p.y + (Math.floor(r / t) + .5) * e, e), E.push(D(i));
+			for (let [r, i] of n) w.push(p.x + (r % t + .5) * e, p.y + (Math.floor(r / t) + .5) * e, e), T.push(E(i));
 		} else O.forEach((e, t) => {
-			T.push(k[t * 2], k[t * 2 + 1], S(r, e)), E.push(D(e));
+			w.push(k[t * 2], k[t * 2 + 1], D(r, e)), T.push(E(e));
 		});
 		b.push({
 			kind: "dots",
 			seriesIndex: r.index,
 			opacity: r.opacity,
-			dots: T,
-			colors: E
+			dots: w,
+			colors: T
 		});
 	}
 	return b;
-}, oe = (t, n, r, i, a, o) => {
+}, fe = (t, n, r, i, a, o) => {
 	let { x: s, y: c, count: l, sorted: u, high: d, low: f, q1: p, q3: m, outliers: h } = t.cols, [g, _] = I(s, l, u, r), v = Math.max(t.barHalfWidth / Math.abs(n.xPerPx), 1), y = Math.max(1, t.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) => {
@@ -655,11 +653,11 @@ var N = (e) => ({
 		if (!Number.isFinite(o)) continue;
 		let l = n.xToPx(s[r] + t.barOffset);
 		if (l + v < i || l - v > a) continue;
-		let u = t.pointColors?.[r], g = u ? e(u) : t.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;
+		let u = t.pointColors?.[r], g = u ? e(u) : t.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));
-		for (let e = j; e < x.length; e += 4) C.push(g);
-		let M = h?.[r];
-		if (M) for (let e of M) {
+		for (let e = ee; e < x.length; e += 4) C.push(g);
+		let te = h?.[r];
+		if (te) for (let e of te) {
 			let r = n.horizontal ? {
 				x: n.yToPx(e),
 				y: l