@cfasim-ui/charts 0.4.15 → 0.5.0

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 re, DropdownMenuRoot as k, DropdownMenuTrigger as A, PopoverAnchor as ie, PopoverContent as j, PopoverPortal as ae, PopoverRoot as M } from "reka-ui";
-import { geoAlbersUsa as oe, geoPath as se } from "d3-geo";
-import { zoom as ce, zoomIdentity as le } from "d3-zoom";
-import { select as ue } from "d3-selection";
+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 ne, DropdownMenuRoot as A, DropdownMenuTrigger as j, PopoverAnchor as re, PopoverContent as M, PopoverPortal as ie, PopoverRoot as N } from "reka-ui";
+import { geoAlbersUsa as ae, geoPath as P } from "d3-geo";
+import { zoom as oe, zoomIdentity as se } from "d3-zoom";
+import { select as ce } from "d3-selection";
 import "d3-transition";
-import { feature as N, merge as de, mesh as fe } from "topojson-client";
+import { feature as F, merge as le, mesh as ue } from "topojson-client";
 //#region src/ChartMenu/ChartMenu.vue?vue&type=script&setup=true&lang.ts
-var P = { class: "chart-menu-trigger-area" }, pe = ["aria-label"], me = /* @__PURE__ */ l({
+var I = { class: "chart-menu-trigger-area" }, de = ["aria-label"], fe = /* @__PURE__ */ l({
 	__name: "ChartMenu",
 	props: {
 		items: {},
@@ -18,15 +18,15 @@ var P = { class: "chart-menu-trigger-area" }, pe = ["aria-label"], me = /* @__PU
 	},
 	setup(t) {
 		let n = t, i = () => n.forceDropdown || n.items.length > 1;
-		return (n, l) => (_(), a("div", P, [i() ? (_(), r(S(k), {
+		return (n, l) => (_(), a("div", I, [i() ? (_(), r(C(A), {
 			key: 1,
 			modal: !1
 		}, {
-			default: E(() => [c(S(A), {
+			default: D(() => [c(C(j), {
 				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,19 +50,19 @@ var P = { class: "chart-menu-trigger-area" }, pe = ["aria-label"], me = /* @__PU
 					})
 				], -1)]]),
 				_: 1
-			}), c(S(re), null, {
-				default: E(() => [c(S(D), {
+			}), c(C(ne), 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, ["aria-pressed", "onSelect"]))), 128))]),
 					_: 1
@@ -85,44 +85,44 @@ var P = { class: "chart-menu-trigger-area" }, pe = ["aria-label"], me = /* @__PU
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			"aria-hidden": "true"
-		}, [o("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, pe))]));
+		}, [o("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, de))]));
 	}
-}), F = (e, t) => {
+}), L = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, he = /* @__PURE__ */ F(me, [["__scopeId", "data-v-c74e2889"]]);
+}, pe = /* @__PURE__ */ L(fe, [["__scopeId", "data-v-c74e2889"]]);
 //#endregion
 //#region src/_shared/axes.ts
-function I(e) {
+function R(e) {
 	return Math.round(e) + .5;
 }
-function ge(e, t) {
+function me(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 _e(e, t, n) {
+function he(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 ve = new Intl.NumberFormat();
-function ye(e) {
-	return Math.abs(e) >= 1e3 ? ve.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
+var ge = new Intl.NumberFormat();
+function _e(e) {
+	return Math.abs(e) >= 1e3 ? ge.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
 }
 //#endregion
 //#region src/_shared/computeTicks.ts
-function be(e) {
+function ve(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 _e(t + i, n + i, r).map((e) => e - i);
-	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = ge(n - t, a);
-	return _e(t + i, n + i, o).map((e) => e - i);
+	if (typeof r == "number") return he(t + i, n + i, r).map((e) => e - i);
+	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = me(n - t, a);
+	return he(t + i, n + i, o).map((e) => e - i);
 }
-function xe(e, t, n, r) {
+function ye(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;
@@ -130,7 +130,7 @@ function xe(e, t, n, r) {
 	let i = n - t || 1;
 	return (e - t) / i;
 }
-function Se(e, t, n, r) {
+function be(e, t, n, r) {
 	if (n !== "log") return {
 		min: e,
 		max: t
@@ -141,7 +141,7 @@ function Se(e, t, n, r) {
 		max: t > 0 ? Math.max(t, i) : i
 	};
 }
-function L(e) {
+function z(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);
@@ -154,7 +154,7 @@ function L(e) {
 }
 //#endregion
 //#region src/_shared/useChartSize.ts
-function Ce(e = {}) {
+function xe(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.value = t.value.clientHeight, i = new ResizeObserver((t) => {
@@ -173,8 +173,8 @@ function Ce(e = {}) {
 		measuredHeight: r
 	};
 }
-var we = .6, R = 8;
-function z(e, t) {
+var Se = .6, B = 8;
+function V(e, t) {
 	return {
 		fontSize: e?.fontSize ?? t.fontSize,
 		fill: e?.color ?? "currentColor",
@@ -182,8 +182,8 @@ function z(e, t) {
 		fillOpacity: e?.color == null ? t.fillOpacity : void 0
 	};
 }
-var Te = 7, Ee = 18, De = 16;
-function Oe(e) {
+var Ce = 7, we = 18, Te = 16;
+function Ee(e) {
 	return e == null ? {
 		top: 0,
 		right: 0,
@@ -201,12 +201,12 @@ function Oe(e) {
 		left: e.left ?? 0
 	};
 }
-function ke(e) {
-	return Ee + e.length * Te;
+function De(e) {
+	return we + e.length * Ce;
 }
-function Ae(e) {
+function Oe(e) {
 	let t = n(() => {
-		let t = Oe(e.extraPadding?.());
+		let t = Ee(e.extraPadding?.());
 		return {
 			left: (e.yLabel() ? 56 : 50) + t.left,
 			right: 10 + t.right
@@ -219,11 +219,11 @@ function Ae(e) {
 		};
 		let n = Math.max(0, r.value), i = [], a = 0, o = 0;
 		for (let e of t) {
-			let t = ke(e);
+			let t = De(e);
 			o > 0 && o + t > n && (a++, o = 0), i.push({
 				x: o,
 				row: a
-			}), o += t + De;
+			}), o += t + Te;
 		}
 		return {
 			positions: i,
@@ -233,9 +233,9 @@ function Ae(e) {
 		let t = e.title();
 		if (!t) return 10;
 		let n = e.titleStyle?.()?.lineHeight ?? 18;
-		return t.split("\n").length * n + R;
+		return t.split("\n").length * n + B;
 	}), o = n(() => {
-		let n = Oe(e.extraPadding?.()), r = i.value.rowCount;
+		let n = Ee(e.extraPadding?.()), r = i.value.rowCount;
 		return {
 			top: a.value + r * 20 + n.top,
 			bottom: (e.xLabel() ? 38 : 30) + n.bottom,
@@ -264,10 +264,10 @@ function Ae(e) {
 }
 //#endregion
 //#region src/tooltip-position.ts
-var B = 16, je = 8;
-function Me(e, t, n, r, i, a) {
+var ke = 16, Ae = 8;
+function H(e, t, n, r, i, a) {
 	if (i === "none") return {
-		left: e + B,
+		left: e + ke,
 		top: t
 	};
 	let o = i === "chart" && a ? {
@@ -280,15 +280,15 @@ function Me(e, t, n, r, i, a) {
 		right: window.innerWidth,
 		top: 0,
 		bottom: window.innerHeight
-	}, s = e + B + n > o.right - je ? e - B - n : e + B, c = r / 2;
+	}, s = e + ke + n > o.right - Ae ? e - ke - n : e + ke, c = r / 2;
 	return {
 		left: s,
-		top: Math.min(Math.max(t, o.top + je + c), o.bottom - je - c)
+		top: Math.min(Math.max(t, o.top + Ae + c), o.bottom - Ae - c)
 	};
 }
 //#endregion
 //#region src/_shared/useChartTooltip.ts
-function V(e) {
+function je(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;
@@ -302,14 +302,14 @@ function V(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 } = Me(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 } = H(a.value.clientX, a.value.clientY - u, s.offsetWidth, s.offsetHeight, d, l);
 		o.value = {
 			left: f - l.left,
 			top: p - l.top
@@ -355,7 +355,7 @@ function V(e) {
 }
 //#endregion
 //#region src/ChartMenu/download.ts
-function H(e, t) {
+function Me(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
 }
@@ -364,14 +364,14 @@ var U = [
 	"font-family",
 	"font-size",
 	"font-weight"
-], Ne = ["fill", "stroke"];
-function Pe(e) {
+], W = ["fill", "stroke"];
+function Ne(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 W(e) {
+function G(e) {
 	let t = e.cloneNode(!0);
 	t.setAttribute("xmlns", "http://www.w3.org/2000/svg");
 	let n = window.getComputedStyle(e), r = [];
@@ -381,29 +381,29 @@ function W(e) {
 	}
 	let i = t.getAttribute("style") ?? "";
 	t.setAttribute("style", [i, ...r].filter(Boolean).join("; "));
-	for (let e of t.querySelectorAll("*")) for (let t of Ne) {
+	for (let e of t.querySelectorAll("*")) for (let t of W) {
 		let n = e.getAttribute(t);
-		!n || !n.includes("var(") || e.setAttribute(t, Pe(n));
+		!n || !n.includes("var(") || e.setAttribute(t, Ne(n));
 	}
 	return t;
 }
-function G(e, t) {
-	let n = W(e), r = new XMLSerializer().serializeToString(n);
-	H(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
+function K(e, t) {
+	let n = G(e), r = new XMLSerializer().serializeToString(n);
+	Me(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
 }
-function Fe(e, t) {
-	let n = W(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 Pe(e, t) {
+	let n = G(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 && H(e, `${t}.png`);
+			e && Me(e, `${t}.png`);
 		}), URL.revokeObjectURL(a);
 	}, o.src = a;
 }
-function K(e, t) {
-	H(new Blob([e], { type: "text/csv" }), `${t}.csv`);
+function Fe(e, t) {
+	Me(new Blob([e], { type: "text/csv" }), `${t}.csv`);
 }
 //#endregion
 //#region src/_shared/useChartFullscreen.ts
@@ -411,13 +411,13 @@ var Ie = 0, Le = "";
 function Re() {
 	typeof document > "u" || (Ie === 0 && (Le = document.body.style.overflow, document.body.style.overflow = "hidden"), Ie++);
 }
-function q() {
+function ze() {
 	typeof document > "u" || Ie !== 0 && (Ie--, Ie === 0 && (document.body.style.overflow = Le));
 }
-function J() {
+function Be() {
 	let e = v(!1), t = !1;
 	function r(n) {
-		n !== e.value && (e.value = n, n && !t ? (Re(), t = !0) : !n && t && (q(), t = !1));
+		n !== e.value && (e.value = n, n && !t ? (Re(), t = !0) : !n && t && (ze(), t = !1));
 	}
 	function i(t) {
 		if (t.key !== "Escape" || !e.value) return;
@@ -436,7 +436,7 @@ function J() {
 	return h(() => {
 		typeof document > "u" || document.addEventListener("keydown", i);
 	}), g(() => {
-		typeof document > "u" || (document.removeEventListener("keydown", i), t &&= (q(), !1));
+		typeof document > "u" || (document.removeEventListener("keydown", i), t &&= (ze(), !1));
 	}), {
 		isFullscreen: e,
 		toggle: s,
@@ -451,7 +451,7 @@ function J() {
 }
 //#endregion
 //#region src/_shared/useChartMenu.ts
-function ze(e) {
+function Ve(e) {
 	let t = v(null);
 	function r() {
 		let t = e.filename();
@@ -459,38 +459,49 @@ function ze(e) {
 		let n = e.legacyMenuLabel();
 		return typeof n == "string" ? n : "chart";
 	}
-	let i = e.fullscreen ? J() : null;
+	let i = e.fullscreen ? Be() : null, a = n(() => {
+		let n = r(), a = [];
+		i && a.push(i.menuItem.value), a.push({
+			label: "Save as SVG",
+			action: () => {
+				t.value && K(t.value, n);
+			}
+		}, {
+			label: "Save as PNG",
+			action: () => {
+				t.value && Pe(t.value, n);
+			}
+		});
+		let o = e.downloadButton?.();
+		return !e.downloadLink() && !o && a.push({
+			label: "Download CSV",
+			action: () => Fe(e.getCsv(), n)
+		}), a;
+	}), o = n(() => {
+		if (e.downloadButton?.()) return null;
+		let t = e.downloadLink();
+		return t ? typeof t == "string" ? t : "Download data (CSV)" : null;
+	}), s = n(() => e.downloadButton?.() || !e.downloadLink() ? null : `data:text/csv;charset=utf-8,${encodeURIComponent(e.getCsv())}`), c = n(() => {
+		let t = e.downloadButton?.();
+		return t ? typeof t == "string" ? t : "Download data (CSV)" : null;
+	});
+	function l() {
+		Fe(e.getCsv(), r());
+	}
 	return {
 		svgRef: t,
-		items: n(() => {
-			let n = r(), a = [];
-			return i && a.push(i.menuItem.value), a.push({
-				label: "Save as SVG",
-				action: () => {
-					t.value && G(t.value, n);
-				}
-			}, {
-				label: "Save as PNG",
-				action: () => {
-					t.value && Fe(t.value, n);
-				}
-			}), e.downloadLink() || a.push({
-				label: "Download CSV",
-				action: () => K(e.getCsv(), n)
-			}), 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),
+		items: a,
+		downloadLinkText: o,
+		csvHref: s,
+		downloadButtonText: c,
+		triggerCsvDownload: l,
 		resolvedFilename: r,
 		isFullscreen: i?.isFullscreen ?? v(!1)
 	};
 }
 //#endregion
 //#region src/_shared/seriesCsv.ts
-function Be(e) {
+function He(e) {
 	if (e.length === 0) return "";
 	let t = 0;
 	for (let n of e) n.data.length > t && (t = n.data.length);
@@ -502,38 +513,38 @@ function Be(e) {
 	}
 	return i.join("\n");
 }
-function Ve(e, t, n = "category") {
+function Ue(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 = [He(e[n])];
+		let i = [q(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 He(e) {
+function q(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 Ue = {
+var J = {
 	class: "chart-annotations",
 	"pointer-events": "none"
-}, Y = ["stroke", "stroke-width"], We = [
+}, We = ["stroke", "stroke-width"], Ge = [
 	"d",
 	"stroke",
 	"stroke-width"
-], X = [
+], Y = [
 	"fill",
 	"stroke",
 	"stroke-width",
 	"transform"
-], Ge = [
+], Ke = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Ke = [
+], X = [
 	"d",
 	"stroke",
 	"stroke-width",
@@ -584,35 +595,35 @@ var Ue = {
 				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, d = n.x + o, p = n.y + l, m = t.color ?? "currentColor", h = t.fontSize ?? Ze, g = t.fontWeight ?? Qe, _ = t.outlineColor ?? et, v = t.outlineWidth ?? tt, y = t.lineColor ?? m, ee = t.lineWidth ?? nt, b = s(t.lineDash), te = {
+				let { x: o, y: l } = t.offset, d = n.x + o, p = n.y + l, m = t.color ?? "currentColor", h = t.fontSize ?? Ze, g = t.fontWeight ?? Qe, _ = t.outlineColor ?? et, v = t.outlineWidth ?? tt, y = t.lineColor ?? m, b = t.lineWidth ?? nt, x = s(t.lineDash), ee = {
 					left: "start",
 					center: "middle",
 					right: "end"
-				}[t.align ?? (o > 0 ? "left" : o < 0 ? "right" : "center")], x, S = "", C, w = !a && (t.arrow ?? !0);
-				if (a && r.bounds) x = u(i, n.x, n.y, r.bounds);
+				}[t.align ?? (o > 0 ? "left" : o < 0 ? "right" : "center")], S, C = "", w, T = !a && (t.arrow ?? !0);
+				if (a && r.bounds) S = u(i, n.x, n.y, r.bounds);
 				else {
 					let e = f(n.x, n.y, d, 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: d,
 					textY: p,
-					textAnchor: te,
+					textAnchor: ee,
 					dy: h * at,
 					fontSize: h,
 					fontWeight: g,
 					color: m,
 					outlineColor: _,
 					outlineWidth: v,
-					pointerPath: S,
+					pointerPath: C,
 					lineColor: y,
-					lineWidth: ee,
-					lineDash: b,
-					arrow: w,
-					arrowTip: C,
-					arrowTransform: C ? `translate(${C.x} ${C.y}) rotate(${C.angle})` : "",
-					rule: x
+					lineWidth: b,
+					lineDash: x,
+					arrow: T,
+					arrowTip: w,
+					arrowTransform: w ? `translate(${w.x} ${w.y}) rotate(${w.angle})` : "",
+					rule: S
 				});
 			}
 			return e;
@@ -668,7 +679,7 @@ var Ue = {
 			let o = n - e, s = r - t, c = r - i * ot;
 			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 <= rt + it) return { path: "" };
+				if (l <= 10) return { path: "" };
 				let u = a / l, d = o / l, f = e + u * rt, p = t + d * rt, m = n - u * it, h = i - d * it, g = Math.atan2(-d, -u) * 180 / Math.PI;
 				return {
 					path: `M${f},${p} L${m},${h}`,
@@ -691,7 +702,7 @@ var Ue = {
 				}
 			};
 		}
-		return (t, n) => (_(), a("g", Ue, [(_(!0), a(e, null, y(l.value, (t, n) => (_(), a(e, { key: n }, [
+		return (t, n) => (_(), a("g", J, [(_(!0), a(e, null, y(l.value, (t, n) => (_(), a(e, { key: n }, [
 			t.rule && t.outlineWidth > 0 ? (_(), a("line", d({
 				key: 0,
 				ref_for: !0
@@ -700,7 +711,7 @@ var Ue = {
 				stroke: t.outlineColor,
 				"stroke-width": t.lineWidth + t.outlineWidth,
 				"stroke-linecap": "round"
-			}), null, 16, Y)) : i("", !0),
+			}), null, 16, We)) : i("", !0),
 			t.pointerPath && t.outlineWidth > 0 ? (_(), a("path", {
 				key: 1,
 				d: t.pointerPath,
@@ -709,7 +720,7 @@ var Ue = {
 				stroke: t.outlineColor,
 				"stroke-width": t.lineWidth + t.outlineWidth,
 				"stroke-linecap": "round"
-			}, null, 8, We)) : i("", !0),
+			}, null, 8, Ge)) : i("", !0),
 			t.arrowTip && t.outlineWidth > 0 ? (_(), a("polygon", {
 				key: 2,
 				points: "0,0 -6,-3 -6,3",
@@ -719,7 +730,7 @@ var Ue = {
 				"stroke-width": t.outlineWidth,
 				"stroke-linejoin": "round",
 				transform: t.arrowTransform
-			}, null, 8, X)) : i("", !0),
+			}, null, 8, Y)) : i("", !0),
 			t.rule ? (_(), a("line", d({
 				key: 3,
 				ref_for: !0
@@ -728,7 +739,7 @@ var Ue = {
 				"stroke-width": t.lineWidth,
 				"stroke-dasharray": t.lineDash,
 				"stroke-linecap": "round"
-			}), null, 16, Ge)) : i("", !0),
+			}), null, 16, Ke)) : i("", !0),
 			t.pointerPath ? (_(), a("path", {
 				key: 4,
 				d: t.pointerPath,
@@ -737,7 +748,7 @@ var Ue = {
 				"stroke-width": t.lineWidth,
 				"stroke-dasharray": t.lineDash,
 				"stroke-linecap": "round"
-			}, null, 8, Ke)) : i("", !0),
+			}, null, 8, X)) : i("", !0),
 			t.arrowTip ? (_(), a("polygon", {
 				key: 5,
 				points: "0,0 -6,-3 -6,3",
@@ -763,33 +774,34 @@ var Ue = {
 				key: t,
 				"font-weight": e.bold ? $e : void 0,
 				"font-style": e.italic ? "italic" : void 0
-			}, b(e.text), 9, Xe))), 128))], 8, Ye))), 128))], 8, Je)
+			}, x(e.text), 9, Xe))), 128))], 8, Ye))), 128))], 8, Je)
 		], 64))), 128))]));
 	}
 }), ct = 400, lt = 200;
 function ut(e) {
-	let { containerRef: t, measuredWidth: r, measuredHeight: i } = Ce({ debounce: e.debounce }), { svgRef: a, items: o, downloadLinkText: s, csvHref: c, resolvedFilename: l, isFullscreen: u } = ze({
+	let { containerRef: t, measuredWidth: r, measuredHeight: i } = xe({ debounce: e.debounce }), { svgRef: a, items: o, downloadLinkText: s, csvHref: c, downloadButtonText: l, triggerCsvDownload: u, resolvedFilename: d, isFullscreen: f } = Ve({
 		filename: e.filename,
 		legacyMenuLabel: e.menu,
 		getCsv: e.getCsv,
 		downloadLink: e.downloadLink,
+		downloadButton: e.downloadButton,
 		fullscreen: !0
-	}), d = n(() => u.value && r.value > 0 ? r.value : e.width() ?? (r.value || ct)), f = n(() => {
-		if (u.value && i.value > 0) {
+	}), p = n(() => f.value && r.value > 0 ? r.value : e.width() ?? (r.value || ct)), m = n(() => {
+		if (f.value && i.value > 0) {
 			let t = e.extraBelowHeight?.() ?? 0;
 			return i.value - t;
 		}
 		return e.height() ?? lt;
-	}), { padding: p, legendY: m, inlineLegendLayout: h, innerW: g, innerH: _, bounds: v } = Ae({
+	}), { padding: h, legendY: g, inlineLegendLayout: _, innerW: v, innerH: y, bounds: b } = Oe({
 		title: e.title,
 		titleStyle: e.titleStyle,
 		xLabel: e.xLabel,
 		yLabel: e.yLabel,
 		inlineLegendLabels: e.inlineLegendLabels,
-		width: () => d.value,
-		height: () => f.value,
+		width: () => p.value,
+		height: () => m.value,
 		extraPadding: e.chartPadding
-	}), { hoverIndex: y, tooltipRef: ee, tooltipPos: b, handlers: te } = V({
+	}), { hoverIndex: x, tooltipRef: ee, tooltipPos: S, handlers: C } = je({
 		enabled: e.hasTooltipSlot,
 		trigger: e.tooltipTrigger,
 		clamp: () => e.tooltipClamp() ?? "chart",
@@ -800,37 +812,89 @@ function ut(e) {
 	return {
 		containerRef: t,
 		svgRef: a,
-		width: d,
-		height: f,
-		padding: p,
-		legendY: m,
-		inlineLegendLayout: h,
-		innerW: g,
-		innerH: _,
-		bounds: v,
-		hoverIndex: y,
+		width: p,
+		height: m,
+		padding: h,
+		legendY: g,
+		inlineLegendLayout: _,
+		innerW: v,
+		innerH: y,
+		bounds: b,
+		hoverIndex: x,
 		tooltipRef: ee,
-		tooltipPos: b,
-		tooltipHandlers: te,
+		tooltipPos: S,
+		tooltipHandlers: C,
 		menuItems: o,
 		downloadLinkText: s,
 		csvHref: c,
-		menuFilename: l,
-		isFullscreen: u,
+		downloadButtonText: l,
+		triggerCsvDownload: u,
+		menuFilename: d,
+		isFullscreen: f,
 		measuredHeight: i
 	};
 }
 function dt(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 ? ye(n) : ne(n, i);
+		return i === void 0 ? _e(n) : te(n, i);
 	};
 }
 //#endregion
+//#region src/_shared/contrast.ts
+function ft(e) {
+	let t = e.trim();
+	if (t.startsWith("#")) {
+		let e = t.slice(1);
+		if (e.length === 3 || e.length === 4) e = e.slice(0, 3).split("").map((e) => e + e).join("");
+		else if (e.length === 6 || e.length === 8) e = e.slice(0, 6);
+		else return null;
+		let n = Number.parseInt(e, 16);
+		return Number.isNaN(n) ? null : [
+			n >> 16 & 255,
+			n >> 8 & 255,
+			n & 255
+		];
+	}
+	let n = t.match(/^rgba?\(([^)]+)\)$/i);
+	if (n) {
+		let e = n[1].split(/[,/\s]+/).filter(Boolean);
+		if (e.length < 3) return null;
+		let t = e.slice(0, 3).map((e) => e.endsWith("%") ? Math.round(parseFloat(e) / 100 * 255) : Math.round(parseFloat(e)));
+		return t.some((e) => Number.isNaN(e)) ? null : [
+			t[0],
+			t[1],
+			t[2]
+		];
+	}
+	return null;
+}
+function pt([e, t, n]) {
+	let r = (e) => {
+		let t = e / 255;
+		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+	};
+	return .2126 * r(e) + .7152 * r(t) + .0722 * r(n);
+}
+var mt = null, ht = /* @__PURE__ */ new Map();
+function gt(e) {
+	let t = ft(e);
+	if (t) return t;
+	if (ht.has(e)) return ht.get(e) ?? null;
+	if (typeof document > "u") return null;
+	mt || (mt = document.createElement("span"), mt.style.cssText = "position:absolute;width:0;height:0;visibility:hidden;pointer-events:none", document.body.appendChild(mt)), mt.style.color = "", mt.style.color = e;
+	let n = getComputedStyle(mt).color, r = ft(n);
+	return ht.set(e, r), r;
+}
+function _t(e, t = "#ffffff", n = "#1a1a1a") {
+	let r = gt(e);
+	return r && pt(r) > .179 ? n : t;
+}
+//#endregion
 //#region src/_shared/dateAxis.ts
-var ft = /^(\d{4})-(\d{2})-(\d{2})$/, pt = /^(\d{4})-(\d{2})-(\d{2})[Tt ](\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?(Z|[+-]\d{2}:?\d{2})?$/, Z = 1e3, mt = 60 * Z, Q = 60 * mt, ht = 24 * Q, gt = 7 * ht, _t = 30 * ht, vt = 365 * ht, yt = [
+var vt = /^(\d{4})-(\d{2})-(\d{2})$/, yt = /^(\d{4})-(\d{2})-(\d{2})[Tt ](\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?(Z|[+-]\d{2}:?\d{2})?$/, Z = 1e3, Q = 60 * Z, bt = 60 * Q, xt = 24 * bt, St = 7 * xt, Ct = 30 * xt, wt = 365 * xt, Tt = [
 	{
 		unit: "second",
 		step: 1,
@@ -854,154 +918,154 @@ var ft = /^(\d{4})-(\d{2})-(\d{2})$/, pt = /^(\d{4})-(\d{2})-(\d{2})[Tt ](\d{2})
 	{
 		unit: "minute",
 		step: 1,
-		ms: 1 * mt
+		ms: 1 * Q
 	},
 	{
 		unit: "minute",
 		step: 5,
-		ms: 5 * mt
+		ms: 5 * Q
 	},
 	{
 		unit: "minute",
 		step: 15,
-		ms: 15 * mt
+		ms: 15 * Q
 	},
 	{
 		unit: "minute",
 		step: 30,
-		ms: 30 * mt
+		ms: 30 * Q
 	},
 	{
 		unit: "hour",
 		step: 1,
-		ms: 1 * Q
+		ms: 1 * bt
 	},
 	{
 		unit: "hour",
 		step: 3,
-		ms: 3 * Q
+		ms: 3 * bt
 	},
 	{
 		unit: "hour",
 		step: 6,
-		ms: 6 * Q
+		ms: 6 * bt
 	},
 	{
 		unit: "hour",
 		step: 12,
-		ms: 12 * Q
+		ms: 12 * bt
 	},
 	{
 		unit: "day",
 		step: 1,
-		ms: 1 * ht
+		ms: 1 * xt
 	},
 	{
 		unit: "day",
 		step: 2,
-		ms: 2 * ht
+		ms: 2 * xt
 	},
 	{
 		unit: "week",
 		step: 1,
-		ms: 1 * gt
+		ms: 1 * St
 	},
 	{
 		unit: "month",
 		step: 1,
-		ms: 1 * _t
+		ms: 1 * Ct
 	},
 	{
 		unit: "month",
 		step: 3,
-		ms: 3 * _t
+		ms: 3 * Ct
 	},
 	{
 		unit: "month",
 		step: 6,
-		ms: 6 * _t
+		ms: 6 * Ct
 	},
 	{
 		unit: "year",
 		step: 1,
-		ms: 1 * vt
+		ms: 1 * wt
 	},
 	{
 		unit: "year",
 		step: 2,
-		ms: 2 * vt
+		ms: 2 * wt
 	},
 	{
 		unit: "year",
 		step: 5,
-		ms: 5 * vt
+		ms: 5 * wt
 	},
 	{
 		unit: "year",
 		step: 10,
-		ms: 10 * vt
+		ms: 10 * wt
 	},
 	{
 		unit: "year",
 		step: 25,
-		ms: 25 * vt
+		ms: 25 * wt
 	},
 	{
 		unit: "year",
 		step: 50,
-		ms: 50 * vt
+		ms: 50 * wt
 	},
 	{
 		unit: "year",
 		step: 100,
-		ms: 100 * vt
+		ms: 100 * wt
 	}
-], bt = 1e3;
-function xt(e, t) {
+], Et = 1e3;
+function Dt(e, t) {
 	if (e instanceof Date) {
 		let t = e.getTime();
 		return Number.isFinite(t) ? t : null;
 	}
 	if (typeof e != "string") return null;
-	let n = ft.exec(e);
+	let n = vt.exec(e);
 	if (n) {
 		let e = +n[1], r = n[2] - 1, i = +n[3];
 		return t === "utc" ? Date.UTC(e, r, i) : new Date(e, r, i).getTime();
 	}
-	let r = pt.exec(e);
+	let r = yt.exec(e);
 	if (r) {
 		let e = +r[1], n = r[2] - 1, i = +r[3], a = +r[4], o = +r[5], s = r[6] ? +r[6] : 0, c = r[7] ? Number("0." + r[7]) * 1e3 : 0, l = r[8];
 		if (l) {
 			if (l === "Z" || l === "z") return Date.UTC(e, n, i, a, o, s, c);
-			let t = l[0] === "+" ? 1 : -1, r = +l.slice(1, 3), u = +l.slice(-2), d = t * (r * 60 + u) * mt;
+			let t = l[0] === "+" ? 1 : -1, r = +l.slice(1, 3), u = +l.slice(-2), d = t * (r * 60 + u) * Q;
 			return Date.UTC(e, n, i, a, o, s, c) - d;
 		}
 		return t === "utc" ? Date.UTC(e, n, i, a, o, s, c) : new Date(e, n, i, a, o, s, c).getTime();
 	}
 	return null;
 }
-function St(e) {
-	return e instanceof Date ? Number.isFinite(e.getTime()) : typeof e == "string" ? ft.test(e) || pt.test(e) : !1;
+function Ot(e) {
+	return e instanceof Date ? Number.isFinite(e.getTime()) : typeof e == "string" ? vt.test(e) || yt.test(e) : !1;
 }
-function Ct(e, t) {
+function kt(e, t) {
 	if (e.length === 0) return !1;
 	for (let n = 0; n < e.length; n++) {
 		let r = e[n];
-		if (!St(r) || xt(r, t) === null) return !1;
+		if (!Ot(r) || Dt(r, t) === null) return !1;
 	}
 	return !0;
 }
-function wt(e, t) {
+function At(e, t) {
 	let n = e / Math.max(1, t);
-	for (let e of yt) if (n <= e.ms) return e;
-	return yt[yt.length - 1];
+	for (let e of Tt) if (n <= e.ms) return e;
+	return Tt[Tt.length - 1];
 }
-function Tt(e, t, n) {
+function jt(e, t, n) {
 	let r = new Date(e);
 	if (n === "utc") switch (t) {
 		case "second": return Math.floor(e / Z) * Z;
-		case "minute": return Math.floor(e / mt) * mt;
-		case "hour": return Math.floor(e / Q) * Q;
+		case "minute": return Math.floor(e / Q) * Q;
+		case "hour": return Math.floor(e / bt) * bt;
 		case "day": return Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate());
 		case "week": {
 			let e = (r.getUTCDay() + 6) % 7;
@@ -1012,7 +1076,7 @@ function Tt(e, t, n) {
 	}
 	switch (t) {
 		case "second": return Math.floor(e / Z) * Z;
-		case "minute": return Math.floor(e / mt) * mt;
+		case "minute": return Math.floor(e / Q) * Q;
 		case "hour": return new Date(r.getFullYear(), r.getMonth(), r.getDate(), r.getHours()).getTime();
 		case "day": return new Date(r.getFullYear(), r.getMonth(), r.getDate()).getTime();
 		case "week": {
@@ -1023,11 +1087,11 @@ function Tt(e, t, n) {
 		case "year": return new Date(r.getFullYear(), 0, 1).getTime();
 	}
 }
-function Et(e, t, n, r) {
+function Mt(e, t, n, r) {
 	if (t === "second") return e + n * Z;
-	if (t === "minute") return e + n * mt;
-	if (t === "hour" && r === "utc") return e + n * Q;
-	if (t === "week" && r === "utc") return e + n * gt;
+	if (t === "minute") return e + n * Q;
+	if (t === "hour" && r === "utc") return e + n * bt;
+	if (t === "week" && r === "utc") return e + n * St;
 	let i = new Date(e);
 	if (r === "utc") switch (t) {
 		case "day": return Date.UTC(i.getUTCFullYear(), i.getUTCMonth(), i.getUTCDate() + n, i.getUTCHours(), i.getUTCMinutes(), i.getUTCSeconds(), i.getUTCMilliseconds());
@@ -1043,21 +1107,21 @@ function Et(e, t, n, r) {
 	}
 	return e;
 }
-function Dt(e, t, n, r) {
+function Nt(e, t, n, r) {
 	if (!Number.isFinite(e) || !Number.isFinite(t) || e >= t || n < 1) return {
 		values: [],
 		unit: "day"
 	};
-	let { unit: i, step: a } = wt(t - e, n), o = Tt(e, i, r), s = 0;
-	for (; o < e && s < bt;) o = Et(o, i, a, r), s++;
+	let { unit: i, step: a } = At(t - e, n), o = jt(e, i, r), s = 0;
+	for (; o < e && s < Et;) o = Mt(o, i, a, r), s++;
 	let c = [];
-	for (let e = 0; e < bt && o <= t; e++) c.push(o), o = Et(o, i, a, r);
+	for (let e = 0; e < Et && o <= t; e++) c.push(o), o = Mt(o, i, a, r);
 	return {
 		values: c,
 		unit: i
 	};
 }
-var Ot = {
+var Pt = {
 	iso: {
 		year: "numeric",
 		month: "2-digit",
@@ -1095,7 +1159,7 @@ var Ot = {
 		hourCycle: "h23"
 	},
 	medium: { dateStyle: "medium" }
-}, kt = {
+}, Ft = {
 	year: "year",
 	month: "month-year",
 	week: "month-day",
@@ -1107,27 +1171,27 @@ var Ot = {
 function $(e) {
 	return e < 10 ? "0" + e : String(e);
 }
-function At(e, t) {
+function It(e, t) {
 	let n = new Date(e);
 	return t === "utc" ? `${n.getUTCFullYear()}-${$(n.getUTCMonth() + 1)}-${$(n.getUTCDate())}` : `${n.getFullYear()}-${$(n.getMonth() + 1)}-${$(n.getDate())}`;
 }
-function jt(e, t) {
+function Lt(e, t) {
 	let n = new Date(e);
 	return t === "utc" ? `${n.getUTCFullYear()}-${$(n.getUTCMonth() + 1)}-${$(n.getUTCDate())}T${$(n.getUTCHours())}:${$(n.getUTCMinutes())}:${$(n.getUTCSeconds())}Z` : `${n.getFullYear()}-${$(n.getMonth() + 1)}-${$(n.getDate())}T${$(n.getHours())}:${$(n.getMinutes())}:${$(n.getSeconds())}`;
 }
-function Mt(e) {
-	return e in Ot;
+function Rt(e) {
+	return e in Pt;
 }
-function Nt(e, t, n, r) {
+function zt(e, t, n, r) {
 	if (typeof t == "function") return t(e, r);
 	let i = null, a;
-	if (t === void 0) i = r ? kt[r] : "iso", a = Ot[i];
+	if (t === void 0) i = r ? Ft[r] : "iso", a = Pt[i];
 	else if (typeof t == "string") {
-		if (!Mt(t)) throw Error(`Unknown date format preset: "${t}"`);
-		i = t, a = Ot[i];
+		if (!Rt(t)) throw Error(`Unknown date format preset: "${t}"`);
+		i = t, a = Pt[i];
 	} else a = t;
-	if (i === "iso") return At(e, n);
-	if (i === "iso-datetime") return jt(e, n);
+	if (i === "iso") return It(e, n);
+	if (i === "iso-datetime") return Lt(e, n);
 	let o = n === "utc" ? {
 		...a,
 		timeZone: "UTC"
@@ -1136,68 +1200,68 @@ function Nt(e, t, n, r) {
 }
 //#endregion
 //#region src/LineChart/LineChart.vue?vue&type=script&setup=true&lang.ts
-var Pt = {
+var Bt = {
 	class: "chart-sr-only",
 	"aria-live": "polite"
-}, Ft = ["width", "height"], It = [
+}, Vt = ["width", "height"], Ht = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"font-weight",
 	"fill"
-], Lt = ["x", "dy"], Rt = { key: 1 }, zt = [
+], Ut = ["x", "dy"], Wt = { key: 1 }, Gt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], Bt = [
+], Kt = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], Vt = [
+], qt = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], Ht = [
+], Jt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Ut = [
+], Yt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Wt = [
+], Xt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Gt = [
+], Zt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Kt = [
+], Qt = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], qt = [
+], $t = [
 	"transform",
 	"font-size",
 	"fill",
 	"font-weight"
-], Jt = [
+], en = [
 	"x",
 	"y",
 	"text-anchor",
@@ -1205,39 +1269,39 @@ var Pt = {
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Yt = [
+], tn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], Xt = [
+], nn = [
 	"d",
 	"fill",
 	"fill-opacity"
-], Zt = ["d", "stroke-width"], Qt = [
+], rn = ["d", "stroke-width"], an = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], $t = [
+], on = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], en = [
+], sn = [
 	"d",
 	"fill",
 	"fill-opacity"
-], tn = [
+], cn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], nn = [
+], ln = [
 	"x1",
 	"y1",
 	"x2",
@@ -1245,7 +1309,7 @@ var Pt = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], rn = [
+], un = [
 	"x1",
 	"y1",
 	"x2",
@@ -1253,53 +1317,53 @@ var Pt = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], an = [
+], dn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], on = [
+], fn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], sn = [
+], pn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], cn = [
+], mn = [
 	"cx",
 	"cy",
 	"fill"
-], ln = [
+], hn = [
 	"x",
 	"y",
 	"width",
 	"height"
-], un = [
+], gn = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], dn = [
+], _n = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"fill"
-], fn = [
+], vn = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"fill",
 	"fill-opacity"
-], pn = { class: "line-chart-tooltip" }, mn = {
+], yn = { class: "line-chart-tooltip" }, bn = {
 	key: 0,
 	class: "line-chart-tooltip-label"
-}, hn = ["href", "download"], gn = 36, _n = 12, vn = 7, yn = 16, bn = /* @__PURE__ */ F(/* @__PURE__ */ l({
+}, xn = ["href", "download"], Sn = 36, Cn = 12, wn = 7, Tn = 16, En = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	__name: "LineChart",
 	props: {
 		y: {},
@@ -1341,6 +1405,7 @@ var Pt = {
 		csv: {},
 		filename: {},
 		downloadLink: { type: [Boolean, String] },
+		downloadButton: { type: [Boolean, String] },
 		annotations: {},
 		chartPadding: {}
 	},
@@ -1351,17 +1416,17 @@ var Pt = {
 			if (e.x && e.x.length > 0 && (yield e.x), e.series) for (let t of e.series) t.x && t.x.length > 0 && (yield t.x);
 			if (e.areas) for (let t of e.areas) t.x && t.x.length > 0 && (yield t.x);
 		}
-		function x(e, t, n) {
+		function S(e, t, n) {
 			if (!e) return;
 			if (!t) return e;
 			let r = new Float64Array(e.length);
-			for (let t = 0; t < e.length; t++) r[t] = xt(e[t], n) ?? NaN;
+			for (let t = 0; t < e.length; t++) r[t] = Dt(e[t], n) ?? NaN;
 			return r;
 		}
-		let C = dt(() => l.tooltipValueFormat, () => l.yTickFormat), w = n(() => l.timezone ?? "utc"), T = n(() => {
-			let e = w.value, t = !1, n = !1;
+		let w = dt(() => l.tooltipValueFormat, () => l.yTickFormat), T = n(() => l.timezone ?? "utc"), E = n(() => {
+			let e = T.value, t = !1, n = !1;
 			for (let r of v(l)) {
-				if (n = !0, !Ct(r, e)) {
+				if (n = !0, !kt(r, e)) {
 					t = !1;
 					break;
 				}
@@ -1371,44 +1436,44 @@ var Pt = {
 			let r = l.series && l.series.length > 0 ? l.series.map((n) => ({
 				...n,
 				data: n.y ?? n.data ?? g,
-				x: x(n.x, t, e)
+				x: S(n.x, t, e)
 			})) : (() => {
 				let n = l.y ?? l.data;
 				return n ? [{
 					data: n,
-					x: x(l.x, t, e)
+					x: S(l.x, t, e)
 				}] : [];
 			})(), i = (l.areas ?? []).map((n) => ({
 				...n,
-				x: x(n.x, t, e)
+				x: S(n.x, t, e)
 			}));
 			return {
 				isDate: t,
 				series: r,
 				areas: i
 			};
-		}), E = n(() => T.value.isDate), D = n(() => T.value.series), O = n(() => T.value.areas), re = n(() => {
+		}), D = n(() => E.value.isDate), O = n(() => E.value.series), k = n(() => E.value.areas), ne = n(() => {
 			let e = 0;
-			for (let t of D.value) t.data.length > e && (e = t.data.length);
-			for (let t of O.value) t.upper.length > e && (e = t.upper.length), t.lower.length > e && (e = t.lower.length);
+			for (let t of O.value) t.data.length > e && (e = t.data.length);
+			for (let t of k.value) t.upper.length > e && (e = t.upper.length), t.lower.length > e && (e = t.lower.length);
 			return e;
-		}), k = n(() => D.value.some((e) => e.x != null) || O.value.some((e) => e.x != null));
-		function A(e, t) {
+		}), A = n(() => O.value.some((e) => e.x != null) || k.value.some((e) => e.x != null));
+		function j(e, t) {
 			return e.x ? Number(e.x[t]) : t;
 		}
-		function ie(e, t) {
+		function re(e, t) {
 			return e.x ? Number(e.x[t]) : t;
 		}
-		let j = n(() => k.value ? 0 : l.xMin ?? 0), ae = n(() => {
+		let M = n(() => A.value ? 0 : l.xMin ?? 0), ie = n(() => {
 			let e = Infinity, t = -Infinity;
-			for (let n of D.value) for (let r = 0; r < n.data.length; r++) {
-				let i = A(n, r);
+			for (let n of O.value) for (let r = 0; r < n.data.length; r++) {
+				let i = j(n, r);
 				isFinite(i) && (i < e && (e = i), i > t && (t = i));
 			}
-			for (let n of O.value) {
+			for (let n of k.value) {
 				let r = Math.max(n.upper.length, n.lower.length);
 				for (let i = 0; i < r; i++) {
-					let r = ie(n, i);
+					let r = re(n, i);
 					isFinite(r) && (r < e && (e = r), r > t && (t = r));
 				}
 			}
@@ -1420,16 +1485,16 @@ var Pt = {
 				max: 0
 			};
 		});
-		function M(e) {
-			let { min: t, max: n } = ae.value, r = n - t || 1;
-			return U.value.left + (e - t) / r * W.value;
+		function N(e) {
+			let { min: t, max: n } = ie.value, r = n - t || 1;
+			return U.value.left + (e - t) / r * G.value;
 		}
-		let oe = n(() => {
+		let ae = 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 D.value) for (let t of e.data) r(t);
-			for (let e of O.value) {
+			for (let e of O.value) for (let t of e.data) r(t);
+			for (let e of k.value) {
 				for (let t of e.upper) r(t);
 				for (let t of e.lower) r(t);
 			}
@@ -1439,90 +1504,90 @@ var Pt = {
 				range: 1
 			};
 			l.yMin != null && l.yMin < e && (e = l.yMin);
-			let i = Se(e, t, l.yScaleType, n);
+			let i = be(e, t, l.yScaleType, n);
 			return {
 				min: i.min,
 				max: i.max,
 				range: i.max - i.min || 1
 			};
 		});
-		function se(e) {
-			let { min: t, max: n } = oe.value;
-			return U.value.top + G.value - xe(e, t, n, l.yScaleType) * G.value;
+		function P(e) {
+			let { min: t, max: n } = ae.value;
+			return U.value.top + K.value - ye(e, t, n, l.yScaleType) * K.value;
 		}
-		function ce(e) {
+		function oe(e) {
 			let t = e.data;
 			if (t.length === 0) return "";
 			let n = "", r = !1;
 			for (let i = 0; i < t.length; i++) {
-				let a = A(e, i);
+				let a = j(e, i);
 				if (!isFinite(t[i]) || !isFinite(a)) {
 					r = !1;
 					continue;
 				}
-				let o = M(a), s = se(t[i]);
+				let o = N(a), s = P(t[i]);
 				n += r ? `L${o},${s}` : `M${o},${s}`, r = !0;
 			}
 			return n;
 		}
-		function le(e) {
+		function se(e) {
 			let t = e.data, n = [];
 			for (let r = 0; r < t.length; r++) {
-				let i = A(e, r);
+				let i = j(e, r);
 				!isFinite(t[r]) || !isFinite(i) || n.push({
-					x: M(i),
-					y: se(t[r])
+					x: N(i),
+					y: P(t[r])
 				});
 			}
 			return n;
 		}
-		function ue(e) {
+		function ce(e) {
 			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(ie(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(re(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${M(ie(e, t[0]))},${se(e.upper[t[0]])}`;
-				for (let n = 1; n < t.length; n++) i += `L${M(ie(e, t[n]))},${se(e.upper[t[n]])}`;
-				for (let n = t.length - 1; n >= 0; n--) i += `L${M(ie(e, t[n]))},${se(e.lower[t[n]])}`;
+				i += `M${N(re(e, t[0]))},${P(e.upper[t[0]])}`;
+				for (let n = 1; n < t.length; n++) i += `L${N(re(e, t[n]))},${P(e.upper[t[n]])}`;
+				for (let n = t.length - 1; n >= 0; n--) i += `L${N(re(e, t[n]))},${P(e.lower[t[n]])}`;
 				i += "Z";
 			}
 			return i;
 		}
-		function N(e, t) {
-			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && D.value[e.seriesIndex] || D.value[0];
-			return M(r ? A(r, n) : n);
+		function F(e, t) {
+			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && O.value[e.seriesIndex] || O.value[0];
+			return N(r ? j(r, n) : n);
 		}
-		function de(e, t = !0) {
-			let n = U.value.top + G.value;
+		function le(e, t = !0) {
+			let n = U.value.top + K.value;
 			if (e.seriesIndex == null) {
-				let t = N(e, "start"), r = N(e, "end");
+				let t = F(e, "start"), r = F(e, "end");
 				return t > r ? "" : `M${t},${U.value.top}L${r},${U.value.top}L${r},${n}L${t},${n}Z`;
 			}
-			let r = D.value[e.seriesIndex];
+			let r = O.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${M(A(r, i))},${se(r.data[i])}`;
-			for (let e = i + 1; e <= a; e++) isFinite(r.data[e]) && (o += `L${M(A(r, e))},${se(r.data[e])}`);
-			return t && (o += `L${M(A(r, a))},${n}`, o += `L${M(A(r, i))},${n}`, o += "Z"), o;
+			let o = `M${N(j(r, i))},${P(r.data[i])}`;
+			for (let e = i + 1; e <= a; e++) isFinite(r.data[e]) && (o += `L${N(j(r, e))},${P(r.data[e])}`);
+			return t && (o += `L${N(j(r, a))},${n}`, o += `L${N(j(r, i))},${n}`, o += "Z"), o;
 		}
-		let fe = n(() => {
+		let ue = n(() => {
 			let e = l.areaSections;
 			if (!e?.length) return {
 				labels: [],
 				extraHeight: 0
 			};
-			let t = [], n = U.value.left + W.value;
+			let t = [], n = U.value.left + G.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) * vn, o = N(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : D.value[r.seriesIndex]?.color ?? "currentColor"), u = z({
+				let e = r.label ?? "", i = r.description ?? "", a = Math.max(e.length, i.length) * wn, o = F(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : O.value[r.seriesIndex]?.color ?? "currentColor"), u = V({
 					color: l,
 					fontWeight: 600,
 					...r.inlineLabelStyle
-				}, { fontSize: 11 }), d = z(r.inlineDescriptionStyle, {
+				}, { fontSize: 11 }), d = V(r.inlineDescriptionStyle, {
 					fontSize: 11,
 					fillOpacity: .6
 				});
@@ -1542,7 +1607,7 @@ var Pt = {
 			let r = [];
 			for (let e of t) {
 				let t = e.cx - e.textWidth / 2, n = 0;
-				for (; n < r.length && !(t >= r[n] + yn);) n++;
+				for (; n < r.length && !(t >= r[n] + Tn);) n++;
 				e.row = n;
 				let i = e.cx + e.textWidth / 2;
 				r[n] = Math.max(r[n] ?? -Infinity, i);
@@ -1552,11 +1617,11 @@ var Pt = {
 				extraHeight: 0
 			} : {
 				labels: t,
-				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * gn + _n
+				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * Sn + Cn
 			};
-		}), P = n(() => {
+		}), I = n(() => {
 			let e = [];
-			for (let t of D.value) !t.legend || t.showInLegend === !1 || e.push({
+			for (let t of O.value) !t.legend || t.showInLegend === !1 || e.push({
 				label: t.legend,
 				color: t.color ?? "currentColor",
 				type: "series",
@@ -1565,7 +1630,7 @@ var Pt = {
 			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" : D.value[n.seriesIndex]?.color ?? "currentColor");
+				let t = [n.label, n.description].filter(Boolean).join(" "), r = n.color ?? (n.seriesIndex == null ? "#999" : O.value[n.seriesIndex]?.color ?? "currentColor");
 				e.push({
 					label: t,
 					color: r,
@@ -1574,106 +1639,106 @@ var Pt = {
 				});
 			}
 			return e;
-		}), pe = n(() => P.value.map((e) => e.label)), me = n(() => H.value + fe.value.extraHeight), F = n(() => U.value.top + G.value + U.value.bottom + _n), ge = n(() => {
-			let { min: e, max: t } = oe.value, n = (e) => l.yTickFormat === void 0 ? ye(e) : ne(e, l.yTickFormat);
+		}), de = n(() => I.value.map((e) => e.label)), fe = n(() => Me.value + ue.value.extraHeight), L = n(() => U.value.top + K.value + U.value.bottom + Cn), me = n(() => {
+			let { min: e, max: t } = ae.value, n = (e) => l.yTickFormat === void 0 ? _e(e) : te(e, l.yTickFormat);
 			return e === t ? [{
 				value: n(e),
-				y: I(U.value.top + G.value / 2)
-			}] : (l.yScaleType === "log" ? L({
+				y: R(U.value.top + K.value / 2)
+			}] : (l.yScaleType === "log" ? z({
 				min: e,
 				max: t,
 				ticks: l.yTicks
-			}) : be({
+			}) : ve({
 				min: e,
 				max: t,
 				ticks: l.yTicks,
-				targetTickCount: G.value / 50
+				targetTickCount: K.value / 50
 			})).map((e) => ({
 				value: n(e),
-				y: I(se(e))
+				y: R(P(e))
 			}));
 		});
-		function _e(e, t, n) {
+		function he(e, t, n) {
 			let r = l.xTickFormat;
-			if (E.value) return typeof r == "function" ? r(e, t) : Nt(e, r, w.value, n);
-			let i = e + j.value;
-			return r === void 0 ? !k.value && l.xLabels && Number.isInteger(e) && e >= 0 && e < l.xLabels.length ? l.xLabels[e] : ye(i) : typeof r == "function" ? r(i, t) : ne(i, r);
+			if (D.value) return typeof r == "function" ? r(e, t) : zt(e, r, T.value, n);
+			let i = e + M.value;
+			return r === void 0 ? !A.value && l.xLabels && Number.isInteger(e) && e >= 0 && e < l.xLabels.length ? l.xLabels[e] : _e(i) : typeof r == "function" ? r(i, t) : te(i, r);
 		}
-		let ve = n(() => {
-			let { min: e, max: t } = ae.value;
+		let ge = n(() => {
+			let { min: e, max: t } = ie.value;
 			if (e === t) return [];
-			let n = E.value, r = n ? 0 : j.value, i = re.value, a = W.value / 80, o, s;
+			let n = D.value, r = n ? 0 : M.value, i = ne.value, a = G.value / 80, o, s;
 			if (n) {
-				let n = Dt(e, t, a, w.value);
-				s = n.unit, o = be({
+				let n = Nt(e, t, a, T.value);
+				s = n.unit, o = ve({
 					min: e,
 					max: t,
 					ticks: n.values
 				});
-			} else if (l.xTicks == null && !k.value && l.xLabels && l.xLabels.length === i) {
+			} else if (l.xTicks == null && !A.value && l.xLabels && l.xLabels.length === i) {
 				let e = Math.max(3, Math.floor(a)), t = Math.max(1, Math.round((i - 1) / e));
 				o = [];
 				for (let e = 0; e < i; e += t) o.push(e);
-			} else o = be({
+			} else o = ve({
 				min: e,
 				max: t,
 				ticks: l.xTicks,
 				targetTickCount: a,
 				displayOffset: r
 			});
-			let c = U.value.left, u = U.value.left + W.value;
+			let c = U.value.left, u = U.value.left + G.value;
 			return o.map((e, t) => {
-				let n = I(M(e)), r = "middle";
+				let n = R(N(e)), r = "middle";
 				return n - c <= 1 ? r = "start" : u - n <= 1 && (r = "end"), {
-					value: _e(e, t, s),
+					value: he(e, t, s),
 					x: n,
 					anchor: r
 				};
 			});
 		});
-		function Ce() {
-			return typeof l.csv == "function" ? l.csv() : typeof l.csv == "string" ? l.csv : Be(D.value);
+		function xe() {
+			return typeof l.csv == "function" ? l.csv() : typeof l.csv == "string" ? l.csv : He(O.value);
 		}
-		let R = n(() => !!l.tooltipData || !!l.tooltipTrigger), Te = n(() => {
-			let e = K.value, t = D.value[0];
-			return e === null || !t ? null : A(t, e);
-		}), Ee = n(() => Te.value === null ? 0 : M(Te.value));
-		function De(e, t) {
+		let B = n(() => !!l.tooltipData || !!l.tooltipTrigger), Ce = n(() => {
+			let e = Fe.value, t = O.value[0];
+			return e === null || !t ? null : j(t, e);
+		}), we = n(() => Ce.value === null ? 0 : N(Ce.value));
+		function Te(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 = A(e, a);
+				let n = j(e, a);
 				if (!isFinite(n)) continue;
 				let o = Math.abs(n - t);
 				o < i && (i = o, r = a);
 			}
 			return i === Infinity ? null : r;
 		}
-		let Oe = n(() => {
-			let e = Te.value;
+		let Ee = n(() => {
+			let e = Ce.value;
 			if (e === null) return [];
 			let t = [];
-			for (let n of D.value) {
+			for (let n of O.value) {
 				if (n.showInTooltip === !1) continue;
-				let r = De(n, e);
+				let r = Te(n, e);
 				if (r === null) continue;
 				let i = n.data[r];
 				isFinite(i) && t.push({
-					x: M(A(n, r)),
-					y: se(i),
+					x: N(j(n, r)),
+					y: P(i),
 					color: n.color ?? "currentColor"
 				});
 			}
 			return t;
-		}), ke = n(() => {
-			let e = K.value, t = Te.value;
+		}), De = n(() => {
+			let e = Fe.value, t = Ce.value;
 			if (e === null || t === null) return null;
-			let n = _e(t, e), r = D.value, i = [];
+			let n = he(t, e), r = O.value, i = [];
 			for (let e = 0; e < r.length; e++) {
 				let n = r[e];
 				if (n.showInTooltip === !1) continue;
-				let a = De(n, t);
+				let a = Te(n, t);
 				i.push({
 					value: a === null ? NaN : Number(n.data[a]),
 					color: n.color ?? "currentColor",
@@ -1687,21 +1752,21 @@ var Pt = {
 				data: l.tooltipData?.[e] ?? null
 			};
 		});
-		function Ae(e, t) {
+		function Oe(e, t) {
 			return !isFinite(e) || !isFinite(t) ? null : {
-				x: M(e - j.value),
-				y: se(t)
+				x: N(e - M.value),
+				y: P(t)
 			};
 		}
-		function B(e) {
-			let t = je.value?.getBoundingClientRect();
+		function ke(e) {
+			let t = Ae.value?.getBoundingClientRect();
 			if (!t) return null;
-			let n = D.value[0];
+			let n = O.value[0];
 			if (!n || n.data.length === 0) return null;
-			let { min: r, max: i } = ae.value, a = i - r || 1;
-			return De(n, r + (e - t.left - U.value.left) / W.value * a);
+			let { min: r, max: i } = ie.value, a = i - r || 1;
+			return Te(n, r + (e - t.left - U.value.left) / G.value * a);
 		}
-		let { containerRef: je, svgRef: Me, width: V, height: H, padding: U, legendY: Ne, inlineLegendLayout: Pe, innerW: W, innerH: G, bounds: Fe, hoverIndex: K, tooltipRef: Ie, tooltipPos: Le, tooltipHandlers: Re, menuItems: q, downloadLinkText: J, csvHref: ze, menuFilename: Ve, isFullscreen: He } = ut({
+		let { containerRef: Ae, svgRef: H, width: je, height: Me, padding: U, legendY: W, inlineLegendLayout: Ne, innerW: G, innerH: K, bounds: Pe, hoverIndex: Fe, tooltipRef: Ie, tooltipPos: Le, tooltipHandlers: Re, menuItems: ze, downloadLinkText: Be, csvHref: Ve, downloadButtonText: Ue, triggerCsvDownload: q, menuFilename: J, isFullscreen: We } = ut({
 			width: () => l.width,
 			height: () => l.height,
 			title: () => l.title,
@@ -1714,18 +1779,19 @@ var Pt = {
 			tooltipClamp: () => l.tooltipClamp,
 			filename: () => l.filename,
 			downloadLink: () => l.downloadLink,
+			downloadButton: () => l.downloadButton,
 			chartPadding: () => l.chartPadding,
-			inlineLegendLabels: () => pe.value,
-			hasTooltipSlot: () => R.value,
-			getCsv: Ce,
-			pointerToIndex: B,
+			inlineLegendLabels: () => de.value,
+			hasTooltipSlot: () => B.value,
+			getCsv: xe,
+			pointerToIndex: ke,
 			onHover: (e) => h("hover", e),
-			extraBelowHeight: () => fe.value.extraHeight
-		}), Ue = n(() => z(l.axisLabelStyle, { fontSize: 13 })), Y = n(() => z(l.tickLabelStyle, {
+			extraBelowHeight: () => ue.value.extraHeight
+		}), Ge = n(() => V(l.axisLabelStyle, { fontSize: 13 })), Y = n(() => V(l.tickLabelStyle, {
 			fontSize: 10,
-			fillOpacity: we
-		})), We = n(() => z(l.legendStyle, { fontSize: 11 })), X = n(() => {
-			let e = l.titleStyle, t = e?.align ?? "left", n = Fe.value, r = t === "left" ? n.left : t === "right" ? n.right : n.left + n.width / 2, i = t === "left" ? "start" : t === "right" ? "end" : "middle";
+			fillOpacity: Se
+		})), Ke = n(() => V(l.legendStyle, { fontSize: 11 })), X = n(() => {
+			let e = l.titleStyle, t = e?.align ?? "left", n = Pe.value, r = t === "left" ? n.left : t === "right" ? n.right : n.left + n.width / 2, i = t === "left" ? "start" : t === "right" ? "end" : "middle";
 			return {
 				lines: (l.title ?? "").split("\n"),
 				fontSize: e?.fontSize ?? 14,
@@ -1735,9 +1801,9 @@ var Pt = {
 				x: r,
 				anchor: i
 			};
-		}), Ge = n(() => {
-			let e = Pe.value.positions, t = U.value.left, n = Ne.value;
-			return P.value.map((r, i) => {
+		}), qe = n(() => {
+			let e = Ne.value.positions, t = U.value.left, n = W.value;
+			return I.value.map((r, i) => {
 				let a = e[i];
 				return {
 					...r,
@@ -1748,19 +1814,19 @@ var Pt = {
 		});
 		return (n, c) => (_(), a("div", {
 			ref_key: "containerRef",
-			ref: je,
-			class: f(["line-chart-wrapper", { "is-fullscreen": S(He) }])
+			ref: Ae,
+			class: f(["line-chart-wrapper", { "is-fullscreen": C(We) }])
 		}, [
-			t.menu ? (_(), r(he, {
+			t.menu ? (_(), r(pe, {
 				key: 0,
-				items: S(q)
+				items: C(ze)
 			}, null, 8, ["items"])) : i("", !0),
-			o("div", Pt, b(S(He) ? "Chart expanded to fill window" : ""), 1),
+			o("div", Bt, x(C(We) ? "Chart expanded to fill window" : ""), 1),
 			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: Me,
-				width: S(V),
-				height: me.value
+				ref: H,
+				width: C(je),
+				height: fe.value
 			}, [
 				t.title ? (_(), a("text", {
 					key: 0,
@@ -1774,8 +1840,8 @@ var Pt = {
 					key: t,
 					x: X.value.x,
 					dy: t === 0 ? 0 : X.value.lineHeight
-				}, b(e), 9, Lt))), 128))], 8, It)) : i("", !0),
-				Ge.value.length > 0 ? (_(), a("g", Rt, [(_(!0), a(e, null, y(Ge.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
+				}, x(e), 9, Ut))), 128))], 8, Ht)) : i("", !0),
+				qe.value.length > 0 ? (_(), a("g", Wt, [(_(!0), a(e, null, y(qe.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
 					key: 0,
 					x1: t.x,
 					y1: t.y,
@@ -1784,7 +1850,7 @@ var Pt = {
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, zt)) : (_(), a("circle", {
+				}, null, 8, Gt)) : (_(), a("circle", {
 					key: 1,
 					cx: t.x + 4,
 					cy: t.y,
@@ -1793,51 +1859,51 @@ var Pt = {
 					"fill-opacity": t.fillOpacity,
 					stroke: t.color,
 					"stroke-width": "1.5"
-				}, null, 8, Bt)), o("text", {
+				}, null, 8, Kt)), o("text", {
 					x: t.x + 18,
 					y: t.y + 4,
-					"font-size": We.value.fontSize,
-					fill: We.value.fill,
-					"font-weight": We.value.fontWeight
-				}, b(t.label), 9, Vt)], 64))), 128))])) : i("", !0),
+					"font-size": Ke.value.fontSize,
+					fill: Ke.value.fill,
+					"font-weight": Ke.value.fontWeight
+				}, x(t.label), 9, qt)], 64))), 128))])) : i("", !0),
 				o("line", {
-					x1: S(I)(S(U).left),
-					y1: S(I)(S(U).top),
-					x2: S(I)(S(U).left),
-					y2: S(I)(S(U).top + S(G)),
+					x1: C(R)(C(U).left),
+					y1: C(R)(C(U).top),
+					x2: C(R)(C(U).left),
+					y2: C(R)(C(U).top + C(K)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Ht),
+				}, null, 8, Jt),
 				o("line", {
-					x1: S(I)(S(U).left),
-					y1: S(I)(S(U).top + S(G)),
-					x2: S(I)(S(U).left + S(W)),
-					y2: S(I)(S(U).top + S(G)),
+					x1: C(R)(C(U).left),
+					y1: C(R)(C(U).top + C(K)),
+					x2: C(R)(C(U).left + C(G)),
+					y2: C(R)(C(U).top + C(K)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Ut),
-				t.yGrid ? (_(!0), a(e, { key: 2 }, y(ge.value, (e, t) => (_(), a("line", {
+				}, null, 8, Yt),
+				t.yGrid ? (_(!0), a(e, { key: 2 }, y(me.value, (e, t) => (_(), a("line", {
 					key: "yg" + t,
-					x1: S(U).left,
+					x1: C(U).left,
 					y1: e.y,
-					x2: S(U).left + S(W),
+					x2: C(U).left + C(G),
 					y2: e.y,
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Wt))), 128)) : i("", !0),
-				t.xGrid ? (_(!0), a(e, { key: 3 }, y(ve.value, (e, t) => (_(), a("line", {
+				}, null, 8, Xt))), 128)) : i("", !0),
+				t.xGrid ? (_(!0), a(e, { key: 3 }, y(ge.value, (e, t) => (_(), a("line", {
 					key: "xg" + t,
 					x1: e.x,
-					y1: S(U).top,
+					y1: C(U).top,
 					x2: e.x,
-					y2: S(U).top + S(G),
+					y2: C(U).top + C(K),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Gt))), 128)) : i("", !0),
-				(_(!0), a(e, null, y(ge.value, (e, t) => (_(), a("text", {
+				}, null, 8, Zt))), 128)) : i("", !0),
+				(_(!0), a(e, null, y(me.value, (e, t) => (_(), a("text", {
 					key: "y" + t,
 					"data-testid": "y-tick",
-					x: S(U).left - 6,
+					x: C(U).left - 6,
 					y: e.y,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
@@ -1845,66 +1911,66 @@ var Pt = {
 					fill: Y.value.fill,
 					"font-weight": Y.value.fontWeight,
 					"fill-opacity": Y.value.fillOpacity
-				}, b(e.value), 9, Kt))), 128)),
+				}, x(e.value), 9, Qt))), 128)),
 				t.yLabel ? (_(), a("text", {
 					key: 4,
 					x: 0,
 					y: 0,
-					transform: `translate(14, ${S(U).top + S(G) / 2}) rotate(-90)`,
+					transform: `translate(14, ${C(U).top + C(K) / 2}) rotate(-90)`,
 					"text-anchor": "middle",
-					"font-size": Ue.value.fontSize,
-					fill: Ue.value.fill,
-					"font-weight": Ue.value.fontWeight
-				}, b(t.yLabel), 9, qt)) : i("", !0),
-				(_(!0), a(e, null, y(ve.value, (e, t) => (_(), a("text", {
+					"font-size": Ge.value.fontSize,
+					fill: Ge.value.fill,
+					"font-weight": Ge.value.fontWeight
+				}, x(t.yLabel), 9, $t)) : i("", !0),
+				(_(!0), a(e, null, y(ge.value, (e, t) => (_(), a("text", {
 					key: "x" + t,
 					"data-testid": "x-tick",
 					x: e.x,
-					y: S(U).top + S(G) + 16,
+					y: C(U).top + C(K) + 16,
 					"text-anchor": e.anchor,
 					"font-size": Y.value.fontSize,
 					fill: Y.value.fill,
 					"font-weight": Y.value.fontWeight,
 					"fill-opacity": Y.value.fillOpacity
-				}, b(e.value), 9, Jt))), 128)),
+				}, x(e.value), 9, en))), 128)),
 				t.xLabel ? (_(), a("text", {
 					key: 5,
-					x: S(U).left + S(W) / 2,
-					y: S(H) - 4,
+					x: C(U).left + C(G) / 2,
+					y: C(Me) - 4,
 					"text-anchor": "middle",
-					"font-size": Ue.value.fontSize,
-					fill: Ue.value.fill,
-					"font-weight": Ue.value.fontWeight
-				}, b(t.xLabel), 9, Yt)) : i("", !0),
-				(_(!0), a(e, null, y(O.value, (e, t) => (_(), a("path", {
+					"font-size": Ge.value.fontSize,
+					fill: Ge.value.fill,
+					"font-weight": Ge.value.fontWeight
+				}, x(t.xLabel), 9, tn)) : i("", !0),
+				(_(!0), a(e, null, y(k.value, (e, t) => (_(), a("path", {
 					key: "area" + t,
-					d: ue(e),
+					d: ce(e),
 					fill: e.color ?? "currentColor",
 					"fill-opacity": e.opacity ?? .2,
 					stroke: "none"
-				}, null, 8, Xt))), 128)),
-				(_(!0), a(e, null, y(D.value, (n, r) => (_(), a(e, { key: r }, [
+				}, null, 8, nn))), 128)),
+				(_(!0), a(e, null, y(O.value, (n, r) => (_(), a(e, { key: r }, [
 					n.line !== !1 && n.outline ? (_(), a("path", {
 						key: 0,
-						d: ce(n),
+						d: oe(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, Zt)) : i("", !0),
+					}, null, 8, rn)) : i("", !0),
 					n.line === !1 ? i("", !0) : (_(), a("path", {
 						key: 1,
-						d: ce(n),
+						d: oe(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,
 						style: m(n.blendMode ? { mixBlendMode: n.blendMode } : void 0)
-					}, null, 12, Qt)),
-					n.dots ? (_(!0), a(e, { key: 2 }, y(le(n), (e, r) => (_(), a("circle", {
+					}, null, 12, an)),
+					n.dots ? (_(!0), a(e, { key: 2 }, y(se(n), (e, r) => (_(), a("circle", {
 						key: r,
 						cx: e.x,
 						cy: e.y,
@@ -1913,69 +1979,69 @@ var Pt = {
 						"fill-opacity": n.dotOpacity ?? n.opacity ?? t.lineOpacity,
 						stroke: n.dotStroke ?? "none",
 						style: m(n.blendMode ? { mixBlendMode: n.blendMode } : void 0)
-					}, null, 12, $t))), 128)) : i("", !0)
+					}, null, 12, on))), 128)) : i("", !0)
 				], 64))), 128)),
 				(_(!0), a(e, null, y(t.areaSections ?? [], (t, n) => (_(), a(e, { key: "areasec" + n }, [
 					o("path", {
-						d: de(t),
-						fill: t.color ?? (t.seriesIndex == null ? "#999" : D.value[t.seriesIndex]?.color ?? "currentColor"),
+						d: le(t),
+						fill: t.color ?? (t.seriesIndex == null ? "#999" : O.value[t.seriesIndex]?.color ?? "currentColor"),
 						"fill-opacity": t.opacity ?? .15,
 						stroke: "none"
-					}, null, 8, en),
+					}, null, 8, sn),
 					t.seriesIndex == null ? i("", !0) : (_(), a("path", {
 						key: 0,
-						d: de(t, !1),
+						d: le(t, !1),
 						fill: "none",
-						stroke: t.color ?? D.value[t.seriesIndex]?.color ?? "currentColor",
+						stroke: t.color ?? O.value[t.seriesIndex]?.color ?? "currentColor",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, tn)),
+					}, null, 8, cn)),
 					t.seriesIndex == null ? (_(), a(e, { key: 1 }, [o("line", {
-						x1: S(I)(N(t, "start")),
-						y1: S(U).top,
-						x2: S(I)(N(t, "start")),
-						y2: S(U).top + S(G),
+						x1: C(R)(F(t, "start")),
+						y1: C(U).top,
+						x2: C(R)(F(t, "start")),
+						y2: C(U).top + C(K),
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, nn), o("line", {
-						x1: S(I)(N(t, "end")),
-						y1: S(U).top,
-						x2: S(I)(N(t, "end")),
-						y2: S(U).top + S(G),
+					}, null, 8, ln), o("line", {
+						x1: C(R)(F(t, "end")),
+						y1: C(U).top,
+						x2: C(R)(F(t, "end")),
+						y2: C(U).top + C(K),
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, rn)], 64)) : i("", !0),
+					}, null, 8, un)], 64)) : i("", !0),
 					o("line", {
-						x1: S(I)(N(t, "start")),
-						y1: S(U).top + S(G) - 4,
-						x2: S(I)(N(t, "start")),
-						y2: S(U).top + S(G) + 4,
+						x1: C(R)(F(t, "start")),
+						y1: C(U).top + C(K) - 4,
+						x2: C(R)(F(t, "start")),
+						y2: C(U).top + C(K) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, an),
+					}, null, 8, dn),
 					o("line", {
-						x1: S(I)(N(t, "end")),
-						y1: S(U).top + S(G) - 4,
-						x2: S(I)(N(t, "end")),
-						y2: S(U).top + S(G) + 4,
+						x1: C(R)(F(t, "end")),
+						y1: C(U).top + C(K) - 4,
+						x2: C(R)(F(t, "end")),
+						y2: C(U).top + C(K) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, on)
+					}, null, 8, fn)
 				], 64))), 128)),
-				R.value && S(K) !== null ? (_(), a("line", {
+				B.value && C(Fe) !== null ? (_(), a("line", {
 					key: 6,
-					x1: S(I)(Ee.value),
-					y1: S(U).top,
-					x2: S(I)(Ee.value),
-					y2: S(U).top + S(G),
+					x1: C(R)(we.value),
+					y1: C(U).top,
+					x2: C(R)(we.value),
+					y2: C(U).top + C(K),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3",
 					"stroke-dasharray": "4 2",
 					"pointer-events": "none"
-				}, null, 8, sn)) : i("", !0),
-				(_(!0), a(e, null, y(Oe.value, (e, t) => (_(), a("circle", {
+				}, null, 8, pn)) : i("", !0),
+				(_(!0), a(e, null, y(Ee.value, (e, t) => (_(), a("circle", {
 					key: "hd" + t,
 					cx: e.x,
 					cy: e.y,
@@ -1984,55 +2050,55 @@ var Pt = {
 					stroke: "var(--color-bg-0, #fff)",
 					"stroke-width": "2",
 					"pointer-events": "none"
-				}, null, 8, cn))), 128)),
-				R.value ? (_(), a("rect", d({
+				}, null, 8, mn))), 128)),
+				B.value ? (_(), a("rect", d({
 					key: 7,
-					x: S(U).left,
-					y: S(U).top,
-					width: S(W),
-					height: S(G),
+					x: C(U).left,
+					y: C(U).top,
+					width: C(G),
+					height: C(K),
 					fill: "transparent",
 					style: {
 						cursor: "crosshair",
 						"touch-action": "none"
 					}
-				}, te(S(Re), !0)), null, 16, ln)) : i("", !0),
-				t.annotations && t.annotations.length > 0 ? (_(), r(S(st), {
+				}, ee(C(Re), !0)), null, 16, hn)) : i("", !0),
+				t.annotations && t.annotations.length > 0 ? (_(), r(C(st), {
 					key: 8,
 					annotations: t.annotations,
-					project: Ae,
-					bounds: S(Fe)
+					project: Oe,
+					bounds: C(Pe)
 				}, null, 8, ["annotations", "bounds"])) : i("", !0),
-				(_(!0), a(e, null, y(fe.value.labels, (e, t) => (_(), a("g", { key: "seclab" + t }, [
+				(_(!0), a(e, null, y(ue.value.labels, (e, t) => (_(), a("g", { key: "seclab" + t }, [
 					o("circle", {
 						cx: e.cx - e.textWidth / 2 - 2,
-						cy: F.value + e.row * gn + 4,
+						cy: L.value + e.row * Sn + 4,
 						r: "4",
 						fill: e.color,
 						"fill-opacity": e.fillOpacity,
 						stroke: e.color,
 						"stroke-width": "1.5"
-					}, null, 8, un),
+					}, null, 8, gn),
 					e.labelText ? (_(), a("text", {
 						key: 0,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: F.value + e.row * gn + 8,
+						y: L.value + e.row * Sn + 8,
 						"font-size": e.labelStyle.fontSize,
 						"font-weight": e.labelStyle.fontWeight,
 						fill: e.labelStyle.fill
-					}, b(e.labelText), 9, dn)) : i("", !0),
+					}, x(e.labelText), 9, _n)) : i("", !0),
 					e.descText ? (_(), a("text", {
 						key: 1,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: F.value + e.row * gn + 22,
+						y: L.value + e.row * Sn + 22,
 						"font-size": e.descStyle.fontSize,
 						"font-weight": e.descStyle.fontWeight,
 						fill: e.descStyle.fill,
 						"fill-opacity": e.descStyle.fillOpacity
-					}, b(e.descText), 9, fn)) : i("", !0)
+					}, x(e.descText), 9, vn)) : i("", !0)
 				]))), 128))
-			], 8, Ft)),
-			R.value && S(K) !== null && ke.value ? (_(), a("div", {
+			], 8, Vt)),
+			B.value && C(Fe) !== null && De.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
 				ref: Ie,
@@ -2042,91 +2108,104 @@ var Pt = {
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: S(Le) ? `translate3d(${S(Le).left}px, ${S(Le).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: S(Le) ? "visible" : "hidden"
+					transform: C(Le) ? `translate3d(${C(Le).left}px, ${C(Le).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: C(Le) ? "visible" : "hidden"
 				})
-			}, [ee(n.$slots, "tooltip", p(u(ke.value)), () => [o("div", pn, [ke.value.xLabel ? (_(), a("div", mn, b(ke.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(ke.value.values, (e) => (_(), a("div", {
+			}, [b(n.$slots, "tooltip", p(u(De.value)), () => [o("div", yn, [De.value.xLabel ? (_(), a("div", bn, x(De.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(De.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(C)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
-			S(J) ? (_(), a("a", {
+			}, null, 4), s(" " + x(isFinite(e.value) ? C(w)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
+			C(Be) ? (_(), a("a", {
 				key: 2,
 				class: "line-chart-download-link",
-				href: S(ze),
-				download: `${S(Ve)()}.csv`
-			}, b(S(J)), 9, hn)) : i("", !0)
+				href: C(Ve),
+				download: `${C(J)()}.csv`
+			}, x(C(Be)), 9, xn)) : i("", !0),
+			C(Ue) ? (_(), a("button", {
+				key: 3,
+				type: "button",
+				class: "line-chart-download-button",
+				onClick: c[0] ||= (...e) => C(q) && C(q)(...e)
+			}, x(C(Ue)), 1)) : i("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-44660b21"]]), xn = {
+}), [["__scopeId", "data-v-0d24242d"]]), Dn = {
 	class: "chart-sr-only",
 	"aria-live": "polite"
-}, Sn = ["width", "height"], Cn = [
+}, On = ["width", "height"], kn = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"font-weight",
 	"fill"
-], wn = ["x", "dy"], Tn = { key: 1 }, En = [
+], An = ["x", "dy"], jn = [
+	"data-testid",
+	"x",
+	"y",
+	"text-anchor",
+	"font-size",
+	"fill"
+], Mn = { key: 1 }, Nn = [
 	"x",
 	"y",
 	"fill"
-], Dn = [
+], Pn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], On = [
+], Fn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], kn = [
+], In = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], An = [
+], Ln = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], jn = [
+], Rn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Mn = [
+], zn = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Nn = [
+], Bn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Pn = [
+], Vn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Fn = [
+], Hn = [
 	"transform",
 	"font-size",
 	"fill",
 	"font-weight"
-], In = [
+], Un = [
 	"x",
 	"y",
 	"text-anchor",
@@ -2134,20 +2213,21 @@ var Pt = {
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Ln = [
+], Wn = [
 	"x",
 	"y",
+	"text-anchor",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Rn = [
+], Gn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], zn = [
+], Kn = [
 	"data-category",
 	"data-series",
 	"x",
@@ -2156,27 +2236,34 @@ var Pt = {
 	"height",
 	"fill",
 	"fill-opacity"
-], Bn = [
+], qn = [
+	"x",
+	"y",
+	"text-anchor",
+	"font-size",
+	"font-weight",
+	"fill"
+], Jn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], Vn = [
+], Yn = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity"
-], Hn = [
+], Xn = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Un = { class: "bar-chart-tooltip" }, Wn = {
+], Zn = { class: "bar-chart-tooltip" }, Qn = {
 	key: 0,
 	class: "bar-chart-tooltip-label"
-}, Gn = ["href", "download"], Kn = /* @__PURE__ */ F(/* @__PURE__ */ l({
+}, $n = ["href", "download"], er = 22, tr = 2, nr = 11, rr = .6, ir = 4, ar = 4, or = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	__name: "BarChart",
 	props: {
 		data: {},
@@ -2191,6 +2278,7 @@ var Pt = {
 		valueTicks: {},
 		valueTickFormat: {},
 		categoryFormat: {},
+		categoryAlign: {},
 		dateFormat: {},
 		barPadding: { default: .2 },
 		groupGap: { default: 1 },
@@ -2198,6 +2286,13 @@ var Pt = {
 			type: Boolean,
 			default: !0
 		},
+		valueAxis: {
+			type: Boolean,
+			default: !0
+		},
+		barLabels: { type: [Boolean, Object] },
+		categoryHeader: {},
+		valueHeader: {},
 		width: {},
 		height: {},
 		title: {},
@@ -2219,6 +2314,7 @@ var Pt = {
 		csv: {},
 		filename: {},
 		downloadLink: { type: [Boolean, String] },
+		downloadButton: { type: [Boolean, String] },
 		annotations: {},
 		chartPadding: {}
 	},
@@ -2236,79 +2332,79 @@ var Pt = {
 				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++) {
 				let e = l.categories?.[n];
 				e instanceof Date ? t[n] = e.toISOString().slice(0, 10) : t[n] = e ?? String(n);
 			}
 			return t;
-		}), T = n(() => {
+		}), E = n(() => {
 			let e = l.categories;
-			if (!e || e.length === 0 || !Ct(e, "utc")) return null;
+			if (!e || e.length === 0 || !kt(e, "utc")) return null;
 			let t = Array(e.length);
-			for (let n = 0; n < e.length; n++) t[n] = xt(e[n], "utc") ?? NaN;
+			for (let n = 0; n < e.length; n++) t[n] = Dt(e[n], "utc") ?? NaN;
 			return t;
-		}), E = n(() => l.orientation === "vertical"), D = n(() => {
+		}), D = n(() => l.orientation === "vertical"), O = 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 = Se(e, t, l.valueScaleType, n);
+			let a = be(e, t, l.valueScaleType, n);
 			return {
 				min: a.min,
 				max: a.max,
 				range: a.max - a.min || 1
 			};
-		}), O = n(() => E.value ? V.value : H.value), re = n(() => E.value ? H.value : V.value), k = n(() => {
-			let e = C.value;
-			return e > 0 ? O.value / e : 0;
-		}), A = n(() => k.value * (1 - l.barPadding)), ie = n(() => {
-			let e = x.value.length;
+		}), k = n(() => D.value ? U.value : W.value), ne = n(() => D.value ? W.value : U.value), A = n(() => {
+			let e = w.value;
+			return e > 0 ? k.value / e : 0;
+		}), j = n(() => A.value * (1 - l.barPadding)), re = 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 j(e) {
-			return (E.value ? B.value.left : B.value.top) + e * k.value;
+		function M(e) {
+			return (D.value ? H.value.left : H.value.top) + e * A.value;
 		}
-		let ae = n(() => {
-			let { min: e, max: t } = D.value, n = l.valueMin ?? 0;
-			return M(Math.max(e, Math.min(t, n)));
+		let ie = n(() => {
+			let { min: e, max: t } = O.value, n = l.valueMin ?? 0;
+			return N(Math.max(e, Math.min(t, n)));
 		});
-		function M(e) {
-			let { min: t, max: n } = D.value, r = xe(e, t, n, l.valueScaleType);
-			return E.value ? B.value.top + H.value - r * H.value : B.value.left + r * V.value;
+		function N(e) {
+			let { min: t, max: n } = O.value, r = ye(e, t, n, l.valueScaleType);
+			return D.value ? H.value.top + W.value - r * W.value : H.value.left + r * U.value;
 		}
-		function oe(e, t, n, r, i, a, o, s, c, l) {
+		function ae(e, t, n, r, i, a, o, s, c, l) {
 			let u = Math.min(e, t), d = Math.abs(e - t);
-			return E.value ? {
+			return D.value ? {
 				x: n,
 				y: u,
 				w: r,
@@ -2332,34 +2428,34 @@ var Pt = {
 				seriesIndex: l
 			};
 		}
-		let se = n(() => {
-			let e = [], t = x.value, n = t.length;
+		let P = n(() => {
+			let e = [], t = S.value, n = t.length;
 			if (n === 0) return e;
-			let r = C.value, i = k.value, a = A.value, o = ie.value, s = (i - a) / 2, c = ae.value;
+			let r = w.value, i = A.value, a = j.value, o = re.value, s = (i - a) / 2, c = ie.value;
 			for (let i = 0; i < r; i++) {
-				let r = j(i) + s;
+				let r = M(i) + s;
 				if (l.layout === "stacked") {
 					let o = 0, s = 0;
 					for (let c = 0; c < n; c++) {
 						let n = t[c], l = Number(n.data[i] ?? NaN);
 						if (!isFinite(l)) continue;
 						let u = l >= 0 ? o : s, d = u + l;
-						e.push(oe(M(u), M(d), r, a, n.color ?? pe(c), n.opacity ?? 1, n.blendMode, l, i, c)), l >= 0 ? o = d : s = d;
+						e.push(ae(N(u), N(d), r, a, n.color ?? de(c), n.opacity ?? 1, n.blendMode, l, i, c)), l >= 0 ? o = d : s = d;
 					}
 				} else if (l.layout === "overlay") for (let o = 0; o < n; o++) {
 					let n = t[o], s = Number(n.data[i] ?? NaN);
-					isFinite(s) && e.push(oe(c, M(s), r, a, n.color ?? pe(o), n.opacity ?? 1, n.blendMode, s, i, o));
+					isFinite(s) && e.push(ae(c, N(s), r, a, n.color ?? de(o), n.opacity ?? 1, n.blendMode, s, i, o));
 				}
 				else for (let a = 0; a < n; a++) {
 					let s = t[a], u = Number(s.data[i] ?? NaN);
 					if (!isFinite(u)) continue;
 					let d = r + (n === 1 ? 0 : a * (o + l.groupGap));
-					e.push(oe(c, M(u), d, o, s.color ?? pe(a), s.opacity ?? 1, s.blendMode, u, i, a));
+					e.push(ae(c, N(u), d, o, s.color ?? de(a), s.opacity ?? 1, s.blendMode, u, i, a));
 				}
 			}
 			return e;
 		});
-		function ce(e) {
+		function oe(e) {
 			let t = Infinity, n = -Infinity;
 			for (let r of e.data) {
 				let e = Number(r);
@@ -2370,33 +2466,33 @@ var Pt = {
 				max: n
 			};
 		}
-		function le(e, t, n) {
-			let r = (E.value ? B.value.left : B.value.top) + (e + .5) * k.value, i = n.max - n.min || 1, a = (t - n.min) / i;
-			return E.value ? {
+		function se(e, t, n) {
+			let r = (D.value ? H.value.left : H.value.top) + (e + .5) * A.value, i = n.max - n.min || 1, a = (t - n.min) / i;
+			return D.value ? {
 				x: r,
-				y: B.value.top + H.value - a * H.value
+				y: H.value.top + W.value - a * W.value
 			} : {
-				x: B.value.left + a * V.value,
+				x: H.value.left + a * U.value,
 				y: r
 			};
 		}
-		let ue = n(() => {
+		let ce = n(() => {
 			let e = l.summaryLines;
 			return !e || e.length === 0 ? [] : e.map((e, t) => ({
 				data: e.data ?? g,
 				x: e.x,
-				color: e.color ?? fe(t),
+				color: e.color ?? ue(t),
 				strokeWidth: e.strokeWidth ?? 2,
 				dashed: e.dashed ?? !1,
 				opacity: e.opacity ?? 1,
 				blendMode: e.blendMode,
 				dots: e.dots ?? !1,
 				dotRadius: e.dotRadius ?? (e.strokeWidth ?? 2) + 1,
-				extent: ce(e),
+				extent: oe(e),
 				legend: e.legend,
 				showInLegend: e.showInLegend !== !1
 			}));
-		}), N = n(() => k.value === 0 ? [] : ue.value.map((e) => {
+		}), F = n(() => A.value === 0 ? [] : ce.value.map((e) => {
 			let t = [], n = "", r = !1;
 			for (let i = 0; i < e.data.length; i++) {
 				let a = Number(e.data[i]), o = e.x ? Number(e.x[i]) : i;
@@ -2404,7 +2500,7 @@ var Pt = {
 					r = !1;
 					continue;
 				}
-				let s = le(o, a, e.extent);
+				let s = se(o, a, e.extent);
 				t.push(s), n += r ? `L${s.x},${s.y}` : `M${s.x},${s.y}`, r = !0;
 			}
 			return {
@@ -2412,16 +2508,16 @@ var Pt = {
 				pathD: n,
 				points: t
 			};
-		})), de = [
+		})), le = [
 			"var(--color-fg-1, #111)",
 			"var(--color-danger, #ef4444)",
 			"var(--color-success, #10b981)",
 			"var(--color-info, #6366f1)"
 		];
-		function fe(e) {
-			return de[e % de.length];
+		function ue(e) {
+			return le[e % le.length];
 		}
-		let P = [
+		let I = [
 			"var(--color-primary, #3b82f6)",
 			"var(--color-accent, #f59e0b)",
 			"var(--color-success, #10b981)",
@@ -2429,36 +2525,36 @@ var Pt = {
 			"var(--color-info, #6366f1)",
 			"var(--color-warning, #d97706)"
 		];
-		function pe(e) {
-			return P[e % P.length];
+		function de(e) {
+			return I[e % I.length];
 		}
-		let me = dt(() => l.tooltipValueFormat, () => l.valueTickFormat), F = n(() => {
-			let { min: e, max: t } = D.value, n = (e) => l.valueTickFormat === void 0 ? ye(e) : ne(e, l.valueTickFormat);
+		let fe = dt(() => l.tooltipValueFormat, () => l.valueTickFormat), L = n(() => {
+			let { min: e, max: t } = O.value, n = (e) => l.valueTickFormat === void 0 ? _e(e) : te(e, l.valueTickFormat);
 			if (e === t) return [{
 				value: n(e),
-				pos: I(M(e))
+				pos: R(N(e))
 			}];
-			let r = E.value ? 50 : 80;
-			return (l.valueScaleType === "log" ? L({
+			let r = D.value ? 50 : 80;
+			return (l.valueScaleType === "log" ? z({
 				min: e,
 				max: t,
 				ticks: l.valueTicks
-			}) : be({
+			}) : ve({
 				min: e,
 				max: t,
 				ticks: l.valueTicks,
-				targetTickCount: re.value / r
+				targetTickCount: ne.value / r
 			})).map((e) => ({
 				value: n(e),
-				pos: I(M(e))
+				pos: R(N(e))
 			}));
-		}), ge = n(() => {
-			let e = C.value, t = T.value;
+		}), me = n(() => {
+			let e = w.value, t = E.value;
 			if (t && t.length > 0) {
 				let e = Infinity, n = -Infinity;
 				for (let r of t) Number.isFinite(r) && (r < e && (e = r), r > n && (n = r));
 				if (!Number.isFinite(e) || e === n) return [];
-				let r = E.value ? V.value : H.value, i = Math.max(2, Math.floor(r / 80)), a = Dt(e, n, i, "utc"), o = a.unit, s = [], c = /* @__PURE__ */ new Set();
+				let r = D.value ? U.value : W.value, i = Math.max(2, Math.floor(r / 80)), a = Nt(e, n, i, "utc"), o = a.unit, s = [], c = /* @__PURE__ */ new Set();
 				for (let e of a.values) {
 					let n = -1, r = Infinity;
 					for (let i = 0; i < t.length; i++) {
@@ -2467,7 +2563,7 @@ var Pt = {
 					}
 					if (n < 0 || c.has(n)) continue;
 					c.add(n);
-					let i = j(n) + k.value / 2, a = l.categoryFormat ? l.categoryFormat(w.value[n], n) : Nt(t[n], l.dateFormat, "utc", o);
+					let i = M(n) + A.value / 2, a = l.categoryFormat ? l.categoryFormat(T.value[n], n) : zt(t[n], l.dateFormat, "utc", o);
 					s.push({
 						label: a,
 						pos: i,
@@ -2477,10 +2573,10 @@ var Pt = {
 				return s;
 			}
 			let n = [], r = (e, t) => l.categoryFormat ? l.categoryFormat(e, t) : e, i = Array(e), a = 0;
-			for (let t = 0; t < e; t++) i[t] = r(w.value[t], t), i[t].length > a && (a = i[t].length);
-			let o = l.tickLabelStyle?.fontSize ?? 10, s = E.value ? a * o * .6 + 8 : o * 1.2 + 8, c = k.value > 0 ? Math.max(1, Math.ceil(s / k.value)) : 1;
+			for (let t = 0; t < e; t++) i[t] = r(T.value[t], t), i[t].length > a && (a = i[t].length);
+			let o = l.tickLabelStyle?.fontSize ?? 10, s = D.value ? a * o * .6 + 8 : o * 1.2 + 8, c = A.value > 0 ? Math.max(1, Math.ceil(s / A.value)) : 1;
 			for (let t = 0; t < e; t += c) {
-				let e = j(t) + k.value / 2;
+				let e = M(t) + A.value / 2;
 				n.push({
 					label: i[t],
 					pos: e,
@@ -2488,15 +2584,15 @@ var Pt = {
 				});
 			}
 			return n;
-		}), _e = n(() => {
+		}), he = n(() => {
 			let e = [];
-			return x.value.forEach((t, n) => {
+			return S.value.forEach((t, n) => {
 				!t.legend || t.showInLegend === !1 || e.push({
 					label: t.legend,
-					color: t.color ?? pe(n),
+					color: t.color ?? de(n),
 					kind: "bar"
 				});
-			}), ue.value.forEach((t) => {
+			}), ce.value.forEach((t) => {
 				!t.legend || !t.showInLegend || e.push({
 					label: t.legend,
 					color: t.color,
@@ -2504,21 +2600,21 @@ var Pt = {
 					dashed: t.dashed
 				});
 			}), e;
-		}), ve = n(() => _e.value.map((e) => e.label));
-		function Ce() {
+		}), ge = n(() => he.value.map((e) => e.label));
+		function xe() {
 			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 Ve(w.value, e);
+			return Ue(T.value, e);
 		}
-		let R = n(() => !!l.tooltipData || !!l.tooltipTrigger);
-		function Te(e, t) {
-			if (!isFinite(e) || !isFinite(t) || k.value === 0) return null;
-			let n = (E.value ? B.value.left : B.value.top) + (e + .5) * k.value, r = M(t);
-			return E.value ? {
+		let B = n(() => !!l.tooltipData || !!l.tooltipTrigger);
+		function Ce(e, t) {
+			if (!isFinite(e) || !isFinite(t) || A.value === 0) return null;
+			let n = (D.value ? H.value.left : H.value.top) + (e + .5) * A.value, r = N(t);
+			return D.value ? {
 				x: n,
 				y: r
 			} : {
@@ -2526,15 +2622,26 @@ var Pt = {
 				y: n
 			};
 		}
-		function Ee(e, t) {
+		function we(e, t) {
 			let n = De.value?.getBoundingClientRect();
 			if (!n) return null;
-			let r = C.value;
-			if (r === 0 || k.value === 0) return null;
-			let i = E.value ? e - n.left - B.value.left : t - n.top - B.value.top;
-			return Math.max(0, Math.min(r - 1, Math.floor(i / k.value)));
-		}
-		let { containerRef: De, svgRef: Oe, width: ke, height: Ae, padding: B, legendY: je, inlineLegendLayout: Me, innerW: V, innerH: H, bounds: U, hoverIndex: Ne, tooltipRef: Pe, tooltipPos: W, tooltipHandlers: G, menuItems: Fe, downloadLinkText: K, csvHref: Ie, menuFilename: Le, isFullscreen: Re } = ut({
+			let r = w.value;
+			if (r === 0 || A.value === 0) return null;
+			let i = D.value ? e - n.left - H.value.left : t - n.top - H.value.top;
+			return Math.max(0, Math.min(r - 1, Math.floor(i / A.value)));
+		}
+		let Te = n(() => !!(l.categoryHeader || l.valueHeader)), Ee = n(() => {
+			let e = Te.value ? er : 0, t = l.chartPadding;
+			return e ? t == null ? { top: e } : typeof t == "number" ? {
+				top: t + e,
+				right: t,
+				bottom: t,
+				left: t
+			} : {
+				...t,
+				top: (t.top ?? 0) + e
+			} : t;
+		}), { containerRef: De, svgRef: Oe, width: ke, height: Ae, padding: H, legendY: je, inlineLegendLayout: Me, innerW: U, innerH: W, bounds: Ne, hoverIndex: G, tooltipRef: K, tooltipPos: Pe, tooltipHandlers: Fe, menuItems: Ie, downloadLinkText: Le, csvHref: Re, downloadButtonText: ze, triggerCsvDownload: Be, menuFilename: Ve, isFullscreen: He } = ut({
 			width: () => l.width,
 			height: () => l.height,
 			title: () => l.title,
@@ -2547,17 +2654,18 @@ var Pt = {
 			tooltipClamp: () => l.tooltipClamp,
 			filename: () => l.filename,
 			downloadLink: () => l.downloadLink,
-			chartPadding: () => l.chartPadding,
-			inlineLegendLabels: () => ve.value,
-			hasTooltipSlot: () => R.value,
-			getCsv: Ce,
-			pointerToIndex: Ee,
+			downloadButton: () => l.downloadButton,
+			chartPadding: () => Ee.value,
+			inlineLegendLabels: () => ge.value,
+			hasTooltipSlot: () => B.value,
+			getCsv: xe,
+			pointerToIndex: we,
 			onHover: (e) => h("hover", e)
-		}), q = n(() => z(l.axisLabelStyle, { fontSize: 13 })), J = n(() => z(l.tickLabelStyle, {
+		}), q = n(() => V(l.axisLabelStyle, { fontSize: 13 })), J = n(() => V(l.tickLabelStyle, {
 			fontSize: 10,
-			fillOpacity: we
-		})), ze = n(() => z(l.legendStyle, { fontSize: 11 })), Be = n(() => {
-			let e = l.titleStyle, t = e?.align ?? "left", n = U.value, r = t === "left" ? n.left : t === "right" ? n.right : n.left + n.width / 2, i = t === "left" ? "start" : t === "right" ? "end" : "middle";
+			fillOpacity: Se
+		})), We = n(() => V(l.legendStyle, { fontSize: 11 })), Ge = n(() => l.categoryAlign === "start" && !D.value ? tr : H.value.left), Y = n(() => {
+			let e = l.titleStyle, t = e?.align ?? "left", n = Ne.value, r = t === "left" ? Ge.value : t === "right" ? n.right : n.left + n.width / 2, i = t === "left" ? "start" : t === "right" ? "end" : "middle";
 			return {
 				lines: (l.title ?? "").split("\n"),
 				fontSize: e?.fontSize ?? 14,
@@ -2567,47 +2675,47 @@ var Pt = {
 				x: r,
 				anchor: i
 			};
-		}), He = n(() => {
-			let e = Ne.value;
+		}), Ke = n(() => {
+			let e = G.value;
 			if (e === null) return;
-			let t = T.value;
-			return t && Number.isFinite(t[e]) ? Nt(t[e], l.dateFormat, "utc") : w.value[e];
-		}), Ue = n(() => {
-			let e = Ne.value;
+			let t = E.value;
+			return t && Number.isFinite(t[e]) ? zt(t[e], l.dateFormat, "utc") : T.value[e];
+		}), X = n(() => {
+			let e = G.value;
 			if (e === null) return null;
-			let t = x.value, n = [];
+			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 ?? pe(r),
+					color: i.color ?? de(r),
 					seriesIndex: r
 				});
 			}
 			return {
 				index: e,
-				category: w.value[e] ?? String(e),
+				category: T.value[e] ?? String(e),
 				values: n,
 				data: l.tooltipData?.[e] ?? null
 			};
-		}), Y = n(() => {
-			let e = Ne.value;
+		}), qe = n(() => {
+			let e = G.value;
 			if (e === null) return null;
-			let t = j(e);
-			return E.value ? {
+			let t = M(e);
+			return D.value ? {
 				x: t,
-				y: B.value.top,
-				w: k.value,
-				h: H.value
+				y: H.value.top,
+				w: A.value,
+				h: W.value
 			} : {
-				x: B.value.left,
+				x: H.value.left,
 				y: t,
-				w: V.value,
-				h: k.value
+				w: U.value,
+				h: A.value
 			};
-		}), We = n(() => {
-			let e = Me.value.positions, t = B.value.left, n = je.value;
-			return _e.value.map((r, i) => {
+		}), Je = n(() => {
+			let e = Me.value.positions, t = Ge.value, n = je.value;
+			return he.value.map((r, i) => {
 				let a = e[i];
 				return {
 					...r,
@@ -2615,44 +2723,195 @@ var Pt = {
 					y: n + a.row * 20
 				};
 			});
+		}), Ye = n(() => {
+			let e = l.barLabels;
+			if (!e) return null;
+			let t = e === !0 ? {} : e;
+			return {
+				format: t.format,
+				color: t.color ?? "auto",
+				placement: t.placement ?? "auto",
+				align: t.align ?? "center",
+				overlap: t.overlap ?? "shift",
+				minSize: t.minSize ?? 0,
+				fontSize: t.fontSize ?? nr,
+				fontWeight: t.fontWeight
+			};
+		});
+		function Xe(e, t) {
+			let n = Ye.value?.format;
+			return typeof n == "function" ? n(e, t) : n === void 0 ? l.valueTickFormat === void 0 ? _e(e) : te(e, l.valueTickFormat) : te(e, n);
+		}
+		function Ze(e, t, n) {
+			for (let r = P.value.length - 1; r >= 0; r--) {
+				let i = P.value[r];
+				if (i.categoryIndex === e && t >= i.x && t <= i.x + i.w && n >= i.y && n <= i.y + i.h) return i.color;
+			}
+			return null;
+		}
+		let Qe = n(() => {
+			let e = Ye.value;
+			if (!e) return [];
+			let t = D.value, n = e.fontSize, r = [];
+			for (let i of P.value) {
+				let a = Xe(i.value, {
+					value: i.value,
+					categoryIndex: i.categoryIndex,
+					seriesIndex: i.seriesIndex,
+					category: T.value[i.categoryIndex] ?? String(i.categoryIndex)
+				});
+				if (!a) continue;
+				let o = t ? i.h : i.w, s = a.length * n * rr, c = o >= s + 2 * ir && o >= e.minSize, l = e.placement === "inside" ? !0 : e.placement === "outside" ? !1 : c, u, d, f, p = "middle", m = t ? -i.y : i.x + i.w, h = t ? -(i.y + i.h) : i.x, g = t ? n : s;
+				if (f = t ? i.x + i.w / 2 : i.y + i.h / 2, !l) u = m + ir, d = u + g, p = "start";
+				else if (e.align === "start") u = h + ir, d = u + g, p = "start";
+				else if (e.align === "end") d = m - ir, u = d - g, p = "end";
+				else {
+					let e = (m + h) / 2;
+					u = e - g / 2, d = e + g / 2, p = "middle";
+				}
+				r.push({
+					bar: i,
+					text: a,
+					textLen: s,
+					inside: l,
+					cross: f,
+					lo: u,
+					hi: d,
+					svgAnchor: p,
+					hidden: !1
+				});
+			}
+			let i = t ? -H.value.top : ke.value - 2, a = /* @__PURE__ */ new Map();
+			for (let e of r) {
+				let t = a.get(e.bar.categoryIndex);
+				t ? t.push(e) : a.set(e.bar.categoryIndex, [e]);
+			}
+			for (let t of a.values()) {
+				t.sort((e, t) => e.lo - t.lo);
+				let n = -Infinity;
+				for (let r of t) {
+					if (r.lo < n + ar) {
+						if (e.overlap === "hide") {
+							r.hidden = !0;
+							continue;
+						}
+						let t = n + ar - r.lo;
+						r.lo += t, r.hi += t, r.inside = !1, r.svgAnchor = "start";
+					}
+					if (r.hi > i) {
+						r.hidden = !0;
+						continue;
+					}
+					n = r.hi;
+				}
+			}
+			let o = e.color === "auto", s = [];
+			for (let i of r) {
+				if (i.hidden) continue;
+				let r, a, c;
+				t ? (r = i.cross, a = -((i.lo + i.hi) / 2), c = "middle") : (c = i.svgAnchor, r = c === "start" ? i.lo : c === "end" ? i.hi : (i.lo + i.hi) / 2, a = i.cross);
+				let l;
+				if (!o) l = e.color;
+				else if (i.inside) l = _t(i.bar.color);
+				else {
+					let e = t ? i.cross : (i.lo + i.hi) / 2, n = t ? -((i.lo + i.hi) / 2) : i.cross, r = Ze(i.bar.categoryIndex, e, n);
+					l = r ? _t(r) : "currentColor";
+				}
+				s.push({
+					key: `${i.bar.categoryIndex}-${i.bar.seriesIndex}`,
+					x: r,
+					y: a,
+					text: i.text,
+					anchor: c,
+					fill: l,
+					fontSize: n,
+					fontWeight: e.fontWeight
+				});
+			}
+			return s;
+		}), $e = n(() => {
+			let e = H.value.left - 6;
+			switch (l.categoryAlign ?? "end") {
+				case "start": return {
+					anchor: "start",
+					x: tr
+				};
+				case "center": return {
+					anchor: "middle",
+					x: (tr + e) / 2
+				};
+				default: return {
+					anchor: "end",
+					x: e
+				};
+			}
+		}), et = n(() => {
+			let e = [], t = H.value.top - 7;
+			if (l.valueHeader && e.push({
+				key: "vh",
+				text: l.valueHeader,
+				x: H.value.left,
+				y: t,
+				anchor: "start"
+			}), l.categoryHeader) {
+				let n = !D.value, r = $e.value;
+				e.push({
+					key: "ch",
+					text: l.categoryHeader,
+					x: n ? r.x : H.value.left,
+					y: t,
+					anchor: n ? r.anchor : "start"
+				});
+			}
+			return e;
 		});
 		return (n, c) => (_(), a("div", {
 			ref_key: "containerRef",
 			ref: De,
-			class: f(["bar-chart-wrapper", { "is-fullscreen": S(Re) }])
+			class: f(["bar-chart-wrapper", { "is-fullscreen": C(He) }])
 		}, [
-			t.menu ? (_(), r(he, {
+			t.menu ? (_(), r(pe, {
 				key: 0,
-				items: S(Fe)
+				items: C(Ie)
 			}, null, 8, ["items"])) : i("", !0),
-			o("div", xn, b(S(Re) ? "Chart expanded to fill window" : ""), 1),
+			o("div", Dn, x(C(He) ? "Chart expanded to fill window" : ""), 1),
 			(_(), a("svg", {
 				ref_key: "svgRef",
 				ref: Oe,
-				width: S(ke),
-				height: S(Ae)
+				width: C(ke),
+				height: C(Ae)
 			}, [
 				t.title ? (_(), a("text", {
 					key: 0,
-					x: Be.value.x,
-					y: Be.value.lineHeight,
-					"text-anchor": Be.value.anchor,
-					"font-size": Be.value.fontSize,
-					"font-weight": Be.value.fontWeight,
-					fill: Be.value.color
-				}, [(_(!0), a(e, null, y(Be.value.lines, (e, t) => (_(), a("tspan", {
+					x: Y.value.x,
+					y: Y.value.lineHeight,
+					"text-anchor": Y.value.anchor,
+					"font-size": Y.value.fontSize,
+					"font-weight": Y.value.fontWeight,
+					fill: Y.value.color
+				}, [(_(!0), a(e, null, y(Y.value.lines, (e, t) => (_(), a("tspan", {
 					key: t,
-					x: Be.value.x,
-					dy: t === 0 ? 0 : Be.value.lineHeight
-				}, b(e), 9, wn))), 128))], 8, Cn)) : i("", !0),
-				We.value.length > 0 ? (_(), a("g", Tn, [(_(!0), a(e, null, y(We.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.kind === "bar" ? (_(), a("rect", {
+					x: Y.value.x,
+					dy: t === 0 ? 0 : Y.value.lineHeight
+				}, x(e), 9, An))), 128))], 8, kn)) : i("", !0),
+				(_(!0), a(e, null, y(et.value, (e) => (_(), a("text", {
+					key: e.key,
+					"data-testid": e.key === "ch" ? "category-header" : "value-header",
+					x: e.x,
+					y: e.y,
+					"text-anchor": e.anchor,
+					"font-size": q.value.fontSize,
+					fill: q.value.fill,
+					"font-weight": "600"
+				}, x(e.text), 9, jn))), 128)),
+				Je.value.length > 0 ? (_(), a("g", Mn, [(_(!0), a(e, null, y(Je.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.kind === "bar" ? (_(), a("rect", {
 					key: 0,
 					x: t.x,
 					y: t.y - 5,
 					width: "12",
 					height: "10",
 					fill: t.color
-				}, null, 8, En)) : (_(), a("line", {
+				}, null, 8, Nn)) : (_(), a("line", {
 					key: 1,
 					x1: t.x,
 					y1: t.y,
@@ -2661,52 +2920,54 @@ var Pt = {
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, Dn)), o("text", {
+				}, null, 8, Pn)), o("text", {
 					x: t.x + 18,
 					y: t.y + 4,
-					"font-size": ze.value.fontSize,
-					fill: ze.value.fill,
-					"font-weight": ze.value.fontWeight
-				}, b(t.label), 9, On)], 64))), 128))])) : i("", !0),
-				o("line", {
-					x1: S(I)(S(B).left),
-					y1: S(I)(S(B).top),
-					x2: S(I)(S(B).left),
-					y2: S(I)(S(B).top + S(H)),
+					"font-size": We.value.fontSize,
+					fill: We.value.fill,
+					"font-weight": We.value.fontWeight
+				}, x(t.label), 9, Fn)], 64))), 128))])) : i("", !0),
+				!D.value || t.valueAxis ? (_(), a("line", {
+					key: 2,
+					x1: C(R)(C(H).left),
+					y1: C(R)(C(H).top),
+					x2: C(R)(C(H).left),
+					y2: C(R)(C(H).top + C(W)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, kn),
-				o("line", {
-					x1: S(I)(S(B).left),
-					y1: S(I)(S(B).top + S(H)),
-					x2: S(I)(S(B).left + S(V)),
-					y2: S(I)(S(B).top + S(H)),
+				}, null, 8, In)) : i("", !0),
+				D.value || t.valueAxis ? (_(), a("line", {
+					key: 3,
+					x1: C(R)(C(H).left),
+					y1: C(R)(C(H).top + C(W)),
+					x2: C(R)(C(H).left + C(U)),
+					y2: C(R)(C(H).top + C(W)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, An),
-				t.valueGrid ? (_(!0), a(e, { key: 2 }, y(F.value, (e, t) => (_(), a("line", {
+				}, null, 8, Ln)) : i("", !0),
+				t.valueGrid && t.valueAxis ? (_(!0), a(e, { key: 4 }, y(L.value, (e, t) => (_(), a("line", {
 					key: "vg" + t,
-					x1: E.value ? S(B).left : e.pos,
-					y1: E.value ? e.pos : S(B).top,
-					x2: E.value ? S(B).left + S(V) : e.pos,
-					y2: E.value ? e.pos : S(B).top + S(H),
+					x1: D.value ? C(H).left : e.pos,
+					y1: D.value ? e.pos : C(H).top,
+					x2: D.value ? C(H).left + C(U) : e.pos,
+					y2: D.value ? e.pos : C(H).top + C(W),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, jn))), 128)) : i("", !0),
-				Y.value && R.value ? (_(), a("rect", {
-					key: 3,
-					x: Y.value.x,
-					y: Y.value.y,
-					width: Y.value.w,
-					height: Y.value.h,
+				}, null, 8, Rn))), 128)) : i("", !0),
+				qe.value && B.value ? (_(), a("rect", {
+					key: 5,
+					x: qe.value.x,
+					y: qe.value.y,
+					width: qe.value.w,
+					height: qe.value.h,
 					fill: "currentColor",
 					"fill-opacity": "0.06",
 					"pointer-events": "none"
-				}, null, 8, Mn)) : i("", !0),
-				E.value ? (_(!0), a(e, { key: 4 }, y(F.value, (e, t) => (_(), a("text", {
+				}, null, 8, zn)) : i("", !0),
+				t.valueAxis && D.value ? (_(!0), a(e, { key: 6 }, y(L.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
-					x: S(B).left - 6,
+					x: C(H).left - 6,
 					y: e.pos,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
@@ -2714,59 +2975,59 @@ var Pt = {
 					fill: J.value.fill,
 					"font-weight": J.value.fontWeight,
 					"fill-opacity": J.value.fillOpacity
-				}, b(e.value), 9, Nn))), 128)) : (_(!0), a(e, { key: 5 }, y(F.value, (e, t) => (_(), a("text", {
+				}, x(e.value), 9, Bn))), 128)) : t.valueAxis ? (_(!0), a(e, { key: 7 }, y(L.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
 					x: e.pos,
-					y: S(B).top + S(H) + 16,
+					y: C(H).top + C(W) + 16,
 					"text-anchor": "middle",
 					"font-size": J.value.fontSize,
 					fill: J.value.fill,
 					"font-weight": J.value.fontWeight,
 					"fill-opacity": J.value.fillOpacity
-				}, b(e.value), 9, Pn))), 128)),
+				}, x(e.value), 9, Vn))), 128)) : i("", !0),
 				t.yLabel ? (_(), a("text", {
-					key: 6,
+					key: 8,
 					x: 0,
 					y: 0,
-					transform: `translate(14, ${S(B).top + S(H) / 2}) rotate(-90)`,
+					transform: `translate(14, ${C(H).top + C(W) / 2}) rotate(-90)`,
 					"text-anchor": "middle",
 					"font-size": q.value.fontSize,
 					fill: q.value.fill,
 					"font-weight": q.value.fontWeight
-				}, b(t.yLabel), 9, Fn)) : i("", !0),
-				E.value ? (_(!0), a(e, { key: 7 }, y(ge.value, (e, t) => (_(), a("text", {
+				}, x(t.yLabel), 9, Hn)) : i("", !0),
+				D.value ? (_(!0), a(e, { key: 9 }, y(me.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
 					x: e.pos,
-					y: S(B).top + S(H) + 16,
+					y: C(H).top + C(W) + 16,
 					"text-anchor": e.anchor,
 					"font-size": J.value.fontSize,
 					fill: J.value.fill,
 					"font-weight": J.value.fontWeight,
 					"fill-opacity": J.value.fillOpacity
-				}, b(e.label), 9, In))), 128)) : (_(!0), a(e, { key: 8 }, y(ge.value, (e, t) => (_(), a("text", {
+				}, x(e.label), 9, Un))), 128)) : (_(!0), a(e, { key: 10 }, y(me.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
-					x: S(B).left - 6,
+					x: $e.value.x,
 					y: e.pos,
-					"text-anchor": "end",
+					"text-anchor": $e.value.anchor,
 					"dominant-baseline": "middle",
 					"font-size": J.value.fontSize,
 					fill: J.value.fill,
 					"font-weight": J.value.fontWeight,
 					"fill-opacity": J.value.fillOpacity
-				}, b(e.label), 9, Ln))), 128)),
+				}, x(e.label), 9, Wn))), 128)),
 				t.xLabel ? (_(), a("text", {
-					key: 9,
-					x: S(B).left + S(V) / 2,
-					y: S(Ae) - 4,
+					key: 11,
+					x: C(H).left + C(U) / 2,
+					y: C(Ae) - 4,
 					"text-anchor": "middle",
 					"font-size": q.value.fontSize,
 					fill: q.value.fill,
 					"font-weight": q.value.fontWeight
-				}, b(t.xLabel), 9, Rn)) : i("", !0),
-				(_(!0), a(e, null, y(se.value, (e, t) => (_(), a("rect", {
+				}, x(t.xLabel), 9, Gn)) : i("", !0),
+				(_(!0), a(e, null, y(P.value, (e, t) => (_(), a("rect", {
 					key: "bar" + t,
 					"data-testid": "bar",
 					"data-category": e.categoryIndex,
@@ -2778,8 +3039,20 @@ var Pt = {
 					fill: e.color,
 					"fill-opacity": e.opacity,
 					style: m(e.blendMode ? { mixBlendMode: e.blendMode } : void 0)
-				}, null, 12, zn))), 128)),
-				(_(!0), a(e, null, y(N.value, (t, n) => (_(), a(e, { key: "sl" + n }, [t.pathD ? (_(), a("path", {
+				}, null, 12, Kn))), 128)),
+				(_(!0), a(e, null, y(Qe.value, (e) => (_(), a("text", {
+					key: "blbl" + e.key,
+					"data-testid": "bar-label",
+					x: e.x,
+					y: e.y,
+					"text-anchor": e.anchor,
+					"dominant-baseline": "middle",
+					"font-size": e.fontSize,
+					"font-weight": e.fontWeight,
+					fill: e.fill,
+					"pointer-events": "none"
+				}, x(e.text), 9, qn))), 128)),
+				(_(!0), a(e, null, y(F.value, (t, n) => (_(), a(e, { key: "sl" + n }, [t.pathD ? (_(), a("path", {
 					key: 0,
 					"data-testid": "summary-line",
 					d: t.pathD,
@@ -2791,7 +3064,7 @@ var Pt = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					style: m(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-				}, null, 12, Bn)) : i("", !0), t.dots ? (_(!0), a(e, { key: 1 }, y(t.points, (e, r) => (_(), a("circle", {
+				}, null, 12, Jn)) : i("", !0), t.dots ? (_(!0), a(e, { key: 1 }, y(t.points, (e, r) => (_(), a("circle", {
 					key: "sld" + n + "-" + r,
 					cx: e.x,
 					cy: e.y,
@@ -2799,55 +3072,61 @@ var Pt = {
 					fill: t.color,
 					"fill-opacity": t.opacity,
 					style: m(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-				}, null, 12, Vn))), 128)) : i("", !0)], 64))), 128)),
-				R.value ? (_(), a("rect", d({
-					key: 10,
-					x: S(B).left,
-					y: S(B).top,
-					width: S(V),
-					height: S(H),
+				}, null, 12, Yn))), 128)) : i("", !0)], 64))), 128)),
+				B.value ? (_(), a("rect", d({
+					key: 12,
+					x: C(H).left,
+					y: C(H).top,
+					width: C(U),
+					height: C(W),
 					fill: "transparent",
 					style: {
 						cursor: "crosshair",
 						"touch-action": "none"
 					}
-				}, te(S(G), !0)), null, 16, Hn)) : i("", !0),
-				t.annotations && t.annotations.length > 0 ? (_(), r(S(st), {
-					key: 11,
+				}, ee(C(Fe), !0)), null, 16, Xn)) : i("", !0),
+				t.annotations && t.annotations.length > 0 ? (_(), r(C(st), {
+					key: 13,
 					annotations: t.annotations,
-					project: Te,
-					bounds: S(U)
+					project: Ce,
+					bounds: C(Ne)
 				}, null, 8, ["annotations", "bounds"])) : i("", !0)
-			], 8, Sn)),
-			R.value && S(Ne) !== null && Ue.value ? (_(), a("div", {
+			], 8, On)),
+			B.value && C(G) !== null && X.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: Pe,
+				ref: K,
 				class: "chart-tooltip-content",
 				style: m({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: S(W) ? `translate3d(${S(W).left}px, ${S(W).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: S(W) ? "visible" : "hidden"
+					transform: C(Pe) ? `translate3d(${C(Pe).left}px, ${C(Pe).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: C(Pe) ? "visible" : "hidden"
 				})
-			}, [ee(n.$slots, "tooltip", p(u(Ue.value)), () => [o("div", Un, [He.value ? (_(), a("div", Wn, b(He.value), 1)) : i("", !0), (_(!0), a(e, null, y(Ue.value.values, (e) => (_(), a("div", {
+			}, [b(n.$slots, "tooltip", p(u(X.value)), () => [o("div", Zn, [Ke.value ? (_(), a("div", Qn, x(Ke.value), 1)) : i("", !0), (_(!0), a(e, null, y(X.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(me)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
-			S(K) ? (_(), a("a", {
+			}, null, 4), s(" " + x(isFinite(e.value) ? C(fe)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
+			C(Le) ? (_(), a("a", {
 				key: 2,
 				class: "bar-chart-download-link",
-				href: S(Ie),
-				download: `${S(Le)()}.csv`
-			}, b(S(K)), 9, Gn)) : i("", !0)
+				href: C(Re),
+				download: `${C(Ve)()}.csv`
+			}, x(C(Le)), 9, $n)) : i("", !0),
+			C(ze) ? (_(), a("button", {
+				key: 3,
+				type: "button",
+				class: "bar-chart-download-button",
+				onClick: c[0] ||= (...e) => C(Be) && C(Be)(...e)
+			}, x(C(ze)), 1)) : i("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-7b9c52ab"]]), qn = {
+}), [["__scopeId", "data-v-59c746d2"]]), sr = {
 	ref: "root",
 	class: "chart-tooltip-content",
 	style: {
@@ -2859,10 +3138,10 @@ var Pt = {
 		"pointer-events": "none",
 		transform: "translateY(-50%)"
 	}
-}, Jn = /* @__PURE__ */ l({
+}, cr = /* @__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;
@@ -2870,21 +3149,21 @@ var Pt = {
 			getEl() {
 				return s.value;
 			}
-		}), (e, n) => (_(), r(t, { to: "body" }, [o("div", qn, [a.value ? ee(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
+		}), (e, n) => (_(), r(t, { to: "body" }, [o("div", sr, [a.value ? b(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
 	}
-}), Yn = {
+}), lr = {
 	class: "chart-sr-only",
 	"aria-live": "polite"
-}, Xn = {
+}, ur = {
 	key: 1,
 	class: "choropleth-header"
-}, Zn = {
+}, dr = {
 	key: 0,
 	class: "choropleth-legend-title"
-}, Qn = {
+}, fr = {
 	key: 2,
 	class: "choropleth-legend-continuous"
-}, $n = { class: "choropleth-legend-ticks" }, er = ["viewBox"], tr = ["innerHTML"], nr = "http://www.w3.org/2000/svg", rr = 450, ir = 1e3, ar = /* @__PURE__ */ F(/* @__PURE__ */ l({
+}, pr = { class: "choropleth-legend-ticks" }, mr = ["viewBox"], hr = ["innerHTML"], gr = "http://www.w3.org/2000/svg", _r = 450, vr = 1e3, yr = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	__name: "ChoroplethMap",
 	props: {
 		topology: {},
@@ -2930,10 +3209,10 @@ var Pt = {
 		"update:focus"
 	],
 	setup(t, { emit: c }) {
-		let l = t, d = c, te = (e) => e, w = v(null), D = v(null), O = v(null), re = v(null), k = v(null), A = v(null), ie = C(), j = n(() => !!l.tooltipTrigger || !!l.tooltipFormat || !!ie.tooltip), ae = n(() => {
+		let l = t, d = c, ee = (e) => e, T = v(null), O = v(null), k = v(null), ne = v(null), A = v(null), j = v(null), re = w(), M = n(() => !!l.tooltipTrigger || !!l.tooltipFormat || !!re.tooltip), ie = n(() => {
 			let e = l.legendStyle, t = {};
 			return e?.fontSize != null && (t["font-size"] = `${e.fontSize}px`), e?.fontWeight != null && (t["font-weight"] = String(e.fontWeight)), e?.color != null && (t.color = e.color), t;
-		}), M = n(() => {
+		}), N = n(() => {
 			let e = l.titleStyle, t = {
 				"font-size": `${e?.fontSize ?? 14}px`,
 				"line-height": `${e?.lineHeight ?? 18}px`,
@@ -2942,56 +3221,56 @@ var Pt = {
 				width: "100%"
 			};
 			return e?.color && (t.color = e.color), t;
-		}), P = /* @__PURE__ */ new Map(), pe = /* @__PURE__ */ new Map(), me = null, F = null, I = /* @__PURE__ */ new Map(), ge = /* @__PURE__ */ new Map(), _e = !1, ve = typeof window < "u" && "ontouchstart" in window, ye = null, be = {
+		}), I = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Map(), fe = null, L = null, R = /* @__PURE__ */ new Map(), me = /* @__PURE__ */ new Map(), he = !1, ge = typeof window < "u" && "ontouchstart" in window, _e = null, ve = {
 			width: 0,
 			height: 0
-		}, xe = null, Se = !1, L = null, Ce = v(!1), we = 0, R = 0, z = 0;
-		function Te() {
-			if (ve) return;
-			let e = O.value;
-			e && (e.addEventListener("click", gt), e.addEventListener("mouseover", gt), e.addEventListener("mousemove", _t), e.addEventListener("mouseout", vt));
+		}, ye = null, be = !1, z = null, xe = v(!1), Se = 0, B = 0, V = 0;
+		function Ce() {
+			if (ge) return;
+			let e = k.value;
+			e && (e.addEventListener("click", vt), e.addEventListener("mouseover", vt), e.addEventListener("mousemove", yt), e.addEventListener("mouseout", Z));
 		}
-		function Ee() {
-			let e = O.value;
-			e && (e.removeEventListener("click", gt), e.removeEventListener("mouseover", gt), e.removeEventListener("mousemove", _t), e.removeEventListener("mouseout", vt));
+		function we() {
+			let e = k.value;
+			e && (e.removeEventListener("click", vt), e.removeEventListener("mouseover", vt), e.removeEventListener("mousemove", yt), e.removeEventListener("mouseout", Z));
 		}
-		function De() {
-			Q();
+		function Te() {
+			gt();
 		}
 		h(() => {
-			Oe(), Te(), bt(), V(), st(), window.addEventListener("scroll", De, {
+			Ee(), Ce(), bt(), je(), st(), window.addEventListener("scroll", Te, {
 				passive: !0,
 				capture: !0
-			}), window.addEventListener("resize", De, { passive: !0 });
+			}), window.addEventListener("resize", Te, { passive: !0 });
 		}), g(() => {
-			ye?.disconnect(), z && cancelAnimationFrame(z), ke(), Ee(), window.removeEventListener("scroll", De, { capture: !0 }), window.removeEventListener("resize", De);
+			_e?.disconnect(), V && cancelAnimationFrame(V), De(), we(), window.removeEventListener("scroll", Te, { capture: !0 }), window.removeEventListener("resize", Te);
 		});
-		function Oe() {
-			if (!D.value || !O.value) return;
-			let e = ue(D.value), t = Math.max(12, l.focusZoomLevel);
-			L = ce().scaleExtent([1, t]).on("start", () => {
-				_e = !0, Q();
+		function Ee() {
+			if (!O.value || !k.value) return;
+			let e = ce(O.value), t = Math.max(12, l.focusZoomLevel);
+			z = oe().scaleExtent([1, t]).on("start", () => {
+				he = !0, gt();
 			}).on("zoom", (e) => {
-				O.value && O.value.setAttribute("transform", e.transform);
+				k.value && k.value.setAttribute("transform", e.transform);
 				let t = e.transform;
-				Ce.value = t.k !== 1 || t.x !== 0 || t.y !== 0;
+				xe.value = t.k !== 1 || t.x !== 0 || t.y !== 0;
 			}).on("end", () => {
-				_e = !1;
-			}), L.filter((e) => {
-				let t = X.value.length > 0, n = !!l.zoom || t, r = !!l.pan || t;
+				he = !1;
+			}), z.filter((e) => {
+				let t = Y.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(L);
+			}), e.call(z);
 		}
-		function ke() {
-			D.value && L && (ue(D.value).on(".zoom", null), L = null);
+		function De() {
+			O.value && z && (ce(O.value).on(".zoom", null), z = null);
 		}
-		function Ae(e) {
-			let t = Ge.value, n = Ue.value, r = [];
+		function Oe(e) {
+			let t = Ke.value, n = J.value, r = [];
 			for (let i of e) {
 				let e = i.geoType ?? l.geoType, a = t.get(e);
 				if (!a) continue;
@@ -3009,68 +3288,68 @@ var Pt = {
 			}
 			return r;
 		}
-		function B(e) {
+		function ke(e) {
 			let t = /* @__PURE__ */ new Set();
-			for (let n of Ae(e)) n.geoType === l.geoType && t.add(String(n.feature.id));
+			for (let n of Oe(e)) n.geoType === l.geoType && t.add(String(n.feature.id));
 			return t;
 		}
-		let je = !1;
-		function V() {
-			if (!D.value || !L) return;
-			let e = Ae(X.value), t = e.filter((e) => e.geoType === l.geoType), n = e.filter((e) => e.geoType !== l.geoType), r = /* @__PURE__ */ new Map();
+		let Ae = !1;
+		function je() {
+			if (!O.value || !z) return;
+			let e = Oe(Y.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 = P.get(String(e.feature.id));
+				let t = I.get(String(e.feature.id));
 				t && r.set(t, e.item.style ?? "solid");
 			}
-			for (let [e] of I) r.has(e) || e === F || Z(e);
-			for (let [e, t] of r) I.get(e) === t && e !== F || e !== F && pt(e, t);
-			I.clear();
-			for (let [e, t] of r) I.set(e, t);
-			if (H(n), e.length === 0) {
-				je = !0, Q();
+			for (let [e] of R) r.has(e) || e === L || mt(e);
+			for (let [e, t] of r) R.get(e) === t && e !== L || e !== L && pt(e, t);
+			R.clear();
+			for (let [e, t] of r) R.set(e, t);
+			if (Me(n), e.length === 0) {
+				Ae = !0, gt();
 				return;
 			}
-			let i = ue(D.value);
+			let i = ce(O.value);
 			i.interrupt();
-			let a = je;
-			je = !0;
-			let [[o, s], [c, u]] = Ve.value.bounds({
+			let a = Ae;
+			Ae = !0;
+			let [[o, s], [c, u]] = Ue.value.bounds({
 				type: "FeatureCollection",
 				features: e.map((e) => e.feature)
-			}), d = (o + c) / 2, f = (s + u) / 2, p = l.focusZoomLevel, m = le.translate(Pe.value / 2 - p * d, W.value / 2 - p * f).scale(p), h = t[0]?.feature ?? null, g = () => {
-				if (!j.value || !h) return;
-				let e = String(h.id), t = P.get(e);
+			}), d = (o + c) / 2, f = (s + u) / 2, p = l.focusZoomLevel, m = se.translate(Ne.value / 2 - p * d, G.value / 2 - p * f).scale(p), h = t[0]?.feature ?? null, g = () => {
+				if (!M.value || !h) return;
+				let e = String(h.id), t = I.get(e);
 				if (!t) return;
 				let n = t.getBoundingClientRect();
 				lt(e, n.left + n.width / 2, n.top + n.height / 2);
 			};
-			a ? (dt(), i.transition().duration(rr).call(L.transform, m).on("end", g)) : (L.transform(i, m), g());
+			a ? (dt(), i.transition().duration(_r).call(z.transform, m).on("end", g)) : (z.transform(i, m), g());
 		}
-		function H(e) {
-			let t = k.value;
+		function Me(e) {
+			let t = A.value;
 			if (!t) return;
 			let n = new Set(e.map((e) => e.key));
-			for (let [e, t] of ge) n.has(e) || (t.remove(), ge.delete(e));
-			let r = Ve.value, i = He.value + 1.5;
+			for (let [e, t] of me) n.has(e) || (t.remove(), me.delete(e));
+			let r = Ue.value, i = q.value + 1.5;
 			for (let { item: n, feature: a, key: o } of e) {
-				let e = ge.get(o);
-				e || (e = document.createElementNS(nr, "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), ge.set(o, e)), e.setAttribute("stroke", n.stroke ?? "#fff"), e.setAttribute("stroke-width", String(i)), ft(e, n.style);
+				let e = me.get(o);
+				e || (e = document.createElementNS(gr, "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), me.set(o, e)), e.setAttribute("stroke", n.stroke ?? "#fff"), e.setAttribute("stroke-width", String(i)), ft(e, n.style);
 			}
 		}
 		function U() {
-			if (!D.value || !L) return;
-			X.value.length > 0 && d("update:focus", null);
-			let e = ue(D.value);
-			e.interrupt(), dt(), e.transition().duration(rr).call(L.transform, le);
+			if (!O.value || !z) return;
+			Y.value.length > 0 && d("update:focus", null);
+			let e = ce(O.value);
+			e.interrupt(), dt(), e.transition().duration(_r).call(z.transform, se);
 		}
-		T(() => l.focusZoomLevel, () => {
-			L && L.scaleExtent([1, Math.max(12, l.focusZoomLevel)]), V();
+		E(() => l.focusZoomLevel, () => {
+			z && z.scaleExtent([1, Math.max(12, l.focusZoomLevel)]), je();
 		});
-		let Ne = n(() => l.width && l.height ? l.height / l.width : .625), Pe = n(() => ir), W = n(() => ir * Ne.value), K = v(null), Ie = null;
+		let W = n(() => l.width && l.height ? l.height / l.width : .625), Ne = n(() => vr), G = n(() => vr * W.value), Fe = v(null), Ie = null;
 		function Le() {
-			return Ie ||= import("./hsaMapping-Devrp7Rk.js").then((e) => e.n).then((e) => (K.value = e, e)), Ie;
+			return Ie ||= import("./hsaMapping-BahYDmea.js").then((e) => e.n).then((e) => (Fe.value = e, e)), Ie;
 		}
-		T(() => {
+		E(() => {
 			if (l.geoType === "hsas" || l.dataGeoType === "hsas") return !0;
 			let e = l.focus;
 			return e ? (Array.isArray(e) ? e : [e]).some((e) => typeof e != "string" && e.geoType === "hsas") : !1;
@@ -3078,12 +3357,12 @@ var Pt = {
 			e && Le();
 		}, { immediate: !0 });
 		let Re = n(() => {
-			let e = K.value;
+			let e = Fe.value;
 			if (!e) return {
 				type: "FeatureCollection",
 				features: []
 			};
-			let { fipsToHsa: t, hsaNames: n } = e, r = x(l.topology), i = r.objects.counties.geometries, a = /* @__PURE__ */ new Map();
+			let { fipsToHsa: t, hsaNames: n } = e, r = S(l.topology), i = r.objects.counties.geometries, a = /* @__PURE__ */ new Map();
 			for (let e of i) {
 				let n = t[String(e.id).padStart(5, "0")];
 				n && (a.has(n) || a.set(n, []), a.get(n).push(e));
@@ -3093,50 +3372,50 @@ var Pt = {
 				type: "Feature",
 				id: e,
 				properties: { name: n[e] ?? e },
-				geometry: de(r, t)
+				geometry: le(r, t)
 			});
 			return {
 				type: "FeatureCollection",
 				features: o
 			};
-		}), q = n(() => {
+		}), ze = n(() => {
 			if (l.geoType === "hsas") return Re.value;
 			if (l.geoType === "counties") {
-				let e = x(l.topology);
-				return N(e, e.objects.counties);
+				let e = S(l.topology);
+				return F(e, e.objects.counties);
 			}
-			let e = x(l.topology);
-			return N(e, e.objects.states);
-		}), ze = n(() => {
+			let e = S(l.topology);
+			return F(e, e.objects.states);
+		}), Ve = n(() => {
 			if (l.geoType !== "counties" && l.geoType !== "hsas") return null;
-			let e = x(l.topology);
-			return fe(e, e.objects.states, (e, t) => e !== t);
-		}), Be = n(() => oe().fitExtent([[0, 0], [Pe.value, W.value]], q.value)), Ve = n(() => se(Be.value)), He = n(() => l.geoType === "counties" || l.geoType === "hsas" ? l.strokeWidth * .5 : l.strokeWidth), Ue = n(() => {
+			let e = S(l.topology);
+			return ue(e, e.objects.states, (e, t) => e !== t);
+		}), He = n(() => ae().fitExtent([[0, 0], [Ne.value, G.value]], ze.value)), Ue = n(() => P(He.value)), q = n(() => l.geoType === "counties" || l.geoType === "hsas" ? l.strokeWidth * .5 : l.strokeWidth), J = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let [t, n] of Ge.value) {
+			for (let [t, n] of Ke.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 Y(e) {
+		function We(e) {
 			let t = l.dataGeoType;
 			if (!t || t === l.geoType) return e;
-			if (l.geoType === "counties" && t === "hsas") return K.value?.fipsToHsa[e];
+			if (l.geoType === "counties" && t === "hsas") return Fe.value?.fipsToHsa[e];
 			if (l.geoType === "counties" && t === "states" || l.geoType === "hsas" && t === "states") return e.slice(0, 2);
 		}
-		let We = n(() => {
+		let Ge = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of q.value.features) t.id != null && e.set(String(t.id), t);
+			for (let t of ze.value.features) t.id != null && e.set(String(t.id), t);
 			return e;
-		}), X = n(() => {
+		}), Y = n(() => {
 			let e = l.focus;
 			return e == null ? [] : (Array.isArray(e) ? e : [e]).map((e) => typeof e == "string" ? { id: e } : e);
-		}), Ge = n(() => {
+		}), Ke = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			e.set(l.geoType, We.value);
-			let t = x(l.topology), n = t?.objects;
+			e.set(l.geoType, Ge.value);
+			let t = S(l.topology), n = t?.objects;
 			if (!n) return e;
 			let r = (e) => {
 				let t = /* @__PURE__ */ new Map();
@@ -3144,18 +3423,18 @@ var Pt = {
 				return t;
 			};
 			if (!e.has("states") && n.states) {
-				let i = N(t, n.states);
+				let i = F(t, n.states);
 				e.set("states", r(i.features));
 			}
 			if (!e.has("counties") && n.counties) {
-				let i = N(t, n.counties);
+				let i = F(t, n.counties);
 				e.set("counties", r(i.features));
 			}
 			return !e.has("hsas") && n.counties && e.set("hsas", r(Re.value.features)), e;
-		}), Ke = n(() => {
+		}), X = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			if (!l.data) return e;
-			let t = l.dataGeoType ?? l.geoType, n = Ue.value.get(t);
+			let t = l.dataGeoType ?? l.geoType, n = J.value.get(t);
 			for (let t of l.data) {
 				e.set(t.id, t.value);
 				let r = n?.get(t.id);
@@ -3199,8 +3478,8 @@ var Pt = {
 			return e;
 		});
 		function nt(e) {
-			let t = Y(e);
-			return t == null ? void 0 : Ke.value.get(t);
+			let t = We(e);
+			return t == null ? void 0 : X.value.get(t);
 		}
 		function rt(e) {
 			let t = nt(e), n = l.noDataColor;
@@ -3218,131 +3497,131 @@ var Pt = {
 		}
 		let it = (e) => e.properties?.name ?? String(e.id);
 		function at(e) {
-			return e == null ? "" : typeof e == "number" && l.tooltipValueFormat !== void 0 ? ne(e, l.tooltipValueFormat) : String(e);
+			return e == null ? "" : typeof e == "number" && l.tooltipValueFormat !== void 0 ? te(e, l.tooltipValueFormat) : String(e);
 		}
 		function ot(e, t) {
 			return t == null ? e : `${e}: ${at(t)}`;
 		}
 		function st() {
-			let e = A.value?.getEl();
+			let e = j.value?.getEl();
 			if (!e) return;
-			ye?.disconnect();
+			_e?.disconnect();
 			let t = !1;
-			ye = new ResizeObserver((e) => {
+			_e = new ResizeObserver((e) => {
 				let n = e[0]?.contentRect;
-				n && (be.width = n.width, be.height = n.height, !t && Se && xe ? (t = !0, ct(xe.x, xe.y)) : t = !0);
-			}), ye.observe(e);
+				n && (ve.width = n.width, ve.height = n.height, !t && be && ye ? (t = !0, ct(ye.x, ye.y)) : t = !0);
+			}), _e.observe(e);
 		}
 		function ct(e, t) {
-			let n = A.value?.getEl();
+			let n = j.value?.getEl();
 			if (!n) return;
-			let r = w.value?.getBoundingClientRect(), { left: i, top: a } = Me(e, t, be.width, be.height, l.tooltipClamp, r);
+			let r = T.value?.getBoundingClientRect(), { left: i, top: a } = H(e, t, ve.width, ve.height, l.tooltipClamp, r);
 			n.style.transform = `translate3d(${i}px, ${a}px, 0) translateY(-50%)`;
 		}
 		function lt(e, t, n) {
-			let r = pe.get(e);
+			let r = de.get(e);
 			if (!r) return;
-			let i = A.value, a = i?.getEl();
-			!i || !a || (i.setData(r), xe = {
+			let i = j.value, a = i?.getEl();
+			!i || !a || (i.setData(r), ye = {
 				x: t,
 				y: n
-			}, Se = !0, ct(t, n), a.style.visibility = "visible");
+			}, be = !0, ct(t, n), a.style.visibility = "visible");
 		}
 		function ut(e, t) {
-			Se && (we = e, R = t, !z && (z = requestAnimationFrame(() => {
-				z = 0;
-				let e = A.value?.getEl();
-				!e || !Se || (xe = {
-					x: we,
-					y: R
-				}, e.style.transform = `translate3d(${we + 16}px, ${R}px, 0) translateY(-50%)`);
+			be && (Se = e, B = t, !V && (V = requestAnimationFrame(() => {
+				V = 0;
+				let e = j.value?.getEl();
+				!e || !be || (ye = {
+					x: Se,
+					y: B
+				}, e.style.transform = `translate3d(${Se + 16}px, ${B}px, 0) translateY(-50%)`);
 			})));
 		}
 		function dt() {
-			if (!Se) return;
-			Se = !1, xe = null;
-			let e = A.value?.getEl();
+			if (!be) return;
+			be = !1, ye = null;
+			let e = j.value?.getEl();
 			e && (e.style.visibility = "hidden");
 		}
 		function ft(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 pt(e, t = "solid") {
-			e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(He.value + 1)), e.setAttribute("stroke", "#555"), ft(e, t);
-		}
-		function Z(e) {
-			e.setAttribute("stroke-width", String(He.value)), e.setAttribute("stroke", l.strokeColor), e.removeAttribute("stroke-dasharray"), e.removeAttribute("stroke-linecap");
+			e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(q.value + 1)), e.setAttribute("stroke", "#555"), ft(e, t);
 		}
 		function mt(e) {
-			F !== e && (F && !I.has(F) && Z(F), F = e, pt(e, I.get(e) ?? "solid"));
+			e.setAttribute("stroke-width", String(q.value)), e.setAttribute("stroke", l.strokeColor), e.removeAttribute("stroke-dasharray"), e.removeAttribute("stroke-linecap");
 		}
-		function Q() {
-			if (F) {
-				let e = I.get(F);
-				e == null ? Z(F) : pt(F, e), F = null, d("stateHover", null);
+		function ht(e) {
+			L !== e && (L && !R.has(L) && mt(L), L = e, pt(e, R.get(e) ?? "solid"));
+		}
+		function gt() {
+			if (L) {
+				let e = R.get(L);
+				e == null ? mt(L) : pt(L, e), L = null, d("stateHover", null);
 			}
 			dt();
 		}
-		function ht(e) {
+		function _t(e) {
 			let t = e;
 			for (; t && !t.dataset?.featId;) t = t.parentElement;
 			return t ? t.dataset.featId ?? null : null;
 		}
-		function gt(e) {
-			if (_e) return;
-			let t = e, n = ht(t.target);
+		function vt(e) {
+			if (he) return;
+			let t = e, n = _t(t.target);
 			if (!n) return;
-			let r = pe.get(n);
+			let r = de.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", B(X.value).has(r.id) ? null : r.id)) : e.type === "mouseover" && (mt(P.get(n)), j.value && lt(n, t.clientX, t.clientY), d("stateHover", i));
+			e.type === "click" ? (d("stateClick", i), d("update:focus", ke(Y.value).has(r.id) ? null : r.id)) : e.type === "mouseover" && (ht(I.get(n)), M.value && lt(n, t.clientX, t.clientY), d("stateHover", i));
 		}
-		function _t(e) {
-			_e || ut(e.clientX, e.clientY);
+		function yt(e) {
+			he || ut(e.clientX, e.clientY);
 		}
-		function vt(e) {
+		function Z(e) {
 			let t = e.relatedTarget;
-			t && O.value?.contains(t) || Q();
+			t && k.value?.contains(t) || gt();
 		}
-		function yt(e) {
-			let t = document.createElementNS(nr, "path");
+		function Q(e) {
+			let t = document.createElementNS(gr, "path");
 			return e && t.setAttribute("d", e), t;
 		}
 		function bt() {
-			let e = re.value, t = k.value;
+			let e = ne.value, t = A.value;
 			if (!e || !t) return;
 			for (; e.firstChild;) e.removeChild(e.firstChild);
 			for (; t.firstChild;) t.removeChild(t.firstChild);
-			P.clear(), pe.clear(), me = null, F = null, I.clear(), ge.clear();
-			let n = Ve.value, r = q.value.features, i = l.strokeColor, a = String(He.value), o = !j.value, s = document.createDocumentFragment();
+			I.clear(), de.clear(), fe = null, L = null, R.clear(), me.clear();
+			let n = Ue.value, r = ze.value.features, i = l.strokeColor, a = String(q.value), o = !M.value, s = document.createDocumentFragment();
 			for (let e of r) {
-				let t = String(e.id), r = it(e), c = nt(t), l = yt(n(e));
+				let t = String(e.id), r = it(e), c = nt(t), l = Q(n(e));
 				if (l.setAttribute("class", "state-path"), l.setAttribute("data-feat-id", t), l.setAttribute("fill", rt(t)), l.setAttribute("stroke", i), l.setAttribute("stroke-width", a), l.setAttribute("vector-effect", "non-scaling-stroke"), o) {
-					let e = document.createElementNS(nr, "title");
+					let e = document.createElementNS(gr, "title");
 					e.textContent = ot(r, c), l.appendChild(e);
 				}
-				s.appendChild(l), P.set(t, l), pe.set(t, {
+				s.appendChild(l), I.set(t, l), de.set(t, {
 					id: t,
 					name: r,
 					value: c,
 					feature: e
 				});
 			}
-			let c = ze.value;
+			let c = Ve.value;
 			if (c) {
-				let e = yt(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), me = e;
+				let e = Q(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), fe = e;
 			}
 			e.appendChild(s);
 		}
 		function xt() {
-			let e = !j.value;
-			for (let [t, n] of P) {
-				let r = nt(t), i = pe.get(t);
+			let e = !M.value;
+			for (let [t, n] of I) {
+				let r = nt(t), i = de.get(t);
 				if (n.setAttribute("fill", rt(t)), i && (i.value = r), e && i) {
 					let e = n.firstElementChild;
 					e && (e.textContent = ot(i.name, r));
@@ -3350,8 +3629,8 @@ var Pt = {
 			}
 		}
 		function St() {
-			for (let e of P.values()) e === F || I.has(e) || Z(e);
-			me && me.setAttribute("stroke", l.strokeColor);
+			for (let e of I.values()) e === L || R.has(e) || mt(e);
+			fe && fe.setAttribute("stroke", l.strokeColor);
 		}
 		function Ct() {
 			return typeof l.menu == "string" ? l.menu : "choropleth";
@@ -3392,103 +3671,103 @@ var Pt = {
 				label: t.label ?? String(t.min)
 			});
 			return e;
-		}), $ = n(() => `linear-gradient(to right, ${Et.value.map((e) => `${e.color} ${e.offset}`).join(", ")})`), At = J(), jt = n(() => {
+		}), At = n(() => `linear-gradient(to right, ${Et.value.map((e) => `${e.color} ${e.offset}`).join(", ")})`), jt = Be(), Mt = n(() => {
 			let e = Ct();
 			return [
-				At.menuItem.value,
+				jt.menuItem.value,
 				{
 					label: "Save as SVG",
 					action: () => {
-						D.value && G(D.value, e);
+						O.value && K(O.value, e);
 					}
 				},
 				{
 					label: "Save as PNG",
 					action: () => {
-						D.value && Fe(D.value, e);
+						O.value && Pe(O.value, e);
 					}
 				}
 			];
 		});
-		return T(() => [Ve.value, j.value], () => bt()), T(() => [
-			Ke.value,
+		return E(() => [Ue.value, M.value], () => bt()), E(() => [
+			X.value,
 			l.colorScale,
 			l.noDataColor,
 			l.dataGeoType
-		], () => xt()), T(() => [l.strokeColor, He.value], () => St()), T(() => [
-			X.value,
-			Ve.value,
-			K.value
-		], () => V(), { flush: "post" }), (n, c) => (_(), a("div", {
+		], () => xt()), E(() => [l.strokeColor, q.value], () => St()), E(() => [
+			Y.value,
+			Ue.value,
+			Fe.value
+		], () => je(), { flush: "post" }), (n, c) => (_(), a("div", {
 			ref_key: "containerRef",
-			ref: w,
+			ref: T,
 			class: f(["choropleth-wrapper", {
 				pannable: t.pan,
-				"is-fullscreen": S(At).isFullscreen.value
+				"is-fullscreen": C(jt).isFullscreen.value
 			}])
 		}, [
-			t.menu ? (_(), r(he, {
+			t.menu ? (_(), r(pe, {
 				key: 0,
-				items: jt.value
+				items: Mt.value
 			}, null, 8, ["items"])) : i("", !0),
-			o("div", Yn, b(S(At).isFullscreen.value ? "Map expanded to fill window" : ""), 1),
-			t.title || wt.value ? (_(), a("div", Xn, [t.title ? (_(), a("div", {
+			o("div", lr, x(C(jt).isFullscreen.value ? "Map expanded to fill window" : ""), 1),
+			t.title || wt.value ? (_(), a("div", ur, [t.title ? (_(), a("div", {
 				key: 0,
 				class: "choropleth-title",
-				style: m(M.value)
-			}, b(t.title), 5)) : i("", !0), wt.value ? (_(), a("div", {
+				style: m(N.value)
+			}, x(t.title), 5)) : i("", !0), wt.value ? (_(), a("div", {
 				key: 1,
 				class: "choropleth-legend",
-				style: m(ae.value)
-			}, [t.legendTitle ? (_(), a("span", Zn, b(t.legendTitle), 1)) : i("", !0), Je.value || Ye.value ? (_(!0), a(e, { key: 1 }, y(kt.value, (e) => (_(), a("span", {
+				style: m(ie.value)
+			}, [t.legendTitle ? (_(), a("span", dr, x(t.legendTitle), 1)) : i("", !0), Je.value || Ye.value ? (_(!0), a(e, { key: 1 }, y(kt.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", Qn, [o("div", {
+			}, null, 4), s(" " + x(e.label), 1)]))), 128)) : (_(), a("div", fr, [o("div", {
 				class: "choropleth-legend-gradient",
-				style: m({ background: $.value })
-			}, null, 4), o("div", $n, [(_(!0), a(e, null, y(Ot.value, (e) => (_(), a("span", {
+				style: m({ background: At.value })
+			}, null, 4), o("div", pr, [(_(!0), a(e, null, y(Ot.value, (e) => (_(), a("span", {
 				key: e.value,
 				style: m({ left: e.pct + "%" })
-			}, b(e.value), 5))), 128))])]))], 4)) : i("", !0)])) : i("", !0),
+			}, x(e.value), 5))), 128))])]))], 4)) : i("", !0)])) : i("", !0),
 			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: D,
-				viewBox: `0 0 ${Pe.value} ${W.value}`,
+				ref: O,
+				viewBox: `0 0 ${Ne.value} ${G.value}`,
 				preserveAspectRatio: "xMidYMid meet"
 			}, [o("g", {
 				ref_key: "mapGroupRef",
-				ref: O
+				ref: k
 			}, [o("g", {
 				ref_key: "baseGroupRef",
-				ref: re
+				ref: ne
 			}, null, 512), o("g", {
 				ref_key: "overlayGroupRef",
-				ref: k
-			}, null, 512)], 512)], 8, er)),
-			Ce.value ? (_(), a("button", {
+				ref: A
+			}, null, 512)], 512)], 8, mr)),
+			xe.value ? (_(), a("button", {
 				key: 2,
 				type: "button",
 				class: "choropleth-reset",
 				"aria-label": "Reset zoom",
 				onClick: U
 			}, " Reset ")) : i("", !0),
-			j.value ? (_(), r(Jn, {
+			M.value ? (_(), r(cr, {
 				key: 3,
 				ref_key: "tooltipChildRef",
-				ref: A
+				ref: j
 			}, {
-				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, tr)) : r.value == null ? (_(), a(e, { key: 1 }, [s(b(r.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(b(r.name) + ": " + b(at(r.value)), 1)], 64))], !0)]),
+				}, null, 8, hr)) : r.value == null ? (_(), a(e, { key: 1 }, [s(x(r.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(x(r.name) + ": " + x(at(r.value)), 1)], 64))], !0)]),
 				_: 3
 			}, 512)) : i("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-b11a80ed"]]), or = /* @__PURE__ */ F(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-b11a80ed"]]), br = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	__name: "ChartTooltip",
 	props: {
 		x: {},
@@ -3508,12 +3787,12 @@ var Pt = {
 				top: `${e.y}px`,
 				transform: "translateY(-50%)"
 			})
-		}, [ee(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (_(), r(S(M), {
+		}, [b(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (_(), r(C(N), {
 			key: 1,
 			open: e.open
 		}, {
-			default: E(() => [c(S(ie), { "as-child": "" }, {
-				default: E(() => [o("div", {
+			default: D(() => [c(C(re), { "as-child": "" }, {
+				default: D(() => [o("div", {
 					class: "chart-tooltip-anchor",
 					style: m({
 						left: `${e.x}px`,
@@ -3521,8 +3800,8 @@ var Pt = {
 					})
 				}, null, 4)]),
 				_: 1
-			}), c(S(ae), null, {
-				default: E(() => [e.open ? (_(), r(S(j), {
+			}), c(C(ie), null, {
+				default: D(() => [e.open ? (_(), r(C(M), {
 					key: 0,
 					class: "chart-tooltip-content",
 					side: "right",
@@ -3531,7 +3810,7 @@ var Pt = {
 					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
@@ -3539,7 +3818,7 @@ var Pt = {
 			_: 3
 		}, 8, ["open"])) : i("", !0);
 	}
-}), [["__scopeId", "data-v-44377f70"]]), sr = { class: "TableWrapper" }, cr = /* @__PURE__ */ F(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-44377f70"]]), xr = { class: "TableWrapper" }, Sr = ["href", "download"], Cr = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -3552,6 +3831,11 @@ var Pt = {
 		csv: {},
 		filename: {},
 		downloadMenuLink: { default: "Download" },
+		downloadButton: {
+			type: Boolean,
+			default: !1
+		},
+		downloadLink: { type: [Boolean, String] },
 		fullWidth: {
 			type: Boolean,
 			default: !1
@@ -3583,11 +3867,21 @@ var Pt = {
 			if (t) return { textAlign: t };
 		}
 		function p(e) {
+			let t = c.columnConfig?.[e];
+			return [t?.columnClass, t?.wrap ? "cell-wrap" : void 0];
+		}
+		function h(e) {
+			return p(e);
+		}
+		function g(e) {
+			return [...p(e), c.columnConfig?.[e]?.cellClass];
+		}
+		function v(e) {
 			return typeof e.column == "function";
 		}
-		let h = n(() => {
+		let b = n(() => {
 			let e = c.data;
-			return p(e) ? e.columns.map((t) => ({
+			return v(e) ? e.columns.map((t) => ({
 				name: t.name,
 				values: e.column(t.name),
 				enumLabels: t.enumLabels
@@ -3595,66 +3889,88 @@ var Pt = {
 				name: e,
 				values: t
 			}));
-		}), g = n(() => {
-			let e = h.value;
+		}), ee = n(() => {
+			let e = b.value;
 			if (e.length === 0) return 0;
 			let t = 0;
 			for (let n of e) t = Math.max(t, n.values.length);
 			return c.maxRows ? Math.min(t, c.maxRows) : t;
 		});
-		function v(e, t) {
+		function S(e, t) {
 			let n = e.values[t];
 			if (n == null) return "";
 			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 C() {
 			return c.filename ? c.filename : typeof c.menu == "string" ? c.menu : "data";
 		}
-		function te(e) {
+		function w(e) {
 			return e.includes(",") || e.includes("\"") || e.includes("\n") ? `"${e.replace(/"/g, "\"\"")}"` : e;
 		}
-		function x() {
+		function T() {
 			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 = b.value, t = ee.value, n = [e.map((e) => w(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) => w(S(e, r)));
 				n.push(t.join(","));
 			}
 			return n.join("\n");
 		}
-		let S = n(() => [{
+		function E() {
+			Fe(T(), C());
+		}
+		let D = n(() => c.downloadButton || c.downloadLink ? [] : [{
 			label: c.downloadMenuLink,
-			action: () => K(x(), ee())
-		}]), C = n(() => !!c.menu);
+			action: E
+		}]), O = n(() => {
+			if (c.downloadButton) return null;
+			let e = c.downloadLink;
+			return e ? typeof e == "string" ? e : "Download data (CSV)" : null;
+		}), k = n(() => O.value ? `data:text/csv;charset=utf-8,${encodeURIComponent(T())}` : null), ne = n(() => !!c.menu && D.value.length > 0);
 		return (n, s) => (_(), a("div", { class: f(["TableOuter", {
 			"full-width": t.fullWidth,
-			"has-menu": C.value
-		}]) }, [C.value ? (_(), r(he, {
-			key: 0,
-			items: S.value,
-			"force-dropdown": ""
-		}, null, 8, ["items"])) : i("", !0), o("div", sr, [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))
-			}, null, 4))), 128))]),
-			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))])]),
-			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))])
-		], 2)])], 2));
+			"has-menu": ne.value
+		}]) }, [
+			ne.value ? (_(), r(pe, {
+				key: 0,
+				items: D.value,
+				"force-dropdown": ""
+			}, null, 8, ["items"])) : i("", !0),
+			o("div", xr, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
+				o("colgroup", null, [(_(!0), a(e, null, y(b.value, (e) => (_(), a("col", {
+					key: e.name,
+					style: m(u(e.name))
+				}, null, 4))), 128))]),
+				o("thead", null, [o("tr", null, [(_(!0), a(e, null, y(b.value, (e) => (_(), a("th", {
+					key: e.name,
+					class: f(h(e.name)),
+					style: m(d(e.name))
+				}, x(l(e.name)), 7))), 128))])]),
+				o("tbody", null, [(_(!0), a(e, null, y(ee.value, (t) => (_(), a("tr", { key: t }, [(_(!0), a(e, null, y(b.value, (e) => (_(), a("td", {
+					key: e.name,
+					class: f(g(e.name)),
+					style: m(d(e.name))
+				}, x(S(e, t - 1)), 7))), 128))]))), 128))])
+			], 2)]),
+			t.downloadButton ? (_(), a("button", {
+				key: 1,
+				type: "button",
+				class: "data-table-download-button",
+				onClick: E
+			}, x(t.downloadMenuLink), 1)) : O.value ? (_(), a("a", {
+				key: 2,
+				class: "data-table-download-link",
+				href: k.value,
+				download: `${C()}.csv`
+			}, x(O.value), 9, Sr)) : i("", !0)
+		], 2));
 	}
-}), [["__scopeId", "data-v-d6b3bce8"]]);
+}), [["__scopeId", "data-v-21721f41"]]);
 //#endregion
-export { Kn as BarChart, or as ChartTooltip, ar as ChoroplethMap, cr as DataTable, bn as LineChart };
+export { or as BarChart, br as ChartTooltip, yr as ChoroplethMap, Cr as DataTable, En as LineChart };