minerva-design 1.13.2 → 1.14.0

package/dist/weapp/charts/canvas.js

@@ -708,117 +708,6 @@ var decimateMinMax = (points, start, end, column, gap = Infinity) => {
 	};
 };
 //#endregion
-//#region ../charts/src/engine/layout.ts
-var createScales = (plot, view, reverseX, reverseY, horizontal = false) => {
-	const [x0, x1] = view.x;
-	const [y0, y1] = view.y;
-	const left = plot.x;
-	const right = plot.x + plot.width;
-	const top = plot.y;
-	const bottom = plot.y + plot.height;
-	if (horizontal) {
-		const xs = plot.height / (x1 - x0 || 1);
-		const ys = plot.width / (y1 - y0 || 1);
-		return {
-			plot,
-			view,
-			horizontal,
-			xToPx: reverseX ? (v) => bottom - (v - x0) * xs : (v) => top + (v - x0) * xs,
-			yToPx: reverseY ? (v) => right - (v - y0) * ys : (v) => left + (v - y0) * ys,
-			pxToX: reverseX ? (p) => x0 + (bottom - p) / xs : (p) => x0 + (p - top) / xs,
-			pxToY: reverseY ? (p) => y0 + (right - p) / ys : (p) => y0 + (p - left) / ys,
-			xPerPx: 1 / xs,
-			yPerPx: 1 / ys
-		};
-	}
-	const xs = plot.width / (x1 - x0 || 1);
-	const ys = plot.height / (y1 - y0 || 1);
-	return {
-		plot,
-		view,
-		horizontal,
-		xToPx: reverseX ? (v) => right - (v - x0) * xs : (v) => left + (v - x0) * xs,
-		yToPx: reverseY ? (v) => top + (v - y0) * ys : (v) => bottom - (v - y0) * ys,
-		pxToX: reverseX ? (p) => x0 + (right - p) / xs : (p) => x0 + (p - left) / xs,
-		pxToY: reverseY ? (p) => y0 + (p - top) / ys : (p) => y0 + (bottom - p) / ys,
-		xPerPx: 1 / xs,
-		yPerPx: 1 / ys
-	};
-};
-/** Screen pixel of a data point */
-var toScreen = (s, x, y) => s.horizontal ? {
-	x: s.yToPx(y),
-	y: s.xToPx(x)
-} : {
-	x: s.xToPx(x),
-	y: s.yToPx(y)
-};
-/** Data point under a screen pixel */
-var toData = (s, px, py) => s.horizontal ? {
-	x: s.pxToX(py),
-	y: s.pxToY(px)
-} : {
-	x: s.pxToX(px),
-	y: s.pxToY(py)
-};
-/** Coordinate of a screen pixel along the x axis (`xToPx` space) */
-var alongX = (s, px, py) => s.horizontal ? py : px;
-/** Coordinate of a screen pixel along the value axis (`yToPx` space) */
-var alongY = (s, px, py) => s.horizontal ? px : py;
-/**
-* Screen rectangle between two pixels along x (`xa`, `xb`) and two along
-* y (`ya`, `yb`)
-*/
-var screenRect = (s, xa, xb, ya, yb) => {
-	const a = Math.min(xa, xb);
-	const b = Math.max(xa, xb);
-	const c = Math.min(ya, yb);
-	const d = Math.max(ya, yb);
-	return s.horizontal ? {
-		x: c,
-		y: a,
-		width: d - c,
-		height: b - a
-	} : {
-		x: a,
-		y: c,
-		width: b - a,
-		height: d - c
-	};
-};
-/**
-* Inset (per side) and corner radius of heatmap cells of `width` ×
-* `height` CSS pixels: a hairline apart (1px, 2px on large cells), corners
-* of `radius` at most 20% of the cell; tiny cells touch
-*/
-var heatCellStyle = (width, height, radius) => {
-	const size = Math.min(Math.abs(width), Math.abs(height));
-	if (!(size >= 4)) return {
-		inset: 0,
-		radius: 0
-	};
-	return {
-		inset: Math.round(Math.min(1, .5 + size / 96) * 4) / 4,
-		radius: Math.round(Math.max(0, Math.min(radius, size * .2)) * 4) / 4
-	};
-};
-/** Room for the axes, then the plot area */
-var computePlot = (input) => {
-	const { width, height, padding, fontSize } = input;
-	const line = Math.ceil(fontSize * 1.4);
-	const left = padding.left + (input.yLabelWidth > 0 ? input.yLabelWidth + 8 : 0) + (input.yTitle ? line + 6 : 0);
-	const bottom = padding.bottom + (input.xAxisVisible ? line + 8 : 0) + (input.xTitle ? line + 4 : 0);
-	const top = padding.top;
-	const y2Width = input.y2LabelWidth ?? 0;
-	const right = y2Width > 0 || input.y2Title ? Math.max(4, padding.left) + (y2Width > 0 ? y2Width + 8 : 0) + (input.y2Title ? line + 6 : 0) : padding.right;
-	return {
-		x: Math.round(left),
-		y: Math.round(top),
-		width: Math.max(10, Math.round(width - left - right)),
-		height: Math.max(10, Math.round(height - top - bottom))
-	};
-};
-//#endregion
 //#region ../charts/src/engine/locale.ts
 /**
 * Locale of a chart: the `locale` option, else the `lang` of the document
@@ -1087,1920 +976,2031 @@ var formatPercent = (value, locale, fixed = false) => locale ? numberFormat(loca
 	maximumFractionDigits: 1
 }).format(value / 100) : `${fixed ? value.toFixed(1) : +value.toFixed(1)}%`;
 //#endregion
-//#region ../charts/src/engine/labels.ts
-var CHART_LABELS = {
-	en: {
-		open: "Open",
-		high: "High",
-		low: "Low",
-		close: "Close",
-		max: "Max",
-		q3: "Q3",
-		median: "Median",
-		q1: "Q1",
-		min: "Min",
-		outliers: "Outliers",
-		value: "Value",
-		x: "x",
-		y: "y",
-		series: "Series",
-		chart: "Chart",
-		chartOf: "Chart: {series}",
-		start: "Start",
-		end: "End",
-		duration: "Duration",
-		progress: "Progress",
-		dependencies: "Depends on",
-		outlier: "Outlier"
+//#region ../charts/src/engine/time.ts
+var SECOND = 1e3;
+var MINUTE = 60 * SECOND;
+var HOUR = 60 * MINUTE;
+var DAY = 24 * HOUR;
+var MONTH = 30 * DAY;
+var YEAR = 365 * DAY;
+var INTERVALS = [
+	{
+		unit: "second",
+		step: 1,
+		ms: SECOND
 	},
-	zh: {
-		open: "开盘",
-		high: "最高",
-		low: "最低",
-		close: "收盘",
-		max: "最大值",
-		q3: "上四分位",
-		median: "中位数",
-		q1: "下四分位",
-		min: "最小值",
-		outliers: "异常值",
-		value: "数值",
-		series: "系列",
-		chart: "图表",
-		chartOf: "图表：{series}",
-		start: "开始",
-		end: "结束",
-		duration: "时长",
-		progress: "进度",
-		dependencies: "前置任务",
-		outlier: "异常值"
+	{
+		unit: "second",
+		step: 5,
+		ms: 5 * SECOND
 	},
-	ja: {
-		open: "始値",
-		high: "高値",
-		low: "安値",
-		close: "終値",
-		max: "最大値",
-		q3: "第3四分位",
-		median: "中央値",
-		q1: "第1四分位",
-		min: "最小値",
-		outliers: "外れ値",
-		value: "値",
-		series: "系列",
-		chart: "グラフ",
-		chartOf: "グラフ：{series}",
-		start: "開始",
-		end: "終了",
-		duration: "期間",
-		progress: "進捗",
-		dependencies: "先行タスク",
-		outlier: "外れ値"
+	{
+		unit: "second",
+		step: 15,
+		ms: 15 * SECOND
 	},
-	fr: {
-		open: "Ouverture",
-		high: "Plus haut",
-		low: "Plus bas",
-		close: "Clôture",
-		max: "Max",
-		q3: "Q3",
-		median: "Médiane",
-		q1: "Q1",
-		min: "Min",
-		outliers: "Valeurs aberrantes",
-		value: "Valeur",
-		series: "Série",
-		chart: "Graphique",
-		chartOf: "Graphique : {series}",
-		start: "Début",
-		end: "Fin",
-		duration: "Durée",
-		progress: "Avancement",
-		dependencies: "Dépend de",
-		outlier: "Valeur aberrante"
-	}
-};
-/** Texts of a locale with the overrides */
-var chartLabels = (locale, overrides) => localeLabels(CHART_LABELS, locale, overrides);
-/** Separator of the list of series names in accessible names */
-var listSeparator = (locale) => /^(zh|ja)\b/i.test(locale) ? "、" : ", ";
-/** Default accessible name of a chart model: "Chart: Revenue, Costs" (unnamed series left out) */
-var chartAriaLabel = (model) => {
-	const named = model.series.filter((s) => s.name);
-	return named.length ? model.labels.chartOf.replace("{series}", named.map((s) => s.name).join(listSeparator(model.locale))) : model.labels.chart;
-};
-/**
-* Localized accessible description of a chart, for platforms that build their
-* own accessible name ("Chart: Revenue, Costs", "营收：营收、成本").
-* With a `title`, the title replaces the generic "Chart" word.
-*/
-function describeChart$1(input) {
-	const locale = input.locale ?? "en";
-	const labels = chartLabels(locale, input.labels);
-	const series = input.series ?? [];
-	const title = input.title?.trim();
-	const generic = chartAriaLabel({
-		labels,
-		locale,
-		series
-	});
-	if (!title) return generic;
-	if (!series.length) return title;
-	const index = labels.chartOf.indexOf(labels.chart);
-	if (index < 0 || !labels.chart) return `${title}. ${generic}`;
-	const names = series.map((s) => s.name).join(listSeparator(locale));
-	const fill = (part) => part.split("{series}").join(names);
-	return fill(labels.chartOf.slice(0, index)) + title + fill(labels.chartOf.slice(index + labels.chart.length));
-}
-//#endregion
-//#region ../charts/src/engine/spatial.ts
-var GridIndex = class {
-	constructor(x, y, count, pointsPerCell = 4) {
-		let xMin = Infinity;
-		let xMax = -Infinity;
-		let yMin = Infinity;
-		let yMax = -Infinity;
-		let valid = 0;
-		for (let i = 0; i < count; i++) {
-			const xi = x[i];
-			const yi = y[i];
-			if (!Number.isFinite(xi) || !Number.isFinite(yi)) continue;
-			valid++;
-			if (xi < xMin) xMin = xi;
-			if (xi > xMax) xMax = xi;
-			if (yi < yMin) yMin = yi;
-			if (yi > yMax) yMax = yi;
-		}
-		const side = Math.min(1024, Math.max(1, Math.ceil(Math.sqrt(valid / pointsPerCell))));
-		this.cols = side;
-		this.rows = side;
-		this.x0 = valid ? xMin : 0;
-		this.y0 = valid ? yMin : 0;
-		this.cellW = valid && xMax > xMin ? (xMax - xMin) / side : 1;
-		this.cellH = valid && yMax > yMin ? (yMax - yMin) / side : 1;
-		const cells = new Int32Array(count);
-		const counts = new Uint32Array(side * side + 1);
-		for (let i = 0; i < count; i++) {
-			const xi = x[i];
-			const yi = y[i];
-			if (!Number.isFinite(xi) || !Number.isFinite(yi)) {
-				cells[i] = -1;
-				continue;
-			}
-			const cell = this.cellOf(xi, yi);
-			cells[i] = cell;
-			counts[cell + 1]++;
-		}
-		for (let c = 1; c < counts.length; c++) counts[c] += counts[c - 1];
-		this.starts = counts.slice();
-		const cursor = counts;
-		this.order = new Uint32Array(valid);
-		for (let i = 0; i < count; i++) {
-			const cell = cells[i];
-			if (cell >= 0) this.order[cursor[cell]++] = i;
-		}
-	}
-	column(xi) {
-		const c = Math.floor((xi - this.x0) / this.cellW);
-		return c < 0 ? 0 : c >= this.cols ? this.cols - 1 : c;
-	}
-	row(yi) {
-		const r = Math.floor((yi - this.y0) / this.cellH);
-		return r < 0 ? 0 : r >= this.rows ? this.rows - 1 : r;
-	}
-	cellOf(xi, yi) {
-		return this.row(yi) * this.cols + this.column(xi);
+	{
+		unit: "second",
+		step: 30,
+		ms: 30 * SECOND
+	},
+	{
+		unit: "minute",
+		step: 1,
+		ms: MINUTE
+	},
+	{
+		unit: "minute",
+		step: 5,
+		ms: 5 * MINUTE
+	},
+	{
+		unit: "minute",
+		step: 15,
+		ms: 15 * MINUTE
+	},
+	{
+		unit: "minute",
+		step: 30,
+		ms: 30 * MINUTE
+	},
+	{
+		unit: "hour",
+		step: 1,
+		ms: HOUR
+	},
+	{
+		unit: "hour",
+		step: 2,
+		ms: 2 * HOUR
+	},
+	{
+		unit: "hour",
+		step: 3,
+		ms: 3 * HOUR
+	},
+	{
+		unit: "hour",
+		step: 6,
+		ms: 6 * HOUR
+	},
+	{
+		unit: "hour",
+		step: 12,
+		ms: 12 * HOUR
+	},
+	{
+		unit: "day",
+		step: 1,
+		ms: DAY
+	},
+	{
+		unit: "day",
+		step: 2,
+		ms: 2 * DAY
+	},
+	{
+		unit: "day",
+		step: 7,
+		ms: 7 * DAY
+	},
+	{
+		unit: "month",
+		step: 1,
+		ms: MONTH
+	},
+	{
+		unit: "month",
+		step: 3,
+		ms: 3 * MONTH
+	},
+	{
+		unit: "month",
+		step: 6,
+		ms: 6 * MONTH
 	}
-	/** Calls `visit` with every point that may lie inside the box */
-	query(xMin, xMax, yMin, yMax, visit) {
-		if (this.order.length === 0) return;
-		const c0 = this.column(Math.min(xMin, xMax));
-		const c1 = this.column(Math.max(xMin, xMax));
-		const r0 = this.row(Math.min(yMin, yMax));
-		const r1 = this.row(Math.max(yMin, yMax));
-		for (let r = r0; r <= r1; r++) for (let c = c0; c <= c1; c++) {
-			const cell = r * this.cols + c;
-			for (let k = this.starts[cell]; k < this.starts[cell + 1]; k++) visit(this.order[k]);
+];
+var pad = (n, width = 2) => String(n).padStart(width, "0");
+var partsOf = (t, utc) => {
+	const d = new Date(t);
+	return utc ? {
+		year: d.getUTCFullYear(),
+		month: d.getUTCMonth(),
+		date: d.getUTCDate(),
+		day: d.getUTCDay(),
+		hours: d.getUTCHours(),
+		minutes: d.getUTCMinutes(),
+		seconds: d.getUTCSeconds(),
+		ms: d.getUTCMilliseconds()
+	} : {
+		year: d.getFullYear(),
+		month: d.getMonth(),
+		date: d.getDate(),
+		day: d.getDay(),
+		hours: d.getHours(),
+		minutes: d.getMinutes(),
+		seconds: d.getSeconds(),
+		ms: d.getMilliseconds()
+	};
+};
+/** Timestamp of calendar fields (out of range fields carry over) */
+var timeOf = (utc, year, month, date = 1, hours = 0, minutes = 0, seconds = 0) => {
+	if (utc) {
+		const t = Date.UTC(year, month, date, hours, minutes, seconds);
+		if (year >= 0 && year < 100) {
+			const d = new Date(t);
+			d.setUTCFullYear(d.getUTCFullYear() - 1900);
+			return d.getTime();
 		}
+		return t;
 	}
+	const d = new Date(year, month, date, hours, minutes, seconds);
+	if (year >= 0 && year < 100) d.setFullYear(d.getFullYear() - 1900);
+	return d.getTime();
 };
-//#endregion
-//#region ../charts/src/engine/model.ts
-/** Plotted units of a log axis: the base-10 logarithm of the values */
-var LOG_MAP = {
-	scale: 1,
-	offset: 0,
-	log: true
+var chooseInterval = (span, count) => {
+	const target = span / Math.max(1, count);
+	if (target < SECOND * .75) return {
+		unit: "millisecond",
+		step: tickStep(0, span, count),
+		ms: 1
+	};
+	for (const interval of INTERVALS) if (interval.ms >= target * .75) return interval;
+	const years = Math.max(1, tickStep(0, span / YEAR, count));
+	return {
+		unit: "year",
+		step: Math.round(years),
+		ms: Math.round(years) * YEAR
+	};
 };
-var firstX = (data) => {
-	if (typeof data === "object" && data !== null && !("length" in data)) {
-		const xs = data.x;
-		return xs && xs.length ? xs[0] : void 0;
-	}
-	const list = data;
-	for (let i = 0; i < Math.min(list.length, 8); i++) {
-		const item = list[i];
-		if (Array.isArray(item)) return item[0];
-		if (item && typeof item === "object") return item.x;
+/** Start of the tick sequence: `t` floored to the unit, aligned on the step */
+var floorTo = (t, { unit, step }, utc) => {
+	const p = partsOf(t, utc);
+	switch (unit) {
+		case "second": return timeOf(utc, p.year, p.month, p.date, p.hours, p.minutes, p.seconds - p.seconds % step);
+		case "minute": return timeOf(utc, p.year, p.month, p.date, p.hours, p.minutes - p.minutes % step);
+		case "hour": return timeOf(utc, p.year, p.month, p.date, p.hours - p.hours % step);
+		case "day": return timeOf(utc, p.year, p.month, p.date - (step === 7 ? (p.day + 6) % 7 : 0));
+		case "month": return timeOf(utc, p.year, p.month - p.month % step);
+		case "year": return timeOf(utc, p.year - p.year % step, 0);
+		default: return t;
 	}
 };
-/** Axis type when not given: dates -> time, strings -> category */
-var detectXType = (datas) => {
-	for (const data of datas) {
-		const x = firstX(data);
-		if (x instanceof Date) return "time";
-		if (typeof x === "string") return "category";
+var advance = (t, { unit, step }, utc) => {
+	const { year, month, date, hours, minutes, seconds } = partsOf(t, utc);
+	switch (unit) {
+		case "second": return timeOf(utc, year, month, date, hours, minutes, seconds + step);
+		case "minute": return timeOf(utc, year, month, date, hours, minutes + step, seconds);
+		case "hour": return timeOf(utc, year, month, date, hours + step, minutes, seconds);
+		case "day": return timeOf(utc, year, month, date + step, hours, minutes, seconds);
+		case "month": return timeOf(utc, year, month + step, date, hours, minutes, seconds);
+		case "year": return timeOf(utc, year + step, month, date, hours, minutes, seconds);
+		default: return t + step;
 	}
-	return "linear";
 };
-var axisModel = (options, type, categories, gridDefault, locale) => ({
-	type,
-	reverse: !!options?.reverse,
-	categories,
-	title: options?.title,
-	format: options?.format,
-	grid: options?.grid ?? gridDefault,
-	visible: options?.visible ?? true,
-	tickCount: options?.tickCount,
-	locale,
-	timeZone: options?.timeZone ?? "local"
-});
-/** Defined entries only (`{ open: undefined }` keeps the built-in text) */
-var definedEntries = (value) => {
-	const out = {};
-	if (!value) return out;
-	for (const key of Object.keys(value)) if (value[key] !== void 0) out[key] = value[key];
-	return out;
-};
-var extent = (values) => {
-	let min = Infinity;
-	let max = -Infinity;
-	for (let i = 0; i < values.length; i++) {
-		const v = values[i];
-		if (!Number.isFinite(v)) continue;
-		if (v < min) min = v;
-		if (v > max) max = v;
+/**
+* Calendar-aligned ticks between two timestamps
+* @param locale labels in this locale (ISO-like labels without it)
+* @param timeZone calendar of the steps and labels
+*/
+var timeTicks = (min, max, count, locale, timeZone = "local") => {
+	if (min > max) [min, max] = [max, min];
+	const interval = chooseInterval(max - min, count);
+	if (interval.unit === "millisecond") return {
+		values: linearTicks(min, max, count),
+		unit: "millisecond",
+		format: (v) => formatTime(v, "millisecond", locale, timeZone)
+	};
+	const utc = timeZone === "utc";
+	const values = [];
+	let t = floorTo(min, interval, utc);
+	while (t < min) t = advance(t, interval, utc);
+	while (t <= max && values.length < 500) {
+		values.push(t);
+		t = advance(t, interval, utc);
 	}
-	return [min, max];
+	const { unit } = interval;
+	return {
+		values,
+		unit,
+		format: (v) => formatTick(v, unit, locale, timeZone)
+	};
 };
-/** Smallest positive gap between consecutive values (bar width on numeric axes) */
-var smallestStep = (columns, sorted) => {
-	let step = Infinity;
-	columns.forEach((values, k) => {
-		const xs = sorted[k] ? values : Float64Array.from(values).sort();
-		for (let i = 1; i < xs.length; i++) {
-			const d = xs[i] - xs[i - 1];
-			if (d > 0 && d < step) step = d;
-		}
-	});
-	return step;
+var ymd$1 = (p) => `${p.year}-${pad(p.month + 1)}-${pad(p.date)}`;
+var hm = (p) => `${pad(p.hours)}:${pad(p.minutes)}`;
+var HM = {
+	hour: "2-digit",
+	minute: "2-digit",
+	hourCycle: "h23"
 };
-var bandOf = (list, axis, category) => {
-	if (category) return 1;
-	const step = smallestStep(list.map((s) => axis === "x" ? s.cols.x : s.cols.y), list.map((s) => axis === "x" && s.cols.sorted));
-	return Number.isFinite(step) ? step : 1;
+var HMS = {
+	...HM,
+	second: "2-digit"
 };
-/**
-* Stacks the y values of series sharing a stack id (positive and negative
-* values separately); `percent` scales every stack to 100 at each x
-*/
-var stackValues = (list, percent) => {
-	const totals = /* @__PURE__ */ new Map();
-	if (percent) for (const { s, stack } of list) {
-		let byX = totals.get(stack);
-		if (!byX) totals.set(stack, byX = /* @__PURE__ */ new Map());
-		const { x, y, count } = s.cols;
-		for (let i = 0; i < count; i++) {
-			const v = y[i];
-			if (!Number.isFinite(v)) continue;
-			const t = byX.get(x[i]) ?? [0, 0];
-			if (v >= 0) t[0] += v;
-			else t[1] -= v;
-			byX.set(x[i], t);
+var MONTH_DAY = {
+	month: "short",
+	day: "numeric"
+};
+var DATE = {
+	year: "numeric",
+	month: "short",
+	day: "numeric"
+};
+/** Cached formatter of a locale and time zone */
+var intl = (locale, timeZone, options) => dateFormat(locale, timeZone === "utc" ? {
+	...options,
+	timeZone: "UTC"
+} : options);
+/** Short tick label; day boundaries show the date, year boundaries the year */
+var formatTick = (value, unit, locale, timeZone) => {
+	const p = partsOf(value, timeZone === "utc");
+	const midnight = p.hours === 0 && p.minutes === 0 && p.seconds === 0;
+	const newYear = p.month === 0 && p.date === 1;
+	if (locale) {
+		const f = (options) => intl(locale, timeZone, options).format(value);
+		switch (unit) {
+			case "second": return f(HMS);
+			case "minute":
+			case "hour": return f(midnight ? MONTH_DAY : HM);
+			case "day": return f(newYear ? { year: "numeric" } : MONTH_DAY);
+			case "month": return f(p.month === 0 ? { year: "numeric" } : { month: "short" });
+			default: return f({ year: "numeric" });
 		}
 	}
-	const running = /* @__PURE__ */ new Map();
-	const members = /* @__PURE__ */ new Map();
-	for (const { stack } of list) members.set(stack, (members.get(stack) ?? 0) + 1);
-	return list.map(({ s, stack }) => {
-		const { x, y, count } = s.cols;
-		if (!percent && members.get(stack) === 1) {
-			const base = new Float64Array(count);
-			const top = new Float64Array(count);
-			for (let i = 0; i < count; i++) {
-				const v = y[i];
-				const valid = Number.isFinite(v);
-				base[i] = valid ? 0 : NaN;
-				top[i] = valid ? v : NaN;
-			}
-			return {
-				base,
-				top
-			};
-		}
-		let byX = running.get(stack);
-		if (!byX) running.set(stack, byX = /* @__PURE__ */ new Map());
-		const sums = totals.get(stack);
-		const base = new Float64Array(count);
-		const top = new Float64Array(count);
-		for (let i = 0; i < count; i++) {
-			let v = y[i];
-			if (!Number.isFinite(v)) {
-				base[i] = NaN;
-				top[i] = NaN;
-				continue;
-			}
-			if (sums) {
-				const t = sums.get(x[i]);
-				const total = t ? v >= 0 ? t[0] : t[1] : 0;
-				v = total > 0 ? v / total * 100 : 0;
-			}
-			const t = byX.get(x[i]) ?? [0, 0];
-			const b = v >= 0 ? t[0] : t[1];
-			base[i] = b;
-			top[i] = b + v;
-			if (v >= 0) t[0] += v;
-			else t[1] += v;
-			byX.set(x[i], t);
-		}
-		return {
-			base,
-			top
-		};
-	});
+	switch (unit) {
+		case "second": return `${hm(p)}:${pad(p.seconds)}`;
+		case "minute":
+		case "hour": return midnight ? `${pad(p.month + 1)}-${pad(p.date)}` : hm(p);
+		case "day": return newYear ? String(p.year) : `${pad(p.month + 1)}-${pad(p.date)}`;
+		case "month": return p.month === 0 ? String(p.year) : `${p.year}-${pad(p.month + 1)}`;
+		default: return String(p.year);
+	}
 };
-var DEFAULT_UP = "var(--success-color, #16a34a)";
-var DEFAULT_DOWN = "var(--danger-color, #dc2626)";
-/** Dates in the y values (or starts) of objects: a time value axis */
-var hasDateY = (datas) => {
-	for (const data of datas) {
-		if (typeof data !== "object" || data === null || !("length" in data)) continue;
-		const list = data;
-		for (let i = 0; i < Math.min(list.length, 8); i++) {
-			const item = list[i];
-			if (item && typeof item === "object" && !Array.isArray(item)) {
-				const d = item;
-				if (d.y instanceof Date || d.y0 instanceof Date) return true;
-			}
+/**
+* Full label (tooltips): precision follows the unit of the ticks; dates
+* show the weekday with a `locale`
+*/
+var formatTime = (value, unit = "minute", locale, timeZone = "local") => {
+	if (!Number.isFinite(value) || Number.isNaN(new Date(value).getTime())) return "–";
+	const p = partsOf(value, timeZone === "utc");
+	if (locale) {
+		const f = (options) => intl(locale, timeZone, options).format(value);
+		switch (unit) {
+			case "millisecond": return `${f({
+				...DATE,
+				...HMS
+			})}.${pad(p.ms, 3)}`;
+			case "second": return f({
+				...DATE,
+				...HMS
+			});
+			case "minute":
+			case "hour": return f({
+				...DATE,
+				...HM
+			});
+			default: return f({
+				...DATE,
+				weekday: "short"
+			});
 		}
 	}
-	return false;
-};
-var precise = (v) => Number(v.toPrecision(12));
-/** Next step of the 1, 2, 5 × 10^k sequence */
-var nextStep = (step) => {
-	const power = 10 ** Math.floor(Math.log10(step) + 1e-9);
-	const f = step / power;
-	return (f < 1.5 ? 2 : f < 3.5 ? 5 : 10) * power;
+	switch (unit) {
+		case "millisecond": return `${ymd$1(p)} ${hm(p)}:${pad(p.seconds)}.${pad(p.ms, 3)}`;
+		case "second": return `${ymd$1(p)} ${hm(p)}:${pad(p.seconds)}`;
+		case "minute":
+		case "hour": return `${ymd$1(p)} ${hm(p)}`;
+		default: return ymd$1(p);
+	}
 };
+//#endregion
+//#region ../charts/src/engine/axis.ts
 /**
-* Range of the right axis covering [lo, hi] with as many tick intervals as
-* the left range has (its ticks then line up with the left grid)
+* @param count approximate number of ticks (numeric / time axes) or the
+*   maximum number of labels (category axes)
 */
-var alignedDomain = (lo, hi, left, count) => {
-	const [a0, a1] = left;
-	const stepL = tickStep(a0, a1, count);
-	const n = stepL > 0 ? Math.round((a1 - a0) / stepL) : 0;
-	[lo, hi] = ensureSpan(lo, hi);
-	if (n < 1 || Math.abs(n * stepL - (a1 - a0)) > stepL * 1e-6) return niceDomain(lo, hi, count);
-	let step = tickStep(lo, hi, n);
-	for (let k = 0; k < 40 && step > 0; k++) {
-		const start = Math.floor(lo / step + 1e-9) * step;
-		if (start + n * step >= hi - step * 1e-9) return [precise(start), precise(start + n * step)];
-		step = nextStep(step);
+var axisTicks = (axis, range, count) => {
+	const [min, max] = range[0] <= range[1] ? range : [range[1], range[0]];
+	if (axis.type === "category") {
+		const n = axis.categories.length;
+		const first = Math.max(0, Math.ceil(min - 1e-9));
+		const last = Math.min(n - 1, Math.floor(max + 1e-9));
+		const visible = Math.max(0, last - first + 1);
+		const step = Math.max(1, Math.ceil(visible / Math.max(1, count)));
+		const values = [];
+		for (let i = first - first % step; i <= last; i += step) if (i >= first) values.push(i);
+		const name = (v) => {
+			const i = Math.round(v);
+			return axis.format ? axis.format(i) : axis.categories[i] ?? String(i);
+		};
+		return {
+			values,
+			labels: values.map(name),
+			formatValue: name
+		};
 	}
-	return niceDomain(lo, hi, count);
-};
-var mapped = /* @__PURE__ */ new WeakMap();
-/** Columns of a right-axis series in left axis units (cached with the data) */
-var mapColumns = (src, map) => {
-	const key = `${map.scale},${map.offset},${!!map.log}`;
-	const hit = mapped.get(src);
-	if (hit && hit.key === key) return hit.cols;
-	const f = mapper(map);
-	const column = (a) => a ? a.map(f) : null;
-	const raw = src;
-	const cols = {
-		...raw,
-		y: raw.y.map(f),
-		open: column(raw.open),
-		high: column(raw.high),
-		low: column(raw.low),
-		y0: column(raw.y0),
-		q1: column(raw.q1),
-		q3: column(raw.q3),
-		outliers: raw.outliers ? raw.outliers.map((list) => list?.map(f)) : null
-	};
-	if (map.log) {
-		const range = [Infinity, -Infinity];
-		const add = (a) => {
-			if (!a) return;
-			for (let i = 0; i < a.length; i++) {
-				const v = a[i];
-				if (!Number.isFinite(v)) continue;
-				if (v < range[0]) range[0] = v;
-				if (v > range[1]) range[1] = v;
-			}
+	if (axis.type === "time") {
+		const { locale, timeZone = "local" } = axis;
+		const ticks = timeTicks(min, max, count, locale, timeZone);
+		const unit = ticks.unit === "day" || ticks.unit === "month" || ticks.unit === "year" ? "day" : ticks.unit;
+		const full = axis.format ?? ((v) => formatTime(v, unit, locale, timeZone));
+		return {
+			values: ticks.values,
+			labels: ticks.values.map(axis.format ?? ticks.format),
+			formatValue: full
 		};
-		for (const c of [
-			cols.y,
-			cols.y0,
-			cols.high,
-			cols.low,
-			cols.q1,
-			cols.q3
-		]) add(c);
-		cols.outliers?.forEach((list) => add(list));
-		cols.yMin = range[0] <= range[1] ? range[0] : NaN;
-		cols.yMax = range[0] <= range[1] ? range[1] : NaN;
-	} else {
-		const lo = f(raw.yMin);
-		const hi = f(raw.yMax);
-		cols.yMin = Math.min(lo, hi);
-		cols.yMax = Math.max(lo, hi);
 	}
-	mapped.set(src, {
-		key,
-		cols
-	});
-	return cols;
-};
-/** A log range widened to whole decades (`[0.3, 2.4]` -> `[0, 3]`) */
-var decades = (range) => {
-	const lo = Math.floor(range[0] + 1e-9);
-	const hi = Math.ceil(range[1] - 1e-9);
-	return [lo, hi > lo ? hi : lo + 1];
+	const values = linearTicks(min, max, count);
+	const step = tickStep(min, max, count);
+	if (axis.type === "log") return logTicks(axis, min, max, count);
+	const tick = axis.format ?? tickFormatter(step, Math.max(Math.abs(min), Math.abs(max)), axis.locale);
+	return {
+		values,
+		labels: values.map(tick),
+		formatValue: axis.format ?? ((value) => formatValue(value, axis.locale))
+	};
 };
-/** Exponent of `m × 10^k`, exact for the values of the ticks */
-var niceExponent = (m, k) => Math.log10(Number((m * 10 ** k).toPrecision(12)));
 /**
-* A log range widened to the closest 1, 2 or 5 × 10^k bounds (the values
-* 900 - 140k -> 500 - 200k), tighter than whole decades
+* Ticks of a log axis (`min` / `max` are exponents): every decade, with 2
+* and 5 between them on short ranges, every few decades on long ones;
+* labelled with the values (`1k`, `10k`)
 */
-var niceLogRange = (range) => {
-	const below = (e) => {
-		const k = Math.floor(e + 1e-9);
-		let best = k;
-		for (const m of [2, 5]) {
-			const v = niceExponent(m, k);
-			if (v <= e + 1e-9) best = v;
+var logTicks = (axis, min, max, count) => {
+	const span = max - min;
+	const values = [];
+	const raw = [];
+	const push = (v) => {
+		const e = Math.log10(v);
+		if (e >= min - 1e-9 && e <= max + 1e-9) {
+			values.push(e);
+			raw.push(v);
 		}
-		return best;
 	};
-	const above = (e) => {
-		const k = Math.floor(e - 1e-9);
-		for (const m of [
-			1,
-			2,
-			5
-		]) {
-			const v = niceExponent(m, k);
-			if (v >= e - 1e-9) return v;
+	if (span < 1) {
+		for (const v of linearTicks(10 ** min, 10 ** max, count)) if (v > 0) push(v);
+	} else {
+		const every = Math.max(1, Math.ceil(span / Math.max(1, count)));
+		const between = span * 3 <= count * 1.6 ? [2, 5] : [];
+		for (let e = Math.floor(min); e <= Math.ceil(max); e++) {
+			if (e % every !== 0) continue;
+			const decade = Number((10 ** e).toPrecision(12));
+			push(decade);
+			for (const m of between) push(Number((m * decade).toPrecision(12)));
 		}
-		return k + 1;
+	}
+	const label = axis.format ?? ((v) => formatCompact(v, 2, axis.locale));
+	return {
+		values,
+		labels: raw.map(label),
+		formatValue: axis.format ?? ((value) => formatValue(value, axis.locale))
 	};
-	const lo = below(range[0]);
-	const hi = above(range[1]);
-	return [lo, hi > lo + 1e-9 ? hi : above(lo + 1e-6)];
 };
-/**
-* Plots a series through a map: its columns, bars, stacks and lower
-* edges (bars / areas of the right axis start at `zero`)
-*/
-var logColumns = (s, map, zero = -Infinity) => {
-	const f = mapper(map);
-	const column = (a) => a ? a.map(f) : null;
-	const rawBase = s.stackBase;
-	s.cols = mapColumns(s.cols, map);
-	s.barBase = s.barBase && !s.floating ? s.barBase.map((v) => v === 0 ? map.log ? -Infinity : f(0) : f(v)) : column(s.barBase);
-	s.barTop = column(s.barTop);
-	s.stackTop = column(s.stackTop);
-	s.stackBase = rawBase && rawBase === s.raw.y0 ? s.cols.y0 : rawBase ? column(rawBase) : s.type === "area" ? new Float64Array(s.cols.count).fill(zero) : null;
-};
-/** Value -> plotted units of a map (`-Infinity` for 0 on log axes) */
-var mapper = (map) => (v) => (map.log ? Math.log10(v) : v) * map.scale + map.offset;
-/** Value of the y axis -> plotted y (the logarithm on log axes) */
-var toPlotY = (model, value) => model.y.type === "log" ? Math.log10(value) : value;
-/** Plotted y -> value of the y axis */
-var fromPlotY = (model, value) => model.y.type === "log" ? 10 ** value : value;
-/** Value of the x axis -> plotted x (the logarithm on log axes) */
-var toPlotX = (model, value) => model.x.type === "log" ? Math.log10(value) : value;
-/** Plotted x -> value of the x axis */
-var fromPlotX = (model, value) => model.x.type === "log" ? 10 ** value : value;
-/** A view in plotted units -> the values of the axes (zoom events, `getView`) */
-var viewToValues = (model, view) => ({
-	x: [fromPlotX(model, view.x[0]), fromPlotX(model, view.x[1])],
-	y: [fromPlotY(model, view.y[0]), fromPlotY(model, view.y[1])]
-});
-/** Values of the axes -> a view in plotted units (`setView`); missing axes keep `current` */
-var viewFromValues = (model, next, current) => ({
-	x: next.x ? [toPlotX(model, next.x[0]), toPlotX(model, next.x[1])] : current.x,
-	y: next.y ? [toPlotY(model, next.y[0]), toPlotY(model, next.y[1])] : current.y
-});
-var logXCache = /* @__PURE__ */ new WeakMap();
-/**
-* Columns plotted on a log x axis: the logarithms of the x values; points
-* without one (x <= 0) become gaps (cached with the data)
-*/
-var logXColumns = (raw) => {
-	const hit = logXCache.get(raw);
-	if (hit) return hit;
-	const x = raw.x.map((v) => v > 0 ? Math.log10(v) : NaN);
-	let y = raw.y;
-	let gaps = false;
-	for (let i = 0; i < raw.count; i++) {
-		if (Number.isFinite(x[i])) continue;
-		if (!gaps) y = Float64Array.from(raw.y);
-		gaps = true;
-		y[i] = NaN;
+//#endregion
+//#region ../charts/src/engine/layout.ts
+var createScales = (plot, view, reverseX, reverseY, horizontal = false) => {
+	const [x0, x1] = view.x;
+	const [y0, y1] = view.y;
+	const left = plot.x;
+	const right = plot.x + plot.width;
+	const top = plot.y;
+	const bottom = plot.y + plot.height;
+	if (horizontal) {
+		const xs = plot.height / (x1 - x0 || 1);
+		const ys = plot.width / (y1 - y0 || 1);
+		return {
+			plot,
+			view,
+			horizontal,
+			xToPx: reverseX ? (v) => bottom - (v - x0) * xs : (v) => top + (v - x0) * xs,
+			yToPx: reverseY ? (v) => right - (v - y0) * ys : (v) => left + (v - y0) * ys,
+			pxToX: reverseX ? (p) => x0 + (bottom - p) / xs : (p) => x0 + (p - top) / xs,
+			pxToY: reverseY ? (p) => y0 + (right - p) / ys : (p) => y0 + (p - left) / ys,
+			xPerPx: 1 / xs,
+			yPerPx: 1 / ys
+		};
 	}
-	const [xMin, xMax] = extent(x);
-	const cols = {
-		...raw,
-		x,
-		y,
-		xMin,
-		xMax,
-		sorted: raw.sorted && !gaps
+	const xs = plot.width / (x1 - x0 || 1);
+	const ys = plot.height / (y1 - y0 || 1);
+	return {
+		plot,
+		view,
+		horizontal,
+		xToPx: reverseX ? (v) => right - (v - x0) * xs : (v) => left + (v - x0) * xs,
+		yToPx: reverseY ? (v) => top + (v - y0) * ys : (v) => bottom - (v - y0) * ys,
+		pxToX: reverseX ? (p) => x0 + (right - p) / xs : (p) => x0 + (p - left) / xs,
+		pxToY: reverseY ? (p) => y0 + (p - top) / ys : (p) => y0 + (bottom - p) / ys,
+		xPerPx: 1 / xs,
+		yPerPx: 1 / ys
 	};
-	logXCache.set(raw, cols);
-	return cols;
 };
-/** Replaces the bases of bars / areas on log axes (`-Infinity`) by the bottom of the axis */
-var floorBases = (s, floor) => {
-	for (const a of [s.barBase, s.stackBase]) {
-		if (!a) continue;
-		for (let i = 0; i < a.length; i++) if (a[i] === -Infinity) a[i] = floor;
-	}
+/** Screen pixel of a data point */
+var toScreen = (s, x, y) => s.horizontal ? {
+	x: s.yToPx(y),
+	y: s.xToPx(x)
+} : {
+	x: s.xToPx(x),
+	y: s.yToPx(y)
 };
-/** Position (0-1) of a heatmap value on its color ramp */
-var heatPosition = (s, v) => {
-	const [lo, hi] = s.valueRange;
-	const mid = s.colorMidpoint;
-	let t;
-	if (mid !== null && mid > lo && mid < hi) t = v < mid ? (v - lo) / (mid - lo) * .5 : .5 + (v - mid) / (hi - mid) * .5;
-	else t = (v - lo) / (hi - lo || 1);
-	return t < 0 ? 0 : t > 1 ? 1 : t;
+/** Data point under a screen pixel */
+var toData = (s, px, py) => s.horizontal ? {
+	x: s.pxToX(py),
+	y: s.pxToY(px)
+} : {
+	x: s.pxToX(px),
+	y: s.pxToY(py)
 };
+/** Coordinate of a screen pixel along the x axis (`xToPx` space) */
+var alongX = (s, px, py) => s.horizontal ? py : px;
+/** Coordinate of a screen pixel along the value axis (`yToPx` space) */
+var alongY = (s, px, py) => s.horizontal ? px : py;
 /**
-* Built-in ramps of heatmaps, perceptual (OKLab) and theme-aware: light
-* themes go from a near-white tint to a deep hue, dark themes from a dark
-* tint of the surface to a bright saturated hue; diverging ramps meet in a
-* neutral middle
+* Screen rectangle between two pixels along x (`xa`, `xb`) and two along
+* y (`ya`, `yb`)
 */
-var heatmapStops = (scheme, color, theme, negative) => {
-	const dark = luminance(theme.background) < .4;
-	if (scheme === "diverging") {
-		const neutral = mixOklab(theme.surface, theme.textMuted, dark ? .12 : .08);
-		const end = (c) => dark ? withLightness(c, .7, 1.25) : withLightness(c, .5, 1.05);
-		const side = (c) => mixOklab(neutral, end(c), .5);
-		return [
-			end(negative),
-			side(negative),
-			neutral,
-			side(color),
-			end(color)
-		];
-	}
-	return dark ? [
-		mixOklab(theme.surface, color, .14),
-		withLightness(color, .46, .95),
-		withLightness(color, .64, 1.2),
-		withLightness(color, .8, 1.15)
-	] : [
-		mixOklab(theme.surface, color, .06),
-		withLightness(color, .8, .6),
-		withLightness(color, .58, 1),
-		withLightness(color, .36, .9)
-	];
-};
-var buildModel = (options, theme, hidden, cache, resolver = null) => {
-	const resolve = resolver ?? theme.resolve ?? ((value, fallback) => resolveStaticColor(value, {}, fallback));
-	const input = options.series;
-	const locale = resolveLocale(options.locale);
-	const tooltipOptions = typeof options.tooltip === "object" ? options.tooltip : void 0;
-	const labels = chartLabels(locale, {
-		...definedEntries(tooltipOptions?.labels),
-		...definedEntries(options.labels)
-	});
-	const datas = input.map((s) => s.data);
-	const xType = options.xAxis?.type ?? detectXType(datas);
-	const categories = xType === "category" ? [...options.xAxis?.categories ?? collectCategories(datas)] : [];
-	const categoryMap = new Map(categories.map((c, i) => [c, i]));
-	const resolveX = xResolver(xType, (name) => categoryMap.get(name) ?? NaN);
-	const yOpts = options.yAxis;
-	const heatmapData = input.filter((s) => s.type === "heatmap").map((s) => s.data);
-	const yCategories = yOpts?.type === "category" || !yOpts?.type && heatmapData.length ? [...yOpts?.categories ?? collectYCategories(heatmapData)] : [];
-	const yType = yOpts?.type === "category" || yCategories.length ? "category" : yOpts?.type === "time" || !yOpts?.type && hasDateY(datas) ? "time" : yOpts?.type === "log" ? "log" : "linear";
-	const yLog = yType === "log";
-	const yCategoryMap = new Map(yCategories.map((c, i) => [c, i]));
-	const resolveY = (v) => typeof v === "number" ? v : typeof v === "string" ? yType === "category" ? yCategoryMap.get(v) ?? NaN : yType === "time" ? Date.parse(v) : Number(v) : v instanceof Date ? v.getTime() : NaN;
-	const resolverKey = `${xType}|${categories.join("
")}|${yType}|${yCategories.join("
")}`;
-	const percent = options.stackMode === "percent";
-	const horizontal = options.orientation === "horizontal";
-	const usedKeys = /* @__PURE__ */ new Set();
-	const series = input.map((s, index) => {
-		let key = s.id ?? `#${index}`;
-		while (usedKeys.has(key)) key += "'";
-		usedKeys.add(key);
-		let entry = cache.get(key);
-		if (!entry || entry.data !== s.data || entry.resolverKey !== resolverKey) {
-			entry = {
-				data: s.data,
-				resolverKey,
-				cols: normalizeData(s.data, resolveX, resolveY)
-			};
-			cache.set(key, entry);
-		}
-		const type = s.type ?? "line";
-		const paletteColor = theme.palette[index % theme.palette.length];
-		const color = s.color ? resolve(s.color, paletteColor) : paletteColor;
-		const cols = entry.cols;
-		let pointColors = null;
-		if ((type === "scatter" || type === "bar" || type === "boxplot") && cols.colors) {
-			const resolved = /* @__PURE__ */ new Map();
-			pointColors = cols.colors.map((c) => {
-				if (c === void 0) return void 0;
-				let rgba = resolved.get(c);
-				if (!rgba) resolved.set(c, rgba = resolve(c, color));
-				return rgba;
-			});
-		}
-		let colorScale = [];
-		let valueRange = [0, 1];
-		let cellColors = null;
-		let colorMidpoint = null;
-		let colorLut = null;
-		if (type === "heatmap") {
-			const scale = s.colorScale;
-			const scheme = scale === "diverging" ? "diverging" : "sequential";
-			colorScale = typeof scale === "object" && scale.length ? scale.map((c) => resolve(c, color)) : heatmapStops(scheme, color, theme, resolve(DEFAULT_DOWN, [
-				.86,
-				.15,
-				.15,
-				1
-			]));
-			valueRange = s.valueRange ? [s.valueRange[0], s.valueRange[1]] : [cols.valueMin, cols.valueMax];
-			if (!Number.isFinite(valueRange[0])) valueRange = [0, 1];
-			const [lo, hi] = valueRange;
-			colorMidpoint = s.colorMidpoint ?? (scheme === "diverging" && typeof scale !== "object" ? lo < 0 && hi > 0 ? 0 : (lo + hi) / 2 : null);
-			const lut = oklabRamp(colorScale);
-			colorLut = lut;
-			const values = cols.value ?? cols.y;
-			const ramp = {
-				valueRange,
-				colorMidpoint
-			};
-			cellColors = new Uint32Array(cols.count);
-			for (let i = 0; i < cols.count; i++) {
-				const v = values[i];
-				if (!Number.isFinite(v) || !Number.isFinite(cols.y[i])) continue;
-				cellColors[i] = lut[Math.round(heatPosition(ramp, v) * 255)];
-			}
-		}
-		const connector = s.connector ? typeof s.connector === "object" ? s.connector : {} : null;
-		const id = s.id ?? String(index);
-		return {
-			index,
-			key,
-			id,
-			name: s.name ?? `${labels.series} ${index + 1}`,
-			type,
-			color,
-			colorCss: toCss(color),
-			lineWidth: s.lineWidth ?? (type === "candlestick" ? 1 : type === "boxplot" ? 1.5 : 2),
-			pointSize: s.pointSize ?? (type === "boxplot" ? 6 : 8),
-			opacity: s.opacity ?? (type === "area" ? .28 : type === "scatter" ? .78 : type === "boxplot" ? .22 : 1),
-			hidden: !!s.hidden || hidden.has(id),
-			showLabels: !!s.showLabels,
-			labelsInside: s.showLabels === "inside" && type === "bar",
-			curve: s.curve ?? "linear",
-			cols,
-			raw: cols,
-			yAxis: s.yAxis === "right" && !horizontal ? "right" : "left",
-			floating: type === "bar" && !!cols.y0,
-			barOffset: 0,
-			barHalfWidth: 0,
-			barBase: null,
-			barTop: null,
-			stackBase: null,
-			stackTop: null,
-			pointColors,
-			upColor: type === "candlestick" ? resolve(s.upColor ?? DEFAULT_UP, [
-				.09,
-				.64,
-				.29,
-				1
-			]) : color,
-			downColor: type === "candlestick" ? resolve(s.downColor ?? DEFAULT_DOWN, [
-				.86,
-				.15,
-				.15,
-				1
-			]) : color,
-			cellColors,
-			cellHalf: {
-				x: .5,
-				y: .5
-			},
-			colorScale,
-			valueRange,
-			colorMidpoint,
-			colorLut,
-			tooltip: s.tooltip !== false,
-			stroke: s.stroke !== void 0 && Number.isFinite(s.stroke) ? Math.max(0, s.stroke) : null,
-			outlierShape: s.outlierShape ?? "hollow",
-			outlierSize: s.outlierSize ?? s.pointSize ?? 7,
-			connector: connector && type === "bar" ? {
-				color: connector.color ? resolve(connector.color, theme.textMuted) : theme.textMuted,
-				dash: [...connector.dash ?? [3, 3]],
-				width: connector.width ?? 1
-			} : null,
-			radius: s.radius ?? (type === "heatmap" ? 2 : type === "boxplot" ? 0 : 3),
-			format: s.format,
-			valueName: s.valueName
-		};
-	});
-	const visible = series.filter((s) => !s.hidden);
-	const xLog = xType === "log";
-	if (xLog) for (const s of series) s.cols = logXColumns(s.raw);
-	const allScatter = series.length > 0 && series.every((s) => s.type === "scatter" || s.type === "heatmap");
-	const slotted = visible.filter((s) => s.type === "bar" || s.type === "boxplot");
-	const bars = visible.filter((s) => s.type === "bar");
-	const band = bandOf(slotted, "x", xType === "category");
-	if (slotted.length) {
-		const slots = /* @__PURE__ */ new Map();
-		const stackId = (s) => input[s.index].stack ?? `\u0000${s.key}`;
-		for (const s of slotted) if (!slots.has(stackId(s))) slots.set(stackId(s), slots.size);
-		let share = 0;
-		for (const s of slotted) {
-			const w = input[s.index].barWidth;
-			if (w !== void 0 && w > share) share = Math.min(1, w);
-		}
-		const group = band * (share || (slots.size > 1 ? .78 : .62));
-		const slotWidth = group / slots.size;
-		for (const s of slotted) {
-			const slot = slots.get(stackId(s)) ?? 0;
-			s.barOffset = -group / 2 + slotWidth * (slot + .5);
-			s.barHalfWidth = slotWidth / 2 * (slots.size > 1 ? .86 : 1);
-		}
-		const stackedBars = bars.filter((s) => !s.floating);
-		const stacked = stackValues(stackedBars.map((s) => ({
-			s,
-			stack: stackId(s)
-		})), false);
-		const percentStacked = percent ? stackValues(stackedBars.filter((s) => input[s.index].stack !== void 0).map((s) => ({
-			s,
-			stack: stackId(s)
-		})), true) : [];
-		let p = 0;
-		stackedBars.forEach((s, k) => {
-			const values = percent && input[s.index].stack !== void 0 ? percentStacked[p++] : stacked[k];
-			s.barBase = values.base;
-			s.barTop = values.top;
-		});
-		for (const s of bars) {
-			const { y, y0, count } = s.cols;
-			if (!s.floating || !y0) continue;
-			const base = new Float64Array(count);
-			const top = new Float64Array(count);
-			for (let i = 0; i < count; i++) {
-				const valid = Number.isFinite(y[i]);
-				base[i] = valid ? Number.isFinite(y0[i]) ? y0[i] : 0 : NaN;
-				top[i] = valid ? y[i] : NaN;
-			}
-			s.barBase = base;
-			s.barTop = top;
-		}
-	}
-	for (const s of visible) if (s.type === "area" && s.cols.y0 && input[s.index].stack === void 0) s.stackBase = s.cols.y0;
-	const stackedLines = visible.filter((s) => (s.type === "line" || s.type === "area") && input[s.index].stack !== void 0);
-	if (stackedLines.length) {
-		const values = stackValues(stackedLines.map((s) => ({
-			s,
-			stack: input[s.index].stack ?? ""
-		})), percent);
-		stackedLines.forEach((s, k) => {
-			s.stackBase = values[k].base;
-			s.stackTop = values[k].top;
-		});
-	}
-	const candles = visible.filter((s) => s.type === "candlestick");
-	const candleBand = bandOf(candles, "x", xType === "category");
-	for (const s of candles) s.barHalfWidth = candleBand * .3;
-	const heatmaps = visible.filter((s) => s.type === "heatmap");
-	if (heatmaps.length) {
-		const cx = bandOf(heatmaps, "x", xType === "category") / 2;
-		const cy = bandOf(heatmaps, "y", yType === "category") / 2;
-		for (const s of heatmaps) s.cellHalf = {
-			x: cx,
-			y: cy
-		};
-	}
-	const xOpts = options.xAxis;
-	let xRange;
-	if (xType === "category") xRange = [-.5, Math.max(1, categories.length) - .5];
-	else {
-		const values = [];
-		for (const s of visible) {
-			values.push(s.cols.xMin, s.cols.xMax);
-			const pad = s.type === "bar" || s.type === "boxplot" ? band / 2 : s.type === "candlestick" ? candleBand / 2 : s.type === "heatmap" ? s.cellHalf.x : 0;
-			if (pad) values.push(s.cols.xMin - pad, s.cols.xMax + pad);
-		}
-		xRange = ensureSpan(...extent(values), xType === "time" ? [Date.now() - 864e5, Date.now()] : [0, 1]);
-		const pointsOnly = series.every((s) => s.type === "scatter");
-		if (pointsOnly) {
-			const pad = (xRange[1] - xRange[0]) * .04;
-			xRange = [xRange[0] - pad, xRange[1] + pad];
-		}
-		if ((xOpts?.nice ?? (pointsOnly && xType === "linear")) && xType === "linear") xRange = niceDomain(xRange[0], xRange[1], xOpts?.tickCount ?? 6);
-		if (xLog && xOpts?.nice !== false) xRange = niceLogRange(xRange);
-	}
-	const xBound = (v) => xLog ? Math.log10(v) : v;
-	if (xOpts?.min !== void 0) xRange[0] = xBound(xOpts.min);
-	if (xOpts?.max !== void 0) xRange[1] = xBound(xOpts.max);
-	xRange = ensureSpan(xRange[0], xRange[1]);
-	if (yLog) for (const s of series) {
-		if (s.yAxis === "right" || s.type === "heatmap") continue;
-		logColumns(s, LOG_MAP);
-	}
-	const valuesOf = (list, zero, log = false) => {
-		const values = [];
-		for (const s of list) if (s.type === "bar" && s.barBase && s.barTop) values.push(...extent(s.barBase), ...extent(s.barTop));
-		else if (s.stackBase && s.stackTop) values.push(...extent(s.stackBase), ...extent(s.stackTop));
-		else if (s.type === "heatmap") values.push(s.cols.yMin - s.cellHalf.y, s.cols.yMax + s.cellHalf.y);
-		else values.push(s.cols.yMin, s.cols.yMax);
-		const listBars = list.filter((s) => s.type === "bar");
-		if (!log && (listBars.some((s) => !s.floating) || zero)) values.push(0);
-		if (listBars.some((s) => s.showLabels && !s.labelsInside)) {
-			const [lo, hi] = extent(values);
-			if (hi > 0) values.push(hi + (hi - Math.min(0, lo)) * .1);
-			if (lo < 0) values.push(lo - (Math.max(0, hi) - lo) * .1);
-		}
-		return values;
-	};
-	const leftVisible = visible.filter((s) => s.yAxis === "left");
-	const leftSeries = leftVisible.length ? leftVisible : visible;
-	const leftBars = leftSeries.filter((s) => s.type === "bar");
-	let yRange;
-	if (yType === "category") yRange = [-.5, Math.max(1, yCategories.length) - .5];
-	else {
-		const yValues = valuesOf(leftSeries, yOpts?.zero, yLog);
-		const filled = leftBars.length > 0 || leftSeries.some((s) => s.type === "area");
-		yRange = ensureSpan(...extent(yValues));
-		if (series.every((s) => s.type === "scatter")) {
-			const pad = (yRange[1] - yRange[0]) * .06;
-			yRange = [yRange[0] - pad, yRange[1] + pad];
-		} else if ((candles.length || leftSeries.some((s) => s.type === "boxplot")) && !leftBars.length) {
-			const pad = (yRange[1] - yRange[0]) * .04;
-			yRange = [yRange[0] - pad, yRange[1] + pad];
-		}
-		if ((yOpts?.nice ?? !heatmaps.length) && yType === "linear") yRange = niceDomain(yRange[0], yRange[1], yOpts?.tickCount ?? 5);
-		if (yLog && yOpts?.nice !== false) yRange = decades(yRange);
-		if (percent && (bars.length || stackedLines.length)) yRange = [extent(yValues)[0] < 0 ? -100 : 0, 100];
-		if (filled && !yOpts?.zero && !yLog) {
-			if (yRange[0] < 0 && extent(yValues)[0] >= 0) yRange[0] = 0;
-		}
-	}
-	const yBound = (v) => yLog ? Math.log10(v) : v;
-	if (yOpts?.min !== void 0) yRange[0] = yBound(yOpts.min);
-	if (yOpts?.max !== void 0) yRange[1] = yBound(yOpts.max);
-	yRange = ensureSpan(yRange[0], yRange[1]);
-	if (yLog) {
-		for (const s of series) if (s.yAxis === "left") floorBases(s, yRange[0]);
-	}
-	const y2Opts = options.yAxis2;
-	let y2 = null;
-	let y2Map = null;
-	const rightSeries = series.filter((s) => s.yAxis === "right");
-	if (rightSeries.length && yType !== "category") {
-		const y2Log = y2Opts?.type === "log";
-		const rightVisible = rightSeries.filter((s) => !s.hidden);
-		const [lo, hi] = ensureSpan(...extent(y2Log ? rightVisible.flatMap((s) => {
-			const c = mapColumns(s.raw, LOG_MAP);
-			return [c.yMin, c.yMax];
-		}) : valuesOf(rightVisible, y2Opts?.zero)));
-		let domain = y2Opts?.nice === false ? [lo, hi] : y2Log ? decades([lo, hi]) : alignedDomain(lo, hi, yRange, yOpts?.tickCount ?? 5);
-		const y2Bound = (v) => y2Log ? Math.log10(v) : v;
-		if (y2Opts?.min !== void 0) domain[0] = y2Bound(y2Opts.min);
-		if (y2Opts?.max !== void 0) domain[1] = y2Bound(y2Opts.max);
-		domain = ensureSpan(domain[0], domain[1]);
-		const scale = (yRange[1] - yRange[0]) / (domain[1] - domain[0]);
-		const map = {
-			scale,
-			offset: yRange[0] - domain[0] * scale,
-			log: y2Log
-		};
-		y2Map = map;
-		const zero = y2Log ? yRange[0] : mapper(map)(Math.min(Math.max(0, domain[0]), domain[1]));
-		for (const s of rightSeries) {
-			logColumns(s, map, zero);
-			floorBases(s, yRange[0]);
-		}
-		y2 = axisModel(y2Opts, y2Log ? "log" : "linear", [], false, locale);
-	}
-	const timeline = yType === "time" && series.some((s) => s.type === "bar") && series.every((s) => s.type === "bar" ? s.floating : s.type === "scatter");
-	const zoomOption = options.interaction === false ? false : options.interaction === true || options.interaction === void 0 ? true : options.interaction.zoom ?? true;
-	const zoomAxes = zoomOption === false ? {
-		x: false,
-		y: false
-	} : zoomOption === true ? {
-		x: true,
-		y: allScatter
+var screenRect = (s, xa, xb, ya, yb) => {
+	const a = Math.min(xa, xb);
+	const b = Math.max(xa, xb);
+	const c = Math.min(ya, yb);
+	const d = Math.max(ya, yb);
+	return s.horizontal ? {
+		x: c,
+		y: a,
+		width: d - c,
+		height: b - a
 	} : {
-		x: zoomOption.includes("x"),
-		y: zoomOption.includes("y")
-	};
-	const yFormat = yOpts?.format ?? (percent && (bars.length || stackedLines.length) ? (v) => formatPercent(v, locale) : void 0);
-	return {
-		series,
-		x: axisModel(xOpts, xType, categories, false, locale),
-		y: {
-			...axisModel(yOpts, yType, yCategories, yType !== "category", locale),
-			format: yFormat
-		},
-		y2,
-		y2Map,
-		horizontal,
-		locale,
-		labels,
-		formatValue: valueFormatter(locale),
-		base: {
-			x: xRange,
-			y: yRange
-		},
-		allScatter,
-		zoom: zoomAxes,
-		tooltipMode: tooltipOptions?.mode ?? (allScatter ? "nearest" : timeline ? "item" : "axis"),
-		baseline: yLog ? yRange[0] : Math.min(Math.max(0, yRange[0]), yRange[1]),
-		minSpan: {
-			x: xType === "category" ? 1 : (xRange[1] - xRange[0]) * 1e-7,
-			y: yType === "category" ? 1 : (yRange[1] - yRange[0]) * 1e-7
-		},
-		percent,
-		stacks: input.map((s) => s.stack !== void 0 && (s.type === "bar" || s.type === "line" || s.type === "area" || !s.type) ? `${s.type === "bar" ? "bar" : "line"}:${s.stack}` : null)
+		x: a,
+		y: c,
+		width: b - a,
+		height: d - c
 	};
 };
-/** Y value drawn for a point: its stacked top for stacks, the close for candles */
-var plottedY = (s, i) => s.barTop ? s.barTop[i] : s.stackTop ? s.stackTop[i] : s.cols.y[i];
-var grids = /* @__PURE__ */ new WeakMap();
-/** Fill opacity of bar `i`: its own `opacity`, else the one of the series */
-var barOpacity = (s, i) => {
-	const own = s.cols.opacities?.[i];
-	return own !== void 0 && Number.isFinite(own) ? own : s.opacity;
-};
-/** Spatial index of a scatter series, built on first use and kept with its data */
-var gridOf = (s) => {
-	let grid = grids.get(s.cols);
-	if (!grid) {
-		grid = new GridIndex(s.cols.x, s.cols.y, s.cols.count);
-		grids.set(s.cols, grid);
-	}
-	return grid;
-};
-//#endregion
-//#region ../charts/src/engine/overlay.ts
-/** Padding of the labels inside the bars, CSS pixels */
-var INSIDE_PAD$1 = 6;
 /**
-* Color of a text written on a bar of color `fill` (alpha included) over
-* `background`: white or near-black, whichever contrasts more; `undefined`
-* for translucent bars (the theme text color with a halo reads better)
+* Inset (per side) and corner radius of heatmap cells of `width` ×
+* `height` CSS pixels: a hairline apart (1px, 2px on large cells), corners
+* of `radius` at most 20% of the cell; tiny cells touch
 */
-var insideLabelColor = (fill, background) => {
-	const alpha = fill[3];
-	if (alpha < .6) return void 0;
-	const l = relativeLuminance$1(mix(background, fill, alpha));
-	return 1.05 / (l + .05) >= (l + .05) / .062 ? "#ffffff" : "rgba(17, 24, 39, 0.92)";
-};
-var font = (theme, size = theme.fontSize, weight = 400) => `${weight} ${size}px ${theme.fontFamily}`;
-var crisp = (v) => Math.round(v) + .5;
-/** Path of a rounded box with half-height corners */
-var pill = (ctx, x, y, w, h) => {
-	const r = Math.min(h / 2, w / 2);
-	ctx.beginPath();
-	ctx.moveTo(x + r, y);
-	ctx.lineTo(x + w - r, y);
-	ctx.arcTo(x + w, y, x + w, y + r, r);
-	ctx.lineTo(x + w, y + h - r);
-	ctx.arcTo(x + w, y + h, x + w - r, y + h, r);
-	ctx.lineTo(x + r, y + h);
-	ctx.arcTo(x, y + h, x, y + h - r, r);
-	ctx.lineTo(x, y + r);
-	ctx.arcTo(x, y, x + r, y, r);
-	ctx.closePath();
-};
-/** Box of a text annotation, kept inside the plot */
-var textBox = (a, s, width, height) => {
-	const { plot } = s;
-	const at = toScreen(s, a.x ?? 0, a.y ?? 0);
-	const free = s.horizontal ? {
-		x: a.y === void 0,
-		y: a.x === void 0
-	} : {
-		x: a.x === void 0,
-		y: a.y === void 0
+var heatCellStyle = (width, height, radius) => {
+	const size = Math.min(Math.abs(width), Math.abs(height));
+	if (!(size >= 4)) return {
+		inset: 0,
+		radius: 0
 	};
-	const px = free.x ? plot.x + plot.width / 2 : at.x;
-	const py = free.y ? plot.y + plot.height / 2 : at.y;
-	const gap = 6;
-	let x = px - width / 2;
-	let y = py - height / 2;
-	if (a.anchor === "top") y = py + gap;
-	else if (a.anchor === "bottom") y = py - gap - height;
-	else if (a.anchor === "left") x = px + gap;
-	else if (a.anchor === "right") x = px - gap - width;
-	x = Math.max(plot.x + gap, Math.min(x, plot.x + plot.width - gap - width));
-	y = Math.max(plot.y + 2, Math.min(y, plot.y + plot.height - 2 - height));
 	return {
-		x,
-		y,
-		width,
-		height
+		inset: Math.round(Math.min(1, .5 + size / 96) * 4) / 4,
+		radius: Math.round(Math.max(0, Math.min(radius, size * .2)) * 4) / 4
 	};
 };
-/** Screen box of an area annotation, clipped to the plot */
-var rectOf = (a, s) => {
-	const { plot } = s;
-	const [xLo, xHi] = s.horizontal ? [plot.y, plot.y + plot.height] : [plot.x, plot.x + plot.width];
-	const [yLo, yHi] = s.horizontal ? [plot.x, plot.x + plot.width] : [plot.y, plot.y + plot.height];
-	const along = (px, lo, hi) => px < lo ? lo : px > hi ? hi : px;
-	return screenRect(s, along(s.xToPx(a.x0 ?? -Infinity), xLo, xHi), along(s.xToPx(a.x1 ?? Infinity), xLo, xHi), along(s.yToPx(a.y0 ?? -Infinity), yLo, yHi), along(s.yToPx(a.y1 ?? Infinity), yLo, yHi));
+/** Room for the axes, then the plot area */
+var computePlot = (input) => {
+	const { width, height, padding, fontSize } = input;
+	const line = Math.ceil(fontSize * 1.4);
+	const left = padding.left + (input.yLabelWidth > 0 ? input.yLabelWidth + 8 : 0) + (input.yTitle ? line + 6 : 0);
+	const bottom = padding.bottom + (input.xAxisVisible ? line + 8 : 0) + (input.xTitle ? line + 4 : 0);
+	const top = padding.top;
+	const y2Width = input.y2LabelWidth ?? 0;
+	const right = y2Width > 0 || input.y2Title ? Math.max(4, padding.left) + (y2Width > 0 ? y2Width + 8 : 0) + (input.y2Title ? line + 6 : 0) : padding.right;
+	return {
+		x: Math.round(left),
+		y: Math.round(top),
+		width: Math.max(10, Math.round(width - left - right)),
+		height: Math.max(10, Math.round(height - top - bottom))
+	};
+};
+//#endregion
+//#region ../charts/src/engine/labels.ts
+var CHART_LABELS = {
+	en: {
+		open: "Open",
+		high: "High",
+		low: "Low",
+		close: "Close",
+		max: "Max",
+		q3: "Q3",
+		median: "Median",
+		q1: "Q1",
+		min: "Min",
+		outliers: "Outliers",
+		value: "Value",
+		x: "x",
+		y: "y",
+		series: "Series",
+		chart: "Chart",
+		chartOf: "Chart: {series}",
+		start: "Start",
+		end: "End",
+		duration: "Duration",
+		progress: "Progress",
+		dependencies: "Depends on",
+		outlier: "Outlier"
+	},
+	zh: {
+		open: "开盘",
+		high: "最高",
+		low: "最低",
+		close: "收盘",
+		max: "最大值",
+		q3: "上四分位",
+		median: "中位数",
+		q1: "下四分位",
+		min: "最小值",
+		outliers: "异常值",
+		value: "数值",
+		series: "系列",
+		chart: "图表",
+		chartOf: "图表：{series}",
+		start: "开始",
+		end: "结束",
+		duration: "时长",
+		progress: "进度",
+		dependencies: "前置任务",
+		outlier: "异常值"
+	},
+	ja: {
+		open: "始値",
+		high: "高値",
+		low: "安値",
+		close: "終値",
+		max: "最大値",
+		q3: "第3四分位",
+		median: "中央値",
+		q1: "第1四分位",
+		min: "最小値",
+		outliers: "外れ値",
+		value: "値",
+		series: "系列",
+		chart: "グラフ",
+		chartOf: "グラフ：{series}",
+		start: "開始",
+		end: "終了",
+		duration: "期間",
+		progress: "進捗",
+		dependencies: "先行タスク",
+		outlier: "外れ値"
+	},
+	fr: {
+		open: "Ouverture",
+		high: "Plus haut",
+		low: "Plus bas",
+		close: "Clôture",
+		max: "Max",
+		q3: "Q3",
+		median: "Médiane",
+		q1: "Q1",
+		min: "Min",
+		outliers: "Valeurs aberrantes",
+		value: "Valeur",
+		series: "Série",
+		chart: "Graphique",
+		chartOf: "Graphique : {series}",
+		start: "Début",
+		end: "Fin",
+		duration: "Durée",
+		progress: "Avancement",
+		dependencies: "Dépend de",
+		outlier: "Valeur aberrante"
+	}
+};
+/** Texts of a locale with the overrides */
+var chartLabels = (locale, overrides) => localeLabels(CHART_LABELS, locale, overrides);
+/** Separator of the list of series names in accessible names */
+var listSeparator = (locale) => /^(zh|ja)\b/i.test(locale) ? "、" : ", ";
+/** Default accessible name of a chart model: "Chart: Revenue, Costs" (unnamed series left out) */
+var chartAriaLabel = (model) => {
+	const named = model.series.filter((s) => s.name);
+	return named.length ? model.labels.chartOf.replace("{series}", named.map((s) => s.name).join(listSeparator(model.locale))) : model.labels.chart;
+};
+/**
+* Localized accessible description of a chart, for platforms that build their
+* own accessible name ("Chart: Revenue, Costs", "营收：营收、成本").
+* With a `title`, the title replaces the generic "Chart" word.
+*/
+function describeChart$1(input) {
+	const locale = input.locale ?? "en";
+	const labels = chartLabels(locale, input.labels);
+	const series = input.series ?? [];
+	const title = input.title?.trim();
+	const generic = chartAriaLabel({
+		labels,
+		locale,
+		series
+	});
+	if (!title) return generic;
+	if (!series.length) return title;
+	const index = labels.chartOf.indexOf(labels.chart);
+	if (index < 0 || !labels.chart) return `${title}. ${generic}`;
+	const names = series.map((s) => s.name).join(listSeparator(locale));
+	const fill = (part) => part.split("{series}").join(names);
+	return fill(labels.chartOf.slice(0, index)) + title + fill(labels.chartOf.slice(index + labels.chart.length));
+}
+//#endregion
+//#region ../charts/src/engine/spatial.ts
+var GridIndex = class {
+	constructor(x, y, count, pointsPerCell = 4) {
+		let xMin = Infinity;
+		let xMax = -Infinity;
+		let yMin = Infinity;
+		let yMax = -Infinity;
+		let valid = 0;
+		for (let i = 0; i < count; i++) {
+			const xi = x[i];
+			const yi = y[i];
+			if (!Number.isFinite(xi) || !Number.isFinite(yi)) continue;
+			valid++;
+			if (xi < xMin) xMin = xi;
+			if (xi > xMax) xMax = xi;
+			if (yi < yMin) yMin = yi;
+			if (yi > yMax) yMax = yi;
+		}
+		const side = Math.min(1024, Math.max(1, Math.ceil(Math.sqrt(valid / pointsPerCell))));
+		this.cols = side;
+		this.rows = side;
+		this.x0 = valid ? xMin : 0;
+		this.y0 = valid ? yMin : 0;
+		this.cellW = valid && xMax > xMin ? (xMax - xMin) / side : 1;
+		this.cellH = valid && yMax > yMin ? (yMax - yMin) / side : 1;
+		const cells = new Int32Array(count);
+		const counts = new Uint32Array(side * side + 1);
+		for (let i = 0; i < count; i++) {
+			const xi = x[i];
+			const yi = y[i];
+			if (!Number.isFinite(xi) || !Number.isFinite(yi)) {
+				cells[i] = -1;
+				continue;
+			}
+			const cell = this.cellOf(xi, yi);
+			cells[i] = cell;
+			counts[cell + 1]++;
+		}
+		for (let c = 1; c < counts.length; c++) counts[c] += counts[c - 1];
+		this.starts = counts.slice();
+		const cursor = counts;
+		this.order = new Uint32Array(valid);
+		for (let i = 0; i < count; i++) {
+			const cell = cells[i];
+			if (cell >= 0) this.order[cursor[cell]++] = i;
+		}
+	}
+	column(xi) {
+		const c = Math.floor((xi - this.x0) / this.cellW);
+		return c < 0 ? 0 : c >= this.cols ? this.cols - 1 : c;
+	}
+	row(yi) {
+		const r = Math.floor((yi - this.y0) / this.cellH);
+		return r < 0 ? 0 : r >= this.rows ? this.rows - 1 : r;
+	}
+	cellOf(xi, yi) {
+		return this.row(yi) * this.cols + this.column(xi);
+	}
+	/** Calls `visit` with every point that may lie inside the box */
+	query(xMin, xMax, yMin, yMax, visit) {
+		if (this.order.length === 0) return;
+		const c0 = this.column(Math.min(xMin, xMax));
+		const c1 = this.column(Math.max(xMin, xMax));
+		const r0 = this.row(Math.min(yMin, yMax));
+		const r1 = this.row(Math.max(yMin, yMax));
+		for (let r = r0; r <= r1; r++) for (let c = c0; c <= c1; c++) {
+			const cell = r * this.cols + c;
+			for (let k = this.starts[cell]; k < this.starts[cell + 1]; k++) visit(this.order[k]);
+		}
+	}
+};
+//#endregion
+//#region ../charts/src/engine/model.ts
+/** Plotted units of a log axis: the base-10 logarithm of the values */
+var LOG_MAP = {
+	scale: 1,
+	offset: 0,
+	log: true
 };
-/** Whether an area annotation has a title block */
-var hasAreaTitle = (a) => !!(a.label || a.badge || a.detail || a.description);
-/** Text cut with an ellipsis to fit `max` pixels ("" when nothing fits) */
-var fitText = (text, max, width) => {
-	if (width(text) <= max) return text;
-	const chars = Array.from(text);
-	let lo = 0;
-	let hi = chars.length;
-	while (lo < hi) {
-		const mid = Math.ceil((lo + hi) / 2);
-		if (width(`${chars.slice(0, mid).join("")}…`) <= max) lo = mid;
-		else hi = mid - 1;
+var firstX = (data) => {
+	if (typeof data === "object" && data !== null && !("length" in data)) {
+		const xs = data.x;
+		return xs && xs.length ? xs[0] : void 0;
+	}
+	const list = data;
+	for (let i = 0; i < Math.min(list.length, 8); i++) {
+		const item = list[i];
+		if (Array.isArray(item)) return item[0];
+		if (item && typeof item === "object") return item.x;
 	}
-	return lo > 0 ? `${chars.slice(0, lo).join("").trimEnd()}…` : "";
 };
-/**
-* Layout of the title block of an area: `[badge] label detail` on the first
-* line, the description under it; the block sits in the `labelPosition`
-* corner, 10px from the edges, and the texts are cut to the area width
-*/
-var areaTitleLayout = (a, r, fontSize, measure) => {
-	if (!hasAreaTitle(a) || r.width <= 0 || r.height <= 0) return null;
-	const pad = 10;
-	const lineHeight = fontSize + 4;
-	const max = Math.max(0, r.width - 20);
-	const labelSize = fontSize + 1;
-	const badgeSize = Math.max(9, fontSize - 1);
-	const gap = 6;
-	const badge = a.badge ? fitText(a.badge, Math.max(0, max - 10), (t) => measure(t, badgeSize, 700)) : "";
-	const badgeWidth = badge ? measure(badge, badgeSize, 700) + 10 : 0;
-	let detail = a.detail ?? "";
-	let detailWidth = detail ? measure(detail, fontSize, 500) : 0;
-	const room = () => max - (badge ? badgeWidth + gap : 0) - (detail ? detailWidth + gap : 0);
-	if (detail && a.label && room() < 32) {
-		detail = "";
-		detailWidth = 0;
+/** Axis type when not given: dates -> time, strings -> category */
+var detectXType = (datas) => {
+	for (const data of datas) {
+		const x = firstX(data);
+		if (x instanceof Date) return "time";
+		if (typeof x === "string") return "category";
 	}
-	if (detail && room() < 0) {
-		detail = fitText(detail, Math.max(0, max - (badge ? badgeWidth + gap : 0)), (t) => measure(t, fontSize, 500));
-		detailWidth = detail ? measure(detail, fontSize, 500) : 0;
+	return "linear";
+};
+var axisModel = (options, type, categories, gridDefault, locale) => ({
+	type,
+	reverse: !!options?.reverse,
+	categories,
+	title: options?.title,
+	format: options?.format,
+	grid: options?.grid ?? gridDefault,
+	visible: options?.visible ?? true,
+	tickCount: options?.tickCount,
+	locale,
+	timeZone: options?.timeZone ?? "local"
+});
+/** Defined entries only (`{ open: undefined }` keeps the built-in text) */
+var definedEntries = (value) => {
+	const out = {};
+	if (!value) return out;
+	for (const key of Object.keys(value)) if (value[key] !== void 0) out[key] = value[key];
+	return out;
+};
+var extent = (values) => {
+	let min = Infinity;
+	let max = -Infinity;
+	for (let i = 0; i < values.length; i++) {
+		const v = values[i];
+		if (!Number.isFinite(v)) continue;
+		if (v < min) min = v;
+		if (v > max) max = v;
 	}
-	const label = a.label ? fitText(a.label, Math.max(0, room()), (t) => measure(t, labelSize, 600)) : "";
-	const line = [];
-	if (badge) line.push({
-		kind: "badge",
-		text: badge,
-		x: 0,
-		y: 0,
-		width: badgeWidth,
-		height: lineHeight,
-		size: badgeSize,
-		weight: 700
-	});
-	if (label) line.push({
-		kind: "label",
-		text: label,
-		x: 0,
-		y: 0,
-		width: measure(label, labelSize, 600),
-		height: lineHeight,
-		size: labelSize,
-		weight: 600
-	});
-	if (detail) line.push({
-		kind: "detail",
-		text: detail,
-		x: 0,
-		y: 0,
-		width: detailWidth,
-		height: lineHeight,
-		size: fontSize,
-		weight: 500
+	return [min, max];
+};
+/** Smallest positive gap between consecutive values (bar width on numeric axes) */
+var smallestStep = (columns, sorted) => {
+	let step = Infinity;
+	columns.forEach((values, k) => {
+		const xs = sorted[k] ? values : Float64Array.from(values).sort();
+		for (let i = 1; i < xs.length; i++) {
+			const d = xs[i] - xs[i - 1];
+			if (d > 0 && d < step) step = d;
+		}
 	});
-	const description = a.description ? fitText(a.description, max, (t) => measure(t, fontSize, 400)) : "";
-	const lineWidth = line.reduce((sum, p) => sum + p.width, 0) + Math.max(0, line.length - 1) * gap;
-	const descriptionWidth = description ? measure(description, fontSize, 400) : 0;
-	if (!line.length && !description) return null;
-	const height = (line.length ? lineHeight : 0) + (description ? lineHeight + (line.length ? 2 : 0) : 0);
-	const pos = a.labelPosition;
-	const top = pos.startsWith("top") ? r.y + pad : pos.startsWith("bottom") ? r.y + r.height - pad - height : r.y + (r.height - height) / 2;
-	const startOf = (width) => pos.endsWith("left") ? r.x + pad : pos.endsWith("right") ? r.x + r.width - pad - width : r.x + (r.width - width) / 2;
-	const parts = [];
-	let x = startOf(lineWidth);
-	for (const p of line) {
-		parts.push({
-			...p,
-			x,
-			y: top
-		});
-		x += p.width + gap;
+	return step;
+};
+var bandOf = (list, axis, category) => {
+	if (category) return 1;
+	const step = smallestStep(list.map((s) => axis === "x" ? s.cols.x : s.cols.y), list.map((s) => axis === "x" && s.cols.sorted));
+	return Number.isFinite(step) ? step : 1;
+};
+/**
+* Stacks the y values of series sharing a stack id (positive and negative
+* values separately); `percent` scales every stack to 100 at each x
+*/
+var stackValues = (list, percent) => {
+	const totals = /* @__PURE__ */ new Map();
+	if (percent) for (const { s, stack } of list) {
+		let byX = totals.get(stack);
+		if (!byX) totals.set(stack, byX = /* @__PURE__ */ new Map());
+		const { x, y, count } = s.cols;
+		for (let i = 0; i < count; i++) {
+			const v = y[i];
+			if (!Number.isFinite(v)) continue;
+			const t = byX.get(x[i]) ?? [0, 0];
+			if (v >= 0) t[0] += v;
+			else t[1] -= v;
+			byX.set(x[i], t);
+		}
 	}
-	if (description) parts.push({
-		kind: "description",
-		text: description,
-		x: startOf(descriptionWidth),
-		y: top + (line.length ? lineHeight + 2 : 0),
-		width: descriptionWidth,
-		height: lineHeight,
-		size: fontSize,
-		weight: 400
+	const running = /* @__PURE__ */ new Map();
+	const members = /* @__PURE__ */ new Map();
+	for (const { stack } of list) members.set(stack, (members.get(stack) ?? 0) + 1);
+	return list.map(({ s, stack }) => {
+		const { x, y, count } = s.cols;
+		if (!percent && members.get(stack) === 1) {
+			const base = new Float64Array(count);
+			const top = new Float64Array(count);
+			for (let i = 0; i < count; i++) {
+				const v = y[i];
+				const valid = Number.isFinite(v);
+				base[i] = valid ? 0 : NaN;
+				top[i] = valid ? v : NaN;
+			}
+			return {
+				base,
+				top
+			};
+		}
+		let byX = running.get(stack);
+		if (!byX) running.set(stack, byX = /* @__PURE__ */ new Map());
+		const sums = totals.get(stack);
+		const base = new Float64Array(count);
+		const top = new Float64Array(count);
+		for (let i = 0; i < count; i++) {
+			let v = y[i];
+			if (!Number.isFinite(v)) {
+				base[i] = NaN;
+				top[i] = NaN;
+				continue;
+			}
+			if (sums) {
+				const t = sums.get(x[i]);
+				const total = t ? v >= 0 ? t[0] : t[1] : 0;
+				v = total > 0 ? v / total * 100 : 0;
+			}
+			const t = byX.get(x[i]) ?? [0, 0];
+			const b = v >= 0 ? t[0] : t[1];
+			base[i] = b;
+			top[i] = b + v;
+			if (v >= 0) t[0] += v;
+			else t[1] += v;
+			byX.set(x[i], t);
+		}
+		return {
+			base,
+			top
+		};
 	});
-	const width = Math.max(lineWidth, descriptionWidth);
-	return {
-		parts,
-		box: {
-			x: startOf(width),
-			y: top,
-			width,
-			height
+};
+var DEFAULT_UP = "var(--success-color, #16a34a)";
+var DEFAULT_DOWN = "var(--danger-color, #dc2626)";
+/** Dates in the y values (or starts) of objects: a time value axis */
+var hasDateY = (datas) => {
+	for (const data of datas) {
+		if (typeof data !== "object" || data === null || !("length" in data)) continue;
+		const list = data;
+		for (let i = 0; i < Math.min(list.length, 8); i++) {
+			const item = list[i];
+			if (item && typeof item === "object" && !Array.isArray(item)) {
+				const d = item;
+				if (d.y instanceof Date || d.y0 instanceof Date) return true;
+			}
 		}
-	};
+	}
+	return false;
+};
+var precise = (v) => Number(v.toPrecision(12));
+/** Next step of the 1, 2, 5 × 10^k sequence */
+var nextStep = (step) => {
+	const power = 10 ** Math.floor(Math.log10(step) + 1e-9);
+	const f = step / power;
+	return (f < 1.5 ? 2 : f < 3.5 ? 5 : 10) * power;
 };
 /**
-* Where a reference line goes: `vertical` lines run at screen x `at`,
-* horizontal ones at screen y `at`
+* Range of the right axis covering [lo, hi] with as many tick intervals as
+* the left range has (its ticks then line up with the left grid)
 */
-var lineOf = (a, s) => {
-	return {
-		vertical: a.axis === "x" !== s.horizontal,
-		at: a.axis === "x" ? s.xToPx(a.value) : s.yToPx(a.value)
-	};
-};
-var drawBackground = (ctx, input) => {
-	const { scales, theme, xTicks, yTicks } = input;
-	const { plot } = scales;
-	const x = scales.horizontal ? input.y : input.x;
-	const y = scales.horizontal ? input.x : input.y;
-	const bottomTicks = scales.horizontal ? yTicks : xTicks;
-	const leftTicks = scales.horizontal ? xTicks : yTicks;
-	const bottomPx = scales.horizontal ? scales.yToPx : scales.xToPx;
-	const leftPx = scales.horizontal ? scales.xToPx : scales.yToPx;
-	ctx.clearRect(0, 0, input.width, input.height);
-	ctx.save();
-	ctx.beginPath();
-	ctx.rect(plot.x, plot.y, plot.width, plot.height);
-	ctx.clip();
-	for (const a of input.annotations) {
-		if (a.type !== "rect") continue;
-		const r = rectOf(a, scales);
-		if (r.width <= 0 || r.height <= 0) continue;
-		ctx.fillStyle = toCss(a.color, a.opacity);
-		ctx.fillRect(r.x, r.y, r.width, r.height);
-	}
-	ctx.restore();
-	ctx.lineWidth = 1;
-	ctx.strokeStyle = toCss(theme.grid);
-	ctx.beginPath();
-	if (y.grid) for (const v of leftTicks.values) {
-		const py = crisp(leftPx(v));
-		if (py < plot.y - 1 || py > plot.y + plot.height + 1) continue;
-		ctx.moveTo(plot.x, py);
-		ctx.lineTo(plot.x + plot.width, py);
-	}
-	if (x.grid) for (const v of bottomTicks.values) {
-		const px = crisp(bottomPx(v));
-		if (px < plot.x - 1 || px > plot.x + plot.width + 1) continue;
-		ctx.moveTo(px, plot.y);
-		ctx.lineTo(px, plot.y + plot.height);
-	}
-	ctx.stroke();
-	const line = Math.ceil(theme.fontSize * 1.4);
-	ctx.font = font(theme);
-	ctx.fillStyle = toCss(theme.textMuted);
-	if (x.visible) {
-		ctx.strokeStyle = toCss(theme.axis);
-		ctx.beginPath();
-		const base = crisp(plot.y + plot.height);
-		ctx.moveTo(plot.x, base);
-		ctx.lineTo(plot.x + plot.width, base);
-		ctx.stroke();
-		ctx.textBaseline = "top";
-		ctx.textAlign = "center";
-		let lastRight = -Infinity;
-		const order = bottomTicks.values.map((v, i) => ({
-			px: bottomPx(v),
-			text: bottomTicks.labels[i]
-		})).sort((a, b) => a.px - b.px);
-		for (const { px, text } of order) {
-			if (px < plot.x - .5 || px > plot.x + plot.width + .5) continue;
-			const w = ctx.measureText(text).width;
-			const left = Math.max(0, Math.min(input.width - w, px - w / 2));
-			if (left < lastRight + 6) continue;
-			lastRight = left + w;
-			ctx.fillText(text, left + w / 2, plot.y + plot.height + 7);
-		}
-		if (x.title) {
-			ctx.font = font(theme, theme.fontSize + 1, 500);
-			ctx.fillStyle = toCss(theme.text, .8);
-			ctx.fillText(x.title, plot.x + plot.width / 2, plot.y + plot.height + line + 10);
-		}
+var alignedDomain = (lo, hi, left, count) => {
+	const [a0, a1] = left;
+	const stepL = tickStep(a0, a1, count);
+	const n = stepL > 0 ? Math.round((a1 - a0) / stepL) : 0;
+	[lo, hi] = ensureSpan(lo, hi);
+	if (n < 1 || Math.abs(n * stepL - (a1 - a0)) > stepL * 1e-6) return niceDomain(lo, hi, count);
+	let step = tickStep(lo, hi, n);
+	for (let k = 0; k < 40 && step > 0; k++) {
+		const start = Math.floor(lo / step + 1e-9) * step;
+		if (start + n * step >= hi - step * 1e-9) return [precise(start), precise(start + n * step)];
+		step = nextStep(step);
 	}
-	if (y.visible) {
-		ctx.font = font(theme);
-		ctx.fillStyle = toCss(theme.textMuted);
-		ctx.textAlign = "right";
-		ctx.textBaseline = "middle";
-		let lastBottom = -Infinity;
-		const rows = leftTicks.values.map((v, i) => ({
-			py: leftPx(v),
-			text: leftTicks.labels[i]
-		})).sort((a, b) => a.py - b.py);
-		const rowHeight = theme.fontSize + 2;
-		for (const { py, text } of rows) {
-			if (py < plot.y - .5 || py > plot.y + plot.height + .5) continue;
-			if (scales.horizontal) {
-				if (py - rowHeight / 2 < lastBottom) continue;
-				lastBottom = py + rowHeight / 2;
+	return niceDomain(lo, hi, count);
+};
+var mapped = /* @__PURE__ */ new WeakMap();
+/** Columns of a right-axis series in left axis units (cached with the data) */
+var mapColumns = (src, map) => {
+	const key = `${map.scale},${map.offset},${!!map.log}`;
+	const hit = mapped.get(src);
+	if (hit && hit.key === key) return hit.cols;
+	const f = mapper(map);
+	const column = (a) => a ? a.map(f) : null;
+	const raw = src;
+	const cols = {
+		...raw,
+		y: raw.y.map(f),
+		open: column(raw.open),
+		high: column(raw.high),
+		low: column(raw.low),
+		y0: column(raw.y0),
+		q1: column(raw.q1),
+		q3: column(raw.q3),
+		outliers: raw.outliers ? raw.outliers.map((list) => list?.map(f)) : null
+	};
+	if (map.log) {
+		const range = [Infinity, -Infinity];
+		const add = (a) => {
+			if (!a) return;
+			for (let i = 0; i < a.length; i++) {
+				const v = a[i];
+				if (!Number.isFinite(v)) continue;
+				if (v < range[0]) range[0] = v;
+				if (v > range[1]) range[1] = v;
 			}
-			ctx.fillText(text, plot.x - 8, py);
-		}
-		if (y.title) {
-			ctx.save();
-			ctx.font = font(theme, theme.fontSize + 1, 500);
-			ctx.fillStyle = toCss(theme.text, .8);
-			ctx.translate(line / 2 + 4, plot.y + plot.height / 2);
-			ctx.rotate(-Math.PI / 2);
-			ctx.textAlign = "center";
-			ctx.fillText(y.title, 0, 0);
-			ctx.restore();
-		}
+		};
+		for (const c of [
+			cols.y,
+			cols.y0,
+			cols.high,
+			cols.low,
+			cols.q1,
+			cols.q3
+		]) add(c);
+		cols.outliers?.forEach((list) => add(list));
+		cols.yMin = range[0] <= range[1] ? range[0] : NaN;
+		cols.yMax = range[0] <= range[1] ? range[1] : NaN;
+	} else {
+		const lo = f(raw.yMin);
+		const hi = f(raw.yMax);
+		cols.yMin = Math.min(lo, hi);
+		cols.yMax = Math.max(lo, hi);
 	}
-	const y2 = scales.horizontal ? null : input.y2;
-	const y2Ticks = input.y2Ticks;
-	if (y2 && y2Ticks && y2.visible) {
-		const right = plot.x + plot.width;
-		ctx.font = font(theme);
-		ctx.fillStyle = toCss(theme.textMuted);
-		ctx.textAlign = "left";
-		ctx.textBaseline = "middle";
-		y2Ticks.values.forEach((v, i) => {
-			const py = scales.yToPx(v);
-			if (py < plot.y - .5 || py > plot.y + plot.height + .5) return;
-			ctx.fillText(y2Ticks.labels[i], right + 8, py);
-		});
-		if (y2.title) {
-			ctx.save();
-			ctx.font = font(theme, theme.fontSize + 1, 500);
-			ctx.fillStyle = toCss(theme.text, .8);
-			ctx.translate(input.width - line / 2 - 4, plot.y + plot.height / 2);
-			ctx.rotate(Math.PI / 2);
-			ctx.textAlign = "center";
-			ctx.fillText(y2.title, 0, 0);
-			ctx.restore();
+	mapped.set(src, {
+		key,
+		cols
+	});
+	return cols;
+};
+/** A log range widened to whole decades (`[0.3, 2.4]` -> `[0, 3]`) */
+var decades = (range) => {
+	const lo = Math.floor(range[0] + 1e-9);
+	const hi = Math.ceil(range[1] - 1e-9);
+	return [lo, hi > lo ? hi : lo + 1];
+};
+/** Exponent of `m × 10^k`, exact for the values of the ticks */
+var niceExponent = (m, k) => Math.log10(Number((m * 10 ** k).toPrecision(12)));
+/**
+* A log range widened to the closest 1, 2 or 5 × 10^k bounds (the values
+* 900 - 140k -> 500 - 200k), tighter than whole decades
+*/
+var niceLogRange = (range) => {
+	const below = (e) => {
+		const k = Math.floor(e + 1e-9);
+		let best = k;
+		for (const m of [2, 5]) {
+			const v = niceExponent(m, k);
+			if (v <= e + 1e-9) best = v;
+		}
+		return best;
+	};
+	const above = (e) => {
+		const k = Math.floor(e - 1e-9);
+		for (const m of [
+			1,
+			2,
+			5
+		]) {
+			const v = niceExponent(m, k);
+			if (v >= e - 1e-9) return v;
 		}
+		return k + 1;
+	};
+	const lo = below(range[0]);
+	const hi = above(range[1]);
+	return [lo, hi > lo + 1e-9 ? hi : above(lo + 1e-6)];
+};
+/**
+* Plots a series through a map: its columns, bars, stacks and lower
+* edges (bars / areas of the right axis start at `zero`)
+*/
+var logColumns = (s, map, zero = -Infinity) => {
+	const f = mapper(map);
+	const column = (a) => a ? a.map(f) : null;
+	const rawBase = s.stackBase;
+	s.cols = mapColumns(s.cols, map);
+	s.barBase = s.barBase && !s.floating ? s.barBase.map((v) => v === 0 ? map.log ? -Infinity : f(0) : f(v)) : column(s.barBase);
+	s.barTop = column(s.barTop);
+	s.stackTop = column(s.stackTop);
+	s.stackBase = rawBase && rawBase === s.raw.y0 ? s.cols.y0 : rawBase ? column(rawBase) : s.type === "area" ? new Float64Array(s.cols.count).fill(zero) : null;
+};
+/** Value -> plotted units of a map (`-Infinity` for 0 on log axes) */
+var mapper = (map) => (v) => (map.log ? Math.log10(v) : v) * map.scale + map.offset;
+/** Value of the y axis -> plotted y (the logarithm on log axes) */
+var toPlotY = (model, value) => model.y.type === "log" ? Math.log10(value) : value;
+/** Plotted y -> value of the y axis */
+var fromPlotY = (model, value) => model.y.type === "log" ? 10 ** value : value;
+/** Value of the x axis -> plotted x (the logarithm on log axes) */
+var toPlotX = (model, value) => model.x.type === "log" ? Math.log10(value) : value;
+/** Plotted x -> value of the x axis */
+var fromPlotX = (model, value) => model.x.type === "log" ? 10 ** value : value;
+/** A view in plotted units -> the values of the axes (zoom events, `getView`) */
+var viewToValues = (model, view) => ({
+	x: [fromPlotX(model, view.x[0]), fromPlotX(model, view.x[1])],
+	y: [fromPlotY(model, view.y[0]), fromPlotY(model, view.y[1])]
+});
+/** Values of the axes -> a view in plotted units (`setView`); missing axes keep `current` */
+var viewFromValues = (model, next, current) => ({
+	x: next.x ? [toPlotX(model, next.x[0]), toPlotX(model, next.x[1])] : current.x,
+	y: next.y ? [toPlotY(model, next.y[0]), toPlotY(model, next.y[1])] : current.y
+});
+var logXCache = /* @__PURE__ */ new WeakMap();
+/**
+* Columns plotted on a log x axis: the logarithms of the x values; points
+* without one (x <= 0) become gaps (cached with the data)
+*/
+var logXColumns = (raw) => {
+	const hit = logXCache.get(raw);
+	if (hit) return hit;
+	const x = raw.x.map((v) => v > 0 ? Math.log10(v) : NaN);
+	let y = raw.y;
+	let gaps = false;
+	for (let i = 0; i < raw.count; i++) {
+		if (Number.isFinite(x[i])) continue;
+		if (!gaps) y = Float64Array.from(raw.y);
+		gaps = true;
+		y[i] = NaN;
+	}
+	const [xMin, xMax] = extent(x);
+	const cols = {
+		...raw,
+		x,
+		y,
+		xMin,
+		xMax,
+		sorted: raw.sorted && !gaps
+	};
+	logXCache.set(raw, cols);
+	return cols;
+};
+/** Replaces the bases of bars / areas on log axes (`-Infinity`) by the bottom of the axis */
+var floorBases = (s, floor) => {
+	for (const a of [s.barBase, s.stackBase]) {
+		if (!a) continue;
+		for (let i = 0; i < a.length; i++) if (a[i] === -Infinity) a[i] = floor;
 	}
 };
-var overlaps = (a, b) => a.x < b.x + b.width && b.x < a.x + a.width && a.y < b.y + b.height && b.y < a.y + a.height;
-var inside$1 = (r, plot) => r.x >= plot.x && r.y >= plot.y && r.x + r.width <= plot.x + plot.width && r.y + r.height <= plot.y + plot.height;
-/** Text with a halo in the background color (readable over data) */
-var haloText = (ctx, text, x, y, color, halo) => {
-	ctx.lineWidth = 3;
-	ctx.lineJoin = "round";
-	ctx.strokeStyle = halo;
-	ctx.strokeText(text, x, y);
-	ctx.fillStyle = color;
-	ctx.fillText(text, x, y);
+/** Position (0-1) of a heatmap value on its color ramp */
+var heatPosition = (s, v) => {
+	const [lo, hi] = s.valueRange;
+	const mid = s.colorMidpoint;
+	let t;
+	if (mid !== null && mid > lo && mid < hi) t = v < mid ? (v - lo) / (mid - lo) * .5 : .5 + (v - mid) / (hi - mid) * .5;
+	else t = (v - lo) / (hi - lo || 1);
+	return t < 0 ? 0 : t > 1 ? 1 : t;
 };
 /**
-* Box of a label inside its bar (the visible part of it): the text cut with
-* an ellipsis to fit, at the start of horizontal bars and centered in
-* vertical ones; `null` when the bar is too small
+* Built-in ramps of heatmaps, perceptual (OKLab) and theme-aware: light
+* themes go from a near-white tint to a deep hue, dark themes from a dark
+* tint of the surface to a bright saturated hue; diverging ramps meet in a
+* neutral middle
 */
-var insideBox = (label, plot, measure, height) => {
-	const bar = label.bar;
-	if (!bar) return null;
-	const x0 = Math.max(bar.x, plot.x);
-	const x1 = Math.min(bar.x + bar.width, plot.x + plot.width);
-	const y0 = Math.max(bar.y, plot.y);
-	const y1 = Math.min(bar.y + bar.height, plot.y + plot.height);
-	if (y1 - y0 < height - 2) return null;
-	const text = fitText(label.text, x1 - x0 - 12, measure);
-	if (!text) return null;
-	const w = measure(text);
-	const x = label.align === "start" ? x0 + INSIDE_PAD$1 : (x0 + x1) / 2 - w / 2;
-	return {
-		label: text === label.text ? label : {
-			...label,
-			text
-		},
-		box: {
-			x,
-			y: (y0 + y1) / 2 - height / 2,
-			width: w,
-			height
+var heatmapStops = (scheme, color, theme, negative) => {
+	const dark = luminance(theme.background) < .4;
+	if (scheme === "diverging") {
+		const neutral = mixOklab(theme.surface, theme.textMuted, dark ? .12 : .08);
+		const end = (c) => dark ? withLightness(c, .7, 1.25) : withLightness(c, .5, 1.05);
+		const side = (c) => mixOklab(neutral, end(c), .5);
+		return [
+			end(negative),
+			side(negative),
+			neutral,
+			side(color),
+			end(color)
+		];
+	}
+	return dark ? [
+		mixOklab(theme.surface, color, .14),
+		withLightness(color, .46, .95),
+		withLightness(color, .64, 1.2),
+		withLightness(color, .8, 1.15)
+	] : [
+		mixOklab(theme.surface, color, .06),
+		withLightness(color, .8, .6),
+		withLightness(color, .58, 1),
+		withLightness(color, .36, .9)
+	];
+};
+var buildModel = (options, theme, hidden, cache, resolver = null) => {
+	const resolve = resolver ?? theme.resolve ?? ((value, fallback) => resolveStaticColor(value, {}, fallback));
+	const input = options.series;
+	const locale = resolveLocale(options.locale);
+	const tooltipOptions = typeof options.tooltip === "object" ? options.tooltip : void 0;
+	const labels = chartLabels(locale, {
+		...definedEntries(tooltipOptions?.labels),
+		...definedEntries(options.labels)
+	});
+	const datas = input.map((s) => s.data);
+	const xType = options.xAxis?.type ?? detectXType(datas);
+	const categories = xType === "category" ? [...options.xAxis?.categories ?? collectCategories(datas)] : [];
+	const categoryMap = new Map(categories.map((c, i) => [c, i]));
+	const resolveX = xResolver(xType, (name) => categoryMap.get(name) ?? NaN);
+	const yOpts = options.yAxis;
+	const heatmapData = input.filter((s) => s.type === "heatmap").map((s) => s.data);
+	const yCategories = yOpts?.type === "category" || !yOpts?.type && heatmapData.length ? [...yOpts?.categories ?? collectYCategories(heatmapData)] : [];
+	const yType = yOpts?.type === "category" || yCategories.length ? "category" : yOpts?.type === "time" || !yOpts?.type && hasDateY(datas) ? "time" : yOpts?.type === "log" ? "log" : "linear";
+	const yLog = yType === "log";
+	const yCategoryMap = new Map(yCategories.map((c, i) => [c, i]));
+	const resolveY = (v) => typeof v === "number" ? v : typeof v === "string" ? yType === "category" ? yCategoryMap.get(v) ?? NaN : yType === "time" ? Date.parse(v) : Number(v) : v instanceof Date ? v.getTime() : NaN;
+	const resolverKey = `${xType}|${categories.join("
")}|${yType}|${yCategories.join("
")}`;
+	const percent = options.stackMode === "percent";
+	const horizontal = options.orientation === "horizontal";
+	const usedKeys = /* @__PURE__ */ new Set();
+	const series = input.map((s, index) => {
+		let key = s.id ?? `#${index}`;
+		while (usedKeys.has(key)) key += "'";
+		usedKeys.add(key);
+		let entry = cache.get(key);
+		if (!entry || entry.data !== s.data || entry.resolverKey !== resolverKey) {
+			entry = {
+				data: s.data,
+				resolverKey,
+				cols: normalizeData(s.data, resolveX, resolveY)
+			};
+			cache.set(key, entry);
+		}
+		const type = s.type ?? "line";
+		const paletteColor = theme.palette[index % theme.palette.length];
+		const color = s.color ? resolve(s.color, paletteColor) : paletteColor;
+		const cols = entry.cols;
+		let pointColors = null;
+		if ((type === "scatter" || type === "bar" || type === "boxplot") && cols.colors) {
+			const resolved = /* @__PURE__ */ new Map();
+			pointColors = cols.colors.map((c) => {
+				if (c === void 0) return void 0;
+				let rgba = resolved.get(c);
+				if (!rgba) resolved.set(c, rgba = resolve(c, color));
+				return rgba;
+			});
+		}
+		let colorScale = [];
+		let valueRange = [0, 1];
+		let cellColors = null;
+		let colorMidpoint = null;
+		let colorLut = null;
+		if (type === "heatmap") {
+			const scale = s.colorScale;
+			const scheme = scale === "diverging" ? "diverging" : "sequential";
+			colorScale = typeof scale === "object" && scale.length ? scale.map((c) => resolve(c, color)) : heatmapStops(scheme, color, theme, resolve(DEFAULT_DOWN, [
+				.86,
+				.15,
+				.15,
+				1
+			]));
+			valueRange = s.valueRange ? [s.valueRange[0], s.valueRange[1]] : [cols.valueMin, cols.valueMax];
+			if (!Number.isFinite(valueRange[0])) valueRange = [0, 1];
+			const [lo, hi] = valueRange;
+			colorMidpoint = s.colorMidpoint ?? (scheme === "diverging" && typeof scale !== "object" ? lo < 0 && hi > 0 ? 0 : (lo + hi) / 2 : null);
+			const lut = oklabRamp(colorScale);
+			colorLut = lut;
+			const values = cols.value ?? cols.y;
+			const ramp = {
+				valueRange,
+				colorMidpoint
+			};
+			cellColors = new Uint32Array(cols.count);
+			for (let i = 0; i < cols.count; i++) {
+				const v = values[i];
+				if (!Number.isFinite(v) || !Number.isFinite(cols.y[i])) continue;
+				cellColors[i] = lut[Math.round(heatPosition(ramp, v) * 255)];
+			}
+		}
+		const connector = s.connector ? typeof s.connector === "object" ? s.connector : {} : null;
+		const id = s.id ?? String(index);
+		return {
+			index,
+			key,
+			id,
+			name: s.name ?? `${labels.series} ${index + 1}`,
+			type,
+			color,
+			colorCss: toCss(color),
+			lineWidth: s.lineWidth ?? (type === "candlestick" ? 1 : type === "boxplot" ? 1.5 : 2),
+			pointSize: s.pointSize ?? (type === "boxplot" ? 6 : 8),
+			opacity: s.opacity ?? (type === "area" ? .28 : type === "scatter" ? .78 : type === "boxplot" ? .22 : 1),
+			hidden: !!s.hidden || hidden.has(id),
+			showLabels: !!s.showLabels,
+			labelsInside: s.showLabels === "inside" && type === "bar",
+			curve: s.curve ?? "linear",
+			cols,
+			raw: cols,
+			yAxis: s.yAxis === "right" && !horizontal ? "right" : "left",
+			floating: type === "bar" && !!cols.y0,
+			barOffset: 0,
+			barHalfWidth: 0,
+			barBase: null,
+			barTop: null,
+			stackBase: null,
+			stackTop: null,
+			pointColors,
+			upColor: type === "candlestick" ? resolve(s.upColor ?? DEFAULT_UP, [
+				.09,
+				.64,
+				.29,
+				1
+			]) : color,
+			downColor: type === "candlestick" ? resolve(s.downColor ?? DEFAULT_DOWN, [
+				.86,
+				.15,
+				.15,
+				1
+			]) : color,
+			cellColors,
+			cellHalf: {
+				x: .5,
+				y: .5
+			},
+			colorScale,
+			valueRange,
+			colorMidpoint,
+			colorLut,
+			tooltip: s.tooltip !== false,
+			stroke: s.stroke !== void 0 && Number.isFinite(s.stroke) ? Math.max(0, s.stroke) : null,
+			outlierShape: s.outlierShape ?? "hollow",
+			outlierSize: s.outlierSize ?? s.pointSize ?? 7,
+			connector: connector && type === "bar" ? {
+				color: connector.color ? resolve(connector.color, theme.textMuted) : theme.textMuted,
+				dash: [...connector.dash ?? [3, 3]],
+				width: connector.width ?? 1
+			} : null,
+			radius: s.radius ?? (type === "heatmap" ? 2 : type === "boxplot" ? 0 : 3),
+			format: s.format,
+			valueName: s.valueName
+		};
+	});
+	const visible = series.filter((s) => !s.hidden);
+	const xLog = xType === "log";
+	if (xLog) for (const s of series) s.cols = logXColumns(s.raw);
+	const allScatter = series.length > 0 && series.every((s) => s.type === "scatter" || s.type === "heatmap");
+	const slotted = visible.filter((s) => s.type === "bar" || s.type === "boxplot");
+	const bars = visible.filter((s) => s.type === "bar");
+	const band = bandOf(slotted, "x", xType === "category");
+	if (slotted.length) {
+		const slots = /* @__PURE__ */ new Map();
+		const stackId = (s) => input[s.index].stack ?? `\u0000${s.key}`;
+		for (const s of slotted) if (!slots.has(stackId(s))) slots.set(stackId(s), slots.size);
+		let share = 0;
+		for (const s of slotted) {
+			const w = input[s.index].barWidth;
+			if (w !== void 0 && w > share) share = Math.min(1, w);
 		}
-	};
-};
-/** Greedy placement: right, left, above, below the dot; skipped when no slot is free */
-var placeLabels = (labels, plot, measure, height, occupied = []) => {
-	const placed = [];
-	for (const label of labels) {
-		if (label.placement === "inside") {
-			const fit = insideBox(label, plot, measure, height);
-			if (fit) placed.push(fit);
-			continue;
+		const group = band * (share || (slots.size > 1 ? .78 : .62));
+		const slotWidth = group / slots.size;
+		for (const s of slotted) {
+			const slot = slots.get(stackId(s)) ?? 0;
+			s.barOffset = -group / 2 + slotWidth * (slot + .5);
+			s.barHalfWidth = slotWidth / 2 * (slots.size > 1 ? .86 : 1);
 		}
-		const w = measure(label.text);
-		const gap = label.r + 4;
-		const above = {
-			x: label.x - w / 2,
-			y: label.y - gap - height,
-			width: w,
-			height
-		};
-		const below = {
-			x: label.x - w / 2,
-			y: label.y + gap,
-			width: w,
-			height
-		};
-		const right = {
-			x: label.x + gap,
-			y: label.y - height / 2,
-			width: w,
-			height
-		};
-		const left = {
-			x: label.x - gap - w,
-			y: label.y - height / 2,
-			width: w,
-			height
-		};
-		const box = (label.placement === "above" ? [above] : label.placement === "below" ? [below] : label.placement === "right" ? [right, left] : label.placement === "left" ? [left, right] : [
-			{
-				x: label.x + gap,
-				y: label.y - height / 2,
-				width: w,
-				height
-			},
-			{
-				x: label.x - gap - w,
-				y: label.y - height / 2,
-				width: w,
-				height
-			},
-			above,
-			below
-		]).find((c) => inside$1(c, plot) && !occupied.some((o) => overlaps(o, c)));
-		if (!box) continue;
-		occupied.push(box);
-		placed.push({
-			label,
-			box
+		const stackedBars = bars.filter((s) => !s.floating);
+		const stacked = stackValues(stackedBars.map((s) => ({
+			s,
+			stack: stackId(s)
+		})), false);
+		const percentStacked = percent ? stackValues(stackedBars.filter((s) => input[s.index].stack !== void 0).map((s) => ({
+			s,
+			stack: stackId(s)
+		})), true) : [];
+		let p = 0;
+		stackedBars.forEach((s, k) => {
+			const values = percent && input[s.index].stack !== void 0 ? percentStacked[p++] : stacked[k];
+			s.barBase = values.base;
+			s.barTop = values.top;
 		});
-	}
-	return placed;
-};
-/** Elbow arrows: polylines with rounded corners and filled heads */
-var drawArrows = (ctx, arrows) => {
-	for (const a of arrows) {
-		const pts = a.points;
-		const first = pts[0];
-		if (!first) continue;
-		ctx.strokeStyle = a.color;
-		ctx.fillStyle = a.color;
-		ctx.lineWidth = a.width;
-		ctx.lineJoin = "round";
-		ctx.setLineDash([]);
-		ctx.beginPath();
-		ctx.moveTo(first.x, first.y);
-		for (let i = 1; i < pts.length; i++) {
-			const p = pts[i];
-			const next = pts[i + 1];
-			const prev = pts[i - 1];
-			if (next && typeof ctx.arcTo === "function") {
-				const r = Math.min(4, Math.hypot(p.x - prev.x, p.y - prev.y) / 2, Math.hypot(next.x - p.x, next.y - p.y) / 2);
-				ctx.arcTo(p.x, p.y, next.x, next.y, r);
-			} else ctx.lineTo(p.x, p.y);
-		}
-		ctx.stroke();
-		const [tip, b0, b1] = a.head;
-		if (tip && b0 && b1) {
-			ctx.beginPath();
-			ctx.moveTo(tip.x, tip.y);
-			ctx.lineTo(b0.x, b0.y);
-			ctx.lineTo(b1.x, b1.y);
-			ctx.closePath();
-			ctx.fill();
+		for (const s of bars) {
+			const { y, y0, count } = s.cols;
+			if (!s.floating || !y0) continue;
+			const base = new Float64Array(count);
+			const top = new Float64Array(count);
+			for (let i = 0; i < count; i++) {
+				const valid = Number.isFinite(y[i]);
+				base[i] = valid ? Number.isFinite(y0[i]) ? y0[i] : 0 : NaN;
+				top[i] = valid ? y[i] : NaN;
+			}
+			s.barBase = base;
+			s.barTop = top;
 		}
 	}
-};
-var drawForeground = (ctx, input) => {
-	const { scales, theme } = input;
-	const { plot } = scales;
-	if (input.clear !== false) ctx.clearRect(0, 0, input.width, input.height);
-	ctx.save();
-	ctx.beginPath();
-	ctx.rect(plot.x, plot.y, plot.width, plot.height);
-	ctx.clip();
-	for (const c of input.connectors ?? []) {
-		ctx.strokeStyle = c.color;
-		ctx.lineWidth = c.width;
-		ctx.setLineDash([...c.dash]);
-		ctx.beginPath();
-		const along = c.y0 === c.y1;
-		const x0 = along ? c.x0 : crisp(c.x0);
-		const y0 = along ? crisp(c.y0) : c.y0;
-		ctx.moveTo(x0, y0);
-		ctx.lineTo(along ? c.x1 : x0, along ? y0 : c.y1);
-		ctx.stroke();
+	for (const s of visible) if (s.type === "area" && s.cols.y0 && input[s.index].stack === void 0) s.stackBase = s.cols.y0;
+	const stackedLines = visible.filter((s) => (s.type === "line" || s.type === "area") && input[s.index].stack !== void 0);
+	if (stackedLines.length) {
+		const values = stackValues(stackedLines.map((s) => ({
+			s,
+			stack: input[s.index].stack ?? ""
+		})), percent);
+		stackedLines.forEach((s, k) => {
+			s.stackBase = values[k].base;
+			s.stackTop = values[k].top;
+		});
 	}
-	ctx.setLineDash([]);
-	if (input.arrows?.length) drawArrows(ctx, input.arrows);
-	const halo = toCss(theme.background, .9);
-	const occupied = [];
-	const labelHeight = theme.fontSize + 4;
-	for (const a of input.annotations) {
-		if (a.type !== "line") continue;
-		const color = toCss(a.color);
-		ctx.strokeStyle = color;
-		ctx.lineWidth = a.width;
-		ctx.setLineDash(a.dash);
-		ctx.beginPath();
-		const where = lineOf(a, scales);
-		if (!where.vertical) {
-			const py = crisp(where.at);
-			ctx.moveTo(plot.x, py);
-			ctx.lineTo(plot.x + plot.width, py);
-			ctx.stroke();
-			if (a.label) {
-				ctx.setLineDash([]);
-				ctx.font = font(theme, theme.fontSize, 500);
-				ctx.textAlign = "right";
-				ctx.textBaseline = "bottom";
-				haloText(ctx, a.label, plot.x + plot.width - 6, py - 3, color, halo);
-			}
-		} else {
-			const px = crisp(where.at);
-			ctx.moveTo(px, plot.y);
-			ctx.lineTo(px, plot.y + plot.height);
-			ctx.stroke();
-			if (a.label) {
-				ctx.setLineDash([]);
-				ctx.font = font(theme, theme.fontSize, 500);
-				ctx.textAlign = "left";
-				ctx.textBaseline = "top";
-				haloText(ctx, a.label, px + 5, plot.y + 5, color, halo);
-			}
-		}
+	const candles = visible.filter((s) => s.type === "candlestick");
+	const candleBand = bandOf(candles, "x", xType === "category");
+	for (const s of candles) s.barHalfWidth = candleBand * .3;
+	const heatmaps = visible.filter((s) => s.type === "heatmap");
+	if (heatmaps.length) {
+		const cx = bandOf(heatmaps, "x", xType === "category") / 2;
+		const cy = bandOf(heatmaps, "y", yType === "category") / 2;
+		for (const s of heatmaps) s.cellHalf = {
+			x: cx,
+			y: cy
+		};
 	}
-	ctx.setLineDash([]);
-	for (const a of input.annotations) {
-		if (a.type !== "rect" || !hasAreaTitle(a)) continue;
-		const title = areaTitleLayout(a, rectOf(a, scales), theme.fontSize, (text, size, weight) => {
-			ctx.font = font(theme, size, weight);
-			return ctx.measureText(text).width;
-		});
-		if (!title) continue;
-		const color = toCss(a.labelColor);
-		const muted = toCss(theme.textMuted);
-		ctx.textAlign = "left";
-		ctx.textBaseline = "middle";
-		for (const p of title.parts) {
-			const cy = p.y + p.height / 2;
-			if (p.kind === "badge") {
-				const h = p.height - 2;
-				pill(ctx, p.x, cy - h / 2, p.width, h);
-				ctx.fillStyle = toCss(a.labelColor, .16);
-				ctx.fill();
-				ctx.font = font(theme, p.size, p.weight);
-				ctx.fillStyle = color;
-				ctx.fillText(p.text, p.x + 5, cy);
-				continue;
-			}
-			ctx.font = font(theme, p.size, p.weight);
-			ctx.fillStyle = p.kind === "label" ? color : muted;
-			ctx.fillText(p.text, p.x, cy);
+	const xOpts = options.xAxis;
+	let xRange;
+	if (xType === "category") xRange = [-.5, Math.max(1, categories.length) - .5];
+	else {
+		const values = [];
+		for (const s of visible) {
+			values.push(s.cols.xMin, s.cols.xMax);
+			const pad = s.type === "bar" || s.type === "boxplot" ? band / 2 : s.type === "candlestick" ? candleBand / 2 : s.type === "heatmap" ? s.cellHalf.x : 0;
+			if (pad) values.push(s.cols.xMin - pad, s.cols.xMax + pad);
 		}
-		occupied.push(title.box);
+		xRange = ensureSpan(...extent(values), xType === "time" ? [Date.now() - 864e5, Date.now()] : [0, 1]);
+		const pointsOnly = series.every((s) => s.type === "scatter");
+		if (pointsOnly) {
+			const pad = (xRange[1] - xRange[0]) * .04;
+			xRange = [xRange[0] - pad, xRange[1] + pad];
+		}
+		if ((xOpts?.nice ?? (pointsOnly && xType === "linear")) && xType === "linear") xRange = niceDomain(xRange[0], xRange[1], xOpts?.tickCount ?? 6);
+		if (xLog && xOpts?.nice !== false) xRange = niceLogRange(xRange);
 	}
-	for (const a of input.annotations) {
-		if (a.type !== "text" || !a.text) continue;
-		ctx.font = font(theme, theme.fontSize, a.weight);
-		const box = textBox(a, scales, ctx.measureText(a.text).width, labelHeight);
-		ctx.textAlign = "left";
-		ctx.textBaseline = "middle";
-		haloText(ctx, a.text, box.x, box.y + box.height / 2, toCss(a.color), halo);
-		occupied.push(box);
+	const xBound = (v) => xLog ? Math.log10(v) : v;
+	if (xOpts?.min !== void 0) xRange[0] = xBound(xOpts.min);
+	if (xOpts?.max !== void 0) xRange[1] = xBound(xOpts.max);
+	xRange = ensureSpan(xRange[0], xRange[1]);
+	if (yLog) for (const s of series) {
+		if (s.yAxis === "right" || s.type === "heatmap") continue;
+		logColumns(s, LOG_MAP);
 	}
-	if (input.pointLabels.length) {
-		ctx.font = font(theme);
-		ctx.textAlign = "left";
-		ctx.textBaseline = "middle";
-		const textColor = toCss(theme.text, .85);
-		const placed = placeLabels(input.pointLabels, plot, (t) => ctx.measureText(t).width, labelHeight - 2, occupied);
-		for (const { label, box } of placed) {
-			const y = box.y + box.height / 2;
-			if (label.color) {
-				ctx.fillStyle = label.color;
-				ctx.fillText(label.text, box.x, y);
-			} else haloText(ctx, label.text, box.x, y, textColor, halo);
+	const valuesOf = (list, zero, log = false) => {
+		const values = [];
+		for (const s of list) if (s.type === "bar" && s.barBase && s.barTop) values.push(...extent(s.barBase), ...extent(s.barTop));
+		else if (s.stackBase && s.stackTop) values.push(...extent(s.stackBase), ...extent(s.stackTop));
+		else if (s.type === "heatmap") values.push(s.cols.yMin - s.cellHalf.y, s.cols.yMax + s.cellHalf.y);
+		else values.push(s.cols.yMin, s.cols.yMax);
+		const listBars = list.filter((s) => s.type === "bar");
+		if (!log && (listBars.some((s) => !s.floating) || zero)) values.push(0);
+		if (listBars.some((s) => s.showLabels && !s.labelsInside)) {
+			const [lo, hi] = extent(values);
+			if (hi > 0) values.push(hi + (hi - Math.min(0, lo)) * .1);
+			if (lo < 0) values.push(lo - (Math.max(0, hi) - lo) * .1);
+		}
+		return values;
+	};
+	const leftVisible = visible.filter((s) => s.yAxis === "left");
+	const leftSeries = leftVisible.length ? leftVisible : visible;
+	const leftBars = leftSeries.filter((s) => s.type === "bar");
+	let yRange;
+	if (yType === "category") yRange = [-.5, Math.max(1, yCategories.length) - .5];
+	else {
+		const yValues = valuesOf(leftSeries, yOpts?.zero, yLog);
+		const filled = leftBars.length > 0 || leftSeries.some((s) => s.type === "area");
+		yRange = ensureSpan(...extent(yValues));
+		if (series.every((s) => s.type === "scatter")) {
+			const pad = (yRange[1] - yRange[0]) * .06;
+			yRange = [yRange[0] - pad, yRange[1] + pad];
+		} else if ((candles.length || leftSeries.some((s) => s.type === "boxplot")) && !leftBars.length) {
+			const pad = (yRange[1] - yRange[0]) * .04;
+			yRange = [yRange[0] - pad, yRange[1] + pad];
+		}
+		if ((yOpts?.nice ?? !heatmaps.length) && yType === "linear") yRange = niceDomain(yRange[0], yRange[1], yOpts?.tickCount ?? 5);
+		if (yLog && yOpts?.nice !== false) yRange = decades(yRange);
+		if (percent && (bars.length || stackedLines.length)) yRange = [extent(yValues)[0] < 0 ? -100 : 0, 100];
+		if (filled && !yOpts?.zero && !yLog) {
+			if (yRange[0] < 0 && extent(yValues)[0] >= 0) yRange[0] = 0;
 		}
 	}
-	ctx.restore();
-};
-//#endregion
-//#region ../charts/src/engine/time.ts
-var SECOND = 1e3;
-var MINUTE = 60 * SECOND;
-var HOUR = 60 * MINUTE;
-var DAY = 24 * HOUR;
-var MONTH = 30 * DAY;
-var YEAR = 365 * DAY;
-var INTERVALS = [
-	{
-		unit: "second",
-		step: 1,
-		ms: SECOND
-	},
-	{
-		unit: "second",
-		step: 5,
-		ms: 5 * SECOND
-	},
-	{
-		unit: "second",
-		step: 15,
-		ms: 15 * SECOND
-	},
-	{
-		unit: "second",
-		step: 30,
-		ms: 30 * SECOND
-	},
-	{
-		unit: "minute",
-		step: 1,
-		ms: MINUTE
-	},
-	{
-		unit: "minute",
-		step: 5,
-		ms: 5 * MINUTE
-	},
-	{
-		unit: "minute",
-		step: 15,
-		ms: 15 * MINUTE
-	},
-	{
-		unit: "minute",
-		step: 30,
-		ms: 30 * MINUTE
-	},
-	{
-		unit: "hour",
-		step: 1,
-		ms: HOUR
-	},
-	{
-		unit: "hour",
-		step: 2,
-		ms: 2 * HOUR
-	},
-	{
-		unit: "hour",
-		step: 3,
-		ms: 3 * HOUR
-	},
-	{
-		unit: "hour",
-		step: 6,
-		ms: 6 * HOUR
-	},
-	{
-		unit: "hour",
-		step: 12,
-		ms: 12 * HOUR
-	},
-	{
-		unit: "day",
-		step: 1,
-		ms: DAY
-	},
-	{
-		unit: "day",
-		step: 2,
-		ms: 2 * DAY
-	},
-	{
-		unit: "day",
-		step: 7,
-		ms: 7 * DAY
-	},
-	{
-		unit: "month",
-		step: 1,
-		ms: MONTH
-	},
-	{
-		unit: "month",
-		step: 3,
-		ms: 3 * MONTH
-	},
-	{
-		unit: "month",
-		step: 6,
-		ms: 6 * MONTH
+	const yBound = (v) => yLog ? Math.log10(v) : v;
+	if (yOpts?.min !== void 0) yRange[0] = yBound(yOpts.min);
+	if (yOpts?.max !== void 0) yRange[1] = yBound(yOpts.max);
+	yRange = ensureSpan(yRange[0], yRange[1]);
+	if (yLog) {
+		for (const s of series) if (s.yAxis === "left") floorBases(s, yRange[0]);
 	}
-];
-var pad = (n, width = 2) => String(n).padStart(width, "0");
-var partsOf = (t, utc) => {
-	const d = new Date(t);
-	return utc ? {
-		year: d.getUTCFullYear(),
-		month: d.getUTCMonth(),
-		date: d.getUTCDate(),
-		day: d.getUTCDay(),
-		hours: d.getUTCHours(),
-		minutes: d.getUTCMinutes(),
-		seconds: d.getUTCSeconds(),
-		ms: d.getUTCMilliseconds()
+	const y2Opts = options.yAxis2;
+	let y2 = null;
+	let y2Map = null;
+	const rightSeries = series.filter((s) => s.yAxis === "right");
+	if (rightSeries.length && yType !== "category") {
+		const y2Log = y2Opts?.type === "log";
+		const rightVisible = rightSeries.filter((s) => !s.hidden);
+		const [lo, hi] = ensureSpan(...extent(y2Log ? rightVisible.flatMap((s) => {
+			const c = mapColumns(s.raw, LOG_MAP);
+			return [c.yMin, c.yMax];
+		}) : valuesOf(rightVisible, y2Opts?.zero)));
+		let domain = y2Opts?.nice === false ? [lo, hi] : y2Log ? decades([lo, hi]) : alignedDomain(lo, hi, yRange, yOpts?.tickCount ?? 5);
+		const y2Bound = (v) => y2Log ? Math.log10(v) : v;
+		if (y2Opts?.min !== void 0) domain[0] = y2Bound(y2Opts.min);
+		if (y2Opts?.max !== void 0) domain[1] = y2Bound(y2Opts.max);
+		domain = ensureSpan(domain[0], domain[1]);
+		const scale = (yRange[1] - yRange[0]) / (domain[1] - domain[0]);
+		const map = {
+			scale,
+			offset: yRange[0] - domain[0] * scale,
+			log: y2Log
+		};
+		y2Map = map;
+		const zero = y2Log ? yRange[0] : mapper(map)(Math.min(Math.max(0, domain[0]), domain[1]));
+		for (const s of rightSeries) {
+			logColumns(s, map, zero);
+			floorBases(s, yRange[0]);
+		}
+		y2 = axisModel(y2Opts, y2Log ? "log" : "linear", [], false, locale);
+	}
+	const timeline = yType === "time" && series.some((s) => s.type === "bar") && series.every((s) => s.type === "bar" ? s.floating : s.type === "scatter");
+	const zoomOption = options.interaction === false ? false : options.interaction === true || options.interaction === void 0 ? true : options.interaction.zoom ?? true;
+	const zoomAxes = zoomOption === false ? {
+		x: false,
+		y: false
+	} : zoomOption === true ? {
+		x: true,
+		y: allScatter
 	} : {
-		year: d.getFullYear(),
-		month: d.getMonth(),
-		date: d.getDate(),
-		day: d.getDay(),
-		hours: d.getHours(),
-		minutes: d.getMinutes(),
-		seconds: d.getSeconds(),
-		ms: d.getMilliseconds()
+		x: zoomOption.includes("x"),
+		y: zoomOption.includes("y")
+	};
+	const yFormat = yOpts?.format ?? (percent && (bars.length || stackedLines.length) ? (v) => formatPercent(v, locale) : void 0);
+	return {
+		series,
+		x: axisModel(xOpts, xType, categories, false, locale),
+		y: {
+			...axisModel(yOpts, yType, yCategories, yType !== "category", locale),
+			format: yFormat
+		},
+		y2,
+		y2Map,
+		horizontal,
+		locale,
+		labels,
+		formatValue: valueFormatter(locale),
+		base: {
+			x: xRange,
+			y: yRange
+		},
+		allScatter,
+		zoom: zoomAxes,
+		tooltipMode: tooltipOptions?.mode ?? (allScatter ? "nearest" : timeline ? "item" : "axis"),
+		baseline: yLog ? yRange[0] : Math.min(Math.max(0, yRange[0]), yRange[1]),
+		minSpan: {
+			x: xType === "category" ? 1 : (xRange[1] - xRange[0]) * 1e-7,
+			y: yType === "category" ? 1 : (yRange[1] - yRange[0]) * 1e-7
+		},
+		percent,
+		stacks: input.map((s) => s.stack !== void 0 && (s.type === "bar" || s.type === "line" || s.type === "area" || !s.type) ? `${s.type === "bar" ? "bar" : "line"}:${s.stack}` : null)
 	};
 };
-/** Timestamp of calendar fields (out of range fields carry over) */
-var timeOf = (utc, year, month, date = 1, hours = 0, minutes = 0, seconds = 0) => {
-	if (utc) {
-		const t = Date.UTC(year, month, date, hours, minutes, seconds);
-		if (year >= 0 && year < 100) {
-			const d = new Date(t);
-			d.setUTCFullYear(d.getUTCFullYear() - 1900);
-			return d.getTime();
-		}
-		return t;
+/** Y value drawn for a point: its stacked top for stacks, the close for candles */
+var plottedY = (s, i) => s.barTop ? s.barTop[i] : s.stackTop ? s.stackTop[i] : s.cols.y[i];
+var grids = /* @__PURE__ */ new WeakMap();
+/** Fill opacity of bar `i`: its own `opacity`, else the one of the series */
+var barOpacity = (s, i) => {
+	const own = s.cols.opacities?.[i];
+	return own !== void 0 && Number.isFinite(own) ? own : s.opacity;
+};
+/** Spatial index of a scatter series, built on first use and kept with its data */
+var gridOf = (s) => {
+	let grid = grids.get(s.cols);
+	if (!grid) {
+		grid = new GridIndex(s.cols.x, s.cols.y, s.cols.count);
+		grids.set(s.cols, grid);
 	}
-	const d = new Date(year, month, date, hours, minutes, seconds);
-	if (year >= 0 && year < 100) d.setFullYear(d.getFullYear() - 1900);
-	return d.getTime();
+	return grid;
 };
-var chooseInterval = (span, count) => {
-	const target = span / Math.max(1, count);
-	if (target < SECOND * .75) return {
-		unit: "millisecond",
-		step: tickStep(0, span, count),
-		ms: 1
+//#endregion
+//#region ../charts/src/engine/overlay.ts
+/** Padding of the labels inside the bars, CSS pixels */
+var INSIDE_PAD$1 = 6;
+/**
+* Color of a text written on a bar of color `fill` (alpha included) over
+* `background`: white or near-black, whichever contrasts more; `undefined`
+* for translucent bars (the theme text color with a halo reads better)
+*/
+var insideLabelColor = (fill, background) => {
+	const alpha = fill[3];
+	if (alpha < .6) return void 0;
+	const l = relativeLuminance$1(mix(background, fill, alpha));
+	return 1.05 / (l + .05) >= (l + .05) / .062 ? "#ffffff" : "rgba(17, 24, 39, 0.92)";
+};
+var font = (theme, size = theme.fontSize, weight = 400) => `${weight} ${size}px ${theme.fontFamily}`;
+var crisp = (v) => Math.round(v) + .5;
+/** Path of a rounded box with half-height corners */
+var pill = (ctx, x, y, w, h) => {
+	const r = Math.min(h / 2, w / 2);
+	ctx.beginPath();
+	ctx.moveTo(x + r, y);
+	ctx.lineTo(x + w - r, y);
+	ctx.arcTo(x + w, y, x + w, y + r, r);
+	ctx.lineTo(x + w, y + h - r);
+	ctx.arcTo(x + w, y + h, x + w - r, y + h, r);
+	ctx.lineTo(x + r, y + h);
+	ctx.arcTo(x, y + h, x, y + h - r, r);
+	ctx.lineTo(x, y + r);
+	ctx.arcTo(x, y, x + r, y, r);
+	ctx.closePath();
+};
+/** Box of a text annotation, kept inside the plot */
+var textBox$1 = (a, s, width, height) => {
+	const { plot } = s;
+	const at = toScreen(s, a.x ?? 0, a.y ?? 0);
+	const free = s.horizontal ? {
+		x: a.y === void 0,
+		y: a.x === void 0
+	} : {
+		x: a.x === void 0,
+		y: a.y === void 0
 	};
-	for (const interval of INTERVALS) if (interval.ms >= target * .75) return interval;
-	const years = Math.max(1, tickStep(0, span / YEAR, count));
+	const px = free.x ? plot.x + plot.width / 2 : at.x;
+	const py = free.y ? plot.y + plot.height / 2 : at.y;
+	const gap = 6;
+	let x = px - width / 2;
+	let y = py - height / 2;
+	if (a.anchor === "top") y = py + gap;
+	else if (a.anchor === "bottom") y = py - gap - height;
+	else if (a.anchor === "left") x = px + gap;
+	else if (a.anchor === "right") x = px - gap - width;
+	x = Math.max(plot.x + gap, Math.min(x, plot.x + plot.width - gap - width));
+	y = Math.max(plot.y + 2, Math.min(y, plot.y + plot.height - 2 - height));
 	return {
-		unit: "year",
-		step: Math.round(years),
-		ms: Math.round(years) * YEAR
+		x,
+		y,
+		width,
+		height
 	};
 };
-/** Start of the tick sequence: `t` floored to the unit, aligned on the step */
-var floorTo = (t, { unit, step }, utc) => {
-	const p = partsOf(t, utc);
-	switch (unit) {
-		case "second": return timeOf(utc, p.year, p.month, p.date, p.hours, p.minutes, p.seconds - p.seconds % step);
-		case "minute": return timeOf(utc, p.year, p.month, p.date, p.hours, p.minutes - p.minutes % step);
-		case "hour": return timeOf(utc, p.year, p.month, p.date, p.hours - p.hours % step);
-		case "day": return timeOf(utc, p.year, p.month, p.date - (step === 7 ? (p.day + 6) % 7 : 0));
-		case "month": return timeOf(utc, p.year, p.month - p.month % step);
-		case "year": return timeOf(utc, p.year - p.year % step, 0);
-		default: return t;
+/** Screen box of an area annotation, clipped to the plot */
+var rectOf = (a, s) => {
+	const { plot } = s;
+	const [xLo, xHi] = s.horizontal ? [plot.y, plot.y + plot.height] : [plot.x, plot.x + plot.width];
+	const [yLo, yHi] = s.horizontal ? [plot.x, plot.x + plot.width] : [plot.y, plot.y + plot.height];
+	const along = (px, lo, hi) => px < lo ? lo : px > hi ? hi : px;
+	return screenRect(s, along(s.xToPx(a.x0 ?? -Infinity), xLo, xHi), along(s.xToPx(a.x1 ?? Infinity), xLo, xHi), along(s.yToPx(a.y0 ?? -Infinity), yLo, yHi), along(s.yToPx(a.y1 ?? Infinity), yLo, yHi));
+};
+/** Whether an area annotation has a title block */
+var hasAreaTitle = (a) => !!(a.label || a.badge || a.detail || a.description);
+/** Text cut with an ellipsis to fit `max` pixels ("" when nothing fits) */
+var fitText = (text, max, width) => {
+	if (width(text) <= max) return text;
+	const chars = Array.from(text);
+	let lo = 0;
+	let hi = chars.length;
+	while (lo < hi) {
+		const mid = Math.ceil((lo + hi) / 2);
+		if (width(`${chars.slice(0, mid).join("")}…`) <= max) lo = mid;
+		else hi = mid - 1;
 	}
+	return lo > 0 ? `${chars.slice(0, lo).join("").trimEnd()}…` : "";
 };
-var advance = (t, { unit, step }, utc) => {
-	const { year, month, date, hours, minutes, seconds } = partsOf(t, utc);
-	switch (unit) {
-		case "second": return timeOf(utc, year, month, date, hours, minutes, seconds + step);
-		case "minute": return timeOf(utc, year, month, date, hours, minutes + step, seconds);
-		case "hour": return timeOf(utc, year, month, date, hours + step, minutes, seconds);
-		case "day": return timeOf(utc, year, month, date + step, hours, minutes, seconds);
-		case "month": return timeOf(utc, year, month + step, date, hours, minutes, seconds);
-		case "year": return timeOf(utc, year + step, month, date, hours, minutes, seconds);
-		default: return t + step;
+/**
+* Layout of the title block of an area: `[badge] label detail` on the first
+* line, the description under it; the block sits in the `labelPosition`
+* corner, 10px from the edges, and the texts are cut to the area width
+*/
+var areaTitleLayout = (a, r, fontSize, measure) => {
+	if (!hasAreaTitle(a) || r.width <= 0 || r.height <= 0) return null;
+	const pad = 10;
+	const lineHeight = fontSize + 4;
+	const max = Math.max(0, r.width - 20);
+	const labelSize = fontSize + 1;
+	const badgeSize = Math.max(9, fontSize - 1);
+	const gap = 6;
+	const badge = a.badge ? fitText(a.badge, Math.max(0, max - 10), (t) => measure(t, badgeSize, 700)) : "";
+	const badgeWidth = badge ? measure(badge, badgeSize, 700) + 10 : 0;
+	let detail = a.detail ?? "";
+	let detailWidth = detail ? measure(detail, fontSize, 500) : 0;
+	const room = () => max - (badge ? badgeWidth + gap : 0) - (detail ? detailWidth + gap : 0);
+	if (detail && a.label && room() < 32) {
+		detail = "";
+		detailWidth = 0;
+	}
+	if (detail && room() < 0) {
+		detail = fitText(detail, Math.max(0, max - (badge ? badgeWidth + gap : 0)), (t) => measure(t, fontSize, 500));
+		detailWidth = detail ? measure(detail, fontSize, 500) : 0;
+	}
+	const label = a.label ? fitText(a.label, Math.max(0, room()), (t) => measure(t, labelSize, 600)) : "";
+	const line = [];
+	if (badge) line.push({
+		kind: "badge",
+		text: badge,
+		x: 0,
+		y: 0,
+		width: badgeWidth,
+		height: lineHeight,
+		size: badgeSize,
+		weight: 700
+	});
+	if (label) line.push({
+		kind: "label",
+		text: label,
+		x: 0,
+		y: 0,
+		width: measure(label, labelSize, 600),
+		height: lineHeight,
+		size: labelSize,
+		weight: 600
+	});
+	if (detail) line.push({
+		kind: "detail",
+		text: detail,
+		x: 0,
+		y: 0,
+		width: detailWidth,
+		height: lineHeight,
+		size: fontSize,
+		weight: 500
+	});
+	const description = a.description ? fitText(a.description, max, (t) => measure(t, fontSize, 400)) : "";
+	const lineWidth = line.reduce((sum, p) => sum + p.width, 0) + Math.max(0, line.length - 1) * gap;
+	const descriptionWidth = description ? measure(description, fontSize, 400) : 0;
+	if (!line.length && !description) return null;
+	const height = (line.length ? lineHeight : 0) + (description ? lineHeight + (line.length ? 2 : 0) : 0);
+	const pos = a.labelPosition;
+	const top = pos.startsWith("top") ? r.y + pad : pos.startsWith("bottom") ? r.y + r.height - pad - height : r.y + (r.height - height) / 2;
+	const startOf = (width) => pos.endsWith("left") ? r.x + pad : pos.endsWith("right") ? r.x + r.width - pad - width : r.x + (r.width - width) / 2;
+	const parts = [];
+	let x = startOf(lineWidth);
+	for (const p of line) {
+		parts.push({
+			...p,
+			x,
+			y: top
+		});
+		x += p.width + gap;
 	}
+	if (description) parts.push({
+		kind: "description",
+		text: description,
+		x: startOf(descriptionWidth),
+		y: top + (line.length ? lineHeight + 2 : 0),
+		width: descriptionWidth,
+		height: lineHeight,
+		size: fontSize,
+		weight: 400
+	});
+	const width = Math.max(lineWidth, descriptionWidth);
+	return {
+		parts,
+		box: {
+			x: startOf(width),
+			y: top,
+			width,
+			height
+		}
+	};
 };
 /**
-* Calendar-aligned ticks between two timestamps
-* @param locale labels in this locale (ISO-like labels without it)
-* @param timeZone calendar of the steps and labels
+* Where a reference line goes: `vertical` lines run at screen x `at`,
+* horizontal ones at screen y `at`
 */
-var timeTicks = (min, max, count, locale, timeZone = "local") => {
-	if (min > max) [min, max] = [max, min];
-	const interval = chooseInterval(max - min, count);
-	if (interval.unit === "millisecond") return {
-		values: linearTicks(min, max, count),
-		unit: "millisecond",
-		format: (v) => formatTime(v, "millisecond", locale, timeZone)
-	};
-	const utc = timeZone === "utc";
-	const values = [];
-	let t = floorTo(min, interval, utc);
-	while (t < min) t = advance(t, interval, utc);
-	while (t <= max && values.length < 500) {
-		values.push(t);
-		t = advance(t, interval, utc);
-	}
-	const { unit } = interval;
+var lineOf = (a, s) => {
 	return {
-		values,
-		unit,
-		format: (v) => formatTick(v, unit, locale, timeZone)
+		vertical: a.axis === "x" !== s.horizontal,
+		at: a.axis === "x" ? s.xToPx(a.value) : s.yToPx(a.value)
 	};
 };
-var ymd$1 = (p) => `${p.year}-${pad(p.month + 1)}-${pad(p.date)}`;
-var hm = (p) => `${pad(p.hours)}:${pad(p.minutes)}`;
-var HM = {
-	hour: "2-digit",
-	minute: "2-digit",
-	hourCycle: "h23"
-};
-var HMS = {
-	...HM,
-	second: "2-digit"
-};
-var MONTH_DAY = {
-	month: "short",
-	day: "numeric"
-};
-var DATE = {
-	year: "numeric",
-	month: "short",
-	day: "numeric"
-};
-/** Cached formatter of a locale and time zone */
-var intl = (locale, timeZone, options) => dateFormat(locale, timeZone === "utc" ? {
-	...options,
-	timeZone: "UTC"
-} : options);
-/** Short tick label; day boundaries show the date, year boundaries the year */
-var formatTick = (value, unit, locale, timeZone) => {
-	const p = partsOf(value, timeZone === "utc");
-	const midnight = p.hours === 0 && p.minutes === 0 && p.seconds === 0;
-	const newYear = p.month === 0 && p.date === 1;
-	if (locale) {
-		const f = (options) => intl(locale, timeZone, options).format(value);
-		switch (unit) {
-			case "second": return f(HMS);
-			case "minute":
-			case "hour": return f(midnight ? MONTH_DAY : HM);
-			case "day": return f(newYear ? { year: "numeric" } : MONTH_DAY);
-			case "month": return f(p.month === 0 ? { year: "numeric" } : { month: "short" });
-			default: return f({ year: "numeric" });
-		}
+var drawBackground = (ctx, input) => {
+	const { scales, theme, xTicks, yTicks } = input;
+	const { plot } = scales;
+	const x = scales.horizontal ? input.y : input.x;
+	const y = scales.horizontal ? input.x : input.y;
+	const bottomTicks = scales.horizontal ? yTicks : xTicks;
+	const leftTicks = scales.horizontal ? xTicks : yTicks;
+	const bottomPx = scales.horizontal ? scales.yToPx : scales.xToPx;
+	const leftPx = scales.horizontal ? scales.xToPx : scales.yToPx;
+	ctx.clearRect(0, 0, input.width, input.height);
+	ctx.save();
+	ctx.beginPath();
+	ctx.rect(plot.x, plot.y, plot.width, plot.height);
+	ctx.clip();
+	for (const a of input.annotations) {
+		if (a.type !== "rect") continue;
+		const r = rectOf(a, scales);
+		if (r.width <= 0 || r.height <= 0) continue;
+		ctx.fillStyle = toCss(a.color, a.opacity);
+		ctx.fillRect(r.x, r.y, r.width, r.height);
 	}
-	switch (unit) {
-		case "second": return `${hm(p)}:${pad(p.seconds)}`;
-		case "minute":
-		case "hour": return midnight ? `${pad(p.month + 1)}-${pad(p.date)}` : hm(p);
-		case "day": return newYear ? String(p.year) : `${pad(p.month + 1)}-${pad(p.date)}`;
-		case "month": return p.month === 0 ? String(p.year) : `${p.year}-${pad(p.month + 1)}`;
-		default: return String(p.year);
+	ctx.restore();
+	ctx.lineWidth = 1;
+	ctx.strokeStyle = toCss(theme.grid);
+	ctx.beginPath();
+	if (y.grid) for (const v of leftTicks.values) {
+		const py = crisp(leftPx(v));
+		if (py < plot.y - 1 || py > plot.y + plot.height + 1) continue;
+		ctx.moveTo(plot.x, py);
+		ctx.lineTo(plot.x + plot.width, py);
 	}
-};
-/**
-* Full label (tooltips): precision follows the unit of the ticks; dates
-* show the weekday with a `locale`
-*/
-var formatTime = (value, unit = "minute", locale, timeZone = "local") => {
-	if (!Number.isFinite(value) || Number.isNaN(new Date(value).getTime())) return "–";
-	const p = partsOf(value, timeZone === "utc");
-	if (locale) {
-		const f = (options) => intl(locale, timeZone, options).format(value);
-		switch (unit) {
-			case "millisecond": return `${f({
-				...DATE,
-				...HMS
-			})}.${pad(p.ms, 3)}`;
-			case "second": return f({
-				...DATE,
-				...HMS
-			});
-			case "minute":
-			case "hour": return f({
-				...DATE,
-				...HM
-			});
-			default: return f({
-				...DATE,
-				weekday: "short"
-			});
+	if (x.grid) for (const v of bottomTicks.values) {
+		const px = crisp(bottomPx(v));
+		if (px < plot.x - 1 || px > plot.x + plot.width + 1) continue;
+		ctx.moveTo(px, plot.y);
+		ctx.lineTo(px, plot.y + plot.height);
+	}
+	ctx.stroke();
+	const line = Math.ceil(theme.fontSize * 1.4);
+	ctx.font = font(theme);
+	ctx.fillStyle = toCss(theme.textMuted);
+	if (x.visible) {
+		ctx.strokeStyle = toCss(theme.axis);
+		ctx.beginPath();
+		const base = crisp(plot.y + plot.height);
+		ctx.moveTo(plot.x, base);
+		ctx.lineTo(plot.x + plot.width, base);
+		ctx.stroke();
+		ctx.textBaseline = "top";
+		ctx.textAlign = "center";
+		let lastRight = -Infinity;
+		const order = bottomTicks.values.map((v, i) => ({
+			px: bottomPx(v),
+			text: bottomTicks.labels[i]
+		})).sort((a, b) => a.px - b.px);
+		for (const { px, text } of order) {
+			if (px < plot.x - .5 || px > plot.x + plot.width + .5) continue;
+			const w = ctx.measureText(text).width;
+			const left = Math.max(0, Math.min(input.width - w, px - w / 2));
+			if (left < lastRight + 6) continue;
+			lastRight = left + w;
+			ctx.fillText(text, left + w / 2, plot.y + plot.height + 7);
+		}
+		if (x.title) {
+			ctx.font = font(theme, theme.fontSize + 1, 500);
+			ctx.fillStyle = toCss(theme.text, .8);
+			ctx.fillText(x.title, plot.x + plot.width / 2, plot.y + plot.height + line + 10);
 		}
 	}
-	switch (unit) {
-		case "millisecond": return `${ymd$1(p)} ${hm(p)}:${pad(p.seconds)}.${pad(p.ms, 3)}`;
-		case "second": return `${ymd$1(p)} ${hm(p)}:${pad(p.seconds)}`;
-		case "minute":
-		case "hour": return `${ymd$1(p)} ${hm(p)}`;
-		default: return ymd$1(p);
+	if (y.visible) {
+		ctx.font = font(theme);
+		ctx.fillStyle = toCss(theme.textMuted);
+		ctx.textAlign = "right";
+		ctx.textBaseline = "middle";
+		let lastBottom = -Infinity;
+		const rows = leftTicks.values.map((v, i) => ({
+			py: leftPx(v),
+			text: leftTicks.labels[i]
+		})).sort((a, b) => a.py - b.py);
+		const rowHeight = theme.fontSize + 2;
+		for (const { py, text } of rows) {
+			if (py < plot.y - .5 || py > plot.y + plot.height + .5) continue;
+			if (scales.horizontal) {
+				if (py - rowHeight / 2 < lastBottom) continue;
+				lastBottom = py + rowHeight / 2;
+			}
+			ctx.fillText(text, plot.x - 8, py);
+		}
+		if (y.title) {
+			ctx.save();
+			ctx.font = font(theme, theme.fontSize + 1, 500);
+			ctx.fillStyle = toCss(theme.text, .8);
+			ctx.translate(line / 2 + 4, plot.y + plot.height / 2);
+			ctx.rotate(-Math.PI / 2);
+			ctx.textAlign = "center";
+			ctx.fillText(y.title, 0, 0);
+			ctx.restore();
+		}
+	}
+	const y2 = scales.horizontal ? null : input.y2;
+	const y2Ticks = input.y2Ticks;
+	if (y2 && y2Ticks && y2.visible) {
+		const right = plot.x + plot.width;
+		ctx.font = font(theme);
+		ctx.fillStyle = toCss(theme.textMuted);
+		ctx.textAlign = "left";
+		ctx.textBaseline = "middle";
+		y2Ticks.values.forEach((v, i) => {
+			const py = scales.yToPx(v);
+			if (py < plot.y - .5 || py > plot.y + plot.height + .5) return;
+			ctx.fillText(y2Ticks.labels[i], right + 8, py);
+		});
+		if (y2.title) {
+			ctx.save();
+			ctx.font = font(theme, theme.fontSize + 1, 500);
+			ctx.fillStyle = toCss(theme.text, .8);
+			ctx.translate(input.width - line / 2 - 4, plot.y + plot.height / 2);
+			ctx.rotate(Math.PI / 2);
+			ctx.textAlign = "center";
+			ctx.fillText(y2.title, 0, 0);
+			ctx.restore();
+		}
 	}
 };
-//#endregion
-//#region ../charts/src/engine/axis.ts
+var overlaps = (a, b) => a.x < b.x + b.width && b.x < a.x + a.width && a.y < b.y + b.height && b.y < a.y + a.height;
+var inside$2 = (r, plot) => r.x >= plot.x && r.y >= plot.y && r.x + r.width <= plot.x + plot.width && r.y + r.height <= plot.y + plot.height;
+/** Text with a halo in the background color (readable over data) */
+var haloText = (ctx, text, x, y, color, halo) => {
+	ctx.lineWidth = 3;
+	ctx.lineJoin = "round";
+	ctx.strokeStyle = halo;
+	ctx.strokeText(text, x, y);
+	ctx.fillStyle = color;
+	ctx.fillText(text, x, y);
+};
 /**
-* @param count approximate number of ticks (numeric / time axes) or the
-*   maximum number of labels (category axes)
+* Box of a label inside its bar (the visible part of it): the text cut with
+* an ellipsis to fit, at the start of horizontal bars and centered in
+* vertical ones; `null` when the bar is too small
 */
-var axisTicks = (axis, range, count) => {
-	const [min, max] = range[0] <= range[1] ? range : [range[1], range[0]];
-	if (axis.type === "category") {
-		const n = axis.categories.length;
-		const first = Math.max(0, Math.ceil(min - 1e-9));
-		const last = Math.min(n - 1, Math.floor(max + 1e-9));
-		const visible = Math.max(0, last - first + 1);
-		const step = Math.max(1, Math.ceil(visible / Math.max(1, count)));
-		const values = [];
-		for (let i = first - first % step; i <= last; i += step) if (i >= first) values.push(i);
-		const name = (v) => {
-			const i = Math.round(v);
-			return axis.format ? axis.format(i) : axis.categories[i] ?? String(i);
+var insideBox = (label, plot, measure, height) => {
+	const bar = label.bar;
+	if (!bar) return null;
+	const x0 = Math.max(bar.x, plot.x);
+	const x1 = Math.min(bar.x + bar.width, plot.x + plot.width);
+	const y0 = Math.max(bar.y, plot.y);
+	const y1 = Math.min(bar.y + bar.height, plot.y + plot.height);
+	if (y1 - y0 < height - 2) return null;
+	const text = fitText(label.text, x1 - x0 - 12, measure);
+	if (!text) return null;
+	const w = measure(text);
+	const x = label.align === "start" ? x0 + INSIDE_PAD$1 : (x0 + x1) / 2 - w / 2;
+	return {
+		label: text === label.text ? label : {
+			...label,
+			text
+		},
+		box: {
+			x,
+			y: (y0 + y1) / 2 - height / 2,
+			width: w,
+			height
+		}
+	};
+};
+/** Greedy placement: right, left, above, below the dot; skipped when no slot is free */
+var placeLabels = (labels, plot, measure, height, occupied = []) => {
+	const placed = [];
+	for (const label of labels) {
+		if (label.placement === "inside") {
+			const fit = insideBox(label, plot, measure, height);
+			if (fit) placed.push(fit);
+			continue;
+		}
+		const w = measure(label.text);
+		const gap = label.r + 4;
+		const above = {
+			x: label.x - w / 2,
+			y: label.y - gap - height,
+			width: w,
+			height
 		};
-		return {
-			values,
-			labels: values.map(name),
-			formatValue: name
+		const below = {
+			x: label.x - w / 2,
+			y: label.y + gap,
+			width: w,
+			height
 		};
-	}
-	if (axis.type === "time") {
-		const { locale, timeZone = "local" } = axis;
-		const ticks = timeTicks(min, max, count, locale, timeZone);
-		const unit = ticks.unit === "day" || ticks.unit === "month" || ticks.unit === "year" ? "day" : ticks.unit;
-		const full = axis.format ?? ((v) => formatTime(v, unit, locale, timeZone));
-		return {
-			values: ticks.values,
-			labels: ticks.values.map(axis.format ?? ticks.format),
-			formatValue: full
+		const right = {
+			x: label.x + gap,
+			y: label.y - height / 2,
+			width: w,
+			height
+		};
+		const left = {
+			x: label.x - gap - w,
+			y: label.y - height / 2,
+			width: w,
+			height
 		};
+		const box = (label.placement === "above" ? [above] : label.placement === "below" ? [below] : label.placement === "right" ? [right, left] : label.placement === "left" ? [left, right] : [
+			{
+				x: label.x + gap,
+				y: label.y - height / 2,
+				width: w,
+				height
+			},
+			{
+				x: label.x - gap - w,
+				y: label.y - height / 2,
+				width: w,
+				height
+			},
+			above,
+			below
+		]).find((c) => inside$2(c, plot) && !occupied.some((o) => overlaps(o, c)));
+		if (!box) continue;
+		occupied.push(box);
+		placed.push({
+			label,
+			box
+		});
 	}
-	const values = linearTicks(min, max, count);
-	const step = tickStep(min, max, count);
-	if (axis.type === "log") return logTicks(axis, min, max, count);
-	const tick = axis.format ?? tickFormatter(step, Math.max(Math.abs(min), Math.abs(max)), axis.locale);
-	return {
-		values,
-		labels: values.map(tick),
-		formatValue: axis.format ?? ((value) => formatValue(value, axis.locale))
-	};
+	return placed;
 };
-/**
-* Ticks of a log axis (`min` / `max` are exponents): every decade, with 2
-* and 5 between them on short ranges, every few decades on long ones;
-* labelled with the values (`1k`, `10k`)
-*/
-var logTicks = (axis, min, max, count) => {
-	const span = max - min;
-	const values = [];
-	const raw = [];
-	const push = (v) => {
-		const e = Math.log10(v);
-		if (e >= min - 1e-9 && e <= max + 1e-9) {
-			values.push(e);
-			raw.push(v);
+/** Elbow arrows: polylines with rounded corners and filled heads */
+var drawArrows = (ctx, arrows) => {
+	for (const a of arrows) {
+		const pts = a.points;
+		const first = pts[0];
+		if (!first) continue;
+		ctx.strokeStyle = a.color;
+		ctx.fillStyle = a.color;
+		ctx.lineWidth = a.width;
+		ctx.lineJoin = "round";
+		ctx.setLineDash([]);
+		ctx.beginPath();
+		ctx.moveTo(first.x, first.y);
+		for (let i = 1; i < pts.length; i++) {
+			const p = pts[i];
+			const next = pts[i + 1];
+			const prev = pts[i - 1];
+			if (next && typeof ctx.arcTo === "function") {
+				const r = Math.min(4, Math.hypot(p.x - prev.x, p.y - prev.y) / 2, Math.hypot(next.x - p.x, next.y - p.y) / 2);
+				ctx.arcTo(p.x, p.y, next.x, next.y, r);
+			} else ctx.lineTo(p.x, p.y);
+		}
+		ctx.stroke();
+		const [tip, b0, b1] = a.head;
+		if (tip && b0 && b1) {
+			ctx.beginPath();
+			ctx.moveTo(tip.x, tip.y);
+			ctx.lineTo(b0.x, b0.y);
+			ctx.lineTo(b1.x, b1.y);
+			ctx.closePath();
+			ctx.fill();
+		}
+	}
+};
+var drawForeground = (ctx, input) => {
+	const { scales, theme } = input;
+	const { plot } = scales;
+	if (input.clear !== false) ctx.clearRect(0, 0, input.width, input.height);
+	ctx.save();
+	ctx.beginPath();
+	ctx.rect(plot.x, plot.y, plot.width, plot.height);
+	ctx.clip();
+	for (const c of input.connectors ?? []) {
+		ctx.strokeStyle = c.color;
+		ctx.lineWidth = c.width;
+		ctx.setLineDash([...c.dash]);
+		ctx.beginPath();
+		const along = c.y0 === c.y1;
+		const x0 = along ? c.x0 : crisp(c.x0);
+		const y0 = along ? crisp(c.y0) : c.y0;
+		ctx.moveTo(x0, y0);
+		ctx.lineTo(along ? c.x1 : x0, along ? y0 : c.y1);
+		ctx.stroke();
+	}
+	ctx.setLineDash([]);
+	if (input.arrows?.length) drawArrows(ctx, input.arrows);
+	const halo = toCss(theme.background, .9);
+	const occupied = [];
+	const labelHeight = theme.fontSize + 4;
+	for (const a of input.annotations) {
+		if (a.type !== "line") continue;
+		const color = toCss(a.color);
+		ctx.strokeStyle = color;
+		ctx.lineWidth = a.width;
+		ctx.setLineDash(a.dash);
+		ctx.beginPath();
+		const where = lineOf(a, scales);
+		if (!where.vertical) {
+			const py = crisp(where.at);
+			ctx.moveTo(plot.x, py);
+			ctx.lineTo(plot.x + plot.width, py);
+			ctx.stroke();
+			if (a.label) {
+				ctx.setLineDash([]);
+				ctx.font = font(theme, theme.fontSize, 500);
+				ctx.textAlign = "right";
+				ctx.textBaseline = "bottom";
+				haloText(ctx, a.label, plot.x + plot.width - 6, py - 3, color, halo);
+			}
+		} else {
+			const px = crisp(where.at);
+			ctx.moveTo(px, plot.y);
+			ctx.lineTo(px, plot.y + plot.height);
+			ctx.stroke();
+			if (a.label) {
+				ctx.setLineDash([]);
+				ctx.font = font(theme, theme.fontSize, 500);
+				ctx.textAlign = "left";
+				ctx.textBaseline = "top";
+				haloText(ctx, a.label, px + 5, plot.y + 5, color, halo);
+			}
+		}
+	}
+	ctx.setLineDash([]);
+	for (const a of input.annotations) {
+		if (a.type !== "rect" || !hasAreaTitle(a)) continue;
+		const title = areaTitleLayout(a, rectOf(a, scales), theme.fontSize, (text, size, weight) => {
+			ctx.font = font(theme, size, weight);
+			return ctx.measureText(text).width;
+		});
+		if (!title) continue;
+		const color = toCss(a.labelColor);
+		const muted = toCss(theme.textMuted);
+		ctx.textAlign = "left";
+		ctx.textBaseline = "middle";
+		for (const p of title.parts) {
+			const cy = p.y + p.height / 2;
+			if (p.kind === "badge") {
+				const h = p.height - 2;
+				pill(ctx, p.x, cy - h / 2, p.width, h);
+				ctx.fillStyle = toCss(a.labelColor, .16);
+				ctx.fill();
+				ctx.font = font(theme, p.size, p.weight);
+				ctx.fillStyle = color;
+				ctx.fillText(p.text, p.x + 5, cy);
+				continue;
+			}
+			ctx.font = font(theme, p.size, p.weight);
+			ctx.fillStyle = p.kind === "label" ? color : muted;
+			ctx.fillText(p.text, p.x, cy);
 		}
-	};
-	if (span < 1) {
-		for (const v of linearTicks(10 ** min, 10 ** max, count)) if (v > 0) push(v);
-	} else {
-		const every = Math.max(1, Math.ceil(span / Math.max(1, count)));
-		const between = span * 3 <= count * 1.6 ? [2, 5] : [];
-		for (let e = Math.floor(min); e <= Math.ceil(max); e++) {
-			if (e % every !== 0) continue;
-			const decade = Number((10 ** e).toPrecision(12));
-			push(decade);
-			for (const m of between) push(Number((m * decade).toPrecision(12)));
+		occupied.push(title.box);
+	}
+	for (const a of input.annotations) {
+		if (a.type !== "text" || !a.text) continue;
+		ctx.font = font(theme, theme.fontSize, a.weight);
+		const box = textBox$1(a, scales, ctx.measureText(a.text).width, labelHeight);
+		ctx.textAlign = "left";
+		ctx.textBaseline = "middle";
+		haloText(ctx, a.text, box.x, box.y + box.height / 2, toCss(a.color), halo);
+		occupied.push(box);
+	}
+	if (input.pointLabels.length) {
+		ctx.font = font(theme);
+		ctx.textAlign = "left";
+		ctx.textBaseline = "middle";
+		const textColor = toCss(theme.text, .85);
+		const placed = placeLabels(input.pointLabels, plot, (t) => ctx.measureText(t).width, labelHeight - 2, occupied);
+		for (const { label, box } of placed) {
+			const y = box.y + box.height / 2;
+			if (label.color) {
+				ctx.fillStyle = label.color;
+				ctx.fillText(label.text, box.x, y);
+			} else haloText(ctx, label.text, box.x, y, textColor, halo);
 		}
 	}
-	const label = axis.format ?? ((v) => formatCompact(v, 2, axis.locale));
-	return {
-		values,
-		labels: raw.map(label),
-		formatValue: axis.format ?? ((value) => formatValue(value, axis.locale))
-	};
+	ctx.restore();
 };
 var DEFAULT_PADDING = {
 	top: 12,
@@ -3718,6 +3718,7 @@ var hoverMarks = (model, sc, event) => {
 			const half = Math.max(s.barHalfWidth / Math.abs(sc.xPerPx), 1);
 			bandLo = Math.min(bandLo, c - half);
 			bandHi = Math.max(bandHi, c + half);
+			if (s.type === "bar") marks.push(...liftedBars(model, sc, s, it.index));
 			continue;
 		}
 		if (s.type === "heatmap") {
@@ -3753,6 +3754,8 @@ var hoverMarks = (model, sc, event) => {
 				y: cell.y + style.inset,
 				width: Math.max(1, cell.width - style.inset * 2),
 				height: Math.max(1, cell.height - style.inset * 2),
+				seriesIndex: s.index,
+				index: it.index,
 				color: it.color,
 				ring: contrastRing(fill),
 				radius: style.radius
@@ -3797,6 +3800,127 @@ var hoverMarks = (model, sc, event) => {
 };
 /** Ring of a hovered cell: light on dark fills, dark on light ones */
 var contrastRing = (fill) => luminance(fill) > .45 ? "rgba(15, 23, 42, 0.78)" : "rgba(255, 255, 255, 0.9)";
+/** Bars below this opacity are translucent: ringed in their solid color */
+var TRANSLUCENT = .6;
+/**
+* Corner radius of the bars of a series, like the data layer: stacked
+* segments stay square, floating bars (ranges, Gantt) keep their corners
+*/
+var barRadius = (model, s) => !s.floating && model.series.some((o) => o !== s && !o.hidden && o.type === "bar" && !o.floating && o.barOffset === s.barOffset) ? 0 : s.radius;
+/**
+* Room (data units) between a bar and the edge of its slot when it shares
+* its category with other slots (grouped bars); `null` when it is alone
+*/
+var slotRoom = (model, s) => {
+	let slot = Infinity;
+	for (const o of model.series) {
+		if (o.hidden || o.type !== "bar" && o.type !== "boxplot") continue;
+		const d = Math.abs(o.barOffset - s.barOffset);
+		if (d > 0 && d < slot) slot = d;
+	}
+	return Number.isFinite(slot) ? Math.max(0, slot / 2 - s.barHalfWidth) : null;
+};
+/** Pixels the thickness of a hovered bar grows by on each side */
+var barGrow = (model, sc, s, thickness) => {
+	let grow = Math.min(5, Math.max(1.5, thickness * .08));
+	const room = slotRoom(model, s);
+	if (room !== null) grow = Math.min(grow, room / Math.abs(sc.xPerPx) * .5);
+	return grow >= .75 ? Math.round(grow * 4) / 4 : 0;
+};
+/** Bar `i` of a series in pixels of the stage, `null` if not drawn */
+var barGeometry = (model, sc, s, i) => {
+	const base = s.barBase?.[i];
+	const top = s.barTop?.[i];
+	const x = s.cols.x[i];
+	if (base === void 0 || top === void 0) return null;
+	if (Number.isNaN(base) || Number.isNaN(top) || !Number.isFinite(x)) return null;
+	const { plot } = sc;
+	const c = sc.xToPx(x + s.barOffset);
+	const half = Math.max(s.barHalfWidth / Math.abs(sc.xPerPx), .5);
+	const lo = sc.horizontal ? plot.x : plot.y;
+	const hi = lo + (sc.horizontal ? plot.width : plot.height);
+	const clamp = (v) => Math.min(hi + 16, Math.max(lo - 16, Number.isNaN(v) ? lo : v));
+	const a = clamp(sc.yToPx(base));
+	const b = clamp(sc.yToPx(top));
+	if (Math.abs(a - b) < .5) return null;
+	const rect = screenRect(sc, c - half, c + half, a, b);
+	if (rect.x > plot.x + plot.width || rect.x + rect.width < plot.x || rect.y > plot.y + plot.height || rect.y + rect.height < plot.y) return null;
+	return {
+		...rect,
+		radius: Math.min(barRadius(model, s), rect.width / 2, rect.height / 2),
+		base: sc.horizontal ? a < b ? "left" : "right" : a > b ? "bottom" : "top"
+	};
+};
+/**
+* Lifted marks of hovered bar `i`, then the bars drawn over it by series
+* without a tooltip in its slot (the progress of a Gantt task), which the
+* lifted bar would hide otherwise
+*/
+var liftedBars = (model, sc, s, i) => {
+	const shape = barGeometry(model, sc, s, i);
+	if (!shape) return [];
+	const grow = barGrow(model, sc, s, shape.base === "top" || shape.base === "bottom" ? shape.width : shape.height);
+	const fill = s.pointColors?.[i] ?? s.color;
+	const alpha = fill[3] * barOpacity(s, i);
+	const translucent = alpha < TRANSLUCENT;
+	const marks = [{
+		kind: "bar",
+		...shape,
+		seriesIndex: s.index,
+		index: i,
+		color: toCss(fill, barOpacity(s, i)),
+		backdrop: alpha < .98,
+		ring: translucent ? toCss([
+			fill[0],
+			fill[1],
+			fill[2],
+			1
+		]) : contrastRing(fill),
+		grow
+	}];
+	const lo = Math.min(s.barBase?.[i] ?? NaN, s.barTop?.[i] ?? NaN);
+	const hi = Math.max(s.barBase?.[i] ?? NaN, s.barTop?.[i] ?? NaN);
+	if (!s.floating || !(hi >= lo)) return marks;
+	const eps = (hi - lo) * 1e-9;
+	for (const o of model.series) {
+		if (o === s || o.hidden || o.tooltip || o.type !== "bar" || !o.floating || o.barOffset !== s.barOffset || !o.barBase || !o.barTop) continue;
+		for (let j = 0; j < o.cols.count; j++) {
+			if (o.cols.x[j] !== s.cols.x[i]) continue;
+			const a = Math.min(o.barBase[j], o.barTop[j]);
+			const b = Math.max(o.barBase[j], o.barTop[j]);
+			if (!(a >= lo - eps && b <= hi + eps)) continue;
+			const part = barGeometry(model, sc, o, j);
+			if (!part) continue;
+			const color = o.pointColors?.[j] ?? o.color;
+			marks.push({
+				kind: "bar",
+				...part,
+				seriesIndex: o.index,
+				index: j,
+				color: toCss(color, barOpacity(o, j)),
+				backdrop: false,
+				ring: null,
+				grow
+			});
+		}
+	}
+	return marks;
+};
+/**
+* Rectangle of a lifted bar: thicker by `grow` on both sides across its
+* thickness, the same length
+*/
+var liftedBarRect = (mark) => mark.base === "top" || mark.base === "bottom" ? {
+	x: mark.x - mark.grow,
+	y: mark.y,
+	width: mark.width + mark.grow * 2,
+	height: mark.height
+} : {
+	x: mark.x,
+	y: mark.y - mark.grow,
+	width: mark.width,
+	height: mark.height + mark.grow * 2
+};
 /** Plotted value of the hovered outlier of a box */
 var plottedOutlier = (s, it) => {
 	const raw = s.raw.outliers?.[it.index];
@@ -3912,7 +4036,7 @@ var blockedLanes = (boxes) => {
 	}
 	return out;
 };
-var inside = (lanes, v) => lanes.some(([lo, hi]) => v > lo + 1e-6 && v < hi - 1e-6);
+var inside$1 = (lanes, v) => lanes.some(([lo, hi]) => v > lo + 1e-6 && v < hi - 1e-6);
 /** First free lane from `from` towards `to` (direction `dir`), or null */
 var freeLane = (lanes, from, to, dir) => {
 	const candidates = [from];
@@ -3920,7 +4044,7 @@ var freeLane = (lanes, from, to, dir) => {
 	let best = null;
 	for (const v of candidates) {
 		const along = dir * (v - from);
-		if (along < 0 || dir * (to - v) < 0 || inside(lanes, v)) continue;
+		if (along < 0 || dir * (to - v) < 0 || inside$1(lanes, v)) continue;
 		if (best === null || along < dir * (best - from)) best = v;
 	}
 	return best;
@@ -4126,6 +4250,277 @@ var crosshairAt = (model, sc, event, crosshair) => {
 	return c >= lo && c <= hi ? c : null;
 };
 //#endregion
+//#region ../charts/src/engine/tooltip.ts
+var ORDER$1 = {
+	side: [
+		"right",
+		"left",
+		"bottom",
+		"top"
+	],
+	vertical: [
+		"top",
+		"bottom",
+		"right",
+		"left"
+	],
+	right: [
+		"right",
+		"left",
+		"bottom",
+		"top"
+	],
+	left: [
+		"left",
+		"right",
+		"bottom",
+		"top"
+	],
+	top: [
+		"top",
+		"bottom",
+		"right",
+		"left"
+	],
+	bottom: [
+		"bottom",
+		"top",
+		"right",
+		"left"
+	]
+};
+var inset$1 = (r, m) => ({
+	x: r.x + m,
+	y: r.y + m,
+	width: Math.max(0, r.width - m * 2),
+	height: Math.max(0, r.height - m * 2)
+});
+var intersection = (a, b) => {
+	const x = Math.max(a.x, b.x);
+	const y = Math.max(a.y, b.y);
+	return {
+		x,
+		y,
+		width: Math.max(0, Math.min(a.x + a.width, b.x + b.width) - x),
+		height: Math.max(0, Math.min(a.y + a.height, b.y + b.height) - y)
+	};
+};
+/** Smallest rectangle holding both */
+var unionRect = (a, b) => {
+	if (!a) return {
+		x: b.x,
+		y: b.y,
+		width: b.width,
+		height: b.height
+	};
+	const x = Math.min(a.x, b.x);
+	const y = Math.min(a.y, b.y);
+	return {
+		x,
+		y,
+		width: Math.max(a.x + a.width, b.x + b.width) - x,
+		height: Math.max(a.y + a.height, b.y + b.height) - y
+	};
+};
+/** Area covered by both rectangles */
+var overlapArea$1 = (a, b) => {
+	const r = intersection(a, b);
+	return r.width * r.height;
+};
+/** Start of a `len` long span at `v`, moved into [lo, hi] (at `lo` when longer) */
+var clampSpan = (v, len, lo, hi) => Math.max(lo, Math.min(v, hi - len));
+var inside = (area, x, y, w, h) => x >= area.x - .5 && y >= area.y - .5 && x + w <= area.x + area.width + .5 && y + h <= area.y + area.height + .5;
+/**
+* Top-left corner of a tooltip that covers neither the hovered marks
+* (`avoid`) nor the pointer. Candidates sit beside the avoided box, in the
+* order of `prefer`, centered on the pointer across that side and slid
+* into the area. The first one inside the stage wins; else, with `bounds`,
+* the candidate inside the bounds that covers the least of the stage (a
+* tooltip above a tiny sparkline rather than over it); else the clamped
+* spot covering the marks the least.
+*/
+var placeTooltip = (input) => {
+	const { anchor, prefer = "side", gap = 12, margin = 4 } = input;
+	const { width: w, height: h } = input.size;
+	const pointer = {
+		x: anchor.x,
+		y: anchor.y,
+		width: 0,
+		height: 0
+	};
+	const avoid = unionRect(input.avoid ?? null, pointer);
+	const stageRect = {
+		x: 0,
+		y: 0,
+		width: input.stage.width,
+		height: input.stage.height
+	};
+	const bounds = input.bounds && input.bounds.width > 0 && input.bounds.height > 0 ? inset$1(input.bounds, margin) : null;
+	const stageArea = inset$1(stageRect, margin);
+	const visible = bounds ? intersection(stageArea, bounds) : stageArea;
+	const inner = visible.width > 0 && visible.height > 0 ? visible : stageArea;
+	const order = ORDER$1[prefer];
+	const beside = (side, areas) => {
+		let x;
+		let y;
+		if (side === "right" || side === "left") {
+			x = side === "right" ? avoid.x + avoid.width + gap : avoid.x - gap - w;
+			y = anchor.y - h / 2;
+			for (const r of areas) y = clampSpan(y, h, r.y, r.y + r.height);
+		} else {
+			y = side === "bottom" ? avoid.y + avoid.height + gap : avoid.y - gap - h;
+			x = anchor.x - w / 2;
+			for (const r of areas) x = clampSpan(x, w, r.x, r.x + r.width);
+		}
+		return {
+			x,
+			y
+		};
+	};
+	for (const side of order) {
+		const p = beside(side, [inner]);
+		if (inside(inner, p.x, p.y, w, h)) return {
+			...p,
+			fit: "stage"
+		};
+	}
+	if (bounds) {
+		let best = null;
+		let bestCover = Infinity;
+		for (const side of order) {
+			const p = beside(side, [inner, bounds]);
+			if (!inside(bounds, p.x, p.y, w, h)) continue;
+			const cover = overlapArea$1({
+				x: p.x,
+				y: p.y,
+				width: w,
+				height: h
+			}, stageRect);
+			if (cover < bestCover - .5) {
+				best = p;
+				bestCover = cover;
+			}
+		}
+		if (best) return {
+			...best,
+			fit: "bounds"
+		};
+	}
+	let best = {
+		x: inner.x,
+		y: inner.y
+	};
+	let bestCover = Infinity;
+	for (const area of bounds ? [inner, bounds] : [inner]) {
+		const spots = [
+			...order.map((side) => beside(side, [area])),
+			{
+				x: area.x,
+				y: area.y
+			},
+			{
+				x: area.x + area.width - w,
+				y: area.y
+			},
+			{
+				x: area.x,
+				y: area.y + area.height - h
+			},
+			{
+				x: area.x + area.width - w,
+				y: area.y + area.height - h
+			}
+		];
+		for (const s of spots) {
+			const x = clampSpan(s.x, w, area.x, area.x + area.width);
+			const y = clampSpan(s.y, h, area.y, area.y + area.height);
+			const cover = overlapArea$1({
+				x,
+				y,
+				width: w,
+				height: h
+			}, avoid);
+			if (cover < bestCover - .5) {
+				best = {
+					x,
+					y
+				};
+				bestCover = cover;
+			}
+		}
+	}
+	return {
+		...best,
+		fit: "none"
+	};
+};
+/** Opacity of the fill of canvas-drawn tooltips (a canvas cannot blur what is below) */
+var CANVAS_TOOLTIP_ALPHA = .86;
+//#endregion
+//#region ../charts/src/engine/hover-rect.ts
+/** Room around the marks (grown / lifted marks, halos) */
+var PAD = 3;
+/**
+* Box (stage pixels) of the hovered marks: bars from their base to their
+* end, candles and boxes from high to low, dots with their halo, the
+* hovered cell; clipped to the plot. `null` when nothing is drawn.
+*/
+var hoverRect = (model, sc, event, marks = hoverMarks(model, sc, event)) => {
+	let box = null;
+	for (const mark of marks) {
+		if (mark.kind === "band" || mark.kind === "guide") continue;
+		if (mark.kind === "dot") {
+			const r = mark.size / 2 + 4;
+			box = unionRect(box, {
+				x: mark.x - r,
+				y: mark.y - r,
+				width: r * 2,
+				height: r * 2
+			});
+		} else if ("width" in mark && "height" in mark) box = unionRect(box, mark);
+	}
+	for (const it of event.items) {
+		const s = model.series[it.seriesIndex];
+		if (!s || it.outlier !== void 0) continue;
+		if (s.type !== "bar" && s.type !== "candlestick" && s.type !== "boxplot") continue;
+		const i = it.index;
+		const x = (s.cols.x[i] ?? it.x) + (s.type === "candlestick" ? 0 : s.barOffset);
+		const c = sc.xToPx(x);
+		const half = Math.max(s.barHalfWidth / Math.abs(sc.xPerPx), s.type === "bar" ? 1 : 3);
+		const { high, low, y } = s.cols;
+		const a = s.type === "bar" ? s.barBase?.[i] ?? model.baseline : high ? high[i] : y[i];
+		const b = s.type === "bar" ? s.barTop?.[i] ?? y[i] : low ? low[i] : y[i];
+		const pa = sc.yToPx(a);
+		const pb = sc.yToPx(b);
+		if (!Number.isFinite(c) || !Number.isFinite(pa) || !Number.isFinite(pb)) continue;
+		const lo = Math.min(pa, pb);
+		const len = Math.abs(pb - pa);
+		box = unionRect(box, sc.horizontal ? {
+			x: lo,
+			y: c - half,
+			width: len,
+			height: half * 2
+		} : {
+			x: c - half,
+			y: lo,
+			width: half * 2,
+			height: len
+		});
+	}
+	if (!box) return null;
+	const { plot } = sc;
+	const x = Math.max(plot.x - PAD, box.x - PAD);
+	const y = Math.max(plot.y - PAD, box.y - PAD);
+	const right = Math.min(plot.x + plot.width + PAD, box.x + box.width + PAD);
+	const bottom = Math.min(plot.y + plot.height + PAD, box.y + box.height + PAD);
+	return right > x && bottom > y ? {
+		x,
+		y,
+		width: right - x,
+		height: bottom - y
+	} : null;
+};
+//#endregion
 //#region ../charts/src/engine/theme.ts
 /** Used when no CSS variable is defined (e.g. without the Minerva stylesheet) */
 var DEFAULT_PALETTE = [
@@ -4376,7 +4771,7 @@ var createChartController = (config) => {
 			height: legendHeight
 		};
 	};
-	const tooltipLayout = (event, anchorX, anchorY) => {
+	const tooltipLayout = (event, anchorX, anchorY, sc) => {
 		const tooltip = options.tooltip;
 		if (tooltip === false) return null;
 		const custom = typeof tooltip === "object" ? tooltip.render : void 0;
@@ -4409,10 +4804,22 @@ var createChartController = (config) => {
 		}
 		const boxW = Math.ceil(Math.max(w, 96) + 16 + 4);
 		const boxH = lines * lineHeight + 16;
-		let left = anchorX + 14;
-		if (left + boxW > width - 4) left = anchorX - 14 - boxW;
-		left = Math.max(4, Math.min(left, width - boxW - 4));
-		const top = Math.max(4, Math.min(anchorY - boxH / 2, height - boxH - 4));
+		const { x: left, y: top } = placeTooltip({
+			anchor: {
+				x: anchorX,
+				y: anchorY
+			},
+			avoid: hoverRect(model, sc, event),
+			size: {
+				width: boxW,
+				height: boxH
+			},
+			stage: {
+				width,
+				height
+			},
+			prefer: sc.horizontal ? "vertical" : "side"
+		});
 		return {
 			content,
 			text,
@@ -4446,7 +4853,7 @@ var createChartController = (config) => {
 		const labelHeight = theme.fontSize + 4;
 		for (const a of annotations) {
 			if (a.type === "text" && a.text) {
-				occupied.push(textBox(a, layout.scales, measure(a.text, theme.fontSize, a.weight), labelHeight));
+				occupied.push(textBox$1(a, layout.scales, measure(a.text, theme.fontSize, a.weight), labelHeight));
 				continue;
 			}
 			if (a.type !== "rect") continue;
@@ -4478,7 +4885,7 @@ var createChartController = (config) => {
 				marks: hoverMarks(model, layout.scales, hover.event),
 				crosshairX: horizontal ? null : guide,
 				crosshairY: horizontal ? guide : null,
-				tooltip: gesture?.kind === "pan" || gesture?.kind === "point" ? null : tooltipLayout(hover.event, hover.x, hover.y)
+				tooltip: gesture?.kind === "pan" || gesture?.kind === "point" ? null : tooltipLayout(hover.event, hover.x, hover.y, layout.scales)
 			};
 			const colors = legend?.colors;
 			const it = hover.event.items[0];
@@ -6212,6 +6619,80 @@ var drawColorLegend = (ctx, ramp, scene) => {
 		ctx.stroke();
 	}
 };
+/** Scale of a hovered heatmap cell (like the DOM host) */
+var CELL_LIFT = 1.16;
+/** A rounded rectangle grown by `d` on every side (shrunk when negative) */
+var grownRect = (ctx, r, radius, d) => {
+	const w = Math.max(0, r.width + d * 2);
+	const h = Math.max(0, r.height + d * 2);
+	roundedRect(ctx, r.x - d, r.y - d, w, h, Math.max(0, Math.min(radius + d, w / 2, h / 2)));
+};
+/**
+* A lifted shape: the lift shadow under a halo of the background, an
+* optional accent line around the halo, the fill, a ring inside the edge
+*/
+var drawLifted = (ctx, r, radius, fill, backdrop, ring, halo, accent, theme) => {
+	const background = toCss(theme.background);
+	if (ring) {
+		ctx.save();
+		ctx.shadowColor = "rgba(15, 23, 42, 0.4)";
+		ctx.shadowBlur = 14;
+		ctx.shadowOffsetY = 5;
+		grownRect(ctx, r, radius, halo + (accent?.width ?? 0));
+		ctx.fillStyle = accent ? accent.color : background;
+		ctx.fill();
+		ctx.restore();
+		if (accent) {
+			grownRect(ctx, r, radius, halo);
+			ctx.fillStyle = background;
+			ctx.fill();
+		}
+	} else if (backdrop) {
+		grownRect(ctx, r, radius, 0);
+		ctx.fillStyle = background;
+		ctx.fill();
+	}
+	grownRect(ctx, r, radius, 0);
+	ctx.fillStyle = fill;
+	ctx.fill();
+	if (ring && ring.width > 0) {
+		grownRect(ctx, r, radius, -ring.width / 2);
+		ctx.lineWidth = ring.width;
+		ctx.strokeStyle = ring.color;
+		ctx.stroke();
+	}
+};
+/** Hovered bars (thicker, clipped to the plot) and heatmap cells, lifted */
+var drawLiftedMarks = (ctx, marks, plot, theme) => {
+	for (const mark of marks) if (mark.kind === "bar") {
+		const r = liftedBarRect(mark);
+		ctx.save();
+		ctx.beginPath();
+		ctx.rect(plot.x, plot.y, plot.width, plot.height);
+		ctx.clip();
+		const ring = mark.ring === null ? null : {
+			color: mark.ring,
+			width: Math.min(mark.backdrop ? 2 : 1.5, Math.max(0, (Math.min(r.width, r.height) - 2) / 4))
+		};
+		drawLifted(ctx, r, mark.radius, mark.color, mark.backdrop, ring, 1.5, null, theme);
+		ctx.restore();
+	} else if (mark.kind === "cell") {
+		const w = mark.width * CELL_LIFT;
+		const h = mark.height * CELL_LIFT;
+		drawLifted(ctx, {
+			x: mark.x + (mark.width - w) / 2,
+			y: mark.y + (mark.height - h) / 2,
+			width: w,
+			height: h
+		}, Math.max(2, mark.radius) * CELL_LIFT, mark.color, false, {
+			color: mark.ring,
+			width: Math.min(2, Math.min(w, h) / 5)
+		}, 2, {
+			color: toCss(theme.primary, .6),
+			width: 1.5
+		}, theme);
+	}
+};
 /** Draws a scene (legend, axes, data, labels, hover) on a 2D context */
 var drawScene = (ctx, scene, items, origin, pixelRatio, painter = createCanvas2dPainter(ctx)) => {
 	const { width, height, theme, model, view, layout } = scene;
@@ -6258,10 +6739,11 @@ var drawScene = (ctx, scene, items, origin, pixelRatio, painter = createCanvas2d
 		}
 		ctx.globalAlpha = 1;
 	}
+	const lifted = scene.hover?.marks.some((m) => m.kind === "bar") ?? false;
 	for (const mark of scene.hover?.marks ?? []) {
 		if (mark.kind !== "band") continue;
 		roundedRect(ctx, mark.x, mark.y, mark.width, mark.height, 6);
-		ctx.fillStyle = toCss(theme.text, .06);
+		ctx.fillStyle = toCss(theme.text, lifted ? .04 : .06);
 		ctx.fill();
 	}
 	if (scales.horizontal) drawPrimitives(ctx, scenePrimitives(scene), plot);
@@ -6292,6 +6774,11 @@ var drawScene = (ctx, scene, items, origin, pixelRatio, painter = createCanvas2d
 		ctx.fillStyle = toCss(theme.text, .06);
 		ctx.fillRect(mark.x, mark.y, mark.width, mark.height);
 	}
+	if (lifted) {
+		ctx.fillStyle = toCss(theme.background, .42);
+		ctx.fillRect(plot.x, plot.y, plot.width, plot.height);
+	}
+	if (scene.hover) drawLiftedMarks(ctx, scene.hover.marks, plot, theme);
 	drawForeground(ctx, {
 		width,
 		height,
@@ -6353,27 +6840,7 @@ var drawScene = (ctx, scene, items, origin, pixelRatio, painter = createCanvas2d
 			ctx.restore();
 		}
 		for (const mark of hover.marks) {
-			if (mark.kind === "band" || mark.kind === "guide") continue;
-			if (mark.kind === "cell") {
-				const grow = Math.min(3, mark.width * .06, mark.height * .06);
-				const r = Math.max(2, mark.radius);
-				ctx.save();
-				ctx.shadowColor = "rgba(15, 23, 42, 0.4)";
-				ctx.shadowBlur = 12;
-				ctx.shadowOffsetY = 4;
-				roundedRect(ctx, mark.x - grow, mark.y - grow, mark.width + grow * 2, mark.height + grow * 2, r);
-				ctx.fillStyle = mark.color;
-				ctx.fill();
-				ctx.restore();
-				const inset = Math.min(2.75, mark.width / 5, mark.height / 5);
-				if (mark.width > 8 && mark.height > 8) {
-					roundedRect(ctx, mark.x + inset, mark.y + inset, mark.width - inset * 2, mark.height - inset * 2, Math.max(1, r - inset / 2));
-					ctx.lineWidth = 1.5;
-					ctx.strokeStyle = mark.ring;
-					ctx.stroke();
-				}
-				continue;
-			}
+			if (mark.kind === "band" || mark.kind === "guide" || mark.kind === "bar" || mark.kind === "cell") continue;
 			ctx.beginPath();
 			ctx.arc(mark.x, mark.y, mark.size / 2 + 4, 0, Math.PI * 2);
 			ctx.fillStyle = mark.halo;
@@ -6407,7 +6874,7 @@ var drawScene = (ctx, scene, items, origin, pixelRatio, painter = createCanvas2d
 		ctx.shadowBlur = 16;
 		ctx.shadowOffsetY = 6;
 		roundedRect(ctx, box.x, box.y, box.width, box.height, 8);
-		ctx.fillStyle = toCss(theme.background);
+		ctx.fillStyle = toCss(theme.background, CANVAS_TOOLTIP_ALPHA);
 		ctx.fill();
 		ctx.restore();
 		roundedRect(ctx, box.x + .5, box.y + .5, box.width - 1, box.height - 1, 8);
@@ -8191,7 +8658,7 @@ var drawShapeTooltip = (ctx, theme, box) => {
 	ctx.shadowBlur = 16;
 	ctx.shadowOffsetY = 6;
 	roundRectPath(ctx, box.x, box.y, box.width, box.height, 8);
-	ctx.fillStyle = toCss(theme.background);
+	ctx.fillStyle = toCss(theme.background, CANVAS_TOOLTIP_ALPHA);
 	ctx.fill();
 	ctx.restore();
 	roundRectPath(ctx, box.x + .5, box.y + .5, box.width - 1, box.height - 1, 8);
@@ -13019,40 +13486,163 @@ var layoutShapeLegend = (entries, width, position, chartHeight, theme, measure)
 var TIP_MARGIN = 6;
 /** Distance between a tooltip and its anchor */
 var TIP_GAP = 14;
+/** Half size of the box around the pointer a tooltip keeps off */
+var TIP_POINTER = 6;
 var overlapArea = (a, b) => Math.max(0, Math.min(a.x + a.width, b.x + b.width) - Math.max(a.x, b.x)) * Math.max(0, Math.min(a.y + a.height, b.y + b.height) - Math.max(a.y, b.y));
+/** Box of a circle arc (stroke half width included) */
+var arcBox = (cx, cy, r0, r1, a0, a1) => {
+	const xs = [];
+	const ys = [];
+	const add = (a) => {
+		for (const r of [r0, r1]) {
+			xs.push(cx + r * Math.cos(a));
+			ys.push(cy + r * Math.sin(a));
+		}
+	};
+	add(a0);
+	add(a1);
+	const start = Math.ceil(a0 / (Math.PI / 2));
+	for (let k = start; k * (Math.PI / 2) <= a1; k++) add(k * (Math.PI / 2));
+	const x = Math.min(...xs);
+	const y = Math.min(...ys);
+	return {
+		x,
+		y,
+		width: Math.max(...xs) - x,
+		height: Math.max(...ys) - y
+	};
+};
+/** Box of the marks of an item (slice, tile, arc, polygon, flow, ...) */
+var itemBox = (scene, index) => {
+	let box = null;
+	const add = (b) => {
+		box = unionRect(box, b);
+	};
+	for (const node of scene.nodes) {
+		if (node.hit !== index) continue;
+		switch (node.kind) {
+			case "rect":
+				add(node);
+				break;
+			case "sector":
+				add(arcBox(node.cx, node.cy, node.r0, node.r1, node.a0, node.a1));
+				break;
+			case "arc":
+				add(arcBox(node.cx, node.cy, node.r - node.width / 2, node.r + node.width / 2, node.a0, node.a1));
+				break;
+			case "polygon": {
+				const p = node.points;
+				let x0 = Infinity;
+				let y0 = Infinity;
+				let x1 = -Infinity;
+				let y1 = -Infinity;
+				for (let i = 0; i + 1 < p.length; i += 2) {
+					x0 = Math.min(x0, p[i]);
+					x1 = Math.max(x1, p[i]);
+					y0 = Math.min(y0, p[i + 1]);
+					y1 = Math.max(y1, p[i + 1]);
+				}
+				if (x1 >= x0) add({
+					x: x0,
+					y: y0,
+					width: x1 - x0,
+					height: y1 - y0
+				});
+				break;
+			}
+			case "circle":
+				add({
+					x: node.cx - node.r,
+					y: node.cy - node.r,
+					width: node.r * 2,
+					height: node.r * 2
+				});
+				break;
+			case "link": {
+				const half = node.width / 2;
+				const y0 = Math.min(node.y0, node.y1) - half;
+				add({
+					x: Math.min(node.x0, node.x1),
+					y: y0,
+					width: Math.abs(node.x1 - node.x0),
+					height: Math.abs(node.y1 - node.y0) + node.width
+				});
+				break;
+			}
+		}
+	}
+	return box;
+};
+/** Approximate box of a text node (unrotated) */
+var textBox = (node) => {
+	const size = Number(/(\d+(?:\.\d+)?)px/.exec(node.font)?.[1] ?? 12);
+	const width = estimateText(node.text, node.font);
+	return {
+		x: node.align === "center" ? node.x - width / 2 : node.align === "right" ? node.x - width : node.x,
+		y: node.baseline === "top" ? node.y : node.baseline === "middle" ? node.y - size / 2 : node.y - size,
+		width,
+		height: size
+	};
+};
 /**
 * Top-left corner of a `w` x `h` tooltip anchored at `anchor`, inside a
-* `width` x `height` drawing. Beside the anchor (right, else left) by
-* default; radar tooltips go outward, off the hovered vertex and, when
-* possible, off the indicator labels.
+* `width` x `height` drawing (or overflowing it into `bounds`, see
+* `placeTooltip`, when the drawing has no room). Candidates around the
+* pointer and around the hovered item are scored: never over the pointer
+* (nor the hovered radar vertex), then covering as little as possible of the
+* hovered item and of the texts, close to the pointer; radar tooltips lean
+* outward.
 */
-var placeShapeTooltip = (scene, hover, anchor, w, h, width, height) => {
+var placeShapeTooltip = (scene, hover, anchor, w, h, width, height, bounds = null) => {
 	const m = TIP_MARGIN;
+	const { x: ax, y: ay } = anchor;
+	const t = TIP_POINTER;
+	const fallback = () => placeTooltip({
+		anchor,
+		size: {
+			width: w,
+			height: h
+		},
+		stage: {
+			width,
+			height
+		},
+		margin: m,
+		avoid: {
+			x: ax - t,
+			y: ay - t,
+			width: 12,
+			height: 12
+		},
+		bounds,
+		gap: 10
+	});
+	if (!scene || !hover || w + 12 > width || h + 12 > height) return fallback();
 	const fit = (x, y) => ({
 		x: Math.max(m, Math.min(x, width - w - m)),
 		y: Math.max(m, Math.min(y, height - h - m))
 	});
-	const { x: ax, y: ay } = anchor;
-	const radar = scene?.radar;
-	if (!radar || !scene || !hover) {
-		let x = ax + 16;
-		if (x + w > width - m) x = ax - 16 - w;
-		return fit(x, ay - h / 2);
-	}
-	const avoid = [[ax, ay]];
+	const keep = [[ax, ay]];
 	const item = scene.items.find((it) => it.index === hover.index);
 	const vertex = item?.indicators && hover.indicator !== void 0 ? item.indicators[hover.indicator] : void 0;
-	if (vertex) avoid.push([vertex.x, vertex.y]);
-	const labels = radar.labels ?? [];
-	let dx = ax - radar.cx;
-	let dy = ay - radar.cy;
-	const len = Math.hypot(dx, dy);
-	if (len > 1) {
-		dx /= len;
-		dy /= len;
-	} else {
-		dx = 1;
-		dy = 0;
+	if (vertex) keep.push([vertex.x, vertex.y]);
+	const target = itemBox(scene, hover.index);
+	const texts = [...scene.radar?.labels ?? []];
+	for (const node of scene.nodes) if (node.kind === "text" && !node.rotate && node.indicator === void 0) texts.push(textBox(node));
+	const radar = scene.radar;
+	let dx = 0;
+	let dy = 0;
+	if (radar) {
+		dx = ax - radar.cx;
+		dy = ay - radar.cy;
+		const len = Math.hypot(dx, dy);
+		if (len > 1) {
+			dx /= len;
+			dy /= len;
+		} else {
+			dx = 1;
+			dy = 0;
+		}
 	}
 	const g = TIP_GAP;
 	const candidates = [
@@ -13065,7 +13655,13 @@ var placeShapeTooltip = (scene, hover, anchor, w, h, width, height) => {
 		[ax - g - w, ay - g - h],
 		[ax - g - w, ay + g]
 	];
-	let best = fit(candidates[0][0], candidates[0][1]);
+	if (target) {
+		const gap = 10;
+		candidates.push([target.x + target.width + gap, ay - h / 2], [target.x - gap - w, ay - h / 2], [ax - w / 2, target.y - gap - h], [ax - w / 2, target.y + target.height + gap]);
+	}
+	candidates.push([m, ay - h / 2], [width - w - m, ay - h / 2], [ax - w / 2, m], [ax - w / 2, height - h - m]);
+	const area = w * h;
+	let best = null;
 	let bestScore = Infinity;
 	for (const [cx0, cy0] of candidates) {
 		const p = fit(cx0, cy0);
@@ -13076,20 +13672,25 @@ var placeShapeTooltip = (scene, hover, anchor, w, h, width, height) => {
 			height: h
 		};
 		let score = 0;
-		for (const [px, py] of avoid) if (px > box.x - 8 && px < box.x + w + 8 && py > box.y - 8 && py < box.y + h + 8) score += 1e6;
-		for (const label of labels) score += overlapArea(box, label) * 4;
+		for (const [px, py] of keep) if (px > box.x - 8 && px < box.x + w + 8 && py > box.y - 8 && py < box.y + h + 8) score += 1e6;
+		if (target) score += overlapArea(box, target) / area * 400;
+		for (const text of texts) score += overlapArea(box, text) * 4;
 		const ox = p.x + w / 2 - ax;
 		const oy = p.y + h / 2 - ay;
 		const dist = Math.hypot(ox, oy) || 1;
-		score += dist * .5;
-		score -= (ox * dx + oy * dy) / dist * 40;
+		score += dist * .35;
+		if (radar) score -= (ox * dx + oy * dy) / dist * 40;
 		score += Math.abs(p.x - cx0) + Math.abs(p.y - cy0);
 		if (score < bestScore) {
 			bestScore = score;
 			best = p;
 		}
 	}
-	return best;
+	if (!best || bestScore >= 1e6) return fallback();
+	return {
+		...best,
+		fit: "stage"
+	};
 };
 /** Box of a tooltip drawn on a canvas, next to the anchor and inside the drawing */
 var layoutShapeTooltip = (value, anchorX, anchorY, width, height, theme, measure, scene = null, hover = null) => {
@@ -13706,6 +14307,12 @@ Object.defineProperty(exports, "histogramSeries", {
 		return histogramSeries;
 	}
 });
+Object.defineProperty(exports, "liftedBarRect", {
+	enumerable: true,
+	get: function() {
+		return liftedBarRect;
+	}
+});
 Object.defineProperty(exports, "lineOf", {
 	enumerable: true,
 	get: function() {
@@ -13793,7 +14400,7 @@ Object.defineProperty(exports, "sparklineOptions", {
 Object.defineProperty(exports, "textBox", {
 	enumerable: true,
 	get: function() {
-		return textBox;
+		return textBox$1;
 	}
 });
 Object.defineProperty(exports, "toCss", {