@cfasim-ui/charts 0.4.9 → 0.4.11

package/dist/index.js

@@ -1,13 +1,13 @@
-import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, normalizeStyle as m, onMounted as h, onUnmounted as g, openBlock as _, ref as v, renderList as y, renderSlot as ee, toDisplayString as b, toHandlers as te, toRaw as x, unref as S, useSlots as C, useTemplateRef as w, watch as T, withCtx as E } from "vue";
-import { formatNumber as ne } from "@cfasim-ui/shared";
-import { DropdownMenuContent as D, DropdownMenuItem as O, DropdownMenuPortal as k, DropdownMenuRoot as A, DropdownMenuTrigger as j, PopoverAnchor as M, PopoverContent as N, PopoverPortal as P, PopoverRoot as re } from "reka-ui";
+import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, normalizeStyle as m, onMounted as h, onUnmounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, toHandlers as ee, toRaw as S, unref as C, useSlots as w, useTemplateRef as T, watch as E, withCtx as D } from "vue";
+import { formatNumber as te } from "@cfasim-ui/shared";
+import { DropdownMenuContent as O, DropdownMenuItem as k, DropdownMenuPortal as A, DropdownMenuRoot as j, DropdownMenuTrigger as M, PopoverAnchor as ne, PopoverContent as N, PopoverPortal as P, PopoverRoot as re } from "reka-ui";
 import { geoAlbersUsa as ie, geoPath as F } from "d3-geo";
 import { zoom as ae, zoomIdentity as oe } from "d3-zoom";
 import { select as I } from "d3-selection";
 import "d3-transition";
 import { feature as se, merge as ce, mesh as le } from "topojson-client";
 //#region src/ChartMenu/ChartMenu.vue?vue&type=script&setup=true&lang.ts
-var L = { class: "chart-menu-trigger-area" }, R = ["aria-label"], z = /* @__PURE__ */ l({
+var ue = { class: "chart-menu-trigger-area" }, L = ["aria-label"], R = /* @__PURE__ */ l({
 	__name: "ChartMenu",
 	props: {
 		items: {},
@@ -18,15 +18,15 @@ var L = { class: "chart-menu-trigger-area" }, R = ["aria-label"], z = /* @__PURE
 	},
 	setup(t) {
 		let n = t, i = () => n.forceDropdown || n.items.length > 1;
-		return (n, l) => (_(), a("div", L, [i() ? (_(), r(S(A), {
+		return (n, l) => (_(), a("div", ue, [i() ? (_(), r(C(j), {
 			key: 1,
 			modal: !1
 		}, {
-			default: E(() => [c(S(j), {
+			default: D(() => [c(C(M), {
 				class: "chart-menu-button",
 				"aria-label": "Chart options"
 			}, {
-				default: E(() => [...l[2] ||= [o("svg", {
+				default: D(() => [...l[2] ||= [o("svg", {
 					width: "16",
 					height: "16",
 					viewBox: "0 0 16 16",
@@ -50,20 +50,21 @@ var L = { class: "chart-menu-trigger-area" }, R = ["aria-label"], z = /* @__PURE
 					})
 				], -1)]]),
 				_: 1
-			}), c(S(k), null, {
-				default: E(() => [c(S(D), {
+			}), c(C(A), null, {
+				default: D(() => [c(C(O), {
 					class: "chart-menu-content",
 					"side-offset": 4,
 					align: "end"
 				}, {
-					default: E(() => [(_(!0), a(e, null, y(t.items, (e) => (_(), r(S(O), {
+					default: D(() => [(_(!0), a(e, null, y(t.items, (e) => (_(), r(C(k), {
 						key: e.label,
 						class: "chart-menu-item",
+						"aria-pressed": e.ariaPressed,
 						onSelect: e.action
 					}, {
-						default: E(() => [s(b(e.label), 1)]),
+						default: D(() => [s(x(e.label), 1)]),
 						_: 2
-					}, 1032, ["onSelect"]))), 128))]),
+					}, 1032, ["aria-pressed", "onSelect"]))), 128))]),
 					_: 1
 				})]),
 				_: 1
@@ -84,44 +85,44 @@ var L = { class: "chart-menu-trigger-area" }, R = ["aria-label"], z = /* @__PURE
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			"aria-hidden": "true"
-		}, [o("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, R))]));
+		}, [o("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, L))]));
 	}
-}), B = (e, t) => {
+}), z = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ue = /* @__PURE__ */ B(z, [["__scopeId", "data-v-b3c563e8"]]);
+}, de = /* @__PURE__ */ z(R, [["__scopeId", "data-v-c74e2889"]]);
 //#endregion
 //#region src/_shared/axes.ts
-function V(e) {
+function B(e) {
 	return Math.round(e) + .5;
 }
-function de(e, t) {
+function fe(e, t) {
 	let n = e / t, r = 10 ** Math.floor(Math.log10(n)), i = n / r, a;
 	return a = i <= 1.5 ? 1 : i <= 3 ? 2 : i <= 7 ? 5 : 10, a * r;
 }
-function H(e, t, n) {
+function pe(e, t, n) {
 	if (!(n > 0) || !isFinite(n)) return [];
 	let r = [], i = Math.ceil(e / n) * n;
 	for (let e = 0, a = i; a <= t + 1e-9 && e < 1e3; e++, a = i + e * n) r.push(a);
 	return r;
 }
-var U = new Intl.NumberFormat();
-function W(e) {
-	return Math.abs(e) >= 1e3 ? U.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
+var V = new Intl.NumberFormat();
+function H(e) {
+	return Math.abs(e) >= 1e3 ? V.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
 }
 //#endregion
 //#region src/_shared/computeTicks.ts
-function G(e) {
+function U(e) {
 	let { min: t, max: n, ticks: r } = e;
 	if (t === n) return [];
 	let i = e.displayOffset ?? 0;
 	if (Array.isArray(r)) return r.map((e) => e - i).filter((e) => e >= t && e <= n);
-	if (typeof r == "number") return H(t + i, n + i, r).map((e) => e - i);
-	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = de(n - t, a);
-	return H(t + i, n + i, o).map((e) => e - i);
+	if (typeof r == "number") return pe(t + i, n + i, r).map((e) => e - i);
+	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = fe(n - t, a);
+	return pe(t + i, n + i, o).map((e) => e - i);
 }
-function fe(e, t, n, r) {
+function W(e, t, n, r) {
 	if (r === "log") {
 		let r = Math.log10(t), i = Math.log10(n) - r || 1;
 		return (Math.log10(e > 0 ? e : t) - r) / i;
@@ -129,7 +130,7 @@ function fe(e, t, n, r) {
 	let i = n - t || 1;
 	return (e - t) / i;
 }
-function pe(e, t, n, r) {
+function me(e, t, n, r) {
 	if (n !== "log") return {
 		min: e,
 		max: t
@@ -140,7 +141,7 @@ function pe(e, t, n, r) {
 		max: t > 0 ? Math.max(t, i) : i
 	};
 }
-function me(e) {
+function he(e) {
 	let { min: t, max: n, ticks: r } = e;
 	if (!(t > 0) || !(n > 0) || t === n) return [];
 	if (Array.isArray(r)) return r.filter((e) => e > 0 && e >= t && e <= n);
@@ -153,25 +154,27 @@ function me(e) {
 }
 //#endregion
 //#region src/_shared/useChartSize.ts
-function K(e = {}) {
-	let t = v(null), n = v(0), r = null, i = null;
+function ge(e = {}) {
+	let t = v(null), n = v(0), r = v(0), i = null, a = null;
 	return h(() => {
-		t.value && (n.value = t.value.clientWidth, r = new ResizeObserver((t) => {
-			let r = t[0];
-			if (!r) return;
-			let a = e.debounce?.();
-			a ? (i && clearTimeout(i), i = setTimeout(() => {
-				n.value = r.contentRect.width;
-			}, a)) : n.value = r.contentRect.width;
-		}), r.observe(t.value));
+		t.value && (n.value = t.value.clientWidth, r.value = t.value.clientHeight, i = new ResizeObserver((t) => {
+			let i = t[0];
+			if (!i) return;
+			let o = () => {
+				n.value = i.contentRect.width, r.value = i.contentRect.height;
+			}, s = e.debounce?.();
+			s ? (a && clearTimeout(a), a = setTimeout(o, s)) : o();
+		}), i.observe(t.value));
 	}), g(() => {
-		r?.disconnect(), i && clearTimeout(i);
+		i?.disconnect(), a && clearTimeout(a);
 	}), {
 		containerRef: t,
-		measuredWidth: n
+		measuredWidth: n,
+		measuredHeight: r
 	};
 }
-function he(e) {
+var G = 7, _e = 18, ve = 16;
+function K(e) {
 	return e == null ? {
 		top: 0,
 		right: 0,
@@ -190,37 +193,65 @@ function he(e) {
 	};
 }
 function q(e) {
+	return _e + e.length * G;
+}
+function ye(e) {
 	let t = n(() => {
-		let t = he(e.extraPadding?.());
+		let t = K(e.extraPadding?.());
+		return {
+			left: (e.yLabel() ? 56 : 50) + t.left,
+			right: 10 + t.right
+		};
+	}), r = n(() => e.width() - t.value.left - t.value.right), i = n(() => {
+		let t = e.inlineLegendLabels();
+		if (t.length === 0) return {
+			positions: [],
+			rowCount: 0
+		};
+		let n = Math.max(0, r.value), i = [], a = 0, o = 0;
+		for (let e of t) {
+			let t = q(e);
+			o > 0 && o + t > n && (a++, o = 0), i.push({
+				x: o,
+				row: a
+			}), o += t + ve;
+		}
 		return {
-			top: (e.title() ? 26 : 10) + (e.hasInlineLegend() ? 20 : 0) + t.top,
-			right: 10 + t.right,
-			bottom: (e.xLabel() ? 38 : 30) + t.bottom,
-			left: (e.yLabel() ? 56 : 50) + t.left
+			positions: i,
+			rowCount: a + 1
 		};
-	}), r = n(() => (e.title() ? 26 : 10) + 20 / 2), i = n(() => e.width() - t.value.left - t.value.right), a = n(() => e.height() - t.value.top - t.value.bottom);
+	}), a = n(() => {
+		let n = K(e.extraPadding?.()), r = i.value.rowCount;
+		return {
+			top: (e.title() ? 26 : 10) + r * 20 + n.top,
+			bottom: (e.xLabel() ? 38 : 30) + n.bottom,
+			left: t.value.left,
+			right: t.value.right
+		};
+	}), o = n(() => (e.title() ? 26 : 10) + 20 / 2), s = n(() => e.height() - a.value.top - a.value.bottom);
 	return {
-		padding: t,
-		legendY: r,
-		innerW: i,
-		innerH: a,
+		padding: a,
+		legendY: o,
+		inlineLegendLayout: i,
+		innerW: r,
+		innerH: s,
 		bounds: n(() => {
-			let e = t.value;
+			let e = a.value;
 			return {
 				left: e.left,
 				top: e.top,
-				right: e.left + i.value,
-				bottom: e.top + a.value,
-				width: i.value,
-				height: a.value
+				right: e.left + r.value,
+				bottom: e.top + s.value,
+				width: r.value,
+				height: s.value
 			};
 		})
 	};
 }
 //#endregion
 //#region src/tooltip-position.ts
-var J = 16, ge = 8;
-function _e(e, t, n, r, i, a) {
+var J = 16, Y = 8;
+function be(e, t, n, r, i, a) {
 	if (i === "none") return {
 		left: e + J,
 		top: t
@@ -235,15 +266,15 @@ function _e(e, t, n, r, i, a) {
 		right: window.innerWidth,
 		top: 0,
 		bottom: window.innerHeight
-	}, s = e + J + n > o.right - ge ? e - J - n : e + J, c = r / 2;
+	}, s = e + J + n > o.right - Y ? e - J - n : e + J, c = r / 2;
 	return {
 		left: s,
-		top: Math.min(Math.max(t, o.top + ge + c), o.bottom - ge - c)
+		top: Math.min(Math.max(t, o.top + Y + c), o.bottom - Y - c)
 	};
 }
 //#endregion
 //#region src/_shared/useChartTooltip.ts
-function ve(e) {
+function xe(e) {
 	let t = e.touchYOffset ?? 50, n = v(null), r = v(!1), i = v(null), a = v(null), o = v(null);
 	function s(e) {
 		return "touches" in e ? e.touches[0] ?? null : e;
@@ -257,14 +288,14 @@ function ve(e) {
 			clientY: r.clientY
 		}, e.onHover?.({ index: i }));
 	}
-	T([a, n], () => {
+	E([a, n], () => {
 		if (n.value === null || !a.value) {
 			o.value = null;
 			return;
 		}
 		let s = i.value, c = e.containerRef.value;
 		if (!s || !c) return;
-		let l = c.getBoundingClientRect(), u = r.value ? t : 0, d = e.clamp?.() ?? "chart", { left: f, top: p } = _e(a.value.clientX, a.value.clientY - u, s.offsetWidth, s.offsetHeight, d, l);
+		let l = c.getBoundingClientRect(), u = r.value ? t : 0, d = e.clamp?.() ?? "chart", { left: f, top: p } = be(a.value.clientX, a.value.clientY - u, s.offsetWidth, s.offsetHeight, d, l);
 		o.value = {
 			left: f - l.left,
 			top: p - l.top
@@ -310,59 +341,103 @@ function ve(e) {
 }
 //#endregion
 //#region src/ChartMenu/download.ts
-function Y(e, t) {
+function X(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
 }
-var ye = [
+var Z = [
 	"color",
 	"font-family",
 	"font-size",
 	"font-weight"
-], X = ["fill", "stroke"];
-function Z(e) {
+], Se = ["fill", "stroke"];
+function Ce(e) {
 	let t = e.match(/^\s*var\(\s*(--[\w-]+)\s*(?:,\s*([^)]*?)\s*)?\)\s*$/);
 	if (!t) return e;
 	let [, n, r] = t;
 	return window.getComputedStyle(document.documentElement).getPropertyValue(n).trim() || (r ? r.trim() : e);
 }
-function be(e) {
+function we(e) {
 	let t = e.cloneNode(!0);
 	t.setAttribute("xmlns", "http://www.w3.org/2000/svg");
 	let n = window.getComputedStyle(e), r = [];
-	for (let e of ye) {
+	for (let e of Z) {
 		let t = n.getPropertyValue(e);
 		t && r.push(`${e}: ${t}`);
 	}
 	let i = t.getAttribute("style") ?? "";
 	t.setAttribute("style", [i, ...r].filter(Boolean).join("; "));
-	for (let e of t.querySelectorAll("*")) for (let t of X) {
+	for (let e of t.querySelectorAll("*")) for (let t of Se) {
 		let n = e.getAttribute(t);
-		!n || !n.includes("var(") || e.setAttribute(t, Z(n));
+		!n || !n.includes("var(") || e.setAttribute(t, Ce(n));
 	}
 	return t;
 }
-function xe(e, t) {
-	let n = be(e), r = new XMLSerializer().serializeToString(n);
-	Y(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
+function Te(e, t) {
+	let n = we(e), r = new XMLSerializer().serializeToString(n);
+	X(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
 }
-function Se(e, t) {
-	let n = be(e), r = new XMLSerializer().serializeToString(n), i = new Blob([r], { type: "image/svg+xml;charset=utf-8" }), a = URL.createObjectURL(i), o = new Image(), s = e.width.baseVal.value || e.clientWidth, c = e.height.baseVal.value || e.clientHeight;
+function Ee(e, t) {
+	let n = we(e), r = new XMLSerializer().serializeToString(n), i = new Blob([r], { type: "image/svg+xml;charset=utf-8" }), a = URL.createObjectURL(i), o = new Image(), s = e.width.baseVal.value || e.clientWidth, c = e.height.baseVal.value || e.clientHeight;
 	o.onload = () => {
 		let e = document.createElement("canvas");
 		e.width = s * 2, e.height = c * 2;
 		let n = e.getContext("2d");
 		n.scale(2, 2), n.drawImage(o, 0, 0, s, c), e.toBlob((e) => {
-			e && Y(e, `${t}.png`);
+			e && X(e, `${t}.png`);
 		}), URL.revokeObjectURL(a);
 	}, o.src = a;
 }
 function Q(e, t) {
-	Y(new Blob([e], { type: "text/csv" }), `${t}.csv`);
+	X(new Blob([e], { type: "text/csv" }), `${t}.csv`);
+}
+//#endregion
+//#region src/_shared/useChartFullscreen.ts
+var $ = 0, De = "";
+function Oe() {
+	typeof document > "u" || ($ === 0 && (De = document.body.style.overflow, document.body.style.overflow = "hidden"), $++);
+}
+function ke() {
+	typeof document > "u" || $ !== 0 && ($--, $ === 0 && (document.body.style.overflow = De));
+}
+function Ae() {
+	let e = v(!1), t = !1;
+	function r(n) {
+		n !== e.value && (e.value = n, n && !t ? (Oe(), t = !0) : !n && t && (ke(), t = !1));
+	}
+	function i(t) {
+		if (t.key !== "Escape" || !e.value) return;
+		let n = t.target;
+		n instanceof Element && n.closest("[role=\"menu\"], [role=\"dialog\"]") || r(!1);
+	}
+	function a() {
+		r(!0);
+	}
+	function o() {
+		r(!1);
+	}
+	function s() {
+		r(!e.value);
+	}
+	return h(() => {
+		typeof document > "u" || document.addEventListener("keydown", i);
+	}), g(() => {
+		typeof document > "u" || (document.removeEventListener("keydown", i), t &&= (ke(), !1));
+	}), {
+		isFullscreen: e,
+		toggle: s,
+		enter: a,
+		exit: o,
+		menuItem: n(() => ({
+			label: e.value ? "Collapse" : "Expand",
+			action: s,
+			ariaPressed: e.value
+		}))
+	};
 }
 //#endregion
 //#region src/_shared/useChartMenu.ts
-function Ce(e) {
+function je(e) {
 	let t = v(null);
 	function r() {
 		let t = e.filename();
@@ -370,36 +445,38 @@ function Ce(e) {
 		let n = e.legacyMenuLabel();
 		return typeof n == "string" ? n : "chart";
 	}
+	let i = e.fullscreen ? Ae() : null;
 	return {
 		svgRef: t,
 		items: n(() => {
-			let n = r(), i = [{
+			let n = r(), a = [];
+			return i && a.push(i.menuItem.value), a.push({
 				label: "Save as SVG",
 				action: () => {
-					t.value && xe(t.value, n);
+					t.value && Te(t.value, n);
 				}
 			}, {
 				label: "Save as PNG",
 				action: () => {
-					t.value && Se(t.value, n);
+					t.value && Ee(t.value, n);
 				}
-			}];
-			return e.downloadLink() || i.push({
+			}), e.downloadLink() || a.push({
 				label: "Download CSV",
 				action: () => Q(e.getCsv(), n)
-			}), i;
+			}), a;
 		}),
 		downloadLinkText: n(() => {
 			let t = e.downloadLink();
 			return t ? typeof t == "string" ? t : "Download data (CSV)" : null;
 		}),
 		csvHref: n(() => e.downloadLink() ? `data:text/csv;charset=utf-8,${encodeURIComponent(e.getCsv())}` : null),
-		resolvedFilename: r
+		resolvedFilename: r,
+		isFullscreen: i?.isFullscreen ?? v(!1)
 	};
 }
 //#endregion
 //#region src/_shared/seriesCsv.ts
-function we(e) {
+function Me(e) {
 	if (e.length === 0) return "";
 	let t = 0;
 	for (let n of e) n.data.length > t && (t = n.data.length);
@@ -411,25 +488,25 @@ function we(e) {
 	}
 	return i.join("\n");
 }
-function Te(e, t, n = "category") {
+function Ne(e, t, n = "category") {
 	if (t.length === 0 || e.length === 0) return "";
 	let r = [(t.length === 1 ? [n, t[0].label || "value"] : [n, ...t.map((e, t) => e.label || `series_${t}`)]).join(",")];
 	for (let n = 0; n < e.length; n++) {
-		let i = [Ee(e[n])];
+		let i = [Pe(e[n])];
 		for (let e of t) i.push(n < e.data.length ? String(e.data[n]) : "");
 		r.push(i.join(","));
 	}
 	return r.join("\n");
 }
-function Ee(e) {
+function Pe(e) {
 	return e.includes(",") || e.includes("\"") || e.includes("\n") ? `"${e.replace(/"/g, "\"\"")}"` : e;
 }
 //#endregion
 //#region src/_shared/ChartAnnotations.vue?vue&type=script&setup=true&lang.ts
-var De = {
+var Fe = {
 	class: "chart-annotations",
 	"pointer-events": "none"
-}, Oe = [
+}, Ie = [
 	"x1",
 	"y1",
 	"x2",
@@ -437,12 +514,12 @@ var De = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], ke = [
+], Le = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Ae = ["fill", "transform"], je = [
+], Re = ["fill", "transform"], ze = [
 	"x",
 	"y",
 	"text-anchor",
@@ -451,7 +528,7 @@ var De = {
 	"fill",
 	"stroke",
 	"stroke-width"
-], Me = ["x", "dy"], Ne = ["font-weight", "font-style"], Pe = 13, Fe = "normal", Ie = 700, Le = "var(--color-bg-0, #fff)", Re = 3, ze = 1, $ = 4, Be = 6, Ve = 1.2, He = .35, Ue = /* @__PURE__ */ l({
+], Be = ["x", "dy"], Ve = ["font-weight", "font-style"], He = 13, Ue = "normal", We = 700, Ge = "var(--color-bg-0, #fff)", Ke = 3, qe = 1, Je = 4, Ye = 6, Xe = 1.2, Ze = .35, Qe = /* @__PURE__ */ l({
 	__name: "ChartAnnotations",
 	props: {
 		annotations: { default: () => [] },
@@ -488,30 +565,30 @@ var De = {
 				if (!n || !isFinite(n.x) || !isFinite(n.y)) continue;
 				let i = t.pointer ?? "curved", a = i.startsWith("rule");
 				if (a && !r.bounds) continue;
-				let { x: o, y: l } = t.offset, f = n.x + o, p = n.y + l, m = t.color ?? "currentColor", h = t.fontSize ?? Pe, g = t.fontWeight ?? Fe, _ = t.haloColor ?? Le, v = t.haloWidth ?? Re, y = t.lineColor ?? m, ee = t.lineWidth ?? ze, b = s(t.lineDash), te = t.textAnchor ?? (o > 0 ? "start" : o < 0 ? "end" : "middle"), x, S = "", C, w = !a && (t.arrow ?? !0);
-				if (a && r.bounds) x = u(i, n.x, n.y, r.bounds);
+				let { x: o, y: l } = t.offset, f = n.x + o, p = n.y + l, m = t.color ?? "currentColor", h = t.fontSize ?? He, g = t.fontWeight ?? Ue, _ = t.haloColor ?? Ge, v = t.haloWidth ?? Ke, y = t.lineColor ?? m, b = t.lineWidth ?? qe, x = s(t.lineDash), ee = t.textAnchor ?? (o > 0 ? "start" : o < 0 ? "end" : "middle"), S, C = "", w, T = !a && (t.arrow ?? !0);
+				if (a && r.bounds) S = u(i, n.x, n.y, r.bounds);
 				else {
 					let e = d(n.x, n.y, f, p, h, i);
-					S = e.path, w && e.arrow && (C = e.arrow);
+					C = e.path, T && e.arrow && (w = e.arrow);
 				}
 				e.push({
 					lines: t.text.split("\n").map(c),
 					textX: f,
 					textY: p,
-					textAnchor: te,
-					dy: h * Ve,
+					textAnchor: ee,
+					dy: h * Xe,
 					fontSize: h,
 					fontWeight: g,
 					color: m,
 					haloColor: _,
 					haloWidth: v,
-					pointerPath: S,
+					pointerPath: C,
 					lineColor: y,
-					lineWidth: ee,
-					lineDash: b,
-					arrow: w,
-					arrowTip: C,
-					rule: x
+					lineWidth: b,
+					lineDash: x,
+					arrow: T,
+					arrowTip: w,
+					rule: S
 				});
 			}
 			return e;
@@ -564,11 +641,11 @@ var De = {
 		}
 		function d(e, t, n, r, i, a) {
 			if (a === "none") return { path: "" };
-			let o = n - e, s = r - t, c = r - i * He;
+			let o = n - e, s = r - t, c = r - i * Ze;
 			if (o === 0 || s === 0 || a === "straight") {
 				let i = s === 0 ? r : c, a = n - e, o = i - t, l = Math.hypot(a, o);
-				if (l <= $ + Be) return { path: "" };
-				let u = a / l, d = o / l, f = e + u * $, p = t + d * $, m = n - u * Be, h = i - d * Be, g = Math.atan2(-d, -u) * 180 / Math.PI;
+				if (l <= Je + Ye) return { path: "" };
+				let u = a / l, d = o / l, f = e + u * Je, p = t + d * Je, m = n - u * Ye, h = i - d * Ye, g = Math.atan2(-d, -u) * 180 / Math.PI;
 				return {
 					path: `M${f},${p} L${m},${h}`,
 					arrow: {
@@ -579,8 +656,8 @@ var De = {
 				};
 			}
 			let l = c - t;
-			if (Math.abs(l) <= $ || Math.abs(o) <= Be) return { path: "" };
-			let u = Math.sign(o), d = Math.sign(l), f = e, p = t + d * $, m = n - u * Be, h = c, g = d > 0 ? -90 : 90;
+			if (Math.abs(l) <= Je || Math.abs(o) <= Ye) return { path: "" };
+			let u = Math.sign(o), d = Math.sign(l), f = e, p = t + d * Je, m = n - u * Ye, h = c, g = d > 0 ? -90 : 90;
 			return {
 				path: `M${f},${p} Q${f},${c} ${m},${h}`,
 				arrow: {
@@ -590,7 +667,7 @@ var De = {
 				}
 			};
 		}
-		return (t, n) => (_(), a("g", De, [(_(!0), a(e, null, y(l.value, (t, n) => (_(), a(e, { key: n }, [
+		return (t, n) => (_(), a("g", Fe, [(_(!0), a(e, null, y(l.value, (t, n) => (_(), a(e, { key: n }, [
 			t.rule ? (_(), a("line", {
 				key: 0,
 				x1: t.rule.x1,
@@ -601,7 +678,7 @@ var De = {
 				"stroke-width": t.lineWidth,
 				"stroke-dasharray": t.lineDash,
 				"stroke-linecap": "round"
-			}, null, 8, Oe)) : i("", !0),
+			}, null, 8, Ie)) : i("", !0),
 			t.pointerPath ? (_(), a("path", {
 				key: 1,
 				d: t.pointerPath,
@@ -610,13 +687,13 @@ var De = {
 				"stroke-width": t.lineWidth,
 				"stroke-dasharray": t.lineDash,
 				"stroke-linecap": "round"
-			}, null, 8, ke)) : i("", !0),
+			}, null, 8, Le)) : i("", !0),
 			t.arrowTip ? (_(), a("polygon", {
 				key: 2,
 				points: "0,0 -6,-3 -6,3",
 				fill: t.lineColor,
 				transform: `translate(${t.arrowTip.x} ${t.arrowTip.y}) rotate(${t.arrowTip.angle})`
-			}, null, 8, Ae)) : i("", !0),
+			}, null, 8, Re)) : i("", !0),
 			o("text", {
 				x: t.textX,
 				y: t.textY,
@@ -634,128 +711,141 @@ var De = {
 				dy: r === 0 ? 0 : t.dy
 			}, [(_(!0), a(e, null, y(n, (e, t) => (_(), a("tspan", {
 				key: t,
-				"font-weight": e.bold ? Ie : void 0,
+				"font-weight": e.bold ? We : void 0,
 				"font-style": e.italic ? "italic" : void 0
-			}, b(e.text), 9, Ne))), 128))], 8, Me))), 128))], 8, je)
+			}, x(e.text), 9, Ve))), 128))], 8, Be))), 128))], 8, ze)
 		], 64))), 128))]));
 	}
-}), We = 400, Ge = 200;
-function Ke(e) {
-	let { containerRef: t, measuredWidth: r } = K({ debounce: e.debounce }), i = n(() => e.width() ?? (r.value || We)), a = n(() => e.height() ?? Ge), { padding: o, legendY: s, innerW: c, innerH: l, bounds: u } = q({
+}), $e = 400, et = 200;
+function tt(e) {
+	let { containerRef: t, measuredWidth: r, measuredHeight: i } = ge({ debounce: e.debounce }), { svgRef: a, items: o, downloadLinkText: s, csvHref: c, resolvedFilename: l, isFullscreen: u } = je({
+		filename: e.filename,
+		legacyMenuLabel: e.menu,
+		getCsv: e.getCsv,
+		downloadLink: e.downloadLink,
+		fullscreen: !0
+	}), d = n(() => u.value && r.value > 0 ? r.value : e.width() ?? (r.value || $e)), f = n(() => {
+		if (u.value && i.value > 0) {
+			let t = e.extraBelowHeight?.() ?? 0;
+			return i.value - t;
+		}
+		return e.height() ?? et;
+	}), { padding: p, legendY: m, inlineLegendLayout: h, innerW: g, innerH: _, bounds: v } = ye({
 		title: e.title,
 		xLabel: e.xLabel,
 		yLabel: e.yLabel,
-		hasInlineLegend: e.hasInlineLegend,
-		width: () => i.value,
-		height: () => a.value,
+		inlineLegendLabels: e.inlineLegendLabels,
+		width: () => d.value,
+		height: () => f.value,
 		extraPadding: e.chartPadding
-	}), { hoverIndex: d, tooltipRef: f, tooltipPos: p, handlers: m } = ve({
+	}), { hoverIndex: y, tooltipRef: b, tooltipPos: x, handlers: ee } = xe({
 		enabled: e.hasTooltipSlot,
 		trigger: e.tooltipTrigger,
 		clamp: () => e.tooltipClamp() ?? "chart",
 		pointerToIndex: e.pointerToIndex,
 		containerRef: t,
 		onHover: e.onHover
-	}), { svgRef: h, items: g, downloadLinkText: _, csvHref: v, resolvedFilename: y } = Ce({
-		filename: e.filename,
-		legacyMenuLabel: e.menu,
-		getCsv: e.getCsv,
-		downloadLink: e.downloadLink
 	});
 	return {
 		containerRef: t,
-		svgRef: h,
-		width: i,
-		height: a,
-		padding: o,
-		legendY: s,
-		innerW: c,
-		innerH: l,
-		bounds: u,
-		hoverIndex: d,
-		tooltipRef: f,
-		tooltipPos: p,
-		tooltipHandlers: m,
-		menuItems: g,
-		downloadLinkText: _,
-		csvHref: v,
-		menuFilename: y
+		svgRef: a,
+		width: d,
+		height: f,
+		padding: p,
+		legendY: m,
+		inlineLegendLayout: h,
+		innerW: g,
+		innerH: _,
+		bounds: v,
+		hoverIndex: y,
+		tooltipRef: b,
+		tooltipPos: x,
+		tooltipHandlers: ee,
+		menuItems: o,
+		downloadLinkText: s,
+		csvHref: c,
+		menuFilename: l,
+		isFullscreen: u,
+		measuredHeight: i
 	};
 }
-function qe(e, t) {
+function nt(e, t) {
 	return (n) => {
 		let r = e();
-		if (r !== void 0) return ne(n, r);
+		if (r !== void 0) return te(n, r);
 		let i = t();
-		return i === void 0 ? W(n) : ne(n, i);
+		return i === void 0 ? H(n) : te(n, i);
 	};
 }
 //#endregion
 //#region src/LineChart/LineChart.vue?vue&type=script&setup=true&lang.ts
-var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
+var rt = {
+	class: "chart-sr-only",
+	"aria-live": "polite"
+}, it = ["width", "height"], at = ["x"], ot = { key: 1 }, st = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], Qe = [
+], ct = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], $e = ["x", "y"], et = [
+], lt = ["x", "y"], ut = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], tt = [
+], dt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], nt = [
+], ft = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], rt = [
+], pt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], it = ["x", "y"], at = ["transform"], ot = [
+], mt = ["x", "y"], ht = ["transform"], gt = [
 	"x",
 	"y",
 	"text-anchor"
-], st = ["x", "y"], ct = [
+], _t = ["x", "y"], vt = [
 	"d",
 	"fill",
 	"fill-opacity"
-], lt = [
+], yt = ["d", "stroke-width"], bt = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], ut = [
+], xt = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], dt = [
+], St = [
 	"d",
 	"fill",
 	"fill-opacity"
-], ft = [
+], Ct = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], pt = [
+], wt = [
 	"x1",
 	"y1",
 	"x2",
@@ -763,7 +853,7 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], mt = [
+], Tt = [
 	"x1",
 	"y1",
 	"x2",
@@ -771,44 +861,44 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], ht = [
+], Et = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], gt = [
+], Dt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], _t = [
+], Ot = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], vt = [
+], kt = [
 	"cx",
 	"cy",
 	"fill"
-], yt = [
+], At = [
 	"x",
 	"y",
 	"width",
 	"height"
-], bt = [
+], jt = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], xt = [
+], Mt = [
 	"x",
 	"y",
 	"fill"
-], St = ["x", "y"], Ct = { class: "line-chart-tooltip" }, wt = {
+], Nt = ["x", "y"], Pt = { class: "line-chart-tooltip" }, Ft = {
 	key: 0,
 	class: "line-chart-tooltip-label"
-}, Tt = ["href", "download"], Et = 36, Dt = 12, Ot = 7, kt = 16, At = /* @__PURE__ */ B(/* @__PURE__ */ l({
+}, It = ["href", "download"], Lt = 36, Rt = 12, zt = 7, Bt = 16, Vt = /* @__PURE__ */ z(/* @__PURE__ */ l({
 	__name: "LineChart",
 	props: {
 		y: {},
@@ -850,42 +940,42 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 	},
 	emits: ["hover"],
 	setup(t, { emit: c }) {
-		let l = t, f = c, h = n(() => C.value.some((e) => e.legend) || l.areaSections?.some((e) => e.legend === "inline" && (e.label || e.description)) || !1), g = [];
+		let l = t, h = c, g = [];
 		function v(e) {
 			return {
 				...e,
 				data: e.y ?? e.data ?? g
 			};
 		}
-		let x = qe(() => l.tooltipValueFormat, () => l.yTickFormat), C = n(() => {
+		let S = nt(() => l.tooltipValueFormat, () => l.yTickFormat), w = n(() => {
 			if (l.series && l.series.length > 0) return l.series.map(v);
 			let e = l.y ?? l.data;
 			return e ? [{
 				data: e,
 				x: l.x
 			}] : [];
-		}), w = n(() => l.areas ?? []), T = n(() => {
+		}), T = n(() => l.areas ?? []), E = n(() => {
 			let e = 0;
-			for (let t of C.value) t.data.length > e && (e = t.data.length);
-			for (let t of w.value) t.upper.length > e && (e = t.upper.length), t.lower.length > e && (e = t.lower.length);
+			for (let t of w.value) t.data.length > e && (e = t.data.length);
+			for (let t of T.value) t.upper.length > e && (e = t.upper.length), t.lower.length > e && (e = t.lower.length);
 			return e;
-		}), E = n(() => C.value.some((e) => e.x != null) || w.value.some((e) => e.x != null));
-		function D(e, t) {
+		}), D = n(() => w.value.some((e) => e.x != null) || T.value.some((e) => e.x != null));
+		function O(e, t) {
 			return e.x ? Number(e.x[t]) : t;
 		}
-		function O(e, t) {
+		function k(e, t) {
 			return e.x ? Number(e.x[t]) : t;
 		}
-		let k = n(() => E.value ? 0 : l.xMin ?? 0), A = n(() => {
+		let A = n(() => D.value ? 0 : l.xMin ?? 0), j = n(() => {
 			let e = Infinity, t = -Infinity;
-			for (let n of C.value) for (let r = 0; r < n.data.length; r++) {
-				let i = D(n, r);
+			for (let n of w.value) for (let r = 0; r < n.data.length; r++) {
+				let i = O(n, r);
 				isFinite(i) && (i < e && (e = i), i > t && (t = i));
 			}
-			for (let n of w.value) {
+			for (let n of T.value) {
 				let r = Math.max(n.upper.length, n.lower.length);
 				for (let i = 0; i < r; i++) {
-					let r = O(n, i);
+					let r = k(n, i);
 					isFinite(r) && (r < e && (e = r), r > t && (t = r));
 				}
 			}
@@ -897,16 +987,16 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 				max: 0
 			};
 		});
-		function j(e) {
-			let { min: t, max: n } = A.value, r = n - t || 1;
+		function M(e) {
+			let { min: t, max: n } = j.value, r = n - t || 1;
 			return Y.value.left + (e - t) / r * X.value;
 		}
-		let M = n(() => {
+		let ne = n(() => {
 			let e = Infinity, t = -Infinity, n = Infinity, r = (r) => {
 				isFinite(r) && (r < e && (e = r), r > t && (t = r), r > 0 && r < n && (n = r));
 			};
-			for (let e of C.value) for (let t of e.data) r(t);
-			for (let e of w.value) {
+			for (let e of w.value) for (let t of e.data) r(t);
+			for (let e of T.value) {
 				for (let t of e.upper) r(t);
 				for (let t of e.lower) r(t);
 			}
@@ -916,7 +1006,7 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 				range: 1
 			};
 			l.yMin != null && l.yMin < e && (e = l.yMin);
-			let i = pe(e, t, l.yScaleType, n);
+			let i = me(e, t, l.yScaleType, n);
 			return {
 				min: i.min,
 				max: i.max,
@@ -924,20 +1014,20 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			};
 		});
 		function N(e) {
-			let { min: t, max: n } = M.value;
-			return Y.value.top + Z.value - fe(e, t, n, l.yScaleType) * Z.value;
+			let { min: t, max: n } = ne.value;
+			return Y.value.top + Z.value - W(e, t, n, l.yScaleType) * Z.value;
 		}
 		function P(e) {
 			let t = e.data;
 			if (t.length === 0) return "";
 			let n = "", r = !1;
 			for (let i = 0; i < t.length; i++) {
-				let a = D(e, i);
+				let a = O(e, i);
 				if (!isFinite(t[i]) || !isFinite(a)) {
 					r = !1;
 					continue;
 				}
-				let o = j(a), s = N(t[i]);
+				let o = M(a), s = N(t[i]);
 				n += r ? `L${o},${s}` : `M${o},${s}`, r = !0;
 			}
 			return n;
@@ -945,9 +1035,9 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 		function re(e) {
 			let t = e.data, n = [];
 			for (let r = 0; r < t.length; r++) {
-				let i = D(e, r);
+				let i = O(e, r);
 				!isFinite(t[r]) || !isFinite(i) || n.push({
-					x: j(i),
+					x: M(i),
 					y: N(t[r])
 				});
 			}
@@ -957,20 +1047,20 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			let t = Math.min(e.upper.length, e.lower.length);
 			if (t === 0) return "";
 			let n = [], r = [];
-			for (let i = 0; i < t; i++) isFinite(e.upper[i]) && isFinite(e.lower[i]) && isFinite(O(e, i)) ? r.push(i) : r.length && (n.push(r), r = []);
+			for (let i = 0; i < t; i++) isFinite(e.upper[i]) && isFinite(e.lower[i]) && isFinite(k(e, i)) ? r.push(i) : r.length && (n.push(r), r = []);
 			r.length && n.push(r);
 			let i = "";
 			for (let t of n) {
-				i += `M${j(O(e, t[0]))},${N(e.upper[t[0]])}`;
-				for (let n = 1; n < t.length; n++) i += `L${j(O(e, t[n]))},${N(e.upper[t[n]])}`;
-				for (let n = t.length - 1; n >= 0; n--) i += `L${j(O(e, t[n]))},${N(e.lower[t[n]])}`;
+				i += `M${M(k(e, t[0]))},${N(e.upper[t[0]])}`;
+				for (let n = 1; n < t.length; n++) i += `L${M(k(e, t[n]))},${N(e.upper[t[n]])}`;
+				for (let n = t.length - 1; n >= 0; n--) i += `L${M(k(e, t[n]))},${N(e.lower[t[n]])}`;
 				i += "Z";
 			}
 			return i;
 		}
 		function F(e, t) {
-			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && C.value[e.seriesIndex] || C.value[0];
-			return j(r ? D(r, n) : n);
+			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && w.value[e.seriesIndex] || w.value[0];
+			return M(r ? O(r, n) : n);
 		}
 		function ae(e, t = !0) {
 			let n = Y.value.top + Z.value;
@@ -978,13 +1068,13 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 				let t = F(e, "start"), r = F(e, "end");
 				return t > r ? "" : `M${t},${Y.value.top}L${r},${Y.value.top}L${r},${n}L${t},${n}Z`;
 			}
-			let r = C.value[e.seriesIndex];
+			let r = w.value[e.seriesIndex];
 			if (!r) return "";
 			let i = Math.max(0, e.startIndex), a = Math.min(r.data.length - 1, e.endIndex);
 			if (i > a) return "";
-			let o = `M${j(D(r, i))},${N(r.data[i])}`;
-			for (let e = i + 1; e <= a; e++) isFinite(r.data[e]) && (o += `L${j(D(r, e))},${N(r.data[e])}`);
-			return t && (o += `L${j(D(r, a))},${n}`, o += `L${j(D(r, i))},${n}`, o += "Z"), o;
+			let o = `M${M(O(r, i))},${N(r.data[i])}`;
+			for (let e = i + 1; e <= a; e++) isFinite(r.data[e]) && (o += `L${M(O(r, e))},${N(r.data[e])}`);
+			return t && (o += `L${M(O(r, a))},${n}`, o += `L${M(O(r, i))},${n}`, o += "Z"), o;
 		}
 		let oe = n(() => {
 			let e = l.areaSections;
@@ -995,7 +1085,7 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			let t = [], n = Y.value.left + X.value;
 			for (let r of e) {
 				if (!r.label && !r.description || r.legend === "inline" || r.legend === !1) continue;
-				let e = r.label ?? "", i = r.description ?? "", a = Math.max(e.length, i.length) * Ot, o = F(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : C.value[r.seriesIndex]?.color ?? "currentColor");
+				let e = r.label ?? "", i = r.description ?? "", a = Math.max(e.length, i.length) * zt, o = F(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : w.value[r.seriesIndex]?.color ?? "currentColor");
 				t.push({
 					cx: c,
 					labelText: e,
@@ -1010,7 +1100,7 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			let r = [];
 			for (let e of t) {
 				let t = e.cx - e.textWidth / 2, n = 0;
-				for (; n < r.length && !(t >= r[n] + kt);) n++;
+				for (; n < r.length && !(t >= r[n] + Bt);) n++;
 				e.row = n;
 				let i = e.cx + e.textWidth / 2;
 				r[n] = Math.max(r[n] ?? -Infinity, i);
@@ -1020,11 +1110,11 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 				extraHeight: 0
 			} : {
 				labels: t,
-				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * Et + Dt
+				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * Lt + Rt
 			};
 		}), I = n(() => {
 			let e = [];
-			for (let t of C.value) t.legend && e.push({
+			for (let t of w.value) !t.legend || t.showInLegend === !1 || e.push({
 				label: t.legend,
 				color: t.color ?? "currentColor",
 				type: "series",
@@ -1033,7 +1123,7 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			let t = l.areaSections;
 			if (t) for (let n of t) {
 				if (n.legend !== "inline" || !n.label && !n.description) continue;
-				let t = [n.label, n.description].filter(Boolean).join(" "), r = n.color ?? (n.seriesIndex == null ? "#999" : C.value[n.seriesIndex]?.color ?? "currentColor");
+				let t = [n.label, n.description].filter(Boolean).join(" "), r = n.color ?? (n.seriesIndex == null ? "#999" : w.value[n.seriesIndex]?.color ?? "currentColor");
 				e.push({
 					label: t,
 					color: r,
@@ -1042,36 +1132,36 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 				});
 			}
 			return e;
-		}), se = n(() => ve.value + oe.value.extraHeight), ce = n(() => Y.value.top + Z.value + Y.value.bottom + Dt), le = n(() => {
-			let { min: e, max: t } = M.value, n = (e) => l.yTickFormat === void 0 ? W(e) : ne(e, l.yTickFormat);
+		}), se = n(() => I.value.map((e) => e.label)), ce = n(() => J.value + oe.value.extraHeight), le = n(() => Y.value.top + Z.value + Y.value.bottom + Rt), ue = n(() => {
+			let { min: e, max: t } = ne.value, n = (e) => l.yTickFormat === void 0 ? H(e) : te(e, l.yTickFormat);
 			return e === t ? [{
 				value: n(e),
-				y: V(Y.value.top + Z.value / 2)
-			}] : (l.yScaleType === "log" ? me({
+				y: B(Y.value.top + Z.value / 2)
+			}] : (l.yScaleType === "log" ? he({
 				min: e,
 				max: t,
 				ticks: l.yTicks
-			}) : G({
+			}) : U({
 				min: e,
 				max: t,
 				ticks: l.yTicks,
 				targetTickCount: Z.value / 50
 			})).map((e) => ({
 				value: n(e),
-				y: V(N(e))
+				y: B(N(e))
 			}));
 		}), L = n(() => {
-			let { min: e, max: t } = A.value;
+			let { min: e, max: t } = j.value;
 			if (e === t) return [];
-			let n = k.value, r = T.value, i = (e, t) => {
+			let n = A.value, r = E.value, i = (e, t) => {
 				let r = e + n, i = l.xTickFormat;
-				return i === void 0 ? !E.value && l.xLabels && Number.isInteger(e) && e >= 0 && e < l.xLabels.length ? l.xLabels[e] : W(r) : typeof i == "function" ? i(r, t) : ne(r, i);
+				return i === void 0 ? !D.value && l.xLabels && Number.isInteger(e) && e >= 0 && e < l.xLabels.length ? l.xLabels[e] : H(r) : typeof i == "function" ? i(r, t) : te(r, i);
 			}, a;
-			if (l.xTicks == null && !E.value && l.xLabels && l.xLabels.length === r) {
+			if (l.xTicks == null && !D.value && l.xLabels && l.xLabels.length === r) {
 				let e = Math.max(3, Math.floor(X.value / 80)), t = Math.max(1, Math.round((r - 1) / e));
 				a = [];
 				for (let e = 0; e < r; e += t) a.push(e);
-			} else a = G({
+			} else a = U({
 				min: e,
 				max: t,
 				ticks: l.xTicks,
@@ -1080,7 +1170,7 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			});
 			let o = Y.value.left, s = Y.value.left + X.value;
 			return a.map((e, t) => {
-				let n = V(j(e)), r = "middle";
+				let n = B(M(e)), r = "middle";
 				return n - o <= 1 ? r = "start" : s - n <= 1 && (r = "end"), {
 					value: i(e, t),
 					x: n,
@@ -1089,72 +1179,78 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			});
 		});
 		function R() {
-			return typeof l.csv == "function" ? l.csv() : typeof l.csv == "string" ? l.csv : we(C.value);
+			return typeof l.csv == "function" ? l.csv() : typeof l.csv == "string" ? l.csv : Me(w.value);
 		}
-		let z = n(() => !!l.tooltipData || !!l.tooltipTrigger), B = n(() => {
-			let e = xe.value, t = C.value[0];
-			return e === null || !t ? null : D(t, e);
-		}), de = n(() => B.value === null ? 0 : j(B.value));
-		function H(e, t) {
+		let z = n(() => !!l.tooltipData || !!l.tooltipTrigger), fe = n(() => {
+			let e = Ce.value, t = w.value[0];
+			return e === null || !t ? null : O(t, e);
+		}), pe = n(() => fe.value === null ? 0 : M(fe.value));
+		function V(e, t) {
 			let n = e.data.length;
 			if (n === 0) return null;
 			let r = 0, i = Infinity;
 			for (let a = 0; a < n; a++) {
-				let n = D(e, a);
+				let n = O(e, a);
 				if (!isFinite(n)) continue;
 				let o = Math.abs(n - t);
 				o < i && (i = o, r = a);
 			}
 			return i === Infinity ? null : r;
 		}
-		let U = n(() => {
-			let e = B.value;
+		let ge = n(() => {
+			let e = fe.value;
 			if (e === null) return [];
 			let t = [];
-			for (let n of C.value) {
-				let r = H(n, e);
+			for (let n of w.value) {
+				if (n.showInTooltip === !1) continue;
+				let r = V(n, e);
 				if (r === null) continue;
 				let i = n.data[r];
 				isFinite(i) && t.push({
-					x: j(D(n, r)),
+					x: M(O(n, r)),
 					y: N(i),
 					color: n.color ?? "currentColor"
 				});
 			}
 			return t;
-		}), K = n(() => {
-			let e = xe.value, t = B.value;
+		}), G = n(() => {
+			let e = Ce.value, t = fe.value;
 			if (e === null || t === null) return null;
-			let n = t + k.value, r, i = l.xTickFormat;
-			return r = i === void 0 ? E.value ? W(n) : l.xLabels?.[e] : typeof i == "function" ? i(n, e) : ne(n, i), {
+			let n = t + A.value, r, i = l.xTickFormat;
+			r = i === void 0 ? D.value ? H(n) : l.xLabels?.[e] : typeof i == "function" ? i(n, e) : te(n, i);
+			let a = w.value, o = [];
+			for (let e = 0; e < a.length; e++) {
+				let n = a[e];
+				if (n.showInTooltip === !1) continue;
+				let r = V(n, t);
+				o.push({
+					value: r === null ? NaN : Number(n.data[r]),
+					color: n.color ?? "currentColor",
+					seriesIndex: e
+				});
+			}
+			return {
 				index: e,
 				xLabel: r,
-				values: C.value.map((e, n) => {
-					let r = H(e, t);
-					return {
-						value: r === null ? NaN : Number(e.data[r]),
-						color: e.color ?? "currentColor",
-						seriesIndex: n
-					};
-				}),
+				values: o,
 				data: l.tooltipData?.[e] ?? null
 			};
 		});
-		function he(e, t) {
+		function _e(e, t) {
 			return !isFinite(e) || !isFinite(t) ? null : {
-				x: j(e - k.value),
+				x: M(e - A.value),
 				y: N(t)
 			};
 		}
-		function q(e) {
-			let t = J.value?.getBoundingClientRect();
+		function ve(e) {
+			let t = K.value?.getBoundingClientRect();
 			if (!t) return null;
-			let n = C.value[0];
+			let n = w.value[0];
 			if (!n || n.data.length === 0) return null;
-			let { min: r, max: i } = A.value, a = i - r || 1;
-			return H(n, r + (e - t.left - Y.value.left) / X.value * a);
+			let { min: r, max: i } = j.value, a = i - r || 1;
+			return V(n, r + (e - t.left - Y.value.left) / X.value * a);
 		}
-		let { containerRef: J, svgRef: ge, width: _e, height: ve, padding: Y, legendY: ye, innerW: X, innerH: Z, bounds: be, hoverIndex: xe, tooltipRef: Se, tooltipPos: Q, tooltipHandlers: Ce, menuItems: Te, downloadLinkText: Ee, csvHref: De, menuFilename: Oe } = Ke({
+		let { containerRef: K, svgRef: q, width: ye, height: J, padding: Y, legendY: be, inlineLegendLayout: xe, innerW: X, innerH: Z, bounds: Se, hoverIndex: Ce, tooltipRef: we, tooltipPos: Te, tooltipHandlers: Ee, menuItems: Q, downloadLinkText: $, csvHref: De, menuFilename: Oe, isFullscreen: ke } = tt({
 			width: () => l.width,
 			height: () => l.height,
 			title: () => l.title,
@@ -1167,217 +1263,242 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			filename: () => l.filename,
 			downloadLink: () => l.downloadLink,
 			chartPadding: () => l.chartPadding,
-			hasInlineLegend: () => h.value,
+			inlineLegendLabels: () => se.value,
 			hasTooltipSlot: () => z.value,
 			getCsv: R,
-			pointerToIndex: q,
-			onHover: (e) => f("hover", e)
+			pointerToIndex: ve,
+			onHover: (e) => h("hover", e),
+			extraBelowHeight: () => oe.value.extraHeight
+		}), Ae = n(() => {
+			let e = xe.value.positions, t = Y.value.left, n = be.value;
+			return I.value.map((r, i) => {
+				let a = e[i];
+				return {
+					...r,
+					x: t + a.x,
+					y: n + a.row * 20
+				};
+			});
 		});
 		return (n, c) => (_(), a("div", {
 			ref_key: "containerRef",
-			ref: J,
-			class: "line-chart-wrapper"
+			ref: K,
+			class: f(["line-chart-wrapper", { "is-fullscreen": C(ke) }])
 		}, [
-			t.menu ? (_(), r(ue, {
+			t.menu ? (_(), r(de, {
 				key: 0,
-				items: S(Te)
+				items: C(Q)
 			}, null, 8, ["items"])) : i("", !0),
+			o("div", rt, x(C(ke) ? "Chart expanded to fill window" : ""), 1),
 			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: ge,
-				width: S(_e),
-				height: se.value
+				ref: q,
+				width: C(ye),
+				height: ce.value
 			}, [
 				t.title ? (_(), a("text", {
 					key: 0,
-					x: S(_e) / 2,
+					x: C(ye) / 2,
 					y: 18,
 					"text-anchor": "middle",
 					"font-size": "14",
 					"font-weight": "600",
 					fill: "currentColor"
-				}, b(t.title), 9, Ye)) : i("", !0),
-				I.value.length > 0 ? (_(), a("g", Xe, [(_(!0), a(e, null, y(I.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
+				}, x(t.title), 9, at)) : i("", !0),
+				Ae.value.length > 0 ? (_(), a("g", ot, [(_(!0), a(e, null, y(Ae.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
 					key: 0,
-					x1: S(Y).left + n * 120,
-					y1: S(ye),
-					x2: S(Y).left + n * 120 + 12,
-					y2: S(ye),
+					x1: t.x,
+					y1: t.y,
+					x2: t.x + 12,
+					y2: t.y,
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, Ze)) : (_(), a("circle", {
+				}, null, 8, st)) : (_(), a("circle", {
 					key: 1,
-					cx: S(Y).left + n * 120 + 4,
-					cy: S(ye),
+					cx: t.x + 4,
+					cy: t.y,
 					r: "4",
 					fill: t.color,
 					"fill-opacity": t.fillOpacity,
 					stroke: t.color,
 					"stroke-width": "1.5"
-				}, null, 8, Qe)), o("text", {
-					x: S(Y).left + n * 120 + 18,
-					y: S(ye) + 4,
+				}, null, 8, ct)), o("text", {
+					x: t.x + 18,
+					y: t.y + 4,
 					"font-size": "11",
 					fill: "currentColor"
-				}, b(t.label), 9, $e)], 64))), 128))])) : i("", !0),
+				}, x(t.label), 9, lt)], 64))), 128))])) : i("", !0),
 				o("line", {
-					x1: S(V)(S(Y).left),
-					y1: S(V)(S(Y).top),
-					x2: S(V)(S(Y).left),
-					y2: S(V)(S(Y).top + S(Z)),
+					x1: C(B)(C(Y).left),
+					y1: C(B)(C(Y).top),
+					x2: C(B)(C(Y).left),
+					y2: C(B)(C(Y).top + C(Z)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, et),
+				}, null, 8, ut),
 				o("line", {
-					x1: S(V)(S(Y).left),
-					y1: S(V)(S(Y).top + S(Z)),
-					x2: S(V)(S(Y).left + S(X)),
-					y2: S(V)(S(Y).top + S(Z)),
+					x1: C(B)(C(Y).left),
+					y1: C(B)(C(Y).top + C(Z)),
+					x2: C(B)(C(Y).left + C(X)),
+					y2: C(B)(C(Y).top + C(Z)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, tt),
-				t.yGrid ? (_(!0), a(e, { key: 2 }, y(le.value, (e, t) => (_(), a("line", {
+				}, null, 8, dt),
+				t.yGrid ? (_(!0), a(e, { key: 2 }, y(ue.value, (e, t) => (_(), a("line", {
 					key: "yg" + t,
-					x1: S(Y).left,
+					x1: C(Y).left,
 					y1: e.y,
-					x2: S(Y).left + S(X),
+					x2: C(Y).left + C(X),
 					y2: e.y,
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, nt))), 128)) : i("", !0),
+				}, null, 8, ft))), 128)) : i("", !0),
 				t.xGrid ? (_(!0), a(e, { key: 3 }, y(L.value, (e, t) => (_(), a("line", {
 					key: "xg" + t,
 					x1: e.x,
-					y1: S(Y).top,
+					y1: C(Y).top,
 					x2: e.x,
-					y2: S(Y).top + S(Z),
+					y2: C(Y).top + C(Z),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, rt))), 128)) : i("", !0),
-				(_(!0), a(e, null, y(le.value, (e, t) => (_(), a("text", {
+				}, null, 8, pt))), 128)) : i("", !0),
+				(_(!0), a(e, null, y(ue.value, (e, t) => (_(), a("text", {
 					key: "y" + t,
 					"data-testid": "y-tick",
-					x: S(Y).left - 6,
+					x: C(Y).left - 6,
 					y: e.y,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.value), 9, it))), 128)),
+				}, x(e.value), 9, mt))), 128)),
 				t.yLabel ? (_(), a("text", {
 					key: 4,
 					x: 0,
 					y: 0,
-					transform: `translate(14, ${S(Y).top + S(Z) / 2}) rotate(-90)`,
+					transform: `translate(14, ${C(Y).top + C(Z) / 2}) rotate(-90)`,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, b(t.yLabel), 9, at)) : i("", !0),
+				}, x(t.yLabel), 9, ht)) : i("", !0),
 				(_(!0), a(e, null, y(L.value, (e, t) => (_(), a("text", {
 					key: "x" + t,
 					"data-testid": "x-tick",
 					x: e.x,
-					y: S(Y).top + S(Z) + 16,
+					y: C(Y).top + C(Z) + 16,
 					"text-anchor": e.anchor,
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.value), 9, ot))), 128)),
+				}, x(e.value), 9, gt))), 128)),
 				t.xLabel ? (_(), a("text", {
 					key: 5,
-					x: S(Y).left + S(X) / 2,
-					y: S(ve) - 4,
+					x: C(Y).left + C(X) / 2,
+					y: C(J) - 4,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, b(t.xLabel), 9, st)) : i("", !0),
-				(_(!0), a(e, null, y(w.value, (e, t) => (_(), a("path", {
+				}, x(t.xLabel), 9, _t)) : i("", !0),
+				(_(!0), a(e, null, y(T.value, (e, t) => (_(), a("path", {
 					key: "area" + t,
 					d: ie(e),
 					fill: e.color ?? "currentColor",
 					"fill-opacity": e.opacity ?? .2,
 					stroke: "none"
-				}, null, 8, ct))), 128)),
-				(_(!0), a(e, null, y(C.value, (n, r) => (_(), a(e, { key: r }, [n.line === !1 ? i("", !0) : (_(), a("path", {
-					key: 0,
-					d: P(n),
-					fill: "none",
-					stroke: n.color ?? "currentColor",
-					"stroke-width": n.strokeWidth ?? 1.5,
-					"stroke-opacity": n.lineOpacity ?? n.opacity ?? t.lineOpacity,
-					"stroke-dasharray": n.dashed ? "6 3" : void 0
-				}, null, 8, lt)), n.dots ? (_(!0), a(e, { key: 1 }, y(re(n), (e, r) => (_(), a("circle", {
-					key: r,
-					cx: e.x,
-					cy: e.y,
-					r: n.dotRadius ?? (n.strokeWidth ?? 1.5) + 1,
-					fill: n.dotFill ?? n.color ?? "currentColor",
-					"fill-opacity": n.dotOpacity ?? n.opacity ?? t.lineOpacity,
-					stroke: n.dotStroke ?? "none"
-				}, null, 8, ut))), 128)) : i("", !0)], 64))), 128)),
+				}, null, 8, vt))), 128)),
+				(_(!0), a(e, null, y(w.value, (n, r) => (_(), a(e, { key: r }, [
+					n.line !== !1 && n.outline ? (_(), a("path", {
+						key: 0,
+						d: P(n),
+						fill: "none",
+						stroke: "var(--color-bg-0, #fff)",
+						"stroke-width": (n.strokeWidth ?? 1.5) + 4,
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"data-testid": "line-outline"
+					}, null, 8, yt)) : i("", !0),
+					n.line === !1 ? i("", !0) : (_(), a("path", {
+						key: 1,
+						d: P(n),
+						fill: "none",
+						stroke: n.color ?? "currentColor",
+						"stroke-width": n.strokeWidth ?? 1.5,
+						"stroke-opacity": n.lineOpacity ?? n.opacity ?? t.lineOpacity,
+						"stroke-dasharray": n.dashed ? "6 3" : void 0
+					}, null, 8, bt)),
+					n.dots ? (_(!0), a(e, { key: 2 }, y(re(n), (e, r) => (_(), a("circle", {
+						key: r,
+						cx: e.x,
+						cy: e.y,
+						r: n.dotRadius ?? (n.strokeWidth ?? 1.5) + 1,
+						fill: n.dotFill ?? n.color ?? "currentColor",
+						"fill-opacity": n.dotOpacity ?? n.opacity ?? t.lineOpacity,
+						stroke: n.dotStroke ?? "none"
+					}, null, 8, xt))), 128)) : i("", !0)
+				], 64))), 128)),
 				(_(!0), a(e, null, y(t.areaSections ?? [], (t, n) => (_(), a(e, { key: "areasec" + n }, [
 					o("path", {
 						d: ae(t),
-						fill: t.color ?? (t.seriesIndex == null ? "#999" : C.value[t.seriesIndex]?.color ?? "currentColor"),
+						fill: t.color ?? (t.seriesIndex == null ? "#999" : w.value[t.seriesIndex]?.color ?? "currentColor"),
 						"fill-opacity": t.opacity ?? .15,
 						stroke: "none"
-					}, null, 8, dt),
+					}, null, 8, St),
 					t.seriesIndex == null ? i("", !0) : (_(), a("path", {
 						key: 0,
 						d: ae(t, !1),
 						fill: "none",
-						stroke: t.color ?? C.value[t.seriesIndex]?.color ?? "currentColor",
+						stroke: t.color ?? w.value[t.seriesIndex]?.color ?? "currentColor",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, ft)),
+					}, null, 8, Ct)),
 					t.seriesIndex == null ? (_(), a(e, { key: 1 }, [o("line", {
-						x1: S(V)(F(t, "start")),
-						y1: S(Y).top,
-						x2: S(V)(F(t, "start")),
-						y2: S(Y).top + S(Z),
+						x1: C(B)(F(t, "start")),
+						y1: C(Y).top,
+						x2: C(B)(F(t, "start")),
+						y2: C(Y).top + C(Z),
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, pt), o("line", {
-						x1: S(V)(F(t, "end")),
-						y1: S(Y).top,
-						x2: S(V)(F(t, "end")),
-						y2: S(Y).top + S(Z),
+					}, null, 8, wt), o("line", {
+						x1: C(B)(F(t, "end")),
+						y1: C(Y).top,
+						x2: C(B)(F(t, "end")),
+						y2: C(Y).top + C(Z),
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, mt)], 64)) : i("", !0),
+					}, null, 8, Tt)], 64)) : i("", !0),
 					o("line", {
-						x1: S(V)(F(t, "start")),
-						y1: S(Y).top + S(Z) - 4,
-						x2: S(V)(F(t, "start")),
-						y2: S(Y).top + S(Z) + 4,
+						x1: C(B)(F(t, "start")),
+						y1: C(Y).top + C(Z) - 4,
+						x2: C(B)(F(t, "start")),
+						y2: C(Y).top + C(Z) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, ht),
+					}, null, 8, Et),
 					o("line", {
-						x1: S(V)(F(t, "end")),
-						y1: S(Y).top + S(Z) - 4,
-						x2: S(V)(F(t, "end")),
-						y2: S(Y).top + S(Z) + 4,
+						x1: C(B)(F(t, "end")),
+						y1: C(Y).top + C(Z) - 4,
+						x2: C(B)(F(t, "end")),
+						y2: C(Y).top + C(Z) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, gt)
+					}, null, 8, Dt)
 				], 64))), 128)),
-				z.value && S(xe) !== null ? (_(), a("line", {
+				z.value && C(Ce) !== null ? (_(), a("line", {
 					key: 6,
-					x1: S(V)(de.value),
-					y1: S(Y).top,
-					x2: S(V)(de.value),
-					y2: S(Y).top + S(Z),
+					x1: C(B)(pe.value),
+					y1: C(Y).top,
+					x2: C(B)(pe.value),
+					y2: C(Y).top + C(Z),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3",
 					"stroke-dasharray": "4 2",
 					"pointer-events": "none"
-				}, null, 8, _t)) : i("", !0),
-				(_(!0), a(e, null, y(U.value, (e, t) => (_(), a("circle", {
+				}, null, 8, Ot)) : i("", !0),
+				(_(!0), a(e, null, y(ge.value, (e, t) => (_(), a("circle", {
 					key: "hd" + t,
 					cx: e.x,
 					cy: e.y,
@@ -1386,110 +1507,113 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 					stroke: "var(--color-bg-0, #fff)",
 					"stroke-width": "2",
 					"pointer-events": "none"
-				}, null, 8, vt))), 128)),
+				}, null, 8, kt))), 128)),
 				z.value ? (_(), a("rect", d({
 					key: 7,
-					x: S(Y).left,
-					y: S(Y).top,
-					width: S(X),
-					height: S(Z),
+					x: C(Y).left,
+					y: C(Y).top,
+					width: C(X),
+					height: C(Z),
 					fill: "transparent",
 					style: {
 						cursor: "crosshair",
 						"touch-action": "none"
 					}
-				}, te(S(Ce), !0)), null, 16, yt)) : i("", !0),
-				t.annotations && t.annotations.length > 0 ? (_(), r(S(Ue), {
+				}, ee(C(Ee), !0)), null, 16, At)) : i("", !0),
+				t.annotations && t.annotations.length > 0 ? (_(), r(C(Qe), {
 					key: 8,
 					annotations: t.annotations,
-					project: he,
-					bounds: S(be)
+					project: _e,
+					bounds: C(Se)
 				}, null, 8, ["annotations", "bounds"])) : i("", !0),
 				(_(!0), a(e, null, y(oe.value.labels, (e, t) => (_(), a("g", { key: "seclab" + t }, [
 					o("circle", {
 						cx: e.cx - e.textWidth / 2 - 2,
-						cy: ce.value + e.row * Et + 4,
+						cy: le.value + e.row * Lt + 4,
 						r: "4",
 						fill: e.color,
 						"fill-opacity": e.fillOpacity,
 						stroke: e.color,
 						"stroke-width": "1.5"
-					}, null, 8, bt),
+					}, null, 8, jt),
 					e.labelText ? (_(), a("text", {
 						key: 0,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: ce.value + e.row * Et + 8,
+						y: le.value + e.row * Lt + 8,
 						"font-size": "11",
 						"font-weight": "600",
 						fill: e.color
-					}, b(e.labelText), 9, xt)) : i("", !0),
+					}, x(e.labelText), 9, Mt)) : i("", !0),
 					e.descText ? (_(), a("text", {
 						key: 1,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: ce.value + e.row * Et + 22,
+						y: le.value + e.row * Lt + 22,
 						"font-size": "11",
 						fill: "currentColor",
 						"fill-opacity": "0.6"
-					}, b(e.descText), 9, St)) : i("", !0)
+					}, x(e.descText), 9, Nt)) : i("", !0)
 				]))), 128))
-			], 8, Je)),
-			z.value && S(xe) !== null && K.value ? (_(), a("div", {
+			], 8, it)),
+			z.value && C(Ce) !== null && G.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: Se,
+				ref: we,
 				class: "chart-tooltip-content",
 				style: m({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: S(Q) ? `translate3d(${S(Q).left}px, ${S(Q).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: S(Q) ? "visible" : "hidden"
+					transform: C(Te) ? `translate3d(${C(Te).left}px, ${C(Te).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: C(Te) ? "visible" : "hidden"
 				})
-			}, [ee(n.$slots, "tooltip", p(u(K.value)), () => [o("div", Ct, [K.value.xLabel ? (_(), a("div", wt, b(K.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(K.value.values, (e) => (_(), a("div", {
+			}, [b(n.$slots, "tooltip", p(u(G.value)), () => [o("div", Pt, [G.value.xLabel ? (_(), a("div", Ft, x(G.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(G.value.values, (e) => (_(), a("div", {
 				key: e.seriesIndex,
 				class: "line-chart-tooltip-row"
 			}, [o("span", {
 				class: "line-chart-tooltip-swatch",
 				style: m({ background: e.color })
-			}, null, 4), s(" " + b(isFinite(e.value) ? S(x)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
-			S(Ee) ? (_(), a("a", {
+			}, null, 4), s(" " + x(isFinite(e.value) ? C(S)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
+			C($) ? (_(), a("a", {
 				key: 2,
 				class: "line-chart-download-link",
-				href: S(De),
-				download: `${S(Oe)()}.csv`
-			}, b(S(Ee)), 9, Tt)) : i("", !0)
-		], 512));
+				href: C(De),
+				download: `${C(Oe)()}.csv`
+			}, x(C($)), 9, It)) : i("", !0)
+		], 2));
 	}
-}), [["__scopeId", "data-v-384bab8e"]]), jt = ["width", "height"], Mt = ["x"], Nt = { key: 1 }, Pt = [
+}), [["__scopeId", "data-v-c1d38be7"]]), Ht = {
+	class: "chart-sr-only",
+	"aria-live": "polite"
+}, Ut = ["width", "height"], Wt = ["x"], Gt = { key: 1 }, Kt = [
 	"x",
 	"y",
 	"fill"
-], Ft = ["x", "y"], It = [
+], qt = ["x", "y"], Jt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Lt = [
+], Yt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Rt = [
+], Xt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], zt = [
+], Zt = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Bt = ["x", "y"], Vt = ["x", "y"], Ht = ["transform"], Ut = [
+], Qt = ["x", "y"], $t = ["x", "y"], en = ["transform"], tn = [
 	"x",
 	"y",
 	"text-anchor"
-], Wt = ["x", "y"], Gt = ["x", "y"], Kt = [
+], nn = ["x", "y"], rn = ["x", "y"], an = [
 	"data-category",
 	"data-series",
 	"x",
@@ -1498,15 +1622,15 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 	"height",
 	"fill",
 	"fill-opacity"
-], qt = [
+], on = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Jt = { class: "bar-chart-tooltip" }, Yt = {
+], sn = { class: "bar-chart-tooltip" }, cn = {
 	key: 0,
 	class: "bar-chart-tooltip-label"
-}, Xt = ["href", "download"], Zt = /* @__PURE__ */ B(/* @__PURE__ */ l({
+}, ln = ["href", "download"], un = /* @__PURE__ */ z(/* @__PURE__ */ l({
 	__name: "BarChart",
 	props: {
 		data: {},
@@ -1548,79 +1672,81 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 	},
 	emits: ["hover"],
 	setup(t, { emit: c }) {
-		let l = t, f = c, h = n(() => x.value.some((e) => e.legend)), g = [];
+		let l = t, h = c, g = [];
 		function v(e) {
 			return {
 				data: e.y ?? e.data ?? g,
 				color: e.color,
 				opacity: e.opacity,
-				legend: e.legend
+				legend: e.legend,
+				showInLegend: e.showInLegend,
+				showInTooltip: e.showInTooltip
 			};
 		}
-		let x = n(() => {
+		let S = n(() => {
 			if (l.series && l.series.length > 0) return l.series.map(v);
 			let e = l.y ?? l.data;
 			return e ? [{ data: e }] : [];
-		}), C = n(() => {
+		}), w = n(() => {
 			let e = l.categories?.length ?? 0;
-			for (let t of x.value) t.data.length > e && (e = t.data.length);
+			for (let t of S.value) t.data.length > e && (e = t.data.length);
 			return e;
-		}), w = n(() => {
-			let e = C.value, t = Array(e);
+		}), T = n(() => {
+			let e = w.value, t = Array(e);
 			for (let n = 0; n < e; n++) t[n] = l.categories?.[n] ?? String(n);
 			return t;
-		}), T = n(() => l.orientation === "vertical"), E = n(() => {
+		}), E = n(() => l.orientation === "vertical"), D = n(() => {
 			let e = Infinity, t = -Infinity, n = Infinity, r = (e) => {
 				e > 0 && e < n && (n = e);
 			};
 			if (l.layout === "stacked") {
-				let n = C.value;
+				let n = w.value;
 				for (let i = 0; i < n; i++) {
 					let n = 0, a = 0;
-					for (let e of x.value) {
+					for (let e of S.value) {
 						if (i >= e.data.length) continue;
 						let t = Number(e.data[i]);
 						isFinite(t) && (r(t), t >= 0 ? n += t : a += t);
 					}
 					n > t && (t = n), a < e && (e = a);
 				}
-			} else for (let n of x.value) for (let i of n.data) {
+			} else for (let n of S.value) for (let i of n.data) {
 				let n = Number(i);
 				isFinite(n) && (r(n), n < e && (e = n), n > t && (t = n));
 			}
 			isFinite(e) || (e = 0), isFinite(t) || (t = 0);
 			let i = l.valueMin ?? 0;
 			l.valueScaleType === "log" ? i > 0 && i < e && (e = i) : i < e && (e = i);
-			let a = pe(e, t, l.valueScaleType, n);
+			let a = me(e, t, l.valueScaleType, n);
 			return {
 				min: a.min,
 				max: a.max,
 				range: a.max - a.min || 1
 			};
-		}), D = n(() => T.value ? q.value : J.value), O = n(() => T.value ? J.value : q.value), k = n(() => {
-			let e = C.value;
-			return e > 0 ? D.value / e : 0;
-		}), A = n(() => k.value * (1 - l.barPadding)), j = n(() => {
-			let e = x.value.length;
+		}), O = n(() => E.value ? K.value : q.value), k = n(() => E.value ? q.value : K.value), A = n(() => {
+			let e = w.value;
+			return e > 0 ? O.value / e : 0;
+		}), j = n(() => A.value * (1 - l.barPadding)), M = n(() => {
+			let e = S.value.length;
 			if (e === 0) return 0;
-			if (l.layout === "stacked" || e === 1) return A.value;
+			if (l.layout === "stacked" || e === 1) return j.value;
 			let t = l.groupGap * (e - 1);
-			return Math.max(1, (A.value - t) / e);
+			return Math.max(1, (j.value - t) / e);
 		});
-		function M(e) {
-			return (T.value ? K.value.left : K.value.top) + e * k.value;
+		function ne(e) {
+			return (E.value ? G.value.left : G.value.top) + e * A.value;
 		}
 		let N = n(() => {
-			let { min: e, max: t } = E.value, n = l.valueMin ?? 0;
+			let { min: e, max: t } = D.value, n = l.valueMin ?? 0;
 			return P(Math.max(e, Math.min(t, n)));
 		});
 		function P(e) {
-			let { min: t, max: n } = E.value, r = fe(e, t, n, l.valueScaleType);
-			return T.value ? K.value.top + J.value - r * J.value : K.value.left + r * q.value;
+			let { min: t, max: n } = D.value, r = W(e, t, n, l.valueScaleType);
+			return E.value ? G.value.top + q.value - r * q.value : G.value.left + r * K.value;
 		}
 		function re(e, t, n, r, i, a, o, s, c) {
 			let l = Math.min(e, t), u = Math.abs(e - t);
-			return T.value ? {
+			return E.value ? {
 				x: n,
 				y: l,
 				w: r,
@@ -1643,11 +1769,11 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			};
 		}
 		let ie = n(() => {
-			let e = [], t = x.value, n = t.length;
+			let e = [], t = S.value, n = t.length;
 			if (n === 0) return e;
-			let r = C.value, i = k.value, a = A.value, o = j.value, s = (i - a) / 2, c = N.value;
+			let r = w.value, i = A.value, a = j.value, o = M.value, s = (i - a) / 2, c = N.value;
 			for (let i = 0; i < r; i++) {
-				let r = M(i) + s;
+				let r = ne(i) + s;
 				if (l.layout === "stacked") {
 					let o = 0, s = 0;
 					for (let c = 0; c < n; c++) {
@@ -1675,32 +1801,32 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 		function ae(e) {
 			return F[e % F.length];
 		}
-		let oe = qe(() => l.tooltipValueFormat, () => l.valueTickFormat), I = n(() => {
-			let { min: e, max: t } = E.value, n = (e) => l.valueTickFormat === void 0 ? W(e) : ne(e, l.valueTickFormat);
+		let oe = nt(() => l.tooltipValueFormat, () => l.valueTickFormat), I = n(() => {
+			let { min: e, max: t } = D.value, n = (e) => l.valueTickFormat === void 0 ? H(e) : te(e, l.valueTickFormat);
 			if (e === t) return [{
 				value: n(e),
-				pos: V(P(e))
+				pos: B(P(e))
 			}];
-			let r = T.value ? 50 : 80;
-			return (l.valueScaleType === "log" ? me({
+			let r = E.value ? 50 : 80;
+			return (l.valueScaleType === "log" ? he({
 				min: e,
 				max: t,
 				ticks: l.valueTicks
-			}) : G({
+			}) : U({
 				min: e,
 				max: t,
 				ticks: l.valueTicks,
-				targetTickCount: O.value / r
+				targetTickCount: k.value / r
 			})).map((e) => ({
 				value: n(e),
-				pos: V(P(e))
+				pos: B(P(e))
 			}));
 		}), se = n(() => {
-			let e = [], t = C.value, n = (e, t) => l.categoryFormat ? l.categoryFormat(e, t) : e;
+			let e = [], t = w.value, n = (e, t) => l.categoryFormat ? l.categoryFormat(e, t) : e;
 			for (let r = 0; r < t; r++) {
-				let t = M(r) + k.value / 2;
+				let t = ne(r) + A.value / 2;
 				e.push({
-					label: n(w.value[r], r),
+					label: n(T.value[r], r),
 					pos: t,
 					anchor: "middle"
 				});
@@ -1708,27 +1834,27 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			return e;
 		}), ce = n(() => {
 			let e = [];
-			return x.value.forEach((t, n) => {
-				t.legend && e.push({
+			return S.value.forEach((t, n) => {
+				!t.legend || t.showInLegend === !1 || e.push({
 					label: t.legend,
 					color: t.color ?? ae(n)
 				});
 			}), e;
-		});
-		function le() {
+		}), le = n(() => ce.value.map((e) => e.label));
+		function ue() {
 			if (typeof l.csv == "function") return l.csv();
 			if (typeof l.csv == "string") return l.csv;
-			let e = x.value.map((e) => ({
+			let e = S.value.map((e) => ({
 				label: e.legend,
 				data: e.data
 			}));
-			return Te(w.value, e);
+			return Ne(T.value, e);
 		}
 		let L = n(() => !!l.tooltipData || !!l.tooltipTrigger);
 		function R(e, t) {
-			if (!isFinite(e) || !isFinite(t) || k.value === 0) return null;
-			let n = (T.value ? K.value.left : K.value.top) + (e + .5) * k.value, r = P(t);
-			return T.value ? {
+			if (!isFinite(e) || !isFinite(t) || A.value === 0) return null;
+			let n = (E.value ? G.value.left : G.value.top) + (e + .5) * A.value, r = P(t);
+			return E.value ? {
 				x: n,
 				y: r
 			} : {
@@ -1737,14 +1863,14 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			};
 		}
 		function z(e, t) {
-			let n = B.value?.getBoundingClientRect();
+			let n = fe.value?.getBoundingClientRect();
 			if (!n) return null;
-			let r = C.value;
-			if (r === 0 || k.value === 0) return null;
-			let i = T.value ? e - n.left - K.value.left : t - n.top - K.value.top;
-			return Math.max(0, Math.min(r - 1, Math.floor(i / k.value)));
+			let r = w.value;
+			if (r === 0 || A.value === 0) return null;
+			let i = E.value ? e - n.left - G.value.left : t - n.top - G.value.top;
+			return Math.max(0, Math.min(r - 1, Math.floor(i / A.value)));
 		}
-		let { containerRef: B, svgRef: de, width: H, height: U, padding: K, legendY: he, innerW: q, innerH: J, bounds: ge, hoverIndex: _e, tooltipRef: ve, tooltipPos: Y, tooltipHandlers: ye, menuItems: X, downloadLinkText: Z, csvHref: be, menuFilename: xe } = Ke({
+		let { containerRef: fe, svgRef: pe, width: V, height: ge, padding: G, legendY: _e, inlineLegendLayout: ve, innerW: K, innerH: q, bounds: ye, hoverIndex: J, tooltipRef: Y, tooltipPos: be, tooltipHandlers: xe, menuItems: X, downloadLinkText: Z, csvHref: Se, menuFilename: Ce, isFullscreen: we } = tt({
 			width: () => l.width,
 			height: () => l.height,
 			title: () => l.title,
@@ -1757,170 +1883,187 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			filename: () => l.filename,
 			downloadLink: () => l.downloadLink,
 			chartPadding: () => l.chartPadding,
-			hasInlineLegend: () => h.value,
+			inlineLegendLabels: () => le.value,
 			hasTooltipSlot: () => L.value,
-			getCsv: le,
+			getCsv: ue,
 			pointerToIndex: z,
-			onHover: (e) => f("hover", e)
-		}), Se = n(() => {
-			let e = _e.value;
-			if (e !== null) return w.value[e];
-		}), Q = n(() => {
-			let e = _e.value;
-			return e === null ? null : {
+			onHover: (e) => h("hover", e)
+		}), Te = n(() => {
+			let e = J.value;
+			if (e !== null) return T.value[e];
+		}), Ee = n(() => {
+			let e = J.value;
+			if (e === null) return null;
+			let t = S.value, n = [];
+			for (let r = 0; r < t.length; r++) {
+				let i = t[r];
+				i.showInTooltip !== !1 && n.push({
+					value: Number(i.data[e] ?? NaN),
+					color: i.color ?? ae(r),
+					seriesIndex: r
+				});
+			}
+			return {
 				index: e,
-				category: w.value[e] ?? String(e),
-				values: x.value.map((t, n) => ({
-					value: Number(t.data[e] ?? NaN),
-					color: t.color ?? ae(n),
-					seriesIndex: n
-				})),
+				category: T.value[e] ?? String(e),
+				values: n,
 				data: l.tooltipData?.[e] ?? null
 			};
-		}), Ce = n(() => {
-			let e = _e.value;
+		}), Q = n(() => {
+			let e = J.value;
 			if (e === null) return null;
-			let t = M(e);
-			return T.value ? {
+			let t = ne(e);
+			return E.value ? {
 				x: t,
-				y: K.value.top,
-				w: k.value,
-				h: J.value
+				y: G.value.top,
+				w: A.value,
+				h: q.value
 			} : {
-				x: K.value.left,
+				x: G.value.left,
 				y: t,
-				w: q.value,
-				h: k.value
+				w: K.value,
+				h: A.value
 			};
+		}), $ = n(() => {
+			let e = ve.value.positions, t = G.value.left, n = _e.value;
+			return ce.value.map((r, i) => {
+				let a = e[i];
+				return {
+					...r,
+					x: t + a.x,
+					y: n + a.row * 20
+				};
+			});
 		});
 		return (n, c) => (_(), a("div", {
 			ref_key: "containerRef",
-			ref: B,
-			class: "bar-chart-wrapper"
+			ref: fe,
+			class: f(["bar-chart-wrapper", { "is-fullscreen": C(we) }])
 		}, [
-			t.menu ? (_(), r(ue, {
+			t.menu ? (_(), r(de, {
 				key: 0,
-				items: S(X)
+				items: C(X)
 			}, null, 8, ["items"])) : i("", !0),
+			o("div", Ht, x(C(we) ? "Chart expanded to fill window" : ""), 1),
 			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: de,
-				width: S(H),
-				height: S(U)
+				ref: pe,
+				width: C(V),
+				height: C(ge)
 			}, [
 				t.title ? (_(), a("text", {
 					key: 0,
-					x: S(H) / 2,
+					x: C(V) / 2,
 					y: 18,
 					"text-anchor": "middle",
 					"font-size": "14",
 					"font-weight": "600",
 					fill: "currentColor"
-				}, b(t.title), 9, Mt)) : i("", !0),
-				ce.value.length > 0 ? (_(), a("g", Nt, [(_(!0), a(e, null, y(ce.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [o("rect", {
-					x: S(K).left + n * 120,
-					y: S(he) - 5,
+				}, x(t.title), 9, Wt)) : i("", !0),
+				$.value.length > 0 ? (_(), a("g", Gt, [(_(!0), a(e, null, y($.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [o("rect", {
+					x: t.x,
+					y: t.y - 5,
 					width: "12",
 					height: "10",
 					fill: t.color
-				}, null, 8, Pt), o("text", {
-					x: S(K).left + n * 120 + 18,
-					y: S(he) + 4,
+				}, null, 8, Kt), o("text", {
+					x: t.x + 18,
+					y: t.y + 4,
 					"font-size": "11",
 					fill: "currentColor"
-				}, b(t.label), 9, Ft)], 64))), 128))])) : i("", !0),
+				}, x(t.label), 9, qt)], 64))), 128))])) : i("", !0),
 				o("line", {
-					x1: S(V)(S(K).left),
-					y1: S(V)(S(K).top),
-					x2: S(V)(S(K).left),
-					y2: S(V)(S(K).top + S(J)),
+					x1: C(B)(C(G).left),
+					y1: C(B)(C(G).top),
+					x2: C(B)(C(G).left),
+					y2: C(B)(C(G).top + C(q)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, It),
+				}, null, 8, Jt),
 				o("line", {
-					x1: S(V)(S(K).left),
-					y1: S(V)(S(K).top + S(J)),
-					x2: S(V)(S(K).left + S(q)),
-					y2: S(V)(S(K).top + S(J)),
+					x1: C(B)(C(G).left),
+					y1: C(B)(C(G).top + C(q)),
+					x2: C(B)(C(G).left + C(K)),
+					y2: C(B)(C(G).top + C(q)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Lt),
+				}, null, 8, Yt),
 				t.valueGrid ? (_(!0), a(e, { key: 2 }, y(I.value, (e, t) => (_(), a("line", {
 					key: "vg" + t,
-					x1: T.value ? S(K).left : e.pos,
-					y1: T.value ? e.pos : S(K).top,
-					x2: T.value ? S(K).left + S(q) : e.pos,
-					y2: T.value ? e.pos : S(K).top + S(J),
+					x1: E.value ? C(G).left : e.pos,
+					y1: E.value ? e.pos : C(G).top,
+					x2: E.value ? C(G).left + C(K) : e.pos,
+					y2: E.value ? e.pos : C(G).top + C(q),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Rt))), 128)) : i("", !0),
-				Ce.value && L.value ? (_(), a("rect", {
+				}, null, 8, Xt))), 128)) : i("", !0),
+				Q.value && L.value ? (_(), a("rect", {
 					key: 3,
-					x: Ce.value.x,
-					y: Ce.value.y,
-					width: Ce.value.w,
-					height: Ce.value.h,
+					x: Q.value.x,
+					y: Q.value.y,
+					width: Q.value.w,
+					height: Q.value.h,
 					fill: "currentColor",
 					"fill-opacity": "0.06",
 					"pointer-events": "none"
-				}, null, 8, zt)) : i("", !0),
-				T.value ? (_(!0), a(e, { key: 4 }, y(I.value, (e, t) => (_(), a("text", {
+				}, null, 8, Zt)) : i("", !0),
+				E.value ? (_(!0), a(e, { key: 4 }, y(I.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
-					x: S(K).left - 6,
+					x: C(G).left - 6,
 					y: e.pos,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.value), 9, Bt))), 128)) : (_(!0), a(e, { key: 5 }, y(I.value, (e, t) => (_(), a("text", {
+				}, x(e.value), 9, Qt))), 128)) : (_(!0), a(e, { key: 5 }, y(I.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
 					x: e.pos,
-					y: S(K).top + S(J) + 16,
+					y: C(G).top + C(q) + 16,
 					"text-anchor": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.value), 9, Vt))), 128)),
+				}, x(e.value), 9, $t))), 128)),
 				t.yLabel ? (_(), a("text", {
 					key: 6,
 					x: 0,
 					y: 0,
-					transform: `translate(14, ${S(K).top + S(J) / 2}) rotate(-90)`,
+					transform: `translate(14, ${C(G).top + C(q) / 2}) rotate(-90)`,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, b(t.yLabel), 9, Ht)) : i("", !0),
-				T.value ? (_(!0), a(e, { key: 7 }, y(se.value, (e, t) => (_(), a("text", {
+				}, x(t.yLabel), 9, en)) : i("", !0),
+				E.value ? (_(!0), a(e, { key: 7 }, y(se.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
 					x: e.pos,
-					y: S(K).top + S(J) + 16,
+					y: C(G).top + C(q) + 16,
 					"text-anchor": e.anchor,
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.label), 9, Ut))), 128)) : (_(!0), a(e, { key: 8 }, y(se.value, (e, t) => (_(), a("text", {
+				}, x(e.label), 9, tn))), 128)) : (_(!0), a(e, { key: 8 }, y(se.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
-					x: S(K).left - 6,
+					x: C(G).left - 6,
 					y: e.pos,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.label), 9, Wt))), 128)),
+				}, x(e.label), 9, nn))), 128)),
 				t.xLabel ? (_(), a("text", {
 					key: 9,
-					x: S(K).left + S(q) / 2,
-					y: S(U) - 4,
+					x: C(G).left + C(K) / 2,
+					y: C(ge) - 4,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, b(t.xLabel), 9, Gt)) : i("", !0),
+				}, x(t.xLabel), 9, rn)) : i("", !0),
 				(_(!0), a(e, null, y(ie.value, (e, t) => (_(), a("rect", {
 					key: "bar" + t,
 					"data-testid": "bar",
@@ -1932,55 +2075,55 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 					height: e.h,
 					fill: e.color,
 					"fill-opacity": e.opacity
-				}, null, 8, Kt))), 128)),
+				}, null, 8, an))), 128)),
 				L.value ? (_(), a("rect", d({
 					key: 10,
-					x: S(K).left,
-					y: S(K).top,
-					width: S(q),
-					height: S(J),
+					x: C(G).left,
+					y: C(G).top,
+					width: C(K),
+					height: C(q),
 					fill: "transparent",
 					style: {
 						cursor: "crosshair",
 						"touch-action": "none"
 					}
-				}, te(S(ye), !0)), null, 16, qt)) : i("", !0),
-				t.annotations && t.annotations.length > 0 ? (_(), r(S(Ue), {
+				}, ee(C(xe), !0)), null, 16, on)) : i("", !0),
+				t.annotations && t.annotations.length > 0 ? (_(), r(C(Qe), {
 					key: 11,
 					annotations: t.annotations,
 					project: R,
-					bounds: S(ge)
+					bounds: C(ye)
 				}, null, 8, ["annotations", "bounds"])) : i("", !0)
-			], 8, jt)),
-			L.value && S(_e) !== null && Q.value ? (_(), a("div", {
+			], 8, Ut)),
+			L.value && C(J) !== null && Ee.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: ve,
+				ref: Y,
 				class: "chart-tooltip-content",
 				style: m({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: S(Y) ? `translate3d(${S(Y).left}px, ${S(Y).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: S(Y) ? "visible" : "hidden"
+					transform: C(be) ? `translate3d(${C(be).left}px, ${C(be).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: C(be) ? "visible" : "hidden"
 				})
-			}, [ee(n.$slots, "tooltip", p(u(Q.value)), () => [o("div", Jt, [Se.value ? (_(), a("div", Yt, b(Se.value), 1)) : i("", !0), (_(!0), a(e, null, y(Q.value.values, (e) => (_(), a("div", {
+			}, [b(n.$slots, "tooltip", p(u(Ee.value)), () => [o("div", sn, [Te.value ? (_(), a("div", cn, x(Te.value), 1)) : i("", !0), (_(!0), a(e, null, y(Ee.value.values, (e) => (_(), a("div", {
 				key: e.seriesIndex,
 				class: "bar-chart-tooltip-row"
 			}, [o("span", {
 				class: "bar-chart-tooltip-swatch",
 				style: m({ background: e.color })
-			}, null, 4), s(" " + b(isFinite(e.value) ? S(oe)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
-			S(Z) ? (_(), a("a", {
+			}, null, 4), s(" " + x(isFinite(e.value) ? C(oe)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
+			C(Z) ? (_(), a("a", {
 				key: 2,
 				class: "bar-chart-download-link",
-				href: S(be),
-				download: `${S(xe)()}.csv`
-			}, b(S(Z)), 9, Xt)) : i("", !0)
-		], 512));
+				href: C(Se),
+				download: `${C(Ce)()}.csv`
+			}, x(C(Z)), 9, ln)) : i("", !0)
+		], 2));
 	}
-}), [["__scopeId", "data-v-734e6c4e"]]), Qt = {
+}), [["__scopeId", "data-v-56a9e529"]]), dn = {
 	"01013": "010259",
 	"01015": "010177",
 	"01029": "010177",
@@ -5141,7 +5284,7 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 	51019: "510014",
 	"02158": "020820",
 	46102: "460957"
-}, $t = {
+}, fn = {
 	"010259": "Butler, AL",
 	"010177": "Calhoun (Anniston), AL - Cleburne, AL",
 	"010172": "Chambers, AL - Randolph, AL",
@@ -6091,7 +6234,7 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 	560775: "Teton, WY - Lincoln, WY",
 	560792: "Uinta, WY",
 	560804: "Weston, WY"
-}, en = {
+}, pn = {
 	ref: "root",
 	class: "chart-tooltip-content",
 	style: {
@@ -6103,10 +6246,10 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 		"pointer-events": "none",
 		transform: "translateY(-50%)"
 	}
-}, tn = /* @__PURE__ */ l({
+}, mn = /* @__PURE__ */ l({
 	__name: "ChoroplethTooltip",
 	setup(e, { expose: n }) {
-		let a = v(null), s = w("root");
+		let a = v(null), s = T("root");
 		return n({
 			setData(e) {
 				a.value = e;
@@ -6114,24 +6257,27 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			getEl() {
 				return s.value;
 			}
-		}), (e, n) => (_(), r(t, { to: "body" }, [o("div", en, [a.value ? ee(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
+		}), (e, n) => (_(), r(t, { to: "body" }, [o("div", pn, [a.value ? b(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
 	}
-}), nn = {
+}), hn = {
+	class: "chart-sr-only",
+	"aria-live": "polite"
+}, gn = {
 	key: 1,
 	class: "choropleth-header"
-}, rn = {
+}, _n = {
 	key: 0,
 	class: "choropleth-title"
-}, an = {
+}, vn = {
 	key: 1,
 	class: "choropleth-legend"
-}, on = {
+}, yn = {
 	key: 0,
 	class: "choropleth-legend-title"
-}, sn = {
+}, bn = {
 	key: 2,
 	class: "choropleth-legend-continuous"
-}, cn = { class: "choropleth-legend-ticks" }, ln = ["viewBox"], un = ["innerHTML"], dn = "http://www.w3.org/2000/svg", fn = 450, pn = 1e3, mn = /* @__PURE__ */ B(/* @__PURE__ */ l({
+}, xn = { class: "choropleth-legend-ticks" }, Sn = ["viewBox"], Cn = ["innerHTML"], wn = "http://www.w3.org/2000/svg", Tn = 450, En = 1e3, Dn = /* @__PURE__ */ z(/* @__PURE__ */ l({
 	__name: "ChoroplethMap",
 	props: {
 		topology: {},
@@ -6175,56 +6321,56 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 		"update:focus"
 	],
 	setup(t, { emit: c }) {
-		let l = t, d = c, te = (e) => e, S = v(null), w = v(null), D = v(null), O = v(null), k = v(null), A = v(null), j = C(), M = n(() => !!l.tooltipTrigger || !!l.tooltipFormat || !!j.tooltip), N = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map(), re = null, L = null, R = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), B = !1, V = typeof window < "u" && "ontouchstart" in window, de = null, H = {
+		let l = t, d = c, ee = (e) => e, T = v(null), O = v(null), k = v(null), A = v(null), j = v(null), M = v(null), ne = w(), N = n(() => !!l.tooltipTrigger || !!l.tooltipFormat || !!ne.tooltip), P = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map(), ue = null, L = null, R = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), B = !1, fe = typeof window < "u" && "ontouchstart" in window, pe = null, V = {
 			width: 0,
 			height: 0
-		}, U = null, W = !1, G = null, fe = v(!1), pe = 0, me = 0, K = 0;
-		function he() {
-			if (V) return;
-			let e = D.value;
-			e && (e.addEventListener("click", ct), e.addEventListener("mouseover", ct), e.addEventListener("mousemove", lt), e.addEventListener("mouseout", ut));
+		}, H = null, U = !1, W = null, me = v(!1), he = 0, ge = 0, G = 0;
+		function _e() {
+			if (fe) return;
+			let e = k.value;
+			e && (e.addEventListener("click", ut), e.addEventListener("mouseover", ut), e.addEventListener("mousemove", dt), e.addEventListener("mouseout", ft));
 		}
-		function q() {
-			let e = D.value;
-			e && (e.removeEventListener("click", ct), e.removeEventListener("mouseover", ct), e.removeEventListener("mousemove", lt), e.removeEventListener("mouseout", ut));
+		function ve() {
+			let e = k.value;
+			e && (e.removeEventListener("click", ut), e.removeEventListener("mouseover", ut), e.removeEventListener("mousemove", dt), e.removeEventListener("mouseout", ft));
 		}
-		function J() {
-			ot();
+		function K() {
+			ct();
 		}
 		h(() => {
-			ge(), he(), ft(), Z(), Ze(), window.addEventListener("scroll", J, {
+			q(), _e(), mt(), X(), $e(), window.addEventListener("scroll", K, {
 				passive: !0,
 				capture: !0
-			}), window.addEventListener("resize", J, { passive: !0 });
+			}), window.addEventListener("resize", K, { passive: !0 });
 		}), g(() => {
-			de?.disconnect(), K && cancelAnimationFrame(K), ve(), q(), window.removeEventListener("scroll", J, { capture: !0 }), window.removeEventListener("resize", J);
+			pe?.disconnect(), G && cancelAnimationFrame(G), ye(), ve(), window.removeEventListener("scroll", K, { capture: !0 }), window.removeEventListener("resize", K);
 		});
-		function ge() {
-			if (!w.value || !D.value) return;
-			let e = I(w.value), t = Math.max(12, l.focusZoomLevel);
-			G = ae().scaleExtent([1, t]).on("start", () => {
-				B = !0, ot();
+		function q() {
+			if (!O.value || !k.value) return;
+			let e = I(O.value), t = Math.max(12, l.focusZoomLevel);
+			W = ae().scaleExtent([1, t]).on("start", () => {
+				B = !0, ct();
 			}).on("zoom", (e) => {
-				D.value && D.value.setAttribute("transform", e.transform);
+				k.value && k.value.setAttribute("transform", e.transform);
 				let t = e.transform;
-				fe.value = t.k !== 1 || t.x !== 0 || t.y !== 0;
+				me.value = t.k !== 1 || t.x !== 0 || t.y !== 0;
 			}).on("end", () => {
 				B = !1;
-			}), G.filter((e) => {
-				let t = Fe.value.length > 0, n = !!l.zoom || t, r = !!l.pan || t;
+			}), W.filter((e) => {
+				let t = Ie.value.length > 0, n = !!l.zoom || t, r = !!l.pan || t;
 				if (e.type === "wheel" || e.type === "dblclick") {
 					if (!n) return !1;
 				} else if (e.type === "mousedown" || e.type === "touchstart") {
 					if (!r) return !1;
 				} else if (!n && !r) return !1;
 				return (!e.ctrlKey || e.type === "wheel") && !e.button;
-			}), e.call(G);
+			}), e.call(W);
 		}
-		function ve() {
-			w.value && G && (I(w.value).on(".zoom", null), G = null);
+		function ye() {
+			O.value && W && (I(O.value).on(".zoom", null), W = null);
 		}
-		function Y(e) {
-			let t = Ie.value, n = Me.value, r = [];
+		function J(e) {
+			let t = Le.value, n = Ne.value, r = [];
 			for (let i of e) {
 				let e = i.geoType ?? l.geoType, a = t.get(e);
 				if (!a) continue;
@@ -6242,74 +6388,74 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			}
 			return r;
 		}
-		function ye(e) {
+		function Y(e) {
 			let t = /* @__PURE__ */ new Set();
-			for (let n of Y(e)) n.geoType === l.geoType && t.add(String(n.feature.id));
+			for (let n of J(e)) n.geoType === l.geoType && t.add(String(n.feature.id));
 			return t;
 		}
-		let X = !1;
-		function Z() {
-			if (!w.value || !G) return;
-			let e = Y(Fe.value), t = e.filter((e) => e.geoType === l.geoType), n = e.filter((e) => e.geoType !== l.geoType), r = /* @__PURE__ */ new Map();
+		let xe = !1;
+		function X() {
+			if (!O.value || !W) return;
+			let e = J(Ie.value), t = e.filter((e) => e.geoType === l.geoType), n = e.filter((e) => e.geoType !== l.geoType), r = /* @__PURE__ */ new Map();
 			for (let e of t) {
-				let t = N.get(String(e.feature.id));
+				let t = P.get(String(e.feature.id));
 				t && r.set(t, e.item.style ?? "solid");
 			}
-			for (let [e] of R) r.has(e) || e === L || it(e);
-			for (let [e, t] of r) R.get(e) === t && e !== L || e !== L && rt(e, t);
+			for (let [e] of R) r.has(e) || e === L || ot(e);
+			for (let [e, t] of r) R.get(e) === t && e !== L || e !== L && at(e, t);
 			R.clear();
 			for (let [e, t] of r) R.set(e, t);
-			if (be(n), e.length === 0) {
-				X = !0, ot();
+			if (Z(n), e.length === 0) {
+				xe = !0, ct();
 				return;
 			}
-			let i = I(w.value);
+			let i = I(O.value);
 			i.interrupt();
-			let a = X;
-			X = !0;
-			let [[o, s], [c, u]] = Ae.value.bounds({
+			let a = xe;
+			xe = !0;
+			let [[o, s], [c, u]] = je.value.bounds({
 				type: "FeatureCollection",
 				features: e.map((e) => e.feature)
-			}), d = (o + c) / 2, f = (s + u) / 2, p = l.focusZoomLevel, m = oe.translate(we.value / 2 - p * d, Te.value / 2 - p * f).scale(p), h = t[0]?.feature ?? null, g = () => {
-				if (!M.value || !h) return;
-				let e = String(h.id), t = N.get(e);
+			}), d = (o + c) / 2, f = (s + u) / 2, p = l.focusZoomLevel, m = oe.translate(we.value / 2 - p * d, Q.value / 2 - p * f).scale(p), h = t[0]?.feature ?? null, g = () => {
+				if (!N.value || !h) return;
+				let e = String(h.id), t = P.get(e);
 				if (!t) return;
 				let n = t.getBoundingClientRect();
-				$e(e, n.left + n.width / 2, n.top + n.height / 2);
+				tt(e, n.left + n.width / 2, n.top + n.height / 2);
 			};
-			a ? (tt(), i.transition().duration(fn).call(G.transform, m).on("end", g)) : (G.transform(i, m), g());
+			a ? (rt(), i.transition().duration(Tn).call(W.transform, m).on("end", g)) : (W.transform(i, m), g());
 		}
-		function be(e) {
-			let t = k.value;
+		function Z(e) {
+			let t = j.value;
 			if (!t) return;
 			let n = new Set(e.map((e) => e.key));
 			for (let [e, t] of z) n.has(e) || (t.remove(), z.delete(e));
-			let r = Ae.value, i = je.value + 1.5;
+			let r = je.value, i = Me.value + 1.5;
 			for (let { item: n, feature: a, key: o } of e) {
 				let e = z.get(o);
-				e || (e = document.createElementNS(dn, "path"), e.setAttribute("d", r(a) ?? ""), e.setAttribute("fill", "none"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("class", "focus-overlay"), t.appendChild(e), z.set(o, e)), e.setAttribute("stroke", n.stroke ?? "#fff"), e.setAttribute("stroke-width", String(i)), nt(e, n.style);
+				e || (e = document.createElementNS(wn, "path"), e.setAttribute("d", r(a) ?? ""), e.setAttribute("fill", "none"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("class", "focus-overlay"), t.appendChild(e), z.set(o, e)), e.setAttribute("stroke", n.stroke ?? "#fff"), e.setAttribute("stroke-width", String(i)), it(e, n.style);
 			}
 		}
-		function Q() {
-			if (!w.value || !G) return;
-			Fe.value.length > 0 && d("update:focus", null);
-			let e = I(w.value);
-			e.interrupt(), tt(), e.transition().duration(fn).call(G.transform, oe);
+		function Se() {
+			if (!O.value || !W) return;
+			Ie.value.length > 0 && d("update:focus", null);
+			let e = I(O.value);
+			e.interrupt(), rt(), e.transition().duration(Tn).call(W.transform, oe);
 		}
-		T(() => l.focusZoomLevel, () => {
-			G && G.scaleExtent([1, Math.max(12, l.focusZoomLevel)]), Z();
+		E(() => l.focusZoomLevel, () => {
+			W && W.scaleExtent([1, Math.max(12, l.focusZoomLevel)]), X();
 		});
-		let Ce = n(() => l.width && l.height ? l.height / l.width : .625), we = n(() => pn), Te = n(() => pn * Ce.value), Ee = n(() => {
-			let e = x(l.topology), t = e.objects.counties.geometries, n = /* @__PURE__ */ new Map();
+		let Ce = n(() => l.width && l.height ? l.height / l.width : .625), we = n(() => En), Q = n(() => En * Ce.value), $ = n(() => {
+			let e = S(l.topology), t = e.objects.counties.geometries, n = /* @__PURE__ */ new Map();
 			for (let e of t) {
-				let t = Qt[String(e.id).padStart(5, "0")];
+				let t = dn[String(e.id).padStart(5, "0")];
 				t && (n.has(t) || n.set(t, []), n.get(t).push(e));
 			}
 			let r = [];
 			for (let [t, i] of n) r.push({
 				type: "Feature",
 				id: t,
-				properties: { name: $t[t] ?? t },
+				properties: { name: fn[t] ?? t },
 				geometry: ce(e, i)
 			});
 			return {
@@ -6317,43 +6463,43 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 				features: r
 			};
 		}), De = n(() => {
-			if (l.geoType === "hsas") return Ee.value;
+			if (l.geoType === "hsas") return $.value;
 			if (l.geoType === "counties") {
-				let e = x(l.topology);
+				let e = S(l.topology);
 				return se(e, e.objects.counties);
 			}
-			let e = x(l.topology);
+			let e = S(l.topology);
 			return se(e, e.objects.states);
 		}), Oe = n(() => {
 			if (l.geoType !== "counties" && l.geoType !== "hsas") return null;
-			let e = x(l.topology);
+			let e = S(l.topology);
 			return le(e, e.objects.states, (e, t) => e !== t);
-		}), ke = n(() => ie().fitExtent([[0, 0], [we.value, Te.value]], De.value)), Ae = n(() => F(ke.value)), je = n(() => l.geoType === "counties" || l.geoType === "hsas" ? l.strokeWidth * .5 : l.strokeWidth), Me = n(() => {
+		}), ke = n(() => ie().fitExtent([[0, 0], [we.value, Q.value]], De.value)), je = n(() => F(ke.value)), Me = n(() => l.geoType === "counties" || l.geoType === "hsas" ? l.strokeWidth * .5 : l.strokeWidth), Ne = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let [t, n] of Ie.value) {
+			for (let [t, n] of Le.value) {
 				let r = /* @__PURE__ */ new Map();
 				for (let [e, t] of n) t.properties?.name != null && r.set(t.properties.name, e);
 				e.set(t, r);
 			}
 			return e;
 		});
-		function Ne(e) {
+		function Pe(e) {
 			let t = l.dataGeoType;
 			if (!t || t === l.geoType) return e;
-			if (l.geoType === "counties" && t === "hsas") return Qt[e];
+			if (l.geoType === "counties" && t === "hsas") return dn[e];
 			if (l.geoType === "counties" && t === "states" || l.geoType === "hsas" && t === "states") return e.slice(0, 2);
 		}
-		let Pe = n(() => {
+		let Fe = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of De.value.features) t.id != null && e.set(String(t.id), t);
 			return e;
-		}), Fe = n(() => {
+		}), Ie = n(() => {
 			let e = l.focus;
 			return e == null ? [] : (Array.isArray(e) ? e : [e]).map((e) => typeof e == "string" ? { id: e } : e);
-		}), Ie = n(() => {
+		}), Le = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			e.set(l.geoType, Pe.value);
-			let t = x(l.topology), n = t?.objects;
+			e.set(l.geoType, Fe.value);
+			let t = S(l.topology), n = t?.objects;
 			if (!n) return e;
 			let r = (e) => {
 				let t = /* @__PURE__ */ new Map();
@@ -6368,18 +6514,18 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 				let i = se(t, n.counties);
 				e.set("counties", r(i.features));
 			}
-			return !e.has("hsas") && n.counties && e.set("hsas", r(Ee.value.features)), e;
-		}), Le = n(() => {
+			return !e.has("hsas") && n.counties && e.set("hsas", r($.value.features)), e;
+		}), Re = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			if (!l.data) return e;
-			let t = l.dataGeoType ?? l.geoType, n = Me.value.get(t);
+			let t = l.dataGeoType ?? l.geoType, n = Ne.value.get(t);
 			for (let t of l.data) {
 				e.set(t.id, t.value);
 				let r = n?.get(t.id);
 				r && e.set(r, t.value);
 			}
 			return e;
-		}), Re = n(() => {
+		}), ze = n(() => {
 			if (!l.data || l.data.length === 0) return {
 				min: 0,
 				max: 1
@@ -6396,8 +6542,8 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 				min: 0,
 				max: 1
 			};
-		}), ze = n(() => Array.isArray(l.colorScale) && l.colorScale.length > 0 && "value" in l.colorScale[0]), $ = n(() => Array.isArray(l.colorScale) && !ze.value), Be = n(() => $.value ? "" : l.colorScale?.min ?? "#e5f0fa"), Ve = n(() => $.value ? "" : l.colorScale?.max ?? "#08519c");
-		function He(e) {
+		}), Be = n(() => Array.isArray(l.colorScale) && l.colorScale.length > 0 && "value" in l.colorScale[0]), Ve = n(() => Array.isArray(l.colorScale) && !Be.value), He = n(() => Ve.value ? "" : l.colorScale?.min ?? "#e5f0fa"), Ue = n(() => Ve.value ? "" : l.colorScale?.max ?? "#08519c");
+		function We(e) {
 			let t = e.replace("#", "");
 			return [
 				parseInt(t.slice(0, 2), 16),
@@ -6405,144 +6551,144 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 				parseInt(t.slice(4, 6), 16)
 			];
 		}
-		function Ue(e) {
-			let [t, n, r] = He(Be.value), [i, a, o] = He(Ve.value);
+		function Ge(e) {
+			let [t, n, r] = We(He.value), [i, a, o] = We(Ue.value);
 			return `rgb(${Math.round(t + (i - t) * e)},${Math.round(n + (a - n) * e)},${Math.round(r + (o - r) * e)})`;
 		}
-		let We = n(() => $.value ? l.colorScale.slice().sort((e, t) => t.min - e.min) : null), Ge = n(() => {
-			if (!ze.value) return null;
+		let Ke = n(() => Ve.value ? l.colorScale.slice().sort((e, t) => t.min - e.min) : null), qe = n(() => {
+			if (!Be.value) return null;
 			let e = /* @__PURE__ */ new Map();
 			for (let t of l.colorScale) e.set(t.value, t.color);
 			return e;
 		});
-		function Ke(e) {
-			let t = Ne(e);
-			return t == null ? void 0 : Le.value.get(t);
+		function Je(e) {
+			let t = Pe(e);
+			return t == null ? void 0 : Re.value.get(t);
 		}
-		function qe(e) {
-			let t = Ke(e), n = l.noDataColor;
+		function Ye(e) {
+			let t = Je(e), n = l.noDataColor;
 			if (t == null) return n;
-			let r = Ge.value;
+			let r = qe.value;
 			if (r) return r.get(String(t)) ?? n;
-			let i = We.value;
+			let i = Ke.value;
 			if (i) {
 				let e = t;
 				for (let t of i) if (e >= t.min) return t.color;
 				return n;
 			}
-			let { min: a, max: o } = Re.value;
-			return Ue((t - a) / (o - a));
+			let { min: a, max: o } = ze.value;
+			return Ge((t - a) / (o - a));
 		}
-		let Je = (e) => e.properties?.name ?? String(e.id);
-		function Ye(e) {
-			return e == null ? "" : typeof e == "number" && l.tooltipValueFormat !== void 0 ? ne(e, l.tooltipValueFormat) : String(e);
+		let Xe = (e) => e.properties?.name ?? String(e.id);
+		function Ze(e) {
+			return e == null ? "" : typeof e == "number" && l.tooltipValueFormat !== void 0 ? te(e, l.tooltipValueFormat) : String(e);
 		}
-		function Xe(e, t) {
-			return t == null ? e : `${e}: ${Ye(t)}`;
+		function Qe(e, t) {
+			return t == null ? e : `${e}: ${Ze(t)}`;
 		}
-		function Ze() {
-			let e = A.value?.getEl();
+		function $e() {
+			let e = M.value?.getEl();
 			if (!e) return;
-			de?.disconnect();
+			pe?.disconnect();
 			let t = !1;
-			de = new ResizeObserver((e) => {
+			pe = new ResizeObserver((e) => {
 				let n = e[0]?.contentRect;
-				n && (H.width = n.width, H.height = n.height, !t && W && U ? (t = !0, Qe(U.x, U.y)) : t = !0);
-			}), de.observe(e);
+				n && (V.width = n.width, V.height = n.height, !t && U && H ? (t = !0, et(H.x, H.y)) : t = !0);
+			}), pe.observe(e);
 		}
-		function Qe(e, t) {
-			let n = A.value?.getEl();
+		function et(e, t) {
+			let n = M.value?.getEl();
 			if (!n) return;
-			let r = S.value?.getBoundingClientRect(), { left: i, top: a } = _e(e, t, H.width, H.height, l.tooltipClamp, r);
+			let r = T.value?.getBoundingClientRect(), { left: i, top: a } = be(e, t, V.width, V.height, l.tooltipClamp, r);
 			n.style.transform = `translate3d(${i}px, ${a}px, 0) translateY(-50%)`;
 		}
-		function $e(e, t, n) {
-			let r = P.get(e);
+		function tt(e, t, n) {
+			let r = re.get(e);
 			if (!r) return;
-			let i = A.value, a = i?.getEl();
-			!i || !a || (i.setData(r), U = {
+			let i = M.value, a = i?.getEl();
+			!i || !a || (i.setData(r), H = {
 				x: t,
 				y: n
-			}, W = !0, Qe(t, n), a.style.visibility = "visible");
+			}, U = !0, et(t, n), a.style.visibility = "visible");
 		}
-		function et(e, t) {
-			W && (pe = e, me = t, !K && (K = requestAnimationFrame(() => {
-				K = 0;
-				let e = A.value?.getEl();
-				!e || !W || (U = {
-					x: pe,
-					y: me
-				}, e.style.transform = `translate3d(${pe + 16}px, ${me}px, 0) translateY(-50%)`);
+		function nt(e, t) {
+			U && (he = e, ge = t, !G && (G = requestAnimationFrame(() => {
+				G = 0;
+				let e = M.value?.getEl();
+				!e || !U || (H = {
+					x: he,
+					y: ge
+				}, e.style.transform = `translate3d(${he + 16}px, ${ge}px, 0) translateY(-50%)`);
 			})));
 		}
-		function tt() {
-			if (!W) return;
-			W = !1, U = null;
-			let e = A.value?.getEl();
+		function rt() {
+			if (!U) return;
+			U = !1, H = null;
+			let e = M.value?.getEl();
 			e && (e.style.visibility = "hidden");
 		}
-		function nt(e, t) {
+		function it(e, t) {
 			t === "dashed" ? (e.setAttribute("stroke-dasharray", "8 4"), e.removeAttribute("stroke-linecap")) : t === "dotted" ? (e.setAttribute("stroke-dasharray", "0 5"), e.setAttribute("stroke-linecap", "round")) : (e.removeAttribute("stroke-dasharray"), e.removeAttribute("stroke-linecap"));
 		}
-		function rt(e, t = "solid") {
-			e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(je.value + 1)), e.setAttribute("stroke", "#555"), nt(e, t);
+		function at(e, t = "solid") {
+			e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(Me.value + 1)), e.setAttribute("stroke", "#555"), it(e, t);
 		}
-		function it(e) {
-			e.setAttribute("stroke-width", String(je.value)), e.setAttribute("stroke", l.strokeColor), e.removeAttribute("stroke-dasharray"), e.removeAttribute("stroke-linecap");
+		function ot(e) {
+			e.setAttribute("stroke-width", String(Me.value)), e.setAttribute("stroke", l.strokeColor), e.removeAttribute("stroke-dasharray"), e.removeAttribute("stroke-linecap");
 		}
-		function at(e) {
-			L !== e && (L && !R.has(L) && it(L), L = e, rt(e, R.get(e) ?? "solid"));
+		function st(e) {
+			L !== e && (L && !R.has(L) && ot(L), L = e, at(e, R.get(e) ?? "solid"));
 		}
-		function ot() {
+		function ct() {
 			if (L) {
 				let e = R.get(L);
-				e == null ? it(L) : rt(L, e), L = null, d("stateHover", null);
+				e == null ? ot(L) : at(L, e), L = null, d("stateHover", null);
 			}
-			tt();
+			rt();
 		}
-		function st(e) {
+		function lt(e) {
 			let t = e;
 			for (; t && !t.dataset?.featId;) t = t.parentElement;
 			return t ? t.dataset.featId ?? null : null;
 		}
-		function ct(e) {
+		function ut(e) {
 			if (B) return;
-			let t = e, n = st(t.target);
+			let t = e, n = lt(t.target);
 			if (!n) return;
-			let r = P.get(n);
+			let r = re.get(n);
 			if (!r) return;
 			let i = {
 				id: r.id,
 				name: r.name,
 				value: r.value
 			};
-			e.type === "click" ? (d("stateClick", i), d("update:focus", ye(Fe.value).has(r.id) ? null : r.id)) : e.type === "mouseover" && (at(N.get(n)), M.value && $e(n, t.clientX, t.clientY), d("stateHover", i));
+			e.type === "click" ? (d("stateClick", i), d("update:focus", Y(Ie.value).has(r.id) ? null : r.id)) : e.type === "mouseover" && (st(P.get(n)), N.value && tt(n, t.clientX, t.clientY), d("stateHover", i));
 		}
-		function lt(e) {
-			B || et(e.clientX, e.clientY);
+		function dt(e) {
+			B || nt(e.clientX, e.clientY);
 		}
-		function ut(e) {
+		function ft(e) {
 			let t = e.relatedTarget;
-			t && D.value?.contains(t) || ot();
+			t && k.value?.contains(t) || ct();
 		}
-		function dt(e) {
-			let t = document.createElementNS(dn, "path");
+		function pt(e) {
+			let t = document.createElementNS(wn, "path");
 			return e && t.setAttribute("d", e), t;
 		}
-		function ft() {
-			let e = O.value, t = k.value;
+		function mt() {
+			let e = A.value, t = j.value;
 			if (!e || !t) return;
 			for (; e.firstChild;) e.removeChild(e.firstChild);
 			for (; t.firstChild;) t.removeChild(t.firstChild);
-			N.clear(), P.clear(), re = null, L = null, R.clear(), z.clear();
-			let n = Ae.value, r = De.value.features, i = l.strokeColor, a = String(je.value), o = !M.value, s = document.createDocumentFragment();
+			P.clear(), re.clear(), ue = null, L = null, R.clear(), z.clear();
+			let n = je.value, r = De.value.features, i = l.strokeColor, a = String(Me.value), o = !N.value, s = document.createDocumentFragment();
 			for (let e of r) {
-				let t = String(e.id), r = Je(e), c = Ke(t), l = dt(n(e));
-				if (l.setAttribute("class", "state-path"), l.setAttribute("data-feat-id", t), l.setAttribute("fill", qe(t)), l.setAttribute("stroke", i), l.setAttribute("stroke-width", a), l.setAttribute("vector-effect", "non-scaling-stroke"), o) {
-					let e = document.createElementNS(dn, "title");
-					e.textContent = Xe(r, c), l.appendChild(e);
+				let t = String(e.id), r = Xe(e), c = Je(t), l = pt(n(e));
+				if (l.setAttribute("class", "state-path"), l.setAttribute("data-feat-id", t), l.setAttribute("fill", Ye(t)), l.setAttribute("stroke", i), l.setAttribute("stroke-width", a), l.setAttribute("vector-effect", "non-scaling-stroke"), o) {
+					let e = document.createElementNS(wn, "title");
+					e.textContent = Qe(r, c), l.appendChild(e);
 				}
-				s.appendChild(l), N.set(t, l), P.set(t, {
+				s.appendChild(l), P.set(t, l), re.set(t, {
 					id: t,
 					name: r,
 					value: c,
@@ -6551,141 +6697,149 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			}
 			let c = Oe.value;
 			if (c) {
-				let e = dt(n(c));
-				e.setAttribute("fill", "none"), e.setAttribute("stroke", i), e.setAttribute("stroke-width", "1"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), s.appendChild(e), re = e;
+				let e = pt(n(c));
+				e.setAttribute("fill", "none"), e.setAttribute("stroke", i), e.setAttribute("stroke-width", "1"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), s.appendChild(e), ue = e;
 			}
 			e.appendChild(s);
 		}
-		function pt() {
-			let e = !M.value;
-			for (let [t, n] of N) {
-				let r = Ke(t), i = P.get(t);
-				if (n.setAttribute("fill", qe(t)), i && (i.value = r), e && i) {
+		function ht() {
+			let e = !N.value;
+			for (let [t, n] of P) {
+				let r = Je(t), i = re.get(t);
+				if (n.setAttribute("fill", Ye(t)), i && (i.value = r), e && i) {
 					let e = n.firstElementChild;
-					e && (e.textContent = Xe(i.name, r));
+					e && (e.textContent = Qe(i.name, r));
 				}
 			}
 		}
-		function mt() {
-			for (let e of N.values()) e === L || R.has(e) || it(e);
-			re && re.setAttribute("stroke", l.strokeColor);
+		function gt() {
+			for (let e of P.values()) e === L || R.has(e) || ot(e);
+			ue && ue.setAttribute("stroke", l.strokeColor);
 		}
-		function ht() {
+		function _t() {
 			return typeof l.menu == "string" ? l.menu : "choropleth";
 		}
-		let gt = n(() => l.legend && (ze.value || $.value || l.data)), _t = n(() => l.colorScale.slice().sort((e, t) => e.min - t.min)), vt = n(() => {
+		let vt = n(() => l.legend && (Be.value || Ve.value || l.data)), yt = n(() => l.colorScale.slice().sort((e, t) => e.min - t.min)), bt = n(() => {
 			let e = [];
 			for (let t = 0; t <= 10; t++) {
 				let n = t / 10;
 				e.push({
 					offset: `${(n * 100).toFixed(0)}%`,
-					color: Ue(n)
+					color: Ge(n)
 				});
 			}
 			return e;
-		}), yt = new Intl.NumberFormat("en-US", {
+		}), xt = new Intl.NumberFormat("en-US", {
 			notation: "compact",
 			maximumFractionDigits: 1
-		}), bt = n(() => {
-			let { min: e, max: t } = Re.value, n = t - e, r = [];
+		}), St = n(() => {
+			let { min: e, max: t } = ze.value, n = t - e, r = [];
 			for (let t = 1; t <= 3; t++) {
-				let i = t / 4, a = e + n * i, o = Math.abs(a) >= 1e3 ? yt.format(a) : Number.isInteger(a) ? String(a) : a.toFixed(1).replace(/\.0$/, "");
+				let i = t / 4, a = e + n * i, o = Math.abs(a) >= 1e3 ? xt.format(a) : Number.isInteger(a) ? String(a) : a.toFixed(1).replace(/\.0$/, "");
 				r.push({
 					value: o,
 					pct: i * 100
 				});
 			}
 			return r;
-		}), xt = n(() => {
+		}), Ct = n(() => {
 			let e = [];
-			if (ze.value) for (let t of l.colorScale) e.push({
+			if (Be.value) for (let t of l.colorScale) e.push({
 				key: t.value,
 				color: t.color,
 				label: t.value
 			});
-			else if ($.value) for (let t of _t.value) e.push({
+			else if (Ve.value) for (let t of yt.value) e.push({
 				key: String(t.min),
 				color: t.color,
 				label: t.label ?? String(t.min)
 			});
 			return e;
-		}), St = n(() => `linear-gradient(to right, ${vt.value.map((e) => `${e.color} ${e.offset}`).join(", ")})`), Ct = n(() => {
-			let e = ht();
-			return [{
-				label: "Save as SVG",
-				action: () => {
-					w.value && xe(w.value, e);
-				}
-			}, {
-				label: "Save as PNG",
-				action: () => {
-					w.value && Se(w.value, e);
+		}), wt = n(() => `linear-gradient(to right, ${bt.value.map((e) => `${e.color} ${e.offset}`).join(", ")})`), Tt = Ae(), Et = n(() => {
+			let e = _t();
+			return [
+				Tt.menuItem.value,
+				{
+					label: "Save as SVG",
+					action: () => {
+						O.value && Te(O.value, e);
+					}
+				},
+				{
+					label: "Save as PNG",
+					action: () => {
+						O.value && Ee(O.value, e);
+					}
 				}
-			}];
+			];
 		});
-		return T(() => [Ae.value, M.value], () => ft()), T(() => [
-			Le.value,
+		return E(() => [je.value, N.value], () => mt()), E(() => [
+			Re.value,
 			l.colorScale,
 			l.noDataColor,
 			l.dataGeoType
-		], () => pt()), T(() => [l.strokeColor, je.value], () => mt()), T(() => [Fe.value, Ae.value], () => Z(), { flush: "post" }), (n, c) => (_(), a("div", {
+		], () => ht()), E(() => [l.strokeColor, Me.value], () => gt()), E(() => [Ie.value, je.value], () => X(), { flush: "post" }), (n, c) => (_(), a("div", {
 			ref_key: "containerRef",
-			ref: S,
-			class: f(["choropleth-wrapper", { pannable: t.pan }])
+			ref: T,
+			class: f(["choropleth-wrapper", {
+				pannable: t.pan,
+				"is-fullscreen": C(Tt).isFullscreen.value
+			}])
 		}, [
-			t.menu ? (_(), r(ue, {
+			t.menu ? (_(), r(de, {
 				key: 0,
-				items: Ct.value
+				items: Et.value
 			}, null, 8, ["items"])) : i("", !0),
-			t.title || gt.value ? (_(), a("div", nn, [t.title ? (_(), a("div", rn, b(t.title), 1)) : i("", !0), gt.value ? (_(), a("div", an, [t.legendTitle ? (_(), a("span", on, b(t.legendTitle), 1)) : i("", !0), ze.value || $.value ? (_(!0), a(e, { key: 1 }, y(xt.value, (e) => (_(), a("span", {
+			o("div", hn, x(C(Tt).isFullscreen.value ? "Map expanded to fill window" : ""), 1),
+			t.title || vt.value ? (_(), a("div", gn, [t.title ? (_(), a("div", _n, x(t.title), 1)) : i("", !0), vt.value ? (_(), a("div", vn, [t.legendTitle ? (_(), a("span", yn, x(t.legendTitle), 1)) : i("", !0), Be.value || Ve.value ? (_(!0), a(e, { key: 1 }, y(Ct.value, (e) => (_(), a("span", {
 				key: e.key,
 				class: "choropleth-legend-item"
 			}, [o("span", {
 				class: "choropleth-legend-swatch",
 				style: m({ background: e.color })
-			}, null, 4), s(" " + b(e.label), 1)]))), 128)) : (_(), a("div", sn, [o("div", {
+			}, null, 4), s(" " + x(e.label), 1)]))), 128)) : (_(), a("div", bn, [o("div", {
 				class: "choropleth-legend-gradient",
-				style: m({ background: St.value })
-			}, null, 4), o("div", cn, [(_(!0), a(e, null, y(bt.value, (e) => (_(), a("span", {
+				style: m({ background: wt.value })
+			}, null, 4), o("div", xn, [(_(!0), a(e, null, y(St.value, (e) => (_(), a("span", {
 				key: e.value,
 				style: m({ left: e.pct + "%" })
-			}, b(e.value), 5))), 128))])]))])) : i("", !0)])) : i("", !0),
+			}, x(e.value), 5))), 128))])]))])) : i("", !0)])) : i("", !0),
 			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: w,
-				viewBox: `0 0 ${we.value} ${Te.value}`,
+				ref: O,
+				viewBox: `0 0 ${we.value} ${Q.value}`,
 				preserveAspectRatio: "xMidYMid meet"
 			}, [o("g", {
 				ref_key: "mapGroupRef",
-				ref: D
+				ref: k
 			}, [o("g", {
 				ref_key: "baseGroupRef",
-				ref: O
+				ref: A
 			}, null, 512), o("g", {
 				ref_key: "overlayGroupRef",
-				ref: k
-			}, null, 512)], 512)], 8, ln)),
-			fe.value ? (_(), a("button", {
+				ref: j
+			}, null, 512)], 512)], 8, Sn)),
+			me.value ? (_(), a("button", {
 				key: 2,
 				type: "button",
 				class: "choropleth-reset",
 				"aria-label": "Reset zoom",
-				onClick: Q
+				onClick: Se
 			}, " Reset ")) : i("", !0),
-			M.value ? (_(), r(tn, {
+			N.value ? (_(), r(mn, {
 				key: 3,
 				ref_key: "tooltipChildRef",
-				ref: A
+				ref: M
 			}, {
-				default: E((r) => [ee(n.$slots, "tooltip", p(u(te(r))), () => [t.tooltipFormat ? (_(), a("span", {
+				default: D((r) => [b(n.$slots, "tooltip", p(u(ee(r))), () => [t.tooltipFormat ? (_(), a("span", {
 					key: 0,
 					innerHTML: t.tooltipFormat(r)
-				}, null, 8, un)) : r.value == null ? (_(), a(e, { key: 1 }, [s(b(r.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(b(r.name) + ": " + b(Ye(r.value)), 1)], 64))], !0)]),
+				}, null, 8, Cn)) : r.value == null ? (_(), a(e, { key: 1 }, [s(x(r.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(x(r.name) + ": " + x(Ze(r.value)), 1)], 64))], !0)]),
 				_: 3
 			}, 512)) : i("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-a53cf9ce"]]), hn = /* @__PURE__ */ B(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-110171fe"]]), On = /* @__PURE__ */ z(/* @__PURE__ */ l({
 	__name: "ChartTooltip",
 	props: {
 		x: {},
@@ -6705,12 +6859,12 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 				top: `${e.y}px`,
 				transform: "translateY(-50%)"
 			})
-		}, [ee(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (_(), r(S(re), {
+		}, [b(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (_(), r(C(re), {
 			key: 1,
 			open: e.open
 		}, {
-			default: E(() => [c(S(M), { "as-child": "" }, {
-				default: E(() => [o("div", {
+			default: D(() => [c(C(ne), { "as-child": "" }, {
+				default: D(() => [o("div", {
 					class: "chart-tooltip-anchor",
 					style: m({
 						left: `${e.x}px`,
@@ -6718,8 +6872,8 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 					})
 				}, null, 4)]),
 				_: 1
-			}), c(S(P), null, {
-				default: E(() => [e.open ? (_(), r(S(N), {
+			}), c(C(P), null, {
+				default: D(() => [e.open ? (_(), r(C(N), {
 					key: 0,
 					class: "chart-tooltip-content",
 					side: "right",
@@ -6728,7 +6882,7 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 					onPointerDownOutside: n[0] ||= (e) => t.$emit("close"),
 					onEscapeKeyDown: n[1] ||= (e) => t.$emit("close")
 				}, {
-					default: E(() => [ee(t.$slots, "default", {}, void 0, !0)]),
+					default: D(() => [b(t.$slots, "default", {}, void 0, !0)]),
 					_: 3
 				}, 8, ["side-offset"])) : i("", !0)]),
 				_: 3
@@ -6736,7 +6890,7 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			_: 3
 		}, 8, ["open"])) : i("", !0);
 	}
-}), [["__scopeId", "data-v-44377f70"]]), gn = { class: "TableWrapper" }, _n = /* @__PURE__ */ B(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-44377f70"]]), kn = { class: "TableWrapper" }, An = /* @__PURE__ */ z(/* @__PURE__ */ l({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -6805,38 +6959,38 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			let r = c.columnConfig?.[e.name]?.format;
 			if (r !== void 0) {
 				if (typeof r == "function") return r(n, t);
-				if (typeof n == "number") return ne(n, r);
+				if (typeof n == "number") return te(n, r);
 			}
 			return e.enumLabels && typeof n == "number" ? e.enumLabels[n] ?? String(n) : typeof n == "number" ? Number.isInteger(n) ? n.toString() : n.toFixed(4) : typeof n == "boolean" ? n ? "true" : "false" : String(n);
 		}
-		function ee() {
+		function b() {
 			return c.filename ? c.filename : typeof c.menu == "string" ? c.menu : "data";
 		}
-		function te(e) {
+		function ee(e) {
 			return e.includes(",") || e.includes("\"") || e.includes("\n") ? `"${e.replace(/"/g, "\"\"")}"` : e;
 		}
-		function x() {
+		function S() {
 			if (typeof c.csv == "function") return c.csv();
 			if (typeof c.csv == "string") return c.csv;
-			let e = h.value, t = g.value, n = [e.map((e) => te(l(e.name))).join(",")];
+			let e = h.value, t = g.value, n = [e.map((e) => ee(l(e.name))).join(",")];
 			for (let r = 0; r < t; r++) {
-				let t = e.map((e) => te(v(e, r)));
+				let t = e.map((e) => ee(v(e, r)));
 				n.push(t.join(","));
 			}
 			return n.join("\n");
 		}
-		let S = n(() => [{
+		let C = n(() => [{
 			label: c.downloadMenuLink,
-			action: () => Q(x(), ee())
-		}]), C = n(() => !!c.menu);
+			action: () => Q(S(), b())
+		}]), w = n(() => !!c.menu);
 		return (n, s) => (_(), a("div", { class: f(["TableOuter", {
 			"full-width": t.fullWidth,
-			"has-menu": C.value
-		}]) }, [C.value ? (_(), r(ue, {
+			"has-menu": w.value
+		}]) }, [w.value ? (_(), r(de, {
 			key: 0,
-			items: S.value,
+			items: C.value,
 			"force-dropdown": ""
-		}, null, 8, ["items"])) : i("", !0), o("div", gn, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
+		}, null, 8, ["items"])) : i("", !0), o("div", kn, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
 			o("colgroup", null, [(_(!0), a(e, null, y(h.value, (e) => (_(), a("col", {
 				key: e.name,
 				style: m(u(e.name))
@@ -6844,14 +6998,14 @@ var Je = ["width", "height"], Ye = ["x"], Xe = { key: 1 }, Ze = [
 			o("thead", null, [o("tr", null, [(_(!0), a(e, null, y(h.value, (e) => (_(), a("th", {
 				key: e.name,
 				style: m(d(e.name))
-			}, b(l(e.name)), 5))), 128))])]),
+			}, x(l(e.name)), 5))), 128))])]),
 			o("tbody", null, [(_(!0), a(e, null, y(g.value, (n) => (_(), a("tr", { key: n }, [(_(!0), a(e, null, y(h.value, (e) => (_(), a("td", {
 				key: e.name,
 				class: f(t.columnConfig?.[e.name]?.cellClass),
 				style: m(d(e.name))
-			}, b(v(e, n - 1)), 7))), 128))]))), 128))])
+			}, x(v(e, n - 1)), 7))), 128))]))), 128))])
 		], 2)])], 2));
 	}
 }), [["__scopeId", "data-v-d6b3bce8"]]);
 //#endregion
-export { Zt as BarChart, hn as ChartTooltip, mn as ChoroplethMap, _n as DataTable, At as LineChart, Qt as fipsToHsa, $t as hsaNames };
+export { un as BarChart, On as ChartTooltip, Dn as ChoroplethMap, An as DataTable, Vt as LineChart, dn as fipsToHsa, fn as hsaNames };