@cfasim-ui/charts 0.4.0 → 0.4.2

package/dist/index.js

@@ -1,73 +1,65 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, normalizeStyle as p, onMounted as ee, onUnmounted as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, toHandlers as te, toRaw as b, unref as x, useId as S, watch as ne, withCtx as C } from "vue";
-import { DropdownMenuContent as w, DropdownMenuItem as T, DropdownMenuPortal as re, DropdownMenuRoot as E, DropdownMenuTrigger as D, PopoverAnchor as O, PopoverContent as k, PopoverPortal as A, PopoverRoot as j } from "reka-ui";
-import { geoAlbersUsa as M, geoPath as ie } from "d3-geo";
-import { zoom as N } from "d3-zoom";
-import { select as P } from "d3-selection";
-import { feature as F, merge as ae, mesh as oe } from "topojson-client";
+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 ee, openBlock as g, ref as _, renderList as v, renderSlot as te, toDisplayString as y, toHandlers as ne, toRaw as b, unref as x, useSlots as re, useTemplateRef as S, watch as C, withCtx as w } from "vue";
+import { DropdownMenuContent as T, DropdownMenuItem as E, DropdownMenuPortal as D, DropdownMenuRoot as O, DropdownMenuTrigger as k, PopoverAnchor as A, PopoverContent as j, PopoverPortal as M, PopoverRoot as N } from "reka-ui";
+import { geoAlbersUsa as P, geoPath as ie } from "d3-geo";
+import { zoom as F, zoomIdentity as I } from "d3-zoom";
+import { select as ae } from "d3-selection";
+import { feature as L, merge as oe, mesh as R } from "topojson-client";
 //#region src/ChartMenu/ChartMenu.vue?vue&type=script&setup=true&lang.ts
-var I = { class: "chart-menu-trigger-area" }, L = ["aria-label"], se = /* @__PURE__ */ c({
+var se = { class: "chart-menu-trigger-area" }, z = ["aria-label"], B = /* @__PURE__ */ l({
 	__name: "ChartMenu",
-	props: { items: {} },
+	props: {
+		items: {},
+		forceDropdown: {
+			type: Boolean,
+			default: !1
+		}
+	},
 	setup(t) {
-		return (r, c) => (h(), i("div", I, [t.items.length === 1 ? (h(), i("button", {
-			key: 0,
-			class: "chart-menu-button chart-menu-single",
-			"aria-label": t.items[0].label,
-			onClick: c[0] ||= (...e) => t.items[0].action && t.items[0].action(...e)
-		}, [...c[1] ||= [a("svg", {
-			width: "14",
-			height: "14",
-			viewBox: "0 0 14 14",
-			fill: "none",
-			stroke: "currentColor",
-			"stroke-width": "1.5",
-			"stroke-linecap": "round",
-			"stroke-linejoin": "round",
-			"aria-hidden": "true"
-		}, [a("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, L)) : (h(), n(x(E), {
+		let n = t, i = () => n.forceDropdown || n.items.length > 1;
+		return (n, l) => (g(), a("div", se, [i() ? (g(), r(x(O), {
 			key: 1,
 			modal: !1
 		}, {
-			default: C(() => [s(x(D), {
+			default: w(() => [c(x(k), {
 				class: "chart-menu-button",
 				"aria-label": "Chart options"
 			}, {
-				default: C(() => [...c[2] ||= [a("svg", {
+				default: w(() => [...l[2] ||= [o("svg", {
 					width: "16",
 					height: "16",
 					viewBox: "0 0 16 16",
 					fill: "currentColor",
 					"aria-hidden": "true"
 				}, [
-					a("circle", {
+					o("circle", {
 						cx: "3",
 						cy: "8",
 						r: "1.5"
 					}),
-					a("circle", {
+					o("circle", {
 						cx: "8",
 						cy: "8",
 						r: "1.5"
 					}),
-					a("circle", {
+					o("circle", {
 						cx: "13",
 						cy: "8",
 						r: "1.5"
 					})
 				], -1)]]),
 				_: 1
-			}), s(x(re), null, {
-				default: C(() => [s(x(w), {
+			}), c(x(D), null, {
+				default: w(() => [c(x(T), {
 					class: "chart-menu-content",
 					"side-offset": 4,
 					align: "end"
 				}, {
-					default: C(() => [(h(!0), i(e, null, _(t.items, (e) => (h(), n(x(T), {
+					default: w(() => [(g(!0), a(e, null, v(t.items, (e) => (g(), r(x(E), {
 						key: e.label,
 						class: "chart-menu-item",
 						onSelect: e.action
 					}, {
-						default: C(() => [o(y(e.label), 1)]),
+						default: w(() => [s(y(e.label), 1)]),
 						_: 2
 					}, 1032, ["onSelect"]))), 128))]),
 					_: 1
@@ -75,48 +67,63 @@ var I = { class: "chart-menu-trigger-area" }, L = ["aria-label"], se = /* @__PUR
 				_: 1
 			})]),
 			_: 1
-		}))]));
+		})) : (g(), a("button", {
+			key: 0,
+			class: "chart-menu-button chart-menu-single",
+			"aria-label": t.items[0].label,
+			onClick: l[0] ||= (...e) => t.items[0].action && t.items[0].action(...e)
+		}, [...l[1] ||= [o("svg", {
+			width: "14",
+			height: "14",
+			viewBox: "0 0 14 14",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"aria-hidden": "true"
+		}, [o("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, z))]));
 	}
-}), R = (e, t) => {
+}), V = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ce = /* @__PURE__ */ R(se, [["__scopeId", "data-v-fe2f6904"]]);
+}, ce = /* @__PURE__ */ V(B, [["__scopeId", "data-v-b3c563e8"]]);
 //#endregion
 //#region src/_shared/axes.ts
-function z(e) {
+function H(e) {
 	return Math.round(e) + .5;
 }
-function B(e, t) {
+function U(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 V(e, t, n) {
+function W(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 H = new Intl.NumberFormat();
-function U(e) {
-	return Math.abs(e) >= 1e3 ? H.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
+var le = new Intl.NumberFormat();
+function G(e) {
+	return Math.abs(e) >= 1e3 ? le.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
 }
 //#endregion
 //#region src/_shared/computeTicks.ts
-function le(e) {
+function K(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 V(t + i, n + i, r).map((e) => e - i);
-	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = B(n - t, a);
-	return V(t + i, n + i, o).map((e) => e - i);
+	if (typeof r == "number") return W(t + i, n + i, r).map((e) => e - i);
+	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = U(n - t, a);
+	return W(t + i, n + i, o).map((e) => e - i);
 }
 //#endregion
 //#region src/_shared/useChartSize.ts
-function W(e = {}) {
-	let t = g(null), n = g(0), r = null, i = null;
-	return ee(() => {
+function ue(e = {}) {
+	let t = _(null), n = _(0), r = null, i = null;
+	return h(() => {
 		t.value && (n.value = t.value.clientWidth, r = new ResizeObserver((t) => {
 			let r = t[0];
 			if (!r) return;
@@ -125,32 +132,32 @@ function W(e = {}) {
 				n.value = r.contentRect.width;
 			}, a)) : n.value = r.contentRect.width;
 		}), r.observe(t.value));
-	}), m(() => {
+	}), ee(() => {
 		r?.disconnect(), i && clearTimeout(i);
 	}), {
 		containerRef: t,
 		measuredWidth: n
 	};
 }
-function G(e) {
-	let n = t(() => ({
+function de(e) {
+	let t = n(() => ({
 		top: (e.title() ? 30 : 10) + (e.hasInlineLegend() ? 20 : 0),
 		right: 10,
 		bottom: e.xLabel() ? 46 : 30,
 		left: e.yLabel() ? 66 : 50
 	}));
 	return {
-		padding: n,
-		innerW: t(() => e.width() - n.value.left - n.value.right),
-		innerH: t(() => e.height() - n.value.top - n.value.bottom)
+		padding: t,
+		innerW: n(() => e.width() - t.value.left - t.value.right),
+		innerH: n(() => e.height() - t.value.top - t.value.bottom)
 	};
 }
 //#endregion
 //#region src/tooltip-position.ts
-var K = 16, q = 8;
-function J(e, t, n, r, i, a) {
+var q = 16, J = 8;
+function Y(e, t, n, r, i, a) {
 	if (i === "none") return {
-		left: e + K,
+		left: e + q,
 		top: t
 	};
 	let o = i === "chart" && a ? {
@@ -163,16 +170,16 @@ function J(e, t, n, r, i, a) {
 		right: window.innerWidth,
 		top: 0,
 		bottom: window.innerHeight
-	}, s = e + K + n > o.right - q ? e - K - n : e + K, c = r / 2;
+	}, s = e + q + n > o.right - J ? e - q - n : e + q, c = r / 2;
 	return {
 		left: s,
-		top: Math.min(Math.max(t, o.top + q + c), o.bottom - q - c)
+		top: Math.min(Math.max(t, o.top + J + c), o.bottom - J - c)
 	};
 }
 //#endregion
 //#region src/_shared/useChartTooltip.ts
-function ue(e) {
-	let t = e.touchYOffset ?? 50, n = g(null), r = g(!1), i = g(null), a = g(null), o = g(null);
+function fe(e) {
+	let t = e.touchYOffset ?? 50, n = _(null), r = _(!1), i = _(null), a = _(null), o = _(null);
 	function s(e) {
 		return "touches" in e ? e.touches[0] ?? null : e;
 	}
@@ -185,14 +192,14 @@ function ue(e) {
 			clientY: r.clientY
 		}, e.onHover?.({ index: i }));
 	}
-	ne([a, n], () => {
+	C([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 } = J(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 } = Y(a.value.clientX, a.value.clientY - u, s.offsetWidth, s.offsetHeight, d, l);
 		o.value = {
 			left: f - l.left,
 			top: p - l.top
@@ -217,7 +224,7 @@ function ue(e) {
 	function p(t) {
 		e.enabled() && (t.preventDefault(), c(t));
 	}
-	function ee() {
+	function m() {
 		e.enabled() && (r.value = !1, n.value = null, e.onHover?.(null));
 	}
 	return {
@@ -232,13 +239,13 @@ function ue(e) {
 			click: d,
 			touchstart: f,
 			touchmove: p,
-			touchend: ee
+			touchend: m
 		}
 	};
 }
 //#endregion
 //#region src/ChartMenu/download.ts
-function Y(e, t) {
+function pe(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
 }
@@ -246,9 +253,9 @@ function X(e, t) {
 	let n = e.cloneNode(!0);
 	n.setAttribute("xmlns", "http://www.w3.org/2000/svg");
 	let r = new XMLSerializer().serializeToString(n);
-	Y(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
+	pe(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
 }
-function de(e, t) {
+function me(e, t) {
 	let n = e.cloneNode(!0);
 	n.setAttribute("xmlns", "http://www.w3.org/2000/svg");
 	let 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;
@@ -257,17 +264,17 @@ function de(e, t) {
 		e.width = s * 2, e.height = c * 2;
 		let n = e.getContext("2d");
 		n.scale(2, 2), n.drawImage(o, 0, 0, s, c), e.toBlob((e) => {
-			e && Y(e, `${t}.png`);
+			e && pe(e, `${t}.png`);
 		}), URL.revokeObjectURL(a);
 	}, o.src = a;
 }
 function Z(e, t) {
-	Y(new Blob([e], { type: "text/csv" }), `${t}.csv`);
+	pe(new Blob([e], { type: "text/csv" }), `${t}.csv`);
 }
 //#endregion
 //#region src/_shared/useChartMenu.ts
-function fe(e) {
-	let n = g(null);
+function he(e) {
+	let t = _(null);
 	function r() {
 		let t = e.filename();
 		if (t) return t;
@@ -275,35 +282,35 @@ function fe(e) {
 		return typeof n == "string" ? n : "chart";
 	}
 	return {
-		svgRef: n,
-		items: t(() => {
-			let t = r(), i = [{
+		svgRef: t,
+		items: n(() => {
+			let n = r(), i = [{
 				label: "Save as SVG",
 				action: () => {
-					n.value && X(n.value, t);
+					t.value && X(t.value, n);
 				}
 			}, {
 				label: "Save as PNG",
 				action: () => {
-					n.value && de(n.value, t);
+					t.value && me(t.value, n);
 				}
 			}];
 			return e.downloadLink() || i.push({
 				label: "Download CSV",
-				action: () => Z(e.getCsv(), t)
+				action: () => Z(e.getCsv(), n)
 			}), i;
 		}),
-		downloadLinkText: t(() => {
+		downloadLinkText: n(() => {
 			let t = e.downloadLink();
 			return t ? typeof t == "string" ? t : "Download data (CSV)" : null;
 		}),
-		csvHref: t(() => e.downloadLink() ? `data:text/csv;charset=utf-8,${encodeURIComponent(e.getCsv())}` : null),
+		csvHref: n(() => e.downloadLink() ? `data:text/csv;charset=utf-8,${encodeURIComponent(e.getCsv())}` : null),
 		resolvedFilename: r
 	};
 }
 //#endregion
 //#region src/_shared/seriesCsv.ts
-function pe(e) {
+function ge(e) {
 	if (e.length === 0) return "";
 	let t = 0;
 	for (let n of e) n.data.length > t && (t = n.data.length);
@@ -315,7 +322,7 @@ function pe(e) {
 	}
 	return i.join("\n");
 }
-function me(e, t, n = "category") {
+function _e(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++) {
@@ -330,70 +337,70 @@ function Q(e) {
 }
 //#endregion
 //#region src/LineChart/LineChart.vue?vue&type=script&setup=true&lang.ts
-var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
+var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, $ = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], ye = [
+], xe = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], be = ["x", "y"], $ = [
+], Se = ["x", "y"], Ce = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], xe = [
+], we = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Se = [
+], Te = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Ce = [
+], Ee = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], we = ["x", "y"], Te = ["transform"], Ee = [
+], De = ["x", "y"], Oe = ["transform"], ke = [
 	"x",
 	"y",
 	"text-anchor"
-], De = ["x", "y"], Oe = [
+], Ae = ["x", "y"], je = [
 	"d",
 	"fill",
 	"fill-opacity"
-], ke = [
+], Me = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], Ae = [
+], Ne = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], je = [
+], Pe = [
 	"d",
 	"fill",
 	"fill-opacity"
-], Me = [
+], Fe = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Ne = [
+], Ie = [
 	"x1",
 	"y1",
 	"x2",
@@ -401,7 +408,7 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Pe = [
+], Le = [
 	"x1",
 	"y1",
 	"x2",
@@ -409,44 +416,44 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Fe = [
+], Re = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Ie = [
+], ze = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Le = [
+], Be = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Re = [
+], Ve = [
 	"cx",
 	"cy",
 	"fill"
-], ze = [
+], He = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Be = [
+], Ue = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], Ve = [
+], We = [
 	"x",
 	"y",
 	"fill"
-], He = ["x", "y"], Ue = { class: "line-chart-tooltip" }, We = {
+], Ge = ["x", "y"], Ke = { class: "line-chart-tooltip" }, qe = {
 	key: 0,
 	class: "line-chart-tooltip-label"
-}, Ge = ["href", "download"], Ke = 36, qe = 12, Je = 7, Ye = 16, Xe = /* @__PURE__ */ R(/* @__PURE__ */ c({
+}, Je = ["href", "download"], Ye = 36, Xe = 12, Ze = 7, Qe = 16, $e = /* @__PURE__ */ V(/* @__PURE__ */ l({
 	__name: "LineChart",
 	props: {
 		y: {},
@@ -467,6 +474,7 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 		yTicks: {},
 		xTickFormat: {},
 		yTickFormat: {},
+		tooltipValueFormat: {},
 		xLabels: {},
 		debounce: {},
 		menu: {
@@ -483,50 +491,53 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 		downloadLink: { type: [Boolean, String] }
 	},
 	emits: ["hover"],
-	setup(s, { emit: c }) {
-		let d = s, ee = c, { containerRef: m, measuredWidth: g } = W({ debounce: () => d.debounce }), b = t(() => d.width ?? (g.value || 400)), S = t(() => d.height ?? 200), ne = t(() => D.value.some((e) => e.legend) || d.areaSections?.some((e) => e.legend === "inline" && (e.label || e.description)) || !1), { padding: C, innerW: w, innerH: T } = G({
-			title: () => d.title,
-			xLabel: () => d.xLabel,
-			yLabel: () => d.yLabel,
-			hasInlineLegend: () => ne.value,
-			width: () => b.value,
-			height: () => S.value
-		}), re = [];
+	setup(t, { emit: c }) {
+		let l = t, f = c, { containerRef: h, measuredWidth: ee } = ue({ debounce: () => l.debounce }), _ = n(() => l.width ?? (ee.value || 400)), b = n(() => l.height ?? 200), re = n(() => O.value.some((e) => e.legend) || l.areaSections?.some((e) => e.legend === "inline" && (e.label || e.description)) || !1), { padding: S, innerW: C, innerH: w } = de({
+			title: () => l.title,
+			xLabel: () => l.xLabel,
+			yLabel: () => l.yLabel,
+			hasInlineLegend: () => re.value,
+			width: () => _.value,
+			height: () => b.value
+		}), T = [];
 		function E(e) {
 			return {
 				...e,
-				data: e.y ?? e.data ?? re
+				data: e.y ?? e.data ?? T
 			};
 		}
-		let D = t(() => {
-			if (d.series && d.series.length > 0) return d.series.map(E);
-			let e = d.y ?? d.data;
+		function D(e) {
+			return l.tooltipValueFormat ? l.tooltipValueFormat(e) : l.yTickFormat ? l.yTickFormat(e) : G(e);
+		}
+		let O = n(() => {
+			if (l.series && l.series.length > 0) return l.series.map(E);
+			let e = l.y ?? l.data;
 			return e ? [{
 				data: e,
-				x: d.x
+				x: l.x
 			}] : [];
-		}), O = t(() => d.areas ?? []), k = t(() => {
+		}), k = n(() => l.areas ?? []), A = 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;
-		}), A = t(() => D.value.some((e) => e.x != null) || O.value.some((e) => e.x != null));
-		function j(e, t) {
+		}), j = n(() => O.value.some((e) => e.x != null) || k.value.some((e) => e.x != null));
+		function M(e, t) {
 			return e.x ? Number(e.x[t]) : t;
 		}
-		function M(e, t) {
+		function N(e, t) {
 			return e.x ? Number(e.x[t]) : t;
 		}
-		let ie = t(() => A.value ? 0 : d.xMin ?? 0), N = t(() => {
+		let P = n(() => j.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 = j(n, r);
+			for (let n of O.value) for (let r = 0; r < n.data.length; r++) {
+				let i = M(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 = M(n, i);
+					let r = N(n, i);
 					isFinite(r) && (r < e && (e = r), r > t && (t = r));
 				}
 			}
@@ -538,18 +549,18 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 				max: 0
 			};
 		});
-		function P(e) {
-			let { min: t, max: n } = N.value, r = n - t || 1;
-			return C.value.left + (e - t) / r * w.value;
+		function F(e) {
+			let { min: t, max: n } = ie.value, r = n - t || 1;
+			return S.value.left + (e - t) / r * C.value;
 		}
-		let F = t(() => {
+		let I = n(() => {
 			let e = Infinity, t = -Infinity;
-			for (let n of D.value) for (let r of n.data) isFinite(r) && (r < e && (e = r), r > t && (t = r));
-			for (let n of O.value) {
+			for (let n of O.value) for (let r of n.data) isFinite(r) && (r < e && (e = r), r > t && (t = r));
+			for (let n of k.value) {
 				for (let r of n.upper) isFinite(r) && (r < e && (e = r), r > t && (t = r));
 				for (let r of n.lower) isFinite(r) && (r < e && (e = r), r > t && (t = r));
 			}
-			return isFinite(e) ? (d.yMin != null && d.yMin < e && (e = d.yMin), {
+			return isFinite(e) ? (l.yMin != null && l.yMin < e && (e = l.yMin), {
 				min: e,
 				max: t,
 				range: t - e || 1
@@ -562,72 +573,72 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 		function ae(e) {
 			let t = e.data;
 			if (t.length === 0) return "";
-			let { min: n, range: r } = F.value, i = T.value / r, a = C.value.top + T.value, o = "", s = !1;
+			let { min: n, range: r } = I.value, i = w.value / r, a = S.value.top + w.value, o = "", s = !1;
 			for (let r = 0; r < t.length; r++) {
-				let c = j(e, r);
+				let c = M(e, r);
 				if (!isFinite(t[r]) || !isFinite(c)) {
 					s = !1;
 					continue;
 				}
-				let l = P(c), u = a - (t[r] - n) * i;
+				let l = F(c), u = a - (t[r] - n) * i;
 				o += s ? `L${l},${u}` : `M${l},${u}`, s = !0;
 			}
 			return o;
 		}
-		function oe(e) {
-			let t = e.data, { min: n, range: r } = F.value, i = T.value / r, a = C.value.top + T.value, o = [];
+		function L(e) {
+			let t = e.data, { min: n, range: r } = I.value, i = w.value / r, a = S.value.top + w.value, o = [];
 			for (let r = 0; r < t.length; r++) {
-				let s = j(e, r);
+				let s = M(e, r);
 				!isFinite(t[r]) || !isFinite(s) || o.push({
-					x: P(s),
+					x: F(s),
 					y: a - (t[r] - n) * i
 				});
 			}
 			return o;
 		}
-		function I(e) {
+		function oe(e) {
 			let t = Math.min(e.upper.length, e.lower.length);
 			if (t === 0) return "";
-			let { min: n, range: r } = F.value, i = T.value / r, a = C.value.top + T.value, o = (e) => a - (e - n) * i, s = [], c = [];
-			for (let n = 0; n < t; n++) isFinite(e.upper[n]) && isFinite(e.lower[n]) && isFinite(M(e, n)) ? c.push(n) : c.length && (s.push(c), c = []);
+			let { min: n, range: r } = I.value, i = w.value / r, a = S.value.top + w.value, o = (e) => a - (e - n) * i, s = [], c = [];
+			for (let n = 0; n < t; n++) isFinite(e.upper[n]) && isFinite(e.lower[n]) && isFinite(N(e, n)) ? c.push(n) : c.length && (s.push(c), c = []);
 			c.length && s.push(c);
 			let l = "";
 			for (let t of s) {
-				l += `M${P(M(e, t[0]))},${o(e.upper[t[0]])}`;
-				for (let n = 1; n < t.length; n++) l += `L${P(M(e, t[n]))},${o(e.upper[t[n]])}`;
-				for (let n = t.length - 1; n >= 0; n--) l += `L${P(M(e, t[n]))},${o(e.lower[t[n]])}`;
+				l += `M${F(N(e, t[0]))},${o(e.upper[t[0]])}`;
+				for (let n = 1; n < t.length; n++) l += `L${F(N(e, t[n]))},${o(e.upper[t[n]])}`;
+				for (let n = t.length - 1; n >= 0; n--) l += `L${F(N(e, t[n]))},${o(e.lower[t[n]])}`;
 				l += "Z";
 			}
 			return l;
 		}
-		function L(e, t) {
-			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && D.value[e.seriesIndex] || D.value[0];
-			return P(r ? j(r, n) : n);
+		function R(e, t) {
+			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && O.value[e.seriesIndex] || O.value[0];
+			return F(r ? M(r, n) : n);
 		}
 		function se(e, t = !0) {
-			let n = C.value.top + T.value;
+			let n = S.value.top + w.value;
 			if (e.seriesIndex == null) {
-				let t = L(e, "start"), r = L(e, "end");
-				return t > r ? "" : `M${t},${C.value.top}L${r},${C.value.top}L${r},${n}L${t},${n}Z`;
+				let t = R(e, "start"), r = R(e, "end");
+				return t > r ? "" : `M${t},${S.value.top}L${r},${S.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 { min: i, range: a } = F.value, o = T.value / a, s = (e) => n - (e - i) * o, c = Math.max(0, e.startIndex), l = Math.min(r.data.length - 1, e.endIndex);
+			let { min: i, range: a } = I.value, o = w.value / a, s = (e) => n - (e - i) * o, c = Math.max(0, e.startIndex), l = Math.min(r.data.length - 1, e.endIndex);
 			if (c > l) return "";
-			let u = `M${P(j(r, c))},${s(r.data[c])}`;
-			for (let e = c + 1; e <= l; e++) isFinite(r.data[e]) && (u += `L${P(j(r, e))},${s(r.data[e])}`);
-			return t && (u += `L${P(j(r, l))},${n}`, u += `L${P(j(r, c))},${n}`, u += "Z"), u;
+			let u = `M${F(M(r, c))},${s(r.data[c])}`;
+			for (let e = c + 1; e <= l; e++) isFinite(r.data[e]) && (u += `L${F(M(r, e))},${s(r.data[e])}`);
+			return t && (u += `L${F(M(r, l))},${n}`, u += `L${F(M(r, c))},${n}`, u += "Z"), u;
 		}
-		let R = t(() => {
-			let e = d.areaSections;
+		let z = n(() => {
+			let e = l.areaSections;
 			if (!e?.length) return {
 				labels: [],
 				extraHeight: 0
 			};
-			let t = [], n = C.value.left + w.value;
+			let t = [], n = S.value.left + C.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) * Je, o = L(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");
+				let e = r.label ?? "", i = r.description ?? "", a = Math.max(e.length, i.length) * Ze, o = R(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");
 				t.push({
 					cx: c,
 					labelText: e,
@@ -642,7 +653,7 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 			let r = [];
 			for (let e of t) {
 				let t = e.cx - e.textWidth / 2, n = 0;
-				for (; n < r.length && !(t >= r[n] + Ye);) n++;
+				for (; n < r.length && !(t >= r[n] + Qe);) n++;
 				e.row = n;
 				let i = e.cx + e.textWidth / 2;
 				r[n] = Math.max(r[n] ?? -Infinity, i);
@@ -652,20 +663,20 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 				extraHeight: 0
 			} : {
 				labels: t,
-				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * Ke + qe
+				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * Ye + Xe
 			};
-		}), B = t(() => {
+		}), B = n(() => {
 			let e = [];
-			for (let t of D.value) t.legend && e.push({
+			for (let t of O.value) t.legend && e.push({
 				label: t.legend,
 				color: t.color ?? "currentColor",
 				type: "series",
 				dashed: t.dashed
 			});
-			let t = d.areaSections;
+			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,
@@ -674,41 +685,41 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 				});
 			}
 			return e;
-		}), V = t(() => S.value + R.value.extraHeight), H = t(() => C.value.top + T.value + C.value.bottom + qe), K = t(() => {
-			let { min: e, max: t } = F.value, n = (t) => z(C.value.top + T.value - (t - e) / F.value.range * T.value), r = (e) => d.yTickFormat ? d.yTickFormat(e) : U(e);
+		}), V = n(() => b.value + z.value.extraHeight), U = n(() => S.value.top + w.value + S.value.bottom + Xe), W = n(() => {
+			let { min: e, max: t } = I.value, n = (t) => H(S.value.top + w.value - (t - e) / I.value.range * w.value), r = (e) => l.yTickFormat ? l.yTickFormat(e) : G(e);
 			return e === t ? [{
 				value: r(e),
-				y: z(C.value.top + T.value / 2)
-			}] : le({
+				y: H(S.value.top + w.value / 2)
+			}] : K({
 				min: e,
 				max: t,
-				ticks: d.yTicks,
-				targetTickCount: T.value / 50
+				ticks: l.yTicks,
+				targetTickCount: w.value / 50
 			}).map((e) => ({
 				value: r(e),
 				y: n(e)
 			}));
-		}), q = t(() => {
-			let { min: e, max: t } = N.value;
+		}), le = n(() => {
+			let { min: e, max: t } = ie.value;
 			if (e === t) return [];
-			let n = ie.value, r = k.value, i = (e, t) => {
+			let n = P.value, r = A.value, i = (e, t) => {
 				let r = e + n;
-				return d.xTickFormat ? d.xTickFormat(r, t) : !A.value && d.xLabels && Number.isInteger(e) && e >= 0 && e < d.xLabels.length ? d.xLabels[e] : U(r);
+				return l.xTickFormat ? l.xTickFormat(r, t) : !j.value && l.xLabels && Number.isInteger(e) && e >= 0 && e < l.xLabels.length ? l.xLabels[e] : G(r);
 			}, a;
-			if (d.xTicks == null && !A.value && d.xLabels && d.xLabels.length === r) {
-				let e = Math.max(3, Math.floor(w.value / 80)), t = Math.max(1, Math.round((r - 1) / e));
+			if (l.xTicks == null && !j.value && l.xLabels && l.xLabels.length === r) {
+				let e = Math.max(3, Math.floor(C.value / 80)), t = Math.max(1, Math.round((r - 1) / e));
 				a = [];
 				for (let e = 0; e < r; e += t) a.push(e);
-			} else a = le({
+			} else a = K({
 				min: e,
 				max: t,
-				ticks: d.xTicks,
-				targetTickCount: w.value / 80,
+				ticks: l.xTicks,
+				targetTickCount: C.value / 80,
 				displayOffset: n
 			});
-			let o = C.value.left, s = C.value.left + w.value;
+			let o = S.value.left, s = S.value.left + C.value;
 			return a.map((e, t) => {
-				let n = z(P(e)), r = "middle";
+				let n = H(F(e)), r = "middle";
 				return n - o <= 1 ? r = "start" : s - n <= 1 && (r = "end"), {
 					value: i(e, t),
 					x: n,
@@ -716,284 +727,284 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 				};
 			});
 		});
-		function J() {
-			return typeof d.csv == "function" ? d.csv() : typeof d.csv == "string" ? d.csv : pe(D.value);
+		function q() {
+			return typeof l.csv == "function" ? l.csv() : typeof l.csv == "string" ? l.csv : ge(O.value);
 		}
-		let Y = t(() => !!d.tooltipData || !!d.tooltipTrigger), X = t(() => {
-			let e = Ze.value, t = D.value[0];
-			return e === null || !t ? null : j(t, e);
-		}), de = t(() => X.value === null ? 0 : P(X.value));
-		function Z(e, t) {
+		let J = n(() => !!l.tooltipData || !!l.tooltipTrigger), Y = n(() => {
+			let e = Q.value, t = O.value[0];
+			return e === null || !t ? null : M(t, e);
+		}), pe = n(() => Y.value === null ? 0 : F(Y.value));
+		function X(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 = j(e, a);
+				let n = M(e, a);
 				if (!isFinite(n)) continue;
 				let o = Math.abs(n - t);
 				o < i && (i = o, r = a);
 			}
 			return i === Infinity ? null : r;
 		}
-		let me = t(() => {
-			let e = X.value;
+		let me = n(() => {
+			let e = Y.value;
 			if (e === null) return [];
-			let { min: t, range: n } = F.value, r = T.value / n, i = C.value.top + T.value, a = [];
-			for (let n of D.value) {
-				let o = Z(n, e);
+			let { min: t, range: n } = I.value, r = w.value / n, i = S.value.top + w.value, a = [];
+			for (let n of O.value) {
+				let o = X(n, e);
 				if (o === null) continue;
 				let s = n.data[o];
 				isFinite(s) && a.push({
-					x: P(j(n, o)),
+					x: F(M(n, o)),
 					y: i - (s - t) * r,
 					color: n.color ?? "currentColor"
 				});
 			}
 			return a;
-		}), Q = t(() => {
-			let e = Ze.value, t = X.value;
+		}), Z = n(() => {
+			let e = Q.value, t = Y.value;
 			if (e === null || t === null) return null;
-			let n = t + ie.value, r;
-			return r = d.xTickFormat ? d.xTickFormat(n, e) : A.value ? U(n) : d.xLabels?.[e], {
+			let n = t + P.value, r;
+			return r = l.xTickFormat ? l.xTickFormat(n, e) : j.value ? G(n) : l.xLabels?.[e], {
 				index: e,
 				xLabel: r,
-				values: D.value.map((e, n) => {
-					let r = Z(e, t);
+				values: O.value.map((e, n) => {
+					let r = X(e, t);
 					return {
 						value: r === null ? NaN : Number(e.data[r]),
 						color: e.color ?? "currentColor",
 						seriesIndex: n
 					};
 				}),
-				data: d.tooltipData?.[e] ?? null
+				data: l.tooltipData?.[e] ?? null
 			};
 		});
-		function Xe(e) {
-			let t = m.value?.getBoundingClientRect();
+		function _e(e) {
+			let t = h.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 } = N.value, a = i - r || 1;
-			return Z(n, r + (e - t.left - C.value.left) / w.value * a);
+			let { min: r, max: i } = ie.value, a = i - r || 1;
+			return X(n, r + (e - t.left - S.value.left) / C.value * a);
 		}
-		let { hoverIndex: Ze, tooltipRef: Qe, tooltipPos: $e, handlers: et } = ue({
-			enabled: () => Y.value,
-			trigger: () => d.tooltipTrigger,
-			clamp: () => d.tooltipClamp,
-			pointerToIndex: Xe,
-			containerRef: m,
-			onHover: (e) => ee("hover", e)
-		}), { svgRef: tt, items: nt, downloadLinkText: rt, csvHref: it, resolvedFilename: at } = fe({
-			filename: () => d.filename,
-			legacyMenuLabel: () => d.menu,
-			getCsv: J,
-			downloadLink: () => d.downloadLink
+		let { hoverIndex: Q, tooltipRef: $e, tooltipPos: et, handlers: tt } = fe({
+			enabled: () => J.value,
+			trigger: () => l.tooltipTrigger,
+			clamp: () => l.tooltipClamp,
+			pointerToIndex: _e,
+			containerRef: h,
+			onHover: (e) => f("hover", e)
+		}), { svgRef: nt, items: rt, downloadLinkText: it, csvHref: at, resolvedFilename: ot } = he({
+			filename: () => l.filename,
+			legacyMenuLabel: () => l.menu,
+			getCsv: q,
+			downloadLink: () => l.downloadLink
 		});
-		return (t, c) => (h(), i("div", {
+		return (n, c) => (g(), a("div", {
 			ref_key: "containerRef",
-			ref: m,
+			ref: h,
 			class: "line-chart-wrapper"
 		}, [
-			s.menu ? (h(), n(ce, {
+			t.menu ? (g(), r(ce, {
 				key: 0,
-				items: x(nt)
-			}, null, 8, ["items"])) : r("", !0),
-			(h(), i("svg", {
+				items: x(rt)
+			}, null, 8, ["items"])) : i("", !0),
+			(g(), a("svg", {
 				ref_key: "svgRef",
-				ref: tt,
-				width: b.value,
+				ref: nt,
+				width: _.value,
 				height: V.value
 			}, [
-				s.title ? (h(), i("text", {
+				t.title ? (g(), a("text", {
 					key: 0,
-					x: b.value / 2,
+					x: _.value / 2,
 					y: 18,
 					"text-anchor": "middle",
 					"font-size": "14",
 					"font-weight": "600",
 					fill: "currentColor"
-				}, y(s.title), 9, ge)) : r("", !0),
-				B.value.length > 0 ? (h(), i("g", _e, [(h(!0), i(e, null, _(B.value, (t, n) => (h(), i(e, { key: "ileg" + n }, [t.type === "series" ? (h(), i("line", {
+				}, y(t.title), 9, ye)) : i("", !0),
+				B.value.length > 0 ? (g(), a("g", be, [(g(!0), a(e, null, v(B.value, (t, n) => (g(), a(e, { key: "ileg" + n }, [t.type === "series" ? (g(), a("line", {
 					key: 0,
-					x1: x(C).left + n * 120,
-					y1: x(C).top - x(20) / 2,
-					x2: x(C).left + n * 120 + 12,
-					y2: x(C).top - x(20) / 2,
+					x1: x(S).left + n * 120,
+					y1: x(S).top - x(20) / 2,
+					x2: x(S).left + n * 120 + 12,
+					y2: x(S).top - x(20) / 2,
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, ve)) : (h(), i("circle", {
+				}, null, 8, $)) : (g(), a("circle", {
 					key: 1,
-					cx: x(C).left + n * 120 + 4,
-					cy: x(C).top - x(20) / 2,
+					cx: x(S).left + n * 120 + 4,
+					cy: x(S).top - x(20) / 2,
 					r: "4",
 					fill: t.color,
 					"fill-opacity": t.fillOpacity,
 					stroke: t.color,
 					"stroke-width": "1.5"
-				}, null, 8, ye)), a("text", {
-					x: x(C).left + n * 120 + 18,
-					y: x(C).top - x(20) / 2 + 4,
+				}, null, 8, xe)), o("text", {
+					x: x(S).left + n * 120 + 18,
+					y: x(S).top - x(20) / 2 + 4,
 					"font-size": "11",
 					fill: "currentColor"
-				}, y(t.label), 9, be)], 64))), 128))])) : r("", !0),
-				a("line", {
-					x1: x(z)(x(C).left),
-					y1: x(z)(x(C).top),
-					x2: x(z)(x(C).left),
-					y2: x(z)(x(C).top + x(T)),
+				}, y(t.label), 9, Se)], 64))), 128))])) : i("", !0),
+				o("line", {
+					x1: x(H)(x(S).left),
+					y1: x(H)(x(S).top),
+					x2: x(H)(x(S).left),
+					y2: x(H)(x(S).top + x(w)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, $),
-				a("line", {
-					x1: x(z)(x(C).left),
-					y1: x(z)(x(C).top + x(T)),
-					x2: x(z)(x(C).left + x(w)),
-					y2: x(z)(x(C).top + x(T)),
+				}, null, 8, Ce),
+				o("line", {
+					x1: x(H)(x(S).left),
+					y1: x(H)(x(S).top + x(w)),
+					x2: x(H)(x(S).left + x(C)),
+					y2: x(H)(x(S).top + x(w)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, xe),
-				s.yGrid ? (h(!0), i(e, { key: 2 }, _(K.value, (e, t) => (h(), i("line", {
+				}, null, 8, we),
+				t.yGrid ? (g(!0), a(e, { key: 2 }, v(W.value, (e, t) => (g(), a("line", {
 					key: "yg" + t,
-					x1: x(C).left,
+					x1: x(S).left,
 					y1: e.y,
-					x2: x(C).left + x(w),
+					x2: x(S).left + x(C),
 					y2: e.y,
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Se))), 128)) : r("", !0),
-				s.xGrid ? (h(!0), i(e, { key: 3 }, _(q.value, (e, t) => (h(), i("line", {
+				}, null, 8, Te))), 128)) : i("", !0),
+				t.xGrid ? (g(!0), a(e, { key: 3 }, v(le.value, (e, t) => (g(), a("line", {
 					key: "xg" + t,
 					x1: e.x,
-					y1: x(C).top,
+					y1: x(S).top,
 					x2: e.x,
-					y2: x(C).top + x(T),
+					y2: x(S).top + x(w),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Ce))), 128)) : r("", !0),
-				(h(!0), i(e, null, _(K.value, (e, t) => (h(), i("text", {
+				}, null, 8, Ee))), 128)) : i("", !0),
+				(g(!0), a(e, null, v(W.value, (e, t) => (g(), a("text", {
 					key: "y" + t,
 					"data-testid": "y-tick",
-					x: x(C).left - 6,
+					x: x(S).left - 6,
 					y: e.y,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.value), 9, we))), 128)),
-				s.yLabel ? (h(), i("text", {
+				}, y(e.value), 9, De))), 128)),
+				t.yLabel ? (g(), a("text", {
 					key: 4,
 					x: 0,
 					y: 0,
-					transform: `translate(14, ${x(C).top + x(T) / 2}) rotate(-90)`,
+					transform: `translate(14, ${x(S).top + x(w) / 2}) rotate(-90)`,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, y(s.yLabel), 9, Te)) : r("", !0),
-				(h(!0), i(e, null, _(q.value, (e, t) => (h(), i("text", {
+				}, y(t.yLabel), 9, Oe)) : i("", !0),
+				(g(!0), a(e, null, v(le.value, (e, t) => (g(), a("text", {
 					key: "x" + t,
 					"data-testid": "x-tick",
 					x: e.x,
-					y: x(C).top + x(T) + 16,
+					y: x(S).top + x(w) + 16,
 					"text-anchor": e.anchor,
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.value), 9, Ee))), 128)),
-				s.xLabel ? (h(), i("text", {
+				}, y(e.value), 9, ke))), 128)),
+				t.xLabel ? (g(), a("text", {
 					key: 5,
-					x: x(C).left + x(w) / 2,
-					y: S.value - 4,
+					x: x(S).left + x(C) / 2,
+					y: b.value - 4,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, y(s.xLabel), 9, De)) : r("", !0),
-				(h(!0), i(e, null, _(O.value, (e, t) => (h(), i("path", {
+				}, y(t.xLabel), 9, Ae)) : i("", !0),
+				(g(!0), a(e, null, v(k.value, (e, t) => (g(), a("path", {
 					key: "area" + t,
-					d: I(e),
+					d: oe(e),
 					fill: e.color ?? "currentColor",
 					"fill-opacity": e.opacity ?? .2,
 					stroke: "none"
-				}, null, 8, Oe))), 128)),
-				(h(!0), i(e, null, _(D.value, (t, n) => (h(), i(e, { key: n }, [t.line === !1 ? r("", !0) : (h(), i("path", {
+				}, null, 8, je))), 128)),
+				(g(!0), a(e, null, v(O.value, (n, r) => (g(), a(e, { key: r }, [n.line === !1 ? i("", !0) : (g(), a("path", {
 					key: 0,
-					d: ae(t),
+					d: ae(n),
 					fill: "none",
-					stroke: t.color ?? "currentColor",
-					"stroke-width": t.strokeWidth ?? 1.5,
-					"stroke-opacity": t.lineOpacity ?? t.opacity ?? s.lineOpacity,
-					"stroke-dasharray": t.dashed ? "6 3" : void 0
-				}, null, 8, ke)), t.dots ? (h(!0), i(e, { key: 1 }, _(oe(t), (e, n) => (h(), i("circle", {
-					key: n,
+					stroke: n.color ?? "currentColor",
+					"stroke-width": n.strokeWidth ?? 1.5,
+					"stroke-opacity": n.lineOpacity ?? n.opacity ?? t.lineOpacity,
+					"stroke-dasharray": n.dashed ? "6 3" : void 0
+				}, null, 8, Me)), n.dots ? (g(!0), a(e, { key: 1 }, v(L(n), (e, r) => (g(), a("circle", {
+					key: r,
 					cx: e.x,
 					cy: e.y,
-					r: t.dotRadius ?? (t.strokeWidth ?? 1.5) + 1,
-					fill: t.dotFill ?? t.color ?? "currentColor",
-					"fill-opacity": t.dotOpacity ?? t.opacity ?? s.lineOpacity,
-					stroke: t.dotStroke ?? "none"
-				}, null, 8, Ae))), 128)) : r("", !0)], 64))), 128)),
-				(h(!0), i(e, null, _(s.areaSections ?? [], (t, n) => (h(), i(e, { key: "areasec" + n }, [
-					a("path", {
+					r: n.dotRadius ?? (n.strokeWidth ?? 1.5) + 1,
+					fill: n.dotFill ?? n.color ?? "currentColor",
+					"fill-opacity": n.dotOpacity ?? n.opacity ?? t.lineOpacity,
+					stroke: n.dotStroke ?? "none"
+				}, null, 8, Ne))), 128)) : i("", !0)], 64))), 128)),
+				(g(!0), a(e, null, v(t.areaSections ?? [], (t, n) => (g(), a(e, { key: "areasec" + n }, [
+					o("path", {
 						d: se(t),
-						fill: t.color ?? (t.seriesIndex == null ? "#999" : D.value[t.seriesIndex]?.color ?? "currentColor"),
+						fill: t.color ?? (t.seriesIndex == null ? "#999" : O.value[t.seriesIndex]?.color ?? "currentColor"),
 						"fill-opacity": t.opacity ?? .15,
 						stroke: "none"
-					}, null, 8, je),
-					t.seriesIndex == null ? r("", !0) : (h(), i("path", {
+					}, null, 8, Pe),
+					t.seriesIndex == null ? i("", !0) : (g(), a("path", {
 						key: 0,
 						d: se(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, Me)),
-					t.seriesIndex == null ? (h(), i(e, { key: 1 }, [a("line", {
-						x1: x(z)(L(t, "start")),
-						y1: x(C).top,
-						x2: x(z)(L(t, "start")),
-						y2: x(C).top + x(T),
+					}, null, 8, Fe)),
+					t.seriesIndex == null ? (g(), a(e, { key: 1 }, [o("line", {
+						x1: x(H)(R(t, "start")),
+						y1: x(S).top,
+						x2: x(H)(R(t, "start")),
+						y2: x(S).top + x(w),
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, Ne), a("line", {
-						x1: x(z)(L(t, "end")),
-						y1: x(C).top,
-						x2: x(z)(L(t, "end")),
-						y2: x(C).top + x(T),
+					}, null, 8, Ie), o("line", {
+						x1: x(H)(R(t, "end")),
+						y1: x(S).top,
+						x2: x(H)(R(t, "end")),
+						y2: x(S).top + x(w),
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, Pe)], 64)) : r("", !0),
-					a("line", {
-						x1: x(z)(L(t, "start")),
-						y1: x(C).top + x(T) - 4,
-						x2: x(z)(L(t, "start")),
-						y2: x(C).top + x(T) + 4,
+					}, null, 8, Le)], 64)) : i("", !0),
+					o("line", {
+						x1: x(H)(R(t, "start")),
+						y1: x(S).top + x(w) - 4,
+						x2: x(H)(R(t, "start")),
+						y2: x(S).top + x(w) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, Fe),
-					a("line", {
-						x1: x(z)(L(t, "end")),
-						y1: x(C).top + x(T) - 4,
-						x2: x(z)(L(t, "end")),
-						y2: x(C).top + x(T) + 4,
+					}, null, 8, Re),
+					o("line", {
+						x1: x(H)(R(t, "end")),
+						y1: x(S).top + x(w) - 4,
+						x2: x(H)(R(t, "end")),
+						y2: x(S).top + x(w) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, Ie)
+					}, null, 8, ze)
 				], 64))), 128)),
-				Y.value && x(Ze) !== null ? (h(), i("line", {
+				J.value && x(Q) !== null ? (g(), a("line", {
 					key: 6,
-					x1: x(z)(de.value),
-					y1: x(C).top,
-					x2: x(z)(de.value),
-					y2: x(C).top + x(T),
+					x1: x(H)(pe.value),
+					y1: x(S).top,
+					x2: x(H)(pe.value),
+					y2: x(S).top + x(w),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3",
 					"stroke-dasharray": "4 2",
 					"pointer-events": "none"
-				}, null, 8, Le)) : r("", !0),
-				(h(!0), i(e, null, _(me.value, (e, t) => (h(), i("circle", {
+				}, null, 8, Be)) : i("", !0),
+				(g(!0), a(e, null, v(me.value, (e, t) => (g(), a("circle", {
 					key: "hd" + t,
 					cx: e.x,
 					cy: e.y,
@@ -1002,104 +1013,104 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 					stroke: "var(--color-bg-0, #fff)",
 					"stroke-width": "2",
 					"pointer-events": "none"
-				}, null, 8, Re))), 128)),
-				Y.value ? (h(), i("rect", u({
+				}, null, 8, Ve))), 128)),
+				J.value ? (g(), a("rect", d({
 					key: 7,
-					x: x(C).left,
-					y: x(C).top,
-					width: x(w),
-					height: x(T),
+					x: x(S).left,
+					y: x(S).top,
+					width: x(C),
+					height: x(w),
 					fill: "transparent",
 					style: {
 						cursor: "crosshair",
 						"touch-action": "none"
 					}
-				}, te(x(et), !0)), null, 16, ze)) : r("", !0),
-				(h(!0), i(e, null, _(R.value.labels, (e, t) => (h(), i("g", { key: "seclab" + t }, [
-					a("circle", {
+				}, ne(x(tt), !0)), null, 16, He)) : i("", !0),
+				(g(!0), a(e, null, v(z.value.labels, (e, t) => (g(), a("g", { key: "seclab" + t }, [
+					o("circle", {
 						cx: e.cx - e.textWidth / 2 - 2,
-						cy: H.value + e.row * Ke + 4,
+						cy: U.value + e.row * Ye + 4,
 						r: "4",
 						fill: e.color,
 						"fill-opacity": e.fillOpacity,
 						stroke: e.color,
 						"stroke-width": "1.5"
-					}, null, 8, Be),
-					e.labelText ? (h(), i("text", {
+					}, null, 8, Ue),
+					e.labelText ? (g(), a("text", {
 						key: 0,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: H.value + e.row * Ke + 8,
+						y: U.value + e.row * Ye + 8,
 						"font-size": "11",
 						"font-weight": "600",
 						fill: e.color
-					}, y(e.labelText), 9, Ve)) : r("", !0),
-					e.descText ? (h(), i("text", {
+					}, y(e.labelText), 9, We)) : i("", !0),
+					e.descText ? (g(), a("text", {
 						key: 1,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: H.value + e.row * Ke + 22,
+						y: U.value + e.row * Ye + 22,
 						"font-size": "11",
 						fill: "currentColor",
 						"fill-opacity": "0.6"
-					}, y(e.descText), 9, He)) : r("", !0)
+					}, y(e.descText), 9, Ge)) : i("", !0)
 				]))), 128))
-			], 8, he)),
-			Y.value && x(Ze) !== null && Q.value ? (h(), i("div", {
+			], 8, ve)),
+			J.value && x(Q) !== null && Z.value ? (g(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: Qe,
+				ref: $e,
 				class: "chart-tooltip-content",
-				style: p({
+				style: m({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: x($e) ? `translate3d(${x($e).left}px, ${x($e).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: x($e) ? "visible" : "hidden"
+					transform: x(et) ? `translate3d(${x(et).left}px, ${x(et).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: x(et) ? "visible" : "hidden"
 				})
-			}, [v(t.$slots, "tooltip", f(l(Q.value)), () => [a("div", Ue, [Q.value.xLabel ? (h(), i("div", We, y(Q.value.xLabel), 1)) : r("", !0), (h(!0), i(e, null, _(Q.value.values, (e) => (h(), i("div", {
+			}, [te(n.$slots, "tooltip", p(u(Z.value)), () => [o("div", Ke, [Z.value.xLabel ? (g(), a("div", qe, y(Z.value.xLabel), 1)) : i("", !0), (g(!0), a(e, null, v(Z.value.values, (e) => (g(), a("div", {
 				key: e.seriesIndex,
 				class: "line-chart-tooltip-row"
-			}, [a("span", {
+			}, [o("span", {
 				class: "line-chart-tooltip-swatch",
-				style: p({ background: e.color })
-			}, null, 4), o(" " + y(isFinite(e.value) ? x(U)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : r("", !0),
-			x(rt) ? (h(), i("a", {
+				style: m({ background: e.color })
+			}, null, 4), s(" " + y(isFinite(e.value) ? D(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
+			x(it) ? (g(), a("a", {
 				key: 2,
 				class: "line-chart-download-link",
-				href: x(it),
-				download: `${x(at)()}.csv`
-			}, y(x(rt)), 9, Ge)) : r("", !0)
+				href: x(at),
+				download: `${x(ot)()}.csv`
+			}, y(x(it)), 9, Je)) : i("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-d66a19bd"]]), Ze = ["width", "height"], Qe = ["x"], $e = { key: 1 }, et = [
+}), [["__scopeId", "data-v-083d1c2f"]]), et = ["width", "height"], tt = ["x"], nt = { key: 1 }, rt = [
 	"x",
 	"y",
 	"fill"
-], tt = ["x", "y"], nt = [
+], it = ["x", "y"], at = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], rt = [
+], ot = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], it = [
+], st = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], at = [
+], ct = [
 	"x",
 	"y",
 	"width",
 	"height"
-], ot = ["x", "y"], st = ["x", "y"], ct = ["transform"], lt = [
+], lt = ["x", "y"], ut = ["x", "y"], dt = ["transform"], ft = [
 	"x",
 	"y",
 	"text-anchor"
-], ut = ["x", "y"], dt = ["x", "y"], ft = [
+], pt = ["x", "y"], mt = ["x", "y"], ht = [
 	"data-category",
 	"data-series",
 	"x",
@@ -1108,15 +1119,15 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 	"height",
 	"fill",
 	"fill-opacity"
-], pt = [
+], gt = [
 	"x",
 	"y",
 	"width",
 	"height"
-], mt = { class: "bar-chart-tooltip" }, ht = {
+], _t = { class: "bar-chart-tooltip" }, vt = {
 	key: 0,
 	class: "bar-chart-tooltip-label"
-}, gt = ["href", "download"], _t = /* @__PURE__ */ R(/* @__PURE__ */ c({
+}, yt = ["href", "download"], bt = /* @__PURE__ */ V(/* @__PURE__ */ l({
 	__name: "BarChart",
 	props: {
 		data: {},
@@ -1133,6 +1144,7 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 		valueMin: { default: 0 },
 		valueTicks: {},
 		valueTickFormat: {},
+		tooltipValueFormat: {},
 		categoryFormat: {},
 		barPadding: { default: .2 },
 		groupGap: { default: 1 },
@@ -1153,38 +1165,38 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 		downloadLink: { type: [Boolean, String] }
 	},
 	emits: ["hover"],
-	setup(s, { emit: c }) {
-		let d = s, ee = c, { containerRef: m, measuredWidth: g } = W({ debounce: () => d.debounce }), b = t(() => d.width ?? (g.value || 400)), S = t(() => d.height ?? 200), ne = t(() => D.value.some((e) => e.legend)), { padding: C, innerW: w, innerH: T } = G({
-			title: () => d.title,
-			xLabel: () => d.xLabel,
-			yLabel: () => d.yLabel,
-			hasInlineLegend: () => ne.value,
-			width: () => b.value,
-			height: () => S.value
-		}), re = [];
+	setup(t, { emit: c }) {
+		let l = t, f = c, { containerRef: h, measuredWidth: ee } = ue({ debounce: () => l.debounce }), _ = n(() => l.width ?? (ee.value || 400)), b = n(() => l.height ?? 200), re = n(() => D.value.some((e) => e.legend)), { padding: S, innerW: C, innerH: w } = de({
+			title: () => l.title,
+			xLabel: () => l.xLabel,
+			yLabel: () => l.yLabel,
+			hasInlineLegend: () => re.value,
+			width: () => _.value,
+			height: () => b.value
+		}), T = [];
 		function E(e) {
 			return {
-				data: e.y ?? e.data ?? re,
+				data: e.y ?? e.data ?? T,
 				color: e.color,
 				opacity: e.opacity,
 				legend: e.legend
 			};
 		}
-		let D = t(() => {
-			if (d.series && d.series.length > 0) return d.series.map(E);
-			let e = d.y ?? d.data;
+		let D = n(() => {
+			if (l.series && l.series.length > 0) return l.series.map(E);
+			let e = l.y ?? l.data;
 			return e ? [{ data: e }] : [];
-		}), O = t(() => {
-			let e = d.categories?.length ?? 0;
+		}), O = n(() => {
+			let e = l.categories?.length ?? 0;
 			for (let t of D.value) t.data.length > e && (e = t.data.length);
 			return e;
-		}), k = t(() => {
+		}), k = n(() => {
 			let e = O.value, t = Array(e);
-			for (let n = 0; n < e; n++) t[n] = d.categories?.[n] ?? String(n);
+			for (let n = 0; n < e; n++) t[n] = l.categories?.[n] ?? String(n);
 			return t;
-		}), A = t(() => d.orientation === "vertical"), j = t(() => {
+		}), A = n(() => l.orientation === "vertical"), j = n(() => {
 			let e = Infinity, t = -Infinity;
-			if (d.layout === "stacked") {
+			if (l.layout === "stacked") {
 				let n = O.value;
 				for (let r = 0; r < n; r++) {
 					let n = 0, i = 0;
@@ -1200,7 +1212,7 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 				isFinite(n) && (n < e && (e = n), n > t && (t = n));
 			}
 			isFinite(e) || (e = 0), isFinite(t) || (t = 0);
-			let n = d.valueMin ?? 0;
+			let n = l.valueMin ?? 0;
 			n < e && (e = n);
 			let r = t - e || 1;
 			return {
@@ -1208,28 +1220,28 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 				max: t,
 				range: r
 			};
-		}), M = t(() => A.value ? w.value : T.value), ie = t(() => A.value ? T.value : w.value), N = t(() => {
+		}), M = n(() => A.value ? C.value : w.value), N = n(() => A.value ? w.value : C.value), P = n(() => {
 			let e = O.value;
 			return e > 0 ? M.value / e : 0;
-		}), P = t(() => N.value * (1 - d.barPadding)), F = t(() => {
+		}), ie = n(() => P.value * (1 - l.barPadding)), F = n(() => {
 			let e = D.value.length;
 			if (e === 0) return 0;
-			if (d.layout === "stacked" || e === 1) return P.value;
-			let t = d.groupGap * (e - 1);
-			return Math.max(1, (P.value - t) / e);
+			if (l.layout === "stacked" || e === 1) return ie.value;
+			let t = l.groupGap * (e - 1);
+			return Math.max(1, (ie.value - t) / e);
 		});
-		function ae(e) {
-			return (A.value ? C.value.left : C.value.top) + e * N.value;
+		function I(e) {
+			return (A.value ? S.value.left : S.value.top) + e * P.value;
 		}
-		let oe = t(() => {
-			let { min: e, max: t } = j.value, n = d.valueMin ?? 0;
-			return I(Math.max(e, Math.min(t, n)));
+		let ae = n(() => {
+			let { min: e, max: t } = j.value, n = l.valueMin ?? 0;
+			return L(Math.max(e, Math.min(t, n)));
 		});
-		function I(e) {
-			let { min: t, range: n } = j.value, r = ie.value / n;
-			return A.value ? C.value.top + T.value - (e - t) * r : C.value.left + (e - t) * r;
+		function L(e) {
+			let { min: t, range: n } = j.value, r = N.value / n;
+			return A.value ? S.value.top + w.value - (e - t) * r : S.value.left + (e - t) * r;
 		}
-		function L(e, t, n, r, i, a, o, s, c) {
+		function oe(e, t, n, r, i, a, o, s, c) {
 			let l = Math.min(e, t), u = Math.abs(e - t);
 			return A.value ? {
 				x: n,
@@ -1253,29 +1265,29 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 				seriesIndex: c
 			};
 		}
-		let se = t(() => {
+		let R = n(() => {
 			let e = [], t = D.value, n = t.length;
 			if (n === 0) return e;
-			let r = O.value, i = N.value, a = P.value, o = F.value, s = (i - a) / 2, c = oe.value;
+			let r = O.value, i = P.value, a = ie.value, o = F.value, s = (i - a) / 2, c = ae.value;
 			for (let i = 0; i < r; i++) {
-				let r = ae(i) + s;
-				if (d.layout === "stacked") {
+				let r = I(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(L(I(u), I(d), r, a, n.color ?? B(c), n.opacity ?? 1, l, i, c)), l >= 0 ? o = d : s = d;
+						e.push(oe(L(u), L(d), r, a, n.color ?? z(c), n.opacity ?? 1, l, i, c)), l >= 0 ? o = d : s = d;
 					}
 				} else for (let a = 0; a < n; a++) {
-					let s = t[a], l = Number(s.data[i] ?? NaN);
-					if (!isFinite(l)) continue;
-					let u = r + (n === 1 ? 0 : a * (o + d.groupGap));
-					e.push(L(c, I(l), u, o, s.color ?? B(a), s.opacity ?? 1, l, i, 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, L(u), d, o, s.color ?? z(a), s.opacity ?? 1, u, i, a));
 				}
 			}
 			return e;
-		}), R = [
+		}), se = [
 			"var(--color-primary, #3b82f6)",
 			"var(--color-accent, #f59e0b)",
 			"var(--color-success, #10b981)",
@@ -1283,29 +1295,32 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 			"var(--color-info, #6366f1)",
 			"var(--color-warning, #d97706)"
 		];
+		function z(e) {
+			return se[e % se.length];
+		}
 		function B(e) {
-			return R[e % R.length];
+			return l.tooltipValueFormat ? l.tooltipValueFormat(e) : l.valueTickFormat ? l.valueTickFormat(e) : G(e);
 		}
-		let V = t(() => {
-			let { min: e, max: t } = j.value, n = (e) => d.valueTickFormat ? d.valueTickFormat(e) : U(e);
+		let V = n(() => {
+			let { min: e, max: t } = j.value, n = (e) => l.valueTickFormat ? l.valueTickFormat(e) : G(e);
 			if (e === t) return [{
 				value: n(e),
-				pos: z(I(e))
+				pos: H(L(e))
 			}];
 			let r = A.value ? 50 : 80;
-			return le({
+			return K({
 				min: e,
 				max: t,
-				ticks: d.valueTicks,
-				targetTickCount: ie.value / r
+				ticks: l.valueTicks,
+				targetTickCount: N.value / r
 			}).map((e) => ({
 				value: n(e),
-				pos: z(I(e))
+				pos: H(L(e))
 			}));
-		}), H = t(() => {
-			let e = [], t = O.value, n = (e, t) => d.categoryFormat ? d.categoryFormat(e, t) : e;
+		}), U = n(() => {
+			let e = [], t = O.value, n = (e, t) => l.categoryFormat ? l.categoryFormat(e, t) : e;
 			for (let r = 0; r < t; r++) {
-				let t = ae(r) + N.value / 2;
+				let t = I(r) + P.value / 2;
 				e.push({
 					label: n(k.value[r], r),
 					pos: t,
@@ -1313,205 +1328,205 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 				});
 			}
 			return e;
-		}), K = t(() => {
+		}), W = n(() => {
 			let e = [];
 			return D.value.forEach((t, n) => {
 				t.legend && e.push({
 					label: t.legend,
-					color: t.color ?? B(n)
+					color: t.color ?? z(n)
 				});
 			}), e;
 		});
-		function q() {
-			if (typeof d.csv == "function") return d.csv();
-			if (typeof d.csv == "string") return d.csv;
+		function le() {
+			if (typeof l.csv == "function") return l.csv();
+			if (typeof l.csv == "string") return l.csv;
 			let e = D.value.map((e) => ({
 				label: e.legend,
 				data: e.data
 			}));
-			return me(k.value, e);
+			return _e(k.value, e);
 		}
-		let J = t(() => !!d.tooltipData || !!d.tooltipTrigger);
-		function Y(e, t) {
-			let n = m.value?.getBoundingClientRect();
+		let q = n(() => !!l.tooltipData || !!l.tooltipTrigger);
+		function J(e, t) {
+			let n = h.value?.getBoundingClientRect();
 			if (!n) return null;
 			let r = O.value;
-			if (r === 0 || N.value === 0) return null;
-			let i = A.value ? e - n.left - C.value.left : t - n.top - C.value.top;
-			return Math.max(0, Math.min(r - 1, Math.floor(i / N.value)));
+			if (r === 0 || P.value === 0) return null;
+			let i = A.value ? e - n.left - S.value.left : t - n.top - S.value.top;
+			return Math.max(0, Math.min(r - 1, Math.floor(i / P.value)));
 		}
-		let { hoverIndex: X, tooltipRef: de, tooltipPos: Z, handlers: pe } = ue({
-			enabled: () => J.value,
-			trigger: () => d.tooltipTrigger,
-			clamp: () => d.tooltipClamp,
-			pointerToIndex: Y,
-			containerRef: m,
-			onHover: (e) => ee("hover", e)
-		}), { svgRef: Q, items: he, downloadLinkText: ge, csvHref: _e, resolvedFilename: ve } = fe({
-			filename: () => d.filename,
-			legacyMenuLabel: () => d.menu,
-			getCsv: q,
-			downloadLink: () => d.downloadLink
-		}), ye = t(() => {
-			let e = X.value;
+		let { hoverIndex: Y, tooltipRef: pe, tooltipPos: X, handlers: me } = fe({
+			enabled: () => q.value,
+			trigger: () => l.tooltipTrigger,
+			clamp: () => l.tooltipClamp,
+			pointerToIndex: J,
+			containerRef: h,
+			onHover: (e) => f("hover", e)
+		}), { svgRef: Z, items: ge, downloadLinkText: Q, csvHref: ve, resolvedFilename: ye } = he({
+			filename: () => l.filename,
+			legacyMenuLabel: () => l.menu,
+			getCsv: le,
+			downloadLink: () => l.downloadLink
+		}), be = n(() => {
+			let e = Y.value;
 			if (e !== null) return k.value[e];
-		}), be = t(() => {
-			let e = X.value;
+		}), $ = n(() => {
+			let e = Y.value;
 			return e === null ? null : {
 				index: e,
 				category: k.value[e] ?? String(e),
 				values: D.value.map((t, n) => ({
 					value: Number(t.data[e] ?? NaN),
-					color: t.color ?? B(n),
+					color: t.color ?? z(n),
 					seriesIndex: n
 				})),
-				data: d.tooltipData?.[e] ?? null
+				data: l.tooltipData?.[e] ?? null
 			};
-		}), $ = t(() => {
-			let e = X.value;
+		}), xe = n(() => {
+			let e = Y.value;
 			if (e === null) return null;
-			let t = ae(e);
+			let t = I(e);
 			return A.value ? {
 				x: t,
-				y: C.value.top,
-				w: N.value,
-				h: T.value
+				y: S.value.top,
+				w: P.value,
+				h: w.value
 			} : {
-				x: C.value.left,
+				x: S.value.left,
 				y: t,
-				w: w.value,
-				h: N.value
+				w: C.value,
+				h: P.value
 			};
 		});
-		return (t, c) => (h(), i("div", {
+		return (n, c) => (g(), a("div", {
 			ref_key: "containerRef",
-			ref: m,
+			ref: h,
 			class: "bar-chart-wrapper"
 		}, [
-			s.menu ? (h(), n(ce, {
+			t.menu ? (g(), r(ce, {
 				key: 0,
-				items: x(he)
-			}, null, 8, ["items"])) : r("", !0),
-			(h(), i("svg", {
+				items: x(ge)
+			}, null, 8, ["items"])) : i("", !0),
+			(g(), a("svg", {
 				ref_key: "svgRef",
-				ref: Q,
-				width: b.value,
-				height: S.value
+				ref: Z,
+				width: _.value,
+				height: b.value
 			}, [
-				s.title ? (h(), i("text", {
+				t.title ? (g(), a("text", {
 					key: 0,
-					x: b.value / 2,
+					x: _.value / 2,
 					y: 18,
 					"text-anchor": "middle",
 					"font-size": "14",
 					"font-weight": "600",
 					fill: "currentColor"
-				}, y(s.title), 9, Qe)) : r("", !0),
-				K.value.length > 0 ? (h(), i("g", $e, [(h(!0), i(e, null, _(K.value, (t, n) => (h(), i(e, { key: "ileg" + n }, [a("rect", {
-					x: x(C).left + n * 120,
-					y: x(C).top - x(20) / 2 - 5,
+				}, y(t.title), 9, tt)) : i("", !0),
+				W.value.length > 0 ? (g(), a("g", nt, [(g(!0), a(e, null, v(W.value, (t, n) => (g(), a(e, { key: "ileg" + n }, [o("rect", {
+					x: x(S).left + n * 120,
+					y: x(S).top - x(20) / 2 - 5,
 					width: "12",
 					height: "10",
 					fill: t.color
-				}, null, 8, et), a("text", {
-					x: x(C).left + n * 120 + 18,
-					y: x(C).top - x(20) / 2 + 4,
+				}, null, 8, rt), o("text", {
+					x: x(S).left + n * 120 + 18,
+					y: x(S).top - x(20) / 2 + 4,
 					"font-size": "11",
 					fill: "currentColor"
-				}, y(t.label), 9, tt)], 64))), 128))])) : r("", !0),
-				a("line", {
-					x1: x(z)(x(C).left),
-					y1: x(z)(x(C).top),
-					x2: x(z)(x(C).left),
-					y2: x(z)(x(C).top + x(T)),
+				}, y(t.label), 9, it)], 64))), 128))])) : i("", !0),
+				o("line", {
+					x1: x(H)(x(S).left),
+					y1: x(H)(x(S).top),
+					x2: x(H)(x(S).left),
+					y2: x(H)(x(S).top + x(w)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, nt),
-				a("line", {
-					x1: x(z)(x(C).left),
-					y1: x(z)(x(C).top + x(T)),
-					x2: x(z)(x(C).left + x(w)),
-					y2: x(z)(x(C).top + x(T)),
+				}, null, 8, at),
+				o("line", {
+					x1: x(H)(x(S).left),
+					y1: x(H)(x(S).top + x(w)),
+					x2: x(H)(x(S).left + x(C)),
+					y2: x(H)(x(S).top + x(w)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, rt),
-				s.valueGrid ? (h(!0), i(e, { key: 2 }, _(V.value, (e, t) => (h(), i("line", {
+				}, null, 8, ot),
+				t.valueGrid ? (g(!0), a(e, { key: 2 }, v(V.value, (e, t) => (g(), a("line", {
 					key: "vg" + t,
-					x1: A.value ? x(C).left : e.pos,
-					y1: A.value ? e.pos : x(C).top,
-					x2: A.value ? x(C).left + x(w) : e.pos,
-					y2: A.value ? e.pos : x(C).top + x(T),
+					x1: A.value ? x(S).left : e.pos,
+					y1: A.value ? e.pos : x(S).top,
+					x2: A.value ? x(S).left + x(C) : e.pos,
+					y2: A.value ? e.pos : x(S).top + x(w),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, it))), 128)) : r("", !0),
-				$.value && J.value ? (h(), i("rect", {
+				}, null, 8, st))), 128)) : i("", !0),
+				xe.value && q.value ? (g(), a("rect", {
 					key: 3,
-					x: $.value.x,
-					y: $.value.y,
-					width: $.value.w,
-					height: $.value.h,
+					x: xe.value.x,
+					y: xe.value.y,
+					width: xe.value.w,
+					height: xe.value.h,
 					fill: "currentColor",
 					"fill-opacity": "0.06",
 					"pointer-events": "none"
-				}, null, 8, at)) : r("", !0),
-				A.value ? (h(!0), i(e, { key: 4 }, _(V.value, (e, t) => (h(), i("text", {
+				}, null, 8, ct)) : i("", !0),
+				A.value ? (g(!0), a(e, { key: 4 }, v(V.value, (e, t) => (g(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
-					x: x(C).left - 6,
+					x: x(S).left - 6,
 					y: e.pos,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.value), 9, ot))), 128)) : (h(!0), i(e, { key: 5 }, _(V.value, (e, t) => (h(), i("text", {
+				}, y(e.value), 9, lt))), 128)) : (g(!0), a(e, { key: 5 }, v(V.value, (e, t) => (g(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
 					x: e.pos,
-					y: x(C).top + x(T) + 16,
+					y: x(S).top + x(w) + 16,
 					"text-anchor": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.value), 9, st))), 128)),
-				s.yLabel ? (h(), i("text", {
+				}, y(e.value), 9, ut))), 128)),
+				t.yLabel ? (g(), a("text", {
 					key: 6,
 					x: 0,
 					y: 0,
-					transform: `translate(14, ${x(C).top + x(T) / 2}) rotate(-90)`,
+					transform: `translate(14, ${x(S).top + x(w) / 2}) rotate(-90)`,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, y(s.yLabel), 9, ct)) : r("", !0),
-				A.value ? (h(!0), i(e, { key: 7 }, _(H.value, (e, t) => (h(), i("text", {
+				}, y(t.yLabel), 9, dt)) : i("", !0),
+				A.value ? (g(!0), a(e, { key: 7 }, v(U.value, (e, t) => (g(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
 					x: e.pos,
-					y: x(C).top + x(T) + 16,
+					y: x(S).top + x(w) + 16,
 					"text-anchor": e.anchor,
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.label), 9, lt))), 128)) : (h(!0), i(e, { key: 8 }, _(H.value, (e, t) => (h(), i("text", {
+				}, y(e.label), 9, ft))), 128)) : (g(!0), a(e, { key: 8 }, v(U.value, (e, t) => (g(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
-					x: x(C).left - 6,
+					x: x(S).left - 6,
 					y: e.pos,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.label), 9, ut))), 128)),
-				s.xLabel ? (h(), i("text", {
+				}, y(e.label), 9, pt))), 128)),
+				t.xLabel ? (g(), a("text", {
 					key: 9,
-					x: x(C).left + x(w) / 2,
-					y: S.value - 4,
+					x: x(S).left + x(C) / 2,
+					y: b.value - 4,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, y(s.xLabel), 9, dt)) : r("", !0),
-				(h(!0), i(e, null, _(se.value, (e, t) => (h(), i("rect", {
+				}, y(t.xLabel), 9, mt)) : i("", !0),
+				(g(!0), a(e, null, v(R.value, (e, t) => (g(), a("rect", {
 					key: "bar" + t,
 					"data-testid": "bar",
 					"data-category": e.categoryIndex,
@@ -1522,49 +1537,49 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 					height: e.h,
 					fill: e.color,
 					"fill-opacity": e.opacity
-				}, null, 8, ft))), 128)),
-				J.value ? (h(), i("rect", u({
+				}, null, 8, ht))), 128)),
+				q.value ? (g(), a("rect", d({
 					key: 10,
-					x: x(C).left,
-					y: x(C).top,
-					width: x(w),
-					height: x(T),
+					x: x(S).left,
+					y: x(S).top,
+					width: x(C),
+					height: x(w),
 					fill: "transparent",
 					style: {
 						cursor: "crosshair",
 						"touch-action": "none"
 					}
-				}, te(x(pe), !0)), null, 16, pt)) : r("", !0)
-			], 8, Ze)),
-			J.value && x(X) !== null && be.value ? (h(), i("div", {
+				}, ne(x(me), !0)), null, 16, gt)) : i("", !0)
+			], 8, et)),
+			q.value && x(Y) !== null && $.value ? (g(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: de,
+				ref: pe,
 				class: "chart-tooltip-content",
-				style: p({
+				style: m({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: x(Z) ? `translate3d(${x(Z).left}px, ${x(Z).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: x(Z) ? "visible" : "hidden"
+					transform: x(X) ? `translate3d(${x(X).left}px, ${x(X).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: x(X) ? "visible" : "hidden"
 				})
-			}, [v(t.$slots, "tooltip", f(l(be.value)), () => [a("div", mt, [ye.value ? (h(), i("div", ht, y(ye.value), 1)) : r("", !0), (h(!0), i(e, null, _(be.value.values, (e) => (h(), i("div", {
+			}, [te(n.$slots, "tooltip", p(u($.value)), () => [o("div", _t, [be.value ? (g(), a("div", vt, y(be.value), 1)) : i("", !0), (g(!0), a(e, null, v($.value.values, (e) => (g(), a("div", {
 				key: e.seriesIndex,
 				class: "bar-chart-tooltip-row"
-			}, [a("span", {
+			}, [o("span", {
 				class: "bar-chart-tooltip-swatch",
-				style: p({ background: e.color })
-			}, null, 4), o(" " + y(isFinite(e.value) ? x(U)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : r("", !0),
-			x(ge) ? (h(), i("a", {
+				style: m({ background: e.color })
+			}, null, 4), s(" " + y(isFinite(e.value) ? B(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
+			x(Q) ? (g(), a("a", {
 				key: 2,
 				class: "bar-chart-download-link",
-				href: x(_e),
-				download: `${x(ve)()}.csv`
-			}, y(x(ge)), 9, gt)) : r("", !0)
+				href: x(ve),
+				download: `${x(ye)()}.csv`
+			}, y(x(Q)), 9, yt)) : i("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-c2d91885"]]), vt = {
+}), [["__scopeId", "data-v-4f604d9f"]]), xt = {
 	"01013": "010259",
 	"01015": "010177",
 	"01029": "010177",
@@ -4725,7 +4740,7 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 	51019: "510014",
 	"02158": "020820",
 	46102: "460957"
-}, yt = {
+}, St = {
 	"010259": "Butler, AL",
 	"010177": "Calhoun (Anniston), AL - Cleburne, AL",
 	"010172": "Chambers, AL - Randolph, AL",
@@ -5675,25 +5690,47 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 	560775: "Teton, WY - Lincoln, WY",
 	560792: "Uinta, WY",
 	560804: "Weston, WY"
-}, bt = ["width", "height"], xt = [
-	"data-feat-id",
-	"d",
-	"fill",
-	"stroke",
-	"stroke-width"
-], St = { key: 0 }, Ct = ["d", "stroke"], wt = ["transform"], Tt = {
+}, Ct = {
+	ref: "root",
+	class: "chart-tooltip-content",
+	style: {
+		position: "fixed",
+		left: "0",
+		top: "0",
+		visibility: "hidden",
+		"will-change": "transform",
+		"pointer-events": "none",
+		transform: "translateY(-50%)"
+	}
+}, wt = /* @__PURE__ */ l({
+	__name: "ChoroplethTooltip",
+	setup(e, { expose: n }) {
+		let a = _(null), s = S("root");
+		return n({
+			setData(e) {
+				a.value = e;
+			},
+			getEl() {
+				return s.value;
+			}
+		}), (e, n) => (g(), r(t, { to: "body" }, [o("div", Ct, [a.value ? te(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
+	}
+}), Tt = {
+	key: 1,
+	class: "choropleth-header"
+}, Et = {
 	key: 0,
-	y: 5,
-	"font-size": "13",
-	"font-weight": "600",
-	fill: "currentColor"
-}, Et = ["x", "fill"], Dt = ["x"], Ot = {
+	class: "choropleth-title"
+}, Dt = {
+	key: 1,
+	class: "choropleth-legend"
+}, Ot = {
 	key: 0,
-	y: 5,
-	"font-size": "13",
-	"font-weight": "600",
-	fill: "currentColor"
-}, kt = ["offset", "stop-color"], At = ["x", "fill"], jt = ["x"], Mt = ["x"], Nt = /* @__PURE__ */ R(/* @__PURE__ */ c({
+	class: "choropleth-legend-title"
+}, kt = {
+	key: 2,
+	class: "choropleth-legend-continuous"
+}, At = { class: "choropleth-legend-ticks" }, jt = ["viewBox"], Mt = ["innerHTML"], Nt = "http://www.w3.org/2000/svg", Pt = 1e3, Ft = /* @__PURE__ */ V(/* @__PURE__ */ l({
 	__name: "ChoroplethMap",
 	props: {
 		topology: {},
@@ -5725,90 +5762,107 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 		},
 		tooltipTrigger: {},
 		tooltipFormat: {},
+		tooltipValueFormat: {},
 		tooltipClamp: { default: "chart" }
 	},
 	emits: ["stateClick", "stateHover"],
-	setup(o, { emit: s }) {
-		let c = o, l = s, u = `choropleth-gradient-${S()}`, f = g(null), p = g(null), v = g(null), te = g(0), x = null, C = null, w = !1, T = typeof window < "u" && "ontouchstart" in window, re = null, E = null;
-		function D() {
-			if (T) return;
-			let e = v.value;
-			e && (e.addEventListener("click", $), e.addEventListener("mouseover", $), e.addEventListener("mousemove", xe), e.addEventListener("mouseout", Se));
+	setup(t, { emit: c }) {
+		let l = t, d = c, ne = (e) => e, x = _(null), S = _(null), T = _(null), E = _(null), D = re(), O = n(() => !!l.tooltipTrigger || !!l.tooltipFormat || !!D.tooltip), k = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), j = null, M = null, N = !1, se = typeof window < "u" && "ontouchstart" in window, z = null, B = {
+			width: 0,
+			height: 0
+		}, V = null, H = !1, U = null, W = _(!1), le = 0, G = 0, K = 0;
+		function ue() {
+			if (se) return;
+			let e = T.value;
+			e && (e.addEventListener("click", We), e.addEventListener("mouseover", We), e.addEventListener("mousemove", Ge), e.addEventListener("mouseout", Ke));
 		}
-		function O() {
-			let e = v.value;
-			e && (e.removeEventListener("click", $), e.removeEventListener("mouseover", $), e.removeEventListener("mousemove", xe), e.removeEventListener("mouseout", Se));
+		function de() {
+			let e = T.value;
+			e && (e.removeEventListener("click", We), e.removeEventListener("mouseover", We), e.removeEventListener("mousemove", Ge), e.removeEventListener("mouseout", Ke));
 		}
-		ee(() => {
-			f.value && (te.value = f.value.clientWidth, re = new ResizeObserver((e) => {
-				let t = e[0];
-				t && (te.value = t.contentRect.width);
-			}), re.observe(f.value)), k(), D();
-		}), m(() => {
-			re?.disconnect(), A(), O(), ve();
+		function q() {
+			He();
+		}
+		h(() => {
+			J(), ue(), Je(), Ie(), window.addEventListener("scroll", q, {
+				passive: !0,
+				capture: !0
+			}), window.addEventListener("resize", q, { passive: !0 });
+		}), ee(() => {
+			z?.disconnect(), K && cancelAnimationFrame(K), fe(), de(), window.removeEventListener("scroll", q, { capture: !0 }), window.removeEventListener("resize", q);
 		});
-		function k() {
-			if (!p.value || !v.value || !c.zoom && !c.pan) return;
-			let e = P(p.value);
-			E = N().scaleExtent(c.zoom ? [1, 12] : [1, 1]).on("start", () => {
-				w = !0, be();
+		function J() {
+			if (!S.value || !T.value || !l.zoom && !l.pan) return;
+			let e = ae(S.value);
+			U = F().scaleExtent(l.zoom ? [1, 12] : [1, 1]).on("start", () => {
+				N = !0, He();
 			}).on("zoom", (e) => {
-				v.value && v.value.setAttribute("transform", e.transform);
+				T.value && T.value.setAttribute("transform", e.transform);
+				let t = e.transform;
+				W.value = t.k !== 1 || t.x !== 0 || t.y !== 0;
 			}).on("end", () => {
-				w = !1;
-			}), c.pan || E.filter((e) => e.type === "wheel" || e.type === "dblclick"), e.call(E);
+				N = !1;
+			}), l.pan || U.filter((e) => e.type === "wheel" || e.type === "dblclick"), e.call(U);
 		}
-		function A() {
-			p.value && E && (P(p.value).on(".zoom", null), E = null);
+		function fe() {
+			S.value && U && (ae(S.value).on(".zoom", null), U = null);
 		}
-		ne(() => [c.zoom, c.pan], () => {
-			A(), O(), k(), D();
+		function pe() {
+			!S.value || !U || U.transform(ae(S.value), I);
+		}
+		C(() => [l.zoom, l.pan], () => {
+			fe(), de(), J(), ue();
 		});
-		let j = t(() => c.width ?? (te.value || 600)), I = t(() => c.width && c.height ? c.height / c.width : .625), L = t(() => j.value * I.value), se = t(() => {
-			let e = b(c.topology), t = e.objects.counties.geometries, n = /* @__PURE__ */ new Map();
+		let Z = n(() => l.width && l.height ? l.height / l.width : .625), he = n(() => Pt), ge = n(() => Pt * Z.value), _e = n(() => {
+			let e = b(l.topology), t = e.objects.counties.geometries, n = /* @__PURE__ */ new Map();
 			for (let e of t) {
-				let t = vt[String(e.id).padStart(5, "0")];
+				let t = xt[String(e.id).padStart(5, "0")];
 				t && (n.has(t) || n.set(t, []), n.get(t).push(e));
 			}
 			let r = [];
 			for (let [t, i] of n) r.push({
 				type: "Feature",
 				id: t,
-				properties: { name: yt[t] ?? t },
-				geometry: ae(e, i)
+				properties: { name: St[t] ?? t },
+				geometry: oe(e, i)
 			});
 			return {
 				type: "FeatureCollection",
 				features: r
 			};
-		}), R = t(() => {
-			if (c.geoType === "hsas") return se.value;
-			if (c.geoType === "counties") {
-				let e = b(c.topology);
-				return F(e, e.objects.counties);
+		}), Q = n(() => {
+			if (l.geoType === "hsas") return _e.value;
+			if (l.geoType === "counties") {
+				let e = b(l.topology);
+				return L(e, e.objects.counties);
 			}
-			let e = b(c.topology);
-			return F(e, e.objects.states);
-		}), z = t(() => {
-			if (c.geoType !== "counties" && c.geoType !== "hsas") return null;
-			let e = b(c.topology);
-			return oe(e, e.objects.states, (e, t) => e !== t);
-		}), B = t(() => M().fitExtent([[0, Oe.value], [j.value, L.value + Oe.value]], R.value)), V = t(() => ie(B.value)), H = t(() => c.geoType === "counties" || c.geoType === "hsas" ? c.strokeWidth * .5 : c.strokeWidth), U = t(() => {
+			let e = b(l.topology);
+			return L(e, e.objects.states);
+		}), ve = n(() => {
+			if (l.geoType !== "counties" && l.geoType !== "hsas") return null;
+			let e = b(l.topology);
+			return R(e, e.objects.states, (e, t) => e !== t);
+		}), ye = n(() => P().fitExtent([[0, 0], [he.value, ge.value]], Q.value)), be = n(() => ie(ye.value)), $ = n(() => l.geoType === "counties" || l.geoType === "hsas" ? l.strokeWidth * .5 : l.strokeWidth), xe = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			if (!c.data) return e;
-			for (let t of c.data) {
-				e.set(t.id, t.value);
-				let n = R.value.features.find((e) => e.properties?.name === t.id);
-				n?.id != null && e.set(String(n.id), t.value);
+			for (let t of Q.value.features) t.properties?.name != null && t.id != null && e.set(t.properties.name, String(t.id));
+			return e;
+		}), Se = n(() => {
+			let e = /* @__PURE__ */ new Map();
+			if (!l.data) return e;
+			let t = xe.value;
+			for (let n of l.data) {
+				e.set(n.id, n.value);
+				let r = t.get(n.id);
+				r && e.set(r, n.value);
 			}
 			return e;
-		}), le = t(() => {
-			if (!c.data || c.data.length === 0) return {
+		}), Ce = n(() => {
+			if (!l.data || l.data.length === 0) return {
 				min: 0,
 				max: 1
 			};
 			let e = Infinity, t = -Infinity;
-			for (let n of c.data) typeof n.value == "number" && (n.value < e && (e = n.value), n.value > t && (t = n.value));
+			for (let n of l.data) typeof n.value == "number" && (n.value < e && (e = n.value), n.value > t && (t = n.value));
 			return isFinite(e) ? e === t ? {
 				min: e,
 				max: e + 1
@@ -5819,8 +5873,8 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 				min: 0,
 				max: 1
 			};
-		}), W = t(() => Array.isArray(c.colorScale) && c.colorScale.length > 0 && "value" in c.colorScale[0]), G = t(() => Array.isArray(c.colorScale) && !W.value), K = t(() => G.value ? "" : c.colorScale?.min ?? "#e5f0fa"), q = t(() => G.value ? "" : c.colorScale?.max ?? "#08519c");
-		function ue(e) {
+		}), we = n(() => Array.isArray(l.colorScale) && l.colorScale.length > 0 && "value" in l.colorScale[0]), Te = n(() => Array.isArray(l.colorScale) && !we.value), Ee = n(() => Te.value ? "" : l.colorScale?.min ?? "#e5f0fa"), De = n(() => Te.value ? "" : l.colorScale?.max ?? "#08519c");
+		function Oe(e) {
 			let t = e.replace("#", "");
 			return [
 				parseInt(t.slice(0, 2), 16),
@@ -5828,244 +5882,263 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 				parseInt(t.slice(4, 6), 16)
 			];
 		}
-		function Y(e) {
-			let [t, n, r] = ue(K.value), [i, a, o] = ue(q.value);
+		function ke(e) {
+			let [t, n, r] = Oe(Ee.value), [i, a, o] = Oe(De.value);
 			return `rgb(${Math.round(t + (i - t) * e)},${Math.round(n + (a - n) * e)},${Math.round(r + (o - r) * e)})`;
 		}
-		function Z(e) {
-			let t = c.colorScale.slice().sort((e, t) => t.min - e.min);
-			for (let n of t) if (e >= n.min) return n.color;
-			return c.noDataColor;
+		let Ae = n(() => Te.value ? l.colorScale.slice().sort((e, t) => t.min - e.min) : null), je = n(() => {
+			if (!we.value) return null;
+			let e = /* @__PURE__ */ new Map();
+			for (let t of l.colorScale) e.set(t.value, t.color);
+			return e;
+		});
+		function Me(e) {
+			let t = Se.value.get(e), n = l.noDataColor;
+			if (t == null) return n;
+			let r = je.value;
+			if (r) return r.get(String(t)) ?? n;
+			let i = Ae.value;
+			if (i) {
+				let e = t;
+				for (let t of i) if (e >= t.min) return t.color;
+				return n;
+			}
+			let { min: a, max: o } = Ce.value;
+			return ke((t - a) / (o - a));
 		}
-		function fe(e) {
-			let t = c.colorScale.find((t) => t.value === String(e));
-			return t ? t.color : c.noDataColor;
+		let Ne = (e) => e.properties?.name ?? String(e.id);
+		function Pe(e) {
+			return e == null ? "" : typeof e == "number" && l.tooltipValueFormat ? l.tooltipValueFormat(e) : String(e);
 		}
-		function pe(e) {
-			let t = U.value.get(String(e));
-			if (t == null) return c.noDataColor;
-			if (W.value) return fe(t);
-			if (G.value) return Z(t);
-			let { min: n, max: r } = le.value;
-			return Y((t - n) / (r - n));
+		function Fe(e, t) {
+			return t == null ? e : `${e}: ${Pe(t)}`;
 		}
-		function me(e) {
-			return e.properties?.name ?? String(e.id);
+		function Ie() {
+			let e = E.value?.getEl();
+			if (!e) return;
+			z?.disconnect();
+			let t = !1;
+			z = new ResizeObserver((e) => {
+				let n = e[0]?.contentRect;
+				n && (B.width = n.width, B.height = n.height, !t && H && V ? (t = !0, Le(V.x, V.y)) : t = !0);
+			}), z.observe(e);
 		}
-		function Q(e) {
-			return U.value.get(String(e.id));
+		function Le(e, t) {
+			let n = E.value?.getEl();
+			if (!n) return;
+			let r = x.value?.getBoundingClientRect(), { left: i, top: a } = Y(e, t, B.width, B.height, l.tooltipClamp, r);
+			n.style.transform = `translate3d(${i}px, ${a}px, 0) translateY(-50%)`;
 		}
-		let he = t(() => {
-			let e = /* @__PURE__ */ new Map();
-			for (let t of R.value.features) e.set(String(t.id), t);
-			return e;
-		});
-		function ge(e) {
+		function Re(e, t, n) {
+			let r = A.get(e);
+			if (!r) return;
+			let i = E.value, a = i?.getEl();
+			!i || !a || (i.setData(r), V = {
+				x: t,
+				y: n
+			}, H = !0, Le(t, n), a.style.visibility = "visible");
+		}
+		function ze(e, t) {
+			H && (le = e, G = t, !K && (K = requestAnimationFrame(() => {
+				K = 0;
+				let e = E.value?.getEl();
+				!e || !H || (V = {
+					x: le,
+					y: G
+				}, e.style.transform = `translate3d(${le + 16}px, ${G}px, 0) translateY(-50%)`);
+			})));
+		}
+		function Be() {
+			if (!H) return;
+			H = !1, V = null;
+			let e = E.value?.getEl();
+			e && (e.style.visibility = "hidden");
+		}
+		function Ve(e) {
+			M !== e && (M && (M.setAttribute("stroke-width", String($.value)), M.setAttribute("stroke", l.strokeColor)), M = e, e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String($.value + 1)), e.setAttribute("stroke", "#555"));
+		}
+		function He() {
+			M && (M.setAttribute("stroke-width", String($.value)), M.setAttribute("stroke", l.strokeColor), M = null, d("stateHover", null)), Be();
+		}
+		function Ue(e) {
 			let t = e;
 			for (; t && !t.dataset?.featId;) t = t.parentElement;
-			if (!t) return null;
-			let n = he.value.get(t.dataset.featId);
-			return n ? {
-				pathEl: t,
-				feat: n
-			} : null;
+			return t ? t.dataset.featId ?? null : null;
 		}
-		function _e(e, t, n) {
-			C || (C = document.createElement("div"), C.className = "chart-tooltip-content", C.style.position = "fixed", C.style.transform = "translateY(-50%)", document.body.appendChild(C));
-			let r = me(e), i = Q(e), a = {
-				id: String(e.id),
-				name: r,
-				value: i
+		function We(e) {
+			if (N) return;
+			let t = e, n = Ue(t.target);
+			if (!n) return;
+			let r = A.get(n);
+			if (!r) return;
+			let i = {
+				id: r.id,
+				name: r.name,
+				value: r.value
 			};
-			c.tooltipFormat ? C.innerHTML = c.tooltipFormat(a) : C.textContent = i == null ? r : `${r}: ${i}`;
-			let o = f.value?.getBoundingClientRect(), { left: s, top: l } = J(t, n, C.offsetWidth, C.offsetHeight, c.tooltipClamp, o);
-			C.style.left = `${s}px`, C.style.top = `${l}px`;
+			e.type === "click" ? d("stateClick", i) : e.type === "mouseover" && (Ve(k.get(n)), O.value && Re(n, t.clientX, t.clientY), d("stateHover", i));
 		}
-		function ve() {
-			C &&= (C.remove(), null);
+		function Ge(e) {
+			N || ze(e.clientX, e.clientY);
 		}
-		function ye(e, t) {
-			x && x !== e && (x.setAttribute("stroke-width", String(H.value)), x.setAttribute("stroke", c.strokeColor)), x = e, e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(H.value + 1)), e.setAttribute("stroke", "#555");
+		function Ke(e) {
+			let t = e.relatedTarget;
+			t && T.value?.contains(t) || He();
 		}
-		function be() {
-			x && (x.setAttribute("stroke-width", String(H.value)), x.setAttribute("stroke", c.strokeColor), x = null, l("stateHover", null)), ve();
+		function qe(e) {
+			let t = document.createElementNS(Nt, "path");
+			return e && t.setAttribute("d", e), t;
 		}
-		function $(e) {
-			if (w) return;
-			let t = e, n = ge(t.target);
-			n && (e.type === "click" ? l("stateClick", {
-				id: String(n.feat.id),
-				name: me(n.feat),
-				value: Q(n.feat)
-			}) : e.type === "mouseover" && (ye(n.pathEl, n.feat), c.tooltipTrigger && _e(n.feat, t.clientX, t.clientY), l("stateHover", {
-				id: String(n.feat.id),
-				name: me(n.feat),
-				value: Q(n.feat)
-			})));
+		function Je() {
+			let e = T.value;
+			if (!e) return;
+			for (; e.firstChild;) e.removeChild(e.firstChild);
+			k.clear(), A.clear(), j = null, M = null;
+			let t = be.value, n = Q.value.features, r = l.strokeColor, i = String($.value), a = !O.value, o = document.createDocumentFragment();
+			for (let e of n) {
+				let n = String(e.id), s = Ne(e), c = Se.value.get(n), l = qe(t(e));
+				if (l.setAttribute("class", "state-path"), l.setAttribute("data-feat-id", n), l.setAttribute("fill", Me(n)), l.setAttribute("stroke", r), l.setAttribute("stroke-width", i), l.setAttribute("vector-effect", "non-scaling-stroke"), a) {
+					let e = document.createElementNS(Nt, "title");
+					e.textContent = Fe(s, c), l.appendChild(e);
+				}
+				o.appendChild(l), k.set(n, l), A.set(n, {
+					id: n,
+					name: s,
+					value: c,
+					feature: e
+				});
+			}
+			let s = ve.value;
+			if (s) {
+				let e = qe(t(s));
+				e.setAttribute("fill", "none"), e.setAttribute("stroke", r), e.setAttribute("stroke-width", "1"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), o.appendChild(e), j = e;
+			}
+			e.appendChild(o);
 		}
-		function xe(e) {
-			w || !C || (C.style.left = `${e.clientX + 16}px`, C.style.top = `${e.clientY}px`);
+		function Ye() {
+			let e = !O.value;
+			for (let [t, n] of k) {
+				let r = Se.value.get(t), i = A.get(t);
+				if (n.setAttribute("fill", Me(t)), i && (i.value = r), e && i) {
+					let e = n.firstElementChild;
+					e && (e.textContent = Fe(i.name, r));
+				}
+			}
 		}
-		function Se(e) {
-			let t = e.relatedTarget;
-			t && v.value?.contains(t) || be();
+		function Xe() {
+			let e = l.strokeColor, t = String($.value);
+			for (let n of k.values()) n !== M && (n.setAttribute("stroke", e), n.setAttribute("stroke-width", t));
+			j && j.setAttribute("stroke", e);
 		}
-		function Ce() {
-			return typeof c.menu == "string" ? c.menu : "choropleth";
+		function Ze() {
+			return typeof l.menu == "string" ? l.menu : "choropleth";
 		}
-		let we = t(() => c.legend && (W.value || G.value || c.data)), Te = t(() => c.colorScale.slice().sort((e, t) => e.min - t.min)), Ee = t(() => c.title ? 24 : 0), De = t(() => we.value ? 28 : 0), Oe = t(() => Ee.value + De.value), ke = t(() => L.value + Oe.value), Ae = t(() => Ee.value + 18), je = t(() => {
+		let Qe = n(() => l.legend && (we.value || Te.value || l.data)), $e = n(() => l.colorScale.slice().sort((e, t) => e.min - t.min)), et = n(() => {
 			let e = [];
 			for (let t = 0; t <= 10; t++) {
 				let n = t / 10;
 				e.push({
 					offset: `${(n * 100).toFixed(0)}%`,
-					color: Y(n)
+					color: ke(n)
 				});
 			}
 			return e;
-		}), Me = t(() => {
-			let { min: e, max: t } = le.value, n = t - e, r = [];
+		}), tt = new Intl.NumberFormat("en-US", {
+			notation: "compact",
+			maximumFractionDigits: 1
+		}), nt = n(() => {
+			let { min: e, max: t } = Ce.value, n = t - e, r = [];
 			for (let t = 1; t <= 3; t++) {
-				let i = t / 4, a = e + n * i, o = Number.isInteger(a) ? String(a) : a.toFixed(1).replace(/\.0$/, "");
+				let i = t / 4, a = e + n * i, o = Math.abs(a) >= 1e3 ? tt.format(a) : Number.isInteger(a) ? String(a) : a.toFixed(1).replace(/\.0$/, "");
 				r.push({
 					value: o,
 					pct: i * 100
 				});
 			}
 			return r;
-		}), Ne = t(() => {
+		}), rt = n(() => {
 			let e = [];
-			if (W.value) for (let t of c.colorScale) e.push({
+			if (we.value) for (let t of l.colorScale) e.push({
 				key: t.value,
 				color: t.color,
 				label: t.value
 			});
-			else if (G.value) for (let t of Te.value) e.push({
+			else if (Te.value) for (let t of $e.value) e.push({
 				key: String(t.min),
 				color: t.color,
 				label: t.label ?? String(t.min)
 			});
 			return e;
-		}), Pe = t(() => {
-			let e = c.legendTitle ? c.legendTitle.length * 8 + 12 : 0;
-			for (let t of Ne.value) e += 16 + t.label.length * 7 + 12;
-			return e - (Ne.value.length > 0 ? 12 : 0);
-		}), Fe = t(() => {
-			let e = c.legendTitle ? c.legendTitle.length * 8 + 12 : 0;
-			return Ne.value.map((t) => {
-				let n = e;
-				return e += 16 + t.label.length * 7 + 12, n;
-			});
-		}), Ie = t(() => {
-			if (W.value || G.value) return (j.value - Pe.value) / 2;
-			let e = c.legendTitle ? c.legendTitle.length * 8 + 12 : 0;
-			return (j.value - e - 160) / 2;
-		}), Le = t(() => {
-			let e = Ce();
+		}), it = n(() => `linear-gradient(to right, ${et.value.map((e) => `${e.color} ${e.offset}`).join(", ")})`), at = n(() => {
+			let e = Ze();
 			return [{
 				label: "Save as SVG",
 				action: () => {
-					p.value && X(p.value, e);
+					S.value && X(S.value, e);
 				}
 			}, {
 				label: "Save as PNG",
 				action: () => {
-					p.value && de(p.value, e);
+					S.value && me(S.value, e);
 				}
 			}];
 		});
-		return (t, s) => (h(), i("div", {
+		return C(() => [be.value, O.value], () => Je()), C(() => [
+			Se.value,
+			l.colorScale,
+			l.noDataColor
+		], () => Ye()), C(() => [l.strokeColor, $.value], () => Xe()), (n, c) => (g(), a("div", {
 			ref_key: "containerRef",
-			ref: f,
-			class: d(["choropleth-wrapper", { pannable: o.pan }])
-		}, [o.menu ? (h(), n(ce, {
-			key: 0,
-			items: Le.value
-		}, null, 8, ["items"])) : r("", !0), (h(), i("svg", {
-			ref_key: "svgRef",
-			ref: p,
-			width: j.value,
-			height: ke.value
+			ref: x,
+			class: f(["choropleth-wrapper", { pannable: t.pan }])
 		}, [
-			a("g", {
-				ref_key: "mapGroupRef",
-				ref: v
-			}, [(h(!0), i(e, null, _(R.value.features, (e) => (h(), i("path", {
-				key: String(e.id),
-				"data-feat-id": String(e.id),
-				d: V.value(e) ?? void 0,
-				fill: pe(e.id),
-				stroke: o.strokeColor,
-				"stroke-width": H.value,
-				class: "state-path"
-			}, [o.tooltipTrigger ? r("", !0) : (h(), i("title", St, y(me(e)) + y(Q(e) == null ? "" : `: ${Q(e)}`), 1))], 8, xt))), 128)), z.value ? (h(), i("path", {
+			t.menu ? (g(), r(ce, {
 				key: 0,
-				d: V.value(z.value) ?? void 0,
-				fill: "none",
-				stroke: o.strokeColor,
-				"stroke-width": 1,
-				"stroke-linejoin": "round",
-				"pointer-events": "none"
-			}, null, 8, Ct)) : r("", !0)], 512),
-			we.value ? (h(), i("g", {
-				key: 0,
-				class: "choropleth-legend",
-				transform: `translate(${Ie.value},${Ae.value})`
-			}, [W.value || G.value ? (h(), i(e, { key: 0 }, [o.legendTitle ? (h(), i("text", Tt, y(o.legendTitle), 1)) : r("", !0), (h(!0), i(e, null, _(Ne.value, (t, n) => (h(), i(e, { key: t.key }, [a("rect", {
-				x: Fe.value[n],
-				y: -5,
-				width: "12",
-				height: "12",
-				rx: "3",
-				fill: t.color
-			}, null, 8, Et), a("text", {
-				x: Fe.value[n] + 16,
-				y: 5,
-				"font-size": "13",
-				fill: "currentColor"
-			}, y(t.label), 9, Dt)], 64))), 128))], 64)) : (h(), i(e, { key: 1 }, [
-				o.legendTitle ? (h(), i("text", Ot, y(o.legendTitle), 1)) : r("", !0),
-				a("defs", null, [a("linearGradient", {
-					id: u,
-					x1: "0",
-					x2: "1",
-					y1: "0",
-					y2: "0"
-				}, [(h(!0), i(e, null, _(je.value, (e) => (h(), i("stop", {
-					key: e.offset,
-					offset: e.offset,
-					"stop-color": e.color
-				}, null, 8, kt))), 128))])]),
-				a("rect", {
-					x: o.legendTitle ? o.legendTitle.length * 8 + 12 : 0,
-					y: -6,
-					width: 160,
-					height: 12,
-					rx: "2",
-					fill: `url(#${u})`
-				}, null, 8, At),
-				(h(!0), i(e, null, _(Me.value, (e) => (h(), i("text", {
-					key: e.value,
-					x: (o.legendTitle ? o.legendTitle.length * 8 + 12 : 0) + e.pct / 100 * 160,
-					y: 20,
-					"font-size": "11",
-					fill: "currentColor",
-					opacity: "0.7",
-					"text-anchor": "middle"
-				}, y(e.value), 9, jt))), 128))
-			], 64))], 8, wt)) : r("", !0),
-			o.title ? (h(), i("text", {
-				key: 1,
-				x: j.value / 2,
-				y: 18,
-				"text-anchor": "middle",
-				"font-size": "14",
-				"font-weight": "600",
-				fill: "currentColor"
-			}, y(o.title), 9, Mt)) : r("", !0)
-		], 8, bt))], 2));
+				items: at.value
+			}, null, 8, ["items"])) : i("", !0),
+			t.title || Qe.value ? (g(), a("div", Tt, [t.title ? (g(), a("div", Et, y(t.title), 1)) : i("", !0), Qe.value ? (g(), a("div", Dt, [t.legendTitle ? (g(), a("span", Ot, y(t.legendTitle), 1)) : i("", !0), we.value || Te.value ? (g(!0), a(e, { key: 1 }, v(rt.value, (e) => (g(), a("span", {
+				key: e.key,
+				class: "choropleth-legend-item"
+			}, [o("span", {
+				class: "choropleth-legend-swatch",
+				style: m({ background: e.color })
+			}, null, 4), s(" " + y(e.label), 1)]))), 128)) : (g(), a("div", kt, [o("div", {
+				class: "choropleth-legend-gradient",
+				style: m({ background: it.value })
+			}, null, 4), o("div", At, [(g(!0), a(e, null, v(nt.value, (e) => (g(), a("span", {
+				key: e.value,
+				style: m({ left: e.pct + "%" })
+			}, y(e.value), 5))), 128))])]))])) : i("", !0)])) : i("", !0),
+			(g(), a("svg", {
+				ref_key: "svgRef",
+				ref: S,
+				viewBox: `0 0 ${he.value} ${ge.value}`,
+				preserveAspectRatio: "xMidYMid meet"
+			}, [o("g", {
+				ref_key: "mapGroupRef",
+				ref: T
+			}, null, 512)], 8, jt)),
+			(t.zoom || t.pan) && W.value ? (g(), a("button", {
+				key: 2,
+				type: "button",
+				class: "choropleth-reset",
+				"aria-label": "Reset zoom",
+				onClick: pe
+			}, " Reset ")) : i("", !0),
+			O.value ? (g(), r(wt, {
+				key: 3,
+				ref_key: "tooltipChildRef",
+				ref: E
+			}, {
+				default: w((r) => [te(n.$slots, "tooltip", p(u(ne(r))), () => [t.tooltipFormat ? (g(), a("span", {
+					key: 0,
+					innerHTML: t.tooltipFormat(r)
+				}, null, 8, Mt)) : r.value == null ? (g(), a(e, { key: 1 }, [s(y(r.name), 1)], 64)) : (g(), a(e, { key: 2 }, [s(y(r.name) + ": " + y(Pe(r.value)), 1)], 64))], !0)]),
+				_: 3
+			}, 512)) : i("", !0)
+		], 2));
 	}
-}), [["__scopeId", "data-v-25a20d5b"]]), Pt = /* @__PURE__ */ R(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-ecaa9e15"]]), It = /* @__PURE__ */ V(/* @__PURE__ */ l({
 	__name: "ChartTooltip",
 	props: {
 		x: {},
@@ -6076,47 +6149,47 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 	},
 	emits: ["close"],
 	setup(e) {
-		return (t, o) => e.mode === "hover" && e.open ? (h(), i("div", {
+		return (t, n) => e.mode === "hover" && e.open ? (g(), a("div", {
 			key: 0,
 			class: "chart-tooltip-content",
-			style: p({
+			style: m({
 				position: "absolute",
 				left: `${e.x + e.sideOffset}px`,
 				top: `${e.y}px`,
 				transform: "translateY(-50%)"
 			})
-		}, [v(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (h(), n(x(j), {
+		}, [te(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (g(), r(x(N), {
 			key: 1,
 			open: e.open
 		}, {
-			default: C(() => [s(x(O), { "as-child": "" }, {
-				default: C(() => [a("div", {
+			default: w(() => [c(x(A), { "as-child": "" }, {
+				default: w(() => [o("div", {
 					class: "chart-tooltip-anchor",
-					style: p({
+					style: m({
 						left: `${e.x}px`,
 						top: `${e.y}px`
 					})
 				}, null, 4)]),
 				_: 1
-			}), s(x(A), null, {
-				default: C(() => [e.open ? (h(), n(x(k), {
+			}), c(x(M), null, {
+				default: w(() => [e.open ? (g(), r(x(j), {
 					key: 0,
 					class: "chart-tooltip-content",
 					side: "right",
 					"side-offset": e.sideOffset,
 					"update-position-strategy": "always",
-					onPointerDownOutside: o[0] ||= (e) => t.$emit("close"),
-					onEscapeKeyDown: o[1] ||= (e) => t.$emit("close")
+					onPointerDownOutside: n[0] ||= (e) => t.$emit("close"),
+					onEscapeKeyDown: n[1] ||= (e) => t.$emit("close")
 				}, {
-					default: C(() => [v(t.$slots, "default", {}, void 0, !0)]),
+					default: w(() => [te(t.$slots, "default", {}, void 0, !0)]),
 					_: 3
-				}, 8, ["side-offset"])) : r("", !0)]),
+				}, 8, ["side-offset"])) : i("", !0)]),
 				_: 3
 			})]),
 			_: 3
-		}, 8, ["open"])) : r("", !0);
+		}, 8, ["open"])) : i("", !0);
 	}
-}), [["__scopeId", "data-v-44377f70"]]), Ft = { class: "TableWrapper" }, It = { class: "Table" }, Lt = ["href", "download"], Rt = /* @__PURE__ */ R(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-44377f70"]]), Lt = { class: "TableWrapper" }, Rt = /* @__PURE__ */ V(/* @__PURE__ */ l({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -6128,36 +6201,43 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 		},
 		csv: {},
 		filename: {},
-		downloadLink: { type: [Boolean, String] }
+		downloadMenuLink: { default: "Download" },
+		fullWidth: {
+			type: Boolean,
+			default: !1
+		}
 	},
-	setup(o) {
+	setup(t) {
 		let s = {
 			small: "80px",
 			medium: "150px",
 			large: "250px"
-		}, c = o;
+		}, c = t;
 		function l(e) {
 			return c.columnConfig?.[e]?.label ?? e;
 		}
 		function u(e) {
 			let t = c.columnConfig?.[e]?.width;
-			if (t == null) return;
+			if (t == null) return c.fullWidth ? void 0 : {
+				width: s.medium,
+				minWidth: s.medium
+			};
 			let n = typeof t == "number" ? `${t}px` : s[t];
 			return {
 				width: n,
 				minWidth: n
 			};
 		}
-		function f(e) {
+		function d(e) {
 			let t = c.columnConfig?.[e]?.align;
 			if (t) return { textAlign: t };
 		}
-		function ee(e) {
+		function p(e) {
 			return typeof e.column == "function";
 		}
-		let m = t(() => {
+		let h = n(() => {
 			let e = c.data;
-			return ee(e) ? e.columns.map((t) => ({
+			return p(e) ? e.columns.map((t) => ({
 				name: t.name,
 				values: e.column(t.name),
 				enumLabels: t.enumLabels
@@ -6165,65 +6245,60 @@ var he = ["width", "height"], ge = ["x"], _e = { key: 1 }, ve = [
 				name: e,
 				values: t
 			}));
-		}), g = t(() => {
-			let e = m.value;
+		}), ee = n(() => {
+			let e = h.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 _(e, t) {
 			let n = e.values[t];
 			return n == null ? "" : 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 te() {
 			return c.filename ? c.filename : typeof c.menu == "string" ? c.menu : "data";
 		}
-		function b(e) {
+		function ne(e) {
 			return e.includes(",") || e.includes("\"") || e.includes("\n") ? `"${e.replace(/"/g, "\"\"")}"` : e;
 		}
-		function x() {
+		function b() {
 			if (typeof c.csv == "function") return c.csv();
 			if (typeof c.csv == "string") return c.csv;
-			let e = m.value, t = g.value, n = [e.map((e) => b(l(e.name))).join(",")];
+			let e = h.value, t = ee.value, n = [e.map((e) => ne(l(e.name))).join(",")];
 			for (let r = 0; r < t; r++) {
-				let t = e.map((e) => b(v(e, r)));
+				let t = e.map((e) => ne(_(e, r)));
 				n.push(t.join(","));
 			}
 			return n.join("\n");
 		}
-		let S = t(() => c.downloadLink ? [] : [{
-			label: "Download CSV",
-			action: () => Z(x(), te())
-		}]), ne = t(() => c.downloadLink ? typeof c.downloadLink == "string" ? c.downloadLink : "Download data (CSV)" : null), C = t(() => c.downloadLink ? `data:text/csv;charset=utf-8,${encodeURIComponent(x())}` : null), w = t(() => c.menu && S.value.length > 0);
-		return (t, s) => (h(), i("div", { class: d(["TableOuter", { "has-menu": w.value }]) }, [
-			w.value ? (h(), n(ce, {
-				key: 0,
-				items: S.value
-			}, null, 8, ["items"])) : r("", !0),
-			a("div", Ft, [a("table", It, [
-				a("colgroup", null, [(h(!0), i(e, null, _(m.value, (e) => (h(), i("col", {
-					key: e.name,
-					style: p(u(e.name))
-				}, null, 4))), 128))]),
-				a("thead", null, [a("tr", null, [(h(!0), i(e, null, _(m.value, (e) => (h(), i("th", {
-					key: e.name,
-					style: p(f(e.name))
-				}, y(l(e.name)), 5))), 128))])]),
-				a("tbody", null, [(h(!0), i(e, null, _(g.value, (t) => (h(), i("tr", { key: t }, [(h(!0), i(e, null, _(m.value, (e) => (h(), i("td", {
-					key: e.name,
-					class: d(o.columnConfig?.[e.name]?.cellClass),
-					style: p(f(e.name))
-				}, y(v(e, t - 1)), 7))), 128))]))), 128))])
-			])]),
-			ne.value ? (h(), i("a", {
-				key: 1,
-				class: "data-table-download-link",
-				href: C.value,
-				download: `${te()}.csv`
-			}, y(ne.value), 9, Lt)) : r("", !0)
-		], 2));
+		let x = n(() => [{
+			label: c.downloadMenuLink,
+			action: () => Z(b(), te())
+		}]), re = n(() => !!c.menu);
+		return (n, s) => (g(), a("div", { class: f(["TableOuter", {
+			"full-width": t.fullWidth,
+			"has-menu": re.value
+		}]) }, [re.value ? (g(), r(ce, {
+			key: 0,
+			items: x.value,
+			"force-dropdown": ""
+		}, null, 8, ["items"])) : i("", !0), o("div", Lt, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
+			o("colgroup", null, [(g(!0), a(e, null, v(h.value, (e) => (g(), a("col", {
+				key: e.name,
+				style: m(u(e.name))
+			}, null, 4))), 128))]),
+			o("thead", null, [o("tr", null, [(g(!0), a(e, null, v(h.value, (e) => (g(), a("th", {
+				key: e.name,
+				style: m(d(e.name))
+			}, y(l(e.name)), 5))), 128))])]),
+			o("tbody", null, [(g(!0), a(e, null, v(ee.value, (n) => (g(), a("tr", { key: n }, [(g(!0), a(e, null, v(h.value, (e) => (g(), a("td", {
+				key: e.name,
+				class: f(t.columnConfig?.[e.name]?.cellClass),
+				style: m(d(e.name))
+			}, y(_(e, n - 1)), 7))), 128))]))), 128))])
+		], 2)])], 2));
 	}
-}), [["__scopeId", "data-v-505e2187"]]);
+}), [["__scopeId", "data-v-d5c290dc"]]);
 //#endregion
-export { _t as BarChart, Pt as ChartTooltip, Nt as ChoroplethMap, Rt as DataTable, Xe as LineChart };
+export { bt as BarChart, It as ChartTooltip, Ft as ChoroplethMap, Rt as DataTable, $e as LineChart };