@martinomagnifico/tablechart 1.1.3 → 1.2.1

package/dist/tablechart-shared.mjs

@@ -1,5 +1,5 @@
 // src/js/config.ts
-var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablechart-bar", i = "tablechart-rule", a = "tablechart-line", o = "tablechart-reference", s = "tablechart-head", c = "tablechart-slice", l = "tablechart-name", u = "tablechart-legend", d = "tablechart-point", f = "tablechart-hole", p = "tablechart-centre", m = "tablechart-break", h = "is-placed", g = "tablechart-sr", _ = "is-shown", v = "is-printing", y = "is-at-once", b = "tablechart-queued", x = "tablechart-axis", S = "tablechart-tick", C = "tablechart-grid", w = 1e3, T = {
+var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablechart-bar", i = "tablechart-rule", a = "tablechart-line", o = "tablechart-reference", s = "tablechart-quadrant", c = "tablechart-head", l = "tablechart-slice", u = "tablechart-series", d = "tablechart-area", f = "tablechart-name", p = "tablechart-legend", m = "tablechart-point", h = "tablechart-hole", g = "tablechart-centre", _ = "tablechart-break", v = "is-placed", y = "tablechart-sr", b = "is-shown", x = "is-printing", S = "is-at-once", C = "tablechart-queued", w = "tablechart-axis", T = "tablechart-tick", E = "tablechart-grid", D = 1e3, O = {
 	selector: "[data-chart]",
 	aspect: .38,
 	barfill: .58,
@@ -7,6 +7,8 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	animate: !0,
 	entrance: .5,
 	labels: "outside",
+	values: "auto",
+	ticks: !0,
 	shape: "straight",
 	legend: !1,
 	axis: !1,
@@ -15,6 +17,8 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	tooltip: "auto",
 	tooltipparent: null,
 	table: "never",
+	tablelimit: 15,
+	summary: "auto",
 	totallabel: "Total",
 	controls: !0,
 	previouslabel: "Previous",
@@ -23,26 +27,35 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	threshold: .5,
 	replay: !1,
 	langattribute: "data-i18n"
-}, E = "cubic-bezier(0.3, 0.3, 0.6, 1)", D = (e, t, n = 1) => ({
+}, k = "cubic-bezier(0.3, 0.3, 0.6, 1)", A = (e, t, n = 1) => ({
 	start: e,
 	span: t,
-	easing: e + t >= n - 1e-4 ? E : "linear"
-}), O = (e, t) => `${e}:${t}`, k = "http://www.w3.org/2000/svg", A = (e) => Math.round(e * 100) / 100, j = (e, t = {}) => {
-	let n = document.createElementNS(k, e);
+	easing: e + t >= n - 1e-4 ? k : "linear"
+}), j = (e, t) => `${e}:${t}`, M = "http://www.w3.org/2000/svg", N = (e) => Math.round(e * 100) / 100, P = (e, t = {}) => {
+	let n = document.createElementNS(M, e);
 	for (let e in t) {
 		let r = t[e];
-		n.setAttribute(e, String(typeof r == "number" ? A(r) : r));
+		n.setAttribute(e, String(typeof r == "number" ? N(r) : r));
 	}
 	return n;
-}, M = (e, t) => [e, ...t.classes].join(" "), N = (e, t) => {
+}, F = (e, t) => [e, ...t.classes].join(" "), I = (e, t) => {
 	let n = document.createElement("span");
 	return n.className = e, n.inert = !0, t.appendChild(n), n;
-}, P = (e, t, n, r, i) => {
+}, L = (e, t, n, r, i) => {
 	e.style.left = `${t / r * 100}%`, e.style.top = `${n / i * 100}%`;
-}, F = 0, I = 0, L = (e) => {
+}, R = 0, z = 0, B = (e) => {
 	let t = e.querySelector(":scope > defs");
-	return t || (t = j("defs"), e.prepend(t)), t;
-}, R = (e) => {
+	return t || (t = P("defs"), e.prepend(t)), t;
+}, V = (e) => {
+	if (e.tagName === "circle") {
+		let [t, n, r] = [
+			"cx",
+			"cy",
+			"r"
+		].map((t) => Number(e.getAttribute(t)) || 0);
+		return `M${N(t - r)},${N(n)}a${N(r)},${N(r)} 0 1 0 ${N(2 * r)},0a${N(r)},${N(r)} 0 1 0 ${N(-2 * r)},0z`;
+	}
+	if (e.tagName === "polygon") return `M${(e.getAttribute("points") ?? "").trim().split(/\s+/).join("L")}z`;
 	let [t, n, r, i, a, o] = [
 		"x",
 		"y",
@@ -50,26 +63,26 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		"height",
 		"rx",
 		"ry"
-	].map((t) => Number(e.getAttribute(t)) || 0), s = Math.min(a, r / 2), c = Math.min(o, i / 2), l = (e, t) => s && c ? `a${A(s)},${A(c)} 0 0 1 ${A(e)},${A(t)}` : "";
-	return `M${A(t + s)},${A(n)}h${A(r - 2 * s)}${l(s, c)}v${A(i - 2 * c)}${l(-s, c)}h${A(2 * s - r)}${l(-s, -c)}v${A(2 * c - i)}${l(s, -c)}z`;
-}, z = (e, t, n, r, i) => {
+	].map((t) => Number(e.getAttribute(t)) || 0), s = Math.min(a, r / 2), c = Math.min(o, i / 2), l = (e, t) => s && c ? `a${N(s)},${N(c)} 0 0 1 ${N(e)},${N(t)}` : "";
+	return `M${N(t + s)},${N(n)}h${N(r - 2 * s)}${l(s, c)}v${N(i - 2 * c)}${l(-s, c)}h${N(2 * s - r)}${l(-s, -c)}v${N(2 * c - i)}${l(s, -c)}z`;
+}, H = (e, t, n, r, i) => {
 	if (!t.length || !i.length) return;
-	let a = `tablechart-clip-${++I}`, o = j("clipPath", {
+	let a = `tablechart-clip-${++z}`, o = P("clipPath", {
 		id: a,
 		clipPathUnits: "userSpaceOnUse"
 	}), s = `M${-n},${-r}h${n * 3}v${r * 3}h${-n * 3}z`;
-	o.appendChild(j("path", {
-		d: s + t.map(R).join(""),
+	o.appendChild(P("path", {
+		d: s + t.map(V).join(""),
 		"clip-rule": "evenodd"
-	})), L(e).appendChild(o);
+	})), B(e).appendChild(o);
 	for (let e of i) e.setAttribute("clip-path", `url(#${a})`);
-}, B = (e, t, n, r, i, a) => {
+}, U = (e, t, n, r, i, a) => {
 	if (!t.length) return;
-	let o = `tablechart-cut-${++F}`, s = j("mask", {
+	let o = `tablechart-cut-${++R}`, s = P("mask", {
 		id: o,
 		maskUnits: "userSpaceOnUse"
 	});
-	s.appendChild(j("rect", {
+	s.appendChild(P("rect", {
 		x: -n,
 		y: -r,
 		width: n * 3,
@@ -77,14 +90,14 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		fill: "white"
 	}));
 	for (let e of t) e.setAttribute("fill", "black"), s.appendChild(e);
-	let c = L(e);
+	let c = B(e);
 	if (c.appendChild(s), i) {
 		for (let e of i) e.setAttribute("mask", `url(#${o})`);
 		return;
 	}
 	let l = null;
-	for (let t of Array.from(e.childNodes)) t !== c && (a && t instanceof Element && t.matches(a) ? (l = null, e.appendChild(t)) : (l ?? (l = e.appendChild(j("g", { mask: `url(#${o})` }))), l.appendChild(t)));
-}, V = 0, H = (e) => Array.from(e.querySelectorAll(`.${r}`)).map((e) => {
+	for (let t of Array.from(e.childNodes)) t !== c && (a && t instanceof Element && t.matches(a) ? (l = null, e.appendChild(t)) : (l ?? (l = e.appendChild(P("g", { mask: `url(#${o})` }))), l.appendChild(t)));
+}, ee = 0, te = (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),
@@ -95,7 +108,7 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		sideways: e.dataset.grow === "right",
 		part: s
 	};
-}), U = {
+}), ne = {
 	create: () => null,
 	draw(e, t, n) {
 		let { rows: r, y: i, svg: a, breakAt: o } = n;
@@ -122,29 +135,29 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 				[c + 2 * l, t + o],
 				[c + i, t - o]
 			];
-		}, l = (e, t = !1) => e.map(([e, t], n) => `${n === 0 ? "M" : "L"} ${e.toFixed(1)} ${t.toFixed(1)}`).join(" ") + (t ? " Z" : ""), u = `tablechart-break-${++V}`, d = j("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-${++ee}`, d = P("mask", {
 			id: u,
 			maskUnits: "userSpaceOnUse"
 		});
-		d.appendChild(j("rect", {
-			x: -w,
+		d.appendChild(P("rect", {
+			x: -D,
 			y: -n.height,
-			width: w * 3,
+			width: D * 3,
 			height: n.height * 3,
 			fill: "white"
 		}));
 		let f = [], p = i(o);
-		for (let e of H(a)) {
+		for (let e of te(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(j("path", {
+			d.appendChild(P("path", {
 				d: l([...i, ...o.slice().reverse()], !0),
 				fill: "black"
 			})), f.push(i, o);
-			let s = [O("--after", r[e.row - 1]?.slot ?? 0), e.part].filter(Boolean).join("; ");
-			for (let e of [i, o]) a.appendChild(j("path", {
-				class: m,
+			let s = [j("--after", r[e.row - 1]?.slot ?? 0), e.part].filter(Boolean).join("; ");
+			for (let e of [i, o]) a.appendChild(P("path", {
+				class: _,
 				"data-part": "edge",
 				"data-note": n.note,
 				d: l(e),
@@ -152,22 +165,22 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			}));
 		}
 		if (!f.length) return;
-		let h = Array.from(a.querySelectorAll(`.${m}`)), g = j("g", { mask: `url(#${u})` });
-		for (let e of Array.from(a.childNodes)) h.includes(e) || g.appendChild(e);
-		let _ = j("defs");
-		_.appendChild(d), a.prepend(_, g);
+		let m = Array.from(a.querySelectorAll(`.${_}`)), h = P("g", { mask: `url(#${u})` });
+		for (let e of Array.from(a.childNodes)) m.includes(e) || h.appendChild(e);
+		let g = P("defs");
+		g.appendChild(d), a.prepend(g, h);
 	}
 }, W = (e) => {
 	let t = -Infinity;
 	for (let n of e) t = Math.max(t, n);
 	return t;
-}, ee = (e) => (e.split(/[.,]/)[1] || "").length, G = (e, t) => new Intl.NumberFormat(t || document.documentElement.lang || void 0, {
+}, re = (e) => (e.split(/[.,]/)[1] || "").length, G = (e, t) => new Intl.NumberFormat(t || document.documentElement.lang || void 0, {
 	minimumFractionDigits: e,
 	maximumFractionDigits: e
-}), te = (e, t, n) => {
+}), K = (e, t, n) => {
 	let r = G(t, n).formatToParts(e), i = r[0]?.type === "minusSign" ? r[0].value : "";
 	return [i, r.slice(+!!i).map((e) => e.value).join("")];
-}, ne = (e) => Number.parseFloat((e.match(/-?[\d.,]+/) || ["NaN"])[0].replace(",", ".")), re = (e, t) => {
+}, ie = (e) => Number.parseFloat((e.match(/-?[\d.,]+/) || ["NaN"])[0].replace(",", ".")), q = (e, t) => {
 	let n = document.createElement("span");
 	if (n.className = "tablechart-badge", n.inert = !0, e.childElementCount > 0) for (let t of Array.from(e.children)) n.appendChild(t.cloneNode(!0));
 	else {
@@ -176,44 +189,44 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		t && n.setAttribute("data-i18n", t);
 	}
 	return t.appendChild(n), n;
-}, K = (t, n, r, i, a = "%") => {
-	let o = t?.textContent || "", s = ne(o), c = a ? .5 : .5 * 10 ** -ee(o.match(/-?[\d.,]+/)?.[0] ?? ""), l = Number.isNaN(s) ? !0 : Math.abs(n - s) <= c + 1e-9, u = {
+}, ae = (t, n, r, i, a = "%") => {
+	let o = t?.textContent || "", s = ie(o), c = a ? .5 : .5 * 10 ** -re(o.match(/-?[\d.,]+/)?.[0] ?? ""), l = Number.isNaN(s) ? !0 : Math.abs(n - s) <= c + 1e-9, u = {
 		label: r,
 		computed: n,
 		stated: s,
 		agrees: l
 	};
 	i.checks.push(u), l || console.warn(`[${e}] An annotation reads ${s}${a}, but ${r} is ${Number(n.toFixed(2))}${a}. The chart shows your number.`);
-}, ie = (e, t) => (t - e) / Math.abs(e) * 100, ae = (e, t) => {
+}, oe = (e, t) => (t - e) / Math.abs(e) * 100, se = (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)];
-}, oe = {
-	create: re,
+}, ce = {
+	create: q,
 	draw(t, n, r) {
-		let { rows: i, cx: o, y: c, unit: l, labelHeight: u, badgeHeight: d, height: f, svg: p, after: m } = r, [h, g] = ae(t, i.length), _ = i[h], v = i[g];
+		let { rows: i, cx: o, y: s, unit: l, labelHeight: u, badgeHeight: d, height: f, svg: p, after: m } = r, [h, g] = se(t, i.length), _ = i[h], v = i[g];
 		if (!_ || !v) {
 			console.warn(`[${e}] A bracket points at a row that is not there (row ${h + 1} to ${g + 1}, of ${i.length}).`);
 			return;
 		}
-		let y = 7 * l, b = 4 * l, x = o(h), S = o(g), C = Math.min(c(_.value), c(v.value)) - u - b - d * .9, T = (e) => c(e) - u - b, E = `M ${x} ${T(_.value)} L ${x} ${C} L ${S} ${C} L ${S} ${T(v.value) - y}`, D = (T(_.value) - C + Math.abs(S - x) + (T(v.value) - y - C)) / l + 1;
-		p.appendChild(j("path", {
+		let y = 7 * l, b = 4 * l, x = o(h), S = o(g), C = Math.min(s(_.value), s(v.value)) - u - b - d * .9, w = (e) => s(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)) / l + 1;
+		p.appendChild(P("path", {
 			class: a,
 			"data-note": r.note,
-			d: E,
-			style: `--len:${D.toFixed(1)}; ${O("--after", m)}`
+			d: T,
+			style: `--len:${E.toFixed(1)}; ${j("--after", m)}`
 		}));
-		let k = T(v.value);
-		p.appendChild(j("polygon", {
-			class: s,
+		let O = w(v.value);
+		p.appendChild(P("polygon", {
+			class: c,
 			"data-note": r.note,
-			points: `${S},${k} ${S - y * .45},${k - y} ${S + y * .45},${k - y}`,
-			style: O("--after", m)
-		})), n && (P(n, (x + S) / 2, C, w, f), n.style.setProperty("--after", String(m))), K(n, ie(_.value, v.value), `${_.value} to ${v.value}`, r);
+			points: `${S},${O} ${S - y * .45},${O - y} ${S + y * .45},${O - y}`,
+			style: j("--after", m)
+		})), n && (L(n, (x + S) / 2, C, D, f), n.style.setProperty("--after", String(m))), ae(n, oe(_.value, v.value), `${_.value} to ${v.value}`, r);
 	}
-}, se = (e, t) => e[0] < t[0] + t[2] && t[0] < e[0] + e[2] && e[1] < t[1] + t[3] && t[1] < e[1] + e[3], ce = (e, t) => e[0] >= t[0] && e[1] >= t[1] && e[0] + e[2] <= t[0] + t[2] && e[1] + e[3] <= t[1] + t[3], le = (e, t, n) => {
+}, le = (e, t) => e[0] < t[0] + t[2] && t[0] < e[0] + e[2] && e[1] < t[1] + t[3] && t[1] < e[1] + e[3], ue = (e, t) => e[0] >= t[0] && e[1] >= t[1] && e[0] + e[2] <= t[0] + t[2] && e[1] + e[3] <= t[1] + t[3], de = (e, t, n) => {
 	if (e.length > 400) return e.map(() => null);
 	let r = 1;
 	for (let t of e) for (let [, , e, n] of t) r = Math.max(r, e, n);
@@ -223,21 +236,120 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		return a;
 	}, o = (e) => {
 		for (let t of a(e)) i.get(t)?.push(e) ?? i.set(t, [e]);
-	}, s = (e) => ce(e, n) && a(e).every((t) => !i.get(t)?.some((t) => se(e, t)));
+	}, s = (e) => ue(e, n) && a(e).every((t) => !i.get(t)?.some((t) => le(e, t)));
 	return t.forEach(o), e.map((e) => {
 		let t = e.findIndex(s);
 		return t < 0 ? null : (o(e[t]), t);
 	});
-}, ue = /* @__PURE__ */ new WeakMap(), de = (e) => {
+}, fe = /* @__PURE__ */ new WeakMap(), pe = (e) => {
 	let t = [...e].filter((e) => !!e), n = t.map((e) => ({
 		width: e.offsetWidth,
 		height: e.offsetHeight
 	}));
-	t.forEach((e, t) => ue.set(e, n[t]));
-}, q = (e) => ue.get(e) ?? {
+	t.forEach((e, t) => fe.set(e, n[t]));
+}, J = (e) => fe.get(e) ?? {
 	width: e.offsetWidth,
 	height: e.offsetHeight
-}, fe = (e, t, n) => {
+}, me = 6, he = (e, t, n) => e.some((e) => J(e).width * n > t - me * n), ge = (e, t, n) => t >= J(e).height * n * 1.6, _e = (e, t, n) => t >= J(e).width * n * 1.5, ve = (e, t, n, r, i = .7) => {
+	e.style.setProperty(r, "1");
+	let a = 1;
+	for (let e of t) {
+		let { size: t, room: r } = n(e);
+		t > r && (a = Math.min(a, r / t));
+	}
+	let o = a >= i ? a : 0;
+	return e.style.setProperty(r, String(o || i)), o;
+}, ye = (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), be = {
+	outside: [.5, 1],
+	below: [.5, 0],
+	after: [0, .5],
+	before: [1, .5]
+}, xe = (e, t, n, r, i = [.5, .5]) => {
+	let [a, o] = be[e.dataset.place ?? ""] ?? i, { width: s, height: c } = J(e);
+	return [
+		Number.parseFloat(e.style.left) / 100 * n - s * t * a,
+		Number.parseFloat(e.style.top) / 100 * r - c * t * o,
+		s * t,
+		c * t
+	];
+}, Se = (e, t, n) => {
+	for (let r of e) {
+		if (r.dataset.place === "none" || !r.style.left) continue;
+		let [e] = be[r.dataset.place ?? ""] ?? [.5, .5], i = J(r).width * t, a = Number.parseFloat(r.style.left) / 100 * n, o = Math.min(Math.max(a, i * e), n - i * (1 - e));
+		o !== a && (r.style.left = `${o / n * 100}%`);
+	}
+}, Ce = (e, t, n, r) => {
+	let i = e.filter((e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out")), a = Y(i, t, n, r);
+	i.forEach((e, t) => {
+		t % a && e.setAttribute("data-left-out", "");
+	});
+}, Y = (e, t, n, r) => {
+	if (e.length < 2) return 1;
+	let i = e.map((e) => xe(e, t, n, r)), a = 2 * t, o = (e, t) => e[0] + e[2] + a <= t[0] || t[0] + t[2] + a <= e[0] || e[1] + e[3] <= t[1] || t[1] + t[3] <= e[1], s = 1;
+	for (; s < e.length && i.some((e, t) => t >= s && t % s === 0 && !o(i[t - s], e));) s++;
+	return s;
+}, we = {
+	create(e, t) {
+		if (!e.textContent?.trim()) return null;
+		let n = q(e, t);
+		return n.dataset.kind = "note", n;
+	},
+	draw(t, n, r) {
+		let { rows: i, cx: a, y: s, height: c, unit: l, svg: u, after: d, seriesValues: f } = r;
+		if (r.x || r.centre || r.categories[0]?.parentElement?.dataset.place === "beside") {
+			console.warn(`[${e}] A note works on a chart with its rows across, such as a line or column chart.`);
+			return;
+		}
+		let p = (t.getAttribute("data-row") ?? "").trim(), h = /^\d+$/.test(p) ? Number(p) - 1 : i.findIndex((e) => e.label === p);
+		if (h < 0 || h >= i.length) {
+			console.warn(`[${e}] A note is for row "${p}", which is not there.`);
+			return;
+		}
+		let g = a(h), _ = s(0);
+		if (u.insertBefore(P("line", {
+			class: o,
+			"data-kind": "note",
+			"data-note": r.note,
+			x1: g,
+			x2: g,
+			y1: 0,
+			y2: _,
+			style: j("--after", d)
+		}), u.querySelector(`:scope > .${m}`)), !n) return;
+		let v = J(n).width * l, y = J(n).height * l, b = 4 * l, x = f.flat().flatMap((e) => !e.style.left || e.dataset.place === "none" || e.hasAttribute("data-left-out") ? [] : [{
+			label: e,
+			box: xe(e, l, D, c)
+		}]), S = [0, y + b / 2].flatMap((e) => [
+			[
+				g - v / 2,
+				e,
+				v,
+				y
+			],
+			[
+				g + b,
+				e,
+				v,
+				y
+			],
+			[
+				g - b - v,
+				e,
+				v,
+				y
+			]
+		]), [C] = de([S], [...r.taken, ...x.map((e) => e.box)], [
+			0,
+			0,
+			D,
+			c
+		]), w = S[C ?? 0];
+		if (r.taken.push(w), L(n, w[0] + v / 2, w[1] + y / 2, D, c), n.style.setProperty("--after", String(d)), C === null) for (let e of x) le(e.box, w) && e.label.setAttribute("data-left-out", "");
+	}
+}, Te = (e, t, n) => {
 	let r = n.reduce((e, t) => e + t, 0);
 	if (e === "mean") return r ? t.reduce((e, t, r) => e + t * n[r], 0) / r : null;
 	if (e === "median") {
@@ -250,25 +362,25 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	}
 	let i = Number.parseFloat(e);
 	return Number.isFinite(i) ? i : null;
-}, pe = {
+}, Ee = {
 	create(e, t) {
 		if (!e.textContent?.trim()) return null;
-		let n = re(e, t);
+		let n = q(e, t);
 		return n.dataset.kind = "reference", n;
 	},
 	draw(t, n, r) {
-		let { rows: i, cx: a, y: s, x: c, height: l, unit: u, svg: f, after: p } = r, m = i.filter((e) => !e.isTotal && !e.missing), h = t.hasAttribute("data-name"), g = (t.getAttribute(h ? "data-name" : "data-value") ?? "").trim(), _, v, y;
+		let { rows: i, cx: a, y: s, x: c, height: l, unit: u, svg: d, after: f } = r, p = i.filter((e) => !e.isTotal && !e.missing), h = t.hasAttribute("data-name"), g = (t.getAttribute(h ? "data-name" : "data-value") ?? "").trim(), _, v, y;
 		if (h) {
-			let t = m.map((e) => ne(e.label));
+			let t = p.map((e) => ie(e.label));
 			if (r.categories[0]?.parentElement?.dataset.place === "beside" || t.some(Number.isNaN)) {
 				console.warn(`[${e}] A reference line among the names needs names that are numbers, under columns or points.`);
 				return;
 			}
-			let n = fe(g, t, m.map((e) => e.value)), o = n === null ? -1 : t.findIndex((e, r) => e <= n && n <= (t[r + 1] ?? e)), [s, c] = [m[o], m[o + 1] ?? m[o]].map((e) => a(i.indexOf(e))), l = n === null || o < 0 || t[o + 1] === void 0 || t[o + 1] === t[o] ? 0 : (n - t[o]) / (t[o + 1] - t[o]);
+			let n = Te(g, t, p.map((e) => e.value)), o = n === null ? -1 : t.findIndex((e, r) => e <= n && n <= (t[r + 1] ?? e)), [s, c] = [p[o], p[o + 1] ?? p[o]].map((e) => a(i.indexOf(e))), l = n === null || o < 0 || t[o + 1] === void 0 || t[o + 1] === t[o] ? 0 : (n - t[o]) / (t[o + 1] - t[o]);
 			y = n, v = o < 0 ? null : s + l * (c - s), _ = !1;
 		} else {
 			let e = !!r.frame && t.getAttribute("data-axis") === "y", n = r.frame ? r.series.flatMap((e, t) => e.group ? [] : [t])[+!!e] ?? 0 : 0;
-			y = fe(g, m.map((e) => e.cells[n]?.value ?? e.value), m.map(() => 1)), _ = e || !c, v = y === null ? null : c && !e ? c(y) : s(y);
+			y = Te(g, p.map((e) => e.cells[n]?.value ?? e.value), p.map(() => 1)), _ = e || !c, v = y === null ? null : c && !e ? c(y) : s(y);
 		}
 		if (v === null || y === null) {
 			console.warn(`[${e}] A reference line needs a number, "mean" or "median", not "${g}".`);
@@ -282,10 +394,10 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		] : [
 			0,
 			0,
-			i.length > 0 ? a(i.length - 1) + a(0) : w,
+			i.length > 0 ? a(i.length - 1) + a(0) : D,
 			c ? l : s(0)
 		];
-		if (f.insertBefore(j("line", {
+		if (d.insertBefore(P("line", {
 			class: o,
 			"data-note": r.note,
 			...t.getAttribute("data-line") === "dotted" && { "data-line": "dotted" },
@@ -300,9 +412,9 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 				y1: x,
 				y2: C
 			},
-			style: O("--after", p)
-		}), f.querySelector(`:scope > .${d}`)), n) {
-			let e = q(n).width * u, t = q(n).height * u, i = 4 * u, a = _ ? [
+			style: j("--after", f)
+		}), d.querySelector(`:scope > .${m}`)), n) {
+			let e = J(n).width * u, t = J(n).height * u, i = 4 * u, a = _ ? [
 				[
 					S - e,
 					v - t / 2,
@@ -344,80 +456,80 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 					e,
 					t
 				]
-			]), [o] = le([a], r.taken, [
+			]), [o] = de([a], r.taken, [
 				0,
 				0,
-				w,
+				D,
 				l
 			]), s = a[o ?? 0];
-			r.taken.push(s), P(n, s[0] + e / 2, s[1] + t / 2, w, l), n.style.setProperty("--after", String(p)), (g === "mean" || g === "median") && K(n, y, `the ${g}`, r, "");
+			r.taken.push(s), L(n, s[0] + e / 2, s[1] + t / 2, D, l), n.style.setProperty("--after", String(f)), (g === "mean" || g === "median") && ae(n, y, `the ${g}`, r, "");
 		}
 	}
-}, J = (e, t, n) => ((t / e) ** (1 / n) - 1) * 100, me = {
-	create: re,
+}, De = (e, t, n) => ((t / e) ** (1 / n) - 1) * 100, Oe = {
+	create: q,
 	draw(e, t, n) {
-		let { rows: r, cx: i, y: o, unit: c, labelHeight: l, height: u, svg: d, values: f, after: p } = n, m = r[0], h = r[r.length - 1];
+		let { rows: r, cx: i, y: o, unit: s, labelHeight: l, height: u, svg: d, values: f, after: p } = n, m = r[0], h = r[r.length - 1];
 		if (!m || !h) return;
-		let g = l + 18 * c, _ = 10 * c, v = 10 * c, y = i(0), b = o(m.value) - g, x = i(r.length - 1), S = o(h.value) - g, C = 0;
+		let g = l + 18 * s, _ = 10 * s, v = 10 * s, y = i(0), b = o(m.value) - g, x = i(r.length - 1), S = o(h.value) - g, C = 0;
 		r.forEach((e, t) => {
 			let n = x === y ? 0 : (i(t) - y) / (x - y), r = b + n * (S - b) - (o(e.value) - g);
 			r > C && (C = r);
 		}), b -= C, S -= C;
-		let T = x - y, E = S - b, D = Math.hypot(T, E) || 1, k = T / D, A = E / D;
-		y -= k * _, b -= A * _, x += k * _, S += A * _;
-		let M = Number.parseFloat(e.getAttribute("data-at") || "0.5");
+		let w = x - y, T = S - b, E = Math.hypot(w, T) || 1, O = w / E, k = T / E;
+		y -= O * _, b -= k * _, x += O * _, S += k * _;
+		let A = Number.parseFloat(e.getAttribute("data-at") || "0.5");
 		if (t) {
-			let e = y + (x - y) * M, n = b + (S - b) * M, a = q(t).width * c / 2, s = n + q(t).height * c / 2 + 8 * c, u = 0;
+			let e = y + (x - y) * A, n = b + (S - b) * A, a = J(t).width * s / 2, c = n + J(t).height * s / 2 + 8 * s, u = 0;
 			r.forEach((t, n) => {
-				let r = (f[n] ? q(f[n]).width : 0) * c / 2;
+				let r = (f[n] ? J(f[n]).width : 0) * s / 2;
 				if (Math.abs(i(n) - e) >= a + r) return;
-				let d = o(t.value) - 7 * c - l;
-				u = Math.max(u, s - d);
+				let d = o(t.value) - 7 * s - l;
+				u = Math.max(u, c - d);
 			}), b -= u, S -= u;
 		}
-		let N = x - k * v, F = S - A * v, I = Math.hypot(N - y, F - b) / c + 1;
-		d.appendChild(j("line", {
+		let M = x - O * v, N = S - k * v, F = Math.hypot(M - y, N - b) / s + 1;
+		d.appendChild(P("line", {
 			class: a,
 			"data-note": n.note,
 			x1: y,
 			y1: b,
-			x2: N,
-			y2: F,
-			style: `--len:${I.toFixed(1)}; ${O("--after", p)}`
+			x2: M,
+			y2: N,
+			style: `--len:${F.toFixed(1)}; ${j("--after", p)}`
 		}));
-		let L = -A, R = k, z = v * .42;
-		d.appendChild(j("polygon", {
-			class: s,
+		let I = -k, R = O, z = v * .42;
+		d.appendChild(P("polygon", {
+			class: c,
 			"data-note": n.note,
 			points: [
 				`${x},${S}`,
-				`${N + L * z},${F + R * z}`,
-				`${N - L * z},${F - R * z}`
+				`${M + I * z},${N + R * z}`,
+				`${M - I * z},${N - R * z}`
 			].join(" "),
-			style: O("--after", p)
-		})), t && (P(t, y + (x - y) * M, b + (S - b) * M, w, u), t.style.setProperty("--after", String(p)));
+			style: j("--after", p)
+		})), t && (L(t, y + (x - y) * A, b + (S - b) * A, D, u), t.style.setProperty("--after", String(p)));
 		let B = Number.parseFloat(e.getAttribute("data-years") || "");
-		!Number.isNaN(B) && B > 0 && K(t, J(m.value, h.value, B), `${m.value} to ${h.value} over ${B} years`, n);
+		!Number.isNaN(B) && B > 0 && ae(t, De(m.value, h.value, B), `${m.value} to ${h.value} over ${B} years`, n);
 	}
-}, he = (e, t, n, r, i) => {
+}, ke = (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;
-}, ge = (e, t, n) => {
+}, Ae = (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
 	};
-}, _e = (e, t, n) => {
+}, je = (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}); ${O("--i", t.slot)}`
+		style: `--n:${n}; --m:${+!!i}; --palette:var(--tablechart-color-${n + 1}); ${j("--i", t.slot)}`
 	};
-}, Y = (e, t, n = !1) => {
+}, Me = (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;
@@ -444,52 +556,40 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 			cell: o
 		};
 	});
-}, ve = (e, t, n = !1) => {
-	let r = Y(e, t, n);
+}, Ne = (e, t, n = !1) => {
+	let r = Me(e, t, n);
 	return {
 		top: Math.max(0, ...r.map((e) => e.to)),
 		bottom: Math.min(0, ...r.map((e) => e.to))
 	};
-}, ye = (e, t) => {
-	let { top: n, bottom: r } = ve(e, t);
+}, Pe = (e, t) => {
+	let { top: n, bottom: r } = Ne(e, t);
 	return n + r;
-}, be = (e, t, n) => {
+}, Fe = (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})`);
-}, xe = (e, t, n, i = {}, a = "") => {
+}, Ie = (e, t) => e.some((n, r) => r !== t && !n.cell.missing && n.to !== n.from && n.from === e[t].to), Le = (e, t, n, i = {}, a = "") => {
 	let o = {
-		class: M(r, t),
+		class: F(r, t),
 		"data-kind": "bar",
 		"data-row": n + 1,
 		...i
-	}, s = O("--i", t.slot) + (a ? `; transform-origin: ${a}` : ""), c = j("g", {
+	}, s = j("--i", t.slot) + (a ? `; transform-origin: ${a}` : ""), c = P("g", {
 		...o,
 		"data-stack": "",
 		style: s
 	});
 	return e.svg.appendChild(c), (r, a) => {
 		let o = i["data-grow"] === void 0 ? {} : { "data-grow": i["data-grow"] };
-		c.appendChild(j("rect", {
+		c.appendChild(P("rect", {
 			...o,
 			...a,
-			class: M("tablechart-piece", t),
+			class: F("tablechart-piece", t),
 			"data-row": n + 1,
-			..._e(e, t, r)
+			...je(e, t, r)
 		}));
 	};
-}, Se = 6, Ce = (e, t, n) => e.some((e) => q(e).width * n > t - Se * n), we = (e, t, n) => t >= q(e).height * n * 1.6, Te = (e, t, n) => t >= q(e).width * n * 1.5, Ee = (e, t, n, r, i = .7) => {
-	e.style.setProperty(r, "1");
-	let a = 1;
-	for (let e of t) {
-		let { size: t, room: r } = n(e);
-		t > r && (a = Math.min(a, r / t));
-	}
-	let o = a >= i ? a : 0;
-	return e.style.setProperty(r, String(o || i)), o;
-}, De = (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), Oe = {
+}, Re = {
 	segments: (e) => e.map((e) => ({
 		...e,
 		from: 0,
@@ -497,69 +597,70 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		kind: "bar"
 	})),
 	series: !0,
+	groups: !0,
 	legend: "box",
 	stackable: !0,
 	totals: !0,
 	breakable: !0,
 	aspect: .5,
-	minHeight: ({ labelHeight: e, nameHeight: t, rows: n, series: r, stacked: i }) => {
-		let a = e * 1.1, o = r > 1 && !i ? a * (r + .15 * (r - 1)) / .7 : a / .58;
-		return n * Math.max(o, t * 1.2);
+	minHeight: ({ labelHeight: e, nameHeight: t, rows: n, series: r, stacked: i, labels: a }) => {
+		let o = e * 1.1, s = r > 1 && !i ? o * (r + .15 * (r - 1)) / .7 : i || a === "inside" ? o / .58 : o;
+		return n * Math.max(s, t * 1.2);
 	},
 	categories: "beside",
 	headroom: () => 0,
 	draw(e) {
-		let { segments: t, height: n, unit: a, svg: o, values: s, categories: c, config: l, barMax: u } = e, d = e.series.length > 1, f = Math.max(W(c.map((e) => q(e).width * a)), 0), p = Math.min(f + 10 * a, w * .42);
-		c[0]?.parentElement?.style.setProperty("--_beside", `${((p - 8 * a) / w * 100).toFixed(2)}%`);
-		let m = w - 4 * a, h = e.stacked ? Math.max(W(e.rows.map((t) => ve(t, e.series.length).top)), 0) || 1 : Math.max(W(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => Math.abs(e.value)))), 0) || 1, g = e.stacked ? Math.max(W(e.rows.map((t) => -ve(t, e.series.length).bottom)), 0) : Math.max(W(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => -e.value))), 0), _ = Math.max(h, e.domain?.[1] ?? 0), v = Math.max(g, -(e.domain?.[0] ?? 0)), y = Math.max(_, e.squeeze?.hi ?? 0) + v, b = (t, n) => he(Math.abs(t), y, n, e.squeeze, e.breakGap), x = n / t.length, S = (e) => (e + .5) * x, C = Math.min(x * l.barfill, u), T = ge(x, e.series.length, u), E = s[0] ?? e.totals[0], D = E ? q(E).height * a * .56 : 0, k = Math.max(((d && !e.stacked ? T.size : C) - D) / 2, 5 * a), A = (e) => q(e).width * a, N = (e) => e.length ? W(e.map(A)) + k + 4 * a : 0, F = (t, n) => (e.rows[n].cells[t] ?? e.rows[n].cells[0]).value, I = 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(W(c.map((e) => J(e).width * a)), 0), p = Math.min(f + 10 * a, D * .42);
+		c[0]?.parentElement?.style.setProperty("--_beside", `${((p - 8 * a) / D * 100).toFixed(2)}%`);
+		let m = D - 4 * a, h = e.stacked ? Math.max(W(e.rows.map((t) => Ne(t, e.series.length).top)), 0) || 1 : Math.max(W(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => Math.abs(e.value)))), 0) || 1, g = e.stacked ? Math.max(W(e.rows.map((t) => -Ne(t, e.series.length).bottom)), 0) : Math.max(W(e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => -e.value))), 0), _ = Math.max(h, e.domain?.[1] ?? 0), v = Math.max(g, -(e.domain?.[0] ?? 0)), y = Math.max(_, e.squeeze?.hi ?? 0) + v, b = (t, n) => ke(Math.abs(t), y, n, e.squeeze, e.breakGap), x = n / t.length, S = (e) => (e + .5) * x, C = Math.min(x * l.barfill, u), w = Ae(x, e.series.length, u), T = s[0] ?? e.totals[0], E = T ? J(T).height * a * .56 : 0, O = Math.max(((d && !e.stacked ? w.size : C) - E) / 2, 5 * a), k = (e) => J(e).width * a, A = (e) => e.length ? W(e.map(k)) + O + 4 * a : 0, M = (t, n) => (e.rows[n].cells[t] ?? e.rows[n].cells[0]).value, N = e.seriesValues.flatMap((e, t) => e.map((e, n) => ({
 			label: e,
-			value: F(t, n)
-		}))), L = (t) => {
-			let n = ve(e.rows[t], e.series.length);
+			value: M(t, n)
+		}))), I = (t) => {
+			let n = Ne(e.rows[t], e.series.length);
 			return n.top === 0 && n.bottom < 0;
-		}, R = e.stacked ? N(e.totals.filter((e, t) => !L(t))) : d ? N(I.filter((e) => e.value >= 0).map((e) => e.label)) : 0, z = e.stacked ? N(e.totals.filter((e, t) => L(t))) : d ? N(I.filter((e) => e.value < 0).map((e) => e.label)) : 0;
+		}, R = e.stacked ? A(e.totals.filter((e, t) => !I(t))) : d ? A(N.filter((e) => e.value >= 0).map((e) => e.label)) : 0, z = e.stacked ? A(e.totals.filter((e, t) => I(t))) : d ? A(N.filter((e) => e.value < 0).map((e) => e.label)) : 0, B = (t, n) => e.labels === "inside" && _e(t, n, a);
 		if (!d && !e.stacked) for (let e = 0; e < 3; e++) {
 			let e = m - p - R - z, n = t.map((e, t) => ({
 				seg: e,
 				label: s[t]
-			})).filter(({ seg: t, label: n }) => !Te(n, b(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));
+			})).filter(({ seg: t, label: n }) => !B(n, b(t.value, e))), r = A(n.filter(({ seg: e }) => e.value >= 0).map(({ label: e }) => e)), i = A(n.filter(({ seg: e }) => e.value < 0).map(({ label: e }) => e));
 			if (r <= R && i <= z) break;
 			R = Math.max(R, r), z = Math.max(z, i);
 		}
-		let B = m - p - R - z, V = p + z + b(v, B), H = (e) => e < 0 ? V - b(e, B) : V + b(e, B);
-		if (e.squeeze && (e.breakX = H(e.squeeze.gap)), e.x = H, e.stacked) {
-			e.rows.forEach((t, r) => {
-				let i = ve(t, e.series.length), o = xe(e, t, r, { "data-grow": "right" }, i.bottom < 0 ? `${V - H(i.bottom)}px center` : ""), s = S(r) - C / 2;
-				Y(t, e.series.length).forEach(({ from: t, to: i, cell: c }, l) => {
-					let u = e.seriesValues[l][r];
-					if (u.dataset.place = "none", c.missing || i === t) return;
-					let d = Math.min(H(t), H(i)), f = Math.max(H(t), H(i));
-					o(l, {
-						x: d,
-						y: s,
-						width: Math.max(f - d, 1),
+		let V = m - p - R - z, H = p + z + b(v, V), U = (e) => e < 0 ? H - b(e, V) : H + b(e, V);
+		if (e.squeeze && (e.breakX = U(e.squeeze.gap)), e.x = U, e.stacked) {
+			let t = e.length("--tablechart-stack-gap", "1px") ?? a;
+			e.rows.forEach((r, i) => {
+				let o = Ne(r, e.series.length), s = Le(e, r, i, { "data-grow": "right" }, o.bottom < 0 ? `${H - U(o.bottom)}px center` : ""), l = S(i) - C / 2, u = Me(r, e.series.length);
+				u.forEach(({ from: r, to: o, cell: c }, d) => {
+					let f = e.seriesValues[d][i];
+					if (f.dataset.place = "none", c.missing || o === r) return;
+					let p = Math.min(U(r), U(o)), m = Math.max(U(r), U(o)), h = Ie(u, d) ? Math.min(t, (m - p) / 2) : 0, [g, _] = U(o) > U(r) ? [p, m - h] : [p + h, m];
+					s(d, {
+						x: g,
+						y: l,
+						width: Math.max(_ - g, 1),
 						height: C,
-						...i < t && { "data-grow": "left" }
-					}), u.dataset.place = "inside", u.toggleAttribute("data-left-out", !Te(u, f - d, a) || q(u).height * a > C), be(u, e, l), P(u, (d + f) / 2, S(r), w, n);
+						...o < r && { "data-grow": "left" }
+					}), f.dataset.place = "inside", f.toggleAttribute("data-left-out", !_e(f, m - p, a) || J(f).height * a > C), Fe(f, e, d), L(f, (p + m) / 2, S(i), D, n);
 				});
-				let l = e.totals[r];
-				l && (l.dataset.place = L(r) ? "before" : "after", P(l, L(r) ? H(i.bottom) - k : H(i.top) + k, S(r), w, n));
-				let u = c[r];
-				u && P(u, p - 8 * a, S(r), w, n);
-			}), o.appendChild(j("line", {
+				let d = e.totals[i];
+				d && (d.dataset.place = I(i) ? "before" : "after", L(d, I(i) ? U(o.bottom) - O : U(o.top) + O, S(i), D, n));
+				let f = c[i];
+				f && L(f, p - 8 * a, S(i), D, n);
+			}), o.appendChild(P("line", {
 				class: i,
-				x1: V,
-				x2: V,
+				x1: H,
+				x2: H,
 				y1: 0,
 				y2: n
 			}));
 			return;
 		}
 		if (d) {
-			e.plot.dataset.grouped = "";
-			let t = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), s = Ee(e.plot, t, (e) => ({
-				size: q(e).height * a,
-				room: T.size + T.gap * .5
+			let t = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), s = ve(e.plot, t, (e) => ({
+				size: J(e).height * a,
+				room: w.size + w.gap * .5
 			}), "--_fit");
 			e.rows.forEach((t, i) => {
 				e.series.forEach((a, c) => {
@@ -568,57 +669,57 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 						u.dataset.place = "none";
 						return;
 					}
-					let d = H(l.value), f = l.value < 0, p = S(i) + T.offset(c), m = Math.max(Math.abs(d - V), 1);
-					l.value !== 0 && o.appendChild(j("rect", {
-						class: M(r, t),
+					let d = U(l.value), f = l.value < 0, p = S(i) + w.offset(c), m = Math.max(Math.abs(d - H), 1);
+					l.value !== 0 && o.appendChild(P("rect", {
+						class: F(r, t),
 						"data-kind": "bar",
 						"data-row": i + 1,
 						"data-grow": f ? "left" : "right",
-						x: f ? V - m : V,
+						x: f ? H - m : H,
 						y: p,
 						width: m,
-						height: T.size,
-						..._e(e, t, c)
-					})), u.dataset.place = f ? "before" : "after", u.toggleAttribute("data-left-out", !s), P(u, f ? d - k : d + k, p + T.size / 2, w, n);
+						height: w.size,
+						...je(e, t, c)
+					})), u.dataset.place = f ? "before" : "after", u.toggleAttribute("data-left-out", !s), L(u, f ? d - O : d + O, p + w.size / 2, D, n);
 				});
 				let l = c[i];
-				l && P(l, p - 8 * a, S(i), w, n);
-			}), o.appendChild(j("line", {
+				l && L(l, p - 8 * a, S(i), D, n);
+			}), o.appendChild(P("line", {
 				class: i,
-				x1: V,
-				x2: V,
+				x1: H,
+				x2: H,
 				y1: 0,
 				y2: n
 			}));
 			return;
 		}
-		let U = t.map((e, t) => Te(s[t], Math.abs(H(e.value) - V), a));
+		let ee = t.map((e, t) => B(s[t], Math.abs(U(e.value) - H)));
 		t.forEach((t, i) => {
-			let l = H(t.value), u = S(i), d = t.value < 0, f = Math.abs(l - V), m = Math.max(f, 1);
-			t.value !== 0 && o.appendChild(j("rect", {
-				class: M(r, t),
+			let l = U(t.value), u = S(i), d = t.value < 0, f = Math.abs(l - H), m = Math.max(f, 1);
+			t.value !== 0 && o.appendChild(P("rect", {
+				class: F(r, t),
 				"data-kind": t.kind,
 				"data-row": i + 1,
 				"data-grow": d ? "left" : "right",
-				x: d ? V - m : V,
+				x: d ? H - m : H,
 				y: u - C / 2,
 				width: m,
 				height: C,
-				style: O("--i", t.slot)
+				style: j("--i", t.slot)
 			}));
-			let h = s[i], g = Math.max(Math.min(k, f - A(h) - 6 * a), 6 * a), _ = d ? 1 : -1;
-			h.dataset.place = U[i] ? "inside" : d ? "before" : "after", h.dataset.kind = t.kind, P(h, U[i] ? e.insideAlign === "center" ? (V + l) / 2 : e.insideAlign === "start" ? V - _ * (g + A(h) / 2) : l + _ * (g + A(h) / 2) : l - _ * k, u, w, n);
+			let h = s[i], g = Math.max(Math.min(O, f - k(h) - 6 * a), 6 * a), _ = d ? 1 : -1;
+			h.dataset.place = ee[i] ? "inside" : d ? "before" : "after", h.dataset.kind = t.kind, L(h, ee[i] ? e.insideAlign === "center" ? (H + l) / 2 : e.insideAlign === "start" ? H - _ * (g + k(h) / 2) : l + _ * (g + k(h) / 2) : l - _ * O, u, D, n);
 			let v = c[i];
-			v && P(v, p - 8 * a, u, w, n);
-		}), o.appendChild(j("line", {
+			v && L(v, p - 8 * a, u, D, n);
+		}), o.appendChild(P("line", {
 			class: i,
-			x1: V,
-			x2: V,
+			x1: H,
+			x2: H,
 			y1: 0,
 			y2: n
 		}));
 	}
-}, ke = {
+}, ze = {
 	segments: (e) => e.map((e) => ({
 		...e,
 		from: 0,
@@ -626,6 +727,8 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		kind: "bar"
 	})),
 	series: !0,
+	lines: !0,
+	groups: !0,
 	legend: "box",
 	stackable: !0,
 	totals: !0,
@@ -634,51 +737,50 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	draw(e) {
 		let { segments: t, cx: n, y: a, barWidth: o, height: s, unit: c, svg: l, values: u, labels: d, insideAlign: f } = e, p = a(0);
 		if (e.stacked) {
-			e.rows.forEach((t, r) => {
-				let i = ve(t, e.series.length), l = xe(e, t, r, {}, i.bottom < 0 ? `center ${p - a(i.top)}px` : ""), u = n(r) - o / 2;
-				Y(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,
+			let t = e.length("--tablechart-stack-gap", "1px") ?? c;
+			e.rows.forEach((r, i) => {
+				let l = Ne(r, e.series.length), u = Le(e, r, i, {}, l.bottom < 0 ? `center ${p - a(l.top)}px` : ""), d = n(i) - o / 2, f = Me(r, e.series.length);
+				f.forEach(({ from: r, to: l, cell: p }, m) => {
+					let h = e.seriesValues[m][i];
+					if (h.dataset.place = "none", p.missing || l === r) return;
+					let g = Math.min(a(l), a(r)), _ = Math.max(a(l), a(r)), v = Ie(f, m) ? Math.min(t, (_ - g) / 2) : 0, [y, b] = a(l) < a(r) ? [g + v, _] : [g, _ - v];
+					u(m, {
+						x: d,
+						y,
 						width: o,
-						height: Math.max(h - m, 1),
-						...i < t && { "data-grow": "down" }
-					}), p.dataset.place = "inside", p.toggleAttribute("data-left-out", !we(p, h - m, c) || q(p).width * c > o - 4 * c), be(p, e, f), P(p, n(r), (m + h) / 2, w, s);
+						height: Math.max(b - y, 1),
+						...l < r && { "data-grow": "down" }
+					}), h.dataset.place = "inside", h.toggleAttribute("data-left-out", !ge(h, _ - g, c) || J(h).width * c > o - 4 * c), Fe(h, e, m), L(h, n(i), (g + _) / 2, D, s);
 				});
-				let d = e.totals[r];
-				if (d) {
-					let e = i.top === 0 && i.bottom < 0;
-					d.dataset.place = e ? "below" : "outside", P(d, n(r), e ? a(i.bottom) + 4 * c : a(i.top) - 4 * c, w, s);
+				let m = e.totals[i];
+				if (m) {
+					let e = l.top === 0 && l.bottom < 0;
+					m.dataset.place = e ? "below" : "outside", L(m, n(i), e ? a(l.bottom) + 4 * c : a(l.top) - 4 * c, D, s);
 				}
-			}), l.appendChild(j("line", {
+			}), l.appendChild(P("line", {
 				class: i,
 				x1: 0,
-				x2: w,
+				x2: D,
 				y1: p,
 				y2: p
 			}));
 			return;
 		}
-		if (e.series.length > 1) {
-			let t = ge(n(1) - n(0) || n(0) * 2, e.series.length, e.barMax);
-			e.plot.dataset.grouped = "";
-			let o = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), u = Ee(e.plot, o, (e) => ({
-				size: q(e).width * c,
+		if (e.own.length > 1) {
+			let t = Ae(n(1) - n(0) || n(0) * 2, e.own.length, e.barMax), o = e.own.flatMap((t) => e.seriesValues[t]).filter((e) => e.dataset.missing === void 0), u = ve(e.plot, o, (e) => ({
+				size: J(e).width * c,
 				room: t.size + t.gap * .5
 			}), "--_fit");
 			e.rows.forEach((i, o) => {
-				e.series.forEach((d, f) => {
-					let m = i.cells[f] ?? i.cells[0], h = e.seriesValues[f][o], g = n(o) + t.offset(f);
+				e.own.forEach((d, f) => {
+					let m = i.cells[d] ?? i.cells[0], h = e.seriesValues[d][o], g = n(o) + t.offset(f);
 					if (m.missing) {
 						h.dataset.place = "none";
 						return;
 					}
 					let _ = a(m.value), v = m.value < 0, y = Math.max(Math.abs(p - _), 1);
-					m.value !== 0 && l.appendChild(j("rect", {
-						class: M(r, i),
+					m.value !== 0 && l.appendChild(P("rect", {
+						class: F(r, i),
 						"data-kind": "bar",
 						"data-row": o + 1,
 						...v && { "data-grow": "down" },
@@ -686,49 +788,50 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 						y: v ? p : p - y,
 						width: t.size,
 						height: y,
-						..._e(e, i, f)
-					})), h.dataset.place = v ? "below" : "outside", h.toggleAttribute("data-left-out", !u), P(h, g + t.size / 2, v ? _ + 4 * c : _ - 4 * c, w, s);
+						...je(e, i, d)
+					})), h.dataset.place = v ? "below" : "outside", h.toggleAttribute("data-left-out", !u), L(h, g + t.size / 2, v ? _ + 4 * c : _ - 4 * c, D, s);
 				});
-			}), l.appendChild(j("line", {
+			}), l.appendChild(P("line", {
 				class: i,
 				x1: 0,
-				x2: w,
+				x2: D,
 				y1: p,
 				y2: p
 			}));
 			return;
 		}
-		let m = Ce(u, o, c), h = t.map((e, t) => d === "inside" && !m && !e.missing && we(u[t], Math.abs(p - a(e.value)), c)), g = u[0] ? q(u[0]).height * c * .56 : 0, _ = Infinity;
-		for (let [e, t] of u.entries()) h[e] && (_ = Math.min(_, (o - q(t).width * c) / 2));
-		t.forEach((e, t) => {
-			let i = a(e.value), d = e.value < 0;
-			if (e.missing) {
-				P(u[t], n(t), p - 4 * c, w, s), u[t].dataset.place = "outside";
+		let m = e.own[0], h = e.own.length < e.series.length, g = he(u, o, c), _ = t.map((e, t) => d === "inside" && !g && !e.missing && ge(u[t], Math.abs(p - a(e.value)), c)), v = u[0] ? J(u[0]).height * c * .56 : 0, y = Infinity;
+		for (let [e, t] of u.entries()) _[e] && (y = Math.min(y, (o - J(t).width * c) / 2));
+		t.forEach((t, i) => {
+			let d = a(t.value), g = t.value < 0;
+			if (t.missing) {
+				L(u[i], n(i), p - 4 * c, D, s), u[i].dataset.place = "outside";
 				return;
 			}
-			let m = Math.max(Math.abs(p - i), 1);
-			e.value !== 0 && l.appendChild(j("rect", {
-				class: M(r, e),
-				"data-kind": e.kind,
-				"data-row": t + 1,
-				...d && { "data-grow": "down" },
-				x: n(t) - o / 2,
-				y: d ? p : p - m,
+			let b = Math.max(Math.abs(p - d), 1);
+			t.value !== 0 && l.appendChild(P("rect", {
+				class: F(r, t),
+				"data-kind": t.kind,
+				"data-row": i + 1,
+				...g && { "data-grow": "down" },
+				x: n(i) - o / 2,
+				y: g ? p : p - b,
 				width: o,
-				height: m,
-				style: O("--i", e.slot)
+				height: b,
+				style: j("--i", t.slot),
+				...h && je(e, t, m)
 			}));
-			let v = d ? -1 : 1, y = Math.min(_, (Math.abs(p - i) - g) / 2), b = f === "center" ? (i + p) / 2 : f === "start" ? p - v * (y + g / 2) : i + v * (y + g / 2), x = d ? i + 4 * c : i - 4 * c;
-			P(u[t], n(t), h[t] ? b : x, w, s), u[t].dataset.place = h[t] ? "inside" : d ? "below" : "outside";
-		}), l.appendChild(j("line", {
+			let x = g ? -1 : 1, S = Math.min(y, (Math.abs(p - d) - v) / 2), C = f === "center" ? (d + p) / 2 : f === "start" ? p - x * (S + v / 2) : d + x * (S + v / 2), w = g ? d + 4 * c : d - 4 * c;
+			L(u[i], n(i), _[i] ? C : w, D, s), u[i].dataset.place = _[i] ? "inside" : g ? "below" : "outside", h && _[i] && Fe(u[i], e, m);
+		}), l.appendChild(P("line", {
 			class: i,
 			x1: 0,
-			x2: w,
+			x2: D,
 			y1: p,
 			y2: p
 		}));
 	}
-}, Ae = 0, je = (e) => e.filter((e) => !e.isTotal), Me = {
+}, Be = 0, Ve = (e) => e.filter((e) => !e.isTotal), He = {
 	aspect: .66,
 	centre: !0,
 	headroom: () => 0,
@@ -739,81 +842,81 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		kind: "bar"
 	})),
 	draw({ rows: e, height: t, unit: n, labelHeight: r, svg: i, values: a, config: o, centre: s }) {
-		let l = w / 2, u = t / 2, d = je(e).reduce((e, t) => e + Math.abs(t.value), 0);
+		let c = D / 2, u = t / 2, d = Ve(e).reduce((e, t) => e + Math.abs(t.value), 0);
 		if (!d) return;
-		let f = r * 1.2 + 10 * n, p = Math.max(Math.min(w, t) / 2 - f, 10), m = p * o.ringfill, h = p - m / 2, g = 2 * Math.PI * h, _ = [], v = 0, y = 0, b = 0;
+		let f = r * 1.2 + 10 * n, p = Math.max(Math.min(D, t) / 2 - f, 10), m = p * o.ringfill, h = p - m / 2, g = 2 * Math.PI * h, _ = [], v = 0, y = 0, b = 0;
 		if (e.forEach((e, o) => {
 			let s = a[o];
 			if (e.isTotal) {
 				s.dataset.place = "none";
 				return;
 			}
-			let f = Math.abs(e.value) / d, x = D(b, f), S = `--share:${f.toFixed(4)}; --start:${x.start.toFixed(4)}; --span:${x.span.toFixed(4)};`, C = f * g, T = v / g * 2 * Math.PI - Math.PI / 2;
-			_.push(T), i.appendChild(j("circle", {
-				class: M(c, e),
+			let f = Math.abs(e.value) / d, x = A(b, f), S = `--share:${f.toFixed(4)}; --start:${x.start.toFixed(4)}; --span:${x.span.toFixed(4)};`, C = f * g, w = v / g * 2 * Math.PI - Math.PI / 2;
+			_.push(w), i.appendChild(P("circle", {
+				class: F(l, e),
 				"data-slice": y + 1,
 				"data-row": o + 1,
-				cx: l,
+				cx: c,
 				cy: u,
 				r: h,
 				"stroke-width": m,
-				transform: `rotate(-90 ${l} ${u})`,
+				transform: `rotate(-90 ${c} ${u})`,
 				"stroke-dasharray": `${C.toFixed(1)} ${(g - C).toFixed(1)}`,
 				"stroke-dashoffset": (-v).toFixed(1),
-				style: `--n:${y}; --palette:var(--tablechart-color-${y + 1}); --arc:${C.toFixed(1)}; --circ:${g.toFixed(1)}; ${S} --ease:${x.easing}; ${O("--i", e.slot)}`
+				style: `--n:${y}; --palette:var(--tablechart-color-${y + 1}); --arc:${C.toFixed(1)}; --circ:${g.toFixed(1)}; ${S} --ease:${x.easing}; ${j("--i", e.slot)}`
 			}));
-			let E = T + C / g * Math.PI, k = Math.cos(E), A = Math.sin(E);
-			i.appendChild(j("line", {
+			let T = w + C / g * Math.PI, E = Math.cos(T), O = Math.sin(T);
+			i.appendChild(P("line", {
 				class: "tablechart-leader",
-				x1: l + k * (p + 2 * n),
-				y1: u + A * (p + 2 * n),
-				x2: l + k * (p + 7 * n),
-				y2: u + A * (p + 7 * n),
+				x1: c + E * (p + 2 * n),
+				y1: u + O * (p + 2 * n),
+				x2: c + E * (p + 7 * n),
+				y2: u + O * (p + 7 * n),
 				"data-row": o + 1,
-				style: `${S} ${O("--i", e.slot)}`
+				style: `${S} ${j("--i", e.slot)}`
 			})), s.style.setProperty("--start", x.start.toFixed(4)), s.style.setProperty("--span", x.span.toFixed(4));
-			let N = p + 9 * n, F = q(s).width * n / 2;
-			P(s, l + k * (N + Math.abs(k) * F), u + A * (N + Math.abs(A) * r * .7), w, t), s.dataset.place = "around", v += C, b += f, y += 1;
+			let k = p + 9 * n, M = J(s).width * n / 2;
+			L(s, c + E * (k + Math.abs(E) * M), u + O * (k + Math.abs(O) * r * .7), D, t), s.dataset.place = "around", v += C, b += f, y += 1;
 		}), _.length > 1) {
-			let e = h - m / 2 - 1, n = h + m / 2 + 1, r = `tablechart-slices-${++Ae}`, a = j("mask", {
+			let e = h - m / 2 - 1, n = h + m / 2 + 1, r = `tablechart-slices-${++Be}`, a = P("mask", {
 				id: r,
 				maskUnits: "userSpaceOnUse"
 			});
-			a.appendChild(j("rect", {
+			a.appendChild(P("rect", {
 				x: 0,
 				y: 0,
-				width: w,
+				width: D,
 				height: t,
 				fill: "white"
 			}));
-			for (let t of _) a.appendChild(j("line", {
+			for (let t of _) a.appendChild(P("line", {
 				class: "tablechart-divide",
-				x1: l + Math.cos(t) * e,
+				x1: c + Math.cos(t) * e,
 				y1: u + Math.sin(t) * e,
-				x2: l + Math.cos(t) * n,
+				x2: c + Math.cos(t) * n,
 				y2: u + Math.sin(t) * n
 			}));
-			let o = j("g", { mask: `url(#${r})` });
-			for (let e of Array.from(i.querySelectorAll(`.${c}`))) o.appendChild(e);
-			let s = j("defs");
+			let o = P("g", { mask: `url(#${r})` });
+			for (let e of Array.from(i.querySelectorAll(`.${l}`))) o.appendChild(e);
+			let s = P("defs");
 			s.appendChild(a), i.prepend(s, o);
 		}
-		s && P(s, l, u, w, t);
+		s && L(s, c, u, D, t);
 	}
-}, Ne = [
+}, Ue = [
 	"circle",
 	"square",
 	"diamond"
-], Pe = (e, t) => {
-	let n = e[t]?.marker?.toLowerCase().split(/\s+/) ?? [], r = Ne.find((e) => n.includes(e));
+], X = (e, t) => {
+	let n = e[t]?.marker?.toLowerCase().split(/\s+/) ?? [], r = Ue.find((e) => n.includes(e));
 	return {
-		shape: r ?? Ne[Math.floor(t / 2) % Ne.length],
+		shape: r ?? Ue[Math.floor(t / 2) % Ue.length],
 		open: n.includes("open") || !n.includes("filled") && !r && t % 2 == 1
 	};
-}, Fe = (e, t, n, r, i = {}) => {
+}, We = (e, t, n, r, i = {}) => {
 	if (e === "square") {
 		let e = r * .88;
-		return j("rect", {
+		return P("rect", {
 			x: t - e,
 			y: n - e,
 			width: e * 2,
@@ -823,26 +926,26 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 	}
 	if (e === "diamond") {
 		let e = r * 1.2;
-		return j("polygon", {
+		return P("polygon", {
 			points: `${t},${n - e} ${t + e},${n} ${t},${n + e} ${t - e},${n}`,
 			...i
 		});
 	}
 	if (e === "triangle") {
 		let e = r * 1.3;
-		return j("polygon", {
-			points: `${t},${n - e} ${t + e * .87},${n + e / 2} ${t - e * .87},${n + e / 2}`,
+		return P("polygon", {
+			points: `${t},${n - e * .75} ${t + e * .87},${n + e * .75} ${t - e * .87},${n + e * .75}`,
 			...i
 		});
 	}
-	return j("circle", {
+	return P("circle", {
 		cx: t,
 		cy: n,
 		r,
 		...i
 	});
-}, X = (e) => Number(e.toFixed(2));
-function Ie(e, t) {
+}, Z = (e) => Number(e.toFixed(2));
+function Ge(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);
@@ -859,31 +962,70 @@ function Ie(e, t) {
 	};
 	return i[0] = a(0, 1, i[1]), i[n - 1] = a(n - 2, n - 1, i[n - 2]), i;
 }
-function Le(e, t, n, r) {
+function Ke(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 Re(e, t, n, r) {
-	let [i, a] = Le(e, t, n, r), o = ([e, t]) => `${X(e)},${X(t)}`;
+function qe(e, t, n, r) {
+	let [i, a] = Ke(e, t, n, r), o = ([e, t]) => `${Z(e)},${Z(t)}`;
 	return `C${o(i)} ${o(a)} ${o(t)}`;
 }
-function ze(e, t, n) {
+function Je(e, t, n) {
 	let r = Array(e).fill(0), i = [], a = () => {
-		Ie(i.map((e) => n(e)[0]), i.map((e) => n(e)[1])).forEach((e, t) => {
+		Ge(i.map((e) => n(e)[0]), i.map((e) => n(e)[1])).forEach((e, t) => {
 			r[i[t]] = e;
 		}), i = [];
 	};
 	for (let n = 0; n < e; n++) t(n) ? a() : i.push(n);
 	return a(), r;
 }
-// src/js/charts/line.ts
-var Be = (e) => e.map((e) => ({
+var Ye = (e) => {
+	let t = e.length, n = e.reduce((e, t) => e + t.x, 0) / t, r = e.reduce((e, t) => e + t.y, 0) / t, i = e.reduce((e, t) => e + (t.x - n) ** 2, 0), a = i ? e.reduce((e, t) => e + (t.x - n) * (t.y - r), 0) / i : 0, o = (e) => r + a * (e - n), s = t > 2 ? Math.sqrt(e.reduce((e, t) => e + (t.y - o(t.x)) ** 2, 0) / (t - 2)) : 0, c = i ? s / Math.sqrt(i) : 0;
+	return {
+		at: o,
+		spread: s,
+		t: c ? a / c : a ? Infinity : 0,
+		n: t
+	};
+}, Xe = [
+	12.71,
+	4.3,
+	3.18,
+	2.78,
+	2.57,
+	2.45,
+	2.36,
+	2.31,
+	2.26,
+	2.23,
+	2.2,
+	2.18,
+	2.16,
+	2.14,
+	2.13
+], Ze = (e) => Xe[e - 1] ?? (e < 30 ? 2.1 : 2), Qe = (e) => {
+	let t = e.map((e) => e.y), n = Math.min(...t), r = Math.max(...t), i = n < 0 && r > 0, a = r - n || 1;
+	return {
+		mean: t.reduce((e, t) => e + t, 0) / t.length,
+		share: (e, t) => e / (i ? a : Math.abs(t) || a) * 100
+	};
+}, $e = (e, t = 5, n = 25) => {
+	if (e.length < 4) return null;
+	let { mean: r, share: i } = Qe(e), a = (t) => e.filter((e) => Math.abs(i(e.y - t(e.x), t(e.x))) > n), o = (t) => t.length <= e.length / 5, s = Ye(e), c = a(s.at);
+	c.length && o(c) && (s = Ye(e.filter((e) => !c.includes(e))), c = a(s.at)), o(c) || (s = Ye(e), c = []);
+	let l = s.at, u = e[0], d = e[e.length - 1], f = i(l(d.x) - l(u.x), r), p = Math.abs(s.t) >= Ze(s.n - 2), m = Math.abs(i(s.spread, r)) < t, h = Math.abs(f) < t ? "flat" : f > 0 ? "up" : "down", g = h === "flat" ? m ? "flat" : "unclear" : p ? h : "unclear";
+	return {
+		course: g,
+		line: l,
+		outside: g === "unclear" ? [] : c
+	};
+}, et = (e) => e.map((e) => ({
 	...e,
 	from: 0,
 	to: e.value,
 	kind: "bar"
-})), Ve = (e) => ({
-	segments: Be,
+})), tt = (e) => ({
+	segments: et,
 	series: !0,
 	stackable: !0,
 	running: !0,
@@ -891,14 +1033,14 @@ var Be = (e) => e.map((e) => ({
 	headroom: ({ labelHeight: e, unit: t }) => e * 1.6 + 6 * t,
 	footroom: ({ labelHeight: t, unit: n, series: r, focused: i, stacked: a }) => !e && !a && r === 2 && !i ? t + 7 * n : 0,
 	draw(t) {
-		let { rows: n, series: r, seriesValues: a, names: o, cx: s, y: c, height: l, unit: u, labelHeight: p, svg: m, stacked: h } = t, g = t.shape === "step", _ = t.shape === "smooth", v = r.length > 1, y = r.some((e) => e.focus), b = n.length - 1, x = c(0), S = n.length > 1 ? s(1) - s(0) : s(0) * 2;
-		m.style.setProperty("--_base", `${X(x)}px`);
-		let C = (e) => `--rise:${X(x - e)}px; `, T = (e, t) => n[t]?.cells[e] ?? n[t]?.cells[0], E = (e, t) => !T(e, t) || !!T(e, t)?.missing, D = n.map((e) => h ? Y(e, r.length, !0) : null), O = (e, t) => D[t]?.[e].to ?? T(e, t)?.value ?? 0, k = (e, t) => D[t]?.[e].from ?? 0, A = (e, t) => [s(t), c(O(e, t))], M = r.map((e, t) => {
-			if (!v) return {
+		let { rows: n, series: r, own: a, seriesValues: o, names: s, cx: c, y: l, height: f, unit: p, labelHeight: g, svg: _, stacked: v } = t, y = a.length < r.length, b = t.shape === "step", x = t.shape === "smooth", S = r.length > 1, C = r.some((e) => e.focus), w = n.length - 1, T = l(0), E = n.length > 1 ? c(1) - c(0) : c(0) * 2;
+		_.style.setProperty("--_base", `${Z(T)}px`);
+		let O = (e) => `--rise:${Z(T - e)}px; `, k = (e, t) => n[t]?.cells[e] ?? n[t]?.cells[0], A = (e, t) => !k(e, t) || !!k(e, t)?.missing, j = n.map((e) => v ? Me(e, r.length, !0) : null), M = (e, t) => j[t]?.[e].to ?? k(e, t)?.value ?? 0, N = (e, t) => j[t]?.[e].from ?? 0, F = (e, t) => [c(t), l(M(e, t))], I = r.map((e, t) => {
+			if (!S) return {
 				attrs: {},
 				ink: ""
 			};
-			let n = y && !e.focus;
+			let n = C && !e.focus;
 			return {
 				attrs: {
 					"data-series": t + 1,
@@ -906,177 +1048,340 @@ var Be = (e) => e.map((e) => ({
 				},
 				ink: `--n:${t}; --m:${+!!n}; --palette:var(--tablechart-color-${t + 1}); `
 			};
-		}), N = Math.min(b, 6);
-		t.plot.style.setProperty("--count", String(N + 1));
-		let F = b > 0 ? N / (g ? n.length : b) : 1, I = (e) => e * F, L = (e) => `--i:${X(I(e))}`, R = (e) => {
+		}), R = y ? w : Math.min(w, 6);
+		t.plot.style.setProperty("--count", String(R + 1));
+		let z = w > 0 ? R / (b ? n.length : w) : 1, B = (e) => e * z, V = (e) => `--i:${Z(B(e))}`, H = (e) => {
 			let t = [], r = -1;
 			return n.forEach((n, i) => {
-				E(e, i) || (r < 0 && (r = i), (i === b || E(e, i + 1)) && ((g || i > r) && t.push([r, i]), r = -1));
+				A(e, i) || (r < 0 && (r = i), (i === w || A(e, i + 1)) && ((b || i > r) && t.push([r, i]), r = -1));
 			}), t;
-		}, z = (e, t) => `--i:${X(I(e) + 1)}; --d:${X(I(g ? t + 1 : t) - I(e))}`, V = (e, t) => ({
+		}, ee = (e, t) => `--i:${Z(B(e) + 1)}; --d:${Z(B(b ? t + 1 : t) - B(e))}`, te = (e, t) => ({
 			"data-from": e + 1,
 			"data-to": t + 1,
-			...g && { "data-flat": "" }
-		}), H = _ ? r.map((e, t) => ze(n.length, (e) => E(t, e), (e) => A(t, e))) : [], U = _ && e ? r.map((e, t) => ze(n.length, (e) => E(t, e), (e) => [s(e), c(k(t, e))])) : [], W = (e, t, n) => {
+			...b && { "data-flat": "" }
+		}), ne = x ? r.map((e, t) => Je(n.length, (e) => A(t, e), (e) => F(t, e))) : [], W = x && e ? r.map((e, t) => Je(n.length, (e) => A(t, e), (e) => [c(e), l(N(t, e))])) : [], re = (e, t, n) => {
 			let r = [];
 			return e.forEach(([i, a], o) => {
-				g ? (r.push(`H${X(i + n * S / 2)}`), o < e.length - 1 && r.push(`V${X(e[o + 1][1])}`)) : o > 0 && r.push(t ? Re(e[o - 1], [i, a], t[o - 1], t[o]) : `L${X(i)},${X(a)}`);
+				b ? (r.push(`H${Z(i + n * E / 2)}`), o < e.length - 1 && r.push(`V${Z(e[o + 1][1])}`)) : o > 0 && r.push(t ? qe(e[o - 1], [i, a], t[o - 1], t[o]) : `L${Z(i)},${Z(a)}`);
 			}), r;
-		}, ee = (e, t, r, i) => n.slice(t, r + 1).map((n, r) => [s(t + r), c(i(e, t + r))]), G = (e, t, n, r) => _ ? e[t].slice(n, r + 1) : null, te = (e) => s(e) - (g ? S / 2 : 0), ne = (e) => s(e) + (g ? S / 2 : 0), re = (e) => {
-			let t = j("g", {
-				class: "tablechart-area",
-				...M[e].attrs,
-				...h && { "data-stacked": "" },
-				style: M[e].ink
-			}), n = R(e), r = j("g", {
+		}, G = (e, t, r, i) => n.slice(t, r + 1).map((n, r) => [c(t + r), l(i(e, t + r))]), K = (e, t, n, r) => x ? e[t].slice(n, r + 1) : null, ie = (e) => c(e) - (b ? E / 2 : 0), q = (e) => c(e) + (b ? E / 2 : 0), ae = (e) => {
+			let t = P("g", {
+				class: d,
+				...I[e].attrs,
+				...v && { "data-stacked": "" },
+				style: I[e].ink
+			}), n = H(e), r = P("g", {
 				class: "tablechart-area-fill",
-				style: `--rows:${X(N + 1)}; ${n.length ? z(...n[0]) : ""}`
+				style: `--rows:${Z(R + 1)}; ${n.length ? ee(...n[0]) : ""}`
 			});
 			t.appendChild(r);
 			for (let [t, i] of n) {
-				let n = ee(e, t, i, O), a = ee(e, t, i, k), o = G(U, e, t, i)?.reverse() ?? null, s = [
-					`M${X(te(t))},${X(a[0][1])}`,
-					`L${X(te(t))},${X(n[0][1])}`,
-					...W(n, G(H, e, t, i), 1),
-					`L${X(ne(i))},${X(a[a.length - 1][1])}`,
-					...W(a.reverse(), o, -1),
+				let n = G(e, t, i, M), a = G(e, t, i, N), o = K(W, e, t, i)?.reverse() ?? null, s = [
+					`M${Z(ie(t))},${Z(a[0][1])}`,
+					`L${Z(ie(t))},${Z(n[0][1])}`,
+					...re(n, K(ne, e, t, i), 1),
+					`L${Z(q(i))},${Z(a[a.length - 1][1])}`,
+					...re(a.reverse(), o, -1),
 					"Z"
 				].join(" ");
-				r.appendChild(j("path", {
+				r.appendChild(P("path", {
 					d: s,
-					...V(t, i),
-					style: z(t, i)
+					...te(t, i),
+					style: ee(t, i)
 				}));
 			}
-			m.appendChild(t);
-		}, K = (e) => {
+			_.appendChild(t);
+		}, oe = (e) => {
 			let t = r[e];
-			for (let [n, r] of R(e)) {
-				let i = ee(e, n, r, O), a = [`M${X(te(n))},${X(i[0][1])}`, ...W(i, G(H, e, n, r), 1)].join(" ");
-				m.appendChild(j("path", {
-					class: "tablechart-series",
-					...M[e].attrs,
+			for (let [n, r] of H(e)) {
+				let i = G(e, n, r, M), a = [`M${Z(ie(n))},${Z(i[0][1])}`, ...re(i, K(ne, e, n, r), 1)].join(" ");
+				_.appendChild(P("path", {
+					class: u,
+					...I[e].attrs,
 					d: a,
 					...t.line && { "data-line": t.line },
-					...V(n, r),
-					style: `${M[e].ink}${z(n, r)}`
+					...te(n, r),
+					style: `${I[e].ink}${ee(n, r)}`
 				}));
 			}
-		};
-		e && r.forEach((e, t) => re(t)), r.forEach((e, t) => K(t)), g || (() => {
-			let e = r.map((e, t) => v ? Pe(r, t) : {
+		}, se = (e) => {
+			let i = a.map((e) => r[e]), o = r.map((e, t) => y ? X(i, a.indexOf(t)) : S ? X(r, t) : {
 				shape: "circle",
 				open: !1
-			}), t = (t, n, r) => {
-				let [i, a] = A(t, n);
-				return Fe(e[t].shape, i, a, 4 * u, {
-					...r,
-					style: `${r.style ?? ""}${C(a)}${L(n)}`
+			}), s = (e, t, n) => {
+				let [r, i] = F(e, t);
+				return We(o[e].shape, r, i, 4 * p, {
+					...n,
+					style: `${n.style ?? ""}${O(i)}${V(t)}`
 				});
-			}, i = (e) => n.map((e, t) => t).filter((t) => !E(e, t)), a = r.flatMap((n, r) => e[r].open ? i(r).map((e) => t(r, e, {
-				class: f,
-				"data-row": e + 1,
-				...v && { "data-series": r + 1 }
+			}, c = (t) => n.map((e, t) => t).filter((n) => !A(t, n) && e(t, n)), l = a.flatMap((e) => o[e].open ? c(e).map((t) => s(e, t, {
+				class: h,
+				"data-row": t + 1,
+				...S && { "data-series": e + 1 }
 			})) : []);
-			B(m, a, w, l), r.forEach((n, r) => {
-				for (let n of i(r)) m.appendChild(t(r, n, {
-					class: d,
-					...M[r].attrs,
-					"data-marker": e[r].shape,
-					...e[r].open && { "data-open": "" },
-					"data-row": n + 1,
-					style: M[r].ink
+			_.closest("[data-animate]")?.getAttribute("data-animate") === "grow" ? U(_, l, D, f) : t.lineHoles.push(...l), a.forEach((e) => {
+				for (let t of c(e)) _.appendChild(s(e, t, {
+					class: m,
+					...I[e].attrs,
+					"data-marker": o[e].shape,
+					...o[e].open && { "data-open": "" },
+					"data-row": t + 1,
+					style: I[e].ink
 				}));
 			});
-		})();
-		let ie = (e, t) => {
+		};
+		e && a.forEach((e) => ae(e)), a.forEach((e) => oe(e));
+		let ce = y ? r.flatMap((e, t) => a.includes(t) ? [] : o[t].flatMap((e) => {
+			let t = e.dataset.place;
+			if (!t || t === "none" || e.hasAttribute("data-left-out")) return [];
+			let [n, r, i, a] = xe(e, p, D, f);
+			return [{
+				label: e,
+				box: [
+					n - 2 * p,
+					r - 3 * p,
+					i + 4 * p,
+					a + 6 * p
+				]
+			}];
+		})) : [], ue = b ? [] : a.flatMap((e) => n.flatMap((t, n) => {
+			if (A(e, n)) return [];
+			let [r, i] = F(e, n);
+			return [[
+				r - 4 * p,
+				i - 4 * p,
+				8 * p,
+				8 * p
+			]];
+		})), fe = ce.filter(({ label: e, box: t }) => {
+			let n = ue.some((e) => le(e, t));
+			return n && e.setAttribute("data-left-out", ""), !n;
+		}), pe = (e, t) => {
 			let n = t;
-			for (; n < b && !E(e, n + 1) && T(e, n + 1)?.value === T(e, t)?.value;) n++;
+			for (; n < w && !A(e, n + 1) && k(e, n + 1)?.value === k(e, t)?.value;) n++;
 			return n;
-		}, ae = (t, n) => {
-			let i = T(t, n);
-			if (!i || i.missing || g && n > 0 && !E(t, n - 1) && T(t, n - 1)?.value === i.value || y && !r[t].focus) return "none";
-			if (h) return "middle";
+		}, me = (e) => e === "above" ? "below" : "above", he = (e, t, n) => {
+			let [r, i] = F(e, t), a = J(o[e][t]).width * p, s = [
+				r - a / 2,
+				n === "above" ? i - 7 * p - g : i + 7 * p,
+				a,
+				g
+			];
+			return s[1] + g > f ? Infinity : [t - 1, t + 1].filter((t) => t >= 0 && t <= w && !A(e, t)).flatMap((n) => ge(e, t, n, 0)).filter((e) => le(e, s)).length;
+		}, ge = (e, t, n, r) => {
+			let [i, a] = F(e, t), [o, s] = F(e, n), c = Math.max(1, Math.ceil(Math.hypot(o - i, s - a) / (3 * p)));
+			return Array.from({ length: c + 1 }, (e, t) => {
+				let n = t / c;
+				return [
+					i + (o - i) * n - r,
+					a + (s - a) * n - r,
+					2 * r,
+					2 * r
+				];
+			});
+		}, _e = (t, n) => {
+			let i = k(t, n);
+			if (!i || i.missing || b && n > 0 && !A(t, n - 1) && k(t, n - 1)?.value === i.value || C && !r[t].focus) return "none";
+			if (v) return "middle";
 			let a = i.value < 0 ? "below" : "above";
-			if (!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 && A(t, n)[1] + 7 * u + p > x ? "above" : "below";
-		}, oe = v && !y && r.length > 2 && !h && !g, se = /* @__PURE__ */ new Map();
-		if (oe) {
-			let e = n.flatMap((e, t) => r.map((e, n) => ({
-				s: n,
+			if (!S || C || r.length > 2) return e || b || he(t, n, a) <= he(t, n, me(a)) ? a : me(a);
+			let o = k(1 - t, n);
+			return !o || o.missing ? a : i.value > o.value || i.value === o.value && t === 0 || e && i.value >= 0 && F(t, n)[1] + 7 * p + g > T ? "above" : "below";
+		}, ve = (y || S && !C && r.length > 2 && !v) && !b, be = /* @__PURE__ */ new Map();
+		if (ve) {
+			let e = n.flatMap((e, t) => a.map((e) => ({
+				s: e,
 				i: t,
-				value: T(n, t)?.value ?? 0
-			}))).filter(({ s: e, i: t }) => ae(e, t) !== "none").sort((e, t) => e.i - t.i || t.value - e.value || e.s - t.s), t = (e) => e < 0 ? ["below", "above"] : ["above", "below"], i = le(e.map(({ s: e, i: n, value: r }) => {
-				let i = q(a[e][n]).width * u, [o, s] = A(e, n);
+				value: k(e, t)?.value ?? 0
+			}))).filter(({ s: e, i: t }) => _e(e, t) !== "none").sort((e, t) => e.i - t.i || t.value - e.value || e.s - t.s), t = (e) => e < 0 ? ["below", "above"] : ["above", "below"], r = de(e.map(({ s: e, i: n, value: r }) => {
+				let i = J(o[e][n]).width * p, [a, s] = F(e, n);
 				return t(r).map((e) => [
-					o - i / 2,
-					e === "above" ? s - 7 * u - p : s + 7 * u,
+					a - i / 2,
+					e === "above" ? s - 7 * p - g : s + 7 * p,
 					i,
-					p
+					g
 				]);
-			}), r.flatMap((e, t) => n.flatMap((e, n) => {
-				if (E(t, n)) return [];
-				let [r, i] = A(t, n);
+			}), [...a.flatMap((e) => n.flatMap((t, n) => {
+				if (A(e, n)) return [];
+				let [r, i] = F(e, n);
 				return [[
-					r - 4 * u,
-					i - 4 * u,
-					8 * u,
-					8 * u
+					r - 4 * p,
+					i - 4 * p,
+					8 * p,
+					8 * p
 				]];
-			})), [
+			})), ...fe.map(({ box: e }) => e)], [
 				0,
 				0,
-				s(b) + s(0),
-				l
+				c(w) + c(0),
+				f
 			]);
-			e.forEach(({ s: e, i: n, value: r }, o) => se.set(a[e][n], i[o] === null ? null : t(r)[i[o]]));
+			e.forEach(({ s: e, i: n, value: i }, a) => be.set(o[e][n], r[a] === null ? null : t(i)[r[a]]));
 		}
-		let ce = (e, t) => oe ? se.get(a[e][t]) === null : !h && !g ? !1 : q(a[e][t]).width * u > (g ? ie(e, t) - t + 1 : 1) * S - 4 * u || h && e > 0 && O(e, t) < k(e, t) ? !0 : h && Math.abs(c(k(e, t)) - c(O(e, t))) < p * 1.2;
-		a.forEach((e, t) => {
-			e.forEach((e, n) => {
-				e.style.setProperty("--i", String(X(g ? (I(n) + I(n + 1)) / 2 : I(n))));
-				let r = se.get(e) ?? ae(t, n);
-				if (e.dataset.place = r === "above" ? "outside" : r, e.toggleAttribute("data-left-out", r !== "none" && ce(t, n)), g && r !== "none" ? e.dataset.rowEnd = String(ie(t, n) + 1) : delete e.dataset.rowEnd, r === "none") return;
-				let i = q(e).width * u / 2 + 4 * u, a = s(n);
-				g ? a = (s(n) + s(ie(t, n))) / 2 : r === "middle" && n === 0 ? a += i : r === "middle" && n === b && (a -= i);
-				let o = c(O(t, n)), d = {
-					middle: (c(k(t, n)) - o) / 2,
-					above: -7 * u,
-					below: 7 * u
+		let Se = (e, t) => ve ? be.get(o[e][t]) === null : !v && !b ? !1 : J(o[e][t]).width * p > (b ? pe(e, t) - t + 1 : 1) * E - 4 * p || v && e > 0 && M(e, t) < N(e, t) ? !0 : v && Math.abs(l(N(e, t)) - l(M(e, t))) < g * 1.2;
+		a.forEach((e) => {
+			o[e].forEach((t, n) => {
+				t.style.setProperty("--i", String(Z(b ? (B(n) + B(n + 1)) / 2 : B(n))));
+				let r = be.get(t) ?? _e(e, n);
+				if (t.dataset.place = r === "above" ? "outside" : r, t.toggleAttribute("data-left-out", r !== "none" && Se(e, n)), b && r !== "none" ? t.dataset.rowEnd = String(pe(e, n) + 1) : delete t.dataset.rowEnd, r === "none") return;
+				let i = J(t).width * p / 2 + 4 * p, a = c(n);
+				b ? a = (c(n) + c(pe(e, n))) / 2 : r === "middle" && n === 0 ? a += i : r === "middle" && n === w && (a -= i);
+				let o = l(M(e, n)), s = {
+					middle: (l(N(e, n)) - o) / 2,
+					above: -7 * p,
+					below: 7 * p
 				};
-				P(e, a, o + d[r], w, l);
+				L(t, a, o + s[r], D, f);
 			});
 		});
-		let ue = o.map((e, t) => {
-			let n = b;
-			for (; n > 0 && E(t, n);) n--;
-			let [r, i] = A(t, n);
+		let Ce = (e) => {
+			let r = n.flatMap((t, n) => t.pinned && !A(e, n) ? [n] : []), i = n.map((e, t) => t).filter((t) => !A(e, t)), a = (t) => k(e, t)?.value ?? 0, { keys: s } = t.pick;
+			i.length && (s.includes("last") && r.push(i[i.length - 1]), s.includes("first") && r.push(i[0]), s.includes("highest") && r.push(i.reduce((e, t) => a(t) > a(e) ? t : e)), s.includes("lowest") && r.push(i.reduce((e, t) => a(t) < a(e) ? t : e)), s.includes("outliers") && r.push(...$e(i.map((e) => ({
+				x: e,
+				y: a(e)
+			})))?.outside.map((e) => e.x) ?? []));
+			let c = [];
+			for (let t of r) {
+				let n = o[e][t];
+				c.includes(t) || n.dataset.place === "none" || c.every((t) => Y([o[e][t], n], p, 1e3, f) === 1) && c.push(t);
+			}
+			return new Set(c);
+		}, we = (e) => Y(o[e].filter((e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out")), p, D, f) === 1, Te = (e) => {
+			let t = w;
+			for (; t > 0 && A(e, t);) t--;
+			return t;
+		}, Ee = /* @__PURE__ */ new Map();
+		for (let e of a) {
+			let n = t.pick.mode === "all" || t.pick.mode === "auto" && we(e) ? null : Ce(e);
+			Ee.set(e, n), n && o[e].forEach((e, t) => {
+				e.dataset.place !== "none" && !n.has(t) && e.setAttribute("data-left-out", "");
+			});
+		}
+		if (!v && !b && a.some((e) => Ee.get(e))) {
+			let e = c(w) + c(0), t = 2 * p, r = a.flatMap((e) => n.flatMap((n, r) => r === w || A(e, r) || A(e, r + 1) ? [] : ge(e, r, r + 1, t))), i = (s[0] ? J(s[0]).height : 0) * p, l = a.flatMap((e) => {
+				let t = s[e];
+				if (!t) return [];
+				let n = w;
+				for (; n > 0 && A(e, n);) n--;
+				let [r, a] = F(e, n);
+				return [[
+					r + 10 * p,
+					a - i / 2,
+					J(t).width * p,
+					i
+				]];
+			}), u = a.flatMap((e) => [...Ee.get(e) ?? []].map((t) => ({
+				s: e,
+				i: t
+			}))), d = ({ s: e, i: t }) => {
+				let n = k(e, t)?.value ?? 0, r = t > 0 && !A(e, t - 1) ? k(e, t - 1)?.value : void 0, i = t < w && !A(e, t + 1) ? k(e, t + 1)?.value : void 0;
+				return (r ?? i) !== void 0 && (r === void 0 || n <= r) && (i === void 0 || n <= i) ? [
+					"below",
+					"outside",
+					"below far",
+					"outside far",
+					"after",
+					"before"
+				] : [
+					"outside",
+					"below",
+					"outside far",
+					"below far",
+					"after",
+					"before"
+				];
+			}, m = ({ s: t, i: n }, r) => {
+				let i = J(o[t][n]).width * p, a = g, [s, c] = F(t, n), l = Math.min(Math.max(s - i / 2, 0), e - i);
+				return r === "outside" ? [
+					l,
+					c - 7 * p - a,
+					i,
+					a
+				] : r === "below" ? [
+					l,
+					c + 7 * p,
+					i,
+					a
+				] : r === "outside far" ? [
+					l,
+					c - 7 * p - 2 * a,
+					i,
+					a
+				] : r === "below far" ? [
+					l,
+					c + 7 * p + a,
+					i,
+					a
+				] : r === "after" ? [
+					s + 7 * p,
+					c - a / 2,
+					i,
+					a
+				] : [
+					s - 7 * p - i,
+					c - a / 2,
+					i,
+					a
+				];
+			}, h = u.map(d), _ = (t) => t[0] >= 0 && t[1] >= 0 && t[0] + t[2] <= e && t[1] + t[3] <= f - 2 * p, v = u.map(({ s: e, i: t }) => {
+				let [n, r] = F(e, t);
+				return [
+					n - 6 * p,
+					r - 6 * p,
+					12 * p,
+					12 * p
+				];
+			}), y = [], b = /* @__PURE__ */ new Set(), x = u.map((e, t) => {
+				let n = h[t].map((t) => m(e, t)), i = (e) => _(e) && ![
+					...y,
+					...l,
+					...v
+				].some((t) => le(e, t)), a = n.findIndex((e) => i(e) && !r.some((t) => le(e, t)));
+				return a < 0 && (a = n.findIndex(i), a >= 0 && b.add(t)), a >= 0 && y.push(n[a]), a < 0 ? null : a;
+			});
+			u.forEach((e, t) => {
+				let n = o[e.s][e.i];
+				n.toggleAttribute("data-cut", b.has(t));
+				let r = x[t];
+				if (r === null) return n.setAttribute("data-left-out", "");
+				let i = h[t][r], [a, s, c, l] = m(e, i), u = i.split(" ")[0];
+				n.dataset.place = u, L(n, u === "after" ? a : u === "before" ? a + c : a + c / 2, u === "outside" ? s + l : u === "below" ? s : s + l / 2, D, f);
+			});
+		}
+		b || se((e, t) => {
+			let n = Ee.get(e);
+			return n ? n.has(t) : E >= 10 * p;
+		}), t.pointOf = (e) => {
+			let t = a.filter((t) => !A(t, e)).map((t) => F(t, e));
+			return t.length ? t.reduce((e, t) => t[1] < e[1] ? t : e) : null;
+		};
+		let De = (y ? [] : s).map((e, t) => {
+			let n = Te(t), [r, i] = F(t, n);
 			return {
 				name: e,
-				x: (g ? r + S / 2 : r) + 10 * u,
-				y: h ? (i + c(k(t, n))) / 2 : i
+				x: (b ? r + E / 2 : r) + 10 * p,
+				y: v ? (i + l(N(t, n))) / 2 : i
 			};
-		}), de = (o[0] ? q(o[0]).height : 0) * u;
-		for (let e of De(ue, de)) P(e.name, e.x, e.y, w, l);
-		let fe = n.some((e) => e.cells.some((e) => !e.missing && e.value < 0)), pe = !e && !h && r.length === 2 && !y && !fe ? l - 2 * u : x;
-		m.appendChild(j("line", {
+		}), Oe = (s[0] ? J(s[0]).height : 0) * p;
+		for (let e of ye(De, Oe)) L(e.name, e.x, e.y, D, f);
+		let ke = n.some((e) => e.cells.some((e) => !e.missing && e.value < 0)), Ae = !e && !v && r.length === 2 && !C && !ke ? f - 2 * p : T;
+		y || _.appendChild(P("line", {
 			class: i,
 			x1: 0,
-			x2: s(b) + s(0),
-			y1: pe,
-			y2: pe
+			x2: c(w) + c(0),
+			y1: Ae,
+			y2: Ae
 		}));
 	}
-}), He = Ve(!1), Ue = Ve(!0), We = /* @__PURE__ */ new Set(), Ge = (t, n) => {
+}), nt = tt(!1), rt = tt(!0), it = /* @__PURE__ */ new Set(), at = (t, n) => {
 	if (Math.abs(t - n) <= Math.abs(n) / 100) return;
 	let r = `[${e}] A total reads ${t}, but the steps before it add up to ${Number(n.toFixed(6))}. The chart shows your number.`;
-	We.has(r) || (We.add(r), console.warn(r));
-}, Ke = {
+	it.has(r) || (it.add(r), console.warn(r));
+}, ot = {
 	segments: (e) => {
 		let t = 0, n = !1;
 		return e.map((e) => {
-			if (e.isTotal) return n && Ge(e.value, t), n = !1, t = e.value, {
+			if (e.isTotal) return n && at(e.value, t), n = !1, t = e.value, {
 				...e,
 				from: 0,
 				to: e.value,
@@ -1094,34 +1399,34 @@ var Be = (e) => e.map((e) => ({
 	breakable: !0,
 	headroom: ({ labelHeight: e, badgeHeight: t, hasAnnotations: n, unit: r }) => e + 6 * r + (n ? t * 1.6 : 0),
 	draw({ segments: e, cx: t, y: n, barWidth: a, height: o, unit: s, svg: c, values: l, breakAt: u, insideAlign: d }) {
-		let f = n(0), p = Ce(l, a, s), m = d ?? "center", h = e.map((t, r) => {
+		let f = n(0), p = he(l, a, s), m = d ?? "center", h = e.map((t, r) => {
 			let i = n(Math.max(t.from, t.to)), a = Math.abs(n(t.from) - n(t.to)), o = u !== null && Math.min(t.from, t.to) < u && Math.max(t.from, t.to) > u, c = t.kind === "total" && r > 0 && r === e.length - 1;
 			return {
 				top: i,
 				length: a,
 				down: t.kind === "down" || t.kind === "total" && (c ? t.to >= 0 : t.to < 0),
-				inside: !o && !p && we(l[r], a, s)
+				inside: !o && !p && ge(l[r], a, s)
 			};
-		}), g = l[0] ? q(l[0]).height * s * .56 : 0, _ = Infinity;
-		for (let [e, t] of h.entries()) t.inside && (_ = Math.min(_, (a - q(l[e]).width * s) / 2));
-		let v = e.length, y = (e, t, n = !1) => `--start:${(e / v).toFixed(4)}; --span:${(t / v).toFixed(4)}; --ease:${n ? E : "linear"};`;
+		}), g = l[0] ? J(l[0]).height * s * .56 : 0, _ = Infinity;
+		for (let [e, t] of h.entries()) t.inside && (_ = Math.min(_, (a - J(l[e]).width * s) / 2));
+		let v = e.length, y = (e, t, n = !1) => `--start:${(e / v).toFixed(4)}; --span:${(t / v).toFixed(4)}; --ease:${n ? k : "linear"};`;
 		e.forEach((r, i) => {
 			let o = e[i + 1];
 			if (!o) return;
 			let s = n(r.to), l = t(i) + a / 2, u = t(i + 1) - a / 2;
-			c.appendChild(j("line", {
+			c.appendChild(P("line", {
 				class: "tablechart-connector",
 				x1: l,
 				x2: u,
 				y1: s,
 				y2: s,
 				"data-row": i + 2,
-				style: `${O("--i", o.slot)}; ${y(i + 1, 1 / 3)}`
+				style: `${j("--i", o.slot)}; ${y(i + 1, 1 / 3)}`
 			}));
 		}), e.forEach((n, i) => {
 			let { top: u, length: d, down: f, inside: p } = h[i];
-			c.appendChild(j("rect", {
-				class: M(r, n),
+			c.appendChild(P("rect", {
+				class: F(r, n),
 				"data-kind": n.kind,
 				"data-row": i + 1,
 				"data-grow": f ? "down" : "up",
@@ -1129,33 +1434,33 @@ var Be = (e) => e.map((e) => ({
 				y: u,
 				width: a,
 				height: Math.max(d, 1),
-				style: `${O("--i", n.slot)}; ${y(i, 1, i === e.length - 1)}`
+				style: `${j("--i", n.slot)}; ${y(i, 1, i === e.length - 1)}`
 			}));
 			let b = l[i];
 			b.style.setProperty("--start", (i / v).toFixed(4)), b.style.setProperty("--span", (1 / v).toFixed(4));
-			let x = Math.min(_, (d - g) / 2), S = u + x + g / 2, C = u + d - x - g / 2, T = m === "center" ? u + d / 2 : m === "end" === f ? C : S;
+			let x = Math.min(_, (d - g) / 2), S = u + x + g / 2, C = u + d - x - g / 2, w = m === "center" ? u + d / 2 : m === "end" === f ? C : S;
 			b.dataset.place = p ? "inside" : "outside", b.dataset.kind = n.kind;
-			let E = p ? T : n.kind === "down" ? u + d + q(b).height * s + 3 * s : u - 3 * s;
-			P(b, t(i), E, w, o);
-		}), c.appendChild(j("line", {
+			let T = p ? w : n.kind === "down" ? u + d + J(b).height * s + 3 * s : u - 3 * s;
+			L(b, t(i), T, D, o);
+		}), c.appendChild(P("line", {
 			class: i,
 			x1: 0,
-			x2: w,
+			x2: D,
 			y1: f,
 			y2: f
 		}));
 	}
-}, Z = {
+}, Q = {
 	enabled: !1,
 	log(...t) {
-		Z.enabled && console.log(`[${e}]`, ...t);
+		Q.enabled && console.log(`[${e}]`, ...t);
 	},
 	timed(t, n, r) {
-		if (!Z.enabled) return r();
+		if (!Q.enabled) return r();
 		let i = performance.now(), a = r(), o = performance.now() - i, s = n.querySelectorAll("tbody tr").length;
-		return o > 50 ? console.warn(`[${e}] ${t} took ${o.toFixed(1)} ms for ${s} rows, more than 50 ms.`, n) : Z.log(`${t} took ${o.toFixed(1)} ms for ${s} rows.`, n), a;
+		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;
 	}
-}, qe = (e) => {
+}, st = (e) => {
 	let t = (e?.textContent || "").trim(), n = t.match(/^(.*?)(-?\d+(?:[.,]\d+)?)(.*)$/);
 	return {
 		raw: t,
@@ -1165,19 +1470,31 @@ var Be = (e) => e.map((e) => ({
 		missing: !n,
 		value: n ? Number.parseFloat(n[2].replace(",", ".")) : 0
 	};
-}, Je = (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(qe);
-	return i.length || i.push(qe(null)), {
-		...i[0],
-		label: (r?.textContent || "").trim(),
-		key: t && r?.getAttribute(t) || null,
-		cells: i,
-		classes: Array.from(e.classList),
-		isTotal: e.getAttribute("data-kind") === "total",
-		slot: n
-	};
-}), Ye = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), Xe = (e) => e === "dashed" || e === "dotted" ? e : null, Ze = (e, t, n = "data-i18n") => {
-	let r = Ye(e), i = Math.max(1, W(t.map((e) => e.cells.length)));
+}, ct = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1).flatMap((e, t) => e.hasAttribute("data-note") ? [t] : []), lt = (e, t) => {
+	let n = ct(e), r = e.querySelectorAll("tbody tr")[t]?.querySelectorAll("td") ?? [];
+	return n.map((e) => r[e]).find((e) => e?.textContent?.trim()) ?? null;
+}, ut = (e, t = "data-i18n") => {
+	let n = ct(e);
+	return Array.from(e.querySelectorAll("tbody tr")).map((e, r) => {
+		let i = e.querySelector("th"), a = Array.from(e.querySelectorAll("td")), o = a.filter((e, t) => !n.includes(t)).map(st);
+		o.length || o.push(st(null));
+		let s = n.map((e) => a[e]).find((e) => e?.textContent?.trim());
+		return {
+			...o[0],
+			label: (i?.textContent || "").trim(),
+			note: s?.textContent?.trim() ?? null,
+			noteKey: t && s?.getAttribute(t) || null,
+			short: i?.getAttribute("data-short") || null,
+			pinned: e.getAttribute("data-value") === "show",
+			key: t && i?.getAttribute(t) || null,
+			cells: o,
+			classes: Array.from(e.classList),
+			isTotal: e.getAttribute("data-kind") === "total",
+			slot: r
+		};
+	});
+}, dt = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1).filter((e) => !e.hasAttribute("data-note")), ft = (e) => e === "dashed" || e === "dotted" ? e : null, pt = (e, t, n = "data-i18n") => {
+	let r = dt(e), i = Math.max(1, W(t.map((e) => e.cells.length)));
 	return Array.from({ length: i }, (e, t) => {
 		let i = r[t];
 		return {
@@ -1185,11 +1502,12 @@ var Be = (e) => e.map((e) => ({
 			key: n && i?.getAttribute(n) || null,
 			focus: i?.getAttribute("data-kind") === "focus",
 			marker: i?.getAttribute("data-marker") ?? null,
-			line: Xe(i?.getAttribute("data-line")),
-			group: !!i?.hasAttribute("data-group")
+			line: ft(i?.getAttribute("data-line")),
+			group: !!i?.hasAttribute("data-group"),
+			chart: i?.getAttribute("data-chart") === "line" ? "line" : null
 		};
 	});
-}, Qe = (t, n) => {
+}, mt = (t, n) => {
 	if (!n) return;
 	let r = /* @__PURE__ */ new Map();
 	for (let i of t) {
@@ -1202,7 +1520,7 @@ var Be = (e) => e.map((e) => ({
 		i.querySelectorAll("tbody th").forEach((e, r) => {
 			e.getAttribute(n) || e.setAttribute(n, `${t}-row${r + 1}`);
 		});
-		let a = Ye(i);
+		let a = dt(i);
 		a.length > 1 && a.forEach((e, r) => {
 			e.getAttribute(n) || e.setAttribute(n, `${t}-col${r + 1}`);
 		}), a.forEach((e, r) => {
@@ -1212,25 +1530,33 @@ var Be = (e) => e.map((e) => ({
 				let r = (e.textContent || "").trim();
 				a.includes(r) || a.push(r), e.getAttribute(n) || e.setAttribute(n, `${t}-group${a.indexOf(r) + 1}`);
 			});
-		}), Z?.log?.(`Keys for "${t}" written onto ${i.querySelectorAll("tbody th").length} rows`);
+		});
+		let o = ct(i);
+		i.querySelectorAll("tbody tr").forEach((e, r) => {
+			let i = e.querySelectorAll("td");
+			for (let e of o) {
+				let a = i[e];
+				a?.textContent?.trim() && !a.getAttribute(n) && a.setAttribute(n, `${t}-note${r + 1}`);
+			}
+		}), Q?.log?.(`Keys for "${t}" written onto ${i.querySelectorAll("tbody th").length} rows`);
 	}
-}, $e = (e) => Number(e.toPrecision(12)), et = (e, t) => {
+}, ht = (e) => Number(e.toPrecision(12)), gt = (e, t) => {
 	let n = e / Math.max(1, t) || 1, r = 10 ** Math.floor(Math.log10(n)), i = n / r;
-	return $e((i < 1.42 ? 1 : i < 3.17 ? 2 : i < 7.08 ? 5 : 10) * r);
-}, tt = (e, t, n) => {
+	return ht((i < 1.42 ? 1 : i < 3.17 ? 2 : i < 7.08 ? 5 : 10) * r);
+}, _t = (e, t, n) => {
 	let r = [];
-	for (let i = Math.ceil(e / n - 1e-9); i * n <= t + n * 1e-9; i++) r.push($e(i * n));
+	for (let i = Math.ceil(e / n - 1e-9); i * n <= t + n * 1e-9; i++) r.push(ht(i * n));
 	return r;
-}, nt = (e, t = e) => {
+}, vt = (e, t = e) => {
 	do {
 		let t = Math.round(e / 10 ** Math.floor(Math.log10(e) + 1e-9));
-		e = $e(e * (t === 2 ? 2.5 : 2));
+		e = ht(e * (t === 2 ? 2.5 : 2));
 	} while (Math.abs(e / t - Math.round(e / t)) > 1e-9);
 	return e;
-}, rt = (e) => {
+}, yt = (e) => {
 	let t = (e ?? "").trim().split(/\s+/).map(Number.parseFloat);
 	return t.length > 1 && t.every(Number.isFinite) ? t.sort((e, t) => e - t) : null;
-}, it = (e, t, n) => {
+}, bt = (e, t, n) => {
 	if (n && n.length > 2) return {
 		min: n[0],
 		max: n[n.length - 1],
@@ -1242,85 +1568,151 @@ var Be = (e) => e.map((e) => ({
 		let e = (i - r || Math.abs(i) || 1) * .05;
 		r -= e, i += e;
 	}
-	let a = et(i - r, t);
+	let a = gt(i - r, t);
 	return {
 		min: r,
 		max: i,
 		step: a,
-		ticks: tt(r, i, a)
+		ticks: _t(r, i, a)
 	};
-}, at = (e, t) => {
+}, xt = (e, t) => {
 	let { step: n, ticks: r } = e;
-	for (; n && r.length > 2 && !t(r);) n = nt(n, e.step), r = tt(e.min, e.max, n);
+	for (; n && r.length > 2 && !t(r);) n = vt(n, e.step), r = _t(e.min, e.max, n);
 	return {
 		...e,
 		step: n,
 		ticks: r
 	};
-}, ot = [
+}, St = null, Ct = (e) => {
+	if (St ?? (St = document.createElement("canvas").getContext("2d", { willReadFrequently: !0 })), !St) return [
+		0,
+		0,
+		0,
+		1
+	];
+	St.clearRect(0, 0, 1, 1), St.fillStyle = e, St.fillRect(0, 0, 1, 1);
+	let [t, n, r, i] = St.getImageData(0, 0, 1, 1).data;
+	return [
+		t,
+		n,
+		r,
+		i / 255
+	];
+}, wt = ([e, t, n]) => {
+	let r = (e) => {
+		let t = e / 255;
+		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	};
+	return .2126 * r(e) + .7152 * r(t) + .0722 * r(n);
+}, Tt = (e, t) => {
+	let [n, r] = [wt(e), wt(t)].sort((e, t) => t - e);
+	return (n + .05) / (r + .05);
+}, Et = (e) => {
+	let t = document.createElement("span");
+	t.style.color = "var(--tablechart-surface, Canvas)", e.append(t);
+	let n = Ct(getComputedStyle(t).color);
+	return t.remove(), n;
+}, Dt = (e, t) => e.querySelector(`:is(.tablechart-bar, .tablechart-piece)[data-row="${t.dataset.row}"]${t.dataset.series ? `[data-series="${t.dataset.series}"]` : ""}`), Ot = (e) => {
+	let t = e.querySelectorAll(".tablechart-value[data-place='inside']");
+	if (!t.length) return;
+	let n = Et(e);
+	for (let r of t) {
+		let t = Dt(e, r);
+		if (!t || r.hasAttribute("data-left-out")) continue;
+		let i = Ct(getComputedStyle(t).fill), a = wt(n) > wt(i), o = a ? [
+			255,
+			255,
+			255
+		] : [
+			0,
+			0,
+			0
+		], s = a ? [
+			0,
+			0,
+			0
+		] : [
+			255,
+			255,
+			255
+		];
+		for (let e = 0; e <= 20; e++) {
+			let t = n.slice(0, 3).map((t, n) => Math.round(t + (o[n] - t) * e / 20));
+			if (Tt(t, i) >= 4.5) {
+				s = t;
+				break;
+			}
+		}
+		r.style.setProperty("--_ink", `rgb(${s.join(" ")})`);
+	}
+}, kt = [
 	"axis-break",
 	"trend",
 	"bracket"
-], st = (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) => ot.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);
-		return t === void 0 && (t = s.length, s.push(e), l.push(0), e !== null && c.set(e, t)), t;
-	}, d = 0, f = e.getAttribute("data-chart") === "donut", p = (e) => f && e.getAttribute("data-kind") === "total", m = n.map((e) => {
-		if (p(e)) return {
+], At = (e, t = !1) => {
+	let n = e.hasAttribute("data-fragment"), r = Array.from(e.querySelectorAll("tbody tr")), i = Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), a = Array.from(e.querySelectorAll("[data-annotation]")).filter((e) => kt.includes(e.getAttribute("data-annotation") ?? "")), o = (e) => e.hasAttribute("data-fragment"), s = r.map((e) => Array.from(e.querySelectorAll(":scope > td")));
+	if (!n && !r.some(o) && !i.some(o) && !s.flat().some(o) && !a.some(o) || t && !n) return null;
+	let c = [], l = /* @__PURE__ */ new Map(), u = [], d = (e) => {
+		let t = e === null ? void 0 : l.get(e);
+		return t === void 0 && (t = c.length, c.push(e), u.push(0), e !== null && l.set(e, t)), t;
+	}, f = 0, p = e.getAttribute("data-chart") === "donut", m = (e) => p && e.getAttribute("data-kind") === "total", h = t ? d(e.getAttribute("data-fragment-index")) : -1, g = r.map((e) => {
+		if (m(e)) return {
 			step: null,
 			slot: 0
 		};
-		if (!t && !a(e)) return {
+		if (t) return {
+			step: h,
+			slot: u[h]++
+		};
+		if (!n && !o(e)) return {
 			step: null,
-			slot: d++
+			slot: f++
 		};
-		let n = u(e.getAttribute("data-fragment-index"));
+		let r = d(e.getAttribute("data-fragment-index"));
 		return {
-			step: n,
-			slot: l[n]++
+			step: r,
+			slot: u[r]++
 		};
-	}), h = Math.max(-1, ...m.map((e) => e.step ?? -1));
-	if (h >= 0) for (let [e, t] of n.entries()) p(t) && (m[e] = {
-		step: h,
-		slot: l[h]++
+	}), _ = Math.max(-1, ...g.map((e) => e.step ?? -1));
+	if (_ >= 0) for (let [e, t] of r.entries()) m(t) && (g[e] = {
+		step: _,
+		slot: u[_]++
 	});
-	let g = r.map((e) => ({ step: a(e) ? u(e.getAttribute("data-fragment-index")) : null })), _ = o.map((e) => e.map(() => ({
+	let v = i.map((e) => ({ step: o(e) ? d(e.getAttribute("data-fragment-index")) : null })), y = s.map((e) => e.map(() => ({
 		step: null,
 		slot: 0
-	}))), v = Math.max(0, ...o.map((e) => e.length));
-	for (let e = 0; e < v; e++) for (let [t, n] of o.entries()) {
+	}))), b = Math.max(0, ...s.map((e) => e.length));
+	for (let e = 0; e < b; e++) for (let [t, n] of s.entries()) {
 		let r = n[e];
-		if (!r || !a(r)) continue;
-		let i = u(r.getAttribute("data-fragment-index"));
-		_[t][e] = {
+		if (!r || !o(r)) continue;
+		let i = d(r.getAttribute("data-fragment-index"));
+		y[t][e] = {
 			step: i,
-			slot: l[i]++
+			slot: u[i]++
 		};
 	}
 	return {
-		rows: m,
-		series: g,
-		cells: _,
-		notes: i.map((e) => {
+		rows: g,
+		series: v,
+		cells: y,
+		notes: a.map((e) => {
 			let t = (t, n) => {
 				let r = Number.parseInt(e.getAttribute(t) ?? "", 10);
 				return Number.isFinite(r) ? r - 1 : n;
-			}, [n, r] = e.getAttribute("data-annotation") === "bracket" ? [t("data-from", 0), t("data-to", m.length - 1)] : [0, m.length - 1], i = null;
-			for (let e = Math.min(n, r); e <= Math.max(n, r); e++) for (let t of [m[e]?.step ?? null, ...(_[e] ?? []).map((e) => e.step)]) t !== null && (i === null || t > i) && (i = t);
-			let o = g[t("data-series", 0)]?.step ?? null;
-			o !== null && (i === null || o > i) && (i = o), a(e) && (i = u(e.getAttribute("data-fragment-index")));
-			let s = i === null ? m.length : m.filter((e) => e.step === i).length;
+			}, [n, r] = e.getAttribute("data-annotation") === "bracket" ? [t("data-from", 0), t("data-to", g.length - 1)] : [0, g.length - 1], i = null;
+			for (let e = Math.min(n, r); e <= Math.max(n, r); e++) for (let t of [g[e]?.step ?? null, ...(y[e] ?? []).map((e) => e.step)]) t !== null && (i === null || t > i) && (i = t);
+			let a = v[t("data-series", 0)]?.step ?? null;
+			a !== null && (i === null || a > i) && (i = a), o(e) && (i = d(e.getAttribute("data-fragment-index")));
+			let s = i === null ? g.length : g.filter((e) => e.step === i).length;
 			return {
 				step: i,
 				after: s
 			};
 		}),
-		count: s.length,
-		indexes: s
+		count: c.length,
+		indexes: c
 	};
-}, ct = (e) => {
+}, jt = (e) => {
 	let t = e.plan;
 	if (!t) return;
 	let n = (t) => t === null || e.step - t >= 1;
@@ -1331,68 +1723,68 @@ var Be = (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));
 	}
-}, lt = (e) => {
+}, Mt = (e) => {
 	let t = e.plan;
 	if (!t) return;
 	let n = t.rows.length - 1, i = (e) => t.series.map((n, r) => t.cells[e]?.[r]?.step ?? n.step ?? t.rows[e]?.step ?? null), a = (e) => {
 		let t = i(e);
 		return t.some((e) => e === null) ? null : Math.min(...t);
-	}, o = new Set(e.totals), s = (e, t, n, r) => {
-		e.style.setProperty(n, String(r)), e.style.removeProperty("--d"), t === null ? e.style.removeProperty("--step") : e.style.setProperty("--step", String(t));
+	}, o = new Set(e.totals), s = !!e.type.axes, c = (e, t, n, r) => {
+		s && n === "--i" || e.style.setProperty(n, String(r)), e.style.removeProperty("--d"), t === null ? e.style.removeProperty("--step") : e.style.setProperty("--step", String(t));
 	};
 	for (let r of e.figure.querySelectorAll("[data-row], [data-series], [data-note]")) {
 		if (r.closest("table, .tablechart-controls") || r.hasAttribute("data-from")) continue;
 		let e = Number(r.dataset.note);
 		if (e > 0) {
 			let n = t.notes[e - 1];
-			n && s(r, n.step, "--after", n.after);
+			n && c(r, n.step, "--after", n.after);
 			continue;
 		}
-		let c = r.dataset.row ? Number(r.dataset.row) - 1 : n;
+		let s = r.dataset.row ? Number(r.dataset.row) - 1 : n;
 		if (r.classList.contains("tablechart-connector")) {
-			let e = t.rows[c - 1], n = t.rows[c];
+			let e = t.rows[s - 1], n = t.rows[s];
 			if (e && n) {
 				let t = (e.step ?? -1) > (n.step ?? -1);
-				s(r, 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 (o.has(r)) {
-			let e = i(c).filter((e) => e !== null);
-			s(r, e.length ? Math.max(...e) : null, "--i", t.rows[c]?.slot ?? 0);
+			let e = i(s).filter((e) => e !== null);
+			c(r, e.length ? Math.max(...e) : null, "--i", t.rows[s]?.slot ?? 0);
 			continue;
 		}
 		if (r.hasAttribute("data-stack")) {
-			s(r, a(c), "--i", t.rows[c]?.slot ?? 0);
+			c(r, a(s), "--i", t.rows[s]?.slot ?? 0);
 			continue;
 		}
 		let l = r.dataset.series ? Number(r.dataset.series) - 1 : 0, u = r.dataset.series ? t.series[l] : void 0;
 		if (r.classList.contains("tablechart-piece")) {
-			let e = i(c)[l] ?? null, n = t.cells[c]?.[l];
-			s(r, e === a(c) ? null : e, "--i", n && n.step !== null ? n.slot : c);
+			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 (r.dataset.place === "legend") {
 			let e = Math.min(...t.cells.map((e) => e[l]?.step ?? Infinity));
-			s(r, 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 ? s(r, d.step, "--i", d.slot) : u && u.step !== null ? s(r, u.step, "--i", c) : t.rows[c] && s(r, t.rows[c].step, "--i", t.rows[c].slot);
+		let 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 l = e.figure.querySelector(`.${p}`);
-	if (l) {
+	let u = e.figure.querySelector(`.${g}`);
+	if (u) {
 		let e = [...t.rows, ...t.cells.flat()].map((e) => e.step ?? -1), n = Math.max(-1, ...e);
-		n < 0 ? s(l, null, "--i", 0) : s(l, n, "--i", e.filter((e) => e === n).length);
+		n < 0 ? c(u, null, "--i", 0) : c(u, n, "--i", e.filter((e) => e === n).length);
 	}
-	let u = [...t.rows, ...t.cells.flat()].map((e) => e.slot + 1), d = t.series.some((e) => e.step !== null) ? t.rows.length : 1;
-	e.plot.style.setProperty("--count", String(Math.max(d, ...u)));
-	let f = e.figure.querySelectorAll(`.${r}`), m = f[f.length - 1];
-	if (e.figure.dataset.chart === "waterfall" && m?.dataset.kind === "total" && f.length > 1) {
+	let d = [...t.rows, ...t.cells.flat()].map((e) => e.slot + 1), f = t.series.some((e) => e.step !== null) ? t.rows.length : 1;
+	s || 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(`.${c}`));
+	let h = Array.from(e.figure.querySelectorAll(`.${l}`));
 	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++) {
@@ -1402,19 +1794,19 @@ var Be = (e) => e.map((e) => ({
 		let o = /* @__PURE__ */ new Map();
 		for (let e of a) {
 			let t = e.reduce((e, t) => e + n(t), 0), r = 0;
-			for (let i of e) o.set(i.dataset.row ?? "", D(r, n(i), t)), r += n(i);
+			for (let i of e) o.set(i.dataset.row ?? "", A(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));
 		}
 	}
-	ct(e);
-}, ut = (e, t, n = !1) => {
+	jt(e);
+}, Nt = (e, t, n = !1) => {
 	let r = e.plan;
 	if (!r) return;
 	let i = Math.min(Math.max(Math.round(t), 0), r.count), a = i !== e.step;
-	e.step = i, e.figure.style.setProperty("--_step", String(i)), ct(e);
+	e.step = i, e.figure.style.setProperty("--_step", String(i)), jt(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,
@@ -1423,7 +1815,7 @@ var Be = (e) => e.map((e) => ({
 			steps: r.count
 		}
 	}));
-}, dt = (e, t, n) => {
+}, Pt = (e, t, n) => {
 	let r = document.createElement("div");
 	r.className = "tablechart-controls";
 	let i = (r) => {
@@ -1431,17 +1823,17 @@ var Be = (e) => e.map((e) => ({
 		i.type = "button", i.className = `tablechart-${r}`, i.dataset.go = r;
 		let a = document.createElement("span");
 		a.className = "tablechart-control-icon", a.setAttribute("aria-hidden", "true");
-		let o = j("svg", {
+		let o = P("svg", {
 			viewBox: "0 0 16 16",
 			focusable: "false"
 		});
-		o.appendChild(j("path", { d: r === "next" ? "M6 3l5 5-5 5" : "M10 3L5 8l5 5" })), a.appendChild(o);
+		o.appendChild(P("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 = g, l.textContent = e.hint, t.hint && n && l.setAttribute(n, t.hint), i.append(...r === "next" ? [
+		return l.className = y, l.textContent = e.hint, t.hint && n && l.setAttribute(n, t.hint), i.append(...r === "next" ? [
 			s,
 			l,
 			a
@@ -1452,14 +1844,14 @@ var Be = (e) => e.map((e) => ({
 		]), i;
 	};
 	return r.append(i("previous"), i("next")), r;
-}, ft = (e, t, n, r = {
+}, Ft = (e, t, n, r = {
 	x: 0,
 	y: 0,
 	scale: 1
 }, i = 2, a = 8, o = 12) => {
 	let s = e.getBoundingClientRect(), c = s.width, l = s.height, u = Number.parseFloat(getComputedStyle(e).borderLeftWidth) || 0, d = t.getBoundingClientRect().height / 2 + (i - u) * r.scale, f = o * r.scale, { clientWidth: p, clientHeight: m } = document.documentElement, h = n.top - a, g = m - n.bottom - a, _ = l + d <= h ? !0 : l + d <= g ? !1 : h >= g, v = _ ? n.top - d - l : n.bottom + d, y = n.left + n.width / 2, b = Math.max(a, Math.min(y - c / 2, p - c - a));
 	e.style.left = `${(b - r.x) / r.scale}px`, e.style.top = `${(Math.max(a, Math.min(v, m - l - a)) - r.y) / r.scale}px`, e.dataset.side = _ ? "top" : "bottom", t.style.left = `${Math.max(f, Math.min(y - b, c - f)) / r.scale - u}px`;
-}, pt = "tablechart-tooltip", mt = [
+}, It = "tablechart-tooltip", Lt = [
 	"--tablechart-surface",
 	"--tablechart-tooltip-surface",
 	"--tablechart-tooltip-color",
@@ -1467,51 +1859,51 @@ var Be = (e) => e.map((e) => ({
 	"--tablechart-tooltip-radius",
 	"--tablechart-tooltip-padding",
 	"--tablechart-tooltip-shadow"
-], Q = null, ht, gt, $ = null, _t = null, vt = 0, yt = () => {
-	clearTimeout(vt), Q && $ && (Q.hidden = !0, $ = null, _t = null);
-}, bt = !1, xt = !0, St = NaN, Ct = NaN, wt = !1, Tt = () => {
-	if (wt) return;
-	wt = !0, document.addEventListener("pointermove", (e) => {
-		e.pointerType === "mouse" && (xt = e.screenX !== St || e.screenY !== Ct, St = e.screenX, Ct = e.screenY, xt && (bt = !1));
+], $ = null, Rt, zt, Bt = null, Vt = null, Ht = 0, Ut = () => {
+	clearTimeout(Ht), $ && Bt && ($.hidden = !0, Bt = null, Vt = null);
+}, Wt = !1, Gt = !0, Kt = NaN, qt = NaN, Jt = !1, Yt = () => {
+	if (Jt) return;
+	Jt = !0, document.addEventListener("pointermove", (e) => {
+		e.pointerType === "mouse" && (Gt = e.screenX !== Kt || e.screenY !== qt, Kt = e.screenX, qt = e.screenY, Gt && (Wt = !1));
 	}, {
 		capture: !0,
 		passive: !0
 	});
 	let e = () => {
-		bt = !0, yt();
+		Wt = !0, Ut();
 	};
 	document.addEventListener("keydown", e, !0), window.addEventListener("scroll", e, {
 		capture: !0,
 		passive: !0
 	});
-}, Et = (e, t) => t / Number.parseFloat(getComputedStyle(e).width) || 1, Dt = (e) => {
+}, Xt = (e, t) => t / Number.parseFloat(getComputedStyle(e).width) || 1, Zt = (e) => {
 	let t = e.tooltipparent;
 	return (typeof t == "string" ? document.querySelector(t) : t) ?? document.body;
-}, Ot = () => {
-	clearTimeout(vt), vt = window.setTimeout(yt, 120);
-}, kt = () => {
+}, Qt = () => {
+	clearTimeout(Ht), Ht = window.setTimeout(Ut, 120);
+}, $t = () => {
 	let e = document.createElement("div");
-	return e.className = pt, e.setAttribute("aria-hidden", "true"), e.hidden = !0, ht = document.createElement("div"), gt = document.createElement("div"), gt.className = `${pt}-arrow`, e.append(ht, gt), document.body.append(e), e.addEventListener("pointerenter", () => clearTimeout(vt)), e.addEventListener("pointerleave", (e) => e.pointerType === "mouse" && Ot()), document.addEventListener("pointerdown", (t) => {
+	return e.className = It, e.setAttribute("aria-hidden", "true"), e.hidden = !0, Rt = document.createElement("div"), zt = document.createElement("div"), zt.className = `${It}-arrow`, e.append(Rt, zt), document.body.append(e), e.addEventListener("pointerenter", () => clearTimeout(Ht)), e.addEventListener("pointerleave", (e) => e.pointerType === "mouse" && Qt()), document.addEventListener("pointerdown", (t) => {
 		let n = t.target;
-		$ && !$.plot.contains(n) && !e.contains(n) && yt();
-	}), window.addEventListener("resize", yt), e;
-}, At = (e, t) => {
+		Bt && !Bt.plot.contains(n) && !e.contains(n) && Ut();
+	}), window.addEventListener("resize", Ut), e;
+}, en = (e, t) => {
 	let n = t ? t.style.getPropertyValue("--step") : "x";
 	return n === "" || Number(n) < e.step;
-}, jt = (e, t) => {
+}, tn = (e, t) => {
 	let n = e.svg.querySelector(`[data-series="${t + 1}"]:not(.tablechart-hole)`);
 	if (!n) return;
 	let r = getComputedStyle(n);
 	return r.fill && r.fill !== "none" ? r.fill : r.stroke;
-}, Mt = (e, t, n) => {
+}, nn = (e, t, n) => {
 	let r = e.series.length > 1, i = [];
 	for (let [n, a] of e.seriesValues.entries()) {
-		if (!At(e, a[t])) continue;
+		if (!en(e, a[t])) continue;
 		let o = r ? e.figure.querySelector(`.tablechart-name[data-series="${n + 1}"]`) : null;
 		i.push({
 			name: r ? o?.textContent ?? e.series[n].name : "",
 			value: a[t].textContent ?? "",
-			colour: r ? jt(e, n) : void 0,
+			colour: r ? tn(e, n) : void 0,
 			sample: o ? {
 				marker: o.dataset.marker ?? null,
 				open: o.hasAttribute("data-open"),
@@ -1521,65 +1913,73 @@ var Be = (e) => e.map((e) => ({
 		});
 	}
 	let a = e.totals[t];
-	return i.length > 1 && At(e, a) && i.push({
+	return i.length > 1 && en(e, a) && i.push({
 		name: n.totallabel,
 		value: a.textContent ?? ""
 	}), i;
-}, Nt = (e, t) => {
+}, rn = (e, t) => {
 	if (e.type.centre && e.values[t]) return e.values[t].getBoundingClientRect();
-	let n = e.svg.querySelectorAll(`[data-row="${t + 1}"]:not(.tablechart-connector, .tablechart-leader)`), r = null;
-	for (let e of n) {
+	let n = e.pointOf?.(t);
+	if (n) {
+		let t = e.svg.getBoundingClientRect(), r = t.width / D, i = 4 * r * (D / e.plot.clientWidth);
+		return new DOMRect(t.left + n[0] * r - i, t.top + n[1] * r - i, 2 * i, 2 * i);
+	}
+	let r = e.svg.querySelectorAll(`[data-row="${t + 1}"]:not(.tablechart-connector, .tablechart-leader)`), i = null;
+	for (let e of r) {
 		let t = e.getBoundingClientRect();
-		(t.width || t.height) && (r = r ? new DOMRect(Math.min(r.left, t.left), Math.min(r.top, t.top), Math.max(r.right, t.right) - Math.min(r.left, t.left), Math.max(r.bottom, t.bottom) - Math.min(r.top, t.top)) : t);
+		(t.width || t.height) && (i = i ? new DOMRect(Math.min(i.left, t.left), Math.min(i.top, t.top), Math.max(i.right, t.right) - Math.min(i.left, t.left), Math.max(i.bottom, t.bottom) - Math.min(i.top, t.top)) : t);
 	}
-	if (r) return r;
-	let i = e.plot.getBoundingClientRect(), [a, o, s, c] = e.rowBox?.(t) ?? [
+	if (i) return i;
+	let a = e.plot.getBoundingClientRect(), [o, s, c, l] = e.rowBox?.(t) ?? [
 		0,
 		0,
 		100,
 		100
 	];
-	return new DOMRect(i.left + i.width * a / 100, i.top + i.height * o / 100, i.width * s / 100, i.height * c / 100);
-}, Pt = (e, t, n) => {
-	if (clearTimeout(vt), $ === e && _t === t) return;
-	let r = (e.type.tooltip ?? Mt)(e, t, n);
-	if (!r.length) return yt();
-	$ && $ !== e && yt(), Q ?? (Q = kt());
+	return new DOMRect(a.left + a.width * o / 100, a.top + a.height * s / 100, a.width * c / 100, a.height * l / 100);
+}, an = (e, t, n) => {
+	if (clearTimeout(Ht), Bt === e && Vt === t) return;
+	let r = (e.type.tooltip ?? nn)(e, t, n);
+	if (!r.length) return Ut();
+	Bt && Bt !== e && Ut(), $ ?? ($ = $t());
 	let i = (e, t, n, r = !1, i) => {
 		let a = document.createElement("div");
-		if (a.className = `${pt}-line`, n) {
+		if (a.className = `${It}-line`, n) {
 			let e = document.createElement("span");
-			e.className = `${pt}-key`, e.style.background = n, i?.box ? e.dataset.sample = "box" : i && (e.dataset.sample = "line", i.marker && (e.dataset.marker = i.marker), i.line && (e.dataset.line = i.line), e.toggleAttribute("data-open", i.open)), a.append(e);
+			e.className = `${It}-key`, e.style.background = n, i?.box ? e.dataset.sample = "box" : i && (e.dataset.sample = "line", i.marker && (e.dataset.marker = i.marker), i.line && (e.dataset.line = i.line), e.toggleAttribute("data-open", i.open)), a.append(e);
 		}
 		let o = document.createElement("span");
-		if (o.className = `${pt}-${r ? "title" : "name"}`, o.textContent = e, a.append(o), t) {
+		if (o.className = `${It}-${r ? "title" : "name"}`, o.textContent = e, a.append(o), t) {
 			e && o.append(":");
 			let n = document.createElement("span");
-			n.className = `${pt}-value`, n.textContent = t, a.append(n);
+			n.className = `${It}-value`, n.textContent = t, a.append(n);
 		}
 		return a;
-	}, a = e.categories[t]?.textContent ?? e.rows[t].label, o = r.length === 1 && !r[0].name, s = r.every((e) => e.name && !e.value);
-	ht.replaceChildren(...s ? [] : [i(a, o ? r[0].value : "", void 0, !0)], ...o ? [] : r.map(({ name: e, value: t, colour: n, sample: r }) => i(e, t, n, !1, r)));
-	let c = getComputedStyle(e.figure);
-	for (let e of mt) {
-		let t = c.getPropertyValue(e).trim();
-		t ? Q.style.setProperty(e, t) : Q.style.removeProperty(e);
+	}, a = (e.figure.querySelectorAll("tbody tr")[t]?.querySelector("th"))?.textContent?.trim() || e.categories[t]?.textContent || e.rows[t].label, o = r.length === 1 && !r[0].name, s = r.every((e) => e.name && !e.value), c = lt(e.figure, t)?.textContent?.trim(), l = c ? [Object.assign(document.createElement("div"), {
+		className: `${It}-note`,
+		textContent: c
+	})] : [];
+	Rt.replaceChildren(...s ? [] : [i(a, o ? r[0].value : "", void 0, !0)], ...o ? [] : r.map(({ name: e, value: t, colour: n, sample: r }) => i(e, t, n, !1, r)), ...l);
+	let u = getComputedStyle(e.figure);
+	for (let e of Lt) {
+		let t = u.getPropertyValue(e).trim();
+		t ? $.style.setProperty(e, t) : $.style.removeProperty(e);
 	}
-	Q.style.setProperty("--_color", c.color), Q.style.colorScheme = c.colorScheme, Q.style.fontFamily = c.fontFamily;
-	let l = Dt(n);
-	Q.parentElement !== l && l.append(Q), $ = e, _t = t, Q.hidden = !1, Q.style.left = "0px", Q.style.top = "0px";
-	let u = Q.getBoundingClientRect(), d = {
-		x: u.left,
-		y: u.top,
-		scale: Et(Q, u.width)
-	}, f = Et(e.plot, e.plot.getBoundingClientRect().width);
-	Q.style.fontSize = `${Number.parseFloat(c.fontSize) * f / d.scale}px`, ft(Q, gt, Nt(e, t), d);
-}, Ft = (e, t, n = !1) => {
+	$.style.setProperty("--_color", u.color), $.style.colorScheme = u.colorScheme, $.style.fontFamily = u.fontFamily;
+	let d = Zt(n);
+	$.parentElement !== d && d.append($), Bt = e, Vt = t, $.hidden = !1, $.style.left = "0px", $.style.top = "0px";
+	let f = $.getBoundingClientRect(), p = {
+		x: f.left,
+		y: f.top,
+		scale: Xt($, f.width)
+	}, m = Xt(e.plot, e.plot.getBoundingClientRect().width);
+	$.style.fontSize = `${Number.parseFloat(u.fontSize) * m / p.scale}px`, Ft($, zt, rn(e, t), p);
+}, on = (e, t, n = !1) => {
 	let { plot: r } = e;
-	r.setAttribute("data-hover", ""), Tt();
+	r.setAttribute("data-hover", ""), Yt();
 	let i = (t) => {
 		if (e.rowAt) {
-			let n = r.getBoundingClientRect(), i = Et(r, n.width);
+			let n = r.getBoundingClientRect(), i = Xt(r, n.width);
 			return e.rowAt((t.clientX - n.left) / i, (t.clientY - n.top) / i);
 		}
 		let n = t.target.closest?.("[data-row]")?.getAttribute("data-row");
@@ -1589,13 +1989,13 @@ var Be = (e) => e.map((e) => ({
 		else if (t.getAttribute("data-row") === String(e + 1)) return !0;
 		return !1;
 	}, s = null, c = (a) => {
-		if (a.type === "pointerdown") bt = !1;
-		else if (a.pointerType === "mouse" && (!xt || bt)) return;
+		if (a.type === "pointerdown") Wt = !1;
+		else if (a.pointerType === "mouse" && (!Gt || Wt)) return;
 		if (!r.classList.contains("is-placed") || !e.figure.classList.contains("is-shown")) return;
-		if (n && !e.figure.hasAttribute("data-left-out")) return $ === e ? yt() : void 0;
+		if (n && !e.figure.hasAttribute("data-left-out")) return Bt === e ? Ut() : void 0;
 		let c = i(a);
-		if (s = c, c === null || o(c)) return $ === e ? yt() : void 0;
-		Pt(e, c, t);
+		if (s = c, c === null || o(c)) return Bt === e ? Ut() : void 0;
+		an(e, c, t);
 	}, l = (t) => {
 		let n = t.target;
 		return e.svg.contains(n) && n.hasAttribute("data-row") ? n : null;
@@ -1609,36 +2009,37 @@ var Be = (e) => e.map((e) => ({
 		if (!r) return;
 		a.delete(r);
 		let i = Number(r.getAttribute("data-row")) - 1;
-		s === i && !o(i) && !bt && Pt(e, i, t);
+		s === i && !o(i) && !Wt && an(e, i, t);
 	};
 	e.svg.addEventListener("transitionend", u), e.svg.addEventListener("transitioncancel", u), r.addEventListener("pointermove", c), r.addEventListener("pointerdown", c), r.addEventListener("pointerleave", (t) => {
-		t.pointerType === "mouse" && (s = null, $ === e && Ot());
+		t.pointerType === "mouse" && (s = null, Bt === e && Qt());
 	});
-}, It = (e) => {
-	$ === e && yt();
-}, Lt = {
-	area: Ue,
-	bar: Oe,
-	column: ke,
-	donut: Me,
-	line: He,
-	waterfall: Ke
-}, Rt = (e, t) => {
-	Lt[e] = t;
-}, zt = {
-	"axis-break": U,
-	trend: me,
-	bracket: oe,
-	reference: pe
-}, Bt = Object.keys(zt), Vt = (e) => {
+}, sn = (e) => {
+	Bt === e && Ut();
+}, cn = {
+	area: rt,
+	bar: Re,
+	column: ze,
+	donut: He,
+	line: nt,
+	waterfall: ot
+}, ln = (e, t) => {
+	cn[e] = t, Object.assign(un, t.annotations), dn.splice(0, Infinity, ...Object.keys(un));
+}, un = {
+	"axis-break": ne,
+	trend: Oe,
+	bracket: ce,
+	reference: Ee,
+	note: we
+}, dn = Object.keys(un), fn = (e) => {
 	let t = "";
 	for (let n = e.previousSibling; n && (t = (n.textContent ?? "") + t, !t.trim()); n = n.previousSibling);
 	return t.trim();
-}, Ht = [
+}, pn = [
 	"straight",
 	"step",
 	"smooth"
-], Ut = (e, t, n, r, i) => {
+], mn = (e, t, n, r, i) => {
 	let a = t === r, [o, s, c] = a ? [
 		Math.min(e, n),
 		Math.max(e, n),
@@ -1649,17 +2050,17 @@ var Be = (e) => e.map((e) => ({
 		e
 	], l = i.filter(([e, t, n, r]) => a ? t <= c && c <= t + r : e <= c && c <= e + n).map(([e, t, n, r]) => a ? [e, e + n] : [t, t + r]).sort((e, t) => e[0] - t[0]), u = [], d = o;
 	for (let [e, t] of l) e > d && u.push([d, Math.min(e, s)]), d = Math.max(d, t);
-	return d < s && u.push([d, s]), u.map(([e, t]) => a ? `M${A(e)},${A(c)}H${A(t)}` : `M${A(c)},${A(e)}V${A(t)}`).join("");
-}, Wt = (e, t) => {
+	return d < s && u.push([d, s]), u.map(([e, t]) => a ? `M${N(e)},${N(c)}H${N(t)}` : `M${N(c)},${N(e)}V${N(t)}`).join("");
+}, hn = (e, t) => {
 	let [n, r, i, a] = [
 		"x1",
 		"y1",
 		"x2",
 		"y2"
-	].map((t) => Number(e.getAttribute(t))), o = j("path", { d: Ut(n, r, i, a, t) });
+	].map((t) => Number(e.getAttribute(t))), o = P("path", { d: mn(n, r, i, a, t) });
 	for (let { name: t, value: n } of Array.from(e.attributes)) /^[xy][12]$/.test(t) || o.setAttribute(t, n);
 	e.replaceWith(o);
-}, Gt = (e) => Array.from((e.getAttribute("d") ?? "").matchAll(/M(-?[\d.]+),(-?[\d.]+)([HV])(-?[\d.]+)/g), ([, e, t, n, r]) => n === "H" ? [
+}, gn = (e) => Array.from((e.getAttribute("d") ?? "").matchAll(/M(-?[\d.]+),(-?[\d.]+)([HV])(-?[\d.]+)/g), ([, e, t, n, r]) => n === "H" ? [
 	+e,
 	+t,
 	+r,
@@ -1669,19 +2070,19 @@ var Be = (e) => e.map((e) => ({
 	+t,
 	+e,
 	+r
-]), Kt = (e, [t, n, r, i]) => e.map(([e, a, o, s]) => a === s ? n <= a && a <= n + i && Math.max(e, t) < Math.min(o, t + r) ? `M${A(Math.max(e, t))},${A(a)}H${A(Math.min(o, t + r))}` : "" : t <= e && e <= t + r && Math.max(a, n) < Math.min(s, n + i) ? `M${A(e)},${A(Math.max(a, n))}V${A(Math.min(s, n + i))}` : "").join(""), qt = (e, t, n) => {
+]), _n = (e, [t, n, r, i]) => e.map(([e, a, o, s]) => a === s ? n <= a && a <= n + i && Math.max(e, t) < Math.min(o, t + r) ? `M${N(Math.max(e, t))},${N(a)}H${N(Math.min(o, t + r))}` : "" : t <= e && e <= t + r && Math.max(a, n) < Math.min(s, n + i) ? `M${N(e)},${N(Math.max(a, n))}V${N(Math.min(s, n + i))}` : "").join(""), vn = (e, t, n) => {
 	let r = e.getAttribute(t);
 	return r === null ? n : r !== "false";
-}, Jt = (e, t) => !!t.animate && e.getAttribute("data-chart-animate") !== "false", Yt = (e, t) => {
+}, yn = (e, t) => !!t.animate && e.getAttribute("data-chart-animate") !== "false", bn = (e, t) => {
 	let n = e.dataset.chartShape;
-	return n && Ht.includes(n) ? n : Ht.includes(t.shape) ? t.shape : "straight";
-}, Xt = (e) => {
+	return n && pn.includes(n) ? n : pn.includes(t.shape) ? t.shape : "straight";
+}, xn = (e) => {
 	for (let t of e.querySelectorAll("br")) {
-		if (t.previousElementSibling?.classList.contains("tablechart-sr") || /[.!?:;,…]$/.test(Vt(t))) continue;
+		if (t.previousElementSibling?.classList.contains("tablechart-sr") || /[.!?:;,…]$/.test(fn(t))) continue;
 		let e = document.createElement("span");
-		e.className = g, e.textContent = ". ", t.before(e);
+		e.className = y, e.textContent = ". ", t.before(e);
 	}
-}, Zt = (e, t, n) => {
+}, Sn = (e, t, n) => {
 	let r = e.querySelector("table");
 	if (!r) return null;
 	let i = r.querySelector("tfoot [data-chart-total]");
@@ -1692,243 +2093,309 @@ var Be = (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;
-}, Qt = 0, $t = (e) => {
+}, Cn = 0, wn = (e) => {
 	let t = e.querySelector(":scope > figcaption");
 	if (!t) return;
-	Xt(t);
+	xn(t);
 	let n = (e) => e.hasAttribute("aria-label") || e.hasAttribute("aria-labelledby"), r = (e) => {
-		t.id || (t.id = `tablechart-caption-${++Qt}`), e.setAttribute("aria-labelledby", t.id);
+		t.id || (t.id = `tablechart-caption-${++Cn}`), 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);
-}, en = (r, i, a = null) => {
-	let o = a ?? (r.getAttribute("data-chart") || "column"), s = Lt[o];
-	if (!s) return console.warn(`[${e}] Unknown chart type "${o}". Known types: ${Object.keys(Lt).join(", ")}.`), r.setAttribute("data-chart-empty", ""), null;
-	let c = Je(r, i.langattribute);
+}, Tn = (r, i, a = null) => {
+	let o = a ?? (r.getAttribute("data-chart") || "column"), s = cn[o];
+	if (!s) return console.warn(`[${e}] Unknown chart type "${o}". Known types: ${Object.keys(cn).join(", ")}.`), r.setAttribute("data-chart-empty", ""), null;
+	let c = ut(r, i.langattribute);
 	if (!c.length) return console.warn(r.querySelector("table") ? `[${e}] A chart has no rows in its table, so there is nothing to draw.` : `[${e}] A chart has no table, so there is nothing to draw.`, r), r.setAttribute("data-chart-empty", ""), null;
-	$t(r);
-	let d = Ze(r, c, i.langattribute);
-	d.length > 1 && !s.series && !s.columns && (console.warn(`[${e}] A ${o} chart uses only the first of its ${d.length} value columns.`), d = d.slice(0, 1));
-	let f = d.length > 1;
-	f && r.style.setProperty("--_series-count", String(d.length));
+	wn(r);
+	let l = pt(r, c, i.langattribute);
+	if (l.length > 1 && !s.series && !s.columns && (console.warn(`[${e}] A ${o} chart uses only the first of its ${l.length} value columns.`), l = l.slice(0, 1)), l.some((e) => e.chart)) {
+		let t = s.lines ? l.every((e) => e.chart) ? "Every series has data-chart=\"line\", so the chart is a line chart: set data-chart=\"line\" on the figure." : null : `A ${o} chart cannot draw a series as a line.`;
+		t && (console.warn(`[${e}] ${t}`), l = l.map((e) => ({
+			...e,
+			chart: null
+		})));
+	}
+	let u = l.some((e) => e.chart), d = l.length > 1;
+	d && r.style.setProperty("--_series-count", String(l.length));
 	let m = r.hasAttribute("data-chart-stack");
-	m && !s.stackable && console.warn(`[${e}] A ${o} chart cannot be stacked.`);
-	let h = m && !!s.stackable && f, g = document.createElement("div");
-	g.className = t, g.setAttribute("aria-hidden", "true");
-	let _ = j("svg", {
+	m && !s.stackable && console.warn(`[${e}] A ${o} chart cannot be stacked.`), m && u && console.warn(`[${e}] A chart with a line cannot be stacked.`);
+	let h = m && !!s.stackable && d && !u, _ = document.createElement("div");
+	_.className = t, _.setAttribute("aria-hidden", "true");
+	let v = P("svg", {
 		role: "presentation",
 		focusable: "false"
 	});
-	g.appendChild(_), r.appendChild(g);
-	let v = s.centre ? c.filter((e) => !e.isTotal) : c, y = Math.max(0, W(v.flatMap((e) => e.cells.slice(0, d.length).map((e) => ee(e.number))))), b = d.map((e, t) => Math.max(0, W(c.map((e) => ee(e.cells[t]?.number ?? ""))))), C = document.createElement("div");
-	C.className = "tablechart-values", g.appendChild(C);
-	let w = d.map((e, t) => c.map((e, r) => {
-		let i = e.cells[t] ?? e.cells[0], a = N(n, C);
-		return a.classList.add(...e.classes), a.dataset.value = String(i.value), i.prefix && (a.dataset.prefix = i.prefix), i.suffix && (a.dataset.suffix = i.suffix), i.missing && (a.dataset.missing = i.raw), f && (a.dataset.series = String(t + 1)), s.columns && (a.dataset.decimals = String(b[t])), a.dataset.row = String(r + 1), a.style.setProperty("--i", String(e.slot)), s.numbers === !1 && (t || r) && (a.dataset.place = "none"), a;
-	})), T = w[0], E = h && s.totals ? c.map((e, t) => {
-		let r = N(n, C);
-		r.classList.add(...e.classes), r.dataset.kind = "total", r.dataset.row = String(t + 1), r.dataset.value = String(ye(e, d.length));
+	_.appendChild(v);
+	let y = r.querySelector(":scope > table"), b = (e) => y ? y.before(e) : r.append(e);
+	b(_);
+	let x = s.centre ? c.filter((e) => !e.isTotal) : c, S = Math.max(0, W(x.flatMap((e) => e.cells.slice(0, l.length).map((e) => re(e.number))))), C = l.map((e, t) => Math.max(0, W(c.map((e) => re(e.cells[t]?.number ?? ""))))), E = document.createElement("div");
+	E.className = "tablechart-values", _.appendChild(E);
+	let D = l.map((e, t) => c.map((e, r) => {
+		let i = e.cells[t] ?? e.cells[0], a = I(n, E);
+		return a.classList.add(...e.classes), a.dataset.value = String(i.value), i.prefix && (a.dataset.prefix = i.prefix), i.suffix && (a.dataset.suffix = i.suffix), i.missing && (a.dataset.missing = i.raw), d && (a.dataset.series = String(t + 1)), s.columns && (a.dataset.decimals = String(C[t])), a.dataset.row = String(r + 1), a.style.setProperty("--i", String(e.slot)), s.numbers === !1 && (t || r) && (a.dataset.place = "none"), a;
+	})), O = D[0], k = h && s.totals ? c.map((e, t) => {
+		let r = I(n, E);
+		r.classList.add(...e.classes), r.dataset.kind = "total", r.dataset.row = String(t + 1), r.dataset.value = String(Pe(e, l.length));
 		let i = e.cells[0];
 		return i.prefix && (r.dataset.prefix = i.prefix), i.suffix && (r.dataset.suffix = i.suffix), r.style.setProperty("--i", String(e.slot)), r;
-	}) : [], D = c[c.length - 1], O = d.some((e) => e.focus), k = r.getAttribute("data-chart-legend"), A = f && !s.columns && (k === null ? i.legend || s.legend !== void 0 : k !== "false") ? document.createElement("div") : null;
-	A && (A.className = u, A.setAttribute("aria-hidden", "true"), A.inert = !0);
-	let M = f && !s.columns ? d.map((e, t) => {
-		let n = N(l, A ?? g);
-		A && (n.dataset.place = "legend");
-		let a = s.legend ?? s.swatch;
-		if (a && (n.dataset.swatch = a), n.textContent = e.name, !a && Yt(r, i) !== "step") {
-			let e = Pe(d, t);
-			n.dataset.marker = e.shape, n.toggleAttribute("data-open", e.open);
+	}) : [], A = c[c.length - 1], j = l.some((e) => e.focus), M = r.getAttribute("data-chart-legend"), N = d && !s.columns && (M === null ? i.legend || s.legend !== void 0 : M !== "false") ? document.createElement("div") : null;
+	N && (N.className = p, N.setAttribute("aria-hidden", "true"), N.inert = !0);
+	let F = l.filter((e) => e.chart), L = d && !s.columns ? l.map((e, t) => {
+		let n = I(f, N ?? _);
+		N && (n.dataset.place = "legend");
+		let a = e.chart ? void 0 : s.legend ?? s.swatch;
+		if (a && (n.dataset.swatch = a), n.textContent = e.name, !a && bn(r, i) !== "step") {
+			let r = e.chart ? X(F, F.indexOf(e)) : X(l, t);
+			n.dataset.marker = r.shape, n.toggleAttribute("data-open", r.open);
 		}
-		return e.line && !a && (n.dataset.line = e.line), e.key && i.langattribute && n.setAttribute(i.langattribute, e.key), n.dataset.series = String(t + 1), n.style.setProperty("--n", String(t)), n.style.setProperty("--palette", `var(--tablechart-color-${t + 1})`), n.style.setProperty("--m", O && !e.focus ? "1" : "0"), n.style.setProperty("--i", String(D.slot)), n;
-	}) : [], P = s.centre ? N(p, g) : null;
-	if (P) {
+		return e.line && !a && (n.dataset.line = e.line), e.key && i.langattribute && n.setAttribute(i.langattribute, e.key), n.dataset.series = String(t + 1), n.style.setProperty("--n", String(t)), n.style.setProperty("--palette", `var(--tablechart-color-${t + 1})`), n.style.setProperty("--m", j && !e.focus ? "1" : "0"), n.style.setProperty("--i", String(A.slot)), n;
+	}) : [], R = s.centre ? I(g, _) : null;
+	if (R) {
 		let e = c.find((e) => e.isTotal), t = e ? e.value : c.reduce((e, t) => e + Math.abs(t.value), 0);
-		P.dataset.value = String(t), e && (P.dataset.decimals = String(ee(e.number)));
+		R.dataset.value = String(t), e && (R.dataset.decimals = String(re(e.number)));
 	}
-	let F = P && !c.some((e) => e.isTotal) ? Zt(r, P, i) : null, I = s.categories === "beside", L = document.createElement("div");
-	L.className = "tablechart-categories", L.setAttribute("aria-hidden", "true"), L.inert = !0, I ? L.dataset.place = "beside" : s.centre && (L.dataset.place = "key"), L.style.setProperty("--_columns", String(c.length));
-	let R = 0;
+	let z = R && !c.some((e) => e.isTotal) ? Sn(r, R, i) : null, B = s.categories === "beside", V = document.createElement("div");
+	V.className = "tablechart-categories", V.setAttribute("aria-hidden", "true"), V.inert = !0, B ? V.dataset.place = "beside" : s.centre && (V.dataset.place = "key"), V.style.setProperty("--_columns", String(c.length));
+	let H = 0;
 	for (let [e, t] of c.entries()) {
 		let n = document.createElement("span");
-		n.classList.add(...t.classes), n.textContent = t.label, t.key && i.langattribute && n.setAttribute(i.langattribute, t.key), s.centre && (n.dataset.kind = t.isTotal ? "total" : "slice", t.isTotal || (n.dataset.slice = String(R + 1), n.style.setProperty("--n", String(R)), n.style.setProperty("--palette", `var(--tablechart-color-${R + 1})`), R += 1)), n.style.setProperty("--i", String(t.slot)), n.dataset.row = String(e + 1), L.appendChild(n);
+		n.classList.add(...t.classes), n.textContent = t.short ?? t.label, t.key && i.langattribute && n.setAttribute(i.langattribute, t.short ? `${t.key}-short` : t.key), s.centre && (n.dataset.kind = t.isTotal ? "total" : "slice", t.isTotal || (n.dataset.slice = String(H + 1), n.style.setProperty("--n", String(H)), n.style.setProperty("--palette", `var(--tablechart-color-${H + 1})`), H += 1)), n.style.setProperty("--i", String(t.slot)), n.dataset.row = String(e + 1), V.appendChild(n);
 	}
-	(I ? g : r).appendChild(L), A && r.appendChild(A);
-	let z = d.filter((e) => !e.group), B = !s.axes && !s.centre && qt(r, "data-chart-axis", i.axis), V = s.axes ? {
-		titles: z.slice(0, 2).map((e, t) => {
-			let n = N(`${x}-title`, g);
+	s.centre && r.style.setProperty("--_slice-count", String(H)), B ? _.appendChild(V) : b(V), N && b(N);
+	let U = l.filter((e) => !e.group), ee = !s.axes && !s.centre && vn(r, "data-chart-axis", i.axis), te = s.axes ? {
+		titles: U.slice(0, 2).map((e, t) => {
+			let n = I(`${w}-title`, _);
 			return n.dataset.axis = t ? "y" : "x", n.textContent = e.name, e.key && i.langattribute && n.setAttribute(i.langattribute, e.key), n;
 		}),
-		ticks: N(`${S}s`, g),
+		ticks: I(`${T}s`, _),
 		numbers: !0
-	} : B || !s.centre && qt(r, "data-chart-grid", i.grid) ? {
+	} : ee || !s.centre && vn(r, "data-chart-grid", i.grid) ? {
 		titles: [],
-		ticks: N(`${S}s`, g),
-		numbers: B
+		ticks: I(`${T}s`, _),
+		numbers: ee
 	} : null;
 	s.text?.({
 		figure: r,
-		plot: g,
+		plot: _,
 		rows: c,
-		series: d,
+		series: l,
 		config: i
 	});
-	let H = Jt(r, i) && !s.axes ? st(r) : null;
-	s.axes && r.querySelector("[data-fragment]") && Z.log(`A ${o} chart has no steps, so it is shown whole.`, r), H && r.setAttribute("data-steps", "");
-	let U = r.getAttribute("data-chart-keys"), G = H && i.controls ? dt({
+	let ne = yn(r, i) ? At(r, !!s.axes) : null;
+	s.axes && r.querySelector("tbody [data-fragment], thead [data-fragment]") && Q.log(`A ${o} chart has one step, with data-fragment on the figure; its rows and columns have no steps of their own.`, r), ne && r.setAttribute("data-steps", "");
+	let G = r.getAttribute("data-chart-keys"), K = ne && i.controls ? Pt({
 		previous: i.previouslabel,
 		next: i.nextlabel,
 		hint: i.stephint
 	}, {
-		previous: U && `${U}-previous`,
-		next: U && `${U}-next`,
-		hint: U && `${U}-step`
+		previous: G && `${G}-previous`,
+		next: G && `${G}-next`,
+		hint: G && `${G}-step`
 	}, i.langattribute) : null;
-	G && r.appendChild(G);
-	let te = r.getAttribute("data-chart-table"), ne = te && nn.includes(te) ? te : i.table;
-	if (ne === "never") r.removeAttribute("data-table");
-	else {
-		r.setAttribute("data-table", ne);
-		let e = r.querySelector(":scope > table");
-		e && r.append(e);
-	}
-	let re = Array.from(r.querySelectorAll("[data-annotation]")).map((t) => {
-		let n = t.getAttribute("data-annotation"), r = zt[n];
-		if (!r) return console.warn(`[${e}] Unknown annotation "${n}". Known annotations: ${Object.keys(zt).join(", ")}.`), null;
-		let i = Number.parseInt(t.getAttribute("data-series") ?? "1", 10), a = i >= 1 && i <= d.length ? i - 1 : 0;
+	K && b(K);
+	let ie = Array.from(r.querySelectorAll("[data-annotation]")).map((t) => {
+		let n = t.getAttribute("data-annotation"), r = un[n];
+		if (!r) return console.warn(`[${e}] Unknown annotation "${n}". Known annotations: ${Object.keys(un).join(", ")}.`), null;
+		let i = Number.parseInt(t.getAttribute("data-series") ?? "1", 10), a = i >= 1 && i <= l.length ? i - 1 : 0;
 		return i !== a + 1 && console.warn(`[${e}] An annotation reads line ${i}, which is not there; it reads line 1.`), {
 			spec: t,
 			type: r,
-			badge: r.create(t, g),
+			badge: r.create(t, _),
 			series: a,
 			after: c.length
 		};
 	}).filter((e) => e !== null);
-	Jt(r, i) && r.setAttribute("data-animate", rn(r, o, i, !!H));
-	let K = {
+	if (!B && !s.centre && !s.axes) for (let [e, t] of c.entries()) {
+		if (!t.note) continue;
+		let n = document.createElement("span");
+		n.dataset.annotation = "note", n.dataset.row = String(e + 1), n.textContent = t.note, t.noteKey && n.setAttribute("data-i18n", t.noteKey), ie.push({
+			spec: n,
+			type: we,
+			badge: we.create(n, _),
+			series: 0,
+			after: c.length
+		});
+	}
+	yn(r, i) && r.setAttribute("data-animate", On(r, o, i, !!ne));
+	let q = {
 		figure: r,
-		plot: g,
-		svg: _,
+		plot: _,
+		svg: v,
 		rows: c,
-		decimals: y,
+		decimals: S,
 		type: s,
-		values: T,
-		series: d,
-		seriesValues: w,
-		names: A ? [] : M,
-		categories: Array.from(L.children),
-		centre: P,
-		axes: V,
+		values: O,
+		series: l,
+		seriesValues: D,
+		names: N ? [] : L,
+		categories: Array.from(V.children),
+		centre: R,
+		axes: te,
 		stacked: h,
-		totals: E,
-		totalCell: F,
+		totals: k,
+		totalCell: z,
 		rowAt: null,
 		rowBox: null,
-		annotations: re,
+		pointOf: null,
+		annotations: ie,
 		checks: [],
-		plan: H,
+		plan: ne,
 		step: 0,
-		controls: G
-	}, ie = () => pn(r, _);
-	_.addEventListener("transitionend", ie), _.addEventListener("transitioncancel", ie), G?.addEventListener("click", (e) => {
+		controls: K
+	}, ae = () => Hn(r, v);
+	v.addEventListener("transitionend", ae), v.addEventListener("transitioncancel", ae), K?.addEventListener("click", (e) => {
 		let t = e.target.closest("button")?.dataset.go;
-		t && ut(K, K.step + (t === "next" ? 1 : -1));
-	}), ut(K, 0, !0);
-	let ae = r.getAttribute("data-chart-tooltip"), oe = ae === "false" ? !1 : ae === "auto" ? "auto" : ae !== null || i.tooltip;
-	return oe && Ft(K, i, oe === "auto"), ln(K, i), K;
-}, tn = {
+		t && Nt(q, q.step + (t === "next" ? 1 : -1));
+	}), Nt(q, 0, !0);
+	let oe = r.getAttribute("data-chart-tooltip"), se = oe === "false" ? !1 : oe === "auto" ? "auto" : oe !== null || i.tooltip;
+	return se && on(q, i, se === "auto"), Rn(q, i), q;
+}, En = {
 	grow: "grow",
 	sweep: "sweep"
-}, nn = [
+}, Dn = [
 	"never",
 	"auto",
 	"print",
 	"always"
-], rn = (e, t, n, r) => {
-	let i = t === "line" || t === "area", a = tn[e.getAttribute("data-chart-animate") ?? ""] ?? tn[String(n.animate)];
+], On = (e, t, n, r) => {
+	let i = t === "line" || t === "area", a = En[e.getAttribute("data-chart-animate") ?? ""] ?? En[String(n.animate)];
 	return i ? r ? "sweep" : a ?? "sweep" : t === "donut" || t === "waterfall" ? a ?? "grow" : "grow";
-}, an = (e) => {
+}, kn = (e) => {
 	let t = getComputedStyle(e).getPropertyValue("--tablechart-value-align").trim();
 	return t === "start" || t === "center" || t === "end" ? t : null;
-}, on = (e, t, n, r) => {
+}, An = (e, t, n) => e.dataset.chartLabels === "inside" || e.dataset.chartLabels !== "outside" && (t.labels === "inside" || n) ? "inside" : "outside", jn = (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 * w : o * (a[2] === "em" ? Number.parseFloat(i.fontSize) : a[2] === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1) * t;
-}, sn = (e, t) => on(e, t, "--tablechart-bar-max", "60px") ?? Infinity, cn = (t, n) => {
-	let { plot: r, svg: i, rows: c, type: l, values: u, series: d, seriesValues: p, names: m, annotations: g } = t, _ = Number.parseFloat(t.figure.dataset.chartAspect ?? ""), v = _ > 0 ? _ : l.aspect ?? n.aspect, y = l.categories === "beside", b = t.axes && !l.axes ? t.axes : null, T = y ? null : t.categories[0]?.parentElement, E = null;
-	if (b) {
-		r.style.margin = "", T && (T.style.marginLeft = "");
+	return a[2] === "%" ? o / 100 * D : o * (a[2] === "em" ? Number.parseFloat(i.fontSize) : a[2] === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1) * t;
+}, Mn = (e, t) => jn(e, t, "--tablechart-bar-max", "60px") ?? Infinity, Nn = (e, t) => {
+	let n = e.getBoundingClientRect(), r = D / n.width, i = getComputedStyle(e), a = Number.parseFloat(i.lineHeight) / Number.parseFloat(i.fontSize) || 1.2;
+	return (e) => {
+		if (e.dataset.place === "none" || e.hidden || e.hasAttribute("data-left-out")) return [];
+		let i = e.getBoundingClientRect(), o = i.height * r / a, s = Array.from(e.style).filter((e) => e.startsWith("--")).map((t) => `${t}:${e.style.getPropertyValue(t)}`);
+		return i.width ? [P("rect", {
+			class: h,
+			"data-for": "text",
+			x: (i.left - n.left) * r - 3 * t,
+			y: (i.top - n.top) * r + (i.height * r - o) / 2 - t,
+			width: i.width * r + 6 * t,
+			height: o + 2 * t,
+			style: s.join("; ")
+		})] : [];
+	};
+}, Pn = [
+	"first",
+	"last",
+	"highest",
+	"lowest",
+	"outliers"
+], Fn = (t, n) => {
+	let r = (t.getAttribute("data-chart-values") ?? n.values).trim().toLowerCase().split(/\s+/).filter(Boolean);
+	for (let t of r) [
+		"auto",
+		"all",
+		"none",
+		...Pn
+	].includes(t) || console.warn(`[${e}] data-chart-values knows no "${t}". It takes auto, all, none, ${Pn.join(", ")}.`);
+	let i = r.filter((e) => Pn.includes(e));
+	return r.includes("all") ? {
+		mode: "all",
+		keys: []
+	} : r.includes("none") ? {
+		mode: "set",
+		keys: []
+	} : r.includes("auto") || !i.length ? {
+		mode: "auto",
+		keys: i.length ? i : Pn
+	} : {
+		mode: "set",
+		keys: i
+	};
+}, In = ({ figure: e, rows: t, series: n }, r) => {
+	let i = e.getAttribute("data-chart-table"), a = i && Dn.includes(i) ? i : r.table;
+	a === "never" ? e.removeAttribute("data-table") : e.setAttribute("data-table", a);
+	let o = e.getAttribute("data-chart-summary");
+	e.setAttribute("data-summary", o && Dn.includes(o) ? o : r.summary), e.toggleAttribute("data-long", t.length * n.filter((e) => !e.group).length > r.tablelimit);
+}, Ln = (t, n) => {
+	let { plot: r, svg: i, rows: l, type: m, values: g, series: _, seriesValues: y, names: b, annotations: x } = t;
+	In(t, n);
+	let S = getComputedStyle(t.figure);
+	t.figure.toggleAttribute("data-series-range", !!S.getPropertyValue("--tablechart-series-color-end").trim()), t.figure.toggleAttribute("data-slice-range", !!S.getPropertyValue("--tablechart-slice-color-end").trim());
+	let C = Number.parseFloat(t.figure.dataset.chartAspect ?? ""), O = C > 0 ? C : m.aspect ?? n.aspect, k = m.categories === "beside", A = t.axes && !m.axes ? t.axes : null, j = k ? null : t.categories[0]?.parentElement, M = null;
+	if (A) {
+		r.style.margin = "", j && (j.style.marginLeft = "");
 		let e = r.clientWidth;
 		if (!e) return !1;
-		let i = l.segments?.(c) ?? [], a = t.stacked ? c.flatMap((e) => Object.values(ve(e, d.length, l.running))) : i.some((e) => e.kind === "up" || e.kind === "down") ? i.flatMap((e) => [e.from, e.to]) : c.flatMap((e) => e.cells.slice(0, d.length).filter((e) => !e.missing).map((e) => e.value)), o = Math.min(0, -W(a.map((e) => -e))), s = Math.max(0, W(a)), u = Number.parseFloat(getComputedStyle(r).fontSize) || 16, { chartScaleY: f, chartScale: p } = t.figure.dataset, m = rt(f ?? p);
-		if (m && m.length > 2) E = {
-			min: m[0],
-			max: m[m.length - 1],
+		let i = m.segments?.(l) ?? [], a = t.stacked ? l.flatMap((e) => Object.values(Ne(e, _.length, m.running))) : i.some((e) => e.kind === "up" || e.kind === "down") ? i.flatMap((e) => [e.from, e.to]) : l.flatMap((e) => e.cells.slice(0, _.length).filter((e) => !e.missing).map((e) => e.value)), o = Math.min(0, -W(a.map((e) => -e))), s = Math.max(0, W(a)), c = Number.parseFloat(getComputedStyle(r).fontSize) || 16, { chartScaleY: u, chartScale: d } = t.figure.dataset, f = yt(u ?? d);
+		if (f && f.length > 2) M = {
+			min: f[0],
+			max: f[f.length - 1],
 			step: 0,
-			ticks: m
+			ticks: f
 		};
 		else {
-			let [t, n] = m ?? [o, s], r = et(n - t, Math.max((y ? e / 9 : e * v / 3) / u, 2)), i = (e, t) => m ? e : Number(((t ? Math.ceil : Math.floor)(e / r - 1e-9 * (t ? 1 : -1)) * r).toPrecision(12)), a = i(t, !1), c = i(n, !0);
-			E = {
+			let [t, n] = f ?? [o, s], r = gt(n - t, Math.max((k ? e / 9 : e * O / 3) / c, 2)), i = (e, t) => f ? e : Number(((t ? Math.ceil : Math.floor)(e / r - 1e-9 * (t ? 1 : -1)) * r).toPrecision(12)), a = i(t, !1), l = i(n, !0);
+			M = {
 				min: a,
-				max: c,
+				max: l,
 				step: r,
-				ticks: tt(a, c, r)
+				ticks: _t(a, l, r)
 			};
 		}
-		b.ticks.textContent = "";
-		let h = c.find((e) => !e.missing), g = W(E.ticks.map((e) => ee(String(e))));
-		for (let e of E.ticks) {
-			let t = N(S, b.ticks);
-			t.dataset.value = String(e), t.dataset.place = "none", h?.prefix && (t.dataset.prefix = h.prefix), h?.suffix && (t.dataset.suffix = h.suffix), un(t, g, n.locale);
+		A.ticks.textContent = "";
+		let p = l.find((e) => !e.missing), h = W(M.ticks.map((e) => re(String(e))));
+		for (let e of M.ticks) {
+			let t = I(T, A.ticks);
+			t.dataset.value = String(e), t.dataset.place = "none", p?.prefix && (t.dataset.prefix = p.prefix), p?.suffix && (t.dataset.suffix = p.suffix), zn(t, h, n.locale);
 		}
-		if (b.numbers) {
-			let e = Array.from(b.ticks.children);
+		if (A.numbers) {
+			let e = Array.from(A.ticks.children);
 			for (let t of e) delete t.dataset.place;
-			de(e), y ? r.style.marginBottom = `${(e[0] ? q(e[0]).height : 0) + 6}px` : (r.style.marginLeft = `${W([0, ...e.map((e) => q(e).width)]) + 10}px`, T && (T.style.marginLeft = r.style.marginLeft));
+			pe(e), k ? r.style.marginBottom = `${(e[0] ? J(e[0]).height : 0) + 6}px` : (r.style.marginLeft = `${W([0, ...e.map((e) => J(e).width)]) + 10}px`, j && (j.style.marginLeft = r.style.marginLeft));
 		}
 	}
-	let D = r.clientWidth;
-	if (!D) return !1;
-	let O = w / D, k = w * v;
-	r.classList.add(h);
-	let M = l.numbers === !1 ? u.slice(0, 1) : [...p.flat(), ...t.totals];
-	for (let e of M) delete e.dataset.place;
-	r.style.removeProperty("--_fit"), t.categories[0]?.parentElement?.style.removeProperty("--_beside");
-	let F = l.axes ? t.axes : null, I = [];
-	if (F) {
-		let e = Number.parseFloat(getComputedStyle(r).fontSize) || 16, i = d.flatMap((e, t) => e.group ? [] : [t]).slice(0, 2), a = c.filter((e) => i.every((t) => e.cells[t] && !e.cells[t].missing)), { chartScaleX: o, chartScaleY: s, chartScale: l } = t.figure.dataset, u = [rt(o), rt(s ?? l)];
-		I = i.map((t, n) => it(a.length ? a.map((e) => e.cells[t].value) : [0, 1], Math.max(n ? k / O / (e * 4) : D / (e * 9), 4), u[n])), F.ticks.textContent = "", I.forEach((e, t) => {
-			let r = a[0]?.cells[i[t]], o = W(e.ticks.map((e) => ee(String(e))));
+	let F = r.clientWidth;
+	if (!F) return !1;
+	let R = D / F, z = D * O;
+	r.classList.add(v);
+	let B = m.numbers === !1 ? g.slice(0, 1) : [...y.flat(), ...t.totals];
+	for (let e of B) delete e.dataset.place, e.removeAttribute("data-left-out"), e.removeAttribute("data-cut");
+	r.style.removeProperty("--_fit"), r.toggleAttribute("data-grouped", !!m.groups && !t.stacked && _.filter((e) => !e.chart && !e.group).length > 1), t.categories[0]?.parentElement?.style.removeProperty("--_beside");
+	let V = m.axes ? t.axes : null, ee = [];
+	if (V) {
+		let e = Number.parseFloat(getComputedStyle(r).fontSize) || 16, i = _.flatMap((e, t) => e.group ? [] : [t]).slice(0, 2), a = l.filter((e) => i.every((t) => e.cells[t] && !e.cells[t].missing)), { chartScaleX: o, chartScaleY: s, chartScale: c } = t.figure.dataset, u = [yt(o), yt(s ?? c)];
+		ee = i.map((t, n) => bt(a.length ? a.map((e) => e.cells[t].value) : [0, 1], Math.max(n ? z / R / (e * 4) : F / (e * 9), 4), u[n])), V.ticks.textContent = "", ee.forEach((e, t) => {
+			let r = a[0]?.cells[i[t]], o = W(e.ticks.map((e) => re(String(e))));
 			for (let i of e.ticks) {
-				let e = N(S, F.ticks);
-				e.dataset.axis = t ? "y" : "x", e.dataset.value = String(i), r?.prefix && (e.dataset.prefix = r.prefix), r?.suffix && (e.dataset.suffix = r.suffix), un(e, o, n.locale);
+				let e = I(T, V.ticks);
+				e.dataset.axis = t ? "y" : "x", e.dataset.value = String(i), r?.prefix && (e.dataset.prefix = r.prefix), r?.suffix && (e.dataset.suffix = r.suffix), zn(e, o, n.locale);
 			}
 		});
 	}
-	let L = F ? Array.from(F.ticks.children) : [];
-	de([
-		...p.flat(),
+	let te = V ? Array.from(V.ticks.children) : [];
+	pe([
+		...y.flat(),
 		...t.totals,
-		...m,
+		...b,
 		...t.categories,
-		...g.map((e) => e.badge),
-		...F?.titles ?? [],
-		...L
+		...x.map((e) => e.badge),
+		...V?.titles ?? [],
+		...te
 	]);
-	let R = (u[0] ? q(u[0]).height : 0) * O;
-	l.numbers === !1 && u[0] && (u[0].dataset.place = "none");
-	let V = g[0]?.badge ? q(g[0].badge).height * O : 0, H = Math.max(k, on(t.figure, O, "--tablechart-min-height", "200px") ?? 0, l.minHeight?.({
-		labelHeight: R,
-		nameHeight: Math.max(0, W(t.categories.map((e) => q(e).height))) * O,
-		unit: O,
-		rows: c.length,
-		series: d.length,
-		stacked: t.stacked
-	}) ?? 0), U = t.stacked ? c.map((e) => {
-		let t = ye(e, d.length);
+	let ne = (g[0] ? J(g[0]).height : 0) * R;
+	m.numbers === !1 && g[0] && (g[0].dataset.place = "none");
+	let G = x[0]?.badge ? J(x[0].badge).height * R : 0, K = Math.max(z, jn(t.figure, R, "--tablechart-min-height", "200px") ?? 0, m.minHeight?.({
+		labelHeight: ne,
+		nameHeight: Math.max(0, W(t.categories.map((e) => J(e).height))) * R,
+		unit: R,
+		rows: l.length,
+		series: _.length,
+		stacked: t.stacked,
+		labels: An(t.figure, n, _.some((e) => e.chart))
+	}) ?? 0), ie = t.stacked ? l.map((e) => {
+		let t = Pe(e, _.length);
 		return {
 			...e,
 			value: t,
@@ -1937,185 +2404,246 @@ var Be = (e) => e.map((e) => ({
 				value: t
 			} : e)
 		};
-	}) : c, G = (l.segments ?? ((e) => e.map((e) => ({
+	}) : l, q = (m.segments ?? ((e) => e.map((e) => ({
 		...e,
 		from: 0,
 		to: e.value,
 		kind: "bar"
-	}))))(t.stacked ? U.map((e) => ({
+	}))))(t.stacked ? ie.map((e) => ({
 		...e,
 		cells: [e.cells[0]]
-	})) : c), te = {
-		labelHeight: R,
-		badgeHeight: V,
-		hasAnnotations: g.length > 0,
-		unit: O,
-		series: d.length,
-		focused: d.some((e) => e.focus),
+	})) : l), ae = {
+		labelHeight: ne,
+		badgeHeight: G,
+		hasAnnotations: x.length > 0,
+		unit: R,
+		series: _.length,
+		focused: _.some((e) => e.focus),
 		stacked: t.stacked
-	}, ne = Math.max(((e) => t.stacked ? e(c.map((e) => ve(e, d.length, l.running).top)) : e([...G.flatMap((e) => [
+	}, oe = Math.max(((e) => t.stacked ? e(l.map((e) => Ne(e, _.length, m.running).top)) : e([...q.flatMap((e) => [
 		e.from,
 		e.to,
 		e.value
-	]), ...c.flatMap((e) => e.cells.slice(0, d.length).map((e) => e.value))]))(W), 0), re = G.some((e) => e.kind === "up" || e.kind === "down") ? G.flatMap((e) => [e.from, e.to]) : t.stacked ? c.map((e) => ve(e, d.length, l.running).bottom) : c.flatMap((e) => e.cells.slice(0, d.length).map((e) => e.value)), K = Math.min(-W(re.map((e) => -e)), 0), ie = l.headroom?.(te) ?? R, ae = 2 * O + (l.footroom?.(te) ?? 0) + (K < 0 ? R + 4 * O : 0), oe = H - ie - ae, se = E ? Math.max(E.max, ne) : ne * 1.02, ce = E ? Math.min(E.min, K) : K * 1.02, le = g.find((e) => e.spec.getAttribute("data-annotation") === "axis-break")?.spec, ue = (e) => {
-		let t = Number.parseFloat(le?.getAttribute(e) ?? "");
+	]), ...l.flatMap((e) => e.cells.slice(0, _.length).map((e) => e.value))]))(W), 0), se = q.some((e) => e.kind === "up" || e.kind === "down") ? q.flatMap((e) => [e.from, e.to]) : t.stacked ? l.map((e) => Ne(e, _.length, m.running).bottom) : l.flatMap((e) => e.cells.slice(0, _.length).map((e) => e.value)), ce = Math.min(-W(se.map((e) => -e)), 0), le = _.flatMap((e, t) => e.chart ? [t] : []), ue = l.some((e) => e.note) ? G + 4 * R : 0, de = Math.max(m.headroom?.(ae) ?? ne, le.length ? nt.headroom?.(ae) ?? 0 : 0) + ue, fe = 2 * R + (m.footroom?.(ae) ?? 0) + (ce < 0 ? ne + 4 * R : 0), me = K - de - fe, he = M ? Math.max(M.max, oe) : oe * 1.02, ge = M ? Math.min(M.min, ce) : ce * 1.02, _e = x.find((e) => e.spec.getAttribute("data-annotation") === "axis-break")?.spec, ye = (e) => {
+		let t = Number.parseFloat(_e?.getAttribute(e) ?? "");
 		return Number.isFinite(t) ? t : null;
-	}, fe = ue("data-from") ?? ue("data-at"), pe = ue("data-to"), J = null;
-	if (le && (fe !== null || pe !== null)) {
-		let t = fe ?? 0, n = pe ?? se, r = pe === null ? t : fe === null ? n : (t + n) / 2, i = le.getAttribute("data-size"), a = i?.match(/^\s*(\d+(?:\.\d+)?)\s*%\s*$/);
+	}, be = ye("data-from") ?? ye("data-at"), xe = ye("data-to"), Y = null;
+	if (_e && (be !== null || xe !== null)) {
+		let t = be ?? 0, n = xe ?? he, r = xe === null ? t : be === null ? n : (t + n) / 2, i = _e.getAttribute("data-size"), a = i?.match(/^\s*(\d+(?:\.\d+)?)\s*%\s*$/);
 		i !== null && !a && console.warn(`[${e}] data-size="${i}" is not a percentage, such as 30%. Using the default.`);
-		let o = Math.min(Math.max(a ? Number(a[1]) / 100 : pe === null ? .22 : .3, .05), .8), s = G.filter((e) => (e.kind === "up" || e.kind === "down") && Math.max(e.from, e.to) > t && Math.min(e.from, e.to) < n);
-		l.breakable ? K < 0 ? console.warn(`[${e}] A chart with values below zero cannot break its scale.`) : t < 0 || n <= t || n > se || t === 0 && n === se ? console.warn(`[${e}] A break from ${t} to ${n} does not fit a scale that runs from 0 to ${ne}.`) : s.length ? console.warn(`[${e}] A break from ${t} to ${n} would cut a step that floats. Keep it below or above the steps.`) : J = {
+		let o = Math.min(Math.max(a ? Number(a[1]) / 100 : xe === null ? .22 : .3, .05), .8), s = q.filter((e) => (e.kind === "up" || e.kind === "down") && Math.max(e.from, e.to) > t && Math.min(e.from, e.to) < n);
+		m.breakable ? ce < 0 ? console.warn(`[${e}] A chart with values below zero cannot break its scale.`) : t < 0 || n <= t || n > he || t === 0 && n === he ? console.warn(`[${e}] A break from ${t} to ${n} does not fit a scale that runs from 0 to ${oe}.`) : s.length ? console.warn(`[${e}] A break from ${t} to ${n} would cut a step that floats. Keep it below or above the steps.`) : Y = {
 			lo: t,
 			hi: n,
 			gap: r,
 			share: o
 		} : console.warn(`[${e}] This kind of chart cannot break its scale.`);
 	}
-	let me = J ? J.gap : null, he = (J && on(t.figure, O, "--tablechart-break-gap", "")) ?? 13, ge = H - ae, _e = se - ce || 1, Y = (e) => ge - (e - ce) / _e * oe;
-	if (J) {
-		let { lo: e, hi: t, gap: n, share: r } = J, i = oe * r, a = (oe - i - he) / (e + (se - t)), o = i / (t - e);
-		Y = (r) => r <= e ? ge - r * a : r <= n ? ge - e * a - (r - e) * o : r <= t ? ge - e * a - (r - e) * o - he : ge - e * a - i - he - (r - t) * a;
+	let we = Y ? Y.gap : null, Te = (Y && jn(t.figure, R, "--tablechart-break-gap", "")) ?? 13, Ee = K - fe, De = he - ge || 1, Oe = (e) => Ee - (e - ge) / De * me;
+	if (Y) {
+		let { lo: e, hi: t, gap: n, share: r } = Y, i = me * r, a = (me - i - Te) / (e + (he - t)), o = i / (t - e);
+		Oe = (r) => r <= e ? Ee - r * a : r <= n ? Ee - e * a - (r - e) * o : r <= t ? Ee - e * a - (r - e) * o - Te : Ee - e * a - i - Te - (r - t) * a;
 	}
-	let be, xe, Se = [];
-	if (F) {
-		let e = 6 * O, [t, n] = F.titles, r = (e) => e ? q(e).width * O : 0, i = (e) => e ? q(e).height * O : 0, a = L.filter((e) => e.dataset.axis === "x"), o = L.filter((e) => e.dataset.axis === "y"), s = i(L[0]), c = r(n) + W([0, ...o.map(r)]) + 2 * e, l = s / 2;
-		xe = [
+	let ke, Ae, je = [];
+	if (V) {
+		let e = 6 * R, [t, n] = V.titles, r = (e) => e ? J(e).width * R : 0, i = (e) => e ? J(e).height * R : 0, a = te.filter((e) => e.dataset.axis === "x"), o = te.filter((e) => e.dataset.axis === "y"), s = i(te[0]), c = r(n) + W([0, ...o.map(r)]) + 2 * e, l = s / 2;
+		Ae = [
 			c,
 			l,
-			w - c - W([0, ...a.map(r)]) / 2,
-			H - l - i(t) - s - 2 * e
+			D - c - W([0, ...a.map(r)]) / 2,
+			K - l - i(t) - s - 2 * e
 		];
-		let [u, d, f, p] = xe, [m, h] = I, g = (e) => u + (e - m.min) / (m.max - m.min || 1) * f, _ = (e) => d + p - (e - h.min) / (h.max - h.min || 1) * p;
-		be = g, Y = _;
+		let [u, d, f, p] = Ae, [m, h] = ee, g = (e) => u + (e - m.min) / (m.max - m.min || 1) * f, _ = (e) => d + p - (e - h.min) / (h.max - h.min || 1) * p;
+		ke = g, Oe = _;
 		let v = (e) => r(a.find((t) => Number(t.dataset.value) === e));
-		Se = [at(m, (t) => t.every((n, r) => !r || g(n) - g(t[r - 1]) > (v(n) + v(t[r - 1])) / 2 + e)).ticks, at(h, (t) => t.every((n, r) => !r || _(t[r - 1]) - _(n) > s + e / 2)).ticks];
-		for (let t of L) {
-			let n = Number(t.dataset.value), r = t.dataset.axis === "x" ? 0 : 1, i = Se[r].includes(n);
-			t.dataset.place = i ? r ? "before" : "below" : "none", i && P(t, r ? u - e : g(n), r ? _(n) : d + p + e, w, H);
+		je = [xt(m, (t) => t.every((n, r) => !r || g(n) - g(t[r - 1]) > (v(n) + v(t[r - 1])) / 2 + e)).ticks, xt(h, (t) => t.every((n, r) => !r || _(t[r - 1]) - _(n) > s + e / 2)).ticks];
+		for (let t of te) {
+			let n = Number(t.dataset.value), r = t.dataset.axis === "x" ? 0 : 1, i = je[r].includes(n);
+			t.dataset.place = i ? r ? "before" : "below" : "none", i && L(t, r ? u - e : g(n), r ? _(n) : d + p + e, D, K);
 		}
-		t && P(t, u + f / 2, H - i(t), w, H), n && P(n, 0, d + p / 2, w, H);
+		t && L(t, u + f / 2, K - i(t), D, K), n && L(n, 0, d + p / 2, D, K);
 	}
-	let Ce = m.length ? W(m.map((e) => q(e).width)) * O + 12 * O : 0, we = t.categories[0]?.parentElement;
-	we && (we.style.paddingRight = Ce ? `${Ce / w * 100}%` : "");
-	let Te = (w - Ce) / c.length, De = (e) => (e + .5) * Te, Oe = (e) => e >= 0 && e < c.length ? e : null;
-	t.rowAt = l.centre ? null : l.categories === "beside" ? (e, t) => Oe(Math.floor(t * O / (H / c.length))) : (e) => Oe(Math.floor(e * O / Te));
-	let ke = Te / w * 100, Ae = 100 / c.length;
-	if (t.rowBox = l.categories === "beside" ? (e) => [
+	let Me = b.length ? W(b.map((e) => J(e).width)) * R + 12 * R : 0, Fe = t.categories[0]?.parentElement;
+	Fe && (Fe.style.paddingRight = Me ? `${Me / D * 100}%` : "");
+	let Ie = (D - Me) / l.length, Le = (e) => (e + .5) * Ie, Re = (e) => e >= 0 && e < l.length ? e : null;
+	t.rowAt = m.centre ? null : m.categories === "beside" ? (e, t) => Re(Math.floor(t * R / (K / l.length))) : (e) => Re(Math.floor(e * R / Ie));
+	let ze = Ie / D * 100, Be = 100 / l.length;
+	if (t.rowBox = m.categories === "beside" ? (e) => [
 		0,
-		e * Ae,
+		e * Be,
 		100,
-		Ae
+		Be
 	] : (e) => [
-		e * ke,
+		e * ze,
 		0,
-		ke,
+		ze,
 		100
-	], i.setAttribute("viewBox", `0 0 ${w} ${A(H)}`), i.textContent = "", xe && be) {
-		let [e, r, a, o] = xe, [s, c] = Se, l = be;
-		qt(t.figure, "data-chart-grid", n.grid) && i.appendChild(j("path", {
-			class: C,
-			d: [...s.map((e) => `M${A(l(e))},${A(r)}V${A(r + o)}`), ...c.map((t) => `M${A(e)},${A(Y(t))}H${A(e + a)}`)].join("")
-		})), i.appendChild(j("path", {
-			class: x,
+	], i.setAttribute("viewBox", `0 0 ${D} ${N(K)}`), i.textContent = "", Ae && ke) {
+		let [e, r, a, o] = Ae, [s, c] = je, l = ke;
+		vn(t.figure, "data-chart-grid", n.grid) && i.appendChild(P("path", {
+			class: E,
+			d: [...s.map((e) => `M${N(l(e))},${N(r)}V${N(r + o)}`), ...c.map((t) => `M${N(e)},${N(Oe(t))}H${N(e + a)}`)].join("")
+		})), i.appendChild(P("path", {
+			class: w,
 			d: [
-				`M${A(e)},${A(r)}V${A(r + o)}H${A(e + a)}`,
-				...s.map((e) => `M${A(l(e))},${A(r + o)}v${A(4 * O)}`),
-				...c.map((t) => `M${A(e)},${A(Y(t))}h${A(-4 * O)}`)
+				`M${N(e)},${N(r)}V${N(r + o)}H${N(e + a)}`,
+				...s.map((e) => `M${N(l(e))},${N(r + o)}v${N(4 * R)}`),
+				...c.map((t) => `M${N(e)},${N(Oe(t))}h${N(-4 * R)}`)
 			].join("")
 		}));
 	}
 	t.checks = [];
-	let je = {
-		rows: c,
-		segments: G,
-		cx: De,
-		y: Y,
-		x: be,
-		frame: xe,
-		length: (e, n) => on(t.figure, O, e, n),
-		barWidth: Math.min(Te * n.barfill, sn(t.figure, O)),
-		barMax: sn(t.figure, O),
-		height: H,
-		unit: O,
-		labelHeight: R,
-		badgeHeight: V,
-		after: c.length,
+	let Ve = {
+		rows: l,
+		segments: q,
+		cx: Le,
+		y: Oe,
+		x: ke,
+		frame: Ae,
+		length: (e, n) => jn(t.figure, R, e, n),
+		barWidth: Math.min(Ie * n.barfill, Mn(t.figure, R)),
+		barMax: Mn(t.figure, R),
+		height: K,
+		unit: R,
+		labelHeight: ne,
+		badgeHeight: G,
+		after: l.length,
 		note: 0,
-		labels: t.figure.dataset.chartLabels === "inside" || t.figure.dataset.chartLabels !== "outside" && n.labels === "inside" ? "inside" : "outside",
-		insideAlign: an(t.figure),
-		breakAt: me,
-		squeeze: J,
-		breakGap: he,
-		domain: E ? [E.min, E.max] : null,
+		labels: An(t.figure, n, le.length > 0),
+		insideAlign: kn(t.figure),
+		breakAt: we,
+		squeeze: Y,
+		breakGap: Te,
+		domain: M ? [M.min, M.max] : null,
 		stacked: t.stacked,
-		shape: Yt(t.figure, n),
+		shape: bn(t.figure, n),
+		pick: Fn(t.figure, n),
 		totals: t.totals,
 		svg: i,
 		plot: r,
-		values: u,
-		series: d,
-		seriesValues: p,
-		names: m,
+		values: g,
+		series: _,
+		own: _.map((e, t) => t),
+		seriesValues: y,
+		names: b,
 		categories: t.categories,
 		centre: t.centre,
 		config: n,
 		checks: t.checks,
-		taken: []
+		taken: [],
+		lineHoles: []
+	};
+	r.style.setProperty("--count", String(Math.max(1, ...l.map((e) => e.slot + 1))));
+	let He = (e) => {
+		let t = (t) => ({
+			...t,
+			...t.cells[e] ?? t.cells[0]
+		});
+		return {
+			rows: l.map(t),
+			segments: q.map((e) => {
+				let n = t(e);
+				return e.kind === "bar" ? {
+					...n,
+					to: n.value
+				} : n;
+			}),
+			values: y[e]
+		};
 	};
-	if (r.style.setProperty("--count", String(Math.max(1, ...c.map((e) => e.slot + 1)))), l.draw(je), je.rowAt && (t.rowAt = je.rowAt), b && E) {
-		let e = 6 * O, r = y && je.x ? je.x : Y, a = Array.from(b.ticks.children), o = (e) => q(a.find((t) => Number(t.dataset.value) === e) ?? a[0]), s = at(E, (t) => t.every((n, i) => !i || (y ? r(n) - r(t[i - 1]) > (o(n).width + o(t[i - 1]).width) / 2 * O + e : r(t[i - 1]) - r(n) > o(n).height * O + e / 2))).ticks.filter((e) => !J || e <= J.lo || e >= J.hi);
+	if (le.length) {
+		let e = _.flatMap((e, t) => e.chart ? [] : [t]);
+		m.draw({
+			...Ve,
+			own: e,
+			...e.length === 1 && He(e[0])
+		}), nt.draw({
+			...Ve,
+			own: le
+		});
+	} else m.draw(Ve);
+	Ve.rowAt && (t.rowAt = Ve.rowAt), t.pointOf = Ve.pointOf ?? null;
+	let Ue = Number(r.style.getPropertyValue("--count")) || l.length;
+	for (let e of t.figure.querySelectorAll(`.${f}`)) e.style.setProperty("--i", String(Math.min(l[l.length - 1].slot, Ue - 1)));
+	if (!t.stacked && !r.hasAttribute("data-grouped")) for (let e of y) Se(e, R, D), Ce(e, R, D, K);
+	if (A && M) {
+		let e = 6 * R, r = k && Ve.x ? Ve.x : Oe, a = Array.from(A.ticks.children), o = (e) => J(a.find((t) => Number(t.dataset.value) === e) ?? a[0]), s = xt(M, (t) => t.every((n, i) => !i || (k ? r(n) - r(t[i - 1]) > (o(n).width + o(t[i - 1]).width) / 2 * R + e : r(t[i - 1]) - r(n) > o(n).height * R + e / 2))).ticks.filter((e) => !Y || e <= Y.lo || e >= Y.hi);
 		for (let t of a) {
-			let n = Number(t.dataset.value), i = b.numbers && s.includes(n);
-			t.dataset.place = i ? y ? "below" : "before" : "none", i && P(t, y ? r(n) : -e, y ? H + e : r(n), w, H);
+			let n = Number(t.dataset.value), i = A.numbers && s.includes(n);
+			t.dataset.place = i ? k ? "below" : "before" : "none", i && L(t, k ? r(n) : -e, k ? K + e : r(n), D, K);
 		}
-		let c = w - Ce;
-		qt(t.figure, "data-chart-grid", n.grid) && i.prepend(j("path", {
-			class: C,
-			d: s.map((e) => y ? `M${A(r(e))},0V${A(H)}` : `M0,${A(r(e))}H${A(c)}`).join("")
-		})), b.numbers && i.appendChild(j("path", {
-			class: x,
-			d: [y ? `M${A(r(E.min))},${A(H)}H${A(r(E.max))}` : `M0,${A(r(E.max))}V${A(r(E.min))}`, ...s.map((e) => y ? `M${A(r(e))},${A(H)}v${A(4 * O)}` : `M0,${A(r(e))}h${A(-4 * O)}`)].join("")
+		let c = D - Me;
+		vn(t.figure, "data-chart-grid", n.grid) && i.prepend(P("path", {
+			class: E,
+			d: s.map((e) => k ? `M${N(r(e))},0V${N(K)}` : `M0,${N(r(e))}H${N(c)}`).join("")
+		})), A.numbers && i.appendChild(P("path", {
+			class: w,
+			d: [k ? `M${N(r(M.min))},${N(K)}H${N(r(M.max))}` : `M0,${N(r(M.max))}V${N(r(M.min))}`, ...s.map((e) => k ? `M${N(r(e))},${N(K)}v${N(4 * R)}` : `M0,${N(r(e))}h${N(-4 * R)}`)].join("")
 		}));
 	}
-	for (let [e, n] of g.entries()) {
+	for (let [e, n] of x.entries()) {
 		n.badge?.setAttribute("data-note", String(e + 1));
-		let i = n.series, a = (e) => ({
-			...e,
-			...e.cells[i] ?? e.cells[0]
-		});
+		let i = n.series;
 		n.type.draw(n.spec, n.badge, {
-			...je,
+			...Ve,
 			...t.stacked && {
-				rows: U,
+				rows: ie,
 				...t.totals.length && { values: t.totals }
 			},
-			...i > 0 && !t.stacked && {
-				rows: c.map(a),
-				segments: G.map((e) => {
-					let t = a(e);
-					return e.kind === "bar" ? {
-						...t,
-						to: t.value
-					} : t;
-				}),
-				values: p[i]
-			},
+			...i > 0 && !t.stacked && He(i),
 			after: t.plan ? n.after : Math.min(n.after, Number(r.style.getPropertyValue("--count")) || n.after),
 			note: e + 1
 		});
 	}
-	lt(t);
-	let Me = t.categories[0]?.parentElement;
-	Me && l.categories !== "beside" && !l.centre && Ee(Me, t.categories.filter((e) => e.offsetParent !== null), (e) => ({
-		size: e.scrollWidth,
-		room: e.clientWidth
-	}), "--_name-fit");
-	let Ne = g.flatMap(({ badge: e }) => {
+	Mt(t);
+	for (let e of t.figure.querySelectorAll(`.${p}`)) {
+		let n = Array.from(e.children);
+		if (t.plan) for (let e of n) e.style.getPropertyValue("--step") || e.style.setProperty("--i", "0");
+		let r = n.map((e) => Number.parseFloat(e.style.getPropertyValue("--step")));
+		e.style.setProperty("--i", String(Math.min(...n.map((e) => Number(e.style.getPropertyValue("--i")) || 0)))), r.length && r.every(Number.isFinite) ? e.style.setProperty("--step", String(Math.min(...r))) : e.style.removeProperty("--step");
+	}
+	let X = t.categories[0]?.parentElement;
+	if (X && m.categories !== "beside" && !m.centre) {
+		X.style.height = `${X.offsetHeight}px`, X.removeAttribute("data-thinned");
+		for (let e of t.categories) e.removeAttribute("data-left-out"), e.removeAttribute("data-edge");
+		let e = t.categories.filter((e) => e.offsetParent !== null);
+		if (!ve(X, e, (e) => ({
+			size: e.scrollWidth,
+			room: e.clientWidth
+		}), "--_name-fit") && e.length > 1) {
+			let t = getComputedStyle(X), n = (X.clientWidth - Number.parseFloat(t.paddingLeft) - Number.parseFloat(t.paddingRight)) / l.length;
+			X.style.setProperty("--_name-fit", "1"), X.setAttribute("data-thinned", "");
+			let r = W(e.map((e) => e.offsetWidth)), i = Math.max(Math.ceil((r + 8) / n), Math.ceil((1.5 * r + 8) / n - .5), 1);
+			e.forEach((e, t) => {
+				t % i && e.setAttribute("data-left-out", "");
+			});
+			let a = e.filter((e) => !e.hasAttribute("data-left-out")), o = a[0], s = a.at(-1), c = X.getBoundingClientRect(), u = [o, s].map((e) => e?.getBoundingClientRect());
+			if (o && u[0] && u[0].left < c.left && o.setAttribute("data-edge", "start"), s && s !== o && u[1] && u[1].right > c.right - Number.parseFloat(t.paddingRight)) {
+				s.setAttribute("data-edge", "end");
+				let e = a.at(-2);
+				e && e.getBoundingClientRect().right + 8 > s.getBoundingClientRect().left && s.setAttribute("data-left-out", "");
+			}
+		}
+		let r = (m === nt || m === rt) && vn(t.figure, "data-chart-ticks", n.ticks);
+		if (X.toggleAttribute("data-ticks", r), X.style.removeProperty("--_tick-reach"), r) {
+			let e = K - Number(i.querySelector(".tablechart-rule")?.getAttribute("y1") ?? K);
+			e > 0 && e < 10 * R && X.style.setProperty("--_tick-reach", `${N(e / R)}px`);
+			let n = X.getBoundingClientRect(), r = n.width / (X.offsetWidth || 1), a = getComputedStyle(X), o = Number.parseFloat(a.paddingLeft), s = (X.clientWidth - o - Number.parseFloat(a.paddingRight)) / l.length;
+			t.categories.forEach((e, t) => {
+				if (e.hasAttribute("data-left-out")) e.style.removeProperty("--_tick");
+				else {
+					let i = (e.getBoundingClientRect().left - n.left) / r - X.clientLeft;
+					e.style.setProperty("--_tick", `${N(o + (t + .5) * s - i)}px`);
+				}
+			});
+		}
+		X.style.height = "";
+	}
+	let We = x.flatMap(({ badge: e }) => {
 		if (!(e instanceof HTMLElement) || !e.offsetWidth) return [];
-		let t = e.offsetWidth * O, n = e.offsetHeight * O, r = Number.parseFloat(e.style.left) / 100 * w, i = Number.parseFloat(e.style.top) / 100 * H, a = getComputedStyle(e).borderTopLeftRadius, o = a.endsWith("%") ? Number.parseFloat(a) / 100 : null, s = (Number.parseFloat(a) || 0) * O;
-		return [j("rect", {
-			class: f,
+		let t = e.offsetWidth * R, n = e.offsetHeight * R, r = Number.parseFloat(e.style.left) / 100 * D, i = Number.parseFloat(e.style.top) / 100 * K, a = getComputedStyle(e).borderTopLeftRadius, o = a.endsWith("%") ? Number.parseFloat(a) / 100 : null, s = (Number.parseFloat(a) || 0) * R;
+		return [P("rect", {
+			class: h,
 			"data-for": "badge",
 			"data-note": e.dataset.note ?? "",
 			x: r - t / 2,
@@ -2126,99 +2654,163 @@ var Be = (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("; ")
 		})];
-	}), Pe = i.querySelector(`.${C}`), Fe = Array.from(i.querySelectorAll(`.${o}`));
-	if (Pe || Fe.length) {
-		let e = r.getBoundingClientRect(), n = w / e.width, a = getComputedStyle(r), o = Number.parseFloat(a.lineHeight) / Number.parseFloat(a.fontSize) || 1.2, s = [
-			...p.flat(),
+	}), Z = i.querySelector(`.${E}`), Ge = Array.from(i.querySelectorAll(`.${o}`)), Ke = [...Z ? [Z] : [], ...i.querySelectorAll(`:scope > .${s}`)], qe = Nn(r, R), Je = t.figure.getAttribute("data-animate") === "grow", Ye = y.flat().filter((e) => e.hasAttribute("data-cut")).flatMap(qe), Xe = [...le.flatMap((e) => y[e].flatMap(qe)), ...Je ? Ye : []];
+	if (Ke.length || Ge.length) {
+		let e = [
+			...y.flat(),
 			...t.totals,
-			...l.categories === "beside" ? t.categories : []
-		].flatMap((t) => {
-			if (t.dataset.place === "none" || t.hidden || t.hasAttribute("data-left-out")) return [];
-			let r = t.getBoundingClientRect(), i = r.height * n / o, a = Array.from(t.style).filter((e) => e.startsWith("--")).map((e) => `${e}:${t.style.getPropertyValue(e)}`);
-			return r.width ? [j("rect", {
-				class: f,
-				"data-for": "text",
-				x: (r.left - e.left) * n - 3 * O,
-				y: (r.top - e.top) * n + (r.height * n - i) / 2 - O,
-				width: r.width * n + 6 * O,
-				height: i + 2 * O,
-				style: a.join("; ")
-			})] : [];
-		}), c = (e) => [
+			...m.categories === "beside" ? t.categories : []
+		].flatMap(qe), n = (e) => [
 			"x",
 			"y",
 			"width",
 			"height"
 		].map((t) => Number(e.getAttribute(t)));
-		for (let e of Fe) Wt(e, [...s, ...Ne].map(c));
-		if (Pe && t.plan) B(i, s, w, H, [Pe]);
-		else if (Pe) {
-			let e = [...s, ...Ne], t = Gt(Pe);
-			Pe.setAttribute("d", t.map(([t, n, r, i]) => Ut(t, n, r, i, e.map(c))).join(""));
-			for (let n of e) {
-				let e = Kt(t, c(n)), r = n.dataset.for === "badge" ? "badge" : "";
-				e && Pe.after(j("path", {
-					class: C,
-					"data-gap": r,
-					d: e,
-					style: n.getAttribute("style") ?? ""
+		for (let t of Ge) hn(t, [...e, ...We].map(n));
+		if (Ke.length && t.plan) U(i, e, D, K, Ke);
+		else for (let t of Ke) {
+			let r = [...e, ...We], i = gn(t);
+			t.setAttribute("d", i.map(([e, t, i, a]) => mn(e, t, i, a, r.map(n))).join(""));
+			for (let e of r) {
+				let r = _n(i, n(e)), a = e.dataset.for === "badge" ? "badge" : "";
+				r && t.after(P("path", {
+					class: t.getAttribute("class") ?? "tablechart-grid",
+					"data-gap": a,
+					d: r,
+					style: e.getAttribute("style") ?? ""
 				}));
 			}
 		}
 	}
-	z(i, Ne, w, H, Array.from(i.querySelectorAll(`.${a}, .${s}`))), B(i, Ne, w, H, void 0, [
+	if (H(i, We, D, K, Array.from(i.querySelectorAll(`.${a}, .${c}`))), !Je && (Ve.lineHoles.length || Ye.length)) {
+		let e = Array.from(i.querySelectorAll(`.${u}`)).map((e) => {
+			let t = P("g", {});
+			return e.before(t), t.append(e), t;
+		});
+		H(i, [...Ve.lineHoles, ...Ye], D, K, [...e, ...i.querySelectorAll(`.${d}`)]);
+	}
+	let Ze = [
 		o,
-		a,
 		s,
-		...t.plan ? [] : [C]
-	].map((e) => `.${e}`).join(", ")), t.figure.hasAttribute("data-animate") && !t.figure.hasAttribute("data-steps") && !t.figure.classList.contains("is-shown") && mn(i);
-	let X = (e) => e.dataset.missing !== void 0 || l.centre && c[Number(e.dataset.row) - 1]?.isTotal, Ie = (e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out"), Le = (e, t) => {
+		a,
+		c,
+		...t.plan ? [] : [E]
+	];
+	U(i, [...We, ...Xe], D, K, void 0, Ze.map((e) => `.${e}`).join(", ")), t.figure.hasAttribute("data-animate") && !t.figure.hasAttribute("data-steps") && !t.figure.classList.contains("is-shown") && Un(i);
+	let Qe = (e) => e.dataset.missing !== void 0 || m.centre && l[Number(e.dataset.row) - 1]?.isTotal, $e = (e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out"), et = (e, t) => {
 		let n = Number(e.dataset.row);
-		return t.some((e) => Ie(e) && Number(e.dataset.row) <= n && n <= Number(e.dataset.rowEnd ?? e.dataset.row));
+		return t.some((e) => $e(e) && Number(e.dataset.row) <= n && n <= Number(e.dataset.rowEnd ?? e.dataset.row));
 	};
-	return t.figure.toggleAttribute("data-left-out", (l.columns ? [t.categories] : [...p, t.totals]).some((e) => e.some((t) => !X(t) && !Ie(t) && !Le(t, e)))), !0;
-}, ln = (e, t) => {
+	return t.figure.toggleAttribute("data-left-out", (m.columns ? [t.categories] : [...y, t.totals]).some((e) => e.some((t) => !Qe(t) && !$e(t) && !et(t, e)))), Ot(t.figure), !0;
+}, Rn = (e, t) => {
 	let n = [
 		...e.seriesValues.flat(),
 		...e.totals,
 		...e.totalCell ? [e.totalCell] : []
 	];
-	for (let r of e.centre ? [...n, e.centre] : n) r.dataset.missing === void 0 ? un(r, r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale) : r.textContent = r.dataset.missing;
-}, un = (e, t, n) => {
-	let { prefix: r = "", suffix: i = "" } = e.dataset, [a, o] = te(Number.parseFloat(e.dataset.value || "0"), t, n);
+	for (let r of e.centre ? [...n, e.centre] : n) r.dataset.missing === void 0 ? zn(r, r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale) : r.textContent = r.dataset.missing;
+}, zn = (e, t, n) => {
+	let { prefix: r = "", suffix: i = "" } = e.dataset, [a, o] = K(Number.parseFloat(e.dataset.value || "0"), t, n);
 	if (e.textContent = r + (r ? a : "") + o + i, a && !r) {
 		let t = document.createElement("span");
 		t.className = "tablechart-minus", t.textContent = a, e.prepend(t);
 	}
-}, dn = (e) => {
-	It(e), e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${u}`)?.remove(), e.controls?.remove();
-}, fn = (e, t, n = !1) => {
-	!t && !e.figure.hasAttribute("data-steps") && mn(e.svg), n ? (e.figure.classList.add(y), e.figure.classList.toggle(_, t), e.figure.offsetWidth, t && hn(e.svg), requestAnimationFrame(() => e.figure.classList.remove(y))) : (e.figure.classList.toggle(_, t), t && requestAnimationFrame(() => requestAnimationFrame(() => pn(e.figure, e.svg))));
-}, pn = (e, t) => {
-	e.classList.contains("is-shown") && Array.from(t.querySelectorAll("[data-mask]")).every((e) => !e.getAnimations({ subtree: !0 }).length) && hn(t);
-}, mn = (e) => {
+}, Bn = (e) => {
+	sn(e), e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${p}`)?.remove(), e.controls?.remove();
+}, Vn = (e, t, n = !1) => {
+	!t && !e.figure.hasAttribute("data-steps") && Un(e.svg), n ? (e.figure.classList.add(S), e.figure.classList.toggle(b, t), e.figure.offsetWidth, t && Wn(e.svg), requestAnimationFrame(() => e.figure.classList.remove(S))) : (e.figure.classList.toggle(b, t), t && requestAnimationFrame(() => requestAnimationFrame(() => Hn(e.figure, e.svg))));
+}, Hn = (e, t) => {
+	e.classList.contains("is-shown") && Array.from(t.querySelectorAll("[data-mask]")).every((e) => !e.getAnimations({ subtree: !0 }).length) && Wn(t);
+}, Un = (e) => {
 	for (let t of e.querySelectorAll("[mask^=\"url(#tablechart-cut-\"]")) t.dataset.mask = t.getAttribute("mask") ?? "", t.removeAttribute("mask");
-}, hn = (e) => {
+}, Wn = (e) => {
 	for (let t of e.querySelectorAll("[data-mask]")) t.setAttribute("mask", t.dataset.mask ?? ""), t.removeAttribute("data-mask");
-}, gn = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), _n = /^\s*(?:Table)?:\s+/, vn = (e) => e?.tagName === "P" && _n.test(e.textContent ?? ""), yn = (e) => {
+}, Gn = 3, Kn = (t) => {
+	let n = Et(t), r = Array.from(t.querySelectorAll("table thead tr:first-child > *")).map((e) => (e.textContent ?? "").trim()), i = Array.from(t.querySelectorAll("tbody tr > :first-child")).map((e) => (e.textContent ?? "").trim()), a = [
+		[
+			".tablechart-series",
+			"Line",
+			(e) => getComputedStyle(e).stroke
+		],
+		[
+			".tablechart-slice",
+			"Slice",
+			(e) => getComputedStyle(e).stroke
+		],
+		[
+			".tablechart-bar, .tablechart-piece",
+			"Bar",
+			(e) => getComputedStyle(e).fill
+		]
+	], o = /* @__PURE__ */ new Map();
+	for (let [e, s, c] of a) {
+		let a = Array.from(t.querySelectorAll(`${e}:not([data-muted])`));
+		for (let e of a) {
+			let t = c(e), [l, u, d, f] = Ct(t), p = Tt([
+				l,
+				u,
+				d
+			].map((e, t) => e * f + n[t] * (1 - f)), n);
+			if (p >= Gn) continue;
+			let m = e.getAttribute("data-series"), h = i[Number(e.getAttribute("data-row") ?? 0) - 1] ?? "", g = s === "Slice" ? "" : m ? r[Number(m)] : "", _ = `${s}|${g}|${t}`, v = o.get(_) ?? {
+				kind: s,
+				column: g,
+				rows: /* @__PURE__ */ new Set(),
+				all: 0,
+				contrast: p
+			};
+			v.rows.add(h), v.all = a.filter((e) => e.getAttribute("data-series") === m).length, o.set(_, v);
+		}
+	}
+	for (let { kind: n, column: r, rows: i, all: a, contrast: s } of o.values()) {
+		let o = Array.from(i).filter(Boolean).map((e) => `"${e}"`), c = o.join(", "), l = o.length > 1, u = n === "Line" ? r ? `Line "${r}" has` : "The line has" : n === "Slice" ? `${l ? "Slices" : "Slice"} ${c} ${l ? "have" : "has"}` : i.size >= a || !c ? `The bars${r ? ` of column "${r}"` : ""} have` : `${l ? "Bars" : "Bar"} ${c}${r ? ` in column "${r}"` : ""} ${l ? "have" : "has"}`;
+		console.warn(`[${e}] ${u} a contrast of ${(Math.floor(s * 100) / 100).toFixed(2)}:1 with the background. It needs at least ${Gn}:1 (WCAG 1.4.11).`, t);
+	}
+}, qn = 4.5, Jn = 3, Yn = (t) => {
+	let n = () => {
+		let n = Array.from(t.querySelectorAll("tbody tr > :first-child")).map((e) => (e.textContent ?? "").trim()), r = /* @__PURE__ */ new Map();
+		for (let e of t.querySelectorAll(".tablechart-value[data-place='inside'], .tablechart-value[data-place='middle']")) {
+			if (e.hasAttribute("data-left-out") || e.hidden) continue;
+			let i = e.dataset.row, a = Dt(t, e);
+			if (!a) continue;
+			let o = getComputedStyle(e), s = getComputedStyle(a).fill, c = Tt(Ct(o.color), Ct(s)), l = Number.parseFloat(o.fontSize), u = l >= 24 || l >= 18.66 && Number(o.fontWeight) >= 700 ? Jn : qn;
+			if (c >= u) continue;
+			let d = `${o.color}|${s}`, f = r.get(d) ?? {
+				names: [],
+				contrast: c,
+				needed: u
+			};
+			f.names.push(`"${e.textContent?.trim()}" (${n[Number(i) - 1] ?? ""})`), r.set(d, f);
+		}
+		for (let { names: n, contrast: i, needed: a } of r.values()) console.warn(`[${e}] ${n.length > 1 ? "Numbers" : "Number"} ${n.join(", ")} inside ${n.length > 1 ? "their bars have" : "its bar has"} a contrast of ${(Math.floor(i * 100) / 100).toFixed(2)}:1 with the bar. Text needs at least ${a}:1 (WCAG 1.4.3).`, t);
+	}, r = () => setTimeout(n, 3e3);
+	if (t.classList.contains("is-shown")) return void r();
+	let i = new MutationObserver(() => {
+		t.classList.contains("is-shown") && (i.disconnect(), r());
+	});
+	i.observe(t, {
+		attributes: !0,
+		attributeFilter: ["class"]
+	});
+}, Xn = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), Zn = /^\s*(?:Table)?:\s+/, Qn = (e) => e?.tagName === "P" && Zn.test(e.textContent ?? ""), $n = (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(_n, ""), n.textContent || n.remove());
+	n?.nodeType === Node.TEXT_NODE && (n.textContent = (n.textContent ?? "").replace(Zn, ""), 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;
-}, bn = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, xn = (e) => {
-	let t = kn(e);
+}, er = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, tr = (e) => {
+	let t = lr(e);
 	return t?.tagName === "P" ? t : e;
-}, Sn = (e) => {
-	let t = xn(e).firstChild;
+}, nr = (e) => {
+	let t = tr(e).firstChild;
 	if (t?.nodeType !== Node.TEXT_NODE) return null;
-	let n = bn.exec(t.textContent ?? "");
-	if (!n || !Bt.includes(n[1]) || !n[3] && t.nextSibling) return null;
+	let n = er.exec(t.textContent ?? "");
+	if (!n || !dn.includes(n[1]) || !n[3] && t.nextSibling) return null;
 	let r = n[2].trim().split(/\s+/).filter(Boolean).map((e) => e.split("="));
 	return {
 		name: n[1],
@@ -2226,11 +2818,11 @@ var Be = (e) => e.map((e) => ({
 		text: t,
 		length: n[0].length
 	};
-}, Cn = (e) => {
+}, rr = (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 : Sn(e));
+	let t = Array.from(e.children), n = t.map((e) => e.hasAttribute("data-annotation") ? null : nr(e));
 	return !t.length || t.some((e, t) => !n[t] && !e.hasAttribute("data-annotation")) ? null : (t.forEach((e, t) => {
-		let r = n[t], i = xn(e);
+		let r = n[t], i = tr(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);
@@ -2241,20 +2833,21 @@ var Be = (e) => e.map((e) => ({
 			t === 0 && e instanceof HTMLElement && e.matches("em, i") ? (n.className = "tablechart-caption", n.append(...e.childNodes), e.replaceWith(n)) : e.nodeType === Node.TEXT_NODE && (n.textContent = (e.textContent ?? "").trim(), e.replaceWith(n));
 		});
 	}), e.classList.add("chart-annotations"), e);
-}, wn = (e, t) => {
-	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || gn(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
-}, Tn = (e) => e.map((e) => {
-	let t = e.closest("p"), n = vn(t) ? t : e;
+}, ir = (e, t) => {
+	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || Xn(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
+}, ar = (e) => e.map((e) => {
+	let t = e.closest("p"), n = Qn(t) ? t : e;
 	if (n.tagName !== "TABLE" && n.tagName !== "P") return n;
 	let r = document.createElement("figure");
-	wn(e, r), e.classList.length || e.removeAttribute("class");
-	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? vn(a) ? a : vn(o) ? o : null : n;
+	ir(e, r), e.classList.length || e.removeAttribute("class");
+	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? Qn(a) ? a : Qn(o) ? o : null : n;
 	i && s === o && (o = o?.nextElementSibling ?? null);
-	let c = o?.classList.contains("chart-annotations") ? o : Cn(o);
-	return n.replaceWith(r), s && r.append(yn(s)), i && r.append(i), c && r.append(c), Z?.log?.(`A ${i ? "table" : "caption"} with chart attributes was wrapped in a figure of its own`), r;
-}), En = (e, t, n, r = document.createElement("table")) => {
+	let c = o?.classList.contains("chart-annotations") ? o : rr(o);
+	return n.replaceWith(r), s && r.append($n(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;
+}), or = (e, t, n, r = document.createElement("table"), i = "Note") => {
 	for (let e of r.querySelectorAll(":scope > tbody, :scope > tfoot, :scope > tr")) e.remove();
-	if (!r.tHead && (t.length || n)) {
+	let a = e.some((e) => e.note);
+	if (!r.tHead && (t.length || n || a)) {
 		let e = r.createTHead().insertRow(), i = document.createElement("th");
 		i.textContent = n, e.append(i);
 		for (let n of t) {
@@ -2262,17 +2855,25 @@ var Be = (e) => e.map((e) => ({
 			t.textContent = n, e.append(t);
 		}
 	}
-	let i = document.createElement("tbody");
-	r.append(i);
+	let o = document.createElement("tbody");
+	r.append(o);
 	for (let t of e) {
-		let e = i.insertRow();
+		let e = o.insertRow();
 		t.kind === "total" && (e.dataset.kind = "total");
 		let n = document.createElement("th");
-		n.textContent = String(t.label ?? ""), e.append(n);
+		n.textContent = String(t.label ?? ""), t.short && (n.dataset.short = t.short), e.append(n);
 		for (let n of t.values ?? [t.value ?? null]) e.insertCell().textContent = n === null ? "" : String(n);
+		a && (e.insertCell().textContent = t.note ?? "");
+	}
+	let s = r.tHead?.rows[r.tHead.rows.length - 1];
+	if (a && s && !s.querySelector("[data-note]")) {
+		let t = Math.max(...e.map((e) => (e.values ?? [e.value]).length));
+		for (; s.cells.length < t + 1;) s.append(document.createElement("th"));
+		let n = document.createElement("th");
+		n.dataset.note = "", n.textContent = i, s.append(n);
 	}
 	return r;
-}, Dn = (e) => {
+}, sr = (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) ? {
@@ -2282,30 +2883,30 @@ var Be = (e) => e.map((e) => ({
 		label: e,
 		value: t
 	});
-}, On = async (t) => {
+}, cr = 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 : Dn(i.rows) : Dn(i);
+			let i = await e.json(), a = Array.isArray(i) ? i : i?.rows ? Array.isArray(i.rows) ? i.rows : sr(i.rows) : sr(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 = En(a, Array.isArray(i?.series) ? i.series.map(String) : [], typeof i?.label == "string" ? i.label : "", r ?? void 0);
+			let o = or(a, Array.isArray(i?.series) ? i.series.map(String) : [], typeof i?.label == "string" ? i.label : "", r ?? void 0, typeof i?.note == "string" ? i.note : void 0);
 			if (!r) {
 				let e = t.querySelector(":scope > figcaption");
 				e ? e.after(o) : t.prepend(o);
 			}
-			o.tHead || Z?.log?.(`The table from "${n}" has no header row, so a screen reader cannot name its columns.`), Z?.log?.(`Read ${a.length} rows from "${n}"`);
+			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 as a file cannot fetch files; open it from a server." : ""));
 		}
 	}));
-}, kn = (e) => {
+}, lr = (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;
-}, An = "strong, b, span.total", jn = (e) => {
+}, ur = "strong, b, span.total", dr = (e) => {
 	for (let t of e) {
 		for (let e of t.querySelectorAll("tbody tr")) {
 			let t = e.cells[0];
@@ -2313,16 +2914,16 @@ var Be = (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 = kn(n); t?.matches(An); t = kn(n)) e.dataset.kind = "total", t.replaceWith(...t.childNodes);
+			for (let t = lr(n); t?.matches(ur); t = lr(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 = kn(t); e?.matches(An); e = kn(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
+		for (let t of e.slice(1)) for (let e = lr(t); e?.matches(ur); e = lr(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
 	}
-}, Mn = "data-chart-made", Nn = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, Pn = (e) => new Promise((t) => setTimeout(t, e)), Fn = (e, t) => {
+}, fr = "data-chart-made", pr = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, mr = (e) => new Promise((t) => setTimeout(t, e)), hr = (e, t) => {
 	let n = Number.parseFloat(e.dataset.chartEntrance ?? ""), r = Number.isFinite(n) ? n : t.entrance;
 	return Math.min(Math.max(r, 0), 1);
-}, In = async (e, t) => {
-	if (Nn()) return;
+}, gr = async (e, t) => {
+	if (pr()) return;
 	await new Promise(requestAnimationFrame);
 	let n = e.getAnimations().filter((e) => e instanceof CSSAnimation);
 	for (let t = e.parentElement; t && t !== document.body; t = t.parentElement) n.push(...t.getAnimations());
@@ -2333,11 +2934,11 @@ var Be = (e) => e.map((e) => ({
 		let a = Number(n.delay ?? 0) + i * t;
 		r = Math.max(r, a - Number(e.currentTime ?? 0));
 	}
-	r > 0 && await Pn(r);
-}, Ln = (e) => {
+	r > 0 && await mr(r);
+}, _r = (e) => {
 	for (let t = e; t && t !== document.body; t = t.parentElement) if (getComputedStyle(t).opacity === "0") return t;
 	return null;
-}, Rn = (e) => new Promise((t) => {
+}, vr = (e) => new Promise((t) => {
 	let n = ["animationstart", "transitionrun"], r = () => {
 		for (let e of n) document.removeEventListener(e, i, !0);
 		a.disconnect(), t();
@@ -2351,41 +2952,41 @@ var Be = (e) => e.map((e) => ({
 		attributes: !0,
 		attributeFilter: ["class", "style"]
 	});
-}), zn = /* @__PURE__ */ new Set(), Bn = null, Vn = (e) => {
-	zn.add(e), !Bn && (Bn = new MutationObserver(() => {
-		for (let e of zn) e.relabel();
+}), yr = /* @__PURE__ */ new Set(), br = null, xr = (e) => {
+	yr.add(e), !br && (br = new MutationObserver(() => {
+		for (let e of yr) e.relabel();
 		requestAnimationFrame(() => requestAnimationFrame(() => {
-			for (let e of zn) e.refresh();
+			for (let e of yr) e.refresh();
 		}));
-	}), Bn.observe(document.documentElement, {
+	}), br.observe(document.documentElement, {
 		attributes: !0,
 		attributeFilter: ["lang"]
 	}));
-}, Hn = (e) => {
-	zn.delete(e), !zn.size && Bn && (Bn.disconnect(), Bn = null);
-}, Un = ["column", "bar"], Wn = (e) => {
+}, Sr = (e) => {
+	yr.delete(e), !yr.size && br && (br.disconnect(), br = null);
+}, Cr = ["column", "bar"], wr = (e) => {
 	let t = e.getAttribute("data-chart") || "column";
-	if (!Un.includes(t)) return null;
+	if (!Cr.includes(t)) return null;
 	let n = getComputedStyle(e).getPropertyValue("--tablechart-type").trim();
-	return Un.includes(n) ? n : t;
-}, Gn = (e, t) => {
-	let n = e, r = Wn(n.figure), i = null, a = !1, o = !1, s = async () => {
-		if (!Jt(n.figure, t)) return fn(n, !0);
+	return Cr.includes(n) ? n : t;
+}, Tr = (e, t) => {
+	let n = e, r = wr(n.figure), i = null, a = !1, o = !1, s = async () => {
+		if (!yn(n.figure, t)) return Vn(n, !0);
 		let e = n.figure.classList.contains("is-shown");
 		if (a && i !== null && !e && !o) {
 			o = !0;
-			let e = Nn() ? null : Ln(n.figure);
-			e && await Rn(e), await In(n.figure, Fn(n.figure, t)), o = !1, (a || !t.replay) && fn(n, !0);
-		} else !a && t.replay && e && fn(n, !1);
+			let e = pr() ? null : _r(n.figure);
+			e && await vr(e), await gr(n.figure, hr(n.figure, t)), o = !1, (a || !t.replay) && Vn(n, !0);
+		} else !a && t.replay && e && Vn(n, !1);
 	}, c = () => {
-		let e = Wn(n.figure);
+		let e = wr(n.figure);
 		if (!e || e === r) return;
-		let a = Z.timed("Building", n.figure, () => en(n.figure, t, e));
-		a && (dn(n), ut(a, n.step, !0), n = a, r = e, i = null);
+		let a = Q.timed("Building", n.figure, () => Tn(n.figure, t, e));
+		a && (Bn(n), Nt(a, n.step, !0), n = a, r = e, i = null);
 	}, l = () => {
 		c();
 		let e = n.plot.clientWidth;
-		e && e !== i && Z.timed("Layout", n.figure, () => cn(n, t)) && (i = e, s());
+		e && e !== i && Q.timed("Layout", n.figure, () => Ln(n, t)) && (Q.enabled && !i && (Kn(n.figure), Yn(n.figure)), i = e, s());
 	}, u = !1, d = new ResizeObserver(() => {
 		u || (u = !0, requestAnimationFrame(() => {
 			u = !1, l();
@@ -2393,20 +2994,20 @@ var Be = (e) => e.map((e) => ({
 	}), f = new IntersectionObserver((e) => {
 		for (let t of e) a = t.isIntersecting, s();
 	}, { threshold: t.threshold }), p = () => {
-		n.figure.classList.add(v), fn(n, !0), hn(n.svg), n.figure.offsetWidth;
-	}, m = () => n.figure.classList.remove(v), h = () => {
+		n.figure.classList.add(x), Vn(n, !0), Wn(n.svg), n.figure.offsetWidth;
+	}, m = () => n.figure.classList.remove(x), h = () => {
 		i = null, l();
 	}, g = {
-		relabel: () => ln(n, t),
+		relabel: () => Rn(n, t),
 		refresh: h
 	};
-	c(), l(), d.observe(n.figure), f.observe(n.figure), window.addEventListener("beforeprint", p), window.addEventListener("afterprint", m), Vn(g);
+	c(), l(), d.observe(n.figure), f.observe(n.figure), window.addEventListener("beforeprint", p), window.addEventListener("afterprint", m), xr(g);
 	let _ = {
 		figure: n.figure,
 		refresh: h,
-		next: () => ut(n, n.step + 1),
-		previous: () => ut(n, n.step - 1),
-		stepTo: (e) => ut(n, e),
+		next: () => Nt(n, n.step + 1),
+		previous: () => Nt(n, n.step - 1),
+		stepTo: (e) => Nt(n, e),
 		get step() {
 			return n.step;
 		},
@@ -2414,36 +3015,42 @@ var Be = (e) => e.map((e) => ({
 			return n.plan?.count ?? 0;
 		},
 		destroy() {
-			d.disconnect(), f.disconnect(), window.removeEventListener("beforeprint", p), window.removeEventListener("afterprint", m), Hn(g), It(n), n.figure.tablechart === _ && delete n.figure.tablechart;
+			d.disconnect(), f.disconnect(), window.removeEventListener("beforeprint", p), window.removeEventListener("afterprint", m), Sr(g), sn(n), n.figure.tablechart === _ && delete n.figure.tablechart;
 		}
 	};
 	return n.figure.tablechart = _, _;
-}, Kn = !1, qn = (t) => {
+}, Er = !1, Dr = (t) => {
 	let n = t.find((e) => e.tagName !== "FIGURE");
-	!Kn && n && (Kn = !0, console.warn(`[${e}] A chart is a <${n.tagName.toLowerCase()}>. Use a <figure> with a <figcaption>, so the chart has a title, also for screen readers.`, n));
-}, Jn = async (e, t) => {
-	let n = Tn(e.filter((e) => !e.hasAttribute(Mn)));
-	return qn(n), await On(n), jn(n), Qe(n, t.langattribute), n;
-}, Yn = (e, t) => {
-	let n = Z.timed("Building", e, () => en(e, t));
-	return n ? (e.setAttribute(Mn, ""), Gn(n, t)) : null;
-}, Xn = async (e, t = {}) => {
+	!Er && n && (Er = !0, console.warn(`[${e}] A chart is a <${n.tagName.toLowerCase()}>. Use a <figure> with a <figcaption>, so the chart has a title, also for screen readers.`, n));
+}, Or = async (e, t) => {
+	let n = ar(e.filter((e) => !e.hasAttribute(fr) && e.tagName !== "TH"));
+	Dr(n), await cr(n), dr(n), mt(n, t.langattribute);
+	for (let e of n) e.dispatchEvent(new CustomEvent("tablechart:table", { bubbles: !0 }));
+	return n;
+}, kr = (e, t) => {
+	let n = Q.timed("Building", e, () => Tn(e, t));
+	return n ? (e.setAttribute(fr, ""), jr(), Tr(n, t)) : null;
+}, Ar = !1, jr = () => {
+	Ar || typeof matchMedia != "function" || (Ar = !0, matchMedia("(prefers-color-scheme: dark)").addEventListener("change", () => {
+		for (let e of document.querySelectorAll(`[${fr}]`)) Ot(e);
+	}));
+}, Mr = async (e, t = {}) => {
 	if (e.tablechart) return e.tablechart;
 	let n = {
-		...T,
+		...O,
 		...t
 	};
-	n.debug && (Z.enabled = !0);
-	let [r] = await Jn([e], n);
-	return r ? Yn(r, n) : null;
-}, Zn = async (e = {}, t = document) => {
+	n.debug && (Q.enabled = !0);
+	let [r] = await Or([e], n);
+	return r ? kr(r, n) : null;
+}, Nr = async (e = {}, t = document) => {
 	let n = {
-		...T,
+		...O,
 		...e
 	};
-	n.debug && (Z.enabled = !0);
-	let r = (await Jn(Array.from(t.querySelectorAll(n.selector)), n)).map((e) => Yn(e, n)).filter((e) => e !== null);
-	return Z.log(`Made ${r.length} chart(s).`), {
+	n.debug && (Q.enabled = !0);
+	let r = (await Or(Array.from(t.querySelectorAll(n.selector)), n)).map((e) => kr(e, n)).filter((e) => e !== null);
+	return Q.log(`Made ${r.length} chart(s).`), {
 		charts: r,
 		refresh: () => {
 			for (let e of r) e.refresh();
@@ -2453,4 +3060,4 @@ var Be = (e) => e.map((e) => ({
 		}
 	};
 };
-export { b as A, y as C, t as D, h as E, w as M, T as N, d as O, A as S, l as T, q as _, Tn as a, N as b, Rt as c, ln as d, fn as f, Fe as g, Qe as h, Jn as i, _ as j, v as k, en as l, ut as m, Fn as n, On as o, dn as p, Zn as r, jn as s, Xn as t, cn as u, le as v, u as w, P as x, W as y };
+export { N as A, x as B, de as C, K as D, W as E, e as F, O as G, C as H, f as I, v as L, S as M, E as N, I as O, p as P, t as R, J as S, re as T, b as U, s as V, D as W, ut as _, ar as a, We as b, ln as c, Rn as d, Vn as f, pt as g, mt as h, Or as i, P as j, L as k, Tn as l, Nt as m, hr as n, cr as o, Bn as p, Nr as r, dr as s, Mr as t, Ln as u, Qe as v, le as w, xe as x, $e as y, m as z };