@vielzeug/prism 26.10.20 → 26.10.22

package/dist/prism.js

@@ -1466,6 +1466,112 @@ function renderBars(e, t, n, r, i, a) {
 	}
 }
 //#endregion
+//#region src/charts/heatmap/heatmap-color.ts
+var A = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i, j = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i, M = /^rgba?\(\s*(\d{1,3})\s*[,\s]\s*(\d{1,3})\s*[,\s]\s*(\d{1,3})\s*(?:[,\s][\d.]+\s*)?\)$/i;
+function parseColor(e) {
+	let t = j.exec(e);
+	if (t) return {
+		b: Number.parseInt(t[3], 16),
+		g: Number.parseInt(t[2], 16),
+		r: Number.parseInt(t[1], 16)
+	};
+	let n = A.exec(e);
+	if (n) return {
+		b: Number.parseInt(n[3], 16) * 17,
+		g: Number.parseInt(n[2], 16) * 17,
+		r: Number.parseInt(n[1], 16) * 17
+	};
+	let r = M.exec(e);
+	return r ? {
+		b: Number(r[3]),
+		g: Number(r[2]),
+		r: Number(r[1])
+	} : null;
+}
+function toCssColor({ b: e, g: t, r: n }) {
+	return `rgb(${n} ${t} ${e})`;
+}
+function mixColors(e, t, n) {
+	let r = Math.min(1, Math.max(0, n));
+	return {
+		b: Math.round(e.b + (t.b - e.b) * r),
+		g: Math.round(e.g + (t.g - e.g) * r),
+		r: Math.round(e.r + (t.r - e.r) * r)
+	};
+}
+function createRamp(e) {
+	let t = e.map(parseColor);
+	return (n) => {
+		let r = Math.min(1, Math.max(0, n));
+		if (e.length >= 2 && t.every((e) => e !== null)) {
+			let n = r * (e.length - 1), i = Math.min(e.length - 2, Math.floor(n));
+			return toCssColor(mixColors(t[i], t[i + 1], n - i));
+		}
+		return e[Math.min(e.length - 1, Math.round(r * (e.length - 1)))];
+	};
+}
+function relativeLuminance(e) {
+	let t = parseColor(e);
+	if (!t) return null;
+	let channel = (e) => {
+		let t = e / 255;
+		return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	};
+	return .2126 * channel(t.r) + .7152 * channel(t.g) + .0722 * channel(t.b);
+}
+function valueColorFor(e, t) {
+	let n = relativeLuminance(e);
+	return n === null ? t : n > .179 ? "#000" : "#fff";
+}
+//#endregion
+//#region src/charts/bar/bar-value-labels.ts
+var N = 6.6, P = 6, F = 4, I = 16;
+function estWidth(e) {
+	return e.length * N + F;
+}
+function renderBarValueLabels(e, t, n) {
+	for (; e.firstChild;) e.removeChild(e.firstChild);
+	for (let r of t) {
+		let t = estWidth(r.text), i = n.horizontal ? r.dir * P : -r.dir * P, a = r.valueEdge + i, o = n.horizontal ? i > 0 ? a + t <= n.areaExtent : a - t >= 0 : i < 0 ? a >= 0 : a + 11 <= n.areaExtent, s = n.horizontal ? r.bandSize > I && (i > 0 ? r.valueEdge - P - t >= 0 : r.valueEdge + P + t <= n.areaExtent) : r.barLength > I && r.bandSize >= t;
+		if (!o && !s) continue;
+		let c = !o, l = createSvgElement("text", { class: c ? "prism-bar-value prism-bar-value--inside" : "prism-bar-value" });
+		if (l.textContent = r.text, n.horizontal ? setAttributes(l, {
+			"dominant-baseline": "central",
+			"text-anchor": c ? i > 0 ? "end" : "start" : i > 0 ? "start" : "end",
+			x: String(c ? r.valueEdge - i : a),
+			y: String(r.center)
+		}) : setAttributes(l, {
+			"dominant-baseline": c ? i < 0 ? "hanging" : "auto" : i < 0 ? "auto" : "hanging",
+			"text-anchor": "middle",
+			x: String(r.center),
+			y: String(c ? r.valueEdge - i : a)
+		}), c) {
+			let t = barAt(e, n, r), i = t ? getComputedStyle(t).fill : "";
+			l.style.setProperty("fill", valueColorFor(i, "var(--prism-text-color, #0f172a)"));
+		}
+		e.appendChild(l);
+	}
+	let r = resolveMotion(n.transition, { defaultStagger: 0 });
+	r.duration > 0 && animate([{
+		attrs: { opacity: {
+			from: 0,
+			to: 1
+		} },
+		el: e
+	}], {
+		...r,
+		stagger: 0
+	}, void 0, n.disposalSignal);
+}
+function barAt(e, t, n) {
+	let r = [...e.parentElement?.querySelectorAll(".prism-bar") ?? []];
+	for (let e of r) {
+		let r = Number(e.getAttribute(t.horizontal ? "y" : "x")), i = Number(e.getAttribute(t.horizontal ? "height" : "width"));
+		if (n.center >= r && n.center <= r + i) return e;
+	}
+	return r[0] ?? null;
+}
+//#endregion
 //#region src/charts/bar/bar-chart.ts
 function variantFlags(e) {
 	return {
@@ -1474,88 +1580,88 @@ function variantFlags(e) {
 	};
 }
 function createBarChart(e, t) {
-	let n = t.series, r = null;
-	return createChartScaffold(e, t, (e, i) => {
-		let { groups: a, legend: o, tooltip: s } = e;
-		o?.update(n.map((e, t) => ({
+	let n = t.series, r = null, i = null;
+	return createChartScaffold(e, t, (e, a) => {
+		let { groups: o, legend: s, tooltip: c } = e;
+		s?.update(n.map((e, t) => ({
 			color: seriesColor(t, e.color),
 			name: e.name
 		})));
-		let c = e.dimensions, l = chartArea(c.width, c.height, c.margin), u = n.map((e) => e.data), d = normalizeCartesianSeries(n, u), f = d.domain, p = d.series.map(({ byKey: e }) => f.map((t) => e.get(t))), categoryAxis = (e) => ({
+		let l = e.dimensions, u = chartArea(l.width, l.height, l.margin), d = n.map((e) => e.data), f = normalizeCartesianSeries(n, d), p = f.domain, m = f.series.map(({ byKey: e }) => p.map((t) => e.get(t))), categoryAxis = (e) => ({
 			...e,
 			tickFormat: (t) => {
-				let n = String(t), r = d.labels.get(n) ?? t;
+				let n = String(t), r = f.labels.get(n) ?? t;
 				return e.tickFormat ? e.tickFormat(r) : String(r);
 			}
 		});
-		if (f.length === 0) {
-			clearCartesianDom(a, o, s), r?.remove(), r = null;
+		if (p.length === 0) {
+			clearCartesianDom(o, s, c), r?.remove(), r = null, i?.remove(), i = null;
 			return;
 		}
-		let { horizontal: m, stacked: h } = variantFlags(t.variant ?? "grouped"), g = t.xAxis === !1 ? !1 : m ? {
+		let { horizontal: h, stacked: g } = variantFlags(t.variant ?? "grouped"), _ = t.xAxis === !1 ? !1 : h ? {
 			grid: !0,
 			...t.xAxis
-		} : t.xAxis ?? {}, _ = t.yAxis === !1 ? !1 : m ? t.yAxis ?? {} : {
+		} : t.xAxis ?? {}, v = t.yAxis === !1 ? !1 : h ? t.yAxis ?? {} : {
 			grid: !0,
 			...t.yAxis
-		}, v, y;
-		if (h) {
-			p.some((e) => e.some((e) => (e?.value ?? 0) < 0));
-			let e = f.map((e, t) => p.reduce((e, n) => e + Math.max(0, n[t]?.value ?? 0), 0));
-			v = Math.max(...e), y = 0;
+		}, y, b;
+		if (g) {
+			m.some((e) => e.some((e) => (e?.value ?? 0) < 0));
+			let e = p.map((e, t) => m.reduce((e, n) => e + Math.max(0, n[t]?.value ?? 0), 0));
+			y = Math.max(...e), b = 0;
 		} else {
-			let e = p.flatMap((e) => e.flatMap((e) => e ? [e.value] : []));
-			v = Math.max(...e), y = Math.min(0, ...e);
+			let e = m.flatMap((e) => e.flatMap((e) => e ? [e.value] : []));
+			y = Math.max(...e), b = Math.min(0, ...e);
 		}
-		let b = bandScale(m ? {
-			domain: f,
-			range: [0, l.height]
+		let x = bandScale(h ? {
+			domain: p,
+			range: [0, u.height]
 		} : {
-			domain: f,
-			range: [0, l.width]
-		}), x = linearScale(m ? {
-			domain: [y, v],
-			range: [0, l.width]
+			domain: p,
+			range: [0, u.width]
+		}), S = linearScale(h ? {
+			domain: [b, y],
+			range: [0, u.width]
 		} : {
-			domain: [y, v],
-			range: [l.height, 0]
-		}), S = [], C = Object.create(null);
-		for (let e of f) C[e] = 0;
-		let w = {
-			bandCenter: (e) => b.map(e) + b.bandwidth() / 2,
-			bandwidth: b.bandwidth(),
-			baselinePx: x.map(0),
-			horizontal: m,
-			stacked: h,
-			stackedTops: S,
-			valueScale: x
+			domain: [b, y],
+			range: [u.height, 0]
+		}), C = [], w = Object.create(null);
+		for (let e of p) w[e] = 0;
+		let T = {
+			bandCenter: (e) => x.map(e) + x.bandwidth() / 2,
+			bandwidth: x.bandwidth(),
+			baselinePx: S.map(0),
+			horizontal: h,
+			stacked: g,
+			stackedTops: C,
+			valueScale: S
 		};
-		if (m) {
-			if (g && g.grid && renderGrid(a.grid, x, g.grid, l.height, "vertical", resolveTicks(x, g, resolveTickCount(g, l.width, "bottom"))), _ !== !1) {
-				let e = categoryAxis(_);
-				positionAxis(a.yAxis, e.position ?? "left", l.width, l.height), renderAxis(a.yAxis, b, e, l.height, "left");
+		if (h) {
+			if (_ && _.grid && renderGrid(o.grid, S, _.grid, u.height, "vertical", resolveTicks(S, _, resolveTickCount(_, u.width, "bottom"))), v !== !1) {
+				let e = categoryAxis(v);
+				positionAxis(o.yAxis, e.position ?? "left", u.width, u.height), renderAxis(o.yAxis, x, e, u.height, "left");
 			}
-			g && (positionAxis(a.xAxis, g.position ?? "bottom", l.width, l.height), renderAxis(a.xAxis, x, g, l.width, "bottom"));
+			_ && (positionAxis(o.xAxis, _.position ?? "bottom", u.width, u.height), renderAxis(o.xAxis, S, _, u.width, "bottom"));
 		} else {
-			if (_ && _.grid && renderGrid(a.grid, x, _.grid, l.width, "horizontal", resolveTicks(x, _, resolveTickCount(_, l.height, "left"))), g !== !1) {
-				let e = categoryAxis(g);
-				positionAxis(a.xAxis, e.position ?? "bottom", l.width, l.height), renderAxis(a.xAxis, b, e, l.width, "bottom");
+			if (v && v.grid && renderGrid(o.grid, S, v.grid, u.width, "horizontal", resolveTicks(S, v, resolveTickCount(v, u.height, "left"))), _ !== !1) {
+				let e = categoryAxis(_);
+				positionAxis(o.xAxis, e.position ?? "bottom", u.width, u.height), renderAxis(o.xAxis, x, e, u.width, "bottom");
 			}
-			_ && (positionAxis(a.yAxis, _.position ?? "left", l.width, l.height), renderAxis(a.yAxis, x, _, l.height, "left"));
+			v && (positionAxis(o.yAxis, v.position ?? "left", u.width, u.height), renderAxis(o.yAxis, S, v, u.height, "left"));
 		}
-		let T = h ? 0 : Number.parseFloat(getComputedStyle(e.svg).getPropertyValue("--prism-bar-radius")) || 0;
-		for (; a.series.children.length > n.length;) {
-			let e = a.series.lastElementChild;
-			e && a.series.removeChild(e);
+		let E = g ? 0 : Number.parseFloat(getComputedStyle(e.svg).getPropertyValue("--prism-bar-radius")) || 0;
+		for (; o.series.children.length > n.length;) {
+			let e = o.series.lastElementChild;
+			e && o.series.removeChild(e);
 		}
 		for (let r = 0; r < n.length; r++) {
-			let o = n[r], s = a.series.children[r];
-			s || (s = createSvgElement("g", { class: "prism-bar-series" }), a.series.appendChild(s)), s.setAttribute("data-series-id", seriesDomId(o, r));
-			let c = f.map((e, t) => {
-				let n = p[r]?.[t];
-				if (h) {
-					let t = C[e] ?? 0, r = t + Math.max(0, n?.value ?? 0);
-					return C[e] = r, {
+			let i = n[r], s = o.series.children[r];
+			s || (s = createSvgElement("g", { class: "prism-bar-series" }), o.series.appendChild(s)), s.setAttribute("data-series-id", seriesDomId(i, r));
+			let c = p.map((e, t) => {
+				let n = m[r]?.[t];
+				if (g) {
+					let t = w[e] ?? 0, r = t + Math.max(0, n?.value ?? 0);
+					return w[e] = r, {
 						base: t,
 						dash: n?.dash,
 						key: e,
@@ -1573,27 +1679,65 @@ function createBarChart(e, t) {
 					y: n?.value ?? 0
 				};
 			});
-			S[r] = c.map((e) => e.y);
-			let l = h ? c.map((e) => x.map(e.base)) : void 0;
-			renderBars(s, c, b, x, w.baselinePx, {
+			C[r] = c.map((e) => e.y);
+			let l = g ? c.map((e) => S.map(e.base)) : void 0;
+			renderBars(s, c, x, S, T.baselinePx, {
 				baselineYs: l,
-				borderRadius: o.borderRadius ?? T,
-				color: seriesColor(r, o.color),
+				borderRadius: i.borderRadius ?? E,
+				color: seriesColor(r, i.color),
 				disposalSignal: e.disposalSignal,
-				horizontal: m,
+				horizontal: h,
 				seriesCount: n.length,
 				seriesIndex: r,
-				stacked: h,
-				transition: i !== "resize" && t.transition
+				stacked: g,
+				transition: a !== "resize" && t.transition
 			});
 		}
-		s?.hide(), a.series.classList.toggle("prism-bars-stacked", h), (!r || !e.chartArea.contains(r)) && (r = createSvgElement("rect", {
+		if (c?.hide(), o.series.classList.toggle("prism-bars-stacked", g), t.showValues) {
+			(!i || !e.chartArea.contains(i)) && (i = createSvgElement("g", {
+				"aria-hidden": "true",
+				class: "prism-bar-values"
+			}), e.chartArea.appendChild(i));
+			let r = t.valueFormat ?? String, o = [];
+			if (g) for (let e = 0; e < p.length; e++) {
+				let t = m.reduce((t, n) => t + Math.max(0, n[e]?.value ?? 0), 0);
+				t <= 0 || o.push({
+					bandSize: x.bandwidth(),
+					barLength: Math.abs(S.map(t) - S.map(0)),
+					center: x.map(p[e]) + x.bandwidth() / 2,
+					dir: 1,
+					text: r(t),
+					valueEdge: S.map(t)
+				});
+			}
+			else for (let e = 0; e < n.length; e++) {
+				let t = x.bandwidth() / n.length;
+				for (let n = 0; n < p.length; n++) {
+					let i = m[e]?.[n];
+					i && o.push({
+						bandSize: Math.max(0, t - 1),
+						barLength: Math.abs(S.map(i.value) - S.map(0)),
+						center: x.map(p[n]) + t * e + t / 2,
+						dir: i.value < 0 ? -1 : 1,
+						text: r(i.value),
+						valueEdge: S.map(i.value)
+					});
+				}
+			}
+			renderBarValueLabels(i, o, {
+				areaExtent: h ? u.width : u.height,
+				disposalSignal: e.disposalSignal,
+				horizontal: h,
+				transition: a !== "resize" && t.transition
+			});
+		} else i?.remove(), i = null;
+		(!r || !e.chartArea.contains(r)) && (r = createSvgElement("rect", {
 			"aria-hidden": "true",
 			class: "prism-bar-band",
 			"pointer-events": "none"
-		}), e.chartArea.insertBefore(r, a.series)), r.style.display = "none";
-		let E = n.map((e, t) => seriesColor(t, e.color)), labelOf = (e) => String(d.labels.get(f[e]) ?? f[e]), D = typeof t.tooltip == "object" ? t.tooltip : void 0, keyOf = (e) => d.labels.get(f[e]) ?? f[e], titleOf = (e) => D?.titleFormat ? D.titleFormat(keyOf(e)) : labelOf(e), O = D?.valueFormat ?? String, k = -1, valuesAt = (e) => n.map((t, n) => ({
-			datum: p[n]?.[e],
+		}), e.chartArea.insertBefore(r, o.series)), r.style.display = "none";
+		let D = n.map((e, t) => seriesColor(t, e.color)), labelOf = (e) => String(f.labels.get(p[e]) ?? p[e]), O = typeof t.tooltip == "object" ? t.tooltip : void 0, keyOf = (e) => f.labels.get(p[e]) ?? p[e], titleOf = (e) => O?.titleFormat ? O.titleFormat(keyOf(e)) : labelOf(e), k = O?.valueFormat ?? String, A = -1, valuesAt = (e) => n.map((t, n) => ({
+			datum: m[n]?.[e],
 			series: t
 		})), eventAt = (e, t, r) => {
 			let i = valuesAt(e), a = i[t]?.datum ? t : i.findIndex((e) => e.datum), o = i[a]?.datum;
@@ -1604,17 +1748,17 @@ function createBarChart(e, t) {
 				values: i
 			} : null;
 		}, setActive = (t) => {
-			k = t, a.series.classList.toggle("prism-bars-focused", t >= 0);
-			for (let e of a.series.children) for (let [n, r] of [...e.children].entries()) r.classList.toggle("prism-bar--active", n === t);
+			A = t, o.series.classList.toggle("prism-bars-focused", t >= 0);
+			for (let e of o.series.children) for (let [n, r] of [...e.children].entries()) r.classList.toggle("prism-bar--active", n === t);
 			if (!r || (r.style.display = t < 0 ? "none" : "", t < 0)) return;
-			let n = w.bandCenter(f[t]) - b.bandwidth() / 2 - b.gap() / 2, i = b.bandwidth() + b.gap(), o = chartArea(e.dimensions.width, e.dimensions.height, e.dimensions.margin);
-			setAttributes(r, m ? {
+			let n = T.bandCenter(p[t]) - x.bandwidth() / 2 - x.gap() / 2, i = x.bandwidth() + x.gap(), a = chartArea(e.dimensions.width, e.dimensions.height, e.dimensions.margin);
+			setAttributes(r, h ? {
 				height: i,
-				width: o.width,
+				width: a.width,
 				x: 0,
 				y: n
 			} : {
-				height: o.height,
+				height: a.height,
 				width: i,
 				x: n,
 				y: 0
@@ -1623,34 +1767,34 @@ function createBarChart(e, t) {
 			let a = eventAt(n, r, i);
 			if (!a) return;
 			setActive(n);
-			let o = a.values ?? [], c = describeValues(titleOf(n), o, O);
-			if (s) {
-				let t = o.map((e, t) => h ? S[t]?.[n] ?? 0 : Math.max(0, e.datum?.value ?? 0)), r = x.map(Math.max(...t)), i = w.bandCenter(f[n]), { margin: l } = e.dimensions, u = o.flatMap((e, t) => e.datum ? [{
-					color: E[t],
+			let o = a.values ?? [], s = describeValues(titleOf(n), o, k);
+			if (c) {
+				let t = o.map((e, t) => g ? C[t]?.[n] ?? 0 : Math.max(0, e.datum?.value ?? 0)), r = S.map(Math.max(...t)), i = T.bandCenter(p[n]), { margin: l } = e.dimensions, u = o.flatMap((e, t) => e.datum ? [{
+					color: D[t],
 					name: e.series.name,
-					value: O(e.datum.value, e.datum, e.series)
+					value: k(e.datum.value, e.datum, e.series)
 				}] : []);
-				s.show((m ? r : i) + l.left, (m ? i : r) + l.top, a.datum, a.series, comparisonContent(e.svg.ownerDocument, titleOf(n), u, c));
-			} else e.announcer.announce(c);
+				c.show((h ? r : i) + l.left, (h ? i : r) + l.top, a.datum, a.series, comparisonContent(e.svg.ownerDocument, titleOf(n), u, s));
+			} else e.announcer.announce(s);
 			t.onHover?.(a);
 		}, deactivate = () => {
-			setActive(-1), s?.hide(), e.announcer.clear(), t.onHover?.(null);
+			setActive(-1), c?.hide(), e.announcer.clear(), t.onHover?.(null);
 		}, hit = (t) => {
 			let r = e.dimensions, i = getMousePosition(e.svg, t, r.margin.left, r.margin.top), a = chartArea(r.width, r.height, r.margin);
 			if (i.x < 0 || i.x > a.width || i.y < 0 || i.y > a.height) return null;
-			let o = findCatIdx(m ? i.y : i.x, f, w);
+			let o = findCatIdx(h ? i.y : i.x, p, T);
 			return o === -1 ? null : {
 				catIdx: o,
-				seriesIdx: findSeriesIdx(i, o, f, w, n.length)
+				seriesIdx: findSeriesIdx(i, o, p, T, n.length)
 			};
 		}, onMouseMove = (e) => {
 			let t = hit(e);
-			t ? activate(t.catIdx, t.seriesIdx, e) : k >= 0 && deactivate();
+			t ? activate(t.catIdx, t.seriesIdx, e) : A >= 0 && deactivate();
 		}, onClick = (e) => {
 			let n = t.onClick && hit(e), r = n && eventAt(n.catIdx, n.seriesIdx, e);
 			r && t.onClick?.(r);
 		}, onKeyDown = (e) => {
-			let n = f.length - 1, r = k < 0 ? n : Math.max(0, k - 1), i = k < 0 ? 0 : Math.min(n, k + 1), a = {
+			let n = p.length - 1, r = A < 0 ? n : Math.max(0, A - 1), i = A < 0 ? 0 : Math.min(n, A + 1), a = {
 				ArrowDown: i,
 				ArrowLeft: r,
 				ArrowRight: i,
@@ -1659,9 +1803,9 @@ function createBarChart(e, t) {
 				Home: 0
 			};
 			if (e.key in a) e.preventDefault(), activate(a[e.key], 0, e);
-			else if ((e.key === "Enter" || e.key === " ") && k >= 0 && t.onClick) {
+			else if ((e.key === "Enter" || e.key === " ") && A >= 0 && t.onClick) {
 				e.preventDefault();
-				let n = eventAt(k, 0, e);
+				let n = eventAt(A, 0, e);
 				n && t.onClick(n);
 			} else e.key === "Escape" && deactivate();
 		};
@@ -1676,8 +1820,280 @@ function createBarChart(e, t) {
 	});
 }
 //#endregion
+//#region src/charts/heatmap/heatmap-chart.ts
+var L = {
+	ArrowDown: 1,
+	ArrowLeft: -1,
+	ArrowRight: 1,
+	ArrowUp: -1
+}, R = [
+	"#e0f2fe",
+	"#7dd3fc",
+	"#0ea5e9",
+	"#0369a1",
+	"#082f49"
+], ee = "var(--prism-grid-color, #e2e8f0)", z = 11, B = 8, V = .4, H = 96, te = .71;
+function createHeatmapChart(e, t) {
+	let n = t.rows, r = t.columns, i = t.cells, a = t.domain, o = t.rowSummary, s = resolveMargin({
+		bottom: 8,
+		left: 8,
+		right: 8,
+		top: 8,
+		...t.margin
+	}), c = Math.max(0, t.gap ?? 2), l = t.showValues ?? !0, u = t.valueFormat ?? String, d = createRamp(t.colorRange ?? R), f = t.emptyColor ?? ee, p = buildBinBounds(t.bins), m = p.length, h = /* @__PURE__ */ new Map(), cellKey = (e, t) => `${e}\u0000${t}`, g = null, _ = -1, v = null, positionOf = () => .5, y = createSvgElement("g"), add = (e, t, n) => {
+		let r = createSvgElement(e, n);
+		return t.appendChild(r), r;
+	};
+	function currentDomain() {
+		if (a) return a;
+		let e = i.filter((e) => e.value !== null).map((e) => e.value);
+		return e.length === 0 ? [0, 1] : [Math.min(...e), Math.max(...e)];
+	}
+	function computePositionOf() {
+		if (m === 0) {
+			let [e, t] = currentDomain();
+			return (n) => t === e ? 1 : Math.min(1, Math.max(0, (n - e) / (t - e)));
+		}
+		return (e) => {
+			let t = m - 1;
+			for (let n = 0; n < m; n += 1) {
+				let r = p[n][1];
+				if (r !== null && e < r) {
+					t = n;
+					break;
+				}
+			}
+			return m === 1 ? .5 : t / (m - 1);
+		};
+	}
+	function render(e) {
+		let { legend: a, svg: b } = e;
+		b.contains(y) || b.appendChild(y), removeChildren(y), v = null, _ = -1, g = null, h.clear();
+		for (let e of i) h.set(cellKey(e.row, e.column), e);
+		if (positionOf = computePositionOf(), m > 0 && a) {
+			let e = p.map((e, n) => ({
+				color: d(m === 1 ? .5 : n / (m - 1)),
+				name: (t.binLabel ?? defaultBinLabel(u))(e[0], e[1])
+			}));
+			t.emptyLabel && e.push({
+				color: f,
+				name: t.emptyLabel
+			}), a.update(e);
+		}
+		if (n.length === 0 || r.length === 0) {
+			a?.update([]);
+			return;
+		}
+		let x = chartArea(e.dimensions.width, e.dimensions.height, s), S = o && o.values.length > 0 ? o : null, C = Math.min(Math.max(...n.map((e) => estimateTextWidth(e, z))) + 16, x.width * V), w = 0;
+		if (S) {
+			let e = S.values.filter((e) => e !== null), t = Math.max(estimateTextWidth(S.header ?? "", z), ...e.map((e) => estimateTextWidth(e, z)));
+			w = Math.min(t + 16, x.width * V);
+		}
+		let T = Math.max(...r.map((e) => estimateTextWidth(e, z))), E = T > x.width / r.length - B, D = E ? Math.min(T * te + B, H) : 19, O = s.left + C, k = s.top + D, A = Math.max(0, x.width - C - w) / r.length, j = Math.max(0, x.height - D) / n.length, M = [];
+		for (let e = 0; e < n.length; e += 1) for (let t = 0; t < r.length; t += 1) {
+			let i = n[e], a = r[t], o = h.get(cellKey(i, a))?.value ?? null;
+			M.push({
+				column: a,
+				columnWidth: A,
+				fill: o === null ? f : d(positionOf(o)),
+				row: i,
+				rowHeight: j,
+				x: O + t * A,
+				y: k + e * j
+			});
+		}
+		g = {
+			cells: M,
+			columnCount: r.length,
+			colWidth: A,
+			gridX: O,
+			gridY: k,
+			rowCount: n.length,
+			rowHeight: j
+		};
+		for (let e = 0; e < r.length; e += 1) {
+			let t = O + e * A + A / 2, n = add("text", y, {
+				"aria-hidden": "true",
+				class: "prism-heatmap-column-label",
+				x: String(t),
+				y: String(s.top + D - 4)
+			});
+			n.textContent = r[e], E ? setAttributes(n, {
+				"text-anchor": "start",
+				transform: `rotate(-45 ${t} ${s.top + D - 4})`
+			}) : setAttributes(n, { "text-anchor": "middle" });
+		}
+		for (let e = 0; e < n.length; e += 1) {
+			let t = add("text", y, {
+				"aria-hidden": "true",
+				class: "prism-heatmap-row-label",
+				"dominant-baseline": "central",
+				"text-anchor": "end",
+				x: String(O - B),
+				y: String(k + e * j + j / 2)
+			});
+			t.textContent = n[e];
+		}
+		if (S) {
+			let e = s.left + x.width - w / 2;
+			if (S.header) {
+				let t = add("text", y, {
+					"aria-hidden": "true",
+					class: "prism-heatmap-summary-header",
+					"text-anchor": "middle",
+					x: String(e),
+					y: String(s.top + D - 4)
+				});
+				t.textContent = S.header;
+			}
+			for (let t = 0; t < n.length; t += 1) {
+				let n = add("text", y, {
+					"aria-hidden": "true",
+					class: "prism-heatmap-summary",
+					"dominant-baseline": "central",
+					"text-anchor": "middle",
+					x: String(e),
+					y: String(k + t * j + j / 2)
+				});
+				n.textContent = S.values[t] ?? "—";
+			}
+		}
+		for (let e of M) {
+			let t = h.get(cellKey(e.row, e.column))?.value ?? null, n = add("g", y, {
+				"aria-hidden": "true",
+				class: "prism-heatmap-cell"
+			});
+			if (add("rect", n, {
+				class: "prism-heatmap-cell-rect",
+				height: String(Math.max(0, e.rowHeight - c)),
+				rx: "2",
+				width: String(Math.max(0, e.columnWidth - c)),
+				x: String(e.x + c / 2),
+				y: String(e.y + c / 2)
+			}).style.setProperty("fill", e.fill), l && t !== null && A > 28 && j > 16) {
+				let r = add("text", n, {
+					class: "prism-heatmap-value",
+					"dominant-baseline": "central",
+					"text-anchor": "middle",
+					x: String(e.x + A / 2),
+					y: String(e.y + j / 2)
+				});
+				r.textContent = u(t), r.style.setProperty("fill", valueColorFor(e.fill, "var(--prism-text-color, #0f172a)"));
+			}
+		}
+		v = add("rect", y, {
+			class: "prism-heatmap-highlight",
+			height: "0",
+			rx: "2",
+			visibility: "hidden",
+			width: "0",
+			x: "0",
+			y: "0"
+		});
+	}
+	function eventFor(e, t) {
+		return {
+			cell: h.get(cellKey(e.row, e.column)),
+			column: e.column,
+			originalEvent: t,
+			row: e.row
+		};
+	}
+	function indexAt(e, t) {
+		if (!g) return -1;
+		let n = e.getBoundingClientRect(), r = t.clientX - n.left, i = t.clientY - n.top, a = Math.floor((r - g.gridX) / g.colWidth), o = Math.floor((i - g.gridY) / g.rowHeight);
+		return a < 0 || o < 0 || a >= g.columnCount || o >= g.rowCount ? -1 : o * g.columnCount + a;
+	}
+	function describe(e) {
+		let t = g.cells[e], n = h.get(cellKey(t.row, t.column))?.value ?? null;
+		return `${t.row} \u00b7 ${t.column}: ${n === null ? "—" : u(n)}`;
+	}
+	function activate(e, n, r) {
+		if (!g || !v) return;
+		let i = g.cells[n];
+		if (!i) return;
+		_ = n;
+		let a = h.get(cellKey(i.row, i.column))?.value ?? null;
+		setAttributes(v, {
+			height: String(Math.max(0, i.rowHeight - c)),
+			visibility: "visible",
+			width: String(Math.max(0, i.columnWidth - c)),
+			x: String(i.x + c / 2),
+			y: String(i.y + c / 2)
+		}), t.onCellHover?.(eventFor(i, r));
+		let o = describe(n);
+		if (!e.tooltip) {
+			e.announcer.announce(o);
+			return;
+		}
+		let s = e.svg.getBoundingClientRect(), l = e.container.getBoundingClientRect();
+		e.tooltip.show(i.x + i.columnWidth / 2 + (s.left - l.left), i.y + (s.top - l.top), {
+			key: cellKey(i.row, i.column),
+			meta: { text: o },
+			value: a ?? 0
+		}, {
+			color: i.fill,
+			data: [],
+			name: `${i.row} \u00b7 ${i.column}`
+		}, comparisonContent(e.svg.ownerDocument, `${i.row} \u00b7 ${i.column}`, [{
+			color: i.fill,
+			name: i.column,
+			value: a === null ? "—" : u(a)
+		}], o));
+	}
+	function deactivate(e) {
+		_ !== -1 && (_ = -1, v?.setAttribute("visibility", "hidden"), t.onCellHover?.(null), e.tooltip?.hide(), e.announcer.clear());
+	}
+	return createRadialScaffold(e, {
+		a11y: t.a11y,
+		legend: m > 0 && t.legend !== !1 && {},
+		margin: t.margin,
+		tooltip: t.tooltip
+	}, (e) => {
+		if (render(e), g) return {
+			onClick(n) {
+				let r = indexAt(e.svg, n);
+				r >= 0 && t.onCellClick?.(eventFor(g.cells[r], n));
+			},
+			onKeyDown(n) {
+				let r = L[n.key];
+				if (r !== void 0) {
+					if (n.preventDefault(), _ < 0) {
+						activate(e, 0, n);
+						return;
+					}
+					let t = g.columnCount, i = Math.floor(_ / t), a = _ % t;
+					if (n.key === "ArrowUp" || n.key === "ArrowDown") {
+						let o = i + r;
+						o >= 0 && o < g.rowCount && activate(e, o * t + a, n);
+					} else {
+						let o = a + r;
+						o >= 0 && o < g.columnCount && activate(e, i * t + o, n);
+					}
+				} else (n.key === "Enter" || n.key === " ") && _ >= 0 ? (n.preventDefault(), t.onCellClick?.(eventFor(g.cells[_], n))) : n.key === "Escape" && deactivate(e);
+			},
+			onMouseLeave: () => deactivate(e),
+			onMouseMove(t) {
+				let n = indexAt(e.svg, t);
+				n < 0 ? _ >= 0 && deactivate(e) : n !== _ && activate(e, n, t);
+			}
+		};
+	}, (e) => {
+		e.rows && (n = e.rows), e.columns && (r = e.columns), i = e.cells, e.domain && (a = e.domain), "rowSummary" in e && (o = e.rowSummary);
+	});
+}
+function buildBinBounds(e) {
+	if (!e || e.length === 0) return [];
+	let t = [...e].sort((e, t) => e - t), n = [], r = null;
+	for (let e of t) n.push([r, e]), r = e;
+	return n.push([r, null]), n;
+}
+function defaultBinLabel(e) {
+	return (t, n) => t === null && n !== null ? `<${e(n)}` : t !== null && n === null ? `\u2265${e(t)}` : t !== null && n !== null ? `${e(t)}\u2013${e(n)}` : "—";
+}
+//#endregion
 //#region src/charts/line/line-renderer.ts
-var A = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap();
+var U = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap();
 function buildPath(e, t) {
 	return t === "monotone" ? monotonePath(e) : t === "step" ? stepPath(e) : linePath(e);
 }
@@ -1721,7 +2137,7 @@ function renderLine(e, t, n) {
 		else setAttributes(c, { d: buildPath(e, n.curve) });
 	}, d = e.querySelector(".prism-line-dots");
 	if (n.showPoints ? d || (d = createSvgElement("g", { class: "prism-line-dots" }), e.appendChild(d)) : d &&= (d.remove(), null), o === 0) {
-		if (A.get(e)?.(), cancelReveal(e), draw(t), j.set(e, t), d) {
+		if (U.get(e)?.(), cancelReveal(e), draw(t), W.set(e, t), d) {
 			for (; d.children.length > t.length;) d.removeChild(d.lastChild);
 			for (let e = 0; e < t.length; e++) {
 				let r = d.children[e];
@@ -1736,8 +2152,8 @@ function renderLine(e, t, n) {
 		}
 		return;
 	}
-	A.get(e)?.(), cancelReveal(e);
-	let f = !j.has(e);
+	U.get(e)?.(), cancelReveal(e);
+	let f = !W.has(e);
 	if (d) {
 		for (; d.children.length > t.length;) d.removeChild(d.lastChild);
 		for (let e = d.children.length; e < t.length; e++) {
@@ -1751,7 +2167,7 @@ function renderLine(e, t, n) {
 		for (let e = 0; e < d.children.length; e++) setAttributes(d.children[e], { opacity: i[e]?.opacity });
 	}
 	if (f) {
-		if (draw(t), j.set(e, t), d) for (let [e, n] of t.entries()) {
+		if (draw(t), W.set(e, t), d) for (let [e, n] of t.entries()) {
 			let t = d.children[e];
 			t && setAttributes(t, {
 				cx: n.x,
@@ -1772,7 +2188,7 @@ function renderLine(e, t, n) {
 		}
 		return;
 	}
-	let p = [], m = j.get(e) ?? t;
+	let p = [], m = W.get(e) ?? t;
 	for (let [e, n] of t.entries()) p.push(m[e] ?? m.at(-1) ?? n);
 	let paintFrame = (n) => {
 		let r = t.map((e, t) => {
@@ -1782,7 +2198,7 @@ function renderLine(e, t, n) {
 				y: tweenNumber(r.y, e.y, n)
 			};
 		});
-		if (j.set(e, r), draw(r), d) for (let e = 0; e < t.length; e++) {
+		if (W.set(e, r), draw(r), d) for (let e = 0; e < t.length; e++) {
 			let t = d.children[e];
 			t && setAttributes(t, {
 				cx: r[e].x,
@@ -1790,12 +2206,12 @@ function renderLine(e, t, n) {
 			});
 		}
 	};
-	paintFrame(0), A.set(e, startTween({
+	paintFrame(0), U.set(e, startTween({
 		count: 1,
 		duration: o,
 		easing: s,
 		onComplete: () => {
-			A.delete(e), j.set(e, t);
+			U.delete(e), W.set(e, t);
 		},
 		onFrame: (e) => paintFrame(e(0)),
 		signal: n.disposalSignal
@@ -1965,18 +2381,18 @@ function arcCentroid(e) {
 }
 //#endregion
 //#region src/charts/pie/pie-chart.ts
-var M = 2 * Math.PI, N = 12;
+var G = 2 * Math.PI, K = 12;
 function labelFits(e, t) {
 	let n = e.outerRadius - e.innerRadius, r = (e.outerRadius + e.innerRadius) / 2, i = (e.endAngle - e.startAngle - 2 * e.padAngle) * r;
-	return n >= N * 1.4 && i >= estimateTextWidth(t, N) + 8;
+	return n >= K * 1.4 && i >= estimateTextWidth(t, K) + 8;
 }
-var P = -Math.PI / 2, F = Math.PI / 2;
+var ne = -Math.PI / 2, re = Math.PI / 2;
 function semiAngles(e) {
 	return e === "semi" ? {
-		end: F,
-		start: P
+		end: re,
+		start: ne
 	} : {
-		end: M,
+		end: G,
 		start: 0
 	};
 }
@@ -2152,7 +2568,7 @@ function hitTestArc(e, t, n, r) {
 			if (r === "semi") {
 				if (e >= a.startAngle - 1e-9 && e <= a.endAngle + 1e-9) return i;
 			} else {
-				let t = e < 0 ? e + M : e;
+				let t = e < 0 ? e + G : e;
 				if (t >= a.startAngle - 1e-9 && t <= a.endAngle + 1e-9) return i;
 			}
 		}
@@ -2161,12 +2577,12 @@ function hitTestArc(e, t, n, r) {
 }
 //#endregion
 //#region src/charts/radar/radar-geometry.ts
-var I = 2 * Math.PI;
+var q = 2 * Math.PI;
 function toRadians(e) {
 	return e * Math.PI / 180;
 }
 function axisAngles(e, t = 0) {
-	return Array.from({ length: e }, (n, r) => t + r * I / e);
+	return Array.from({ length: e }, (n, r) => t + r * q / e);
 }
 function resolveAxisDomains(e, t, n) {
 	let r = n;
@@ -2220,12 +2636,12 @@ function fitRadius(e, t, n, r, i, a) {
 }
 function nearestAxis(e, t, n, r = 0) {
 	if (n === 0) return -1;
-	let i = I / n, a = ((Math.atan2(e, -t) - r) % I + I) % I;
+	let i = q / n, a = ((Math.atan2(e, -t) - r) % q + q) % q;
 	return Math.round(a / i) % n;
 }
 //#endregion
 //#region src/charts/radar/radar-chart.ts
-var L = 11, R = 12, z = 10, B = {
+var J = 11, Y = 12, X = 10, Z = {
 	ArrowDown: 1,
 	ArrowLeft: -1,
 	ArrowRight: 1,
@@ -2241,7 +2657,7 @@ function resolveGrid(e) {
 	};
 }
 function createRadarChart(e, t) {
-	let { axes: n } = t, r = t.curve ?? "linear", i = t.fill ?? "solid", a = t.showPoints ?? !0, o = resolveGrid(t.grid), s = toRadians(t.startAngle ?? 0), c = axisAngles(n.length, s), l = R + (t.showValues ? z : 0), u = uniqueId("prism-radar"), d = t.series, f = createSvgElement("g", { class: "prism-radar" }), p = createSvgElement("defs"), m = createSvgElement("g", {
+	let { axes: n } = t, r = t.curve ?? "linear", i = t.fill ?? "solid", a = t.showPoints ?? !0, o = resolveGrid(t.grid), s = toRadians(t.startAngle ?? 0), c = axisAngles(n.length, s), l = Y + (t.showValues ? X : 0), u = uniqueId("prism-radar"), d = t.series, f = createSvgElement("g", { class: "prism-radar" }), p = createSvgElement("defs"), m = createSvgElement("g", {
 		"aria-hidden": "true",
 		class: "prism-radar-grid"
 	}), h = createSvgElement("g", { class: "prism-radar-series-group" }), g = createSvgElement("g", {
@@ -2269,7 +2685,7 @@ function createRadarChart(e, t) {
 					cy: s[t].y
 				});
 			}), o.querySelectorAll(".prism-radar-value").forEach((r, a) => {
-				let o = i * e[a] + z;
+				let o = i * e[a] + X;
 				setAttributes(r, {
 					x: polarX(t, o, c[a]),
 					y: polarY(n, o, c[a])
@@ -2422,7 +2838,7 @@ function createRadarChart(e, t) {
 			_ = [];
 			return;
 		}
-		let { height: u, width: v } = r.dimensions, x = fitRadius(v, u, n.map((e) => e.label), c, L, l);
+		let { height: u, width: v } = r.dimensions, x = fitRadius(v, u, n.map((e) => e.label), c, J, l);
 		b = {
 			cx: v / 2,
 			cy: u / 2,
@@ -2475,7 +2891,7 @@ function createRadarChart(e, t) {
 				n >= 0 && t.onClick?.(eventFor(n, e));
 			},
 			onKeyDown(e) {
-				let r = B[e.key];
+				let r = Z[e.key];
 				r === void 0 ? (e.key === "Enter" || e.key === " ") && y >= 0 && t.onClick ? (e.preventDefault(), t.onClick(eventFor(y, e))) : e.key === "Escape" && deactivate() : (e.preventDefault(), activate(y < 0 ? 0 : (y + r + n.length) % n.length, e));
 			},
 			onMouseLeave: deactivate,
@@ -2587,7 +3003,7 @@ function createScatterInteraction(e) {
 }
 //#endregion
 //#region src/charts/scatter/scatter-renderer.ts
-var V = 400, H = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap();
+var ie = 400, Q = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
 function computeScatterPoints(e, t, n) {
 	return e.some((e) => e.key == null) || e.some((e) => typeof e.key == "string"), e.map((e) => ({
 		x: t.map(e.key),
@@ -2596,8 +3012,8 @@ function computeScatterPoints(e, t, n) {
 }
 function renderScatterPoints(e, t, n) {
 	let r = resolveMotion(n.transition), i = n.marks ?? [], a = n.pointRadius;
-	for (H.get(e)?.(), H.delete(e); e.children.length > t.length;) e.lastChild.remove();
-	let o = U.get(e) ?? [], s = [], c = t.map((t, r) => {
+	for (Q.get(e)?.(), Q.delete(e); e.children.length > t.length;) e.lastChild.remove();
+	let o = $.get(e) ?? [], s = [], c = t.map((t, r) => {
 		let a = e.children[r];
 		return a ? s.push(Number(a.getAttribute("r")) || 0) : (a = createSvgElement("circle", { class: "prism-scatter-point" }), e.appendChild(a), s.push(0)), setAttributes(a, {
 			fill: n.color,
@@ -2609,25 +3025,25 @@ function renderScatterPoints(e, t, n) {
 			cy: t[e].y,
 			r: n(e)
 		});
-		U.set(e, t);
+		$.set(e, t);
 	};
 	if (r.duration === 0) {
 		paint(t, () => a);
 		return;
 	}
-	let l = t.map((e, t) => o[t] ?? e), u = t.map((e, t) => t).filter((e) => e >= o.length), d = new Map([...u].sort((e, n) => t[e].x - t[n].x).map((e, t) => [e, t])), f = Math.min(r.stagger, V / Math.max(1, u.length)), paintFrame = (e) => {
+	let l = t.map((e, t) => o[t] ?? e), u = t.map((e, t) => t).filter((e) => e >= o.length), d = new Map([...u].sort((e, n) => t[e].x - t[n].x).map((e, t) => [e, t])), f = Math.min(r.stagger, ie / Math.max(1, u.length)), paintFrame = (e) => {
 		let n = t.map((t, n) => e(d.get(n) ?? 0));
 		paint(t.map((e, t) => ({
 			x: tweenNumber(l[t].x, e.x, n[t]),
 			y: tweenNumber(l[t].y, e.y, n[t])
 		})), (e) => tweenNumber(s[e], a, n[e]));
 	};
-	paintFrame(() => 0), H.set(e, startTween({
+	paintFrame(() => 0), Q.set(e, startTween({
 		count: Math.max(1, u.length),
 		duration: r.duration,
 		easing: resolveEasing(r.easing),
 		onComplete: () => {
-			H.delete(e), paint(t, () => a);
+			Q.delete(e), paint(t, () => a);
 		},
 		onFrame: paintFrame,
 		signal: n.disposalSignal,
@@ -2691,7 +3107,7 @@ function createScatterChart(e, t) {
 }
 //#endregion
 //#region src/charts/sparkline/sparkline.ts
-var W = 5;
+var ae = 5;
 function buildTopPoints(e, t, n) {
 	if (e.length === 0) return [];
 	let r = t / Math.max(1, e.length - 1), i = Math.min(...e), a = Math.max(...e) - i || 1;
@@ -2751,7 +3167,7 @@ function createSparkline(e, t) {
 	g.appendChild(_);
 	let cleanupInteraction;
 	function plotArea() {
-		let { height: e, width: t } = h.dimensions, r = n === "line" || n === "area" ? W : 0;
+		let { height: e, width: t } = h.dimensions, r = n === "line" || n === "area" ? ae : 0;
 		return {
 			h: Math.max(1, e - r * 2),
 			inset: r,
@@ -2926,6 +3342,6 @@ function createSparkline(e, t) {
 	}
 }
 //#endregion
-export { PrismError, PrismRenderError, bandScale, createAreaChart, createBarChart, createLineChart, createPieChart, createRadarChart, createScatterChart, createSparkline, linearScale, resetTheme, seriesColor, setTheme, timeScale };
+export { PrismError, PrismRenderError, bandScale, createAreaChart, createBarChart, createHeatmapChart, createLineChart, createPieChart, createRadarChart, createScatterChart, createSparkline, linearScale, resetTheme, seriesColor, setTheme, timeScale };
 
 //# sourceMappingURL=prism.js.map