@martinomagnifico/tablechart 1.1.1 → 1.1.2

package/dist/tablechart-shared.mjs

@@ -1,5 +1,5 @@
 //#region src/js/config.ts
-var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablechart-bar", i = "tablechart-rule", a = "tablechart-line", o = "tablechart-head", s = "tablechart-slice", c = "tablechart-name", l = "tablechart-legend", u = "tablechart-point", d = "tablechart-hole", f = "tablechart-centre", p = "tablechart-break", m = "is-placed", h = "tablechart-sr", g = "is-shown", _ = "is-printing", v = "tablechart-queued", y = "tablechart-axis", b = "tablechart-tick", x = "tablechart-grid", S = 1e3, C = {
+var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablechart-bar", i = "tablechart-rule", a = "tablechart-line", o = "tablechart-reference", s = "tablechart-head", c = "tablechart-slice", l = "tablechart-name", u = "tablechart-legend", d = "tablechart-point", f = "tablechart-hole", p = "tablechart-centre", m = "tablechart-break", h = "is-placed", g = "tablechart-sr", _ = "is-shown", v = "is-printing", y = "tablechart-queued", b = "tablechart-axis", x = "tablechart-tick", S = "tablechart-grid", C = 1e3, w = {
 	selector: "[data-chart]",
 	aspect: .38,
 	barfill: .58,
@@ -23,42 +23,44 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	threshold: .5,
 	replay: !1,
 	langattribute: "data-i18n"
-}, w = "cubic-bezier(0.3, 0.3, 0.6, 1)", T = (e, t, n = 1) => ({
+}, T = "cubic-bezier(0.3, 0.3, 0.6, 1)", E = (e, t, n = 1) => ({
 	start: e,
 	span: t,
-	easing: e + t >= n - 1e-4 ? w : "linear"
-}), E = (e, t) => `${e}:${t}`, D = "http://www.w3.org/2000/svg", O = (e) => Math.round(e * 100) / 100, k = (e, t = {}) => {
-	let n = document.createElementNS(D, e);
+	easing: e + t >= n - 1e-4 ? T : "linear"
+}), D = (e, t) => `${e}:${t}`, O = "http://www.w3.org/2000/svg", k = (e) => Math.round(e * 100) / 100, A = (e, t = {}) => {
+	let n = document.createElementNS(O, e);
 	for (let e in t) {
 		let r = t[e];
-		n.setAttribute(e, String(typeof r == "number" ? O(r) : r));
+		n.setAttribute(e, String(typeof r == "number" ? k(r) : r));
 	}
 	return n;
-}, A = (e, t) => [e, ...t.classes].join(" "), j = (e, t) => {
+}, j = (e, t) => [e, ...t.classes].join(" "), M = (e, t) => {
 	let n = document.createElement("span");
 	return n.className = e, n.inert = !0, t.appendChild(n), n;
-}, M = (e, t, n, r, i) => {
+}, N = (e, t, n, r, i) => {
 	e.style.left = `${t / r * 100}%`, e.style.top = `${n / i * 100}%`;
-}, N = 0, P = (e, t, n, r, i) => {
+}, P = 0, ee = (e, t, n, r, i, a) => {
 	if (!t.length) return;
-	let a = `tablechart-cut-${++N}`, o = k("mask", {
-		id: a,
+	let o = `tablechart-cut-${++P}`, s = A("mask", {
+		id: o,
 		maskUnits: "userSpaceOnUse"
 	});
-	o.appendChild(k("rect", {
+	s.appendChild(A("rect", {
 		x: -n,
 		y: -r,
 		width: n * 3,
 		height: r * 3,
 		fill: "white"
 	}));
-	for (let e of t) e.setAttribute("fill", "black"), o.appendChild(e);
-	let s = e.querySelector(":scope > defs");
-	if (s || (s = k("defs"), e.prepend(s)), s.appendChild(o), i) return i.setAttribute("mask", `url(#${a})`);
-	let c = k("g", { mask: `url(#${a})` });
-	for (let t of Array.from(e.childNodes)) t !== s && c.appendChild(t);
-	e.appendChild(c);
-}, F = 0, ee = (e) => Array.from(e.querySelectorAll(`.${r}`)).map((e) => {
+	for (let e of t) e.setAttribute("fill", "black"), s.appendChild(e);
+	let c = e.querySelector(":scope > defs");
+	if (c || (c = A("defs"), e.prepend(c)), 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(A("g", { mask: `url(#${o})` }))), l.appendChild(t)));
+}, F = 0, I = (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),
@@ -69,7 +71,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		sideways: e.dataset.grow === "right",
 		part: s
 	};
-}), I = {
+}), L = {
 	create: () => null,
 	draw(e, t, n) {
 		let { rows: r, y: i, svg: a, breakAt: o } = n;
@@ -96,29 +98,29 @@ 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-${++F}`, d = k("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-${++F}`, d = A("mask", {
 			id: u,
 			maskUnits: "userSpaceOnUse"
 		});
-		d.appendChild(k("rect", {
-			x: -S,
+		d.appendChild(A("rect", {
+			x: -C,
 			y: -n.height,
-			width: S * 3,
+			width: C * 3,
 			height: n.height * 3,
 			fill: "white"
 		}));
-		let f = [], m = i(o);
-		for (let e of ee(a)) {
-			let t = e.sideways ? n.breakX : m;
-			if (t === void 0 || !(e.sideways ? e.x < t && e.x + e.width > t : e.y < m && e.y + e.height > m)) continue;
-			let [i, o] = e.sideways ? [c(e, t), c(e, t + n.breakGap)] : [c(e, m - n.breakGap), c(e, m)];
-			d.appendChild(k("path", {
+		let f = [], p = i(o);
+		for (let e of I(a)) {
+			let t = e.sideways ? n.breakX : p;
+			if (t === void 0 || !(e.sideways ? e.x < t && e.x + e.width > t : e.y < p && e.y + e.height > p)) continue;
+			let [i, o] = e.sideways ? [c(e, t), c(e, t + n.breakGap)] : [c(e, p - n.breakGap), c(e, p)];
+			d.appendChild(A("path", {
 				d: l([...i, ...o.slice().reverse()], !0),
 				fill: "black"
 			})), f.push(i, o);
-			let s = [E("--after", r[e.row - 1]?.slot ?? 0), e.part].filter(Boolean).join("; ");
-			for (let e of [i, o]) a.appendChild(k("path", {
-				class: p,
+			let s = [D("--after", r[e.row - 1]?.slot ?? 0), e.part].filter(Boolean).join("; ");
+			for (let e of [i, o]) a.appendChild(A("path", {
+				class: m,
 				"data-part": "edge",
 				"data-note": n.note,
 				d: l(e),
@@ -126,20 +128,20 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			}));
 		}
 		if (!f.length) return;
-		let h = Array.from(a.querySelectorAll(`.${p}`)), g = k("g", { mask: `url(#${u})` });
+		let h = Array.from(a.querySelectorAll(`.${m}`)), g = A("g", { mask: `url(#${u})` });
 		for (let e of Array.from(a.childNodes)) h.includes(e) || g.appendChild(e);
-		let _ = k("defs");
+		let _ = A("defs");
 		_.appendChild(d), a.prepend(_, g);
 	}
-}, L = (e) => {
+}, R = (e) => {
 	let t = -Infinity;
 	for (let n of e) t = Math.max(t, n);
 	return t;
-}, R = (e) => (e.split(/[.,]/)[1] || "").length, z = (e, t) => new Intl.NumberFormat(t || document.documentElement.lang || void 0, {
+}, z = (e) => (e.split(/[.,]/)[1] || "").length, te = (e, t) => new Intl.NumberFormat(t || document.documentElement.lang || void 0, {
 	minimumFractionDigits: e,
 	maximumFractionDigits: e
 }), B = (e, t, n) => {
-	let r = z(t, n).formatToParts(e), i = r[0]?.type === "minusSign" ? r[0].value : "";
+	let r = te(t, n).formatToParts(e), i = r[0]?.type === "minusSign" ? r[0].value : "";
 	return [i, r.slice(+!!i).map((e) => e.value).join("")];
 }, V = (e) => Number.parseFloat((e.match(/-?[\d.,]+/) || ["NaN"])[0].replace(",", ".")), H = (e, t) => {
 	let n = document.createElement("span");
@@ -151,43 +153,43 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	}
 	return t.appendChild(n), n;
 }, U = (t, n, r, i, a = "%") => {
-	let o = t?.textContent || "", s = V(o), c = a ? .5 : .5 * 10 ** -R(o.match(/-?[\d.,]+/)?.[0] ?? ""), l = Number.isNaN(s) ? !0 : Math.abs(n - s) <= c + 1e-9, u = {
+	let o = t?.textContent || "", s = V(o), c = a ? .5 : .5 * 10 ** -z(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.`);
-}, W = (e, t) => (t - e) / Math.abs(e) * 100, te = (e, t) => {
+}, W = (e, t) => (t - e) / Math.abs(e) * 100, ne = (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)];
-}, ne = {
+}, re = {
 	create: H,
 	draw(t, n, r) {
-		let { rows: i, cx: s, y: c, unit: l, labelHeight: u, badgeHeight: d, height: f, svg: p, after: m } = r, [h, g] = te(t, i.length), _ = i[h], v = i[g];
+		let { rows: i, cx: o, y: c, unit: l, labelHeight: u, badgeHeight: d, height: f, svg: p, after: m } = r, [h, g] = ne(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;
 		}
-		let y = 7 * l, b = 4 * l, x = s(h), C = s(g), w = Math.min(c(_.value), c(v.value)) - u - b - d * .9, T = (e) => c(e) - u - b, D = `M ${x} ${T(_.value)} L ${x} ${w} L ${C} ${w} L ${C} ${T(v.value) - y}`, O = (T(_.value) - w + Math.abs(C - x) + (T(v.value) - y - w)) / l + 1;
-		p.appendChild(k("path", {
+		let y = 7 * l, b = 4 * l, x = o(h), S = o(g), w = Math.min(c(_.value), c(v.value)) - u - b - d * .9, T = (e) => c(e) - u - b, E = `M ${x} ${T(_.value)} L ${x} ${w} L ${S} ${w} L ${S} ${T(v.value) - y}`, O = (T(_.value) - w + Math.abs(S - x) + (T(v.value) - y - w)) / l + 1;
+		p.appendChild(A("path", {
 			class: a,
 			"data-note": r.note,
-			d: D,
-			style: `--len:${O.toFixed(1)}; ${E("--after", m)}`
+			d: E,
+			style: `--len:${O.toFixed(1)}; ${D("--after", m)}`
 		}));
-		let A = T(v.value);
-		p.appendChild(k("polygon", {
-			class: o,
+		let k = T(v.value);
+		p.appendChild(A("polygon", {
+			class: s,
 			"data-note": r.note,
-			points: `${C},${A} ${C - y * .45},${A - y} ${C + y * .45},${A - y}`,
-			style: E("--after", m)
-		})), n && (M(n, (x + C) / 2, w, S, f), n.style.setProperty("--after", String(m))), U(n, W(_.value, v.value), `${_.value} to ${v.value}`, r);
+			points: `${S},${k} ${S - y * .45},${k - y} ${S + y * .45},${k - y}`,
+			style: D("--after", m)
+		})), n && (N(n, (x + S) / 2, w, C, f), n.style.setProperty("--after", String(m))), U(n, W(_.value, v.value), `${_.value} to ${v.value}`, r);
 	}
-}, re = (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], ie = (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], G = (e, t, n) => {
+}, ie = (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], G = (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], ae = (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);
@@ -197,12 +199,12 @@ 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) => ie(e, n) && a(e).every((t) => !i.get(t)?.some((t) => re(e, t)));
+	}, s = (e) => G(e, n) && a(e).every((t) => !i.get(t)?.some((t) => ie(e, t)));
 	return t.forEach(o), e.map((e) => {
 		let t = e.findIndex(s);
 		return t < 0 ? null : (o(e[t]), t);
 	});
-}, K = /* @__PURE__ */ new WeakMap(), ae = (e) => {
+}, K = /* @__PURE__ */ new WeakMap(), oe = (e) => {
 	let t = [...e].filter((e) => !!e), n = t.map((e) => ({
 		width: e.offsetWidth,
 		height: e.offsetHeight
@@ -211,7 +213,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 }, q = (e) => K.get(e) ?? {
 	width: e.offsetWidth,
 	height: e.offsetHeight
-}, oe = (e, t, n) => {
+}, se = (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") {
@@ -224,159 +226,172 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	}
 	let i = Number.parseFloat(e);
 	return Number.isFinite(i) ? i : null;
-}, se = {
+}, ce = {
 	create(e, t) {
 		if (!e.textContent?.trim()) return null;
 		let n = H(e, t);
 		return n.dataset.kind = "reference", n;
 	},
 	draw(t, n, r) {
-		let { rows: i, cx: a, y: o, x: s, height: c, unit: l, svg: u, after: d } = r, f = i.filter((e) => !e.isTotal && !e.missing), p = t.hasAttribute("data-name"), m = (t.getAttribute(p ? "data-name" : "data-value") ?? "").trim(), h, g, _;
-		if (p) {
-			let t = f.map((e) => V(e.label));
+		let { rows: i, cx: a, y: s, x: c, height: l, unit: u, svg: f, after: p } = r, m = 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 = m.map((e) => V(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 = oe(m, t, f.map((e) => e.value)), o = n === null ? -1 : t.findIndex((e, r) => e <= n && n <= (t[r + 1] ?? e)), [s, c] = [f[o], f[o + 1] ?? f[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]);
-			_ = n, g = o < 0 ? null : s + l * (c - s), h = !1;
-		} else _ = oe(m, f.map((e) => e.value), f.map(() => 1)), h = !s, g = _ === null ? null : s ? s(_) : o(_);
-		if (g === null || _ === null) {
-			console.warn(`[${e}] A reference line needs a number, "mean" or "median", not "${m}".`);
+			let n = se(g, t, m.map((e) => e.value)), o = n === null ? -1 : t.findIndex((e, r) => e <= n && n <= (t[r + 1] ?? e)), [s, c] = [m[o], m[o + 1] ?? m[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 = se(g, m.map((e) => e.cells[n]?.value ?? e.value), m.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}".`);
 			return;
 		}
-		let v = i.length > 0 ? a(i.length - 1) + a(0) : S, y = s ? c : o(0);
-		if (u.appendChild(k("line", {
-			class: "tablechart-reference",
+		let [b, x, S, w] = r.frame ? [
+			r.frame[0],
+			r.frame[1],
+			r.frame[0] + r.frame[2],
+			r.frame[1] + r.frame[3]
+		] : [
+			0,
+			0,
+			i.length > 0 ? a(i.length - 1) + a(0) : C,
+			c ? l : s(0)
+		];
+		if (f.insertBefore(A("line", {
+			class: o,
 			"data-note": r.note,
 			...t.getAttribute("data-line") === "dotted" && { "data-line": "dotted" },
-			...h ? {
-				x1: 0,
-				x2: v,
-				y1: g,
-				y2: g
+			..._ ? {
+				x1: b,
+				x2: S,
+				y1: v,
+				y2: v
 			} : {
-				x1: g,
-				x2: g,
-				y1: 0,
-				y2: y
+				x1: v,
+				x2: v,
+				y1: x,
+				y2: w
 			},
-			style: E("--after", d)
-		})), n) {
-			let e = q(n).width * l, t = q(n).height * l, i = 4 * l, a = h ? [
+			style: D("--after", p)
+		}), f.querySelector(`:scope > .${d}`)), n) {
+			let e = q(n).width * u, t = q(n).height * u, i = 4 * u, a = _ ? [
 				[
-					v - e,
-					g - t / 2,
+					S - e,
+					v - t / 2,
 					e,
 					t
 				],
 				[
-					v - e,
-					g - t - i,
+					S - e,
+					v - t - i,
 					e,
 					t
 				],
 				[
-					v - e,
-					g + i,
+					S - e,
+					v + i,
 					e,
 					t
 				]
 			] : [
-				0,
-				t,
-				2 * t
+				x,
+				x + t,
+				x + 2 * t
 			].flatMap((n) => [
 				[
-					g - e / 2,
+					v - e / 2,
 					n,
 					e,
 					t
 				],
 				[
-					g + i,
+					v + i,
 					n,
 					e,
 					t
 				],
 				[
-					g - i - e,
+					v - i - e,
 					n,
 					e,
 					t
 				]
-			]), [o] = G([a], r.taken, [
+			]), [o] = ae([a], r.taken, [
 				0,
 				0,
-				S,
-				c
+				C,
+				l
 			]), s = a[o ?? 0];
-			r.taken.push(s), M(n, s[0] + e / 2, s[1] + t / 2, S, c), n.style.setProperty("--after", String(d)), (m === "mean" || m === "median") && U(n, _, `the ${m}`, r, "");
+			r.taken.push(s), N(n, s[0] + e / 2, s[1] + t / 2, C, l), n.style.setProperty("--after", String(p)), (g === "mean" || g === "median") && U(n, y, `the ${g}`, r, "");
 		}
 	}
-}, ce = (e, t, n) => ((t / e) ** (1 / n) - 1) * 100, J = {
+}, le = (e, t, n) => ((t / e) ** (1 / n) - 1) * 100, J = {
 	create: H,
 	draw(e, t, n) {
-		let { rows: r, cx: i, y: s, unit: c, labelHeight: l, height: u, svg: d, values: f, after: p } = n, m = r[0], h = r[r.length - 1];
+		let { rows: r, cx: i, y: o, unit: c, labelHeight: l, height: u, svg: d, values: f, after: p } = n, m = r[0], h = r[r.length - 1];
 		if (!m || !h) return;
-		let g = l + 18 * c, _ = 10 * c, v = 10 * c, y = i(0), b = s(m.value) - g, x = i(r.length - 1), C = s(h.value) - g, w = 0;
+		let g = l + 18 * c, _ = 10 * c, v = 10 * c, y = i(0), b = o(m.value) - g, x = i(r.length - 1), S = o(h.value) - g, w = 0;
 		r.forEach((e, t) => {
-			let n = x === y ? 0 : (i(t) - y) / (x - y), r = b + n * (C - b) - (s(e.value) - g);
+			let n = x === y ? 0 : (i(t) - y) / (x - y), r = b + n * (S - b) - (o(e.value) - g);
 			r > w && (w = r);
-		}), b -= w, C -= w;
-		let T = x - y, D = C - b, O = Math.hypot(T, D) || 1, A = T / O, j = D / O;
-		y -= A * _, b -= j * _, x += A * _, C += j * _;
-		let N = Number.parseFloat(e.getAttribute("data-at") || "0.5");
+		}), b -= w, S -= w;
+		let T = x - y, E = S - b, O = Math.hypot(T, E) || 1, k = T / O, j = E / O;
+		y -= k * _, b -= j * _, x += k * _, S += j * _;
+		let M = Number.parseFloat(e.getAttribute("data-at") || "0.5");
 		if (t) {
-			let e = y + (x - y) * N, n = b + (C - b) * N, a = q(t).width * c / 2, o = n + q(t).height * c / 2 + 8 * c, u = 0;
+			let e = y + (x - y) * M, n = b + (S - b) * M, a = q(t).width * c / 2, s = n + q(t).height * c / 2 + 8 * c, u = 0;
 			r.forEach((t, n) => {
 				let r = (f[n] ? q(f[n]).width : 0) * c / 2;
 				if (Math.abs(i(n) - e) >= a + r) return;
-				let d = s(t.value) - 7 * c - l;
-				u = Math.max(u, o - d);
-			}), b -= u, C -= u;
+				let d = o(t.value) - 7 * c - l;
+				u = Math.max(u, s - d);
+			}), b -= u, S -= u;
 		}
-		let P = x - A * v, F = C - j * v, ee = Math.hypot(P - y, F - b) / c + 1;
-		d.appendChild(k("line", {
+		let P = x - k * v, ee = S - j * v, F = Math.hypot(P - y, ee - b) / c + 1;
+		d.appendChild(A("line", {
 			class: a,
 			"data-note": n.note,
 			x1: y,
 			y1: b,
 			x2: P,
-			y2: F,
-			style: `--len:${ee.toFixed(1)}; ${E("--after", p)}`
+			y2: ee,
+			style: `--len:${F.toFixed(1)}; ${D("--after", p)}`
 		}));
-		let I = -j, L = A, R = v * .42;
-		d.appendChild(k("polygon", {
-			class: o,
+		let I = -j, L = k, R = v * .42;
+		d.appendChild(A("polygon", {
+			class: s,
 			"data-note": n.note,
 			points: [
-				`${x},${C}`,
-				`${P + I * R},${F + L * R}`,
-				`${P - I * R},${F - L * R}`
+				`${x},${S}`,
+				`${P + I * R},${ee + L * R}`,
+				`${P - I * R},${ee - L * R}`
 			].join(" "),
-			style: E("--after", p)
-		})), t && (M(t, y + (x - y) * N, b + (C - b) * N, S, u), t.style.setProperty("--after", String(p)));
+			style: D("--after", p)
+		})), t && (N(t, y + (x - y) * M, b + (S - b) * M, C, u), t.style.setProperty("--after", String(p)));
 		let z = Number.parseFloat(e.getAttribute("data-years") || "");
-		!Number.isNaN(z) && z > 0 && U(t, ce(m.value, h.value, z), `${m.value} to ${h.value} over ${z} years`, n);
+		!Number.isNaN(z) && z > 0 && U(t, le(m.value, h.value, z), `${m.value} to ${h.value} over ${z} years`, n);
 	}
-}, le = (e, t, n, r, i) => {
+}, ue = (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;
-}, ue = (e, t, n) => {
+}, de = (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
 	};
-}, de = (e, t, n) => {
+}, Y = (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}); ${E("--i", t.slot)}`
+		style: `--n:${n}; --m:${+!!i}; --palette:var(--tablechart-color-${n + 1}); ${D("--i", t.slot)}`
 	};
 }, fe = (e, t, n = !1) => {
 	let r = 0, i = 0;
@@ -405,40 +420,40 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			cell: o
 		};
 	});
-}, Y = (e, t, n = !1) => {
+}, pe = (e, t, n = !1) => {
 	let r = fe(e, t, n);
 	return {
 		top: Math.max(0, ...r.map((e) => e.to)),
 		bottom: Math.min(0, ...r.map((e) => e.to))
 	};
-}, pe = (e, t) => {
-	let { top: n, bottom: r } = Y(e, t);
+}, me = (e, t) => {
+	let { top: n, bottom: r } = pe(e, t);
 	return n + r;
-}, me = (e, t, n) => {
+}, he = (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})`);
-}, he = (e, t, n, i = {}, a = "") => {
+}, ge = (e, t, n, i = {}, a = "") => {
 	let o = {
-		class: A(r, t),
+		class: j(r, t),
 		"data-kind": "bar",
 		"data-row": n + 1,
 		...i
-	}, s = E("--i", t.slot) + (a ? `; transform-origin: ${a}` : ""), c = k("g", {
+	}, s = D("--i", t.slot) + (a ? `; transform-origin: ${a}` : ""), c = A("g", {
 		...o,
 		"data-stack": "",
 		style: s
 	});
 	return e.svg.appendChild(c), (r, a) => {
 		let o = i["data-grow"] === void 0 ? {} : { "data-grow": i["data-grow"] };
-		c.appendChild(k("rect", {
+		c.appendChild(A("rect", {
 			...o,
 			...a,
-			class: A("tablechart-piece", t),
+			class: j("tablechart-piece", t),
 			"data-row": n + 1,
-			...de(e, t, r)
+			...Y(e, t, r)
 		}));
 	};
-}, ge = 6, _e = (e, t, n) => e.some((e) => q(e).width * n > t - ge * n), ve = (e, t, n) => t >= q(e).height * n * 1.6, ye = (e, t, n) => t >= q(e).width * n * 1.5, be = (e, t, n, r, i = .7) => {
+}, _e = 6, ve = (e, t, n) => e.some((e) => q(e).width * n > t - _e * n), ye = (e, t, n) => t >= q(e).height * n * 1.6, be = (e, t, n) => t >= q(e).width * n * 1.5, xe = (e, t, n, r, i = .7) => {
 	e.style.setProperty(r, "1");
 	let a = 1;
 	for (let e of t) {
@@ -447,10 +462,10 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	}
 	let o = a >= i ? a : 0;
 	return e.style.setProperty(r, String(o || i)), o;
-}, xe = (e, t) => (e.sort((e, t) => e.y - t.y), e.forEach((n, r) => {
+}, Se = (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), Se = {
+}), e), Ce = {
 	segments: (e) => e.map((e) => ({
 		...e,
 		from: 0,
@@ -470,47 +485,47 @@ 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(L(c.map((e) => q(e).width * a)), 0), p = Math.min(f + 10 * a, S * .42);
-		c[0]?.parentElement?.style.setProperty("--_beside", `${((p - 8 * a) / S * 100).toFixed(2)}%`);
-		let m = S - 4 * a, h = e.stacked ? Math.max(L(e.rows.map((t) => Y(t, e.series.length).top)), 0) || 1 : Math.max(L(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => Math.abs(e.value)))), 0) || 1, g = e.stacked ? Math.max(L(e.rows.map((t) => -Y(t, e.series.length).bottom)), 0) : Math.max(L(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) => le(Math.abs(t), y, n, e.squeeze, e.breakGap), x = n / t.length, C = (e) => (e + .5) * x, w = Math.min(x * l.barfill, u), T = ue(x, e.series.length, u), D = s[0] ?? e.totals[0], O = D ? q(D).height * a * .56 : 0, j = Math.max(((d && !e.stacked ? T.size : w) - O) / 2, 5 * a), N = (e) => q(e).width * a, P = (e) => e.length ? L(e.map(N)) + j + 4 * a : 0, F = (t, n) => (e.rows[n].cells[t] ?? e.rows[n].cells[0]).value, ee = e.seriesValues.flatMap((e, t) => e.map((e, n) => ({
+		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(R(c.map((e) => q(e).width * a)), 0), p = Math.min(f + 10 * a, C * .42);
+		c[0]?.parentElement?.style.setProperty("--_beside", `${((p - 8 * a) / C * 100).toFixed(2)}%`);
+		let m = C - 4 * a, h = e.stacked ? Math.max(R(e.rows.map((t) => pe(t, e.series.length).top)), 0) || 1 : Math.max(R(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => Math.abs(e.value)))), 0) || 1, g = e.stacked ? Math.max(R(e.rows.map((t) => -pe(t, e.series.length).bottom)), 0) : Math.max(R(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) => ue(Math.abs(t), y, n, e.squeeze, e.breakGap), x = n / t.length, S = (e) => (e + .5) * x, w = Math.min(x * l.barfill, u), T = de(x, e.series.length, u), E = s[0] ?? e.totals[0], O = E ? q(E).height * a * .56 : 0, k = Math.max(((d && !e.stacked ? T.size : w) - O) / 2, 5 * a), M = (e) => q(e).width * a, P = (e) => e.length ? R(e.map(M)) + k + 4 * a : 0, ee = (t, n) => (e.rows[n].cells[t] ?? e.rows[n].cells[0]).value, F = e.seriesValues.flatMap((e, t) => e.map((e, n) => ({
 			label: e,
-			value: F(t, n)
+			value: ee(t, n)
 		}))), I = (t) => {
-			let n = Y(e.rows[t], e.series.length);
+			let n = pe(e.rows[t], e.series.length);
 			return n.top === 0 && n.bottom < 0;
-		}, R = e.stacked ? P(e.totals.filter((e, t) => !I(t))) : d ? P(ee.filter((e) => e.value >= 0).map((e) => e.label)) : 0, z = e.stacked ? P(e.totals.filter((e, t) => I(t))) : d ? P(ee.filter((e) => e.value < 0).map((e) => e.label)) : 0;
+		}, L = e.stacked ? P(e.totals.filter((e, t) => !I(t))) : d ? P(F.filter((e) => e.value >= 0).map((e) => e.label)) : 0, z = e.stacked ? P(e.totals.filter((e, t) => I(t))) : d ? P(F.filter((e) => e.value < 0).map((e) => e.label)) : 0;
 		if (!d && !e.stacked) for (let e = 0; e < 3; e++) {
-			let e = m - p - R - z, n = t.map((e, t) => ({
+			let e = m - p - L - z, n = t.map((e, t) => ({
 				seg: e,
 				label: s[t]
-			})).filter(({ seg: t, label: n }) => !ye(n, b(t.value, e), a)), r = P(n.filter(({ seg: e }) => e.value >= 0).map(({ label: e }) => e)), i = P(n.filter(({ seg: e }) => e.value < 0).map(({ label: e }) => e));
-			if (r <= R && i <= z) break;
-			R = Math.max(R, r), z = Math.max(z, i);
+			})).filter(({ seg: t, label: n }) => !be(n, b(t.value, e), a)), r = P(n.filter(({ seg: e }) => e.value >= 0).map(({ label: e }) => e)), i = P(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);
 		}
-		let B = m - p - R - z, V = p + z + b(v, B), H = (e) => e < 0 ? V - b(e, B) : V + b(e, B);
-		if (e.squeeze && (e.breakX = H(e.squeeze.gap)), e.x = H, e.stacked) {
+		let te = m - p - L - z, B = p + z + b(v, te), V = (e) => e < 0 ? B - b(e, te) : B + b(e, te);
+		if (e.squeeze && (e.breakX = V(e.squeeze.gap)), e.x = V, e.stacked) {
 			e.rows.forEach((t, r) => {
-				let i = Y(t, e.series.length), o = he(e, t, r, { "data-grow": "right" }, i.bottom < 0 ? `${V - H(i.bottom)}px center` : ""), s = C(r) - w / 2;
+				let i = pe(t, e.series.length), o = ge(e, t, r, { "data-grow": "right" }, i.bottom < 0 ? `${B - V(i.bottom)}px center` : ""), s = S(r) - w / 2;
 				fe(t, e.series.length).forEach(({ from: t, to: i, cell: c }, l) => {
 					let u = e.seriesValues[l][r];
 					if (u.dataset.place = "none", c.missing || i === t) return;
-					let d = Math.min(H(t), H(i)), f = Math.max(H(t), H(i));
+					let d = Math.min(V(t), V(i)), f = Math.max(V(t), V(i));
 					o(l, {
 						x: d,
 						y: s,
 						width: Math.max(f - d, 1),
 						height: w,
 						...i < t && { "data-grow": "left" }
-					}), u.dataset.place = "inside", u.toggleAttribute("data-left-out", !ye(u, f - d, a) || q(u).height * a > w), me(u, e, l), M(u, (d + f) / 2, C(r), S, n);
+					}), u.dataset.place = "inside", u.toggleAttribute("data-left-out", !be(u, f - d, a) || q(u).height * a > w), he(u, e, l), N(u, (d + f) / 2, S(r), C, n);
 				});
 				let l = e.totals[r];
-				l && (l.dataset.place = I(r) ? "before" : "after", M(l, I(r) ? H(i.bottom) - j : H(i.top) + j, C(r), S, n));
+				l && (l.dataset.place = I(r) ? "before" : "after", N(l, I(r) ? V(i.bottom) - k : V(i.top) + k, S(r), C, n));
 				let u = c[r];
-				u && M(u, p - 8 * a, C(r), S, n);
-			}), o.appendChild(k("line", {
+				u && N(u, p - 8 * a, S(r), C, n);
+			}), o.appendChild(A("line", {
 				class: i,
-				x1: V,
-				x2: V,
+				x1: B,
+				x2: B,
 				y1: 0,
 				y2: n
 			}));
@@ -518,7 +533,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		}
 		if (d) {
 			e.plot.dataset.grouped = "";
-			let t = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), s = be(e.plot, t, (e) => ({
+			let t = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), s = xe(e.plot, t, (e) => ({
 				size: q(e).height * a,
 				room: T.size + T.gap * .5
 			}), "--_fit");
@@ -529,57 +544,57 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 						u.dataset.place = "none";
 						return;
 					}
-					let d = H(l.value), f = l.value < 0, p = C(i) + T.offset(c), m = Math.max(Math.abs(d - V), 1);
-					l.value !== 0 && o.appendChild(k("rect", {
-						class: A(r, t),
+					let d = V(l.value), f = l.value < 0, p = S(i) + T.offset(c), m = Math.max(Math.abs(d - B), 1);
+					l.value !== 0 && o.appendChild(A("rect", {
+						class: j(r, t),
 						"data-kind": "bar",
 						"data-row": i + 1,
 						"data-grow": f ? "left" : "right",
-						x: f ? V - m : V,
+						x: f ? B - m : B,
 						y: p,
 						width: m,
 						height: T.size,
-						...de(e, t, c)
-					})), u.dataset.place = f ? "before" : "after", u.toggleAttribute("data-left-out", !s), M(u, f ? d - j : d + j, p + T.size / 2, S, n);
+						...Y(e, t, c)
+					})), u.dataset.place = f ? "before" : "after", u.toggleAttribute("data-left-out", !s), N(u, f ? d - k : d + k, p + T.size / 2, C, n);
 				});
 				let l = c[i];
-				l && M(l, p - 8 * a, C(i), S, n);
-			}), o.appendChild(k("line", {
+				l && N(l, p - 8 * a, S(i), C, n);
+			}), o.appendChild(A("line", {
 				class: i,
-				x1: V,
-				x2: V,
+				x1: B,
+				x2: B,
 				y1: 0,
 				y2: n
 			}));
 			return;
 		}
-		let U = t.map((e, t) => ye(s[t], Math.abs(H(e.value) - V), a));
+		let H = t.map((e, t) => be(s[t], Math.abs(V(e.value) - B), a));
 		t.forEach((t, i) => {
-			let l = H(t.value), u = C(i), d = t.value < 0, f = Math.abs(l - V), m = Math.max(f, 1);
-			t.value !== 0 && o.appendChild(k("rect", {
-				class: A(r, t),
+			let l = V(t.value), u = S(i), d = t.value < 0, f = Math.abs(l - B), m = Math.max(f, 1);
+			t.value !== 0 && o.appendChild(A("rect", {
+				class: j(r, t),
 				"data-kind": t.kind,
 				"data-row": i + 1,
 				"data-grow": d ? "left" : "right",
-				x: d ? V - m : V,
+				x: d ? B - m : B,
 				y: u - w / 2,
 				width: m,
 				height: w,
-				style: E("--i", t.slot)
+				style: D("--i", t.slot)
 			}));
-			let h = s[i], g = Math.max(Math.min(j, f - N(h) - 6 * a), 6 * a), _ = d ? 1 : -1;
-			h.dataset.place = U[i] ? "inside" : d ? "before" : "after", h.dataset.kind = t.kind, M(h, U[i] ? e.insideAlign === "center" ? (V + l) / 2 : e.insideAlign === "start" ? V - _ * (g + N(h) / 2) : l + _ * (g + N(h) / 2) : l - _ * j, u, S, n);
+			let h = s[i], g = Math.max(Math.min(k, f - M(h) - 6 * a), 6 * a), _ = d ? 1 : -1;
+			h.dataset.place = H[i] ? "inside" : d ? "before" : "after", h.dataset.kind = t.kind, N(h, H[i] ? e.insideAlign === "center" ? (B + l) / 2 : e.insideAlign === "start" ? B - _ * (g + M(h) / 2) : l + _ * (g + M(h) / 2) : l - _ * k, u, C, n);
 			let v = c[i];
-			v && M(v, p - 8 * a, u, S, n);
-		}), o.appendChild(k("line", {
+			v && N(v, p - 8 * a, u, C, n);
+		}), o.appendChild(A("line", {
 			class: i,
-			x1: V,
-			x2: V,
+			x1: B,
+			x2: B,
 			y1: 0,
 			y2: n
 		}));
 	}
-}, Ce = {
+}, we = {
 	segments: (e) => e.map((e) => ({
 		...e,
 		from: 0,
@@ -596,7 +611,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		let { segments: t, cx: n, y: a, barWidth: o, height: s, unit: c, svg: l, values: u, labels: d, insideAlign: f } = e, p = a(0);
 		if (e.stacked) {
 			e.rows.forEach((t, r) => {
-				let i = Y(t, e.series.length), l = he(e, t, r, {}, i.bottom < 0 ? `center ${p - a(i.top)}px` : ""), u = n(r) - o / 2;
+				let i = pe(t, e.series.length), l = ge(e, t, r, {}, i.bottom < 0 ? `center ${p - a(i.top)}px` : ""), u = n(r) - o / 2;
 				fe(t, e.series.length).forEach(({ from: t, to: i, cell: d }, f) => {
 					let p = e.seriesValues[f][r];
 					if (p.dataset.place = "none", d.missing || i === t) return;
@@ -607,26 +622,26 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 						width: o,
 						height: Math.max(h - m, 1),
 						...i < t && { "data-grow": "down" }
-					}), p.dataset.place = "inside", p.toggleAttribute("data-left-out", !ve(p, h - m, c) || q(p).width * c > o - 4 * c), me(p, e, f), M(p, n(r), (m + h) / 2, S, s);
+					}), p.dataset.place = "inside", p.toggleAttribute("data-left-out", !ye(p, h - m, c) || q(p).width * c > o - 4 * c), he(p, e, f), N(p, n(r), (m + h) / 2, C, s);
 				});
 				let d = e.totals[r];
 				if (d) {
 					let e = i.top === 0 && i.bottom < 0;
-					d.dataset.place = e ? "below" : "outside", M(d, n(r), e ? a(i.bottom) + 4 * c : a(i.top) - 4 * c, S, s);
+					d.dataset.place = e ? "below" : "outside", N(d, n(r), e ? a(i.bottom) + 4 * c : a(i.top) - 4 * c, C, s);
 				}
-			}), l.appendChild(k("line", {
+			}), l.appendChild(A("line", {
 				class: i,
 				x1: 0,
-				x2: S,
+				x2: C,
 				y1: p,
 				y2: p
 			}));
 			return;
 		}
 		if (e.series.length > 1) {
-			let t = ue(n(1) - n(0) || n(0) * 2, e.series.length, e.barMax);
+			let t = de(n(1) - n(0) || n(0) * 2, e.series.length, e.barMax);
 			e.plot.dataset.grouped = "";
-			let o = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), u = be(e.plot, o, (e) => ({
+			let o = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), u = xe(e.plot, o, (e) => ({
 				size: q(e).width * c,
 				room: t.size + t.gap * .5
 			}), "--_fit");
@@ -638,8 +653,8 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 						return;
 					}
 					let _ = a(m.value), v = m.value < 0, y = Math.max(Math.abs(p - _), 1);
-					m.value !== 0 && l.appendChild(k("rect", {
-						class: A(r, i),
+					m.value !== 0 && l.appendChild(A("rect", {
+						class: j(r, i),
 						"data-kind": "bar",
 						"data-row": o + 1,
 						...v && { "data-grow": "down" },
@@ -647,29 +662,29 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 						y: v ? p : p - y,
 						width: t.size,
 						height: y,
-						...de(e, i, f)
-					})), h.dataset.place = v ? "below" : "outside", h.toggleAttribute("data-left-out", !u), M(h, g + t.size / 2, v ? _ + 4 * c : _ - 4 * c, S, s);
+						...Y(e, i, f)
+					})), h.dataset.place = v ? "below" : "outside", h.toggleAttribute("data-left-out", !u), N(h, g + t.size / 2, v ? _ + 4 * c : _ - 4 * c, C, s);
 				});
-			}), l.appendChild(k("line", {
+			}), l.appendChild(A("line", {
 				class: i,
 				x1: 0,
-				x2: S,
+				x2: C,
 				y1: p,
 				y2: p
 			}));
 			return;
 		}
-		let m = _e(u, o, c), h = t.map((e, t) => d === "inside" && !m && !e.missing && ve(u[t], Math.abs(p - a(e.value)), c)), g = u[0] ? q(u[0]).height * c * .56 : 0, _ = Infinity;
+		let m = ve(u, o, c), h = t.map((e, t) => d === "inside" && !m && !e.missing && ye(u[t], Math.abs(p - a(e.value)), c)), g = u[0] ? q(u[0]).height * c * .56 : 0, _ = Infinity;
 		for (let [e, t] of u.entries()) h[e] && (_ = Math.min(_, (o - q(t).width * c) / 2));
 		t.forEach((e, t) => {
 			let i = a(e.value), d = e.value < 0;
 			if (e.missing) {
-				M(u[t], n(t), p - 4 * c, S, s), u[t].dataset.place = "outside";
+				N(u[t], n(t), p - 4 * c, C, s), u[t].dataset.place = "outside";
 				return;
 			}
 			let m = Math.max(Math.abs(p - i), 1);
-			e.value !== 0 && l.appendChild(k("rect", {
-				class: A(r, e),
+			e.value !== 0 && l.appendChild(A("rect", {
+				class: j(r, e),
 				"data-kind": e.kind,
 				"data-row": t + 1,
 				...d && { "data-grow": "down" },
@@ -677,19 +692,19 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 				y: d ? p : p - m,
 				width: o,
 				height: m,
-				style: E("--i", e.slot)
+				style: D("--i", e.slot)
 			}));
 			let v = d ? -1 : 1, y = Math.min(_, (Math.abs(p - i) - g) / 2), b = f === "center" ? (i + p) / 2 : f === "start" ? p - v * (y + g / 2) : i + v * (y + g / 2), x = d ? i + 4 * c : i - 4 * c;
-			M(u[t], n(t), h[t] ? b : x, S, s), u[t].dataset.place = h[t] ? "inside" : d ? "below" : "outside";
-		}), l.appendChild(k("line", {
+			N(u[t], n(t), h[t] ? b : x, C, s), u[t].dataset.place = h[t] ? "inside" : d ? "below" : "outside";
+		}), l.appendChild(A("line", {
 			class: i,
 			x1: 0,
-			x2: S,
+			x2: C,
 			y1: p,
 			y2: p
 		}));
 	}
-}, we = 0, Te = (e) => e.filter((e) => !e.isTotal), Ee = {
+}, Te = 0, Ee = (e) => e.filter((e) => !e.isTotal), De = {
 	aspect: .66,
 	centre: !0,
 	headroom: () => 0,
@@ -699,19 +714,19 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		to: e.value,
 		kind: "bar"
 	})),
-	draw({ rows: e, height: t, unit: n, labelHeight: r, svg: i, values: a, config: o, centre: c }) {
-		let l = S / 2, u = t / 2, d = Te(e).reduce((e, t) => e + Math.abs(t.value), 0);
+	draw({ rows: e, height: t, unit: n, labelHeight: r, svg: i, values: a, config: o, centre: s }) {
+		let l = C / 2, u = t / 2, d = Ee(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(S, 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(C, t) / 2 - f, 10), m = p * o.ringfill, h = p - m / 2, g = 2 * Math.PI * h, _ = [], v = 0, y = 0, b = 0;
 		if (e.forEach((e, o) => {
-			let c = a[o];
+			let s = a[o];
 			if (e.isTotal) {
-				c.dataset.place = "none";
+				s.dataset.place = "none";
 				return;
 			}
-			let f = Math.abs(e.value) / d, x = T(b, f), C = `--share:${f.toFixed(4)}; --start:${x.start.toFixed(4)}; --span:${x.span.toFixed(4)};`, w = f * g, D = v / g * 2 * Math.PI - Math.PI / 2;
-			_.push(D), i.appendChild(k("circle", {
-				class: A(s, e),
+			let f = Math.abs(e.value) / d, x = E(b, f), S = `--share:${f.toFixed(4)}; --start:${x.start.toFixed(4)}; --span:${x.span.toFixed(4)};`, w = f * g, T = v / g * 2 * Math.PI - Math.PI / 2;
+			_.push(T), i.appendChild(A("circle", {
+				class: j(c, e),
 				"data-slice": y + 1,
 				"data-row": o + 1,
 				cx: l,
@@ -721,60 +736,60 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 				transform: `rotate(-90 ${l} ${u})`,
 				"stroke-dasharray": `${w.toFixed(1)} ${(g - w).toFixed(1)}`,
 				"stroke-dashoffset": (-v).toFixed(1),
-				style: `--n:${y}; --palette:var(--tablechart-color-${y + 1}); --arc:${w.toFixed(1)}; --circ:${g.toFixed(1)}; ${C} --ease:${x.easing}; ${E("--i", e.slot)}`
+				style: `--n:${y}; --palette:var(--tablechart-color-${y + 1}); --arc:${w.toFixed(1)}; --circ:${g.toFixed(1)}; ${S} --ease:${x.easing}; ${D("--i", e.slot)}`
 			}));
-			let O = D + w / g * Math.PI, j = Math.cos(O), N = Math.sin(O);
-			i.appendChild(k("line", {
+			let O = T + w / g * Math.PI, k = Math.cos(O), M = Math.sin(O);
+			i.appendChild(A("line", {
 				class: "tablechart-leader",
-				x1: l + j * (p + 2 * n),
-				y1: u + N * (p + 2 * n),
-				x2: l + j * (p + 7 * n),
-				y2: u + N * (p + 7 * n),
+				x1: l + k * (p + 2 * n),
+				y1: u + M * (p + 2 * n),
+				x2: l + k * (p + 7 * n),
+				y2: u + M * (p + 7 * n),
 				"data-row": o + 1,
-				style: `${C} ${E("--i", e.slot)}`
-			})), c.style.setProperty("--start", x.start.toFixed(4)), c.style.setProperty("--span", x.span.toFixed(4));
-			let P = p + 9 * n, F = q(c).width * n / 2;
-			M(c, l + j * (P + Math.abs(j) * F), u + N * (P + Math.abs(N) * r * .7), S, t), c.dataset.place = "around", v += w, b += f, y += 1;
+				style: `${S} ${D("--i", e.slot)}`
+			})), s.style.setProperty("--start", x.start.toFixed(4)), s.style.setProperty("--span", x.span.toFixed(4));
+			let P = p + 9 * n, ee = q(s).width * n / 2;
+			N(s, l + k * (P + Math.abs(k) * ee), u + M * (P + Math.abs(M) * r * .7), C, t), s.dataset.place = "around", v += w, b += f, y += 1;
 		}), _.length > 1) {
-			let e = h - m / 2 - 1, n = h + m / 2 + 1, r = `tablechart-slices-${++we}`, a = k("mask", {
+			let e = h - m / 2 - 1, n = h + m / 2 + 1, r = `tablechart-slices-${++Te}`, a = A("mask", {
 				id: r,
 				maskUnits: "userSpaceOnUse"
 			});
-			a.appendChild(k("rect", {
+			a.appendChild(A("rect", {
 				x: 0,
 				y: 0,
-				width: S,
+				width: C,
 				height: t,
 				fill: "white"
 			}));
-			for (let t of _) a.appendChild(k("line", {
+			for (let t of _) a.appendChild(A("line", {
 				class: "tablechart-divide",
 				x1: l + Math.cos(t) * e,
 				y1: u + Math.sin(t) * e,
 				x2: l + Math.cos(t) * n,
 				y2: u + Math.sin(t) * n
 			}));
-			let o = k("g", { mask: `url(#${r})` });
-			for (let e of Array.from(i.querySelectorAll(`.${s}`))) o.appendChild(e);
-			let c = k("defs");
-			c.appendChild(a), i.prepend(c, o);
+			let o = A("g", { mask: `url(#${r})` });
+			for (let e of Array.from(i.querySelectorAll(`.${c}`))) o.appendChild(e);
+			let s = A("defs");
+			s.appendChild(a), i.prepend(s, o);
 		}
-		c && M(c, l, u, S, t);
+		s && N(s, l, u, C, t);
 	}
-}, De = [
+}, Oe = [
 	"circle",
 	"square",
 	"diamond"
-], Oe = (e, t) => {
-	let n = e[t]?.marker?.toLowerCase().split(/\s+/) ?? [], r = De.find((e) => n.includes(e));
+], ke = (e, t) => {
+	let n = e[t]?.marker?.toLowerCase().split(/\s+/) ?? [], r = Oe.find((e) => n.includes(e));
 	return {
-		shape: r ?? De[Math.floor(t / 2) % De.length],
+		shape: r ?? Oe[Math.floor(t / 2) % Oe.length],
 		open: n.includes("open") || !n.includes("filled") && !r && t % 2 == 1
 	};
-}, ke = (e, t, n, r, i = {}) => {
+}, Ae = (e, t, n, r, i = {}) => {
 	if (e === "square") {
 		let e = r * .88;
-		return k("rect", {
+		return A("rect", {
 			x: t - e,
 			y: n - e,
 			width: e * 2,
@@ -784,26 +799,26 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	}
 	if (e === "diamond") {
 		let e = r * 1.2;
-		return k("polygon", {
+		return A("polygon", {
 			points: `${t},${n - e} ${t + e},${n} ${t},${n + e} ${t - e},${n}`,
 			...i
 		});
 	}
 	if (e === "triangle") {
 		let e = r * 1.3;
-		return k("polygon", {
+		return A("polygon", {
 			points: `${t},${n - e} ${t + e * .87},${n + e / 2} ${t - e * .87},${n + e / 2}`,
 			...i
 		});
 	}
-	return k("circle", {
+	return A("circle", {
 		cx: t,
 		cy: n,
 		r,
 		...i
 	});
 }, X = (e) => Number(e.toFixed(2));
-function Ae(e, t) {
+function je(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);
@@ -820,17 +835,17 @@ function Ae(e, t) {
 	};
 	return i[0] = a(0, 1, i[1]), i[n - 1] = a(n - 2, n - 1, i[n - 2]), i;
 }
-function je(e, t, n, r) {
+function Me(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 Me(e, t, n, r) {
-	let [i, a] = je(e, t, n, r), o = ([e, t]) => `${X(e)},${X(t)}`;
+function Ne(e, t, n, r) {
+	let [i, a] = Me(e, t, n, r), o = ([e, t]) => `${X(e)},${X(t)}`;
 	return `C${o(i)} ${o(a)} ${o(t)}`;
 }
-function Ne(e, t, n) {
+function Pe(e, t, n) {
 	let r = Array(e).fill(0), i = [], a = () => {
-		Ae(i.map((e) => n(e)[0]), i.map((e) => n(e)[1])).forEach((e, t) => {
+		je(i.map((e) => n(e)[0]), i.map((e) => n(e)[1])).forEach((e, t) => {
 			r[i[t]] = e;
 		}), i = [];
 	};
@@ -839,13 +854,13 @@ function Ne(e, t, n) {
 }
 //#endregion
 //#region src/js/charts/line.ts
-var Pe = (e) => e.map((e) => ({
+var Fe = (e) => e.map((e) => ({
 	...e,
 	from: 0,
 	to: e.value,
 	kind: "bar"
-})), Fe = (e) => ({
-	segments: Pe,
+})), Ie = (e) => ({
+	segments: Fe,
 	series: !0,
 	stackable: !0,
 	running: !0,
@@ -853,9 +868,9 @@ var Pe = (e) => e.map((e) => ({
 	headroom: ({ labelHeight: e, unit: t }) => e * 1.6 + 6 * t,
 	footroom: ({ labelHeight: t, unit: n, series: r, focused: i, stacked: a }) => !e && !a && r === 2 && !i ? t + 7 * n : 0,
 	draw(t) {
-		let { rows: n, series: r, seriesValues: a, names: o, cx: s, y: c, height: l, unit: f, labelHeight: p, svg: m, stacked: h } = t, g = t.shape === "step", _ = t.shape === "smooth", v = r.length > 1, y = r.some((e) => e.focus), b = n.length - 1, x = c(0), C = n.length > 1 ? s(1) - s(0) : s(0) * 2;
+		let { rows: n, series: r, seriesValues: a, names: o, cx: s, y: c, height: l, unit: u, labelHeight: p, svg: m, stacked: h } = t, g = t.shape === "step", _ = t.shape === "smooth", v = r.length > 1, y = r.some((e) => e.focus), b = n.length - 1, x = c(0), S = n.length > 1 ? s(1) - s(0) : s(0) * 2;
 		m.style.setProperty("--_base", `${X(x)}px`);
-		let w = (e) => `--rise:${X(x - e)}px; `, T = (e, t) => n[t]?.cells[e] ?? n[t]?.cells[0], E = (e, t) => !T(e, t) || !!T(e, t)?.missing, D = n.map((e) => h ? fe(e, r.length, !0) : null), O = (e, t) => D[t]?.[e].to ?? T(e, t)?.value ?? 0, A = (e, t) => D[t]?.[e].from ?? 0, j = (e, t) => [s(t), c(O(e, t))], N = r.map((e, t) => {
+		let w = (e) => `--rise:${X(x - e)}px; `, T = (e, t) => n[t]?.cells[e] ?? n[t]?.cells[0], E = (e, t) => !T(e, t) || !!T(e, t)?.missing, D = n.map((e) => h ? fe(e, r.length, !0) : null), O = (e, t) => D[t]?.[e].to ?? T(e, t)?.value ?? 0, k = (e, t) => D[t]?.[e].from ?? 0, j = (e, t) => [s(t), c(O(e, t))], M = r.map((e, t) => {
 			if (!v) return {
 				attrs: {},
 				ink: ""
@@ -868,90 +883,90 @@ var Pe = (e) => e.map((e) => ({
 				},
 				ink: `--n:${t}; --m:${+!!n}; --palette:var(--tablechart-color-${t + 1}); `
 			};
-		}), F = Math.min(b, 6);
-		t.plot.style.setProperty("--count", String(F + 1));
-		let ee = b > 0 ? F / (g ? n.length : b) : 1, I = (e) => e * ee, L = (e) => `--i:${X(I(e))}`, R = (e) => {
+		}), P = Math.min(b, 6);
+		t.plot.style.setProperty("--count", String(P + 1));
+		let F = b > 0 ? P / (g ? n.length : b) : 1, I = (e) => e * F, L = (e) => `--i:${X(I(e))}`, R = (e) => {
 			let t = [], r = -1;
 			return n.forEach((n, i) => {
 				E(e, i) || (r < 0 && (r = i), (i === b || E(e, i + 1)) && ((g || i > r) && t.push([r, i]), r = -1));
 			}), t;
-		}, z = (e, t) => `--i:${X(I(e) + 1)}; --d:${X(I(g ? t + 1 : t) - I(e))}`, B = (e, t) => ({
+		}, z = (e, t) => `--i:${X(I(e) + 1)}; --d:${X(I(g ? t + 1 : t) - I(e))}`, te = (e, t) => ({
 			"data-from": e + 1,
 			"data-to": t + 1,
 			...g && { "data-flat": "" }
-		}), V = _ ? r.map((e, t) => Ne(n.length, (e) => E(t, e), (e) => j(t, e))) : [], H = _ && e ? r.map((e, t) => Ne(n.length, (e) => E(t, e), (e) => [s(e), c(A(t, e))])) : [], U = (e, t, n) => {
+		}), B = _ ? r.map((e, t) => Pe(n.length, (e) => E(t, e), (e) => j(t, e))) : [], V = _ && e ? r.map((e, t) => Pe(n.length, (e) => E(t, e), (e) => [s(e), c(k(t, e))])) : [], H = (e, t, n) => {
 			let r = [];
 			return e.forEach(([i, a], o) => {
-				g ? (r.push(`H${X(i + n * C / 2)}`), o < e.length - 1 && r.push(`V${X(e[o + 1][1])}`)) : o > 0 && r.push(t ? Me(e[o - 1], [i, a], t[o - 1], t[o]) : `L${X(i)},${X(a)}`);
+				g ? (r.push(`H${X(i + n * S / 2)}`), o < e.length - 1 && r.push(`V${X(e[o + 1][1])}`)) : o > 0 && r.push(t ? Ne(e[o - 1], [i, a], t[o - 1], t[o]) : `L${X(i)},${X(a)}`);
 			}), r;
-		}, W = (e, t, r, i) => n.slice(t, r + 1).map((n, r) => [s(t + r), c(i(e, t + r))]), te = (e, t, n, r) => _ ? e[t].slice(n, r + 1) : null, ne = (e) => s(e) - (g ? C / 2 : 0), re = (e) => s(e) + (g ? C / 2 : 0), ie = (e) => {
-			let t = k("g", {
+		}, U = (e, t, r, i) => n.slice(t, r + 1).map((n, r) => [s(t + r), c(i(e, t + r))]), W = (e, t, n, r) => _ ? e[t].slice(n, r + 1) : null, ne = (e) => s(e) - (g ? S / 2 : 0), re = (e) => s(e) + (g ? S / 2 : 0), ie = (e) => {
+			let t = A("g", {
 				class: "tablechart-area",
-				...N[e].attrs,
+				...M[e].attrs,
 				...h && { "data-stacked": "" },
-				style: N[e].ink
-			}), n = R(e), r = k("g", {
+				style: M[e].ink
+			}), n = R(e), r = A("g", {
 				class: "tablechart-area-fill",
-				style: `--rows:${X(F + 1)}; ${n.length ? z(...n[0]) : ""}`
+				style: `--rows:${X(P + 1)}; ${n.length ? z(...n[0]) : ""}`
 			});
 			t.appendChild(r);
 			for (let [t, i] of n) {
-				let n = W(e, t, i, O), a = W(e, t, i, A), o = te(H, e, t, i)?.reverse() ?? null, s = [
+				let n = U(e, t, i, O), a = U(e, t, i, k), o = W(V, e, t, i)?.reverse() ?? null, s = [
 					`M${X(ne(t))},${X(a[0][1])}`,
 					`L${X(ne(t))},${X(n[0][1])}`,
-					...U(n, te(V, e, t, i), 1),
+					...H(n, W(B, e, t, i), 1),
 					`L${X(re(i))},${X(a[a.length - 1][1])}`,
-					...U(a.reverse(), o, -1),
+					...H(a.reverse(), o, -1),
 					"Z"
 				].join(" ");
-				r.appendChild(k("path", {
+				r.appendChild(A("path", {
 					d: s,
-					...B(t, i),
+					...te(t, i),
 					style: z(t, i)
 				}));
 			}
 			m.appendChild(t);
-		}, K = (e) => {
+		}, G = (e) => {
 			let t = r[e];
 			for (let [n, r] of R(e)) {
-				let i = W(e, n, r, O), a = [`M${X(ne(n))},${X(i[0][1])}`, ...U(i, te(V, e, n, r), 1)].join(" ");
-				m.appendChild(k("path", {
+				let i = U(e, n, r, O), a = [`M${X(ne(n))},${X(i[0][1])}`, ...H(i, W(B, e, n, r), 1)].join(" ");
+				m.appendChild(A("path", {
 					class: "tablechart-series",
-					...N[e].attrs,
+					...M[e].attrs,
 					d: a,
 					...t.line && { "data-line": t.line },
-					...B(n, r),
-					style: `${N[e].ink}${z(n, r)}`
+					...te(n, r),
+					style: `${M[e].ink}${z(n, r)}`
 				}));
 			}
 		};
-		e && r.forEach((e, t) => ie(t)), r.forEach((e, t) => K(t)), g || (() => {
-			let e = r.map((e, t) => v ? Oe(r, t) : {
+		e && r.forEach((e, t) => ie(t)), r.forEach((e, t) => G(t)), g || (() => {
+			let e = r.map((e, t) => v ? ke(r, t) : {
 				shape: "circle",
 				open: !1
 			}), t = (t, n, r) => {
 				let [i, a] = j(t, n);
-				return ke(e[t].shape, i, a, 4 * f, {
+				return Ae(e[t].shape, i, a, 4 * u, {
 					...r,
 					style: `${r.style ?? ""}${w(a)}${L(n)}`
 				});
 			}, i = (e) => n.map((e, t) => t).filter((t) => !E(e, t)), a = r.flatMap((n, r) => e[r].open ? i(r).map((e) => t(r, e, {
-				class: d,
+				class: f,
 				"data-row": e + 1,
 				...v && { "data-series": r + 1 }
 			})) : []);
-			P(m, a, S, l), r.forEach((n, r) => {
+			ee(m, a, C, l), r.forEach((n, r) => {
 				for (let n of i(r)) m.appendChild(t(r, n, {
-					class: u,
-					...N[r].attrs,
+					class: d,
+					...M[r].attrs,
 					"data-marker": e[r].shape,
 					...e[r].open && { "data-open": "" },
 					"data-row": n + 1,
-					style: N[r].ink
+					style: M[r].ink
 				}));
 			});
 		})();
-		let ae = (e, t) => {
+		let K = (e, t) => {
 			let n = t;
 			for (; n < b && !E(e, n + 1) && T(e, n + 1)?.value === T(e, t)?.value;) n++;
 			return n;
@@ -962,18 +977,18 @@ var Pe = (e) => e.map((e) => ({
 			let a = i.value < 0 ? "below" : "above";
 			if (!v || y || r.length > 2) return a;
 			let o = T(1 - t, n);
-			return !o || o.missing ? a : i.value > o.value || i.value === o.value && t === 0 || e && i.value >= 0 && j(t, n)[1] + 7 * f + p > x ? "above" : "below";
+			return !o || o.missing ? a : i.value > o.value || i.value === o.value && t === 0 || e && i.value >= 0 && j(t, n)[1] + 7 * u + p > x ? "above" : "below";
 		}, se = v && !y && r.length > 2 && !h && !g, ce = /* @__PURE__ */ new Map();
 		if (se) {
 			let e = n.flatMap((e, t) => r.map((e, n) => ({
 				s: n,
 				i: t,
 				value: T(n, t)?.value ?? 0
-			}))).filter(({ s: e, i: t }) => oe(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"], i = G(e.map(({ s: e, i: n, value: r }) => {
-				let i = q(a[e][n]).width * f, [o, s] = j(e, n);
+			}))).filter(({ s: e, i: t }) => oe(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"], i = ae(e.map(({ s: e, i: n, value: r }) => {
+				let i = q(a[e][n]).width * u, [o, s] = j(e, n);
 				return t(r).map((e) => [
 					o - i / 2,
-					e === "above" ? s - 7 * f - p : s + 7 * f,
+					e === "above" ? s - 7 * u - p : s + 7 * u,
 					i,
 					p
 				]);
@@ -981,10 +996,10 @@ var Pe = (e) => e.map((e) => ({
 				if (E(t, n)) return [];
 				let [r, i] = j(t, n);
 				return [[
-					r - 4 * f,
-					i - 4 * f,
-					8 * f,
-					8 * f
+					r - 4 * u,
+					i - 4 * u,
+					8 * u,
+					8 * u
 				]];
 			})), [
 				0,
@@ -994,35 +1009,35 @@ var Pe = (e) => e.map((e) => ({
 			]);
 			e.forEach(({ s: e, i: n, value: r }, o) => ce.set(a[e][n], i[o] === null ? null : t(r)[i[o]]));
 		}
-		let J = (e, t) => se ? ce.get(a[e][t]) === null : !h && !g ? !1 : q(a[e][t]).width * f > (g ? ae(e, t) - t + 1 : 1) * C - 4 * f || h && e > 0 && O(e, t) < A(e, t) ? !0 : h && Math.abs(c(A(e, t)) - c(O(e, t))) < p * 1.2;
+		let le = (e, t) => se ? ce.get(a[e][t]) === null : !h && !g ? !1 : q(a[e][t]).width * u > (g ? K(e, t) - t + 1 : 1) * S - 4 * u || h && e > 0 && O(e, t) < k(e, t) ? !0 : h && Math.abs(c(k(e, t)) - c(O(e, t))) < p * 1.2;
 		a.forEach((e, t) => {
 			e.forEach((e, n) => {
 				e.style.setProperty("--i", String(X(g ? (I(n) + I(n + 1)) / 2 : I(n))));
 				let r = ce.get(e) ?? oe(t, n);
-				if (e.dataset.place = r === "above" ? "outside" : r, e.toggleAttribute("data-left-out", r !== "none" && J(t, n)), g && r !== "none" ? e.dataset.rowEnd = String(ae(t, n) + 1) : delete e.dataset.rowEnd, r === "none") return;
-				let i = q(e).width * f / 2 + 4 * f, a = s(n);
-				g ? a = (s(n) + s(ae(t, n))) / 2 : r === "middle" && n === 0 ? a += i : r === "middle" && n === b && (a -= i);
-				let o = c(O(t, n)), u = {
-					middle: (c(A(t, n)) - o) / 2,
-					above: -7 * f,
-					below: 7 * f
+				if (e.dataset.place = r === "above" ? "outside" : r, e.toggleAttribute("data-left-out", r !== "none" && le(t, n)), g && r !== "none" ? e.dataset.rowEnd = String(K(t, n) + 1) : delete e.dataset.rowEnd, r === "none") return;
+				let i = q(e).width * u / 2 + 4 * u, a = s(n);
+				g ? a = (s(n) + s(K(t, n))) / 2 : r === "middle" && n === 0 ? a += i : r === "middle" && n === b && (a -= i);
+				let o = c(O(t, n)), d = {
+					middle: (c(k(t, n)) - o) / 2,
+					above: -7 * u,
+					below: 7 * u
 				};
-				M(e, a, o + u[r], S, l);
+				N(e, a, o + d[r], C, l);
 			});
 		});
-		let le = o.map((e, t) => {
+		let J = o.map((e, t) => {
 			let n = b;
 			for (; n > 0 && E(t, n);) n--;
 			let [r, i] = j(t, n);
 			return {
 				name: e,
-				x: (g ? r + C / 2 : r) + 10 * f,
-				y: h ? (i + c(A(t, n))) / 2 : i
+				x: (g ? r + S / 2 : r) + 10 * u,
+				y: h ? (i + c(k(t, n))) / 2 : i
 			};
-		}), ue = (o[0] ? q(o[0]).height : 0) * f;
-		for (let e of xe(le, ue)) M(e.name, e.x, e.y, S, l);
-		let de = n.some((e) => e.cells.some((e) => !e.missing && e.value < 0)), Y = !e && !h && r.length === 2 && !y && !de ? l - 2 * f : x;
-		m.appendChild(k("line", {
+		}), ue = (o[0] ? q(o[0]).height : 0) * u;
+		for (let e of Se(J, ue)) N(e.name, e.x, e.y, C, l);
+		let de = n.some((e) => e.cells.some((e) => !e.missing && e.value < 0)), Y = !e && !h && r.length === 2 && !y && !de ? l - 2 * u : x;
+		m.appendChild(A("line", {
 			class: i,
 			x1: 0,
 			x2: s(b) + s(0),
@@ -1030,15 +1045,15 @@ var Pe = (e) => e.map((e) => ({
 			y2: Y
 		}));
 	}
-}), Ie = Fe(!1), Le = Fe(!0), Re = /* @__PURE__ */ new Set(), ze = (t, n) => {
+}), Le = Ie(!1), Re = Ie(!0), ze = /* @__PURE__ */ new Set(), Be = (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.`;
-	Re.has(r) || (Re.add(r), console.warn(r));
-}, Be = {
+	ze.has(r) || (ze.add(r), console.warn(r));
+}, Ve = {
 	segments: (e) => {
 		let t = 0, n = !1;
 		return e.map((e) => {
-			if (e.isTotal) return n && ze(e.value, t), n = !1, t = e.value, {
+			if (e.isTotal) return n && Be(e.value, t), n = !1, t = e.value, {
 				...e,
 				from: 0,
 				to: e.value,
@@ -1056,34 +1071,34 @@ var Pe = (e) => e.map((e) => ({
 	breakable: !0,
 	headroom: ({ labelHeight: e, badgeHeight: t, hasAnnotations: n, unit: r }) => e + 6 * r + (n ? t * 1.6 : 0),
 	draw({ segments: e, cx: t, y: n, barWidth: a, height: o, unit: s, svg: c, values: l, breakAt: u, insideAlign: d }) {
-		let f = n(0), p = _e(l, a, s), m = d ?? "center", h = e.map((t, r) => {
+		let f = n(0), p = ve(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 && ve(l[r], a, s)
+				inside: !o && !p && ye(l[r], a, s)
 			};
 		}), g = l[0] ? q(l[0]).height * s * .56 : 0, _ = Infinity;
 		for (let [e, t] of h.entries()) t.inside && (_ = Math.min(_, (a - q(l[e]).width * s) / 2));
-		let v = e.length, y = (e, t, n = !1) => `--start:${(e / v).toFixed(4)}; --span:${(t / v).toFixed(4)}; --ease:${n ? w : "linear"};`;
+		let v = e.length, y = (e, t, n = !1) => `--start:${(e / v).toFixed(4)}; --span:${(t / v).toFixed(4)}; --ease:${n ? T : "linear"};`;
 		e.forEach((r, i) => {
 			let o = e[i + 1];
 			if (!o) return;
 			let s = n(r.to), l = t(i) + a / 2, u = t(i + 1) - a / 2;
-			c.appendChild(k("line", {
+			c.appendChild(A("line", {
 				class: "tablechart-connector",
 				x1: l,
 				x2: u,
 				y1: s,
 				y2: s,
 				"data-row": i + 2,
-				style: `${E("--i", o.slot)}; ${y(i + 1, 1 / 3)}`
+				style: `${D("--i", o.slot)}; ${y(i + 1, 1 / 3)}`
 			}));
 		}), e.forEach((n, i) => {
 			let { top: u, length: d, down: f, inside: p } = h[i];
-			c.appendChild(k("rect", {
-				class: A(r, n),
+			c.appendChild(A("rect", {
+				class: j(r, n),
 				"data-kind": n.kind,
 				"data-row": i + 1,
 				"data-grow": f ? "down" : "up",
@@ -1091,18 +1106,18 @@ var Pe = (e) => e.map((e) => ({
 				y: u,
 				width: a,
 				height: Math.max(d, 1),
-				style: `${E("--i", n.slot)}; ${y(i, 1, i === e.length - 1)}`
+				style: `${D("--i", n.slot)}; ${y(i, 1, i === e.length - 1)}`
 			}));
 			let b = l[i];
 			b.style.setProperty("--start", (i / v).toFixed(4)), b.style.setProperty("--span", (1 / v).toFixed(4));
-			let x = Math.min(_, (d - g) / 2), C = u + x + g / 2, w = u + d - x - g / 2, T = m === "center" ? u + d / 2 : m === "end" === f ? w : C;
+			let x = Math.min(_, (d - g) / 2), S = u + x + g / 2, w = u + d - x - g / 2, T = m === "center" ? u + d / 2 : m === "end" === f ? w : S;
 			b.dataset.place = p ? "inside" : "outside", b.dataset.kind = n.kind;
-			let D = p ? T : n.kind === "down" ? u + d + q(b).height * s + 3 * s : u - 3 * s;
-			M(b, t(i), D, S, o);
-		}), c.appendChild(k("line", {
+			let E = p ? T : n.kind === "down" ? u + d + q(b).height * s + 3 * s : u - 3 * s;
+			N(b, t(i), E, C, o);
+		}), c.appendChild(A("line", {
 			class: i,
 			x1: 0,
-			x2: S,
+			x2: C,
 			y1: f,
 			y2: f
 		}));
@@ -1117,7 +1132,7 @@ var Pe = (e) => e.map((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) : Z.log(`${t} took ${o.toFixed(1)} ms for ${s} rows.`, n), a;
 	}
-}, Ve = (e) => {
+}, He = (e) => {
 	let t = (e?.textContent || "").trim(), n = t.match(/^(.*?)(-?\d+(?:[.,]\d+)?)(.*)$/);
 	return {
 		raw: t,
@@ -1127,9 +1142,9 @@ var Pe = (e) => e.map((e) => ({
 		missing: !n,
 		value: n ? Number.parseFloat(n[2].replace(",", ".")) : 0
 	};
-}, He = (e, t = "data-i18n") => Array.from(e.querySelectorAll("tbody tr")).map((e, n) => {
-	let r = e.querySelector("th"), i = Array.from(e.querySelectorAll("td")).map(Ve);
-	return i.length || i.push(Ve(null)), {
+}, Ue = (e, t = "data-i18n") => Array.from(e.querySelectorAll("tbody tr")).map((e, n) => {
+	let r = e.querySelector("th"), i = Array.from(e.querySelectorAll("td")).map(He);
+	return i.length || i.push(He(null)), {
 		...i[0],
 		label: (r?.textContent || "").trim(),
 		key: t && r?.getAttribute(t) || null,
@@ -1138,8 +1153,8 @@ var Pe = (e) => e.map((e) => ({
 		isTotal: e.getAttribute("data-kind") === "total",
 		slot: n
 	};
-}), Ue = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), We = (e) => e === "dashed" || e === "dotted" ? e : null, Ge = (e, t, n = "data-i18n") => {
-	let r = Ue(e), i = Math.max(1, L(t.map((e) => e.cells.length)));
+}), We = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), Ge = (e) => e === "dashed" || e === "dotted" ? e : null, Ke = (e, t, n = "data-i18n") => {
+	let r = We(e), i = Math.max(1, R(t.map((e) => e.cells.length)));
 	return Array.from({ length: i }, (e, t) => {
 		let i = r[t];
 		return {
@@ -1147,11 +1162,11 @@ var Pe = (e) => e.map((e) => ({
 			key: n && i?.getAttribute(n) || null,
 			focus: i?.getAttribute("data-kind") === "focus",
 			marker: i?.getAttribute("data-marker") ?? null,
-			line: We(i?.getAttribute("data-line")),
+			line: Ge(i?.getAttribute("data-line")),
 			group: !!i?.hasAttribute("data-group")
 		};
 	});
-}, Ke = (t, n) => {
+}, qe = (t, n) => {
 	if (!n) return;
 	let r = /* @__PURE__ */ new Map();
 	for (let i of t) {
@@ -1164,7 +1179,7 @@ var Pe = (e) => e.map((e) => ({
 		i.querySelectorAll("tbody th").forEach((e, r) => {
 			e.getAttribute(n) || e.setAttribute(n, `${t}-row${r + 1}`);
 		});
-		let a = Ue(i);
+		let a = We(i);
 		a.length > 1 && a.forEach((e, r) => {
 			e.getAttribute(n) || e.setAttribute(n, `${t}-col${r + 1}`);
 		}), a.forEach((e, r) => {
@@ -1176,55 +1191,55 @@ var Pe = (e) => e.map((e) => ({
 			});
 		}), Z?.log?.(`Keys for "${t}" written onto ${i.querySelectorAll("tbody th").length} rows`);
 	}
-}, qe = (e) => Number(e.toPrecision(12)), Je = (e, t) => {
+}, Je = (e) => Number(e.toPrecision(12)), Ye = (e, t) => {
 	let n = e / Math.max(1, t) || 1, r = 10 ** Math.floor(Math.log10(n)), i = n / r;
-	return qe((i < 1.42 ? 1 : i < 3.17 ? 2 : i < 7.08 ? 5 : 10) * r);
-}, Ye = (e, t, n) => {
+	return Je((i < 1.42 ? 1 : i < 3.17 ? 2 : i < 7.08 ? 5 : 10) * r);
+}, Xe = (e, t, n) => {
 	let r = [];
-	for (let i = Math.ceil(e / n - 1e-9); i * n <= t + n * 1e-9; i++) r.push(qe(i * n));
+	for (let i = Math.ceil(e / n - 1e-9); i * n <= t + n * 1e-9; i++) r.push(Je(i * n));
 	return r;
-}, Xe = (e, t = e) => {
+}, Ze = (e, t = e) => {
 	do {
 		let t = Math.round(e / 10 ** Math.floor(Math.log10(e) + 1e-9));
-		e = qe(e * (t === 2 ? 2.5 : 2));
+		e = Je(e * (t === 2 ? 2.5 : 2));
 	} while (Math.abs(e / t - Math.round(e / t)) > 1e-9);
 	return e;
-}, Ze = (e) => {
+}, Qe = (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;
-}, Qe = (e, t, n) => {
+}, $e = (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] ?? -L(e.map((e) => -e)), i = n?.[1] ?? L(e);
+	let r = n?.[0] ?? -R(e.map((e) => -e)), i = n?.[1] ?? R(e);
 	if (!n) {
 		let e = (i - r || Math.abs(i) || 1) * .05;
 		r -= e, i += e;
 	}
-	let a = Je(i - r, t);
+	let a = Ye(i - r, t);
 	return {
 		min: r,
 		max: i,
 		step: a,
-		ticks: Ye(r, i, a)
+		ticks: Xe(r, i, a)
 	};
-}, $e = (e, t) => {
+}, et = (e, t) => {
 	let { step: n, ticks: r } = e;
-	for (; n && r.length > 2 && !t(r);) n = Xe(n, e.step), r = Ye(e.min, e.max, n);
+	for (; n && r.length > 2 && !t(r);) n = Ze(n, e.step), r = Xe(e.min, e.max, n);
 	return {
 		...e,
 		step: n,
 		ticks: r
 	};
-}, et = [
+}, tt = [
 	"axis-break",
 	"trend",
 	"bracket"
-], tt = (e) => {
-	let t = e.hasAttribute("data-fragment"), n = Array.from(e.querySelectorAll("tbody tr")), r = Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), i = Array.from(e.querySelectorAll("[data-annotation]")).filter((e) => et.includes(e.getAttribute("data-annotation") ?? "")), a = (e) => e.hasAttribute("data-fragment"), o = n.map((e) => Array.from(e.querySelectorAll(":scope > td")));
+], nt = (e) => {
+	let t = e.hasAttribute("data-fragment"), n = Array.from(e.querySelectorAll("tbody tr")), r = Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), i = Array.from(e.querySelectorAll("[data-annotation]")).filter((e) => tt.includes(e.getAttribute("data-annotation") ?? "")), a = (e) => e.hasAttribute("data-fragment"), o = n.map((e) => Array.from(e.querySelectorAll(":scope > td")));
 	if (!t && !n.some(a) && !r.some(a) && !o.flat().some(a) && !i.some(a)) return null;
 	let s = [], c = /* @__PURE__ */ new Map(), l = [], u = (e) => {
 		let t = e === null ? void 0 : c.get(e);
@@ -1282,7 +1297,7 @@ var Pe = (e) => e.map((e) => ({
 		count: s.length,
 		indexes: s
 	};
-}, nt = (e) => {
+}, rt = (e) => {
 	let t = e.plan;
 	if (!t) return;
 	let n = (t) => t === null || e.step - t >= 1;
@@ -1293,13 +1308,13 @@ var Pe = (e) => e.map((e) => ({
 		let u = r.hasAttribute("data-flat") ? (l - e + 1) / (i - e + 1) : i > e ? Math.max(0, l - e) / (i - e) : 0;
 		r.style.setProperty("--reveal", String(u));
 	}
-}, rt = (e) => {
+}, it = (e) => {
 	let t = e.plan;
 	if (!t) return;
 	let n = t.rows.length - 1, i = (e) => t.series.map((n, r) => t.cells[e]?.[r]?.step ?? n.step ?? t.rows[e]?.step ?? null), a = (e) => {
 		let t = i(e);
 		return t.some((e) => e === null) ? null : Math.min(...t);
-	}, o = new Set(e.totals), c = (e, t, n, r) => {
+	}, o = new Set(e.totals), s = (e, t, n, r) => {
 		e.style.setProperty(n, String(r)), e.style.removeProperty("--d"), t === null ? e.style.removeProperty("--step") : e.style.setProperty("--step", String(t));
 	};
 	for (let r of e.figure.querySelectorAll("[data-row], [data-series], [data-note]")) {
@@ -1307,54 +1322,54 @@ var Pe = (e) => e.map((e) => ({
 		let e = Number(r.dataset.note);
 		if (e > 0) {
 			let n = t.notes[e - 1];
-			n && c(r, n.step, "--after", n.after);
+			n && s(r, n.step, "--after", n.after);
 			continue;
 		}
-		let s = r.dataset.row ? Number(r.dataset.row) - 1 : n;
+		let c = r.dataset.row ? Number(r.dataset.row) - 1 : n;
 		if (r.classList.contains("tablechart-connector")) {
-			let e = t.rows[s - 1], n = t.rows[s];
+			let e = t.rows[c - 1], n = t.rows[c];
 			if (e && n) {
 				let t = (e.step ?? -1) > (n.step ?? -1);
-				c(r, t ? e.step : n.step, "--i", t ? e.slot + 1 : n.slot);
+				s(r, t ? e.step : n.step, "--i", t ? e.slot + 1 : n.slot);
 			}
 			continue;
 		}
 		if (o.has(r)) {
-			let e = i(s).filter((e) => e !== null);
-			c(r, e.length ? Math.max(...e) : null, "--i", t.rows[s]?.slot ?? 0);
+			let e = i(c).filter((e) => e !== null);
+			s(r, e.length ? Math.max(...e) : null, "--i", t.rows[c]?.slot ?? 0);
 			continue;
 		}
 		if (r.hasAttribute("data-stack")) {
-			c(r, a(s), "--i", t.rows[s]?.slot ?? 0);
+			s(r, a(c), "--i", t.rows[c]?.slot ?? 0);
 			continue;
 		}
 		let l = r.dataset.series ? Number(r.dataset.series) - 1 : 0, u = r.dataset.series ? t.series[l] : void 0;
 		if (r.classList.contains("tablechart-piece")) {
-			let e = i(s)[l] ?? null, n = t.cells[s]?.[l];
-			c(r, e === a(s) ? null : e, "--i", n && n.step !== null ? n.slot : s);
+			let e = i(c)[l] ?? null, n = t.cells[c]?.[l];
+			s(r, e === a(c) ? null : e, "--i", n && n.step !== null ? n.slot : c);
 			continue;
 		}
 		if (r.dataset.place === "legend") {
 			let e = Math.min(...t.cells.map((e) => e[l]?.step ?? Infinity));
-			c(r, u?.step ?? (Number.isFinite(e) ? e : null), "--i", 0);
+			s(r, u?.step ?? (Number.isFinite(e) ? e : null), "--i", 0);
 			continue;
 		}
-		let d = t.cells[s]?.[l];
-		d && d.step !== null ? c(r, d.step, "--i", d.slot) : u && u.step !== null ? c(r, u.step, "--i", s) : t.rows[s] && c(r, t.rows[s].step, "--i", t.rows[s].slot);
+		let d = t.cells[c]?.[l];
+		d && d.step !== null ? s(r, d.step, "--i", d.slot) : u && u.step !== null ? s(r, u.step, "--i", c) : t.rows[c] && s(r, t.rows[c].step, "--i", t.rows[c].slot);
 	}
-	let l = e.figure.querySelector(`.${f}`);
+	let l = e.figure.querySelector(`.${p}`);
 	if (l) {
 		let e = [...t.rows, ...t.cells.flat()].map((e) => e.step ?? -1), n = Math.max(-1, ...e);
-		n < 0 ? c(l, null, "--i", 0) : c(l, n, "--i", e.filter((e) => e === n).length);
+		n < 0 ? s(l, null, "--i", 0) : s(l, n, "--i", e.filter((e) => e === n).length);
 	}
 	let u = [...t.rows, ...t.cells.flat()].map((e) => e.slot + 1), d = t.series.some((e) => e.step !== null) ? t.rows.length : 1;
 	e.plot.style.setProperty("--count", String(Math.max(d, ...u)));
-	let p = e.figure.querySelectorAll(`.${r}`), m = p[p.length - 1];
-	if (e.figure.dataset.chart === "waterfall" && m?.dataset.kind === "total" && p.length > 1) {
+	let f = e.figure.querySelectorAll(`.${r}`), m = f[f.length - 1];
+	if (e.figure.dataset.chart === "waterfall" && m?.dataset.kind === "total" && f.length > 1) {
 		let e = Number(m.dataset.row) - 1;
 		(t.rows[e - 1]?.step ?? -1) > (t.rows[e]?.step ?? -1) && (m.dataset.grow = m.dataset.grow === "down" ? "up" : "down");
 	}
-	let h = Array.from(e.figure.querySelectorAll(`.${s}`));
+	let h = Array.from(e.figure.querySelectorAll(`.${c}`));
 	if (h.length) {
 		let t = (e) => e.style.getPropertyValue("--step") || "none", n = (e) => Number(e.style.getPropertyValue("--share") || 0), r = h.length, i = Math.max(0, h.findIndex((e, n) => t(e) !== t(h[(n - 1 + r) % r]))), a = [];
 		for (let e = 0; e < r; e++) {
@@ -1364,19 +1379,19 @@ var Pe = (e) => e.map((e) => ({
 		let o = /* @__PURE__ */ new Map();
 		for (let e of a) {
 			let t = e.reduce((e, t) => e + n(t), 0), r = 0;
-			for (let i of e) o.set(i.dataset.row ?? "", T(r, n(i), t)), r += n(i);
+			for (let i of e) o.set(i.dataset.row ?? "", E(r, n(i), t)), r += n(i);
 		}
 		for (let t of e.figure.querySelectorAll("[data-row]")) {
 			let e = o.get(t.dataset.row ?? "");
 			e && t.style.getPropertyValue("--start") && (t.style.setProperty("--start", e.start.toFixed(4)), t.style.setProperty("--span", e.span.toFixed(4)), t.classList.contains("tablechart-slice") && t.style.setProperty("--ease", e.easing));
 		}
 	}
-	nt(e);
-}, it = (e, t, n = !1) => {
+	rt(e);
+}, at = (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)), nt(e);
+	e.step = i, e.figure.style.setProperty("--_step", String(i)), rt(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,
@@ -1385,7 +1400,7 @@ var Pe = (e) => e.map((e) => ({
 			steps: r.count
 		}
 	}));
-}, at = (e, t, n) => {
+}, ot = (e, t, n) => {
 	let r = document.createElement("div");
 	r.className = "tablechart-controls";
 	let i = (r) => {
@@ -1393,17 +1408,17 @@ var Pe = (e) => e.map((e) => ({
 		i.type = "button", i.className = `tablechart-${r}`, i.dataset.go = r;
 		let a = document.createElement("span");
 		a.className = "tablechart-control-icon", a.setAttribute("aria-hidden", "true");
-		let o = k("svg", {
+		let o = A("svg", {
 			viewBox: "0 0 16 16",
 			focusable: "false"
 		});
-		o.appendChild(k("path", { d: r === "next" ? "M6 3l5 5-5 5" : "M10 3L5 8l5 5" })), a.appendChild(o);
+		o.appendChild(A("path", { d: r === "next" ? "M6 3l5 5-5 5" : "M10 3L5 8l5 5" })), a.appendChild(o);
 		let s = document.createElement("span");
 		s.className = "tablechart-control-label", s.textContent = e[r];
 		let c = t[r];
 		c && n && s.setAttribute(n, c);
 		let l = document.createElement("span");
-		return l.className = h, l.textContent = e.hint, t.hint && n && l.setAttribute(n, t.hint), i.append(...r === "next" ? [
+		return l.className = g, l.textContent = e.hint, t.hint && n && l.setAttribute(n, t.hint), i.append(...r === "next" ? [
 			s,
 			l,
 			a
@@ -1414,14 +1429,14 @@ var Pe = (e) => e.map((e) => ({
 		]), i;
 	};
 	return r.append(i("previous"), i("next")), r;
-}, ot = (e, t, n, r = {
+}, st = (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`;
-}, st = "tablechart-tooltip", ct = [
+}, ct = "tablechart-tooltip", lt = [
 	"--tablechart-surface",
 	"--tablechart-tooltip-surface",
 	"--tablechart-tooltip-color",
@@ -1429,51 +1444,51 @@ var Pe = (e) => e.map((e) => ({
 	"--tablechart-tooltip-radius",
 	"--tablechart-tooltip-padding",
 	"--tablechart-tooltip-shadow"
-], Q = null, lt, ut, $ = null, dt = null, ft = 0, pt = () => {
-	clearTimeout(ft), Q && $ && (Q.hidden = !0, $ = null, dt = null);
-}, mt = !1, ht = !0, gt = NaN, _t = NaN, vt = !1, yt = () => {
-	if (vt) return;
-	vt = !0, document.addEventListener("pointermove", (e) => {
-		e.pointerType === "mouse" && (ht = e.screenX !== gt || e.screenY !== _t, gt = e.screenX, _t = e.screenY, ht && (mt = !1));
+], Q = null, ut, dt, $ = null, ft = null, pt = 0, mt = () => {
+	clearTimeout(pt), Q && $ && (Q.hidden = !0, $ = null, ft = null);
+}, ht = !1, gt = !0, _t = NaN, vt = NaN, yt = !1, bt = () => {
+	if (yt) return;
+	yt = !0, document.addEventListener("pointermove", (e) => {
+		e.pointerType === "mouse" && (gt = e.screenX !== _t || e.screenY !== vt, _t = e.screenX, vt = e.screenY, gt && (ht = !1));
 	}, {
 		capture: !0,
 		passive: !0
 	});
 	let e = () => {
-		mt = !0, pt();
+		ht = !0, mt();
 	};
 	document.addEventListener("keydown", e, !0), window.addEventListener("scroll", e, {
 		capture: !0,
 		passive: !0
 	});
-}, bt = (e, t) => t / Number.parseFloat(getComputedStyle(e).width) || 1, xt = (e) => {
+}, xt = (e, t) => t / Number.parseFloat(getComputedStyle(e).width) || 1, St = (e) => {
 	let t = e.tooltipparent;
 	return (typeof t == "string" ? document.querySelector(t) : t) ?? document.body;
-}, St = () => {
-	clearTimeout(ft), ft = window.setTimeout(pt, 120);
 }, Ct = () => {
+	clearTimeout(pt), pt = window.setTimeout(mt, 120);
+}, wt = () => {
 	let e = document.createElement("div");
-	return e.className = st, e.setAttribute("aria-hidden", "true"), e.hidden = !0, lt = document.createElement("div"), ut = document.createElement("div"), ut.className = `${st}-arrow`, e.append(lt, ut), document.body.append(e), e.addEventListener("pointerenter", () => clearTimeout(ft)), e.addEventListener("pointerleave", (e) => e.pointerType === "mouse" && St()), document.addEventListener("pointerdown", (t) => {
+	return e.className = ct, e.setAttribute("aria-hidden", "true"), e.hidden = !0, ut = document.createElement("div"), dt = document.createElement("div"), dt.className = `${ct}-arrow`, e.append(ut, dt), document.body.append(e), e.addEventListener("pointerenter", () => clearTimeout(pt)), e.addEventListener("pointerleave", (e) => e.pointerType === "mouse" && Ct()), document.addEventListener("pointerdown", (t) => {
 		let n = t.target;
-		$ && !$.plot.contains(n) && !e.contains(n) && pt();
-	}), window.addEventListener("resize", pt), e;
-}, wt = (e, t) => {
+		$ && !$.plot.contains(n) && !e.contains(n) && mt();
+	}), window.addEventListener("resize", mt), e;
+}, Tt = (e, t) => {
 	let n = t ? t.style.getPropertyValue("--step") : "x";
 	return n === "" || Number(n) < e.step;
-}, Tt = (e, t) => {
+}, Et = (e, t) => {
 	let n = e.svg.querySelector(`[data-series="${t + 1}"]:not(.tablechart-hole)`);
 	if (!n) return;
 	let r = getComputedStyle(n);
 	return r.fill && r.fill !== "none" ? r.fill : r.stroke;
-}, Et = (e, t, n) => {
+}, Dt = (e, t, n) => {
 	let r = e.series.length > 1, i = [];
 	for (let [n, a] of e.seriesValues.entries()) {
-		if (!wt(e, a[t])) continue;
+		if (!Tt(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 ? Tt(e, n) : void 0,
+			colour: r ? Et(e, n) : void 0,
 			sample: o ? {
 				marker: o.dataset.marker ?? null,
 				open: o.hasAttribute("data-open"),
@@ -1483,11 +1498,11 @@ var Pe = (e) => e.map((e) => ({
 		});
 	}
 	let a = e.totals[t];
-	return i.length > 1 && wt(e, a) && i.push({
+	return i.length > 1 && Tt(e, a) && i.push({
 		name: n.totallabel,
 		value: a.textContent ?? ""
 	}), i;
-}, Dt = (e, t) => {
+}, Ot = (e, t) => {
 	if (e.type.centre && e.values[t]) return e.values[t].getBoundingClientRect();
 	let n = e.svg.querySelectorAll(`[data-row="${t + 1}"]:not(.tablechart-connector, .tablechart-leader)`), r = null;
 	for (let e of n) {
@@ -1502,46 +1517,46 @@ var Pe = (e) => e.map((e) => ({
 		100
 	];
 	return new DOMRect(i.left + i.width * a / 100, i.top + i.height * o / 100, i.width * s / 100, i.height * c / 100);
-}, Ot = (e, t, n) => {
-	if (clearTimeout(ft), $ === e && dt === t) return;
-	let r = (e.type.tooltip ?? Et)(e, t, n);
-	if (!r.length) return pt();
-	$ && $ !== e && pt(), Q ?? (Q = Ct());
+}, kt = (e, t, n) => {
+	if (clearTimeout(pt), $ === e && ft === t) return;
+	let r = (e.type.tooltip ?? Dt)(e, t, n);
+	if (!r.length) return mt();
+	$ && $ !== e && mt(), Q ?? (Q = wt());
 	let i = (e, t, n, r = !1, i) => {
 		let a = document.createElement("div");
-		if (a.className = `${st}-line`, n) {
+		if (a.className = `${ct}-line`, n) {
 			let e = document.createElement("span");
-			e.className = `${st}-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 = `${ct}-key`, e.style.background = n, i?.box ? e.dataset.sample = "box" : i && (e.dataset.sample = "line", i.marker && (e.dataset.marker = i.marker), i.line && (e.dataset.line = i.line), e.toggleAttribute("data-open", i.open)), a.append(e);
 		}
 		let o = document.createElement("span");
-		if (o.className = `${st}-${r ? "title" : "name"}`, o.textContent = e, a.append(o), t) {
+		if (o.className = `${ct}-${r ? "title" : "name"}`, o.textContent = e, a.append(o), t) {
 			e && o.append(":");
 			let n = document.createElement("span");
-			n.className = `${st}-value`, n.textContent = t, a.append(n);
+			n.className = `${ct}-value`, n.textContent = t, a.append(n);
 		}
 		return a;
 	}, a = e.categories[t]?.textContent ?? e.rows[t].label, o = r.length === 1 && !r[0].name, s = r.every((e) => e.name && !e.value);
-	lt.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)));
+	ut.replaceChildren(...s ? [] : [i(a, o ? r[0].value : "", void 0, !0)], ...o ? [] : r.map(({ name: e, value: t, colour: n, sample: r }) => i(e, t, n, !1, r)));
 	let c = getComputedStyle(e.figure);
-	for (let e of ct) {
+	for (let e of lt) {
 		let t = c.getPropertyValue(e).trim();
 		t ? Q.style.setProperty(e, t) : Q.style.removeProperty(e);
 	}
 	Q.style.setProperty("--_color", c.color), Q.style.colorScheme = c.colorScheme, Q.style.fontFamily = c.fontFamily;
-	let l = xt(n);
-	Q.parentElement !== l && l.append(Q), $ = e, dt = t, Q.hidden = !1, Q.style.left = "0px", Q.style.top = "0px";
+	let l = St(n);
+	Q.parentElement !== l && l.append(Q), $ = e, ft = t, Q.hidden = !1, Q.style.left = "0px", Q.style.top = "0px";
 	let u = Q.getBoundingClientRect(), d = {
 		x: u.left,
 		y: u.top,
-		scale: bt(Q, u.width)
-	}, f = bt(e.plot, e.plot.getBoundingClientRect().width);
-	Q.style.fontSize = `${Number.parseFloat(c.fontSize) * f / d.scale}px`, ot(Q, ut, Dt(e, t), d);
-}, kt = (e, t, n = !1) => {
+		scale: xt(Q, u.width)
+	}, f = xt(e.plot, e.plot.getBoundingClientRect().width);
+	Q.style.fontSize = `${Number.parseFloat(c.fontSize) * f / d.scale}px`, st(Q, dt, Ot(e, t), d);
+}, At = (e, t, n = !1) => {
 	let { plot: r } = e;
-	r.setAttribute("data-hover", ""), yt();
+	r.setAttribute("data-hover", ""), bt();
 	let i = (t) => {
 		if (e.rowAt) {
-			let n = r.getBoundingClientRect(), i = bt(r, n.width);
+			let n = r.getBoundingClientRect(), i = xt(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");
@@ -1551,13 +1566,13 @@ var Pe = (e) => e.map((e) => ({
 		else if (t.getAttribute("data-row") === String(e + 1)) return !0;
 		return !1;
 	}, s = null, c = (a) => {
-		if (a.type === "pointerdown") mt = !1;
-		else if (a.pointerType === "mouse" && (!ht || mt)) return;
+		if (a.type === "pointerdown") ht = !1;
+		else if (a.pointerType === "mouse" && (!gt || ht)) return;
 		if (!r.classList.contains("is-placed") || !e.figure.classList.contains("is-shown")) return;
-		if (n && !e.figure.hasAttribute("data-left-out")) return $ === e ? pt() : void 0;
+		if (n && !e.figure.hasAttribute("data-left-out")) return $ === e ? mt() : void 0;
 		let c = i(a);
-		if (s = c, c === null || o(c)) return $ === e ? pt() : void 0;
-		Ot(e, c, t);
+		if (s = c, c === null || o(c)) return $ === e ? mt() : void 0;
+		kt(e, c, t);
 	}, l = (t) => {
 		let n = t.target;
 		return e.svg.contains(n) && n.hasAttribute("data-row") ? n : null;
@@ -1571,48 +1586,79 @@ var Pe = (e) => e.map((e) => ({
 		if (!r) return;
 		a.delete(r);
 		let i = Number(r.getAttribute("data-row")) - 1;
-		s === i && !o(i) && !mt && Ot(e, i, t);
+		s === i && !o(i) && !ht && kt(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, $ === e && St());
+		t.pointerType === "mouse" && (s = null, $ === e && Ct());
 	});
-}, At = (e) => {
-	$ === e && pt();
-}, jt = {
-	area: Le,
-	bar: Se,
-	column: Ce,
-	donut: Ee,
-	line: Ie,
-	waterfall: Be
-}, Mt = (e, t) => {
-	jt[e] = t;
-}, Nt = {
-	"axis-break": I,
+}, jt = (e) => {
+	$ === e && mt();
+}, Mt = {
+	area: Re,
+	bar: Ce,
+	column: we,
+	donut: De,
+	line: Le,
+	waterfall: Ve
+}, Nt = (e, t) => {
+	Mt[e] = t;
+}, Pt = {
+	"axis-break": L,
 	trend: J,
-	bracket: ne,
-	reference: se
-}, Pt = Object.keys(Nt), Ft = (e) => {
+	bracket: re,
+	reference: ce
+}, Ft = Object.keys(Pt), It = (e) => {
 	let t = "";
 	for (let n = e.previousSibling; n && (t = (n.textContent ?? "") + t, !t.trim()); n = n.previousSibling);
 	return t.trim();
-}, It = [
+}, Lt = [
 	"straight",
 	"step",
 	"smooth"
-], Lt = (e, t, n) => {
+], Rt = (e, t, n, r, i) => {
+	let a = t === r, [o, s, c] = a ? [
+		Math.min(e, n),
+		Math.max(e, n),
+		t
+	] : [
+		Math.min(t, r),
+		Math.max(t, r),
+		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${k(e)},${k(c)}H${k(t)}` : `M${k(c)},${k(e)}V${k(t)}`).join("");
+}, zt = (e, t) => {
+	let [n, r, i, a] = [
+		"x1",
+		"y1",
+		"x2",
+		"y2"
+	].map((t) => Number(e.getAttribute(t))), o = A("path", { d: Rt(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);
+}, Bt = (e) => Array.from((e.getAttribute("d") ?? "").matchAll(/M(-?[\d.]+),(-?[\d.]+)([HV])(-?[\d.]+)/g), ([, e, t, n, r]) => n === "H" ? [
+	+e,
+	+t,
+	+r,
+	+t
+] : [
+	+e,
+	+t,
+	+e,
+	+r
+]), Vt = (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${k(Math.max(e, t))},${k(a)}H${k(Math.min(o, t + r))}` : "" : t <= e && e <= t + r && Math.max(a, n) < Math.min(s, n + i) ? `M${k(e)},${k(Math.max(a, n))}V${k(Math.min(s, n + i))}` : "").join(""), Ht = (e, t, n) => {
 	let r = e.getAttribute(t);
 	return r === null ? n : r !== "false";
-}, Rt = (e, t) => !!t.animate && e.getAttribute("data-chart-animate") !== "false", zt = (e, t) => {
+}, Ut = (e, t) => !!t.animate && e.getAttribute("data-chart-animate") !== "false", Wt = (e, t) => {
 	let n = e.dataset.chartShape;
-	return n && It.includes(n) ? n : It.includes(t.shape) ? t.shape : "straight";
-}, Bt = (e) => {
+	return n && Lt.includes(n) ? n : Lt.includes(t.shape) ? t.shape : "straight";
+}, Gt = (e) => {
 	for (let t of e.querySelectorAll("br")) {
-		if (t.previousElementSibling?.classList.contains("tablechart-sr") || /[.!?:;,…]$/.test(Ft(t))) continue;
+		if (t.previousElementSibling?.classList.contains("tablechart-sr") || /[.!?:;,…]$/.test(It(t))) continue;
 		let e = document.createElement("span");
-		e.className = h, e.textContent = ". ", t.before(e);
+		e.className = g, e.textContent = ". ", t.before(e);
 	}
-}, Vt = (e, t, n) => {
+}, Kt = (e, t, n) => {
 	let r = e.querySelector("table");
 	if (!r) return null;
 	let i = r.querySelector("tfoot [data-chart-total]");
@@ -1623,101 +1669,101 @@ var Pe = (e) => e.map((e) => ({
 	s && n.langattribute && o.setAttribute(n.langattribute, `${s}-total`);
 	let c = a.insertCell();
 	return c.setAttribute("data-chart-total", ""), c.dataset.value = t.dataset.value ?? "0", a.prepend(o), c;
-}, Ht = 0, Ut = (e) => {
+}, qt = 0, Jt = (e) => {
 	let t = e.querySelector(":scope > figcaption");
 	if (!t) return;
-	Bt(t);
+	Gt(t);
 	let n = (e) => e.hasAttribute("aria-label") || e.hasAttribute("aria-labelledby"), r = (e) => {
-		t.id || (t.id = `tablechart-caption-${++Ht}`), e.setAttribute("aria-labelledby", t.id);
+		t.id || (t.id = `tablechart-caption-${++qt}`), e.setAttribute("aria-labelledby", t.id);
 	};
 	e.tagName === "FIGURE" && !n(e) && r(e);
 	let i = e.querySelector("table");
 	i && !n(i) && !i.querySelector(":scope > caption") && r(i);
-}, Wt = (r, i, a = null) => {
-	let o = a ?? (r.getAttribute("data-chart") || "column"), s = jt[o];
-	if (!s) return console.warn(`[${e}] Unknown chart type "${o}". Known types: ${Object.keys(jt).join(", ")}.`), r.setAttribute("data-chart-empty", ""), null;
-	let u = He(r, i.langattribute);
-	if (!u.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;
-	Ut(r);
-	let d = Ge(r, u, i.langattribute);
+}, Yt = (r, i, a = null) => {
+	let o = a ?? (r.getAttribute("data-chart") || "column"), s = Mt[o];
+	if (!s) return console.warn(`[${e}] Unknown chart type "${o}". Known types: ${Object.keys(Mt).join(", ")}.`), r.setAttribute("data-chart-empty", ""), null;
+	let c = Ue(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;
+	Jt(r);
+	let d = Ke(r, c, i.langattribute);
 	d.length > 1 && !s.series && !s.columns && (console.warn(`[${e}] A ${o} chart uses only the first of its ${d.length} value columns.`), d = d.slice(0, 1));
-	let p = d.length > 1;
-	p && r.style.setProperty("--_series-count", String(d.length));
+	let f = d.length > 1;
+	f && r.style.setProperty("--_series-count", String(d.length));
 	let m = r.hasAttribute("data-chart-stack");
 	m && !s.stackable && console.warn(`[${e}] A ${o} chart cannot be stacked.`);
-	let h = m && !!s.stackable && p, g = document.createElement("div");
+	let h = m && !!s.stackable && f, g = document.createElement("div");
 	g.className = t, g.setAttribute("aria-hidden", "true");
-	let _ = k("svg", {
+	let _ = A("svg", {
 		role: "presentation",
 		focusable: "false"
 	});
 	g.appendChild(_), r.appendChild(g);
-	let v = s.centre ? u.filter((e) => !e.isTotal) : u, x = Math.max(0, L(v.flatMap((e) => e.cells.slice(0, d.length).map((e) => R(e.number))))), S = d.map((e, t) => Math.max(0, L(u.map((e) => R(e.cells[t]?.number ?? ""))))), C = document.createElement("div");
+	let v = s.centre ? c.filter((e) => !e.isTotal) : c, y = Math.max(0, R(v.flatMap((e) => e.cells.slice(0, d.length).map((e) => z(e.number))))), S = d.map((e, t) => Math.max(0, R(c.map((e) => z(e.cells[t]?.number ?? ""))))), C = document.createElement("div");
 	C.className = "tablechart-values", g.appendChild(C);
-	let w = d.map((e, t) => u.map((e, r) => {
-		let i = e.cells[t] ?? e.cells[0], a = j(n, C);
-		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), p && (a.dataset.series = String(t + 1)), s.columns && (a.dataset.decimals = String(S[t])), a.dataset.row = String(r + 1), a.style.setProperty("--i", String(e.slot)), a;
-	})), T = w[0], E = h && s.totals ? u.map((e, t) => {
-		let r = j(n, C);
-		r.classList.add(...e.classes), r.dataset.kind = "total", r.dataset.row = String(t + 1), r.dataset.value = String(pe(e, d.length));
+	let w = d.map((e, t) => c.map((e, r) => {
+		let i = e.cells[t] ?? e.cells[0], a = M(n, C);
+		return a.classList.add(...e.classes), a.dataset.value = String(i.value), i.prefix && (a.dataset.prefix = i.prefix), i.suffix && (a.dataset.suffix = i.suffix), i.missing && (a.dataset.missing = i.raw), f && (a.dataset.series = String(t + 1)), s.columns && (a.dataset.decimals = String(S[t])), a.dataset.row = String(r + 1), a.style.setProperty("--i", String(e.slot)), a;
+	})), T = w[0], E = h && s.totals ? c.map((e, t) => {
+		let r = M(n, C);
+		r.classList.add(...e.classes), r.dataset.kind = "total", r.dataset.row = String(t + 1), r.dataset.value = String(me(e, d.length));
 		let i = e.cells[0];
 		return i.prefix && (r.dataset.prefix = i.prefix), i.suffix && (r.dataset.suffix = i.suffix), r.style.setProperty("--i", String(e.slot)), r;
-	}) : [], D = u[u.length - 1], O = d.some((e) => e.focus), A = r.getAttribute("data-chart-legend"), M = p && !s.columns && (A === null ? i.legend || s.legend !== void 0 : A !== "false") ? document.createElement("div") : null;
-	M && (M.className = l, M.setAttribute("aria-hidden", "true"), M.inert = !0);
-	let N = p && !s.columns ? d.map((e, t) => {
-		let n = j(c, M ?? g);
-		M && (n.dataset.place = "legend");
+	}) : [], D = c[c.length - 1], O = d.some((e) => e.focus), k = r.getAttribute("data-chart-legend"), j = f && !s.columns && (k === null ? i.legend || s.legend !== void 0 : k !== "false") ? document.createElement("div") : null;
+	j && (j.className = u, j.setAttribute("aria-hidden", "true"), j.inert = !0);
+	let N = f && !s.columns ? d.map((e, t) => {
+		let n = M(l, j ?? g);
+		j && (n.dataset.place = "legend");
 		let a = s.legend ?? s.swatch;
-		if (a && (n.dataset.swatch = a), n.textContent = e.name, !a && zt(r, i) !== "step") {
-			let e = Oe(d, t);
+		if (a && (n.dataset.swatch = a), n.textContent = e.name, !a && Wt(r, i) !== "step") {
+			let e = ke(d, t);
 			n.dataset.marker = e.shape, n.toggleAttribute("data-open", e.open);
 		}
 		return e.line && !a && (n.dataset.line = e.line), e.key && i.langattribute && n.setAttribute(i.langattribute, e.key), n.dataset.series = String(t + 1), n.style.setProperty("--n", String(t)), n.style.setProperty("--palette", `var(--tablechart-color-${t + 1})`), n.style.setProperty("--m", O && !e.focus ? "1" : "0"), n.style.setProperty("--i", String(D.slot)), n;
-	}) : [], P = s.centre ? j(f, g) : null;
+	}) : [], P = s.centre ? M(p, g) : null;
 	if (P) {
-		let e = u.find((e) => e.isTotal), t = e ? e.value : u.reduce((e, t) => e + Math.abs(t.value), 0);
-		P.dataset.value = String(t), e && (P.dataset.decimals = String(R(e.number)));
+		let e = c.find((e) => e.isTotal), t = e ? e.value : c.reduce((e, t) => e + Math.abs(t.value), 0);
+		P.dataset.value = String(t), e && (P.dataset.decimals = String(z(e.number)));
 	}
-	let F = P && !u.some((e) => e.isTotal) ? Vt(r, P, i) : null, ee = s.categories === "beside", I = document.createElement("div");
-	I.className = "tablechart-categories", I.setAttribute("aria-hidden", "true"), I.inert = !0, ee ? I.dataset.place = "beside" : s.centre && (I.dataset.place = "key"), I.style.setProperty("--_columns", String(u.length));
-	let z = 0;
-	for (let [e, t] of u.entries()) {
+	let ee = P && !c.some((e) => e.isTotal) ? Kt(r, P, i) : null, F = s.categories === "beside", I = document.createElement("div");
+	I.className = "tablechart-categories", I.setAttribute("aria-hidden", "true"), I.inert = !0, F ? I.dataset.place = "beside" : s.centre && (I.dataset.place = "key"), I.style.setProperty("--_columns", String(c.length));
+	let L = 0;
+	for (let [e, t] of c.entries()) {
 		let n = document.createElement("span");
-		n.classList.add(...t.classes), n.textContent = t.label, t.key && i.langattribute && n.setAttribute(i.langattribute, t.key), s.centre && (n.dataset.kind = t.isTotal ? "total" : "slice", t.isTotal || (n.dataset.slice = String(z + 1), n.style.setProperty("--n", String(z)), n.style.setProperty("--palette", `var(--tablechart-color-${z + 1})`), z += 1)), n.style.setProperty("--i", String(t.slot)), n.dataset.row = String(e + 1), I.appendChild(n);
+		n.classList.add(...t.classes), n.textContent = t.label, t.key && i.langattribute && n.setAttribute(i.langattribute, t.key), s.centre && (n.dataset.kind = t.isTotal ? "total" : "slice", t.isTotal || (n.dataset.slice = String(L + 1), n.style.setProperty("--n", String(L)), n.style.setProperty("--palette", `var(--tablechart-color-${L + 1})`), L += 1)), n.style.setProperty("--i", String(t.slot)), n.dataset.row = String(e + 1), I.appendChild(n);
 	}
-	(ee ? g : r).appendChild(I), M && r.appendChild(M);
-	let B = d.filter((e) => !e.group), V = !s.axes && !s.centre && Lt(r, "data-chart-axis", i.axis), H = s.axes ? {
-		titles: B.slice(0, 2).map((e, t) => {
-			let n = j(`${y}-title`, g);
+	(F ? g : r).appendChild(I), j && r.appendChild(j);
+	let te = d.filter((e) => !e.group), B = !s.axes && !s.centre && Ht(r, "data-chart-axis", i.axis), V = s.axes ? {
+		titles: te.slice(0, 2).map((e, t) => {
+			let n = M(`${b}-title`, g);
 			return n.dataset.axis = t ? "y" : "x", n.textContent = e.name, e.key && i.langattribute && n.setAttribute(i.langattribute, e.key), n;
 		}),
-		ticks: j(`${b}s`, g),
+		ticks: M(`${x}s`, g),
 		numbers: !0
-	} : V || !s.centre && Lt(r, "data-chart-grid", i.grid) ? {
+	} : B || !s.centre && Ht(r, "data-chart-grid", i.grid) ? {
 		titles: [],
-		ticks: j(`${b}s`, g),
-		numbers: V
+		ticks: M(`${x}s`, g),
+		numbers: B
 	} : null;
 	s.text?.({
 		figure: r,
 		plot: g,
-		rows: u,
+		rows: c,
 		series: d,
 		config: i
 	});
-	let U = Rt(r, i) && !s.axes ? tt(r) : null;
-	s.axes && r.querySelector("[data-fragment]") && Z.log(`A ${o} chart has no steps, so it is shown whole.`, r), U && r.setAttribute("data-steps", "");
-	let W = r.getAttribute("data-chart-keys"), te = U && i.controls ? at({
+	let H = Ut(r, i) && !s.axes ? nt(r) : null;
+	s.axes && r.querySelector("[data-fragment]") && Z.log(`A ${o} chart has no steps, so it is shown whole.`, r), H && r.setAttribute("data-steps", "");
+	let U = r.getAttribute("data-chart-keys"), W = H && i.controls ? ot({
 		previous: i.previouslabel,
 		next: i.nextlabel,
 		hint: i.stephint
 	}, {
-		previous: W && `${W}-previous`,
-		next: W && `${W}-next`,
-		hint: W && `${W}-step`
+		previous: U && `${U}-previous`,
+		next: U && `${U}-next`,
+		hint: U && `${U}-step`
 	}, i.langattribute) : null;
-	te && r.appendChild(te);
-	let ne = r.getAttribute("data-chart-table"), re = ne && Kt.includes(ne) ? ne : i.table;
+	W && r.appendChild(W);
+	let ne = r.getAttribute("data-chart-table"), re = ne && Zt.includes(ne) ? ne : i.table;
 	if (re === "never") r.removeAttribute("data-table");
 	else {
 		r.setAttribute("data-table", re);
@@ -1725,142 +1771,138 @@ var Pe = (e) => e.map((e) => ({
 		e && r.append(e);
 	}
 	let ie = Array.from(r.querySelectorAll("[data-annotation]")).map((t) => {
-		let n = t.getAttribute("data-annotation"), r = Nt[n];
-		if (!r) return console.warn(`[${e}] Unknown annotation "${n}". Known annotations: ${Object.keys(Nt).join(", ")}.`), null;
+		let n = t.getAttribute("data-annotation"), r = Pt[n];
+		if (!r) return console.warn(`[${e}] Unknown annotation "${n}". Known annotations: ${Object.keys(Pt).join(", ")}.`), null;
 		let i = Number.parseInt(t.getAttribute("data-series") ?? "1", 10), a = i >= 1 && i <= d.length ? i - 1 : 0;
 		return i !== a + 1 && console.warn(`[${e}] An annotation reads line ${i}, which is not there; it reads line 1.`), {
 			spec: t,
 			type: r,
 			badge: r.create(t, g),
 			series: a,
-			after: u.length
+			after: c.length
 		};
 	}).filter((e) => e !== null);
-	Rt(r, i) && r.setAttribute("data-animate", qt(r, o, i, !!U)), r.classList.toggle("is-webkit", navigator.vendor === "Apple Computer, Inc.");
+	Ut(r, i) && r.setAttribute("data-animate", Qt(r, o, i, !!H));
 	let G = {
 		figure: r,
 		plot: g,
 		svg: _,
-		rows: u,
-		decimals: x,
+		rows: c,
+		decimals: y,
 		type: s,
 		values: T,
 		series: d,
 		seriesValues: w,
-		names: M ? [] : N,
+		names: j ? [] : N,
 		categories: Array.from(I.children),
 		centre: P,
-		axes: H,
+		axes: V,
 		stacked: h,
 		totals: E,
-		totalCell: F,
+		totalCell: ee,
 		rowAt: null,
 		rowBox: null,
 		annotations: ie,
 		checks: [],
-		plan: U,
+		plan: H,
 		step: 0,
-		controls: te
-	}, K = 0;
-	_.addEventListener("transitionrun", () => K++);
-	let ae = () => {
-		K = Math.max(0, K - 1), !K && r.classList.contains("is-shown") && nn(_);
-	};
-	_.addEventListener("transitionend", ae), _.addEventListener("transitioncancel", ae), te?.addEventListener("click", (e) => {
+		controls: W
+	}, ae = () => cn(r, _);
+	_.addEventListener("transitionend", ae), _.addEventListener("transitioncancel", ae), W?.addEventListener("click", (e) => {
 		let t = e.target.closest("button")?.dataset.go;
-		t && it(G, G.step + (t === "next" ? 1 : -1));
-	}), it(G, 0, !0);
-	let q = r.getAttribute("data-chart-tooltip"), oe = q === "false" ? !1 : q === "auto" ? "auto" : q !== null || i.tooltip;
-	return oe && kt(G, i, oe === "auto"), Qt(G, i), G;
-}, Gt = {
+		t && at(G, G.step + (t === "next" ? 1 : -1));
+	}), at(G, 0, !0);
+	let K = r.getAttribute("data-chart-tooltip"), oe = K === "false" ? !1 : K === "auto" ? "auto" : K !== null || i.tooltip;
+	return oe && At(G, i, oe === "auto"), rn(G, i), G;
+}, Xt = {
 	grow: "grow",
 	sweep: "sweep"
-}, Kt = [
+}, Zt = [
 	"never",
 	"auto",
 	"print",
 	"always"
-], qt = (e, t, n, r) => {
-	let i = t === "line" || t === "area", a = Gt[e.getAttribute("data-chart-animate") ?? ""] ?? Gt[String(n.animate)];
+], Qt = (e, t, n, r) => {
+	let i = t === "line" || t === "area", a = Xt[e.getAttribute("data-chart-animate") ?? ""] ?? Xt[String(n.animate)];
 	return i ? r ? "sweep" : a ?? "sweep" : t === "donut" || t === "waterfall" ? a ?? "grow" : "grow";
-}, Jt = (e) => {
+}, $t = (e) => {
 	let t = getComputedStyle(e).getPropertyValue("--tablechart-value-align").trim();
 	return t === "start" || t === "center" || t === "end" ? t : null;
-}, Yt = (e, t, n, r) => {
+}, en = (e, t, n, r) => {
 	let i = getComputedStyle(e), a = (i.getPropertyValue(n).trim() || r).match(/^(\d+(?:\.\d+)?)(px|%|em|rem)$/);
 	if (!a) return null;
 	let o = Number(a[1]);
-	return a[2] === "%" ? o / 100 * S : o * (a[2] === "em" ? Number.parseFloat(i.fontSize) : a[2] === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1) * t;
-}, Xt = (e, t) => Yt(e, t, "--tablechart-bar-max", "60px") ?? Infinity, Zt = (t, n) => {
-	let { plot: r, svg: i, rows: a, type: o, values: s, series: c, seriesValues: l, names: u, annotations: f } = t, p = Number.parseFloat(t.figure.dataset.chartAspect ?? ""), h = p > 0 ? p : o.aspect ?? n.aspect, g = o.categories === "beside", _ = t.axes && !o.axes ? t.axes : null, v = g ? null : t.categories[0]?.parentElement, C = null;
-	if (_) {
-		r.style.margin = "", v && (v.style.marginLeft = "");
+	return a[2] === "%" ? o / 100 * C : o * (a[2] === "em" ? Number.parseFloat(i.fontSize) : a[2] === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1) * t;
+}, tn = (e, t) => en(e, t, "--tablechart-bar-max", "60px") ?? Infinity, nn = (t, n) => {
+	let { plot: r, svg: i, rows: a, type: s, values: c, series: l, seriesValues: u, names: d, annotations: p } = t, m = Number.parseFloat(t.figure.dataset.chartAspect ?? ""), g = m > 0 ? m : s.aspect ?? n.aspect, _ = s.categories === "beside", v = t.axes && !s.axes ? t.axes : null, y = _ ? null : t.categories[0]?.parentElement, w = null;
+	if (v) {
+		r.style.margin = "", y && (y.style.marginLeft = "");
 		let e = r.clientWidth;
 		if (!e) return !1;
-		let i = o.segments?.(a) ?? [], s = t.stacked ? a.flatMap((e) => Object.values(Y(e, c.length, o.running))) : i.some((e) => e.kind === "up" || e.kind === "down") ? i.flatMap((e) => [e.from, e.to]) : a.flatMap((e) => e.cells.slice(0, c.length).filter((e) => !e.missing).map((e) => e.value)), l = Math.min(0, -L(s.map((e) => -e))), u = Math.max(0, L(s)), d = Number.parseFloat(getComputedStyle(r).fontSize) || 16, { chartScaleY: f, chartScale: p } = t.figure.dataset, m = Ze(f ?? p);
-		if (m && m.length > 2) C = {
+		let i = s.segments?.(a) ?? [], o = t.stacked ? a.flatMap((e) => Object.values(pe(e, l.length, s.running))) : i.some((e) => e.kind === "up" || e.kind === "down") ? i.flatMap((e) => [e.from, e.to]) : a.flatMap((e) => e.cells.slice(0, l.length).filter((e) => !e.missing).map((e) => e.value)), c = Math.min(0, -R(o.map((e) => -e))), u = Math.max(0, R(o)), d = Number.parseFloat(getComputedStyle(r).fontSize) || 16, { chartScaleY: f, chartScale: p } = t.figure.dataset, m = Qe(f ?? p);
+		if (m && m.length > 2) w = {
 			min: m[0],
 			max: m[m.length - 1],
 			step: 0,
 			ticks: m
 		};
 		else {
-			let [t, n] = m ?? [l, u], r = Je(n - t, Math.max((g ? e / 9 : e * h / 3) / d, 2)), i = (e, t) => m ? e : Number(((t ? Math.ceil : Math.floor)(e / r - 1e-9 * (t ? 1 : -1)) * r).toPrecision(12)), a = i(t, !1), o = i(n, !0);
-			C = {
+			let [t, n] = m ?? [c, u], r = Ye(n - t, Math.max((_ ? e / 9 : e * g / 3) / d, 2)), i = (e, t) => m ? e : Number(((t ? Math.ceil : Math.floor)(e / r - 1e-9 * (t ? 1 : -1)) * r).toPrecision(12)), a = i(t, !1), o = i(n, !0);
+			w = {
 				min: a,
 				max: o,
 				step: r,
-				ticks: Ye(a, o, r)
+				ticks: Xe(a, o, r)
 			};
 		}
-		_.ticks.textContent = "";
-		let y = a.find((e) => !e.missing), x = L(C.ticks.map((e) => R(String(e))));
-		for (let e of C.ticks) {
-			let t = j(b, _.ticks);
-			t.dataset.value = String(e), t.dataset.place = "none", y?.prefix && (t.dataset.prefix = y.prefix), y?.suffix && (t.dataset.suffix = y.suffix), $t(t, x, n.locale);
+		v.ticks.textContent = "";
+		let h = a.find((e) => !e.missing), b = R(w.ticks.map((e) => z(String(e))));
+		for (let e of w.ticks) {
+			let t = M(x, v.ticks);
+			t.dataset.value = String(e), t.dataset.place = "none", h?.prefix && (t.dataset.prefix = h.prefix), h?.suffix && (t.dataset.suffix = h.suffix), an(t, b, n.locale);
 		}
-		if (_.numbers) {
-			let e = Array.from(_.ticks.children);
+		if (v.numbers) {
+			let e = Array.from(v.ticks.children);
 			for (let t of e) delete t.dataset.place;
-			ae(e), g ? r.style.marginBottom = `${(e[0] ? q(e[0]).height : 0) + 6}px` : (r.style.marginLeft = `${L([0, ...e.map((e) => q(e).width)]) + 10}px`, v && (v.style.marginLeft = r.style.marginLeft));
+			oe(e), _ ? r.style.marginBottom = `${(e[0] ? q(e[0]).height : 0) + 6}px` : (r.style.marginLeft = `${R([0, ...e.map((e) => q(e).width)]) + 10}px`, y && (y.style.marginLeft = r.style.marginLeft));
 		}
 	}
-	let w = r.clientWidth;
-	if (!w) return !1;
-	let T = S / w, E = S * h;
-	r.classList.add(m);
-	for (let e of [...l.flat(), ...t.totals]) delete e.dataset.place;
+	let T = r.clientWidth;
+	if (!T) return !1;
+	let E = C / T, D = C * g;
+	r.classList.add(h);
+	for (let e of [...u.flat(), ...t.totals]) delete e.dataset.place;
 	r.style.removeProperty("--_fit"), t.categories[0]?.parentElement?.style.removeProperty("--_beside");
-	let D = o.axes ? t.axes : null, A = [];
-	if (D) {
-		let e = Number.parseFloat(getComputedStyle(r).fontSize) || 16, i = c.flatMap((e, t) => e.group ? [] : [t]).slice(0, 2), o = a.filter((e) => i.every((t) => e.cells[t] && !e.cells[t].missing)), { chartScaleX: s, chartScaleY: l, chartScale: u } = t.figure.dataset, d = [Ze(s), Ze(l ?? u)];
-		A = i.map((t, n) => Qe(o.length ? o.map((e) => e.cells[t].value) : [0, 1], Math.max(n ? E / T / (e * 4) : w / (e * 9), 4), d[n])), D.ticks.textContent = "", A.forEach((e, t) => {
-			let r = o[0]?.cells[i[t]], a = L(e.ticks.map((e) => R(String(e))));
+	let O = s.axes ? t.axes : null, j = [];
+	if (O) {
+		let e = Number.parseFloat(getComputedStyle(r).fontSize) || 16, i = l.flatMap((e, t) => e.group ? [] : [t]).slice(0, 2), o = a.filter((e) => i.every((t) => e.cells[t] && !e.cells[t].missing)), { chartScaleX: s, chartScaleY: c, chartScale: u } = t.figure.dataset, d = [Qe(s), Qe(c ?? u)];
+		j = i.map((t, n) => $e(o.length ? o.map((e) => e.cells[t].value) : [0, 1], Math.max(n ? D / E / (e * 4) : T / (e * 9), 4), d[n])), O.ticks.textContent = "", j.forEach((e, t) => {
+			let r = o[0]?.cells[i[t]], a = R(e.ticks.map((e) => z(String(e))));
 			for (let i of e.ticks) {
-				let e = j(b, D.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), $t(e, a, n.locale);
+				let e = M(x, O.ticks);
+				e.dataset.axis = t ? "y" : "x", e.dataset.value = String(i), r?.prefix && (e.dataset.prefix = r.prefix), r?.suffix && (e.dataset.suffix = r.suffix), an(e, a, n.locale);
 			}
 		});
 	}
-	let N = D ? Array.from(D.ticks.children) : [];
-	ae([
-		...l.flat(),
+	let P = O ? Array.from(O.ticks.children) : [];
+	oe([
+		...u.flat(),
 		...t.totals,
-		...u,
+		...d,
 		...t.categories,
-		...f.map((e) => e.badge),
-		...D?.titles ?? [],
-		...N
+		...p.map((e) => e.badge),
+		...O?.titles ?? [],
+		...P
 	]);
-	let F = (s[0] ? q(s[0]).height : 0) * T, ee = f[0]?.badge ? q(f[0].badge).height * T : 0, I = Math.max(E, Yt(t.figure, T, "--tablechart-min-height", "200px") ?? 0, o.minHeight?.({
+	let F = (c[0] ? q(c[0]).height : 0) * E, I = p[0]?.badge ? q(p[0].badge).height * E : 0, L = Math.max(D, en(t.figure, E, "--tablechart-min-height", "200px") ?? 0, s.minHeight?.({
 		labelHeight: F,
-		nameHeight: Math.max(0, L(t.categories.map((e) => q(e).height))) * T,
-		unit: T,
+		nameHeight: Math.max(0, R(t.categories.map((e) => q(e).height))) * E,
+		unit: E,
 		rows: a.length,
-		series: c.length,
+		series: l.length,
 		stacked: t.stacked
-	}) ?? 0), z = t.stacked ? a.map((e) => {
-		let t = pe(e, c.length);
+	}) ?? 0), te = t.stacked ? a.map((e) => {
+		let t = me(e, l.length);
 		return {
 			...e,
 			value: t,
@@ -1869,185 +1911,185 @@ var Pe = (e) => e.map((e) => ({
 				value: t
 			} : e)
 		};
-	}) : a, B = (o.segments ?? ((e) => e.map((e) => ({
+	}) : a, B = (s.segments ?? ((e) => e.map((e) => ({
 		...e,
 		from: 0,
 		to: e.value,
 		kind: "bar"
-	}))))(t.stacked ? z.map((e) => ({
+	}))))(t.stacked ? te.map((e) => ({
 		...e,
 		cells: [e.cells[0]]
 	})) : a), V = {
 		labelHeight: F,
-		badgeHeight: ee,
-		hasAnnotations: f.length > 0,
-		unit: T,
-		series: c.length,
-		focused: c.some((e) => e.focus),
+		badgeHeight: I,
+		hasAnnotations: p.length > 0,
+		unit: E,
+		series: l.length,
+		focused: l.some((e) => e.focus),
 		stacked: t.stacked
-	}, H = Math.max(((e) => t.stacked ? e(a.map((e) => Y(e, c.length, o.running).top)) : e([...B.flatMap((e) => [
+	}, H = Math.max(((e) => t.stacked ? e(a.map((e) => pe(e, l.length, s.running).top)) : e([...B.flatMap((e) => [
 		e.from,
 		e.to,
 		e.value
-	]), ...a.flatMap((e) => e.cells.slice(0, c.length).map((e) => e.value))]))(L), 0), U = B.some((e) => e.kind === "up" || e.kind === "down") ? B.flatMap((e) => [e.from, e.to]) : t.stacked ? a.map((e) => Y(e, c.length, o.running).bottom) : a.flatMap((e) => e.cells.slice(0, c.length).map((e) => e.value)), W = Math.min(-L(U.map((e) => -e)), 0), te = o.headroom?.(V) ?? F, ne = 2 * T + (o.footroom?.(V) ?? 0) + (W < 0 ? F + 4 * T : 0), re = I - te - ne, ie = C ? Math.max(C.max, H) : H * 1.02, G = C ? Math.min(C.min, W) : W * 1.02, K = f.find((e) => e.spec.getAttribute("data-annotation") === "axis-break")?.spec, oe = (e) => {
+	]), ...a.flatMap((e) => e.cells.slice(0, l.length).map((e) => e.value))]))(R), 0), U = B.some((e) => e.kind === "up" || e.kind === "down") ? B.flatMap((e) => [e.from, e.to]) : t.stacked ? a.map((e) => pe(e, l.length, s.running).bottom) : a.flatMap((e) => e.cells.slice(0, l.length).map((e) => e.value)), W = Math.min(-R(U.map((e) => -e)), 0), ne = s.headroom?.(V) ?? F, re = 2 * E + (s.footroom?.(V) ?? 0) + (W < 0 ? F + 4 * E : 0), ie = L - ne - re, G = w ? Math.max(w.max, H) : H * 1.02, ae = w ? Math.min(w.min, W) : W * 1.02, K = p.find((e) => e.spec.getAttribute("data-annotation") === "axis-break")?.spec, se = (e) => {
 		let t = Number.parseFloat(K?.getAttribute(e) ?? "");
 		return Number.isFinite(t) ? t : null;
-	}, se = oe("data-from") ?? oe("data-at"), ce = oe("data-to"), J = null;
-	if (K && (se !== null || ce !== null)) {
-		let t = se ?? 0, n = ce ?? ie, r = ce === null ? t : se === null ? n : (t + n) / 2, i = K.getAttribute("data-size"), a = i?.match(/^\s*(\d+(?:\.\d+)?)\s*%\s*$/);
+	}, ce = se("data-from") ?? se("data-at"), le = se("data-to"), J = null;
+	if (K && (ce !== null || le !== null)) {
+		let t = ce ?? 0, n = le ?? G, r = le === null ? t : ce === null ? n : (t + n) / 2, i = K.getAttribute("data-size"), a = i?.match(/^\s*(\d+(?:\.\d+)?)\s*%\s*$/);
 		i !== null && !a && console.warn(`[${e}] data-size="${i}" is not a percentage, such as 30%. Using the default.`);
-		let s = Math.min(Math.max(a ? Number(a[1]) / 100 : ce === null ? .22 : .3, .05), .8), c = B.filter((e) => (e.kind === "up" || e.kind === "down") && Math.max(e.from, e.to) > t && Math.min(e.from, e.to) < n);
-		o.breakable ? W < 0 ? console.warn(`[${e}] A chart with values below zero cannot break its scale.`) : t < 0 || n <= t || n > ie || t === 0 && n === ie ? console.warn(`[${e}] A break from ${t} to ${n} does not fit a scale that runs from 0 to ${H}.`) : c.length ? console.warn(`[${e}] A break from ${t} to ${n} would cut a step that floats. Keep it below or above the steps.`) : J = {
+		let o = Math.min(Math.max(a ? Number(a[1]) / 100 : le === null ? .22 : .3, .05), .8), c = B.filter((e) => (e.kind === "up" || e.kind === "down") && Math.max(e.from, e.to) > t && Math.min(e.from, e.to) < n);
+		s.breakable ? W < 0 ? console.warn(`[${e}] A chart with values below zero cannot break its scale.`) : t < 0 || n <= t || n > G || t === 0 && n === G ? console.warn(`[${e}] A break from ${t} to ${n} does not fit a scale that runs from 0 to ${H}.`) : c.length ? console.warn(`[${e}] A break from ${t} to ${n} would cut a step that floats. Keep it below or above the steps.`) : J = {
 			lo: t,
 			hi: n,
 			gap: r,
-			share: s
+			share: o
 		} : console.warn(`[${e}] This kind of chart cannot break its scale.`);
 	}
-	let le = J ? J.gap : null, ue = (J && Yt(t.figure, T, "--tablechart-break-gap", "")) ?? 13, de = I - ne, fe = ie - G || 1, me = (e) => de - (e - G) / fe * re;
+	let ue = J ? J.gap : null, de = (J && en(t.figure, E, "--tablechart-break-gap", "")) ?? 13, Y = L - re, fe = G - ae || 1, he = (e) => Y - (e - ae) / fe * ie;
 	if (J) {
-		let { lo: e, hi: t, gap: n, share: r } = J, i = re * r, a = (re - i - ue) / (e + (ie - t)), o = i / (t - e);
-		me = (r) => r <= e ? de - r * a : r <= n ? de - e * a - (r - e) * o : r <= t ? de - e * a - (r - e) * o - ue : de - e * a - i - ue - (r - t) * a;
+		let { lo: e, hi: t, gap: n, share: r } = J, i = ie * r, a = (ie - i - de) / (e + (G - t)), o = i / (t - e);
+		he = (r) => r <= e ? Y - r * a : r <= n ? Y - e * a - (r - e) * o : r <= t ? Y - e * a - (r - e) * o - de : Y - e * a - i - de - (r - t) * a;
 	}
-	let he, ge, _e = [];
-	if (D) {
-		let e = 6 * T, [t, n] = D.titles, r = (e) => e ? q(e).width * T : 0, i = (e) => e ? q(e).height * T : 0, a = N.filter((e) => e.dataset.axis === "x"), o = N.filter((e) => e.dataset.axis === "y"), s = i(N[0]), c = r(n) + L([0, ...o.map(r)]) + 2 * e, l = s / 2;
-		ge = [
+	let ge, _e, ve = [];
+	if (O) {
+		let e = 6 * E, [t, n] = O.titles, r = (e) => e ? q(e).width * E : 0, i = (e) => e ? q(e).height * E : 0, a = P.filter((e) => e.dataset.axis === "x"), o = P.filter((e) => e.dataset.axis === "y"), s = i(P[0]), c = r(n) + R([0, ...o.map(r)]) + 2 * e, l = s / 2;
+		_e = [
 			c,
 			l,
-			S - c - L([0, ...a.map(r)]) / 2,
-			I - l - i(t) - s - 2 * e
+			C - c - R([0, ...a.map(r)]) / 2,
+			L - l - i(t) - s - 2 * e
 		];
-		let [u, d, f, p] = ge, [m, h] = A, g = (e) => u + (e - m.min) / (m.max - m.min || 1) * f, _ = (e) => d + p - (e - h.min) / (h.max - h.min || 1) * p;
-		he = g, me = _;
+		let [u, d, f, p] = _e, [m, h] = j, g = (e) => u + (e - m.min) / (m.max - m.min || 1) * f, _ = (e) => d + p - (e - h.min) / (h.max - h.min || 1) * p;
+		ge = g, he = _;
 		let v = (e) => r(a.find((t) => Number(t.dataset.value) === e));
-		_e = [$e(m, (t) => t.every((n, r) => !r || g(n) - g(t[r - 1]) > (v(n) + v(t[r - 1])) / 2 + e)).ticks, $e(h, (t) => t.every((n, r) => !r || _(t[r - 1]) - _(n) > s + e / 2)).ticks];
-		for (let t of N) {
-			let n = Number(t.dataset.value), r = t.dataset.axis === "x" ? 0 : 1, i = _e[r].includes(n);
-			t.dataset.place = i ? r ? "before" : "below" : "none", i && M(t, r ? u - e : g(n), r ? _(n) : d + p + e, S, I);
+		ve = [et(m, (t) => t.every((n, r) => !r || g(n) - g(t[r - 1]) > (v(n) + v(t[r - 1])) / 2 + e)).ticks, et(h, (t) => t.every((n, r) => !r || _(t[r - 1]) - _(n) > s + e / 2)).ticks];
+		for (let t of P) {
+			let n = Number(t.dataset.value), r = t.dataset.axis === "x" ? 0 : 1, i = ve[r].includes(n);
+			t.dataset.place = i ? r ? "before" : "below" : "none", i && N(t, r ? u - e : g(n), r ? _(n) : d + p + e, C, L);
 		}
-		t && M(t, u + f / 2, I - i(t), S, I), n && M(n, 0, d + p / 2, S, I);
+		t && N(t, u + f / 2, L - i(t), C, L), n && N(n, 0, d + p / 2, C, L);
 	}
-	let ve = u.length ? L(u.map((e) => q(e).width)) * T + 12 * T : 0, ye = t.categories[0]?.parentElement;
-	ye && (ye.style.paddingRight = ve ? `${ve / S * 100}%` : "");
-	let xe = (S - ve) / a.length, Se = (e) => (e + .5) * xe, Ce = (e) => e >= 0 && e < a.length ? e : null;
-	t.rowAt = o.centre ? null : o.categories === "beside" ? (e, t) => Ce(Math.floor(t * T / (I / a.length))) : (e) => Ce(Math.floor(e * T / xe));
-	let we = xe / S * 100, Te = 100 / a.length;
-	if (t.rowBox = o.categories === "beside" ? (e) => [
+	let ye = d.length ? R(d.map((e) => q(e).width)) * E + 12 * E : 0, be = t.categories[0]?.parentElement;
+	be && (be.style.paddingRight = ye ? `${ye / C * 100}%` : "");
+	let Se = (C - ye) / a.length, Ce = (e) => (e + .5) * Se, we = (e) => e >= 0 && e < a.length ? e : null;
+	t.rowAt = s.centre ? null : s.categories === "beside" ? (e, t) => we(Math.floor(t * E / (L / a.length))) : (e) => we(Math.floor(e * E / Se));
+	let Te = Se / C * 100, Ee = 100 / a.length;
+	if (t.rowBox = s.categories === "beside" ? (e) => [
 		0,
-		e * Te,
+		e * Ee,
 		100,
-		Te
+		Ee
 	] : (e) => [
-		e * we,
+		e * Te,
 		0,
-		we,
+		Te,
 		100
-	], i.setAttribute("viewBox", `0 0 ${S} ${O(I)}`), i.textContent = "", ge && he) {
-		let [e, r, a, o] = ge, [s, c] = _e, l = he;
-		Lt(t.figure, "data-chart-grid", n.grid) && i.appendChild(k("path", {
-			class: x,
-			d: [...s.map((e) => `M${O(l(e))},${O(r)}V${O(r + o)}`), ...c.map((t) => `M${O(e)},${O(me(t))}H${O(e + a)}`)].join("")
-		})), i.appendChild(k("path", {
-			class: y,
+	], i.setAttribute("viewBox", `0 0 ${C} ${k(L)}`), i.textContent = "", _e && ge) {
+		let [e, r, a, o] = _e, [s, c] = ve, l = ge;
+		Ht(t.figure, "data-chart-grid", n.grid) && i.appendChild(A("path", {
+			class: S,
+			d: [...s.map((e) => `M${k(l(e))},${k(r)}V${k(r + o)}`), ...c.map((t) => `M${k(e)},${k(he(t))}H${k(e + a)}`)].join("")
+		})), i.appendChild(A("path", {
+			class: b,
 			d: [
-				`M${O(e)},${O(r)}V${O(r + o)}H${O(e + a)}`,
-				...s.map((e) => `M${O(l(e))},${O(r + o)}v${O(4 * T)}`),
-				...c.map((t) => `M${O(e)},${O(me(t))}h${O(-4 * T)}`)
+				`M${k(e)},${k(r)}V${k(r + o)}H${k(e + a)}`,
+				...s.map((e) => `M${k(l(e))},${k(r + o)}v${k(4 * E)}`),
+				...c.map((t) => `M${k(e)},${k(he(t))}h${k(-4 * E)}`)
 			].join("")
 		}));
 	}
 	t.checks = [];
-	let Ee = {
+	let De = {
 		rows: a,
 		segments: B,
-		cx: Se,
-		y: me,
-		x: he,
-		frame: ge,
-		length: (e, n) => Yt(t.figure, T, e, n),
-		barWidth: Math.min(xe * n.barfill, Xt(t.figure, T)),
-		barMax: Xt(t.figure, T),
-		height: I,
-		unit: T,
+		cx: Ce,
+		y: he,
+		x: ge,
+		frame: _e,
+		length: (e, n) => en(t.figure, E, e, n),
+		barWidth: Math.min(Se * n.barfill, tn(t.figure, E)),
+		barMax: tn(t.figure, E),
+		height: L,
+		unit: E,
 		labelHeight: F,
-		badgeHeight: ee,
+		badgeHeight: I,
 		after: a.length,
 		note: 0,
 		labels: t.figure.dataset.chartLabels === "inside" || t.figure.dataset.chartLabels !== "outside" && n.labels === "inside" ? "inside" : "outside",
-		insideAlign: Jt(t.figure),
-		breakAt: le,
+		insideAlign: $t(t.figure),
+		breakAt: ue,
 		squeeze: J,
-		breakGap: ue,
-		domain: C ? [C.min, C.max] : null,
+		breakGap: de,
+		domain: w ? [w.min, w.max] : null,
 		stacked: t.stacked,
-		shape: zt(t.figure, n),
+		shape: Wt(t.figure, n),
 		totals: t.totals,
 		svg: i,
 		plot: r,
-		values: s,
-		series: c,
-		seriesValues: l,
-		names: u,
+		values: c,
+		series: l,
+		seriesValues: u,
+		names: d,
 		categories: t.categories,
 		centre: t.centre,
 		config: n,
 		checks: t.checks,
 		taken: []
 	};
-	if (r.style.setProperty("--count", String(Math.max(1, ...a.map((e) => e.slot + 1)))), o.draw(Ee), Ee.rowAt && (t.rowAt = Ee.rowAt), _ && C) {
-		let e = 6 * T, r = g && Ee.x ? Ee.x : me, a = Array.from(_.ticks.children), o = (e) => q(a.find((t) => Number(t.dataset.value) === e) ?? a[0]), s = $e(C, (t) => t.every((n, i) => !i || (g ? r(n) - r(t[i - 1]) > (o(n).width + o(t[i - 1]).width) / 2 * T + e : r(t[i - 1]) - r(n) > o(n).height * T + e / 2))).ticks.filter((e) => !J || e <= J.lo || e >= J.hi);
+	if (r.style.setProperty("--count", String(Math.max(1, ...a.map((e) => e.slot + 1)))), s.draw(De), De.rowAt && (t.rowAt = De.rowAt), v && w) {
+		let e = 6 * E, r = _ && De.x ? De.x : he, a = Array.from(v.ticks.children), o = (e) => q(a.find((t) => Number(t.dataset.value) === e) ?? a[0]), s = et(w, (t) => t.every((n, i) => !i || (_ ? r(n) - r(t[i - 1]) > (o(n).width + o(t[i - 1]).width) / 2 * E + e : r(t[i - 1]) - r(n) > o(n).height * E + e / 2))).ticks.filter((e) => !J || e <= J.lo || e >= J.hi);
 		for (let t of a) {
-			let n = Number(t.dataset.value), i = _.numbers && s.includes(n);
-			t.dataset.place = i ? g ? "below" : "before" : "none", i && M(t, g ? r(n) : -e, g ? I + e : r(n), S, I);
+			let n = Number(t.dataset.value), i = v.numbers && s.includes(n);
+			t.dataset.place = i ? _ ? "below" : "before" : "none", i && N(t, _ ? r(n) : -e, _ ? L + e : r(n), C, L);
 		}
-		let c = S - ve;
-		Lt(t.figure, "data-chart-grid", n.grid) && i.prepend(k("path", {
-			class: x,
-			d: s.map((e) => g ? `M${O(r(e))},0V${O(I)}` : `M0,${O(r(e))}H${O(c)}`).join("")
-		})), _.numbers && i.appendChild(k("path", {
-			class: y,
-			d: [g ? `M${O(r(C.min))},${O(I)}H${O(r(C.max))}` : `M0,${O(r(C.max))}V${O(r(C.min))}`, ...s.map((e) => g ? `M${O(r(e))},${O(I)}v${O(4 * T)}` : `M0,${O(r(e))}h${O(-4 * T)}`)].join("")
+		let c = C - ye;
+		Ht(t.figure, "data-chart-grid", n.grid) && i.prepend(A("path", {
+			class: S,
+			d: s.map((e) => _ ? `M${k(r(e))},0V${k(L)}` : `M0,${k(r(e))}H${k(c)}`).join("")
+		})), v.numbers && i.appendChild(A("path", {
+			class: b,
+			d: [_ ? `M${k(r(w.min))},${k(L)}H${k(r(w.max))}` : `M0,${k(r(w.max))}V${k(r(w.min))}`, ...s.map((e) => _ ? `M${k(r(e))},${k(L)}v${k(4 * E)}` : `M0,${k(r(e))}h${k(-4 * E)}`)].join("")
 		}));
 	}
-	for (let [e, n] of f.entries()) {
+	for (let [e, n] of p.entries()) {
 		n.badge?.setAttribute("data-note", String(e + 1));
-		let r = n.series, i = (e) => ({
+		let i = n.series, o = (e) => ({
 			...e,
-			...e.cells[r] ?? e.cells[0]
+			...e.cells[i] ?? e.cells[0]
 		});
 		n.type.draw(n.spec, n.badge, {
-			...Ee,
+			...De,
 			...t.stacked && {
-				rows: z,
+				rows: te,
 				...t.totals.length && { values: t.totals }
 			},
-			...r > 0 && !t.stacked && {
-				rows: a.map(i),
+			...i > 0 && !t.stacked && {
+				rows: a.map(o),
 				segments: B.map((e) => {
-					let t = i(e);
+					let t = o(e);
 					return e.kind === "bar" ? {
 						...t,
 						to: t.value
 					} : t;
 				}),
-				values: l[r]
+				values: u[i]
 			},
-			after: n.after,
+			after: t.plan ? n.after : Math.min(n.after, Number(r.style.getPropertyValue("--count")) || n.after),
 			note: e + 1
 		});
 	}
-	rt(t);
-	let De = t.categories[0]?.parentElement;
-	De && o.categories !== "beside" && !o.centre && be(De, t.categories.filter((e) => e.offsetParent !== null), (e) => ({
+	it(t);
+	let Oe = t.categories[0]?.parentElement;
+	Oe && s.categories !== "beside" && !s.centre && xe(Oe, t.categories.filter((e) => e.offsetParent !== null), (e) => ({
 		size: e.scrollWidth,
 		room: e.clientWidth
 	}), "--_name-fit");
-	let Oe = f.flatMap(({ badge: e }) => {
+	let ke = p.flatMap(({ badge: e }) => {
 		if (!(e instanceof HTMLElement) || !e.offsetWidth) return [];
-		let t = e.offsetWidth * T, n = e.offsetHeight * T, r = Number.parseFloat(e.style.left) / 100 * S, i = Number.parseFloat(e.style.top) / 100 * I, a = getComputedStyle(e).borderTopLeftRadius, o = a.endsWith("%") ? Number.parseFloat(a) / 100 : null, s = (Number.parseFloat(a) || 0) * T;
-		return [k("rect", {
-			class: d,
+		let t = e.offsetWidth * E, n = e.offsetHeight * E, r = Number.parseFloat(e.style.left) / 100 * C, i = Number.parseFloat(e.style.top) / 100 * L, a = getComputedStyle(e).borderTopLeftRadius, o = a.endsWith("%") ? Number.parseFloat(a) / 100 : null, s = (Number.parseFloat(a) || 0) * E;
+		return [A("rect", {
+			class: f,
 			"data-for": "badge",
 			"data-note": e.dataset.note ?? "",
 			x: r - t / 2,
@@ -2058,73 +2100,94 @@ var Pe = (e) => e.map((e) => ({
 			ry: o === null ? s : n * o,
 			style: ["--after", "--step"].map((t) => e.style.getPropertyValue(t) && `${t}:${e.style.getPropertyValue(t)}`).filter(Boolean).join("; ")
 		})];
-	}), ke = i.querySelector(`.${x}`);
-	if (ke) {
-		let e = r.getBoundingClientRect(), n = S / e.width, a = getComputedStyle(r), s = Number.parseFloat(a.lineHeight) / Number.parseFloat(a.fontSize) || 1.2;
-		P(i, [
-			...l.flat(),
+	}), Ae = i.querySelector(`.${S}`), X = Array.from(i.querySelectorAll(`.${o}`));
+	if (Ae || X.length) {
+		let e = r.getBoundingClientRect(), n = C / e.width, a = getComputedStyle(r), o = Number.parseFloat(a.lineHeight) / Number.parseFloat(a.fontSize) || 1.2, c = [
+			...u.flat(),
 			...t.totals,
-			...o.categories === "beside" ? t.categories : []
+			...s.categories === "beside" ? t.categories : []
 		].flatMap((t) => {
 			if (t.dataset.place === "none" || t.hidden || t.hasAttribute("data-left-out")) return [];
-			let r = t.getBoundingClientRect(), i = r.height * n / s, a = Array.from(t.style).filter((e) => e.startsWith("--")).map((e) => `${e}:${t.style.getPropertyValue(e)}`);
-			return r.width ? [k("rect", {
-				class: d,
+			let r = t.getBoundingClientRect(), i = r.height * n / o, a = Array.from(t.style).filter((e) => e.startsWith("--")).map((e) => `${e}:${t.style.getPropertyValue(e)}`);
+			return r.width ? [A("rect", {
+				class: f,
 				"data-for": "text",
-				x: (r.left - e.left) * n - 3 * T,
-				y: (r.top - e.top) * n + (r.height * n - i) / 2 - T,
-				width: r.width * n + 6 * T,
-				height: i + 2 * T,
+				x: (r.left - e.left) * n - 3 * E,
+				y: (r.top - e.top) * n + (r.height * n - i) / 2 - E,
+				width: r.width * n + 6 * E,
+				height: i + 2 * E,
 				style: a.join("; ")
 			})] : [];
-		}), S, I, ke);
+		}), l = (e) => [
+			"x",
+			"y",
+			"width",
+			"height"
+		].map((t) => Number(e.getAttribute(t)));
+		for (let e of X) zt(e, [...c, ...ke].map(l));
+		if (Ae && t.plan) ee(i, c, C, L, [Ae]);
+		else if (Ae) {
+			let e = Bt(Ae);
+			Ae.setAttribute("d", e.map(([e, t, n, r]) => Rt(e, t, n, r, c.map(l))).join(""));
+			for (let t of c) {
+				let n = Vt(e, l(t));
+				n && Ae.after(A("path", {
+					class: S,
+					"data-gap": "",
+					d: n,
+					style: t.getAttribute("style") ?? ""
+				}));
+			}
+		}
 	}
-	P(i, Oe, S, I);
-	let X = Oe.length ? i.lastElementChild : null, Ae = t.figure.hasAttribute("data-animate") && !t.figure.hasAttribute("data-steps") && !t.figure.classList.contains("is-shown");
-	X && Ae && (X.setAttribute("data-mask", X.getAttribute("mask") ?? ""), X.removeAttribute("mask"));
-	let je = (e) => e.dataset.missing !== void 0 || o.centre && a[Number(e.dataset.row) - 1]?.isTotal, Me = (e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out"), Ne = (e, t) => {
+	ee(i, ke, C, L, void 0, `.${o}`), t.figure.hasAttribute("data-animate") && !t.figure.hasAttribute("data-steps") && !t.figure.classList.contains("is-shown") && ln(i);
+	let je = (e) => e.dataset.missing !== void 0 || s.centre && a[Number(e.dataset.row) - 1]?.isTotal, Me = (e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out"), Ne = (e, t) => {
 		let n = Number(e.dataset.row);
 		return t.some((e) => Me(e) && Number(e.dataset.row) <= n && n <= Number(e.dataset.rowEnd ?? e.dataset.row));
 	};
-	return t.figure.toggleAttribute("data-left-out", (o.columns ? [t.categories] : [...l, t.totals]).some((e) => e.some((t) => !je(t) && !Me(t) && !Ne(t, e)))), !0;
-}, Qt = (e, t) => {
+	return t.figure.toggleAttribute("data-left-out", (s.columns ? [t.categories] : [...u, t.totals]).some((e) => e.some((t) => !je(t) && !Me(t) && !Ne(t, e)))), !0;
+}, rn = (e, t) => {
 	let n = [
 		...e.seriesValues.flat(),
 		...e.totals,
 		...e.totalCell ? [e.totalCell] : []
 	];
-	for (let r of e.centre ? [...n, e.centre] : n) r.dataset.missing === void 0 ? $t(r, r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale) : r.textContent = r.dataset.missing;
-}, $t = (e, t, n) => {
+	for (let r of e.centre ? [...n, e.centre] : n) r.dataset.missing === void 0 ? an(r, r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale) : r.textContent = r.dataset.missing;
+}, an = (e, t, n) => {
 	let { prefix: r = "", suffix: i = "" } = e.dataset, [a, o] = B(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);
 	}
-}, en = (e) => {
-	At(e), e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${l}`)?.remove(), e.controls?.remove();
-}, tn = (e, t) => {
-	e.figure.classList.toggle(g, t);
-}, nn = (e) => {
+}, on = (e) => {
+	jt(e), e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${u}`)?.remove(), e.controls?.remove();
+}, sn = (e, t) => {
+	!t && !e.figure.hasAttribute("data-steps") && ln(e.svg), e.figure.classList.toggle(_, t), t && requestAnimationFrame(() => requestAnimationFrame(() => cn(e.figure, e.svg)));
+}, cn = (e, t) => {
+	e.classList.contains("is-shown") && !t.getAnimations({ subtree: !0 }).length && un(t);
+}, ln = (e) => {
+	for (let t of e.querySelectorAll("[mask^=\"url(#tablechart-cut-\"]")) t.dataset.mask = t.getAttribute("mask") ?? "", t.removeAttribute("mask");
+}, un = (e) => {
 	for (let t of e.querySelectorAll("[data-mask]")) t.setAttribute("mask", t.dataset.mask ?? ""), t.removeAttribute("data-mask");
-}, rn = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), an = /^\s*(?:Table)?:\s+/, on = (e) => e?.tagName === "P" && an.test(e.textContent ?? ""), sn = (e) => {
+}, dn = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), fn = /^\s*(?:Table)?:\s+/, pn = (e) => e?.tagName === "P" && fn.test(e.textContent ?? ""), mn = (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(an, ""), n.textContent || n.remove());
+	n?.nodeType === Node.TEXT_NODE && (n.textContent = (n.textContent ?? "").replace(fn, ""), 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;
-}, cn = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, ln = (e) => {
-	let t = _n(e);
+}, hn = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, gn = (e) => {
+	let t = wn(e);
 	return t?.tagName === "P" ? t : e;
-}, un = (e) => {
-	let t = ln(e).firstChild;
+}, _n = (e) => {
+	let t = gn(e).firstChild;
 	if (t?.nodeType !== Node.TEXT_NODE) return null;
-	let n = cn.exec(t.textContent ?? "");
-	if (!n || !Pt.includes(n[1]) || !n[3] && t.nextSibling) return null;
+	let n = hn.exec(t.textContent ?? "");
+	if (!n || !Ft.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],
@@ -2132,11 +2195,11 @@ var Pe = (e) => e.map((e) => ({
 		text: t,
 		length: n[0].length
 	};
-}, dn = (e) => {
+}, vn = (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 : un(e));
+	let t = Array.from(e.children), n = t.map((e) => e.hasAttribute("data-annotation") ? null : _n(e));
 	return !t.length || t.some((e, t) => !n[t] && !e.hasAttribute("data-annotation")) ? null : (t.forEach((e, t) => {
-		let r = n[t], i = ln(e);
+		let r = n[t], i = gn(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);
@@ -2147,18 +2210,18 @@ var Pe = (e) => e.map((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);
-}, fn = (e, t) => {
-	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || rn(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
-}, pn = (e) => e.map((e) => {
-	let t = e.closest("p"), n = on(t) ? t : e;
+}, yn = (e, t) => {
+	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || dn(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
+}, bn = (e) => e.map((e) => {
+	let t = e.closest("p"), n = pn(t) ? t : e;
 	if (n.tagName !== "TABLE" && n.tagName !== "P") return n;
 	let r = document.createElement("figure");
-	fn(e, r), e.classList.length || e.removeAttribute("class");
-	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? on(a) ? a : on(o) ? o : null : n;
+	yn(e, r), e.classList.length || e.removeAttribute("class");
+	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? pn(a) ? a : pn(o) ? o : null : n;
 	i && s === o && (o = o?.nextElementSibling ?? null);
-	let c = o?.classList.contains("chart-annotations") ? o : dn(o);
-	return n.replaceWith(r), s && r.append(sn(s)), i && r.append(i), c && r.append(c), Z?.log?.(`A ${i ? "table" : "caption"} with chart attributes was wrapped in a figure of its own`), r;
-}), mn = (e, t, n, r = document.createElement("table")) => {
+	let c = o?.classList.contains("chart-annotations") ? o : vn(o);
+	return n.replaceWith(r), s && r.append(mn(s)), i && r.append(i), c && r.append(c), Z?.log?.(`A ${i ? "table" : "caption"} with chart attributes was wrapped in a figure of its own`), r;
+}), xn = (e, t, n, r = document.createElement("table")) => {
 	for (let e of r.querySelectorAll(":scope > tbody, :scope > tfoot, :scope > tr")) e.remove();
 	if (!r.tHead && (t.length || n)) {
 		let e = r.createTHead().insertRow(), i = document.createElement("th");
@@ -2178,7 +2241,7 @@ var Pe = (e) => e.map((e) => ({
 		for (let n of t.values ?? [t.value ?? null]) e.insertCell().textContent = n === null ? "" : String(n);
 	}
 	return r;
-}, hn = (e) => {
+}, Sn = (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) ? {
@@ -2188,16 +2251,16 @@ var Pe = (e) => e.map((e) => ({
 		label: e,
 		value: t
 	});
-}, gn = async (t) => {
+}, Cn = 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 : hn(i.rows) : hn(i);
+			let i = await e.json(), a = Array.isArray(i) ? i : i?.rows ? Array.isArray(i.rows) ? i.rows : Sn(i.rows) : Sn(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 = mn(a, Array.isArray(i?.series) ? i.series.map(String) : [], typeof i?.label == "string" ? i.label : "", r ?? void 0);
+			let o = xn(a, Array.isArray(i?.series) ? i.series.map(String) : [], typeof i?.label == "string" ? i.label : "", r ?? void 0);
 			if (!r) {
 				let e = t.querySelector(":scope > figcaption");
 				e ? e.after(o) : t.prepend(o);
@@ -2208,10 +2271,10 @@ var Pe = (e) => e.map((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." : ""));
 		}
 	}));
-}, _n = (e) => {
+}, wn = (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;
-}, vn = "strong, b, span.total", yn = (e) => {
+}, Tn = "strong, b, span.total", En = (e) => {
 	for (let t of e) {
 		for (let e of t.querySelectorAll("tbody tr")) {
 			let t = e.cells[0];
@@ -2219,16 +2282,16 @@ var Pe = (e) => e.map((e) => ({
 			let n = document.createElement("th");
 			for (let { name: e, value: r } of Array.from(t.attributes)) n.setAttribute(e, r);
 			n.append(...t.childNodes), t.replaceWith(n);
-			for (let t = _n(n); t?.matches(vn); t = _n(n)) e.dataset.kind = "total", t.replaceWith(...t.childNodes);
+			for (let t = wn(n); t?.matches(Tn); t = wn(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 = _n(t); e?.matches(vn); e = _n(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
+		for (let t of e.slice(1)) for (let e = wn(t); e?.matches(Tn); e = wn(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
 	}
-}, bn = "data-chart-made", xn = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, Sn = (e) => new Promise((t) => setTimeout(t, e)), Cn = (e, t) => {
+}, Dn = "data-chart-made", On = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, kn = (e) => new Promise((t) => setTimeout(t, e)), An = (e, t) => {
 	let n = Number.parseFloat(e.dataset.chartEntrance ?? ""), r = Number.isFinite(n) ? n : t.entrance;
 	return Math.min(Math.max(r, 0), 1);
-}, wn = async (e, t) => {
-	if (xn()) return;
+}, jn = async (e, t) => {
+	if (On()) 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());
@@ -2239,11 +2302,11 @@ var Pe = (e) => e.map((e) => ({
 		let a = Number(n.delay ?? 0) + i * t;
 		r = Math.max(r, a - Number(e.currentTime ?? 0));
 	}
-	r > 0 && await Sn(r);
-}, Tn = (e) => {
+	r > 0 && await kn(r);
+}, Mn = (e) => {
 	for (let t = e; t && t !== document.body; t = t.parentElement) if (getComputedStyle(t).opacity === "0") return t;
 	return null;
-}, En = (e) => new Promise((t) => {
+}, Nn = (e) => new Promise((t) => {
 	let n = ["animationstart", "transitionrun"], r = () => {
 		for (let e of n) document.removeEventListener(e, i, !0);
 		a.disconnect(), t();
@@ -2257,41 +2320,41 @@ var Pe = (e) => e.map((e) => ({
 		attributes: !0,
 		attributeFilter: ["class", "style"]
 	});
-}), Dn = /* @__PURE__ */ new Set(), On = null, kn = (e) => {
-	Dn.add(e), !On && (On = new MutationObserver(() => {
-		for (let e of Dn) e.relabel();
+}), Pn = /* @__PURE__ */ new Set(), Fn = null, In = (e) => {
+	Pn.add(e), !Fn && (Fn = new MutationObserver(() => {
+		for (let e of Pn) e.relabel();
 		requestAnimationFrame(() => requestAnimationFrame(() => {
-			for (let e of Dn) e.refresh();
+			for (let e of Pn) e.refresh();
 		}));
-	}), On.observe(document.documentElement, {
+	}), Fn.observe(document.documentElement, {
 		attributes: !0,
 		attributeFilter: ["lang"]
 	}));
-}, An = (e) => {
-	Dn.delete(e), !Dn.size && On && (On.disconnect(), On = null);
-}, jn = ["column", "bar"], Mn = (e) => {
+}, Ln = (e) => {
+	Pn.delete(e), !Pn.size && Fn && (Fn.disconnect(), Fn = null);
+}, Rn = ["column", "bar"], zn = (e) => {
 	let t = e.getAttribute("data-chart") || "column";
-	if (!jn.includes(t)) return null;
+	if (!Rn.includes(t)) return null;
 	let n = getComputedStyle(e).getPropertyValue("--tablechart-type").trim();
-	return jn.includes(n) ? n : t;
-}, Nn = (e, t) => {
-	let n = e, r = Mn(n.figure), i = null, a = !1, o = !1, s = async () => {
-		if (!Rt(n.figure, t)) return tn(n, !0);
+	return Rn.includes(n) ? n : t;
+}, Bn = (e, t) => {
+	let n = e, r = zn(n.figure), i = null, a = !1, o = !1, s = async () => {
+		if (!Ut(n.figure, t)) return sn(n, !0);
 		let e = n.figure.classList.contains("is-shown");
 		if (a && i !== null && !e && !o) {
 			o = !0;
-			let e = xn() ? null : Tn(n.figure);
-			e && await En(e), await wn(n.figure, Cn(n.figure, t)), o = !1, (a || !t.replay) && tn(n, !0);
-		} else !a && t.replay && e && tn(n, !1);
+			let e = On() ? null : Mn(n.figure);
+			e && await Nn(e), await jn(n.figure, An(n.figure, t)), o = !1, (a || !t.replay) && sn(n, !0);
+		} else !a && t.replay && e && sn(n, !1);
 	}, c = () => {
-		let e = Mn(n.figure);
+		let e = zn(n.figure);
 		if (!e || e === r) return;
-		let a = Z.timed("Building", n.figure, () => Wt(n.figure, t, e));
-		a && (en(n), it(a, n.step, !0), n = a, r = e, i = null);
+		let a = Z.timed("Building", n.figure, () => Yt(n.figure, t, e));
+		a && (on(n), at(a, n.step, !0), n = a, r = e, i = null);
 	}, l = () => {
 		c();
 		let e = n.plot.clientWidth;
-		e && e !== i && Z.timed("Layout", n.figure, () => Zt(n, t)) && (i = e, s());
+		e && e !== i && Z.timed("Layout", n.figure, () => nn(n, t)) && (i = e, s());
 	}, u = !1, d = new ResizeObserver(() => {
 		u || (u = !0, requestAnimationFrame(() => {
 			u = !1, l();
@@ -2299,20 +2362,20 @@ var Pe = (e) => e.map((e) => ({
 	}), f = new IntersectionObserver((e) => {
 		for (let t of e) a = t.isIntersecting, s();
 	}, { threshold: t.threshold }), p = () => {
-		n.figure.classList.add(_), tn(n, !0), nn(n.svg), n.figure.offsetWidth;
-	}, m = () => n.figure.classList.remove(_), h = () => {
+		n.figure.classList.add(v), sn(n, !0), un(n.svg), n.figure.offsetWidth;
+	}, m = () => n.figure.classList.remove(v), h = () => {
 		i = null, l();
 	}, g = {
-		relabel: () => Qt(n, t),
+		relabel: () => rn(n, t),
 		refresh: h
 	};
-	c(), l(), d.observe(n.figure), f.observe(n.figure), window.addEventListener("beforeprint", p), window.addEventListener("afterprint", m), kn(g);
-	let v = {
+	c(), l(), d.observe(n.figure), f.observe(n.figure), window.addEventListener("beforeprint", p), window.addEventListener("afterprint", m), In(g);
+	let _ = {
 		figure: n.figure,
 		refresh: h,
-		next: () => it(n, n.step + 1),
-		previous: () => it(n, n.step - 1),
-		stepTo: (e) => it(n, e),
+		next: () => at(n, n.step + 1),
+		previous: () => at(n, n.step - 1),
+		stepTo: (e) => at(n, e),
 		get step() {
 			return n.step;
 		},
@@ -2320,35 +2383,35 @@ var Pe = (e) => e.map((e) => ({
 			return n.plan?.count ?? 0;
 		},
 		destroy() {
-			d.disconnect(), f.disconnect(), window.removeEventListener("beforeprint", p), window.removeEventListener("afterprint", m), An(g), At(n), n.figure.tablechart === v && delete n.figure.tablechart;
+			d.disconnect(), f.disconnect(), window.removeEventListener("beforeprint", p), window.removeEventListener("afterprint", m), Ln(g), jt(n), n.figure.tablechart === _ && delete n.figure.tablechart;
 		}
 	};
-	return n.figure.tablechart = v, v;
-}, Pn = !1, Fn = (t) => {
+	return n.figure.tablechart = _, _;
+}, Vn = !1, Hn = (t) => {
 	let n = t.find((e) => e.tagName !== "FIGURE");
-	!Pn && n && (Pn = !0, console.warn(`[${e}] A chart is a <${n.tagName.toLowerCase()}>. Use a <figure> with a <figcaption>, so the chart has a title, also for screen readers.`, n));
-}, In = async (e, t) => {
-	let n = pn(e.filter((e) => !e.hasAttribute(bn)));
-	return Fn(n), await gn(n), yn(n), Ke(n, t.langattribute), n;
-}, Ln = (e, t) => {
-	let n = Z.timed("Building", e, () => Wt(e, t));
-	return n ? (e.setAttribute(bn, ""), Nn(n, t)) : null;
-}, Rn = async (e, t = {}) => {
+	!Vn && n && (Vn = !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));
+}, Un = async (e, t) => {
+	let n = bn(e.filter((e) => !e.hasAttribute(Dn)));
+	return Hn(n), await Cn(n), En(n), qe(n, t.langattribute), n;
+}, Wn = (e, t) => {
+	let n = Z.timed("Building", e, () => Yt(e, t));
+	return n ? (e.setAttribute(Dn, ""), Bn(n, t)) : null;
+}, Gn = async (e, t = {}) => {
 	if (e.tablechart) return e.tablechart;
 	let n = {
-		...C,
+		...w,
 		...t
 	};
 	n.debug && (Z.enabled = !0);
-	let [r] = await In([e], n);
-	return r ? Ln(r, n) : null;
-}, zn = async (e = {}, t = document) => {
+	let [r] = await Un([e], n);
+	return r ? Wn(r, n) : null;
+}, Kn = async (e = {}, t = document) => {
 	let n = {
-		...C,
+		...w,
 		...e
 	};
 	n.debug && (Z.enabled = !0);
-	let r = (await In(Array.from(t.querySelectorAll(n.selector)), n)).map((e) => Ln(e, n)).filter((e) => e !== null);
+	let r = (await Un(Array.from(t.querySelectorAll(n.selector)), n)).map((e) => Wn(e, n)).filter((e) => e !== null);
 	return Z.log(`Made ${r.length} chart(s).`), {
 		charts: r,
 		refresh: () => {
@@ -2360,4 +2423,4 @@ var Pe = (e) => e.map((e) => ({
 	};
 };
 //#endregion
-export { g as A, l as C, u as D, t as E, C as M, _ as O, O as S, m as T, q as _, pn as a, j as b, Mt as c, Qt as d, tn as f, ke as g, Ke as h, In as i, S as j, v as k, Wt as l, it as m, Cn as n, gn as o, en as p, zn as r, yn as s, Rn as t, Zt as u, G as v, c as w, M as x, L as y };
+export { _ as A, u as C, d as D, t as E, w as M, v as O, k as S, h as T, q as _, bn as a, M as b, Nt as c, rn as d, sn as f, Ae as g, qe as h, Un as i, C as j, y as k, Yt as l, at as m, An as n, Cn as o, on as p, Kn as r, En as s, Gn as t, nn as u, ae as v, l as w, N as x, R as y };