minerva-design 1.4.0 → 1.5.0

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

@@ -1,68 +1,68 @@
-import { mix as e, toCss as t, unpackColor as n } from "./color.js";
-import { nearestIndex as r } from "./data.js";
-import { alongX as i, alongY as a, computePlot as o, createScales as s, screenRect as c, toData as l, toScreen as u } from "./layout.js";
-import { numberFormat as d } from "./locale.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 e, mix as t, toCss as n, unpackColor as r } from "./color.js";
+import { nearestIndex as i } from "./data.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 } from "./model.js";
+import { axisTicks as y } from "./axis.js";
+var b = {
 	top: 12,
 	right: 16,
 	bottom: 4,
 	left: 4
-}, v = (e, t) => t, y = (t, n) => {
-	let r = n.resolve ?? v;
-	return (t ?? []).map((t) => {
-		if (t.type === "rect") {
-			let i = t.color ? r(t.color, n.primary) : n.primary;
+}, x = (e, t) => t, S = (e, n, r) => {
+	let i = n.resolve ?? x, a = (e) => r && e !== void 0 ? r(e) : e;
+	return (e ?? []).map((e) => {
+		if (e.type === "rect") {
+			let r = e.color ? i(e.color, n.primary) : n.primary;
 			return {
 				type: "rect",
-				x0: t.x0,
-				x1: t.x1,
-				y0: t.y0,
-				y1: t.y1,
-				color: i,
-				opacity: t.opacity ?? .08,
-				label: t.label,
-				labelPosition: t.labelPosition ?? "top-left",
-				labelColor: t.labelColor ? r(t.labelColor, i) : e(i, n.text, .2)
+				x0: e.x0,
+				x1: e.x1,
+				y0: a(e.y0),
+				y1: a(e.y1),
+				color: r,
+				opacity: e.opacity ?? .08,
+				label: e.label,
+				labelPosition: e.labelPosition ?? "top-left",
+				labelColor: e.labelColor ? i(e.labelColor, r) : t(r, n.text, .2)
 			};
 		}
-		return t.type === "text" ? {
+		return e.type === "text" ? {
 			type: "text",
-			x: t.x,
-			y: t.y,
-			text: t.text,
-			anchor: t.anchor ?? "center",
-			color: t.color ? r(t.color, n.textMuted) : n.textMuted,
-			weight: t.weight ?? 500
+			x: e.x,
+			y: a(e.y),
+			text: e.text,
+			anchor: e.anchor ?? "center",
+			color: e.color ? i(e.color, n.textMuted) : n.textMuted,
+			weight: e.weight ?? 500
 		} : {
 			type: "line",
-			axis: t.axis,
-			value: t.value,
-			color: t.color ? r(t.color, n.textMuted) : n.textMuted,
-			width: t.width ?? 1,
-			dash: [...t.dash ?? [4, 4]],
-			label: t.label
+			axis: e.axis,
+			value: e.axis === "y" ? a(e.value) : e.value,
+			color: e.color ? i(e.color, n.textMuted) : n.textMuted,
+			width: e.width ?? 1,
+			dash: [...e.dash ?? [4, 4]],
+			label: e.label
 		};
 	});
-}, b = (e) => {
-	let { model: t, view: n, theme: r, width: i, height: a, measure: c } = 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.y.visible) for (let e of u.labels) d = Math.max(d, c(e));
-	let f = x(t, u), p = 0;
-	if (f && t.y2?.visible) for (let e of f.labels) p = Math.max(p, c(e));
+}, 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.y.visible) for (let e of u.labels) d = Math.max(d, o(e));
+	let f = w(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") {
 		m = 0;
 		let e = Math.max(1, Math.floor(t.x.categories.length / 200));
-		for (let n = 0; n < t.x.categories.length; n += e) m = Math.max(m, c(t.x.categories[n]));
+		for (let n = 0; n < t.x.categories.length; n += e) m = Math.max(m, o(t.x.categories[n]));
 	}
 	let h = {
-		..._,
+		...b,
 		...e.padding
-	}, v = o({
+	}, g = s({
 		width: i,
 		height: a,
 		padding: h,
@@ -74,41 +74,48 @@ 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 = y(t.x, n.x, _);
 	return {
-		plot: v,
-		scales: s(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);
+}, w = (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);
+		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: c } = 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;
+}, 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;
 	if (t.x.visible) {
 		if (t.x.type === "category") {
 			let e = t.x.categories, n = Math.max(1, Math.floor(e.length / 200));
 			for (let r = 0; r < e.length; r += n) {
 				let n = t.x.format ? t.x.format(r) : e[r];
-				f = Math.max(f, c(n));
+				f = Math.max(f, o(n));
 			}
-		} else for (let e of d.labels) f = Math.max(f, c(e));
+		} else for (let e of d.labels) f = Math.max(f, o(e));
 	}
 	let p = {
-		..._,
+		...b,
 		...e.padding
-	}, m = o({
+	}, m = s({
 		width: i,
 		height: a,
 		padding: p,
@@ -119,44 +126,44 @@ 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 = y(t.y, n.y, h);
 	return {
 		plot: m,
-		scales: s(m, n, t.x.reverse, t.y.reverse, !0),
+		scales: c(m, n, t.x.reverse, t.y.reverse, !0),
 		xTicks: d,
-		yTicks: v,
+		yTicks: g,
 		y2Ticks: null
 	};
-}, C = (e, t, n, r) => {
+}, E = (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: d, 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 = u(n, a, p[t]), _ = r.floating && d && Number.isFinite(d[t]);
-				if (_ && e.y.type === "time" && !f?.[t]) continue;
-				let v = _ ? l[t] - (d?.[t] ?? 0) : 0;
+				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"
 				});
 			}
 			continue;
 		}
 		if (r.type !== "scatter") continue;
-		let { x: o, y: s, count: c, labels: l, size: d } = r.cols;
+		let { x: o, y: s, count: c, labels: l, size: u } = r.cols;
 		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 = d && d[e] > 0 ? d[e] : r.pointSize, m = u(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,133 +173,180 @@ var _ = {
 		}
 	}
 	return i;
-}, w = (e) => e.type === "bar" || e.type === "boxplot" ? e.barOffset : 0, T = (e, t, n) => {
-	let r = u(n, e.cols.x[t] + w(e), h(e, t));
+}, 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));
 	return {
 		px: r.x,
 		py: r.y
 	};
-}, E = (e, t, n, r, i, a, o) => {
+}, k = (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, o) => {
-	let s = T(e, t, o), c = i(o, n, r), l = a(o, n, r), u = o.xToPx(e.cols.x[t] + w(e)), d = !1;
-	if (e.type === "bar" && e.barBase && e.barTop) d = E(o, u, e.barHalfWidth / Math.abs(o.xPerPx), e.barBase[t], e.barTop[t], c, l);
+}, 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);
 	else if (e.type === "candlestick" || e.type === "boxplot") {
-		let { high: n, low: r, y: i } = e.cols;
-		d = E(o, u, Math.max(e.barHalfWidth / Math.abs(o.xPerPx), 3), n ? n[t] : i[t], r ? r[t] : i[t], c, l);
+		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);
 	}
 	return {
 		series: e,
 		index: t,
 		px: s.px,
 		py: s.py,
-		dx: Math.abs(o.xToPx(e.cols.x[t]) - c),
+		dx: Math.abs(i.xToPx(e.cols.x[t]) - c),
 		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) => {
+}, j = (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;
+	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) => {
 	let t = e.cols.size;
 	if (!t) return e.pointSize;
-	let n = k.get(t);
+	let n = N.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);
+		N.set(t, n);
 	}
 	return n;
-}, j = (e, t, n, r, i) => {
-	let a = Math.max(A(e) / 2 + 6, 10) + i, o = l(r, t, n), s = a * Math.abs(r.xPerPx), c = a * Math.abs(r.yPerPx), d = -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 = u(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, d = a);
-	}), d;
-}, M = (e, t, 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;
+	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);
+	}), l;
+}, I = (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 = (e, t) => {
-	let { x: n, y: i, count: a, sorted: o } = e.cols;
-	if (o) return r(n, i, a, t);
+}, L = (e, t) => {
+	let { x: n, y: r, count: a, sorted: o } = e.cols;
+	if (o) return i(n, r, a, t);
 	let s = -1, c = Infinity;
 	for (let e = 0; e < a; e++) {
-		if (!Number.isFinite(i[e])) continue;
-		let r = Math.abs(n[e] - t);
-		r < c && (c = r, s = e);
+		if (!Number.isFinite(r[e])) continue;
+		let i = Math.abs(n[e] - t);
+		i < c && (c = i, s = e);
 	}
 	return s;
-}, P = (e, r) => {
-	let i = e.pointColors?.[r], { open: a, high: o, low: s, value: c, y0: l, q1: u, q3: d, outliers: f, labels: p } = e.raw, m = p?.[r], h = i ? t(i) : e.colorCss, g = {};
+}, R = (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 = {};
 	if (e.type === "candlestick") {
-		let n = a ? a[r] : NaN;
-		Number.isFinite(n) && (g.open = n), o && Number.isFinite(o[r]) && (g.high = o[r]), s && Number.isFinite(s[r]) && (g.low = s[r]), h = t(e.raw.y[r] < n ? e.downColor : e.upColor);
+		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);
 	} else if (e.type === "heatmap") {
-		let i = c ? c[r] : e.raw.y[r];
+		let i = c ? c[t] : e.raw.y[t];
 		Number.isFinite(i) && (g.value = i);
-		let a = e.cellColors?.[r];
-		a && (h = t(n(a)));
+		let a = e.cellColors?.[t];
+		a && (h = n(r(a)));
 	} else if (e.type === "boxplot") {
-		o && Number.isFinite(o[r]) && (g.high = o[r]), s && Number.isFinite(s[r]) && (g.low = s[r]), u && Number.isFinite(u[r]) && (g.q1 = u[r]), d && Number.isFinite(d[r]) && (g.q3 = d[r]);
-		let e = f?.[r];
+		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];
 		e && (g.outliers = e.length);
-	} else l && Number.isFinite(l[r]) && (g.y0 = l[r]), e.type === "scatter" && c && Number.isFinite(c[r]) && (g.value = c[r]);
+	} else l && Number.isFinite(l[t]) && (g.y0 = l[t]), e.type === "scatter" && c && Number.isFinite(c[t]) && (g.value = c[t]);
 	return {
 		seriesIndex: e.index,
 		seriesId: e.id,
 		seriesName: e.name,
-		index: r,
-		x: e.raw.x[r],
-		y: e.raw.y[r],
+		index: t,
+		x: e.raw.x[t],
+		y: e.raw.y[t],
 		color: h,
 		...m === void 0 ? {} : { label: m },
 		...g
 	};
-}, F = (e, t) => {
+}, z = (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 = R(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) => {
+}, B = (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 = l(t, r, i), u = [], 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 && u.push(D(n, e, r, i, t));
+			let e = F(n, r, i, t, a);
+			e >= 0 && l.push(A(n, e, r, i, t));
 		} else if (n.type === "heatmap") {
-			let e = M(n, c.x, c.y);
+			let e = I(n, c.x, c.y);
 			if (e >= 0) {
-				let a = D(n, e, r, i, t);
-				a.inside = !0, a.dist = 0, u.push(a);
+				let a = A(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 = L(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);
 		}
 	}
+	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;
+	}
 	if (e.tooltipMode === "nearest") {
-		let e = [...u, ...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 ? z([e.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
 	}
-	if (!d.length) return u.length ? F([u.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 ? 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([
 		h,
 		...m.filter((e) => e !== h),
-		...u
+		...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 = 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 = {
 	style: "percent",
 	minimumFractionDigits: 2,
 	maximumFractionDigits: 2
-}, z = (e, t, n, r = null) => {
+}, U = (e, t) => e.raw.details?.[t]?.map((e) => ({
+	color: null,
+	name: e.name,
+	value: e.value
+})) ?? [], W = (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)
+				},
+				...U(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 {
@@ -302,7 +356,7 @@ var _ = {
 				color: s.color,
 				name: s.label ?? c.name,
 				value: s.value === void 0 ? "–" : (c.format ?? e.formatValue)(s.value)
-			}]
+			}, ...U(c, s.index)]
 		};
 	}
 	if (t.items.every((t) => e.series[t.seriesIndex].type === "scatter") && t.items.length === 1) {
@@ -314,11 +368,15 @@ var _ = {
 		if (e.x.type === "category") return {
 			title: n.label ?? t.xLabel,
 			titleColor: null,
-			rows: [{
-				color: n.color,
-				name: n.seriesName,
-				value: a(r)(n.y)
-			}, ...i]
+			rows: [
+				{
+					color: n.color,
+					name: n.seriesName,
+					value: a(r)(n.y)
+				},
+				...i,
+				...U(r, n.index)
+			]
 		};
 		let s = [
 			{
@@ -331,7 +389,8 @@ var _ = {
 				name: (r.yAxis === "right" ? e.y2?.title : e.y.title) ?? o.y,
 				value: a(r)(n.y)
 			},
-			...i
+			...i,
+			...U(r, n.index)
 		];
 		return n.label !== void 0 && e.series.length > 1 && s.push({
 			color: null,
@@ -343,7 +402,7 @@ var _ = {
 			rows: s
 		};
 	}
-	let l = [], u = [], p = t.items.length === 1 && c?.type === "bar" && e.x.type !== "category" && s?.label !== void 0 ? s.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 = a(t);
 		if (u.push(l.length), t.type === "candlestick") {
@@ -351,7 +410,7 @@ var _ = {
 			l.push({
 				color: n.color,
 				name: t.name,
-				value: Number.isFinite(i) ? `${i >= 0 ? "+" : ""}${d(e.locale, R).format(i / 100)}` : ""
+				value: Number.isFinite(i) ? `${i >= 0 ? "+" : ""}${p(e.locale, H).format(i / 100)}` : ""
 			});
 			let a = [
 				[o.open, n.open],
@@ -367,6 +426,18 @@ var _ = {
 			continue;
 		}
 		if (t.type === "boxplot") {
+			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,
@@ -398,85 +469,167 @@ var _ = {
 		}
 		l.push({
 			color: n.color,
-			name: n.label && p === null ? `${n.seriesName} · ${n.label}` : n.seriesName,
+			name: n.label && d === null ? `${n.seriesName} · ${n.label}` : n.seriesName,
 			value: i
-		});
+		}), l.push(...U(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 = G(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 = l[u[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 = G(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: l
 	};
-}, B = (e, t) => e.series[t].hidden ? null : e.stacks[t], V = (e, n, r) => {
-	let i = [], { plot: a } = n, o = Infinity, s = -Infinity;
-	for (let l of r.items) {
-		let r = e.series[l.seriesIndex];
-		if (r.type === "bar" || r.type === "candlestick" || r.type === "boxplot") {
-			let e = n.xToPx(l.x + w(r)), t = Math.max(r.barHalfWidth / Math.abs(n.xPerPx), 1);
-			o = Math.min(o, e - t), s = Math.max(s, e + t);
+}, G = (e, t) => e.series[t].hidden ? null : e.stacks[t], K = (e, t, i) => {
+	let a = [], { plot: o } = t, s = Infinity, c = -Infinity;
+	for (let d of i.items) {
+		let i = e.series[d.seriesIndex];
+		if (i.type === "boxplot" && d.outlier !== void 0) {
+			let e = f(t, d.x + D(i), J(i, d));
+			a.push({
+				kind: "dot",
+				x: e.x,
+				y: e.y,
+				size: i.outlierSize + 3,
+				color: d.color,
+				halo: n(i.pointColors?.[d.index] ?? i.color, .2)
+			});
 			continue;
 		}
-		if (r.type === "heatmap") {
-			let e = n.xToPx(l.x), t = n.yToPx(l.y), a = Math.abs(r.cellHalf.x / n.xPerPx), o = Math.abs(r.cellHalf.y / n.yPerPx);
-			i.push({
+		if (i.type === "bar" || i.type === "candlestick" || i.type === "boxplot") {
+			let e = t.xToPx(d.x + D(i)), n = Math.max(i.barHalfWidth / Math.abs(t.xPerPx), 1);
+			s = Math.min(s, e - n), c = Math.max(c, e + n);
+			continue;
+		}
+		if (i.type === "heatmap") {
+			let e = t.xToPx(d.x), n = t.yToPx(d.y), s = Math.abs(i.cellHalf.x / t.xPerPx), c = Math.abs(i.cellHalf.y / t.yPerPx), f = u(t, e - s, e + s, n - c, n + c), p = l(f.width, f.height, i.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({
+				kind: "guide",
+				x: o.x,
+				y: m,
+				width: o.width,
+				height: h - m
+			}), _ > g && a.push({
+				kind: "guide",
+				x: g,
+				y: o.y,
+				width: _ - g,
+				height: o.height
+			});
+			let v = i.cellColors?.[d.index], y = v ? r(v) : i.color;
+			a.push({
 				kind: "cell",
-				...c(n, e - a, e + a, t - o, t + o)
+				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),
+				color: d.color,
+				ring: q(y),
+				radius: p.radius
 			});
 			continue;
 		}
-		let { px: u, py: d } = T(r, l.index, n);
-		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, l.index) + 4 : Math.max(9, r.lineWidth * 2 + 5), p = r.pointColors?.[l.index] ?? r.color;
-		i.push({
+		let { px: p, py: m } = O(i, 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 = i.type === "scatter" ? M(i, d.index) + 4 : Math.max(9, i.lineWidth * 2 + 5), g = i.pointColors?.[d.index] ?? i.color;
+		a.push({
 			kind: "dot",
-			x: u,
-			y: d,
-			size: f,
-			color: l.color,
-			halo: t(p, .2)
+			x: p,
+			y: m,
+			size: h,
+			color: d.color,
+			halo: n(g, .2)
 		});
 	}
-	if (s > o) {
-		let e = Math.max(4, (s - o) * .14), t = n.horizontal ? a.y : a.x, r = t + (n.horizontal ? a.height : a.width), c = Math.max(t, 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",
-			...n.horizontal ? {
-				x: a.x,
-				y: c,
-				width: a.width,
-				height: l - c
+			...t.horizontal ? {
+				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;
+}, q = (t) => e(t) > .45 ? "rgba(15, 23, 42, 0.78)" : "rgba(255, 255, 255, 0.9)", J = (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) => {
+	let r = [];
+	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 = n(e.color, .75), p = -1;
+		for (let n = 0; n < o && r.length < 1200; n++) if (Number.isFinite(s[n]) && Number.isFinite(a[n])) {
+			if (p >= 0 && a[n] + c >= l && a[p] - c <= u) {
+				let o = f(t, a[p] + i.barOffset + c, s[p]), l = f(t, a[n] + i.barOffset - c, s[p]);
+				r.push({
+					x0: o.x,
+					y0: o.y,
+					x1: l.x,
+					y1: l.y,
+					color: d,
+					width: e.width,
+					dash: e.dash
+				});
+			}
+			p = n;
+		}
+	}
+	return r;
+}, X = 12, Z = (e) => {
+	if (!e.series.length || e.series.some((e) => e.type !== "heatmap")) return null;
+	let t = e.series.find((e) => !e.hidden && e.colorLut), i = t?.colorLut;
+	if (!t || !i) return null;
+	let a = [];
+	for (let e = 0; e < X; e++) {
+		let t = i[Math.round(e / 11 * (i.length - 1))];
+		a.push(n(r(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
+	};
+}, 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) => {
 	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;
+})), te = (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;
 };
 //#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 { 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 };
 
 //# sourceMappingURL=scene.js.map