minerva-design 1.2.0 → 1.4.0

package/dist/charts/engine/scene.js

@@ -1,15 +1,17 @@
 import { nearestIndex as e } from "./data.js";
-import { mix as t, toCss as n } from "./color.js";
-import { computePlot as r, createScales as i } from "./layout.js";
-import { gridOf as a } from "./model.js";
-import { axisTicks as o } from "./axis.js";
-var s = {
+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 _ = {
 	top: 12,
 	right: 16,
 	bottom: 4,
 	left: 4
-}, c = (e, t) => t, l = (e, n) => {
-	let r = n.resolve ?? c;
+}, v = (e, t) => t, y = (e, n) => {
+	let r = n.resolve ?? v;
 	return (e ?? []).map((e) => {
 		if (e.type === "rect") {
 			let i = e.color ? r(e.color, n.primary) : n.primary;
@@ -44,84 +46,173 @@ var s = {
 			label: e.label
 		};
 	});
-}, u = (e) => {
-	let { model: t, view: n, theme: a, width: c, height: l, measure: u } = e, d = t.y.tickCount ?? (l >= 220 ? 5 : Math.max(2, Math.round((l - 48) / 52))), f = o(t.y, n.y, d), p = 0;
-	if (t.y.visible) for (let e of f.labels) p = Math.max(p, u(e));
+}, b = (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.y.visible) for (let e of u.labels) d = Math.max(d, o(e));
+	let f = x(t, u), 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, u(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 = {
-		...s,
+		..._,
 		...e.padding
-	}, g = r({
-		width: c,
-		height: l,
+	}, v = 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: a.fontSize
+		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(2, Math.floor(g.width / 96)), v = o(t.x, n.x, _);
+	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);
 	return {
-		plot: g,
-		scales: i(g, n, t.x.reverse, t.y.reverse),
-		xTicks: v,
-		yTicks: f
+		plot: v,
+		scales: c(v, n, t.x.reverse, t.y.reverse),
+		xTicks: b,
+		yTicks: u,
+		y2Ticks: f
 	};
-}, d = (e, t, n) => {
-	let r = [];
-	for (let i of e.series) {
-		if (i.hidden || i.type !== "scatter" || !i.showLabels) continue;
-		let { x: e, y: a, count: o, labels: s, size: c } = i.cols;
-		if (s) for (let l = 0; l < o && r.length < 300; l++) {
-			let o = s[l];
-			if (!o) continue;
-			let u = e[l], d = a[l];
-			if (u < t.x[0] || u > t.x[1] || d < t.y[0] || d > t.y[1]) continue;
-			let f = c && c[l] > 0 ? c[l] : i.pointSize;
-			r.push({
-				x: n.xToPx(u),
-				y: n.yToPx(d),
-				r: f / 2,
-				text: o
+}, 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);
+	return {
+		values: t.values,
+		labels: i.map(s),
+		formatValue: n.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;
+	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 = {
+		..._,
+		...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)))), v = g(t.y, n.y, h);
+	return {
+		plot: m,
+		scales: c(m, n, t.x.reverse, t.y.reverse, !0),
+		xTicks: d,
+		yTicks: v,
+		y2Ticks: null
+	};
+}, C = (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]];
+			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 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])),
+					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: 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 = u && u[e] > 0 ? u[e] : r.pointSize, m = d(n, c, f);
+			i.push({
+				x: m.x,
+				y: m.y,
+				r: p / 2,
+				text: a
 			});
 		}
 	}
-	return r;
-}, f = (e, t, n) => {
-	let r = e.cols.x[t] + (e.type === "bar" ? e.barOffset : 0), i = e.type === "bar" && e.barTop ? e.barTop[t] : e.cols.y[t];
+	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));
 	return {
-		px: n.xToPx(r),
-		py: n.yToPx(i)
+		px: r.x,
+		py: r.y
 	};
-}, p = (e, t, n, r, i) => {
-	let a = f(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;
+}, E = (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);
+	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);
 	}
 	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
 	};
-}, m = (e, t) => e.cols.size && e.cols.size[t] > 0 ? e.cols.size[t] : e.pointSize, h = (e, t, n, r, i) => {
-	let o = Math.max(e.pointSize / 2 + 6, 10) + i, s = r.pxToX(t), c = r.pxToY(n), l = o * r.xPerPx, u = o * r.yPerPx, d = -1, f = Infinity, { x: p, y: h } = e.cols;
-	return a(e).query(s - l, s + l, c - u, c + u, (a) => {
-		let o = Math.hypot(r.xToPx(p[a]) - t, r.yToPx(h[a]) - n);
-		o <= Math.max(m(e, a) / 2 + 4, 8) + i && o <= f && (f = o, d = a);
-	}), d;
-}, g = (t, n) => {
+}, O = (e, t) => e.cols.size && e.cols.size[t] > 0 ? e.cols.size[t] : e.pointSize, k = /* @__PURE__ */ new WeakMap(), A = (e) => {
+	let t = e.cols.size;
+	if (!t) return e.pointSize;
+	let n = k.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);
+	}
+	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);
+	}), l;
+}, M = (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) => {
+		e.cellColors?.[c] && Math.abs(a[c] - t) <= r && Math.abs(o[c] - n) <= i && (s = c);
+	}), s;
+}, N = (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;
@@ -131,111 +222,261 @@ var s = {
 		t < c && (c = t, s = e);
 	}
 	return s;
-}, _ = (e, t) => {
-	let r = e.pointColors?.[t], i = e.cols.labels?.[t];
+}, 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 = {};
+	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);
+	} else if (e.type === "heatmap") {
+		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: t,
-		x: e.cols.x[t],
-		y: e.cols.y[t],
-		color: r ? n(r) : e.colorCss,
-		...i === void 0 ? {} : { label: i }
+		x: e.raw.x[t],
+		y: e.raw.y[t],
+		color: h,
+		...m === void 0 ? {} : { label: m },
+		...g
 	};
-}, v = (e, t) => {
+}, F = (e, t) => {
 	if (!e.length) return null;
 	e.sort((e, t) => e.series.index - t.series.index);
-	let n = e.map((e) => _(e.series, e.index)), r = n[0].x;
+	let n = e.map((e) => P(e.series, e.index)), r = n[0].x;
 	return {
 		items: n,
 		x: r,
 		xLabel: t?.formatValue(r) ?? String(r)
 	};
-}, y = (e, t, n, r, i, a = 0) => {
+}, I = (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 = [];
+	let c = u(t, r, i), l = [], d = [];
 	for (let n of e.series) if (!(n.hidden || n.cols.count === 0)) {
 		if (n.type === "scatter") {
-			let e = h(n, r, i, t, a);
-			e >= 0 && l.push(p(n, e, r, i, t));
+			let e = j(n, r, i, t, a);
+			e >= 0 && l.push(D(n, e, r, i, t));
+		} else if (n.type === "heatmap") {
+			let e = M(n, c.x, c.y);
+			if (e >= 0) {
+				let a = D(n, e, r, i, t);
+				a.inside = !0, a.dist = 0, l.push(a);
+			}
 		} else {
-			let e = g(n, c);
-			e >= 0 && u.push(p(n, e, r, i, t));
+			let e = N(n, c.x);
+			e >= 0 && d.push(D(n, e, r, i, t));
 		}
 	}
 	if (e.tooltipMode === "nearest") {
-		let e = [...l, ...u].filter((e) => e.inside || e.series.type === "scatter" || e.dist <= 32 + a);
-		return e.length ? v([e.reduce((e, t) => t.dist <= e.dist ? t : e)], n) : null;
+		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;
 	}
-	if (!u.length) return l.length ? v([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, m = u.filter((e) => e.dx <= d + Math.max(1, f)), y = m.reduce((e, t) => t.dx < e.dx ? t : e), b = v([
-		y,
-		...m.filter((e) => e !== y),
+	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([
+		h,
+		...m.filter((e) => e !== h),
 		...l
 	], n);
-	return b && (b.x = _(y.series, y.index).x, b.xLabel = n?.formatValue(b.x) ?? String(b.x)), b;
-}, b = (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), x = (e, t, n) => {
-	let r = n?.formatValue ?? String;
+	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 = {
+	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);
+		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)
+			}]
+		};
+	}
 	if (t.items.every((t) => e.series[t.seriesIndex].type === "scatter") && t.items.length === 1) {
-		let n = t.items[0], i = [{
-			color: null,
-			name: e.x.title ?? "x",
-			value: t.xLabel
-		}, {
+		let n = t.items[0], r = e.series[n.seriesIndex], i = n.value === void 0 ? [] : [{
 			color: null,
-			name: e.y.title ?? "y",
-			value: r(n.y)
+			name: r.valueName ?? s.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: o(r)(n.y)
+			}, ...i]
+		};
+		let a = [
+			{
+				color: null,
+				name: e.x.title ?? s.x,
+				value: t.xLabel
+			},
+			{
+				color: null,
+				name: (r.yAxis === "right" ? e.y2?.title : e.y.title) ?? s.y,
+				value: o(r)(n.y)
+			},
+			...i
+		];
+		return n.label !== void 0 && e.series.length > 1 && a.push({
 			color: null,
 			name: "",
 			value: n.seriesName
 		}), {
 			title: n.label ?? n.seriesName,
 			titleColor: n.color,
-			rows: i
+			rows: a
 		};
 	}
+	let u = [], d = [], p = t.items.length === 1 && l?.type === "bar" && e.x.type !== "category" && c?.label !== void 0 ? c.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({
+				color: n.color,
+				name: t.name,
+				value: Number.isFinite(a) ? `${a >= 0 ? "+" : ""}${i(e.locale, R).format(a / 100)}` : ""
+			});
+			let o = [
+				[s.open, n.open],
+				[s.high, n.high],
+				[s.low, n.low],
+				[s.close, n.y]
+			];
+			for (let [e, t] of o) t !== void 0 && Number.isFinite(t) && u.push({
+				color: null,
+				name: e,
+				value: r(t)
+			});
+			continue;
+		}
+		if (t.type === "boxplot") {
+			u.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]
+			];
+			for (let [t, n] of e) n !== void 0 && Number.isFinite(n) && u.push({
+				color: null,
+				name: t,
+				value: r(n)
+			});
+			n.outliers && u.push({
+				color: null,
+				name: s.outliers,
+				value: String(n.outliers)
+			});
+			continue;
+		}
+		let a = 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)}`;
+		}
+		u.push({
+			color: n.color,
+			name: n.label && p === null ? `${n.seriesName} · ${n.label}` : n.seriesName,
+			value: a
+		});
+	}
+	if (e.percent) {
+		let n = /* @__PURE__ */ new Map();
+		for (let r of t.items) {
+			let t = B(e, r.seriesIndex);
+			t !== null && Number.isFinite(r.y) && n.set(t, (n.get(t) ?? 0) + Math.abs(r.y));
+		}
+		t.items.forEach((t, r) => {
+			let i = 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)}`);
+		});
+	}
 	return {
-		title: t.xLabel,
+		title: p ?? t.xLabel,
 		titleColor: null,
-		rows: t.items.map((e) => ({
-			color: e.color,
-			name: e.label ? `${e.seriesName} · ${e.label}` : e.seriesName,
-			value: r(e.y)
-		}))
+		rows: u
 	};
-}, S = (e, t, n) => {
-	let r = [], { plot: i } = t;
-	for (let a of n.items) {
-		let n = e.series[a.seriesIndex];
-		if (n.type === "bar" && n.barBase && n.barTop) {
-			let e = t.xToPx(a.x + n.barOffset), i = Math.max(n.barHalfWidth / t.xPerPx, 1), o = t.yToPx(n.barBase[a.index]), s = t.yToPx(n.barTop[a.index]);
-			r.push({
-				kind: "bar",
-				x: e - i,
-				y: Math.min(o, s),
-				width: i * 2,
-				height: Math.max(1, Math.abs(o - s))
+}, 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);
+			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({
+				kind: "cell",
+				...l(t, e - a, e + a, n - o, n + o)
 			});
 			continue;
 		}
-		let o = t.xToPx(a.x), s = t.yToPx(a.y);
-		if (o < i.x - 1 || o > i.x + i.width + 1 || s < i.y - 1 || s > i.y + i.height + 1) continue;
-		let c = n.type === "scatter" ? m(n, a.index) + 6 : Math.max(10, n.lineWidth * 2 + 6);
-		r.push({
+		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({
 			kind: "dot",
-			x: o,
-			y: s,
-			size: c,
-			color: a.color
+			x: u,
+			y: d,
+			size: f,
+			color: c.color,
+			halo: n(p, .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({
+			kind: "band",
+			...t.horizontal ? {
+				x: a.x,
+				y: c,
+				width: a.width,
+				height: l - c
+			} : {
+				x: c,
+				y: a.y,
+				width: l - c,
+				height: a.height
+			}
 		});
 	}
-	return r;
-}, C = (e, t, n) => n ?? (e.tooltipMode === "axis" && t.items.some((t) => e.series[t.seriesIndex].type !== "scatter"));
+	return i;
+}, H = (e) => e === "scatter" ? "dot" : e === "line" ? "line" : "square", U = (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;
+};
 //#endregion
-export { s as DEFAULT_PADDING, d as collectPointLabels, m as dotSize, c as fallbackResolve, y as hitTest, _ as hoverItemOf, S as hoverMarks, u as layoutChart, f as pointOf, l as resolveAnnotations, b as sameHover, C as showsCrosshair, x as tooltipContent };
+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 };
 
 //# sourceMappingURL=scene.js.map