@martinomagnifico/tablechart 1.0.3 → 1.0.4

package/dist/tablechart-shared.mjs

@@ -1,5 +1,5 @@
 //#region src/js/config.ts
-var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "tablechart-value", i = "tablechart-bar", a = "tablechart-piece", o = "tablechart-rule", s = "tablechart-connector", c = "tablechart-line", l = "tablechart-head", u = "tablechart-badge", d = "tablechart-caption", f = "tablechart-slice", p = "tablechart-divide", m = "tablechart-series", h = "tablechart-area", g = "tablechart-area-fill", _ = "tablechart-name", v = "tablechart-legend", y = "tablechart-point", b = "tablechart-hole", x = "tablechart-centre", S = "tablechart-leader", C = "tablechart-break", w = "is-placed", T = "tablechart-pointer", E = "tablechart-sr", D = "tablechart-minus", O = "is-shown", k = "tablechart-queued", A = "tablechart-controls", j = 1e3, M = {
+var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablechart-bar", i = "tablechart-rule", a = "tablechart-line", o = "tablechart-head", s = "tablechart-slice", c = "tablechart-legend", l = "tablechart-hole", u = "tablechart-centre", d = "tablechart-break", f = "is-placed", p = "tablechart-sr", m = "is-shown", h = "tablechart-queued", g = 1e3, _ = {
 	selector: "[data-chart]",
 	aspect: .38,
 	barfill: .58,
@@ -18,25 +18,29 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "t
 	threshold: .5,
 	replay: !1,
 	langattribute: "data-i18n"
-}, N = (e, t) => `${e}:${t}`, P = "http://www.w3.org/2000/svg", F = (e) => Math.round(e * 100) / 100, I = (e, t = {}) => {
-	let n = document.createElementNS(P, e);
+}, v = "cubic-bezier(0.3, 0.3, 0.6, 1)", y = (e, t, n = 1) => ({
+	start: e,
+	span: t,
+	easing: e + t >= n - 1e-4 ? v : "linear"
+}), b = (e, t) => `${e}:${t}`, x = "http://www.w3.org/2000/svg", S = (e) => Math.round(e * 100) / 100, C = (e, t = {}) => {
+	let n = document.createElementNS(x, e);
 	for (let e in t) {
 		let r = t[e];
-		n.setAttribute(e, String(typeof r == "number" ? F(r) : r));
+		n.setAttribute(e, String(typeof r == "number" ? S(r) : r));
 	}
 	return n;
-}, L = (e, t) => [e, ...t.classes].join(" "), R = (e, t) => {
+}, w = (e, t) => [e, ...t.classes].join(" "), T = (e, t) => {
 	let n = document.createElement("span");
 	return n.className = e, n.inert = !0, t.appendChild(n), n;
-}, z = (e, t, n, r, i) => {
+}, E = (e, t, n, r, i) => {
 	e.style.left = `${t / r * 100}%`, e.style.top = `${n / i * 100}%`;
-}, B = 0, ee = (e, t, n, r) => {
+}, D = 0, O = (e, t, n, r) => {
 	if (!t.length) return;
-	let i = `tablechart-cut-${++B}`, a = I("mask", {
+	let i = `tablechart-cut-${++D}`, a = C("mask", {
 		id: i,
 		maskUnits: "userSpaceOnUse"
 	});
-	a.appendChild(I("rect", {
+	a.appendChild(C("rect", {
 		x: -n,
 		y: -r,
 		width: n * 3,
@@ -45,21 +49,22 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "t
 	}));
 	for (let e of t) e.setAttribute("fill", "black"), a.appendChild(e);
 	let o = e.querySelector(":scope > defs");
-	o || (o = I("defs"), e.prepend(o)), o.appendChild(a);
-	let s = I("g", { mask: `url(#${i})` });
+	o || (o = C("defs"), e.prepend(o)), o.appendChild(a);
+	let s = C("g", { mask: `url(#${i})` });
 	for (let t of Array.from(e.childNodes)) t !== o && s.appendChild(t);
 	e.appendChild(s);
-}, V = 0, H = (e) => Array.from(e.querySelectorAll(`.${i}`)).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")));
+}, k = 0, A = (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),
 		x: r,
 		y: i,
 		width: a - r,
 		height: o - i,
-		sideways: e.dataset.grow === "right"
+		sideways: e.dataset.grow === "right",
+		part: s
 	};
-}), te = {
+}), j = {
 	create: () => null,
 	draw(e, t, n) {
 		let { rows: r, y: i, svg: a, breakAt: o } = n;
@@ -86,171 +91,171 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "t
 				[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-${++V}`, d = I("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-${++k}`, f = C("mask", {
 			id: u,
 			maskUnits: "userSpaceOnUse"
 		});
-		d.appendChild(I("rect", {
-			x: -j,
+		f.appendChild(C("rect", {
+			x: -1e3,
 			y: -n.height,
-			width: j * 3,
+			width: g * 3,
 			height: n.height * 3,
 			fill: "white"
 		}));
-		let f = [], p = i(o);
-		for (let e of H(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(I("path", {
+		let p = [], m = i(o);
+		for (let e of A(a)) {
+			let t = e.sideways ? n.breakX : m;
+			if (t === void 0 || !(e.sideways ? e.x < t && e.x + e.width > t : e.y < m && e.y + e.height > m)) continue;
+			let [i, o] = e.sideways ? [c(e, t), c(e, t + n.breakGap)] : [c(e, m - n.breakGap), c(e, m)];
+			f.appendChild(C("path", {
 				d: l([...i, ...o.slice().reverse()], !0),
 				fill: "black"
-			})), f.push(i, o);
-			let s = N("--after", r[e.row - 1]?.slot ?? 0);
-			for (let e of [i, o]) a.appendChild(I("path", {
-				class: C,
+			})), p.push(i, o);
+			let s = [b("--after", r[e.row - 1]?.slot ?? 0), e.part].filter(Boolean).join("; ");
+			for (let e of [i, o]) a.appendChild(C("path", {
+				class: d,
 				"data-part": "edge",
 				"data-note": n.note,
 				d: l(e),
 				style: s
 			}));
 		}
-		if (!f.length) return;
-		let m = Array.from(a.querySelectorAll(`.${C}`)), h = I("g", { mask: `url(#${u})` });
-		for (let e of Array.from(a.childNodes)) m.includes(e) || h.appendChild(e);
-		let g = I("defs");
-		g.appendChild(d), a.prepend(g, h);
+		if (!p.length) return;
+		let h = Array.from(a.querySelectorAll(`.${d}`)), _ = C("g", { mask: `url(#${u})` });
+		for (let e of Array.from(a.childNodes)) h.includes(e) || _.appendChild(e);
+		let v = C("defs");
+		v.appendChild(f), a.prepend(v, _);
 	}
-}, U = (e) => {
+}, M = (e) => {
 	let t = -Infinity;
 	for (let n of e) t = Math.max(t, n);
 	return t;
-}, ne = (e) => (e.split(/[.,]/)[1] || "").length, W = (e, t) => new Intl.NumberFormat(t || document.documentElement.lang || void 0, {
+}, N = (e) => (e.split(/[.,]/)[1] || "").length, P = (e, t) => new Intl.NumberFormat(t || document.documentElement.lang || void 0, {
 	minimumFractionDigits: e,
 	maximumFractionDigits: e
-}), G = (e, t, n) => {
-	let r = W(t, n).formatToParts(e), i = r[0]?.type === "minusSign" ? r[0].value : "";
+}), F = (e, t, n) => {
+	let r = P(t, n).formatToParts(e), i = r[0]?.type === "minusSign" ? r[0].value : "";
 	return [i, r.slice(+!!i).map((e) => e.value).join("")];
-}, K = (e) => Number.parseFloat((e.match(/-?[\d.,]+/) || ["NaN"])[0].replace(",", ".")), q = (e, t) => {
+}, I = (e) => Number.parseFloat((e.match(/-?[\d.,]+/) || ["NaN"])[0].replace(",", ".")), L = (e, t) => {
 	let n = document.createElement("span");
-	if (n.className = u, n.inert = !0, e.childElementCount > 0) for (let t of Array.from(e.children)) n.appendChild(t.cloneNode(!0));
+	if (n.className = "tablechart-badge", n.inert = !0, e.childElementCount > 0) for (let t of Array.from(e.children)) n.appendChild(t.cloneNode(!0));
 	else {
 		n.textContent = (e.textContent || "").trim();
 		let t = e.getAttribute("data-i18n");
 		t && n.setAttribute("data-i18n", t);
 	}
 	return t.appendChild(n), n;
-}, re = (t, n, r, i) => {
-	let a = K(t?.textContent || ""), o = Number.isNaN(a) ? !0 : Math.abs(n - a) <= .5, s = {
+}, R = (t, n, r, i) => {
+	let a = I(t?.textContent || ""), o = Number.isNaN(a) ? !0 : Math.abs(n - a) <= .5, s = {
 		label: r,
 		computed: n,
 		stated: a,
 		agrees: o
 	};
-	i.checks.push(s), o || console.warn(`[${e}] An annotation reads ${a}%, but ${r} is ${n.toFixed(1)}%. The chart shows what you wrote; this is only a check.`);
-}, ie = (e, t) => (t - e) / Math.abs(e) * 100, ae = (e, t) => {
+	i.checks.push(s), o || console.warn(`[${e}] An annotation reads ${a}%, but ${r} is ${n.toFixed(1)}%. The chart shows your number.`);
+}, z = (e, t) => (t - e) / Math.abs(e) * 100, B = (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)];
-}, J = {
-	create: q,
+}, V = {
+	create: L,
 	draw(t, n, r) {
-		let { rows: i, cx: a, y: o, unit: s, labelHeight: u, badgeHeight: d, height: f, svg: p, after: m } = r, [h, g] = ae(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}).`);
+		let { rows: i, cx: s, y: c, unit: l, labelHeight: u, badgeHeight: d, height: f, svg: p, after: m } = r, [h, _] = B(t, i.length), v = i[h], y = i[_];
+		if (!v || !y) {
+			console.warn(`[${e}] A bracket points at a row that is not there (row ${h + 1} to ${_ + 1}, of ${i.length}).`);
 			return;
 		}
-		let y = 7 * s, b = 4 * s, x = a(h), S = a(g), C = Math.min(o(_.value), o(v.value)) - u - b - d * .9, w = (e) => o(e) - u - b, T = `M ${x} ${w(_.value)} L ${x} ${C} L ${S} ${C} L ${S} ${w(v.value) - y}`, E = (w(_.value) - C + Math.abs(S - x) + (w(v.value) - y - C)) / s + 1;
-		p.appendChild(I("path", {
-			class: c,
+		let x = 7 * l, S = 4 * l, w = s(h), T = s(_), D = Math.min(c(v.value), c(y.value)) - u - S - d * .9, O = (e) => c(e) - u - S, k = `M ${w} ${O(v.value)} L ${w} ${D} L ${T} ${D} L ${T} ${O(y.value) - x}`, A = (O(v.value) - D + Math.abs(T - w) + (O(y.value) - x - D)) / l + 1;
+		p.appendChild(C("path", {
+			class: a,
 			"data-note": r.note,
-			d: T,
-			style: `--len:${E.toFixed(1)}; ${N("--after", m)}`
+			d: k,
+			style: `--len:${A.toFixed(1)}; ${b("--after", m)}`
 		}));
-		let D = w(v.value);
-		p.appendChild(I("polygon", {
-			class: l,
+		let j = O(y.value);
+		p.appendChild(C("polygon", {
+			class: o,
 			"data-note": r.note,
-			points: `${S},${D} ${S - y * .45},${D - y} ${S + y * .45},${D - y}`,
-			style: N("--after", m)
-		})), n && (z(n, (x + S) / 2, C, j, f), n.style.setProperty("--after", String(m))), re(n, ie(_.value, v.value), `${_.value} to ${v.value}`, r);
+			points: `${T},${j} ${T - x * .45},${j - x} ${T + x * .45},${j - x}`,
+			style: b("--after", m)
+		})), n && (E(n, (w + T) / 2, D, g, f), n.style.setProperty("--after", String(m))), R(n, z(v.value, y.value), `${v.value} to ${y.value}`, r);
 	}
-}, oe = /* @__PURE__ */ new WeakMap(), se = (e) => {
+}, ee = /* @__PURE__ */ new WeakMap(), te = (e) => {
 	let t = [...e].filter((e) => !!e), n = t.map((e) => ({
 		width: e.offsetWidth,
 		height: e.offsetHeight
 	}));
-	t.forEach((e, t) => oe.set(e, n[t]));
-}, Y = (e) => oe.get(e) ?? {
+	t.forEach((e, t) => ee.set(e, n[t]));
+}, H = (e) => ee.get(e) ?? {
 	width: e.offsetWidth,
 	height: e.offsetHeight
-}, ce = (e, t, n) => ((t / e) ** (1 / n) - 1) * 100, le = {
-	create: q,
+}, U = (e, t, n) => ((t / e) ** (1 / n) - 1) * 100, W = {
+	create: L,
 	draw(e, t, n) {
-		let { rows: r, cx: i, y: a, unit: o, labelHeight: s, height: u, svg: d, values: f, after: p } = n, m = r[0], h = r[r.length - 1];
+		let { rows: r, cx: i, y: s, unit: c, labelHeight: l, height: u, svg: d, values: f, after: p } = n, m = r[0], h = r[r.length - 1];
 		if (!m || !h) return;
-		let g = s + 18 * o, _ = 10 * o, v = 10 * o, y = i(0), b = a(m.value) - g, x = i(r.length - 1), S = a(h.value) - g, C = 0;
+		let _ = l + 18 * c, v = 10 * c, y = 10 * c, x = i(0), S = s(m.value) - _, w = i(r.length - 1), T = s(h.value) - _, D = 0;
 		r.forEach((e, t) => {
-			let n = x === y ? 0 : (i(t) - y) / (x - y), r = b + n * (S - b) - (a(e.value) - g);
-			r > C && (C = r);
-		}), b -= C, S -= C;
-		let w = x - y, T = S - b, E = Math.hypot(w, T) || 1, D = w / E, O = T / E;
-		y -= D * _, b -= O * _, x += D * _, S += O * _;
-		let k = Number.parseFloat(e.getAttribute("data-at") || "0.5");
+			let n = w === x ? 0 : (i(t) - x) / (w - x), r = S + n * (T - S) - (s(e.value) - _);
+			r > D && (D = r);
+		}), S -= D, T -= D;
+		let O = w - x, k = T - S, A = Math.hypot(O, k) || 1, j = O / A, M = k / A;
+		x -= j * v, S -= M * v, w += j * v, T += M * v;
+		let N = Number.parseFloat(e.getAttribute("data-at") || "0.5");
 		if (t) {
-			let e = y + (x - y) * k, n = b + (S - b) * k, c = Y(t).width * o / 2, l = n + Y(t).height * o / 2 + 8 * o, u = 0;
+			let e = x + (w - x) * N, n = S + (T - S) * N, a = H(t).width * c / 2, o = n + H(t).height * c / 2 + 8 * c, u = 0;
 			r.forEach((t, n) => {
-				let r = (f[n] ? Y(f[n]).width : 0) * o / 2;
-				if (Math.abs(i(n) - e) >= c + r) return;
-				let d = a(t.value) - 7 * o - s;
-				u = Math.max(u, l - d);
-			}), b -= u, S -= u;
+				let r = (f[n] ? H(f[n]).width : 0) * c / 2;
+				if (Math.abs(i(n) - e) >= a + r) return;
+				let d = s(t.value) - 7 * c - l;
+				u = Math.max(u, o - d);
+			}), S -= u, T -= u;
 		}
-		let A = x - D * v, M = S - O * v, P = Math.hypot(A - y, M - b) / o + 1;
-		d.appendChild(I("line", {
-			class: c,
+		let P = w - j * y, F = T - M * y, I = Math.hypot(P - x, F - S) / c + 1;
+		d.appendChild(C("line", {
+			class: a,
 			"data-note": n.note,
-			x1: y,
-			y1: b,
-			x2: A,
-			y2: M,
-			style: `--len:${P.toFixed(1)}; ${N("--after", p)}`
+			x1: x,
+			y1: S,
+			x2: P,
+			y2: F,
+			style: `--len:${I.toFixed(1)}; ${b("--after", p)}`
 		}));
-		let F = -O, L = D, R = v * .42;
-		d.appendChild(I("polygon", {
-			class: l,
+		let L = -M, z = j, B = y * .42;
+		d.appendChild(C("polygon", {
+			class: o,
 			"data-note": n.note,
 			points: [
-				`${x},${S}`,
-				`${A + F * R},${M + L * R}`,
-				`${A - F * R},${M - L * R}`
+				`${w},${T}`,
+				`${P + L * B},${F + z * B}`,
+				`${P - L * B},${F - z * B}`
 			].join(" "),
-			style: N("--after", p)
-		})), t && (z(t, y + (x - y) * k, b + (S - b) * k, j, u), t.style.setProperty("--after", String(p)));
-		let B = Number.parseFloat(e.getAttribute("data-years") || "");
-		!Number.isNaN(B) && B > 0 && re(t, ce(m.value, h.value, B), `${m.value} to ${h.value} over ${B} years`, n);
+			style: b("--after", p)
+		})), t && (E(t, x + (w - x) * N, S + (T - S) * N, g, u), t.style.setProperty("--after", String(p)));
+		let V = Number.parseFloat(e.getAttribute("data-years") || "");
+		!Number.isNaN(V) && V > 0 && R(t, U(m.value, h.value, V), `${m.value} to ${h.value} over ${V} years`, n);
 	}
-}, ue = (e, t, n, r, i) => {
+}, ne = (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;
-}, de = (e, t, n) => {
+}, re = (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
 	};
-}, fe = (e, t, n) => {
+}, G = (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}); ${N("--i", t.slot)}`
+		style: `--n:${n}; --m:${+!!i}; --palette:var(--tablechart-color-${n + 1}); ${b("--i", t.slot)}`
 	};
-}, pe = (e, t, n = !1) => {
+}, K = (e, t, n = !1) => {
 	let r = 0, i = 0;
 	return Array.from({ length: t }, (t, a) => {
 		let o = e.cells[a] ?? e.cells[0], s = o.missing ? 0 : o.value;
@@ -277,40 +282,40 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "t
 			cell: o
 		};
 	});
-}, X = (e, t, n = !1) => {
-	let r = pe(e, t, n);
+}, q = (e, t, n = !1) => {
+	let r = K(e, t, n);
 	return {
 		top: Math.max(0, ...r.map((e) => e.to)),
 		bottom: Math.min(0, ...r.map((e) => e.to))
 	};
-}, me = (e, t) => {
-	let { top: n, bottom: r } = X(e, t);
+}, ie = (e, t) => {
+	let { top: n, bottom: r } = q(e, t);
 	return n + r;
-}, he = (e, t, n) => {
+}, J = (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})`);
-}, ge = (e, t, n, r = {}, o = "") => {
-	let s = {
-		class: L(i, t),
+}, ae = (e, t, n, i = {}, a = "") => {
+	let o = {
+		class: w(r, t),
 		"data-kind": "bar",
 		"data-row": n + 1,
-		...r
-	}, c = N("--i", t.slot) + (o ? `; transform-origin: ${o}` : ""), l = I("g", {
-		...s,
+		...i
+	}, s = b("--i", t.slot) + (a ? `; transform-origin: ${a}` : ""), c = C("g", {
+		...o,
 		"data-stack": "",
-		style: c
+		style: s
 	});
-	return e.svg.appendChild(l), (i, o) => {
-		let s = r["data-grow"] === void 0 ? {} : { "data-grow": r["data-grow"] };
-		l.appendChild(I("rect", {
-			...s,
+	return e.svg.appendChild(c), (r, a) => {
+		let o = i["data-grow"] === void 0 ? {} : { "data-grow": i["data-grow"] };
+		c.appendChild(C("rect", {
 			...o,
-			class: L(a, t),
+			...a,
+			class: w("tablechart-piece", t),
 			"data-row": n + 1,
-			...fe(e, t, i)
+			...G(e, t, r)
 		}));
 	};
-}, _e = 6, ve = (e, t, n) => e.some((e) => Y(e).width * n > t - _e * n), ye = (e, t, n) => t >= Y(e).height * n * 1.6, be = (e, t, n) => t >= Y(e).width * n * 1.5, xe = (e, t, n, r, i = .7) => {
+}, oe = 6, se = (e, t, n) => e.some((e) => H(e).width * n > t - oe * n), Y = (e, t, n) => t >= H(e).height * n * 1.6, X = (e, t, n) => t >= H(e).width * n * 1.5, ce = (e, t, n, r, i = .7) => {
 	e.style.setProperty(r, "1");
 	let a = 1;
 	for (let e of t) {
@@ -319,10 +324,10 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "t
 	}
 	let o = a >= i ? a : 0;
 	return e.style.setProperty(r, String(o || i)), o;
-}, Se = (e, t) => (e.sort((e, t) => e.y - t.y), e.forEach((n, r) => {
+}, le = (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), Ce = {
+}), e), ue = {
 	segments: (e) => e.map((e) => ({
 		...e,
 		from: 0,
@@ -342,45 +347,45 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "t
 	categories: "beside",
 	headroom: () => 0,
 	draw(e) {
-		let { segments: t, height: n, unit: r, svg: a, values: s, categories: c, config: l, barMax: u } = e, d = e.series.length > 1, f = Math.max(U(c.map((e) => Y(e).width * r)), 0), p = Math.min(f + 10 * r, j * .42), m = j - 4 * r, h = e.stacked ? Math.max(U(e.rows.map((t) => X(t, e.series.length).top)), 0) || 1 : Math.max(U(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => Math.abs(e.value)))), 0) || 1, g = e.stacked ? Math.max(U(e.rows.map((t) => -X(t, e.series.length).bottom)), 0) : Math.max(U(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => -e.value))), 0), _ = Math.max(h, e.squeeze?.hi ?? 0) + g, v = (t, n) => ue(Math.abs(t), _, n, e.squeeze, e.breakGap), y = n / t.length, b = (e) => (e + .5) * y, x = Math.min(y * l.barfill, u), S = de(y, e.series.length, u), C = s[0] ?? e.totals[0], w = C ? Y(C).height * r * .56 : 0, T = Math.max(((d && !e.stacked ? S.size : x) - w) / 2, 5 * r), E = (e) => Y(e).width * r, D = (e) => e.length ? U(e.map(E)) + T + 4 * r : 0, O = (t, n) => (e.rows[n].cells[t] ?? e.rows[n].cells[0]).value, k = 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(M(c.map((e) => H(e).width * a)), 0), p = Math.min(f + 10 * a, g * .42), m = g - 4 * a, h = e.stacked ? Math.max(M(e.rows.map((t) => q(t, e.series.length).top)), 0) || 1 : Math.max(M(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => Math.abs(e.value)))), 0) || 1, _ = e.stacked ? Math.max(M(e.rows.map((t) => -q(t, e.series.length).bottom)), 0) : Math.max(M(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => -e.value))), 0), v = Math.max(h, e.squeeze?.hi ?? 0) + _, y = (t, n) => ne(Math.abs(t), v, n, e.squeeze, e.breakGap), x = n / t.length, S = (e) => (e + .5) * x, T = Math.min(x * l.barfill, u), D = re(x, e.series.length, u), O = s[0] ?? e.totals[0], k = O ? H(O).height * a * .56 : 0, A = Math.max(((d && !e.stacked ? D.size : T) - k) / 2, 5 * a), j = (e) => H(e).width * a, N = (e) => e.length ? M(e.map(j)) + A + 4 * a : 0, P = (t, n) => (e.rows[n].cells[t] ?? e.rows[n].cells[0]).value, F = e.seriesValues.flatMap((e, t) => e.map((e, n) => ({
 			label: e,
-			value: O(t, n)
-		}))), A = (t) => {
-			let n = X(e.rows[t], e.series.length);
+			value: P(t, n)
+		}))), I = (t) => {
+			let n = q(e.rows[t], e.series.length);
 			return n.top === 0 && n.bottom < 0;
-		}, M = e.stacked ? D(e.totals.filter((e, t) => !A(t))) : d ? D(k.filter((e) => e.value >= 0).map((e) => e.label)) : 0, P = e.stacked ? D(e.totals.filter((e, t) => A(t))) : d ? D(k.filter((e) => e.value < 0).map((e) => e.label)) : 0;
+		}, L = e.stacked ? N(e.totals.filter((e, t) => !I(t))) : d ? N(F.filter((e) => e.value >= 0).map((e) => e.label)) : 0, R = e.stacked ? N(e.totals.filter((e, t) => I(t))) : d ? N(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 - M - P, n = t.map((e, t) => ({
+			let e = m - p - L - R, n = t.map((e, t) => ({
 				seg: e,
 				label: s[t]
-			})).filter(({ seg: t, label: n }) => !be(n, v(t.value, e), r)), i = D(n.filter(({ seg: e }) => e.value >= 0).map(({ label: e }) => e)), a = D(n.filter(({ seg: e }) => e.value < 0).map(({ label: e }) => e));
-			if (i <= M && a <= P) break;
-			M = Math.max(M, i), P = Math.max(P, a);
+			})).filter(({ seg: t, label: n }) => !X(n, y(t.value, e), a)), r = N(n.filter(({ seg: e }) => e.value >= 0).map(({ label: e }) => e)), i = N(n.filter(({ seg: e }) => e.value < 0).map(({ label: e }) => e));
+			if (r <= L && i <= R) break;
+			L = Math.max(L, r), R = Math.max(R, i);
 		}
-		let F = m - p - M - P, R = p + P + v(g, F), B = (e) => e < 0 ? R - v(e, F) : R + v(e, F);
-		if (e.squeeze && (e.breakX = B(e.squeeze.gap)), e.stacked) {
-			e.rows.forEach((t, i) => {
-				let a = X(t, e.series.length), o = ge(e, t, i, { "data-grow": "right" }, a.bottom < 0 ? `${R - B(a.bottom)}px center` : ""), s = b(i) - x / 2;
-				pe(t, e.series.length).forEach(({ from: t, to: a, cell: c }, l) => {
-					let u = e.seriesValues[l][i];
-					if (u.dataset.place = "none", c.missing || a === t) return;
-					let d = Math.min(B(t), B(a)), f = Math.max(B(t), B(a));
+		let z = m - p - L - R, B = p + R + y(_, z), V = (e) => e < 0 ? B - y(e, z) : B + y(e, z);
+		if (e.squeeze && (e.breakX = V(e.squeeze.gap)), e.stacked) {
+			e.rows.forEach((t, r) => {
+				let i = q(t, e.series.length), o = ae(e, t, r, { "data-grow": "right" }, i.bottom < 0 ? `${B - V(i.bottom)}px center` : ""), s = S(r) - T / 2;
+				K(t, e.series.length).forEach(({ from: t, to: i, cell: c }, l) => {
+					let u = e.seriesValues[l][r];
+					if (u.dataset.place = "none", c.missing || i === t) return;
+					let d = Math.min(V(t), V(i)), f = Math.max(V(t), V(i));
 					o(l, {
 						x: d,
 						y: s,
 						width: Math.max(f - d, 1),
-						height: x,
-						...a < t && { "data-grow": "left" }
-					}), u.dataset.place = "inside", u.toggleAttribute("data-left-out", !be(u, f - d, r) || Y(u).height * r > x), he(u, e, l), z(u, (d + f) / 2, b(i), j, n);
+						height: T,
+						...i < t && { "data-grow": "left" }
+					}), u.dataset.place = "inside", u.toggleAttribute("data-left-out", !X(u, f - d, a) || H(u).height * a > T), J(u, e, l), E(u, (d + f) / 2, S(r), g, n);
 				});
-				let l = e.totals[i];
-				l && (l.dataset.place = A(i) ? "before" : "after", z(l, A(i) ? B(a.bottom) - T : B(a.top) + T, b(i), j, n));
-				let u = c[i];
-				u && z(u, p - 8 * r, b(i), j, n);
-			}), a.appendChild(I("line", {
-				class: o,
-				x1: R,
-				x2: R,
+				let l = e.totals[r];
+				l && (l.dataset.place = I(r) ? "before" : "after", E(l, I(r) ? V(i.bottom) - A : V(i.top) + A, S(r), g, n));
+				let u = c[r];
+				u && E(u, p - 8 * a, S(r), g, n);
+			}), o.appendChild(C("line", {
+				class: i,
+				x1: B,
+				x2: B,
 				y1: 0,
 				y2: n
 			}));
@@ -388,68 +393,68 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "t
 		}
 		if (d) {
 			e.plot.dataset.grouped = "";
-			let t = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), s = xe(e.plot, t, (e) => ({
-				size: Y(e).height * r,
-				room: S.size + S.gap * .5
-			}), "--tablechart-fit");
-			e.rows.forEach((t, o) => {
-				e.series.forEach((r, c) => {
-					let l = t.cells[c] ?? t.cells[0], u = e.seriesValues[c][o];
+			let t = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), s = ce(e.plot, t, (e) => ({
+				size: H(e).height * a,
+				room: D.size + D.gap * .5
+			}), "--_fit");
+			e.rows.forEach((t, i) => {
+				e.series.forEach((a, c) => {
+					let l = t.cells[c] ?? t.cells[0], u = e.seriesValues[c][i];
 					if (l.missing) {
 						u.dataset.place = "none";
 						return;
 					}
-					let d = B(l.value), f = l.value < 0, p = b(o) + S.offset(c);
-					a.appendChild(I("rect", {
-						class: L(i, t),
+					let d = V(l.value), f = l.value < 0, p = S(i) + D.offset(c);
+					o.appendChild(C("rect", {
+						class: w(r, t),
 						"data-kind": "bar",
-						"data-row": o + 1,
+						"data-row": i + 1,
 						"data-grow": f ? "left" : "right",
-						x: Math.min(d, R),
+						x: Math.min(d, B),
 						y: p,
-						width: Math.max(Math.abs(d - R), 1),
-						height: S.size,
-						...fe(e, t, c)
-					})), u.dataset.place = f ? "before" : "after", u.toggleAttribute("data-left-out", !s), z(u, f ? d - T : d + T, p + S.size / 2, j, n);
+						width: Math.max(Math.abs(d - B), 1),
+						height: D.size,
+						...G(e, t, c)
+					})), u.dataset.place = f ? "before" : "after", u.toggleAttribute("data-left-out", !s), E(u, f ? d - A : d + A, p + D.size / 2, g, n);
 				});
-				let l = c[o];
-				l && z(l, p - 8 * r, b(o), j, n);
-			}), a.appendChild(I("line", {
-				class: o,
-				x1: R,
-				x2: R,
+				let l = c[i];
+				l && E(l, p - 8 * a, S(i), g, n);
+			}), o.appendChild(C("line", {
+				class: i,
+				x1: B,
+				x2: B,
 				y1: 0,
 				y2: n
 			}));
 			return;
 		}
-		let ee = t.map((e, t) => be(s[t], Math.abs(B(e.value) - R), r));
-		t.forEach((t, o) => {
-			let l = B(t.value), u = b(o), d = t.value < 0, f = Math.abs(l - R);
-			a.appendChild(I("rect", {
-				class: L(i, t),
+		let ee = t.map((e, t) => X(s[t], Math.abs(V(e.value) - B), a));
+		t.forEach((t, i) => {
+			let l = V(t.value), u = S(i), d = t.value < 0, f = Math.abs(l - B);
+			o.appendChild(C("rect", {
+				class: w(r, t),
 				"data-kind": t.kind,
-				"data-row": o + 1,
+				"data-row": i + 1,
 				"data-grow": d ? "left" : "right",
-				x: Math.min(l, R),
-				y: u - x / 2,
+				x: Math.min(l, B),
+				y: u - T / 2,
 				width: Math.max(f, 1),
-				height: x,
-				style: N("--i", t.slot)
+				height: T,
+				style: b("--i", t.slot)
 			}));
-			let m = s[o], h = Math.max(Math.min(T, f - E(m) - 6 * r), 6 * r), g = d ? 1 : -1;
-			m.dataset.place = ee[o] ? "inside" : d ? "before" : "after", m.dataset.kind = t.kind, z(m, ee[o] ? e.insideAlign === "center" ? (R + l) / 2 : e.insideAlign === "start" ? R - g * (h + E(m) / 2) : l + g * (h + E(m) / 2) : l - g * T, u, j, n);
-			let _ = c[o];
-			_ && z(_, p - 8 * r, u, j, n);
-		}), a.appendChild(I("line", {
-			class: o,
-			x1: R,
-			x2: R,
+			let m = s[i], h = Math.max(Math.min(A, f - j(m) - 6 * a), 6 * a), _ = d ? 1 : -1;
+			m.dataset.place = ee[i] ? "inside" : d ? "before" : "after", m.dataset.kind = t.kind, E(m, ee[i] ? e.insideAlign === "center" ? (B + l) / 2 : e.insideAlign === "start" ? B - _ * (h + j(m) / 2) : l + _ * (h + j(m) / 2) : l - _ * A, u, g, n);
+			let v = c[i];
+			v && E(v, p - 8 * a, u, g, n);
+		}), o.appendChild(C("line", {
+			class: i,
+			x1: B,
+			x2: B,
 			y1: 0,
 			y2: n
 		}));
 	}
-}, we = {
+}, de = {
 	segments: (e) => e.map((e) => ({
 		...e,
 		from: 0,
@@ -463,102 +468,102 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "t
 	breakable: !0,
 	headroom: ({ labelHeight: e, badgeHeight: t, hasAnnotations: n, unit: r }) => e + 4 * r + (n ? t * 1.6 : 0),
 	draw(e) {
-		let { segments: t, cx: n, y: r, barWidth: a, height: s, unit: c, svg: l, values: u, labels: d, insideAlign: f } = e, p = r(0);
+		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, i) => {
-				let o = X(t, e.series.length), l = ge(e, t, i, {}, o.bottom < 0 ? `center ${p - r(o.top)}px` : ""), u = n(i) - a / 2;
-				pe(t, e.series.length).forEach(({ from: t, to: o, cell: d }, f) => {
-					let p = e.seriesValues[f][i];
-					if (p.dataset.place = "none", d.missing || o === t) return;
-					let m = Math.min(r(o), r(t)), h = Math.max(r(o), r(t));
+			e.rows.forEach((t, r) => {
+				let i = q(t, e.series.length), l = ae(e, t, r, {}, i.bottom < 0 ? `center ${p - a(i.top)}px` : ""), u = n(r) - o / 2;
+				K(t, e.series.length).forEach(({ from: t, to: i, cell: d }, f) => {
+					let p = e.seriesValues[f][r];
+					if (p.dataset.place = "none", d.missing || i === t) return;
+					let m = Math.min(a(i), a(t)), h = Math.max(a(i), a(t));
 					l(f, {
 						x: u,
 						y: m,
-						width: a,
+						width: o,
 						height: Math.max(h - m, 1),
-						...o < t && { "data-grow": "down" }
-					}), p.dataset.place = "inside", p.toggleAttribute("data-left-out", !ye(p, h - m, c) || Y(p).width * c > a - 4 * c), he(p, e, f), z(p, n(i), (m + h) / 2, j, s);
+						...i < t && { "data-grow": "down" }
+					}), p.dataset.place = "inside", p.toggleAttribute("data-left-out", !Y(p, h - m, c) || H(p).width * c > o - 4 * c), J(p, e, f), E(p, n(r), (m + h) / 2, g, s);
 				});
-				let d = e.totals[i];
+				let d = e.totals[r];
 				if (d) {
-					let e = o.top === 0 && o.bottom < 0;
-					d.dataset.place = e ? "below" : "outside", z(d, n(i), e ? r(o.bottom) + 4 * c : r(o.top) - 4 * c, j, s);
+					let e = i.top === 0 && i.bottom < 0;
+					d.dataset.place = e ? "below" : "outside", E(d, n(r), e ? a(i.bottom) + 4 * c : a(i.top) - 4 * c, g, s);
 				}
-			}), l.appendChild(I("line", {
-				class: o,
+			}), l.appendChild(C("line", {
+				class: i,
 				x1: 0,
-				x2: j,
+				x2: g,
 				y1: p,
 				y2: p
 			}));
 			return;
 		}
 		if (e.series.length > 1) {
-			let t = de(n(1) - n(0) || n(0) * 2, e.series.length, e.barMax);
+			let t = re(n(1) - n(0) || n(0) * 2, e.series.length, e.barMax);
 			e.plot.dataset.grouped = "";
-			let a = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), u = xe(e.plot, a, (e) => ({
-				size: Y(e).width * c,
+			let o = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), u = ce(e.plot, o, (e) => ({
+				size: H(e).width * c,
 				room: t.size + t.gap * .5
-			}), "--tablechart-fit");
-			e.rows.forEach((a, o) => {
+			}), "--_fit");
+			e.rows.forEach((i, o) => {
 				e.series.forEach((d, f) => {
-					let m = a.cells[f] ?? a.cells[0], h = e.seriesValues[f][o], g = n(o) + t.offset(f);
+					let m = i.cells[f] ?? i.cells[0], h = e.seriesValues[f][o], _ = n(o) + t.offset(f);
 					if (m.missing) {
 						h.dataset.place = "none";
 						return;
 					}
-					let _ = r(m.value), v = m.value < 0;
-					l.appendChild(I("rect", {
-						class: L(i, a),
+					let v = a(m.value), y = m.value < 0;
+					l.appendChild(C("rect", {
+						class: w(r, i),
 						"data-kind": "bar",
 						"data-row": o + 1,
-						...v && { "data-grow": "down" },
-						x: g,
-						y: Math.min(_, p),
+						...y && { "data-grow": "down" },
+						x: _,
+						y: Math.min(v, p),
 						width: t.size,
-						height: Math.max(Math.abs(p - _), 1),
-						...fe(e, a, f)
-					})), h.dataset.place = v ? "below" : "outside", h.toggleAttribute("data-left-out", !u), z(h, g + t.size / 2, v ? _ + 4 * c : _ - 4 * c, j, s);
+						height: Math.max(Math.abs(p - v), 1),
+						...G(e, i, f)
+					})), h.dataset.place = y ? "below" : "outside", h.toggleAttribute("data-left-out", !u), E(h, _ + t.size / 2, y ? v + 4 * c : v - 4 * c, g, s);
 				});
-			}), l.appendChild(I("line", {
-				class: o,
+			}), l.appendChild(C("line", {
+				class: i,
 				x1: 0,
-				x2: j,
+				x2: g,
 				y1: p,
 				y2: p
 			}));
 			return;
 		}
-		let m = ve(u, a, c), h = t.map((e, t) => d === "inside" && !m && !e.missing && ye(u[t], Math.abs(p - r(e.value)), c)), g = u[0] ? Y(u[0]).height * c * .56 : 0, _ = Infinity;
-		for (let [e, t] of u.entries()) h[e] && (_ = Math.min(_, (a - Y(t).width * c) / 2));
+		let m = se(u, o, c), h = t.map((e, t) => d === "inside" && !m && !e.missing && Y(u[t], Math.abs(p - a(e.value)), c)), _ = u[0] ? H(u[0]).height * c * .56 : 0, v = Infinity;
+		for (let [e, t] of u.entries()) h[e] && (v = Math.min(v, (o - H(t).width * c) / 2));
 		t.forEach((e, t) => {
-			let o = r(e.value), d = e.value < 0;
+			let i = a(e.value), d = e.value < 0;
 			if (e.missing) {
-				z(u[t], n(t), p - 4 * c, j, s), u[t].dataset.place = "outside";
+				E(u[t], n(t), p - 4 * c, g, s), u[t].dataset.place = "outside";
 				return;
 			}
-			l.appendChild(I("rect", {
-				class: L(i, e),
+			l.appendChild(C("rect", {
+				class: w(r, e),
 				"data-kind": e.kind,
 				"data-row": t + 1,
 				...d && { "data-grow": "down" },
-				x: n(t) - a / 2,
-				y: Math.min(o, p),
-				width: a,
-				height: Math.max(Math.abs(p - o), 1),
-				style: N("--i", e.slot)
+				x: n(t) - o / 2,
+				y: Math.min(i, p),
+				width: o,
+				height: Math.max(Math.abs(p - i), 1),
+				style: b("--i", e.slot)
 			}));
-			let m = d ? -1 : 1, v = Math.min(_, (Math.abs(p - o) - g) / 2), y = f === "center" ? (o + p) / 2 : f === "start" ? p - m * (v + g / 2) : o + m * (v + g / 2), b = d ? o + 4 * c : o - 4 * c;
-			z(u[t], n(t), h[t] ? y : b, j, s), u[t].dataset.place = h[t] ? "inside" : d ? "below" : "outside";
-		}), l.appendChild(I("line", {
-			class: o,
+			let m = d ? -1 : 1, y = Math.min(v, (Math.abs(p - i) - _) / 2), x = f === "center" ? (i + p) / 2 : f === "start" ? p - m * (y + _ / 2) : i + m * (y + _ / 2), S = d ? i + 4 * c : i - 4 * c;
+			E(u[t], n(t), h[t] ? x : S, g, s), u[t].dataset.place = h[t] ? "inside" : d ? "below" : "outside";
+		}), l.appendChild(C("line", {
+			class: i,
 			x1: 0,
-			x2: j,
+			x2: g,
 			y1: p,
 			y2: p
 		}));
 	}
-}, Te = 0, Ee = (e) => e.filter((e) => !e.isTotal), De = {
+}, fe = 0, pe = (e) => e.filter((e) => !e.isTotal), me = {
 	aspect: .66,
 	centre: !0,
 	headroom: () => 0,
@@ -568,82 +573,82 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "t
 		to: e.value,
 		kind: "bar"
 	})),
-	draw({ rows: e, height: t, unit: n, labelHeight: r, svg: i, values: a, config: o, centre: s }) {
-		let c = j / 2, l = t / 2, u = Ee(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: c }) {
+		let l = t / 2, u = pe(e).reduce((e, t) => e + Math.abs(t.value), 0);
 		if (!u) return;
-		let d = r * 1.2 + 10 * n, m = Math.max(Math.min(j, t) / 2 - d, 10), h = m * o.ringfill, g = m - h / 2, _ = 2 * Math.PI * g, v = [], y = 0, b = 0;
+		let d = r * 1.2 + 10 * n, f = Math.max(Math.min(g, t) / 2 - d, 10), p = f * o.ringfill, m = f - p / 2, h = 2 * Math.PI * m, _ = [], v = 0, x = 0, S = 0;
 		if (e.forEach((e, o) => {
-			let s = a[o];
+			let c = a[o];
 			if (e.isTotal) {
-				s.dataset.place = "none";
+				c.dataset.place = "none";
 				return;
 			}
-			let d = Math.abs(e.value) / u * _, p = y / _ * 2 * Math.PI - Math.PI / 2;
-			v.push(p), i.appendChild(I("circle", {
-				class: L(f, e),
-				"data-slice": b + 1,
+			let d = Math.abs(e.value) / u, T = y(S, d), D = `--share:${d.toFixed(4)}; --start:${T.start.toFixed(4)}; --span:${T.span.toFixed(4)};`, O = d * h, k = v / h * 2 * Math.PI - Math.PI / 2;
+			_.push(k), i.appendChild(C("circle", {
+				class: w(s, e),
+				"data-slice": x + 1,
 				"data-row": o + 1,
-				cx: c,
+				cx: 500,
 				cy: l,
-				r: g,
-				"stroke-width": h,
-				transform: `rotate(-90 ${c} ${l})`,
-				"stroke-dasharray": `${d.toFixed(1)} ${(_ - d).toFixed(1)}`,
-				"stroke-dashoffset": (-y).toFixed(1),
-				style: `--n:${b}; --palette:var(--tablechart-color-${b + 1}); --arc:${d.toFixed(1)}; --circ:${_.toFixed(1)}; ${N("--i", e.slot)}`
+				r: m,
+				"stroke-width": p,
+				transform: `rotate(-90 500 ${l})`,
+				"stroke-dasharray": `${O.toFixed(1)} ${(h - O).toFixed(1)}`,
+				"stroke-dashoffset": (-v).toFixed(1),
+				style: `--n:${x}; --palette:var(--tablechart-color-${x + 1}); --arc:${O.toFixed(1)}; --circ:${h.toFixed(1)}; ${D} --ease:${T.easing}; ${b("--i", e.slot)}`
 			}));
-			let x = p + d / _ * Math.PI, C = Math.cos(x), w = Math.sin(x);
-			i.appendChild(I("line", {
-				class: S,
-				x1: c + C * (m + 2 * n),
-				y1: l + w * (m + 2 * n),
-				x2: c + C * (m + 7 * n),
-				y2: l + w * (m + 7 * n),
+			let A = k + O / h * Math.PI, j = Math.cos(A), M = Math.sin(A);
+			i.appendChild(C("line", {
+				class: "tablechart-leader",
+				x1: 500 + j * (f + 2 * n),
+				y1: l + M * (f + 2 * n),
+				x2: 500 + j * (f + 7 * n),
+				y2: l + M * (f + 7 * n),
 				"data-row": o + 1,
-				style: N("--i", e.slot)
-			}));
-			let T = m + 9 * n, E = Y(s).width * n / 2;
-			z(s, c + C * (T + Math.abs(C) * E), l + w * (T + Math.abs(w) * r * .7), j, t), s.dataset.place = "around", y += d, b += 1;
-		}), v.length > 1) {
-			let e = g - h / 2 - 1, n = g + h / 2 + 1, r = `tablechart-slices-${++Te}`, a = I("mask", {
+				style: `${D} ${b("--i", e.slot)}`
+			})), c.style.setProperty("--start", T.start.toFixed(4)), c.style.setProperty("--span", T.span.toFixed(4));
+			let N = f + 9 * n, P = H(c).width * n / 2;
+			E(c, 500 + j * (N + Math.abs(j) * P), l + M * (N + Math.abs(M) * r * .7), g, t), c.dataset.place = "around", v += O, S += d, x += 1;
+		}), _.length > 1) {
+			let e = m - p / 2 - 1, n = m + p / 2 + 1, r = `tablechart-slices-${++fe}`, a = C("mask", {
 				id: r,
 				maskUnits: "userSpaceOnUse"
 			});
-			a.appendChild(I("rect", {
+			a.appendChild(C("rect", {
 				x: 0,
 				y: 0,
-				width: j,
+				width: g,
 				height: t,
 				fill: "white"
 			}));
-			for (let t of v) a.appendChild(I("line", {
-				class: p,
-				x1: c + Math.cos(t) * e,
+			for (let t of _) a.appendChild(C("line", {
+				class: "tablechart-divide",
+				x1: 500 + Math.cos(t) * e,
 				y1: l + Math.sin(t) * e,
-				x2: c + Math.cos(t) * n,
+				x2: 500 + Math.cos(t) * n,
 				y2: l + Math.sin(t) * n
 			}));
-			let o = I("g", { mask: `url(#${r})` });
-			for (let e of Array.from(i.querySelectorAll(`.${f}`))) o.appendChild(e);
-			let s = I("defs");
-			s.appendChild(a), i.prepend(s, o);
+			let o = C("g", { mask: `url(#${r})` });
+			for (let e of Array.from(i.querySelectorAll(`.${s}`))) o.appendChild(e);
+			let c = C("defs");
+			c.appendChild(a), i.prepend(c, o);
 		}
-		s && z(s, c, l, j, t);
+		c && E(c, 500, l, g, t);
 	}
-}, Oe = [
+}, he = [
 	"circle",
 	"square",
 	"diamond"
-], ke = (e, t) => {
-	let n = e[t]?.marker?.toLowerCase().split(/\s+/) ?? [], r = Oe.find((e) => n.includes(e));
+], ge = (e, t) => {
+	let n = e[t]?.marker?.toLowerCase().split(/\s+/) ?? [], r = he.find((e) => n.includes(e));
 	return {
-		shape: r ?? Oe[Math.floor(t / 2) % Oe.length],
+		shape: r ?? he[Math.floor(t / 2) % he.length],
 		open: n.includes("open") || !n.includes("filled") && !r && t % 2 == 1
 	};
-}, Ae = (e, t, n, r, i = {}) => {
+}, _e = (e, t, n, r, i = {}) => {
 	if (e === "square") {
 		let e = r * .88;
-		return I("rect", {
+		return C("rect", {
 			x: t - e,
 			y: n - e,
 			width: e * 2,
@@ -653,19 +658,19 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "t
 	}
 	if (e === "diamond") {
 		let e = r * 1.2;
-		return I("polygon", {
+		return C("polygon", {
 			points: `${t},${n - e} ${t + e},${n} ${t},${n + e} ${t - e},${n}`,
 			...i
 		});
 	}
-	return I("circle", {
+	return C("circle", {
 		cx: t,
 		cy: n,
 		r,
 		...i
 	});
 }, Z = (e) => Number(e.toFixed(2));
-function je(e, t) {
+function ve(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);
@@ -682,17 +687,17 @@ function je(e, t) {
 	};
 	return i[0] = a(0, 1, i[1]), i[n - 1] = a(n - 2, n - 1, i[n - 2]), i;
 }
-function Me(e, t, n, r) {
+function ye(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 Ne(e, t, n, r) {
-	let [i, a] = Me(e, t, n, r), o = ([e, t]) => `${Z(e)},${Z(t)}`;
+function be(e, t, n, r) {
+	let [i, a] = ye(e, t, n, r), o = ([e, t]) => `${Z(e)},${Z(t)}`;
 	return `C${o(i)} ${o(a)} ${o(t)}`;
 }
-function Pe(e, t, n) {
+function xe(e, t, n) {
 	let r = Array(e).fill(0), i = [], a = () => {
-		je(i.map((e) => n(e)[0]), i.map((e) => n(e)[1])).forEach((e, t) => {
+		ve(i.map((e) => n(e)[0]), i.map((e) => n(e)[1])).forEach((e, t) => {
 			r[i[t]] = e;
 		}), i = [];
 	};
@@ -701,13 +706,13 @@ function Pe(e, t, n) {
 }
 //#endregion
 //#region src/js/charts/line.ts
-var Fe = (e) => e.map((e) => ({
+var Se = (e) => e.map((e) => ({
 	...e,
 	from: 0,
 	to: e.value,
 	kind: "bar"
-})), Ie = (e) => ({
-	segments: Fe,
+})), Ce = (e) => ({
+	segments: Se,
 	series: !0,
 	stackable: !0,
 	running: !0,
@@ -715,14 +720,14 @@ var Fe = (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: i, names: a, cx: s, y: c, height: l, unit: u, labelHeight: d, svg: f, stacked: p } = t, _ = t.shape === "step", v = t.shape === "smooth", x = r.length > 1, S = r.some((e) => e.focus), C = n.length - 1, w = c(0), T = n.length > 1 ? s(1) - s(0) : s(0) * 2;
-		f.style.setProperty("--tablechart-base", `${Z(w)}px`);
-		let E = (e) => `--rise:${Z(w - e)}px; `, D = (e, t) => n[t]?.cells[e] ?? n[t]?.cells[0], O = (e, t) => !D(e, t) || !!D(e, t)?.missing, k = n.map((e) => p ? pe(e, r.length, !0) : null), A = (e, t) => k[t]?.[e].to ?? D(e, t)?.value ?? 0, M = (e, t) => k[t]?.[e].from ?? 0, N = (e, t) => [s(t), c(A(e, t))], P = r.map((e, t) => {
-			if (!x) return {
+		let { rows: n, series: r, seriesValues: a, names: o, cx: s, y: c, height: u, unit: d, labelHeight: f, svg: p, stacked: m } = t, h = t.shape === "step", _ = t.shape === "smooth", v = r.length > 1, y = r.some((e) => e.focus), b = n.length - 1, x = c(0), S = n.length > 1 ? s(1) - s(0) : s(0) * 2;
+		p.style.setProperty("--_base", `${Z(x)}px`);
+		let w = (e) => `--rise:${Z(x - e)}px; `, T = (e, t) => n[t]?.cells[e] ?? n[t]?.cells[0], D = (e, t) => !T(e, t) || !!T(e, t)?.missing, k = n.map((e) => m ? K(e, r.length, !0) : null), A = (e, t) => k[t]?.[e].to ?? T(e, t)?.value ?? 0, j = (e, t) => k[t]?.[e].from ?? 0, M = (e, t) => [s(t), c(A(e, t))], N = r.map((e, t) => {
+			if (!v) return {
 				attrs: {},
 				ink: ""
 			};
-			let n = S && !e.focus;
+			let n = y && !e.focus;
 			return {
 				attrs: {
 					"data-series": t + 1,
@@ -730,144 +735,146 @@ var Fe = (e) => e.map((e) => ({
 				},
 				ink: `--n:${t}; --m:${+!!n}; --palette:var(--tablechart-color-${t + 1}); `
 			};
-		}), F = Math.min(C, 6), L = C > 0 ? F / (_ ? n.length : C) : 1, R = (e) => e * L, B = (e) => `--i:${Z(R(e))}`, V = (e) => {
+		}), P = Math.min(b, 6);
+		t.plot.style.setProperty("--count", String(P + 1));
+		let F = b > 0 ? P / (h ? n.length : b) : 1, I = (e) => e * F, L = (e) => `--i:${Z(I(e))}`, R = (e) => {
 			let t = [], r = -1;
 			return n.forEach((n, i) => {
-				O(e, i) || (r < 0 && (r = i), (i === C || O(e, i + 1)) && ((_ || i > r) && t.push([r, i]), r = -1));
+				D(e, i) || (r < 0 && (r = i), (i === b || D(e, i + 1)) && ((h || i > r) && t.push([r, i]), r = -1));
 			}), t;
-		}, H = (e, t) => `--i:${Z(R(e) + 1)}; --d:${Z(R(_ ? t + 1 : t) - R(e))}`, te = (e, t) => ({
+		}, z = (e, t) => `--i:${Z(I(e) + 1)}; --d:${Z(I(h ? t + 1 : t) - I(e))}`, B = (e, t) => ({
 			"data-from": e + 1,
 			"data-to": t + 1,
-			..._ && { "data-flat": "" }
-		}), U = v ? r.map((e, t) => Pe(n.length, (e) => O(t, e), (e) => N(t, e))) : [], ne = v && e ? r.map((e, t) => Pe(n.length, (e) => O(t, e), (e) => [s(e), c(M(t, e))])) : [], W = (e, t, n) => {
+			...h && { "data-flat": "" }
+		}), V = _ ? r.map((e, t) => xe(n.length, (e) => D(t, e), (e) => M(t, e))) : [], ee = _ && e ? r.map((e, t) => xe(n.length, (e) => D(t, e), (e) => [s(e), c(j(t, e))])) : [], te = (e, t, n) => {
 			let r = [];
 			return e.forEach(([i, a], o) => {
-				_ ? (r.push(`H${Z(i + n * T / 2)}`), o < e.length - 1 && r.push(`V${Z(e[o + 1][1])}`)) : o > 0 && r.push(t ? Ne(e[o - 1], [i, a], t[o - 1], t[o]) : `L${Z(i)},${Z(a)}`);
+				h ? (r.push(`H${Z(i + n * S / 2)}`), o < e.length - 1 && r.push(`V${Z(e[o + 1][1])}`)) : o > 0 && r.push(t ? be(e[o - 1], [i, a], t[o - 1], t[o]) : `L${Z(i)},${Z(a)}`);
 			}), r;
-		}, G = (e, t, r, i) => n.slice(t, r + 1).map((n, r) => [s(t + r), c(i(e, t + r))]), K = (e, t, n, r) => v ? e[t].slice(n, r + 1) : null, q = (e) => s(e) - (_ ? T / 2 : 0), re = (e) => s(e) + (_ ? T / 2 : 0), ie = (e) => {
-			let t = I("g", {
-				class: h,
-				...P[e].attrs,
-				...p && { "data-stacked": "" },
-				style: P[e].ink
-			}), n = V(e), r = I("g", {
-				class: g,
-				style: `--rows:${Z(F + 1)}; ${n.length ? H(...n[0]) : ""}`
+		}, 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) - (h ? S / 2 : 0), re = (e) => s(e) + (h ? S / 2 : 0), G = (e) => {
+			let t = C("g", {
+				class: "tablechart-area",
+				...N[e].attrs,
+				...m && { "data-stacked": "" },
+				style: N[e].ink
+			}), n = R(e), r = C("g", {
+				class: "tablechart-area-fill",
+				style: `--rows:${Z(P + 1)}; ${n.length ? z(...n[0]) : ""}`
 			});
 			t.appendChild(r);
 			for (let [t, i] of n) {
-				let n = G(e, t, i, A), a = G(e, t, i, M), o = K(ne, e, t, i)?.reverse() ?? null, s = [
-					`M${Z(q(t))},${Z(a[0][1])}`,
-					`L${Z(q(t))},${Z(n[0][1])}`,
-					...W(n, K(U, e, t, i), 1),
+				let n = U(e, t, i, A), a = U(e, t, i, j), o = W(ee, e, t, i)?.reverse() ?? null, s = [
+					`M${Z(ne(t))},${Z(a[0][1])}`,
+					`L${Z(ne(t))},${Z(n[0][1])}`,
+					...te(n, W(V, e, t, i), 1),
 					`L${Z(re(i))},${Z(a[a.length - 1][1])}`,
-					...W(a.reverse(), o, -1),
+					...te(a.reverse(), o, -1),
 					"Z"
 				].join(" ");
-				r.appendChild(I("path", {
+				r.appendChild(C("path", {
 					d: s,
-					...te(t, i),
-					style: H(t, i)
+					...B(t, i),
+					style: z(t, i)
 				}));
 			}
-			f.appendChild(t);
-		}, ae = (e) => {
+			p.appendChild(t);
+		}, q = (e) => {
 			let t = r[e];
-			for (let [n, r] of V(e)) {
-				let i = G(e, n, r, A), a = [`M${Z(q(n))},${Z(i[0][1])}`, ...W(i, K(U, e, n, r), 1)].join(" ");
-				f.appendChild(I("path", {
-					class: m,
-					...P[e].attrs,
+			for (let [n, r] of R(e)) {
+				let i = U(e, n, r, A), a = [`M${Z(ne(n))},${Z(i[0][1])}`, ...te(i, W(V, e, n, r), 1)].join(" ");
+				p.appendChild(C("path", {
+					class: "tablechart-series",
+					...N[e].attrs,
 					d: a,
 					...t.line && { "data-line": t.line },
-					...te(n, r),
-					style: `${P[e].ink}${H(n, r)}`
+					...B(n, r),
+					style: `${N[e].ink}${z(n, r)}`
 				}));
 			}
 		};
-		e && r.forEach((e, t) => ie(t)), r.forEach((e, t) => ae(t)), _ || (() => {
-			let e = r.map((e, t) => x ? ke(r, t) : {
+		e && r.forEach((e, t) => G(t)), r.forEach((e, t) => q(t)), h || (() => {
+			let e = r.map((e, t) => v ? ge(r, t) : {
 				shape: "circle",
 				open: !1
 			}), t = (t, n, r) => {
-				let [i, a] = N(t, n);
-				return Ae(e[t].shape, i, a, 4 * u, {
+				let [i, a] = M(t, n);
+				return _e(e[t].shape, i, a, 4 * d, {
 					...r,
-					style: `${r.style ?? ""}${E(a)}${B(n)}`
+					style: `${r.style ?? ""}${w(a)}${L(n)}`
 				});
-			}, i = (e) => n.map((e, t) => t).filter((t) => !O(e, t));
-			ee(f, r.flatMap((n, r) => e[r].open ? i(r).map((e) => t(r, e, {
-				class: b,
+			}, i = (e) => n.map((e, t) => t).filter((t) => !D(e, t)), a = r.flatMap((n, r) => e[r].open ? i(r).map((e) => t(r, e, {
+				class: l,
 				"data-row": e + 1,
-				...x && { "data-series": r + 1 }
-			})) : []), j, l), r.forEach((n, r) => {
-				for (let n of i(r)) f.appendChild(t(r, n, {
-					class: y,
-					...P[r].attrs,
+				...v && { "data-series": r + 1 }
+			})) : []);
+			O(p, a, g, u), r.forEach((n, r) => {
+				for (let n of i(r)) p.appendChild(t(r, n, {
+					class: "tablechart-point",
+					...N[r].attrs,
 					"data-marker": e[r].shape,
 					...e[r].open && { "data-open": "" },
 					"data-row": n + 1,
-					style: P[r].ink
+					style: N[r].ink
 				}));
 			});
 		})();
-		let J = (e, t) => {
+		let ie = (e, t) => {
 			let n = t;
-			for (; n < C && !O(e, n + 1) && D(e, n + 1)?.value === D(e, t)?.value;) n++;
+			for (; n < b && !D(e, n + 1) && T(e, n + 1)?.value === T(e, t)?.value;) n++;
 			return n;
-		}, oe = (t, n) => {
-			let i = D(t, n);
-			if (!i || i.missing || _ && n > 0 && !O(t, n - 1) && D(t, n - 1)?.value === i.value || S && !r[t].focus) return "none";
-			if (p) return "middle";
+		}, J = (t, n) => {
+			let i = T(t, n);
+			if (!i || i.missing || h && n > 0 && !D(t, n - 1) && T(t, n - 1)?.value === i.value || y && !r[t].focus) return "none";
+			if (m) return "middle";
 			let a = i.value < 0 ? "below" : "above";
-			if (!x || S || r.length > 2) return a;
-			let o = D(1 - t, n);
-			return !o || o.missing ? a : i.value > o.value || i.value === o.value && t === 0 || e && i.value >= 0 && N(t, n)[1] + 7 * u + d > w ? "above" : "below";
-		}, se = (e, t) => !p && !_ ? x && !S && r.length > 2 : Y(i[e][t]).width * u > (_ ? J(e, t) - t + 1 : 1) * T - 4 * u || p && e > 0 && A(e, t) < M(e, t) ? !0 : p && Math.abs(c(M(e, t)) - c(A(e, t))) < d * 1.2;
-		i.forEach((e, t) => {
+			if (!v || y || r.length > 2) return a;
+			let o = T(1 - t, n);
+			return !o || o.missing ? a : i.value > o.value || i.value === o.value && t === 0 || e && i.value >= 0 && M(t, n)[1] + 7 * d + f > x ? "above" : "below";
+		}, ae = (e, t) => !m && !h ? v && !y && r.length > 2 : H(a[e][t]).width * d > (h ? ie(e, t) - t + 1 : 1) * S - 4 * d || m && e > 0 && A(e, t) < j(e, t) ? !0 : m && Math.abs(c(j(e, t)) - c(A(e, t))) < f * 1.2;
+		a.forEach((e, t) => {
 			e.forEach((e, n) => {
-				e.style.setProperty("--i", String(Z(_ ? (R(n) + R(n + 1)) / 2 : R(n))));
-				let r = oe(t, n);
-				if (e.dataset.place = r === "above" ? "outside" : r, e.toggleAttribute("data-left-out", r !== "none" && se(t, n)), _ && r !== "none" ? e.dataset.rowEnd = String(J(t, n) + 1) : delete e.dataset.rowEnd, r === "none") return;
-				let i = Y(e).width * u / 2 + 4 * u, a = s(n);
-				_ ? a = (s(n) + s(J(t, n))) / 2 : r === "middle" && n === 0 ? a += i : r === "middle" && n === C && (a -= i);
-				let o = c(A(t, n)), d = {
-					middle: (c(M(t, n)) - o) / 2,
-					above: -7 * u,
-					below: 7 * u
+				e.style.setProperty("--i", String(Z(h ? (I(n) + I(n + 1)) / 2 : I(n))));
+				let r = J(t, n);
+				if (e.dataset.place = r === "above" ? "outside" : r, e.toggleAttribute("data-left-out", r !== "none" && ae(t, n)), h && r !== "none" ? e.dataset.rowEnd = String(ie(t, n) + 1) : delete e.dataset.rowEnd, r === "none") return;
+				let i = H(e).width * d / 2 + 4 * d, a = s(n);
+				h ? a = (s(n) + s(ie(t, n))) / 2 : r === "middle" && n === 0 ? a += i : r === "middle" && n === b && (a -= i);
+				let o = c(A(t, n)), l = {
+					middle: (c(j(t, n)) - o) / 2,
+					above: -7 * d,
+					below: 7 * d
 				};
-				z(e, a, o + d[r], j, l);
+				E(e, a, o + l[r], g, u);
 			});
 		});
-		let ce = a.map((e, t) => {
-			let n = C;
-			for (; n > 0 && O(t, n);) n--;
-			let [r, i] = N(t, n);
+		let oe = o.map((e, t) => {
+			let n = b;
+			for (; n > 0 && D(t, n);) n--;
+			let [r, i] = M(t, n);
 			return {
 				name: e,
-				x: (_ ? r + T / 2 : r) + 10 * u,
-				y: p ? (i + c(M(t, n))) / 2 : i
+				x: (h ? r + S / 2 : r) + 10 * d,
+				y: m ? (i + c(j(t, n))) / 2 : i
 			};
-		}), le = (a[0] ? Y(a[0]).height : 0) * u;
-		for (let e of Se(ce, le)) z(e.name, e.x, e.y, j, l);
-		let ue = n.some((e) => e.cells.some((e) => !e.missing && e.value < 0)), de = !e && !p && r.length === 2 && !S && !ue ? l - 2 * u : w;
-		f.appendChild(I("line", {
-			class: o,
+		}), se = (o[0] ? H(o[0]).height : 0) * d;
+		for (let e of le(oe, se)) E(e.name, e.x, e.y, g, u);
+		let Y = n.some((e) => e.cells.some((e) => !e.missing && e.value < 0)), X = !e && !m && r.length === 2 && !y && !Y ? u - 2 * d : x;
+		p.appendChild(C("line", {
+			class: i,
 			x1: 0,
-			x2: s(C) + s(0),
-			y1: de,
-			y2: de
+			x2: s(b) + s(0),
+			y1: X,
+			y2: X
 		}));
 	}
-}), Le = Ie(!1), Re = Ie(!0), ze = /* @__PURE__ */ new Set(), Be = (t, n) => {
+}), we = Ce(!1), Te = Ce(!0), Ee = /* @__PURE__ */ new Set(), De = (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 what you wrote; this is only a check.`;
-	ze.has(r) || (ze.add(r), console.warn(r));
-}, Ve = {
+	let r = `[${e}] A total reads ${t}, but the steps before it add up to ${Number(n.toFixed(6))}. The chart shows your number.`;
+	Ee.has(r) || (Ee.add(r), console.warn(r));
+}, Oe = {
 	segments: (e) => {
 		let t = 0, n = !1;
 		return e.map((e) => {
-			if (e.isTotal) return n && Be(e.value, t), n = !1, t = e.value, {
+			if (e.isTotal) return n && De(e.value, t), n = !1, t = e.value, {
 				...e,
 				from: 0,
 				to: e.value,
@@ -884,53 +891,56 @@ var Fe = (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: r, height: a, unit: c, svg: l, values: u, breakAt: d, insideAlign: f }) {
-		let p = n(0), m = ve(u, r, c), h = f ?? "center", g = e.map((t, r) => {
-			let i = n(Math.max(t.from, t.to)), a = Math.abs(n(t.from) - n(t.to)), o = d !== null && Math.min(t.from, t.to) < d && Math.max(t.from, t.to) > d, s = t.kind === "total" && r > 0 && r === e.length - 1;
+	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 = se(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" && (s ? t.to >= 0 : t.to < 0),
-				inside: !o && !m && ye(u[r], a, c)
+				down: t.kind === "down" || t.kind === "total" && (c ? t.to >= 0 : t.to < 0),
+				inside: !o && !p && Y(l[r], a, s)
 			};
-		}), _ = u[0] ? Y(u[0]).height * c * .56 : 0, v = Infinity;
-		for (let [e, t] of g.entries()) t.inside && (v = Math.min(v, (r - Y(u[e]).width * c) / 2));
-		e.forEach((i, a) => {
-			let o = e[a + 1];
+		}), _ = l[0] ? H(l[0]).height * s * .56 : 0, y = Infinity;
+		for (let [e, t] of h.entries()) t.inside && (y = Math.min(y, (a - H(l[e]).width * s) / 2));
+		let x = e.length, S = (e, t, n = !1) => `--start:${(e / x).toFixed(4)}; --span:${(t / x).toFixed(4)}; --ease:${n ? v : "linear"};`;
+		e.forEach((r, i) => {
+			let o = e[i + 1];
 			if (!o) return;
-			let c = n(i.to), u = t(a) + r / 2, d = t(a + 1) - r / 2;
-			l.appendChild(I("line", {
-				class: s,
-				x1: u,
-				x2: d,
-				y1: c,
-				y2: c,
-				"data-row": a + 2,
-				style: N("--i", o.slot)
+			let s = n(r.to), l = t(i) + a / 2, u = t(i + 1) - a / 2;
+			c.appendChild(C("line", {
+				class: "tablechart-connector",
+				x1: l,
+				x2: u,
+				y1: s,
+				y2: s,
+				"data-row": i + 2,
+				style: `${b("--i", o.slot)}; ${S(i + 1, 1 / 3)}`
 			}));
-		}), e.forEach((e, n) => {
-			let { top: o, length: s, down: d, inside: f } = g[n];
-			l.appendChild(I("rect", {
-				class: L(i, e),
-				"data-kind": e.kind,
-				"data-row": n + 1,
-				"data-grow": d ? "down" : "up",
-				x: t(n) - r / 2,
-				y: o,
-				width: r,
-				height: Math.max(s, 1),
-				style: N("--i", e.slot)
+		}), e.forEach((n, i) => {
+			let { top: u, length: d, down: f, inside: p } = h[i];
+			c.appendChild(C("rect", {
+				class: w(r, n),
+				"data-kind": n.kind,
+				"data-row": i + 1,
+				"data-grow": f ? "down" : "up",
+				x: t(i) - a / 2,
+				y: u,
+				width: a,
+				height: Math.max(d, 1),
+				style: `${b("--i", n.slot)}; ${S(i, 1, i === e.length - 1)}`
 			}));
-			let p = u[n], m = Math.min(v, (s - _) / 2), y = o + m + _ / 2, b = o + s - m - _ / 2, x = h === "center" ? o + s / 2 : h === "end" === d ? b : y;
-			p.dataset.place = f ? "inside" : "outside", p.dataset.kind = e.kind;
-			let S = f ? x : e.kind === "down" ? o + s + Y(p).height * c + 3 * c : o - 3 * c;
-			z(p, t(n), S, j, a);
-		}), l.appendChild(I("line", {
-			class: o,
+			let v = l[i];
+			v.style.setProperty("--start", (i / x).toFixed(4)), v.style.setProperty("--span", (1 / x).toFixed(4));
+			let T = Math.min(y, (d - _) / 2), D = u + T + _ / 2, O = u + d - T - _ / 2, k = m === "center" ? u + d / 2 : m === "end" === f ? O : D;
+			v.dataset.place = p ? "inside" : "outside", v.dataset.kind = n.kind;
+			let A = p ? k : n.kind === "down" ? u + d + H(v).height * s + 3 * s : u - 3 * s;
+			E(v, t(i), A, g, o);
+		}), c.appendChild(C("line", {
+			class: i,
 			x1: 0,
-			x2: j,
-			y1: p,
-			y2: p
+			x2: g,
+			y1: f,
+			y2: f
 		}));
 	}
 }, Q = {
@@ -943,7 +953,7 @@ var Fe = (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) : Q.log(`${t} took ${o.toFixed(1)} ms for ${s} rows.`, n), a;
 	}
-}, He = (e) => {
+}, ke = (e) => {
 	let t = (e?.textContent || "").trim(), n = t.match(/^(.*?)(-?\d+(?:[.,]\d+)?)(.*)$/);
 	return {
 		raw: t,
@@ -953,9 +963,9 @@ var Fe = (e) => e.map((e) => ({
 		missing: !n,
 		value: n ? Number.parseFloat(n[2].replace(",", ".")) : 0
 	};
-}, 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)), {
+}, Ae = (e, t = "data-i18n") => Array.from(e.querySelectorAll("tbody tr")).map((e, n) => {
+	let r = e.querySelector("th"), i = Array.from(e.querySelectorAll("td")).map(ke);
+	return i.length || i.push(ke(null)), {
 		...i[0],
 		label: (r?.textContent || "").trim(),
 		key: t && r?.getAttribute(t) || null,
@@ -964,8 +974,8 @@ var Fe = (e) => e.map((e) => ({
 		isTotal: e.getAttribute("data-kind") === "total",
 		slot: n
 	};
-}), 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, U(t.map((e) => e.cells.length)));
+}), je = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), Me = (e) => e === "dashed" || e === "dotted" ? e : null, Ne = (e, t, n = "data-i18n") => {
+	let r = je(e), i = Math.max(1, M(t.map((e) => e.cells.length)));
 	return Array.from({ length: i }, (e, t) => {
 		let i = r[t];
 		return {
@@ -973,10 +983,10 @@ var Fe = (e) => e.map((e) => ({
 			key: n && i?.getAttribute(n) || null,
 			focus: i?.getAttribute("data-kind") === "focus",
 			marker: i?.getAttribute("data-marker") ?? null,
-			line: Ge(i?.getAttribute("data-line"))
+			line: Me(i?.getAttribute("data-line"))
 		};
 	});
-}, qe = (t, n) => {
+}, Pe = (t, n) => {
 	if (!n) return;
 	let r = /* @__PURE__ */ new Map();
 	for (let i of t) {
@@ -984,22 +994,22 @@ var Fe = (e) => e.map((e) => ({
 		if (!t) continue;
 		if (r.has(t)) {
 			let n = r.get(t) + 1;
-			r.set(t, n), console.warn(`[${e}] Two charts on the page have data-chart-keys="${t}". If two charts use the same keys, they get the same translations. This one uses "${t}-${n}".`), t = `${t}-${n}`;
+			r.set(t, n), console.warn(`[${e}] Two charts have data-chart-keys="${t}", so this one uses "${t}-${n}" to keep their translations apart.`), t = `${t}-${n}`;
 		} else r.set(t, 1);
 		i.querySelectorAll("tbody th").forEach((e, r) => {
 			e.getAttribute(n) || e.setAttribute(n, `${t}-row${r + 1}`);
 		});
-		let a = We(i);
+		let a = je(i);
 		a.length > 1 && a.forEach((e, r) => {
 			e.getAttribute(n) || e.setAttribute(n, `${t}-col${r + 1}`);
 		}), Q?.log?.(`Keys for "${t}" written onto ${i.querySelectorAll("tbody th").length} rows`);
 	}
-}, Je = [
+}, Fe = [
 	"axis-break",
 	"trend",
 	"bracket"
-], Ye = (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) => Je.includes(e.getAttribute("data-annotation") ?? "")), a = (e) => e.hasAttribute("data-fragment"), o = n.map((e) => Array.from(e.querySelectorAll(":scope > td")));
+], Ie = (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) => Fe.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);
@@ -1057,7 +1067,7 @@ var Fe = (e) => e.map((e) => ({
 		count: s.length,
 		indexes: s
 	};
-}, Xe = (e) => {
+}, Le = (e) => {
 	let t = e.plan;
 	if (!t) return;
 	let n = (t) => t === null || e.step - t >= 1;
@@ -1068,66 +1078,90 @@ var Fe = (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));
 	}
-}, Ze = (e) => {
+}, Re = (e) => {
 	let t = e.plan;
 	if (!t) return;
-	let n = t.rows.length - 1, r = (e) => t.series.map((n, r) => t.cells[e]?.[r]?.step ?? n.step ?? t.rows[e]?.step ?? null), i = (e) => {
-		let t = r(e);
+	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);
-	}, a = new Set(e.totals), o = (e, t, n, r) => {
+	}, o = new Set(e.totals), c = (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 s of e.figure.querySelectorAll("[data-row], [data-series], [data-note]")) {
-		if (s.closest("table, .tablechart-controls") || s.hasAttribute("data-from")) continue;
-		let e = Number(s.dataset.note);
+	for (let r of e.figure.querySelectorAll("[data-row], [data-series], [data-note]")) {
+		if (r.closest("table, .tablechart-controls") || r.hasAttribute("data-from")) continue;
+		let e = Number(r.dataset.note);
 		if (e > 0) {
 			let n = t.notes[e - 1];
-			n && o(s, n.step, "--after", n.after);
+			n && c(r, n.step, "--after", n.after);
 			continue;
 		}
-		let c = s.dataset.row ? Number(s.dataset.row) - 1 : n;
-		if (s.classList.contains("tablechart-connector")) {
-			let e = t.rows[c - 1], n = t.rows[c];
+		let s = r.dataset.row ? Number(r.dataset.row) - 1 : n;
+		if (r.classList.contains("tablechart-connector")) {
+			let e = t.rows[s - 1], n = t.rows[s];
 			if (e && n) {
 				let t = (e.step ?? -1) > (n.step ?? -1);
-				o(s, t ? e.step : n.step, "--i", t ? e.slot + 1 : n.slot);
+				c(r, t ? e.step : n.step, "--i", t ? e.slot + 1 : n.slot);
 			}
 			continue;
 		}
-		if (a.has(s)) {
-			let e = r(c).filter((e) => e !== null);
-			o(s, e.length ? Math.max(...e) : null, "--i", t.rows[c]?.slot ?? 0);
+		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);
 			continue;
 		}
-		if (s.hasAttribute("data-stack")) {
-			o(s, i(c), "--i", t.rows[c]?.slot ?? 0);
+		if (r.hasAttribute("data-stack")) {
+			c(r, a(s), "--i", t.rows[s]?.slot ?? 0);
 			continue;
 		}
-		let l = s.dataset.series ? Number(s.dataset.series) - 1 : 0, u = s.dataset.series ? t.series[l] : void 0;
-		if (s.classList.contains("tablechart-piece")) {
-			let e = r(c)[l] ?? null, n = t.cells[c]?.[l];
-			o(s, e === i(c) ? null : e, "--i", n && n.step !== null ? n.slot : c);
+		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);
 			continue;
 		}
-		if (s.dataset.place === "legend") {
+		if (r.dataset.place === "legend") {
 			let e = Math.min(...t.cells.map((e) => e[l]?.step ?? Infinity));
-			o(s, u?.step ?? (Number.isFinite(e) ? e : null), "--i", 0);
+			c(r, u?.step ?? (Number.isFinite(e) ? e : null), "--i", 0);
 			continue;
 		}
-		let d = t.cells[c]?.[l];
-		d && d.step !== null ? o(s, d.step, "--i", d.slot) : u && u.step !== null ? o(s, u.step, "--i", c) : t.rows[c] && o(s, t.rows[c].step, "--i", t.rows[c].slot);
+		let 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 s = e.figure.querySelector(`.${x}`);
-	if (s) {
+	let l = e.figure.querySelector(`.${u}`);
+	if (l) {
 		let e = [...t.rows, ...t.cells.flat()].map((e) => e.step ?? -1), n = Math.max(-1, ...e);
-		n < 0 ? o(s, null, "--i", 0) : o(s, n, "--i", e.filter((e) => e === n).length);
+		n < 0 ? c(l, null, "--i", 0) : c(l, n, "--i", e.filter((e) => e === n).length);
 	}
-	Xe(e);
+	let d = [...t.rows, ...t.cells.flat()].map((e) => e.slot + 1), f = t.series.some((e) => e.step !== null) ? t.rows.length : 1;
+	e.plot.style.setProperty("--count", String(Math.max(f, ...d)));
+	let p = e.figure.querySelectorAll(`.${r}`), m = p[p.length - 1];
+	if (e.figure.dataset.chart === "waterfall" && m?.dataset.kind === "total" && p.length > 1) {
+		let e = Number(m.dataset.row) - 1;
+		(t.rows[e - 1]?.step ?? -1) > (t.rows[e]?.step ?? -1) && (m.dataset.grow = m.dataset.grow === "down" ? "up" : "down");
+	}
+	let h = Array.from(e.figure.querySelectorAll(`.${s}`));
+	if (h.length) {
+		let t = (e) => e.style.getPropertyValue("--step") || "none", n = (e) => Number(e.style.getPropertyValue("--share") || 0), r = h.length, i = Math.max(0, h.findIndex((e, n) => t(e) !== t(h[(n - 1 + r) % r]))), a = [];
+		for (let e = 0; e < r; e++) {
+			let n = h[(i + e) % r], o = a[a.length - 1];
+			o && t(o[0]) === t(n) ? o.push(n) : a.push([n]);
+		}
+		let o = /* @__PURE__ */ new Map();
+		for (let e of a) {
+			let t = e.reduce((e, t) => e + n(t), 0), r = 0;
+			for (let i of e) o.set(i.dataset.row ?? "", y(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));
+		}
+	}
+	Le(e);
 }, $ = (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("--tablechart-step", String(i)), Xe(e);
+	e.step = i, e.figure.style.setProperty("--_step", String(i)), Le(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,
@@ -1136,25 +1170,25 @@ var Fe = (e) => e.map((e) => ({
 			steps: r.count
 		}
 	}));
-}, Qe = (e, t, n) => {
+}, ze = (e, t, n) => {
 	let r = document.createElement("div");
-	r.className = A;
+	r.className = "tablechart-controls";
 	let i = (r) => {
 		let i = document.createElement("button");
 		i.type = "button", i.className = `tablechart-${r}`, i.dataset.go = r;
 		let a = document.createElement("span");
 		a.className = "tablechart-control-icon", a.setAttribute("aria-hidden", "true");
-		let o = I("svg", {
+		let o = C("svg", {
 			viewBox: "0 0 16 16",
 			focusable: "false"
 		});
-		o.appendChild(I("path", { d: r === "next" ? "M6 3l5 5-5 5" : "M10 3L5 8l5 5" })), a.appendChild(o);
+		o.appendChild(C("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 = E, l.textContent = e.hint, t.hint && n && l.setAttribute(n, t.hint), i.append(...r === "next" ? [
+		return l.className = p, l.textContent = e.hint, t.hint && n && l.setAttribute(n, t.hint), i.append(...r === "next" ? [
 			s,
 			l,
 			a
@@ -1165,35 +1199,35 @@ var Fe = (e) => e.map((e) => ({
 		]), i;
 	};
 	return r.append(i("previous"), i("next")), r;
-}, $e = {
-	area: Re,
-	bar: Ce,
-	column: we,
-	donut: De,
-	line: Le,
-	waterfall: Ve
-}, et = {
-	"axis-break": te,
-	trend: le,
-	bracket: J
-}, tt = Object.keys(et), nt = (e) => {
+}, Be = {
+	area: Te,
+	bar: ue,
+	column: de,
+	donut: me,
+	line: we,
+	waterfall: Oe
+}, Ve = {
+	"axis-break": j,
+	trend: W,
+	bracket: V
+}, He = Object.keys(Ve), Ue = (e) => {
 	let t = "";
 	for (let n = e.previousSibling; n && (t = (n.textContent ?? "") + t, !t.trim()); n = n.previousSibling);
 	return t.trim();
-}, rt = [
+}, We = [
 	"straight",
 	"step",
 	"smooth"
-], it = (e, t) => {
+], Ge = (e, t) => {
 	let n = e.dataset.chartShape;
-	return n && rt.includes(n) ? n : rt.includes(t.shape) ? t.shape : "straight";
-}, at = (e) => {
+	return n && We.includes(n) ? n : We.includes(t.shape) ? t.shape : "straight";
+}, Ke = (e) => {
 	for (let t of e.querySelectorAll("br")) {
-		if (t.previousElementSibling?.classList.contains("tablechart-sr") || /[.!?:;,…]$/.test(nt(t))) continue;
+		if (t.previousElementSibling?.classList.contains("tablechart-sr") || /[.!?:;,…]$/.test(Ue(t))) continue;
 		let e = document.createElement("span");
-		e.className = E, e.textContent = ". ", t.before(e);
+		e.className = p, e.textContent = ". ", t.before(e);
 	}
-}, ot = (e, t, n) => {
+}, qe = (e, t, n) => {
 	let r = e.querySelector("table");
 	if (!r) return null;
 	let i = r.querySelector("tfoot [data-chart-total]");
@@ -1204,153 +1238,160 @@ var Fe = (e) => e.map((e) => ({
 	s && n.langattribute && o.setAttribute(n.langattribute, `${s}-total`);
 	let c = a.insertCell();
 	return c.setAttribute("data-chart-total", ""), c.dataset.value = t.dataset.value ?? "0", a.prepend(o), c;
-}, st = 0, ct = (e) => {
+}, Je = 0, Ye = (e) => {
 	let t = e.querySelector(":scope > figcaption");
 	if (!t) return;
-	at(t);
+	Ke(t);
 	let n = (e) => e.hasAttribute("aria-label") || e.hasAttribute("aria-labelledby"), r = (e) => {
-		t.id || (t.id = `tablechart-caption-${++st}`), e.setAttribute("aria-labelledby", t.id);
+		t.id || (t.id = `tablechart-caption-${++Je}`), 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);
-}, lt = (i, a, o = null) => {
-	let s = o ?? (i.getAttribute("data-chart") || "column"), c = $e[s];
-	if (!c) return console.warn(`[${e}] Unknown chart type "${s}". Known types: ${Object.keys($e).join(", ")}.`), i.setAttribute("data-chart-empty", ""), null;
-	let l = Ue(i, a.langattribute);
-	if (!l.length) return console.warn(`[${e}] A chart has no rows in its table, so there is nothing to draw.`), i.setAttribute("data-chart-empty", ""), null;
-	ct(i);
-	let u = Ke(i, l, a.langattribute);
-	u.length > 1 && !c.series && (console.warn(`[${e}] A ${s} chart draws one series; only the first of the table's ${u.length} value columns is used.`), u = u.slice(0, 1));
-	let d = u.length > 1;
-	d && i.style.setProperty("--tablechart-series-count", String(u.length));
-	let f = i.hasAttribute("data-chart-stack");
-	f && !c.stackable && console.warn(`[${e}] A ${s} chart cannot be stacked.`);
-	let p = f && !!c.stackable && d, m = document.createElement("div");
-	m.className = t, m.setAttribute("aria-hidden", "true");
-	let h = I("svg", {
+}, Xe = (r, i, a = null) => {
+	let o = a ?? (r.getAttribute("data-chart") || "column"), s = Be[o];
+	if (!s) return console.warn(`[${e}] Unknown chart type "${o}". Known types: ${Object.keys(Be).join(", ")}.`), r.setAttribute("data-chart-empty", ""), null;
+	let l = Ae(r, i.langattribute);
+	if (!l.length) return console.warn(`[${e}] A chart has no rows in its table, so there is nothing to draw.`), r.setAttribute("data-chart-empty", ""), null;
+	Ye(r);
+	let d = Ne(r, l, i.langattribute);
+	d.length > 1 && !s.series && (console.warn(`[${e}] A ${o} chart uses only the first of its ${d.length} value columns.`), d = d.slice(0, 1));
+	let f = d.length > 1;
+	f && r.style.setProperty("--_series-count", String(d.length));
+	let p = r.hasAttribute("data-chart-stack");
+	p && !s.stackable && console.warn(`[${e}] A ${o} chart cannot be stacked.`);
+	let m = p && !!s.stackable && f, h = document.createElement("div");
+	h.className = t, h.setAttribute("aria-hidden", "true");
+	let g = C("svg", {
 		role: "presentation",
 		focusable: "false"
 	});
-	m.appendChild(h), i.appendChild(m);
-	let g = c.centre ? l.filter((e) => !e.isTotal) : l, y = Math.max(0, U(g.flatMap((e) => e.cells.slice(0, u.length).map((e) => ne(e.number))))), b = u.map((e, t) => l.map((e, n) => {
-		let i = e.cells[t] ?? e.cells[0], a = R(r, m);
-		return a.classList.add(...e.classes), a.dataset.value = String(i.value), i.prefix && (a.dataset.prefix = i.prefix), i.suffix && (a.dataset.suffix = i.suffix), i.missing && (a.dataset.missing = i.raw), d && (a.dataset.series = String(t + 1)), a.dataset.row = String(n + 1), a.style.setProperty("--i", String(e.slot)), a;
-	})), S = b[0], C = p && c.totals ? l.map((e, t) => {
-		let n = R(r, m);
-		n.classList.add(...e.classes), n.dataset.kind = "total", n.dataset.row = String(t + 1), n.dataset.value = String(me(e, u.length));
+	h.appendChild(g), r.appendChild(h);
+	let _ = s.centre ? l.filter((e) => !e.isTotal) : l, v = Math.max(0, M(_.flatMap((e) => e.cells.slice(0, d.length).map((e) => N(e.number))))), y = d.map((e, t) => l.map((e, r) => {
+		let i = e.cells[t] ?? e.cells[0], a = T(n, h);
+		return a.classList.add(...e.classes), a.dataset.value = String(i.value), i.prefix && (a.dataset.prefix = i.prefix), i.suffix && (a.dataset.suffix = i.suffix), i.missing && (a.dataset.missing = i.raw), f && (a.dataset.series = String(t + 1)), a.dataset.row = String(r + 1), a.style.setProperty("--i", String(e.slot)), a;
+	})), b = y[0], x = m && s.totals ? l.map((e, t) => {
+		let r = T(n, h);
+		r.classList.add(...e.classes), r.dataset.kind = "total", r.dataset.row = String(t + 1), r.dataset.value = String(ie(e, d.length));
 		let i = e.cells[0];
-		return i.prefix && (n.dataset.prefix = i.prefix), i.suffix && (n.dataset.suffix = i.suffix), n.style.setProperty("--i", String(e.slot)), n;
-	}) : [], w = l[l.length - 1], T = u.some((e) => e.focus), E = i.getAttribute("data-chart-legend"), D = d && (E === null ? a.legend || c.legend !== void 0 : E !== "false") ? document.createElement("div") : null;
-	D && (D.className = v, D.setAttribute("aria-hidden", "true"), D.inert = !0);
-	let O = d ? u.map((e, t) => {
-		let n = R(_, D ?? m);
+		return i.prefix && (r.dataset.prefix = i.prefix), i.suffix && (r.dataset.suffix = i.suffix), r.style.setProperty("--i", String(e.slot)), r;
+	}) : [], S = l[l.length - 1], w = d.some((e) => e.focus), E = r.getAttribute("data-chart-legend"), D = f && (E === null ? i.legend || s.legend !== void 0 : E !== "false") ? document.createElement("div") : null;
+	D && (D.className = c, D.setAttribute("aria-hidden", "true"), D.inert = !0);
+	let O = f ? d.map((e, t) => {
+		let n = T("tablechart-name", D ?? h);
 		D && (n.dataset.place = "legend");
-		let r = c.legend ?? c.swatch;
-		if (r && (n.dataset.swatch = r), n.textContent = e.name, !r && it(i, a) !== "step") {
-			let e = ke(u, t);
+		let a = s.legend ?? s.swatch;
+		if (a && (n.dataset.swatch = a), n.textContent = e.name, !a && Ge(r, i) !== "step") {
+			let e = ge(d, t);
 			n.dataset.marker = e.shape, n.toggleAttribute("data-open", e.open);
 		}
-		return e.line && !r && (n.dataset.line = e.line), e.key && a.langattribute && n.setAttribute(a.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", T && !e.focus ? "1" : "0"), n.style.setProperty("--i", String(w.slot)), n;
-	}) : [], k = c.centre ? R(x, m) : null;
+		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", w && !e.focus ? "1" : "0"), n.style.setProperty("--i", String(S.slot)), n;
+	}) : [], k = s.centre ? T(u, h) : null;
 	if (k) {
 		let e = l.find((e) => e.isTotal), t = e ? e.value : l.reduce((e, t) => e + Math.abs(t.value), 0);
-		k.dataset.value = String(t), e && (k.dataset.decimals = String(ne(e.number)));
+		k.dataset.value = String(t), e && (k.dataset.decimals = String(N(e.number)));
 	}
-	let A = k && !l.some((e) => e.isTotal) ? ot(i, k, a) : null, j = c.categories === "beside", M = document.createElement("div");
-	M.className = n, M.setAttribute("aria-hidden", "true"), M.inert = !0, j ? M.dataset.place = "beside" : c.centre && (M.dataset.place = "key"), M.style.setProperty("--tablechart-columns", String(l.length));
-	let N = 0;
+	let A = k && !l.some((e) => e.isTotal) ? qe(r, k, i) : null, j = s.categories === "beside", P = document.createElement("div");
+	P.className = "tablechart-categories", P.setAttribute("aria-hidden", "true"), P.inert = !0, j ? P.dataset.place = "beside" : s.centre && (P.dataset.place = "key"), P.style.setProperty("--_columns", String(l.length));
+	let F = 0;
 	for (let [e, t] of l.entries()) {
 		let n = document.createElement("span");
-		n.classList.add(...t.classes), n.textContent = t.label, t.key && a.langattribute && n.setAttribute(a.langattribute, t.key), c.centre && (n.dataset.kind = t.isTotal ? "total" : "slice", t.isTotal || (n.dataset.slice = String(N + 1), n.style.setProperty("--n", String(N)), n.style.setProperty("--palette", `var(--tablechart-color-${N + 1})`), N += 1)), n.style.setProperty("--i", String(t.slot)), n.dataset.row = String(e + 1), M.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(F + 1), n.style.setProperty("--n", String(F)), n.style.setProperty("--palette", `var(--tablechart-color-${F + 1})`), F += 1)), n.style.setProperty("--i", String(t.slot)), n.dataset.row = String(e + 1), P.appendChild(n);
 	}
-	(j ? m : i).appendChild(M), D && i.appendChild(D);
-	let P = a.animate ? Ye(i) : null;
-	P && (i.setAttribute("data-steps", ""), i.setAttribute("data-chart-animate", "across"));
-	let F = i.getAttribute("data-chart-keys"), L = P && a.controls ? Qe({
-		previous: a.previouslabel,
-		next: a.nextlabel,
-		hint: a.stephint
+	(j ? h : r).appendChild(P), D && r.appendChild(D);
+	let I = i.animate ? Ie(r) : null;
+	I && r.setAttribute("data-steps", "");
+	let L = r.getAttribute("data-chart-keys"), R = I && i.controls ? ze({
+		previous: i.previouslabel,
+		next: i.nextlabel,
+		hint: i.stephint
 	}, {
-		previous: F && `${F}-previous`,
-		next: F && `${F}-next`,
-		hint: F && `${F}-step`
-	}, a.langattribute) : null;
-	L && i.appendChild(L);
-	let z = Array.from(i.querySelectorAll("[data-annotation]")).map((t) => {
-		let n = t.getAttribute("data-annotation"), r = et[n];
-		if (!r) return console.warn(`[${e}] Unknown annotation "${n}". Known annotations: ${Object.keys(et).join(", ")}.`), null;
-		let i = Number.parseInt(t.getAttribute("data-series") ?? "1", 10), a = i >= 1 && i <= u.length ? i - 1 : 0;
-		return i !== a + 1 && console.warn(`[${e}] An annotation reads line ${i}, which the chart does not have; it reads the first.`), {
+		previous: L && `${L}-previous`,
+		next: L && `${L}-next`,
+		hint: L && `${L}-step`
+	}, i.langattribute) : null;
+	R && r.appendChild(R);
+	let z = Array.from(r.querySelectorAll("[data-annotation]")).map((t) => {
+		let n = t.getAttribute("data-annotation"), r = Ve[n];
+		if (!r) return console.warn(`[${e}] Unknown annotation "${n}". Known annotations: ${Object.keys(Ve).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, m),
+			badge: r.create(t, h),
 			series: a,
 			after: l.length
 		};
 	}).filter((e) => e !== null);
-	if (a.animate) {
-		let e = i.getAttribute("data-chart-animate"), t = (e === "up" || e === "across" ? e : a.animate) === "up" && (s === "line" || s === "area");
-		i.setAttribute("data-animate", t ? "up" : "");
-	}
+	i.animate && r.setAttribute("data-animate", $e(r, o, i, !!I));
 	let B = {
-		figure: i,
-		plot: m,
-		svg: h,
+		figure: r,
+		plot: h,
+		svg: g,
 		rows: l,
-		decimals: y,
-		type: c,
-		values: S,
-		series: u,
-		seriesValues: b,
+		decimals: v,
+		type: s,
+		values: b,
+		series: d,
+		seriesValues: y,
 		names: D ? [] : O,
-		categories: Array.from(M.children),
+		categories: Array.from(P.children),
 		centre: k,
-		stacked: p,
-		totals: C,
+		stacked: m,
+		totals: x,
 		totalCell: A,
 		rowAt: null,
 		rowBox: null,
 		annotations: z,
 		checks: [],
-		plan: P,
+		plan: I,
 		step: 0,
-		controls: L
+		controls: R
 	};
-	return L?.addEventListener("click", (e) => {
+	return R?.addEventListener("click", (e) => {
 		let t = e.target.closest("button")?.dataset.go;
 		t && $(B, B.step + (t === "next" ? 1 : -1));
-	}), $(B, 0, !0), a.hover && i.getAttribute("data-chart-hover") !== "false" && _t(B), mt(B, a), B;
-}, ut = (e) => {
-	let t = getComputedStyle(e).getPropertyValue("--tablechart-inside-align").trim();
-	return t === "start" || t === "center" || t === "end" ? t : null;
-}, dt = (e, t, n, r) => {
+	}), $(B, 0, !0), i.hover && r.getAttribute("data-chart-hover") !== "false" && st(B), it(B, i), B;
+}, Ze = {
+	grow: "grow",
+	sweep: "sweep"
+}, Qe = {
+	...Ze,
+	up: "grow",
+	across: "sweep"
+}, $e = (e, t, n, r) => {
+	let i = t === "line" || t === "area", a = i ? Qe : Ze, o = a[e.getAttribute("data-chart-animate") ?? ""] ?? a[String(n.animate)];
+	return i ? r ? "sweep" : o ?? "sweep" : t === "donut" || t === "waterfall" ? o ?? "grow" : "grow";
+}, et = (e) => {
+	let t = getComputedStyle(e), n = (t.getPropertyValue("--tablechart-value-align") || t.getPropertyValue("--tablechart-inside-align")).trim();
+	return n === "start" || n === "center" || n === "end" ? n : null;
+}, tt = (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 * j : o * (a[2] === "em" ? Number.parseFloat(i.fontSize) : a[2] === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1) * t;
-}, ft = (e, t) => dt(e, t, "--tablechart-bar-max", "60px") ?? Infinity, pt = (t, n) => {
-	let { plot: r, svg: i, rows: a, type: o, values: s, series: c, seriesValues: l, names: u, annotations: d } = t, f = r.clientWidth;
-	if (!f) return !1;
-	let p = j / f, m = Number.parseFloat(t.figure.dataset.chartAspect ?? ""), h = j * (m > 0 ? m : o.aspect ?? n.aspect);
-	r.classList.add(w);
-	for (let e of [...l.flat(), ...t.totals]) delete e.dataset.place;
-	r.style.removeProperty("--tablechart-fit"), se([
-		...l.flat(),
+	return a[2] === "%" ? o / 100 * g : o * (a[2] === "em" ? Number.parseFloat(i.fontSize) : a[2] === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1) * t;
+}, nt = (e, t) => tt(e, t, "--tablechart-bar-max", "60px") ?? Infinity, rt = (t, n) => {
+	let { plot: r, svg: i, rows: a, type: o, values: s, series: c, seriesValues: u, names: d, annotations: p } = t, m = r.clientWidth;
+	if (!m) return !1;
+	let h = g / m, _ = Number.parseFloat(t.figure.dataset.chartAspect ?? ""), v = g * (_ > 0 ? _ : o.aspect ?? n.aspect);
+	r.classList.add(f);
+	for (let e of [...u.flat(), ...t.totals]) delete e.dataset.place;
+	r.style.removeProperty("--_fit"), te([
+		...u.flat(),
 		...t.totals,
-		...u,
+		...d,
 		...t.categories,
-		...d.map((e) => e.badge)
+		...p.map((e) => e.badge)
 	]);
-	let g = (s[0] ? Y(s[0]).height : 0) * p, _ = d[0]?.badge ? Y(d[0].badge).height * p : 0, v = Math.max(h, dt(t.figure, p, "--tablechart-min-height", "200px") ?? 0, o.minHeight?.({
-		labelHeight: g,
-		nameHeight: Math.max(0, U(t.categories.map((e) => Y(e).height))) * p,
-		unit: p,
+	let y = (s[0] ? H(s[0]).height : 0) * h, b = p[0]?.badge ? H(p[0].badge).height * h : 0, x = Math.max(v, tt(t.figure, h, "--tablechart-min-height", "200px") ?? 0, o.minHeight?.({
+		labelHeight: y,
+		nameHeight: Math.max(0, M(t.categories.map((e) => H(e).height))) * h,
+		unit: h,
 		rows: a.length,
 		series: c.length,
 		stacked: t.stacked
-	}) ?? 0), y = t.stacked ? a.map((e) => {
-		let t = me(e, c.length);
+	}) ?? 0), w = t.stacked ? a.map((e) => {
+		let t = ie(e, c.length);
 		return {
 			...e,
 			value: t,
@@ -1359,132 +1400,132 @@ var Fe = (e) => e.map((e) => ({
 				value: t
 			} : e)
 		};
-	}) : a, x = (o.segments ?? ((e) => e.map((e) => ({
+	}) : a, T = (o.segments ?? ((e) => e.map((e) => ({
 		...e,
 		from: 0,
 		to: e.value,
 		kind: "bar"
-	}))))(t.stacked ? y.map((e) => ({
+	}))))(t.stacked ? w.map((e) => ({
 		...e,
 		cells: [e.cells[0]]
-	})) : a), S = {
-		labelHeight: g,
-		badgeHeight: _,
-		hasAnnotations: d.length > 0,
-		unit: p,
+	})) : a), E = {
+		labelHeight: y,
+		badgeHeight: b,
+		hasAnnotations: p.length > 0,
+		unit: h,
 		series: c.length,
 		focused: c.some((e) => e.focus),
 		stacked: t.stacked
-	}, C = Math.max(((e) => t.stacked ? e(a.map((e) => X(e, c.length, o.running).top)) : e([...x.flatMap((e) => [
+	}, D = Math.max(((e) => t.stacked ? e(a.map((e) => q(e, c.length, o.running).top)) : e([...T.flatMap((e) => [
 		e.from,
 		e.to,
 		e.value
-	]), ...a.flatMap((e) => e.cells.slice(0, c.length).map((e) => e.value))]))(U), 0), T = x.some((e) => e.kind === "up" || e.kind === "down") ? x.flatMap((e) => [e.from, e.to]) : t.stacked ? a.map((e) => X(e, c.length, o.running).bottom) : a.flatMap((e) => e.cells.slice(0, c.length).map((e) => e.value)), E = Math.min(-U(T.map((e) => -e)), 0), D = o.headroom?.(S) ?? g, O = 2 * p + (o.footroom?.(S) ?? 0) + (E < 0 ? g + 4 * p : 0), k = v - D - O, A = C * 1.02, M = E * 1.02, N = d.find((e) => e.spec.getAttribute("data-annotation") === "axis-break")?.spec, P = (e) => {
-		let t = Number.parseFloat(N?.getAttribute(e) ?? "");
+	]), ...a.flatMap((e) => e.cells.slice(0, c.length).map((e) => e.value))]))(M), 0), k = T.some((e) => e.kind === "up" || e.kind === "down") ? T.flatMap((e) => [e.from, e.to]) : t.stacked ? a.map((e) => q(e, c.length, o.running).bottom) : a.flatMap((e) => e.cells.slice(0, c.length).map((e) => e.value)), A = Math.min(-M(k.map((e) => -e)), 0), j = o.headroom?.(E) ?? y, N = 2 * h + (o.footroom?.(E) ?? 0) + (A < 0 ? y + 4 * h : 0), P = x - j - N, F = D * 1.02, I = A * 1.02, L = p.find((e) => e.spec.getAttribute("data-annotation") === "axis-break")?.spec, R = (e) => {
+		let t = Number.parseFloat(L?.getAttribute(e) ?? "");
 		return Number.isFinite(t) ? t : null;
-	}, L = P("data-from") ?? P("data-at"), R = P("data-to"), z = null;
-	if (N && (L !== null || R !== null)) {
-		let t = L ?? 0, n = R ?? A, r = R === null ? t : L === null ? n : (t + n) / 2, i = N.getAttribute("data-size"), a = i?.match(/^\s*(\d+(?:\.\d+)?)\s*%\s*$/);
+	}, z = R("data-from") ?? R("data-at"), B = R("data-to"), V = null;
+	if (L && (z !== null || B !== null)) {
+		let t = z ?? 0, n = B ?? F, r = B === null ? t : z === null ? n : (t + n) / 2, i = L.getAttribute("data-size"), a = i?.match(/^\s*(\d+(?:\.\d+)?)\s*%\s*$/);
 		i !== null && !a && console.warn(`[${e}] data-size="${i}" is not a percentage, such as 30%. Using the default.`);
-		let s = Math.min(Math.max(a ? Number(a[1]) / 100 : R === null ? .22 : .3, .05), .8), c = x.filter((e) => (e.kind === "up" || e.kind === "down") && Math.max(e.from, e.to) > t && Math.min(e.from, e.to) < n);
-		o.breakable ? E < 0 ? console.warn(`[${e}] A chart with values below zero cannot break its scale.`) : t < 0 || n <= t || n > A || t === 0 && n === A ? console.warn(`[${e}] A break from ${t} to ${n} does not fit a scale that runs from 0 to ${C}.`) : c.length ? console.warn(`[${e}] A break from ${t} to ${n} would cut a step that floats. Keep it below or above the steps.`) : z = {
+		let s = Math.min(Math.max(a ? Number(a[1]) / 100 : B === null ? .22 : .3, .05), .8), c = T.filter((e) => (e.kind === "up" || e.kind === "down") && Math.max(e.from, e.to) > t && Math.min(e.from, e.to) < n);
+		o.breakable ? A < 0 ? console.warn(`[${e}] A chart with values below zero cannot break its scale.`) : t < 0 || n <= t || n > F || t === 0 && n === F ? console.warn(`[${e}] A break from ${t} to ${n} does not fit a scale that runs from 0 to ${D}.`) : c.length ? console.warn(`[${e}] A break from ${t} to ${n} would cut a step that floats. Keep it below or above the steps.`) : V = {
 			lo: t,
 			hi: n,
 			gap: r,
 			share: s
 		} : console.warn(`[${e}] This kind of chart cannot break its scale.`);
 	}
-	let B = z ? z.gap : null, V = (z && dt(t.figure, p, "--tablechart-break-gap", "")) ?? 13, H = v - O, te = A - M || 1, ne = (e) => H - (e - M) / te * k;
-	if (z) {
-		let { lo: e, hi: t, gap: n, share: r } = z, i = k * r, a = (k - i - V) / (e + (A - t)), o = i / (t - e);
-		ne = (r) => r <= e ? H - r * a : r <= n ? H - e * a - (r - e) * o : r <= t ? H - e * a - (r - e) * o - V : H - e * a - i - V - (r - t) * a;
+	let ee = V ? V.gap : null, U = (V && tt(t.figure, h, "--tablechart-break-gap", "")) ?? 13, W = x - N, ne = F - I || 1, re = (e) => W - (e - I) / ne * P;
+	if (V) {
+		let { lo: e, hi: t, gap: n, share: r } = V, i = P * r, a = (P - i - U) / (e + (F - t)), o = i / (t - e);
+		re = (r) => r <= e ? W - r * a : r <= n ? W - e * a - (r - e) * o : r <= t ? W - e * a - (r - e) * o - U : W - e * a - i - U - (r - t) * a;
 	}
-	let W = u.length ? U(u.map((e) => Y(e).width)) * p + 12 * p : 0, G = t.categories[0]?.parentElement;
-	G && (G.style.paddingRight = W ? `${W / j * 100}%` : "");
-	let K = (j - W) / a.length, q = (e) => (e + .5) * K, re = (e) => e >= 0 && e < a.length ? e : null;
-	t.rowAt = o.centre ? null : o.categories === "beside" ? (e, t) => re(Math.floor(t * p / (v / a.length))) : (e) => re(Math.floor(e * p / K));
-	let ie = K / j * 100, ae = 100 / a.length;
+	let G = d.length ? M(d.map((e) => H(e).width)) * h + 12 * h : 0, K = t.categories[0]?.parentElement;
+	K && (K.style.paddingRight = G ? `${G / g * 100}%` : "");
+	let J = (g - G) / a.length, ae = (e) => (e + .5) * J, oe = (e) => e >= 0 && e < a.length ? e : null;
+	t.rowAt = o.centre ? null : o.categories === "beside" ? (e, t) => oe(Math.floor(t * h / (x / a.length))) : (e) => oe(Math.floor(e * h / J));
+	let se = J / g * 100, Y = 100 / a.length;
 	t.rowBox = o.categories === "beside" ? (e) => [
 		0,
-		e * ae,
+		e * Y,
 		100,
-		ae
+		Y
 	] : (e) => [
-		e * ie,
+		e * se,
 		0,
-		ie,
+		se,
 		100
-	], i.setAttribute("viewBox", `0 0 ${j} ${F(v)}`), i.textContent = "", t.checks = [];
-	let J = {
+	], i.setAttribute("viewBox", `0 0 ${g} ${S(x)}`), i.textContent = "", t.checks = [];
+	let X = {
 		rows: a,
-		segments: x,
-		cx: q,
-		y: ne,
-		barWidth: Math.min(K * n.barfill, ft(t.figure, p)),
-		barMax: ft(t.figure, p),
-		height: v,
-		unit: p,
-		labelHeight: g,
-		badgeHeight: _,
+		segments: T,
+		cx: ae,
+		y: re,
+		barWidth: Math.min(J * n.barfill, nt(t.figure, h)),
+		barMax: nt(t.figure, h),
+		height: x,
+		unit: h,
+		labelHeight: y,
+		badgeHeight: b,
 		after: a.length,
 		note: 0,
 		labels: t.figure.dataset.chartLabels === "inside" || t.figure.dataset.chartLabels !== "outside" && n.labels === "inside" ? "inside" : "outside",
-		insideAlign: ut(t.figure),
-		breakAt: B,
-		squeeze: z,
-		breakGap: V,
+		insideAlign: et(t.figure),
+		breakAt: ee,
+		squeeze: V,
+		breakGap: U,
 		stacked: t.stacked,
-		shape: it(t.figure, n),
+		shape: Ge(t.figure, n),
 		totals: t.totals,
 		svg: i,
 		plot: r,
 		values: s,
 		series: c,
-		seriesValues: l,
-		names: u,
+		seriesValues: u,
+		names: d,
 		categories: t.categories,
 		centre: t.centre,
 		config: n,
 		checks: t.checks
 	};
-	o.draw(J);
-	for (let [e, n] of d.entries()) {
+	r.style.setProperty("--count", String(Math.max(1, ...a.map((e) => e.slot + 1)))), o.draw(X);
+	for (let [e, n] of p.entries()) {
 		n.badge?.setAttribute("data-note", String(e + 1));
 		let r = n.series, i = (e) => ({
 			...e,
 			...e.cells[r] ?? e.cells[0]
 		});
 		n.type.draw(n.spec, n.badge, {
-			...J,
+			...X,
 			...t.stacked && {
-				rows: y,
+				rows: w,
 				...t.totals.length && { values: t.totals }
 			},
 			...r > 0 && !t.stacked && {
 				rows: a.map(i),
-				segments: x.map((e) => {
+				segments: T.map((e) => {
 					let t = i(e);
 					return e.kind === "bar" ? {
 						...t,
 						to: t.value
 					} : t;
 				}),
-				values: l[r]
+				values: u[r]
 			},
 			after: n.after,
 			note: e + 1
 		});
 	}
-	Ze(t);
-	let oe = t.categories[0]?.parentElement;
-	return oe && o.categories !== "beside" && !o.centre && xe(oe, t.categories.filter((e) => e.offsetParent !== null), (e) => ({
+	Re(t);
+	let le = t.categories[0]?.parentElement;
+	return le && o.categories !== "beside" && !o.centre && ce(le, t.categories.filter((e) => e.offsetParent !== null), (e) => ({
 		size: e.scrollWidth,
 		room: e.clientWidth
-	}), "--tablechart-name-fit"), ee(i, d.flatMap(({ badge: e }) => {
+	}), "--_name-fit"), O(i, p.flatMap(({ badge: e }) => {
 		if (!(e instanceof HTMLElement) || !e.offsetWidth) return [];
-		let t = e.offsetWidth * p, n = e.offsetHeight * p, r = Number.parseFloat(e.style.left) / 100 * j, i = Number.parseFloat(e.style.top) / 100 * v, a = getComputedStyle(e).borderTopLeftRadius, o = a.endsWith("%") ? Number.parseFloat(a) / 100 : null, s = (Number.parseFloat(a) || 0) * p;
-		return [I("rect", {
-			class: b,
+		let t = e.offsetWidth * h, n = e.offsetHeight * h, r = Number.parseFloat(e.style.left) / 100 * g, i = Number.parseFloat(e.style.top) / 100 * x, a = getComputedStyle(e).borderTopLeftRadius, o = a.endsWith("%") ? Number.parseFloat(a) / 100 : null, s = (Number.parseFloat(a) || 0) * h;
+		return [C("rect", {
+			class: l,
 			"data-for": "badge",
 			"data-note": e.dataset.note ?? "",
 			x: r - t / 2,
@@ -1495,8 +1536,8 @@ var Fe = (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("; ")
 		})];
-	}), j, v), !0;
-}, mt = (e, t) => {
+	}), g, x), !0;
+}, it = (e, t) => {
 	let n = [
 		...e.seriesValues.flat(),
 		...e.totals,
@@ -1508,24 +1549,24 @@ var Fe = (e) => e.map((e) => ({
 			r.textContent = n;
 			continue;
 		}
-		let [o, s] = G(Number.parseFloat(r.dataset.value || "0"), r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale);
+		let [o, s] = F(Number.parseFloat(r.dataset.value || "0"), r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale);
 		if (r.textContent = i + (i ? o : "") + s + a, o && !i) {
 			let e = document.createElement("span");
-			e.className = D, e.textContent = o, r.prepend(e);
+			e.className = "tablechart-minus", e.textContent = o, r.prepend(e);
 		}
 	}
-}, ht = (e) => {
-	e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${v}`)?.remove(), e.controls?.remove();
-}, gt = (e, t) => {
-	e.figure.classList.toggle(O, t), t || e.plot.removeAttribute("data-pointed");
-}, _t = (e) => {
+}, at = (e) => {
+	e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${c}`)?.remove(), e.controls?.remove();
+}, ot = (e, t) => {
+	e.figure.classList.toggle(m, t), t || e.plot.removeAttribute("data-pointed");
+}, st = (e) => {
 	let { plot: t } = e, n = () => [...e.seriesValues.flat(), ...e.totals], r = (e, t) => {
 		let n = Number(e.dataset.row), r = Number(e.dataset.rowEnd ?? n);
 		return t >= n && t <= r;
 	};
 	t.setAttribute("data-hover", "");
 	let i = document.createElement("div");
-	i.className = T, t.prepend(i);
+	i.className = "tablechart-pointer", t.prepend(i);
 	let a = () => {
 		t.removeAttribute("data-active");
 		for (let e of n()) e.removeAttribute("data-active");
@@ -1553,25 +1594,25 @@ var Fe = (e) => e.map((e) => ({
 	}), document.addEventListener("pointerdown", (e) => {
 		t.contains(e.target) || a();
 	});
-}, vt = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), yt = /^\s*(?:Table)?:\s+/, bt = (e) => e?.tagName === "P" && yt.test(e.textContent ?? ""), xt = (e) => {
+}, ct = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), lt = /^\s*(?:Table)?:\s+/, ut = (e) => e?.tagName === "P" && lt.test(e.textContent ?? ""), dt = (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(yt, ""), n.textContent || n.remove());
+	n?.nodeType === Node.TEXT_NODE && (n.textContent = (n.textContent ?? "").replace(lt, ""), 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;
-}, St = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, Ct = (e) => {
-	let t = jt(e);
+}, ft = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, pt = (e) => {
+	let t = xt(e);
 	return t?.tagName === "P" ? t : e;
-}, wt = (e) => {
-	let t = Ct(e).firstChild;
+}, mt = (e) => {
+	let t = pt(e).firstChild;
 	if (t?.nodeType !== Node.TEXT_NODE) return null;
-	let n = St.exec(t.textContent ?? "");
-	if (!n || !tt.includes(n[1]) || !n[3] && t.nextSibling) return null;
+	let n = ft.exec(t.textContent ?? "");
+	if (!n || !He.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],
@@ -1579,11 +1620,11 @@ var Fe = (e) => e.map((e) => ({
 		text: t,
 		length: n[0].length
 	};
-}, Tt = (e) => {
+}, ht = (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 : wt(e));
+	let t = Array.from(e.children), n = t.map((e) => e.hasAttribute("data-annotation") ? null : mt(e));
 	return !t.length || t.some((e, t) => !n[t] && !e.hasAttribute("data-annotation")) ? null : (t.forEach((e, t) => {
-		let r = n[t], i = Ct(e);
+		let r = n[t], i = pt(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);
@@ -1591,21 +1632,21 @@ var Fe = (e) => e.map((e) => ({
 		}
 		e.children.length && Array.from(e.childNodes).filter((e) => e.nodeType === Node.ELEMENT_NODE || e.textContent?.trim()).forEach((e, t) => {
 			let n = document.createElement("span");
-			t === 0 && e instanceof HTMLElement && e.matches("em, i") ? (n.className = d, n.append(...e.childNodes), e.replaceWith(n)) : e.nodeType === Node.TEXT_NODE && (n.textContent = (e.textContent ?? "").trim(), e.replaceWith(n));
+			t === 0 && e instanceof HTMLElement && e.matches("em, i") ? (n.className = "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);
-}, Et = (e, t) => {
-	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || vt(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
-}, Dt = (e) => e.map((e) => {
-	let t = e.closest("p"), n = bt(t) ? t : e;
+}, gt = (e, t) => {
+	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || ct(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
+}, _t = (e) => e.map((e) => {
+	let t = e.closest("p"), n = ut(t) ? t : e;
 	if (n.tagName !== "TABLE" && n.tagName !== "P") return n;
 	let r = document.createElement("div");
-	Et(e, r), e.classList.length || e.removeAttribute("class");
-	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? bt(a) ? a : bt(o) ? o : null : n;
+	gt(e, r), e.classList.length || e.removeAttribute("class");
+	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? ut(a) ? a : ut(o) ? o : null : n;
 	i && s === o && (o = o?.nextElementSibling ?? null);
-	let c = o?.classList.contains("chart-annotations") ? o : Tt(o);
-	return n.replaceWith(r), s && r.append(xt(s)), i && r.append(i), c && r.append(c), Q?.log?.(`A ${i ? "table" : "caption"} with chart attributes was wrapped in a figure of its own`), r;
-}), Ot = (e, t, n, r = document.createElement("table")) => {
+	let c = o?.classList.contains("chart-annotations") ? o : ht(o);
+	return n.replaceWith(r), s && r.append(dt(s)), i && r.append(i), c && r.append(c), Q?.log?.(`A ${i ? "table" : "caption"} with chart attributes was wrapped in a figure of its own`), r;
+}), vt = (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");
@@ -1625,26 +1666,26 @@ var Fe = (e) => e.map((e) => ({
 		for (let n of t.values ?? [t.value ?? null]) e.insertCell().textContent = n === null ? "" : String(n);
 	}
 	return r;
-}, kt = (e) => {
+}, yt = (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) ? {
+	if (t.length && t.every(([, e]) => n(e) || Array.isArray(e) && e.every(n))) return t.map(([e, t]) => Array.isArray(t) ? {
 		label: e,
 		values: t
 	} : {
 		label: e,
 		value: t
 	});
-}, At = async (t) => {
+}, bt = 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 : kt(i.rows) : kt(i);
+			let i = await e.json(), a = Array.isArray(i) ? i : i?.rows ? Array.isArray(i.rows) ? i.rows : yt(i.rows) : yt(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 = Ot(a, Array.isArray(i?.series) ? i.series.map(String) : [], typeof i?.label == "string" ? i.label : "", r ?? void 0);
+			let o = vt(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);
@@ -1652,13 +1693,13 @@ var Fe = (e) => e.map((e) => ({
 			o.tHead || Q?.log?.(`The table from "${n}" has no header row, so a screen reader cannot name its columns.`), Q?.log?.(`Read ${a.length} rows from "${n}"`);
 		} catch (t) {
 			let r = window.location.protocol === "file:";
-			console.warn(`[${e}] Could not read the chart data in "${n}": ${t.message}.` + (r ? " A page opened from the file system cannot fetch files; open the page from a server instead." : ""));
+			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." : ""));
 		}
 	}));
-}, jt = (e) => {
+}, xt = (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;
-}, Mt = "strong, b, span.total", Nt = (e) => {
+}, St = "strong, b, span.total", Ct = (e) => {
 	for (let t of e) {
 		for (let e of t.querySelectorAll("tbody tr")) {
 			let t = e.cells[0];
@@ -1666,16 +1707,16 @@ var Fe = (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 = jt(n); t?.matches(Mt); t = jt(n)) e.dataset.kind = "total", t.replaceWith(...t.childNodes);
+			for (let t = xt(n); t?.matches(St); t = xt(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 = jt(t); e?.matches(Mt); e = jt(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
+		for (let t of e.slice(1)) for (let e = xt(t); e?.matches(St); e = xt(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
 	}
-}, Pt = "data-chart-made", Ft = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, It = (e) => new Promise((t) => setTimeout(t, e)), Lt = (e, t) => {
+}, wt = "data-chart-made", Tt = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, Et = (e) => new Promise((t) => setTimeout(t, e)), Dt = (e, t) => {
 	let n = Number.parseFloat(e.dataset.chartEntrance ?? ""), r = Number.isFinite(n) ? n : t.entrance;
 	return Math.min(Math.max(r, 0), 1);
-}, Rt = async (e, t) => {
-	if (Ft()) return;
+}, Ot = async (e, t) => {
+	if (Tt()) 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());
@@ -1686,11 +1727,11 @@ var Fe = (e) => e.map((e) => ({
 		let a = Number(n.delay ?? 0) + i * t;
 		r = Math.max(r, a - Number(e.currentTime ?? 0));
 	}
-	r > 0 && await It(r);
-}, zt = (e) => {
+	r > 0 && await Et(r);
+}, kt = (e) => {
 	for (let t = e; t && t !== document.body; t = t.parentElement) if (getComputedStyle(t).opacity === "0") return t;
 	return null;
-}, Bt = (e) => new Promise((t) => {
+}, At = (e) => new Promise((t) => {
 	let n = ["animationstart", "transitionrun"], r = () => {
 		for (let e of n) document.removeEventListener(e, i, !0);
 		a.disconnect(), t();
@@ -1704,54 +1745,54 @@ var Fe = (e) => e.map((e) => ({
 		attributes: !0,
 		attributeFilter: ["class", "style"]
 	});
-}), Vt = /* @__PURE__ */ new Set(), Ht = null, Ut = (e) => {
-	Vt.add(e), !Ht && (Ht = new MutationObserver(() => {
-		for (let e of Vt) e.relabel();
+}), jt = /* @__PURE__ */ new Set(), Mt = null, Nt = (e) => {
+	jt.add(e), !Mt && (Mt = new MutationObserver(() => {
+		for (let e of jt) e.relabel();
 		requestAnimationFrame(() => requestAnimationFrame(() => {
-			for (let e of Vt) e.refresh();
+			for (let e of jt) e.refresh();
 		}));
-	}), Ht.observe(document.documentElement, {
+	}), Mt.observe(document.documentElement, {
 		attributes: !0,
 		attributeFilter: ["lang"]
 	}));
-}, Wt = (e) => {
-	Vt.delete(e), !(Vt.size || !Ht) && (Ht.disconnect(), Ht = null);
-}, Gt = ["column", "bar"], Kt = (e) => {
+}, Pt = (e) => {
+	jt.delete(e), !jt.size && Mt && (Mt.disconnect(), Mt = null);
+}, Ft = ["column", "bar"], It = (e) => {
 	let t = e.getAttribute("data-chart") || "column";
-	if (!Gt.includes(t)) return null;
+	if (!Ft.includes(t)) return null;
 	let n = getComputedStyle(e).getPropertyValue("--tablechart-type").trim();
-	return Gt.includes(n) ? n : t;
-}, qt = (e, t) => {
-	let n = e, r = Kt(n.figure), i = null, a = !1, o = !1, s = async () => {
-		if (!t.animate) return gt(n, !0);
+	return Ft.includes(n) ? n : t;
+}, Lt = (e, t) => {
+	let n = e, r = It(n.figure), i = null, a = !1, o = !1, s = async () => {
+		if (!t.animate) return ot(n, !0);
 		let e = n.figure.classList.contains("is-shown");
 		if (a && i !== null && !e && !o) {
 			o = !0;
-			let e = Ft() ? null : zt(n.figure);
-			e && await Bt(e), await Rt(n.figure, Lt(n.figure, t)), o = !1, (a || !t.replay) && gt(n, !0);
-		} else !a && t.replay && e && gt(n, !1);
+			let e = Tt() ? null : kt(n.figure);
+			e && await At(e), await Ot(n.figure, Dt(n.figure, t)), o = !1, (a || !t.replay) && ot(n, !0);
+		} else !a && t.replay && e && ot(n, !1);
 	}, c = () => {
-		let e = Kt(n.figure);
+		let e = It(n.figure);
 		if (!e || e === r) return;
-		let a = Q.timed("Building", n.figure, () => lt(n.figure, t, e));
-		a && (ht(n), $(a, n.step, !0), n = a, r = e, i = null);
+		let a = Q.timed("Building", n.figure, () => Xe(n.figure, t, e));
+		a && (at(n), $(a, n.step, !0), n = a, r = e, i = null);
 	}, l = () => {
 		c();
 		let e = n.plot.clientWidth;
-		!e || e === i || Q.timed("Layout", n.figure, () => pt(n, t)) && (i = e, s());
+		e && e !== i && Q.timed("Layout", n.figure, () => rt(n, t)) && (i = e, s());
 	}, u = !1, d = new ResizeObserver(() => {
 		u || (u = !0, requestAnimationFrame(() => {
 			u = !1, l();
 		}));
 	}), f = new IntersectionObserver((e) => {
 		for (let t of e) a = t.isIntersecting, s();
-	}, { threshold: t.threshold }), p = () => gt(n, !0), m = () => {
+	}, { threshold: t.threshold }), p = () => ot(n, !0), m = () => {
 		i = null, l();
 	}, h = {
-		relabel: () => mt(n, t),
+		relabel: () => it(n, t),
 		refresh: m
 	};
-	c(), l(), d.observe(n.figure), f.observe(n.figure), window.addEventListener("beforeprint", p), Ut(h);
+	c(), l(), d.observe(n.figure), f.observe(n.figure), window.addEventListener("beforeprint", p), Nt(h);
 	let g = {
 		figure: n.figure,
 		refresh: m,
@@ -1765,41 +1806,81 @@ var Fe = (e) => e.map((e) => ({
 			return n.plan?.count ?? 0;
 		},
 		destroy() {
-			d.disconnect(), f.disconnect(), window.removeEventListener("beforeprint", p), Wt(h), n.figure.tablechart === g && delete n.figure.tablechart;
+			d.disconnect(), f.disconnect(), window.removeEventListener("beforeprint", p), Pt(h), n.figure.tablechart === g && delete n.figure.tablechart;
 		}
 	};
 	return n.figure.tablechart = g, g;
-}, Jt = async (e, t) => {
-	let n = Dt(e.filter((e) => !e.hasAttribute(Pt)));
-	return await At(n), Nt(n), qe(n, t.langattribute), n;
-}, Yt = (e, t) => {
-	let n = Q.timed("Building", e, () => lt(e, t));
-	return n ? (e.setAttribute(Pt, ""), qt(n, t)) : null;
-}, Xt = async (e, t = {}) => {
+}, Rt = async (e, t) => {
+	let n = _t(e.filter((e) => !e.hasAttribute(wt)));
+	return await bt(n), Ct(n), Pe(n, t.langattribute), n;
+}, zt = (e, t) => {
+	let n = Q.timed("Building", e, () => Xe(e, t));
+	return n ? (e.setAttribute(wt, ""), Lt(n, t)) : null;
+}, Bt = async (e, t = {}) => {
 	if (e.tablechart) return e.tablechart;
 	let n = {
-		...M,
+		..._,
 		...t
 	};
 	n.debug && (Q.enabled = !0);
-	let [r] = await Jt([e], n);
-	return r ? Yt(r, n) : null;
-}, Zt = async (e = {}, t = document) => {
+	let [r] = await Rt([e], n);
+	return r ? zt(r, n) : null;
+}, Vt = [
+	["--tablechart-duration", "--tablechart-animation-element-duration"],
+	["--tablechart-stagger", "--tablechart-animation-stagger, a share of the element time"],
+	["--tablechart-easing", "--tablechart-animation-ease"],
+	["--tablechart-category-size", "--tablechart-name-size"],
+	["--tablechart-category-padding", "--tablechart-name-padding"],
+	["--tablechart-categories-gap", "--tablechart-name-gap"],
+	["--tablechart-inside-align", "--tablechart-value-align"],
+	["--tablechart-bar-ink", "--tablechart-bar-value-color"],
+	["--tablechart-piece-ink", "--tablechart-piece-value-color"],
+	["--tablechart-up-ink", "--tablechart-up-value-color"],
+	["--tablechart-down-ink", "--tablechart-down-value-color"],
+	["--tablechart-total-ink", "--tablechart-total-value-color"],
+	["--tablechart-series-ink", "--tablechart-series-own-color"],
+	["--tablechart-dash", "--tablechart-series-dash"],
+	["--tablechart-dot", "--tablechart-series-dot"],
+	["--tablechart-muted-share", "--tablechart-series-muted-share"],
+	["--tablechart-rule-color", "--tablechart-baseline-color"],
+	["--tablechart-rule-width", "--tablechart-baseline-width"],
+	["--tablechart-rule-opacity", "--tablechart-baseline-opacity"],
+	["--tablechart-key-size", "--tablechart-legend-key-size"],
+	["--tablechart-controls-justify", "--tablechart-control-justify"],
+	["--tablechart-controls-gap", "--tablechart-control-gap"]
+], Ht = {
+	up: "grow",
+	across: "sweep"
+}, Ut = !1, Wt = (t, n) => {
+	if (Ut) return;
+	let r = (e) => {
+		let t = Ht[String(e)];
+		return t ? [`"${e}" is now "${t}"`] : [];
+	}, i = new Set(r(n.animate));
+	for (let e of t) {
+		let t = getComputedStyle(e);
+		for (let [e, n] of Vt) t.getPropertyValue(e).trim() && i.add(`${e} is now ${n}`);
+		for (let t of r(e.getAttribute("data-chart-animate"))) i.add(t);
+	}
+	i.size && (Ut = !0, console.warn(`[${e}] ${[...i].join("; ")}. The old names work until the next minor version.`));
+}, Gt = async (e = {}, t = document) => {
 	let n = {
-		...M,
+		..._,
 		...e
 	};
 	n.debug && (Q.enabled = !0);
-	let r = (await Jt(Array.from(t.querySelectorAll(n.selector)), n)).map((e) => Yt(e, n)).filter((e) => e !== null);
-	return Q.log(`Made ${r.length} chart(s).`), {
-		charts: r,
+	let r = await Rt(Array.from(t.querySelectorAll(n.selector)), n);
+	Wt(r, n);
+	let i = r.map((e) => zt(e, n)).filter((e) => e !== null);
+	return Q.log(`Made ${i.length} chart(s).`), {
+		charts: i,
 		refresh: () => {
-			for (let e of r) e.refresh();
+			for (let e of i) e.refresh();
 		},
 		destroy: () => {
-			for (let e of r) e.destroy();
+			for (let e of i) e.destroy();
 		}
 	};
 };
 //#endregion
-export { k as _, Dt as a, lt as c, gt as d, ht as f, t as g, w as h, Jt as i, pt as l, qe as m, Lt as n, At as o, $ as p, Zt as r, Nt as s, Xt as t, mt as u, O as v, M as y };
+export { h as _, _t as a, Xe as c, ot as d, at as f, t as g, f as h, Rt as i, rt as l, Pe as m, Dt as n, bt as o, $ as p, Gt as r, Ct as s, Bt as t, it as u, m as v, _ as y };