minerva-design 1.3.0 → 1.5.0

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

@@ -1,353 +1,635 @@
-import { mix as e, toCss as t, unpackColor as n } from "./color.js";
-import { nearestIndex as r } from "./data.js";
-import { computePlot as i, createScales as a } from "./layout.js";
-import { gridOf as o, plottedY as s } from "./model.js";
-import { formatValue as c } from "./format.js";
-import { axisTicks as l } from "./axis.js";
-var u = {
+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
-}, d = (e, t) => t, f = (t, n) => {
-	let r = n.resolve ?? d;
-	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
 		};
 	});
-}, p = (e) => {
-	let { model: t, view: n, theme: r, width: o, height: s, measure: c } = e, d = t.y.tickCount ?? (t.y.type === "category" ? Math.max(1, Math.floor((s - 40) / (r.fontSize + 5))) : s >= 220 ? 5 : Math.max(2, Math.round((s - 48) / 52))), f = l(t.y, n.y, d), p = 0;
-	if (t.y.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 = {
-		...u,
+		...b,
 		...e.padding
-	}, g = i({
-		width: o,
-		height: s,
+	}, g = s({
+		width: i,
+		height: a,
 		padding: h,
-		yLabelWidth: t.y.visible ? Math.ceil(p) : 0,
+		yLabelWidth: t.y.visible ? Math.ceil(d) : 0,
+		y2LabelWidth: Math.ceil(p),
+		y2Title: !!t.y2?.title && !!t.y2.visible,
 		xAxisVisible: t.x.visible,
 		xTitle: !!t.x.title && t.x.visible,
 		yTitle: !!t.y.title && t.y.visible,
 		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 = l(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 = y(t.x, n.x, _);
 	return {
 		plot: g,
-		scales: a(g, n, t.x.reverse, t.y.reverse),
+		scales: c(g, n, t.x.reverse, t.y.reverse),
 		xTicks: v,
-		yTicks: f
+		yTicks: u,
+		y2Ticks: f
 	};
-}, m = (e, t, n, r) => {
-	let i = [], a = e.percent ? c : r?.formatValue ?? c;
+}, 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: 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;
+	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, o(n));
+			}
+		} else for (let e of d.labels) f = Math.max(f, o(e));
+	}
+	let p = {
+		...b,
+		...e.padding
+	}, m = s({
+		width: i,
+		height: a,
+		padding: p,
+		yLabelWidth: t.x.visible ? Math.ceil(f) : 0,
+		xAxisVisible: t.y.visible,
+		xTitle: !!t.y.title && t.y.visible,
+		yTitle: !!t.x.title && t.x.visible,
+		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);
+	return {
+		plot: m,
+		scales: c(m, n, t.x.reverse, t.y.reverse, !0),
+		xTicks: d,
+		yTicks: g,
+		y2Ticks: null
+	};
+}, 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 e = r.format ?? a, { x: o, y: s, count: c } = r.cols, l = r.barTop, [u, d] = 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 = o[t] + r.barOffset;
-				if (!Number.isFinite(s[t]) || a < u || a > d) continue;
-				let c = l[t] < (r.barBase?.[t] ?? 0);
+				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 = 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: n.xToPx(a),
-					y: n.yToPx(l[t]),
+					x: g.x,
+					y: g.y,
 					r: 0,
-					text: e(s[t]),
-					placement: c ? "below" : "above"
+					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: e, y: o, count: s, labels: c, size: l } = r.cols;
-		if (c) for (let a = 0; a < s && i.length < 300; a++) {
-			let s = c[a];
-			if (!s) continue;
-			let u = e[a], d = o[a];
-			if (u < t.x[0] || u > t.x[1] || d < t.y[0] || d > t.y[1]) continue;
-			let f = l && l[a] > 0 ? l[a] : r.pointSize;
+		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], 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: n.xToPx(u),
-				y: n.yToPx(d),
-				r: f / 2,
-				text: s
+				x: m.x,
+				y: m.y,
+				r: p / 2,
+				text: a
 			});
 		}
 	}
 	return i;
-}, h = (e, t, n) => {
-	let r = e.cols.x[t] + (e.type === "bar" ? e.barOffset : 0);
+}, 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: n.xToPx(r),
-		py: n.yToPx(s(e, t))
+		px: r.x,
+		py: r.y
 	};
-}, g = (e, t, n, r, i) => {
-	let a = h(e, t, i), o = !1;
-	if (e.type === "bar" && e.barBase) {
-		let s = e.barHalfWidth / i.xPerPx, c = i.yToPx(e.barBase[t]);
-		o = Math.abs(n - a.px) <= s && r >= Math.min(c, a.py) - 2 && r <= Math.max(c, a.py) + 2;
-	} else if (e.type === "candlestick") {
-		let { high: s, low: c, y: l } = e.cols, u = Math.max(e.barHalfWidth / i.xPerPx, 3), d = i.yToPx(s ? s[t] : l[t]), f = i.yToPx(c ? c[t] : l[t]);
-		o = Math.abs(n - a.px) <= u && r >= Math.min(d, f) - 2 && r <= Math.max(d, f) + 2;
+}, 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;
+}, 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: 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: a.px,
-		py: a.py,
-		dx: Math.abs(i.xToPx(e.cols.x[t]) - n),
-		dist: o ? 0 : Math.hypot(a.px - n, a.py - r),
-		inside: o
+		px: s.px,
+		py: s.py,
+		dx: Math.abs(i.xToPx(e.cols.x[t]) - c),
+		dist: d ? 0 : Math.hypot(s.px - n, s.py - r),
+		inside: d
 	};
-}, _ = (e, t) => e.cols.size && e.cols.size[t] > 0 ? e.cols.size[t] : e.pointSize, v = (e, t, n, r, i) => {
-	let a = Math.max(e.pointSize / 2 + 6, 10) + i, s = r.pxToX(t), c = r.pxToY(n), l = a * r.xPerPx, u = a * r.yPerPx, d = -1, f = Infinity, { x: p, y: m } = e.cols;
-	return o(e).query(s - l, s + l, c - u, c + u, (a) => {
-		let o = Math.hypot(r.xToPx(p[a]) - t, r.yToPx(m[a]) - n);
-		o <= Math.max(_(e, a) / 2 + 4, 8) + i && o <= f && (f = o, d = a);
-	}), d;
-}, y = (e, t, n) => {
-	let { x: r, y: i } = e.cellHalf, { x: a, y: s } = e.cols, c = -1;
-	return o(e).query(t - r, t + r, n - i, n + i, (o) => {
-		e.cellColors?.[o] && Math.abs(a[o] - t) <= r && Math.abs(s[o] - n) <= i && (c = o);
-	}), c;
-}, b = (e, t) => {
-	let { x: n, y: i, count: a, sorted: o } = e.cols;
-	if (o) return r(n, i, a, t);
+}, 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 = N.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);
+	}
+	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;
+	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 _(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 = (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;
-}, x = (e, r) => {
-	let i = e.pointColors?.[r], a = e.cols.labels?.[r], { open: o, high: s, low: c, value: l } = e.cols, u = i ? t(i) : e.colorCss, d = {};
+}, 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 = o ? o[r] : NaN;
-		Number.isFinite(n) && (d.open = n), s && Number.isFinite(s[r]) && (d.high = s[r]), c && Number.isFinite(c[r]) && (d.low = c[r]), u = t(e.cols.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 = l ? l[r] : e.cols.y[r];
-		Number.isFinite(i) && (d.value = i);
-		let a = e.cellColors?.[r];
-		a && (u = t(n(a)));
-	}
+		let i = c ? c[t] : e.raw.y[t];
+		Number.isFinite(i) && (g.value = i);
+		let a = e.cellColors?.[t];
+		a && (h = n(r(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];
+		e && (g.outliers = e.length);
+	} 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.cols.x[r],
-		y: e.cols.y[r],
-		color: u,
-		...a === void 0 ? {} : { label: a },
-		...d
+		index: t,
+		x: e.raw.x[t],
+		y: e.raw.y[t],
+		color: h,
+		...m === void 0 ? {} : { label: m },
+		...g
 	};
-}, S = (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) => x(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)
 	};
-}, C = (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 = t.pxToX(r), l = [], u = [];
-	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 = v(n, r, i, t, a);
-			e >= 0 && l.push(g(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 = y(n, t.pxToX(r), t.pxToY(i));
+			let e = I(n, c.x, c.y);
 			if (e >= 0) {
-				let a = g(n, e, r, i, t);
+				let a = A(n, e, r, i, t);
 				a.inside = !0, a.dist = 0, l.push(a);
 			}
 		} else {
-			let e = b(n, c);
-			e >= 0 && u.push(g(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 = [...l, ...u].filter((e) => e.inside || e.series.type === "scatter" || e.dist <= 32 + a);
-		return e.length ? S([e.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
+		return e.length ? z([e.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
 	}
-	if (!u.length) return l.length ? S([l.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
-	let d = Math.min(...u.map((e) => e.dx)), f = e.x.type === "category" ? .5 / t.xPerPx : 0, p = u.filter((e) => e.dx <= d + Math.max(1, f)), m = p.reduce((e, t) => t.dx < e.dx ? t : e), h = S([
-		m,
-		...p.filter((e) => e !== m),
+	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),
 		...l
 	], n);
-	return h && (h.x = x(m.series, m.index).x, h.xLabel = n?.formatValue(h.x) ?? String(h.x)), h;
-}, w = (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), T = (e, t, n) => {
-	let r = n?.formatValue ?? String, i = t.items[0], a = i ? e.series[i.seriesIndex] : null;
-	if (t.items.length === 1 && a?.type === "heatmap") {
-		let n = e.y.type === "category" ? e.y.categories[Math.round(i.y)] ?? r(i.y) : r(i.y);
+	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
+}, 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 {
 			title: `${t.xLabel} · ${n}`,
 			titleColor: null,
 			rows: [{
-				color: i.color,
-				name: i.label ?? a.name,
-				value: i.value === void 0 ? "–" : (a.format ?? c)(i.value)
-			}]
+				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) {
-		let n = t.items[0], i = [{
+		let n = t.items[0], r = e.series[n.seriesIndex], i = n.value === void 0 ? [] : [{
 			color: null,
-			name: e.x.title ?? "x",
-			value: t.xLabel
-		}, {
-			color: null,
-			name: e.y.title ?? "y",
-			value: r(n.y)
+			name: r.valueName ?? o.value,
+			value: (r.format ?? e.formatValue)(n.value)
 		}];
-		return n.label !== void 0 && e.series.length > 1 && i.push({
+		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,
+				...U(r, n.index)
+			]
+		};
+		let s = [
+			{
+				color: null,
+				name: e.x.title ?? o.x,
+				value: t.xLabel
+			},
+			{
+				color: null,
+				name: (r.yAxis === "right" ? e.y2?.title : e.y.title) ?? o.y,
+				value: a(r)(n.y)
+			},
+			...i,
+			...U(r, n.index)
+		];
+		return n.label !== void 0 && e.series.length > 1 && s.push({
 			color: null,
 			name: "",
 			value: n.seriesName
 		}), {
 			title: n.label ?? n.seriesName,
 			titleColor: n.color,
-			rows: i
+			rows: s
 		};
 	}
-	let o = [], s = [];
+	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];
-		if (s.push(o.length), t.type === "candlestick") {
-			let e = n.open !== void 0 && n.open !== 0 ? (n.y - n.open) / Math.abs(n.open) * 100 : NaN;
-			o.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(e) ? `${e >= 0 ? "+" : ""}${e.toFixed(2)}%` : ""
+				value: Number.isFinite(i) ? `${i >= 0 ? "+" : ""}${p(e.locale, H).format(i / 100)}` : ""
 			});
-			let i = [
-				["Open", n.open],
-				["High", n.high],
-				["Low", n.low],
-				["Close", n.y]
+			let a = [
+				[o.open, n.open],
+				[o.high, n.high],
+				[o.low, n.low],
+				[o.close, n.y]
 			];
-			for (let [e, n] of i) n !== void 0 && Number.isFinite(n) && o.push({
+			for (let [e, t] of a) t !== void 0 && Number.isFinite(t) && l.push({
 				color: null,
 				name: e,
-				value: (t.format ?? r)(n)
+				value: r(t)
+			});
+			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,
+				value: ""
+			});
+			let e = [
+				[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) && l.push({
+				color: null,
+				name: t,
+				value: r(n)
+			});
+			n.outliers && l.push({
+				color: null,
+				name: o.outliers,
+				value: String(n.outliers)
 			});
 			continue;
 		}
-		o.push({
+		let i = r(n.y);
+		if (n.y0 !== void 0) {
+			let a = n.y - n.y0;
+			i = t.type === "bar" && e.y.type !== "time" ? `${a > 0 ? "+" : ""}${r(a)}` : `${r(n.y0)} – ${r(n.y)}`;
+		}
+		l.push({
 			color: n.color,
-			name: n.label ? `${n.seriesName} · ${n.label}` : n.seriesName,
-			value: (t.format ?? r)(n.y)
-		});
+			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 = E(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 = E(e, t.seriesIndex), a = i === null ? void 0 : n.get(i), l = o[s[r]];
-			a && l && Number.isFinite(t.y) && (l.value = `${(e.series[t.seriesIndex].format ?? c)(t.y)} · ${(Math.abs(t.y) / a * 100).toFixed(1)}%`);
+			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: t.xLabel,
+		title: d ?? t.xLabel,
 		titleColor: null,
-		rows: o
+		rows: l
 	};
-}, E = (e, t) => e.series[t].hidden ? null : e.stacks[t], D = (e, n, r) => {
-	let i = [], { plot: a } = n, o = Infinity, s = -Infinity;
-	for (let c of r.items) {
-		let r = e.series[c.seriesIndex];
-		if (r.type === "bar" || r.type === "candlestick") {
-			let e = n.xToPx(c.x + r.barOffset), t = Math.max(r.barHalfWidth / 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(c.x), t = n.yToPx(c.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",
-				x: e - a,
-				y: t - o,
-				width: a * 2,
-				height: o * 2
+				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: l, py: u } = h(r, c.index, n);
-		if (l < a.x - 1 || l > a.x + a.width + 1 || u < a.y - 1 || u > a.y + a.height + 1) continue;
-		let d = r.type === "scatter" ? _(r, c.index) + 4 : Math.max(9, r.lineWidth * 2 + 5), f = r.pointColors?.[c.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: l,
-			y: u,
-			size: d,
-			color: c.color,
-			halo: t(f, .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 = Math.max(a.x, o - e), n = Math.min(a.x + a.width, s + e);
-		n > t && 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",
-			x: t,
-			y: a.y,
-			width: n - t,
-			height: a.height
+			...t.horizontal ? {
+				x: o.x,
+				y: i,
+				width: o.width,
+				height: l - i
+			} : {
+				x: i,
+				y: o.y,
+				width: l - i,
+				height: o.height
+			}
 		});
 	}
-	return i;
-}, O = (e) => e === "scatter" ? "dot" : e === "line" ? "line" : "square", k = (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";
-}));
+	return n === "bar" || n === "candlestick" || n === "boxplot";
+})), 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 { u as DEFAULT_PADDING, m as collectPointLabels, _ as dotSize, d as fallbackResolve, C as hitTest, x as hoverItemOf, D as hoverMarks, p as layoutChart, O as legendShape, h as pointOf, f as resolveAnnotations, w as sameHover, k as showsCrosshair, T 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