@martinomagnifico/tablechart 1.2.5 → 1.2.6

package/dist/tablechart-shared.mjs

@@ -921,44 +921,44 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 		to: e.value,
 		kind: "bar"
 	})),
-	draw({ rows: e, height: t, unit: n, labelHeight: r, svg: i, values: a, config: o, centre: s }) {
-		let c = O / 2, u = t / 2, d = qe(e).reduce((e, t) => e + Math.abs(t.value), 0);
-		if (!d) return;
-		let f = r * 1.2 + 10 * n, p = Math.max(Math.min(O, t) / 2 - f, 10), m = p * o.ringfill, h = p - m / 2, g = 2 * Math.PI * h, _ = [], v = [], y = 0, b = 0, x = 0;
+	draw({ rows: e, height: t, unit: n, labelHeight: r, svg: i, values: a, config: o, centre: s, sliceRadius: c }) {
+		let u = O / 2, d = t / 2, f = qe(e).reduce((e, t) => e + Math.abs(t.value), 0);
+		if (!f) return;
+		let p = r * 1.2 + 10 * n, m = Math.max(Math.min(O, t) / 2 - p, 10), h = m * o.ringfill, g = m - h / 2, _ = 2 * Math.PI * g, v = [], y = [], b = 0, x = 0, S = 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, S = j(x, f), C = `--share:${f.toFixed(4)}; --start:${S.start.toFixed(4)}; --span:${S.span.toFixed(4)};`, w = f * g, T = y / g * 2 * Math.PI - Math.PI / 2;
-			_.push(T), v.push(w / g * 2 * Math.PI), i.appendChild(F("circle", {
+			let c = Math.abs(e.value) / f, p = j(S, c), C = `--share:${c.toFixed(4)}; --start:${p.start.toFixed(4)}; --span:${p.span.toFixed(4)};`, w = c * _, T = b / _ * 2 * Math.PI - Math.PI / 2;
+			v.push(T), y.push(w / _ * 2 * Math.PI), i.appendChild(F("circle", {
 				class: I(l, e),
-				"data-slice": b + 1,
+				"data-slice": x + 1,
 				"data-row": o + 1,
-				cx: c,
-				cy: u,
-				r: h,
-				"stroke-width": m,
-				transform: `rotate(-90 ${c} ${u})`,
-				"stroke-dasharray": `${w.toFixed(1)} ${(g - w).toFixed(1)}`,
-				"stroke-dashoffset": (-y).toFixed(1),
-				style: `--n:${b}; --palette:var(--tablechart-color-${b + 1}); --arc:${w.toFixed(1)}; --circ:${g.toFixed(1)}; ${C} --ease:${S.easing}; ${M("--i", e.slot)}`
+				cx: u,
+				cy: d,
+				r: g,
+				"stroke-width": h,
+				transform: `rotate(-90 ${u} ${d})`,
+				"stroke-dasharray": `${w.toFixed(1)} ${(_ - w).toFixed(1)}`,
+				"stroke-dashoffset": (-b).toFixed(1),
+				style: `--n:${x}; --palette:var(--tablechart-color-${x + 1}); --arc:${w.toFixed(1)}; --circ:${_.toFixed(1)}; ${C} --ease:${p.easing}; ${M("--i", e.slot)}`
 			}));
-			let E = T + w / g * Math.PI, D = Math.cos(E), k = Math.sin(E);
+			let E = T + w / _ * Math.PI, D = Math.cos(E), k = Math.sin(E);
 			i.appendChild(F("line", {
 				class: "tablechart-leader",
-				x1: c + D * (p + 2 * n),
-				y1: u + k * (p + 2 * n),
-				x2: c + D * (p + 7 * n),
-				y2: u + k * (p + 7 * n),
+				x1: u + D * (m + 2 * n),
+				y1: d + k * (m + 2 * n),
+				x2: u + D * (m + 7 * n),
+				y2: d + k * (m + 7 * n),
 				"data-row": o + 1,
 				style: `${C} ${M("--i", e.slot)}`
-			})), s.style.setProperty("--start", S.start.toFixed(4)), s.style.setProperty("--span", S.span.toFixed(4));
-			let A = p + 9 * n, N = J(s).width * n / 2;
-			R(s, c + D * (A + Math.abs(D) * N), u + k * (A + Math.abs(k) * r * .7), O, t), s.dataset.place = "around", y += w, x += f, b += 1;
-		}), _.length > 1) {
-			let e = h - m / 2 - 1, n = h + m / 2 + 1, r = `tablechart-slices-${++Y}`, a = F("mask", {
+			})), s.style.setProperty("--start", p.start.toFixed(4)), s.style.setProperty("--span", p.span.toFixed(4));
+			let A = m + 9 * n, N = J(s).width * n / 2;
+			R(s, u + D * (A + Math.abs(D) * N), d + k * (A + Math.abs(k) * r * .7), O, t), s.dataset.place = "around", b += w, S += c, x += 1;
+		}), v.length > 1) {
+			let e = g - h / 2 - 1, n = g + h / 2 + 1, r = `tablechart-slices-${++Y}`, a = F("mask", {
 				id: r,
 				maskUnits: "userSpaceOnUse"
 			});
@@ -969,30 +969,29 @@ var e = "tablechart", t = "tablechart-plot", n = "tablechart-value", r = "tablec
 				height: t,
 				fill: "white"
 			}));
-			for (let t of _) a.appendChild(F("line", {
+			for (let t of v) a.appendChild(F("line", {
 				class: "tablechart-divide",
-				x1: c + Math.cos(t) * e,
-				y1: u + Math.sin(t) * e,
-				x2: c + Math.cos(t) * n,
-				y2: u + Math.sin(t) * n
+				x1: u + Math.cos(t) * e,
+				y1: d + Math.sin(t) * e,
+				x2: u + Math.cos(t) * n,
+				y2: d + Math.sin(t) * n
 			}));
-			let o = getComputedStyle(i), s = Number.parseFloat(o.getPropertyValue("--tablechart-slice-radius")) || 0;
-			if (s > 0) {
-				let e = Number.parseFloat(o.getPropertyValue("--tablechart-slice-gap").trim() || "4"), t = [h - m / 2, h + m / 2], n = (n) => Math.min(s, m / 2, Math.max((v[n] * t[0] - e) / 2, 0));
-				_.forEach((r, i) => {
-					let o = n((i - 1 + _.length) % _.length);
-					for (let [s, l] of [[1, n(i)], [-1, o]]) if (l > 0) for (let n of t) a.appendChild(F("path", {
-						d: Ke(c, u, r, n, s, e / 2, l, n === t[1]),
+			if (c > 0) {
+				let e = Number.parseFloat(getComputedStyle(i).getPropertyValue("--tablechart-slice-gap").trim() || "4"), t = [g - h / 2, g + h / 2], n = (n) => Math.min(c, h / 2, Math.max((y[n] * t[0] - e) / 2, 0));
+				v.forEach((r, i) => {
+					let o = n((i - 1 + v.length) % v.length);
+					for (let [s, c] of [[1, n(i)], [-1, o]]) if (c > 0) for (let n of t) a.appendChild(F("path", {
+						d: Ke(u, d, r, n, s, e / 2, c, n === t[1]),
 						fill: "black"
 					}));
 				});
 			}
-			let d = F("g", { mask: `url(#${r})` });
-			for (let e of Array.from(i.querySelectorAll(`.${l}`))) d.appendChild(e);
-			let f = F("defs");
-			f.appendChild(a), i.prepend(f, d);
+			let o = F("g", { mask: `url(#${r})` });
+			for (let e of Array.from(i.querySelectorAll(`.${l}`))) o.appendChild(e);
+			let s = F("defs");
+			s.appendChild(a), i.prepend(s, o);
 		}
-		s && R(s, c, u, O, t);
+		s && R(s, u, d, O, t);
 	}
 }, X = [
 	"circle",
@@ -2436,13 +2435,13 @@ var tt = (e) => {
 		plan: te,
 		step: 0,
 		controls: re
-	}, ae = () => sr(r, v);
+	}, ae = () => cr(r, v);
 	v.addEventListener("transitionend", ae), v.addEventListener("transitioncancel", ae), re?.addEventListener("click", (e) => {
 		let t = e.target.closest("button")?.dataset.go;
 		t && Yt(K, K.step + (t === "next" ? 1 : -1));
 	}), Yt(K, 0, !0);
 	let oe = r.getAttribute("data-chart-tooltip"), se = oe === "false" ? !1 : oe === "auto" ? "auto" : oe !== null || i.tooltip;
-	return se && Sn(K, i, se === "auto"), nr(K, i), K;
+	return se && Sn(K, i, se === "auto"), rr(K, i), K;
 }, Wn = {
 	grow: "grow",
 	sweep: "sweep"
@@ -2462,7 +2461,7 @@ var tt = (e) => {
 	if (!a) return null;
 	let o = Number(a[1]);
 	return a[2] === "%" ? o / 100 * O : o * (a[2] === "em" ? Number.parseFloat(i.fontSize) : a[2] === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1) * t;
-}, Xn = (e, t) => Yn(e, t, "--tablechart-bar-max", "60px") ?? Infinity, Zn = (e, t) => {
+}, Xn = (e, t, n) => Yn(e, t, getComputedStyle(e).getPropertyValue(n).trim() ? n : "--tablechart-corner-radius", "0px") ?? 0, Zn = (e, t) => Yn(e, t, "--tablechart-bar-max", "60px") ?? Infinity, Qn = (e, t) => {
 	let n = e.getBoundingClientRect(), r = O / n.width, i = getComputedStyle(e), a = Number.parseFloat(i.lineHeight) / Number.parseFloat(i.fontSize) || 1.2;
 	return (e) => {
 		if (e.dataset.place === "none" || e.hidden || e.hasAttribute("data-left-out")) return [];
@@ -2477,21 +2476,21 @@ var tt = (e) => {
 			style: s.join("; ")
 		})] : [];
 	};
-}, Qn = [
+}, $n = [
 	"first",
 	"last",
 	"highest",
 	"lowest",
 	"outliers"
-], $n = (t, n) => {
+], er = (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",
-		...Qn
-	].includes(t) || console.warn(`[${e}] data-chart-values knows no "${t}". It takes auto, all, none, ${Qn.join(", ")}.`);
-	let i = r.filter((e) => Qn.includes(e));
+		...$n
+	].includes(t) || console.warn(`[${e}] data-chart-values knows no "${t}". It takes auto, all, none, ${$n.join(", ")}.`);
+	let i = r.filter((e) => $n.includes(e));
 	return r.includes("all") ? {
 		mode: "all",
 		keys: []
@@ -2500,19 +2499,19 @@ var tt = (e) => {
 		keys: []
 	} : r.includes("auto") || !i.length ? {
 		mode: "auto",
-		keys: i.length ? i : Qn
+		keys: i.length ? i : $n
 	} : {
 		mode: "set",
 		keys: i
 	};
-}, er = ({ figure: e, rows: t, series: n }, r) => {
+}, tr = ({ figure: e, rows: t, series: n }, r) => {
 	let i = e.getAttribute("data-chart-table"), a = i && Gn.includes(i) ? i : r.table;
 	a === "never" ? e.removeAttribute("data-table") : e.setAttribute("data-table", a);
 	let o = e.getAttribute("data-chart-summary");
 	e.setAttribute("data-summary", o && Gn.includes(o) ? o : r.summary), e.toggleAttribute("data-long", t.length * n.filter((e) => !e.group).length > r.tablelimit);
-}, tr = (t, n) => {
+}, nr = (t, n) => {
 	let { plot: r, svg: i, rows: l, type: m, values: g, series: _, seriesValues: y, names: b, annotations: x } = t;
-	er(t, n);
+	tr(t, n);
 	let S = getComputedStyle(t.figure);
 	t.figure.toggleAttribute("data-series-range", !!S.getPropertyValue("--tablechart-series-color-end").trim()), t.figure.toggleAttribute("data-slice-range", !!S.getPropertyValue("--tablechart-slice-color-end").trim());
 	let C = Number.parseFloat(t.figure.dataset.chartAspect ?? ""), w = C > 0 ? C : m.aspect ?? n.aspect, k = m.categories === "beside", A = t.axes && !m.axes ? t.axes : null, j = k ? null : t.categories[0]?.parentElement, M = null;
@@ -2540,7 +2539,7 @@ var tt = (e) => {
 		let p = l.find((e) => !e.missing), h = q(M.ticks.map((e) => ie(String(e))));
 		for (let e of M.ticks) {
 			let t = L(E, A.ticks);
-			t.dataset.value = String(e), t.dataset.place = "none", p?.prefix && (t.dataset.prefix = p.prefix), p?.suffix && (t.dataset.suffix = p.suffix), rr(t, h, n.locale);
+			t.dataset.value = String(e), t.dataset.place = "none", p?.prefix && (t.dataset.prefix = p.prefix), p?.suffix && (t.dataset.suffix = p.suffix), ir(t, h, n.locale);
 		}
 		if (A.numbers) {
 			let e = Array.from(A.ticks.children);
@@ -2562,7 +2561,7 @@ var tt = (e) => {
 			let r = a[0]?.cells[i[t]], o = q(e.ticks.map((e) => ie(String(e))));
 			for (let i of e.ticks) {
 				let e = L(E, V.ticks);
-				e.dataset.axis = t ? "y" : "x", e.dataset.value = String(i), r?.prefix && (e.dataset.prefix = r.prefix), r?.suffix && (e.dataset.suffix = r.suffix), rr(e, o, n.locale);
+				e.dataset.axis = t ? "y" : "x", e.dataset.value = String(i), r?.prefix && (e.dataset.prefix = r.prefix), r?.suffix && (e.dataset.suffix = r.suffix), ir(e, o, n.locale);
 			}
 		});
 	}
@@ -2655,7 +2654,7 @@ var tt = (e) => {
 		}
 		t && R(t, u + f / 2, G - i(t), O, G), n && R(n, 0, d + p / 2, O, G);
 	}
-	let Pe = $n(t.figure, n), Fe = In(t.figure, n), Ie = !!m.running && b.length > 0 && !t.stacked && Fe !== "step" && Pe.mode === "set" && Pe.keys.includes("last"), Le = Ie ? q(y.flat().map((e) => J(e).width)) * I : 0, Be = b.length ? q(b.map((e) => J(e).width)) * I + 12 * I + Le : 0, Ve = t.categories[0]?.parentElement;
+	let Pe = er(t.figure, n), Fe = In(t.figure, n), Ie = !!m.running && b.length > 0 && !t.stacked && Fe !== "step" && Pe.mode === "set" && Pe.keys.includes("last"), Le = Ie ? q(y.flat().map((e) => J(e).width)) * I : 0, Be = b.length ? q(b.map((e) => J(e).width)) * I + 12 * I + Le : 0, Ve = t.categories[0]?.parentElement;
 	Ve && (Ve.style.paddingRight = Be ? `${Be / O * 100}%` : "");
 	let He = (O - Be) / l.length, Ue = (e) => (e + .5) * He, We = (e) => e >= 0 && e < l.length ? e : null;
 	t.rowAt = m.centre ? null : m.categories === "beside" ? (e, t) => We(Math.floor(t * I / (G / l.length))) : (e) => We(Math.floor(e * I / He));
@@ -2693,9 +2692,10 @@ var tt = (e) => {
 		x: je,
 		frame: Me,
 		length: (e, n) => Yn(t.figure, I, e, n),
-		barWidth: Math.min(He * n.barfill, Xn(t.figure, I)),
-		barMax: Xn(t.figure, I),
-		barRadius: Yn(t.figure, I, "--tablechart-bar-radius", "0px") ?? 0,
+		barWidth: Math.min(He * n.barfill, Zn(t.figure, I)),
+		barMax: Zn(t.figure, I),
+		barRadius: Xn(t.figure, I, "--tablechart-bar-radius"),
+		sliceRadius: Xn(t.figure, I, "--tablechart-slice-radius"),
 		height: G,
 		unit: I,
 		labelHeight: ee,
@@ -2848,7 +2848,7 @@ var tt = (e) => {
 			ry: o === null ? s : n * o,
 			style: ["--after", "--step"].map((t) => e.style.getPropertyValue(t) && `${t}:${e.style.getPropertyValue(t)}`).filter(Boolean).join("; ")
 		})];
-	}), Xe = i.querySelector(`.${D}`), Z = Array.from(i.querySelectorAll(`.${o}`)), Ze = [...Xe ? [Xe] : [], ...i.querySelectorAll(`:scope > .${s}`)], Qe = Zn(r, I), $e = t.figure.getAttribute("data-animate") === "grow", et = y.flat().filter((e) => e.hasAttribute("data-cut")).flatMap(Qe), tt = [...ue.flatMap((e) => y[e].flatMap(Qe)), ...$e ? et : []];
+	}), Xe = i.querySelector(`.${D}`), Z = Array.from(i.querySelectorAll(`.${o}`)), Ze = [...Xe ? [Xe] : [], ...i.querySelectorAll(`:scope > .${s}`)], Qe = Qn(r, I), $e = t.figure.getAttribute("data-animate") === "grow", et = y.flat().filter((e) => e.hasAttribute("data-cut")).flatMap(Qe), tt = [...ue.flatMap((e) => y[e].flatMap(Qe)), ...$e ? et : []];
 	if (Ze.length || Z.length) {
 		let e = [
 			...y.flat(),
@@ -2889,43 +2889,43 @@ var tt = (e) => {
 		c,
 		D
 	];
-	ne(i, [...Ye, ...tt], O, G, void 0, nt.map((e) => `.${e}`).join(", ")), t.figure.hasAttribute("data-animate") && !t.figure.hasAttribute("data-steps") && !t.figure.classList.contains("is-shown") && cr(i);
+	ne(i, [...Ye, ...tt], O, G, void 0, nt.map((e) => `.${e}`).join(", ")), t.figure.hasAttribute("data-animate") && !t.figure.hasAttribute("data-steps") && !t.figure.classList.contains("is-shown") && lr(i);
 	let rt = (e) => e.dataset.missing !== void 0 || m.centre && l[Number(e.dataset.row) - 1]?.isTotal, it = (e) => e.dataset.place !== "none" && !e.hasAttribute("data-left-out"), at = (e, t) => {
 		let n = Number(e.dataset.row);
 		return t.some((e) => it(e) && Number(e.dataset.row) <= n && n <= Number(e.dataset.rowEnd ?? e.dataset.row));
 	};
 	return t.figure.toggleAttribute("data-left-out", (m.columns ? [t.categories] : [...y, t.totals]).some((e) => e.some((t) => !rt(t) && !it(t) && !at(t, e)))), Y.barRadius && U(i, Y.barRadius), Lt(t.figure), Ut(t.figure), Wt(t.figure), !0;
-}, nr = (e, t) => {
+}, rr = (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 ? rr(r, r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale) : r.textContent = r.dataset.missing;
-}, rr = (e, t, n) => {
+	for (let r of e.centre ? [...n, e.centre] : n) r.dataset.missing === void 0 ? ir(r, r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale) : r.textContent = r.dataset.missing;
+}, ir = (e, t, n) => {
 	let { prefix: r = "", suffix: i = "" } = e.dataset, [a, o] = oe(Number.parseFloat(e.dataset.value || "0"), t, n);
 	if (e.textContent = r + (r ? a : "") + o + i, a && !r) {
 		let t = document.createElement("span");
 		t.className = "tablechart-minus", t.textContent = a, e.prepend(t);
 	}
-}, ir = (e) => {
+}, ar = (e) => {
 	Cn(e), e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${p}`)?.remove(), e.controls?.remove();
-}, ar = (e, t, n = !1) => {
-	!t && !e.figure.hasAttribute("data-steps") && cr(e.svg), e.figure.classList.remove(C), n ? (e.figure.classList.add(S), e.figure.classList.toggle(b, t), e.figure.offsetWidth, t && lr(e.svg), e.figure.classList.toggle(C, t), requestAnimationFrame(() => e.figure.classList.remove(S))) : (e.figure.classList.toggle(b, t), t && requestAnimationFrame(() => requestAnimationFrame(() => {
-		sr(e.figure, e.svg), or(e.figure);
+}, or = (e, t, n = !1) => {
+	!t && !e.figure.hasAttribute("data-steps") && lr(e.svg), e.figure.classList.remove(C), n ? (e.figure.classList.add(S), e.figure.classList.toggle(b, t), e.figure.offsetWidth, t && ur(e.svg), e.figure.classList.toggle(C, t), requestAnimationFrame(() => e.figure.classList.remove(S))) : (e.figure.classList.toggle(b, t), t && requestAnimationFrame(() => requestAnimationFrame(() => {
+		cr(e.figure, e.svg), sr(e.figure);
 	})));
-}, or = (e) => {
+}, sr = (e) => {
 	let t = e.getAnimations({ subtree: !0 }).map((e) => e.finished.catch(() => void 0));
 	Promise.all(t).then(() => {
 		e.classList.contains("is-shown") && e.classList.add(C);
 	});
-}, sr = (e, t) => {
-	e.classList.contains("is-shown") && Array.from(t.querySelectorAll("[data-mask]")).every((e) => !e.getAnimations({ subtree: !0 }).length) && lr(t);
-}, cr = (e) => {
-	for (let t of e.querySelectorAll("[mask^=\"url(#tablechart-cut-\"]")) t.dataset.mask = t.getAttribute("mask") ?? "", t.removeAttribute("mask");
+}, cr = (e, t) => {
+	e.classList.contains("is-shown") && Array.from(t.querySelectorAll("[data-mask]")).every((e) => !e.getAnimations({ subtree: !0 }).length) && ur(t);
 }, lr = (e) => {
+	for (let t of e.querySelectorAll("[mask^=\"url(#tablechart-cut-\"]")) t.dataset.mask = t.getAttribute("mask") ?? "", t.removeAttribute("mask");
+}, ur = (e) => {
 	for (let t of e.querySelectorAll("[data-mask]")) t.setAttribute("mask", t.dataset.mask ?? ""), t.removeAttribute("data-mask");
-}, ur = {
+}, dr = {
 	2: {
 		part: 3,
 		text: 4.5,
@@ -2944,8 +2944,8 @@ var tt = (e) => {
 		partRule: "APCA, WCAG 3 draft",
 		textRule: "APCA, WCAG 3 draft"
 	}
-}, dr = (t) => {
-	let n = Rt(t), r = ur[jt(t)], i = Array.from(t.querySelectorAll("table thead tr:first-child > *")).map((e) => (e.textContent ?? "").trim()), a = Array.from(t.querySelectorAll("tbody tr > :first-child")).map((e) => (e.textContent ?? "").trim()), o = [
+}, fr = (t) => {
+	let n = Rt(t), r = dr[jt(t)], i = Array.from(t.querySelectorAll("table thead tr:first-child > *")).map((e) => (e.textContent ?? "").trim()), a = Array.from(t.querySelectorAll("tbody tr > :first-child")).map((e) => (e.textContent ?? "").trim()), o = [
 		[
 			".tablechart-series",
 			"Line",
@@ -2985,14 +2985,14 @@ var tt = (e) => {
 		let s = Array.from(a).filter(Boolean).map((e) => `"${e}"`), l = s.join(", "), u = s.length > 1, d = n === "Line" ? i ? `Line "${i}" has` : "The line has" : n === "Slice" ? `${u ? "Slices" : "Slice"} ${l} ${u ? "have" : "has"}` : a.size >= o || !l ? `The bars${i ? ` of column "${i}"` : ""} have` : `${u ? "Bars" : "Bar"} ${l}${i ? ` in column "${i}"` : ""} ${u ? "have" : "has"}`;
 		console.warn(`[${e}] ${d} a contrast of ${r.show(c)} with the background. It needs at least ${r.need(r.part)} (${r.partRule}).`, t);
 	}
-}, fr = ".tablechart-name, .tablechart-value:not([data-place='inside'], [data-place='middle']), .tablechart-categories span, .tablechart-centre, .tablechart-tick, .tablechart-quadrant-name, figcaption b, figcaption span", pr = (t) => {
+}, pr = ".tablechart-name, .tablechart-value:not([data-place='inside'], [data-place='middle']), .tablechart-categories span, .tablechart-centre, .tablechart-tick, .tablechart-quadrant-name, figcaption b, figcaption span", mr = (t) => {
 	let n = 0, r = () => {
-		let r = Array.from(t.querySelectorAll(".tablechart-value[data-place='inside'], .tablechart-value[data-place='middle']")).filter((e) => !e.hasAttribute("data-left-out") && !e.hidden), a = Array.from(t.querySelectorAll(fr)).filter((e) => !e.hasAttribute("data-left-out") && !e.hidden && e.style.getPropertyValue("--m") !== "1" && (e.textContent ?? "").trim() && getComputedStyle(e).visibility !== "hidden");
+		let r = Array.from(t.querySelectorAll(".tablechart-value[data-place='inside'], .tablechart-value[data-place='middle']")).filter((e) => !e.hasAttribute("data-left-out") && !e.hidden), a = Array.from(t.querySelectorAll(pr)).filter((e) => !e.hasAttribute("data-left-out") && !e.hidden && e.style.getPropertyValue("--m") !== "1" && (e.textContent ?? "").trim() && getComputedStyle(e).visibility !== "hidden");
 		if ([...r, ...a].some((e) => kt(getComputedStyle(e).color)[3] === 0 && n < 20)) {
 			n++, setTimeout(i, 500);
 			return;
 		}
-		let o = Array.from(t.querySelectorAll("tbody tr > :first-child")).map((e) => (e.textContent ?? "").trim()), s = ur[jt(t)], c = t.dataset.chart === "bar" ? "bar" : "column", l = /* @__PURE__ */ new Map();
+		let o = Array.from(t.querySelectorAll("tbody tr > :first-child")).map((e) => (e.textContent ?? "").trim()), s = dr[jt(t)], c = t.dataset.chart === "bar" ? "bar" : "column", l = /* @__PURE__ */ new Map();
 		for (let e of r) {
 			let n = zt(t, e);
 			if (!n) continue;
@@ -3038,33 +3038,33 @@ var tt = (e) => {
 		attributes: !0,
 		attributeFilter: ["class"]
 	});
-}, mr = [
+}, hr = [
 	"bar",
 	"piece",
 	"up",
 	"down",
 	"total"
-].map((e) => `--tablechart-${e}-value-color`), hr = /* @__PURE__ */ new Set(), gr = (t) => {
+].map((e) => `--tablechart-${e}-value-color`), gr = /* @__PURE__ */ new Set(), _r = (t) => {
 	let n = getComputedStyle(t);
-	for (let r of mr) !hr.has(r) && n.getPropertyValue(r).trim() && (hr.add(r), console.warn(`[${e}] ${r} is old and goes in 1.3.0. --tablechart-value-on-dark and --tablechart-value-on-light set the colour of the numbers inside bars, with a contrast check.`, t));
-}, _r = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), vr = /^\s*(?:Table)?:\s+/, yr = (e) => e?.tagName === "P" && vr.test(e.textContent ?? ""), br = (e) => {
+	for (let r of hr) !gr.has(r) && n.getPropertyValue(r).trim() && (gr.add(r), console.warn(`[${e}] ${r} is old and goes in 1.3.0. --tablechart-value-on-dark and --tablechart-value-on-light set the colour of the numbers inside bars, with a contrast check.`, t));
+}, vr = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), yr = /^\s*(?:Table)?:\s+/, br = (e) => e?.tagName === "P" && yr.test(e.textContent ?? ""), xr = (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(vr, ""), n.textContent || n.remove());
+	n?.nodeType === Node.TEXT_NODE && (n.textContent = (n.textContent ?? "").replace(yr, ""), 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;
-}, xr = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, Sr = (e) => {
-	let t = Ar(e);
+}, Sr = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, Cr = (e) => {
+	let t = jr(e);
 	return t?.tagName === "P" ? t : e;
-}, Cr = (e) => {
-	let t = Sr(e).firstChild;
+}, wr = (e) => {
+	let t = Cr(e).firstChild;
 	if (t?.nodeType !== Node.TEXT_NODE) return null;
-	let n = xr.exec(t.textContent ?? "");
+	let n = Sr.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 {
@@ -3073,11 +3073,11 @@ var tt = (e) => {
 		text: t,
 		length: n[0].length
 	};
-}, wr = (e) => {
+}, Tr = (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 : Cr(e));
+	let t = Array.from(e.children), n = t.map((e) => e.hasAttribute("data-annotation") ? null : wr(e));
 	return !t.length || t.some((e, t) => !n[t] && !e.hasAttribute("data-annotation")) ? null : (t.forEach((e, t) => {
-		let r = n[t], i = Sr(e);
+		let r = n[t], i = Cr(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);
@@ -3088,18 +3088,18 @@ var tt = (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);
-}, Tr = (e, t) => {
-	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || _r(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
-}, Er = (e) => e.map((e) => {
-	let t = e.closest("p"), n = yr(t) ? t : e;
+}, Er = (e, t) => {
+	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || vr(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
+}, Dr = (e) => e.map((e) => {
+	let t = e.closest("p"), n = br(t) ? t : e;
 	if (n.tagName !== "TABLE" && n.tagName !== "P") return n;
 	let r = document.createElement("figure");
-	Tr(e, r), e.classList.length || e.removeAttribute("class");
-	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? yr(a) ? a : yr(o) ? o : null : n;
+	Er(e, r), e.classList.length || e.removeAttribute("class");
+	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? br(a) ? a : br(o) ? o : null : n;
 	i && s === o && (o = o?.nextElementSibling ?? null);
-	let c = o?.classList.contains("chart-annotations") ? o : wr(o);
-	return n.replaceWith(r), s && r.append(br(s)), i && r.append(i), c && r.append(c), Q?.log?.(`A ${i ? "table" : "caption"} with chart attributes was wrapped in a figure of its own`), r;
-}), Dr = (e, t, n, r = document.createElement("table"), i = "Note") => {
+	let c = o?.classList.contains("chart-annotations") ? o : Tr(o);
+	return n.replaceWith(r), s && r.append(xr(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();
 	let a = e.some((e) => e.note);
 	if (!r.tHead && (t.length || n || a)) {
@@ -3128,7 +3128,7 @@ var tt = (e) => {
 		n.dataset.note = "", n.textContent = i, s.append(n);
 	}
 	return r;
-}, Or = (e) => {
+}, kr = (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) ? {
@@ -3138,16 +3138,16 @@ var tt = (e) => {
 		label: e,
 		value: t
 	});
-}, kr = async (t) => {
+}, Ar = 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 : Or(i.rows) : Or(i);
+			let i = await e.json(), a = Array.isArray(i) ? i : i?.rows ? Array.isArray(i.rows) ? i.rows : kr(i.rows) : kr(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 = Dr(a, Array.isArray(i?.series) ? i.series.map(String) : [], typeof i?.label == "string" ? i.label : "", r ?? void 0, typeof i?.note == "string" ? i.note : void 0);
+			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);
@@ -3158,10 +3158,10 @@ var tt = (e) => {
 			console.warn(`[${e}] Could not read the chart data in "${n}": ${t.message}.` + (r ? " A page opened as a file cannot fetch files; open it from a server." : ""));
 		}
 	}));
-}, Ar = (e) => {
+}, jr = (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;
-}, jr = "strong, b, span.total", Mr = (e) => {
+}, Mr = "strong, b, span.total", Nr = (e) => {
 	for (let t of e) {
 		for (let e of t.querySelectorAll("tbody tr")) {
 			let t = e.cells[0];
@@ -3169,16 +3169,16 @@ var tt = (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 = Ar(n); t?.matches(jr); t = Ar(n)) e.dataset.kind = "total", t.replaceWith(...t.childNodes);
+			for (let t = jr(n); t?.matches(Mr); t = jr(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 = Ar(t); e?.matches(jr); e = Ar(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
+		for (let t of e.slice(1)) for (let e = jr(t); e?.matches(Mr); e = jr(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
 	}
-}, Nr = "data-chart-made", Pr = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, Fr = (e) => new Promise((t) => setTimeout(t, e)), Ir = (e, t) => {
+}, Pr = "data-chart-made", Fr = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, Ir = (e) => new Promise((t) => setTimeout(t, e)), Lr = (e, t) => {
 	let n = Number.parseFloat(e.dataset.chartEntrance ?? ""), r = Number.isFinite(n) ? n : t.entrance;
 	return Math.min(Math.max(r, 0), 1);
-}, Lr = async (e, t) => {
-	if (Pr()) return;
+}, Rr = async (e, t) => {
+	if (Fr()) 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());
@@ -3189,11 +3189,11 @@ var tt = (e) => {
 		let a = Number(n.delay ?? 0) + i * t;
 		r = Math.max(r, a - Number(e.currentTime ?? 0));
 	}
-	r > 0 && await Fr(r);
-}, Rr = (e) => {
+	r > 0 && await Ir(r);
+}, zr = (e) => {
 	for (let t = e; t && t !== document.body; t = t.parentElement) if (getComputedStyle(t).opacity === "0") return t;
 	return null;
-}, zr = (e) => new Promise((t) => {
+}, Br = (e) => new Promise((t) => {
 	let n = ["animationstart", "transitionrun"], r = () => {
 		for (let e of n) document.removeEventListener(e, i, !0);
 		a.disconnect(), t();
@@ -3207,54 +3207,54 @@ var tt = (e) => {
 		attributes: !0,
 		attributeFilter: ["class", "style"]
 	});
-}), Br = /* @__PURE__ */ new Set(), Vr = null, Hr = (e) => {
-	Br.add(e), !Vr && (Vr = new MutationObserver(() => {
-		for (let e of Br) e.relabel();
+}), Vr = /* @__PURE__ */ new Set(), Hr = null, Ur = (e) => {
+	Vr.add(e), !Hr && (Hr = new MutationObserver(() => {
+		for (let e of Vr) e.relabel();
 		requestAnimationFrame(() => requestAnimationFrame(() => {
-			for (let e of Br) e.refresh();
+			for (let e of Vr) e.refresh();
 		}));
-	}), Vr.observe(document.documentElement, {
+	}), Hr.observe(document.documentElement, {
 		attributes: !0,
 		attributeFilter: ["lang"]
 	}));
-}, Ur = (e) => {
-	Br.delete(e), !Br.size && Vr && (Vr.disconnect(), Vr = null);
-}, Wr = ["column", "bar"], Gr = (e) => {
+}, Wr = (e) => {
+	Vr.delete(e), !Vr.size && Hr && (Hr.disconnect(), Hr = null);
+}, Gr = ["column", "bar"], Kr = (e) => {
 	let t = e.getAttribute("data-chart") || "column";
-	if (!Wr.includes(t)) return null;
+	if (!Gr.includes(t)) return null;
 	let n = getComputedStyle(e).getPropertyValue("--tablechart-type").trim();
-	return Wr.includes(n) ? n : t;
-}, Kr = (e, t) => {
-	let n = e, r = Gr(n.figure), i = null, a = !1, o = !1, s = !1, c = async () => {
-		if (!Fn(n.figure, t)) return ar(n, !0);
+	return Gr.includes(n) ? n : t;
+}, qr = (e, t) => {
+	let n = e, r = Kr(n.figure), i = null, a = !1, o = !1, s = !1, c = async () => {
+		if (!Fn(n.figure, t)) return or(n, !0);
 		let e = n.figure.classList.contains("is-shown");
 		if (o && i !== null && !e && !s) {
 			s = !0;
-			let e = Pr() ? null : Rr(n.figure);
-			e && await zr(e), await Lr(n.figure, Ir(n.figure, t)), s = !1, (o || !t.replay) && ar(n, !0);
-		} else !o && t.replay && e && ar(n, !1);
+			let e = Fr() ? null : zr(n.figure);
+			e && await Br(e), await Rr(n.figure, Lr(n.figure, t)), s = !1, (o || !t.replay) && or(n, !0);
+		} else !o && t.replay && e && or(n, !1);
 	}, l = () => {
-		let e = Gr(n.figure);
+		let e = Kr(n.figure);
 		if (!e || e === r) return;
 		let a = Q.timed("Building", n.figure, () => Un(n.figure, t, e));
-		a && (ir(n), Yt(a, n.step, !0), n = a, r = e, i = null);
+		a && (ar(n), Yt(a, n.step, !0), n = a, r = e, i = null);
 	}, u = () => {
 		l();
 		let e = n.plot.clientWidth;
-		e && e !== i && Q.timed("Layout", n.figure, () => tr(n, t)) && (a || (a = !0, dr(n.figure), pr(n.figure), gr(n.figure)), i = e, c());
+		e && e !== i && Q.timed("Layout", n.figure, () => nr(n, t)) && (a || (a = !0, fr(n.figure), mr(n.figure), _r(n.figure)), i = e, c());
 	}, d = !1, f = new ResizeObserver(() => {
 		u(), f.unobserve(n.figure), requestAnimationFrame(() => d || f.observe(n.figure));
 	}), p = new IntersectionObserver((e) => {
 		for (let t of e) o = t.isIntersecting, c();
 	}, { threshold: t.threshold }), m = () => {
-		n.figure.classList.add(x), ar(n, !0), lr(n.svg), n.figure.offsetWidth;
+		n.figure.classList.add(x), or(n, !0), ur(n.svg), n.figure.offsetWidth;
 	}, h = () => n.figure.classList.remove(x), g = () => {
 		i = null, u();
 	}, _ = {
-		relabel: () => nr(n, t),
+		relabel: () => rr(n, t),
 		refresh: g
 	};
-	l(), u(), f.observe(n.figure), p.observe(n.figure), window.addEventListener("beforeprint", m), window.addEventListener("afterprint", h), Hr(_);
+	l(), u(), f.observe(n.figure), p.observe(n.figure), window.addEventListener("beforeprint", m), window.addEventListener("afterprint", h), Ur(_);
 	let v = {
 		figure: n.figure,
 		refresh: g,
@@ -3268,28 +3268,28 @@ var tt = (e) => {
 			return n.plan?.count ?? 0;
 		},
 		destroy() {
-			d = !0, f.disconnect(), p.disconnect(), window.removeEventListener("beforeprint", m), window.removeEventListener("afterprint", h), Ur(_), Cn(n), n.figure.tablechart === v && delete n.figure.tablechart;
+			d = !0, f.disconnect(), p.disconnect(), window.removeEventListener("beforeprint", m), window.removeEventListener("afterprint", h), Wr(_), Cn(n), n.figure.tablechart === v && delete n.figure.tablechart;
 		}
 	};
 	return n.figure.tablechart = v, v;
-}, qr = !1, Jr = (t) => {
+}, Jr = !1, Yr = (t) => {
 	let n = t.find((e) => e.tagName !== "FIGURE");
-	!qr && n && (qr = !0, console.warn(`[${e}] A chart is a <${n.tagName.toLowerCase()}>. Use a <figure> with a <figcaption>, so the chart has a title, also for screen readers.`, n));
-}, Yr = async (e, t) => {
-	let n = Er(e.filter((e) => !e.hasAttribute(Nr) && e.tagName !== "TH"));
-	Jr(n), await kr(n), Mr(n), bt(n, t.langattribute);
+	!Jr && n && (Jr = !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));
+}, Xr = async (e, t) => {
+	let n = Dr(e.filter((e) => !e.hasAttribute(Pr) && e.tagName !== "TH"));
+	Yr(n), await Ar(n), Nr(n), bt(n, t.langattribute);
 	for (let e of n) e.dispatchEvent(new CustomEvent("tablechart:table", { bubbles: !0 }));
 	return n;
-}, Xr = (e, t) => {
+}, Zr = (e, t) => {
 	let n = Q.timed("Building", e, () => Un(e, t));
-	return n ? (e.setAttribute(Nr, ""), $r(), Kr(n, t)) : null;
-}, Zr = !1, Qr = /* @__PURE__ */ new WeakMap(), $r = () => {
-	if (Zr || typeof matchMedia != "function") return;
-	Zr = !0;
+	return n ? (e.setAttribute(Pr, ""), ei(), qr(n, t)) : null;
+}, Qr = !1, $r = /* @__PURE__ */ new WeakMap(), ei = () => {
+	if (Qr || typeof matchMedia != "function") return;
+	Qr = !0;
 	let e = () => {
-		for (let e of document.querySelectorAll(`[${Nr}]`)) {
-			let t = getComputedStyle(e).color, n = Lt(e) || Qr.get(e) !== t;
-			Qr.set(e, t), n && (Ut(e), Wt(e));
+		for (let e of document.querySelectorAll(`[${Pr}]`)) {
+			let t = getComputedStyle(e).color, n = Lt(e) || $r.get(e) !== t;
+			$r.set(e, t), n && (Ut(e), Wt(e));
 		}
 	};
 	matchMedia("(prefers-color-scheme: dark)").addEventListener("change", e);
@@ -3298,22 +3298,22 @@ var tt = (e) => {
 	document.addEventListener("transitionend", (t) => {
 		(t.target === document.documentElement || t.target === document.body) && e();
 	});
-}, ei = async (e, t = {}) => {
+}, ti = async (e, t = {}) => {
 	if (e.tablechart) return e.tablechart;
 	let n = {
 		...k,
 		...t
 	};
 	n.debug && (Q.enabled = !0);
-	let [r] = await Yr([e], n);
-	return r ? Xr(r, n) : null;
-}, ti = async (e = {}, t = document) => {
+	let [r] = await Xr([e], n);
+	return r ? Zr(r, n) : null;
+}, ni = async (e = {}, t = document) => {
 	let n = {
 		...k,
 		...e
 	};
 	n.debug && (Q.enabled = !0);
-	let r = (await Yr(Array.from(t.querySelectorAll(n.selector)), n)).map((e) => Xr(e, n)).filter((e) => e !== null);
+	let r = (await Xr(Array.from(t.querySelectorAll(n.selector)), n)).map((e) => Zr(e, n)).filter((e) => e !== null);
 	return Q.log(`Made ${r.length} chart(s).`), {
 		charts: r,
 		refresh: () => {
@@ -3324,4 +3324,4 @@ var tt = (e) => {
 		}
 	};
 };
-export { L as A, t as B, Te as C, ie as D, pe as E, D as F, b as G, x as H, p as I, O as K, e as L, P as M, F as N, q as O, S as P, f as R, Xe as S, he as T, s as U, m as V, w as W, bt as _, Er as a, it as b, dr as c, Un as d, tr as f, Yt as g, ir as h, Yr as i, R as j, oe as k, pr as l, ar as m, Ir as n, kr as o, nr as p, k as q, ti as r, Mr as s, ei as t, Tn as u, yt as v, J as w, at as x, gt as y, v as z };
+export { L as A, t as B, Te as C, ie as D, pe as E, D as F, b as G, x as H, p as I, O as K, e as L, P as M, F as N, q as O, S as P, f as R, Xe as S, he as T, s as U, m as V, w as W, bt as _, Dr as a, it as b, fr as c, Un as d, nr as f, Yt as g, ar as h, Xr as i, R as j, oe as k, mr as l, or as m, Lr as n, Ar as o, rr as p, k as q, ni as r, Nr as s, ti as t, Tn as u, yt as v, J as w, at as x, gt as y, v as z };