@martinomagnifico/tablechart 1.0.7 → 1.1.0

package/dist/tablechart-shared.mjs

@@ -1,61 +1,10 @@
-//#region src/js/config.ts
-var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablechart-bar", i = "tablechart-rule", a = "tablechart-line", o = "tablechart-head", s = "tablechart-slice", c = "tablechart-legend", l = "tablechart-hole", u = "tablechart-centre", d = "tablechart-break", f = "is-placed", p = "tablechart-sr", m = "is-shown", h = "is-printing", g = "tablechart-queued", _ = 1e3, v = {
-	selector: "[data-chart]",
-	aspect: .38,
-	barfill: .58,
-	ringfill: .42,
-	animate: !0,
-	entrance: .5,
-	labels: "outside",
-	shape: "straight",
-	legend: !1,
-	tooltip: "auto",
-	tooltipparent: null,
-	table: "never",
-	totallabel: "Total",
-	controls: !0,
-	previouslabel: "Previous",
-	nextlabel: "Next",
-	stephint: "step of the chart",
-	threshold: .5,
-	replay: !1,
-	langattribute: "data-i18n"
-}, y = "cubic-bezier(0.3, 0.3, 0.6, 1)", b = (e, t, n = 1) => ({
+import { A as e, B as t, C as n, D as r, E as i, F as a, G as o, I as s, J as c, K as l, L as u, M as d, N as f, O as p, P as m, Q as h, R as g, S as _, T as v, U as y, V as b, W as x, X as S, Y as C, Z as w, _ as T, a as E, b as D, c as O, d as k, f as A, g as j, h as M, i as N, j as P, k as F, l as I, m as L, n as R, o as z, p as B, q as V, r as H, s as U, t as ee, u as te, v as ne, w as W, x as G, y as re, z as ie } from "./tablechart-shared2.mjs";
+//#region src/js/functions/timing.ts
+var K = "cubic-bezier(0.3, 0.3, 0.6, 1)", q = (e, t, n = 1) => ({
 	start: e,
 	span: t,
-	easing: e + t >= n - 1e-4 ? y : "linear"
-}), x = (e, t) => `${e}:${t}`, S = "http://www.w3.org/2000/svg", C = (e) => Math.round(e * 100) / 100, w = (e, t = {}) => {
-	let n = document.createElementNS(S, e);
-	for (let e in t) {
-		let r = t[e];
-		n.setAttribute(e, String(typeof r == "number" ? C(r) : r));
-	}
-	return n;
-}, T = (e, t) => [e, ...t.classes].join(" "), E = (e, t) => {
-	let n = document.createElement("span");
-	return n.className = e, n.inert = !0, t.appendChild(n), n;
-}, D = (e, t, n, r, i) => {
-	e.style.left = `${t / r * 100}%`, e.style.top = `${n / i * 100}%`;
-}, O = 0, k = (e, t, n, r) => {
-	if (!t.length) return;
-	let i = `tablechart-cut-${++O}`, a = w("mask", {
-		id: i,
-		maskUnits: "userSpaceOnUse"
-	});
-	a.appendChild(w("rect", {
-		x: -n,
-		y: -r,
-		width: n * 3,
-		height: r * 3,
-		fill: "white"
-	}));
-	for (let e of t) e.setAttribute("fill", "black"), a.appendChild(e);
-	let o = e.querySelector(":scope > defs");
-	o || (o = w("defs"), e.prepend(o)), o.appendChild(a);
-	let s = w("g", { mask: `url(#${i})` });
-	for (let t of Array.from(e.childNodes)) t !== o && s.appendChild(t);
-	e.appendChild(s);
-}, A = 0, j = (e) => Array.from(e.querySelectorAll(`.${r}`)).map((e) => {
+	easing: e + t >= n - 1e-4 ? K : "linear"
+}), J = (e, t) => `${e}:${t}`, ae = 0, oe = (e) => Array.from(e.querySelectorAll(`.${G}`)).map((e) => {
 	let t = e.tagName === "rect" ? [e] : Array.from(e.querySelectorAll("rect")), n = (e, t) => Number(e.getAttribute(t)), r = Math.min(...t.map((e) => n(e, "x"))), i = Math.min(...t.map((e) => n(e, "y"))), a = Math.max(...t.map((e) => n(e, "x") + n(e, "width"))), o = Math.max(...t.map((e) => n(e, "y") + n(e, "height"))), s = ["--start", "--span"].map((t) => e.style.getPropertyValue(t) && `${t}:${e.style.getPropertyValue(t)}`).filter(Boolean).join("; ");
 	return {
 		row: Number(e.dataset.row),
@@ -66,7 +15,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		sideways: e.dataset.grow === "right",
 		part: s
 	};
-}), M = {
+}), se = {
 	create: () => null,
 	draw(e, t, n) {
 		let { rows: r, y: i, svg: a, breakAt: o } = n;
@@ -93,171 +42,255 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 				[c + 2 * l, t + o],
 				[c + i, t - o]
 			];
-		}, l = (e, t = !1) => e.map(([e, t], n) => `${n === 0 ? "M" : "L"} ${e.toFixed(1)} ${t.toFixed(1)}`).join(" ") + (t ? " Z" : ""), u = `tablechart-break-${++A}`, f = w("mask", {
+		}, l = (e, t = !1) => e.map(([e, t], n) => `${n === 0 ? "M" : "L"} ${e.toFixed(1)} ${t.toFixed(1)}`).join(" ") + (t ? " Z" : ""), u = `tablechart-break-${++ae}`, d = L("mask", {
 			id: u,
 			maskUnits: "userSpaceOnUse"
 		});
-		f.appendChild(w("rect", {
-			x: -1e3,
+		d.appendChild(L("rect", {
+			x: -w,
 			y: -n.height,
-			width: _ * 3,
+			width: w * 3,
 			height: n.height * 3,
 			fill: "white"
 		}));
-		let p = [], m = i(o);
-		for (let e of j(a)) {
-			let t = e.sideways ? n.breakX : m;
-			if (t === void 0 || !(e.sideways ? e.x < t && e.x + e.width > t : e.y < m && e.y + e.height > m)) continue;
-			let [i, o] = e.sideways ? [c(e, t), c(e, t + n.breakGap)] : [c(e, m - n.breakGap), c(e, m)];
-			f.appendChild(w("path", {
+		let f = [], p = i(o);
+		for (let e of oe(a)) {
+			let t = e.sideways ? n.breakX : p;
+			if (t === void 0 || !(e.sideways ? e.x < t && e.x + e.width > t : e.y < p && e.y + e.height > p)) continue;
+			let [i, o] = e.sideways ? [c(e, t), c(e, t + n.breakGap)] : [c(e, p - n.breakGap), c(e, p)];
+			d.appendChild(L("path", {
 				d: l([...i, ...o.slice().reverse()], !0),
 				fill: "black"
-			})), p.push(i, o);
-			let s = [x("--after", r[e.row - 1]?.slot ?? 0), e.part].filter(Boolean).join("; ");
-			for (let e of [i, o]) a.appendChild(w("path", {
-				class: d,
+			})), f.push(i, o);
+			let s = [J("--after", r[e.row - 1]?.slot ?? 0), e.part].filter(Boolean).join("; ");
+			for (let e of [i, o]) a.appendChild(L("path", {
+				class: _,
 				"data-part": "edge",
 				"data-note": n.note,
 				d: l(e),
 				style: s
 			}));
 		}
-		if (!p.length) return;
-		let h = Array.from(a.querySelectorAll(`.${d}`)), g = w("g", { mask: `url(#${u})` });
-		for (let e of Array.from(a.childNodes)) h.includes(e) || g.appendChild(e);
-		let v = w("defs");
-		v.appendChild(f), a.prepend(v, g);
+		if (!f.length) return;
+		let m = Array.from(a.querySelectorAll(`.${_}`)), h = L("g", { mask: `url(#${u})` });
+		for (let e of Array.from(a.childNodes)) m.includes(e) || h.appendChild(e);
+		let g = L("defs");
+		g.appendChild(d), a.prepend(g, h);
 	}
-}, N = (e) => {
-	let t = -Infinity;
-	for (let n of e) t = Math.max(t, n);
-	return t;
-}, P = (e) => (e.split(/[.,]/)[1] || "").length, F = (e, t) => new Intl.NumberFormat(t || document.documentElement.lang || void 0, {
-	minimumFractionDigits: e,
-	maximumFractionDigits: e
-}), I = (e, t, n) => {
-	let r = F(t, n).formatToParts(e), i = r[0]?.type === "minusSign" ? r[0].value : "";
-	return [i, r.slice(+!!i).map((e) => e.value).join("")];
-}, L = (e) => Number.parseFloat((e.match(/-?[\d.,]+/) || ["NaN"])[0].replace(",", ".")), R = (e, t) => {
+}, Y = (e, t) => {
 	let n = document.createElement("span");
-	if (n.className = "tablechart-badge", n.inert = !0, e.childElementCount > 0) for (let t of Array.from(e.children)) n.appendChild(t.cloneNode(!0));
+	if (n.className = D, n.inert = !0, e.childElementCount > 0) for (let t of Array.from(e.children)) n.appendChild(t.cloneNode(!0));
 	else {
 		n.textContent = (e.textContent || "").trim();
 		let t = e.getAttribute("data-i18n");
 		t && n.setAttribute("data-i18n", t);
 	}
 	return t.appendChild(n), n;
-}, z = (t, n, r, i) => {
-	let a = L(t?.textContent || ""), o = Number.isNaN(a) ? !0 : Math.abs(n - a) <= .5, s = {
-		label: r,
-		computed: n,
-		stated: a,
-		agrees: o
+}, ce = (e, t, n, r, i = "%") => {
+	let a = e?.textContent || "", o = O(a), s = i ? .5 : .5 * 10 ** -z(a.match(/-?[\d.,]+/)?.[0] ?? ""), c = Number.isNaN(o) ? !0 : Math.abs(t - o) <= s + 1e-9, l = {
+		label: n,
+		computed: t,
+		stated: o,
+		agrees: c
 	};
-	i.checks.push(s), o || console.warn(`[${e}] An annotation reads ${a}%, but ${r} is ${n.toFixed(1)}%. The chart shows your number.`);
-}, B = (e, t) => (t - e) / Math.abs(e) * 100, V = (e, t) => {
+	r.checks.push(l), c || console.warn(`[${f}] An annotation reads ${o}${i}, but ${n} is ${Number(t.toFixed(2))}${i}. The chart shows your number.`);
+}, le = (e, t) => (t - e) / Math.abs(e) * 100, ue = (e, t) => {
 	let n = (t, n) => {
 		let r = Number.parseInt(e.getAttribute(t) ?? "", 10);
 		return Number.isFinite(r) ? r - 1 : n;
 	};
 	return [n("data-from", 0), n("data-to", t - 1)];
-}, H = {
-	create: R,
-	draw(t, n, r) {
-		let { rows: i, cx: s, y: c, unit: l, labelHeight: u, badgeHeight: d, height: f, svg: p, after: m } = r, [h, g] = V(t, i.length), v = i[h], y = i[g];
-		if (!v || !y) {
-			console.warn(`[${e}] A bracket points at a row that is not there (row ${h + 1} to ${g + 1}, of ${i.length}).`);
+}, de = {
+	create: Y,
+	draw(e, t, n) {
+		let { rows: r, cx: i, y: a, unit: o, labelHeight: s, badgeHeight: c, height: l, svg: u, after: d } = n, [p, h] = ue(e, r.length), g = r[p], _ = r[h];
+		if (!g || !_) {
+			console.warn(`[${f}] A bracket points at a row that is not there (row ${p + 1} to ${h + 1}, of ${r.length}).`);
 			return;
 		}
-		let b = 7 * l, S = 4 * l, C = s(h), T = s(g), E = Math.min(c(v.value), c(y.value)) - u - S - d * .9, O = (e) => c(e) - u - S, k = `M ${C} ${O(v.value)} L ${C} ${E} L ${T} ${E} L ${T} ${O(y.value) - b}`, A = (O(v.value) - E + Math.abs(T - C) + (O(y.value) - b - E)) / l + 1;
-		p.appendChild(w("path", {
-			class: a,
-			"data-note": r.note,
-			d: k,
-			style: `--len:${A.toFixed(1)}; ${x("--after", m)}`
+		let v = 7 * o, y = 4 * o, b = i(p), x = i(h), S = Math.min(a(g.value), a(_.value)) - s - y - c * .9, C = (e) => a(e) - s - y, T = `M ${b} ${C(g.value)} L ${b} ${S} L ${x} ${S} L ${x} ${C(_.value) - v}`, E = (C(g.value) - S + Math.abs(x - b) + (C(_.value) - v - S)) / o + 1;
+		u.appendChild(L("path", {
+			class: m,
+			"data-note": n.note,
+			d: T,
+			style: `--len:${E.toFixed(1)}; ${J("--after", d)}`
 		}));
-		let j = O(y.value);
-		p.appendChild(w("polygon", {
-			class: o,
-			"data-note": r.note,
-			points: `${T},${j} ${T - b * .45},${j - b} ${T + b * .45},${j - b}`,
-			style: x("--after", m)
-		})), n && (D(n, (C + T) / 2, E, _, f), n.style.setProperty("--after", String(m))), z(n, B(v.value, y.value), `${v.value} to ${y.value}`, r);
+		let D = C(_.value);
+		u.appendChild(L("polygon", {
+			class: F,
+			"data-note": n.note,
+			points: `${x},${D} ${x - v * .45},${D - v} ${x + v * .45},${D - v}`,
+			style: J("--after", d)
+		})), t && (A(t, (b + x) / 2, S, w, l), t.style.setProperty("--after", String(d))), ce(t, le(g.value, _.value), `${g.value} to ${_.value}`, n);
 	}
-}, U = /* @__PURE__ */ new WeakMap(), ee = (e) => {
-	let t = [...e].filter((e) => !!e), n = t.map((e) => ({
-		width: e.offsetWidth,
-		height: e.offsetHeight
-	}));
-	t.forEach((e, t) => U.set(e, n[t]));
-}, W = (e) => U.get(e) ?? {
-	width: e.offsetWidth,
-	height: e.offsetHeight
-}, G = (e, t, n) => ((t / e) ** (1 / n) - 1) * 100, te = {
-	create: R,
+}, fe = (e, t, n) => {
+	let r = n.reduce((e, t) => e + t, 0);
+	if (e === "mean") return r ? t.reduce((e, t, r) => e + t * n[r], 0) / r : null;
+	if (e === "median") {
+		let e = t.map((e, t) => [e, n[t]]).sort((e, t) => e[0] - t[0]), i = 0;
+		for (let [t, [n, a]] of e.entries()) {
+			if (i += a, Math.abs(i - r / 2) < 1e-9 && e[t + 1]) return (n + e[t + 1][0]) / 2;
+			if (i > r / 2) return n;
+		}
+		return null;
+	}
+	let i = Number.parseFloat(e);
+	return Number.isFinite(i) ? i : null;
+}, pe = {
+	create(e, t) {
+		if (!e.textContent?.trim()) return null;
+		let n = Y(e, t);
+		return n.dataset.kind = "reference", n;
+	},
+	draw(e, t, n) {
+		let { rows: r, cx: i, y: a, x: o, height: s, unit: c, svg: l, after: u } = n, d = r.filter((e) => !e.isTotal && !e.missing), p = e.hasAttribute("data-name"), m = (e.getAttribute(p ? "data-name" : "data-value") ?? "").trim(), h, g, _;
+		if (p) {
+			let e = d.map((e) => O(e.label));
+			if (n.categories[0]?.parentElement?.dataset.place === "beside" || e.some(Number.isNaN)) {
+				console.warn(`[${f}] A reference line among the names needs names that are numbers, under columns or points.`);
+				return;
+			}
+			let t = fe(m, e, d.map((e) => e.value)), a = t === null ? -1 : e.findIndex((n, r) => n <= t && t <= (e[r + 1] ?? n)), [o, s] = [d[a], d[a + 1] ?? d[a]].map((e) => i(r.indexOf(e))), c = t === null || a < 0 || e[a + 1] === void 0 || e[a + 1] === e[a] ? 0 : (t - e[a]) / (e[a + 1] - e[a]);
+			_ = t, g = a < 0 ? null : o + c * (s - o), h = !1;
+		} else _ = fe(m, d.map((e) => e.value), d.map(() => 1)), h = !o, g = _ === null ? null : o ? o(_) : a(_);
+		if (g === null || _ === null) {
+			console.warn(`[${f}] A reference line needs a number, "mean" or "median", not "${m}".`);
+			return;
+		}
+		let v = r.length > 0 ? i(r.length - 1) + i(0) : w, b = o ? s : a(0);
+		if (l.appendChild(L("line", {
+			class: y,
+			"data-note": n.note,
+			...e.getAttribute("data-line") === "dotted" && { "data-line": "dotted" },
+			...h ? {
+				x1: 0,
+				x2: v,
+				y1: g,
+				y2: g
+			} : {
+				x1: g,
+				x2: g,
+				y1: 0,
+				y2: b
+			},
+			style: J("--after", u)
+		})), t) {
+			let e = N(t).width * c, r = N(t).height * c, i = 4 * c, a = h ? [
+				[
+					v - e,
+					g - r / 2,
+					e,
+					r
+				],
+				[
+					v - e,
+					g - r - i,
+					e,
+					r
+				],
+				[
+					v - e,
+					g + i,
+					e,
+					r
+				]
+			] : [
+				0,
+				r,
+				2 * r
+			].flatMap((t) => [
+				[
+					g - e / 2,
+					t,
+					e,
+					r
+				],
+				[
+					g + i,
+					t,
+					e,
+					r
+				],
+				[
+					g - i - e,
+					t,
+					e,
+					r
+				]
+			]), [o] = E([a], n.taken, [
+				0,
+				0,
+				w,
+				s
+			]), l = a[o ?? 0];
+			n.taken.push(l), A(t, l[0] + e / 2, l[1] + r / 2, w, s), t.style.setProperty("--after", String(u)), (m === "mean" || m === "median") && ce(t, _, `the ${m}`, n, "");
+		}
+	}
+}, me = (e, t, n) => ((t / e) ** (1 / n) - 1) * 100, he = {
+	create: Y,
 	draw(e, t, n) {
-		let { rows: r, cx: i, y: s, unit: c, labelHeight: l, height: u, svg: d, values: f, after: p } = n, m = r[0], h = r[r.length - 1];
-		if (!m || !h) return;
-		let g = l + 18 * c, v = 10 * c, y = 10 * c, b = i(0), S = s(m.value) - g, C = i(r.length - 1), T = s(h.value) - g, E = 0;
+		let { rows: r, cx: i, y: a, unit: o, labelHeight: s, height: c, svg: l, values: u, after: d } = n, f = r[0], p = r[r.length - 1];
+		if (!f || !p) return;
+		let h = s + 18 * o, g = 10 * o, _ = 10 * o, v = i(0), y = a(f.value) - h, b = i(r.length - 1), x = a(p.value) - h, S = 0;
 		r.forEach((e, t) => {
-			let n = C === b ? 0 : (i(t) - b) / (C - b), r = S + n * (T - S) - (s(e.value) - g);
-			r > E && (E = r);
-		}), S -= E, T -= E;
-		let O = C - b, k = T - S, A = Math.hypot(O, k) || 1, j = O / A, M = k / A;
-		b -= j * v, S -= M * v, C += j * v, T += M * v;
-		let N = Number.parseFloat(e.getAttribute("data-at") || "0.5");
+			let n = b === v ? 0 : (i(t) - v) / (b - v), r = y + n * (x - y) - (a(e.value) - h);
+			r > S && (S = r);
+		}), y -= S, x -= S;
+		let C = b - v, T = x - y, E = Math.hypot(C, T) || 1, D = C / E, O = T / E;
+		v -= D * g, y -= O * g, b += D * g, x += O * g;
+		let k = Number.parseFloat(e.getAttribute("data-at") || "0.5");
 		if (t) {
-			let e = b + (C - b) * N, n = S + (T - S) * N, a = W(t).width * c / 2, o = n + W(t).height * c / 2 + 8 * c, u = 0;
+			let e = v + (b - v) * k, n = y + (x - y) * k, c = N(t).width * o / 2, l = n + N(t).height * o / 2 + 8 * o, d = 0;
 			r.forEach((t, n) => {
-				let r = (f[n] ? W(f[n]).width : 0) * c / 2;
-				if (Math.abs(i(n) - e) >= a + r) return;
-				let d = s(t.value) - 7 * c - l;
-				u = Math.max(u, o - d);
-			}), S -= u, T -= u;
+				let r = (u[n] ? N(u[n]).width : 0) * o / 2;
+				if (Math.abs(i(n) - e) >= c + r) return;
+				let f = a(t.value) - 7 * o - s;
+				d = Math.max(d, l - f);
+			}), y -= d, x -= d;
 		}
-		let P = C - j * y, F = T - M * y, I = Math.hypot(P - b, F - S) / c + 1;
-		d.appendChild(w("line", {
-			class: a,
+		let j = b - D * _, M = x - O * _, P = Math.hypot(j - v, M - y) / o + 1;
+		l.appendChild(L("line", {
+			class: m,
 			"data-note": n.note,
-			x1: b,
-			y1: S,
-			x2: P,
-			y2: F,
-			style: `--len:${I.toFixed(1)}; ${x("--after", p)}`
+			x1: v,
+			y1: y,
+			x2: j,
+			y2: M,
+			style: `--len:${P.toFixed(1)}; ${J("--after", d)}`
 		}));
-		let L = -M, R = j, B = y * .42;
-		d.appendChild(w("polygon", {
-			class: o,
+		let I = -O, R = D, z = _ * .42;
+		l.appendChild(L("polygon", {
+			class: F,
 			"data-note": n.note,
 			points: [
-				`${C},${T}`,
-				`${P + L * B},${F + R * B}`,
-				`${P - L * B},${F - R * B}`
+				`${b},${x}`,
+				`${j + I * z},${M + R * z}`,
+				`${j - I * z},${M - R * z}`
 			].join(" "),
-			style: x("--after", p)
-		})), t && (D(t, b + (C - b) * N, S + (T - S) * N, _, u), t.style.setProperty("--after", String(p)));
-		let V = Number.parseFloat(e.getAttribute("data-years") || "");
-		!Number.isNaN(V) && V > 0 && z(t, G(m.value, h.value, V), `${m.value} to ${h.value} over ${V} years`, n);
+			style: J("--after", d)
+		})), t && (A(t, v + (b - v) * k, y + (x - y) * k, w, c), t.style.setProperty("--after", String(d)));
+		let B = Number.parseFloat(e.getAttribute("data-years") || "");
+		!Number.isNaN(B) && B > 0 && ce(t, me(f.value, p.value, B), `${f.value} to ${p.value} over ${B} years`, n);
 	}
-}, ne = (e, t, n, r, i) => {
+}, ge = (e, t, n, r, i) => {
 	if (!r) return e / t * n;
 	let { lo: a, hi: o, gap: s, share: c } = r, l = n * c, u = (n - l - i) / (a + (t - o)), d = l / (o - a);
 	return e <= a ? e * u : e <= s ? a * u + (e - a) * d : e <= o ? a * u + (e - a) * d + i : a * u + l + i + (e - o) * u;
-}, re = (e, t, n) => {
+}, _e = (e, t, n) => {
 	let r = .15, i = Math.min(e * .7 / (t + (t - 1) * r), n), a = t * i + (t - 1) * i * r;
 	return {
 		size: i,
 		gap: i * r,
 		offset: (e) => -a / 2 + e * i * 1.15
 	};
-}, ie = (e, t, n) => {
+}, ve = (e, t, n) => {
 	let r = e.series[n], i = e.series.some((e) => e.focus) && !r.focus;
 	return {
 		"data-series": n + 1,
 		...i && { "data-muted": "" },
-		style: `--n:${n}; --m:${+!!i}; --palette:var(--tablechart-color-${n + 1}); ${x("--i", t.slot)}`
+		style: `--n:${n}; --m:${+!!i}; --palette:var(--tablechart-color-${n + 1}); ${J("--i", t.slot)}`
 	};
-}, K = (e, t, n = !1) => {
+}, ye = (e, t, n = !1) => {
 	let r = 0, i = 0;
 	return Array.from({ length: t }, (t, a) => {
 		let o = e.cells[a] ?? e.cells[0], s = o.missing ? 0 : o.value;
@@ -284,40 +317,40 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			cell: o
 		};
 	});
-}, q = (e, t, n = !1) => {
-	let r = K(e, t, n);
+}, be = (e, t, n = !1) => {
+	let r = ye(e, t, n);
 	return {
 		top: Math.max(0, ...r.map((e) => e.to)),
 		bottom: Math.min(0, ...r.map((e) => e.to))
 	};
-}, ae = (e, t) => {
-	let { top: n, bottom: r } = q(e, t);
+}, xe = (e, t) => {
+	let { top: n, bottom: r } = be(e, t);
 	return n + r;
-}, oe = (e, t, n) => {
+}, Se = (e, t, n) => {
 	let r = t.series.some((e) => e.focus);
 	e.style.setProperty("--n", String(n)), e.style.setProperty("--m", r && !t.series[n].focus ? "1" : "0"), e.style.setProperty("--palette", `var(--tablechart-color-${n + 1})`);
-}, se = (e, t, n, i = {}, a = "") => {
-	let o = {
-		class: T(r, t),
+}, Ce = (e, t, n, r = {}, i = "") => {
+	let a = {
+		class: M(G, t),
 		"data-kind": "bar",
 		"data-row": n + 1,
-		...i
-	}, s = x("--i", t.slot) + (a ? `; transform-origin: ${a}` : ""), c = w("g", {
-		...o,
+		...r
+	}, o = J("--i", t.slot) + (i ? `; transform-origin: ${i}` : ""), s = L("g", {
+		...a,
 		"data-stack": "",
-		style: s
+		style: o
 	});
-	return e.svg.appendChild(c), (r, a) => {
-		let o = i["data-grow"] === void 0 ? {} : { "data-grow": i["data-grow"] };
-		c.appendChild(w("rect", {
+	return e.svg.appendChild(s), (i, a) => {
+		let o = r["data-grow"] === void 0 ? {} : { "data-grow": r["data-grow"] };
+		s.appendChild(L("rect", {
 			...o,
 			...a,
-			class: T("tablechart-piece", t),
+			class: M(u, t),
 			"data-row": n + 1,
-			...ie(e, t, r)
+			...ve(e, t, i)
 		}));
 	};
-}, ce = 6, le = (e, t, n) => e.some((e) => W(e).width * n > t - ce * n), J = (e, t, n) => t >= W(e).height * n * 1.6, ue = (e, t, n) => t >= W(e).width * n * 1.5, de = (e, t, n, r, i = .7) => {
+}, we = 6, Te = (e, t, n) => e.some((e) => N(e).width * n > t - we * n), Ee = (e, t, n) => t >= N(e).height * n * 1.6, De = (e, t, n) => t >= N(e).width * n * 1.5, Oe = (e, t, n, r, i = .7) => {
 	e.style.setProperty(r, "1");
 	let a = 1;
 	for (let e of t) {
@@ -326,10 +359,10 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	}
 	let o = a >= i ? a : 0;
 	return e.style.setProperty(r, String(o || i)), o;
-}, fe = (e, t) => (e.sort((e, t) => e.y - t.y), e.forEach((n, r) => {
+}, ke = (e, t) => (e.sort((e, t) => e.y - t.y), e.forEach((n, r) => {
 	let i = e[r - 1];
 	i && n.y < i.y + t && (n.y = i.y + t);
-}), e), pe = {
+}), e), Ae = {
 	segments: (e) => e.map((e) => ({
 		...e,
 		from: 0,
@@ -349,45 +382,45 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	categories: "beside",
 	headroom: () => 0,
 	draw(e) {
-		let { segments: t, height: n, unit: a, svg: o, values: s, categories: c, config: l, barMax: u } = e, d = e.series.length > 1, f = Math.max(N(c.map((e) => W(e).width * a)), 0), p = Math.min(f + 10 * a, _ * .42);
-		c[0]?.parentElement?.style.setProperty("--_beside", `${((p - 8 * a) / _ * 100).toFixed(2)}%`);
-		let m = _ - 4 * a, h = e.stacked ? Math.max(N(e.rows.map((t) => q(t, e.series.length).top)), 0) || 1 : Math.max(N(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => Math.abs(e.value)))), 0) || 1, g = e.stacked ? Math.max(N(e.rows.map((t) => -q(t, e.series.length).bottom)), 0) : Math.max(N(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => -e.value))), 0), v = Math.max(h, e.squeeze?.hi ?? 0) + g, y = (t, n) => ne(Math.abs(t), v, n, e.squeeze, e.breakGap), b = n / t.length, S = (e) => (e + .5) * b, C = Math.min(b * l.barfill, u), E = re(b, e.series.length, u), O = s[0] ?? e.totals[0], k = O ? W(O).height * a * .56 : 0, A = Math.max(((d && !e.stacked ? E.size : C) - k) / 2, 5 * a), j = (e) => W(e).width * a, M = (e) => e.length ? N(e.map(j)) + A + 4 * a : 0, P = (t, n) => (e.rows[n].cells[t] ?? e.rows[n].cells[0]).value, F = e.seriesValues.flatMap((e, t) => e.map((e, n) => ({
+		let { segments: t, height: n, unit: r, svg: i, values: a, categories: o, config: s, barMax: c } = e, l = e.series.length > 1, u = Math.max(U(o.map((e) => N(e).width * r)), 0), d = Math.min(u + 10 * r, w * .42);
+		o[0]?.parentElement?.style.setProperty("--_beside", `${((d - 8 * r) / w * 100).toFixed(2)}%`);
+		let f = w - 4 * r, p = e.stacked ? Math.max(U(e.rows.map((t) => be(t, e.series.length).top)), 0) || 1 : Math.max(U(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => Math.abs(e.value)))), 0) || 1, m = e.stacked ? Math.max(U(e.rows.map((t) => -be(t, e.series.length).bottom)), 0) : Math.max(U(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => -e.value))), 0), h = Math.max(p, e.domain?.[1] ?? 0), g = Math.max(m, -(e.domain?.[0] ?? 0)), _ = Math.max(h, e.squeeze?.hi ?? 0) + g, v = (t, n) => ge(Math.abs(t), _, n, e.squeeze, e.breakGap), y = n / t.length, b = (e) => (e + .5) * y, S = Math.min(y * s.barfill, c), C = _e(y, e.series.length, c), T = a[0] ?? e.totals[0], E = T ? N(T).height * r * .56 : 0, D = Math.max(((l && !e.stacked ? C.size : S) - E) / 2, 5 * r), O = (e) => N(e).width * r, k = (e) => e.length ? U(e.map(O)) + D + 4 * r : 0, j = (t, n) => (e.rows[n].cells[t] ?? e.rows[n].cells[0]).value, P = e.seriesValues.flatMap((e, t) => e.map((e, n) => ({
 			label: e,
-			value: P(t, n)
-		}))), I = (t) => {
-			let n = q(e.rows[t], e.series.length);
+			value: j(t, n)
+		}))), F = (t) => {
+			let n = be(e.rows[t], e.series.length);
 			return n.top === 0 && n.bottom < 0;
-		}, L = e.stacked ? M(e.totals.filter((e, t) => !I(t))) : d ? M(F.filter((e) => e.value >= 0).map((e) => e.label)) : 0, R = e.stacked ? M(e.totals.filter((e, t) => I(t))) : d ? M(F.filter((e) => e.value < 0).map((e) => e.label)) : 0;
-		if (!d && !e.stacked) for (let e = 0; e < 3; e++) {
-			let e = m - p - L - R, n = t.map((e, t) => ({
+		}, I = e.stacked ? k(e.totals.filter((e, t) => !F(t))) : l ? k(P.filter((e) => e.value >= 0).map((e) => e.label)) : 0, R = e.stacked ? k(e.totals.filter((e, t) => F(t))) : l ? k(P.filter((e) => e.value < 0).map((e) => e.label)) : 0;
+		if (!l && !e.stacked) for (let e = 0; e < 3; e++) {
+			let e = f - d - I - R, n = t.map((e, t) => ({
 				seg: e,
-				label: s[t]
-			})).filter(({ seg: t, label: n }) => !ue(n, y(t.value, e), a)), r = M(n.filter(({ seg: e }) => e.value >= 0).map(({ label: e }) => e)), i = M(n.filter(({ seg: e }) => e.value < 0).map(({ label: e }) => e));
-			if (r <= L && i <= R) break;
-			L = Math.max(L, r), R = Math.max(R, i);
+				label: a[t]
+			})).filter(({ seg: t, label: n }) => !De(n, v(t.value, e), r)), i = k(n.filter(({ seg: e }) => e.value >= 0).map(({ label: e }) => e)), o = k(n.filter(({ seg: e }) => e.value < 0).map(({ label: e }) => e));
+			if (i <= I && o <= R) break;
+			I = Math.max(I, i), R = Math.max(R, o);
 		}
-		let z = m - p - L - R, B = p + R + y(g, z), V = (e) => e < 0 ? B - y(e, z) : B + y(e, z);
-		if (e.squeeze && (e.breakX = V(e.squeeze.gap)), e.stacked) {
-			e.rows.forEach((t, r) => {
-				let i = q(t, e.series.length), o = se(e, t, r, { "data-grow": "right" }, i.bottom < 0 ? `${B - V(i.bottom)}px center` : ""), s = S(r) - C / 2;
-				K(t, e.series.length).forEach(({ from: t, to: i, cell: c }, l) => {
-					let u = e.seriesValues[l][r];
-					if (u.dataset.place = "none", c.missing || i === t) return;
-					let d = Math.min(V(t), V(i)), f = Math.max(V(t), V(i));
-					o(l, {
+		let z = f - d - I - R, B = d + R + v(g, z), V = (e) => e < 0 ? B - v(e, z) : B + v(e, z);
+		if (e.squeeze && (e.breakX = V(e.squeeze.gap)), e.x = V, e.stacked) {
+			e.rows.forEach((t, i) => {
+				let a = be(t, e.series.length), s = Ce(e, t, i, { "data-grow": "right" }, a.bottom < 0 ? `${B - V(a.bottom)}px center` : ""), c = b(i) - S / 2;
+				ye(t, e.series.length).forEach(({ from: t, to: a, cell: o }, l) => {
+					let u = e.seriesValues[l][i];
+					if (u.dataset.place = "none", o.missing || a === t) return;
+					let d = Math.min(V(t), V(a)), f = Math.max(V(t), V(a));
+					s(l, {
 						x: d,
-						y: s,
+						y: c,
 						width: Math.max(f - d, 1),
-						height: C,
-						...i < t && { "data-grow": "left" }
-					}), u.dataset.place = "inside", u.toggleAttribute("data-left-out", !ue(u, f - d, a) || W(u).height * a > C), oe(u, e, l), D(u, (d + f) / 2, S(r), _, n);
+						height: S,
+						...a < t && { "data-grow": "left" }
+					}), u.dataset.place = "inside", u.toggleAttribute("data-left-out", !De(u, f - d, r) || N(u).height * r > S), Se(u, e, l), A(u, (d + f) / 2, b(i), w, n);
 				});
-				let l = e.totals[r];
-				l && (l.dataset.place = I(r) ? "before" : "after", D(l, I(r) ? V(i.bottom) - A : V(i.top) + A, S(r), _, n));
-				let u = c[r];
-				u && D(u, p - 8 * a, S(r), _, n);
-			}), o.appendChild(w("line", {
-				class: i,
+				let l = e.totals[i];
+				l && (l.dataset.place = F(i) ? "before" : "after", A(l, F(i) ? V(a.bottom) - D : V(a.top) + D, b(i), w, n));
+				let u = o[i];
+				u && A(u, d - 8 * r, b(i), w, n);
+			}), i.appendChild(L("line", {
+				class: x,
 				x1: B,
 				x2: B,
 				y1: 0,
@@ -395,36 +428,36 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			}));
 			return;
 		}
-		if (d) {
+		if (l) {
 			e.plot.dataset.grouped = "";
-			let t = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), s = de(e.plot, t, (e) => ({
-				size: W(e).height * a,
-				room: E.size + E.gap * .5
+			let t = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), a = Oe(e.plot, t, (e) => ({
+				size: N(e).height * r,
+				room: C.size + C.gap * .5
 			}), "--_fit");
-			e.rows.forEach((t, i) => {
-				e.series.forEach((a, c) => {
-					let l = t.cells[c] ?? t.cells[0], u = e.seriesValues[c][i];
-					if (l.missing) {
-						u.dataset.place = "none";
+			e.rows.forEach((t, s) => {
+				e.series.forEach((r, o) => {
+					let c = t.cells[o] ?? t.cells[0], l = e.seriesValues[o][s];
+					if (c.missing) {
+						l.dataset.place = "none";
 						return;
 					}
-					let d = V(l.value), f = l.value < 0, p = S(i) + E.offset(c);
-					o.appendChild(w("rect", {
-						class: T(r, t),
+					let u = V(c.value), d = c.value < 0, f = b(s) + C.offset(o);
+					i.appendChild(L("rect", {
+						class: M(G, t),
 						"data-kind": "bar",
-						"data-row": i + 1,
-						"data-grow": f ? "left" : "right",
-						x: Math.min(d, B),
-						y: p,
-						width: Math.max(Math.abs(d - B), 1),
-						height: E.size,
-						...ie(e, t, c)
-					})), u.dataset.place = f ? "before" : "after", u.toggleAttribute("data-left-out", !s), D(u, f ? d - A : d + A, p + E.size / 2, _, n);
+						"data-row": s + 1,
+						"data-grow": d ? "left" : "right",
+						x: Math.min(u, B),
+						y: f,
+						width: Math.max(Math.abs(u - B), 1),
+						height: C.size,
+						...ve(e, t, o)
+					})), l.dataset.place = d ? "before" : "after", l.toggleAttribute("data-left-out", !a), A(l, d ? u - D : u + D, f + C.size / 2, w, n);
 				});
-				let l = c[i];
-				l && D(l, p - 8 * a, S(i), _, n);
-			}), o.appendChild(w("line", {
-				class: i,
+				let c = o[s];
+				c && A(c, d - 8 * r, b(s), w, n);
+			}), i.appendChild(L("line", {
+				class: x,
 				x1: B,
 				x2: B,
 				y1: 0,
@@ -432,33 +465,33 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			}));
 			return;
 		}
-		let H = t.map((e, t) => ue(s[t], Math.abs(V(e.value) - B), a));
-		t.forEach((t, i) => {
-			let l = V(t.value), u = S(i), d = t.value < 0, f = Math.abs(l - B);
-			o.appendChild(w("rect", {
-				class: T(r, t),
+		let H = t.map((e, t) => De(a[t], Math.abs(V(e.value) - B), r));
+		t.forEach((t, s) => {
+			let c = V(t.value), l = b(s), u = t.value < 0, f = Math.abs(c - B);
+			i.appendChild(L("rect", {
+				class: M(G, t),
 				"data-kind": t.kind,
-				"data-row": i + 1,
-				"data-grow": d ? "left" : "right",
-				x: Math.min(l, B),
-				y: u - C / 2,
+				"data-row": s + 1,
+				"data-grow": u ? "left" : "right",
+				x: Math.min(c, B),
+				y: l - S / 2,
 				width: Math.max(f, 1),
-				height: C,
-				style: x("--i", t.slot)
+				height: S,
+				style: J("--i", t.slot)
 			}));
-			let m = s[i], h = Math.max(Math.min(A, f - j(m) - 6 * a), 6 * a), g = d ? 1 : -1;
-			m.dataset.place = H[i] ? "inside" : d ? "before" : "after", m.dataset.kind = t.kind, D(m, H[i] ? e.insideAlign === "center" ? (B + l) / 2 : e.insideAlign === "start" ? B - g * (h + j(m) / 2) : l + g * (h + j(m) / 2) : l - g * A, u, _, n);
-			let v = c[i];
-			v && D(v, p - 8 * a, u, _, n);
-		}), o.appendChild(w("line", {
-			class: i,
+			let p = a[s], m = Math.max(Math.min(D, f - O(p) - 6 * r), 6 * r), h = u ? 1 : -1;
+			p.dataset.place = H[s] ? "inside" : u ? "before" : "after", p.dataset.kind = t.kind, A(p, H[s] ? e.insideAlign === "center" ? (B + c) / 2 : e.insideAlign === "start" ? B - h * (m + O(p) / 2) : c + h * (m + O(p) / 2) : c - h * D, l, w, n);
+			let g = o[s];
+			g && A(g, d - 8 * r, l, w, n);
+		}), i.appendChild(L("line", {
+			class: x,
 			x1: B,
 			x2: B,
 			y1: 0,
 			y2: n
 		}));
 	}
-}, me = {
+}, je = {
 	segments: (e) => e.map((e) => ({
 		...e,
 		from: 0,
@@ -472,102 +505,102 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	breakable: !0,
 	headroom: ({ labelHeight: e, badgeHeight: t, hasAnnotations: n, unit: r }) => e + 4 * r + (n ? t * 1.6 : 0),
 	draw(e) {
-		let { segments: t, cx: n, y: a, barWidth: o, height: s, unit: c, svg: l, values: u, labels: d, insideAlign: f } = e, p = a(0);
+		let { segments: t, cx: n, y: r, barWidth: i, height: a, unit: o, svg: s, values: c, labels: l, insideAlign: u } = e, d = r(0);
 		if (e.stacked) {
-			e.rows.forEach((t, r) => {
-				let i = q(t, e.series.length), l = se(e, t, r, {}, i.bottom < 0 ? `center ${p - a(i.top)}px` : ""), u = n(r) - o / 2;
-				K(t, e.series.length).forEach(({ from: t, to: i, cell: d }, f) => {
-					let p = e.seriesValues[f][r];
-					if (p.dataset.place = "none", d.missing || i === t) return;
-					let m = Math.min(a(i), a(t)), h = Math.max(a(i), a(t));
+			e.rows.forEach((t, s) => {
+				let c = be(t, e.series.length), l = Ce(e, t, s, {}, c.bottom < 0 ? `center ${d - r(c.top)}px` : ""), u = n(s) - i / 2;
+				ye(t, e.series.length).forEach(({ from: t, to: c, cell: d }, f) => {
+					let p = e.seriesValues[f][s];
+					if (p.dataset.place = "none", d.missing || c === t) return;
+					let m = Math.min(r(c), r(t)), h = Math.max(r(c), r(t));
 					l(f, {
 						x: u,
 						y: m,
-						width: o,
+						width: i,
 						height: Math.max(h - m, 1),
-						...i < t && { "data-grow": "down" }
-					}), p.dataset.place = "inside", p.toggleAttribute("data-left-out", !J(p, h - m, c) || W(p).width * c > o - 4 * c), oe(p, e, f), D(p, n(r), (m + h) / 2, _, s);
+						...c < t && { "data-grow": "down" }
+					}), p.dataset.place = "inside", p.toggleAttribute("data-left-out", !Ee(p, h - m, o) || N(p).width * o > i - 4 * o), Se(p, e, f), A(p, n(s), (m + h) / 2, w, a);
 				});
-				let d = e.totals[r];
-				if (d) {
-					let e = i.top === 0 && i.bottom < 0;
-					d.dataset.place = e ? "below" : "outside", D(d, n(r), e ? a(i.bottom) + 4 * c : a(i.top) - 4 * c, _, s);
+				let f = e.totals[s];
+				if (f) {
+					let e = c.top === 0 && c.bottom < 0;
+					f.dataset.place = e ? "below" : "outside", A(f, n(s), e ? r(c.bottom) + 4 * o : r(c.top) - 4 * o, w, a);
 				}
-			}), l.appendChild(w("line", {
-				class: i,
+			}), s.appendChild(L("line", {
+				class: x,
 				x1: 0,
-				x2: _,
-				y1: p,
-				y2: p
+				x2: w,
+				y1: d,
+				y2: d
 			}));
 			return;
 		}
 		if (e.series.length > 1) {
-			let t = re(n(1) - n(0) || n(0) * 2, e.series.length, e.barMax);
+			let t = _e(n(1) - n(0) || n(0) * 2, e.series.length, e.barMax);
 			e.plot.dataset.grouped = "";
-			let o = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), u = de(e.plot, o, (e) => ({
-				size: W(e).width * c,
+			let i = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), c = Oe(e.plot, i, (e) => ({
+				size: N(e).width * o,
 				room: t.size + t.gap * .5
 			}), "--_fit");
-			e.rows.forEach((i, o) => {
-				e.series.forEach((d, f) => {
-					let m = i.cells[f] ?? i.cells[0], h = e.seriesValues[f][o], g = n(o) + t.offset(f);
-					if (m.missing) {
-						h.dataset.place = "none";
+			e.rows.forEach((i, l) => {
+				e.series.forEach((u, f) => {
+					let p = i.cells[f] ?? i.cells[0], m = e.seriesValues[f][l], h = n(l) + t.offset(f);
+					if (p.missing) {
+						m.dataset.place = "none";
 						return;
 					}
-					let v = a(m.value), y = m.value < 0;
-					l.appendChild(w("rect", {
-						class: T(r, i),
+					let g = r(p.value), _ = p.value < 0;
+					s.appendChild(L("rect", {
+						class: M(G, i),
 						"data-kind": "bar",
-						"data-row": o + 1,
-						...y && { "data-grow": "down" },
-						x: g,
-						y: Math.min(v, p),
+						"data-row": l + 1,
+						..._ && { "data-grow": "down" },
+						x: h,
+						y: Math.min(g, d),
 						width: t.size,
-						height: Math.max(Math.abs(p - v), 1),
-						...ie(e, i, f)
-					})), h.dataset.place = y ? "below" : "outside", h.toggleAttribute("data-left-out", !u), D(h, g + t.size / 2, y ? v + 4 * c : v - 4 * c, _, s);
+						height: Math.max(Math.abs(d - g), 1),
+						...ve(e, i, f)
+					})), m.dataset.place = _ ? "below" : "outside", m.toggleAttribute("data-left-out", !c), A(m, h + t.size / 2, _ ? g + 4 * o : g - 4 * o, w, a);
 				});
-			}), l.appendChild(w("line", {
-				class: i,
+			}), s.appendChild(L("line", {
+				class: x,
 				x1: 0,
-				x2: _,
-				y1: p,
-				y2: p
+				x2: w,
+				y1: d,
+				y2: d
 			}));
 			return;
 		}
-		let m = le(u, o, c), h = t.map((e, t) => d === "inside" && !m && !e.missing && J(u[t], Math.abs(p - a(e.value)), c)), g = u[0] ? W(u[0]).height * c * .56 : 0, v = Infinity;
-		for (let [e, t] of u.entries()) h[e] && (v = Math.min(v, (o - W(t).width * c) / 2));
+		let f = Te(c, i, o), p = t.map((e, t) => l === "inside" && !f && !e.missing && Ee(c[t], Math.abs(d - r(e.value)), o)), m = c[0] ? N(c[0]).height * o * .56 : 0, h = Infinity;
+		for (let [e, t] of c.entries()) p[e] && (h = Math.min(h, (i - N(t).width * o) / 2));
 		t.forEach((e, t) => {
-			let i = a(e.value), d = e.value < 0;
+			let l = r(e.value), f = e.value < 0;
 			if (e.missing) {
-				D(u[t], n(t), p - 4 * c, _, s), u[t].dataset.place = "outside";
+				A(c[t], n(t), d - 4 * o, w, a), c[t].dataset.place = "outside";
 				return;
 			}
-			l.appendChild(w("rect", {
-				class: T(r, e),
+			s.appendChild(L("rect", {
+				class: M(G, e),
 				"data-kind": e.kind,
 				"data-row": t + 1,
-				...d && { "data-grow": "down" },
-				x: n(t) - o / 2,
-				y: Math.min(i, p),
-				width: o,
-				height: Math.max(Math.abs(p - i), 1),
-				style: x("--i", e.slot)
+				...f && { "data-grow": "down" },
+				x: n(t) - i / 2,
+				y: Math.min(l, d),
+				width: i,
+				height: Math.max(Math.abs(d - l), 1),
+				style: J("--i", e.slot)
 			}));
-			let m = d ? -1 : 1, y = Math.min(v, (Math.abs(p - i) - g) / 2), b = f === "center" ? (i + p) / 2 : f === "start" ? p - m * (y + g / 2) : i + m * (y + g / 2), S = d ? i + 4 * c : i - 4 * c;
-			D(u[t], n(t), h[t] ? b : S, _, s), u[t].dataset.place = h[t] ? "inside" : d ? "below" : "outside";
-		}), l.appendChild(w("line", {
-			class: i,
+			let g = f ? -1 : 1, _ = Math.min(h, (Math.abs(d - l) - m) / 2), v = u === "center" ? (l + d) / 2 : u === "start" ? d - g * (_ + m / 2) : l + g * (_ + m / 2), y = f ? l + 4 * o : l - 4 * o;
+			A(c[t], n(t), p[t] ? v : y, w, a), c[t].dataset.place = p[t] ? "inside" : f ? "below" : "outside";
+		}), s.appendChild(L("line", {
+			class: x,
 			x1: 0,
-			x2: _,
-			y1: p,
-			y2: p
+			x2: w,
+			y1: d,
+			y2: d
 		}));
 	}
-}, he = 0, ge = (e) => e.filter((e) => !e.isTotal), _e = {
+}, Me = 0, Ne = (e) => e.filter((e) => !e.isTotal), Pe = {
 	aspect: .66,
 	centre: !0,
 	headroom: () => 0,
@@ -577,104 +610,70 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		to: e.value,
 		kind: "bar"
 	})),
-	draw({ rows: e, height: t, unit: n, labelHeight: r, svg: i, values: a, config: o, centre: c }) {
-		let l = t / 2, u = ge(e).reduce((e, t) => e + Math.abs(t.value), 0);
-		if (!u) return;
-		let d = r * 1.2 + 10 * n, f = Math.max(Math.min(_, t) / 2 - d, 10), p = f * o.ringfill, m = f - p / 2, h = 2 * Math.PI * m, g = [], v = 0, y = 0, S = 0;
-		if (e.forEach((e, o) => {
-			let c = a[o];
+	draw({ rows: e, height: t, unit: n, labelHeight: i, svg: a, values: o, config: s, centre: c }) {
+		let l = w / 2, u = t / 2, d = Ne(e).reduce((e, t) => e + Math.abs(t.value), 0);
+		if (!d) return;
+		let f = i * 1.2 + 10 * n, p = Math.max(Math.min(w, t) / 2 - f, 10), m = p * s.ringfill, h = p - m / 2, g = 2 * Math.PI * h, _ = [], v = 0, y = 0, b = 0;
+		if (e.forEach((e, r) => {
+			let s = o[r];
 			if (e.isTotal) {
-				c.dataset.place = "none";
+				s.dataset.place = "none";
 				return;
 			}
-			let d = Math.abs(e.value) / u, C = b(S, d), E = `--share:${d.toFixed(4)}; --start:${C.start.toFixed(4)}; --span:${C.span.toFixed(4)};`, O = d * h, k = v / h * 2 * Math.PI - Math.PI / 2;
-			g.push(k), i.appendChild(w("circle", {
-				class: T(s, e),
+			let c = Math.abs(e.value) / d, f = q(b, c), x = `--share:${c.toFixed(4)}; --start:${f.start.toFixed(4)}; --span:${f.span.toFixed(4)};`, S = c * g, C = v / g * 2 * Math.PI - Math.PI / 2;
+			_.push(C), a.appendChild(L("circle", {
+				class: M(V, e),
 				"data-slice": y + 1,
-				"data-row": o + 1,
-				cx: 500,
-				cy: l,
-				r: m,
-				"stroke-width": p,
-				transform: `rotate(-90 500 ${l})`,
-				"stroke-dasharray": `${O.toFixed(1)} ${(h - O).toFixed(1)}`,
+				"data-row": r + 1,
+				cx: l,
+				cy: u,
+				r: h,
+				"stroke-width": m,
+				transform: `rotate(-90 ${l} ${u})`,
+				"stroke-dasharray": `${S.toFixed(1)} ${(g - S).toFixed(1)}`,
 				"stroke-dashoffset": (-v).toFixed(1),
-				style: `--n:${y}; --palette:var(--tablechart-color-${y + 1}); --arc:${O.toFixed(1)}; --circ:${h.toFixed(1)}; ${E} --ease:${C.easing}; ${x("--i", e.slot)}`
+				style: `--n:${y}; --palette:var(--tablechart-color-${y + 1}); --arc:${S.toFixed(1)}; --circ:${g.toFixed(1)}; ${x} --ease:${f.easing}; ${J("--i", e.slot)}`
 			}));
-			let A = k + O / h * Math.PI, j = Math.cos(A), M = Math.sin(A);
-			i.appendChild(w("line", {
-				class: "tablechart-leader",
-				x1: 500 + j * (f + 2 * n),
-				y1: l + M * (f + 2 * n),
-				x2: 500 + j * (f + 7 * n),
-				y2: l + M * (f + 7 * n),
-				"data-row": o + 1,
-				style: `${E} ${x("--i", e.slot)}`
-			})), c.style.setProperty("--start", C.start.toFixed(4)), c.style.setProperty("--span", C.span.toFixed(4));
-			let N = f + 9 * n, P = W(c).width * n / 2;
-			D(c, 500 + j * (N + Math.abs(j) * P), l + M * (N + Math.abs(M) * r * .7), _, t), c.dataset.place = "around", v += O, S += d, y += 1;
-		}), g.length > 1) {
-			let e = m - p / 2 - 1, n = m + p / 2 + 1, r = `tablechart-slices-${++he}`, a = w("mask", {
-				id: r,
+			let T = C + S / g * Math.PI, E = Math.cos(T), D = Math.sin(T);
+			a.appendChild(L("line", {
+				class: P,
+				x1: l + E * (p + 2 * n),
+				y1: u + D * (p + 2 * n),
+				x2: l + E * (p + 7 * n),
+				y2: u + D * (p + 7 * n),
+				"data-row": r + 1,
+				style: `${x} ${J("--i", e.slot)}`
+			})), s.style.setProperty("--start", f.start.toFixed(4)), s.style.setProperty("--span", f.span.toFixed(4));
+			let O = p + 9 * n, k = N(s).width * n / 2;
+			A(s, l + E * (O + Math.abs(E) * k), u + D * (O + Math.abs(D) * i * .7), w, t), s.dataset.place = "around", v += S, b += c, y += 1;
+		}), _.length > 1) {
+			let e = h - m / 2 - 1, n = h + m / 2 + 1, i = `tablechart-slices-${++Me}`, o = L("mask", {
+				id: i,
 				maskUnits: "userSpaceOnUse"
 			});
-			a.appendChild(w("rect", {
+			o.appendChild(L("rect", {
 				x: 0,
 				y: 0,
-				width: _,
+				width: w,
 				height: t,
 				fill: "white"
 			}));
-			for (let t of g) a.appendChild(w("line", {
-				class: "tablechart-divide",
-				x1: 500 + Math.cos(t) * e,
-				y1: l + Math.sin(t) * e,
-				x2: 500 + Math.cos(t) * n,
-				y2: l + Math.sin(t) * n
+			for (let t of _) o.appendChild(L("line", {
+				class: r,
+				x1: l + Math.cos(t) * e,
+				y1: u + Math.sin(t) * e,
+				x2: l + Math.cos(t) * n,
+				y2: u + Math.sin(t) * n
 			}));
-			let o = w("g", { mask: `url(#${r})` });
-			for (let e of Array.from(i.querySelectorAll(`.${s}`))) o.appendChild(e);
-			let c = w("defs");
-			c.appendChild(a), i.prepend(c, o);
+			let s = L("g", { mask: `url(#${i})` });
+			for (let e of Array.from(a.querySelectorAll(`.${V}`))) s.appendChild(e);
+			let c = L("defs");
+			c.appendChild(o), a.prepend(c, s);
 		}
-		c && D(c, 500, l, _, t);
-	}
-}, ve = [
-	"circle",
-	"square",
-	"diamond"
-], ye = (e, t) => {
-	let n = e[t]?.marker?.toLowerCase().split(/\s+/) ?? [], r = ve.find((e) => n.includes(e));
-	return {
-		shape: r ?? ve[Math.floor(t / 2) % ve.length],
-		open: n.includes("open") || !n.includes("filled") && !r && t % 2 == 1
-	};
-}, be = (e, t, n, r, i = {}) => {
-	if (e === "square") {
-		let e = r * .88;
-		return w("rect", {
-			x: t - e,
-			y: n - e,
-			width: e * 2,
-			height: e * 2,
-			...i
-		});
-	}
-	if (e === "diamond") {
-		let e = r * 1.2;
-		return w("polygon", {
-			points: `${t},${n - e} ${t + e},${n} ${t},${n + e} ${t - e},${n}`,
-			...i
-		});
+		c && A(c, l, u, w, t);
 	}
-	return w("circle", {
-		cx: t,
-		cy: n,
-		r,
-		...i
-	});
-}, Y = (e) => Number(e.toFixed(2));
-function xe(e, t) {
+}, X = (e) => Number(e.toFixed(2));
+function Fe(e, t) {
 	let n = e.length;
 	if (n < 2) return e.map(() => 0);
 	let r = (n) => (t[n + 1] - t[n]) / (e[n + 1] - e[n] || 1), i = Array(n).fill(0);
@@ -691,17 +690,17 @@ function xe(e, t) {
 	};
 	return i[0] = a(0, 1, i[1]), i[n - 1] = a(n - 2, n - 1, i[n - 2]), i;
 }
-function Se(e, t, n, r) {
+function Ie(e, t, n, r) {
 	let i = (t[0] - e[0]) / 3;
 	return [[e[0] + i, e[1] + n * i], [t[0] - i, t[1] - r * i]];
 }
-function Ce(e, t, n, r) {
-	let [i, a] = Se(e, t, n, r), o = ([e, t]) => `${Y(e)},${Y(t)}`;
+function Le(e, t, n, r) {
+	let [i, a] = Ie(e, t, n, r), o = ([e, t]) => `${X(e)},${X(t)}`;
 	return `C${o(i)} ${o(a)} ${o(t)}`;
 }
-function we(e, t, n) {
+function Re(e, t, n) {
 	let r = Array(e).fill(0), i = [], a = () => {
-		xe(i.map((e) => n(e)[0]), i.map((e) => n(e)[1])).forEach((e, t) => {
+		Fe(i.map((e) => n(e)[0]), i.map((e) => n(e)[1])).forEach((e, t) => {
 			r[i[t]] = e;
 		}), i = [];
 	};
@@ -710,23 +709,23 @@ function we(e, t, n) {
 }
 //#endregion
 //#region src/js/charts/line.ts
-var Te = (e) => e.map((e) => ({
+var ze = (e) => e.map((e) => ({
 	...e,
 	from: 0,
 	to: e.value,
 	kind: "bar"
-})), Ee = (e) => ({
-	segments: Te,
+})), Be = (n) => ({
+	segments: ze,
 	series: !0,
 	stackable: !0,
 	running: !0,
-	swatch: e ? "box" : void 0,
+	swatch: n ? "box" : void 0,
 	headroom: ({ labelHeight: e, unit: t }) => e * 1.6 + 6 * t,
-	footroom: ({ labelHeight: t, unit: n, series: r, focused: i, stacked: a }) => !e && !a && r === 2 && !i ? t + 7 * n : 0,
-	draw(t) {
-		let { rows: n, series: r, seriesValues: a, names: o, cx: s, y: c, height: u, unit: d, labelHeight: f, svg: p, stacked: m } = t, h = t.shape === "step", g = t.shape === "smooth", v = r.length > 1, y = r.some((e) => e.focus), b = n.length - 1, x = c(0), S = n.length > 1 ? s(1) - s(0) : s(0) * 2;
-		p.style.setProperty("--_base", `${Y(x)}px`);
-		let C = (e) => `--rise:${Y(x - e)}px; `, T = (e, t) => n[t]?.cells[e] ?? n[t]?.cells[0], E = (e, t) => !T(e, t) || !!T(e, t)?.missing, O = n.map((e) => m ? K(e, r.length, !0) : null), A = (e, t) => O[t]?.[e].to ?? T(e, t)?.value ?? 0, j = (e, t) => O[t]?.[e].from ?? 0, M = (e, t) => [s(t), c(A(e, t))], N = r.map((e, t) => {
+	footroom: ({ labelHeight: e, unit: t, series: r, focused: i, stacked: a }) => !n && !a && r === 2 && !i ? e + 7 * t : 0,
+	draw(r) {
+		let { rows: i, series: a, seriesValues: s, names: c, cx: l, y: u, height: d, unit: f, labelHeight: p, svg: m, stacked: h } = r, g = r.shape === "step", _ = r.shape === "smooth", v = a.length > 1, y = a.some((e) => e.focus), b = i.length - 1, S = u(0), C = i.length > 1 ? l(1) - l(0) : l(0) * 2;
+		m.style.setProperty("--_base", `${X(S)}px`);
+		let D = (e) => `--rise:${X(S - e)}px; `, O = (e, t) => i[t]?.cells[e] ?? i[t]?.cells[0], k = (e, t) => !O(e, t) || !!O(e, t)?.missing, M = i.map((e) => h ? ye(e, a.length, !0) : null), P = (e, t) => M[t]?.[e].to ?? O(e, t)?.value ?? 0, F = (e, t) => M[t]?.[e].from ?? 0, I = (e, t) => [l(t), u(P(e, t))], z = a.map((e, t) => {
 			if (!v) return {
 				attrs: {},
 				ink: ""
@@ -739,146 +738,177 @@ var Te = (e) => e.map((e) => ({
 				},
 				ink: `--n:${t}; --m:${+!!n}; --palette:var(--tablechart-color-${t + 1}); `
 			};
-		}), P = Math.min(b, 6);
-		t.plot.style.setProperty("--count", String(P + 1));
-		let F = b > 0 ? P / (h ? n.length : b) : 1, I = (e) => e * F, L = (e) => `--i:${Y(I(e))}`, R = (e) => {
-			let t = [], r = -1;
-			return n.forEach((n, i) => {
-				E(e, i) || (r < 0 && (r = i), (i === b || E(e, i + 1)) && ((h || i > r) && t.push([r, i]), r = -1));
+		}), B = Math.min(b, 6);
+		r.plot.style.setProperty("--count", String(B + 1));
+		let V = b > 0 ? B / (g ? i.length : b) : 1, H = (e) => e * V, U = (e) => `--i:${X(H(e))}`, ne = (e) => {
+			let t = [], n = -1;
+			return i.forEach((r, i) => {
+				k(e, i) || (n < 0 && (n = i), (i === b || k(e, i + 1)) && ((g || i > n) && t.push([n, i]), n = -1));
 			}), t;
-		}, z = (e, t) => `--i:${Y(I(e) + 1)}; --d:${Y(I(h ? t + 1 : t) - I(e))}`, B = (e, t) => ({
+		}, W = (e, t) => `--i:${X(H(e) + 1)}; --d:${X(H(g ? t + 1 : t) - H(e))}`, G = (e, t) => ({
 			"data-from": e + 1,
 			"data-to": t + 1,
-			...h && { "data-flat": "" }
-		}), V = g ? r.map((e, t) => we(n.length, (e) => E(t, e), (e) => M(t, e))) : [], H = g && e ? r.map((e, t) => we(n.length, (e) => E(t, e), (e) => [s(e), c(j(t, e))])) : [], U = (e, t, n) => {
+			...g && { "data-flat": "" }
+		}), re = _ ? a.map((e, t) => Re(i.length, (e) => k(t, e), (e) => I(t, e))) : [], ie = _ && n ? a.map((e, t) => Re(i.length, (e) => k(t, e), (e) => [l(e), u(F(t, e))])) : [], K = (e, t, n) => {
 			let r = [];
 			return e.forEach(([i, a], o) => {
-				h ? (r.push(`H${Y(i + n * S / 2)}`), o < e.length - 1 && r.push(`V${Y(e[o + 1][1])}`)) : o > 0 && r.push(t ? Ce(e[o - 1], [i, a], t[o - 1], t[o]) : `L${Y(i)},${Y(a)}`);
+				g ? (r.push(`H${X(i + n * C / 2)}`), o < e.length - 1 && r.push(`V${X(e[o + 1][1])}`)) : o > 0 && r.push(t ? Le(e[o - 1], [i, a], t[o - 1], t[o]) : `L${X(i)},${X(a)}`);
 			}), r;
-		}, ee = (e, t, r, i) => n.slice(t, r + 1).map((n, r) => [s(t + r), c(i(e, t + r))]), G = (e, t, n, r) => g ? e[t].slice(n, r + 1) : null, te = (e) => s(e) - (h ? S / 2 : 0), ne = (e) => s(e) + (h ? S / 2 : 0), re = (e) => {
-			let t = w("g", {
-				class: "tablechart-area",
-				...N[e].attrs,
-				...m && { "data-stacked": "" },
-				style: N[e].ink
-			}), n = R(e), r = w("g", {
-				class: "tablechart-area-fill",
-				style: `--rows:${Y(P + 1)}; ${n.length ? z(...n[0]) : ""}`
+		}, q = (e, t, n, r) => i.slice(t, n + 1).map((n, i) => [l(t + i), u(r(e, t + i))]), J = (e, t, n, r) => _ ? e[t].slice(n, r + 1) : null, ae = (e) => l(e) - (g ? C / 2 : 0), oe = (e) => l(e) + (g ? C / 2 : 0), se = (e) => {
+			let t = L("g", {
+				class: j,
+				...z[e].attrs,
+				...h && { "data-stacked": "" },
+				style: z[e].ink
+			}), n = ne(e), r = L("g", {
+				class: T,
+				style: `--rows:${X(B + 1)}; ${n.length ? W(...n[0]) : ""}`
 			});
 			t.appendChild(r);
 			for (let [t, i] of n) {
-				let n = ee(e, t, i, A), a = ee(e, t, i, j), o = G(H, e, t, i)?.reverse() ?? null, s = [
-					`M${Y(te(t))},${Y(a[0][1])}`,
-					`L${Y(te(t))},${Y(n[0][1])}`,
-					...U(n, G(V, e, t, i), 1),
-					`L${Y(ne(i))},${Y(a[a.length - 1][1])}`,
-					...U(a.reverse(), o, -1),
+				let n = q(e, t, i, P), a = q(e, t, i, F), o = J(ie, e, t, i)?.reverse() ?? null, s = [
+					`M${X(ae(t))},${X(a[0][1])}`,
+					`L${X(ae(t))},${X(n[0][1])}`,
+					...K(n, J(re, e, t, i), 1),
+					`L${X(oe(i))},${X(a[a.length - 1][1])}`,
+					...K(a.reverse(), o, -1),
 					"Z"
 				].join(" ");
-				r.appendChild(w("path", {
+				r.appendChild(L("path", {
 					d: s,
-					...B(t, i),
-					style: z(t, i)
+					...G(t, i),
+					style: W(t, i)
 				}));
 			}
-			p.appendChild(t);
-		}, ie = (e) => {
-			let t = r[e];
-			for (let [n, r] of R(e)) {
-				let i = ee(e, n, r, A), a = [`M${Y(te(n))},${Y(i[0][1])}`, ...U(i, G(V, e, n, r), 1)].join(" ");
-				p.appendChild(w("path", {
-					class: "tablechart-series",
-					...N[e].attrs,
+			m.appendChild(t);
+		}, Y = (e) => {
+			let t = a[e];
+			for (let [n, r] of ne(e)) {
+				let i = q(e, n, r, P), a = [`M${X(ae(n))},${X(i[0][1])}`, ...K(i, J(re, e, n, r), 1)].join(" ");
+				m.appendChild(L("path", {
+					class: o,
+					...z[e].attrs,
 					d: a,
 					...t.line && { "data-line": t.line },
-					...B(n, r),
-					style: `${N[e].ink}${z(n, r)}`
+					...G(n, r),
+					style: `${z[e].ink}${W(n, r)}`
 				}));
 			}
 		};
-		e && r.forEach((e, t) => re(t)), r.forEach((e, t) => ie(t)), h || (() => {
-			let e = r.map((e, t) => v ? ye(r, t) : {
+		n && a.forEach((e, t) => se(t)), a.forEach((e, t) => Y(t)), g || (() => {
+			let n = a.map((e, t) => v ? R(a, t) : {
 				shape: "circle",
 				open: !1
-			}), t = (t, n, r) => {
-				let [i, a] = M(t, n);
-				return be(e[t].shape, i, a, 4 * d, {
+			}), r = (e, t, r) => {
+				let [i, a] = I(e, t);
+				return ee(n[e].shape, i, a, 4 * f, {
 					...r,
-					style: `${r.style ?? ""}${C(a)}${L(n)}`
+					style: `${r.style ?? ""}${D(a)}${U(t)}`
 				});
-			}, i = (e) => n.map((e, t) => t).filter((t) => !E(e, t)), a = r.flatMap((n, r) => e[r].open ? i(r).map((e) => t(r, e, {
-				class: l,
-				"data-row": e + 1,
-				...v && { "data-series": r + 1 }
+			}, o = (e) => i.map((e, t) => t).filter((t) => !k(e, t)), s = a.flatMap((t, i) => n[i].open ? o(i).map((t) => r(i, t, {
+				class: e,
+				"data-row": t + 1,
+				...v && { "data-series": i + 1 }
 			})) : []);
-			k(p, a, _, u), r.forEach((n, r) => {
-				for (let n of i(r)) p.appendChild(t(r, n, {
-					class: "tablechart-point",
-					...N[r].attrs,
-					"data-marker": e[r].shape,
-					...e[r].open && { "data-open": "" },
-					"data-row": n + 1,
-					style: N[r].ink
+			te(m, s, w, d), a.forEach((e, i) => {
+				for (let e of o(i)) m.appendChild(r(i, e, {
+					class: t,
+					...z[i].attrs,
+					"data-marker": n[i].shape,
+					...n[i].open && { "data-open": "" },
+					"data-row": e + 1,
+					style: z[i].ink
 				}));
 			});
 		})();
-		let q = (e, t) => {
+		let ce = (e, t) => {
 			let n = t;
-			for (; n < b && !E(e, n + 1) && T(e, n + 1)?.value === T(e, t)?.value;) n++;
+			for (; n < b && !k(e, n + 1) && O(e, n + 1)?.value === O(e, t)?.value;) n++;
 			return n;
-		}, ae = (t, n) => {
-			let i = T(t, n);
-			if (!i || i.missing || h && n > 0 && !E(t, n - 1) && T(t, n - 1)?.value === i.value || y && !r[t].focus) return "none";
-			if (m) return "middle";
-			let a = i.value < 0 ? "below" : "above";
-			if (!v || y || r.length > 2) return a;
-			let o = T(1 - t, n);
-			return !o || o.missing ? a : i.value > o.value || i.value === o.value && t === 0 || e && i.value >= 0 && M(t, n)[1] + 7 * d + f > x ? "above" : "below";
-		}, oe = (e, t) => !m && !h ? v && !y && r.length > 2 : W(a[e][t]).width * d > (h ? q(e, t) - t + 1 : 1) * S - 4 * d || m && e > 0 && A(e, t) < j(e, t) ? !0 : m && Math.abs(c(j(e, t)) - c(A(e, t))) < f * 1.2;
-		a.forEach((e, t) => {
+		}, le = (e, t) => {
+			let r = O(e, t);
+			if (!r || r.missing || g && t > 0 && !k(e, t - 1) && O(e, t - 1)?.value === r.value || y && !a[e].focus) return "none";
+			if (h) return "middle";
+			let i = r.value < 0 ? "below" : "above";
+			if (!v || y || a.length > 2) return i;
+			let o = O(1 - e, t);
+			return !o || o.missing ? i : r.value > o.value || r.value === o.value && e === 0 || n && r.value >= 0 && I(e, t)[1] + 7 * f + p > S ? "above" : "below";
+		}, ue = v && !y && a.length > 2 && !h && !g, de = /* @__PURE__ */ new Map();
+		if (ue) {
+			let e = i.flatMap((e, t) => a.map((e, n) => ({
+				s: n,
+				i: t,
+				value: O(n, t)?.value ?? 0
+			}))).filter(({ s: e, i: t }) => le(e, t) !== "none").sort((e, t) => e.i - t.i || t.value - e.value || e.s - t.s), t = (e) => e < 0 ? ["below", "above"] : ["above", "below"], n = e.map(({ s: e, i: n, value: r }) => {
+				let i = N(s[e][n]).width * f, [a, o] = I(e, n);
+				return t(r).map((e) => [
+					a - i / 2,
+					e === "above" ? o - 7 * f - p : o + 7 * f,
+					i,
+					p
+				]);
+			}), r = a.flatMap((e, t) => i.flatMap((e, n) => {
+				if (k(t, n)) return [];
+				let [r, i] = I(t, n);
+				return [[
+					r - 4 * f,
+					i - 4 * f,
+					8 * f,
+					8 * f
+				]];
+			})), o = E(n, r, [
+				0,
+				0,
+				l(b) + l(0),
+				d
+			]);
+			e.forEach(({ s: e, i: n, value: r }, i) => de.set(s[e][n], o[i] === null ? null : t(r)[o[i]]));
+		}
+		let fe = (e, t) => ue ? de.get(s[e][t]) === null : !h && !g ? !1 : N(s[e][t]).width * f > (g ? ce(e, t) - t + 1 : 1) * C - 4 * f || h && e > 0 && P(e, t) < F(e, t) ? !0 : h && Math.abs(u(F(e, t)) - u(P(e, t))) < p * 1.2;
+		s.forEach((e, t) => {
 			e.forEach((e, n) => {
-				e.style.setProperty("--i", String(Y(h ? (I(n) + I(n + 1)) / 2 : I(n))));
-				let r = ae(t, n);
-				if (e.dataset.place = r === "above" ? "outside" : r, e.toggleAttribute("data-left-out", r !== "none" && oe(t, n)), h && r !== "none" ? e.dataset.rowEnd = String(q(t, n) + 1) : delete e.dataset.rowEnd, r === "none") return;
-				let i = W(e).width * d / 2 + 4 * d, a = s(n);
-				h ? a = (s(n) + s(q(t, n))) / 2 : r === "middle" && n === 0 ? a += i : r === "middle" && n === b && (a -= i);
-				let o = c(A(t, n)), l = {
-					middle: (c(j(t, n)) - o) / 2,
-					above: -7 * d,
-					below: 7 * d
+				e.style.setProperty("--i", String(X(g ? (H(n) + H(n + 1)) / 2 : H(n))));
+				let r = de.get(e) ?? le(t, n);
+				if (e.dataset.place = r === "above" ? "outside" : r, e.toggleAttribute("data-left-out", r !== "none" && fe(t, n)), g && r !== "none" ? e.dataset.rowEnd = String(ce(t, n) + 1) : delete e.dataset.rowEnd, r === "none") return;
+				let i = N(e).width * f / 2 + 4 * f, a = l(n);
+				g ? a = (l(n) + l(ce(t, n))) / 2 : r === "middle" && n === 0 ? a += i : r === "middle" && n === b && (a -= i);
+				let o = u(P(t, n)), s = {
+					middle: (u(F(t, n)) - o) / 2,
+					above: -7 * f,
+					below: 7 * f
 				};
-				D(e, a, o + l[r], _, u);
+				A(e, a, o + s[r], w, d);
 			});
 		});
-		let se = o.map((e, t) => {
+		let pe = c.map((e, t) => {
 			let n = b;
-			for (; n > 0 && E(t, n);) n--;
-			let [r, i] = M(t, n);
+			for (; n > 0 && k(t, n);) n--;
+			let [r, i] = I(t, n);
 			return {
 				name: e,
-				x: (h ? r + S / 2 : r) + 10 * d,
-				y: m ? (i + c(j(t, n))) / 2 : i
+				x: (g ? r + C / 2 : r) + 10 * f,
+				y: h ? (i + u(F(t, n))) / 2 : i
 			};
-		}), ce = (o[0] ? W(o[0]).height : 0) * d;
-		for (let e of fe(se, ce)) D(e.name, e.x, e.y, _, u);
-		let le = n.some((e) => e.cells.some((e) => !e.missing && e.value < 0)), J = !e && !m && r.length === 2 && !y && !le ? u - 2 * d : x;
-		p.appendChild(w("line", {
-			class: i,
+		}), me = (c[0] ? N(c[0]).height : 0) * f;
+		for (let e of ke(pe, me)) A(e.name, e.x, e.y, w, d);
+		let he = i.some((e) => e.cells.some((e) => !e.missing && e.value < 0)), ge = !n && !h && a.length === 2 && !y && !he ? d - 2 * f : S;
+		m.appendChild(L("line", {
+			class: x,
 			x1: 0,
-			x2: s(b) + s(0),
-			y1: J,
-			y2: J
+			x2: l(b) + l(0),
+			y1: ge,
+			y2: ge
 		}));
 	}
-}), De = Ee(!1), Oe = Ee(!0), ke = /* @__PURE__ */ new Set(), Ae = (t, n) => {
-	if (Math.abs(t - n) <= Math.abs(n) / 100) return;
-	let r = `[${e}] A total reads ${t}, but the steps before it add up to ${Number(n.toFixed(6))}. The chart shows your number.`;
-	ke.has(r) || (ke.add(r), console.warn(r));
-}, je = {
+}), Ve = Be(!1), He = Be(!0), Ue = /* @__PURE__ */ new Set(), We = (e, t) => {
+	if (Math.abs(e - t) <= Math.abs(t) / 100) return;
+	let n = `[${f}] A total reads ${e}, but the steps before it add up to ${Number(t.toFixed(6))}. The chart shows your number.`;
+	Ue.has(n) || (Ue.add(n), console.warn(n));
+}, Ge = {
 	segments: (e) => {
 		let t = 0, n = !1;
 		return e.map((e) => {
-			if (e.isTotal) return n && Ae(e.value, t), n = !1, t = e.value, {
+			if (e.isTotal) return n && We(e.value, t), n = !1, t = e.value, {
 				...e,
 				from: 0,
 				to: e.value,
@@ -895,69 +925,69 @@ var Te = (e) => e.map((e) => ({
 	},
 	breakable: !0,
 	headroom: ({ labelHeight: e, badgeHeight: t, hasAnnotations: n, unit: r }) => e + 6 * r + (n ? t * 1.6 : 0),
-	draw({ segments: e, cx: t, y: n, barWidth: a, height: o, unit: s, svg: c, values: l, breakAt: u, insideAlign: d }) {
-		let f = n(0), p = le(l, a, s), m = d ?? "center", h = e.map((t, r) => {
-			let i = n(Math.max(t.from, t.to)), a = Math.abs(n(t.from) - n(t.to)), o = u !== null && Math.min(t.from, t.to) < u && Math.max(t.from, t.to) > u, c = t.kind === "total" && r > 0 && r === e.length - 1;
+	draw({ segments: e, cx: t, y: n, barWidth: r, height: i, unit: a, svg: o, values: s, breakAt: c, insideAlign: l }) {
+		let u = n(0), d = Te(s, r, a), f = l ?? "center", p = e.map((t, r) => {
+			let i = n(Math.max(t.from, t.to)), o = Math.abs(n(t.from) - n(t.to)), l = c !== null && Math.min(t.from, t.to) < c && Math.max(t.from, t.to) > c, u = t.kind === "total" && r > 0 && r === e.length - 1;
 			return {
 				top: i,
-				length: a,
-				down: t.kind === "down" || t.kind === "total" && (c ? t.to >= 0 : t.to < 0),
-				inside: !o && !p && J(l[r], a, s)
+				length: o,
+				down: t.kind === "down" || t.kind === "total" && (u ? t.to >= 0 : t.to < 0),
+				inside: !l && !d && Ee(s[r], o, a)
 			};
-		}), g = l[0] ? W(l[0]).height * s * .56 : 0, v = Infinity;
-		for (let [e, t] of h.entries()) t.inside && (v = Math.min(v, (a - W(l[e]).width * s) / 2));
-		let b = e.length, S = (e, t, n = !1) => `--start:${(e / b).toFixed(4)}; --span:${(t / b).toFixed(4)}; --ease:${n ? y : "linear"};`;
-		e.forEach((r, i) => {
-			let o = e[i + 1];
-			if (!o) return;
-			let s = n(r.to), l = t(i) + a / 2, u = t(i + 1) - a / 2;
-			c.appendChild(w("line", {
-				class: "tablechart-connector",
+		}), m = s[0] ? N(s[0]).height * a * .56 : 0, h = Infinity;
+		for (let [e, t] of p.entries()) t.inside && (h = Math.min(h, (r - N(s[e]).width * a) / 2));
+		let g = e.length, _ = (e, t, n = !1) => `--start:${(e / g).toFixed(4)}; --span:${(t / g).toFixed(4)}; --ease:${n ? K : "linear"};`;
+		e.forEach((i, a) => {
+			let s = e[a + 1];
+			if (!s) return;
+			let c = n(i.to), l = t(a) + r / 2, u = t(a + 1) - r / 2;
+			o.appendChild(L("line", {
+				class: v,
 				x1: l,
 				x2: u,
-				y1: s,
-				y2: s,
-				"data-row": i + 2,
-				style: `${x("--i", o.slot)}; ${S(i + 1, 1 / 3)}`
+				y1: c,
+				y2: c,
+				"data-row": a + 2,
+				style: `${J("--i", s.slot)}; ${_(a + 1, 1 / 3)}`
 			}));
-		}), e.forEach((n, i) => {
-			let { top: u, length: d, down: f, inside: p } = h[i];
-			c.appendChild(w("rect", {
-				class: T(r, n),
+		}), e.forEach((n, c) => {
+			let { top: l, length: u, down: d, inside: v } = p[c];
+			o.appendChild(L("rect", {
+				class: M(G, n),
 				"data-kind": n.kind,
-				"data-row": i + 1,
-				"data-grow": f ? "down" : "up",
-				x: t(i) - a / 2,
-				y: u,
-				width: a,
-				height: Math.max(d, 1),
-				style: `${x("--i", n.slot)}; ${S(i, 1, i === e.length - 1)}`
+				"data-row": c + 1,
+				"data-grow": d ? "down" : "up",
+				x: t(c) - r / 2,
+				y: l,
+				width: r,
+				height: Math.max(u, 1),
+				style: `${J("--i", n.slot)}; ${_(c, 1, c === e.length - 1)}`
 			}));
-			let y = l[i];
-			y.style.setProperty("--start", (i / b).toFixed(4)), y.style.setProperty("--span", (1 / b).toFixed(4));
-			let C = Math.min(v, (d - g) / 2), E = u + C + g / 2, O = u + d - C - g / 2, k = m === "center" ? u + d / 2 : m === "end" === f ? O : E;
-			y.dataset.place = p ? "inside" : "outside", y.dataset.kind = n.kind;
-			let A = p ? k : n.kind === "down" ? u + d + W(y).height * s + 3 * s : u - 3 * s;
-			D(y, t(i), A, _, o);
-		}), c.appendChild(w("line", {
-			class: i,
+			let y = s[c];
+			y.style.setProperty("--start", (c / g).toFixed(4)), y.style.setProperty("--span", (1 / g).toFixed(4));
+			let b = Math.min(h, (u - m) / 2), x = l + b + m / 2, S = l + u - b - m / 2, C = f === "center" ? l + u / 2 : f === "end" === d ? S : x;
+			y.dataset.place = v ? "inside" : "outside", y.dataset.kind = n.kind;
+			let T = v ? C : n.kind === "down" ? l + u + N(y).height * a + 3 * a : l - 3 * a;
+			A(y, t(c), T, w, i);
+		}), o.appendChild(L("line", {
+			class: x,
 			x1: 0,
-			x2: _,
-			y1: f,
-			y2: f
+			x2: w,
+			y1: u,
+			y2: u
 		}));
 	}
-}, X = {
+}, Z = {
 	enabled: !1,
-	log(...t) {
-		X.enabled && console.log(`[${e}]`, ...t);
+	log(...e) {
+		Z.enabled && console.log(`[${f}]`, ...e);
 	},
-	timed(t, n, r) {
-		if (!X.enabled) return r();
-		let i = performance.now(), a = r(), o = performance.now() - i, s = n.querySelectorAll("tbody tr").length;
-		return o > 50 ? console.warn(`[${e}] ${t} took ${o.toFixed(1)} ms for ${s} rows, more than 50 ms.`, n) : X.log(`${t} took ${o.toFixed(1)} ms for ${s} rows.`, n), a;
+	timed(e, t, n) {
+		if (!Z.enabled) return n();
+		let r = performance.now(), i = n(), a = performance.now() - r, o = t.querySelectorAll("tbody tr").length;
+		return a > 50 ? console.warn(`[${f}] ${e} took ${a.toFixed(1)} ms for ${o} rows, more than 50 ms.`, t) : Z.log(`${e} took ${a.toFixed(1)} ms for ${o} rows.`, t), i;
 	}
-}, Me = (e) => {
+}, Ke = (e) => {
 	let t = (e?.textContent || "").trim(), n = t.match(/^(.*?)(-?\d+(?:[.,]\d+)?)(.*)$/);
 	return {
 		raw: t,
@@ -967,9 +997,9 @@ var Te = (e) => e.map((e) => ({
 		missing: !n,
 		value: n ? Number.parseFloat(n[2].replace(",", ".")) : 0
 	};
-}, Ne = (e, t = "data-i18n") => Array.from(e.querySelectorAll("tbody tr")).map((e, n) => {
-	let r = e.querySelector("th"), i = Array.from(e.querySelectorAll("td")).map(Me);
-	return i.length || i.push(Me(null)), {
+}, qe = (e, t = "data-i18n") => Array.from(e.querySelectorAll("tbody tr")).map((e, n) => {
+	let r = e.querySelector("th"), i = Array.from(e.querySelectorAll("td")).map(Ke);
+	return i.length || i.push(Ke(null)), {
 		...i[0],
 		label: (r?.textContent || "").trim(),
 		key: t && r?.getAttribute(t) || null,
@@ -978,8 +1008,8 @@ var Te = (e) => e.map((e) => ({
 		isTotal: e.getAttribute("data-kind") === "total",
 		slot: n
 	};
-}), Pe = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), Fe = (e) => e === "dashed" || e === "dotted" ? e : null, Ie = (e, t, n = "data-i18n") => {
-	let r = Pe(e), i = Math.max(1, N(t.map((e) => e.cells.length)));
+}), Je = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), Ye = (e) => e === "dashed" || e === "dotted" ? e : null, Xe = (e, t, n = "data-i18n") => {
+	let r = Je(e), i = Math.max(1, U(t.map((e) => e.cells.length)));
 	return Array.from({ length: i }, (e, t) => {
 		let i = r[t];
 		return {
@@ -987,33 +1017,84 @@ var Te = (e) => e.map((e) => ({
 			key: n && i?.getAttribute(n) || null,
 			focus: i?.getAttribute("data-kind") === "focus",
 			marker: i?.getAttribute("data-marker") ?? null,
-			line: Fe(i?.getAttribute("data-line"))
+			line: Ye(i?.getAttribute("data-line")),
+			group: !!i?.hasAttribute("data-group")
 		};
 	});
-}, Le = (t, n) => {
-	if (!n) return;
-	let r = /* @__PURE__ */ new Map();
-	for (let i of t) {
-		let t = i.getAttribute("data-chart-keys") || null;
-		if (!t) continue;
-		if (r.has(t)) {
-			let n = r.get(t) + 1;
-			r.set(t, n), console.warn(`[${e}] Two charts have data-chart-keys="${t}", so this one uses "${t}-${n}" to keep their translations apart.`), t = `${t}-${n}`;
-		} else r.set(t, 1);
-		i.querySelectorAll("tbody th").forEach((e, r) => {
-			e.getAttribute(n) || e.setAttribute(n, `${t}-row${r + 1}`);
+}, Ze = (e, t) => {
+	if (!t) return;
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = r.getAttribute("data-chart-keys") || null;
+		if (!e) continue;
+		if (n.has(e)) {
+			let t = n.get(e) + 1;
+			n.set(e, t), console.warn(`[${f}] Two charts have data-chart-keys="${e}", so this one uses "${e}-${t}" to keep their translations apart.`), e = `${e}-${t}`;
+		} else n.set(e, 1);
+		r.querySelectorAll("tbody th").forEach((n, r) => {
+			n.getAttribute(t) || n.setAttribute(t, `${e}-row${r + 1}`);
 		});
-		let a = Pe(i);
-		a.length > 1 && a.forEach((e, r) => {
-			e.getAttribute(n) || e.setAttribute(n, `${t}-col${r + 1}`);
-		}), X?.log?.(`Keys for "${t}" written onto ${i.querySelectorAll("tbody th").length} rows`);
+		let i = Je(r);
+		i.length > 1 && i.forEach((n, r) => {
+			n.getAttribute(t) || n.setAttribute(t, `${e}-col${r + 1}`);
+		}), i.forEach((n, i) => {
+			if (!n.hasAttribute("data-group")) return;
+			let a = [];
+			r.querySelectorAll(`tbody tr > td:nth-of-type(${i + 1})`).forEach((n) => {
+				let r = (n.textContent || "").trim();
+				a.includes(r) || a.push(r), n.getAttribute(t) || n.setAttribute(t, `${e}-group${a.indexOf(r) + 1}`);
+			});
+		}), Z?.log?.(`Keys for "${e}" written onto ${r.querySelectorAll("tbody th").length} rows`);
 	}
-}, Re = [
+}, Qe = (e) => Number(e.toPrecision(12)), $e = (e, t) => {
+	let n = e / Math.max(1, t) || 1, r = 10 ** Math.floor(Math.log10(n)), i = n / r;
+	return Qe((i < 1.42 ? 1 : i < 3.17 ? 2 : i < 7.08 ? 5 : 10) * r);
+}, et = (e, t, n) => {
+	let r = [];
+	for (let i = Math.ceil(e / n - 1e-9); i * n <= t + n * 1e-9; i++) r.push(Qe(i * n));
+	return r;
+}, tt = (e, t = e) => {
+	do {
+		let t = Math.round(e / 10 ** Math.floor(Math.log10(e) + 1e-9));
+		e = Qe(e * (t === 2 ? 2.5 : 2));
+	} while (Math.abs(e / t - Math.round(e / t)) > 1e-9);
+	return e;
+}, nt = (e) => {
+	let t = (e ?? "").trim().split(/\s+/).map(Number.parseFloat);
+	return t.length > 1 && t.every(Number.isFinite) ? t.sort((e, t) => e - t) : null;
+}, rt = (e, t, n) => {
+	if (n && n.length > 2) return {
+		min: n[0],
+		max: n[n.length - 1],
+		step: 0,
+		ticks: n
+	};
+	let r = n?.[0] ?? -U(e.map((e) => -e)), i = n?.[1] ?? U(e);
+	if (!n) {
+		let e = (i - r || Math.abs(i) || 1) * .05;
+		r -= e, i += e;
+	}
+	let a = $e(i - r, t);
+	return {
+		min: r,
+		max: i,
+		step: a,
+		ticks: et(r, i, a)
+	};
+}, it = (e, t) => {
+	let { step: n, ticks: r } = e;
+	for (; n && r.length > 2 && !t(r);) n = tt(n, e.step), r = et(e.min, e.max, n);
+	return {
+		...e,
+		step: n,
+		ticks: r
+	};
+}, at = [
 	"axis-break",
 	"trend",
 	"bracket"
-], ze = (e) => {
-	let t = e.hasAttribute("data-fragment"), n = Array.from(e.querySelectorAll("tbody tr")), r = Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), i = Array.from(e.querySelectorAll("[data-annotation]")).filter((e) => Re.includes(e.getAttribute("data-annotation") ?? "")), a = (e) => e.hasAttribute("data-fragment"), o = n.map((e) => Array.from(e.querySelectorAll(":scope > td")));
+], ot = (e) => {
+	let t = e.hasAttribute("data-fragment"), n = Array.from(e.querySelectorAll("tbody tr")), r = Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), i = Array.from(e.querySelectorAll("[data-annotation]")).filter((e) => at.includes(e.getAttribute("data-annotation") ?? "")), a = (e) => e.hasAttribute("data-fragment"), o = n.map((e) => Array.from(e.querySelectorAll(":scope > td")));
 	if (!t && !n.some(a) && !r.some(a) && !o.flat().some(a) && !i.some(a)) return null;
 	let s = [], c = /* @__PURE__ */ new Map(), l = [], u = (e) => {
 		let t = e === null ? void 0 : c.get(e);
@@ -1071,7 +1152,7 @@ var Te = (e) => e.map((e) => ({
 		count: s.length,
 		indexes: s
 	};
-}, Be = (e) => {
+}, st = (e) => {
 	let t = e.plan;
 	if (!t) return;
 	let n = (t) => t === null || e.step - t >= 1;
@@ -1082,90 +1163,90 @@ var Te = (e) => e.map((e) => ({
 		let u = r.hasAttribute("data-flat") ? (l - e + 1) / (i - e + 1) : i > e ? Math.max(0, l - e) / (i - e) : 0;
 		r.style.setProperty("--reveal", String(u));
 	}
-}, Ve = (e) => {
+}, ct = (e) => {
 	let t = e.plan;
 	if (!t) return;
-	let n = t.rows.length - 1, i = (e) => t.series.map((n, r) => t.cells[e]?.[r]?.step ?? n.step ?? t.rows[e]?.step ?? null), a = (e) => {
-		let t = i(e);
+	let n = t.rows.length - 1, r = (e) => t.series.map((n, r) => t.cells[e]?.[r]?.step ?? n.step ?? t.rows[e]?.step ?? null), i = (e) => {
+		let t = r(e);
 		return t.some((e) => e === null) ? null : Math.min(...t);
-	}, o = new Set(e.totals), c = (e, t, n, r) => {
+	}, a = new Set(e.totals), o = (e, t, n, r) => {
 		e.style.setProperty(n, String(r)), e.style.removeProperty("--d"), t === null ? e.style.removeProperty("--step") : e.style.setProperty("--step", String(t));
 	};
-	for (let r of e.figure.querySelectorAll("[data-row], [data-series], [data-note]")) {
-		if (r.closest("table, .tablechart-controls") || r.hasAttribute("data-from")) continue;
-		let e = Number(r.dataset.note);
+	for (let s of e.figure.querySelectorAll("[data-row], [data-series], [data-note]")) {
+		if (s.closest("table, .tablechart-controls") || s.hasAttribute("data-from")) continue;
+		let e = Number(s.dataset.note);
 		if (e > 0) {
 			let n = t.notes[e - 1];
-			n && c(r, n.step, "--after", n.after);
+			n && o(s, n.step, "--after", n.after);
 			continue;
 		}
-		let s = r.dataset.row ? Number(r.dataset.row) - 1 : n;
-		if (r.classList.contains("tablechart-connector")) {
-			let e = t.rows[s - 1], n = t.rows[s];
+		let c = s.dataset.row ? Number(s.dataset.row) - 1 : n;
+		if (s.classList.contains("tablechart-connector")) {
+			let e = t.rows[c - 1], n = t.rows[c];
 			if (e && n) {
 				let t = (e.step ?? -1) > (n.step ?? -1);
-				c(r, t ? e.step : n.step, "--i", t ? e.slot + 1 : n.slot);
+				o(s, t ? e.step : n.step, "--i", t ? e.slot + 1 : n.slot);
 			}
 			continue;
 		}
-		if (o.has(r)) {
-			let e = i(s).filter((e) => e !== null);
-			c(r, e.length ? Math.max(...e) : null, "--i", t.rows[s]?.slot ?? 0);
+		if (a.has(s)) {
+			let e = r(c).filter((e) => e !== null);
+			o(s, e.length ? Math.max(...e) : null, "--i", t.rows[c]?.slot ?? 0);
 			continue;
 		}
-		if (r.hasAttribute("data-stack")) {
-			c(r, a(s), "--i", t.rows[s]?.slot ?? 0);
+		if (s.hasAttribute("data-stack")) {
+			o(s, i(c), "--i", t.rows[c]?.slot ?? 0);
 			continue;
 		}
-		let l = r.dataset.series ? Number(r.dataset.series) - 1 : 0, u = r.dataset.series ? t.series[l] : void 0;
-		if (r.classList.contains("tablechart-piece")) {
-			let e = i(s)[l] ?? null, n = t.cells[s]?.[l];
-			c(r, e === a(s) ? null : e, "--i", n && n.step !== null ? n.slot : s);
+		let l = s.dataset.series ? Number(s.dataset.series) - 1 : 0, u = s.dataset.series ? t.series[l] : void 0;
+		if (s.classList.contains("tablechart-piece")) {
+			let e = r(c)[l] ?? null, n = t.cells[c]?.[l];
+			o(s, e === i(c) ? null : e, "--i", n && n.step !== null ? n.slot : c);
 			continue;
 		}
-		if (r.dataset.place === "legend") {
+		if (s.dataset.place === "legend") {
 			let e = Math.min(...t.cells.map((e) => e[l]?.step ?? Infinity));
-			c(r, u?.step ?? (Number.isFinite(e) ? e : null), "--i", 0);
+			o(s, u?.step ?? (Number.isFinite(e) ? e : null), "--i", 0);
 			continue;
 		}
-		let d = t.cells[s]?.[l];
-		d && d.step !== null ? c(r, d.step, "--i", d.slot) : u && u.step !== null ? c(r, u.step, "--i", s) : t.rows[s] && c(r, t.rows[s].step, "--i", t.rows[s].slot);
+		let d = t.cells[c]?.[l];
+		d && d.step !== null ? o(s, d.step, "--i", d.slot) : u && u.step !== null ? o(s, u.step, "--i", c) : t.rows[c] && o(s, t.rows[c].step, "--i", t.rows[c].slot);
 	}
-	let l = e.figure.querySelector(`.${u}`);
-	if (l) {
+	let s = e.figure.querySelector(`.${W}`);
+	if (s) {
 		let e = [...t.rows, ...t.cells.flat()].map((e) => e.step ?? -1), n = Math.max(-1, ...e);
-		n < 0 ? c(l, null, "--i", 0) : c(l, n, "--i", e.filter((e) => e === n).length);
+		n < 0 ? o(s, null, "--i", 0) : o(s, n, "--i", e.filter((e) => e === n).length);
 	}
-	let d = [...t.rows, ...t.cells.flat()].map((e) => e.slot + 1), f = t.series.some((e) => e.step !== null) ? t.rows.length : 1;
-	e.plot.style.setProperty("--count", String(Math.max(f, ...d)));
-	let p = e.figure.querySelectorAll(`.${r}`), m = p[p.length - 1];
-	if (e.figure.dataset.chart === "waterfall" && m?.dataset.kind === "total" && p.length > 1) {
-		let e = Number(m.dataset.row) - 1;
-		(t.rows[e - 1]?.step ?? -1) > (t.rows[e]?.step ?? -1) && (m.dataset.grow = m.dataset.grow === "down" ? "up" : "down");
+	let c = [...t.rows, ...t.cells.flat()].map((e) => e.slot + 1), l = t.series.some((e) => e.step !== null) ? t.rows.length : 1;
+	e.plot.style.setProperty("--count", String(Math.max(l, ...c)));
+	let u = e.figure.querySelectorAll(`.${G}`), d = u[u.length - 1];
+	if (e.figure.dataset.chart === "waterfall" && d?.dataset.kind === "total" && u.length > 1) {
+		let e = Number(d.dataset.row) - 1;
+		(t.rows[e - 1]?.step ?? -1) > (t.rows[e]?.step ?? -1) && (d.dataset.grow = d.dataset.grow === "down" ? "up" : "down");
 	}
-	let h = Array.from(e.figure.querySelectorAll(`.${s}`));
-	if (h.length) {
-		let t = (e) => e.style.getPropertyValue("--step") || "none", n = (e) => Number(e.style.getPropertyValue("--share") || 0), r = h.length, i = Math.max(0, h.findIndex((e, n) => t(e) !== t(h[(n - 1 + r) % r]))), a = [];
+	let f = Array.from(e.figure.querySelectorAll(`.${V}`));
+	if (f.length) {
+		let t = (e) => e.style.getPropertyValue("--step") || "none", n = (e) => Number(e.style.getPropertyValue("--share") || 0), r = f.length, i = Math.max(0, f.findIndex((e, n) => t(e) !== t(f[(n - 1 + r) % r]))), a = [];
 		for (let e = 0; e < r; e++) {
-			let n = h[(i + e) % r], o = a[a.length - 1];
+			let n = f[(i + e) % r], o = a[a.length - 1];
 			o && t(o[0]) === t(n) ? o.push(n) : a.push([n]);
 		}
 		let o = /* @__PURE__ */ new Map();
 		for (let e of a) {
 			let t = e.reduce((e, t) => e + n(t), 0), r = 0;
-			for (let i of e) o.set(i.dataset.row ?? "", b(r, n(i), t)), r += n(i);
+			for (let i of e) o.set(i.dataset.row ?? "", q(r, n(i), t)), r += n(i);
 		}
 		for (let t of e.figure.querySelectorAll("[data-row]")) {
 			let e = o.get(t.dataset.row ?? "");
 			e && t.style.getPropertyValue("--start") && (t.style.setProperty("--start", e.start.toFixed(4)), t.style.setProperty("--span", e.span.toFixed(4)), t.classList.contains("tablechart-slice") && t.style.setProperty("--ease", e.easing));
 		}
 	}
-	Be(e);
-}, He = (e, t, n = !1) => {
+	st(e);
+}, lt = (e, t, n = !1) => {
 	let r = e.plan;
 	if (!r) return;
 	let i = Math.min(Math.max(Math.round(t), 0), r.count), a = i !== e.step;
-	e.step = i, e.figure.style.setProperty("--_step", String(i)), Be(e);
+	e.step = i, e.figure.style.setProperty("--_step", String(i)), st(e);
 	let [o, s] = e.controls?.querySelectorAll("button") ?? [];
 	o && (o.disabled = i === 0), s && (s.disabled = i === r.count), a && !n && e.figure.dispatchEvent(new CustomEvent("tablechart:step", {
 		bubbles: !0,
@@ -1174,43 +1255,43 @@ var Te = (e) => e.map((e) => ({
 			steps: r.count
 		}
 	}));
-}, Ue = (e, t, n) => {
+}, ut = (e, t, n) => {
 	let r = document.createElement("div");
-	r.className = "tablechart-controls";
-	let i = (r) => {
+	r.className = i;
+	let a = (r) => {
 		let i = document.createElement("button");
 		i.type = "button", i.className = `tablechart-${r}`, i.dataset.go = r;
 		let a = document.createElement("span");
 		a.className = "tablechart-control-icon", a.setAttribute("aria-hidden", "true");
-		let o = w("svg", {
+		let o = L("svg", {
 			viewBox: "0 0 16 16",
 			focusable: "false"
 		});
-		o.appendChild(w("path", { d: r === "next" ? "M6 3l5 5-5 5" : "M10 3L5 8l5 5" })), a.appendChild(o);
+		o.appendChild(L("path", { d: r === "next" ? "M6 3l5 5-5 5" : "M10 3L5 8l5 5" })), a.appendChild(o);
 		let s = document.createElement("span");
 		s.className = "tablechart-control-label", s.textContent = e[r];
-		let c = t[r];
-		c && n && s.setAttribute(n, c);
-		let l = document.createElement("span");
-		return l.className = p, l.textContent = e.hint, t.hint && n && l.setAttribute(n, t.hint), i.append(...r === "next" ? [
+		let l = t[r];
+		l && n && s.setAttribute(n, l);
+		let u = document.createElement("span");
+		return u.className = c, u.textContent = e.hint, t.hint && n && u.setAttribute(n, t.hint), i.append(...r === "next" ? [
 			s,
-			l,
+			u,
 			a
 		] : [
 			a,
 			s,
-			l
+			u
 		]), i;
 	};
-	return r.append(i("previous"), i("next")), r;
-}, We = (e, t, n, r = {
+	return r.append(a("previous"), a("next")), r;
+}, dt = (e, t, n, r = {
 	x: 0,
 	y: 0,
 	scale: 1
 }, i = 2, a = 8, o = 12) => {
 	let s = e.getBoundingClientRect(), c = s.width, l = s.height, u = Number.parseFloat(getComputedStyle(e).borderLeftWidth) || 0, d = t.getBoundingClientRect().height / 2 + (i - u) * r.scale, f = o * r.scale, { clientWidth: p, clientHeight: m } = document.documentElement, h = n.top - a, g = m - n.bottom - a, _ = l + d <= h ? !0 : l + d <= g ? !1 : h >= g, v = _ ? n.top - d - l : n.bottom + d, y = n.left + n.width / 2, b = Math.max(a, Math.min(y - c / 2, p - c - a));
 	e.style.left = `${(b - r.x) / r.scale}px`, e.style.top = `${(Math.max(a, Math.min(v, m - l - a)) - r.y) / r.scale}px`, e.dataset.side = _ ? "top" : "bottom", t.style.left = `${Math.max(f, Math.min(y - b, c - f)) / r.scale - u}px`;
-}, Ge = "tablechart-tooltip", Ke = [
+}, ft = "tablechart-tooltip", pt = [
 	"--tablechart-surface",
 	"--tablechart-tooltip-surface",
 	"--tablechart-tooltip-color",
@@ -1218,51 +1299,51 @@ var Te = (e) => e.map((e) => ({
 	"--tablechart-tooltip-radius",
 	"--tablechart-tooltip-padding",
 	"--tablechart-tooltip-shadow"
-], Z = null, qe, Je, Q = null, Ye = null, Xe = 0, $ = () => {
-	clearTimeout(Xe), Z && Q && (Z.hidden = !0, Q = null, Ye = null);
-}, Ze = !1, Qe = !0, $e = NaN, et = NaN, tt = !1, nt = () => {
-	if (tt) return;
-	tt = !0, document.addEventListener("pointermove", (e) => {
-		e.pointerType === "mouse" && (Qe = e.screenX !== $e || e.screenY !== et, $e = e.screenX, et = e.screenY, Qe && (Ze = !1));
+], Q = null, mt, ht, $ = null, gt = null, _t = 0, vt = () => {
+	clearTimeout(_t), Q && $ && (Q.hidden = !0, $ = null, gt = null);
+}, yt = !1, bt = !0, xt = NaN, St = NaN, Ct = !1, wt = () => {
+	if (Ct) return;
+	Ct = !0, document.addEventListener("pointermove", (e) => {
+		e.pointerType === "mouse" && (bt = e.screenX !== xt || e.screenY !== St, xt = e.screenX, St = e.screenY, bt && (yt = !1));
 	}, {
 		capture: !0,
 		passive: !0
 	});
 	let e = () => {
-		Ze = !0, $();
+		yt = !0, vt();
 	};
 	document.addEventListener("keydown", e, !0), window.addEventListener("scroll", e, {
 		capture: !0,
 		passive: !0
 	});
-}, rt = (e, t) => t / Number.parseFloat(getComputedStyle(e).width) || 1, it = (e) => {
+}, Tt = (e, t) => t / Number.parseFloat(getComputedStyle(e).width) || 1, Et = (e) => {
 	let t = e.tooltipparent;
 	return (typeof t == "string" ? document.querySelector(t) : t) ?? document.body;
-}, at = () => {
-	clearTimeout(Xe), Xe = window.setTimeout($, 120);
-}, ot = () => {
+}, Dt = () => {
+	clearTimeout(_t), _t = window.setTimeout(vt, 120);
+}, Ot = () => {
 	let e = document.createElement("div");
-	return e.className = Ge, e.setAttribute("aria-hidden", "true"), e.hidden = !0, qe = document.createElement("div"), Je = document.createElement("div"), Je.className = `${Ge}-arrow`, e.append(qe, Je), document.body.append(e), e.addEventListener("pointerenter", () => clearTimeout(Xe)), e.addEventListener("pointerleave", (e) => e.pointerType === "mouse" && at()), document.addEventListener("pointerdown", (t) => {
+	return e.className = ft, e.setAttribute("aria-hidden", "true"), e.hidden = !0, mt = document.createElement("div"), ht = document.createElement("div"), ht.className = `${ft}-arrow`, e.append(mt, ht), document.body.append(e), e.addEventListener("pointerenter", () => clearTimeout(_t)), e.addEventListener("pointerleave", (e) => e.pointerType === "mouse" && Dt()), document.addEventListener("pointerdown", (t) => {
 		let n = t.target;
-		Q && !Q.plot.contains(n) && !e.contains(n) && $();
-	}), window.addEventListener("resize", $), e;
-}, st = (e, t) => {
+		$ && !$.plot.contains(n) && !e.contains(n) && vt();
+	}), window.addEventListener("resize", vt), e;
+}, kt = (e, t) => {
 	let n = t ? t.style.getPropertyValue("--step") : "x";
 	return n === "" || Number(n) < e.step;
-}, ct = (e, t) => {
+}, At = (e, t) => {
 	let n = e.svg.querySelector(`[data-series="${t + 1}"]:not(.tablechart-hole)`);
 	if (!n) return;
 	let r = getComputedStyle(n);
 	return r.fill && r.fill !== "none" ? r.fill : r.stroke;
-}, lt = (e, t, n) => {
+}, jt = (e, t, n) => {
 	let r = e.series.length > 1, i = [];
 	for (let [n, a] of e.seriesValues.entries()) {
-		if (!st(e, a[t])) continue;
+		if (!kt(e, a[t])) continue;
 		let o = r ? e.figure.querySelector(`.tablechart-name[data-series="${n + 1}"]`) : null;
 		i.push({
 			name: r ? o?.textContent ?? e.series[n].name : "",
 			value: a[t].textContent ?? "",
-			colour: r ? ct(e, n) : void 0,
+			colour: r ? At(e, n) : void 0,
 			sample: o ? {
 				marker: o.dataset.marker ?? null,
 				open: o.hasAttribute("data-open"),
@@ -1272,11 +1353,11 @@ var Te = (e) => e.map((e) => ({
 		});
 	}
 	let a = e.totals[t];
-	return i.length > 1 && st(e, a) && i.push({
+	return i.length > 1 && kt(e, a) && i.push({
 		name: n.totallabel,
 		value: a.textContent ?? ""
 	}), i;
-}, ut = (e, t) => {
+}, Mt = (e, t) => {
 	if (e.type.centre && e.values[t]) return e.values[t].getBoundingClientRect();
 	let n = e.svg.querySelectorAll(`[data-row="${t + 1}"]:not(.tablechart-connector, .tablechart-leader)`), r = null;
 	for (let e of n) {
@@ -1291,46 +1372,46 @@ var Te = (e) => e.map((e) => ({
 		100
 	];
 	return new DOMRect(i.left + i.width * a / 100, i.top + i.height * o / 100, i.width * s / 100, i.height * c / 100);
-}, dt = (e, t, n) => {
-	if (clearTimeout(Xe), Q === e && Ye === t) return;
-	let r = (e.type.tooltip ?? lt)(e, t, n);
-	if (!r.length) return $();
-	Q && Q !== e && $(), Z ?? (Z = ot());
+}, Nt = (e, t, n) => {
+	if (clearTimeout(_t), $ === e && gt === t) return;
+	let r = (e.type.tooltip ?? jt)(e, t, n);
+	if (!r.length) return vt();
+	$ && $ !== e && vt(), Q ?? (Q = Ot());
 	let i = (e, t, n, r = !1, i) => {
 		let a = document.createElement("div");
-		if (a.className = `${Ge}-line`, n) {
+		if (a.className = `${ft}-line`, n) {
 			let e = document.createElement("span");
-			e.className = `${Ge}-key`, e.style.background = n, i?.box ? e.dataset.sample = "box" : i && (e.dataset.sample = "line", i.marker && (e.dataset.marker = i.marker), i.line && (e.dataset.line = i.line), e.toggleAttribute("data-open", i.open)), a.append(e);
+			e.className = `${ft}-key`, e.style.background = n, i?.box ? e.dataset.sample = "box" : i && (e.dataset.sample = "line", i.marker && (e.dataset.marker = i.marker), i.line && (e.dataset.line = i.line), e.toggleAttribute("data-open", i.open)), a.append(e);
 		}
 		let o = document.createElement("span");
-		if (o.className = `${Ge}-${r ? "title" : "name"}`, o.textContent = e, a.append(o), t) {
+		if (o.className = `${ft}-${r ? "title" : "name"}`, o.textContent = e, a.append(o), t) {
 			e && o.append(":");
 			let n = document.createElement("span");
-			n.className = `${Ge}-value`, n.textContent = t, a.append(n);
+			n.className = `${ft}-value`, n.textContent = t, a.append(n);
 		}
 		return a;
-	}, a = e.categories[t]?.textContent ?? e.rows[t].label, o = r.length === 1 && !r[0].name;
-	qe.replaceChildren(i(a, o ? r[0].value : "", void 0, !0), ...o ? [] : r.map(({ name: e, value: t, colour: n, sample: r }) => i(e, t, n, !1, r)));
-	let s = getComputedStyle(e.figure);
-	for (let e of Ke) {
-		let t = s.getPropertyValue(e).trim();
-		t ? Z.style.setProperty(e, t) : Z.style.removeProperty(e);
+	}, a = e.categories[t]?.textContent ?? e.rows[t].label, o = r.length === 1 && !r[0].name, s = r.every((e) => e.name && !e.value);
+	mt.replaceChildren(...s ? [] : [i(a, o ? r[0].value : "", void 0, !0)], ...o ? [] : r.map(({ name: e, value: t, colour: n, sample: r }) => i(e, t, n, !1, r)));
+	let c = getComputedStyle(e.figure);
+	for (let e of pt) {
+		let t = c.getPropertyValue(e).trim();
+		t ? Q.style.setProperty(e, t) : Q.style.removeProperty(e);
 	}
-	Z.style.setProperty("--_color", s.color), Z.style.colorScheme = s.colorScheme, Z.style.fontFamily = s.fontFamily;
-	let c = it(n);
-	Z.parentElement !== c && c.append(Z), Q = e, Ye = t, Z.hidden = !1, Z.style.left = "0px", Z.style.top = "0px";
-	let l = Z.getBoundingClientRect(), u = {
-		x: l.left,
-		y: l.top,
-		scale: rt(Z, l.width)
-	}, d = rt(e.plot, e.plot.getBoundingClientRect().width);
-	Z.style.fontSize = `${Number.parseFloat(s.fontSize) * d / u.scale}px`, We(Z, Je, ut(e, t), u);
-}, ft = (e, t, n = !1) => {
+	Q.style.setProperty("--_color", c.color), Q.style.colorScheme = c.colorScheme, Q.style.fontFamily = c.fontFamily;
+	let l = Et(n);
+	Q.parentElement !== l && l.append(Q), $ = e, gt = t, Q.hidden = !1, Q.style.left = "0px", Q.style.top = "0px";
+	let u = Q.getBoundingClientRect(), d = {
+		x: u.left,
+		y: u.top,
+		scale: Tt(Q, u.width)
+	}, f = Tt(e.plot, e.plot.getBoundingClientRect().width);
+	Q.style.fontSize = `${Number.parseFloat(c.fontSize) * f / d.scale}px`, dt(Q, ht, Mt(e, t), d);
+}, Pt = (e, t, n = !1) => {
 	let { plot: r } = e;
-	r.setAttribute("data-hover", ""), nt();
+	r.setAttribute("data-hover", ""), wt();
 	let i = (t) => {
 		if (e.rowAt) {
-			let n = r.getBoundingClientRect(), i = rt(r, n.width);
+			let n = r.getBoundingClientRect(), i = Tt(r, n.width);
 			return e.rowAt((t.clientX - n.left) / i, (t.clientY - n.top) / i);
 		}
 		let n = t.target.closest?.("[data-row]")?.getAttribute("data-row");
@@ -1340,13 +1421,13 @@ var Te = (e) => e.map((e) => ({
 		else if (t.getAttribute("data-row") === String(e + 1)) return !0;
 		return !1;
 	}, s = null, c = (a) => {
-		if (a.type === "pointerdown") Ze = !1;
-		else if (a.pointerType === "mouse" && (!Qe || Ze)) return;
+		if (a.type === "pointerdown") yt = !1;
+		else if (a.pointerType === "mouse" && (!bt || yt)) return;
 		if (!r.classList.contains("is-placed") || !e.figure.classList.contains("is-shown")) return;
-		if (n && !e.figure.hasAttribute("data-left-out")) return Q === e ? $() : void 0;
+		if (n && !e.figure.hasAttribute("data-left-out")) return $ === e ? vt() : void 0;
 		let c = i(a);
-		if (s = c, c === null || o(c)) return Q === e ? at() : void 0;
-		dt(e, c, t);
+		if (s = c, c === null || o(c)) return $ === e ? vt() : void 0;
+		Nt(e, c, t);
 	}, l = (t) => {
 		let n = t.target;
 		return e.svg.contains(n) && n.hasAttribute("data-row") ? n : null;
@@ -1360,42 +1441,48 @@ var Te = (e) => e.map((e) => ({
 		if (!r) return;
 		a.delete(r);
 		let i = Number(r.getAttribute("data-row")) - 1;
-		s === i && !o(i) && !Ze && dt(e, i, t);
+		s === i && !o(i) && !yt && Nt(e, i, t);
 	};
 	e.svg.addEventListener("transitionend", u), e.svg.addEventListener("transitioncancel", u), r.addEventListener("pointermove", c), r.addEventListener("pointerdown", c), r.addEventListener("pointerleave", (t) => {
-		t.pointerType === "mouse" && (s = null, Q === e && at());
+		t.pointerType === "mouse" && (s = null, $ === e && Dt());
 	});
-}, pt = (e) => {
-	Q === e && $();
-}, mt = {
-	area: Oe,
-	bar: pe,
-	column: me,
-	donut: _e,
-	line: De,
-	waterfall: je
-}, ht = {
-	"axis-break": M,
-	trend: te,
-	bracket: H
-}, gt = Object.keys(ht), _t = (e) => {
+}, Ft = (e) => {
+	$ === e && vt();
+}, It = {
+	area: He,
+	bar: Ae,
+	column: je,
+	donut: Pe,
+	line: Ve,
+	waterfall: Ge
+}, Lt = (e, t) => {
+	It[e] = t;
+}, Rt = {
+	"axis-break": se,
+	trend: he,
+	bracket: de,
+	reference: pe
+}, zt = Object.keys(Rt), Bt = (e) => {
 	let t = "";
 	for (let n = e.previousSibling; n && (t = (n.textContent ?? "") + t, !t.trim()); n = n.previousSibling);
 	return t.trim();
-}, vt = [
+}, Vt = [
 	"straight",
 	"step",
 	"smooth"
-], yt = (e, t) => {
+], Ht = (e, t, n) => {
+	let r = e.getAttribute(t);
+	return r === null ? n : r !== "false";
+}, Ut = (e, t) => !!t.animate && e.getAttribute("data-chart-animate") !== "false", Wt = (e, t) => {
 	let n = e.dataset.chartShape;
-	return n && vt.includes(n) ? n : vt.includes(t.shape) ? t.shape : "straight";
-}, bt = (e) => {
+	return n && Vt.includes(n) ? n : Vt.includes(t.shape) ? t.shape : "straight";
+}, Gt = (e) => {
 	for (let t of e.querySelectorAll("br")) {
-		if (t.previousElementSibling?.classList.contains("tablechart-sr") || /[.!?:;,…]$/.test(_t(t))) continue;
+		if (t.previousElementSibling?.classList.contains("tablechart-sr") || /[.!?:;,…]$/.test(Bt(t))) continue;
 		let e = document.createElement("span");
-		e.className = p, e.textContent = ". ", t.before(e);
+		e.className = c, e.textContent = ". ", t.before(e);
 	}
-}, xt = (e, t, n) => {
+}, Kt = (e, t, n) => {
 	let r = e.querySelector("table");
 	if (!r) return null;
 	let i = r.querySelector("tfoot [data-chart-total]");
@@ -1406,174 +1493,238 @@ var Te = (e) => e.map((e) => ({
 	s && n.langattribute && o.setAttribute(n.langattribute, `${s}-total`);
 	let c = a.insertCell();
 	return c.setAttribute("data-chart-total", ""), c.dataset.value = t.dataset.value ?? "0", a.prepend(o), c;
-}, St = 0, Ct = (e) => {
+}, qt = 0, Jt = (e) => {
 	let t = e.querySelector(":scope > figcaption");
 	if (!t) return;
-	bt(t);
+	Gt(t);
 	let n = (e) => e.hasAttribute("aria-label") || e.hasAttribute("aria-labelledby"), r = (e) => {
-		t.id || (t.id = `tablechart-caption-${++St}`), e.setAttribute("aria-labelledby", t.id);
+		t.id || (t.id = `tablechart-caption-${++qt}`), e.setAttribute("aria-labelledby", t.id);
 	};
 	e.tagName === "FIGURE" && !n(e) && r(e);
 	let i = e.querySelector("table");
 	i && !n(i) && !i.querySelector(":scope > caption") && r(i);
-}, wt = (r, i, a = null) => {
-	let o = a ?? (r.getAttribute("data-chart") || "column"), s = mt[o];
-	if (!s) return console.warn(`[${e}] Unknown chart type "${o}". Known types: ${Object.keys(mt).join(", ")}.`), r.setAttribute("data-chart-empty", ""), null;
-	let l = Ne(r, i.langattribute);
-	if (!l.length) return console.warn(r.querySelector("table") ? `[${e}] A chart has no rows in its table, so there is nothing to draw.` : `[${e}] A chart has no table, so there is nothing to draw.`, r), r.setAttribute("data-chart-empty", ""), null;
-	Ct(r);
-	let d = Ie(r, l, i.langattribute);
-	d.length > 1 && !s.series && (console.warn(`[${e}] A ${o} chart uses only the first of its ${d.length} value columns.`), d = d.slice(0, 1));
-	let f = d.length > 1;
-	f && r.style.setProperty("--_series-count", String(d.length));
-	let p = r.hasAttribute("data-chart-stack");
-	p && !s.stackable && console.warn(`[${e}] A ${o} chart cannot be stacked.`);
-	let m = p && !!s.stackable && f, h = document.createElement("div");
-	h.className = t, h.setAttribute("aria-hidden", "true");
-	let g = w("svg", {
+}, Yt = (e, t, r = null) => {
+	let i = r ?? (e.getAttribute("data-chart") || "column"), a = It[i];
+	if (!a) return console.warn(`[${f}] Unknown chart type "${i}". Known types: ${Object.keys(It).join(", ")}.`), e.setAttribute("data-chart-empty", ""), null;
+	let o = qe(e, t.langattribute);
+	if (!o.length) return console.warn(e.querySelector("table") ? `[${f}] A chart has no rows in its table, so there is nothing to draw.` : `[${f}] A chart has no table, so there is nothing to draw.`, e), e.setAttribute("data-chart-empty", ""), null;
+	Jt(e);
+	let c = Xe(e, o, t.langattribute);
+	c.length > 1 && !a.series && !a.columns && (console.warn(`[${f}] A ${i} chart uses only the first of its ${c.length} value columns.`), c = c.slice(0, 1));
+	let l = c.length > 1;
+	l && e.style.setProperty("--_series-count", String(c.length));
+	let u = e.hasAttribute("data-chart-stack");
+	u && !a.stackable && console.warn(`[${f}] A ${i} chart cannot be stacked.`);
+	let p = u && !!a.stackable && l, m = document.createElement("div");
+	m.className = ie, m.setAttribute("aria-hidden", "true");
+	let h = L("svg", {
 		role: "presentation",
 		focusable: "false"
 	});
-	h.appendChild(g), r.appendChild(h);
-	let _ = s.centre ? l.filter((e) => !e.isTotal) : l, v = Math.max(0, N(_.flatMap((e) => e.cells.slice(0, d.length).map((e) => P(e.number))))), y = d.map((e, t) => l.map((e, r) => {
-		let i = e.cells[t] ?? e.cells[0], a = E(n, h);
-		return a.classList.add(...e.classes), a.dataset.value = String(i.value), i.prefix && (a.dataset.prefix = i.prefix), i.suffix && (a.dataset.suffix = i.suffix), i.missing && (a.dataset.missing = i.raw), f && (a.dataset.series = String(t + 1)), a.dataset.row = String(r + 1), a.style.setProperty("--i", String(e.slot)), a;
-	})), b = y[0], x = m && s.totals ? l.map((e, t) => {
-		let r = E(n, h);
-		r.classList.add(...e.classes), r.dataset.kind = "total", r.dataset.row = String(t + 1), r.dataset.value = String(ae(e, d.length));
-		let i = e.cells[0];
-		return i.prefix && (r.dataset.prefix = i.prefix), i.suffix && (r.dataset.suffix = i.suffix), r.style.setProperty("--i", String(e.slot)), r;
-	}) : [], S = l[l.length - 1], C = d.some((e) => e.focus), T = r.getAttribute("data-chart-legend"), D = f && (T === null ? i.legend || s.legend !== void 0 : T !== "false") ? document.createElement("div") : null;
-	D && (D.className = c, D.setAttribute("aria-hidden", "true"), D.inert = !0);
-	let O = f ? d.map((e, t) => {
-		let n = E("tablechart-name", D ?? h);
-		D && (n.dataset.place = "legend");
-		let a = s.legend ?? s.swatch;
-		if (a && (n.dataset.swatch = a), n.textContent = e.name, !a && yt(r, i) !== "step") {
-			let e = ye(d, t);
-			n.dataset.marker = e.shape, n.toggleAttribute("data-open", e.open);
+	m.appendChild(h), e.appendChild(m);
+	let g = a.centre ? o.filter((e) => !e.isTotal) : o, _ = Math.max(0, U(g.flatMap((e) => e.cells.slice(0, c.length).map((e) => z(e.number))))), v = c.map((e, t) => Math.max(0, U(o.map((e) => z(e.cells[t]?.number ?? ""))))), y = c.map((e, t) => o.map((e, n) => {
+		let r = e.cells[t] ?? e.cells[0], i = k(S, m);
+		return i.classList.add(...e.classes), i.dataset.value = String(r.value), r.prefix && (i.dataset.prefix = r.prefix), r.suffix && (i.dataset.suffix = r.suffix), r.missing && (i.dataset.missing = r.raw), l && (i.dataset.series = String(t + 1)), a.columns && (i.dataset.decimals = String(v[t])), i.dataset.row = String(n + 1), i.style.setProperty("--i", String(e.slot)), i;
+	})), b = y[0], x = p && a.totals ? o.map((e, t) => {
+		let n = k(S, m);
+		n.classList.add(...e.classes), n.dataset.kind = "total", n.dataset.row = String(t + 1), n.dataset.value = String(xe(e, c.length));
+		let r = e.cells[0];
+		return r.prefix && (n.dataset.prefix = r.prefix), r.suffix && (n.dataset.suffix = r.suffix), n.style.setProperty("--i", String(e.slot)), n;
+	}) : [], w = o[o.length - 1], T = c.some((e) => e.focus), E = e.getAttribute("data-chart-legend"), D = l && !a.columns && (E === null ? t.legend || a.legend !== void 0 : E !== "false") ? document.createElement("div") : null;
+	D && (D.className = d, D.setAttribute("aria-hidden", "true"), D.inert = !0);
+	let O = l && !a.columns ? c.map((n, r) => {
+		let i = k(s, D ?? m);
+		D && (i.dataset.place = "legend");
+		let o = a.legend ?? a.swatch;
+		if (o && (i.dataset.swatch = o), i.textContent = n.name, !o && Wt(e, t) !== "step") {
+			let e = R(c, r);
+			i.dataset.marker = e.shape, i.toggleAttribute("data-open", e.open);
 		}
-		return e.line && !a && (n.dataset.line = e.line), e.key && i.langattribute && n.setAttribute(i.langattribute, e.key), n.dataset.series = String(t + 1), n.style.setProperty("--n", String(t)), n.style.setProperty("--palette", `var(--tablechart-color-${t + 1})`), n.style.setProperty("--m", C && !e.focus ? "1" : "0"), n.style.setProperty("--i", String(S.slot)), n;
-	}) : [], k = s.centre ? E(u, h) : null;
-	if (k) {
-		let e = l.find((e) => e.isTotal), t = e ? e.value : l.reduce((e, t) => e + Math.abs(t.value), 0);
-		k.dataset.value = String(t), e && (k.dataset.decimals = String(P(e.number)));
+		return n.line && !o && (i.dataset.line = n.line), n.key && t.langattribute && i.setAttribute(t.langattribute, n.key), i.dataset.series = String(r + 1), i.style.setProperty("--n", String(r)), i.style.setProperty("--palette", `var(--tablechart-color-${r + 1})`), i.style.setProperty("--m", T && !n.focus ? "1" : "0"), i.style.setProperty("--i", String(w.slot)), i;
+	}) : [], A = a.centre ? k(W, m) : null;
+	if (A) {
+		let e = o.find((e) => e.isTotal), t = e ? e.value : o.reduce((e, t) => e + Math.abs(t.value), 0);
+		A.dataset.value = String(t), e && (A.dataset.decimals = String(z(e.number)));
 	}
-	let A = k && !l.some((e) => e.isTotal) ? xt(r, k, i) : null, j = s.categories === "beside", M = document.createElement("div");
-	M.className = "tablechart-categories", M.setAttribute("aria-hidden", "true"), M.inert = !0, j ? M.dataset.place = "beside" : s.centre && (M.dataset.place = "key"), M.style.setProperty("--_columns", String(l.length));
-	let F = 0;
-	for (let [e, t] of l.entries()) {
-		let n = document.createElement("span");
-		n.classList.add(...t.classes), n.textContent = t.label, t.key && i.langattribute && n.setAttribute(i.langattribute, t.key), s.centre && (n.dataset.kind = t.isTotal ? "total" : "slice", t.isTotal || (n.dataset.slice = String(F + 1), n.style.setProperty("--n", String(F)), n.style.setProperty("--palette", `var(--tablechart-color-${F + 1})`), F += 1)), n.style.setProperty("--i", String(t.slot)), n.dataset.row = String(e + 1), M.appendChild(n);
+	let j = A && !o.some((e) => e.isTotal) ? Kt(e, A, t) : null, M = a.categories === "beside", N = document.createElement("div");
+	N.className = n, N.setAttribute("aria-hidden", "true"), N.inert = !0, M ? N.dataset.place = "beside" : a.centre && (N.dataset.place = "key"), N.style.setProperty("--_columns", String(o.length));
+	let P = 0;
+	for (let [e, n] of o.entries()) {
+		let r = document.createElement("span");
+		r.classList.add(...n.classes), r.textContent = n.label, n.key && t.langattribute && r.setAttribute(t.langattribute, n.key), a.centre && (r.dataset.kind = n.isTotal ? "total" : "slice", n.isTotal || (r.dataset.slice = String(P + 1), r.style.setProperty("--n", String(P)), r.style.setProperty("--palette", `var(--tablechart-color-${P + 1})`), P += 1)), r.style.setProperty("--i", String(n.slot)), r.dataset.row = String(e + 1), N.appendChild(r);
 	}
-	(j ? h : r).appendChild(M), D && r.appendChild(D);
-	let I = i.animate ? ze(r) : null;
-	I && r.setAttribute("data-steps", "");
-	let L = r.getAttribute("data-chart-keys"), R = I && i.controls ? Ue({
-		previous: i.previouslabel,
-		next: i.nextlabel,
-		hint: i.stephint
+	(M ? m : e).appendChild(N), D && e.appendChild(D);
+	let F = c.filter((e) => !e.group), I = !a.axes && !a.centre && Ht(e, "data-chart-axis", t.axis), B = a.axes ? {
+		titles: F.slice(0, 2).map((e, n) => {
+			let r = k(`${ne}-title`, m);
+			return r.dataset.axis = n ? "y" : "x", r.textContent = e.name, e.key && t.langattribute && r.setAttribute(t.langattribute, e.key), r;
+		}),
+		ticks: k(`${C}s`, m),
+		numbers: !0
+	} : I || !a.centre && Ht(e, "data-chart-grid", t.grid) ? {
+		titles: [],
+		ticks: k(`${C}s`, m),
+		numbers: I
+	} : null;
+	a.text?.({
+		figure: e,
+		plot: m,
+		rows: o,
+		series: c,
+		config: t
+	});
+	let V = Ut(e, t) && !a.axes ? ot(e) : null;
+	a.axes && e.querySelector("[data-fragment]") && Z.log(`A ${i} chart has no steps, so it is shown whole.`, e), V && e.setAttribute("data-steps", "");
+	let H = e.getAttribute("data-chart-keys"), ee = V && t.controls ? ut({
+		previous: t.previouslabel,
+		next: t.nextlabel,
+		hint: t.stephint
 	}, {
-		previous: L && `${L}-previous`,
-		next: L && `${L}-next`,
-		hint: L && `${L}-step`
-	}, i.langattribute) : null;
-	R && r.appendChild(R);
-	let z = r.getAttribute("data-chart-table"), B = z && Et.includes(z) ? z : i.table;
-	if (B === "never") r.removeAttribute("data-table");
+		previous: H && `${H}-previous`,
+		next: H && `${H}-next`,
+		hint: H && `${H}-step`
+	}, t.langattribute) : null;
+	ee && e.appendChild(ee);
+	let te = e.getAttribute("data-chart-table"), G = te && Zt.includes(te) ? te : t.table;
+	if (G === "never") e.removeAttribute("data-table");
 	else {
-		r.setAttribute("data-table", B);
-		let e = r.querySelector(":scope > table");
-		e && r.append(e);
+		e.setAttribute("data-table", G);
+		let t = e.querySelector(":scope > table");
+		t && e.append(t);
 	}
-	let V = Array.from(r.querySelectorAll("[data-annotation]")).map((t) => {
-		let n = t.getAttribute("data-annotation"), r = ht[n];
-		if (!r) return console.warn(`[${e}] Unknown annotation "${n}". Known annotations: ${Object.keys(ht).join(", ")}.`), null;
-		let i = Number.parseInt(t.getAttribute("data-series") ?? "1", 10), a = i >= 1 && i <= d.length ? i - 1 : 0;
-		return i !== a + 1 && console.warn(`[${e}] An annotation reads line ${i}, which is not there; it reads line 1.`), {
-			spec: t,
-			type: r,
-			badge: r.create(t, h),
-			series: a,
-			after: l.length
+	let re = Array.from(e.querySelectorAll("[data-annotation]")).map((e) => {
+		let t = e.getAttribute("data-annotation"), n = Rt[t];
+		if (!n) return console.warn(`[${f}] Unknown annotation "${t}". Known annotations: ${Object.keys(Rt).join(", ")}.`), null;
+		let r = Number.parseInt(e.getAttribute("data-series") ?? "1", 10), i = r >= 1 && r <= c.length ? r - 1 : 0;
+		return r !== i + 1 && console.warn(`[${f}] An annotation reads line ${r}, which is not there; it reads line 1.`), {
+			spec: e,
+			type: n,
+			badge: n.create(e, m),
+			series: i,
+			after: o.length
 		};
 	}).filter((e) => e !== null);
-	i.animate && r.setAttribute("data-animate", Ot(r, o, i, !!I));
-	let H = {
-		figure: r,
-		plot: h,
-		svg: g,
-		rows: l,
-		decimals: v,
-		type: s,
+	Ut(e, t) && e.setAttribute("data-animate", Qt(e, i, t, !!V));
+	let K = {
+		figure: e,
+		plot: m,
+		svg: h,
+		rows: o,
+		decimals: _,
+		type: a,
 		values: b,
-		series: d,
+		series: c,
 		seriesValues: y,
 		names: D ? [] : O,
-		categories: Array.from(M.children),
-		centre: k,
-		stacked: m,
+		categories: Array.from(N.children),
+		centre: A,
+		axes: B,
+		stacked: p,
 		totals: x,
-		totalCell: A,
+		totalCell: j,
 		rowAt: null,
 		rowBox: null,
-		annotations: V,
+		annotations: re,
 		checks: [],
-		plan: I,
+		plan: V,
 		step: 0,
-		controls: R
+		controls: ee
 	};
-	R?.addEventListener("click", (e) => {
+	ee?.addEventListener("click", (e) => {
 		let t = e.target.closest("button")?.dataset.go;
-		t && He(H, H.step + (t === "next" ? 1 : -1));
-	}), He(H, 0, !0);
-	let U = r.getAttribute("data-chart-tooltip") ?? r.getAttribute("data-chart-hover"), ee = U === "false" ? !1 : U === "auto" ? "auto" : U !== null || i.hover !== !1 && i.tooltip;
-	return ee && ft(H, i, ee === "auto"), Nt(H, i), H;
-}, Tt = {
+		t && lt(K, K.step + (t === "next" ? 1 : -1));
+	}), lt(K, 0, !0);
+	let q = e.getAttribute("data-chart-tooltip"), J = q === "false" ? !1 : q === "auto" ? "auto" : q !== null || t.tooltip;
+	return J && Pt(K, t, J === "auto"), rn(K, t), K;
+}, Xt = {
 	grow: "grow",
 	sweep: "sweep"
-}, Et = [
+}, Zt = [
 	"never",
 	"auto",
 	"print",
 	"always"
-], Dt = {
-	...Tt,
-	up: "grow",
-	across: "sweep"
-}, Ot = (e, t, n, r) => {
-	let i = t === "line" || t === "area", a = i ? Dt : Tt, o = a[e.getAttribute("data-chart-animate") ?? ""] ?? a[String(n.animate)];
-	return i ? r ? "sweep" : o ?? "sweep" : t === "donut" || t === "waterfall" ? o ?? "grow" : "grow";
-}, kt = (e) => {
-	let t = getComputedStyle(e), n = (t.getPropertyValue("--tablechart-value-align") || t.getPropertyValue("--tablechart-inside-align")).trim();
-	return n === "start" || n === "center" || n === "end" ? n : null;
-}, At = (e, t, n, r) => {
+], Qt = (e, t, n, r) => {
+	let i = t === "line" || t === "area", a = Xt[e.getAttribute("data-chart-animate") ?? ""] ?? Xt[String(n.animate)];
+	return i ? r ? "sweep" : a ?? "sweep" : t === "donut" || t === "waterfall" ? a ?? "grow" : "grow";
+}, $t = (e) => {
+	let t = getComputedStyle(e).getPropertyValue("--tablechart-value-align").trim();
+	return t === "start" || t === "center" || t === "end" ? t : null;
+}, en = (e, t, n, r) => {
 	let i = getComputedStyle(e), a = (i.getPropertyValue(n).trim() || r).match(/^(\d+(?:\.\d+)?)(px|%|em|rem)$/);
 	if (!a) return null;
 	let o = Number(a[1]);
-	return a[2] === "%" ? o / 100 * _ : o * (a[2] === "em" ? Number.parseFloat(i.fontSize) : a[2] === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1) * t;
-}, jt = (e, t) => At(e, t, "--tablechart-bar-max", "60px") ?? Infinity, Mt = (t, n) => {
-	let { plot: r, svg: i, rows: a, type: o, values: s, series: c, seriesValues: u, names: d, annotations: p } = t, m = r.clientWidth;
-	if (!m) return !1;
-	let h = _ / m, g = Number.parseFloat(t.figure.dataset.chartAspect ?? ""), v = _ * (g > 0 ? g : o.aspect ?? n.aspect);
-	r.classList.add(f);
-	for (let e of [...u.flat(), ...t.totals]) delete e.dataset.place;
-	r.style.removeProperty("--_fit"), t.categories[0]?.parentElement?.style.removeProperty("--_beside"), ee([
-		...u.flat(),
+	return a[2] === "%" ? o / 100 * w : o * (a[2] === "em" ? Number.parseFloat(i.fontSize) : a[2] === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1) * t;
+}, tn = (e, t) => en(e, t, "--tablechart-bar-max", "60px") ?? Infinity, nn = (t, n) => {
+	let { plot: r, svg: i, rows: a, type: o, values: s, series: c, seriesValues: l, names: u, annotations: d } = t, m = Number.parseFloat(t.figure.dataset.chartAspect ?? ""), h = m > 0 ? m : o.aspect ?? n.aspect, _ = o.categories === "beside", v = t.axes && !o.axes ? t.axes : null, y = _ ? null : t.categories[0]?.parentElement, b = null;
+	if (v) {
+		r.style.margin = "", y && (y.style.marginLeft = "");
+		let e = r.clientWidth;
+		if (!e) return !1;
+		let i = o.segments?.(a) ?? [], s = t.stacked ? a.flatMap((e) => Object.values(be(e, c.length, o.running))) : i.some((e) => e.kind === "up" || e.kind === "down") ? i.flatMap((e) => [e.from, e.to]) : a.flatMap((e) => e.cells.slice(0, c.length).filter((e) => !e.missing).map((e) => e.value)), l = Math.min(0, -U(s.map((e) => -e))), u = Math.max(0, U(s)), d = Number.parseFloat(getComputedStyle(r).fontSize) || 16, { chartScaleY: f, chartScale: p } = t.figure.dataset, m = nt(f ?? p);
+		if (m && m.length > 2) b = {
+			min: m[0],
+			max: m[m.length - 1],
+			step: 0,
+			ticks: m
+		};
+		else {
+			let [t, n] = m ?? [l, u], r = $e(n - t, Math.max((_ ? e / 9 : e * h / 3) / d, 2)), i = (e, t) => m ? e : Number(((t ? Math.ceil : Math.floor)(e / r - 1e-9 * (t ? 1 : -1)) * r).toPrecision(12)), a = i(t, !1), o = i(n, !0);
+			b = {
+				min: a,
+				max: o,
+				step: r,
+				ticks: et(a, o, r)
+			};
+		}
+		v.ticks.textContent = "";
+		let g = a.find((e) => !e.missing), x = U(b.ticks.map((e) => z(String(e))));
+		for (let e of b.ticks) {
+			let t = k(C, v.ticks);
+			t.dataset.value = String(e), t.dataset.place = "none", g?.prefix && (t.dataset.prefix = g.prefix), g?.suffix && (t.dataset.suffix = g.suffix), an(t, x, n.locale);
+		}
+		if (v.numbers) {
+			let e = Array.from(v.ticks.children);
+			for (let t of e) delete t.dataset.place;
+			H(e), _ ? r.style.marginBottom = `${(e[0] ? N(e[0]).height : 0) + 6}px` : (r.style.marginLeft = `${U([0, ...e.map((e) => N(e).width)]) + 10}px`, y && (y.style.marginLeft = r.style.marginLeft));
+		}
+	}
+	let x = r.clientWidth;
+	if (!x) return !1;
+	let S = w / x, T = w * h;
+	r.classList.add(g);
+	for (let e of [...l.flat(), ...t.totals]) delete e.dataset.place;
+	r.style.removeProperty("--_fit"), t.categories[0]?.parentElement?.style.removeProperty("--_beside");
+	let E = o.axes ? t.axes : null, D = [];
+	if (E) {
+		let e = Number.parseFloat(getComputedStyle(r).fontSize) || 16, i = c.flatMap((e, t) => e.group ? [] : [t]).slice(0, 2), o = a.filter((e) => i.every((t) => e.cells[t] && !e.cells[t].missing)), { chartScaleX: s, chartScaleY: l, chartScale: u } = t.figure.dataset, d = [nt(s), nt(l ?? u)];
+		D = i.map((t, n) => rt(o.length ? o.map((e) => e.cells[t].value) : [0, 1], Math.max(n ? T / S / (e * 4) : x / (e * 9), 4), d[n])), E.ticks.textContent = "", D.forEach((e, t) => {
+			let r = o[0]?.cells[i[t]], a = U(e.ticks.map((e) => z(String(e))));
+			for (let i of e.ticks) {
+				let e = k(C, E.ticks);
+				e.dataset.axis = t ? "y" : "x", e.dataset.value = String(i), r?.prefix && (e.dataset.prefix = r.prefix), r?.suffix && (e.dataset.suffix = r.suffix), an(e, a, n.locale);
+			}
+		});
+	}
+	let O = E ? Array.from(E.ticks.children) : [];
+	H([
+		...l.flat(),
 		...t.totals,
-		...d,
+		...u,
 		...t.categories,
-		...p.map((e) => e.badge)
+		...d.map((e) => e.badge),
+		...E?.titles ?? [],
+		...O
 	]);
-	let y = (s[0] ? W(s[0]).height : 0) * h, b = p[0]?.badge ? W(p[0].badge).height * h : 0, x = Math.max(v, At(t.figure, h, "--tablechart-min-height", "200px") ?? 0, o.minHeight?.({
-		labelHeight: y,
-		nameHeight: Math.max(0, N(t.categories.map((e) => W(e).height))) * h,
-		unit: h,
+	let j = (s[0] ? N(s[0]).height : 0) * S, M = d[0]?.badge ? N(d[0].badge).height * S : 0, P = Math.max(T, en(t.figure, S, "--tablechart-min-height", "200px") ?? 0, o.minHeight?.({
+		labelHeight: j,
+		nameHeight: Math.max(0, U(t.categories.map((e) => N(e).height))) * S,
+		unit: S,
 		rows: a.length,
 		series: c.length,
 		stacked: t.stacked
-	}) ?? 0), S = t.stacked ? a.map((e) => {
-		let t = ae(e, c.length);
+	}) ?? 0), F = t.stacked ? a.map((e) => {
+		let t = xe(e, c.length);
 		return {
 			...e,
 			value: t,
@@ -1582,189 +1733,258 @@ var Te = (e) => e.map((e) => ({
 				value: t
 			} : e)
 		};
-	}) : a, T = (o.segments ?? ((e) => e.map((e) => ({
+	}) : a, I = (o.segments ?? ((e) => e.map((e) => ({
 		...e,
 		from: 0,
 		to: e.value,
 		kind: "bar"
-	}))))(t.stacked ? S.map((e) => ({
+	}))))(t.stacked ? F.map((e) => ({
 		...e,
 		cells: [e.cells[0]]
-	})) : a), E = {
-		labelHeight: y,
-		badgeHeight: b,
-		hasAnnotations: p.length > 0,
-		unit: h,
+	})) : a), R = {
+		labelHeight: j,
+		badgeHeight: M,
+		hasAnnotations: d.length > 0,
+		unit: S,
 		series: c.length,
 		focused: c.some((e) => e.focus),
 		stacked: t.stacked
-	}, D = Math.max(((e) => t.stacked ? e(a.map((e) => q(e, c.length, o.running).top)) : e([...T.flatMap((e) => [
+	}, V = Math.max(((e) => t.stacked ? e(a.map((e) => be(e, c.length, o.running).top)) : e([...I.flatMap((e) => [
 		e.from,
 		e.to,
 		e.value
-	]), ...a.flatMap((e) => e.cells.slice(0, c.length).map((e) => e.value))]))(N), 0), O = T.some((e) => e.kind === "up" || e.kind === "down") ? T.flatMap((e) => [e.from, e.to]) : t.stacked ? a.map((e) => q(e, c.length, o.running).bottom) : a.flatMap((e) => e.cells.slice(0, c.length).map((e) => e.value)), A = Math.min(-N(O.map((e) => -e)), 0), j = o.headroom?.(E) ?? y, M = 2 * h + (o.footroom?.(E) ?? 0) + (A < 0 ? y + 4 * h : 0), P = x - j - M, F = D * 1.02, I = A * 1.02, L = p.find((e) => e.spec.getAttribute("data-annotation") === "axis-break")?.spec, R = (e) => {
-		let t = Number.parseFloat(L?.getAttribute(e) ?? "");
+	]), ...a.flatMap((e) => e.cells.slice(0, c.length).map((e) => e.value))]))(U), 0), ee = I.some((e) => e.kind === "up" || e.kind === "down") ? I.flatMap((e) => [e.from, e.to]) : t.stacked ? a.map((e) => be(e, c.length, o.running).bottom) : a.flatMap((e) => e.cells.slice(0, c.length).map((e) => e.value)), W = Math.min(-U(ee.map((e) => -e)), 0), G = o.headroom?.(R) ?? j, re = 2 * S + (o.footroom?.(R) ?? 0) + (W < 0 ? j + 4 * S : 0), ie = P - G - re, K = b ? Math.max(b.max, V) : V * 1.02, q = b ? Math.min(b.min, W) : W * 1.02, J = d.find((e) => e.spec.getAttribute("data-annotation") === "axis-break")?.spec, ae = (e) => {
+		let t = Number.parseFloat(J?.getAttribute(e) ?? "");
 		return Number.isFinite(t) ? t : null;
-	}, z = R("data-from") ?? R("data-at"), B = R("data-to"), V = null;
-	if (L && (z !== null || B !== null)) {
-		let t = z ?? 0, n = B ?? F, r = B === null ? t : z === null ? n : (t + n) / 2, i = L.getAttribute("data-size"), a = i?.match(/^\s*(\d+(?:\.\d+)?)\s*%\s*$/);
-		i !== null && !a && console.warn(`[${e}] data-size="${i}" is not a percentage, such as 30%. Using the default.`);
-		let s = Math.min(Math.max(a ? Number(a[1]) / 100 : B === null ? .22 : .3, .05), .8), c = T.filter((e) => (e.kind === "up" || e.kind === "down") && Math.max(e.from, e.to) > t && Math.min(e.from, e.to) < n);
-		o.breakable ? A < 0 ? console.warn(`[${e}] A chart with values below zero cannot break its scale.`) : t < 0 || n <= t || n > F || t === 0 && n === F ? console.warn(`[${e}] A break from ${t} to ${n} does not fit a scale that runs from 0 to ${D}.`) : c.length ? console.warn(`[${e}] A break from ${t} to ${n} would cut a step that floats. Keep it below or above the steps.`) : V = {
-			lo: t,
-			hi: n,
-			gap: r,
-			share: s
-		} : console.warn(`[${e}] This kind of chart cannot break its scale.`);
+	}, oe = ae("data-from") ?? ae("data-at"), se = ae("data-to"), Y = null;
+	if (J && (oe !== null || se !== null)) {
+		let e = oe ?? 0, t = se ?? K, n = se === null ? e : oe === null ? t : (e + t) / 2, r = J.getAttribute("data-size"), i = r?.match(/^\s*(\d+(?:\.\d+)?)\s*%\s*$/);
+		r !== null && !i && console.warn(`[${f}] data-size="${r}" is not a percentage, such as 30%. Using the default.`);
+		let a = Math.min(Math.max(i ? Number(i[1]) / 100 : se === null ? .22 : .3, .05), .8), s = I.filter((n) => (n.kind === "up" || n.kind === "down") && Math.max(n.from, n.to) > e && Math.min(n.from, n.to) < t);
+		o.breakable ? W < 0 ? console.warn(`[${f}] A chart with values below zero cannot break its scale.`) : e < 0 || t <= e || t > K || e === 0 && t === K ? console.warn(`[${f}] A break from ${e} to ${t} does not fit a scale that runs from 0 to ${V}.`) : s.length ? console.warn(`[${f}] A break from ${e} to ${t} would cut a step that floats. Keep it below or above the steps.`) : Y = {
+			lo: e,
+			hi: t,
+			gap: n,
+			share: a
+		} : console.warn(`[${f}] This kind of chart cannot break its scale.`);
 	}
-	let H = V ? V.gap : null, U = (V && At(t.figure, h, "--tablechart-break-gap", "")) ?? 13, G = x - M, te = F - I || 1, ne = (e) => G - (e - I) / te * P;
-	if (V) {
-		let { lo: e, hi: t, gap: n, share: r } = V, i = P * r, a = (P - i - U) / (e + (F - t)), o = i / (t - e);
-		ne = (r) => r <= e ? G - r * a : r <= n ? G - e * a - (r - e) * o : r <= t ? G - e * a - (r - e) * o - U : G - e * a - i - U - (r - t) * a;
+	let ce = Y ? Y.gap : null, le = (Y && en(t.figure, S, "--tablechart-break-gap", "")) ?? 13, ue = P - re, de = K - q || 1, fe = (e) => ue - (e - q) / de * ie;
+	if (Y) {
+		let { lo: e, hi: t, gap: n, share: r } = Y, i = ie * r, a = (ie - i - le) / (e + (K - t)), o = i / (t - e);
+		fe = (r) => r <= e ? ue - r * a : r <= n ? ue - e * a - (r - e) * o : r <= t ? ue - e * a - (r - e) * o - le : ue - e * a - i - le - (r - t) * a;
 	}
-	let re = d.length ? N(d.map((e) => W(e).width)) * h + 12 * h : 0, ie = t.categories[0]?.parentElement;
-	ie && (ie.style.paddingRight = re ? `${re / _ * 100}%` : "");
-	let K = (_ - re) / a.length, oe = (e) => (e + .5) * K, se = (e) => e >= 0 && e < a.length ? e : null;
-	t.rowAt = o.centre ? null : o.categories === "beside" ? (e, t) => se(Math.floor(t * h / (x / a.length))) : (e) => se(Math.floor(e * h / K));
-	let ce = K / _ * 100, le = 100 / a.length;
-	t.rowBox = o.categories === "beside" ? (e) => [
+	let pe, me, he = [];
+	if (E) {
+		let e = 6 * S, [t, n] = E.titles, r = (e) => e ? N(e).width * S : 0, i = (e) => e ? N(e).height * S : 0, a = O.filter((e) => e.dataset.axis === "x"), o = O.filter((e) => e.dataset.axis === "y"), s = i(O[0]), c = r(n) + U([0, ...o.map(r)]) + 2 * e, l = s / 2;
+		me = [
+			c,
+			l,
+			w - c - U([0, ...a.map(r)]) / 2,
+			P - l - i(t) - s - 2 * e
+		];
+		let [u, d, f, p] = me, [m, h] = D, g = (e) => u + (e - m.min) / (m.max - m.min || 1) * f, _ = (e) => d + p - (e - h.min) / (h.max - h.min || 1) * p;
+		pe = g, fe = _;
+		let v = (e) => r(a.find((t) => Number(t.dataset.value) === e));
+		he = [it(m, (t) => t.every((n, r) => !r || g(n) - g(t[r - 1]) > (v(n) + v(t[r - 1])) / 2 + e)).ticks, it(h, (t) => t.every((n, r) => !r || _(t[r - 1]) - _(n) > s + e / 2)).ticks];
+		for (let t of O) {
+			let n = Number(t.dataset.value), r = t.dataset.axis === "x" ? 0 : 1, i = he[r].includes(n);
+			t.dataset.place = i ? r ? "before" : "below" : "none", i && A(t, r ? u - e : g(n), r ? _(n) : d + p + e, w, P);
+		}
+		t && A(t, u + f / 2, P - i(t), w, P), n && A(n, 0, d + p / 2, w, P);
+	}
+	let ge = u.length ? U(u.map((e) => N(e).width)) * S + 12 * S : 0, _e = t.categories[0]?.parentElement;
+	_e && (_e.style.paddingRight = ge ? `${ge / w * 100}%` : "");
+	let ve = (w - ge) / a.length, ye = (e) => (e + .5) * ve, Se = (e) => e >= 0 && e < a.length ? e : null;
+	t.rowAt = o.centre ? null : o.categories === "beside" ? (e, t) => Se(Math.floor(t * S / (P / a.length))) : (e) => Se(Math.floor(e * S / ve));
+	let Ce = ve / w * 100, we = 100 / a.length;
+	if (t.rowBox = o.categories === "beside" ? (e) => [
 		0,
-		e * le,
+		e * we,
 		100,
-		le
+		we
 	] : (e) => [
-		e * ce,
+		e * Ce,
 		0,
-		ce,
+		Ce,
 		100
-	], i.setAttribute("viewBox", `0 0 ${_} ${C(x)}`), i.textContent = "", t.checks = [];
-	let J = {
+	], i.setAttribute("viewBox", `0 0 ${w} ${B(P)}`), i.textContent = "", me && pe) {
+		let [e, r, a, o] = me, [s, c] = he, l = pe;
+		Ht(t.figure, "data-chart-grid", n.grid) && i.appendChild(L("path", {
+			class: p,
+			d: [...s.map((e) => `M${B(l(e))},${B(r)}V${B(r + o)}`), ...c.map((t) => `M${B(e)},${B(fe(t))}H${B(e + a)}`)].join("")
+		})), i.appendChild(L("path", {
+			class: ne,
+			d: [
+				`M${B(e)},${B(r)}V${B(r + o)}H${B(e + a)}`,
+				...s.map((e) => `M${B(l(e))},${B(r + o)}v${B(4 * S)}`),
+				...c.map((t) => `M${B(e)},${B(fe(t))}h${B(-4 * S)}`)
+			].join("")
+		}));
+	}
+	t.checks = [];
+	let Te = {
 		rows: a,
-		segments: T,
-		cx: oe,
-		y: ne,
-		barWidth: Math.min(K * n.barfill, jt(t.figure, h)),
-		barMax: jt(t.figure, h),
-		height: x,
-		unit: h,
-		labelHeight: y,
-		badgeHeight: b,
+		segments: I,
+		cx: ye,
+		y: fe,
+		x: pe,
+		frame: me,
+		length: (e, n) => en(t.figure, S, e, n),
+		barWidth: Math.min(ve * n.barfill, tn(t.figure, S)),
+		barMax: tn(t.figure, S),
+		height: P,
+		unit: S,
+		labelHeight: j,
+		badgeHeight: M,
 		after: a.length,
 		note: 0,
 		labels: t.figure.dataset.chartLabels === "inside" || t.figure.dataset.chartLabels !== "outside" && n.labels === "inside" ? "inside" : "outside",
-		insideAlign: kt(t.figure),
-		breakAt: H,
-		squeeze: V,
-		breakGap: U,
+		insideAlign: $t(t.figure),
+		breakAt: ce,
+		squeeze: Y,
+		breakGap: le,
+		domain: b ? [b.min, b.max] : null,
 		stacked: t.stacked,
-		shape: yt(t.figure, n),
+		shape: Wt(t.figure, n),
 		totals: t.totals,
 		svg: i,
 		plot: r,
 		values: s,
 		series: c,
-		seriesValues: u,
-		names: d,
+		seriesValues: l,
+		names: u,
 		categories: t.categories,
 		centre: t.centre,
 		config: n,
-		checks: t.checks
+		checks: t.checks,
+		taken: []
 	};
-	r.style.setProperty("--count", String(Math.max(1, ...a.map((e) => e.slot + 1)))), o.draw(J);
-	for (let [e, n] of p.entries()) {
+	if (r.style.setProperty("--count", String(Math.max(1, ...a.map((e) => e.slot + 1)))), o.draw(Te), Te.rowAt && (t.rowAt = Te.rowAt), v && b) {
+		let e = 6 * S, r = _ && Te.x ? Te.x : fe, a = Array.from(v.ticks.children), o = (e) => N(a.find((t) => Number(t.dataset.value) === e) ?? a[0]), s = it(b, (t) => t.every((n, i) => !i || (_ ? r(n) - r(t[i - 1]) > (o(n).width + o(t[i - 1]).width) / 2 * S + e : r(t[i - 1]) - r(n) > o(n).height * S + e / 2))).ticks.filter((e) => !Y || e <= Y.lo || e >= Y.hi);
+		for (let t of a) {
+			let n = Number(t.dataset.value), i = v.numbers && s.includes(n);
+			t.dataset.place = i ? _ ? "below" : "before" : "none", i && A(t, _ ? r(n) : -e, _ ? P + e : r(n), w, P);
+		}
+		let c = w - ge;
+		Ht(t.figure, "data-chart-grid", n.grid) && i.prepend(L("path", {
+			class: p,
+			d: s.map((e) => _ ? `M${B(r(e))},0V${B(P)}` : `M0,${B(r(e))}H${B(c)}`).join("")
+		})), v.numbers && i.appendChild(L("path", {
+			class: ne,
+			d: [_ ? `M${B(r(b.min))},${B(P)}H${B(r(b.max))}` : `M0,${B(r(b.max))}V${B(r(b.min))}`, ...s.map((e) => _ ? `M${B(r(e))},${B(P)}v${B(4 * S)}` : `M0,${B(r(e))}h${B(-4 * S)}`)].join("")
+		}));
+	}
+	for (let [e, n] of d.entries()) {
 		n.badge?.setAttribute("data-note", String(e + 1));
 		let r = n.series, i = (e) => ({
 			...e,
 			...e.cells[r] ?? e.cells[0]
 		});
 		n.type.draw(n.spec, n.badge, {
-			...J,
+			...Te,
 			...t.stacked && {
-				rows: S,
+				rows: F,
 				...t.totals.length && { values: t.totals }
 			},
 			...r > 0 && !t.stacked && {
 				rows: a.map(i),
-				segments: T.map((e) => {
+				segments: I.map((e) => {
 					let t = i(e);
 					return e.kind === "bar" ? {
 						...t,
 						to: t.value
 					} : t;
 				}),
-				values: u[r]
+				values: l[r]
 			},
 			after: n.after,
 			note: e + 1
 		});
 	}
-	Ve(t);
-	let ue = t.categories[0]?.parentElement;
-	ue && o.categories !== "beside" && !o.centre && de(ue, t.categories.filter((e) => e.offsetParent !== null), (e) => ({
+	ct(t);
+	let Ee = t.categories[0]?.parentElement;
+	Ee && o.categories !== "beside" && !o.centre && Oe(Ee, t.categories.filter((e) => e.offsetParent !== null), (e) => ({
 		size: e.scrollWidth,
 		room: e.clientWidth
-	}), "--_name-fit"), k(i, p.flatMap(({ badge: e }) => {
-		if (!(e instanceof HTMLElement) || !e.offsetWidth) return [];
-		let t = e.offsetWidth * h, n = e.offsetHeight * h, r = Number.parseFloat(e.style.left) / 100 * _, i = Number.parseFloat(e.style.top) / 100 * x, a = getComputedStyle(e).borderTopLeftRadius, o = a.endsWith("%") ? Number.parseFloat(a) / 100 : null, s = (Number.parseFloat(a) || 0) * h;
-		return [w("rect", {
-			class: l,
+	}), "--_name-fit");
+	let De = d.flatMap(({ badge: t }) => {
+		if (!(t instanceof HTMLElement) || !t.offsetWidth) return [];
+		let n = t.offsetWidth * S, r = t.offsetHeight * S, i = Number.parseFloat(t.style.left) / 100 * w, a = Number.parseFloat(t.style.top) / 100 * P, o = getComputedStyle(t).borderTopLeftRadius, s = o.endsWith("%") ? Number.parseFloat(o) / 100 : null, c = (Number.parseFloat(o) || 0) * S;
+		return [L("rect", {
+			class: e,
 			"data-for": "badge",
-			"data-note": e.dataset.note ?? "",
-			x: r - t / 2,
-			y: i - n / 2,
-			width: t,
-			height: n,
-			rx: o === null ? s : t * o,
-			ry: o === null ? s : n * o,
-			style: ["--after", "--step"].map((t) => e.style.getPropertyValue(t) && `${t}:${e.style.getPropertyValue(t)}`).filter(Boolean).join("; ")
+			"data-note": t.dataset.note ?? "",
+			x: i - n / 2,
+			y: a - r / 2,
+			width: n,
+			height: r,
+			rx: s === null ? c : n * s,
+			ry: s === null ? c : r * s,
+			style: ["--after", "--step"].map((e) => t.style.getPropertyValue(e) && `${e}:${t.style.getPropertyValue(e)}`).filter(Boolean).join("; ")
 		})];
-	}), _, x);
-	let fe = (e) => e.dataset.missing !== void 0 || o.centre && a[Number(e.dataset.row) - 1]?.isTotal, pe = (e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out"), me = (e, t) => {
+	}), ke = i.querySelector(`.${p}`);
+	if (ke) {
+		let n = r.getBoundingClientRect(), a = w / n.width, s = getComputedStyle(r), c = Number.parseFloat(s.lineHeight) / Number.parseFloat(s.fontSize) || 1.2, u = [
+			...l.flat(),
+			...t.totals,
+			...o.categories === "beside" ? t.categories : []
+		].flatMap((t) => {
+			if (t.dataset.place === "none" || t.hidden || t.hasAttribute("data-left-out")) return [];
+			let r = t.getBoundingClientRect(), i = r.height * a / c, o = Array.from(t.style).filter((e) => e.startsWith("--")).map((e) => `${e}:${t.style.getPropertyValue(e)}`);
+			return r.width ? [L("rect", {
+				class: e,
+				"data-for": "text",
+				x: (r.left - n.left) * a - 3 * S,
+				y: (r.top - n.top) * a + (r.height * a - i) / 2 - S,
+				width: r.width * a + 6 * S,
+				height: i + 2 * S,
+				style: o.join("; ")
+			})] : [];
+		});
+		te(i, u, w, P, ke);
+	}
+	te(i, De, w, P);
+	let Ae = (e) => e.dataset.missing !== void 0 || o.centre && a[Number(e.dataset.row) - 1]?.isTotal, je = (e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out"), Me = (e, t) => {
 		let n = Number(e.dataset.row);
-		return t.some((e) => pe(e) && Number(e.dataset.row) <= n && n <= Number(e.dataset.rowEnd ?? e.dataset.row));
+		return t.some((e) => je(e) && Number(e.dataset.row) <= n && n <= Number(e.dataset.rowEnd ?? e.dataset.row));
 	};
-	return t.figure.toggleAttribute("data-left-out", [...u, t.totals].some((e) => e.some((t) => !fe(t) && !pe(t) && !me(t, e)))), !0;
-}, Nt = (e, t) => {
+	return t.figure.toggleAttribute("data-left-out", (o.columns ? [t.categories] : [...l, t.totals]).some((e) => e.some((t) => !Ae(t) && !je(t) && !Me(t, e)))), !0;
+}, rn = (e, t) => {
 	let n = [
 		...e.seriesValues.flat(),
 		...e.totals,
 		...e.totalCell ? [e.totalCell] : []
 	];
-	for (let r of e.centre ? [...n, e.centre] : n) {
-		let { missing: n, prefix: i = "", suffix: a = "" } = r.dataset;
-		if (n !== void 0) {
-			r.textContent = n;
-			continue;
-		}
-		let [o, s] = I(Number.parseFloat(r.dataset.value || "0"), r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale);
-		if (r.textContent = i + (i ? o : "") + s + a, o && !i) {
-			let e = document.createElement("span");
-			e.className = "tablechart-minus", e.textContent = o, r.prepend(e);
-		}
+	for (let r of e.centre ? [...n, e.centre] : n) r.dataset.missing === void 0 ? an(r, r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale) : r.textContent = r.dataset.missing;
+}, an = (e, t, n) => {
+	let { prefix: r = "", suffix: i = "" } = e.dataset, [o, s] = I(Number.parseFloat(e.dataset.value || "0"), t, n);
+	if (e.textContent = r + (r ? o : "") + s + i, o && !r) {
+		let t = document.createElement("span");
+		t.className = a, t.textContent = o, e.prepend(t);
 	}
-}, Pt = (e) => {
-	pt(e), e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${c}`)?.remove(), e.controls?.remove();
-}, Ft = (e, t) => {
-	e.figure.classList.toggle(m, t);
-}, It = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), Lt = /^\s*(?:Table)?:\s+/, Rt = (e) => e?.tagName === "P" && Lt.test(e.textContent ?? ""), zt = (e) => {
+}, on = (e) => {
+	Ft(e), e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${d}`)?.remove(), e.controls?.remove();
+}, sn = (e, t) => {
+	e.figure.classList.toggle(l, t);
+}, cn = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), ln = /^\s*(?:Table)?:\s+/, un = (e) => e?.tagName === "P" && ln.test(e.textContent ?? ""), dn = (e) => {
 	let t = document.createElement("figcaption");
 	for (let { name: n, value: r } of Array.from(e.attributes)) t.setAttribute(n, r);
 	let n = e.firstChild;
-	n?.nodeType === Node.TEXT_NODE && (n.textContent = (n.textContent ?? "").replace(Lt, ""), n.textContent || n.remove());
+	n?.nodeType === Node.TEXT_NODE && (n.textContent = (n.textContent ?? "").replace(ln, ""), n.textContent || n.remove());
 	let r = Array.from(e.childNodes), i = r.findIndex((e) => e.nodeName === "BR");
 	if (t.append(...i === -1 ? r : r.slice(0, i + 1)), i !== -1 && i < r.length - 1) {
 		let e = document.createElement("span");
 		e.append(...r.slice(i + 1)), t.append(e);
 	}
 	return e.remove(), t;
-}, Bt = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, Vt = (e) => {
-	let t = Yt(e);
+}, fn = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, pn = (e) => {
+	let t = xn(e);
 	return t?.tagName === "P" ? t : e;
-}, Ht = (e) => {
-	let t = Vt(e).firstChild;
+}, mn = (e) => {
+	let t = pn(e).firstChild;
 	if (t?.nodeType !== Node.TEXT_NODE) return null;
-	let n = Bt.exec(t.textContent ?? "");
-	if (!n || !gt.includes(n[1]) || !n[3] && t.nextSibling) return null;
+	let n = fn.exec(t.textContent ?? "");
+	if (!n || !zt.includes(n[1]) || !n[3] && t.nextSibling) return null;
 	let r = n[2].trim().split(/\s+/).filter(Boolean).map((e) => e.split("="));
 	return {
 		name: n[1],
@@ -1772,11 +1992,11 @@ var Te = (e) => e.map((e) => ({
 		text: t,
 		length: n[0].length
 	};
-}, Ut = (e) => {
+}, hn = (e) => {
 	if (e?.tagName !== "UL" && e?.tagName !== "OL") return null;
-	let t = Array.from(e.children), n = t.map((e) => e.hasAttribute("data-annotation") ? null : Ht(e));
+	let t = Array.from(e.children), n = t.map((e) => e.hasAttribute("data-annotation") ? null : mn(e));
 	return !t.length || t.some((e, t) => !n[t] && !e.hasAttribute("data-annotation")) ? null : (t.forEach((e, t) => {
-		let r = n[t], i = Vt(e);
+		let r = n[t], i = pn(e);
 		if (i !== e && i.replaceWith(...i.childNodes), r) {
 			e.setAttribute("data-annotation", r.name);
 			for (let [t, n] of r.options) e.setAttribute(`data-${t}`, n);
@@ -1784,21 +2004,21 @@ var Te = (e) => e.map((e) => ({
 		}
 		e.children.length && Array.from(e.childNodes).filter((e) => e.nodeType === Node.ELEMENT_NODE || e.textContent?.trim()).forEach((e, t) => {
 			let n = document.createElement("span");
-			t === 0 && e instanceof HTMLElement && e.matches("em, i") ? (n.className = "tablechart-caption", n.append(...e.childNodes), e.replaceWith(n)) : e.nodeType === Node.TEXT_NODE && (n.textContent = (e.textContent ?? "").trim(), e.replaceWith(n));
+			t === 0 && e instanceof HTMLElement && e.matches("em, i") ? (n.className = re, n.append(...e.childNodes), e.replaceWith(n)) : e.nodeType === Node.TEXT_NODE && (n.textContent = (e.textContent ?? "").trim(), e.replaceWith(n));
 		});
 	}), e.classList.add("chart-annotations"), e);
-}, Wt = (e, t) => {
-	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || It(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
-}, Gt = (e) => e.map((e) => {
-	let t = e.closest("p"), n = Rt(t) ? t : e;
+}, gn = (e, t) => {
+	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || cn(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
+}, _n = (e) => e.map((e) => {
+	let t = e.closest("p"), n = un(t) ? t : e;
 	if (n.tagName !== "TABLE" && n.tagName !== "P") return n;
 	let r = document.createElement("figure");
-	Wt(e, r), e.classList.length || e.removeAttribute("class");
-	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? Rt(a) ? a : Rt(o) ? o : null : n;
+	gn(e, r), e.classList.length || e.removeAttribute("class");
+	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? un(a) ? a : un(o) ? o : null : n;
 	i && s === o && (o = o?.nextElementSibling ?? null);
-	let c = o?.classList.contains("chart-annotations") ? o : Ut(o);
-	return n.replaceWith(r), s && r.append(zt(s)), i && r.append(i), c && r.append(c), X?.log?.(`A ${i ? "table" : "caption"} with chart attributes was wrapped in a figure of its own`), r;
-}), Kt = (e, t, n, r = document.createElement("table")) => {
+	let c = o?.classList.contains("chart-annotations") ? o : hn(o);
+	return n.replaceWith(r), s && r.append(dn(s)), i && r.append(i), c && r.append(c), Z?.log?.(`A ${i ? "table" : "caption"} with chart attributes was wrapped in a figure of its own`), r;
+}), vn = (e, t, n, r = document.createElement("table")) => {
 	for (let e of r.querySelectorAll(":scope > tbody, :scope > tfoot, :scope > tr")) e.remove();
 	if (!r.tHead && (t.length || n)) {
 		let e = r.createTHead().insertRow(), i = document.createElement("th");
@@ -1818,7 +2038,7 @@ var Te = (e) => e.map((e) => ({
 		for (let n of t.values ?? [t.value ?? null]) e.insertCell().textContent = n === null ? "" : String(n);
 	}
 	return r;
-}, qt = (e) => {
+}, yn = (e) => {
 	if (!e || typeof e != "object") return;
 	let t = Object.entries(e), n = (e) => e === null || typeof e == "string" || typeof e == "number";
 	if (t.length && t.every(([, e]) => n(e) || Array.isArray(e) && e.every(n))) return t.map(([e, t]) => Array.isArray(t) ? {
@@ -1828,30 +2048,30 @@ var Te = (e) => e.map((e) => ({
 		label: e,
 		value: t
 	});
-}, Jt = async (t) => {
-	await Promise.all(t.filter((e) => e.hasAttribute("data-chart-src")).map(async (t) => {
-		let n = t.getAttribute("data-chart-src"), r = Array.from(t.querySelectorAll("table")).find((e) => e.tHead) ?? null;
-		for (let e of t.querySelectorAll("table")) e !== r && e.remove();
+}, bn = async (e) => {
+	await Promise.all(e.filter((e) => e.hasAttribute("data-chart-src")).map(async (e) => {
+		let t = e.getAttribute("data-chart-src"), n = Array.from(e.querySelectorAll("table")).find((e) => e.tHead) ?? null;
+		for (let t of e.querySelectorAll("table")) t !== n && t.remove();
 		try {
-			let e = await fetch(n);
-			if (!e.ok) throw Error(`${e.status} ${e.statusText}`);
-			let i = await e.json(), a = Array.isArray(i) ? i : i?.rows ? Array.isArray(i.rows) ? i.rows : qt(i.rows) : qt(i);
+			let r = await fetch(t);
+			if (!r.ok) throw Error(`${r.status} ${r.statusText}`);
+			let i = await r.json(), a = Array.isArray(i) ? i : i?.rows ? Array.isArray(i.rows) ? i.rows : yn(i.rows) : yn(i);
 			if (!Array.isArray(a)) throw Error("no rows in it: a list of rows, an object with rows, or names with their values");
-			let o = Kt(a, Array.isArray(i?.series) ? i.series.map(String) : [], typeof i?.label == "string" ? i.label : "", r ?? void 0);
-			if (!r) {
-				let e = t.querySelector(":scope > figcaption");
-				e ? e.after(o) : t.prepend(o);
+			let o = vn(a, Array.isArray(i?.series) ? i.series.map(String) : [], typeof i?.label == "string" ? i.label : "", n ?? void 0);
+			if (!n) {
+				let t = e.querySelector(":scope > figcaption");
+				t ? t.after(o) : e.prepend(o);
 			}
-			o.tHead || X?.log?.(`The table from "${n}" has no header row, so a screen reader cannot name its columns.`), X?.log?.(`Read ${a.length} rows from "${n}"`);
-		} catch (t) {
-			let r = window.location.protocol === "file:";
-			console.warn(`[${e}] Could not read the chart data in "${n}": ${t.message}.` + (r ? " A page opened as a file cannot fetch files; open it from a server." : ""));
+			o.tHead || Z?.log?.(`The table from "${t}" has no header row, so a screen reader cannot name its columns.`), Z?.log?.(`Read ${a.length} rows from "${t}"`);
+		} catch (e) {
+			let n = window.location.protocol === "file:";
+			console.warn(`[${f}] Could not read the chart data in "${t}": ${e.message}.` + (n ? " A page opened as a file cannot fetch files; open it from a server." : ""));
 		}
 	}));
-}, Yt = (e) => {
+}, xn = (e) => {
 	let t = Array.from(e.childNodes).filter((e) => e.nodeType === Node.ELEMENT_NODE || e.nodeType === Node.TEXT_NODE && e.textContent?.trim());
 	return t.length === 1 && t[0] instanceof HTMLElement ? t[0] : null;
-}, Xt = "strong, b, span.total", Zt = (e) => {
+}, Sn = "strong, b, span.total", Cn = (e) => {
 	for (let t of e) {
 		for (let e of t.querySelectorAll("tbody tr")) {
 			let t = e.cells[0];
@@ -1859,16 +2079,16 @@ var Te = (e) => e.map((e) => ({
 			let n = document.createElement("th");
 			for (let { name: e, value: r } of Array.from(t.attributes)) n.setAttribute(e, r);
 			n.append(...t.childNodes), t.replaceWith(n);
-			for (let t = Yt(n); t?.matches(Xt); t = Yt(n)) e.dataset.kind = "total", t.replaceWith(...t.childNodes);
+			for (let t = xn(n); t?.matches(Sn); t = xn(n)) e.dataset.kind = "total", t.replaceWith(...t.childNodes);
 		}
 		let e = Array.from(t.querySelector("thead tr:last-child")?.children ?? []);
-		for (let t of e.slice(1)) for (let e = Yt(t); e?.matches(Xt); e = Yt(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
+		for (let t of e.slice(1)) for (let e = xn(t); e?.matches(Sn); e = xn(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
 	}
-}, Qt = "data-chart-made", $t = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, en = (e) => new Promise((t) => setTimeout(t, e)), tn = (e, t) => {
+}, wn = "data-chart-made", Tn = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, En = (e) => new Promise((t) => setTimeout(t, e)), Dn = (e, t) => {
 	let n = Number.parseFloat(e.dataset.chartEntrance ?? ""), r = Number.isFinite(n) ? n : t.entrance;
 	return Math.min(Math.max(r, 0), 1);
-}, nn = async (e, t) => {
-	if ($t()) return;
+}, On = async (e, t) => {
+	if (Tn()) return;
 	await new Promise(requestAnimationFrame);
 	let n = e.getAnimations().filter((e) => e instanceof CSSAnimation);
 	for (let t = e.parentElement; t && t !== document.body; t = t.parentElement) n.push(...t.getAnimations());
@@ -1879,11 +2099,11 @@ var Te = (e) => e.map((e) => ({
 		let a = Number(n.delay ?? 0) + i * t;
 		r = Math.max(r, a - Number(e.currentTime ?? 0));
 	}
-	r > 0 && await en(r);
-}, rn = (e) => {
+	r > 0 && await En(r);
+}, kn = (e) => {
 	for (let t = e; t && t !== document.body; t = t.parentElement) if (getComputedStyle(t).opacity === "0") return t;
 	return null;
-}, an = (e) => new Promise((t) => {
+}, An = (e) => new Promise((t) => {
 	let n = ["animationstart", "transitionrun"], r = () => {
 		for (let e of n) document.removeEventListener(e, i, !0);
 		a.disconnect(), t();
@@ -1897,41 +2117,41 @@ var Te = (e) => e.map((e) => ({
 		attributes: !0,
 		attributeFilter: ["class", "style"]
 	});
-}), on = /* @__PURE__ */ new Set(), sn = null, cn = (e) => {
-	on.add(e), !sn && (sn = new MutationObserver(() => {
-		for (let e of on) e.relabel();
+}), jn = /* @__PURE__ */ new Set(), Mn = null, Nn = (e) => {
+	jn.add(e), !Mn && (Mn = new MutationObserver(() => {
+		for (let e of jn) e.relabel();
 		requestAnimationFrame(() => requestAnimationFrame(() => {
-			for (let e of on) e.refresh();
+			for (let e of jn) e.refresh();
 		}));
-	}), sn.observe(document.documentElement, {
+	}), Mn.observe(document.documentElement, {
 		attributes: !0,
 		attributeFilter: ["lang"]
 	}));
-}, ln = (e) => {
-	on.delete(e), !on.size && sn && (sn.disconnect(), sn = null);
-}, un = ["column", "bar"], dn = (e) => {
+}, Pn = (e) => {
+	jn.delete(e), !jn.size && Mn && (Mn.disconnect(), Mn = null);
+}, Fn = ["column", "bar"], In = (e) => {
 	let t = e.getAttribute("data-chart") || "column";
-	if (!un.includes(t)) return null;
+	if (!Fn.includes(t)) return null;
 	let n = getComputedStyle(e).getPropertyValue("--tablechart-type").trim();
-	return un.includes(n) ? n : t;
-}, fn = (e, t) => {
-	let n = e, r = dn(n.figure), i = null, a = !1, o = !1, s = async () => {
-		if (!t.animate) return Ft(n, !0);
+	return Fn.includes(n) ? n : t;
+}, Ln = (e, t) => {
+	let n = e, r = In(n.figure), i = null, a = !1, o = !1, s = async () => {
+		if (!Ut(n.figure, t)) return sn(n, !0);
 		let e = n.figure.classList.contains("is-shown");
 		if (a && i !== null && !e && !o) {
 			o = !0;
-			let e = $t() ? null : rn(n.figure);
-			e && await an(e), await nn(n.figure, tn(n.figure, t)), o = !1, (a || !t.replay) && Ft(n, !0);
-		} else !a && t.replay && e && Ft(n, !1);
+			let e = Tn() ? null : kn(n.figure);
+			e && await An(e), await On(n.figure, Dn(n.figure, t)), o = !1, (a || !t.replay) && sn(n, !0);
+		} else !a && t.replay && e && sn(n, !1);
 	}, c = () => {
-		let e = dn(n.figure);
+		let e = In(n.figure);
 		if (!e || e === r) return;
-		let a = X.timed("Building", n.figure, () => wt(n.figure, t, e));
-		a && (Pt(n), He(a, n.step, !0), n = a, r = e, i = null);
+		let a = Z.timed("Building", n.figure, () => Yt(n.figure, t, e));
+		a && (on(n), lt(a, n.step, !0), n = a, r = e, i = null);
 	}, l = () => {
 		c();
 		let e = n.plot.clientWidth;
-		e && e !== i && X.timed("Layout", n.figure, () => Mt(n, t)) && (i = e, s());
+		e && e !== i && Z.timed("Layout", n.figure, () => nn(n, t)) && (i = e, s());
 	}, u = !1, d = new ResizeObserver(() => {
 		u || (u = !0, requestAnimationFrame(() => {
 			u = !1, l();
@@ -1939,20 +2159,20 @@ var Te = (e) => e.map((e) => ({
 	}), f = new IntersectionObserver((e) => {
 		for (let t of e) a = t.isIntersecting, s();
 	}, { threshold: t.threshold }), p = () => {
-		n.figure.classList.add(h), Ft(n, !0), n.figure.offsetWidth;
-	}, m = () => n.figure.classList.remove(h), g = () => {
+		n.figure.classList.add(b), sn(n, !0), n.figure.offsetWidth;
+	}, m = () => n.figure.classList.remove(b), h = () => {
 		i = null, l();
-	}, _ = {
-		relabel: () => Nt(n, t),
-		refresh: g
+	}, g = {
+		relabel: () => rn(n, t),
+		refresh: h
 	};
-	c(), l(), d.observe(n.figure), f.observe(n.figure), window.addEventListener("beforeprint", p), window.addEventListener("afterprint", m), cn(_);
-	let v = {
+	c(), l(), d.observe(n.figure), f.observe(n.figure), window.addEventListener("beforeprint", p), window.addEventListener("afterprint", m), Nn(g);
+	let _ = {
 		figure: n.figure,
-		refresh: g,
-		next: () => He(n, n.step + 1),
-		previous: () => He(n, n.step - 1),
-		stepTo: (e) => He(n, e),
+		refresh: h,
+		next: () => lt(n, n.step + 1),
+		previous: () => lt(n, n.step - 1),
+		stepTo: (e) => lt(n, e),
 		get step() {
 			return n.step;
 		},
@@ -1960,86 +2180,44 @@ var Te = (e) => e.map((e) => ({
 			return n.plan?.count ?? 0;
 		},
 		destroy() {
-			d.disconnect(), f.disconnect(), window.removeEventListener("beforeprint", p), window.removeEventListener("afterprint", m), ln(_), pt(n), n.figure.tablechart === v && delete n.figure.tablechart;
+			d.disconnect(), f.disconnect(), window.removeEventListener("beforeprint", p), window.removeEventListener("afterprint", m), Pn(g), Ft(n), n.figure.tablechart === _ && delete n.figure.tablechart;
 		}
 	};
-	return n.figure.tablechart = v, v;
-}, pn = !1, mn = (t) => {
-	let n = t.find((e) => e.tagName !== "FIGURE");
-	!pn && n && (pn = !0, console.warn(`[${e}] A chart is a <${n.tagName.toLowerCase()}>. Use a <figure> with a <figcaption>, so the chart has a title, also for screen readers.`, n));
-}, hn = async (e, t) => {
-	let n = Gt(e.filter((e) => !e.hasAttribute(Qt)));
-	return mn(n), await Jt(n), Zt(n), Le(n, t.langattribute), n;
-}, gn = (e, t) => {
-	let n = X.timed("Building", e, () => wt(e, t));
-	return n ? (e.setAttribute(Qt, ""), fn(n, t)) : null;
-}, _n = async (e, t = {}) => {
+	return n.figure.tablechart = _, _;
+}, Rn = !1, zn = (e) => {
+	let t = e.find((e) => e.tagName !== "FIGURE");
+	!Rn && t && (Rn = !0, console.warn(`[${f}] A chart is a <${t.tagName.toLowerCase()}>. Use a <figure> with a <figcaption>, so the chart has a title, also for screen readers.`, t));
+}, Bn = async (e, t) => {
+	let n = _n(e.filter((e) => !e.hasAttribute(wn)));
+	return zn(n), await bn(n), Cn(n), Ze(n, t.langattribute), n;
+}, Vn = (e, t) => {
+	let n = Z.timed("Building", e, () => Yt(e, t));
+	return n ? (e.setAttribute(wn, ""), Ln(n, t)) : null;
+}, Hn = async (e, t = {}) => {
 	if (e.tablechart) return e.tablechart;
 	let n = {
-		...v,
+		...h,
 		...t
 	};
-	n.debug && (X.enabled = !0);
-	let [r] = await hn([e], n);
-	return r ? gn(r, n) : null;
-}, vn = [
-	["--tablechart-duration", "--tablechart-animation-element-duration"],
-	["--tablechart-stagger", "--tablechart-animation-stagger, a share of the element time"],
-	["--tablechart-easing", "--tablechart-animation-ease"],
-	["--tablechart-category-size", "--tablechart-name-size"],
-	["--tablechart-category-padding", "--tablechart-name-padding"],
-	["--tablechart-categories-gap", "--tablechart-name-gap"],
-	["--tablechart-inside-align", "--tablechart-value-align"],
-	["--tablechart-bar-ink", "--tablechart-bar-value-color"],
-	["--tablechart-piece-ink", "--tablechart-piece-value-color"],
-	["--tablechart-up-ink", "--tablechart-up-value-color"],
-	["--tablechart-down-ink", "--tablechart-down-value-color"],
-	["--tablechart-total-ink", "--tablechart-total-value-color"],
-	["--tablechart-series-ink", "--tablechart-series-own-color"],
-	["--tablechart-dash", "--tablechart-series-dash"],
-	["--tablechart-dot", "--tablechart-series-dot"],
-	["--tablechart-muted-share", "--tablechart-series-muted-share"],
-	["--tablechart-rule-color", "--tablechart-baseline-color"],
-	["--tablechart-rule-width", "--tablechart-baseline-width"],
-	["--tablechart-rule-opacity", "--tablechart-baseline-opacity"],
-	["--tablechart-key-size", "--tablechart-legend-key-size"],
-	["--tablechart-controls-justify", "--tablechart-control-justify"],
-	["--tablechart-controls-gap", "--tablechart-control-gap"]
-], yn = {
-	up: "grow",
-	across: "sweep"
-}, bn = !1, xn = (t, n) => {
-	if (bn) return;
-	let r = (e) => {
-		let t = yn[String(e)];
-		return t ? [`"${e}" is now "${t}"`] : [];
-	}, i = new Set(r(n.animate));
-	n.hover !== void 0 && i.add("the \"hover\" option is now \"tooltip\"");
-	for (let e of t) {
-		e.hasAttribute("data-chart-hover") && i.add("data-chart-hover is now data-chart-tooltip");
-		let t = getComputedStyle(e);
-		for (let [e, n] of vn) t.getPropertyValue(e).trim() && i.add(`${e} is now ${n}`);
-		for (let t of r(e.getAttribute("data-chart-animate"))) i.add(t);
-	}
-	i.size && (bn = !0, console.warn(`[${e}] ${[...i].join("; ")}. The old names work until the next minor version.`));
-}, Sn = async (e = {}, t = document) => {
+	n.debug && (Z.enabled = !0);
+	let [r] = await Bn([e], n);
+	return r ? Vn(r, n) : null;
+}, Un = async (e = {}, t = document) => {
 	let n = {
-		...v,
+		...h,
 		...e
 	};
-	n.debug && (X.enabled = !0);
-	let r = await hn(Array.from(t.querySelectorAll(n.selector)), n);
-	xn(r, n);
-	let i = r.map((e) => gn(e, n)).filter((e) => e !== null);
-	return X.log(`Made ${i.length} chart(s).`), {
-		charts: i,
+	n.debug && (Z.enabled = !0);
+	let r = (await Bn(Array.from(t.querySelectorAll(n.selector)), n)).map((e) => Vn(e, n)).filter((e) => e !== null);
+	return Z.log(`Made ${r.length} chart(s).`), {
+		charts: r,
 		refresh: () => {
-			for (let e of i) e.refresh();
+			for (let e of r) e.refresh();
 		},
 		destroy: () => {
-			for (let e of i) e.destroy();
+			for (let e of r) e.destroy();
 		}
 	};
 };
 //#endregion
-export { h as _, Gt as a, v as b, wt as c, Ft as d, Pt as f, t as g, f as h, hn as i, Mt as l, Le as m, tn as n, Jt as o, He as p, Sn as r, Zt as s, _n as t, Nt as u, g as v, m as y };
+export { _n as a, Lt as c, rn as d, sn as f, Ze as h, Bn as i, Yt as l, lt as m, Dn as n, bn as o, on as p, Un as r, Cn as s, Hn as t, nn as u };