minerva-design 1.4.0 → 1.6.0

package/dist/charts/engine/scene.js

@@ -1,57 +1,57 @@
 import { nearestIndex as e } from "./data.js";
-import { mix as t, toCss as n, unpackColor as r } from "./color.js";
-import { numberFormat as i } from "./locale.js";
-import { alongX as a, alongY as o, computePlot as s, createScales as c, screenRect as l, toData as u, toScreen as d } from "./layout.js";
-import { formatPercent as f, tickFormatter as p } from "./format.js";
-import { gridOf as m, plottedY as h } from "./model.js";
-import { axisTicks as g } from "./axis.js";
-var _ = {
+import { luminance as t, mix as n, toCss as r, unpackColor as i } from "./color.js";
+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, toPlotX as y } from "./model.js";
+import { axisTicks as b } from "./axis.js";
+var x = {
 	top: 12,
 	right: 16,
 	bottom: 4,
 	left: 4
-}, v = (e, t) => t, y = (e, n) => {
-	let r = n.resolve ?? v;
+}, S = (e, t) => t, C = (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 i = e.color ? r(e.color, n.primary) : n.primary;
+			let r = e.color ? a(e.color, t.primary) : t.primary;
 			return {
 				type: "rect",
-				x0: e.x0,
-				x1: e.x1,
-				y0: e.y0,
-				y1: e.y1,
-				color: i,
+				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 ? r(e.labelColor, i) : t(i, n.text, .2)
+				labelColor: e.labelColor ? a(e.labelColor, r) : n(r, t.text, .2)
 			};
 		}
 		return e.type === "text" ? {
 			type: "text",
-			x: e.x,
-			y: e.y,
+			x: s(e.x),
+			y: o(e.y),
 			text: e.text,
 			anchor: e.anchor ?? "center",
-			color: e.color ? r(e.color, n.textMuted) : n.textMuted,
+			color: e.color ? a(e.color, t.textMuted) : t.textMuted,
 			weight: e.weight ?? 500
 		} : {
 			type: "line",
 			axis: e.axis,
-			value: e.value,
-			color: e.color ? r(e.color, n.textMuted) : n.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
 		};
 	});
-}, b = (e) => {
+}, w = (e) => {
 	let { model: t, view: n, theme: r, width: i, height: a, measure: o } = e;
-	if (t.horizontal) return S(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 = g(t.y, n.y, l), d = 0;
+	if (t.horizontal) return E(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 = x(t, u), p = 0;
+	let f = T(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,9 +60,9 @@ var _ = {
 		for (let n = 0; n < t.x.categories.length; n += e) m = Math.max(m, o(t.x.categories[n]));
 	}
 	let h = {
-		..._,
+		...x,
 		...e.padding
-	}, v = s({
+	}, g = s({
 		width: i,
 		height: a,
 		padding: h,
@@ -74,28 +74,35 @@ var _ = {
 		yTitle: !!t.y.title && t.y.visible,
 		fontSize: r.fontSize
 	});
-	e.top && (v.y += e.top);
-	let y = t.x.type === "category" ? Math.max(1, Math.floor(v.width / (m + 14))) : t.x.tickCount ?? Math.max(3, Math.floor(v.width / 88)), b = g(t.x, n.x, y);
+	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 = b(t.x, n.x, _);
 	return {
-		plot: v,
-		scales: c(v, n, t.x.reverse, t.y.reverse),
-		xTicks: b,
+		plot: g,
+		scales: c(g, n, t.x.reverse, t.y.reverse),
+		xTicks: v,
 		yTicks: u,
 		y2Ticks: f
 	};
-}, x = (e, t) => {
-	let n = e.y2, r = e.y2Map;
-	if (!n || !r || !r.scale) return null;
-	let i = t.values.map((e) => (e - r.offset) / r.scale), a = i.length > 1 ? Math.abs(i[1] - i[0]) : 1, o = 0;
-	for (let e of i) o = Math.max(o, Math.abs(e));
-	let s = n.format ?? p(a, o, e.locale);
+}, T = (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 = b(i, [Math.min(e, t), Math.max(e, t)], r);
+		return {
+			...o,
+			values: o.values.map((e) => e * a.scale + a.offset)
+		};
+	}
+	let o = t.values.map((e) => (e - a.offset) / a.scale), s = o.length > 1 ? Math.abs(o[1] - o[0]) : 1, c = 0;
+	for (let e of o) c = Math.max(c, Math.abs(e));
+	let l = i.format ?? g(s, c, e.locale);
 	return {
 		values: t.values,
-		labels: i.map(s),
-		formatValue: n.format ?? e.formatValue
+		labels: o.map(l),
+		formatValue: i.format ?? e.formatValue
 	};
-}, S = (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 = g(t.x, n.x, u), f = 0;
+}, E = (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));
@@ -106,7 +113,7 @@ var _ = {
 		} else for (let e of d.labels) f = Math.max(f, o(e));
 	}
 	let p = {
-		..._,
+		...x,
 		...e.padding
 	}, m = s({
 		width: i,
@@ -119,31 +126,31 @@ var _ = {
 		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)))), v = g(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),
 		xTicks: d,
-		yTicks: v,
+		yTicks: g,
 		y2Ticks: null
 	};
-}, C = (e, t, n, r) => {
+}, D = (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;
 		if (r.type === "bar" && r.barTop) {
-			let o = r.format ?? (r.yAxis === "right" ? e.y2?.format ?? e.formatValue : a), { x: s, count: c } = r.cols, { y: l, y0: u, labels: f } = r.raw, p = r.barTop, [m, h] = t.x[0] <= t.x[1] ? t.x : [t.x[1], t.x[0]];
+			let o = r.format ?? (r.yAxis === "right" ? e.y2?.format ?? e.formatValue : a), { x: s, count: c } = r.cols, { y: l, y0: u, labels: d } = r.raw, p = r.barTop, [m, h] = t.x[0] <= t.x[1] ? t.x : [t.x[1], t.x[0]];
 			for (let t = 0; t < c && i.length < 300; t++) {
 				let a = s[t] + r.barOffset;
 				if (!Number.isFinite(l[t]) || a < m || a > h) continue;
-				let c = p[t] < (r.barBase?.[t] ?? 0) !== e.y.reverse, g = d(n, a, p[t]), _ = r.floating && u && Number.isFinite(u[t]);
-				if (_ && e.y.type === "time" && !f?.[t]) continue;
+				let c = p[t] < (r.barBase?.[t] ?? 0) !== e.y.reverse, g = f(n, a, p[t]), _ = r.floating && u && Number.isFinite(u[t]);
+				if (_ && e.y.type === "time" && !d?.[t]) continue;
 				let v = _ ? l[t] - (u?.[t] ?? 0) : 0;
 				i.push({
 					x: g.x,
 					y: g.y,
 					r: 0,
-					text: f?.[t] ?? (_ ? `${v > 0 ? "+" : ""}${o(v)}` : o(l[t])),
+					text: d?.[t] ?? (_ ? `${v > 0 ? "+" : ""}${o(v)}` : o(l[t])),
 					placement: n.horizontal ? c ? "left" : "right" : c ? "below" : "above"
 				});
 			}
@@ -154,9 +161,9 @@ var _ = {
 		if (l) for (let e = 0; e < c && i.length < 300; e++) {
 			let a = l[e];
 			if (!a) continue;
-			let c = o[e], f = s[e];
-			if (c < t.x[0] || c > t.x[1] || f < t.y[0] || f > t.y[1]) continue;
-			let p = u && u[e] > 0 ? u[e] : r.pointSize, m = d(n, c, f);
+			let c = o[e], d = s[e];
+			if (c < t.x[0] || c > t.x[1] || d < t.y[0] || d > t.y[1]) continue;
+			let p = u && u[e] > 0 ? u[e] : r.pointSize, m = f(n, c, d);
 			i.push({
 				x: m.x,
 				y: m.y,
@@ -166,21 +173,21 @@ var _ = {
 		}
 	}
 	return i;
-}, w = (e) => e.type === "bar" || e.type === "boxplot" ? e.barOffset : 0, T = (e, t, n) => {
-	let r = d(n, e.cols.x[t] + w(e), h(e, t));
+}, O = (e) => e.type === "bar" || e.type === "boxplot" ? e.barOffset : 0, k = (e, t, n) => {
+	let r = f(n, e.cols.x[t] + O(e), v(e, t));
 	return {
 		px: r.x,
 		py: r.y
 	};
-}, E = (e, t, n, r, i, a, o) => {
+}, A = (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;
-}, D = (e, t, n, r, i) => {
-	let s = T(e, t, i), c = a(i, n, r), l = o(i, n, r), u = i.xToPx(e.cols.x[t] + w(e)), d = !1;
-	if (e.type === "bar" && e.barBase && e.barTop) d = E(i, u, e.barHalfWidth / Math.abs(i.xPerPx), e.barBase[t], e.barTop[t], c, l);
+}, j = (e, t, n, r, i) => {
+	let s = k(e, t, i), c = a(i, n, r), l = o(i, n, r), u = i.xToPx(e.cols.x[t] + O(e)), d = !1;
+	if (e.type === "bar" && e.barBase && e.barTop) d = A(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 = E(i, u, Math.max(e.barHalfWidth / Math.abs(i.xPerPx), 3), n ? n[t] : a[t], r ? r[t] : a[t], c, l);
+		d = A(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,
@@ -191,28 +198,36 @@ var _ = {
 		dist: d ? 0 : Math.hypot(s.px - n, s.py - r),
 		inside: d
 	};
-}, O = (e, t) => e.cols.size && e.cols.size[t] > 0 ? e.cols.size[t] : e.pointSize, k = /* @__PURE__ */ new WeakMap(), A = (e) => {
+}, M = (e, t, n, r, i, s) => {
+	let c = e.cols.outliers?.[t];
+	if (!c) return;
+	let l = i.xToPx(e.cols.x[t] + O(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;
+}, N = (e, t) => e.cols.size && e.cols.size[t] > 0 ? e.cols.size[t] : e.pointSize, P = /* @__PURE__ */ new WeakMap(), F = (e) => {
 	let t = e.cols.size;
 	if (!t) return e.pointSize;
-	let n = k.get(t);
+	let n = P.get(t);
 	if (n === void 0) {
 		n = e.pointSize;
 		for (let e = 0; e < t.length; e++) t[e] > n && (n = t[e]);
-		k.set(t, n);
+		P.set(t, n);
 	}
 	return n;
-}, j = (e, t, n, r, i) => {
-	let a = Math.max(A(e) / 2 + 6, 10) + i, o = u(r, t, n), s = a * Math.abs(r.xPerPx), c = a * Math.abs(r.yPerPx), l = -1, f = Infinity, { x: p, y: h } = e.cols;
-	return m(e).query(o.x - s, o.x + s, o.y - c, o.y + c, (a) => {
-		let o = d(r, p[a], h[a]), s = Math.hypot(o.x - t, o.y - n);
-		s <= Math.max(O(e, a) / 2 + 4, 8) + i && s <= f && (f = s, l = a);
+}, I = (e, t, n, r, i) => {
+	let a = Math.max(F(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(N(e, a) / 2 + 4, 8) + i && s <= u && (u = s, l = a);
 	}), l;
-}, M = (e, t, n) => {
+}, L = (e, t, n) => {
 	let { x: r, y: i } = e.cellHalf, { x: a, y: o } = e.cols, s = -1;
-	return m(e).query(t - r, t + r, n - i, n + i, (c) => {
+	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;
-}, N = (t, n) => {
+}, R = (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;
@@ -222,16 +237,16 @@ var _ = {
 		t < c && (c = t, s = e);
 	}
 	return s;
-}, P = (e, t) => {
-	let i = 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 = i ? n(i) : e.colorCss, g = {};
+}, z = (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 r = a ? a[t] : NaN;
-		Number.isFinite(r) && (g.open = r), o && Number.isFinite(o[t]) && (g.high = o[t]), s && Number.isFinite(s[t]) && (g.low = s[t]), h = n(e.raw.y[t] < r ? e.downColor : e.upColor);
+		let n = a ? a[t] : NaN;
+		Number.isFinite(n) && (g.open = n), o && Number.isFinite(o[t]) && (g.high = o[t]), s && Number.isFinite(s[t]) && (g.low = s[t]), h = r(e.raw.y[t] < n ? e.downColor : e.upColor);
 	} else if (e.type === "heatmap") {
-		let i = c ? c[t] : e.raw.y[t];
-		Number.isFinite(i) && (g.value = i);
+		let n = c ? c[t] : e.raw.y[t];
+		Number.isFinite(n) && (g.value = n);
 		let a = e.cellColors?.[t];
-		a && (h = n(r(a)));
+		a && (h = r(i(a)));
 	} else if (e.type === "boxplot") {
 		o && Number.isFinite(o[t]) && (g.high = o[t]), s && Number.isFinite(s[t]) && (g.low = s[t]), u && Number.isFinite(u[t]) && (g.q1 = u[t]), d && Number.isFinite(d[t]) && (g.q3 = d[t]);
 		let e = f?.[t];
@@ -248,118 +263,159 @@ var _ = {
 		...m === void 0 ? {} : { label: m },
 		...g
 	};
-}, F = (e, t) => {
+}, B = (e, t) => {
 	if (!e.length) return null;
 	e.sort((e, t) => e.series.index - t.series.index);
-	let n = e.map((e) => P(e.series, e.index)), r = n[0].x;
+	let n = e.map((e) => {
+		let t = z(e.series, e.index);
+		return e.outlier !== void 0 && (t.outlier = e.outlier), t;
+	}), r = n[0].x;
 	return {
 		items: n,
 		x: r,
 		xLabel: t?.formatValue(r) ?? String(r)
 	};
-}, I = (e, t, n, r, i, a = 0) => {
+}, V = (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 = u(t, r, i), l = [], d = [];
-	for (let n of e.series) if (!(n.hidden || n.cols.count === 0)) {
+	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 = j(n, r, i, t, a);
-			e >= 0 && l.push(D(n, e, r, i, t));
+			let e = I(n, r, i, t, a);
+			e >= 0 && l.push(j(n, e, r, i, t));
 		} else if (n.type === "heatmap") {
-			let e = M(n, c.x, c.y);
+			let e = L(n, c.x, c.y);
 			if (e >= 0) {
-				let a = D(n, e, r, i, t);
+				let a = j(n, e, r, i, t);
 				a.inside = !0, a.dist = 0, l.push(a);
 			}
 		} else {
-			let e = N(n, c.x);
-			e >= 0 && d.push(D(n, e, r, i, t));
+			let e = R(n, c.x);
+			if (e < 0) continue;
+			let o = j(n, e, r, i, t);
+			n.type === "boxplot" && (o.outlier = M(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 ? B([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, ...d].filter((e) => e.inside || e.series.type === "scatter" || e.dist <= 32 + a);
-		return e.length ? F([e.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
+		let e = [...l, ...u].filter((e) => e.inside || e.series.type === "scatter" || e.dist <= 32 + a);
+		return e.length ? B([e.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
 	}
-	if (!d.length) return l.length ? F([l.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
-	let f = Math.min(...d.map((e) => e.dx)), p = e.x.type === "category" ? .5 / Math.abs(t.xPerPx) : 0, m = d.filter((e) => e.dx <= f + Math.max(1, p)), h = m.reduce((e, t) => t.dx < e.dx ? t : e), g = F([
+	if (!u.length) return l.length ? B([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 = B([
 		h,
 		...m.filter((e) => e !== h),
 		...l
 	], n);
-	return g && (g.x = P(h.series, h.index).x, g.xLabel = n?.formatValue(g.x) ?? String(g.x)), g;
-}, L = (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), R = {
+	return g && (g.x = z(h.series, h.index).x, g.xLabel = n?.formatValue(g.x) ?? String(g.x)), g;
+}, H = (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), U = {
 	style: "percent",
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
-}, z = (e, t, n, r = null) => {
-	let a = n?.formatValue ?? String, o = (t) => t.format ?? (t.yAxis === "right" ? r?.formatValue ?? e.y2?.format ?? e.formatValue : a), s = e.labels, c = t.items[0], l = c ? e.series[c.seriesIndex] : null;
-	if (t.items.length === 1 && l?.type === "heatmap") {
-		let n = e.y.type === "category" ? e.y.categories[Math.round(c.y)] ?? a(c.y) : a(c.y);
+}, W = (e, t) => e.raw.details?.[t]?.map((e) => ({
+	color: null,
+	name: e.name,
+	value: e.value
+})) ?? [], G = (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);
+		return {
+			title: s.label ?? t.xLabel,
+			titleColor: s.color,
+			subtitle: s.label === void 0 ? c.name : `${t.xLabel} · ${c.name}`,
+			rows: [
+				{
+					color: null,
+					name: o.start,
+					value: n(s.y0)
+				},
+				{
+					color: null,
+					name: o.end,
+					value: n(s.y)
+				},
+				{
+					color: null,
+					name: o.duration,
+					value: m(s.y - s.y0, e.locale)
+				},
+				...W(c, s.index)
+			]
+		};
+	}
+	if (t.items.length === 1 && c?.type === "heatmap") {
+		let n = e.y.type === "category" ? e.y.categories[Math.round(s.y)] ?? i(s.y) : i(s.y);
 		return {
 			title: `${t.xLabel} · ${n}`,
 			titleColor: null,
 			rows: [{
-				color: c.color,
-				name: c.label ?? l.name,
-				value: c.value === void 0 ? "–" : (l.format ?? e.formatValue)(c.value)
-			}]
+				color: s.color,
+				name: s.label ?? c.name,
+				value: s.value === void 0 ? "–" : (c.format ?? e.formatValue)(s.value)
+			}, ...W(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 ?? s.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,
 			titleColor: null,
-			rows: [{
-				color: n.color,
-				name: n.seriesName,
-				value: o(r)(n.y)
-			}, ...i]
+			rows: [
+				{
+					color: n.color,
+					name: n.seriesName,
+					value: a(s)(n.y)
+				},
+				...c,
+				...W(s, n.index)
+			]
 		};
-		let a = [
+		let l = s.yAxis === "right" ? r?.formatValue ?? e.y2?.format ?? e.formatValue : i, u = [
 			{
 				color: null,
-				name: e.x.title ?? s.x,
+				name: e.x.title ?? o.x,
 				value: t.xLabel
 			},
 			{
 				color: null,
-				name: (r.yAxis === "right" ? e.y2?.title : e.y.title) ?? s.y,
-				value: o(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
+			...c,
+			...W(s, n.index)
 		];
-		return n.label !== void 0 && e.series.length > 1 && a.push({
-			color: null,
-			name: "",
-			value: n.seriesName
-		}), {
+		return {
 			title: n.label ?? n.seriesName,
 			titleColor: n.color,
-			rows: a
+			...n.label !== void 0 && e.series.length > 1 ? { subtitle: n.seriesName } : {},
+			rows: u
 		};
 	}
-	let u = [], d = [], p = t.items.length === 1 && l?.type === "bar" && e.x.type !== "category" && c?.label !== void 0 ? c.label : null;
+	let l = [], u = [], d = t.items.length === 1 && c?.type === "bar" && e.x.type !== "category" && s?.label !== void 0 ? s.label : null;
 	for (let n of t.items) {
-		let t = e.series[n.seriesIndex], r = o(t);
-		if (d.push(u.length), t.type === "candlestick") {
-			let a = n.open !== void 0 && n.open !== 0 ? (n.y - n.open) / Math.abs(n.open) * 100 : NaN;
-			u.push({
+		let t = e.series[n.seriesIndex], r = a(t);
+		if (u.push(l.length), t.type === "candlestick") {
+			let i = n.open !== void 0 && n.open !== 0 ? (n.y - n.open) / Math.abs(n.open) * 100 : NaN;
+			l.push({
 				color: n.color,
 				name: t.name,
-				value: Number.isFinite(a) ? `${a >= 0 ? "+" : ""}${i(e.locale, R).format(a / 100)}` : ""
+				value: Number.isFinite(i) ? `${i >= 0 ? "+" : ""}${p(e.locale, U).format(i / 100)}` : ""
 			});
-			let o = [
-				[s.open, n.open],
-				[s.high, n.high],
-				[s.low, n.low],
-				[s.close, n.y]
+			let a = [
+				[o.open, n.open],
+				[o.high, n.high],
+				[o.low, n.low],
+				[o.close, n.y]
 			];
-			for (let [e, t] of o) t !== void 0 && Number.isFinite(t) && u.push({
+			for (let [e, t] of a) t !== void 0 && Number.isFinite(t) && l.push({
 				color: null,
 				name: e,
 				value: r(t)
@@ -367,116 +423,279 @@ var _ = {
 			continue;
 		}
 		if (t.type === "boxplot") {
-			u.push({
+			if (n.outlier !== void 0) {
+				l.push({
+					color: n.color,
+					name: n.label ? `${n.seriesName} · ${n.label}` : n.seriesName,
+					value: ""
+				}, {
+					color: null,
+					name: o.outlier,
+					value: r(n.outlier)
+				});
+				continue;
+			}
+			l.push({
 				color: n.color,
 				name: n.label ? `${n.seriesName} · ${n.label}` : n.seriesName,
 				value: ""
 			});
 			let e = [
-				[s.max, n.high],
-				[s.q3, n.q3],
-				[s.median, n.y],
-				[s.q1, n.q1],
-				[s.min, n.low]
+				[o.max, n.high],
+				[o.q3, n.q3],
+				[o.median, n.y],
+				[o.q1, n.q1],
+				[o.min, n.low]
 			];
-			for (let [t, n] of e) n !== void 0 && Number.isFinite(n) && u.push({
+			for (let [t, n] of e) n !== void 0 && Number.isFinite(n) && l.push({
 				color: null,
 				name: t,
 				value: r(n)
 			});
-			n.outliers && u.push({
+			n.outliers && l.push({
 				color: null,
-				name: s.outliers,
+				name: o.outliers,
 				value: String(n.outliers)
 			});
 			continue;
 		}
-		let a = r(n.y);
+		let i = r(n.y);
 		if (n.y0 !== void 0) {
-			let i = n.y - n.y0;
-			a = t.type === "bar" && e.y.type !== "time" ? `${i > 0 ? "+" : ""}${r(i)}` : `${r(n.y0)} – ${r(n.y)}`;
+			let a = n.y - n.y0;
+			i = t.type === "bar" && e.y.type !== "time" ? `${a > 0 ? "+" : ""}${r(a)}` : `${r(n.y0)} – ${r(n.y)}`;
 		}
-		u.push({
+		l.push({
 			color: n.color,
-			name: n.label && p === null ? `${n.seriesName} · ${n.label}` : n.seriesName,
-			value: a
-		});
+			name: n.label && d === null ? `${n.seriesName} · ${n.label}` : n.seriesName,
+			value: i
+		}), l.push(...W(t, n.index));
 	}
 	if (e.percent) {
 		let n = /* @__PURE__ */ new Map();
 		for (let r of t.items) {
-			let t = B(e, r.seriesIndex);
+			let t = K(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 = B(e, t.seriesIndex), a = i === null ? void 0 : n.get(i), o = u[d[r]];
-			a && o && Number.isFinite(t.y) && (o.value = `${(e.series[t.seriesIndex].format ?? e.formatValue)(t.y)} · ${f(Math.abs(t.y) / a * 100, e.locale, !0)}`);
+			let i = K(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)}`);
 		});
 	}
 	return {
-		title: p ?? t.xLabel,
+		title: d ?? t.xLabel,
 		titleColor: null,
-		rows: u
+		rows: l
 	};
-}, B = (e, t) => e.series[t].hidden ? null : e.stacks[t], V = (e, t, r) => {
-	let i = [], { plot: a } = t, o = Infinity, s = -Infinity;
-	for (let c of r.items) {
-		let r = e.series[c.seriesIndex];
-		if (r.type === "bar" || r.type === "candlestick" || r.type === "boxplot") {
-			let e = t.xToPx(c.x + w(r)), n = Math.max(r.barHalfWidth / Math.abs(t.xPerPx), 1);
-			o = Math.min(o, e - n), s = Math.max(s, e + n);
+}, K = (e, t) => e.series[t].hidden ? null : e.stacks[t], q = (e, t, n) => {
+	let a = [], { plot: o } = t, s = Infinity, c = -Infinity;
+	for (let d of n.items) {
+		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, p + O(n), Y(n, d));
+			a.push({
+				kind: "dot",
+				x: e.x,
+				y: e.y,
+				size: n.outlierSize + 3,
+				color: d.color,
+				halo: r(n.pointColors?.[d.index] ?? n.color, .2)
+			});
 			continue;
 		}
-		if (r.type === "heatmap") {
-			let e = t.xToPx(c.x), n = t.yToPx(c.y), a = Math.abs(r.cellHalf.x / t.xPerPx), o = Math.abs(r.cellHalf.y / t.yPerPx);
-			i.push({
+		if (n.type === "bar" || n.type === "candlestick" || n.type === "boxplot") {
+			let e = t.xToPx(p + O(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(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: h,
+				width: o.width,
+				height: g - h
+			}), v > _ && a.push({
+				kind: "guide",
+				x: _,
+				y: o.y,
+				width: v - _,
+				height: o.height
+			});
+			let y = n.cellColors?.[d.index], b = y ? i(y) : n.color;
+			a.push({
 				kind: "cell",
-				...l(t, e - a, e + a, n - o, n + o)
+				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: J(b),
+				radius: m.radius
 			});
 			continue;
 		}
-		let { px: u, py: d } = T(r, c.index, t);
-		if (u < a.x - 1 || u > a.x + a.width + 1 || d < a.y - 1 || d > a.y + a.height + 1) continue;
-		let f = r.type === "scatter" ? O(r, c.index) + 4 : Math.max(9, r.lineWidth * 2 + 5), p = r.pointColors?.[c.index] ?? r.color;
-		i.push({
+		let { px: m, py: h } = k(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" ? N(n, d.index) + 4 : Math.max(9, n.lineWidth * 2 + 5), _ = n.pointColors?.[d.index] ?? n.color;
+		a.push({
 			kind: "dot",
-			x: u,
-			y: d,
-			size: f,
-			color: c.color,
-			halo: n(p, .2)
+			x: m,
+			y: h,
+			size: g,
+			color: d.color,
+			halo: r(_, .2)
 		});
 	}
-	if (s > o) {
-		let e = Math.max(4, (s - o) * .14), n = t.horizontal ? a.y : a.x, r = n + (t.horizontal ? a.height : a.width), c = Math.max(n, o - e), l = Math.min(r, s + e);
-		l > c && i.unshift({
+	if (c > s) {
+		let e = Math.max(4, (c - s) * .14), n = t.horizontal ? o.y : o.x, r = n + (t.horizontal ? o.height : o.width), i = Math.max(n, s - e), l = Math.min(r, c + e);
+		l > i && a.unshift({
 			kind: "band",
 			...t.horizontal ? {
-				x: a.x,
-				y: c,
-				width: a.width,
-				height: l - c
+				x: o.x,
+				y: i,
+				width: o.width,
+				height: l - i
 			} : {
-				x: c,
-				y: a.y,
-				width: l - c,
-				height: a.height
+				x: i,
+				y: o.y,
+				width: l - i,
+				height: o.height
 			}
 		});
 	}
-	return i;
-}, H = (e) => e === "scatter" ? "dot" : e === "line" ? "line" : "square", U = (e, t, n) => n ?? (e.tooltipMode === "axis" && t.items.some((t) => {
+	return a;
+}, J = (e) => t(e) > .45 ? "rgba(15, 23, 42, 0.78)" : "rgba(255, 255, 255, 0.9)", Y = (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;
+}, X = (e, t) => {
+	let n = [];
+	for (let i of e.series) {
+		let e = i.connector;
+		if (!e || i.hidden || i.type !== "bar" || !i.barTop) continue;
+		let { x: a, count: o } = i.cols, s = i.barTop, c = i.barHalfWidth, [l, u] = t.view.x[0] <= t.view.x[1] ? t.view.x : [t.view.x[1], t.view.x[0]], d = r(e.color, .75), p = -1;
+		for (let r = 0; r < o && n.length < 1200; r++) if (Number.isFinite(s[r]) && Number.isFinite(a[r])) {
+			if (p >= 0 && a[r] + c >= l && a[p] - c <= u) {
+				let o = f(t, a[p] + i.barOffset + c, s[p]), l = f(t, a[r] + i.barOffset - c, s[p]);
+				n.push({
+					x0: o.x,
+					y0: o.y,
+					x1: l.x,
+					y1: l.y,
+					color: d,
+					width: e.width,
+					dash: e.dash
+				});
+			}
+			p = r;
+		}
+	}
+	return n;
+}, ee = (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
+	}));
+}, Z = {
+	length: 6,
+	half: 3.5
+}, te = (e, t) => {
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e.series) {
+		if (r.hidden || !r.tooltip || r.type !== "bar" && r.type !== "scatter") continue;
+		let { x: e, y: i, count: a } = r.cols, o = r.type === "bar" && r.barBase && r.barTop, s = o ? r.barHalfWidth / Math.abs(t.xPerPx) : N(r, 0) / 2;
+		for (let t = 0; t < a; t++) {
+			let a = Math.round(e[t]);
+			if (n.has(a)) continue;
+			let c = o ? r.barBase[t] : i[t], l = o ? r.barTop[t] : i[t];
+			Number.isFinite(c) && Number.isFinite(l) && n.set(a, {
+				at: e[t] + O(r),
+				start: Math.min(c, l),
+				end: Math.max(c, l),
+				half: s,
+				dot: !o
+			});
+		}
+	}
+	return n;
+}, ne = (e, t, n) => {
+	if (!n.length || e.x.type !== "category") return [];
+	let r = te(e, t), i = /* @__PURE__ */ new Map();
+	e.x.categories.forEach((e, t) => {
+		i.has(e) || i.set(e, t);
+	});
+	let a = t.horizontal, o = (e, t) => a ? {
+		x: e,
+		y: t
+	} : {
+		x: t,
+		y: e
+	}, s = (e) => {
+		let n = f(t, 0, e);
+		return a ? n.x : n.y;
+	}, c = (e) => {
+		let n = f(t, e, 0);
+		return a ? n.y : n.x;
+	}, l = Math.sign(s(t.view.y[1]) - s(t.view.y[0])) || 1, u = Math.abs(c(1) - c(0)), { length: d, half: p } = Z, m = [];
+	for (let e of n) {
+		let t = r.get(i.get(e.from) ?? NaN), n = r.get(i.get(e.to) ?? NaN);
+		if (!t || !n || t === n) continue;
+		let a = s(t.end) + (t.dot ? l * t.half : 0), f = c(t.at), h = s(n.start) - l * (n.dot ? n.half + 1 : 1), g = c(n.at), _ = h - l * d, v = [o(a, f)], y = a + l * 8;
+		if (l * (_ - y) >= 0) v.push(o(y, f), o(y, g), o(_, g));
+		else {
+			let e = f + (Math.sign(g - f) || 1) * Math.max(t.half + 3, u / 2), n = _ - l * 8;
+			v.push(o(y, f), o(y, e), o(n, e), o(n, g), o(_, g));
+		}
+		m.push({
+			points: v,
+			head: [
+				o(h, g),
+				o(_, g - p),
+				o(_, g + p)
+			],
+			color: e.color,
+			width: 1.25
+		});
+	}
+	return m;
+}, re = 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 < re; e++) {
+		let t = n[Math.round(e / 11 * (n.length - 1))];
+		a.push(r(i(t ?? 0)));
+	}
+	let o = t.format ?? e.formatValue, [s, c] = t.valueRange, l = [{
+		at: 0,
+		text: o(s)
+	}, {
+		at: 1,
+		text: o(c)
+	}], u = t.colorMidpoint;
+	return u !== null && u > s && u < c && l.splice(1, 0, {
+		at: .5,
+		text: o(u)
+	}), {
+		seriesIndex: t.index,
+		stops: a,
+		labels: l
+	};
+}, ie = (e, t, n) => e === void 0 ? n > 1 || Q(t) !== null : !!e, ae = (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";
-})), W = (e, t, n, r) => {
-	if (!U(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;
+})), oe = (e, t, n, r) => {
+	if (!$(e, n, r)) return 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 { _ as DEFAULT_PADDING, C as collectPointLabels, W as crosshairAt, O as dotSize, v as fallbackResolve, I as hitTest, P as hoverItemOf, V as hoverMarks, b as layoutChart, H as legendShape, T as pointOf, y as resolveAnnotations, L as sameHover, U as showsCrosshair, z as tooltipContent };
+export { Z as ARROW_HEAD, x as DEFAULT_PADDING, D as collectPointLabels, Q as colorLegend, X as connectorSegments, J as contrastRing, oe as crosshairAt, ne as dependencyArrows, N as dotSize, S as fallbackResolve, V as hitTest, z as hoverItemOf, q as hoverMarks, w as layoutChart, ae as legendShape, ie as legendShown, k as pointOf, C as resolveAnnotations, ee as resolveDependencies, H as sameHover, $ as showsCrosshair, G as tooltipContent };
 
 //# sourceMappingURL=scene.js.map