@martinomagnifico/tablechart 0.1.0

package/dist/tablechart-shared.mjs

@@ -0,0 +1,1407 @@
+//#region src/js/config.ts
+var e = "tablechart", t = "tablechart-plot", n = "tablechart-categories", r = "tablechart-value", i = "tablechart-bar", a = "tablechart-piece", o = "tablechart-rule", s = "tablechart-connector", c = "tablechart-line", l = "tablechart-head", u = "tablechart-badge", d = "tablechart-caption", f = "tablechart-slice", p = "tablechart-divide", m = "tablechart-series", h = "tablechart-area", g = "tablechart-area-fill", _ = "tablechart-name", v = "tablechart-legend", y = "tablechart-point", b = "tablechart-hole", x = "tablechart-centre", S = "tablechart-leader", C = "tablechart-break", w = "is-placed", T = "tablechart-pointer", E = "tablechart-sr", D = "is-shown", O = "tablechart-queued", k = 1e3, A = {
+	selector: "[data-chart]",
+	aspect: .38,
+	barfill: .58,
+	ringfill: .42,
+	animate: !0,
+	labels: "outside",
+	legend: !1,
+	hover: !0,
+	totallabel: "Total",
+	threshold: .5,
+	replay: !1,
+	langattribute: "data-i18n"
+}, j = (e, t) => `${e}:${t}`, M = "http://www.w3.org/2000/svg", N = (e, t = {}) => {
+	let n = document.createElementNS(M, e);
+	for (let e in t) n.setAttribute(e, String(t[e]));
+	return n;
+}, P = (e, t) => [e, ...t.classes].join(" "), F = (e, t) => {
+	let n = document.createElement("span");
+	return n.className = e, n.inert = !0, t.appendChild(n), n;
+}, I = (e, t, n, r, i) => {
+	e.style.left = `${t / r * 100}%`, e.style.top = `${n / i * 100}%`;
+}, L = 0, R = (e, t, n, r) => {
+	if (!t.length) return;
+	let i = `tablechart-cut-${++L}`, a = N("mask", {
+		id: i,
+		maskUnits: "userSpaceOnUse"
+	});
+	a.appendChild(N("rect", {
+		x: -n,
+		y: -r,
+		width: n * 3,
+		height: r * 3,
+		fill: "white"
+	}));
+	for (let e of t) e.setAttribute("fill", "black"), a.appendChild(e);
+	let o = e.querySelector(":scope > defs");
+	o || (o = N("defs"), e.prepend(o)), o.appendChild(a);
+	let s = N("g", { mask: `url(#${i})` });
+	for (let t of Array.from(e.childNodes)) t !== o && s.appendChild(t);
+	e.appendChild(s);
+}, z = 0, B = {
+	create: () => null,
+	draw(e, t, n) {
+		let { segments: r, cx: i, y: a, barWidth: o, svg: s, breakAt: c } = n;
+		if (c === null) return;
+		let l = a(c), u = o + o * .09 * 2, d = e.getAttribute("data-mark") === "zigzag", f = u * .3, p = (e, t) => {
+			let n = e - u / 2;
+			if (!d) return [[n, t + f / 2], [n + u, t - f / 2]];
+			let r = u / 6, i = [[n, t]];
+			for (let e = 0; e < 6; e++) i.push([n + r * (e + 1), t + (e % 2 == 0 ? -3.38 : 3.38)]);
+			return i;
+		}, m = (e, t = !1) => e.map(([e, t], n) => `${n === 0 ? "M" : "L"} ${e.toFixed(1)} ${t.toFixed(1)}`).join(" ") + (t ? " Z" : ""), h = `tablechart-break-${++z}`, g = N("mask", {
+			id: h,
+			maskUnits: "userSpaceOnUse"
+		});
+		g.appendChild(N("rect", {
+			x: -k,
+			y: -n.height,
+			width: k * 3,
+			height: n.height * 3,
+			fill: "white"
+		}));
+		let _ = [];
+		for (let [e, t] of r.entries()) {
+			if (Math.min(t.from, t.to) >= c || Math.max(t.from, t.to) <= c) continue;
+			let r = i(e), a = p(r, l - 13), o = p(r, l);
+			g.appendChild(N("path", {
+				d: m([...a, ...o.slice().reverse()], !0),
+				fill: "black"
+			})), _.push(a, o);
+			let u = j("--after", t.slot);
+			for (let e of [a, o]) s.appendChild(N("path", {
+				class: C,
+				"data-part": "edge",
+				"data-note": n.note,
+				d: m(e),
+				style: u
+			}));
+		}
+		if (!_.length) return;
+		let v = Array.from(s.querySelectorAll(`.${C}`)), y = N("g", { mask: `url(#${h})` });
+		for (let e of Array.from(s.childNodes)) v.includes(e) || y.appendChild(e);
+		let b = N("defs");
+		b.appendChild(g), s.prepend(b, y);
+	}
+}, V = (e) => (e.split(/[.,]/)[1] || "").length, H = (e, t, n) => new Intl.NumberFormat(n || document.documentElement.lang || void 0, {
+	minimumFractionDigits: t,
+	maximumFractionDigits: t
+}).format(e), U = (e) => Number.parseFloat((e.match(/-?[\d.,]+/) || ["NaN"])[0].replace(",", ".")), W = (e, t) => {
+	let n = document.createElement("span");
+	if (n.className = u, n.inert = !0, e.childElementCount > 0) for (let t of Array.from(e.children)) n.appendChild(t.cloneNode(!0));
+	else {
+		n.textContent = (e.textContent || "").trim();
+		let t = e.getAttribute("data-i18n");
+		t && n.setAttribute("data-i18n", t);
+	}
+	return t.appendChild(n), n;
+}, G = (t, n, r, i) => {
+	let a = U(t?.textContent || ""), o = Number.isNaN(a) ? !0 : Math.abs(n - a) <= .5, s = {
+		label: r,
+		computed: n,
+		stated: a,
+		agrees: o
+	};
+	i.checks.push(s), o || console.warn(`[${e}] An annotation reads ${a}%, but ${r} is ${n.toFixed(1)}%. The chart shows what you wrote; this is only a check.`);
+}, K = (e, t) => (t - e) / Math.abs(e) * 100, q = (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)];
+}, ee = {
+	create: W,
+	draw(t, n, r) {
+		let { rows: i, cx: a, y: o, unit: s, labelHeight: u, badgeHeight: d, height: f, svg: p, after: m } = r, [h, g] = q(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 * s, b = 4 * s, x = a(h), S = a(g), C = Math.min(o(_.value), o(v.value)) - u - b - d * .9, w = (e) => o(e) - u - b, T = `M ${x} ${w(_.value)} L ${x} ${C} L ${S} ${C} L ${S} ${w(v.value) - y}`, E = (w(_.value) - C + Math.abs(S - x) + (w(v.value) - y - C)) / s + 1;
+		p.appendChild(N("path", {
+			class: c,
+			"data-note": r.note,
+			d: T,
+			style: `--len:${E.toFixed(1)}; ${j("--after", m)}`
+		}));
+		let D = w(v.value);
+		p.appendChild(N("polygon", {
+			class: l,
+			"data-note": r.note,
+			points: `${S},${D} ${S - y * .45},${D - y} ${S + y * .45},${D - y}`,
+			style: j("--after", m)
+		})), n && (I(n, (x + S) / 2, C, k, f), n.style.setProperty("--after", String(m))), G(n, K(_.value, v.value), `${_.value} to ${v.value}`, r);
+	}
+}, te = (e, t, n) => ((t / e) ** (1 / n) - 1) * 100, ne = {
+	create: W,
+	draw(e, t, n) {
+		let { rows: r, cx: i, y: a, unit: o, labelHeight: s, height: u, svg: d, values: f, after: p } = n, m = r[0], h = r[r.length - 1];
+		if (!m || !h) return;
+		let g = s + 18 * o, _ = 10 * o, v = 10 * o, y = i(0), b = a(m.value) - g, x = i(r.length - 1), S = a(h.value) - g, C = 0;
+		r.forEach((e, t) => {
+			let n = x === y ? 0 : (i(t) - y) / (x - y), r = b + n * (S - b) - (a(e.value) - g);
+			r > C && (C = r);
+		}), b -= C, S -= C;
+		let w = x - y, T = S - b, E = Math.hypot(w, T) || 1, D = w / E, O = T / E;
+		y -= D * _, b -= O * _, x += D * _, S += O * _;
+		let A = Number.parseFloat(e.getAttribute("data-at") || "0.5");
+		if (t) {
+			let e = y + (x - y) * A, n = b + (S - b) * A, c = t.offsetWidth * o / 2, l = n + t.offsetHeight * o / 2 + 8 * o, u = 0;
+			r.forEach((t, n) => {
+				let r = (f[n]?.offsetWidth || 0) * o / 2;
+				if (Math.abs(i(n) - e) >= c + r) return;
+				let d = a(t.value) - 7 * o - s;
+				u = Math.max(u, l - d);
+			}), b -= u, S -= u;
+		}
+		let M = x - D * v, P = S - O * v, F = Math.hypot(M - y, P - b) / o + 1;
+		d.appendChild(N("line", {
+			class: c,
+			"data-note": n.note,
+			x1: y,
+			y1: b,
+			x2: M,
+			y2: P,
+			style: `--len:${F.toFixed(1)}; ${j("--after", p)}`
+		}));
+		let L = -O, R = D, z = v * .42;
+		d.appendChild(N("polygon", {
+			class: l,
+			"data-note": n.note,
+			points: [
+				`${x},${S}`,
+				`${M + L * z},${P + R * z}`,
+				`${M - L * z},${P - R * z}`
+			].join(" "),
+			style: j("--after", p)
+		})), t && (I(t, y + (x - y) * A, b + (S - b) * A, k, u), t.style.setProperty("--after", String(p)));
+		let B = Number.parseFloat(e.getAttribute("data-years") || "");
+		!Number.isNaN(B) && B > 0 && G(t, te(m.value, h.value, B), `${m.value} to ${h.value} over ${B} years`, n);
+	}
+}, re = (e, t, n) => {
+	let r = .15, i = Math.min(e * .7 / (t + (t - 1) * r), n), a = t * i + (t - 1) * i * r;
+	return {
+		size: i,
+		gap: i * r,
+		offset: (e) => -a / 2 + e * i * 1.15
+	};
+}, ie = (e, t, n) => {
+	let r = e.series[n], i = e.series.some((e) => e.focus) && !r.focus;
+	return {
+		"data-series": n + 1,
+		...i && { "data-muted": "" },
+		style: `--n:${n}; --m:${+!!i}; --palette:var(--tablechart-color-${n + 1}); ${j("--i", t.slot)}`
+	};
+}, J = (e, t) => {
+	let n = 0;
+	return Array.from({ length: t }, (t, r) => {
+		let i = e.cells[r] ?? e.cells[0], a = n;
+		return !i.missing && i.value > 0 && (n += i.value), {
+			from: a,
+			to: n,
+			cell: i
+		};
+	});
+}, ae = (e, t) => J(e, t).at(-1)?.to ?? 0, oe = (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})`);
+}, se = (e, t, n, r = {}) => {
+	let o = N("g", {
+		class: P(i, t),
+		"data-kind": "bar",
+		"data-row": n + 1,
+		...r,
+		"data-stack": "",
+		style: j("--i", t.slot)
+	});
+	return e.svg.appendChild(o), (n, r) => {
+		o.appendChild(N("rect", {
+			...r,
+			class: P(a, t),
+			...ie(e, t, n)
+		}));
+	};
+}, ce = 6, le = (e, t, n) => e.some((e) => e.offsetWidth * n > t - ce * n), ue = (e, t, n) => t >= e.offsetHeight * n * 1.6, de = (e, t, n) => t >= e.offsetWidth * n * 1.5, fe = (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;
+}, pe = (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), me = {
+	segments: (e) => e.map((e) => ({
+		...e,
+		from: 0,
+		to: e.value,
+		kind: "bar"
+	})),
+	series: !0,
+	legend: "box",
+	stackable: !0,
+	totals: !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);
+	},
+	categories: "beside",
+	headroom: () => 0,
+	draw(e) {
+		let { segments: t, height: n, unit: r, svg: a, values: s, categories: c, config: l, barMax: u } = e, d = e.series.length > 1, f = Math.max(...c.map((e) => e.offsetWidth * r), 0), p = Math.min(f + 10 * r, k * .42), m = k - 4 * r, h = e.stacked ? Math.max(...e.rows.map((t) => ae(t, e.series.length)), 0) || 1 : Math.max(...e.rows.flatMap((t) => t.cells.slice(0, e.series.length).map((e) => Math.abs(e.value))), 0) || 1, g = (e) => e.offsetWidth * r, _ = (e) => e.length ? Math.max(...e.map(g)) + 9 * r : 0, v = e.stacked ? _(e.totals) : d ? _(e.seriesValues.flat()) : 0;
+		if (!d) for (let e = 0; e < 3; e++) {
+			let e = m - p - v, n = _(t.map((e, t) => ({
+				seg: e,
+				label: s[t]
+			})).filter(({ seg: t, label: n }) => !de(n, Math.abs(t.value) / h * e, r)).map(({ label: e }) => e));
+			if (n <= v) break;
+			v = n;
+		}
+		let y = m - p - v, b = (e) => p + Math.abs(e) / h * y, x = n / t.length, S = (e) => (e + .5) * x, C = Math.min(x * l.barfill, u);
+		if (e.stacked) {
+			e.rows.forEach((t, i) => {
+				let a = se(e, t, i, { "data-grow": "right" }), o = S(i) - C / 2, s = J(t, e.series.length);
+				s.forEach(({ from: t, to: s, cell: c }, l) => {
+					let u = e.seriesValues[l][i];
+					if (u.dataset.place = "none", c.missing || s === t) return;
+					let d = b(t), f = b(s);
+					a(l, {
+						x: d,
+						y: o,
+						width: Math.max(f - d, 1),
+						height: C
+					}), u.dataset.place = "inside", u.toggleAttribute("data-left-out", !de(u, f - d, r) || u.offsetHeight * r > C), oe(u, e, l), I(u, (d + f) / 2, S(i), k, n);
+				});
+				let l = e.totals[i];
+				l && (l.dataset.place = "after", I(l, b(s.at(-1)?.to ?? 0) + 5 * r, S(i), k, n));
+				let u = c[i];
+				u && I(u, p - 8 * r, S(i), k, n);
+			}), a.appendChild(N("line", {
+				class: o,
+				x1: p,
+				x2: p,
+				y1: 0,
+				y2: n
+			}));
+			return;
+		}
+		if (d) {
+			let t = re(x, e.series.length, u);
+			e.plot.dataset.grouped = "";
+			let s = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), l = fe(e.plot, s, (e) => ({
+				size: e.offsetHeight * r,
+				room: t.size + t.gap * .5
+			}), "--tablechart-fit");
+			e.rows.forEach((o, s) => {
+				e.series.forEach((c, u) => {
+					let d = o.cells[u] ?? o.cells[0], f = e.seriesValues[u][s];
+					if (d.missing) {
+						f.dataset.place = "none";
+						return;
+					}
+					let m = b(d.value), h = S(s) + t.offset(u);
+					a.appendChild(N("rect", {
+						class: P(i, o),
+						"data-kind": "bar",
+						"data-row": s + 1,
+						"data-grow": "right",
+						x: p,
+						y: h,
+						width: Math.max(m - p, 1),
+						height: t.size,
+						...ie(e, o, u)
+					})), f.dataset.place = "after", f.toggleAttribute("data-left-out", !l), I(f, m + 5 * r, h + t.size / 2, k, n);
+				});
+				let u = c[s];
+				u && I(u, p - 8 * r, S(s), k, n);
+			}), a.appendChild(N("line", {
+				class: o,
+				x1: p,
+				x2: p,
+				y1: 0,
+				y2: n
+			}));
+			return;
+		}
+		t.forEach((e, t) => {
+			let o = b(e.value), l = S(t);
+			a.appendChild(N("rect", {
+				class: P(i, e),
+				"data-kind": e.kind,
+				"data-row": t + 1,
+				"data-grow": "right",
+				x: p,
+				y: l - C / 2,
+				width: Math.max(o - p, 1),
+				height: C,
+				style: j("--i", e.slot)
+			}));
+			let u = s[t], d = de(u, o - p, r);
+			u.dataset.place = d ? "inside" : "after", u.dataset.kind = e.kind, I(u, d ? o - 6 * r - u.offsetWidth * r / 2 : o + 5 * r, l, k, n);
+			let f = c[t];
+			f && I(f, p - 8 * r, l, k, n);
+		}), a.appendChild(N("line", {
+			class: o,
+			x1: p,
+			x2: p,
+			y1: 0,
+			y2: n
+		}));
+	}
+}, he = {
+	segments: (e) => e.map((e) => ({
+		...e,
+		from: 0,
+		to: e.value,
+		kind: "bar"
+	})),
+	series: !0,
+	legend: "box",
+	stackable: !0,
+	totals: !0,
+	breakable: !0,
+	headroom: ({ labelHeight: e, badgeHeight: t, hasAnnotations: n, unit: r }) => e + 4 * r + (n ? t * 1.6 : 0),
+	draw(e) {
+		let { segments: t, cx: n, y: r, barWidth: a, height: s, unit: c, svg: l, values: u, labels: d } = e, f = r(0);
+		if (e.stacked) {
+			e.rows.forEach((t, i) => {
+				let o = se(e, t, i), l = n(i) - a / 2;
+				J(t, e.series.length).forEach(({ from: t, to: u, cell: d }, f) => {
+					let p = e.seriesValues[f][i];
+					if (p.dataset.place = "none", d.missing || u === t) return;
+					let m = r(u), h = r(t);
+					o(f, {
+						x: l,
+						y: m,
+						width: a,
+						height: Math.max(h - m, 1)
+					}), p.dataset.place = "inside", p.toggleAttribute("data-left-out", !ue(p, h - m, c) || p.offsetWidth * c > a - 4 * c), oe(p, e, f), I(p, n(i), (m + h) / 2, k, s);
+				});
+				let u = e.totals[i], d = J(t, e.series.length).at(-1)?.to ?? 0;
+				u && (u.dataset.place = "outside", I(u, n(i), r(d) - 4 * c, k, s));
+			}), l.appendChild(N("line", {
+				class: o,
+				x1: 0,
+				x2: k,
+				y1: f,
+				y2: f
+			}));
+			return;
+		}
+		if (e.series.length > 1) {
+			let t = re(n(1) - n(0) || n(0) * 2, e.series.length, e.barMax);
+			e.plot.dataset.grouped = "";
+			let a = e.seriesValues.flat().filter((e) => e.dataset.missing === void 0), u = fe(e.plot, a, (e) => ({
+				size: e.offsetWidth * c,
+				room: t.size + t.gap * .5
+			}), "--tablechart-fit");
+			e.rows.forEach((a, o) => {
+				e.series.forEach((d, p) => {
+					let m = a.cells[p] ?? a.cells[0], h = e.seriesValues[p][o], g = n(o) + t.offset(p);
+					if (m.missing) {
+						h.dataset.place = "none";
+						return;
+					}
+					let _ = r(m.value);
+					l.appendChild(N("rect", {
+						class: P(i, a),
+						"data-kind": "bar",
+						"data-row": o + 1,
+						x: g,
+						y: _,
+						width: t.size,
+						height: Math.max(f - _, 1),
+						...ie(e, a, p)
+					})), h.dataset.place = "outside", h.toggleAttribute("data-left-out", !u), I(h, g + t.size / 2, _ - 4 * c, k, s);
+				});
+			}), l.appendChild(N("line", {
+				class: o,
+				x1: 0,
+				x2: k,
+				y1: f,
+				y2: f
+			}));
+			return;
+		}
+		let p = le(u, a, c);
+		t.forEach((e, t) => {
+			let o = r(e.value);
+			if (e.missing) {
+				I(u[t], n(t), f - 4 * c, k, s), u[t].dataset.place = "outside";
+				return;
+			}
+			l.appendChild(N("rect", {
+				class: P(i, e),
+				"data-kind": e.kind,
+				"data-row": t + 1,
+				x: n(t) - a / 2,
+				y: o,
+				width: a,
+				height: Math.max(f - o, 1),
+				style: j("--i", e.slot)
+			}));
+			let m = f - o, h = d === "inside" && !p && ue(u[t], m, c);
+			I(u[t], n(t), h ? o + m / 2 : o - 4 * c, k, s), u[t].dataset.place = h ? "inside" : "outside";
+		}), l.appendChild(N("line", {
+			class: o,
+			x1: 0,
+			x2: k,
+			y1: f,
+			y2: f
+		}));
+	}
+}, ge = 0, _e = (e) => e.filter((e) => !e.isTotal), ve = {
+	aspect: .66,
+	centre: !0,
+	headroom: () => 0,
+	segments: (e) => e.map((e) => ({
+		...e,
+		from: 0,
+		to: e.value,
+		kind: "bar"
+	})),
+	draw({ rows: e, height: t, unit: n, labelHeight: r, svg: i, values: a, config: o, centre: s }) {
+		let c = k / 2, l = t / 2, u = _e(e).reduce((e, t) => e + Math.abs(t.value), 0);
+		if (!u) return;
+		let d = r * 1.2 + 10 * n, m = Math.max(Math.min(k, t) / 2 - d, 10), h = m * o.ringfill, g = m - h / 2, _ = 2 * Math.PI * g, v = [], y = 0, b = 0;
+		if (e.forEach((e, o) => {
+			let s = a[o];
+			if (e.isTotal) {
+				s.dataset.place = "none";
+				return;
+			}
+			let d = Math.abs(e.value) / u * _, p = y / _ * 2 * Math.PI - Math.PI / 2;
+			v.push(p), i.appendChild(N("circle", {
+				class: P(f, e),
+				"data-slice": b + 1,
+				"data-row": o + 1,
+				cx: c,
+				cy: l,
+				r: g,
+				"stroke-width": h,
+				transform: `rotate(-90 ${c} ${l})`,
+				"stroke-dasharray": `${d.toFixed(1)} ${(_ - d).toFixed(1)}`,
+				"stroke-dashoffset": (-y).toFixed(1),
+				style: `--n:${b}; --palette:var(--tablechart-color-${b + 1}); --arc:${d.toFixed(1)}; --circ:${_.toFixed(1)}; ${j("--i", e.slot)}`
+			}));
+			let x = p + d / _ * Math.PI, C = Math.cos(x), w = Math.sin(x);
+			i.appendChild(N("line", {
+				class: S,
+				x1: c + C * (m + 2 * n),
+				y1: l + w * (m + 2 * n),
+				x2: c + C * (m + 7 * n),
+				y2: l + w * (m + 7 * n),
+				"data-row": o + 1,
+				style: j("--i", e.slot)
+			}));
+			let T = m + 9 * n, E = s.offsetWidth * n / 2;
+			I(s, c + C * (T + Math.abs(C) * E), l + w * (T + Math.abs(w) * r * .7), k, t), s.dataset.place = "around", y += d, b += 1;
+		}), v.length > 1) {
+			let e = g - h / 2 - 1, n = g + h / 2 + 1, r = `tablechart-slices-${++ge}`, a = N("mask", {
+				id: r,
+				maskUnits: "userSpaceOnUse"
+			});
+			a.appendChild(N("rect", {
+				x: 0,
+				y: 0,
+				width: k,
+				height: t,
+				fill: "white"
+			}));
+			for (let t of v) a.appendChild(N("line", {
+				class: p,
+				x1: c + Math.cos(t) * e,
+				y1: l + Math.sin(t) * e,
+				x2: c + Math.cos(t) * n,
+				y2: l + Math.sin(t) * n
+			}));
+			let o = N("g", { mask: `url(#${r})` });
+			for (let e of Array.from(i.querySelectorAll(`.${f}`))) o.appendChild(e);
+			let s = N("defs");
+			s.appendChild(a), i.prepend(s, o);
+		}
+		s && I(s, c, l, k, t);
+	}
+}, ye = [
+	"circle",
+	"square",
+	"diamond"
+], be = (e, t) => {
+	let n = e[t]?.marker?.toLowerCase().split(/\s+/) ?? [], r = ye.find((e) => n.includes(e));
+	return {
+		shape: r ?? ye[Math.floor(t / 2) % ye.length],
+		open: n.includes("open") || !n.includes("filled") && !r && t % 2 == 1
+	};
+}, xe = (e, t, n, r, i = {}) => {
+	if (e === "square") {
+		let e = r * .88;
+		return N("rect", {
+			x: t - e,
+			y: n - e,
+			width: e * 2,
+			height: e * 2,
+			...i
+		});
+	}
+	if (e === "diamond") {
+		let e = r * 1.2;
+		return N("polygon", {
+			points: `${t},${n - e} ${t + e},${n} ${t},${n + e} ${t - e},${n}`,
+			...i
+		});
+	}
+	return N("circle", {
+		cx: t,
+		cy: n,
+		r,
+		...i
+	});
+}, Se = (e) => e.map((e) => ({
+	...e,
+	from: 0,
+	to: e.value,
+	kind: "bar"
+})), Ce = (e) => ({
+	segments: Se,
+	breakable: !0,
+	series: !0,
+	stackable: !0,
+	swatch: e ? "box" : void 0,
+	headroom: ({ labelHeight: e, unit: t }) => e * 1.6 + 6 * t,
+	footroom: ({ labelHeight: t, unit: n, series: r, focused: i, stacked: a }) => !e && !a && r === 2 && !i ? t + 7 * n : 0,
+	draw(t) {
+		let { rows: n, series: r, seriesValues: i, names: a, cx: s, y: c, height: l, unit: u, labelHeight: d, svg: f, stacked: p } = t, _ = t.shape === "step", v = c(0), x = r.length > 1, S = r.some((e) => e.focus), C = n.length - 1, w = (e, t) => n[t]?.cells[e] ?? n[t]?.cells[0], T = n.map((e) => p ? J(e, r.length) : null), E = (e, t) => T[t]?.[e].to ?? w(e, t)?.value ?? 0, D = (e, t) => T[t]?.[e].from ?? 0, O = (e, t) => [s(t), c(E(e, t))], A = (e, t) => !w(e, t) || !!w(e, t)?.missing, M = r.map((e, t) => {
+			if (!x) return {
+				attrs: {},
+				ink: ""
+			};
+			let n = S && !e.focus;
+			return {
+				attrs: {
+					"data-series": t + 1,
+					...n && { "data-muted": "" }
+				},
+				ink: `--n:${t}; --m:${+!!n}; --palette:var(--tablechart-color-${t + 1}); `
+			};
+		}), P = (e, t) => j("--i", n[t].slot), F = n.length > 1 ? s(1) - s(0) : s(0) * 2, L = (e) => n.map((t, n) => ({
+			i: n,
+			next: n < C && !A(e, n + 1)
+		})).filter(({ i: t, next: n }) => !A(e, t) && (_ || n));
+		if (e && r.forEach((e, t) => {
+			let r = N("g", {
+				class: h,
+				...M[t].attrs,
+				...p && { "data-stacked": "" },
+				style: M[t].ink
+			}), i = L(t), a = N("g", {
+				class: g,
+				style: `--rows:${n.length}; ${i.length ? P(t, _ ? i[0].i : i[0].i + 1) : ""}`
+			});
+			r.appendChild(a);
+			for (let { i: e, next: n } of i) {
+				let r = _ ? s(e) - F / 2 : s(e), i = _ ? s(e) + F / 2 : s(e + 1), [o, l] = [c(E(t, e)), c(D(t, e))], [d, f] = _ ? [o, l] : [c(E(t, e + 1)), c(D(t, e + 1))], p = _ ? e + 1 : e + 2, m = _ ? n : e + 1 < C && !A(t, e + 2), h = m ? 1.5 * u : 0, g = (e, t, n, r) => (t - e) / (r - n), v = (e, t, n) => [_ ? e : e + g(t, e, r, i) * h, _ ? n : e + g(e, n, i, s(p)) * h], y = m ? Math.max(...v(d, o, c(E(t, p)))) : d, b = m ? Math.min(...v(f, l, c(D(t, p)))) : f;
+				y >= b && (h = 0);
+				let x = _ ? [
+					[r, l],
+					[r, o],
+					[i, o],
+					[i, y],
+					[i + h, y],
+					[i + h, b],
+					[i, b],
+					[i, l]
+				] : [
+					[r, l],
+					[r, o],
+					[i, d],
+					[i + h, y],
+					[i + h, b],
+					[i, f]
+				];
+				a.appendChild(N("polygon", {
+					points: x.map((e) => e.join(",")).join(" "),
+					"data-row": (_ ? e : e + 1) + 1,
+					style: P(t, _ ? e : e + 1)
+				}));
+			}
+			f.appendChild(r);
+		}), r.forEach((e, t) => {
+			let n = 0;
+			for (let { i: r, next: i } of L(t)) {
+				let a = _ ? [
+					[s(r) - F / 2, c(E(t, r))],
+					[s(r) + F / 2, c(E(t, r))],
+					...i ? [[s(r) + F / 2, c(E(t, r + 1))]] : []
+				] : [O(t, r), O(t, r + 1)], o = 1;
+				for (let e = 1; e < a.length; e++) {
+					let [[t, n], [r, i]] = [a[e - 1], a[e]];
+					o += Math.hypot(r - t, i - n) / u;
+				}
+				f.appendChild(N("polyline", {
+					class: m,
+					...M[t].attrs,
+					points: a.map((e) => e.join(",")).join(" "),
+					...e.line && { "data-line": e.line },
+					"data-row": (_ ? r : r + 1) + 1,
+					style: `${M[t].ink}--len:${o.toFixed(1)}; --along:${(-n).toFixed(1)}; ${P(t, _ ? r : r + 1)}`
+				})), n += o - 1;
+			}
+		}), !_) {
+			let e = r.map((e, t) => x ? be(r, t) : {
+				shape: "circle",
+				open: !1
+			});
+			R(f, r.flatMap((t, r) => e[r].open ? n.flatMap((t, n) => {
+				if (A(r, n)) return [];
+				let [i, a] = O(r, n);
+				return [xe(e[r].shape, i, a, 4 * u, {
+					class: b,
+					"data-row": n + 1,
+					...x && { "data-series": r + 1 },
+					style: P(r, n)
+				})];
+			}) : []), k, l), r.forEach((t, r) => {
+				n.forEach((t, n) => {
+					if (A(r, n)) return;
+					let [i, a] = O(r, n);
+					f.appendChild(xe(e[r].shape, i, a, 4 * u, {
+						class: y,
+						...M[r].attrs,
+						"data-marker": e[r].shape,
+						...e[r].open && { "data-open": "" },
+						"data-row": n + 1,
+						style: `${M[r].ink}${P(r, n)}`
+					}));
+				});
+			});
+		}
+		let z = (e, t) => {
+			let n = t;
+			for (; n < C && !A(e, n + 1) && w(e, n + 1)?.value === w(e, t)?.value;) n++;
+			return n;
+		}, B = (t, n) => {
+			let i = w(t, n);
+			if (!i || i.missing || _ && n > 0 && !A(t, n - 1) && w(t, n - 1)?.value === i.value || S && !r[t].focus) return "none";
+			if (p) return "middle";
+			if (!x || S || r.length > 2) return "above";
+			let a = w(1 - t, n);
+			return !a || a.missing || i.value > a.value || i.value === a.value && t === 0 || e && O(t, n)[1] + 7 * u + d > v ? "above" : "below";
+		}, V = (e, t) => !p && !_ ? x && !S && r.length > 2 : i[e][t].offsetWidth * u > (_ ? z(e, t) - t + 1 : 1) * F - 4 * u ? !0 : p && c(D(e, t)) - c(E(e, t)) < d * 1.2;
+		i.forEach((e, t) => {
+			e.forEach((e, n) => {
+				let r = B(t, n);
+				if (e.dataset.place = r === "above" ? "outside" : r, e.toggleAttribute("data-left-out", r !== "none" && V(t, n)), _ && r !== "none" ? e.dataset.rowEnd = String(z(t, n) + 1) : delete e.dataset.rowEnd, r === "none") return;
+				let i = e.offsetWidth * u / 2 + 4 * u, a = _ ? (s(n) + s(z(t, n))) / 2 : r === "middle" && n === 0 ? s(n) + i : r === "middle" && n === C ? s(n) - i : s(n), o = c(E(t, n));
+				I(e, a, r === "middle" ? (o + c(D(t, n))) / 2 : r === "above" ? o - 7 * u : o + 7 * u, k, l);
+			});
+		});
+		let H = a.map((e, t) => {
+			let n = C;
+			for (; n > 0 && A(t, n);) n--;
+			let [r, i] = O(t, n);
+			return {
+				name: e,
+				x: (_ ? r + F / 2 : r) + 10 * u,
+				y: p ? (i + c(D(t, n))) / 2 : i
+			};
+		}), U = (a[0]?.offsetHeight || 0) * u;
+		for (let e of pe(H, U)) I(e.name, e.x, e.y, k, l);
+		let W = !e && !p && r.length === 2 && !S ? l - 2 * u : v;
+		f.appendChild(N("line", {
+			class: o,
+			x1: 0,
+			x2: s(C) + s(0),
+			y1: W,
+			y2: W
+		}));
+	}
+}), we = Ce(!1), Te = Ce(!0), Ee = {
+	segments: (e) => {
+		let t = 0;
+		return e.map((e) => {
+			if (e.isTotal) return t = e.value, {
+				...e,
+				from: 0,
+				to: e.value,
+				kind: "total"
+			};
+			let n = t;
+			return t += e.value, {
+				...e,
+				from: n,
+				to: t,
+				kind: e.value >= 0 ? "up" : "down"
+			};
+		});
+	},
+	breakable: !0,
+	headroom: ({ labelHeight: e, badgeHeight: t, hasAnnotations: n, unit: r }) => e + 6 * r + (n ? t * 1.6 : 0),
+	draw({ segments: e, cx: t, y: n, barWidth: r, height: a, unit: c, svg: l, values: u, breakAt: d }) {
+		let f = n(0), p = le(u, r, c);
+		e.forEach((i, a) => {
+			let o = e[a + 1];
+			if (!o) return;
+			let c = n(i.to), u = t(a) + r / 2, d = t(a + 1) - r / 2;
+			l.appendChild(N("line", {
+				class: s,
+				x1: u,
+				x2: d,
+				y1: c,
+				y2: c,
+				"data-row": a + 2,
+				style: j("--i", o.slot)
+			}));
+		}), e.forEach((e, o) => {
+			let s = n(Math.max(e.from, e.to)), f = Math.abs(n(e.from) - n(e.to));
+			l.appendChild(N("rect", {
+				class: P(i, e),
+				"data-kind": e.kind,
+				"data-row": o + 1,
+				"data-grow": e.kind === "down" ? "down" : "up",
+				x: t(o) - r / 2,
+				y: s,
+				width: r,
+				height: Math.max(f, 1),
+				style: j("--i", e.slot)
+			}));
+			let m = u[o], h = !(d !== null && Math.min(e.from, e.to) < d && Math.max(e.from, e.to) > d) && !p && ue(m, f, c);
+			m.dataset.place = h ? "inside" : "outside", m.dataset.kind = e.kind;
+			let g = h ? s + f / 2 : e.kind === "down" ? s + f + m.offsetHeight * c + 3 * c : s - 3 * c;
+			I(m, t(o), g, k, a);
+		}), l.appendChild(N("line", {
+			class: o,
+			x1: 0,
+			x2: k,
+			y1: f,
+			y2: f
+		}));
+	}
+}, Y = {
+	enabled: !1,
+	log(...t) {
+		Y.enabled && console.log(`[${e}]`, ...t);
+	}
+}, De = (e) => {
+	let t = (e?.textContent || "").trim(), n = t.match(/^(.*?)(-?\d+(?:[.,]\d+)?)(.*)$/);
+	return {
+		raw: t,
+		number: n?.[2] ?? "",
+		prefix: n?.[1] ?? "",
+		suffix: n?.[3] ?? "",
+		missing: !n,
+		value: n ? Number.parseFloat(n[2].replace(",", ".")) : 0
+	};
+}, Oe = (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(De);
+	return i.length || i.push(De(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
+	};
+}), ke = (e) => Array.from(e.querySelector("thead tr:last-child")?.children ?? []).slice(1), Ae = (e) => e === "dashed" || e === "dotted" ? e : null, je = (e, t, n = "data-i18n") => {
+	let r = ke(e), i = Math.max(1, ...t.map((e) => e.cells.length));
+	return Array.from({ length: i }, (e, t) => {
+		let i = r[t];
+		return {
+			name: (i?.textContent || "").trim(),
+			key: n && i?.getAttribute(n) || null,
+			focus: i?.getAttribute("data-kind") === "focus",
+			marker: i?.getAttribute("data-marker") ?? null,
+			line: Ae(i?.getAttribute("data-line"))
+		};
+	});
+}, Me = (t, n) => {
+	if (!n) return;
+	let r = /* @__PURE__ */ new Map();
+	for (let i of t) {
+		let t = i.getAttribute("data-chart-keys") || null;
+		if (!t) continue;
+		if (r.has(t)) {
+			let n = r.get(t) + 1;
+			r.set(t, n), console.warn(`[${e}] Two charts on the page have data-chart-keys="${t}". If two charts use the same keys, they get the same translations. This one uses "${t}-${n}".`), t = `${t}-${n}`;
+		} else r.set(t, 1);
+		i.querySelectorAll("tbody th").forEach((e, r) => {
+			e.getAttribute(n) || e.setAttribute(n, `${t}-row${r + 1}`);
+		});
+		let a = ke(i);
+		a.length > 1 && a.forEach((e, r) => {
+			e.getAttribute(n) || e.setAttribute(n, `${t}-col${r + 1}`);
+		}), Y?.log?.(`Keys for "${t}" written onto ${i.querySelectorAll("tbody th").length} rows`);
+	}
+}, Ne = {
+	area: Te,
+	bar: me,
+	column: he,
+	donut: ve,
+	line: we,
+	waterfall: Ee
+}, Pe = {
+	"axis-break": B,
+	trend: ne,
+	bracket: ee
+}, Fe = Object.keys(Pe), Ie = (e) => {
+	let t = "";
+	for (let n = e.previousSibling; n && (t = (n.textContent ?? "") + t, !t.trim()); n = n.previousSibling);
+	return t.trim();
+}, Le = (e) => {
+	for (let t of e.querySelectorAll("br")) {
+		if (t.previousElementSibling?.classList.contains("tablechart-sr") || /[.!?:;,…]$/.test(Ie(t))) continue;
+		let e = document.createElement("span");
+		e.className = E, e.textContent = ". ", t.before(e);
+	}
+}, Re = (e, t, n) => {
+	let r = e.querySelector("table");
+	if (!r) return null;
+	let i = r.querySelector("tfoot [data-chart-total]");
+	if (i) return i.dataset.value = t.dataset.value ?? "0", i;
+	let a = (r.tFoot ?? r.createTFoot()).insertRow(), o = document.createElement("th");
+	o.scope = "row", o.textContent = n.totallabel;
+	let s = e.getAttribute("data-chart-keys");
+	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;
+}, ze = 0, Be = (e) => {
+	let t = e.querySelector(":scope > figcaption");
+	if (!t) return;
+	Le(t);
+	let n = (e) => e.hasAttribute("aria-label") || e.hasAttribute("aria-labelledby"), r = (e) => {
+		t.id || (t.id = `tablechart-caption-${++ze}`), 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);
+}, Ve = (i, a, o = null) => {
+	let s = o ?? (i.getAttribute("data-chart") || "column"), c = Ne[s];
+	if (!c) return console.warn(`[${e}] Unknown chart type "${s}". Known types: ${Object.keys(Ne).join(", ")}.`), null;
+	let l = Oe(i, a.langattribute);
+	if (!l.length) return console.warn(`[${e}] A chart has no rows in its table, so there is nothing to draw.`), null;
+	Be(i);
+	let u = je(i, l, a.langattribute);
+	u.length > 1 && !c.series && (console.warn(`[${e}] A ${s} chart draws one series; only the first of the table's ${u.length} value columns is used.`), u = u.slice(0, 1));
+	let d = u.length > 1;
+	d && i.style.setProperty("--tablechart-series-count", String(u.length));
+	let f = i.hasAttribute("data-chart-stack");
+	f && !c.stackable && console.warn(`[${e}] A ${s} chart cannot be stacked.`);
+	let p = f && !!c.stackable && d;
+	p && l.some((e) => e.cells.slice(0, u.length).some((e) => e.value < 0)) && console.warn(`[${e}] A stacked chart has a value below zero. It takes no room in the stack.`);
+	let m = document.createElement("div");
+	m.className = t, m.setAttribute("aria-hidden", "true");
+	let h = N("svg", {
+		role: "presentation",
+		focusable: "false"
+	});
+	m.appendChild(h), i.appendChild(m);
+	let g = c.centre ? l.filter((e) => !e.isTotal) : l, y = Math.max(0, ...g.flatMap((e) => e.cells.slice(0, u.length).map((e) => V(e.number)))), b = u.map((e, t) => l.map((e, n) => {
+		let i = e.cells[t] ?? e.cells[0], a = F(r, m);
+		return a.classList.add(...e.classes), a.dataset.value = String(i.value), i.prefix && (a.dataset.prefix = i.prefix), i.suffix && (a.dataset.suffix = i.suffix), i.missing && (a.dataset.missing = i.raw), d && (a.dataset.series = String(t + 1)), a.dataset.row = String(n + 1), a.style.setProperty("--i", String(e.slot)), a;
+	})), S = b[0], C = p && c.totals ? l.map((e, t) => {
+		let n = F(r, m);
+		n.classList.add(...e.classes), n.dataset.kind = "total", n.dataset.row = String(t + 1), n.dataset.value = String(ae(e, u.length));
+		let i = e.cells[0];
+		return i.prefix && (n.dataset.prefix = i.prefix), i.suffix && (n.dataset.suffix = i.suffix), n.style.setProperty("--i", String(e.slot)), n;
+	}) : [], w = l[l.length - 1], T = u.some((e) => e.focus), E = i.getAttribute("data-chart-legend"), D = d && (E === null ? a.legend || c.legend !== void 0 : E !== "false") ? document.createElement("div") : null;
+	D && (D.className = v, D.setAttribute("aria-hidden", "true"), D.inert = !0);
+	let O = d ? u.map((e, t) => {
+		let n = F(_, D ?? m);
+		D && (n.dataset.place = "legend");
+		let r = c.legend ?? c.swatch;
+		if (r && (n.dataset.swatch = r), n.textContent = e.name, !r && i.dataset.chartShape !== "step") {
+			let e = be(u, t);
+			n.dataset.marker = e.shape, n.toggleAttribute("data-open", e.open);
+		}
+		return e.line && !r && (n.dataset.line = e.line), e.key && a.langattribute && n.setAttribute(a.langattribute, e.key), n.dataset.series = String(t + 1), n.style.setProperty("--n", String(t)), n.style.setProperty("--palette", `var(--tablechart-color-${t + 1})`), n.style.setProperty("--m", T && !e.focus ? "1" : "0"), n.style.setProperty("--i", String(w.slot)), n;
+	}) : [], k = c.centre ? F(x, m) : null;
+	if (k) {
+		let e = l.find((e) => e.isTotal), t = e ? e.value : l.reduce((e, t) => e + Math.abs(t.value), 0);
+		k.dataset.value = String(t), e && (k.dataset.decimals = String(V(e.number)));
+	}
+	let A = k && !l.some((e) => e.isTotal) ? Re(i, k, a) : null, j = c.categories === "beside", M = document.createElement("div");
+	M.className = n, M.setAttribute("aria-hidden", "true"), M.inert = !0, j ? M.dataset.place = "beside" : c.centre && (M.dataset.place = "key"), M.style.setProperty("--tablechart-columns", String(l.length));
+	let P = 0;
+	for (let e of l) {
+		let t = document.createElement("span");
+		t.classList.add(...e.classes), t.textContent = e.label, e.key && a.langattribute && t.setAttribute(a.langattribute, e.key), c.centre && (t.dataset.kind = e.isTotal ? "total" : "slice", e.isTotal || (t.dataset.slice = String(P + 1), t.style.setProperty("--n", String(P)), t.style.setProperty("--palette", `var(--tablechart-color-${P + 1})`), P += 1)), t.style.setProperty("--i", String(e.slot)), t.dataset.row = String(l.indexOf(e) + 1), M.appendChild(t);
+	}
+	(j ? m : i).appendChild(M), D && i.appendChild(D);
+	let I = Array.from(i.querySelectorAll("[data-annotation]")).map((t) => {
+		let n = t.getAttribute("data-annotation"), r = Pe[n];
+		if (!r) return console.warn(`[${e}] Unknown annotation "${n}". Known annotations: ${Object.keys(Pe).join(", ")}.`), null;
+		let i = Number.parseInt(t.getAttribute("data-series") ?? "1", 10), a = i >= 1 && i <= u.length ? i - 1 : 0;
+		return i !== a + 1 && console.warn(`[${e}] An annotation reads line ${i}, which the chart does not have; it reads the first.`), {
+			spec: t,
+			type: r,
+			badge: r.create(t, m),
+			series: a,
+			after: l.length
+		};
+	}).filter((e) => e !== null);
+	a.animate && i.setAttribute("data-animate", "");
+	let L = {
+		figure: i,
+		plot: m,
+		svg: h,
+		rows: l,
+		decimals: y,
+		type: c,
+		values: S,
+		series: u,
+		seriesValues: b,
+		names: D ? [] : O,
+		categories: Array.from(M.children),
+		centre: k,
+		stacked: p,
+		totals: C,
+		totalCell: A,
+		rowAt: null,
+		rowBox: null,
+		annotations: I,
+		checks: []
+	};
+	return a.hover && i.getAttribute("data-chart-hover") !== "false" && qe(L), Ge(L, a), L;
+}, He = (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 * k : o * (a[2] === "em" ? Number.parseFloat(i.fontSize) : a[2] === "rem" ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize) : 1) * t;
+}, Ue = (e, t) => He(e, t, "--tablechart-bar-max", "60px") ?? Infinity, We = (t, n) => {
+	let { plot: r, svg: i, rows: a, type: o, values: s, series: c, seriesValues: l, names: u, annotations: d } = t, f = r.clientWidth;
+	if (!f) return !1;
+	let p = k / f, m = Number.parseFloat(t.figure.dataset.chartAspect ?? ""), h = k * (m > 0 ? m : o.aspect ?? n.aspect);
+	r.classList.add(w);
+	let g = (s[0]?.offsetHeight || 0) * p, _ = d[0]?.badge ? d[0].badge.offsetHeight * p : 0, v = Math.max(h, He(t.figure, p, "--tablechart-min-height", "200px") ?? 0, o.minHeight?.({
+		labelHeight: g,
+		nameHeight: Math.max(0, ...t.categories.map((e) => e.offsetHeight)) * p,
+		unit: p,
+		rows: a.length,
+		series: c.length,
+		stacked: t.stacked
+	}) ?? 0), y = t.stacked ? a.map((e) => {
+		let t = ae(e, c.length);
+		return {
+			...e,
+			value: t,
+			cells: e.cells.map((e, n) => n === 0 ? {
+				...e,
+				value: t
+			} : e)
+		};
+	}) : a, x = (o.segments ?? ((e) => e.map((e) => ({
+		...e,
+		from: 0,
+		to: e.value,
+		kind: "bar"
+	}))))(t.stacked ? y.map((e) => ({
+		...e,
+		cells: [e.cells[0]]
+	})) : a), S = {
+		labelHeight: g,
+		badgeHeight: _,
+		hasAnnotations: d.length > 0,
+		unit: p,
+		series: c.length,
+		focused: c.some((e) => e.focus),
+		stacked: t.stacked
+	}, C = o.headroom?.(S) ?? g, T = 2 * p + (o.footroom?.(S) ?? 0), E = C, D = t.stacked ? Math.max(...y.map((e) => e.value), 0) : Math.max(...x.flatMap((e) => [
+		e.from,
+		e.to,
+		e.value
+	]), ...a.flatMap((e) => e.cells.slice(0, c.length).map((e) => e.value))), O = v - E - T, A = D * 1.02, j = d.find((e) => e.spec.getAttribute("data-annotation") === "axis-break")?.spec, M = (e) => {
+		let t = Number.parseFloat(j?.getAttribute(e) ?? "");
+		return Number.isFinite(t) ? t : null;
+	}, P = M("data-from") ?? M("data-at"), F = M("data-to"), I = null;
+	if (j && (P !== null || F !== null)) {
+		let t = P ?? 0, n = F ?? A, r = F === null ? t : P === null ? n : (t + n) / 2, i = j.getAttribute("data-size"), a = i?.match(/^\s*(\d+(?:\.\d+)?)\s*%\s*$/);
+		i !== null && !a && console.warn(`[${e}] data-size="${i}" is not a percentage, such as 30%. Using the default.`);
+		let s = Math.min(Math.max(a ? Number(a[1]) / 100 : F === null ? .22 : .3, .05), .8), c = x.filter((e) => (e.kind === "up" || e.kind === "down") && Math.max(e.from, e.to) > t && Math.min(e.from, e.to) < n);
+		o.breakable ? t < 0 || n <= t || n > A || t === 0 && n === A ? console.warn(`[${e}] A break from ${t} to ${n} does not fit a scale that runs from 0 to ${D}.`) : c.length ? console.warn(`[${e}] A break from ${t} to ${n} would cut a step that floats. Keep it below or above the steps.`) : I = {
+			lo: t,
+			hi: n,
+			gap: r,
+			share: s
+		} : console.warn(`[${e}] This kind of chart cannot break its scale.`);
+	}
+	let L = I ? I.gap : null, z = v - T, B = (e) => z - e / A * O;
+	if (I) {
+		let { lo: e, hi: t, gap: n, share: r } = I, i = O * r, a = (O - i - 13) / (e + (A - t)), o = i / (t - e);
+		B = (r) => r <= e ? z - r * a : r <= n ? z - e * a - (r - e) * o : r <= t ? z - e * a - (r - e) * o - 13 : z - e * a - i - 13 - (r - t) * a;
+	}
+	let V = u.length ? Math.max(...u.map((e) => e.offsetWidth)) * p + 12 * p : 0, H = t.categories[0]?.parentElement;
+	H && (H.style.paddingRight = V ? `${V / k * 100}%` : "");
+	let U = (k - V) / a.length, W = (e) => (e + .5) * U, G = (e) => e >= 0 && e < a.length ? e : null;
+	t.rowAt = o.centre ? null : o.categories === "beside" ? (e, t) => G(Math.floor(t * p / (v / a.length))) : (e) => G(Math.floor(e * p / U));
+	let K = U / k * 100, q = 100 / a.length;
+	t.rowBox = o.categories === "beside" ? (e) => [
+		0,
+		e * q,
+		100,
+		q
+	] : (e) => [
+		e * K,
+		0,
+		K,
+		100
+	], i.setAttribute("viewBox", `0 0 ${k} ${v}`), i.textContent = "", t.checks = [];
+	let ee = {
+		rows: a,
+		segments: x,
+		cx: W,
+		y: B,
+		barWidth: Math.min(U * n.barfill, Ue(t.figure, p)),
+		barMax: Ue(t.figure, p),
+		height: v,
+		unit: p,
+		labelHeight: g,
+		badgeHeight: _,
+		after: a.length,
+		note: 0,
+		labels: t.figure.dataset.chartLabels === "inside" || t.figure.dataset.chartLabels !== "outside" && n.labels === "inside" ? "inside" : "outside",
+		breakAt: L,
+		stacked: t.stacked,
+		shape: t.figure.dataset.chartShape === "step" ? "step" : "straight",
+		totals: t.totals,
+		svg: i,
+		plot: r,
+		values: s,
+		series: c,
+		seriesValues: l,
+		names: u,
+		categories: t.categories,
+		centre: t.centre,
+		config: n,
+		checks: t.checks
+	};
+	o.draw(ee);
+	let te = t.categories[0]?.parentElement;
+	te && o.categories !== "beside" && fe(te, t.categories.filter((e) => e.offsetParent !== null), (e) => ({
+		size: e.scrollWidth,
+		room: e.clientWidth
+	}), "--tablechart-name-fit");
+	for (let [e, n] of d.entries()) {
+		n.badge?.setAttribute("data-note", String(e + 1));
+		let r = n.series, i = (e) => ({
+			...e,
+			...e.cells[r] ?? e.cells[0]
+		});
+		n.type.draw(n.spec, n.badge, {
+			...ee,
+			...t.stacked && {
+				rows: y,
+				...t.totals.length && { values: t.totals }
+			},
+			...r > 0 && !t.stacked && {
+				rows: a.map(i),
+				segments: x.map((e) => {
+					let t = i(e);
+					return e.kind === "bar" ? {
+						...t,
+						to: t.value
+					} : t;
+				}),
+				values: l[r]
+			},
+			after: n.after,
+			note: e + 1
+		});
+	}
+	return R(i, d.flatMap(({ badge: e }) => {
+		if (!(e instanceof HTMLElement) || !e.offsetWidth) return [];
+		let t = e.offsetWidth * p, n = e.offsetHeight * p, r = Number.parseFloat(e.style.left) / 100 * k, i = Number.parseFloat(e.style.top) / 100 * v, a = getComputedStyle(e).borderTopLeftRadius, o = a.endsWith("%") ? Number.parseFloat(a) / 100 : null, s = (Number.parseFloat(a) || 0) * p;
+		return [N("rect", {
+			class: b,
+			"data-for": "badge",
+			"data-note": e.dataset.note ?? "",
+			x: r - t / 2,
+			y: i - n / 2,
+			width: t,
+			height: n,
+			rx: o === null ? s : t * o,
+			ry: o === null ? s : n * o,
+			style: ["--after"].map((t) => e.style.getPropertyValue(t) && `${t}:${e.style.getPropertyValue(t)}`).filter(Boolean).join("; ")
+		})];
+	}), k, v), !0;
+}, Ge = (e, t) => {
+	let n = [
+		...e.seriesValues.flat(),
+		...e.totals,
+		...e.totalCell ? [e.totalCell] : []
+	];
+	for (let r of e.centre ? [...n, e.centre] : n) {
+		let { missing: n, prefix: i = "", suffix: a = "" } = r.dataset;
+		if (n !== void 0) {
+			r.textContent = n;
+			continue;
+		}
+		r.textContent = i + H(Number.parseFloat(r.dataset.value || "0"), r.dataset.decimals ? Number(r.dataset.decimals) : e.decimals, t.locale) + a;
+	}
+}, Ke = (e) => {
+	e.plot.remove(), e.categories[0]?.parentElement?.remove(), e.figure.querySelector(`:scope > .${v}`)?.remove();
+}, X = (e, t) => {
+	e.figure.classList.toggle(D, t), t || e.plot.removeAttribute("data-pointed");
+}, qe = (e) => {
+	let { plot: t } = e, n = () => [...e.seriesValues.flat(), ...e.totals], r = (e, t) => {
+		let n = Number(e.dataset.row), r = Number(e.dataset.rowEnd ?? n);
+		return t >= n && t <= r;
+	};
+	t.setAttribute("data-hover", "");
+	let i = document.createElement("div");
+	i.className = T, t.prepend(i);
+	let a = () => {
+		t.removeAttribute("data-active");
+		for (let e of n()) e.removeAttribute("data-active");
+	}, o = (o) => {
+		if (!t.classList.contains("is-placed") || !e.rowAt) return;
+		let s = t.getBoundingClientRect(), c = s.width / t.offsetWidth || 1, l = e.rowAt((o.clientX - s.left) / c, (o.clientY - s.top) / c), u = l === null ? null : l + 1, d = (e) => e.dataset.place !== "none", f = u === null ? [] : n().filter((e) => r(e, u) && d(e));
+		if (!n().some((e) => e.hasAttribute("data-left-out") && d(e)) || !f.length) return a();
+		t.setAttribute("data-pointed", ""), t.setAttribute("data-active", String(u));
+		let [p, m, h, g] = e.rowBox?.(u - 1) ?? [
+			0,
+			0,
+			0,
+			0
+		];
+		Object.assign(i.style, {
+			left: `${p}%`,
+			top: `${m}%`,
+			width: `${h}%`,
+			height: `${g}%`
+		});
+		for (let e of n()) e.toggleAttribute("data-active", f.includes(e));
+	};
+	t.addEventListener("pointermove", o), t.addEventListener("pointerdown", o), t.addEventListener("pointerleave", (e) => {
+		e.pointerType === "mouse" && a();
+	}), document.addEventListener("pointerdown", (e) => {
+		t.contains(e.target) || a();
+	});
+}, Je = (e) => e === "id" || e === "style" || e.startsWith("data-chart"), Ye = /^\s*(?:Table)?:\s+/, Xe = (e) => e?.tagName === "P" && Ye.test(e.textContent ?? ""), Ze = (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(Ye, ""), 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;
+}, Qe = /^\s*([a-z][\w-]*)((?:\s+[\w-]+=[^\s:]+)*)\s*(:\s*|$)/, $e = (e) => {
+	let t = Z(e);
+	return t?.tagName === "P" ? t : e;
+}, et = (e) => {
+	let t = $e(e).firstChild;
+	if (t?.nodeType !== Node.TEXT_NODE) return null;
+	let n = Qe.exec(t.textContent ?? "");
+	if (!n || !Fe.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],
+		options: r,
+		text: t,
+		length: n[0].length
+	};
+}, tt = (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 : et(e));
+	return !t.length || t.some((e, t) => !n[t] && !e.hasAttribute("data-annotation")) ? null : (t.forEach((e, t) => {
+		let r = n[t], i = $e(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);
+			r.text.textContent = (r.text.textContent ?? "").slice(r.length);
+		}
+		e.children.length && Array.from(e.childNodes).filter((e) => e.nodeType === Node.ELEMENT_NODE || e.textContent?.trim()).forEach((e, t) => {
+			let n = document.createElement("span");
+			t === 0 && e instanceof HTMLElement && e.matches("em, i") ? (n.className = d, n.append(...e.childNodes), e.replaceWith(n)) : e.nodeType === Node.TEXT_NODE && (n.textContent = (e.textContent ?? "").trim(), e.replaceWith(n));
+		});
+	}), e.classList.add("chart-annotations"), e);
+}, nt = (e, t) => {
+	for (let { name: n, value: r } of Array.from(e.attributes)) (n === "class" || Je(n)) && (t.setAttribute(n, r), e.removeAttribute(n));
+}, rt = (e) => e.map((e) => {
+	let t = e.closest("p"), n = Xe(t) ? t : e;
+	if (n.tagName !== "TABLE" && n.tagName !== "P") return n;
+	let r = document.createElement("div");
+	nt(e, r), e.classList.length || e.removeAttribute("class");
+	let i = n.tagName === "TABLE" ? n : null, a = n.previousElementSibling, o = n.nextElementSibling, s = i ? Xe(a) ? a : Xe(o) ? o : null : n;
+	i && s === o && (o = o?.nextElementSibling ?? null);
+	let c = o?.classList.contains("chart-annotations") ? o : tt(o);
+	return n.replaceWith(r), s && r.append(Ze(s)), i && r.append(i), c && r.append(c), Y?.log?.(`A ${i ? "table" : "caption"} with chart attributes was wrapped in a figure of its own`), r;
+}), it = (e, t = []) => {
+	let n = document.createElement("table");
+	if (t.length) {
+		let e = n.createTHead().insertRow();
+		e.append(document.createElement("th"));
+		for (let n of t) {
+			let t = document.createElement("th");
+			t.textContent = n, e.append(t);
+		}
+	}
+	let r = n.createTBody();
+	for (let t of e) {
+		let e = r.insertRow();
+		t.kind === "total" && (e.dataset.kind = "total");
+		let n = document.createElement("th");
+		n.textContent = String(t.label ?? ""), e.append(n);
+		for (let n of t.values ?? [t.value ?? null]) e.insertCell().textContent = n === null ? "" : String(n);
+	}
+	return n;
+}, at = async (t) => {
+	await Promise.all(t.filter((e) => e.hasAttribute("data-chart-src")).map(async (t) => {
+		let n = t.getAttribute("data-chart-src");
+		for (let e of t.querySelectorAll("table")) e.remove();
+		try {
+			let e = await fetch(n);
+			if (!e.ok) throw Error(`${e.status} ${e.statusText}`);
+			let r = await e.json(), i = Array.isArray(r) ? r : r?.rows;
+			if (!Array.isArray(i)) throw Error("no array of rows in it");
+			let a = Array.isArray(r?.series) ? r.series.map(String) : [], o = t.querySelector(":scope > figcaption"), s = it(i, a);
+			o ? o.after(s) : t.prepend(s), Y?.log?.(`Read ${i.length} rows from "${n}"`);
+		} catch (t) {
+			let r = window.location.protocol === "file:";
+			console.warn(`[${e}] Could not read the chart data in "${n}": ${t.message}.` + (r ? " A page opened from the file system cannot fetch files; open the page from a server instead." : ""));
+		}
+	}));
+}, Z = (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;
+}, ot = "strong, b, span.total", st = (e) => {
+	for (let t of e) {
+		for (let e of t.querySelectorAll("tbody tr")) {
+			let t = e.cells[0];
+			if (t?.tagName !== "TD" || e.cells.length < 2) continue;
+			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 = Z(n); t?.matches(ot); t = Z(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 = Z(t); e?.matches(ot); e = Z(t)) t.setAttribute("data-kind", "focus"), e.replaceWith(...e.childNodes);
+	}
+}, ct = "data-chart-made", lt = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, ut = (e) => new Promise((t) => setTimeout(t, e)), dt = async (e) => {
+	if (lt()) return;
+	await new Promise(requestAnimationFrame);
+	let t = e.getAnimations().filter((e) => e instanceof CSSAnimation);
+	for (let n = e.parentElement; n && n !== document.body; n = n.parentElement) t.push(...n.getAnimations());
+	let n = 0;
+	for (let e of t) {
+		let t = e.effect?.getComputedTiming(), r = Number(t?.activeDuration ?? 0);
+		if (!t || !Number.isFinite(r)) continue;
+		let i = Number(t.delay ?? 0) + r / 2;
+		n = Math.max(n, i - Number(e.currentTime ?? 0));
+	}
+	n > 0 && await ut(n);
+}, ft = (e) => {
+	for (let t = e; t && t !== document.body; t = t.parentElement) if (getComputedStyle(t).opacity === "0") return t;
+	return null;
+}, pt = (e) => new Promise((t) => {
+	let n = ["animationstart", "transitionrun"], r = () => {
+		for (let e of n) document.removeEventListener(e, i, !0);
+		a.disconnect(), t();
+	}, i = (t) => {
+		t.target instanceof Node && t.target.contains(e) && r();
+	}, a = new MutationObserver(() => {
+		getComputedStyle(e).opacity !== "0" && r();
+	});
+	for (let e of n) document.addEventListener(e, i, !0);
+	a.observe(e, {
+		attributes: !0,
+		attributeFilter: ["class", "style"]
+	});
+}), Q = /* @__PURE__ */ new Set(), $ = null, mt = (e) => {
+	Q.add(e), !$ && ($ = new MutationObserver(() => {
+		for (let e of Q) e.relabel();
+		requestAnimationFrame(() => requestAnimationFrame(() => {
+			for (let e of Q) e.refresh();
+		}));
+	}), $.observe(document.documentElement, {
+		attributes: !0,
+		attributeFilter: ["lang"]
+	}));
+}, ht = (e) => {
+	Q.delete(e), !(Q.size || !$) && ($.disconnect(), $ = null);
+}, gt = ["column", "bar"], _t = (e) => {
+	let t = e.getAttribute("data-chart") || "column";
+	if (!gt.includes(t)) return null;
+	let n = getComputedStyle(e).getPropertyValue("--tablechart-type").trim();
+	return gt.includes(n) ? n : t;
+}, vt = (e, t) => {
+	let n = e, r = _t(n.figure), i = null, a = !1, o = !1, s = async () => {
+		if (!t.animate) return X(n, !0);
+		let e = n.figure.classList.contains("is-shown");
+		if (a && i !== null && !e && !o) {
+			o = !0;
+			let e = lt() ? null : ft(n.figure);
+			e && await pt(e), await dt(n.figure), o = !1, (a || !t.replay) && X(n, !0);
+		} else !a && t.replay && e && X(n, !1);
+	}, c = () => {
+		let e = _t(n.figure);
+		if (!e || e === r) return;
+		let a = Ve(n.figure, t, e);
+		a && (Ke(n), n = a, r = e, i = null);
+	}, l = () => {
+		c();
+		let e = n.plot.clientWidth;
+		!e || e === i || We(n, t) && (i = e, s());
+	}, u = !1, d = new ResizeObserver(() => {
+		u || (u = !0, requestAnimationFrame(() => {
+			u = !1, l();
+		}));
+	}), f = new IntersectionObserver((e) => {
+		for (let t of e) a = t.isIntersecting, s();
+	}, { threshold: t.threshold }), p = () => X(n, !0), m = () => {
+		i = null, l();
+	}, h = {
+		relabel: () => Ge(n, t),
+		refresh: m
+	};
+	c(), l(), d.observe(n.figure), f.observe(n.figure), window.addEventListener("beforeprint", p), mt(h);
+	let g = {
+		figure: n.figure,
+		refresh: m,
+		destroy() {
+			d.disconnect(), f.disconnect(), window.removeEventListener("beforeprint", p), ht(h), n.figure.tablechart === g && delete n.figure.tablechart;
+		}
+	};
+	return n.figure.tablechart = g, g;
+}, yt = async (e, t) => {
+	let n = rt(e.filter((e) => !e.hasAttribute(ct)));
+	return await at(n), st(n), Me(n, t.langattribute), n;
+}, bt = (e, t) => {
+	let n = Ve(e, t);
+	return n ? (e.setAttribute(ct, ""), vt(n, t)) : null;
+}, xt = async (e, t = {}) => {
+	if (e.tablechart) return e.tablechart;
+	let n = {
+		...A,
+		...t
+	};
+	n.debug && (Y.enabled = !0);
+	let [r] = await yt([e], n);
+	return r ? bt(r, n) : null;
+}, St = async (e = {}, t = document) => {
+	let n = {
+		...A,
+		...e
+	};
+	n.debug && (Y.enabled = !0);
+	let r = (await yt(Array.from(t.querySelectorAll(n.selector)), n)).map((e) => bt(e, n)).filter((e) => e !== null);
+	return Y.log(`Made ${r.length} chart(s).`), {
+		charts: r,
+		refresh: () => {
+			for (let e of r) e.refresh();
+		},
+		destroy: () => {
+			for (let e of r) e.destroy();
+		}
+	};
+};
+//#endregion
+export { A as _, at as a, We as c, Ke as d, Me as f, D as g, O as h, rt as i, Ge as l, t as m, St as n, st as o, w as p, yt as r, Ve as s, xt as t, X as u };