minerva-design 1.5.0 → 1.6.1

package/dist/charts/engine/scene.js

@@ -3,44 +3,44 @@ import { luminance as t, mix as n, toCss as r, unpackColor as i } from "./color.
 import { alongX as a, alongY as o, computePlot as s, createScales as c, heatCellStyle as l, screenRect as u, toData as d, toScreen as f } from "./layout.js";
 import { numberFormat as p } from "./locale.js";
 import { formatDuration as m, formatPercent as h, tickFormatter as g } from "./format.js";
-import { gridOf as _, plottedY as v } from "./model.js";
-import { axisTicks as y } from "./axis.js";
-var b = {
+import { gridOf as _, plottedY as v, toPlotX as y } from "./model.js";
+import { axisTicks as b } from "./axis.js";
+var x = {
 	top: 12,
 	right: 16,
 	bottom: 4,
 	left: 4
-}, x = (e, t) => t, S = (e, t, r) => {
-	let i = t.resolve ?? x, a = (e) => r && e !== void 0 ? r(e) : e;
+}, S = (e, t) => t, ee = (e, t, r, i) => {
+	let a = t.resolve ?? S, o = (e) => r && e !== void 0 ? r(e) : e, s = (e) => i && e !== void 0 ? i(e) : e;
 	return (e ?? []).map((e) => {
 		if (e.type === "rect") {
-			let r = e.color ? i(e.color, t.primary) : t.primary;
+			let r = e.color ? a(e.color, t.primary) : t.primary;
 			return {
 				type: "rect",
-				x0: e.x0,
-				x1: e.x1,
-				y0: a(e.y0),
-				y1: a(e.y1),
+				x0: s(e.x0),
+				x1: s(e.x1),
+				y0: o(e.y0),
+				y1: o(e.y1),
 				color: r,
 				opacity: e.opacity ?? .08,
 				label: e.label,
 				labelPosition: e.labelPosition ?? "top-left",
-				labelColor: e.labelColor ? i(e.labelColor, r) : n(r, t.text, .2)
+				labelColor: e.labelColor ? a(e.labelColor, r) : n(r, t.text, .2)
 			};
 		}
 		return e.type === "text" ? {
 			type: "text",
-			x: e.x,
-			y: a(e.y),
+			x: s(e.x),
+			y: o(e.y),
 			text: e.text,
 			anchor: e.anchor ?? "center",
-			color: e.color ? i(e.color, t.textMuted) : t.textMuted,
+			color: e.color ? a(e.color, t.textMuted) : t.textMuted,
 			weight: e.weight ?? 500
 		} : {
 			type: "line",
 			axis: e.axis,
-			value: e.axis === "y" ? a(e.value) : e.value,
-			color: e.color ? i(e.color, t.textMuted) : t.textMuted,
+			value: e.axis === "y" ? o(e.value) : s(e.value),
+			color: e.color ? a(e.color, t.textMuted) : t.textMuted,
 			width: e.width ?? 1,
 			dash: [...e.dash ?? [4, 4]],
 			label: e.label
@@ -48,10 +48,10 @@ var b = {
 	});
 }, C = (e) => {
 	let { model: t, view: n, theme: r, width: i, height: a, measure: o } = e;
-	if (t.horizontal) return T(e);
-	let l = t.y.tickCount ?? (t.y.type === "category" ? Math.max(1, Math.floor((a - 40) / (r.fontSize + 5))) : a >= 220 ? 5 : Math.max(2, Math.round((a - 48) / 52))), u = y(t.y, n.y, l), d = 0;
+	if (t.horizontal) return w(e);
+	let l = t.y.tickCount ?? (t.y.type === "category" ? Math.max(1, Math.floor((a - 40) / (r.fontSize + 5))) : a >= 220 ? 5 : Math.max(2, Math.round((a - 48) / 52))), u = b(t.y, n.y, l), d = 0;
 	if (t.y.visible) for (let e of u.labels) d = Math.max(d, o(e));
-	let f = w(t, u, n.y, l), p = 0;
+	let f = te(t, u, n.y, l), p = 0;
 	if (f && t.y2?.visible) for (let e of f.labels) p = Math.max(p, o(e));
 	let m = 48;
 	if (t.x.type === "category") {
@@ -60,7 +60,7 @@ var b = {
 		for (let n = 0; n < t.x.categories.length; n += e) m = Math.max(m, o(t.x.categories[n]));
 	}
 	let h = {
-		...b,
+		...x,
 		...e.padding
 	}, g = s({
 		width: i,
@@ -75,7 +75,7 @@ var b = {
 		fontSize: r.fontSize
 	});
 	e.top && (g.y += e.top);
-	let _ = t.x.type === "category" ? Math.max(1, Math.floor(g.width / (m + 14))) : t.x.tickCount ?? Math.max(3, Math.floor(g.width / 88)), v = y(t.x, n.x, _);
+	let _ = t.x.type === "category" ? Math.max(1, Math.floor(g.width / (m + 14))) : t.x.tickCount ?? Math.max(3, Math.floor(g.width / 88)), v = b(t.x, n.x, _);
 	return {
 		plot: g,
 		scales: c(g, n, t.x.reverse, t.y.reverse),
@@ -83,11 +83,11 @@ var b = {
 		yTicks: u,
 		y2Ticks: f
 	};
-}, w = (e, t, n, r) => {
+}, te = (e, t, n, r) => {
 	let i = e.y2, a = e.y2Map;
 	if (!i || !a || !a.scale) return null;
 	if (a.log) {
-		let e = (n[0] - a.offset) / a.scale, t = (n[1] - a.offset) / a.scale, o = y(i, [Math.min(e, t), Math.max(e, t)], r);
+		let e = (n[0] - a.offset) / a.scale, t = (n[1] - a.offset) / a.scale, o = b(i, [Math.min(e, t), Math.max(e, t)], r);
 		return {
 			...o,
 			values: o.values.map((e) => e * a.scale + a.offset)
@@ -101,8 +101,8 @@ var b = {
 		labels: o.map(l),
 		formatValue: i.format ?? e.formatValue
 	};
-}, T = (e) => {
-	let { model: t, view: n, theme: r, width: i, height: a, measure: o } = e, l = Math.max(1, Math.floor((a - 40) / (r.fontSize + 5))), u = t.x.tickCount ?? (t.x.type === "category" ? l : a >= 220 ? 5 : Math.max(2, Math.round((a - 48) / 52))), d = y(t.x, n.x, u), f = 0;
+}, w = (e) => {
+	let { model: t, view: n, theme: r, width: i, height: a, measure: o } = e, l = Math.max(1, Math.floor((a - 40) / (r.fontSize + 5))), u = t.x.tickCount ?? (t.x.type === "category" ? l : a >= 220 ? 5 : Math.max(2, Math.round((a - 48) / 52))), d = b(t.x, n.x, u), f = 0;
 	if (t.x.visible) {
 		if (t.x.type === "category") {
 			let e = t.x.categories, n = Math.max(1, Math.floor(e.length / 200));
@@ -113,7 +113,7 @@ var b = {
 		} else for (let e of d.labels) f = Math.max(f, o(e));
 	}
 	let p = {
-		...b,
+		...x,
 		...e.padding
 	}, m = s({
 		width: i,
@@ -126,7 +126,7 @@ var b = {
 		fontSize: r.fontSize
 	});
 	e.top && (m.y += e.top);
-	let h = t.y.tickCount ?? (t.y.type === "category" ? Math.max(1, Math.floor(m.width / 60)) : Math.max(3, Math.min(8, Math.floor(m.width / 88)))), g = y(t.y, n.y, h);
+	let h = t.y.tickCount ?? (t.y.type === "category" ? Math.max(1, Math.floor(m.width / 60)) : Math.max(3, Math.min(8, Math.floor(m.width / 88)))), g = b(t.y, n.y, h);
 	return {
 		plot: m,
 		scales: c(m, n, t.x.reverse, t.y.reverse, !0),
@@ -134,7 +134,7 @@ var b = {
 		yTicks: g,
 		y2Ticks: null
 	};
-}, E = (e, t, n, r) => {
+}, ne = (e, t, n, r) => {
 	let i = [], a = e.percent ? e.formatValue : r?.formatValue ?? e.formatValue;
 	for (let r of e.series) {
 		if (r.hidden || !r.showLabels) continue;
@@ -173,21 +173,21 @@ var b = {
 		}
 	}
 	return i;
-}, D = (e) => e.type === "bar" || e.type === "boxplot" ? e.barOffset : 0, O = (e, t, n) => {
-	let r = f(n, e.cols.x[t] + D(e), v(e, t));
+}, T = (e) => e.type === "bar" || e.type === "boxplot" ? e.barOffset : 0, E = (e, t, n) => {
+	let r = f(n, e.cols.x[t] + T(e), v(e, t));
 	return {
 		px: r.x,
 		py: r.y
 	};
-}, k = (e, t, n, r, i, a, o) => {
+}, D = (e, t, n, r, i, a, o) => {
 	let s = e.yToPx(r), c = e.yToPx(i);
 	return Math.abs(a - t) <= n && o >= Math.min(s, c) - 2 && o <= Math.max(s, c) + 2;
-}, A = (e, t, n, r, i) => {
-	let s = O(e, t, i), c = a(i, n, r), l = o(i, n, r), u = i.xToPx(e.cols.x[t] + D(e)), d = !1;
-	if (e.type === "bar" && e.barBase && e.barTop) d = k(i, u, e.barHalfWidth / Math.abs(i.xPerPx), e.barBase[t], e.barTop[t], c, l);
+}, O = (e, t, n, r, i) => {
+	let s = E(e, t, i), c = a(i, n, r), l = o(i, n, r), u = i.xToPx(e.cols.x[t] + T(e)), d = !1;
+	if (e.type === "bar" && e.barBase && e.barTop) d = D(i, u, e.barHalfWidth / Math.abs(i.xPerPx), e.barBase[t], e.barTop[t], c, l);
 	else if (e.type === "candlestick" || e.type === "boxplot") {
 		let { high: n, low: r, y: a } = e.cols;
-		d = k(i, u, Math.max(e.barHalfWidth / Math.abs(i.xPerPx), 3), n ? n[t] : a[t], r ? r[t] : a[t], c, l);
+		d = D(i, u, Math.max(e.barHalfWidth / Math.abs(i.xPerPx), 3), n ? n[t] : a[t], r ? r[t] : a[t], c, l);
 	}
 	return {
 		series: e,
@@ -198,36 +198,36 @@ var b = {
 		dist: d ? 0 : Math.hypot(s.px - n, s.py - r),
 		inside: d
 	};
-}, j = (e, t, n, r, i, s) => {
+}, k = (e, t, n, r, i, s) => {
 	let c = e.cols.outliers?.[t];
 	if (!c) return;
-	let l = i.xToPx(e.cols.x[t] + D(e)), u = a(i, n, r) - l, d = o(i, n, r), f = e.outlierSize / 2 + 4 + s, p, m = f;
+	let l = i.xToPx(e.cols.x[t] + T(e)), u = a(i, n, r) - l, d = o(i, n, r), f = e.outlierSize / 2 + 4 + s, p, m = f;
 	return c.forEach((n, r) => {
 		let a = Math.hypot(u, i.yToPx(n) - d);
 		a <= m && (m = a, p = e.raw.outliers?.[t]?.[r] ?? n);
 	}), p;
-}, M = (e, t) => e.cols.size && e.cols.size[t] > 0 ? e.cols.size[t] : e.pointSize, N = /* @__PURE__ */ new WeakMap(), P = (e) => {
+}, A = (e, t) => e.cols.size && e.cols.size[t] > 0 ? e.cols.size[t] : e.pointSize, j = /* @__PURE__ */ new WeakMap(), M = (e) => {
 	let t = e.cols.size;
 	if (!t) return e.pointSize;
-	let n = N.get(t);
+	let n = j.get(t);
 	if (n === void 0) {
 		n = e.pointSize;
 		for (let e = 0; e < t.length; e++) t[e] > n && (n = t[e]);
-		N.set(t, n);
+		j.set(t, n);
 	}
 	return n;
-}, F = (e, t, n, r, i) => {
-	let a = Math.max(P(e) / 2 + 6, 10) + i, o = d(r, t, n), s = a * Math.abs(r.xPerPx), c = a * Math.abs(r.yPerPx), l = -1, u = Infinity, { x: p, y: m } = e.cols;
+}, N = (e, t, n, r, i) => {
+	let a = Math.max(M(e) / 2 + 6, 10) + i, o = d(r, t, n), s = a * Math.abs(r.xPerPx), c = a * Math.abs(r.yPerPx), l = -1, u = Infinity, { x: p, y: m } = e.cols;
 	return _(e).query(o.x - s, o.x + s, o.y - c, o.y + c, (a) => {
 		let o = f(r, p[a], m[a]), s = Math.hypot(o.x - t, o.y - n);
-		s <= Math.max(M(e, a) / 2 + 4, 8) + i && s <= u && (u = s, l = a);
+		s <= Math.max(A(e, a) / 2 + 4, 8) + i && s <= u && (u = s, l = a);
 	}), l;
-}, I = (e, t, n) => {
+}, re = (e, t, n) => {
 	let { x: r, y: i } = e.cellHalf, { x: a, y: o } = e.cols, s = -1;
 	return _(e).query(t - r, t + r, n - i, n + i, (c) => {
 		e.cellColors?.[c] && Math.abs(a[c] - t) <= r && Math.abs(o[c] - n) <= i && (s = c);
 	}), s;
-}, L = (t, n) => {
+}, ie = (t, n) => {
 	let { x: r, y: i, count: a, sorted: o } = t.cols;
 	if (o) return e(r, i, a, n);
 	let s = -1, c = Infinity;
@@ -237,7 +237,7 @@ var b = {
 		t < c && (c = t, s = e);
 	}
 	return s;
-}, R = (e, t) => {
+}, P = (e, t) => {
 	let n = e.pointColors?.[t], { open: a, high: o, low: s, value: c, y0: l, q1: u, q3: d, outliers: f, labels: p } = e.raw, m = p?.[t], h = n ? r(n) : e.colorCss, g = {};
 	if (e.type === "candlestick") {
 		let n = a ? a[t] : NaN;
@@ -263,11 +263,11 @@ var b = {
 		...m === void 0 ? {} : { label: m },
 		...g
 	};
-}, z = (e, t) => {
+}, F = (e, t) => {
 	if (!e.length) return null;
 	e.sort((e, t) => e.series.index - t.series.index);
 	let n = e.map((e) => {
-		let t = R(e.series, e.index);
+		let t = P(e.series, e.index);
 		return e.outlier !== void 0 && (t.outlier = e.outlier), t;
 	}), r = n[0].x;
 	return {
@@ -275,51 +275,51 @@ var b = {
 		x: r,
 		xLabel: t?.formatValue(r) ?? String(r)
 	};
-}, B = (e, t, n, r, i, a = 0) => {
+}, ae = (e, t, n, r, i, a = 0) => {
 	let { plot: o } = t, s = 6 + a;
 	if (r < o.x - s || r > o.x + o.width + s || i < o.y - s || i > o.y + o.height + s) return null;
 	let c = d(t, r, i), l = [], u = [];
 	for (let n of e.series) if (!n.hidden && n.tooltip && n.cols.count !== 0) {
 		if (n.type === "scatter") {
-			let e = F(n, r, i, t, a);
-			e >= 0 && l.push(A(n, e, r, i, t));
+			let e = N(n, r, i, t, a);
+			e >= 0 && l.push(O(n, e, r, i, t));
 		} else if (n.type === "heatmap") {
-			let e = I(n, c.x, c.y);
+			let e = re(n, c.x, c.y);
 			if (e >= 0) {
-				let a = A(n, e, r, i, t);
+				let a = O(n, e, r, i, t);
 				a.inside = !0, a.dist = 0, l.push(a);
 			}
 		} else {
-			let e = L(n, c.x);
+			let e = ie(n, c.x);
 			if (e < 0) continue;
-			let o = A(n, e, r, i, t);
-			n.type === "boxplot" && (o.outlier = j(n, e, r, i, t, a), o.outlier !== void 0 && (o.inside = !0, o.dist = 0)), u.push(o);
+			let o = O(n, e, r, i, t);
+			n.type === "boxplot" && (o.outlier = k(n, e, r, i, t, a), o.outlier !== void 0 && (o.inside = !0, o.dist = 0)), u.push(o);
 		}
 	}
 	if (e.tooltipMode === "item") {
 		let e = [...l, ...u].filter((e) => e.inside || e.series.type === "scatter" || (e.series.type === "line" || e.series.type === "area") && e.dist <= 8 + a);
-		return e.length ? z([e.reduce((e, t) => t.dist < e.dist || t.dist === e.dist && t.series.index > e.series.index ? t : e)], n) : null;
+		return e.length ? F([e.reduce((e, t) => t.dist < e.dist || t.dist === e.dist && t.series.index > e.series.index ? t : e)], n) : null;
 	}
 	if (e.tooltipMode === "nearest") {
 		let e = [...l, ...u].filter((e) => e.inside || e.series.type === "scatter" || e.dist <= 32 + a);
-		return e.length ? z([e.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
+		return e.length ? F([e.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
 	}
-	if (!u.length) return l.length ? z([l.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
-	let f = Math.min(...u.map((e) => e.dx)), p = e.x.type === "category" ? .5 / Math.abs(t.xPerPx) : 0, m = u.filter((e) => e.dx <= f + Math.max(1, p)), h = m.reduce((e, t) => t.dx < e.dx ? t : e), g = z([
+	if (!u.length) return l.length ? F([l.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
+	let f = Math.min(...u.map((e) => e.dx)), p = e.x.type === "category" ? .5 / Math.abs(t.xPerPx) : 0, m = u.filter((e) => e.dx <= f + Math.max(1, p)), h = m.reduce((e, t) => t.dx < e.dx ? t : e), g = F([
 		h,
 		...m.filter((e) => e !== h),
 		...l
 	], n);
-	return g && (g.x = R(h.series, h.index).x, g.xLabel = n?.formatValue(g.x) ?? String(g.x)), g;
-}, V = (e, t) => e === t || !!e && !!t && e.items.length === t.items.length && e.items.every((e, n) => e.index === t.items[n].index && e.seriesIndex === t.items[n].seriesIndex), H = {
+	return g && (g.x = P(h.series, h.index).x, g.xLabel = n?.formatValue(g.x) ?? String(g.x)), g;
+}, I = (e, t) => e === t || !!e && !!t && e.items.length === t.items.length && e.items.every((e, n) => e.index === t.items[n].index && e.seriesIndex === t.items[n].seriesIndex), L = {
 	style: "percent",
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
-}, U = (e, t) => e.raw.details?.[t]?.map((e) => ({
+}, R = (e, t) => e.raw.details?.[t]?.map((e) => ({
 	color: null,
 	name: e.name,
 	value: e.value
-})) ?? [], W = (e, t, n, r = null) => {
+})) ?? [], z = (e, t, n, r = null) => {
 	let i = n?.formatValue ?? String, a = (t) => t.format ?? (t.yAxis === "right" ? r?.formatValue ?? e.y2?.format ?? e.formatValue : i), o = e.labels, s = t.items[0], c = s ? e.series[s.seriesIndex] : null;
 	if (t.items.length === 1 && s && c?.type === "bar" && s.y0 !== void 0 && e.y.type === "time") {
 		let n = a(c);
@@ -343,7 +343,7 @@ var b = {
 					name: o.duration,
 					value: m(s.y - s.y0, e.locale)
 				},
-				...U(c, s.index)
+				...R(c, s.index)
 			]
 		};
 	}
@@ -356,14 +356,14 @@ var b = {
 				color: s.color,
 				name: s.label ?? c.name,
 				value: s.value === void 0 ? "–" : (c.format ?? e.formatValue)(s.value)
-			}, ...U(c, s.index)]
+			}, ...R(c, s.index)]
 		};
 	}
 	if (t.items.every((t) => e.series[t.seriesIndex].type === "scatter") && t.items.length === 1) {
-		let n = t.items[0], r = e.series[n.seriesIndex], i = n.value === void 0 ? [] : [{
+		let n = t.items[0], s = e.series[n.seriesIndex], c = n.value === void 0 ? [] : [{
 			color: null,
-			name: r.valueName ?? o.value,
-			value: (r.format ?? e.formatValue)(n.value)
+			name: s.valueName ?? o.value,
+			value: (s.format ?? e.formatValue)(n.value)
 		}];
 		if (e.x.type === "category") return {
 			title: n.label ?? t.xLabel,
@@ -372,13 +372,13 @@ var b = {
 				{
 					color: n.color,
 					name: n.seriesName,
-					value: a(r)(n.y)
+					value: a(s)(n.y)
 				},
-				...i,
-				...U(r, n.index)
+				...c,
+				...R(s, n.index)
 			]
 		};
-		let s = [
+		let l = s.yAxis === "right" ? r?.formatValue ?? e.y2?.format ?? e.formatValue : i, u = [
 			{
 				color: null,
 				name: e.x.title ?? o.x,
@@ -386,20 +386,17 @@ var b = {
 			},
 			{
 				color: null,
-				name: (r.yAxis === "right" ? e.y2?.title : e.y.title) ?? o.y,
-				value: a(r)(n.y)
+				name: (s.yAxis === "right" ? e.y2?.title : e.y.title) ?? o.y,
+				value: (n.value === void 0 ? a(s) : l)(n.y)
 			},
-			...i,
-			...U(r, n.index)
+			...c,
+			...R(s, n.index)
 		];
-		return n.label !== void 0 && e.series.length > 1 && s.push({
-			color: null,
-			name: "",
-			value: n.seriesName
-		}), {
+		return {
 			title: n.label ?? n.seriesName,
 			titleColor: n.color,
-			rows: s
+			...n.label !== void 0 && e.series.length > 1 ? { subtitle: n.seriesName } : {},
+			rows: u
 		};
 	}
 	let l = [], u = [], d = t.items.length === 1 && c?.type === "bar" && e.x.type !== "category" && s?.label !== void 0 ? s.label : null;
@@ -410,7 +407,7 @@ var b = {
 			l.push({
 				color: n.color,
 				name: t.name,
-				value: Number.isFinite(i) ? `${i >= 0 ? "+" : ""}${p(e.locale, H).format(i / 100)}` : ""
+				value: Number.isFinite(i) ? `${i >= 0 ? "+" : ""}${p(e.locale, L).format(i / 100)}` : ""
 			});
 			let a = [
 				[o.open, n.open],
@@ -471,16 +468,16 @@ var b = {
 			color: n.color,
 			name: n.label && d === null ? `${n.seriesName} · ${n.label}` : n.seriesName,
 			value: i
-		}), l.push(...U(t, n.index));
+		}), l.push(...R(t, n.index));
 	}
 	if (e.percent) {
 		let n = /* @__PURE__ */ new Map();
 		for (let r of t.items) {
-			let t = G(e, r.seriesIndex);
+			let t = B(e, r.seriesIndex);
 			t !== null && Number.isFinite(r.y) && n.set(t, (n.get(t) ?? 0) + Math.abs(r.y));
 		}
 		t.items.forEach((t, r) => {
-			let i = G(e, t.seriesIndex), a = i === null ? void 0 : n.get(i), o = l[u[r]];
+			let i = B(e, t.seriesIndex), a = i === null ? void 0 : n.get(i), o = l[u[r]];
 			a && o && Number.isFinite(t.y) && (o.value = `${(e.series[t.seriesIndex].format ?? e.formatValue)(t.y)} · ${h(Math.abs(t.y) / a * 100, e.locale, !0)}`);
 		});
 	}
@@ -489,12 +486,12 @@ var b = {
 		titleColor: null,
 		rows: l
 	};
-}, G = (e, t) => e.series[t].hidden ? null : e.stacks[t], K = (e, t, n) => {
+}, B = (e, t) => e.series[t].hidden ? null : e.stacks[t], V = (e, t, n) => {
 	let a = [], { plot: o } = t, s = Infinity, c = -Infinity;
 	for (let d of n.items) {
-		let n = e.series[d.seriesIndex];
+		let n = e.series[d.seriesIndex], p = n.cols.x[d.index] ?? d.x;
 		if (n.type === "boxplot" && d.outlier !== void 0) {
-			let e = f(t, d.x + D(n), J(n, d));
+			let e = f(t, p + T(n), U(n, d));
 			a.push({
 				kind: "dot",
 				x: e.x,
@@ -506,48 +503,48 @@ var b = {
 			continue;
 		}
 		if (n.type === "bar" || n.type === "candlestick" || n.type === "boxplot") {
-			let e = t.xToPx(d.x + D(n)), r = Math.max(n.barHalfWidth / Math.abs(t.xPerPx), 1);
+			let e = t.xToPx(p + T(n)), r = Math.max(n.barHalfWidth / Math.abs(t.xPerPx), 1);
 			s = Math.min(s, e - r), c = Math.max(c, e + r);
 			continue;
 		}
 		if (n.type === "heatmap") {
-			let e = t.xToPx(d.x), r = t.yToPx(d.y), s = Math.abs(n.cellHalf.x / t.xPerPx), c = Math.abs(n.cellHalf.y / t.yPerPx), f = u(t, e - s, e + s, r - c, r + c), p = l(f.width, f.height, n.radius), m = Math.max(o.y, f.y), h = Math.min(o.y + o.height, f.y + f.height), g = Math.max(o.x, f.x), _ = Math.min(o.x + o.width, f.x + f.width);
-			h > m && a.push({
+			let e = t.xToPx(p), r = t.yToPx(d.y), s = Math.abs(n.cellHalf.x / t.xPerPx), c = Math.abs(n.cellHalf.y / t.yPerPx), f = u(t, e - s, e + s, r - c, r + c), m = l(f.width, f.height, n.radius), h = Math.max(o.y, f.y), g = Math.min(o.y + o.height, f.y + f.height), _ = Math.max(o.x, f.x), v = Math.min(o.x + o.width, f.x + f.width);
+			g > h && a.push({
 				kind: "guide",
 				x: o.x,
-				y: m,
+				y: h,
 				width: o.width,
-				height: h - m
-			}), _ > g && a.push({
+				height: g - h
+			}), v > _ && a.push({
 				kind: "guide",
-				x: g,
+				x: _,
 				y: o.y,
-				width: _ - g,
+				width: v - _,
 				height: o.height
 			});
-			let v = n.cellColors?.[d.index], y = v ? i(v) : n.color;
+			let y = n.cellColors?.[d.index], b = y ? i(y) : n.color;
 			a.push({
 				kind: "cell",
-				x: f.x + p.inset,
-				y: f.y + p.inset,
-				width: Math.max(1, f.width - p.inset * 2),
-				height: Math.max(1, f.height - p.inset * 2),
+				x: f.x + m.inset,
+				y: f.y + m.inset,
+				width: Math.max(1, f.width - m.inset * 2),
+				height: Math.max(1, f.height - m.inset * 2),
 				color: d.color,
-				ring: q(y),
-				radius: p.radius
+				ring: H(b),
+				radius: m.radius
 			});
 			continue;
 		}
-		let { px: p, py: m } = O(n, d.index, t);
-		if (p < o.x - 1 || p > o.x + o.width + 1 || m < o.y - 1 || m > o.y + o.height + 1) continue;
-		let h = n.type === "scatter" ? M(n, d.index) + 4 : Math.max(9, n.lineWidth * 2 + 5), g = n.pointColors?.[d.index] ?? n.color;
+		let { px: m, py: h } = E(n, d.index, t);
+		if (m < o.x - 1 || m > o.x + o.width + 1 || h < o.y - 1 || h > o.y + o.height + 1) continue;
+		let g = n.type === "scatter" ? A(n, d.index) + 4 : Math.max(9, n.lineWidth * 2 + 5), _ = n.pointColors?.[d.index] ?? n.color;
 		a.push({
 			kind: "dot",
-			x: p,
-			y: m,
-			size: h,
+			x: m,
+			y: h,
+			size: g,
 			color: d.color,
-			halo: r(g, .2)
+			halo: r(_, .2)
 		});
 	}
 	if (c > s) {
@@ -568,10 +565,10 @@ var b = {
 		});
 	}
 	return a;
-}, q = (e) => t(e) > .45 ? "rgba(15, 23, 42, 0.78)" : "rgba(255, 255, 255, 0.9)", J = (e, t) => {
+}, H = (e) => t(e) > .45 ? "rgba(15, 23, 42, 0.78)" : "rgba(255, 255, 255, 0.9)", U = (e, t) => {
 	let n = e.raw.outliers?.[t.index], r = n ? n.indexOf(t.outlier ?? NaN) : -1;
 	return (r >= 0 ? e.cols.outliers?.[t.index]?.[r] : void 0) ?? t.outlier ?? 0;
-}, Y = (e, t) => {
+}, W = (e, t) => {
 	let n = [];
 	for (let i of e.series) {
 		let e = i.connector;
@@ -594,12 +591,159 @@ var b = {
 		}
 	}
 	return n;
-}, X = 12, Z = (e) => {
+}, G = (e, t) => {
+	let n = t.resolve ?? S, i = r(t.textMuted, .85);
+	return (e ?? []).map((e) => ({
+		from: e.from,
+		to: e.to,
+		color: e.color ? r(n(e.color, t.textMuted)) : i
+	}));
+}, K = {
+	length: 6,
+	half: 3.5
+}, q = (e, t, n, r) => {
+	let i = {
+		boxes: [],
+		byId: /* @__PURE__ */ new Map(),
+		byRow: /* @__PURE__ */ new Map(),
+		ids: /* @__PURE__ */ new Set()
+	}, a = e.x.type === "category" ? e.x.categories : null;
+	for (let o of e.series) {
+		if (o.type !== "bar" && o.type !== "scatter") continue;
+		let e = o.raw.ids;
+		if (e) for (let t of e) t !== void 0 && i.ids.add(t);
+		if (o.hidden || !o.tooltip) continue;
+		let { x: s, y: c, count: l } = o.cols, u = o.type === "bar" && o.barBase && o.barTop, d = T(o);
+		for (let f = 0; f < l; f++) {
+			let l = u ? o.barBase[f] : c[f], p = u ? o.barTop[f] : c[f];
+			if (!Number.isFinite(s[f]) || !Number.isFinite(l) || !Number.isFinite(p)) continue;
+			let m = u ? o.barHalfWidth / Math.abs(t.xPerPx) : A(o, f) / 2, h = n(Math.min(l, p)), g = n(Math.max(l, p)), _ = u ? 0 : m, v = {
+				c: r(s[f] + d),
+				half: m,
+				start: h,
+				end: g,
+				lo: Math.min(h, g) - _,
+				hi: Math.max(h, g) + _,
+				dot: !u
+			};
+			i.boxes.push(v);
+			let y = e?.[f];
+			y !== void 0 && !i.byId.has(y) && i.byId.set(y, v);
+			let b = a ? a[Math.round(s[f])] : String(o.raw.x[f]);
+			b !== void 0 && !i.byRow.has(b) && i.byRow.set(b, v);
+		}
+	}
+	return i;
+}, J = 8, Y = 4, X = (e) => {
+	let t = e.map((e) => [e.lo - Y, e.hi + Y]).sort((e, t) => e[0] - t[0]), n = [];
+	for (let e of t) {
+		let t = n[n.length - 1];
+		t && e[0] <= t[1] ? t[1] = Math.max(t[1], e[1]) : n.push(e);
+	}
+	return n;
+}, oe = (e, t) => e.some(([e, n]) => t > e + 1e-6 && t < n - 1e-6), se = (e, t, n, r) => {
+	let i = [t];
+	for (let [t, n] of e) i.push(t, n);
+	let a = null;
+	for (let o of i) {
+		let i = r * (o - t);
+		i < 0 || r * (n - o) < 0 || oe(e, o) || (a === null || i < r * (a - t)) && (a = o);
+	}
+	return a;
+}, ce = (e, t) => {
+	let n = e.find(([e, n]) => t > e + 1e-6 && t < n - 1e-6);
+	if (!n) return t;
+	let [r, i] = n;
+	return t - r <= i - t ? r : i;
+}, Z = (e) => {
+	let t = [], n = (e, t) => Math.abs(e - t) < 1e-6;
+	for (let r of e) {
+		let e = t[t.length - 1];
+		if (e && n(e[0], r[0]) && n(e[1], r[1])) continue;
+		let i = t[t.length - 2];
+		i && e && (n(i[0], e[0]) && n(e[0], r[0]) || n(i[1], e[1]) && n(e[1], r[1])) && t.pop(), t.push(r);
+	}
+	return t;
+}, le = (e, t, n, r, i, a) => {
+	let o = e.c, s = t.c, c = n + i * J, l = i * (r - c) >= 0, u = Math.min(o, s), d = Math.max(o, s), f = d - u < .5 ? [] : a.filter((n) => n !== e && n !== t && n.c + n.half > u && n.c - n.half < d);
+	if (l) {
+		let e = se(X(f), c, r, i);
+		if (e !== null) return Z([
+			[n, o],
+			[e, o],
+			[e, s],
+			[r, s]
+		]);
+	}
+	let p = Math.sign(s - o) || 1, m = /* @__PURE__ */ new Map();
+	for (let e of f) {
+		if (Math.abs(e.c - o) < .5 || Math.abs(e.c - s) < .5) continue;
+		let t = Math.round(e.c * 2), n = m.get(t);
+		n ? (n.half = Math.max(n.half, e.half), n.of.push(e)) : m.set(t, {
+			c: e.c,
+			half: e.half,
+			of: [e]
+		});
+	}
+	let h = [
+		{
+			c: o,
+			half: e.half,
+			lanes: []
+		},
+		...[...m.values()].sort((e, t) => p * (e.c - t.c)).map((e) => ({
+			c: e.c,
+			half: e.half,
+			lanes: X(e.of)
+		})),
+		{
+			c: s,
+			half: t.half,
+			lanes: []
+		}
+	], g = r - i * J, _ = [[n, o], [c, o]], v = c;
+	for (let e = 0; e + 1 < h.length; e++) {
+		let t = h[e], n = h[e + 1], a = Math.abs(n.c - t.c) < .5 ? t.c + p * (Math.max(t.half, n.half) + Y) : (t.c + p * t.half + n.c - p * n.half) / 2, o = e + 2 === h.length ? l && i * (r - v) >= 0 ? v : g : ce(n.lanes, l ? v : g);
+		o !== v && (_.push([v, a], [o, a]), v = o);
+	}
+	return _.push([v, s], [r, s]), Z(_);
+}, ue = (e, t, n) => {
+	if (!n.length) return [];
+	let r = t.horizontal, i = (e, t) => r ? {
+		x: e,
+		y: t
+	} : {
+		x: t,
+		y: e
+	}, a = (e) => {
+		let n = f(t, 0, e);
+		return r ? n.x : n.y;
+	}, o = (e) => {
+		let n = f(t, e, 0);
+		return r ? n.y : n.x;
+	}, s = Math.sign(a(t.view.y[1]) - a(t.view.y[0])) || 1, c = q(e, t, a, o), l = (e) => c.byId.get(e) ?? (c.ids.has(e) ? void 0 : c.byRow.get(e)), { length: u, half: d } = K, p = [];
+	for (let e of n) {
+		let t = l(e.from), n = l(e.to);
+		if (!t || !n || t === n) continue;
+		let r = t.end + (t.dot ? s * t.half : 0), a = n.start - s * (n.dot ? n.half + 1 : 1), o = a - s * u, f = le(t, n, r, o, s, c.boxes);
+		p.push({
+			points: f.map(([e, t]) => i(e, t)),
+			head: [
+				i(a, n.c),
+				i(o, n.c - d),
+				i(o, n.c + d)
+			],
+			color: e.color,
+			width: 1.25
+		});
+	}
+	return p;
+}, de = 12, Q = (e) => {
 	if (!e.series.length || e.series.some((e) => e.type !== "heatmap")) return null;
 	let t = e.series.find((e) => !e.hidden && e.colorLut), n = t?.colorLut;
 	if (!t || !n) return null;
 	let a = [];
-	for (let e = 0; e < X; e++) {
+	for (let e = 0; e < de; e++) {
 		let t = n[Math.round(e / 11 * (n.length - 1))];
 		a.push(r(i(t ?? 0)));
 	}
@@ -618,18 +762,18 @@ var b = {
 		stops: a,
 		labels: l
 	};
-}, Q = (e, t, n) => e === void 0 ? n > 1 || Z(t) !== null : !!e, ee = (e) => e === "scatter" ? "dot" : e === "line" ? "line" : "square", $ = (e, t, n) => n ?? (e.tooltipMode === "axis" && t.items.some((t) => {
+}, fe = (e, t, n) => e === void 0 ? n > 1 || Q(t) !== null : !!e, pe = (e) => e === "scatter" ? "dot" : e === "line" ? "line" : "square", $ = (e, t, n) => n ?? (e.tooltipMode === "axis" && t.items.some((t) => {
 	let n = e.series[t.seriesIndex].type;
 	return n === "line" || n === "area";
 }) && !t.items.some((t) => {
 	let n = e.series[t.seriesIndex].type;
 	return n === "bar" || n === "candlestick" || n === "boxplot";
-})), te = (e, t, n, r) => {
+})), me = (e, t, n, r) => {
 	if (!$(e, n, r)) return null;
-	let i = t.xToPx(n.items[0].x), a = t.horizontal ? t.plot.y : t.plot.x, o = a + (t.horizontal ? t.plot.height : t.plot.width);
-	return i >= a && i <= o ? i : null;
+	let i = n.items[0], a = t.xToPx(e.series[i.seriesIndex]?.cols.x[i.index] ?? y(e, i.x)), o = t.horizontal ? t.plot.y : t.plot.x, s = o + (t.horizontal ? t.plot.height : t.plot.width);
+	return a >= o && a <= s ? a : null;
 };
 //#endregion
-export { b as DEFAULT_PADDING, E as collectPointLabels, Z as colorLegend, Y as connectorSegments, q as contrastRing, te as crosshairAt, M as dotSize, x as fallbackResolve, B as hitTest, R as hoverItemOf, K as hoverMarks, C as layoutChart, ee as legendShape, Q as legendShown, O as pointOf, S as resolveAnnotations, V as sameHover, $ as showsCrosshair, W as tooltipContent };
+export { K as ARROW_HEAD, x as DEFAULT_PADDING, ne as collectPointLabels, Q as colorLegend, W as connectorSegments, H as contrastRing, me as crosshairAt, ue as dependencyArrows, A as dotSize, S as fallbackResolve, ae as hitTest, P as hoverItemOf, V as hoverMarks, C as layoutChart, pe as legendShape, fe as legendShown, E as pointOf, ee as resolveAnnotations, G as resolveDependencies, I as sameHover, $ as showsCrosshair, z as tooltipContent };
 
 //# sourceMappingURL=scene.js.map