@martinomagnifico/tablechart 1.2.3 → 1.2.5

package/dist/tablechart-shared.mjs

@@ -18,6 +18,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	tooltipparent: null,
 	table: "never",
 	tablelimit: 15,
+	lines: null,
 	summary: "auto",
 	totallabel: "Total",
 	controls: !0,
@@ -43,10 +44,60 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	return n.className = e, n.inert = !0, t.appendChild(n), n;
 }, R = (e, t, n, r, i) => {
 	e.style.left = `${t / r * 100}%`, e.style.top = `${n / i * 100}%`;
-}, z = 0, B = 0, V = (e) => {
+}, z = 0, B = 0, V = 0, H = (e) => {
 	let t = e.querySelector(":scope > defs");
 	return t || (t = F("defs"), e.prepend(t)), t;
-}, H = (e) => {
+}, U = (e, t) => {
+	for (let n of e.querySelectorAll("rect[data-end]")) {
+		let [e, r, i, a] = [
+			"x",
+			"y",
+			"width",
+			"height"
+		].map((e) => Number(n.getAttribute(e))), o = n.getAttribute("data-end"), s = o === "left" || o === "right", c = P(Math.min(t, s ? a / 2 : i / 2, s ? i : a)), l = (e, t) => `a${c},${c} 0 0 1 ${e},${t}`, u = {
+			top: `M${e},${P(r + a)}v${P(c - a)}${l(c, -c)}h${P(i - 2 * c)}${l(c, c)}v${P(a - c)}z`,
+			bottom: `M${P(e + i)},${r}v${P(a - c)}${l(-c, c)}h${P(2 * c - i)}${l(-c, -c)}v${P(c - a)}z`,
+			right: `M${e},${r}h${P(i - c)}${l(c, c)}v${P(a - 2 * c)}${l(-c, c)}h${P(c - i)}z`,
+			left: `M${P(e + i)},${P(r + a)}h${P(c - i)}${l(-c, -c)}v${P(2 * c - a)}${l(c, -c)}h${P(i - c)}z`
+		}[o], d = F("path", { d: u });
+		for (let { name: e, value: t } of Array.from(n.attributes)) [
+			"x",
+			"y",
+			"width",
+			"height"
+		].includes(e) || d.setAttribute(e, t);
+		n.replaceWith(d);
+	}
+}, W = (e, t, n, r, i) => {
+	let a = `tablechart-fade-${++V}`, o = F("linearGradient", {
+		id: a,
+		gradientUnits: "userSpaceOnUse",
+		x1: 0,
+		x2: 0,
+		y1: P(t),
+		y2: P(r),
+		...i
+	}), s = [
+		...t < n ? [{
+			offset: 0,
+			faded: !1
+		}] : [],
+		{
+			offset: r > t ? (n - t) / (r - t) : 0,
+			faded: !0
+		},
+		...r > n ? [{
+			offset: 1,
+			faded: !1
+		}] : []
+	];
+	for (let { offset: e, faded: t } of s) o.appendChild(F("stop", {
+		class: "tablechart-area-stop",
+		offset: P(e),
+		...t && { "data-faded": "" }
+	}));
+	return H(e).appendChild(o), a;
+}, ee = (e) => {
 	if (e.tagName === "circle") {
 		let [t, n, r] = [
 			"cx",
@@ -65,18 +116,18 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		"ry"
 	].map((t) => Number(e.getAttribute(t)) || 0), s = Math.min(a, r / 2), c = Math.min(o, i / 2), l = (e, t) => s && c ? `a${P(s)},${P(c)} 0 0 1 ${P(e)},${P(t)}` : "";
 	return `M${P(t + s)},${P(n)}h${P(r - 2 * s)}${l(s, c)}v${P(i - 2 * c)}${l(-s, c)}h${P(2 * s - r)}${l(-s, -c)}v${P(2 * c - i)}${l(s, -c)}z`;
-}, U = (e, t, n, r, i) => {
+}, te = (e, t, n, r, i) => {
 	if (!t.length || !i.length) return;
 	let a = `tablechart-clip-${++B}`, o = F("clipPath", {
 		id: a,
 		clipPathUnits: "userSpaceOnUse"
 	}), s = `M${-n},${-r}h${n * 3}v${r * 3}h${-n * 3}z`;
 	o.appendChild(F("path", {
-		d: s + t.map(H).join(""),
+		d: s + t.map(ee).join(""),
 		"clip-rule": "evenodd"
-	})), V(e).appendChild(o);
+	})), H(e).appendChild(o);
 	for (let e of i) e.setAttribute("clip-path", `url(#${a})`);
-}, ee = (e, t, n, r, i, a) => {
+}, ne = (e, t, n, r, i, a) => {
 	if (!t.length) return;
 	let o = `tablechart-cut-${++z}`, s = F("mask", {
 		id: o,
@@ -90,14 +141,14 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		fill: "white"
 	}));
 	for (let e of t) e.setAttribute("fill", "black"), s.appendChild(e);
-	let c = V(e);
+	let c = H(e);
 	if (c.appendChild(s), i) {
 		for (let e of i) e.setAttribute("mask", `url(#${o})`);
 		return;
 	}
 	let l = null;
 	for (let t of Array.from(e.childNodes)) t !== c && (a && t instanceof Element && t.matches(a) ? (l = null, e.appendChild(t)) : (l ?? (l = e.appendChild(F("g", { mask: `url(#${o})` }))), l.appendChild(t)));
-}, te = 0, W = (e) => Array.from(e.querySelectorAll(`.${r}`)).map((e) => {
+}, re = 0, G = (e) => Array.from(e.querySelectorAll(`.${r}`)).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),
@@ -108,7 +159,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		sideways: e.dataset.grow === "right",
 		part: s
 	};
-}), ne = {
+}), K = {
 	create: () => null,
 	draw(e, t, n) {
 		let { rows: r, y: i, svg: a, breakAt: o } = n;
@@ -135,7 +186,7 @@ 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-${++te}`, d = F("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-${++re}`, d = F("mask", {
 			id: u,
 			maskUnits: "userSpaceOnUse"
 		});
@@ -147,7 +198,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			fill: "white"
 		}));
 		let f = [], p = i(o);
-		for (let e of W(a)) {
+		for (let e of G(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)];
@@ -170,17 +221,17 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		let g = F("defs");
 		g.appendChild(d), a.prepend(g, h);
 	}
-}, G = (e) => {
+}, q = (e) => {
 	let t = -Infinity;
 	for (let n of e) t = Math.max(t, n);
 	return t;
-}, re = (e) => (e.split(/[.,]/)[1] || "").length, K = (e, t) => new Intl.NumberFormat(t || document.documentElement.lang || void 0, {
+}, ie = (e) => (e.split(/[.,]/)[1] || "").length, ae = (e, t) => new Intl.NumberFormat(t || document.documentElement.lang || void 0, {
 	minimumFractionDigits: e,
 	maximumFractionDigits: e
-}), ie = (e, t, n) => {
-	let r = K(t, n).formatToParts(e), i = r[0]?.type === "minusSign" ? r[0].value : "";
+}), oe = (e, t, n) => {
+	let r = ae(t, n).formatToParts(e), i = r[0]?.type === "minusSign" ? r[0].value : "";
 	return [i, r.slice(+!!i).map((e) => e.value).join("")];
-}, q = (e) => Number.parseFloat((e.match(/-?[\d.,]+/) || ["NaN"])[0].replace(",", ".")), ae = (e, t) => {
+}, se = (e) => Number.parseFloat((e.match(/-?[\d.,]+/) || ["NaN"])[0].replace(",", ".")), ce = (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));
 	else {
@@ -189,24 +240,24 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		t && n.setAttribute("data-i18n", t);
 	}
 	return t.appendChild(n), n;
-}, oe = (t, n, r, i, a = "%") => {
-	let o = t?.textContent || "", s = q(o), c = a ? .5 : .5 * 10 ** -re(o.match(/-?[\d.,]+/)?.[0] ?? ""), l = Number.isNaN(s) ? !0 : Math.abs(n - s) <= c + 1e-9, u = {
+}, le = (t, n, r, i, a = "%") => {
+	let o = t?.textContent || "", s = se(o), c = a ? .5 : .5 * 10 ** -ie(o.match(/-?[\d.,]+/)?.[0] ?? ""), l = Number.isNaN(s) ? !0 : Math.abs(n - s) <= c + 1e-9, u = {
 		label: r,
 		computed: n,
 		stated: s,
 		agrees: l
 	};
 	i.checks.push(u), l || console.warn(`[${e}] An annotation reads ${s}${a}, but ${r} is ${Number(n.toFixed(2))}${a}. The chart shows your number.`);
-}, se = (e, t) => (t - e) / Math.abs(e) * 100, ce = (e, t) => {
+}, ue = (e, t) => (t - e) / Math.abs(e) * 100, de = (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)];
-}, le = {
-	create: ae,
+}, fe = {
+	create: ce,
 	draw(t, n, r) {
-		let { rows: i, cx: o, y: s, unit: l, labelHeight: u, badgeHeight: d, height: f, svg: p, after: m } = r, [h, g] = ce(t, i.length), _ = i[h], v = i[g];
+		let { rows: i, cx: o, y: s, unit: l, labelHeight: u, badgeHeight: d, height: f, svg: p, after: m } = r, [h, g] = de(t, i.length), _ = i[h], v = i[g];
 		if (!_ || !v) {
 			console.warn(`[${e}] A bracket points at a row that is not there (row ${h + 1} to ${g + 1}, of ${i.length}).`);
 			return;
@@ -224,9 +275,9 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			"data-note": r.note,
 			points: `${S},${D} ${S - y * .45},${D - y} ${S + y * .45},${D - y}`,
 			style: M("--after", m)
-		})), n && (R(n, (x + S) / 2, C, O, f), n.style.setProperty("--after", String(m))), oe(n, se(_.value, v.value), `${_.value} to ${v.value}`, r);
+		})), n && (R(n, (x + S) / 2, C, O, f), n.style.setProperty("--after", String(m))), le(n, ue(_.value, v.value), `${_.value} to ${v.value}`, r);
 	}
-}, ue = (e, t) => e[0] < t[0] + t[2] && t[0] < e[0] + e[2] && e[1] < t[1] + t[3] && t[1] < e[1] + e[3], de = (e, t) => e[0] >= t[0] && e[1] >= t[1] && e[0] + e[2] <= t[0] + t[2] && e[1] + e[3] <= t[1] + t[3], fe = (e, t, n) => {
+}, pe = (e, t) => e[0] < t[0] + t[2] && t[0] < e[0] + e[2] && e[1] < t[1] + t[3] && t[1] < e[1] + e[3], me = (e, t) => e[0] >= t[0] && e[1] >= t[1] && e[0] + e[2] <= t[0] + t[2] && e[1] + e[3] <= t[1] + t[3], he = (e, t, n) => {
 	if (e.length > 400) return e.map(() => null);
 	let r = 1;
 	for (let t of e) for (let [, , e, n] of t) r = Math.max(r, e, n);
@@ -236,21 +287,21 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		return a;
 	}, o = (e) => {
 		for (let t of a(e)) i.get(t)?.push(e) ?? i.set(t, [e]);
-	}, s = (e) => de(e, n) && a(e).every((t) => !i.get(t)?.some((t) => ue(e, t)));
+	}, s = (e) => me(e, n) && a(e).every((t) => !i.get(t)?.some((t) => pe(e, t)));
 	return t.forEach(o), e.map((e) => {
 		let t = e.findIndex(s);
 		return t < 0 ? null : (o(e[t]), t);
 	});
-}, pe = /* @__PURE__ */ new WeakMap(), me = (e) => {
+}, ge = /* @__PURE__ */ new WeakMap(), _e = (e) => {
 	let t = [...e].filter((e) => !!e), n = t.map((e) => ({
 		width: e.offsetWidth,
 		height: e.offsetHeight
 	}));
-	t.forEach((e, t) => pe.set(e, n[t]));
-}, J = (e) => pe.get(e) ?? {
+	t.forEach((e, t) => ge.set(e, n[t]));
+}, J = (e) => ge.get(e) ?? {
 	width: e.offsetWidth,
 	height: e.offsetHeight
-}, he = 6, ge = (e, t, n) => e.some((e) => J(e).width * n > t - he * n), _e = (e, t, n) => t >= J(e).height * n * 1.6, ve = (e, t, n) => t >= J(e).width * n * 1.5, ye = (e, t, n, r, i = .7) => {
+}, ve = 6, ye = (e, t, n) => e.some((e) => J(e).width * n > t - ve * n), be = (e, t, n) => t >= J(e).height * n * 1.6, xe = (e, t, n) => t >= J(e).width * n * 1.5, Se = (e, t, n, r, i = .7) => {
 	e.style.setProperty(r, "1");
 	let a = 1;
 	for (let e of t) {
@@ -259,42 +310,55 @@ 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;
-}, be = (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), xe = {
+}, Ce = (e, t) => {
+	e.sort((e, t) => e.y - t.y);
+	let n = [], r = (e) => e.sum / e.items.length - (e.items.length - 1) * t / 2;
+	for (let i of e) {
+		let e = {
+			items: [i],
+			sum: i.y
+		};
+		for (let i = n.at(-1); i && r(i) + i.items.length * t > r(e); i = n.at(-1)) n.pop(), e = {
+			items: [...i.items, ...e.items],
+			sum: i.sum + e.sum
+		};
+		n.push(e);
+	}
+	for (let e of n) e.items.forEach((n, i) => n.y = r(e) + i * t);
+	return e;
+}, we = {
 	outside: [.5, 1],
 	below: [.5, 0],
 	after: [0, .5],
 	before: [1, .5]
-}, Y = (e, t, n, r, i = [.5, .5]) => {
-	let [a, o] = xe[e.dataset.place ?? ""] ?? i, { width: s, height: c } = J(e);
+}, Te = (e, t, n, r, i = [.5, .5]) => {
+	let [a, o] = we[e.dataset.place ?? ""] ?? i, { width: s, height: c } = J(e);
 	return [
 		Number.parseFloat(e.style.left) / 100 * n - s * t * a,
 		Number.parseFloat(e.style.top) / 100 * r - c * t * o,
 		s * t,
 		c * t
 	];
-}, Se = (e, t, n) => {
+}, Ee = (e, t, n) => {
 	for (let r of e) {
 		if (r.dataset.place === "none" || !r.style.left) continue;
-		let [e] = xe[r.dataset.place ?? ""] ?? [.5, .5], i = J(r).width * t, a = Number.parseFloat(r.style.left) / 100 * n, o = Math.min(Math.max(a, i * e), n - i * (1 - e));
+		let [e] = we[r.dataset.place ?? ""] ?? [.5, .5], i = J(r).width * t, a = Number.parseFloat(r.style.left) / 100 * n, o = Math.min(Math.max(a, i * e), n - i * (1 - e));
 		o !== a && (r.style.left = `${o / n * 100}%`);
 	}
-}, Ce = (e, t, n, r) => {
-	let i = e.filter((e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out")), a = we(i, t, n, r);
+}, De = (e, t, n, r) => {
+	let i = e.filter((e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out")), a = Oe(i, t, n, r);
 	i.forEach((e, t) => {
 		t % a && e.setAttribute("data-left-out", "");
 	});
-}, we = (e, t, n, r) => {
+}, Oe = (e, t, n, r) => {
 	if (e.length < 2) return 1;
-	let i = e.map((e) => Y(e, t, n, r)), a = 2 * t, o = (e, t) => e[0] + e[2] + a <= t[0] || t[0] + t[2] + a <= e[0] || e[1] + e[3] <= t[1] || t[1] + t[3] <= e[1], s = 1;
+	let i = e.map((e) => Te(e, t, n, r)), a = 2 * t, o = (e, t) => e[0] + e[2] + a <= t[0] || t[0] + t[2] + a <= e[0] || e[1] + e[3] <= t[1] || t[1] + t[3] <= e[1], s = 1;
 	for (; s < e.length && i.some((e, t) => t >= s && t % s === 0 && !o(i[t - s], e));) s++;
 	return s;
-}, Te = {
+}, ke = {
 	create(e, t) {
 		if (!e.textContent?.trim()) return null;
-		let n = ae(e, t);
+		let n = ce(e, t);
 		return n.dataset.kind = "note", n;
 	},
 	draw(t, n, r) {
@@ -321,7 +385,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		}), u.querySelector(`:scope > .${m}`)), !n) return;
 		let v = J(n).width * l, y = J(n).height * l, b = 4 * l, x = f.flat().flatMap((e) => !e.style.left || e.dataset.place === "none" || e.hasAttribute("data-left-out") ? [] : [{
 			label: e,
-			box: Y(e, l, O, c)
+			box: Te(e, l, O, c)
 		}]), S = [0, y + b / 2].flatMap((e) => [
 			[
 				g - v / 2,
@@ -341,15 +405,15 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 				v,
 				y
 			]
-		]), [C] = fe([S], [...r.taken, ...x.map((e) => e.box)], [
+		]), [C] = he([S], [...r.taken, ...x.map((e) => e.box)], [
 			0,
 			0,
 			O,
 			c
 		]), w = S[C ?? 0];
-		if (r.taken.push(w), R(n, w[0] + v / 2, w[1] + y / 2, O, c), n.style.setProperty("--after", String(d)), C === null) for (let e of x) ue(e.box, w) && e.label.setAttribute("data-left-out", "");
+		if (r.taken.push(w), R(n, w[0] + v / 2, w[1] + y / 2, O, c), n.style.setProperty("--after", String(d)), C === null) for (let e of x) pe(e.box, w) && e.label.setAttribute("data-left-out", "");
 	}
-}, Ee = (e, t, n) => {
+}, Ae = (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") {
@@ -362,25 +426,25 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	}
 	let i = Number.parseFloat(e);
 	return Number.isFinite(i) ? i : null;
-}, De = {
+}, je = {
 	create(e, t) {
 		if (!e.textContent?.trim()) return null;
-		let n = ae(e, t);
+		let n = ce(e, t);
 		return n.dataset.kind = "reference", n;
 	},
 	draw(t, n, r) {
 		let { rows: i, cx: a, y: s, x: c, height: l, unit: u, svg: d, after: f } = r, p = i.filter((e) => !e.isTotal && !e.missing), h = t.hasAttribute("data-name"), g = (t.getAttribute(h ? "data-name" : "data-value") ?? "").trim(), _, v, y;
 		if (h) {
-			let t = p.map((e) => q(e.label));
+			let t = p.map((e) => se(e.label));
 			if (r.categories[0]?.parentElement?.dataset.place === "beside" || t.some(Number.isNaN)) {
 				console.warn(`[${e}] A reference line among the names needs names that are numbers, under columns or points.`);
 				return;
 			}
-			let n = Ee(g, t, p.map((e) => e.value)), o = n === null ? -1 : t.findIndex((e, r) => e <= n && n <= (t[r + 1] ?? e)), [s, c] = [p[o], p[o + 1] ?? p[o]].map((e) => a(i.indexOf(e))), l = n === null || o < 0 || t[o + 1] === void 0 || t[o + 1] === t[o] ? 0 : (n - t[o]) / (t[o + 1] - t[o]);
+			let n = Ae(g, t, p.map((e) => e.value)), o = n === null ? -1 : t.findIndex((e, r) => e <= n && n <= (t[r + 1] ?? e)), [s, c] = [p[o], p[o + 1] ?? p[o]].map((e) => a(i.indexOf(e))), l = n === null || o < 0 || t[o + 1] === void 0 || t[o + 1] === t[o] ? 0 : (n - t[o]) / (t[o + 1] - t[o]);
 			y = n, v = o < 0 ? null : s + l * (c - s), _ = !1;
 		} else {
 			let e = !!r.frame && t.getAttribute("data-axis") === "y", n = r.frame ? r.series.flatMap((e, t) => e.group ? [] : [t])[+!!e] ?? 0 : 0;
-			y = Ee(g, p.map((e) => e.cells[n]?.value ?? e.value), p.map(() => 1)), _ = e || !c, v = y === null ? null : c && !e ? c(y) : s(y);
+			y = Ae(g, p.map((e) => e.cells[n]?.value ?? e.value), p.map(() => 1)), _ = e || !c, v = y === null ? null : c && !e ? c(y) : s(y);
 		}
 		if (v === null || y === null) {
 			console.warn(`[${e}] A reference line needs a number, "mean" or "median", not "${g}".`);
@@ -456,17 +520,17 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 					e,
 					t
 				]
-			]), [o] = fe([a], r.taken, [
+			]), [o] = he([a], r.taken, [
 				0,
 				0,
 				O,
 				l
 			]), s = a[o ?? 0];
-			r.taken.push(s), R(n, s[0] + e / 2, s[1] + t / 2, O, l), n.style.setProperty("--after", String(f)), (g === "mean" || g === "median") && oe(n, y, `the ${g}`, r, "");
+			r.taken.push(s), R(n, s[0] + e / 2, s[1] + t / 2, O, l), n.style.setProperty("--after", String(f)), (g === "mean" || g === "median") && le(n, y, `the ${g}`, r, "");
 		}
 	}
-}, Oe = (e, t, n) => ((t / e) ** (1 / n) - 1) * 100, ke = {
-	create: ae,
+}, Me = (e, t, n) => ((t / e) ** (1 / n) - 1) * 100, Ne = {
+	create: ce,
 	draw(e, t, n) {
 		let { rows: r, cx: i, y: o, unit: s, labelHeight: l, height: u, svg: d, values: f, after: p } = n, m = r[0], h = r[r.length - 1];
 		if (!m || !h) return;
@@ -509,27 +573,27 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			style: M("--after", p)
 		})), t && (R(t, y + (x - y) * A, b + (S - b) * A, O, u), t.style.setProperty("--after", String(p)));
 		let B = Number.parseFloat(e.getAttribute("data-years") || "");
-		!Number.isNaN(B) && B > 0 && oe(t, Oe(m.value, h.value, B), `${m.value} to ${h.value} over ${B} years`, n);
+		!Number.isNaN(B) && B > 0 && le(t, Me(m.value, h.value, B), `${m.value} to ${h.value} over ${B} years`, n);
 	}
-}, Ae = (e, t, n, r, i) => {
+}, Pe = (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;
-}, je = (e, t, n) => {
+}, Fe = (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
 	};
-}, Me = (e, t, n) => {
+}, Ie = (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}); ${M("--i", t.slot)}`
 	};
-}, Ne = (e, t, n = !1) => {
+}, Le = (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;
@@ -556,19 +620,19 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			cell: o
 		};
 	});
-}, Pe = (e, t, n = !1) => {
-	let r = Ne(e, t, n);
+}, Re = (e, t, n = !1) => {
+	let r = Le(e, t, n);
 	return {
 		top: Math.max(0, ...r.map((e) => e.to)),
 		bottom: Math.min(0, ...r.map((e) => e.to))
 	};
-}, Fe = (e, t) => {
-	let { top: n, bottom: r } = Pe(e, t);
+}, ze = (e, t) => {
+	let { top: n, bottom: r } = Re(e, t);
 	return n + r;
-}, Ie = (e, t, n) => {
+}, Be = (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})`);
-}, Le = (e, t) => e.some((n, r) => r !== t && !n.cell.missing && n.to !== n.from && n.from === e[t].to), Re = (e, t, n, i = {}, a = "") => {
+}, Ve = (e, t) => e.barRadius ? { "data-end": t } : {}, He = (e, t) => e.some((n, r) => r !== t && !n.cell.missing && n.to !== n.from && n.from === e[t].to), Ue = (e, t, n, i = {}, a = "") => {
 	let o = {
 		class: I(r, t),
 		"data-kind": "bar",
@@ -586,10 +650,10 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			...a,
 			class: I("tablechart-piece", t),
 			"data-row": n + 1,
-			...Me(e, t, r)
+			...Ie(e, t, r)
 		}));
 	};
-}, ze = {
+}, We = {
 	segments: (e) => e.map((e) => ({
 		...e,
 		from: 0,
@@ -610,116 +674,124 @@ 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(G(c.map((e) => J(e).width * a)), 0), p = Math.min(f + 10 * a, O * .42);
+		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(q(c.map((e) => J(e).width * a)), 0), p = Math.min(f + 10 * a, O * .42);
 		c[0]?.parentElement?.style.setProperty("--_beside", `${((p - 8 * a) / O * 100).toFixed(2)}%`);
-		let m = O - 4 * a, h = e.stacked ? Math.max(G(e.rows.map((t) => Pe(t, e.series.length).top)), 0) || 1 : Math.max(G(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => Math.abs(e.value)))), 0) || 1, g = e.stacked ? Math.max(G(e.rows.map((t) => -Pe(t, e.series.length).bottom)), 0) : Math.max(G(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => -e.value))), 0), _ = Math.max(h, e.domain?.[1] ?? 0), v = Math.max(g, -(e.domain?.[0] ?? 0)), y = Math.max(_, e.squeeze?.hi ?? 0) + v, b = (t, n) => Ae(Math.abs(t), y, n, e.squeeze, e.breakGap), x = n / t.length, S = (e) => (e + .5) * x, C = Math.min(x * l.barfill, u), w = je(x, e.series.length, u), T = s[0] ?? e.totals[0], E = T ? J(T).height * a * .56 : 0, D = Math.max(((d && !e.stacked ? w.size : C) - E) / 2, 5 * a), k = (e) => J(e).width * a, A = (e) => e.length ? G(e.map(k)) + D + 4 * a : 0, j = (t, n) => (e.rows[n].cells[t] ?? e.rows[n].cells[0]).value, N = e.seriesValues.flatMap((e, t) => e.map((e, n) => ({
+		let m = O - 4 * a, h = e.stacked ? Math.max(q(e.rows.map((t) => Re(t, e.series.length).top)), 0) || 1 : Math.max(q(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => Math.abs(e.value)))), 0) || 1, g = e.stacked ? Math.max(q(e.rows.map((t) => -Re(t, e.series.length).bottom)), 0) : Math.max(q(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => -e.value))), 0), _ = Math.max(h, e.domain?.[1] ?? 0), v = Math.max(g, -(e.domain?.[0] ?? 0)), y = Math.max(_, e.squeeze?.hi ?? 0) + v, b = (t, n) => Pe(Math.abs(t), y, n, e.squeeze, e.breakGap), x = n / t.length, S = (e) => (e + .5) * x, C = Math.min(x * l.barfill, u), w = Fe(x, e.series.length, u), T = s[0] ?? e.totals[0], E = T ? J(T).height * a * .56 : 0, D = Math.max(((d && !e.stacked ? w.size : C) - E) / 2, 5 * a), k = (e) => J(e).width * a, A = (e) => e.length ? q(e.map(k)) + D + 4 * a : 0, j = (t, n) => (e.rows[n].cells[t] ?? e.rows[n].cells[0]).value, N = e.seriesValues.flatMap((e, t) => e.map((e, n) => ({
 			label: e,
 			value: j(t, n)
 		}))), P = (t) => {
-			let n = Pe(e.rows[t], e.series.length);
+			let n = Re(e.rows[t], e.series.length);
 			return n.top === 0 && n.bottom < 0;
-		}, L = e.stacked ? A(e.totals.filter((e, t) => !P(t))) : d ? A(N.filter((e) => e.value >= 0).map((e) => e.label)) : 0, z = e.stacked ? A(e.totals.filter((e, t) => P(t))) : d ? A(N.filter((e) => e.value < 0).map((e) => e.label)) : 0, B = (t, n) => e.labels === "inside" && ve(t, n, a);
-		if (!d && !e.stacked) for (let e = 0; e < 3; e++) {
-			let e = m - p - L - z, n = t.map((e, t) => ({
-				seg: e,
-				label: s[t]
-			})).filter(({ seg: t, label: n }) => !B(n, b(t.value, e))), r = A(n.filter(({ seg: e }) => e.value >= 0).map(({ label: e }) => e)), i = A(n.filter(({ seg: e }) => e.value < 0).map(({ label: e }) => e));
-			if (r <= L && i <= z) break;
-			L = Math.max(L, r), z = Math.max(z, i);
+		}, L = e.stacked ? A(e.totals.filter((e, t) => !P(t))) : d ? A(N.filter((e) => e.value >= 0).map((e) => e.label)) : 0, z = e.stacked ? A(e.totals.filter((e, t) => P(t))) : d ? A(N.filter((e) => e.value < 0).map((e) => e.label)) : 0, B = (t, n) => e.labels === "inside" && xe(t, n, a), V = d && !e.stacked && e.labels === "inside" && !!T && J(T).height * a <= w.size;
+		if (V && (L = z = 0), V || !d && !e.stacked) {
+			let e = d ? N.filter(({ label: e }) => e.dataset.missing === void 0) : t.map((e, t) => ({
+				label: s[t],
+				value: e.value
+			}));
+			for (let t = 0; t < 3; t++) {
+				let t = m - p - L - z, n = e.filter(({ label: e, value: n }) => !B(e, b(n, t))), r = A(n.filter(({ value: e }) => e >= 0).map(({ label: e }) => e)), i = A(n.filter(({ value: e }) => e < 0).map(({ label: e }) => e));
+				if (r <= L && i <= z) break;
+				L = Math.max(L, r), z = Math.max(z, i);
+			}
 		}
-		let V = m - p - L - z, H = p + z + b(v, V), U = (e) => e < 0 ? H - b(e, V) : H + b(e, V);
-		if (e.squeeze && (e.breakX = U(e.squeeze.gap)), e.x = U, e.stacked) {
+		let H = m - p - L - z, U = p + z + b(v, H), W = (e) => e < 0 ? U - b(e, H) : U + b(e, H);
+		if (e.squeeze && (e.breakX = W(e.squeeze.gap)), e.x = W, e.stacked) {
 			let t = e.length("--tablechart-stack-gap", "1px") ?? a;
 			e.rows.forEach((r, i) => {
-				let o = Pe(r, e.series.length), s = Re(e, r, i, { "data-grow": "right" }, o.bottom < 0 ? `${H - U(o.bottom)}px center` : ""), l = S(i) - C / 2, u = Ne(r, e.series.length);
+				let o = Re(r, e.series.length), s = Ue(e, r, i, { "data-grow": "right" }, o.bottom < 0 ? `${U - W(o.bottom)}px center` : ""), l = S(i) - C / 2, u = Le(r, e.series.length);
 				u.forEach(({ from: r, to: o, cell: c }, d) => {
 					let f = e.seriesValues[d][i];
 					if (f.dataset.place = "none", c.missing || o === r) return;
-					let p = Math.min(U(r), U(o)), m = Math.max(U(r), U(o)), h = Le(u, d) ? Math.min(t, (m - p) / 2) : 0, [g, _] = U(o) > U(r) ? [p, m - h] : [p + h, m];
+					let p = Math.min(W(r), W(o)), m = Math.max(W(r), W(o)), h = He(u, d) ? Math.min(t, (m - p) / 2) : 0, [g, _] = W(o) > W(r) ? [p, m - h] : [p + h, m];
 					s(d, {
 						x: g,
 						y: l,
 						width: Math.max(_ - g, 1),
 						height: C,
-						...o < r && { "data-grow": "left" }
-					}), f.dataset.place = "inside", f.toggleAttribute("data-left-out", !ve(f, m - p, a) || J(f).height * a > C), Ie(f, e, d), R(f, (p + m) / 2, S(i), O, n);
+						...o < r && { "data-grow": "left" },
+						...!He(u, d) && Ve(e, o < r ? "left" : "right")
+					}), f.dataset.place = "inside", f.toggleAttribute("data-left-out", !xe(f, m - p, a) || J(f).height * a > C), Be(f, e, d), R(f, (p + m) / 2, S(i), O, n);
 				});
 				let d = e.totals[i];
-				d && (d.dataset.place = P(i) ? "before" : "after", R(d, P(i) ? U(o.bottom) - D : U(o.top) + D, S(i), O, n));
+				d && (d.dataset.place = P(i) ? "before" : "after", R(d, P(i) ? W(o.bottom) - D : W(o.top) + D, S(i), O, n));
 				let f = c[i];
 				f && R(f, p - 8 * a, S(i), O, n);
 			}), o.appendChild(F("line", {
 				class: i,
-				x1: H,
-				x2: H,
+				x1: U,
+				x2: U,
 				y1: 0,
 				y2: n
 			}));
 			return;
 		}
 		if (d) {
-			let t = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), s = ye(e.plot, t, (e) => ({
+			let t = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), s = Se(e.plot, t, (e) => ({
 				size: J(e).height * a,
 				room: w.size + w.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.series.forEach((c, l) => {
+					let u = t.cells[l] ?? t.cells[0], d = e.seriesValues[l][i];
+					if (u.missing) {
+						d.dataset.place = "none";
 						return;
 					}
-					let d = U(l.value), f = l.value < 0, p = S(i) + w.offset(c), m = Math.max(Math.abs(d - H), 1);
-					l.value !== 0 && o.appendChild(F("rect", {
+					let f = W(u.value), p = u.value < 0, m = S(i) + w.offset(l), h = Math.max(Math.abs(f - U), 1);
+					u.value !== 0 && o.appendChild(F("rect", {
 						class: I(r, t),
 						"data-kind": "bar",
 						"data-row": i + 1,
-						"data-grow": f ? "left" : "right",
-						x: f ? H - m : H,
-						y: p,
-						width: m,
+						"data-grow": p ? "left" : "right",
+						x: p ? U - h : U,
+						y: m,
+						width: h,
 						height: w.size,
-						...Me(e, t, c)
-					})), u.dataset.place = f ? "before" : "after", u.toggleAttribute("data-left-out", !s), R(u, f ? d - D : d + D, p + w.size / 2, O, n);
+						...Ve(e, p ? "left" : "right"),
+						...Ie(e, t, l)
+					}));
+					let g = V && B(d, Math.abs(f - U)), _ = Math.max(Math.min(D, Math.abs(f - U) - k(d) - 6 * a), 6 * a), v = p ? 1 : -1;
+					d.dataset.place = g ? "inside" : p ? "before" : "after", d.toggleAttribute("data-left-out", !s), g && Be(d, e, l), R(d, g ? e.insideAlign === "center" ? (U + f) / 2 : e.insideAlign === "start" ? U - v * (_ + k(d) / 2) : f + v * (_ + k(d) / 2) : p ? f - D : f + D, m + w.size / 2, O, n);
 				});
 				let l = c[i];
 				l && R(l, p - 8 * a, S(i), O, n);
 			}), o.appendChild(F("line", {
 				class: i,
-				x1: H,
-				x2: H,
+				x1: U,
+				x2: U,
 				y1: 0,
 				y2: n
 			}));
 			return;
 		}
-		let ee = t.map((e, t) => B(s[t], Math.abs(U(e.value) - H)));
+		let ee = t.map((e, t) => B(s[t], Math.abs(W(e.value) - U)));
 		t.forEach((t, i) => {
-			let l = U(t.value), u = S(i), d = t.value < 0, f = Math.abs(l - H), m = Math.max(f, 1);
+			let l = W(t.value), u = S(i), d = t.value < 0, f = Math.abs(l - U), m = Math.max(f, 1);
 			t.value !== 0 && o.appendChild(F("rect", {
 				class: I(r, t),
 				"data-kind": t.kind,
 				"data-row": i + 1,
 				"data-grow": d ? "left" : "right",
-				x: d ? H - m : H,
+				x: d ? U - m : U,
 				y: u - C / 2,
 				width: m,
 				height: C,
+				...Ve(e, d ? "left" : "right"),
 				style: M("--i", t.slot)
 			}));
 			let h = s[i], g = Math.max(Math.min(D, f - k(h) - 6 * a), 6 * a), _ = d ? 1 : -1;
-			h.dataset.place = ee[i] ? "inside" : d ? "before" : "after", h.dataset.kind = t.kind, R(h, ee[i] ? e.insideAlign === "center" ? (H + l) / 2 : e.insideAlign === "start" ? H - _ * (g + k(h) / 2) : l + _ * (g + k(h) / 2) : l - _ * D, u, O, n);
+			h.dataset.place = ee[i] ? "inside" : d ? "before" : "after", h.dataset.kind = t.kind, R(h, ee[i] ? e.insideAlign === "center" ? (U + l) / 2 : e.insideAlign === "start" ? U - _ * (g + k(h) / 2) : l + _ * (g + k(h) / 2) : l - _ * D, u, O, n);
 			let v = c[i];
 			v && R(v, p - 8 * a, u, O, n);
 		}), o.appendChild(F("line", {
 			class: i,
-			x1: H,
-			x2: H,
+			x1: U,
+			x2: U,
 			y1: 0,
 			y2: n
 		}));
 	}
-}, Be = {
+}, Ge = {
 	segments: (e) => e.map((e) => ({
 		...e,
 		from: 0,
@@ -739,18 +811,19 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		if (e.stacked) {
 			let t = e.length("--tablechart-stack-gap", "1px") ?? c;
 			e.rows.forEach((r, i) => {
-				let l = Pe(r, e.series.length), u = Re(e, r, i, {}, l.bottom < 0 ? `center ${p - a(l.top)}px` : ""), d = n(i) - o / 2, f = Ne(r, e.series.length);
+				let l = Re(r, e.series.length), u = Ue(e, r, i, {}, l.bottom < 0 ? `center ${p - a(l.top)}px` : ""), d = n(i) - o / 2, f = Le(r, e.series.length);
 				f.forEach(({ from: r, to: l, cell: p }, m) => {
 					let h = e.seriesValues[m][i];
 					if (h.dataset.place = "none", p.missing || l === r) return;
-					let g = Math.min(a(l), a(r)), _ = Math.max(a(l), a(r)), v = Le(f, m) ? Math.min(t, (_ - g) / 2) : 0, [y, b] = a(l) < a(r) ? [g + v, _] : [g, _ - v];
+					let g = Math.min(a(l), a(r)), _ = Math.max(a(l), a(r)), v = He(f, m) ? Math.min(t, (_ - g) / 2) : 0, [y, b] = a(l) < a(r) ? [g + v, _] : [g, _ - v];
 					u(m, {
 						x: d,
 						y,
 						width: o,
 						height: Math.max(b - y, 1),
-						...l < r && { "data-grow": "down" }
-					}), h.dataset.place = "inside", h.toggleAttribute("data-left-out", !_e(h, _ - g, c) || J(h).width * c > o - 4 * c), Ie(h, e, m), R(h, n(i), (g + _) / 2, O, s);
+						...l < r && { "data-grow": "down" },
+						...!He(f, m) && Ve(e, l < r ? "bottom" : "top")
+					}), h.dataset.place = "inside", h.toggleAttribute("data-left-out", !be(h, _ - g, c) || J(h).width * c > o - 4 * c), Be(h, e, m), R(h, n(i), (g + _) / 2, O, s);
 				});
 				let m = e.totals[i];
 				if (m) {
@@ -767,29 +840,32 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			return;
 		}
 		if (e.own.length > 1) {
-			let t = je(n(1) - n(0) || n(0) * 2, e.own.length, e.barMax), o = e.own.flatMap((t) => e.seriesValues[t]).filter((e) => e.dataset.missing === void 0), u = ye(e.plot, o, (e) => ({
+			let t = Fe(n(1) - n(0) || n(0) * 2, e.own.length, e.barMax), o = e.own.flatMap((t) => e.seriesValues[t]).filter((e) => e.dataset.missing === void 0), u = Se(e.plot, o, (e) => ({
 				size: J(e).width * c,
 				room: t.size + t.gap * .5
-			}), "--_fit");
+			}), "--_fit"), m = d === "inside" && !ye(o, t.size, c), h = o[0] ? J(o[0]).height * c * .56 : 0, g = Math.min(...o.map((e) => (t.size - J(e).width * c) / 2));
 			e.rows.forEach((i, o) => {
-				e.own.forEach((d, f) => {
-					let m = i.cells[d] ?? i.cells[0], h = e.seriesValues[d][o], g = n(o) + t.offset(f);
-					if (m.missing) {
-						h.dataset.place = "none";
+				e.own.forEach((d, _) => {
+					let v = i.cells[d] ?? i.cells[0], y = e.seriesValues[d][o], b = n(o) + t.offset(_);
+					if (v.missing) {
+						y.dataset.place = "none";
 						return;
 					}
-					let _ = a(m.value), v = m.value < 0, y = Math.max(Math.abs(p - _), 1);
-					m.value !== 0 && l.appendChild(F("rect", {
+					let x = a(v.value), S = v.value < 0, C = Math.max(Math.abs(p - x), 1);
+					v.value !== 0 && l.appendChild(F("rect", {
 						class: I(r, i),
 						"data-kind": "bar",
 						"data-row": o + 1,
-						...v && { "data-grow": "down" },
-						x: g,
-						y: v ? p : p - y,
+						...S && { "data-grow": "down" },
+						x: b,
+						y: S ? p : p - C,
 						width: t.size,
-						height: y,
-						...Me(e, i, d)
-					})), h.dataset.place = v ? "below" : "outside", h.toggleAttribute("data-left-out", !u), R(h, g + t.size / 2, v ? _ + 4 * c : _ - 4 * c, O, s);
+						height: C,
+						...Ve(e, S ? "bottom" : "top"),
+						...Ie(e, i, d)
+					}));
+					let w = m && be(y, Math.abs(p - x), c), T = S ? -1 : 1, E = Math.min(g, (Math.abs(p - x) - h) / 2), D = f === "center" ? (x + p) / 2 : f === "start" ? p - T * (E + h / 2) : x + T * (E + h / 2);
+					y.dataset.place = w ? "inside" : S ? "below" : "outside", y.toggleAttribute("data-left-out", !u), w && Be(y, e, d), R(y, b + t.size / 2, w ? D : S ? x + 4 * c : x - 4 * c, O, s);
 				});
 			}), l.appendChild(F("line", {
 				class: i,
@@ -800,7 +876,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			}));
 			return;
 		}
-		let m = e.own[0], h = e.own.length < e.series.length, g = ge(u, o, c), _ = t.map((e, t) => d === "inside" && !g && !e.missing && _e(u[t], Math.abs(p - a(e.value)), c)), v = u[0] ? J(u[0]).height * c * .56 : 0, y = Infinity;
+		let m = e.own[0], h = e.own.length < e.series.length, g = ye(u, o, c), _ = t.map((e, t) => d === "inside" && !g && !e.missing && be(u[t], Math.abs(p - a(e.value)), c)), v = u[0] ? J(u[0]).height * c * .56 : 0, y = Infinity;
 		for (let [e, t] of u.entries()) _[e] && (y = Math.min(y, (o - J(t).width * c) / 2));
 		t.forEach((t, i) => {
 			let d = a(t.value), g = t.value < 0;
@@ -818,11 +894,12 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 				y: g ? p : p - b,
 				width: o,
 				height: b,
+				...Ve(e, g ? "bottom" : "top"),
 				style: M("--i", t.slot),
-				...h && Me(e, t, m)
+				...h && Ie(e, t, m)
 			}));
 			let x = g ? -1 : 1, S = Math.min(y, (Math.abs(p - d) - v) / 2), C = f === "center" ? (d + p) / 2 : f === "start" ? p - x * (S + v / 2) : d + x * (S + v / 2), w = g ? d + 4 * c : d - 4 * c;
-			R(u[i], n(i), _[i] ? C : w, O, s), u[i].dataset.place = _[i] ? "inside" : g ? "below" : "outside", h && _[i] && Ie(u[i], e, m);
+			R(u[i], n(i), _[i] ? C : w, O, s), u[i].dataset.place = _[i] ? "inside" : g ? "below" : "outside", h && _[i] && Be(u[i], e, m);
 		}), l.appendChild(F("line", {
 			class: i,
 			x1: 0,
@@ -831,7 +908,10 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			y2: p
 		}));
 	}
-}, Ve = 0, He = (e) => e.filter((e) => !e.isTotal), Ue = {
+}, Ke = (e, t, n, r, i, a, o, s) => {
+	let c = (r, a) => [e + r * Math.cos(n) - i * a * Math.sin(n), t + r * Math.sin(n) + i * a * Math.cos(n)], l = s ? r - o : r + o, u = Math.sqrt(Math.max(l ** 2 - (a + o) ** 2, 0)), d = r / l, f = s ? r + 8 : r - 3, p = f / l, m = Math.max(a - 1, 0), [h, g] = c(u * d, (a + o) * d), [_, v] = c(u, a), [y, b] = c(u, a + o), x = +((h - y) * (v - b) - (g - b) * (_ - y) > 0), S = (e) => `${P(e[0])},${P(e[1])}`;
+	return `M${S([h, g])}A${P(o)},${P(o)} 0 0 ${x} ${S([_, v])}L${S(c(u, m))}L${S(c(f, m))}L${S(c(u * p, (a + o) * p))}Z`;
+}, Y = 0, qe = (e) => e.filter((e) => !e.isTotal), Je = {
 	aspect: .66,
 	centre: !0,
 	headroom: () => 0,
@@ -842,43 +922,43 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		kind: "bar"
 	})),
 	draw({ rows: e, height: t, unit: n, labelHeight: r, svg: i, values: a, config: o, centre: s }) {
-		let c = O / 2, u = t / 2, d = He(e).reduce((e, t) => e + Math.abs(t.value), 0);
+		let c = O / 2, u = t / 2, d = qe(e).reduce((e, t) => e + Math.abs(t.value), 0);
 		if (!d) return;
-		let f = r * 1.2 + 10 * n, p = Math.max(Math.min(O, t) / 2 - f, 10), m = p * o.ringfill, h = p - m / 2, g = 2 * Math.PI * h, _ = [], v = 0, y = 0, b = 0;
+		let f = r * 1.2 + 10 * n, p = Math.max(Math.min(O, t) / 2 - f, 10), m = p * o.ringfill, h = p - m / 2, g = 2 * Math.PI * h, _ = [], v = [], y = 0, b = 0, x = 0;
 		if (e.forEach((e, o) => {
 			let s = a[o];
 			if (e.isTotal) {
 				s.dataset.place = "none";
 				return;
 			}
-			let f = Math.abs(e.value) / d, x = j(b, f), S = `--share:${f.toFixed(4)}; --start:${x.start.toFixed(4)}; --span:${x.span.toFixed(4)};`, C = f * g, w = v / g * 2 * Math.PI - Math.PI / 2;
-			_.push(w), i.appendChild(F("circle", {
+			let f = Math.abs(e.value) / d, S = j(x, f), C = `--share:${f.toFixed(4)}; --start:${S.start.toFixed(4)}; --span:${S.span.toFixed(4)};`, w = f * g, T = y / g * 2 * Math.PI - Math.PI / 2;
+			_.push(T), v.push(w / g * 2 * Math.PI), i.appendChild(F("circle", {
 				class: I(l, e),
-				"data-slice": y + 1,
+				"data-slice": b + 1,
 				"data-row": o + 1,
 				cx: c,
 				cy: u,
 				r: h,
 				"stroke-width": m,
 				transform: `rotate(-90 ${c} ${u})`,
-				"stroke-dasharray": `${C.toFixed(1)} ${(g - C).toFixed(1)}`,
-				"stroke-dashoffset": (-v).toFixed(1),
-				style: `--n:${y}; --palette:var(--tablechart-color-${y + 1}); --arc:${C.toFixed(1)}; --circ:${g.toFixed(1)}; ${S} --ease:${x.easing}; ${M("--i", e.slot)}`
+				"stroke-dasharray": `${w.toFixed(1)} ${(g - w).toFixed(1)}`,
+				"stroke-dashoffset": (-y).toFixed(1),
+				style: `--n:${b}; --palette:var(--tablechart-color-${b + 1}); --arc:${w.toFixed(1)}; --circ:${g.toFixed(1)}; ${C} --ease:${S.easing}; ${M("--i", e.slot)}`
 			}));
-			let T = w + C / g * Math.PI, E = Math.cos(T), D = Math.sin(T);
+			let E = T + w / g * Math.PI, D = Math.cos(E), k = Math.sin(E);
 			i.appendChild(F("line", {
 				class: "tablechart-leader",
-				x1: c + E * (p + 2 * n),
-				y1: u + D * (p + 2 * n),
-				x2: c + E * (p + 7 * n),
-				y2: u + D * (p + 7 * n),
+				x1: c + D * (p + 2 * n),
+				y1: u + k * (p + 2 * n),
+				x2: c + D * (p + 7 * n),
+				y2: u + k * (p + 7 * n),
 				"data-row": o + 1,
-				style: `${S} ${M("--i", e.slot)}`
-			})), s.style.setProperty("--start", x.start.toFixed(4)), s.style.setProperty("--span", x.span.toFixed(4));
-			let k = p + 9 * n, A = J(s).width * n / 2;
-			R(s, c + E * (k + Math.abs(E) * A), u + D * (k + Math.abs(D) * r * .7), O, t), s.dataset.place = "around", v += C, b += f, y += 1;
+				style: `${C} ${M("--i", e.slot)}`
+			})), s.style.setProperty("--start", S.start.toFixed(4)), s.style.setProperty("--span", S.span.toFixed(4));
+			let A = p + 9 * n, N = J(s).width * n / 2;
+			R(s, c + D * (A + Math.abs(D) * N), u + k * (A + Math.abs(k) * r * .7), O, t), s.dataset.place = "around", y += w, x += f, b += 1;
 		}), _.length > 1) {
-			let e = h - m / 2 - 1, n = h + m / 2 + 1, r = `tablechart-slices-${++Ve}`, a = F("mask", {
+			let e = h - m / 2 - 1, n = h + m / 2 + 1, r = `tablechart-slices-${++Y}`, a = F("mask", {
 				id: r,
 				maskUnits: "userSpaceOnUse"
 			});
@@ -896,10 +976,21 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 				x2: c + Math.cos(t) * n,
 				y2: u + Math.sin(t) * n
 			}));
-			let o = F("g", { mask: `url(#${r})` });
-			for (let e of Array.from(i.querySelectorAll(`.${l}`))) o.appendChild(e);
-			let s = F("defs");
-			s.appendChild(a), i.prepend(s, o);
+			let o = getComputedStyle(i), s = Number.parseFloat(o.getPropertyValue("--tablechart-slice-radius")) || 0;
+			if (s > 0) {
+				let e = Number.parseFloat(o.getPropertyValue("--tablechart-slice-gap").trim() || "4"), t = [h - m / 2, h + m / 2], n = (n) => Math.min(s, m / 2, Math.max((v[n] * t[0] - e) / 2, 0));
+				_.forEach((r, i) => {
+					let o = n((i - 1 + _.length) % _.length);
+					for (let [s, l] of [[1, n(i)], [-1, o]]) if (l > 0) for (let n of t) a.appendChild(F("path", {
+						d: Ke(c, u, r, n, s, e / 2, l, n === t[1]),
+						fill: "black"
+					}));
+				});
+			}
+			let d = F("g", { mask: `url(#${r})` });
+			for (let e of Array.from(i.querySelectorAll(`.${l}`))) d.appendChild(e);
+			let f = F("defs");
+			f.appendChild(a), i.prepend(f, d);
 		}
 		s && R(s, c, u, O, t);
 	}
@@ -907,13 +998,18 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	"circle",
 	"square",
 	"diamond"
-], We = (e, t) => {
-	let n = e[t]?.marker?.toLowerCase().split(/\s+/) ?? [], r = X.find((e) => n.includes(e));
+], Ye = (e, t) => {
+	let n = e[t]?.marker?.toLowerCase().split(/\s+/) ?? [];
+	if (n.includes("none")) return {
+		shape: "none",
+		open: !1
+	};
+	let r = X.find((e) => n.includes(e));
 	return {
 		shape: r ?? X[Math.floor(t / 2) % X.length],
 		open: n.includes("open") || !n.includes("filled") && !r && t % 2 == 1
 	};
-}, Ge = (e, t, n, r, i = {}) => {
+}, Xe = (e, t, n, r, i = {}) => {
 	if (e === "square") {
 		let e = r * .88;
 		return F("rect", {
@@ -945,7 +1041,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		...i
 	});
 }, Z = (e) => Number(e.toFixed(2));
-function Ke(e, t) {
+function Ze(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);
@@ -962,24 +1058,24 @@ function Ke(e, t) {
 	};
 	return i[0] = a(0, 1, i[1]), i[n - 1] = a(n - 2, n - 1, i[n - 2]), i;
 }
-function qe(e, t, n, r) {
+function Qe(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 Je(e, t, n, r) {
-	let [i, a] = qe(e, t, n, r), o = ([e, t]) => `${Z(e)},${Z(t)}`;
+function $e(e, t, n, r) {
+	let [i, a] = Qe(e, t, n, r), o = ([e, t]) => `${Z(e)},${Z(t)}`;
 	return `C${o(i)} ${o(a)} ${o(t)}`;
 }
-function Ye(e, t, n) {
+function et(e, t, n) {
 	let r = Array(e).fill(0), i = [], a = () => {
-		Ke(i.map((e) => n(e)[0]), i.map((e) => n(e)[1])).forEach((e, t) => {
+		Ze(i.map((e) => n(e)[0]), i.map((e) => n(e)[1])).forEach((e, t) => {
 			r[i[t]] = e;
 		}), i = [];
 	};
 	for (let n = 0; n < e; n++) t(n) ? a() : i.push(n);
 	return a(), r;
 }
-var Xe = (e) => {
+var tt = (e) => {
 	let t = e.length, n = e.reduce((e, t) => e + t.x, 0) / t, r = e.reduce((e, t) => e + t.y, 0) / t, i = e.reduce((e, t) => e + (t.x - n) ** 2, 0), a = i ? e.reduce((e, t) => e + (t.x - n) * (t.y - r), 0) / i : 0, o = (e) => r + a * (e - n), s = t > 2 ? Math.sqrt(e.reduce((e, t) => e + (t.y - o(t.x)) ** 2, 0) / (t - 2)) : 0, c = i ? s / Math.sqrt(i) : 0;
 	return {
 		at: o,
@@ -987,7 +1083,7 @@ var Xe = (e) => {
 		t: c ? a / c : a ? Infinity : 0,
 		n: t
 	};
-}, Ze = [
+}, nt = [
 	12.71,
 	4.3,
 	3.18,
@@ -1003,29 +1099,29 @@ var Xe = (e) => {
 	2.16,
 	2.14,
 	2.13
-], Qe = (e) => Ze[e - 1] ?? (e < 30 ? 2.1 : 2), $e = (e) => {
+], rt = (e) => nt[e - 1] ?? (e < 30 ? 2.1 : 2), it = (e) => {
 	let t = e.map((e) => e.y), n = Math.min(...t), r = Math.max(...t), i = n < 0 && r > 0, a = r - n || 1;
 	return {
 		mean: t.reduce((e, t) => e + t, 0) / t.length,
 		share: (e, t) => e / (i ? a : Math.abs(t) || a) * 100
 	};
-}, et = (e, t = 5, n = 25) => {
+}, at = (e, t = 5, n = 25) => {
 	if (e.length < 4) return null;
-	let { mean: r, share: i } = $e(e), a = (t) => e.filter((e) => Math.abs(i(e.y - t(e.x), t(e.x))) > n), o = (t) => t.length <= e.length / 5, s = Xe(e), c = a(s.at);
-	c.length && o(c) && (s = Xe(e.filter((e) => !c.includes(e))), c = a(s.at)), o(c) || (s = Xe(e), c = []);
-	let l = s.at, u = e[0], d = e[e.length - 1], f = i(l(d.x) - l(u.x), r), p = Math.abs(s.t) >= Qe(s.n - 2), m = Math.abs(i(s.spread, r)) < t, h = Math.abs(f) < t ? "flat" : f > 0 ? "up" : "down", g = h === "flat" ? m ? "flat" : "unclear" : p ? h : "unclear";
+	let { mean: r, share: i } = it(e), a = (t) => e.filter((e) => Math.abs(i(e.y - t(e.x), t(e.x))) > n), o = (t) => t.length <= e.length / 5, s = tt(e), c = a(s.at);
+	c.length && o(c) && (s = tt(e.filter((e) => !c.includes(e))), c = a(s.at)), o(c) || (s = tt(e), c = []);
+	let l = s.at, u = e[0], d = e[e.length - 1], f = i(l(d.x) - l(u.x), r), p = Math.abs(s.t) >= rt(s.n - 2), m = Math.abs(i(s.spread, r)) < t, h = Math.abs(f) < t ? "flat" : f > 0 ? "up" : "down", g = h === "flat" ? m ? "flat" : "unclear" : p ? h : "unclear";
 	return {
 		course: g,
 		line: l,
 		outside: g === "unclear" ? [] : c
 	};
-}, tt = (e) => e.map((e) => ({
+}, ot = (e) => e.map((e) => ({
 	...e,
 	from: 0,
 	to: e.value,
 	kind: "bar"
-})), nt = (e) => ({
-	segments: tt,
+})), st = (e) => ({
+	segments: ot,
 	series: !0,
 	stackable: !0,
 	running: !0,
@@ -1035,7 +1131,7 @@ var Xe = (e) => {
 	draw(t) {
 		let { rows: n, series: r, own: a, seriesValues: o, names: s, cx: c, y: l, height: f, unit: p, labelHeight: g, svg: _, stacked: v } = t, y = a.length < r.length, b = t.shape === "step", x = t.shape === "smooth", S = r.length > 1, C = r.some((e) => e.focus), w = n.length - 1, T = l(0), E = n.length > 1 ? c(1) - c(0) : c(0) * 2;
 		_.style.setProperty("--_base", `${Z(T)}px`);
-		let D = (e) => `--rise:${Z(T - e)}px; `, k = (e, t) => n[t]?.cells[e] ?? n[t]?.cells[0], A = (e, t) => !k(e, t) || !!k(e, t)?.missing, j = n.map((e) => v ? Ne(e, r.length, !0) : null), M = (e, t) => j[t]?.[e].to ?? k(e, t)?.value ?? 0, N = (e, t) => j[t]?.[e].from ?? 0, P = (e, t) => [c(t), l(M(e, t))], I = r.map((e, t) => {
+		let D = (e) => `--rise:${Z(T - e)}px; `, k = (e, t) => n[t]?.cells[e] ?? n[t]?.cells[0], A = (e, t) => !k(e, t) || !!k(e, t)?.missing, j = n.map((e) => v ? Le(e, r.length, !0) : null), M = (e, t) => j[t]?.[e].to ?? k(e, t)?.value ?? 0, N = (e, t) => j[t]?.[e].from ?? 0, P = (e, t) => [c(t), l(M(e, t))], I = r.map((e, t) => {
 			if (!S) return {
 				attrs: {},
 				ink: ""
@@ -1055,71 +1151,74 @@ var Xe = (e) => {
 			return n.forEach((n, i) => {
 				A(e, i) || (r < 0 && (r = i), (i === w || A(e, i + 1)) && ((b || i > r) && t.push([r, i]), r = -1));
 			}), t;
-		}, U = (e, t) => `--i:${Z(B(e) + 1)}; --d:${Z(B(b ? t + 1 : t) - B(e))}`, te = (e, t) => ({
+		}, U = (e, t) => `--i:${Z(B(e) + 1)}; --d:${Z(B(b ? t + 1 : t) - B(e))}`, ee = (e, t) => ({
 			"data-from": e + 1,
 			"data-to": t + 1,
 			...b && { "data-flat": "" }
-		}), W = x ? r.map((e, t) => Ye(n.length, (e) => A(t, e), (e) => P(t, e))) : [], ne = x && e ? r.map((e, t) => Ye(n.length, (e) => A(t, e), (e) => [c(e), l(N(t, e))])) : [], G = (e, t, n) => {
+		}), te = x ? r.map((e, t) => et(n.length, (e) => A(t, e), (e) => P(t, e))) : [], re = x && e ? r.map((e, t) => et(n.length, (e) => A(t, e), (e) => [c(e), l(N(t, e))])) : [], G = (e, t, n) => {
 			let r = [];
 			return e.forEach(([i, a], o) => {
-				b ? (r.push(`H${Z(i + n * E / 2)}`), o < e.length - 1 && r.push(`V${Z(e[o + 1][1])}`)) : o > 0 && r.push(t ? Je(e[o - 1], [i, a], t[o - 1], t[o]) : `L${Z(i)},${Z(a)}`);
+				b ? (r.push(`H${Z(i + n * E / 2)}`), o < e.length - 1 && r.push(`V${Z(e[o + 1][1])}`)) : o > 0 && r.push(t ? $e(e[o - 1], [i, a], t[o - 1], t[o]) : `L${Z(i)},${Z(a)}`);
 			}), r;
-		}, re = (e, t, r, i) => n.slice(t, r + 1).map((n, r) => [c(t + r), l(i(e, t + r))]), K = (e, t, n, r) => x ? e[t].slice(n, r + 1) : null, ie = (e) => c(e) - (b ? E / 2 : 0), q = (e) => c(e) + (b ? E / 2 : 0), ae = (e) => {
+		}, K = (e, t, r, i) => n.slice(t, r + 1).map((n, r) => [c(t + r), l(i(e, t + r))]), q = (e, t, n, r) => x ? e[t].slice(n, r + 1) : null, ie = (e) => c(e) - (b ? E / 2 : 0), ae = (e) => c(e) + (b ? E / 2 : 0), [oe, se] = (v ? [] : a.flatMap((e) => n.flatMap((t, n) => A(e, n) ? [] : [l(M(e, n))]))).reduce(([e, t], n) => [Math.min(e, n), Math.max(t, n)], [T, T]), ce = (e) => `fill:url(#${W(_, oe, T, se, {
+			style: I[e].ink,
+			...C && !r[e].focus && { "data-muted": "" }
+		})}); `, le = (e) => {
 			let t = F("g", {
 				class: d,
 				...I[e].attrs,
 				...v && { "data-stacked": "" },
-				style: I[e].ink
+				style: `${I[e].ink}${v ? "" : ce(e)}`
 			}), n = H(e), r = F("g", {
 				class: "tablechart-area-fill",
 				style: `--rows:${Z(L + 1)}; ${n.length ? U(...n[0]) : ""}`
 			});
 			t.appendChild(r);
 			for (let [t, i] of n) {
-				let n = re(e, t, i, M), a = re(e, t, i, N), o = K(ne, e, t, i)?.reverse() ?? null, s = [
+				let n = K(e, t, i, M), a = K(e, t, i, N), o = q(re, e, t, i)?.reverse() ?? null, s = [
 					`M${Z(ie(t))},${Z(a[0][1])}`,
 					`L${Z(ie(t))},${Z(n[0][1])}`,
-					...G(n, K(W, e, t, i), 1),
-					`L${Z(q(i))},${Z(a[a.length - 1][1])}`,
+					...G(n, q(te, e, t, i), 1),
+					`L${Z(ae(i))},${Z(a[a.length - 1][1])}`,
 					...G(a.reverse(), o, -1),
 					"Z"
 				].join(" ");
 				r.appendChild(F("path", {
 					d: s,
-					...te(t, i),
+					...ee(t, i),
 					style: U(t, i)
 				}));
 			}
 			_.appendChild(t);
-		}, oe = (e) => {
+		}, ue = (e) => {
 			let t = r[e];
 			for (let [n, r] of H(e)) {
-				let i = re(e, n, r, M), a = [`M${Z(ie(n))},${Z(i[0][1])}`, ...G(i, K(W, e, n, r), 1)].join(" ");
+				let i = K(e, n, r, M), a = [`M${Z(ie(n))},${Z(i[0][1])}`, ...G(i, q(te, e, n, r), 1)].join(" ");
 				_.appendChild(F("path", {
 					class: u,
 					...I[e].attrs,
 					d: a,
 					...t.line && { "data-line": t.line },
-					...te(n, r),
+					...ee(n, r),
 					style: `${I[e].ink}${U(n, r)}`
 				}));
 			}
-		}, se = (e) => {
-			let i = a.map((e) => r[e]), o = r.map((e, t) => y ? We(i, a.indexOf(t)) : S ? We(r, t) : {
+		}, de = (e) => {
+			let i = a.map((e) => r[e]), o = r.map((e, t) => y ? Ye(i, a.indexOf(t)) : S ? Ye(r, t) : {
 				shape: "circle",
 				open: !1
 			}), s = (e, t, n) => {
 				let [r, i] = P(e, t);
-				return Ge(o[e].shape, r, i, 4 * p, {
+				return Xe(o[e].shape, r, i, 3 * p, {
 					...n,
 					style: `${n.style ?? ""}${D(i)}${V(t)}`
 				});
-			}, c = (t) => n.map((e, t) => t).filter((n) => !A(t, n) && e(t, n)), l = a.flatMap((e) => o[e].open ? c(e).map((t) => s(e, t, {
+			}, c = (t) => /\bnone\b/.test(r[t].marker ?? "") ? [] : n.map((e, t) => t).filter((n) => !A(t, n) && e(t, n)), l = a.flatMap((e) => o[e].open ? c(e).map((t) => s(e, t, {
 				class: h,
 				"data-row": t + 1,
 				...S && { "data-series": e + 1 }
 			})) : []);
-			_.closest("[data-animate]")?.getAttribute("data-animate") === "grow" ? ee(_, l, O, f) : t.lineHoles.push(...l), a.forEach((e) => {
+			_.closest("[data-animate]")?.getAttribute("data-animate") === "grow" ? ne(_, l, O, f) : t.lineHoles.push(...l), a.forEach((e) => {
 				for (let t of c(e)) _.appendChild(s(e, t, {
 					class: m,
 					...I[e].attrs,
@@ -1130,11 +1229,11 @@ var Xe = (e) => {
 				}));
 			});
 		};
-		e && a.forEach((e) => ae(e)), a.forEach((e) => oe(e));
-		let ce = y ? r.flatMap((e, t) => a.includes(t) ? [] : o[t].flatMap((e) => {
+		e && a.forEach((e) => le(e)), a.forEach((e) => ue(e));
+		let fe = y ? r.flatMap((e, t) => a.includes(t) ? [] : o[t].flatMap((e) => {
 			let t = e.dataset.place;
 			if (!t || t === "none" || e.hasAttribute("data-left-out")) return [];
-			let [n, r, i, a] = Y(e, p, O, f);
+			let [n, r, i, a] = Te(e, p, O, f);
 			return [{
 				label: e,
 				box: [
@@ -1144,7 +1243,7 @@ var Xe = (e) => {
 					a + 6 * p
 				]
 			}];
-		})) : [], le = b ? [] : a.flatMap((e) => n.flatMap((t, n) => {
+		})) : [], me = b ? [] : a.flatMap((e) => n.flatMap((t, n) => {
 			if (A(e, n)) return [];
 			let [r, i] = P(e, n);
 			return [[
@@ -1153,22 +1252,22 @@ var Xe = (e) => {
 				8 * p,
 				8 * p
 			]];
-		})), de = ce.filter(({ label: e, box: t }) => {
-			let n = le.some((e) => ue(e, t));
+		})), ge = fe.filter(({ label: e, box: t }) => {
+			let n = me.some((e) => pe(e, t));
 			return n && e.setAttribute("data-left-out", ""), !n;
-		}), pe = (e, t) => {
+		}), _e = (e, t) => {
 			let n = t;
 			for (; n < w && !A(e, n + 1) && k(e, n + 1)?.value === k(e, t)?.value;) n++;
 			return n;
-		}, me = (e) => e === "above" ? "below" : "above", he = (e, t, n) => {
+		}, ve = (e) => e === "above" ? "below" : "above", ye = (e, t, n) => {
 			let [r, i] = P(e, t), a = J(o[e][t]).width * p, s = [
 				r - a / 2,
 				n === "above" ? i - 7 * p - g : i + 7 * p,
 				a,
 				g
 			];
-			return s[1] + g > f ? Infinity : [t - 1, t + 1].filter((t) => t >= 0 && t <= w && !A(e, t)).flatMap((n) => ge(e, t, n, 0)).filter((e) => ue(e, s)).length;
-		}, ge = (e, t, n, r) => {
+			return s[1] + g > f ? Infinity : [t - 1, t + 1].filter((t) => t >= 0 && t <= w && !A(e, t)).flatMap((n) => be(e, t, n, 0)).filter((e) => pe(e, s)).length;
+		}, be = (e, t, n, r) => {
 			let [i, a] = P(e, t), [o, s] = P(e, n), c = Math.max(1, Math.ceil(Math.hypot(o - i, s - a) / (3 * p)));
 			return Array.from({ length: c + 1 }, (e, t) => {
 				let n = t / c;
@@ -1179,21 +1278,42 @@ var Xe = (e) => {
 					2 * r
 				];
 			});
-		}, _e = (t, n) => {
+		}, xe = (t, n) => {
 			let i = k(t, n);
 			if (!i || i.missing || b && n > 0 && !A(t, n - 1) && k(t, n - 1)?.value === i.value || C && !r[t].focus) return "none";
 			if (v) return "middle";
 			let a = i.value < 0 ? "below" : "above";
-			if (!S || C || r.length > 2) return e || b || he(t, n, a) <= he(t, n, me(a)) ? a : me(a);
+			if (!S || C || r.length > 2) return e || b || ye(t, n, a) <= ye(t, n, ve(a)) ? a : ve(a);
 			let o = k(1 - t, n);
 			return !o || o.missing ? a : i.value > o.value || i.value === o.value && t === 0 || e && i.value >= 0 && P(t, n)[1] + 7 * p + g > T ? "above" : "below";
-		}, ve = (y || S && !C && r.length > 2 && !v) && !b, ye = /* @__PURE__ */ new Map();
-		if (ve) {
+		}, Se = (e) => {
+			let t = w;
+			for (; t > 0 && A(e, t);) t--;
+			return t;
+		}, we = b || v ? 10 * p : Math.max(10 * p, ...a.map((e) => J(o[e][w]).width * p / 2 + 6 * p)), Ee = t.numbersAtEnd ? Math.max(...a.map((e) => J(o[e][Se(e)]).width * p)) + 11 * p : we, De = () => {
+			let e = (s[0] ? J(s[0]).height : 0) * p, n = 2 * p, r = a.flatMap((e) => {
+				let t = s[e];
+				if (!t) return [];
+				let [n, r] = P(e, Se(e));
+				return [{
+					name: t,
+					x: n + Ee,
+					y: r
+				}];
+			}), i = t.numbersAtEnd ? Ee - 7 * p : 0;
+			return Ce(r, e).map((t) => [
+				t.x - n - i,
+				t.y - e / 2 - n,
+				J(t.name).width * p + 2 * n + i,
+				e + 2 * n
+			]);
+		}, ke = (y || S && !C && r.length > 2 && !v) && !b, Ae = /* @__PURE__ */ new Map();
+		if (ke) {
 			let e = n.flatMap((e, t) => a.map((e) => ({
 				s: e,
 				i: t,
 				value: k(e, t)?.value ?? 0
-			}))).filter(({ s: e, i: t }) => _e(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"], r = fe(e.map(({ s: e, i: n, value: r }) => {
+			}))).filter(({ s: e, i: t }) => xe(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"], r = he(e.map(({ s: e, i: n, value: r }) => {
 				let i = J(o[e][n]).width * p, [a, s] = P(e, n);
 				return t(r).map((e) => [
 					a - i / 2,
@@ -1201,31 +1321,58 @@ var Xe = (e) => {
 					i,
 					g
 				]);
-			}), [...a.flatMap((e) => n.flatMap((t, n) => {
-				if (A(e, n)) return [];
-				let [r, i] = P(e, n);
-				return [[
-					r - 4 * p,
-					i - 4 * p,
-					8 * p,
-					8 * p
-				]];
-			})), ...de.map(({ box: e }) => e)], [
+			}), [
+				...a.flatMap((e) => n.flatMap((t, n) => {
+					if (A(e, n)) return [];
+					let [r, i] = P(e, n);
+					return [[
+						r - 4 * p,
+						i - 4 * p,
+						8 * p,
+						8 * p
+					]];
+				})),
+				...De(),
+				...ge.map(({ box: e }) => e)
+			], [
 				0,
 				0,
 				c(w) + c(0),
 				f
 			]);
-			e.forEach(({ s: e, i: n, value: i }, a) => ye.set(o[e][n], r[a] === null ? null : t(i)[r[a]]));
+			e.forEach(({ s: e, i: n, value: i }, a) => Ae.set(o[e][n], r[a] === null ? null : t(i)[r[a]]));
 		}
-		let xe = (e, t) => ve ? ye.get(o[e][t]) === null : !v && !b ? !1 : J(o[e][t]).width * p > (b ? pe(e, t) - t + 1 : 1) * E - 4 * p || v && e > 0 && M(e, t) < N(e, t) ? !0 : v && Math.abs(l(N(e, t)) - l(M(e, t))) < g * 1.2;
+		let je = (e, t) => {
+			if (ke) return Ae.get(o[e][t]) === null;
+			if (!v && !b) return !1;
+			let n = J(o[e][t]).width * p;
+			if (n > (b ? _e(e, t) - t + 1 : 1) * E - 4 * p || v && e > 0 && M(e, t) < N(e, t)) return !0;
+			if (v && !b && t > 0 && t < w) {
+				let r = (l(N(e, t)) + l(M(e, t))) / 2, i = [
+					c(t) - n / 2,
+					r - g / 2,
+					n,
+					g
+				];
+				if (a.some((e) => {
+					let [n, r] = P(e, t);
+					return !A(e, t) && pe([
+						n - 4 * p,
+						r - 4 * p,
+						8 * p,
+						8 * p
+					], i);
+				})) return !0;
+			}
+			return v && Math.abs(l(N(e, t)) - l(M(e, t))) < g * 1.2;
+		};
 		a.forEach((e) => {
 			o[e].forEach((t, n) => {
 				t.style.setProperty("--i", String(Z(b ? (B(n) + B(n + 1)) / 2 : B(n))));
-				let r = ye.get(t) ?? _e(e, n);
-				if (t.dataset.place = r === "above" ? "outside" : r, t.toggleAttribute("data-left-out", r !== "none" && xe(e, n)), b && r !== "none" ? t.dataset.rowEnd = String(pe(e, n) + 1) : delete t.dataset.rowEnd, r === "none") return;
+				let r = Ae.get(t) ?? xe(e, n);
+				if (t.dataset.place = r === "above" ? "outside" : r, t.toggleAttribute("data-left-out", r !== "none" && je(e, n)), b && r !== "none" ? t.dataset.rowEnd = String(_e(e, n) + 1) : delete t.dataset.rowEnd, r === "none") return;
 				let i = J(t).width * p / 2 + 4 * p, a = c(n);
-				b ? a = (c(n) + c(pe(e, n))) / 2 : r === "middle" && n === 0 ? a += i : r === "middle" && n === w && (a -= i);
+				b ? a = (c(n) + c(_e(e, n))) / 2 : r === "middle" && n === 0 ? a += i : r === "middle" && n === w && (a -= i);
 				let o = l(M(e, n)), s = {
 					middle: (l(N(e, n)) - o) / 2,
 					above: -7 * p,
@@ -1234,46 +1381,30 @@ var Xe = (e) => {
 				R(t, a, o + s[r], O, f);
 			});
 		});
-		let Se = (e) => {
+		let Me = (e) => {
 			let r = n.flatMap((t, n) => t.pinned && !A(e, n) ? [n] : []), i = n.map((e, t) => t).filter((t) => !A(e, t)), a = (t) => k(e, t)?.value ?? 0, { keys: s } = t.pick;
-			i.length && (s.includes("last") && r.push(i[i.length - 1]), s.includes("first") && r.push(i[0]), s.includes("highest") && r.push(i.reduce((e, t) => a(t) > a(e) ? t : e)), s.includes("lowest") && r.push(i.reduce((e, t) => a(t) < a(e) ? t : e)), s.includes("outliers") && r.push(...et(i.map((e) => ({
+			i.length && (s.includes("last") && r.push(i[i.length - 1]), s.includes("first") && r.push(i[0]), s.includes("highest") && r.push(i.reduce((e, t) => a(t) > a(e) ? t : e)), s.includes("lowest") && r.push(i.reduce((e, t) => a(t) < a(e) ? t : e)), s.includes("outliers") && r.push(...at(i.map((e) => ({
 				x: e,
 				y: a(e)
 			})))?.outside.map((e) => e.x) ?? []));
 			let c = [];
 			for (let t of r) {
 				let n = o[e][t];
-				c.includes(t) || n.dataset.place === "none" || c.every((t) => we([o[e][t], n], p, 1e3, f) === 1) && c.push(t);
+				c.includes(t) || n.dataset.place === "none" || c.every((t) => Oe([o[e][t], n], p, 1e3, f) === 1) && c.push(t);
 			}
 			return new Set(c);
-		}, Ce = (e) => we(o[e].filter((e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out")), p, O, f) === 1, Te = (e) => {
-			let t = w;
-			for (; t > 0 && A(e, t);) t--;
-			return t;
-		}, Ee = /* @__PURE__ */ new Map();
+		}, Ne = (e) => Oe(o[e].filter((e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out")), p, O, f) === 1, Pe = /* @__PURE__ */ new Map();
 		for (let e of a) {
-			let n = t.pick.mode === "all" || t.pick.mode === "auto" && Ce(e) ? null : Se(e);
-			Ee.set(e, n), n && o[e].forEach((e, t) => {
+			let n = t.pick.mode === "all" || t.pick.mode === "auto" && Ne(e) ? null : Me(e);
+			Pe.set(e, n), n && o[e].forEach((e, t) => {
 				e.dataset.place !== "none" && !n.has(t) && e.setAttribute("data-left-out", "");
 			});
 		}
-		if (!v && !b && a.some((e) => Ee.get(e))) {
-			let e = c(w) + c(0), t = 2 * p, r = a.flatMap((e) => n.flatMap((n, r) => r === w || A(e, r) || A(e, r + 1) ? [] : ge(e, r, r + 1, t))), i = (s[0] ? J(s[0]).height : 0) * p, l = a.flatMap((e) => {
-				let t = s[e];
-				if (!t) return [];
-				let n = w;
-				for (; n > 0 && A(e, n);) n--;
-				let [r, a] = P(e, n);
-				return [[
-					r + 10 * p,
-					a - i / 2,
-					J(t).width * p,
-					i
-				]];
-			}), u = a.flatMap((e) => [...Ee.get(e) ?? []].map((t) => ({
+		if (!v && !b && a.some((e) => Pe.get(e))) {
+			let e = c(w) + c(0), r = 2 * p, i = (e) => n.flatMap((t, n) => n === w || A(e, n) || A(e, n + 1) ? [] : be(e, n, n + 1, r)), s = a.flatMap(i), l = De(), u = a.flatMap((e) => [...Pe.get(e) ?? []].map((t) => ({
 				s: e,
 				i: t
-			}))), d = ({ s: e, i: t }) => {
+			}))), d = ({ s: e, i: n }) => t.numbersAtEnd && n === Se(e), m = u.filter((e) => !d(e)), h = ({ s: e, i: t }) => {
 				let n = k(e, t)?.value ?? 0, r = t > 0 && !A(e, t - 1) ? k(e, t - 1)?.value : void 0, i = t < w && !A(e, t + 1) ? k(e, t + 1)?.value : void 0;
 				return (r ?? i) !== void 0 && (r === void 0 || n <= r) && (i === void 0 || n <= i) ? [
 					"below",
@@ -1290,7 +1421,7 @@ var Xe = (e) => {
 					"after",
 					"before"
 				];
-			}, m = ({ s: t, i: n }, r) => {
+			}, _ = ({ s: t, i: n }, r) => {
 				let i = J(o[t][n]).width * p, a = g, [s, c] = P(t, n), l = Math.min(Math.max(s - i / 2, 0), e - i);
 				return r === "outside" ? [
 					l,
@@ -1323,7 +1454,7 @@ var Xe = (e) => {
 					i,
 					a
 				];
-			}, h = u.map(d), _ = (t) => t[0] >= 0 && t[1] >= 0 && t[0] + t[2] <= e && t[1] + t[3] <= f - 2 * p, v = u.map(({ s: e, i: t }) => {
+			}, v = m.map(h), y = (t) => t[0] >= 0 && t[1] >= 0 && t[0] + t[2] <= e && t[1] + t[3] <= f - 2 * p, b = u.map(({ s: e, i: t }) => {
 				let [n, r] = P(e, t);
 				return [
 					n - 6 * p,
@@ -1331,57 +1462,62 @@ var Xe = (e) => {
 					12 * p,
 					12 * p
 				];
-			}), y = [], b = /* @__PURE__ */ new Set(), x = u.map((e, t) => {
-				let n = h[t].map((t) => m(e, t)), i = (e) => _(e) && ![
-					...y,
+			}), x = [], S = /* @__PURE__ */ new Set(), C = m.map((e, t) => {
+				let n = v[t].map((t) => _(e, t)), r = (e) => y(e) && ![
+					...x,
 					...l,
-					...v
-				].some((t) => ue(e, t)), a = n.findIndex((e) => i(e) && !r.some((t) => ue(e, t)));
-				return a < 0 && (a = n.findIndex(i), a >= 0 && b.add(t)), a >= 0 && y.push(n[a]), a < 0 ? null : a;
+					...b
+				].some((t) => pe(e, t)), o = a.filter((t) => t !== e.s).flatMap(i), c = (n) => !v[t][n].endsWith("far") || !o.some((r) => pe(_(e, v[t][n].split(" ")[0]), r)), u = n.findIndex((e, t) => r(e) && c(t) && !s.some((t) => pe(e, t)));
+				return u < 0 && (u = n.findIndex((e, t) => r(e) && c(t)), u >= 0 && S.add(t)), u >= 0 && x.push(n[u]), u < 0 ? null : u;
 			});
-			u.forEach((e, t) => {
+			m.forEach((e, t) => {
 				let n = o[e.s][e.i];
-				n.toggleAttribute("data-cut", b.has(t));
-				let r = x[t];
-				if (r === null) return n.setAttribute("data-left-out", "");
-				let i = h[t][r], [a, s, c, l] = m(e, i), u = i.split(" ")[0];
+				n.toggleAttribute("data-cut", S.has(t));
+				let r = C[t];
+				if (n.toggleAttribute("data-left-out", r === null), r === null) return;
+				let i = v[t][r], [a, s, c, l] = _(e, i), u = i.split(" ")[0];
 				n.dataset.place = u, R(n, u === "after" ? a : u === "before" ? a + c : a + c / 2, u === "outside" ? s + l : u === "below" ? s : s + l / 2, O, f);
 			});
 		}
-		b || se((e, t) => {
-			let n = Ee.get(e);
+		b || de((e, t) => {
+			let n = Pe.get(e);
 			return n ? n.has(t) : E >= 10 * p;
 		}), t.pointOf = (e) => {
 			let t = a.filter((t) => !A(t, e)).map((t) => P(t, e));
 			return t.length ? t.reduce((e, t) => t[1] < e[1] ? t : e) : null;
 		};
-		let De = (y ? [] : s).map((e, t) => {
-			let n = Te(t), [r, i] = P(t, n);
+		let Fe = (y ? [] : s).map((e, t) => {
+			let n = Se(t), [r, i] = P(t, n);
 			return {
 				name: e,
-				x: (b ? r + E / 2 : r) + 10 * p,
+				s: t,
+				x: (b ? r + E / 2 : r) + Ee,
 				y: v ? (i + l(N(t, n))) / 2 : i
 			};
-		}), Oe = (s[0] ? J(s[0]).height : 0) * p;
-		for (let e of be(De, Oe)) R(e.name, e.x, e.y, O, f);
-		let ke = n.some((e) => e.cells.some((e) => !e.missing && e.value < 0)), Ae = !e && !v && r.length === 2 && !C && !ke ? f - 2 * p : T;
+		}), Ie = (s[0] ? J(s[0]).height : 0) * p;
+		for (let e of Ce(Fe, Ie)) {
+			if (R(e.name, e.x, e.y, O, f), !t.numbersAtEnd) continue;
+			let n = o[e.s][Se(e.s)];
+			n.dataset.place = "before", n.removeAttribute("data-left-out"), n.removeAttribute("data-cut"), R(n, e.x - 4 * p, e.y, O, f);
+		}
+		let Re = n.some((e) => e.cells.some((e) => !e.missing && e.value < 0)), ze = !e && !v && r.length === 2 && !C && !Re ? f - 2 * p : T;
 		y || _.appendChild(F("line", {
 			class: i,
 			x1: 0,
 			x2: c(w) + c(0),
-			y1: Ae,
-			y2: Ae
+			y1: ze,
+			y2: ze
 		}));
 	}
-}), rt = nt(!1), it = nt(!0), at = /* @__PURE__ */ new Set(), ot = (t, n) => {
+}), ct = st(!1), lt = st(!0), ut = /* @__PURE__ */ new Set(), dt = (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.`;
-	at.has(r) || (at.add(r), console.warn(r));
-}, st = {
+	ut.has(r) || (ut.add(r), console.warn(r));
+}, ft = {
 	segments: (e) => {
 		let t = 0, n = !1;
 		return e.map((e) => {
-			if (e.isTotal) return n && ot(e.value, t), n = !1, t = e.value, {
+			if (e.isTotal) return n && dt(e.value, t), n = !1, t = e.value, {
 				...e,
 				from: 0,
 				to: e.value,
@@ -1399,13 +1535,13 @@ var Xe = (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 = ge(l, a, s), m = d ?? "center", h = e.map((t, r) => {
+		let f = n(0), p = ye(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;
 			return {
 				top: i,
 				length: a,
 				down: t.kind === "down" || t.kind === "total" && (c ? t.to >= 0 : t.to < 0),
-				inside: !o && !p && _e(l[r], a, s)
+				inside: !o && !p && be(l[r], a, s)
 			};
 		}), g = l[0] ? J(l[0]).height * s * .56 : 0, _ = Infinity;
 		for (let [e, t] of h.entries()) t.inside && (_ = Math.min(_, (a - J(l[e]).width * s) / 2));
@@ -1460,7 +1596,7 @@ var Xe = (e) => {
 		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) : Q.log(`${t} took ${o.toFixed(1)} ms for ${s} rows.`, n), a;
 	}
-}, ct = (e) => {
+}, pt = (e) => {
 	let t = (e?.textContent || "").trim(), n = t.match(/^(.*?)(-?\d+(?:[.,]\d+)?)(.*)$/);
 	return {
 		raw: t,
@@ -1470,14 +1606,14 @@ var Xe = (e) => {
 		missing: !n,
 		value: n ? Number.parseFloat(n[2].replace(",", ".")) : 0
 	};
-}, lt = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1).flatMap((e, t) => e.hasAttribute("data-note") ? [t] : []), ut = (e, t) => {
-	let n = lt(e), r = e.querySelectorAll("tbody tr")[t]?.querySelectorAll("td") ?? [];
+}, mt = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1).flatMap((e, t) => e.hasAttribute("data-note") ? [t] : []), ht = (e, t) => {
+	let n = mt(e), r = e.querySelectorAll("tbody tr")[t]?.querySelectorAll("td") ?? [];
 	return n.map((e) => r[e]).find((e) => e?.textContent?.trim()) ?? null;
-}, dt = (e, t = "data-i18n") => {
-	let n = lt(e);
+}, gt = (e, t = "data-i18n") => {
+	let n = mt(e);
 	return Array.from(e.querySelectorAll("tbody tr")).map((e, r) => {
-		let i = e.querySelector("th"), a = Array.from(e.querySelectorAll("td")), o = a.filter((e, t) => !n.includes(t)).map(ct);
-		o.length || o.push(ct(null));
+		let i = e.querySelector("th"), a = Array.from(e.querySelectorAll("td")), o = a.filter((e, t) => !n.includes(t)).map(pt);
+		o.length || o.push(pt(null));
 		let s = n.map((e) => a[e]).find((e) => e?.textContent?.trim());
 		return {
 			...o[0],
@@ -1493,8 +1629,8 @@ var Xe = (e) => {
 			slot: r
 		};
 	});
-}, ft = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1).filter((e) => !e.hasAttribute("data-note")), pt = (e) => e === "dashed" || e === "dotted" ? e : null, mt = (e, t, n = "data-i18n") => {
-	let r = ft(e), i = Math.max(1, G(t.map((e) => e.cells.length)));
+}, _t = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1).filter((e) => !e.hasAttribute("data-note")), vt = (e) => e === "dashed" || e === "dotted" || e === "dash-dot" ? e : null, yt = (e, t, n = "data-i18n") => {
+	let r = _t(e), i = Math.max(1, q(t.map((e) => e.cells.length)));
 	return Array.from({ length: i }, (e, t) => {
 		let i = r[t];
 		return {
@@ -1502,12 +1638,12 @@ var Xe = (e) => {
 			key: n && i?.getAttribute(n) || null,
 			focus: i?.getAttribute("data-kind") === "focus",
 			marker: i?.getAttribute("data-marker") ?? null,
-			line: pt(i?.getAttribute("data-line")),
+			line: vt(i?.getAttribute("data-line")),
 			group: !!i?.hasAttribute("data-group"),
 			chart: i?.getAttribute("data-chart") === "line" ? "line" : null
 		};
 	});
-}, ht = (t, n) => {
+}, bt = (t, n) => {
 	if (!n) return;
 	let r = /* @__PURE__ */ new Map();
 	for (let i of t) {
@@ -1520,7 +1656,7 @@ var Xe = (e) => {
 		i.querySelectorAll("tbody th").forEach((e, r) => {
 			e.getAttribute(n) || e.setAttribute(n, `${t}-row${r + 1}`);
 		});
-		let a = ft(i);
+		let a = _t(i);
 		a.length > 1 && a.forEach((e, r) => {
 			e.getAttribute(n) || e.setAttribute(n, `${t}-col${r + 1}`);
 		}), a.forEach((e, r) => {
@@ -1531,7 +1667,7 @@ var Xe = (e) => {
 				a.includes(r) || a.push(r), e.getAttribute(n) || e.setAttribute(n, `${t}-group${a.indexOf(r) + 1}`);
 			});
 		});
-		let o = lt(i);
+		let o = mt(i);
 		i.querySelectorAll("tbody tr").forEach((e, r) => {
 			let i = e.querySelectorAll("td");
 			for (let e of o) {
@@ -1540,133 +1676,150 @@ var Xe = (e) => {
 			}
 		}), Q?.log?.(`Keys for "${t}" written onto ${i.querySelectorAll("tbody th").length} rows`);
 	}
-}, gt = (e) => Number(e.toPrecision(12)), _t = (e, t) => {
+}, xt = (e) => Number(e.toPrecision(12)), St = (e, t) => {
 	let n = e / Math.max(1, t) || 1, r = 10 ** Math.floor(Math.log10(n)), i = n / r;
-	return gt((i < 1.42 ? 1 : i < 3.17 ? 2 : i < 7.08 ? 5 : 10) * r);
-}, vt = (e, t, n) => {
+	return xt((i < 1.42 ? 1 : i < 3.17 ? 2 : i < 7.08 ? 5 : 10) * r);
+}, Ct = (e, t, n) => {
 	let r = [];
-	for (let i = Math.ceil(e / n - 1e-9); i * n <= t + n * 1e-9; i++) r.push(gt(i * n));
+	for (let i = Math.ceil(e / n - 1e-9); i * n <= t + n * 1e-9; i++) r.push(xt(i * n));
 	return r;
-}, yt = (e, t = e) => {
+}, wt = (e, t = e) => {
 	do {
 		let t = Math.round(e / 10 ** Math.floor(Math.log10(e) + 1e-9));
-		e = gt(e * (t === 2 ? 2.5 : 2));
+		e = xt(e * (t === 2 ? 2.5 : 2));
 	} while (Math.abs(e / t - Math.round(e / t)) > 1e-9);
 	return e;
-}, bt = (e) => {
+}, Tt = (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;
-}, xt = (e, t, n) => {
+}, Et = (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] ?? -G(e.map((e) => -e)), i = n?.[1] ?? G(e);
+	let r = n?.[0] ?? -q(e.map((e) => -e)), i = n?.[1] ?? q(e);
 	if (!n) {
 		let e = (i - r || Math.abs(i) || 1) * .05;
 		r -= e, i += e;
 	}
-	let a = _t(i - r, t);
+	let a = St(i - r, t);
 	return {
 		min: r,
 		max: i,
 		step: a,
-		ticks: vt(r, i, a)
+		ticks: Ct(r, i, a)
 	};
-}, St = (e, t) => {
+}, Dt = (e, t) => {
 	let { step: n, ticks: r } = e;
-	for (; n && r.length > 2 && !t(r);) n = yt(n, e.step), r = vt(e.min, e.max, n);
+	for (; n && r.length > 2 && !t(r);) n = wt(n, e.step), r = Ct(e.min, e.max, n);
 	return {
 		...e,
 		step: n,
 		ticks: r
 	};
-}, Ct = null, wt = (e) => {
-	if (Ct ?? (Ct = document.createElement("canvas").getContext("2d", { willReadFrequently: !0 })), !Ct) return [
+}, Ot = null, kt = (e) => {
+	if (Ot ?? (Ot = document.createElement("canvas").getContext("2d", { willReadFrequently: !0 })), !Ot) return [
 		0,
 		0,
 		0,
 		1
 	];
-	Ct.clearRect(0, 0, 1, 1), Ct.fillStyle = e, Ct.fillRect(0, 0, 1, 1);
-	let [t, n, r, i] = Ct.getImageData(0, 0, 1, 1).data;
+	Ot.clearRect(0, 0, 1, 1), Ot.fillStyle = e, Ot.fillRect(0, 0, 1, 1);
+	let [t, n, r, i] = Ot.getImageData(0, 0, 1, 1).data;
 	return [
 		t,
 		n,
 		r,
 		i / 255
 	];
-}, Tt = ([e, t, n]) => {
+}, At = ([e, t, n]) => {
 	let r = (e) => {
 		let t = e / 255;
 		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 	};
 	return .2126 * r(e) + .7152 * r(t) + .0722 * r(n);
-}, Et = (e) => getComputedStyle(e).getPropertyValue("--tablechart-contrast-wcag").trim() === "3" ? 3 : 2, Dt = ([e, t, n]) => {
+}, jt = (e) => getComputedStyle(e).getPropertyValue("--tablechart-contrast-wcag").trim() === "3" ? 3 : 2, Mt = ([e, t, n]) => {
 	let r = .2126729 * (e / 255) ** 2.4 + .7151522 * (t / 255) ** 2.4 + .072175 * (n / 255) ** 2.4;
 	return r < .022 ? r + (.022 - r) ** 1.414 : r;
-}, Ot = (e, t) => {
-	let n = Dt(e), r = Dt(t);
+}, Nt = (e, t) => {
+	let n = Mt(e), r = Mt(t);
 	if (Math.abs(r - n) < 5e-4) return 0;
 	let i = r > n ? (r ** .56 - n ** .57) * 1.14 : (r ** .65 - n ** .62) * 1.14;
 	return Math.abs(i) < .1 ? 0 : (Math.abs(i) - .027) * 100;
-}, kt = (e, t, n) => e === 3 ? Ot(t, n) : At(t, n), At = (e, t) => {
-	let [n, r] = [Tt(e), Tt(t)].sort((e, t) => t - e);
+}, Pt = (e, t, n) => e === 3 ? Nt(t, n) : Ft(t, n), Ft = (e, t) => {
+	let [n, r] = [At(e), At(t)].sort((e, t) => t - e);
 	return (n + .05) / (r + .05);
-}, jt = (e, t) => {
+}, It = (e, t) => {
 	let n = document.createElement("span");
 	n.style.color = t, e.append(n);
-	let r = wt(getComputedStyle(n).color);
+	let r = kt(getComputedStyle(n).color);
 	return n.remove(), r;
-}, Mt = (e) => {
+}, Lt = (e) => {
 	let t = [], n = null;
 	for (let r = e; r && !n; r = r.parentElement) {
-		let { background: e, backgroundColor: i } = r.dataset, a = wt(i || (e && CSS.supports("color", e) ? e : "") || getComputedStyle(r).backgroundColor);
+		let { background: e, backgroundColor: i } = r.dataset, a = kt(i || (e && CSS.supports("color", e) ? e : "") || getComputedStyle(r).backgroundColor);
 		a[3] >= 1 ? n = a : a[3] > 0 && t.push(a);
 	}
-	n ?? (n = jt(e, "Canvas"));
+	n ?? (n = It(e, "Canvas"));
 	for (let [e, r, i, a] of t.reverse()) n = [
 		e,
 		r,
 		i
 	].map((e, t) => e * a + n[t] * (1 - a));
-	e.style.setProperty("--_surface", `rgb(${n.slice(0, 3).map(Math.round).join(" ")})`);
-}, Nt = (e) => jt(e, "var(--tablechart-surface, var(--_surface, Canvas))"), Pt = (e, t) => e.querySelector(`:is(.tablechart-bar, .tablechart-piece)[data-row="${t.dataset.row}"]${t.dataset.series ? `[data-series="${t.dataset.series}"]` : ""}`), Ft = [
+	let r = `rgb(${n.slice(0, 3).map(Math.round).join(" ")})`;
+	return e.style.getPropertyValue("--_surface") !== r && (e.style.setProperty("--_surface", r), !0);
+}, Rt = (e) => It(e, "var(--tablechart-surface, var(--_surface, Canvas))"), zt = (e, t) => e.querySelector(`:is(.tablechart-bar, .tablechart-piece)[data-row="${t.dataset.row}"]${t.dataset.series ? `[data-series="${t.dataset.series}"]` : ""}`), Bt = [
 	255,
 	255,
 	255
-], It = [
+], Vt = [
 	0,
 	0,
 	0
-], Lt = (e, t, n) => {
-	let r = kt(n, Ft, e), i = kt(n, It, e);
-	return r >= t ? Ft : i >= t ? It : n === 2 && r >= 4.5 || r > i ? Ft : It;
-}, Rt = (e) => {
+], Ht = (e, t, n) => {
+	let r = Pt(n, Bt, e), i = Pt(n, Vt, e);
+	return r >= t ? Bt : i >= t ? Vt : n === 2 && r >= 4.5 || r > i ? Bt : Vt;
+}, Ut = (e) => {
 	let t = e.querySelectorAll(".tablechart-value[data-place='inside']");
 	if (!t.length) return;
-	let n = Nt(e).slice(0, 3), r = Tt(n) > .179, i = (t, n) => {
-		let [r, i, a, o] = jt(e, `var(${t}, transparent)`);
+	let n = Rt(e).slice(0, 3), r = At(n) > .179, i = (t, n) => {
+		let [r, i, a, o] = It(e, `var(${t}, transparent)`);
 		return o > 0 ? [
 			r,
 			i,
 			a
 		] : n;
-	}, a = Et(e), o = Number.parseFloat(getComputedStyle(e).getPropertyValue("--tablechart-value-contrast")) || (a === 3 ? 60 : 5), s = wt(getComputedStyle(e).color).slice(0, 3), c = i("--tablechart-value-on-dark", r ? n : s), l = i("--tablechart-value-on-light", r ? s : n);
+	}, a = jt(e), o = Number.parseFloat(getComputedStyle(e).getPropertyValue("--tablechart-value-contrast")) || (a === 3 ? 60 : 5), s = kt(getComputedStyle(e).color).slice(0, 3), c = i("--tablechart-value-on-dark", r ? n : s), l = i("--tablechart-value-on-light", r ? s : n);
 	for (let n of t) {
-		let t = Pt(e, n);
+		let t = zt(e, n);
 		if (!t || n.hasAttribute("data-left-out")) continue;
-		let r = wt(getComputedStyle(t).fill), i = kt(a, c, r) > kt(a, l, r) ? c : l, s = kt(a, i, r) >= o ? i : Lt(r, o, a);
+		let r = kt(getComputedStyle(t).fill), i = Pt(a, c, r) > Pt(a, l, r) ? c : l, s = Pt(a, i, r) >= o ? i : Ht(r, o, a);
 		n.style.setProperty("--_ink", `rgb(${s.join(" ")})`);
 	}
-}, zt = [
+}, Wt = (e) => {
+	let t = e.querySelectorAll(".tablechart-name:not([data-place='legend'])");
+	if (!t.length) return;
+	let n = jt(e), r = n === 3 ? 60 : 4.5, i = Rt(e).slice(0, 3), a = kt(getComputedStyle(e).color).slice(0, 3);
+	for (let o of t) {
+		let t = e.querySelector(`.tablechart-series[data-series="${o.dataset.series}"]:not([data-muted])`);
+		if (o.style.removeProperty("--_ink"), !t) continue;
+		let s = kt(getComputedStyle(t).stroke).slice(0, 3);
+		for (let e = 0; e <= 20; e++) {
+			let t = s.map((t, n) => Math.round(t + (a[n] - t) * e / 20));
+			if (!(Pt(n, t, i) < r && e < 20)) {
+				e && o.style.setProperty("--_ink", `rgb(${t.join(" ")})`);
+				break;
+			}
+		}
+	}
+}, Gt = [
 	"axis-break",
 	"trend",
 	"bracket"
-], Bt = (e, t = !1) => {
-	let n = e.hasAttribute("data-fragment"), r = Array.from(e.querySelectorAll("tbody tr")), i = Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), a = Array.from(e.querySelectorAll("[data-annotation]")).filter((e) => zt.includes(e.getAttribute("data-annotation") ?? "")), o = (e) => e.hasAttribute("data-fragment"), s = r.map((e) => Array.from(e.querySelectorAll(":scope > td")));
+], Kt = (e, t = !1) => {
+	let n = e.hasAttribute("data-fragment"), r = Array.from(e.querySelectorAll("tbody tr")), i = Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), a = Array.from(e.querySelectorAll("[data-annotation]")).filter((e) => Gt.includes(e.getAttribute("data-annotation") ?? "")), o = (e) => e.hasAttribute("data-fragment"), s = r.map((e) => Array.from(e.querySelectorAll(":scope > td")));
 	if (!n && !r.some(o) && !i.some(o) && !s.flat().some(o) && !a.some(o) || t && !n) return null;
 	let c = [], l = /* @__PURE__ */ new Map(), u = [], d = (e) => {
 		let t = e === null ? void 0 : l.get(e);
@@ -1728,7 +1881,7 @@ var Xe = (e) => {
 		count: c.length,
 		indexes: c
 	};
-}, Vt = (e) => {
+}, qt = (e) => {
 	let t = e.plan;
 	if (!t) return;
 	let n = (t) => t === null || e.step - t >= 1;
@@ -1739,7 +1892,7 @@ var Xe = (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));
 	}
-}, Ht = (e) => {
+}, Jt = (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) => {
@@ -1817,12 +1970,12 @@ var Xe = (e) => {
 			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));
 		}
 	}
-	Vt(e);
-}, Ut = (e, t, n = !1) => {
+	qt(e);
+}, Yt = (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)), Vt(e);
+	e.step = i, e.figure.style.setProperty("--_step", String(i)), qt(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,
@@ -1831,7 +1984,7 @@ var Xe = (e) => {
 			steps: r.count
 		}
 	}));
-}, Wt = (e, t, n) => {
+}, Xt = (e, t, n) => {
 	let r = document.createElement("div");
 	r.className = "tablechart-controls";
 	let i = (r) => {
@@ -1860,14 +2013,14 @@ var Xe = (e) => {
 		]), i;
 	};
 	return r.append(i("previous"), i("next")), r;
-}, Gt = (e, t, n, r = {
+}, Zt = (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`;
-}, Kt = "tablechart-tooltip", qt = [
+}, Qt = "tablechart-tooltip", $t = [
 	"--tablechart-surface",
 	"--_surface",
 	"--tablechart-tooltip-surface",
@@ -1876,65 +2029,66 @@ var Xe = (e) => {
 	"--tablechart-tooltip-radius",
 	"--tablechart-tooltip-padding",
 	"--tablechart-tooltip-shadow"
-], $ = null, Jt, Yt, Xt = null, Zt = null, Qt = 0, $t = () => {
-	clearTimeout(Qt), $ && Xt && ($.hidden = !0, Xt = null, Zt = null);
-}, en = !1, tn = !0, nn = NaN, rn = NaN, an = !1, on = () => {
-	if (an) return;
-	an = !0, document.addEventListener("pointermove", (e) => {
-		e.pointerType === "mouse" && (tn = e.screenX !== nn || e.screenY !== rn, nn = e.screenX, rn = e.screenY, tn && (en = !1));
+], $ = null, en, tn, nn = null, rn = null, an = 0, on = () => {
+	clearTimeout(an), $ && nn && ($.hidden = !0, nn = null, rn = null);
+}, sn = !1, cn = !0, ln = NaN, un = NaN, dn = !1, fn = () => {
+	if (dn) return;
+	dn = !0, document.addEventListener("pointermove", (e) => {
+		e.pointerType === "mouse" && (cn = e.screenX !== ln || e.screenY !== un, ln = e.screenX, un = e.screenY, cn && (sn = !1));
 	}, {
 		capture: !0,
 		passive: !0
 	});
 	let e = () => {
-		en = !0, $t();
+		sn = !0, on();
 	};
 	document.addEventListener("keydown", e, !0), window.addEventListener("scroll", e, {
 		capture: !0,
 		passive: !0
 	});
-}, sn = (e, t) => t / Number.parseFloat(getComputedStyle(e).width) || 1, cn = (e) => {
+}, pn = (e, t) => t / Number.parseFloat(getComputedStyle(e).width) || 1, mn = (e) => {
 	let t = e.tooltipparent;
 	return (typeof t == "string" ? document.querySelector(t) : t) ?? document.body;
-}, ln = () => {
-	clearTimeout(Qt), Qt = window.setTimeout($t, 120);
-}, un = () => {
+}, hn = () => {
+	clearTimeout(an), an = window.setTimeout(on, 120);
+}, gn = () => {
 	let e = document.createElement("div");
-	return e.className = Kt, e.setAttribute("aria-hidden", "true"), e.hidden = !0, Jt = document.createElement("div"), Yt = document.createElement("div"), Yt.className = `${Kt}-arrow`, e.append(Jt, Yt), document.body.append(e), e.addEventListener("pointerenter", () => clearTimeout(Qt)), e.addEventListener("pointerleave", (e) => e.pointerType === "mouse" && ln()), document.addEventListener("pointerdown", (t) => {
+	return e.className = Qt, e.setAttribute("aria-hidden", "true"), e.hidden = !0, en = document.createElement("div"), tn = document.createElement("div"), tn.className = `${Qt}-arrow`, e.append(en, tn), document.body.append(e), e.addEventListener("pointerenter", () => clearTimeout(an)), e.addEventListener("pointerleave", (e) => e.pointerType === "mouse" && hn()), document.addEventListener("pointerdown", (t) => {
 		let n = t.target;
-		Xt && !Xt.plot.contains(n) && !e.contains(n) && $t();
-	}), window.addEventListener("resize", $t), e;
-}, dn = (e, t) => {
+		nn && !nn.plot.contains(n) && !e.contains(n) && on();
+	}), window.addEventListener("resize", on), e;
+}, _n = (e, t) => {
 	let n = t ? t.style.getPropertyValue("--step") : "x";
 	return n === "" || Number(n) < e.step;
-}, fn = (e, t) => {
-	let n = e.svg.querySelector(`[data-series="${t + 1}"]:not(.tablechart-hole)`);
+}, vn = (e, t) => {
+	let n = e.svg.querySelector(`[data-series="${t + 1}"]:not(.tablechart-hole, .tablechart-area:not([data-stacked]))`);
 	if (!n) return;
 	let r = getComputedStyle(n);
 	return r.fill && r.fill !== "none" ? r.fill : r.stroke;
-}, pn = (e, t, n) => {
+}, yn = (e, t, n) => {
 	let r = e.series.length > 1, i = [];
 	for (let [n, a] of e.seriesValues.entries()) {
-		if (!dn(e, a[t])) continue;
+		if (!_n(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 ? fn(e, n) : void 0,
+			colour: r ? vn(e, n) : void 0,
 			sample: o ? {
 				marker: o.dataset.marker ?? null,
 				open: o.hasAttribute("data-open"),
 				line: o.dataset.line ?? null,
+				point: getComputedStyle(o).getPropertyValue("--tablechart-point-color").trim(),
 				box: o.dataset.swatch === "box"
 			} : void 0
 		});
 	}
 	let a = e.totals[t];
-	return i.length > 1 && dn(e, a) && i.push({
+	return i.length > 1 && _n(e, a) && i.push({
 		name: n.totallabel,
 		value: a.textContent ?? ""
 	}), i;
-}, mn = (e, t) => {
+}, bn = (e, t) => {
 	if (e.type.centre && e.values[t]) return e.values[t].getBoundingClientRect();
 	let n = e.pointOf?.(t);
 	if (n) {
@@ -1954,49 +2108,49 @@ var Xe = (e) => {
 		100
 	];
 	return new DOMRect(a.left + a.width * o / 100, a.top + a.height * s / 100, a.width * c / 100, a.height * l / 100);
-}, hn = (e, t, n) => {
-	if (clearTimeout(Qt), Xt === e && Zt === t) return;
-	let r = (e.type.tooltip ?? pn)(e, t, n);
-	if (!r.length) return $t();
-	Xt && Xt !== e && $t(), $ ?? ($ = un());
+}, xn = (e, t, n) => {
+	if (clearTimeout(an), nn === e && rn === t) return;
+	let r = (e.type.tooltip ?? yn)(e, t, n);
+	if (!r.length) return on();
+	nn && nn !== e && on(), $ ?? ($ = gn());
 	let i = (e, t, n, r = !1, i) => {
 		let a = document.createElement("div");
-		if (a.className = `${Kt}-line`, n) {
+		if (a.className = `${Qt}-line`, n) {
 			let e = document.createElement("span");
-			e.className = `${Kt}-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 = `${Qt}-key`, e.style.backgroundColor = 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), i.point && e.style.setProperty("--tablechart-point-color", i.point), e.toggleAttribute("data-open", i.open)), a.append(e);
 		}
 		let o = document.createElement("span");
-		if (o.className = `${Kt}-${r ? "title" : "name"}`, o.textContent = e, a.append(o), t) {
+		if (o.className = `${Qt}-${r ? "title" : "name"}`, o.textContent = e, a.append(o), t) {
 			e && o.append(":");
 			let n = document.createElement("span");
-			n.className = `${Kt}-value`, n.textContent = t, a.append(n);
+			n.className = `${Qt}-value`, n.textContent = t, a.append(n);
 		}
 		return a;
-	}, a = (e.figure.querySelectorAll("tbody tr")[t]?.querySelector("th"))?.textContent?.trim() || e.categories[t]?.textContent || e.rows[t].label, o = r.length === 1 && !r[0].name, s = r.every((e) => e.name && !e.value), c = ut(e.figure, t)?.textContent?.trim(), l = c ? [Object.assign(document.createElement("div"), {
-		className: `${Kt}-note`,
+	}, a = (e.figure.querySelectorAll("tbody tr")[t]?.querySelector("th"))?.textContent?.trim() || e.categories[t]?.textContent || e.rows[t].label, o = r.length === 1 && !r[0].name, s = r.every((e) => e.name && !e.value), c = ht(e.figure, t)?.textContent?.trim(), l = c ? [Object.assign(document.createElement("div"), {
+		className: `${Qt}-note`,
 		textContent: c
 	})] : [];
-	Jt.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)), ...l);
+	en.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)), ...l);
 	let u = getComputedStyle(e.figure);
-	for (let e of qt) {
+	for (let e of $t) {
 		let t = u.getPropertyValue(e).trim();
 		t ? $.style.setProperty(e, t) : $.style.removeProperty(e);
 	}
 	$.style.setProperty("--_color", u.color), $.style.colorScheme = u.colorScheme, $.style.fontFamily = u.fontFamily;
-	let d = cn(n);
-	$.parentElement !== d && d.append($), Xt = e, Zt = t, $.hidden = !1, $.style.left = "0px", $.style.top = "0px";
+	let d = mn(n);
+	$.parentElement !== d && d.append($), nn = e, rn = t, $.hidden = !1, $.style.left = "0px", $.style.top = "0px";
 	let f = $.getBoundingClientRect(), p = {
 		x: f.left,
 		y: f.top,
-		scale: sn($, f.width)
-	}, m = sn(e.plot, e.plot.getBoundingClientRect().width);
-	$.style.fontSize = `${Number.parseFloat(u.fontSize) * m / p.scale}px`, Gt($, Yt, mn(e, t), p);
-}, gn = (e, t, n = !1) => {
+		scale: pn($, f.width)
+	}, m = pn(e.plot, e.plot.getBoundingClientRect().width);
+	$.style.fontSize = `${Number.parseFloat(u.fontSize) * m / p.scale}px`, Zt($, tn, bn(e, t), p);
+}, Sn = (e, t, n = !1) => {
 	let { plot: r } = e;
-	r.setAttribute("data-hover", ""), on();
+	r.setAttribute("data-hover", ""), fn();
 	let i = (t) => {
 		if (e.rowAt) {
-			let n = r.getBoundingClientRect(), i = sn(r, n.width);
+			let n = r.getBoundingClientRect(), i = pn(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");
@@ -2006,13 +2160,13 @@ var Xe = (e) => {
 		else if (t.getAttribute("data-row") === String(e + 1)) return !0;
 		return !1;
 	}, s = null, c = (a) => {
-		if (a.type === "pointerdown") en = !1;
-		else if (a.pointerType === "mouse" && (!tn || en)) return;
+		if (a.type === "pointerdown") sn = !1;
+		else if (a.pointerType === "mouse" && (!cn || sn)) return;
 		if (!r.classList.contains("is-placed") || !e.figure.classList.contains("is-shown")) return;
-		if (n && !e.figure.hasAttribute("data-left-out")) return Xt === e ? $t() : void 0;
+		if (n && !e.figure.hasAttribute("data-left-out")) return nn === e ? on() : void 0;
 		let c = i(a);
-		if (s = c, c === null || o(c)) return Xt === e ? $t() : void 0;
-		hn(e, c, t);
+		if (s = c, c === null || o(c)) return nn === e ? on() : void 0;
+		xn(e, c, t);
 	}, l = (t) => {
 		let n = t.target;
 		return e.svg.contains(n) && n.hasAttribute("data-row") ? n : null;
@@ -2026,37 +2180,37 @@ var Xe = (e) => {
 		if (!r) return;
 		a.delete(r);
 		let i = Number(r.getAttribute("data-row")) - 1;
-		s === i && !o(i) && !en && hn(e, i, t);
+		s === i && !o(i) && !sn && xn(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, Xt === e && ln());
+		t.pointerType === "mouse" && (s = null, nn === e && hn());
 	});
-}, _n = (e) => {
-	Xt === e && $t();
-}, vn = {
-	area: it,
-	bar: ze,
-	column: Be,
-	donut: Ue,
-	line: rt,
-	waterfall: st
-}, yn = (e, t) => {
-	vn[e] = t, Object.assign(bn, t.annotations), xn.splice(0, Infinity, ...Object.keys(bn));
-}, bn = {
-	"axis-break": ne,
-	trend: ke,
-	bracket: le,
-	reference: De,
-	note: Te
-}, xn = Object.keys(bn), Sn = (e) => {
+}, Cn = (e) => {
+	nn === e && on();
+}, wn = {
+	area: lt,
+	bar: We,
+	column: Ge,
+	donut: Je,
+	line: ct,
+	waterfall: ft
+}, Tn = (e, t) => {
+	wn[e] = t, Object.assign(En, t.annotations), Dn.splice(0, Infinity, ...Object.keys(En));
+}, En = {
+	"axis-break": K,
+	trend: Ne,
+	bracket: fe,
+	reference: je,
+	note: ke
+}, Dn = Object.keys(En), On = (e) => {
 	let t = "";
 	for (let n = e.previousSibling; n && (t = (n.textContent ?? "") + t, !t.trim()); n = n.previousSibling);
 	return t.trim();
-}, Cn = [
+}, kn = [
 	"straight",
 	"step",
 	"smooth"
-], wn = (e, t, n, r, i) => {
+], An = (e, t, n, r, i) => {
 	let a = t === r, [o, s, c] = a ? [
 		Math.min(e, n),
 		Math.max(e, n),
@@ -2068,16 +2222,16 @@ var Xe = (e) => {
 	], l = i.filter(([e, t, n, r]) => a ? t <= c && c <= t + r : e <= c && c <= e + n).map(([e, t, n, r]) => a ? [e, e + n] : [t, t + r]).sort((e, t) => e[0] - t[0]), u = [], d = o;
 	for (let [e, t] of l) e > d && u.push([d, Math.min(e, s)]), d = Math.max(d, t);
 	return d < s && u.push([d, s]), u.map(([e, t]) => a ? `M${P(e)},${P(c)}H${P(t)}` : `M${P(c)},${P(e)}V${P(t)}`).join("");
-}, Tn = (e, t) => {
+}, jn = (e, t) => {
 	let [n, r, i, a] = [
 		"x1",
 		"y1",
 		"x2",
 		"y2"
-	].map((t) => Number(e.getAttribute(t))), o = F("path", { d: wn(n, r, i, a, t) });
+	].map((t) => Number(e.getAttribute(t))), o = F("path", { d: An(n, r, i, a, t) });
 	for (let { name: t, value: n } of Array.from(e.attributes)) /^[xy][12]$/.test(t) || o.setAttribute(t, n);
 	e.replaceWith(o);
-}, En = (e) => Array.from((e.getAttribute("d") ?? "").matchAll(/M(-?[\d.]+),(-?[\d.]+)([HV])(-?[\d.]+)/g), ([, e, t, n, r]) => n === "H" ? [
+}, Mn = (e) => Array.from((e.getAttribute("d") ?? "").matchAll(/M(-?[\d.]+),(-?[\d.]+)([HV])(-?[\d.]+)/g), ([, e, t, n, r]) => n === "H" ? [
 	+e,
 	+t,
 	+r,
@@ -2087,19 +2241,19 @@ var Xe = (e) => {
 	+t,
 	+e,
 	+r
-]), Dn = (e, [t, n, r, i]) => e.map(([e, a, o, s]) => a === s ? n <= a && a <= n + i && Math.max(e, t) < Math.min(o, t + r) ? `M${P(Math.max(e, t))},${P(a)}H${P(Math.min(o, t + r))}` : "" : t <= e && e <= t + r && Math.max(a, n) < Math.min(s, n + i) ? `M${P(e)},${P(Math.max(a, n))}V${P(Math.min(s, n + i))}` : "").join(""), On = (e, t, n) => {
+]), Nn = (e, [t, n, r, i]) => e.map(([e, a, o, s]) => a === s ? n <= a && a <= n + i && Math.max(e, t) < Math.min(o, t + r) ? `M${P(Math.max(e, t))},${P(a)}H${P(Math.min(o, t + r))}` : "" : t <= e && e <= t + r && Math.max(a, n) < Math.min(s, n + i) ? `M${P(e)},${P(Math.max(a, n))}V${P(Math.min(s, n + i))}` : "").join(""), Pn = (e, t, n) => {
 	let r = e.getAttribute(t);
 	return r === null ? n : r !== "false";
-}, kn = (e, t) => !!t.animate && e.getAttribute("data-chart-animate") !== "false", An = (e, t) => {
+}, Fn = (e, t) => !!t.animate && e.getAttribute("data-chart-animate") !== "false", In = (e, t) => {
 	let n = e.dataset.chartShape;
-	return n && Cn.includes(n) ? n : Cn.includes(t.shape) ? t.shape : "straight";
-}, jn = (e) => {
+	return n && kn.includes(n) ? n : kn.includes(t.shape) ? t.shape : "straight";
+}, Ln = (e) => {
 	for (let t of e.querySelectorAll("br")) {
-		if (t.previousElementSibling?.classList.contains("tablechart-sr") || /[.!?:;,…]$/.test(Sn(t))) continue;
+		if (t.previousElementSibling?.classList.contains("tablechart-sr") || /[.!?:;,…]$/.test(On(t))) continue;
 		let e = document.createElement("span");
 		e.className = y, e.textContent = ". ", t.before(e);
 	}
-}, Mn = (e, t, n) => {
+}, Rn = (e, t, n) => {
 	let r = e.querySelector("table");
 	if (!r) return null;
 	let i = r.querySelector("tfoot [data-chart-total]");
@@ -2110,23 +2264,43 @@ var Xe = (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;
-}, Nn = 0, Pn = (e) => {
+}, zn = 0, Bn = (e) => {
 	let t = e.querySelector(":scope > figcaption");
 	if (!t) return;
-	jn(t);
+	Ln(t);
 	let n = (e) => e.hasAttribute("aria-label") || e.hasAttribute("aria-labelledby"), r = (e) => {
-		t.id || (t.id = `tablechart-caption-${++Nn}`), e.setAttribute("aria-labelledby", t.id);
+		t.id || (t.id = `tablechart-caption-${++zn}`), 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);
-}, Fn = (r, i, a = null) => {
-	let o = a ?? (r.getAttribute("data-chart") || "column"), s = vn[o];
-	if (!s) return console.warn(`[${e}] Unknown chart type "${o}". Known types: ${Object.keys(vn).join(", ")}.`), r.setAttribute("data-chart-empty", ""), null;
-	let c = dt(r, i.langattribute);
+}, Vn = [
+	null,
+	"dashed",
+	"dotted",
+	"dash-dot"
+], Hn = (t, n, r, i) => {
+	let a = t.closest("[data-chart-lines]")?.getAttribute("data-chart-lines"), o = i.lines;
+	if (a) try {
+		o = JSON.parse(a);
+	} catch {
+		console.warn(`[${e}] data-chart-lines needs a JSON list, such as [{"marker":"none"}].`, t);
+	}
+	(r === "line" || r === "area" ? n : n.filter((e) => e.chart)).forEach((e, t) => {
+		if (!o?.length) {
+			e.line ?? (e.line = Vn[Math.floor(t / 6) % Vn.length]);
+			return;
+		}
+		let n = o[t % o.length];
+		e.marker ?? (e.marker = n.marker || n.open !== void 0 ? [n.marker, n.open ? "open" : "filled"].filter(Boolean).join(" ") : null), e.line === null && n.line !== "solid" && (e.line = n.line ?? null);
+	});
+}, Un = (r, i, a = null) => {
+	let o = a ?? (r.getAttribute("data-chart") || "column"), s = wn[o];
+	if (!s) return console.warn(`[${e}] Unknown chart type "${o}". Known types: ${Object.keys(wn).join(", ")}.`), r.setAttribute("data-chart-empty", ""), null;
+	let c = gt(r, i.langattribute);
 	if (!c.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;
-	Pn(r);
-	let l = mt(r, c, i.langattribute);
+	Bn(r);
+	let l = yt(r, c, i.langattribute);
 	if (l.length > 1 && !s.series && !s.columns && (console.warn(`[${e}] A ${o} chart uses only the first of its ${l.length} value columns.`), l = l.slice(0, 1)), l.some((e) => e.chart)) {
 		let t = s.lines ? l.every((e) => e.chart) ? "Every series has data-chart=\"line\", so the chart is a line chart: set data-chart=\"line\" on the figure." : null : `A ${o} chart cannot draw a series as a line.`;
 		t && (console.warn(`[${e}] ${t}`), l = l.map((e) => ({
@@ -2134,6 +2308,7 @@ var Xe = (e) => {
 			chart: null
 		})));
 	}
+	Hn(r, l, o, i);
 	let u = l.some((e) => e.chart), d = l.length > 1;
 	d && r.style.setProperty("--_series-count", String(l.length));
 	let m = r.hasAttribute("data-chart-stack");
@@ -2147,14 +2322,14 @@ var Xe = (e) => {
 	_.appendChild(v);
 	let y = r.querySelector(":scope > table"), b = (e) => y ? y.before(e) : r.append(e);
 	b(_);
-	let x = s.centre ? c.filter((e) => !e.isTotal) : c, S = Math.max(0, G(x.flatMap((e) => e.cells.slice(0, l.length).map((e) => re(e.number))))), C = l.map((e, t) => Math.max(0, G(c.map((e) => re(e.cells[t]?.number ?? ""))))), w = document.createElement("div");
+	let x = s.centre ? c.filter((e) => !e.isTotal) : c, S = Math.max(0, q(x.flatMap((e) => e.cells.slice(0, l.length).map((e) => ie(e.number))))), C = l.map((e, t) => Math.max(0, q(c.map((e) => ie(e.cells[t]?.number ?? ""))))), w = document.createElement("div");
 	w.className = "tablechart-values", _.appendChild(w);
 	let D = l.map((e, t) => c.map((e, r) => {
 		let i = e.cells[t] ?? e.cells[0], a = L(n, w);
 		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), d && (a.dataset.series = String(t + 1)), s.columns && (a.dataset.decimals = String(C[t])), a.dataset.row = String(r + 1), a.style.setProperty("--i", String(e.slot)), s.numbers === !1 && (t || r) && (a.dataset.place = "none"), a;
 	})), O = D[0], k = h && s.totals ? c.map((e, t) => {
 		let r = L(n, w);
-		r.classList.add(...e.classes), r.dataset.kind = "total", r.dataset.row = String(t + 1), r.dataset.value = String(Fe(e, l.length));
+		r.classList.add(...e.classes), r.dataset.kind = "total", r.dataset.row = String(t + 1), r.dataset.value = String(ze(e, l.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;
 	}) : [], A = c[c.length - 1], j = l.some((e) => e.focus), M = r.getAttribute("data-chart-legend"), N = d && !s.columns && (M === null ? i.legend || s.legend !== void 0 : M !== "false") ? document.createElement("div") : null;
@@ -2163,17 +2338,17 @@ var Xe = (e) => {
 		let n = L(f, N ?? _);
 		N && (n.dataset.place = "legend");
 		let a = e.chart ? void 0 : s.legend ?? s.swatch;
-		if (a && (n.dataset.swatch = a), n.textContent = e.name, !a && An(r, i) !== "step") {
-			let r = e.chart ? We(P, P.indexOf(e)) : We(l, t);
+		if (a && (n.dataset.swatch = a), n.textContent = e.name, !a && In(r, i) !== "step") {
+			let r = e.chart ? Ye(P, P.indexOf(e)) : Ye(l, t);
 			n.dataset.marker = r.shape, n.toggleAttribute("data-open", r.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", j && !e.focus ? "1" : "0"), n.style.setProperty("--i", String(A.slot)), n;
 	}) : [], R = s.centre ? L(g, _) : null;
 	if (R) {
 		let e = c.find((e) => e.isTotal), t = e ? e.value : c.reduce((e, t) => e + Math.abs(t.value), 0);
-		R.dataset.value = String(t), e && (R.dataset.decimals = String(re(e.number)));
+		R.dataset.value = String(t), e && (R.dataset.decimals = String(ie(e.number)));
 	}
-	let z = R && !c.some((e) => e.isTotal) ? Mn(r, R, i) : null, B = s.categories === "beside", V = document.createElement("div");
+	let z = R && !c.some((e) => e.isTotal) ? Rn(r, R, i) : null, B = s.categories === "beside", V = document.createElement("div");
 	V.className = "tablechart-categories", V.setAttribute("aria-hidden", "true"), V.inert = !0, B ? V.dataset.place = "beside" : s.centre && (V.dataset.place = "key"), V.style.setProperty("--_columns", String(c.length));
 	let H = 0;
 	for (let [e, t] of c.entries()) {
@@ -2181,17 +2356,17 @@ var Xe = (e) => {
 		n.classList.add(...t.classes), n.textContent = t.short ?? t.label, t.key && i.langattribute && n.setAttribute(i.langattribute, t.short ? `${t.key}-short` : t.key), s.centre && (n.dataset.kind = t.isTotal ? "total" : "slice", t.isTotal || (n.dataset.slice = String(H + 1), n.style.setProperty("--n", String(H)), n.style.setProperty("--palette", `var(--tablechart-color-${H + 1})`), H += 1)), n.style.setProperty("--i", String(t.slot)), n.dataset.row = String(e + 1), V.appendChild(n);
 	}
 	s.centre && r.style.setProperty("--_slice-count", String(H)), B ? _.appendChild(V) : b(V), N && b(N);
-	let U = l.filter((e) => !e.group), ee = !s.axes && !s.centre && On(r, "data-chart-axis", i.axis), te = s.axes ? {
+	let U = l.filter((e) => !e.group), W = !s.axes && !s.centre && Pn(r, "data-chart-axis", i.axis), ee = s.axes ? {
 		titles: U.slice(0, 2).map((e, t) => {
 			let n = L(`${T}-title`, _);
 			return n.dataset.axis = t ? "y" : "x", n.textContent = e.name, e.key && i.langattribute && n.setAttribute(i.langattribute, e.key), n;
 		}),
 		ticks: L(`${E}s`, _),
 		numbers: !0
-	} : ee || !s.centre && On(r, "data-chart-grid", i.grid) ? {
+	} : W || !s.centre && Pn(r, "data-chart-grid", i.grid) ? {
 		titles: [],
 		ticks: L(`${E}s`, _),
-		numbers: ee
+		numbers: W
 	} : null;
 	s.text?.({
 		figure: r,
@@ -2200,9 +2375,9 @@ var Xe = (e) => {
 		series: l,
 		config: i
 	});
-	let W = kn(r, i) ? Bt(r, !!s.axes) : null;
-	s.axes && r.querySelector("tbody [data-fragment], thead [data-fragment]") && Q.log(`A ${o} chart has one step, with data-fragment on the figure; its rows and columns have no steps of their own.`, r), W && r.setAttribute("data-steps", "");
-	let ne = r.getAttribute("data-chart-keys"), K = W && i.controls ? Wt({
+	let te = Fn(r, i) ? Kt(r, !!s.axes) : null;
+	s.axes && r.querySelector("tbody [data-fragment], thead [data-fragment]") && Q.log(`A ${o} chart has one step, with data-fragment on the figure; its rows and columns have no steps of their own.`, r), te && r.setAttribute("data-steps", "");
+	let ne = r.getAttribute("data-chart-keys"), re = te && i.controls ? Xt({
 		previous: i.previouslabel,
 		next: i.nextlabel,
 		hint: i.stephint
@@ -2211,10 +2386,10 @@ var Xe = (e) => {
 		next: ne && `${ne}-next`,
 		hint: ne && `${ne}-step`
 	}, i.langattribute) : null;
-	K && b(K);
-	let ie = Array.from(r.querySelectorAll("[data-annotation]")).map((t) => {
-		let n = t.getAttribute("data-annotation"), r = bn[n];
-		if (!r) return console.warn(`[${e}] Unknown annotation "${n}". Known annotations: ${Object.keys(bn).join(", ")}.`), null;
+	re && b(re);
+	let G = Array.from(r.querySelectorAll("[data-annotation]")).map((t) => {
+		let n = t.getAttribute("data-annotation"), r = En[n];
+		if (!r) return console.warn(`[${e}] Unknown annotation "${n}". Known annotations: ${Object.keys(En).join(", ")}.`), null;
 		let i = Number.parseInt(t.getAttribute("data-series") ?? "1", 10), a = i >= 1 && i <= l.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,
@@ -2227,16 +2402,16 @@ var Xe = (e) => {
 	if (!B && !s.centre && !s.axes) for (let [e, t] of c.entries()) {
 		if (!t.note) continue;
 		let n = document.createElement("span");
-		n.dataset.annotation = "note", n.dataset.row = String(e + 1), n.textContent = t.note, t.noteKey && n.setAttribute("data-i18n", t.noteKey), ie.push({
+		n.dataset.annotation = "note", n.dataset.row = String(e + 1), n.textContent = t.note, t.noteKey && n.setAttribute("data-i18n", t.noteKey), G.push({
 			spec: n,
-			type: Te,
-			badge: Te.create(n, _),
+			type: ke,
+			badge: ke.create(n, _),
 			series: 0,
 			after: c.length
 		});
 	}
-	kn(r, i) && r.setAttribute("data-animate", Rn(r, o, i, !!W));
-	let q = {
+	Fn(r, i) && r.setAttribute("data-animate", Kn(r, o, i, !!te));
+	let K = {
 		figure: r,
 		plot: _,
 		svg: v,
@@ -2249,45 +2424,45 @@ var Xe = (e) => {
 		names: N ? [] : I,
 		categories: Array.from(V.children),
 		centre: R,
-		axes: te,
+		axes: ee,
 		stacked: h,
 		totals: k,
 		totalCell: z,
 		rowAt: null,
 		rowBox: null,
 		pointOf: null,
-		annotations: ie,
+		annotations: G,
 		checks: [],
-		plan: W,
+		plan: te,
 		step: 0,
-		controls: K
-	}, ae = () => $n(r, v);
-	v.addEventListener("transitionend", ae), v.addEventListener("transitioncancel", ae), K?.addEventListener("click", (e) => {
+		controls: re
+	}, ae = () => sr(r, v);
+	v.addEventListener("transitionend", ae), v.addEventListener("transitioncancel", ae), re?.addEventListener("click", (e) => {
 		let t = e.target.closest("button")?.dataset.go;
-		t && Ut(q, q.step + (t === "next" ? 1 : -1));
-	}), Ut(q, 0, !0);
+		t && Yt(K, K.step + (t === "next" ? 1 : -1));
+	}), Yt(K, 0, !0);
 	let oe = r.getAttribute("data-chart-tooltip"), se = oe === "false" ? !1 : oe === "auto" ? "auto" : oe !== null || i.tooltip;
-	return se && gn(q, i, se === "auto"), Jn(q, i), q;
-}, In = {
+	return se && Sn(K, i, se === "auto"), nr(K, i), K;
+}, Wn = {
 	grow: "grow",
 	sweep: "sweep"
-}, Ln = [
+}, Gn = [
 	"never",
 	"auto",
 	"print",
 	"always"
-], Rn = (e, t, n, r) => {
-	let i = t === "line" || t === "area", a = In[e.getAttribute("data-chart-animate") ?? ""] ?? In[String(n.animate)];
+], Kn = (e, t, n, r) => {
+	let i = t === "line" || t === "area", a = Wn[e.getAttribute("data-chart-animate") ?? ""] ?? Wn[String(n.animate)];
 	return i ? r ? "sweep" : a ?? "sweep" : t === "donut" || t === "waterfall" ? a ?? "grow" : "grow";
-}, zn = (e) => {
+}, qn = (e) => {
 	let t = getComputedStyle(e).getPropertyValue("--tablechart-value-align").trim();
 	return t === "start" || t === "center" || t === "end" ? t : null;
-}, Bn = (e, t, n) => e.dataset.chartLabels === "inside" || e.dataset.chartLabels !== "outside" && (t.labels === "inside" || n) ? "inside" : "outside", Vn = (e, t, n, r) => {
+}, Jn = (e, t, n) => e.dataset.chartLabels === "inside" || e.dataset.chartLabels !== "outside" && (t.labels === "inside" || n) ? "inside" : "outside", Yn = (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 : o * (a[2] === "em" ? Number.parseFloat(i.fontSize) : a[2] === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1) * t;
-}, Hn = (e, t) => Vn(e, t, "--tablechart-bar-max", "60px") ?? Infinity, Un = (e, t) => {
+}, Xn = (e, t) => Yn(e, t, "--tablechart-bar-max", "60px") ?? Infinity, Zn = (e, t) => {
 	let n = e.getBoundingClientRect(), r = O / n.width, i = getComputedStyle(e), a = Number.parseFloat(i.lineHeight) / Number.parseFloat(i.fontSize) || 1.2;
 	return (e) => {
 		if (e.dataset.place === "none" || e.hidden || e.hasAttribute("data-left-out")) return [];
@@ -2302,21 +2477,21 @@ var Xe = (e) => {
 			style: s.join("; ")
 		})] : [];
 	};
-}, Wn = [
+}, Qn = [
 	"first",
 	"last",
 	"highest",
 	"lowest",
 	"outliers"
-], Gn = (t, n) => {
+], $n = (t, n) => {
 	let r = (t.getAttribute("data-chart-values") ?? n.values).trim().toLowerCase().split(/\s+/).filter(Boolean);
 	for (let t of r) [
 		"auto",
 		"all",
 		"none",
-		...Wn
-	].includes(t) || console.warn(`[${e}] data-chart-values knows no "${t}". It takes auto, all, none, ${Wn.join(", ")}.`);
-	let i = r.filter((e) => Wn.includes(e));
+		...Qn
+	].includes(t) || console.warn(`[${e}] data-chart-values knows no "${t}". It takes auto, all, none, ${Qn.join(", ")}.`);
+	let i = r.filter((e) => Qn.includes(e));
 	return r.includes("all") ? {
 		mode: "all",
 		keys: []
@@ -2325,19 +2500,19 @@ var Xe = (e) => {
 		keys: []
 	} : r.includes("auto") || !i.length ? {
 		mode: "auto",
-		keys: i.length ? i : Wn
+		keys: i.length ? i : Qn
 	} : {
 		mode: "set",
 		keys: i
 	};
-}, Kn = ({ figure: e, rows: t, series: n }, r) => {
-	let i = e.getAttribute("data-chart-table"), a = i && Ln.includes(i) ? i : r.table;
+}, er = ({ figure: e, rows: t, series: n }, r) => {
+	let i = e.getAttribute("data-chart-table"), a = i && Gn.includes(i) ? i : r.table;
 	a === "never" ? e.removeAttribute("data-table") : e.setAttribute("data-table", a);
 	let o = e.getAttribute("data-chart-summary");
-	e.setAttribute("data-summary", o && Ln.includes(o) ? o : r.summary), e.toggleAttribute("data-long", t.length * n.filter((e) => !e.group).length > r.tablelimit);
-}, qn = (t, n) => {
+	e.setAttribute("data-summary", o && Gn.includes(o) ? o : r.summary), e.toggleAttribute("data-long", t.length * n.filter((e) => !e.group).length > r.tablelimit);
+}, tr = (t, n) => {
 	let { plot: r, svg: i, rows: l, type: m, values: g, series: _, seriesValues: y, names: b, annotations: x } = t;
-	Kn(t, n);
+	er(t, n);
 	let S = getComputedStyle(t.figure);
 	t.figure.toggleAttribute("data-series-range", !!S.getPropertyValue("--tablechart-series-color-end").trim()), t.figure.toggleAttribute("data-slice-range", !!S.getPropertyValue("--tablechart-slice-color-end").trim());
 	let C = Number.parseFloat(t.figure.dataset.chartAspect ?? ""), w = C > 0 ? C : m.aspect ?? n.aspect, k = m.categories === "beside", A = t.axes && !m.axes ? t.axes : null, j = k ? null : t.categories[0]?.parentElement, M = null;
@@ -2345,7 +2520,7 @@ var Xe = (e) => {
 		r.style.margin = "", j && (j.style.marginLeft = "");
 		let e = r.clientWidth;
 		if (!e) return !1;
-		let i = m.segments?.(l) ?? [], a = t.stacked ? l.flatMap((e) => Object.values(Pe(e, _.length, m.running))) : i.some((e) => e.kind === "up" || e.kind === "down") ? i.flatMap((e) => [e.from, e.to]) : l.flatMap((e) => e.cells.slice(0, _.length).filter((e) => !e.missing).map((e) => e.value)), o = Math.min(0, -G(a.map((e) => -e))), s = Math.max(0, G(a)), c = Number.parseFloat(getComputedStyle(r).fontSize) || 16, { chartScaleY: u, chartScale: d } = t.figure.dataset, f = bt(u ?? d);
+		let i = m.segments?.(l) ?? [], a = t.stacked ? l.flatMap((e) => Object.values(Re(e, _.length, m.running))) : i.some((e) => e.kind === "up" || e.kind === "down") ? i.flatMap((e) => [e.from, e.to]) : l.flatMap((e) => e.cells.slice(0, _.length).filter((e) => !e.missing).map((e) => e.value)), o = Math.min(0, -q(a.map((e) => -e))), s = Math.max(0, q(a)), c = Number.parseFloat(getComputedStyle(r).fontSize) || 16, { chartScaleY: u, chartScale: d } = t.figure.dataset, f = Tt(u ?? d);
 		if (f && f.length > 2) M = {
 			min: f[0],
 			max: f[f.length - 1],
@@ -2353,24 +2528,24 @@ var Xe = (e) => {
 			ticks: f
 		};
 		else {
-			let [t, n] = f ?? [o, s], r = _t(n - t, Math.max((k ? e / 9 : e * w / 3) / c, 2)), i = (e, t) => f ? e : Number(((t ? Math.ceil : Math.floor)(e / r - 1e-9 * (t ? 1 : -1)) * r).toPrecision(12)), a = i(t, !1), l = i(n, !0);
+			let [t, n] = f ?? [o, s], r = St(n - t, Math.max((k ? e / 9 : e * w / 3) / c, 2)), i = (e, t) => f ? e : Number(((t ? Math.ceil : Math.floor)(e / r - 1e-9 * (t ? 1 : -1)) * r).toPrecision(12)), a = i(t, !1), l = i(n, !0);
 			M = {
 				min: a,
 				max: l,
 				step: r,
-				ticks: vt(a, l, r)
+				ticks: Ct(a, l, r)
 			};
 		}
 		A.ticks.textContent = "";
-		let p = l.find((e) => !e.missing), h = G(M.ticks.map((e) => re(String(e))));
+		let p = l.find((e) => !e.missing), h = q(M.ticks.map((e) => ie(String(e))));
 		for (let e of M.ticks) {
 			let t = L(E, A.ticks);
-			t.dataset.value = String(e), t.dataset.place = "none", p?.prefix && (t.dataset.prefix = p.prefix), p?.suffix && (t.dataset.suffix = p.suffix), Yn(t, h, n.locale);
+			t.dataset.value = String(e), t.dataset.place = "none", p?.prefix && (t.dataset.prefix = p.prefix), p?.suffix && (t.dataset.suffix = p.suffix), rr(t, h, n.locale);
 		}
 		if (A.numbers) {
 			let e = Array.from(A.ticks.children);
 			for (let t of e) delete t.dataset.place;
-			me(e), k ? r.style.marginBottom = `${(e[0] ? J(e[0]).height : 0) + 6}px` : (r.style.marginLeft = `${G([0, ...e.map((e) => J(e).width)]) + 10}px`, j && (j.style.marginLeft = r.style.marginLeft));
+			_e(e), k ? r.style.marginBottom = `${(e[0] ? J(e[0]).height : 0) + 6}px` : (r.style.marginLeft = `${q([0, ...e.map((e) => J(e).width)]) + 10}px`, j && (j.style.marginLeft = r.style.marginLeft));
 		}
 	}
 	let N = r.clientWidth;
@@ -2382,37 +2557,37 @@ var Xe = (e) => {
 	r.style.removeProperty("--_fit"), r.toggleAttribute("data-grouped", !!m.groups && !t.stacked && _.filter((e) => !e.chart && !e.group).length > 1), t.categories[0]?.parentElement?.style.removeProperty("--_beside");
 	let V = m.axes ? t.axes : null, H = [];
 	if (V) {
-		let e = Number.parseFloat(getComputedStyle(r).fontSize) || 16, i = _.flatMap((e, t) => e.group ? [] : [t]).slice(0, 2), a = l.filter((e) => i.every((t) => e.cells[t] && !e.cells[t].missing)), { chartScaleX: o, chartScaleY: s, chartScale: c } = t.figure.dataset, u = [bt(o), bt(s ?? c)];
-		H = i.map((t, n) => xt(a.length ? a.map((e) => e.cells[t].value) : [0, 1], Math.max(n ? z / I / (e * 4) : N / (e * 9), 4), u[n])), V.ticks.textContent = "", H.forEach((e, t) => {
-			let r = a[0]?.cells[i[t]], o = G(e.ticks.map((e) => re(String(e))));
+		let e = Number.parseFloat(getComputedStyle(r).fontSize) || 16, i = _.flatMap((e, t) => e.group ? [] : [t]).slice(0, 2), a = l.filter((e) => i.every((t) => e.cells[t] && !e.cells[t].missing)), { chartScaleX: o, chartScaleY: s, chartScale: c } = t.figure.dataset, u = [Tt(o), Tt(s ?? c)];
+		H = i.map((t, n) => Et(a.length ? a.map((e) => e.cells[t].value) : [0, 1], Math.max(n ? z / I / (e * 4) : N / (e * 9), 4), u[n])), V.ticks.textContent = "", H.forEach((e, t) => {
+			let r = a[0]?.cells[i[t]], o = q(e.ticks.map((e) => ie(String(e))));
 			for (let i of e.ticks) {
 				let e = L(E, V.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), Yn(e, o, n.locale);
+				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), rr(e, o, n.locale);
 			}
 		});
 	}
-	let te = V ? Array.from(V.ticks.children) : [];
-	me([
+	let W = V ? Array.from(V.ticks.children) : [];
+	_e([
 		...y.flat(),
 		...t.totals,
 		...b,
 		...t.categories,
 		...x.map((e) => e.badge),
 		...V?.titles ?? [],
-		...te
+		...W
 	]);
-	let W = (g[0] ? J(g[0]).height : 0) * I;
+	let ee = (g[0] ? J(g[0]).height : 0) * I;
 	m.numbers === !1 && g[0] && (g[0].dataset.place = "none");
-	let ne = x[0]?.badge ? J(x[0].badge).height * I : 0, K = Math.max(z, Vn(t.figure, I, "--tablechart-min-height", "200px") ?? 0, m.minHeight?.({
-		labelHeight: W,
-		nameHeight: Math.max(0, G(t.categories.map((e) => J(e).height))) * I,
+	let re = x[0]?.badge ? J(x[0].badge).height * I : 0, G = Math.max(z, Yn(t.figure, I, "--tablechart-min-height", "200px") ?? 0, m.minHeight?.({
+		labelHeight: ee,
+		nameHeight: Math.max(0, q(t.categories.map((e) => J(e).height))) * I,
 		unit: I,
 		rows: l.length,
 		series: _.length,
 		stacked: t.stacked,
-		labels: Bn(t.figure, n, _.some((e) => e.chart))
-	}) ?? 0), ie = t.stacked ? l.map((e) => {
-		let t = Fe(e, _.length);
+		labels: Jn(t.figure, n, _.some((e) => e.chart))
+	}) ?? 0), K = t.stacked ? l.map((e) => {
+		let t = ze(e, _.length);
 		return {
 			...e,
 			value: t,
@@ -2421,120 +2596,122 @@ var Xe = (e) => {
 				value: t
 			} : e)
 		};
-	}) : l, q = (m.segments ?? ((e) => e.map((e) => ({
+	}) : l, ae = (m.segments ?? ((e) => e.map((e) => ({
 		...e,
 		from: 0,
 		to: e.value,
 		kind: "bar"
-	}))))(t.stacked ? ie.map((e) => ({
+	}))))(t.stacked ? K.map((e) => ({
 		...e,
 		cells: [e.cells[0]]
-	})) : l), ae = {
-		labelHeight: W,
-		badgeHeight: ne,
+	})) : l), oe = {
+		labelHeight: ee,
+		badgeHeight: re,
 		hasAnnotations: x.length > 0,
 		unit: I,
 		series: _.length,
 		focused: _.some((e) => e.focus),
 		stacked: t.stacked
-	}, oe = Math.max(((e) => t.stacked ? e(l.map((e) => Pe(e, _.length, m.running).top)) : e([...q.flatMap((e) => [
+	}, se = Math.max(((e) => t.stacked ? e(l.map((e) => Re(e, _.length, m.running).top)) : e([...ae.flatMap((e) => [
 		e.from,
 		e.to,
 		e.value
-	]), ...l.flatMap((e) => e.cells.slice(0, _.length).map((e) => e.value))]))(G), 0), se = q.some((e) => e.kind === "up" || e.kind === "down") ? q.flatMap((e) => [e.from, e.to]) : t.stacked ? l.map((e) => Pe(e, _.length, m.running).bottom) : l.flatMap((e) => e.cells.slice(0, _.length).map((e) => e.value)), ce = Math.min(-G(se.map((e) => -e)), 0), le = _.flatMap((e, t) => e.chart ? [t] : []), ue = l.some((e) => e.note) ? ne + 4 * I : 0, de = Math.max(m.headroom?.(ae) ?? W, le.length ? rt.headroom?.(ae) ?? 0 : 0) + ue, fe = 2 * I + (m.footroom?.(ae) ?? 0) + (ce < 0 ? W + 4 * I : 0), pe = K - de - fe, he = M ? Math.max(M.max, oe) : oe * 1.02, ge = M ? Math.min(M.min, ce) : ce * 1.02, _e = x.find((e) => e.spec.getAttribute("data-annotation") === "axis-break")?.spec, ve = (e) => {
-		let t = Number.parseFloat(_e?.getAttribute(e) ?? "");
+	]), ...l.flatMap((e) => e.cells.slice(0, _.length).map((e) => e.value))]))(q), 0), ce = ae.some((e) => e.kind === "up" || e.kind === "down") ? ae.flatMap((e) => [e.from, e.to]) : t.stacked ? l.map((e) => Re(e, _.length, m.running).bottom) : l.flatMap((e) => e.cells.slice(0, _.length).map((e) => e.value)), le = Math.min(-q(ce.map((e) => -e)), 0), ue = _.flatMap((e, t) => e.chart ? [t] : []), de = l.some((e) => e.note) ? re + 4 * I : 0, fe = Math.max(m.headroom?.(oe) ?? ee, ue.length ? ct.headroom?.(oe) ?? 0 : 0) + de, pe = 2 * I + (m.footroom?.(oe) ?? 0) + (le < 0 ? ee + 4 * I : 0), me = G - fe - pe, he = M ? Math.max(M.max, se) : se * 1.02, ge = M ? Math.min(M.min, le) : le * 1.02, ve = x.find((e) => e.spec.getAttribute("data-annotation") === "axis-break")?.spec, ye = (e) => {
+		let t = Number.parseFloat(ve?.getAttribute(e) ?? "");
 		return Number.isFinite(t) ? t : null;
-	}, be = ve("data-from") ?? ve("data-at"), xe = ve("data-to"), Y = null;
-	if (_e && (be !== null || xe !== null)) {
-		let t = be ?? 0, n = xe ?? he, r = xe === null ? t : be === null ? n : (t + n) / 2, i = _e.getAttribute("data-size"), a = i?.match(/^\s*(\d+(?:\.\d+)?)\s*%\s*$/);
+	}, be = ye("data-from") ?? ye("data-at"), xe = ye("data-to"), Ce = null;
+	if (ve && (be !== null || xe !== null)) {
+		let t = be ?? 0, n = xe ?? he, r = xe === null ? t : be === null ? n : (t + n) / 2, i = ve.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 o = Math.min(Math.max(a ? Number(a[1]) / 100 : xe === null ? .22 : .3, .05), .8), s = q.filter((e) => (e.kind === "up" || e.kind === "down") && Math.max(e.from, e.to) > t && Math.min(e.from, e.to) < n);
-		m.breakable ? ce < 0 ? console.warn(`[${e}] A chart with values below zero cannot break its scale.`) : t < 0 || n <= t || n > he || t === 0 && n === he ? console.warn(`[${e}] A break from ${t} to ${n} does not fit a scale that runs from 0 to ${oe}.`) : s.length ? console.warn(`[${e}] A break from ${t} to ${n} would cut a step that floats. Keep it below or above the steps.`) : Y = {
+		let o = Math.min(Math.max(a ? Number(a[1]) / 100 : xe === null ? .22 : .3, .05), .8), s = ae.filter((e) => (e.kind === "up" || e.kind === "down") && Math.max(e.from, e.to) > t && Math.min(e.from, e.to) < n);
+		m.breakable ? le < 0 ? console.warn(`[${e}] A chart with values below zero cannot break its scale.`) : t < 0 || n <= t || n > he || t === 0 && n === he ? console.warn(`[${e}] A break from ${t} to ${n} does not fit a scale that runs from 0 to ${se}.`) : s.length ? console.warn(`[${e}] A break from ${t} to ${n} would cut a step that floats. Keep it below or above the steps.`) : Ce = {
 			lo: t,
 			hi: n,
 			gap: r,
 			share: o
 		} : console.warn(`[${e}] This kind of chart cannot break its scale.`);
 	}
-	let we = Y ? Y.gap : null, Te = (Y && Vn(t.figure, I, "--tablechart-break-gap", "")) ?? 13, Ee = K - fe, De = he - ge || 1, Oe = (e) => Ee - (e - ge) / De * pe;
-	if (Y) {
-		let { lo: e, hi: t, gap: n, share: r } = Y, i = pe * r, a = (pe - i - Te) / (e + (he - t)), o = i / (t - e);
-		Oe = (r) => r <= e ? Ee - r * a : r <= n ? Ee - e * a - (r - e) * o : r <= t ? Ee - e * a - (r - e) * o - Te : Ee - e * a - i - Te - (r - t) * a;
+	let we = Ce ? Ce.gap : null, Te = (Ce && Yn(t.figure, I, "--tablechart-break-gap", "")) ?? 13, Oe = G - pe, ke = he - ge || 1, Ae = (e) => Oe - (e - ge) / ke * me;
+	if (Ce) {
+		let { lo: e, hi: t, gap: n, share: r } = Ce, i = me * r, a = (me - i - Te) / (e + (he - t)), o = i / (t - e);
+		Ae = (r) => r <= e ? Oe - r * a : r <= n ? Oe - e * a - (r - e) * o : r <= t ? Oe - e * a - (r - e) * o - Te : Oe - e * a - i - Te - (r - t) * a;
 	}
-	let ke, Ae, je = [];
+	let je, Me, Ne = [];
 	if (V) {
-		let e = 6 * I, [t, n] = V.titles, r = (e) => e ? J(e).width * I : 0, i = (e) => e ? J(e).height * I : 0, a = te.filter((e) => e.dataset.axis === "x"), o = te.filter((e) => e.dataset.axis === "y"), s = i(te[0]), c = r(n) + G([0, ...o.map(r)]) + 2 * e, l = s / 2;
-		Ae = [
+		let e = 6 * I, [t, n] = V.titles, r = (e) => e ? J(e).width * I : 0, i = (e) => e ? J(e).height * I : 0, a = W.filter((e) => e.dataset.axis === "x"), o = W.filter((e) => e.dataset.axis === "y"), s = i(W[0]), c = r(n) + q([0, ...o.map(r)]) + 2 * e, l = s / 2;
+		Me = [
 			c,
 			l,
-			O - c - G([0, ...a.map(r)]) / 2,
-			K - l - i(t) - s - 2 * e
+			O - c - q([0, ...a.map(r)]) / 2,
+			G - l - i(t) - s - 2 * e
 		];
-		let [u, d, f, p] = Ae, [m, h] = H, g = (e) => u + (e - m.min) / (m.max - m.min || 1) * f, _ = (e) => d + p - (e - h.min) / (h.max - h.min || 1) * p;
-		ke = g, Oe = _;
+		let [u, d, f, p] = Me, [m, h] = H, g = (e) => u + (e - m.min) / (m.max - m.min || 1) * f, _ = (e) => d + p - (e - h.min) / (h.max - h.min || 1) * p;
+		je = g, Ae = _;
 		let v = (e) => r(a.find((t) => Number(t.dataset.value) === e));
-		je = [St(m, (t) => t.every((n, r) => !r || g(n) - g(t[r - 1]) > (v(n) + v(t[r - 1])) / 2 + e)).ticks, St(h, (t) => t.every((n, r) => !r || _(t[r - 1]) - _(n) > s + e / 2)).ticks];
-		for (let t of te) {
-			let n = Number(t.dataset.value), r = t.dataset.axis === "x" ? 0 : 1, i = je[r].includes(n);
-			t.dataset.place = i ? r ? "before" : "below" : "none", i && R(t, r ? u - e : g(n), r ? _(n) : d + p + e, O, K);
+		Ne = [Dt(m, (t) => t.every((n, r) => !r || g(n) - g(t[r - 1]) > (v(n) + v(t[r - 1])) / 2 + e)).ticks, Dt(h, (t) => t.every((n, r) => !r || _(t[r - 1]) - _(n) > s + e / 2)).ticks];
+		for (let t of W) {
+			let n = Number(t.dataset.value), r = t.dataset.axis === "x" ? 0 : 1, i = Ne[r].includes(n);
+			t.dataset.place = i ? r ? "before" : "below" : "none", i && R(t, r ? u - e : g(n), r ? _(n) : d + p + e, O, G);
 		}
-		t && R(t, u + f / 2, K - i(t), O, K), n && R(n, 0, d + p / 2, O, K);
+		t && R(t, u + f / 2, G - i(t), O, G), n && R(n, 0, d + p / 2, O, G);
 	}
-	let Me = b.length ? G(b.map((e) => J(e).width)) * I + 12 * I : 0, Ne = t.categories[0]?.parentElement;
-	Ne && (Ne.style.paddingRight = Me ? `${Me / O * 100}%` : "");
-	let Ie = (O - Me) / l.length, Le = (e) => (e + .5) * Ie, Re = (e) => e >= 0 && e < l.length ? e : null;
-	t.rowAt = m.centre ? null : m.categories === "beside" ? (e, t) => Re(Math.floor(t * I / (K / l.length))) : (e) => Re(Math.floor(e * I / Ie));
-	let ze = Ie / O * 100, Be = 100 / l.length;
+	let Pe = $n(t.figure, n), Fe = In(t.figure, n), Ie = !!m.running && b.length > 0 && !t.stacked && Fe !== "step" && Pe.mode === "set" && Pe.keys.includes("last"), Le = Ie ? q(y.flat().map((e) => J(e).width)) * I : 0, Be = b.length ? q(b.map((e) => J(e).width)) * I + 12 * I + Le : 0, Ve = t.categories[0]?.parentElement;
+	Ve && (Ve.style.paddingRight = Be ? `${Be / O * 100}%` : "");
+	let He = (O - Be) / l.length, Ue = (e) => (e + .5) * He, We = (e) => e >= 0 && e < l.length ? e : null;
+	t.rowAt = m.centre ? null : m.categories === "beside" ? (e, t) => We(Math.floor(t * I / (G / l.length))) : (e) => We(Math.floor(e * I / He));
+	let Ge = He / O * 100, Ke = 100 / l.length;
 	if (t.rowBox = m.categories === "beside" ? (e) => [
 		0,
-		e * Be,
+		e * Ke,
 		100,
-		Be
+		Ke
 	] : (e) => [
-		e * ze,
+		e * Ge,
 		0,
-		ze,
+		Ge,
 		100
-	], i.setAttribute("viewBox", `0 0 ${O} ${P(K)}`), i.textContent = "", Ae && ke) {
-		let [e, r, a, o] = Ae, [s, c] = je, l = ke;
-		On(t.figure, "data-chart-grid", n.grid) && i.appendChild(F("path", {
+	], i.setAttribute("viewBox", `0 0 ${O} ${P(G)}`), i.textContent = "", Me && je) {
+		let [e, r, a, o] = Me, [s, c] = Ne, l = je;
+		Pn(t.figure, "data-chart-grid", n.grid) && i.appendChild(F("path", {
 			class: D,
-			d: [...s.map((e) => `M${P(l(e))},${P(r)}V${P(r + o)}`), ...c.map((t) => `M${P(e)},${P(Oe(t))}H${P(e + a)}`)].join("")
+			d: [...s.map((e) => `M${P(l(e))},${P(r)}V${P(r + o)}`), ...c.map((t) => `M${P(e)},${P(Ae(t))}H${P(e + a)}`)].join("")
 		})), i.appendChild(F("path", {
 			class: T,
 			d: [
 				`M${P(e)},${P(r)}V${P(r + o)}H${P(e + a)}`,
 				...s.map((e) => `M${P(l(e))},${P(r + o)}v${P(4 * I)}`),
-				...c.map((t) => `M${P(e)},${P(Oe(t))}h${P(-4 * I)}`)
+				...c.map((t) => `M${P(e)},${P(Ae(t))}h${P(-4 * I)}`)
 			].join("")
 		}));
 	}
 	t.checks = [];
-	let Ve = {
+	let Y = {
 		rows: l,
-		segments: q,
-		cx: Le,
-		y: Oe,
-		x: ke,
-		frame: Ae,
-		length: (e, n) => Vn(t.figure, I, e, n),
-		barWidth: Math.min(Ie * n.barfill, Hn(t.figure, I)),
-		barMax: Hn(t.figure, I),
-		height: K,
+		segments: ae,
+		cx: Ue,
+		y: Ae,
+		x: je,
+		frame: Me,
+		length: (e, n) => Yn(t.figure, I, e, n),
+		barWidth: Math.min(He * n.barfill, Xn(t.figure, I)),
+		barMax: Xn(t.figure, I),
+		barRadius: Yn(t.figure, I, "--tablechart-bar-radius", "0px") ?? 0,
+		height: G,
 		unit: I,
-		labelHeight: W,
-		badgeHeight: ne,
+		labelHeight: ee,
+		badgeHeight: re,
 		after: l.length,
 		note: 0,
-		labels: Bn(t.figure, n, le.length > 0),
-		insideAlign: zn(t.figure),
+		labels: Jn(t.figure, n, ue.length > 0),
+		insideAlign: qn(t.figure),
 		breakAt: we,
-		squeeze: Y,
+		squeeze: Ce,
 		breakGap: Te,
 		domain: M ? [M.min, M.max] : null,
 		stacked: t.stacked,
-		shape: An(t.figure, n),
-		pick: Gn(t.figure, n),
+		shape: Fe,
+		pick: Pe,
+		numbersAtEnd: Ie,
 		totals: t.totals,
 		svg: i,
 		plot: r,
@@ -2551,14 +2728,14 @@ var Xe = (e) => {
 		lineHoles: []
 	};
 	r.style.setProperty("--count", String(Math.max(1, ...l.map((e) => e.slot + 1))));
-	let He = (e) => {
+	let qe = (e) => {
 		let t = (t) => ({
 			...t,
 			...t.cells[e] ?? t.cells[0]
 		});
 		return {
 			rows: l.map(t),
-			segments: q.map((e) => {
+			segments: ae.map((e) => {
 				let n = t(e);
 				return e.kind === "bar" ? {
 					...n,
@@ -2568,51 +2745,51 @@ var Xe = (e) => {
 			values: y[e]
 		};
 	};
-	if (le.length) {
+	if (ue.length) {
 		let e = _.flatMap((e, t) => e.chart ? [] : [t]);
 		m.draw({
-			...Ve,
+			...Y,
 			own: e,
-			...e.length === 1 && He(e[0])
-		}), rt.draw({
-			...Ve,
-			own: le
+			...e.length === 1 && qe(e[0])
+		}), ct.draw({
+			...Y,
+			own: ue
 		});
-	} else m.draw(Ve);
-	Ve.rowAt && (t.rowAt = Ve.rowAt), t.pointOf = Ve.pointOf ?? null;
-	let Ue = Number(r.style.getPropertyValue("--count")) || l.length;
-	for (let e of t.figure.querySelectorAll(`.${f}`)) e.style.setProperty("--i", String(Math.min(l[l.length - 1].slot, Ue - 1)));
-	if (!t.stacked && !r.hasAttribute("data-grouped")) for (let e of y) Se(e, I, O), Ce(e, I, O, K);
+	} else m.draw(Y);
+	Y.rowAt && (t.rowAt = Y.rowAt), t.pointOf = Y.pointOf ?? null;
+	let Je = Number(r.style.getPropertyValue("--count")) || l.length;
+	for (let e of t.figure.querySelectorAll(`.${f}`)) e.style.setProperty("--i", String(Math.min(l[l.length - 1].slot, Je - 1)));
+	if (!t.stacked && !r.hasAttribute("data-grouped")) for (let e of y) Ee(e, I, O), De(e, I, O, G);
 	if (A && M) {
-		let e = 6 * I, r = k && Ve.x ? Ve.x : Oe, a = Array.from(A.ticks.children), o = (e) => J(a.find((t) => Number(t.dataset.value) === e) ?? a[0]), s = St(M, (t) => t.every((n, i) => !i || (k ? r(n) - r(t[i - 1]) > (o(n).width + o(t[i - 1]).width) / 2 * I + e : r(t[i - 1]) - r(n) > o(n).height * I + e / 2))).ticks.filter((e) => !Y || e <= Y.lo || e >= Y.hi);
+		let e = 6 * I, r = k && Y.x ? Y.x : Ae, a = Array.from(A.ticks.children), o = (e) => J(a.find((t) => Number(t.dataset.value) === e) ?? a[0]), s = Dt(M, (t) => t.every((n, i) => !i || (k ? r(n) - r(t[i - 1]) > (o(n).width + o(t[i - 1]).width) / 2 * I + e : r(t[i - 1]) - r(n) > o(n).height * I + e / 2))).ticks.filter((e) => !Ce || e <= Ce.lo || e >= Ce.hi);
 		for (let t of a) {
 			let n = Number(t.dataset.value), i = A.numbers && s.includes(n);
-			t.dataset.place = i ? k ? "below" : "before" : "none", i && R(t, k ? r(n) : -e, k ? K + e : r(n), O, K);
+			t.dataset.place = i ? k ? "below" : "before" : "none", i && R(t, k ? r(n) : -e, k ? G + e : r(n), O, G);
 		}
-		let c = O - Me;
-		On(t.figure, "data-chart-grid", n.grid) && i.prepend(F("path", {
+		let c = O - Be;
+		Pn(t.figure, "data-chart-grid", n.grid) && i.prepend(F("path", {
 			class: D,
-			d: s.map((e) => k ? `M${P(r(e))},0V${P(K)}` : `M0,${P(r(e))}H${P(c)}`).join("")
+			d: s.map((e) => k ? `M${P(r(e))},0V${P(G)}` : `M0,${P(r(e))}H${P(c)}`).join("")
 		})), A.numbers && i.appendChild(F("path", {
 			class: T,
-			d: [k ? `M${P(r(M.min))},${P(K)}H${P(r(M.max))}` : `M0,${P(r(M.max))}V${P(r(M.min))}`, ...s.map((e) => k ? `M${P(r(e))},${P(K)}v${P(4 * I)}` : `M0,${P(r(e))}h${P(-4 * I)}`)].join("")
+			d: [k ? `M${P(r(M.min))},${P(G)}H${P(r(M.max))}` : `M0,${P(r(M.max))}V${P(r(M.min))}`, ...s.map((e) => k ? `M${P(r(e))},${P(G)}v${P(4 * I)}` : `M0,${P(r(e))}h${P(-4 * I)}`)].join("")
 		}));
 	}
 	for (let [e, n] of x.entries()) {
 		n.badge?.setAttribute("data-note", String(e + 1));
 		let i = n.series;
 		n.type.draw(n.spec, n.badge, {
-			...Ve,
+			...Y,
 			...t.stacked && {
-				rows: ie,
+				rows: K,
 				...t.totals.length && { values: t.totals }
 			},
-			...i > 0 && !t.stacked && He(i),
+			...i > 0 && !t.stacked && qe(i),
 			after: t.plan ? n.after : Math.min(n.after, Number(r.style.getPropertyValue("--count")) || n.after),
 			note: e + 1
 		});
 	}
-	Ht(t);
+	Jt(t);
 	for (let e of t.figure.querySelectorAll(`.${p}`)) {
 		let n = Array.from(e.children);
 		if (t.plan) for (let e of n) e.style.getPropertyValue("--step") || e.style.setProperty("--i", "0");
@@ -2624,13 +2801,13 @@ var Xe = (e) => {
 		X.style.height = `${X.offsetHeight}px`, X.removeAttribute("data-thinned");
 		for (let e of t.categories) e.removeAttribute("data-left-out"), e.removeAttribute("data-edge");
 		let e = t.categories.filter((e) => e.offsetParent !== null);
-		if (!ye(X, e, (e) => ({
+		if (!Se(X, e, (e) => ({
 			size: e.scrollWidth,
 			room: e.clientWidth
 		}), "--_name-fit") && e.length > 1) {
 			let t = getComputedStyle(X), n = (X.clientWidth - Number.parseFloat(t.paddingLeft) - Number.parseFloat(t.paddingRight)) / l.length;
 			X.style.setProperty("--_name-fit", "1"), X.setAttribute("data-thinned", "");
-			let r = G(e.map((e) => e.offsetWidth)), i = Math.max(Math.ceil((r + 8) / n), Math.ceil((1.5 * r + 8) / n - .5), 1);
+			let r = q(e.map((e) => e.offsetWidth)), i = Math.max(Math.ceil((r + 8) / n), Math.ceil((1.5 * r + 8) / n - .5), 1);
 			e.forEach((e, t) => {
 				t % i && e.setAttribute("data-left-out", "");
 			});
@@ -2641,9 +2818,9 @@ var Xe = (e) => {
 				e && e.getBoundingClientRect().right + 8 > s.getBoundingClientRect().left && s.setAttribute("data-left-out", "");
 			}
 		}
-		let r = (m === rt || m === it) && On(t.figure, "data-chart-ticks", n.ticks);
+		let r = (m === ct || m === lt) && Pn(t.figure, "data-chart-ticks", n.ticks);
 		if (X.toggleAttribute("data-ticks", r), X.style.removeProperty("--_tick-reach"), r) {
-			let e = K - Number(i.querySelector(".tablechart-rule")?.getAttribute("y1") ?? K);
+			let e = G - Number(i.querySelector(".tablechart-rule")?.getAttribute("y1") ?? G);
 			e > 0 && e < 10 * I && X.style.setProperty("--_tick-reach", `${P(e / I)}px`);
 			let n = X.getBoundingClientRect(), r = n.width / (X.offsetWidth || 1), a = getComputedStyle(X), o = Number.parseFloat(a.paddingLeft), s = (X.clientWidth - o - Number.parseFloat(a.paddingRight)) / l.length;
 			t.categories.forEach((e, t) => {
@@ -2656,9 +2833,9 @@ var Xe = (e) => {
 		}
 		X.style.height = "";
 	}
-	let We = x.flatMap(({ badge: e }) => {
+	let Ye = x.flatMap(({ badge: e }) => {
 		if (!(e instanceof HTMLElement) || !e.offsetWidth) return [];
-		let t = e.offsetWidth * I, n = e.offsetHeight * I, r = Number.parseFloat(e.style.left) / 100 * O, i = Number.parseFloat(e.style.top) / 100 * K, a = getComputedStyle(e).borderTopLeftRadius, o = a.endsWith("%") ? Number.parseFloat(a) / 100 : null, s = (Number.parseFloat(a) || 0) * I;
+		let t = e.offsetWidth * I, n = e.offsetHeight * I, r = Number.parseFloat(e.style.left) / 100 * O, i = Number.parseFloat(e.style.top) / 100 * G, a = getComputedStyle(e).borderTopLeftRadius, o = a.endsWith("%") ? Number.parseFloat(a) / 100 : null, s = (Number.parseFloat(a) || 0) * I;
 		return [F("rect", {
 			class: h,
 			"data-for": "badge",
@@ -2671,24 +2848,24 @@ var Xe = (e) => {
 			ry: o === null ? s : n * o,
 			style: ["--after", "--step"].map((t) => e.style.getPropertyValue(t) && `${t}:${e.style.getPropertyValue(t)}`).filter(Boolean).join("; ")
 		})];
-	}), Ge = i.querySelector(`.${D}`), Z = Array.from(i.querySelectorAll(`.${o}`)), Ke = [...Ge ? [Ge] : [], ...i.querySelectorAll(`:scope > .${s}`)], qe = Un(r, I), Je = t.figure.getAttribute("data-animate") === "grow", Ye = y.flat().filter((e) => e.hasAttribute("data-cut")).flatMap(qe), Xe = [...le.flatMap((e) => y[e].flatMap(qe)), ...Je ? Ye : []];
-	if (Ke.length || Z.length) {
+	}), Xe = i.querySelector(`.${D}`), Z = Array.from(i.querySelectorAll(`.${o}`)), Ze = [...Xe ? [Xe] : [], ...i.querySelectorAll(`:scope > .${s}`)], Qe = Zn(r, I), $e = t.figure.getAttribute("data-animate") === "grow", et = y.flat().filter((e) => e.hasAttribute("data-cut")).flatMap(Qe), tt = [...ue.flatMap((e) => y[e].flatMap(Qe)), ...$e ? et : []];
+	if (Ze.length || Z.length) {
 		let e = [
 			...y.flat(),
 			...t.totals,
 			...m.categories === "beside" ? t.categories : []
-		].flatMap(qe), n = (e) => [
+		].flatMap(Qe), n = (e) => [
 			"x",
 			"y",
 			"width",
 			"height"
 		].map((t) => Number(e.getAttribute(t)));
-		for (let t of Z) Tn(t, [...e, ...We].map(n));
-		for (let t of Ke) {
-			let r = [...e, ...We], i = En(t);
-			t.setAttribute("d", i.map(([e, t, i, a]) => wn(e, t, i, a, r.map(n))).join(""));
+		for (let t of Z) jn(t, [...e, ...Ye].map(n));
+		for (let t of Ze) {
+			let r = [...e, ...Ye], i = Mn(t);
+			t.setAttribute("d", i.map(([e, t, i, a]) => An(e, t, i, a, r.map(n))).join(""));
 			for (let e of r) {
-				let r = Dn(i, n(e)), a = e.dataset.for === "badge" ? "badge" : "";
+				let r = Nn(i, n(e)), a = e.dataset.for === "badge" ? "badge" : "";
 				r && t.after(F("path", {
 					class: t.getAttribute("class") ?? "tablechart-grid",
 					"data-gap": a,
@@ -2698,57 +2875,57 @@ var Xe = (e) => {
 			}
 		}
 	}
-	if (U(i, We, O, K, Array.from(i.querySelectorAll(`.${a}, .${c}`))), !Je && (Ve.lineHoles.length || Ye.length)) {
+	if (te(i, Ye, O, G, Array.from(i.querySelectorAll(`.${a}, .${c}`))), !$e && (Y.lineHoles.length || et.length)) {
 		let e = Array.from(i.querySelectorAll(`.${u}`)).map((e) => {
 			let t = F("g", {});
 			return e.before(t), t.append(e), t;
 		});
-		U(i, [...Ve.lineHoles, ...Ye], O, K, [...e, ...i.querySelectorAll(`.${d}`)]);
+		te(i, [...Y.lineHoles, ...et], O, G, [...e, ...i.querySelectorAll(`.${d}`)]);
 	}
-	let Ze = [
+	let nt = [
 		o,
 		s,
 		a,
 		c,
 		D
 	];
-	ee(i, [...We, ...Xe], O, K, void 0, Ze.map((e) => `.${e}`).join(", ")), t.figure.hasAttribute("data-animate") && !t.figure.hasAttribute("data-steps") && !t.figure.classList.contains("is-shown") && er(i);
-	let Qe = (e) => e.dataset.missing !== void 0 || m.centre && l[Number(e.dataset.row) - 1]?.isTotal, $e = (e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out"), et = (e, t) => {
+	ne(i, [...Ye, ...tt], O, G, void 0, nt.map((e) => `.${e}`).join(", ")), t.figure.hasAttribute("data-animate") && !t.figure.hasAttribute("data-steps") && !t.figure.classList.contains("is-shown") && cr(i);
+	let rt = (e) => e.dataset.missing !== void 0 || m.centre && l[Number(e.dataset.row) - 1]?.isTotal, it = (e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out"), at = (e, t) => {
 		let n = Number(e.dataset.row);
-		return t.some((e) => $e(e) && Number(e.dataset.row) <= n && n <= Number(e.dataset.rowEnd ?? e.dataset.row));
+		return t.some((e) => it(e) && Number(e.dataset.row) <= n && n <= Number(e.dataset.rowEnd ?? e.dataset.row));
 	};
-	return t.figure.toggleAttribute("data-left-out", (m.columns ? [t.categories] : [...y, t.totals]).some((e) => e.some((t) => !Qe(t) && !$e(t) && !et(t, e)))), Mt(t.figure), Rt(t.figure), !0;
-}, Jn = (e, t) => {
+	return t.figure.toggleAttribute("data-left-out", (m.columns ? [t.categories] : [...y, t.totals]).some((e) => e.some((t) => !rt(t) && !it(t) && !at(t, e)))), Y.barRadius && U(i, Y.barRadius), Lt(t.figure), Ut(t.figure), Wt(t.figure), !0;
+}, nr = (e, t) => {
 	let n = [
 		...e.seriesValues.flat(),
 		...e.totals,
 		...e.totalCell ? [e.totalCell] : []
 	];
-	for (let r of e.centre ? [...n, e.centre] : n) r.dataset.missing === void 0 ? Yn(r, r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale) : r.textContent = r.dataset.missing;
-}, Yn = (e, t, n) => {
-	let { prefix: r = "", suffix: i = "" } = e.dataset, [a, o] = ie(Number.parseFloat(e.dataset.value || "0"), t, n);
+	for (let r of e.centre ? [...n, e.centre] : n) r.dataset.missing === void 0 ? rr(r, r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale) : r.textContent = r.dataset.missing;
+}, rr = (e, t, n) => {
+	let { prefix: r = "", suffix: i = "" } = e.dataset, [a, o] = oe(Number.parseFloat(e.dataset.value || "0"), t, n);
 	if (e.textContent = r + (r ? a : "") + o + i, a && !r) {
 		let t = document.createElement("span");
 		t.className = "tablechart-minus", t.textContent = a, e.prepend(t);
 	}
-}, Xn = (e) => {
-	_n(e), e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${p}`)?.remove(), e.controls?.remove();
-}, Zn = (e, t, n = !1) => {
-	!t && !e.figure.hasAttribute("data-steps") && er(e.svg), e.figure.classList.remove(C), n ? (e.figure.classList.add(S), e.figure.classList.toggle(b, t), e.figure.offsetWidth, t && tr(e.svg), e.figure.classList.toggle(C, t), requestAnimationFrame(() => e.figure.classList.remove(S))) : (e.figure.classList.toggle(b, t), t && requestAnimationFrame(() => requestAnimationFrame(() => {
-		$n(e.figure, e.svg), Qn(e.figure);
+}, ir = (e) => {
+	Cn(e), e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${p}`)?.remove(), e.controls?.remove();
+}, ar = (e, t, n = !1) => {
+	!t && !e.figure.hasAttribute("data-steps") && cr(e.svg), e.figure.classList.remove(C), n ? (e.figure.classList.add(S), e.figure.classList.toggle(b, t), e.figure.offsetWidth, t && lr(e.svg), e.figure.classList.toggle(C, t), requestAnimationFrame(() => e.figure.classList.remove(S))) : (e.figure.classList.toggle(b, t), t && requestAnimationFrame(() => requestAnimationFrame(() => {
+		sr(e.figure, e.svg), or(e.figure);
 	})));
-}, Qn = (e) => {
+}, or = (e) => {
 	let t = e.getAnimations({ subtree: !0 }).map((e) => e.finished.catch(() => void 0));
 	Promise.all(t).then(() => {
 		e.classList.contains("is-shown") && e.classList.add(C);
 	});
-}, $n = (e, t) => {
-	e.classList.contains("is-shown") && Array.from(t.querySelectorAll("[data-mask]")).every((e) => !e.getAnimations({ subtree: !0 }).length) && tr(t);
-}, er = (e) => {
+}, sr = (e, t) => {
+	e.classList.contains("is-shown") && Array.from(t.querySelectorAll("[data-mask]")).every((e) => !e.getAnimations({ subtree: !0 }).length) && lr(t);
+}, cr = (e) => {
 	for (let t of e.querySelectorAll("[mask^=\"url(#tablechart-cut-\"]")) t.dataset.mask = t.getAttribute("mask") ?? "", t.removeAttribute("mask");
-}, tr = (e) => {
+}, lr = (e) => {
 	for (let t of e.querySelectorAll("[data-mask]")) t.setAttribute("mask", t.dataset.mask ?? ""), t.removeAttribute("data-mask");
-}, nr = {
+}, ur = {
 	2: {
 		part: 3,
 		text: 4.5,
@@ -2767,8 +2944,8 @@ var Xe = (e) => {
 		partRule: "APCA, WCAG 3 draft",
 		textRule: "APCA, WCAG 3 draft"
 	}
-}, rr = (t) => {
-	let n = Nt(t), r = nr[Et(t)], i = Array.from(t.querySelectorAll("table thead tr:first-child > *")).map((e) => (e.textContent ?? "").trim()), a = Array.from(t.querySelectorAll("tbody tr > :first-child")).map((e) => (e.textContent ?? "").trim()), o = [
+}, dr = (t) => {
+	let n = Rt(t), r = ur[jt(t)], i = Array.from(t.querySelectorAll("table thead tr:first-child > *")).map((e) => (e.textContent ?? "").trim()), a = Array.from(t.querySelectorAll("tbody tr > :first-child")).map((e) => (e.textContent ?? "").trim()), o = [
 		[
 			".tablechart-series",
 			"Line",
@@ -2788,11 +2965,11 @@ var Xe = (e) => {
 	for (let [e, c, l] of o) {
 		let o = Array.from(t.querySelectorAll(`${e}:not([data-muted])`));
 		for (let e of o) {
-			let u = l(e), [d, f, p, m] = wt(u), h = [
+			let u = l(e), [d, f, p, m] = kt(u), h = [
 				d,
 				f,
 				p
-			].map((e, t) => e * m + n[t] * (1 - m)), g = kt(Et(t), h, n);
+			].map((e, t) => e * m + n[t] * (1 - m)), g = Pt(jt(t), h, n);
 			if (g >= r.part) continue;
 			let _ = e.getAttribute("data-series"), v = a[Number(e.getAttribute("data-row") ?? 0) - 1] ?? "", y = c === "Slice" ? "" : _ ? i[Number(_)] : "", b = `${c}|${y}|${u}`, x = s.get(b) ?? {
 				kind: c,
@@ -2808,30 +2985,46 @@ var Xe = (e) => {
 		let s = Array.from(a).filter(Boolean).map((e) => `"${e}"`), l = s.join(", "), u = s.length > 1, d = n === "Line" ? i ? `Line "${i}" has` : "The line has" : n === "Slice" ? `${u ? "Slices" : "Slice"} ${l} ${u ? "have" : "has"}` : a.size >= o || !l ? `The bars${i ? ` of column "${i}"` : ""} have` : `${u ? "Bars" : "Bar"} ${l}${i ? ` in column "${i}"` : ""} ${u ? "have" : "has"}`;
 		console.warn(`[${e}] ${d} a contrast of ${r.show(c)} with the background. It needs at least ${r.need(r.part)} (${r.partRule}).`, t);
 	}
-}, ir = (t) => {
+}, fr = ".tablechart-name, .tablechart-value:not([data-place='inside'], [data-place='middle']), .tablechart-categories span, .tablechart-centre, .tablechart-tick, .tablechart-quadrant-name, figcaption b, figcaption span", pr = (t) => {
 	let n = 0, r = () => {
-		let r = Array.from(t.querySelectorAll(".tablechart-value[data-place='inside'], .tablechart-value[data-place='middle']")).filter((e) => !e.hasAttribute("data-left-out") && !e.hidden);
-		if (r.some((e) => wt(getComputedStyle(e).color)[3] < 1)) {
-			++n <= 20 && setTimeout(i, 500);
+		let r = Array.from(t.querySelectorAll(".tablechart-value[data-place='inside'], .tablechart-value[data-place='middle']")).filter((e) => !e.hasAttribute("data-left-out") && !e.hidden), a = Array.from(t.querySelectorAll(fr)).filter((e) => !e.hasAttribute("data-left-out") && !e.hidden && e.style.getPropertyValue("--m") !== "1" && (e.textContent ?? "").trim() && getComputedStyle(e).visibility !== "hidden");
+		if ([...r, ...a].some((e) => kt(getComputedStyle(e).color)[3] === 0 && n < 20)) {
+			n++, setTimeout(i, 500);
 			return;
 		}
-		let a = Array.from(t.querySelectorAll("tbody tr > :first-child")).map((e) => (e.textContent ?? "").trim()), o = nr[Et(t)], s = t.dataset.chart === "bar" ? "bar" : "column", c = /* @__PURE__ */ new Map();
+		let o = Array.from(t.querySelectorAll("tbody tr > :first-child")).map((e) => (e.textContent ?? "").trim()), s = ur[jt(t)], c = t.dataset.chart === "bar" ? "bar" : "column", l = /* @__PURE__ */ new Map();
 		for (let e of r) {
-			let n = Pt(t, e);
+			let n = zt(t, e);
 			if (!n) continue;
-			let r = getComputedStyle(e), i = getComputedStyle(n).fill, l = kt(Et(t), wt(r.color), wt(i)), u = Number.parseFloat(r.fontSize), d = u >= 24 || u >= 18.66 && Number(r.fontWeight) >= 700 ? o.large : o.text;
-			if (l >= d) continue;
-			let f = n.classList.contains("tablechart-piece") ? `${s} part` : s, p = `${r.color}|${i}`, m = c.get(p) ?? {
+			let r = getComputedStyle(e), i = getComputedStyle(n).fill, a = Pt(jt(t), kt(r.color), kt(i)), u = Number.parseFloat(r.fontSize), d = u >= 24 || u >= 18.66 && Number(r.fontWeight) >= 700 ? s.large : s.text;
+			if (a >= d) continue;
+			let f = n.classList.contains("tablechart-piece") ? `${c} part` : c, p = `${r.color}|${i}`, m = l.get(p) ?? {
 				what: f,
 				names: [],
-				contrast: l,
+				contrast: a,
 				needed: d
 			};
-			m.names.push(`"${a[Number(e.dataset.row) - 1] ?? ""}" ("${e.textContent?.trim()}")`), c.set(p, m);
+			m.names.push(`"${o[Number(e.dataset.row) - 1] ?? ""}" ("${e.textContent?.trim()}")`), l.set(p, m);
 		}
-		for (let { what: n, names: r, contrast: i, needed: a } of c.values()) {
-			let s = r.length > 1;
-			console.warn(`[${e}] The text inside the ${n}${s ? "s" : ""} of ${r.join(", ")} has a contrast of ${o.show(i)} with ${s ? "those" : "that"} ${n}${s ? "s" : ""}. Text needs at least ${o.need(a)} (${o.textRule}).`, t);
+		let u = Rt(t), d = /* @__PURE__ */ new Map();
+		for (let e of a) {
+			let n = getComputedStyle(e), [r, i, a, o] = kt(n.color), c = [
+				r,
+				i,
+				a
+			].map((e, t) => e * o + u[t] * (1 - o)), l = Pt(jt(t), c, u), f = Number.parseFloat(n.fontSize), p = f >= 24 || f >= 18.66 && Number(n.fontWeight) >= 700 ? s.large : s.text;
+			if (l >= p) continue;
+			let m = d.get(n.color) ?? {
+				names: [],
+				contrast: l,
+				needed: p
+			};
+			m.names.push(`"${e.textContent?.trim()}"`), d.set(n.color, m);
+		}
+		for (let { names: n, contrast: r, needed: i } of d.values()) console.warn(`[${e}] The text ${n.join(", ")} has a contrast of ${s.show(r)} with the background. Text needs at least ${s.need(i)} (${s.textRule}).`, t);
+		for (let { what: n, names: r, contrast: i, needed: a } of l.values()) {
+			let o = r.length > 1;
+			console.warn(`[${e}] The text inside the ${n}${o ? "s" : ""} of ${r.join(", ")} has a contrast of ${s.show(i)} with ${o ? "those" : "that"} ${n}${o ? "s" : ""}. Text needs at least ${s.need(a)} (${s.textRule}).`, t);
 		}
 	}, i = () => requestAnimationFrame(() => requestAnimationFrame(() => {
 		let e = t.getAnimations({ subtree: !0 }).map((e) => e.finished.catch(() => void 0));
@@ -2845,34 +3038,34 @@ var Xe = (e) => {
 		attributes: !0,
 		attributeFilter: ["class"]
 	});
-}, ar = [
+}, mr = [
 	"bar",
 	"piece",
 	"up",
 	"down",
 	"total"
-].map((e) => `--tablechart-${e}-value-color`), or = /* @__PURE__ */ new Set(), sr = (t) => {
+].map((e) => `--tablechart-${e}-value-color`), hr = /* @__PURE__ */ new Set(), gr = (t) => {
 	let n = getComputedStyle(t);
-	for (let r of ar) !or.has(r) && n.getPropertyValue(r).trim() && (or.add(r), console.warn(`[${e}] ${r} is old and goes in 1.3.0. --tablechart-value-on-dark and --tablechart-value-on-light set the colour of the numbers inside bars, with a contrast check.`, t));
-}, cr = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), lr = /^\s*(?:Table)?:\s+/, ur = (e) => e?.tagName === "P" && lr.test(e.textContent ?? ""), dr = (e) => {
+	for (let r of mr) !hr.has(r) && n.getPropertyValue(r).trim() && (hr.add(r), console.warn(`[${e}] ${r} is old and goes in 1.3.0. --tablechart-value-on-dark and --tablechart-value-on-light set the colour of the numbers inside bars, with a contrast check.`, t));
+}, _r = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), vr = /^\s*(?:Table)?:\s+/, yr = (e) => e?.tagName === "P" && vr.test(e.textContent ?? ""), br = (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(lr, ""), n.textContent || n.remove());
+	n?.nodeType === Node.TEXT_NODE && (n.textContent = (n.textContent ?? "").replace(vr, ""), 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;
-}, fr = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, pr = (e) => {
-	let t = xr(e);
+}, xr = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, Sr = (e) => {
+	let t = Ar(e);
 	return t?.tagName === "P" ? t : e;
-}, mr = (e) => {
-	let t = pr(e).firstChild;
+}, Cr = (e) => {
+	let t = Sr(e).firstChild;
 	if (t?.nodeType !== Node.TEXT_NODE) return null;
-	let n = fr.exec(t.textContent ?? "");
-	if (!n || !xn.includes(n[1]) || !n[3] && t.nextSibling) return null;
+	let n = xr.exec(t.textContent ?? "");
+	if (!n || !Dn.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],
@@ -2880,11 +3073,11 @@ var Xe = (e) => {
 		text: t,
 		length: n[0].length
 	};
-}, hr = (e) => {
+}, wr = (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 : mr(e));
+	let t = Array.from(e.children), n = t.map((e) => e.hasAttribute("data-annotation") ? null : Cr(e));
 	return !t.length || t.some((e, t) => !n[t] && !e.hasAttribute("data-annotation")) ? null : (t.forEach((e, t) => {
-		let r = n[t], i = pr(e);
+		let r = n[t], i = Sr(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);
@@ -2895,18 +3088,18 @@ var Xe = (e) => {
 			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));
 		});
 	}), e.classList.add("chart-annotations"), e);
-}, gr = (e, t) => {
-	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || cr(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
-}, _r = (e) => e.map((e) => {
-	let t = e.closest("p"), n = ur(t) ? t : e;
+}, Tr = (e, t) => {
+	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || _r(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
+}, Er = (e) => e.map((e) => {
+	let t = e.closest("p"), n = yr(t) ? t : e;
 	if (n.tagName !== "TABLE" && n.tagName !== "P") return n;
 	let r = document.createElement("figure");
-	gr(e, r), e.classList.length || e.removeAttribute("class");
-	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? ur(a) ? a : ur(o) ? o : null : n;
+	Tr(e, r), e.classList.length || e.removeAttribute("class");
+	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? yr(a) ? a : yr(o) ? o : null : n;
 	i && s === o && (o = o?.nextElementSibling ?? null);
-	let c = o?.classList.contains("chart-annotations") ? o : hr(o);
-	return n.replaceWith(r), s && r.append(dr(s)), i && r.append(i), c && r.append(c), Q?.log?.(`A ${i ? "table" : "caption"} with chart attributes was wrapped in a figure of its own`), r;
-}), vr = (e, t, n, r = document.createElement("table"), i = "Note") => {
+	let c = o?.classList.contains("chart-annotations") ? o : wr(o);
+	return n.replaceWith(r), s && r.append(br(s)), i && r.append(i), c && r.append(c), Q?.log?.(`A ${i ? "table" : "caption"} with chart attributes was wrapped in a figure of its own`), r;
+}), Dr = (e, t, n, r = document.createElement("table"), i = "Note") => {
 	for (let e of r.querySelectorAll(":scope > tbody, :scope > tfoot, :scope > tr")) e.remove();
 	let a = e.some((e) => e.note);
 	if (!r.tHead && (t.length || n || a)) {
@@ -2935,7 +3128,7 @@ var Xe = (e) => {
 		n.dataset.note = "", n.textContent = i, s.append(n);
 	}
 	return r;
-}, yr = (e) => {
+}, Or = (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) ? {
@@ -2945,16 +3138,16 @@ var Xe = (e) => {
 		label: e,
 		value: t
 	});
-}, br = async (t) => {
+}, kr = 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();
 		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 : yr(i.rows) : yr(i);
+			let i = await e.json(), a = Array.isArray(i) ? i : i?.rows ? Array.isArray(i.rows) ? i.rows : Or(i.rows) : Or(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 = vr(a, Array.isArray(i?.series) ? i.series.map(String) : [], typeof i?.label == "string" ? i.label : "", r ?? void 0, typeof i?.note == "string" ? i.note : void 0);
+			let o = Dr(a, Array.isArray(i?.series) ? i.series.map(String) : [], typeof i?.label == "string" ? i.label : "", r ?? void 0, typeof i?.note == "string" ? i.note : void 0);
 			if (!r) {
 				let e = t.querySelector(":scope > figcaption");
 				e ? e.after(o) : t.prepend(o);
@@ -2965,10 +3158,10 @@ var Xe = (e) => {
 			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." : ""));
 		}
 	}));
-}, xr = (e) => {
+}, Ar = (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;
-}, Sr = "strong, b, span.total", Cr = (e) => {
+}, jr = "strong, b, span.total", Mr = (e) => {
 	for (let t of e) {
 		for (let e of t.querySelectorAll("tbody tr")) {
 			let t = e.cells[0];
@@ -2976,16 +3169,16 @@ var Xe = (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 = xr(n); t?.matches(Sr); t = xr(n)) e.dataset.kind = "total", t.replaceWith(...t.childNodes);
+			for (let t = Ar(n); t?.matches(jr); t = Ar(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 = xr(t); e?.matches(Sr); e = xr(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
+		for (let t of e.slice(1)) for (let e = Ar(t); e?.matches(jr); e = Ar(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
 	}
-}, wr = "data-chart-made", Tr = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, Er = (e) => new Promise((t) => setTimeout(t, e)), Dr = (e, t) => {
+}, Nr = "data-chart-made", Pr = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, Fr = (e) => new Promise((t) => setTimeout(t, e)), Ir = (e, t) => {
 	let n = Number.parseFloat(e.dataset.chartEntrance ?? ""), r = Number.isFinite(n) ? n : t.entrance;
 	return Math.min(Math.max(r, 0), 1);
-}, Or = async (e, t) => {
-	if (Tr()) return;
+}, Lr = async (e, t) => {
+	if (Pr()) 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());
@@ -2996,11 +3189,11 @@ var Xe = (e) => {
 		let a = Number(n.delay ?? 0) + i * t;
 		r = Math.max(r, a - Number(e.currentTime ?? 0));
 	}
-	r > 0 && await Er(r);
-}, kr = (e) => {
+	r > 0 && await Fr(r);
+}, Rr = (e) => {
 	for (let t = e; t && t !== document.body; t = t.parentElement) if (getComputedStyle(t).opacity === "0") return t;
 	return null;
-}, Ar = (e) => new Promise((t) => {
+}, zr = (e) => new Promise((t) => {
 	let n = ["animationstart", "transitionrun"], r = () => {
 		for (let e of n) document.removeEventListener(e, i, !0);
 		a.disconnect(), t();
@@ -3014,60 +3207,60 @@ var Xe = (e) => {
 		attributes: !0,
 		attributeFilter: ["class", "style"]
 	});
-}), jr = /* @__PURE__ */ new Set(), Mr = null, Nr = (e) => {
-	jr.add(e), !Mr && (Mr = new MutationObserver(() => {
-		for (let e of jr) e.relabel();
+}), Br = /* @__PURE__ */ new Set(), Vr = null, Hr = (e) => {
+	Br.add(e), !Vr && (Vr = new MutationObserver(() => {
+		for (let e of Br) e.relabel();
 		requestAnimationFrame(() => requestAnimationFrame(() => {
-			for (let e of jr) e.refresh();
+			for (let e of Br) e.refresh();
 		}));
-	}), Mr.observe(document.documentElement, {
+	}), Vr.observe(document.documentElement, {
 		attributes: !0,
 		attributeFilter: ["lang"]
 	}));
-}, Pr = (e) => {
-	jr.delete(e), !jr.size && Mr && (Mr.disconnect(), Mr = null);
-}, Fr = ["column", "bar"], Ir = (e) => {
+}, Ur = (e) => {
+	Br.delete(e), !Br.size && Vr && (Vr.disconnect(), Vr = null);
+}, Wr = ["column", "bar"], Gr = (e) => {
 	let t = e.getAttribute("data-chart") || "column";
-	if (!Fr.includes(t)) return null;
+	if (!Wr.includes(t)) return null;
 	let n = getComputedStyle(e).getPropertyValue("--tablechart-type").trim();
-	return Fr.includes(n) ? n : t;
-}, Lr = (e, t) => {
-	let n = e, r = Ir(n.figure), i = null, a = !1, o = !1, s = !1, c = async () => {
-		if (!kn(n.figure, t)) return Zn(n, !0);
+	return Wr.includes(n) ? n : t;
+}, Kr = (e, t) => {
+	let n = e, r = Gr(n.figure), i = null, a = !1, o = !1, s = !1, c = async () => {
+		if (!Fn(n.figure, t)) return ar(n, !0);
 		let e = n.figure.classList.contains("is-shown");
 		if (o && i !== null && !e && !s) {
 			s = !0;
-			let e = Tr() ? null : kr(n.figure);
-			e && await Ar(e), await Or(n.figure, Dr(n.figure, t)), s = !1, (o || !t.replay) && Zn(n, !0);
-		} else !o && t.replay && e && Zn(n, !1);
+			let e = Pr() ? null : Rr(n.figure);
+			e && await zr(e), await Lr(n.figure, Ir(n.figure, t)), s = !1, (o || !t.replay) && ar(n, !0);
+		} else !o && t.replay && e && ar(n, !1);
 	}, l = () => {
-		let e = Ir(n.figure);
+		let e = Gr(n.figure);
 		if (!e || e === r) return;
-		let a = Q.timed("Building", n.figure, () => Fn(n.figure, t, e));
-		a && (Xn(n), Ut(a, n.step, !0), n = a, r = e, i = null);
+		let a = Q.timed("Building", n.figure, () => Un(n.figure, t, e));
+		a && (ir(n), Yt(a, n.step, !0), n = a, r = e, i = null);
 	}, u = () => {
 		l();
 		let e = n.plot.clientWidth;
-		e && e !== i && Q.timed("Layout", n.figure, () => qn(n, t)) && (a || (a = !0, rr(n.figure), ir(n.figure), sr(n.figure)), i = e, c());
+		e && e !== i && Q.timed("Layout", n.figure, () => tr(n, t)) && (a || (a = !0, dr(n.figure), pr(n.figure), gr(n.figure)), i = e, c());
 	}, d = !1, f = new ResizeObserver(() => {
 		u(), f.unobserve(n.figure), requestAnimationFrame(() => d || f.observe(n.figure));
 	}), p = new IntersectionObserver((e) => {
 		for (let t of e) o = t.isIntersecting, c();
 	}, { threshold: t.threshold }), m = () => {
-		n.figure.classList.add(x), Zn(n, !0), tr(n.svg), n.figure.offsetWidth;
+		n.figure.classList.add(x), ar(n, !0), lr(n.svg), n.figure.offsetWidth;
 	}, h = () => n.figure.classList.remove(x), g = () => {
 		i = null, u();
 	}, _ = {
-		relabel: () => Jn(n, t),
+		relabel: () => nr(n, t),
 		refresh: g
 	};
-	l(), u(), f.observe(n.figure), p.observe(n.figure), window.addEventListener("beforeprint", m), window.addEventListener("afterprint", h), Nr(_);
+	l(), u(), f.observe(n.figure), p.observe(n.figure), window.addEventListener("beforeprint", m), window.addEventListener("afterprint", h), Hr(_);
 	let v = {
 		figure: n.figure,
 		refresh: g,
-		next: () => Ut(n, n.step + 1),
-		previous: () => Ut(n, n.step - 1),
-		stepTo: (e) => Ut(n, e),
+		next: () => Yt(n, n.step + 1),
+		previous: () => Yt(n, n.step - 1),
+		stepTo: (e) => Yt(n, e),
 		get step() {
 			return n.step;
 		},
@@ -3075,41 +3268,52 @@ var Xe = (e) => {
 			return n.plan?.count ?? 0;
 		},
 		destroy() {
-			d = !0, f.disconnect(), p.disconnect(), window.removeEventListener("beforeprint", m), window.removeEventListener("afterprint", h), Pr(_), _n(n), n.figure.tablechart === v && delete n.figure.tablechart;
+			d = !0, f.disconnect(), p.disconnect(), window.removeEventListener("beforeprint", m), window.removeEventListener("afterprint", h), Ur(_), Cn(n), n.figure.tablechart === v && delete n.figure.tablechart;
 		}
 	};
 	return n.figure.tablechart = v, v;
-}, Rr = !1, zr = (t) => {
+}, qr = !1, Jr = (t) => {
 	let n = t.find((e) => e.tagName !== "FIGURE");
-	!Rr && n && (Rr = !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));
-}, Br = async (e, t) => {
-	let n = _r(e.filter((e) => !e.hasAttribute(wr) && e.tagName !== "TH"));
-	zr(n), await br(n), Cr(n), ht(n, t.langattribute);
+	!qr && n && (qr = !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));
+}, Yr = async (e, t) => {
+	let n = Er(e.filter((e) => !e.hasAttribute(Nr) && e.tagName !== "TH"));
+	Jr(n), await kr(n), Mr(n), bt(n, t.langattribute);
 	for (let e of n) e.dispatchEvent(new CustomEvent("tablechart:table", { bubbles: !0 }));
 	return n;
-}, Vr = (e, t) => {
-	let n = Q.timed("Building", e, () => Fn(e, t));
-	return n ? (e.setAttribute(wr, ""), Ur(), Lr(n, t)) : null;
-}, Hr = !1, Ur = () => {
-	Hr || typeof matchMedia != "function" || (Hr = !0, matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
-		for (let e of document.querySelectorAll(`[${wr}]`)) Mt(e), Rt(e);
-	}));
-}, Wr = async (e, t = {}) => {
+}, Xr = (e, t) => {
+	let n = Q.timed("Building", e, () => Un(e, t));
+	return n ? (e.setAttribute(Nr, ""), $r(), Kr(n, t)) : null;
+}, Zr = !1, Qr = /* @__PURE__ */ new WeakMap(), $r = () => {
+	if (Zr || typeof matchMedia != "function") return;
+	Zr = !0;
+	let e = () => {
+		for (let e of document.querySelectorAll(`[${Nr}]`)) {
+			let t = getComputedStyle(e).color, n = Lt(e) || Qr.get(e) !== t;
+			Qr.set(e, t), n && (Ut(e), Wt(e));
+		}
+	};
+	matchMedia("(prefers-color-scheme: dark)").addEventListener("change", e);
+	let t = new MutationObserver(e);
+	for (let e of [document.documentElement, document.body]) t.observe(e, { attributes: !0 });
+	document.addEventListener("transitionend", (t) => {
+		(t.target === document.documentElement || t.target === document.body) && e();
+	});
+}, ei = async (e, t = {}) => {
 	if (e.tablechart) return e.tablechart;
 	let n = {
 		...k,
 		...t
 	};
 	n.debug && (Q.enabled = !0);
-	let [r] = await Br([e], n);
-	return r ? Vr(r, n) : null;
-}, Gr = async (e = {}, t = document) => {
+	let [r] = await Yr([e], n);
+	return r ? Xr(r, n) : null;
+}, ti = async (e = {}, t = document) => {
 	let n = {
 		...k,
 		...e
 	};
 	n.debug && (Q.enabled = !0);
-	let r = (await Br(Array.from(t.querySelectorAll(n.selector)), n)).map((e) => Vr(e, n)).filter((e) => e !== null);
+	let r = (await Yr(Array.from(t.querySelectorAll(n.selector)), n)).map((e) => Xr(e, n)).filter((e) => e !== null);
 	return Q.log(`Made ${r.length} chart(s).`), {
 		charts: r,
 		refresh: () => {
@@ -3120,4 +3324,4 @@ var Xe = (e) => {
 		}
 	};
 };
-export { L as A, t as B, Y as C, re as D, ue as E, D as F, b as G, x as H, p as I, O as K, e as L, P as M, F as N, G as O, S as P, f as R, Ge as S, fe as T, s as U, m as V, w as W, ht as _, _r as a, $e as b, rr as c, Fn as d, qn as f, Ut as g, Xn as h, Br as i, R as j, ie as k, ir as l, Zn as m, Dr as n, br as o, Jn as p, k as q, Gr as r, Cr as s, Wr as t, yn as u, mt as v, J as w, et as x, dt as y, v as z };
+export { L as A, t as B, Te as C, ie as D, pe as E, D as F, b as G, x as H, p as I, O as K, e as L, P as M, F as N, q as O, S as P, f as R, Xe as S, he as T, s as U, m as V, w as W, bt as _, Er as a, it as b, dr as c, Un as d, tr as f, Yt as g, ir as h, Yr as i, R as j, oe as k, pr as l, ar as m, Ir as n, kr as o, nr as p, k as q, ti as r, Mr as s, ei as t, Tn as u, yt as v, J as w, at as x, gt as y, v as z };