@cfasim-ui/charts 0.3.11 → 0.3.13

package/dist/index.js

@@ -1,15 +1,15 @@
-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, normalizeClass as u, normalizeProps as d, normalizeStyle as f, onMounted as p, onUnmounted as ee, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, toRaw as y, unref as b, useId as x, watch as te, withCtx as S, withModifiers as C } from "vue";
-import { DropdownMenuContent as w, DropdownMenuItem as T, DropdownMenuPortal as E, DropdownMenuRoot as D, DropdownMenuTrigger as O, PopoverAnchor as k, PopoverContent as A, PopoverPortal as j, PopoverRoot as M } from "reka-ui";
-import { geoAlbersUsa as N, geoPath as P } from "d3-geo";
-import { zoom as F } from "d3-zoom";
-import { select as ne } from "d3-selection";
-import { feature as re, merge as ie, mesh as ae } from "topojson-client";
+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, normalizeClass as u, normalizeProps as ee, normalizeStyle as d, onMounted as te, onUnmounted as ne, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, toRaw as _, unref as v, useId as y, watch as re, withCtx as b, withModifiers as x } from "vue";
+import { DropdownMenuContent as S, DropdownMenuItem as C, DropdownMenuPortal as ie, DropdownMenuRoot as w, DropdownMenuTrigger as T, PopoverAnchor as E, PopoverContent as D, PopoverPortal as O, PopoverRoot as ae } from "reka-ui";
+import { geoAlbersUsa as oe, geoPath as k } from "d3-geo";
+import { zoom as A } from "d3-zoom";
+import { select as se } from "d3-selection";
+import { feature as j, merge as M, mesh as N } 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"], oe = /* @__PURE__ */ c({
+var P = { class: "chart-menu-trigger-area" }, ce = ["aria-label"], F = /* @__PURE__ */ c({
 	__name: "ChartMenu",
 	props: { items: {} },
 	setup(t) {
-		return (r, c) => (m(), i("div", I, [t.items.length === 1 ? (m(), i("button", {
+		return (r, c) => (f(), i("div", P, [t.items.length === 1 ? (f(), i("button", {
 			key: 0,
 			class: "chart-menu-button chart-menu-single",
 			"aria-label": t.items[0].label,
@@ -24,15 +24,15 @@ var I = { class: "chart-menu-trigger-area" }, L = ["aria-label"], oe = /* @__PUR
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			"aria-hidden": "true"
-		}, [a("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, L)) : (m(), n(b(D), {
+		}, [a("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, ce)) : (f(), n(v(w), {
 			key: 1,
 			modal: !1
 		}, {
-			default: S(() => [s(b(O), {
+			default: b(() => [s(v(T), {
 				class: "chart-menu-button",
 				"aria-label": "Chart options"
 			}, {
-				default: S(() => [...c[2] ||= [a("svg", {
+				default: b(() => [...c[2] ||= [a("svg", {
 					width: "16",
 					height: "16",
 					viewBox: "0 0 16 16",
@@ -56,18 +56,18 @@ var I = { class: "chart-menu-trigger-area" }, L = ["aria-label"], oe = /* @__PUR
 					})
 				], -1)]]),
 				_: 1
-			}), s(b(E), null, {
-				default: S(() => [s(b(w), {
+			}), s(v(ie), null, {
+				default: b(() => [s(v(S), {
 					class: "chart-menu-content",
 					"side-offset": 4,
 					align: "end"
 				}, {
-					default: S(() => [(m(!0), i(e, null, g(t.items, (e) => (m(), n(b(T), {
+					default: b(() => [(f(!0), i(e, null, m(t.items, (e) => (f(), n(v(C), {
 						key: e.label,
 						class: "chart-menu-item",
 						onSelect: e.action
 					}, {
-						default: S(() => [o(v(e.label), 1)]),
+						default: b(() => [o(g(e.label), 1)]),
 						_: 2
 					}, 1032, ["onSelect"]))), 128))]),
 					_: 1
@@ -77,24 +77,24 @@ var I = { class: "chart-menu-trigger-area" }, L = ["aria-label"], oe = /* @__PUR
 			_: 1
 		}))]));
 	}
-}), R = (e, t) => {
+}), I = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, se = /* @__PURE__ */ R(oe, [["__scopeId", "data-v-fe2f6904"]]);
+}, le = /* @__PURE__ */ I(F, [["__scopeId", "data-v-fe2f6904"]]);
 //#endregion
 //#region src/ChartMenu/download.ts
-function z(e, t) {
+function L(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
 }
-function ce(e, t) {
+function ue(e, t) {
 	let n = e.cloneNode(!0);
 	n.setAttribute("xmlns", "http://www.w3.org/2000/svg");
 	let r = new XMLSerializer().serializeToString(n);
-	z(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
+	L(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
 }
-function le(e, t) {
+function de(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;
@@ -103,19 +103,19 @@ function le(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 && z(e, `${t}.png`);
+			e && L(e, `${t}.png`);
 		}), URL.revokeObjectURL(a);
 	}, o.src = a;
 }
-function ue(e, t) {
-	z(new Blob([e], { type: "text/csv" }), `${t}.csv`);
+function fe(e, t) {
+	L(new Blob([e], { type: "text/csv" }), `${t}.csv`);
 }
 //#endregion
 //#region src/tooltip-position.ts
-var B = 16, V = 8;
-function de(e, t, n, r, i, a) {
+var R = 16, z = 8;
+function pe(e, t, n, r, i, a) {
 	if (i === "none") return {
-		left: e + B,
+		left: e + R,
 		top: t
 	};
 	let o = i === "chart" && a ? {
@@ -128,78 +128,78 @@ function de(e, t, n, r, i, a) {
 		right: window.innerWidth,
 		top: 0,
 		bottom: window.innerHeight
-	}, s = e + B + n > o.right - V ? e - B - n : e + B, c = r / 2;
+	}, s = e + R + n > o.right - z ? e - R - n : e + R, c = r / 2;
 	return {
 		left: s,
-		top: Math.min(Math.max(t, o.top + V + c), o.bottom - V - c)
+		top: Math.min(Math.max(t, o.top + z + c), o.bottom - z - c)
 	};
 }
 //#endregion
 //#region src/LineChart/LineChart.vue?vue&type=script&setup=true&lang.ts
-var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
+var B = ["width", "height"], me = ["x"], he = { key: 1 }, V = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], W = [
+], H = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], me = ["x", "y"], he = [
+], ge = ["x", "y"], _e = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], ge = [
+], ve = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], _e = [
+], ye = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], ve = [
+], be = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], ye = ["x", "y"], be = ["transform"], G = [
+], xe = ["x", "y"], Se = ["transform"], U = [
 	"x",
 	"y",
 	"text-anchor"
-], K = ["x", "y"], xe = [
+], W = ["x", "y"], Ce = [
 	"d",
 	"fill",
 	"fill-opacity"
-], Se = [
+], we = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], Ce = [
+], Te = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], we = [
+], Ee = [
 	"d",
 	"fill",
 	"fill-opacity"
-], Te = [
+], De = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Ee = [
+], Oe = [
 	"x1",
 	"y1",
 	"x2",
@@ -207,7 +207,7 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], q = [
+], G = [
 	"x1",
 	"y1",
 	"x2",
@@ -215,47 +215,49 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], De = [
+], ke = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Oe = [
+], Ae = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], ke = [
+], je = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Ae = [
+], Me = [
 	"cx",
 	"cy",
 	"fill"
-], je = [
+], Ne = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Me = [
+], Pe = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], Ne = [
+], Fe = [
 	"x",
 	"y",
 	"fill"
-], Pe = ["x", "y"], Fe = { class: "line-chart-tooltip" }, Ie = {
+], Ie = ["x", "y"], Le = { class: "line-chart-tooltip" }, Re = {
 	key: 0,
 	class: "line-chart-tooltip-label"
-}, Le = ["href", "download"], J = 20, Y = 36, Re = 12, ze = 7, Be = 16, Ve = 50, He = /* @__PURE__ */ R(/* @__PURE__ */ c({
+}, ze = ["href", "download"], K = 20, q = 36, Be = 12, Ve = 7, He = 16, Ue = 50, J = /* @__PURE__ */ I(/* @__PURE__ */ c({
 	__name: "LineChart",
 	props: {
+		y: {},
 		data: {},
+		x: {},
 		series: {},
 		areas: {},
 		areaSections: {},
@@ -288,31 +290,77 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 	},
 	emits: ["hover"],
 	setup(s, { emit: c }) {
-		let u = s, y = c, b = h(null), x = h(null), S = h(0), w = null, T = null;
-		p(() => {
-			b.value && (S.value = b.value.clientWidth, w = new ResizeObserver((e) => {
+		let u = s, _ = c, v = p(null), y = p(null), b = p(0), S = null, C = null;
+		te(() => {
+			v.value && (b.value = v.value.clientWidth, S = new ResizeObserver((e) => {
 				let t = e[0];
-				t && (u.debounce ? (T && clearTimeout(T), T = setTimeout(() => {
-					S.value = t.contentRect.width;
-				}, u.debounce)) : S.value = t.contentRect.width);
-			}), w.observe(b.value));
-		}), ee(() => {
-			w?.disconnect(), T && clearTimeout(T);
+				t && (u.debounce ? (C && clearTimeout(C), C = setTimeout(() => {
+					b.value = t.contentRect.width;
+				}, u.debounce)) : b.value = t.contentRect.width);
+			}), S.observe(v.value));
+		}), ne(() => {
+			S?.disconnect(), C && clearTimeout(C);
 		});
-		let E = t(() => u.width ?? (S.value || 400)), D = t(() => u.height ?? 200), O = t(() => M.value.some((e) => e.legend) || u.areaSections?.some((e) => e.legend === "inline" && (e.label || e.description))), k = t(() => ({
-			top: (u.title ? 30 : 10) + (O.value ? J : 0),
+		let ie = t(() => u.width ?? (b.value || 400)), w = t(() => u.height ?? 200), T = t(() => k.value.some((e) => e.legend) || u.areaSections?.some((e) => e.legend === "inline" && (e.label || e.description))), E = t(() => ({
+			top: (u.title ? 30 : 10) + (T.value ? K : 0),
 			right: 10,
 			bottom: u.xLabel ? 46 : 30,
 			left: u.yLabel ? 66 : 50
-		})), A = t(() => E.value - k.value.left - k.value.right), j = t(() => D.value - k.value.top - k.value.bottom), M = t(() => u.series && u.series.length > 0 ? u.series : u.data ? [{ data: u.data }] : []), N = t(() => u.areas ?? []), P = t(() => {
+		})), D = t(() => ie.value - E.value.left - E.value.right), O = t(() => w.value - E.value.top - E.value.bottom), ae = [];
+		function oe(e) {
+			return {
+				...e,
+				data: e.y ?? e.data ?? ae
+			};
+		}
+		let k = t(() => {
+			if (u.series && u.series.length > 0) return u.series.map(oe);
+			let e = u.y ?? u.data;
+			return e ? [{
+				data: e,
+				x: u.x
+			}] : [];
+		}), A = t(() => u.areas ?? []), se = t(() => {
 			let e = 0;
-			for (let t of M.value) t.data.length > e && (e = t.data.length);
-			for (let t of N.value) t.upper.length > e && (e = t.upper.length), t.lower.length > e && (e = t.lower.length);
+			for (let t of k.value) t.data.length > e && (e = t.data.length);
+			for (let t of A.value) t.upper.length > e && (e = t.upper.length), t.lower.length > e && (e = t.lower.length);
 			return e;
-		}), F = t(() => {
+		}), j = t(() => k.value.some((e) => e.x != null) || A.value.some((e) => e.x != null));
+		function M(e, t) {
+			return e.x ? Number(e.x[t]) : t;
+		}
+		function N(e, t) {
+			return e.x ? Number(e.x[t]) : t;
+		}
+		let P = t(() => j.value ? 0 : u.xMin ?? 0), ce = t(() => {
+			let e = Infinity, t = -Infinity;
+			for (let n of k.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 A.value) {
+				let r = Math.max(n.upper.length, n.lower.length);
+				for (let i = 0; i < r; i++) {
+					let r = N(n, i);
+					isFinite(r) && (r < e && (e = r), r > t && (t = r));
+				}
+			}
+			return isFinite(e) ? {
+				min: e,
+				max: t
+			} : {
+				min: 0,
+				max: 0
+			};
+		});
+		function F(e) {
+			let { min: t, max: n } = ce.value, r = n - t || 1;
+			return E.value.left + (e - t) / r * D.value;
+		}
+		let I = t(() => {
 			let e = Infinity, t = -Infinity;
-			for (let n of M.value) for (let r of n.data) isFinite(r) && (r < e && (e = r), r > t && (t = r));
-			for (let n of N.value) {
+			for (let n of k.value) for (let r of n.data) isFinite(r) && (r < e && (e = r), r > t && (t = r));
+			for (let n of A.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));
 			}
@@ -326,95 +374,104 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 				range: 1
 			};
 		});
-		function ne(e) {
-			if (e.length === 0) return "";
-			let { min: t, range: n } = F.value, r = P.value, i = A.value / (r - 1 || 1), a = j.value / n, o = k.value.top + j.value, s = "", c = !1;
-			for (let n = 0; n < e.length; n++) {
-				if (!isFinite(e[n])) {
-					c = !1;
+		function L(e) {
+			let t = e.data;
+			if (t.length === 0) return "";
+			let { min: n, range: r } = I.value, i = O.value / r, a = E.value.top + O.value, o = "", s = !1;
+			for (let r = 0; r < t.length; r++) {
+				let c = M(e, r);
+				if (!isFinite(t[r]) || !isFinite(c)) {
+					s = !1;
 					continue;
 				}
-				let r = k.value.left + n * i, l = o - (e[n] - t) * a;
-				s += c ? `L${r},${l}` : `M${r},${l}`, c = !0;
+				let l = F(c), u = a - (t[r] - n) * i;
+				o += s ? `L${l},${u}` : `M${l},${u}`, s = !0;
 			}
-			return s;
+			return o;
 		}
-		function re(e) {
-			let { min: t, range: n } = F.value, r = P.value, i = A.value / (r - 1 || 1), a = j.value / n, o = k.value.top + j.value, s = [];
-			for (let n = 0; n < e.length; n++) isFinite(e[n]) && s.push({
-				x: k.value.left + n * i,
-				y: o - (e[n] - t) * a
-			});
-			return s;
+		function R(e) {
+			let t = e.data, { min: n, range: r } = I.value, i = O.value / r, a = E.value.top + O.value, o = [];
+			for (let r = 0; r < t.length; r++) {
+				let s = M(e, r);
+				!isFinite(t[r]) || !isFinite(s) || o.push({
+					x: F(s),
+					y: a - (t[r] - n) * i
+				});
+			}
+			return o;
 		}
-		function ie(e, t) {
-			let n = Math.min(e.length, t.length);
-			if (n === 0) return "";
-			let { min: r, range: i } = F.value, a = P.value, o = A.value / (a - 1 || 1), s = j.value / i, c = k.value.top + j.value, l = (e) => k.value.left + e * o, u = (e) => c - (e - r) * s, d = [], f = [];
-			for (let r = 0; r < n; r++) isFinite(e[r]) && isFinite(t[r]) ? f.push(r) : f.length && (d.push(f), f = []);
-			f.length && d.push(f);
-			let p = "";
-			for (let n of d) {
-				p += `M${l(n[0])},${u(e[n[0]])}`;
-				for (let t = 1; t < n.length; t++) p += `L${l(n[t])},${u(e[n[t]])}`;
-				for (let e = n.length - 1; e >= 0; e--) p += `L${l(n[e])},${u(t[n[e]])}`;
-				p += "Z";
+		function z(e) {
+			let t = Math.min(e.upper.length, e.lower.length);
+			if (t === 0) return "";
+			let { min: n, range: r } = I.value, i = O.value / r, a = E.value.top + O.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${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 p;
+			return l;
 		}
-		function ae(e, t = !0) {
-			let n = P.value, r = A.value / (n - 1 || 1), i = k.value.top + j.value, a = (e) => k.value.left + e * r;
+		function J(e, t) {
+			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && k.value[e.seriesIndex] || k.value[0];
+			return F(r ? M(r, n) : n);
+		}
+		function We(e, t = !0) {
+			let n = E.value.top + O.value;
 			if (e.seriesIndex == null) {
-				let t = Math.max(0, e.startIndex), r = Math.min(n - 1, e.endIndex);
-				return t > r ? "" : `M${a(t)},${k.value.top}L${a(r)},${k.value.top}L${a(r)},${i}L${a(t)},${i}Z`;
+				let t = J(e, "start"), r = J(e, "end");
+				return t > r ? "" : `M${t},${E.value.top}L${r},${E.value.top}L${r},${n}L${t},${n}Z`;
 			}
-			let o = M.value[e.seriesIndex];
-			if (!o) return "";
-			let { min: s, range: c } = F.value, l = j.value / c, u = (e) => i - (e - s) * l, d = Math.max(0, e.startIndex), f = Math.min(o.data.length - 1, e.endIndex);
-			if (d > f) return "";
-			let p = `M${a(d)},${u(o.data[d])}`;
-			for (let e = d + 1; e <= f; e++) isFinite(o.data[e]) && (p += `L${a(e)},${u(o.data[e])}`);
-			return t && (p += `L${a(f)},${i}`, p += `L${a(d)},${i}`, p += "Z"), p;
+			let r = k.value[e.seriesIndex];
+			if (!r) return "";
+			let { min: i, range: a } = I.value, o = O.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${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 I = t(() => {
+		let Ge = t(() => {
 			let e = u.areaSections;
 			if (!e?.length) return {
 				labels: [],
 				extraHeight: 0
 			};
-			let t = P.value, n = A.value / (t - 1 || 1), r = [];
-			for (let t of e) {
-				if (!t.label && !t.description || t.legend === "inline" || t.legend === !1) continue;
-				let e = k.value.left + (t.startIndex + t.endIndex) / 2 * n, i = t.label ?? "", a = t.description ?? "", o = Math.max(i.length, a.length) * ze, s = t.color ?? (t.seriesIndex == null ? "#999" : M.value[t.seriesIndex]?.color ?? "currentColor");
-				r.push({
-					cx: e,
-					labelText: i,
-					descText: a,
-					textWidth: o,
+			let t = [], n = E.value.left + D.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) * Ve, o = J(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : k.value[r.seriesIndex]?.color ?? "currentColor");
+				t.push({
+					cx: c,
+					labelText: e,
+					descText: i,
+					textWidth: a,
 					row: 0,
-					color: s,
-					fillOpacity: t.opacity ?? .15
+					color: l,
+					fillOpacity: r.opacity ?? .15
 				});
 			}
-			r.sort((e, t) => e.cx - t.cx);
-			let i = [];
-			for (let e of r) {
+			t.sort((e, t) => e.cx - t.cx);
+			let r = [];
+			for (let e of t) {
 				let t = e.cx - e.textWidth / 2, n = 0;
-				for (; n < i.length && !(t >= i[n] + Be);) n++;
+				for (; n < r.length && !(t >= r[n] + He);) n++;
 				e.row = n;
-				let r = e.cx + e.textWidth / 2;
-				i[n] = Math.max(i[n] ?? -Infinity, r);
+				let i = e.cx + e.textWidth / 2;
+				r[n] = Math.max(r[n] ?? -Infinity, i);
 			}
-			return r.length === 0 ? {
+			return t.length === 0 ? {
 				labels: [],
 				extraHeight: 0
 			} : {
-				labels: r,
-				extraHeight: (Math.max(...r.map((e) => e.row)) + 1) * Y + Re
+				labels: t,
+				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * q + Be
 			};
-		}), L = t(() => {
+		}), Ke = t(() => {
 			let e = [];
-			for (let t of M.value) t.legend && e.push({
+			for (let t of k.value) t.legend && e.push({
 				label: t.legend,
 				color: t.color ?? "currentColor",
 				type: "series",
@@ -423,7 +480,7 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 			let t = u.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" : M.value[n.seriesIndex]?.color ?? "currentColor");
+				let t = [n.label, n.description].filter(Boolean).join(" "), r = n.color ?? (n.seriesIndex == null ? "#999" : k.value[n.seriesIndex]?.color ?? "currentColor");
 				e.push({
 					label: t,
 					color: r,
@@ -432,327 +489,346 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 				});
 			}
 			return e;
-		}), oe = t(() => D.value + I.value.extraHeight), R = t(() => k.value.top + j.value + k.value.bottom + Re);
-		function z(e, t) {
+		}), qe = t(() => w.value + Ge.value.extraHeight), Je = t(() => E.value.top + O.value + E.value.bottom + Be);
+		function Ye(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 B(e) {
+		function Y(e) {
 			return Math.round(e) + .5;
 		}
-		let V = new Intl.NumberFormat();
-		function He(e) {
-			return Math.abs(e) >= 1e3 ? V.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
+		let Xe = new Intl.NumberFormat();
+		function X(e) {
+			return Math.abs(e) >= 1e3 ? Xe.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
 		}
-		function Ue(e, t, n) {
+		function Ze(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;
 		}
-		let We = t(() => {
-			let { min: e, max: t } = F.value, n = (t) => B(k.value.top + j.value - (t - e) / F.value.range * j.value), r = (e) => u.yTickFormat ? u.yTickFormat(e) : He(e);
+		let Qe = t(() => {
+			let { min: e, max: t } = I.value, n = (t) => Y(E.value.top + O.value - (t - e) / I.value.range * O.value), r = (e) => u.yTickFormat ? u.yTickFormat(e) : X(e);
 			if (e === t) return [{
 				value: r(e),
-				y: B(k.value.top + j.value / 2)
+				y: Y(E.value.top + O.value / 2)
 			}];
 			let i;
 			if (Array.isArray(u.yTicks)) i = u.yTicks.filter((n) => n >= e && n <= t);
-			else if (typeof u.yTicks == "number") i = Ue(e, t, u.yTicks);
+			else if (typeof u.yTicks == "number") i = Ze(e, t, u.yTicks);
 			else {
-				let n = Math.max(3, Math.floor(j.value / 50));
-				i = Ue(e, t, z(t - e, n));
+				let n = Math.max(3, Math.floor(O.value / 50));
+				i = Ze(e, t, Ye(t - e, n));
 			}
 			return i.map((e) => ({
 				value: r(e),
 				y: n(e)
 			}));
-		}), Ge = t(() => {
-			let e = P.value;
-			if (e <= 1) return [];
-			let t = u.xMin ?? 0, n = t, r = t + (e - 1), i = (n) => B(k.value.left + (n - t) / (e - 1) * A.value), a = (e, n) => {
-				if (u.xTickFormat) return u.xTickFormat(e, n);
-				let r = u.xLabels, i = e - t;
-				return r && Number.isInteger(i) && i >= 0 && i < r.length ? r[i] : He(e);
-			}, o;
-			if (Array.isArray(u.xTicks)) o = u.xTicks.filter((e) => e >= n && e <= r);
-			else if (typeof u.xTicks == "number") o = Ue(n, r, u.xTicks);
-			else if (u.xLabels && u.xLabels.length === e) {
-				let n = Math.max(3, Math.floor(A.value / 80)), r = Math.max(1, Math.round((e - 1) / n));
-				o = [];
-				for (let n = 0; n < e; n += r) o.push(t + n);
+		}), $e = t(() => {
+			let { min: e, max: t } = ce.value;
+			if (e === t) return [];
+			let n = P.value, r = se.value, i = (e, t) => {
+				let r = e + n;
+				return u.xTickFormat ? u.xTickFormat(r, t) : !j.value && u.xLabels && Number.isInteger(e) && e >= 0 && e < u.xLabels.length ? u.xLabels[e] : X(r);
+			}, a;
+			if (Array.isArray(u.xTicks)) a = u.xTicks.map((e) => e - n).filter((n) => n >= e && n <= t);
+			else if (typeof u.xTicks == "number") a = Ze(e + n, t + n, u.xTicks).map((e) => e - n);
+			else if (!j.value && u.xLabels && u.xLabels.length === r) {
+				let e = Math.max(3, Math.floor(D.value / 80)), t = Math.max(1, Math.round((r - 1) / e));
+				a = [];
+				for (let e = 0; e < r; e += t) a.push(e);
 			} else {
-				let n = Math.max(3, Math.floor(A.value / 80)), r = z(e - 1, n);
-				o = [];
-				for (let n = 0; n <= e - 1; n += r) o.push(Math.round(n) + t);
+				let r = Math.max(3, Math.floor(D.value / 80)), i = Ye(t - e, r);
+				a = Ze(e + n, t + n, i).map((e) => e - n);
 			}
-			let s = k.value.left, c = k.value.left + A.value;
-			return o.map((e, t) => {
-				let n = i(e), r = "middle";
-				return n - s <= 1 ? r = "start" : c - n <= 1 && (r = "end"), {
-					value: a(e, t),
+			let o = E.value.left, s = E.value.left + D.value;
+			return a.map((e, t) => {
+				let n = Y(F(e)), r = "middle";
+				return n - o <= 1 ? r = "start" : s - n <= 1 && (r = "end"), {
+					value: i(e, t),
 					x: n,
 					anchor: r
 				};
 			});
 		});
-		function Ke() {
+		function et() {
 			return u.filename ? u.filename : typeof u.menu == "string" ? u.menu : "chart";
 		}
-		function qe() {
-			return x.value;
+		function tt() {
+			return y.value;
 		}
-		function Je() {
+		function nt() {
 			if (typeof u.csv == "function") return u.csv();
 			if (typeof u.csv == "string") return u.csv;
-			let e = M.value;
+			let e = k.value;
 			if (e.length === 0) return "";
-			let t = P.value, n = [(e.length === 1 ? ["index", "value"] : ["index", ...e.map((e, t) => `series_${t}`)]).join(",")];
+			let t = se.value, n = e.every((t) => t.x === e[0].x) ? e[0].x : void 0, r = n ? "x" : "index", i = [(e.length === 1 ? [r, "value"] : [r, ...e.map((e, t) => `series_${t}`)]).join(",")];
 			for (let r = 0; r < t; r++) {
-				let t = [r.toString()];
+				let t = [n ? String(n[r]) : r.toString()];
 				for (let n of e) t.push(r < n.data.length ? String(n.data[r]) : "");
-				n.push(t.join(","));
+				i.push(t.join(","));
 			}
-			return n.join("\n");
+			return i.join("\n");
 		}
-		let X = h(null), Ye = h(!1), Xe = h(null), Z = h(null), Q = h(null), Ze = t(() => !!u.tooltipData || !!u.tooltipTrigger), Qe = t(() => {
-			if (X.value === null) return 0;
-			let e = P.value, t = A.value / (e - 1 || 1);
-			return k.value.left + X.value * t;
-		}), $e = t(() => {
-			let e = X.value;
+		let Z = p(null), rt = p(!1), it = p(null), Q = p(null), $ = p(null), at = t(() => !!u.tooltipData || !!u.tooltipTrigger), ot = t(() => {
+			let e = Z.value, t = k.value[0];
+			return e === null || !t ? null : M(t, e);
+		}), st = t(() => ot.value === null ? 0 : F(ot.value));
+		function ct(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 = 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 lt = t(() => {
+			let e = ot.value;
 			if (e === null) return [];
-			let { min: t, range: n } = F.value, r = j.value / n, i = k.value.top + j.value;
-			return M.value.filter((t) => e < t.data.length && isFinite(t.data[e])).map((n) => ({
-				x: Qe.value,
-				y: i - (n.data[e] - t) * r,
-				color: n.color ?? "currentColor"
-			}));
-		}), $ = t(() => {
-			let e = X.value;
-			if (e === null) return null;
-			let t = u.xMin ?? 0;
-			return {
+			let { min: t, range: n } = I.value, r = O.value / n, i = E.value.top + O.value, a = [];
+			for (let n of k.value) {
+				let o = ct(n, e);
+				if (o === null) continue;
+				let s = n.data[o];
+				isFinite(s) && a.push({
+					x: F(M(n, o)),
+					y: i - (s - t) * r,
+					color: n.color ?? "currentColor"
+				});
+			}
+			return a;
+		}), ut = t(() => {
+			let e = Z.value, t = ot.value;
+			if (e === null || t === null) return null;
+			let n = t + P.value, r;
+			return r = u.xTickFormat ? u.xTickFormat(n, e) : j.value ? X(n) : u.xLabels?.[e], {
 				index: e,
-				xLabel: u.xTickFormat ? u.xTickFormat(e + t, e) : u.xLabels?.[e],
-				values: M.value.map((t, n) => ({
-					value: t.data[e],
-					color: t.color ?? "currentColor",
-					seriesIndex: n
-				})),
+				xLabel: r,
+				values: k.value.map((e, n) => {
+					let r = ct(e, t);
+					return {
+						value: r === null ? NaN : Number(e.data[r]),
+						color: e.color ?? "currentColor",
+						seriesIndex: n
+					};
+				}),
 				data: u.tooltipData?.[e] ?? null
 			};
 		});
-		function et(e) {
+		function dt(e) {
 			return "touches" in e ? e.touches[0] ?? null : e;
 		}
-		function tt(e) {
-			let t = b.value?.getBoundingClientRect();
+		function ft(e) {
+			let t = v.value?.getBoundingClientRect();
 			if (!t) return null;
-			let n = P.value;
-			if (n <= 1) return null;
-			let r = e - t.left, i = A.value / (n - 1 || 1), a = (r - k.value.left) / i;
-			return Math.round(Math.max(0, Math.min(n - 1, a)));
+			let n = k.value[0];
+			if (!n || n.data.length === 0) return null;
+			let { min: r, max: i } = ce.value, a = i - r || 1;
+			return ct(n, r + (e - t.left - E.value.left) / D.value * a);
 		}
-		function nt(e) {
-			let t = et(e);
+		function pt(e) {
+			let t = dt(e);
 			if (!t) return;
-			let n = tt(t.clientX);
-			n !== null && (X.value = n, Z.value = {
+			let n = ft(t.clientX);
+			n !== null && (Z.value = n, Q.value = {
 				clientX: t.clientX,
 				clientY: t.clientY
-			}, y("hover", { index: n }));
+			}, _("hover", { index: n }));
 		}
-		te([Z, X], () => {
-			if (X.value === null || !Z.value) {
-				Q.value = null;
+		re([Q, Z], () => {
+			if (Z.value === null || !Q.value) {
+				$.value = null;
 				return;
 			}
-			let e = Xe.value, t = b.value;
+			let e = it.value, t = v.value;
 			if (!e || !t) return;
-			let n = t.getBoundingClientRect(), r = Ye.value ? Ve : 0, { left: i, top: a } = de(Z.value.clientX, Z.value.clientY - r, e.offsetWidth, e.offsetHeight, u.tooltipClamp, n);
-			Q.value = {
+			let n = t.getBoundingClientRect(), r = rt.value ? Ue : 0, { left: i, top: a } = pe(Q.value.clientX, Q.value.clientY - r, e.offsetWidth, e.offsetHeight, u.tooltipClamp, n);
+			$.value = {
 				left: i - n.left,
 				top: a - n.top
 			};
 		}, { flush: "post" });
-		function rt(e) {
-			nt(e);
+		function mt(e) {
+			pt(e);
 		}
-		function it() {
-			u.tooltipTrigger !== "click" && (X.value = null, y("hover", null));
+		function ht() {
+			u.tooltipTrigger !== "click" && (Z.value = null, _("hover", null));
 		}
-		function at(e) {
+		function gt(e) {
 			if (u.tooltipTrigger !== "click") return;
-			let t = et(e);
+			let t = dt(e);
 			if (!t) return;
-			let n = tt(t.clientX);
-			n !== null && (X.value = X.value === n ? null : n, y("hover", X.value === null ? null : { index: n }));
+			let n = ft(t.clientX);
+			n !== null && (Z.value = Z.value === n ? null : n, _("hover", Z.value === null ? null : { index: n }));
 		}
-		function ot(e) {
-			Ye.value = !0, nt(e);
+		function _t(e) {
+			rt.value = !0, pt(e);
 		}
-		function st(e) {
-			nt(e);
+		function vt(e) {
+			pt(e);
 		}
-		function ct() {
-			Ye.value = !1, X.value = null, y("hover", null);
+		function yt() {
+			rt.value = !1, Z.value = null, _("hover", null);
 		}
-		let lt = t(() => u.downloadLink ? typeof u.downloadLink == "string" ? u.downloadLink : "Download data (CSV)" : null), ut = t(() => u.downloadLink ? `data:text/csv;charset=utf-8,${encodeURIComponent(Je())}` : null), dt = t(() => {
-			let e = Ke(), t = [{
+		let bt = t(() => u.downloadLink ? typeof u.downloadLink == "string" ? u.downloadLink : "Download data (CSV)" : null), xt = t(() => u.downloadLink ? `data:text/csv;charset=utf-8,${encodeURIComponent(nt())}` : null), St = t(() => {
+			let e = et(), t = [{
 				label: "Save as SVG",
 				action: () => {
-					let t = qe();
-					t && ce(t, e);
+					let t = tt();
+					t && ue(t, e);
 				}
 			}, {
 				label: "Save as PNG",
 				action: () => {
-					let t = qe();
-					t && le(t, e);
+					let t = tt();
+					t && de(t, e);
 				}
 			}];
 			return u.downloadLink || t.push({
 				label: "Download CSV",
-				action: () => ue(Je(), e)
+				action: () => fe(nt(), e)
 			}), t;
 		});
-		return (t, c) => (m(), i("div", {
+		return (t, c) => (f(), i("div", {
 			ref_key: "containerRef",
-			ref: b,
+			ref: v,
 			class: "line-chart-wrapper"
 		}, [
-			s.menu ? (m(), n(se, {
+			s.menu ? (f(), n(le, {
 				key: 0,
-				items: dt.value
+				items: St.value
 			}, null, 8, ["items"])) : r("", !0),
-			(m(), i("svg", {
+			(f(), i("svg", {
 				ref_key: "svgRef",
-				ref: x,
-				width: E.value,
-				height: oe.value
+				ref: y,
+				width: ie.value,
+				height: qe.value
 			}, [
-				s.title ? (m(), i("text", {
+				s.title ? (f(), i("text", {
 					key: 0,
-					x: E.value / 2,
+					x: ie.value / 2,
 					y: 18,
 					"text-anchor": "middle",
 					"font-size": "14",
 					"font-weight": "600",
 					fill: "currentColor"
-				}, v(s.title), 9, fe)) : r("", !0),
-				L.value.length > 0 ? (m(), i("g", pe, [(m(!0), i(e, null, g(L.value, (t, n) => (m(), i(e, { key: "ileg" + n }, [t.type === "series" ? (m(), i("line", {
+				}, g(s.title), 9, me)) : r("", !0),
+				Ke.value.length > 0 ? (f(), i("g", he, [(f(!0), i(e, null, m(Ke.value, (t, n) => (f(), i(e, { key: "ileg" + n }, [t.type === "series" ? (f(), i("line", {
 					key: 0,
-					x1: k.value.left + n * 120,
-					y1: k.value.top - J / 2,
-					x2: k.value.left + n * 120 + 12,
-					y2: k.value.top - J / 2,
+					x1: E.value.left + n * 120,
+					y1: E.value.top - K / 2,
+					x2: E.value.left + n * 120 + 12,
+					y2: E.value.top - K / 2,
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, U)) : (m(), i("circle", {
+				}, null, 8, V)) : (f(), i("circle", {
 					key: 1,
-					cx: k.value.left + n * 120 + 4,
-					cy: k.value.top - J / 2,
+					cx: E.value.left + n * 120 + 4,
+					cy: E.value.top - K / 2,
 					r: "4",
 					fill: t.color,
 					"fill-opacity": t.fillOpacity,
 					stroke: t.color,
 					"stroke-width": "1.5"
-				}, null, 8, W)), a("text", {
-					x: k.value.left + n * 120 + 18,
-					y: k.value.top - J / 2 + 4,
+				}, null, 8, H)), a("text", {
+					x: E.value.left + n * 120 + 18,
+					y: E.value.top - K / 2 + 4,
 					"font-size": "11",
 					fill: "currentColor"
-				}, v(t.label), 9, me)], 64))), 128))])) : r("", !0),
+				}, g(t.label), 9, ge)], 64))), 128))])) : r("", !0),
 				a("line", {
-					x1: B(k.value.left),
-					y1: B(k.value.top),
-					x2: B(k.value.left),
-					y2: B(k.value.top + j.value),
+					x1: Y(E.value.left),
+					y1: Y(E.value.top),
+					x2: Y(E.value.left),
+					y2: Y(E.value.top + O.value),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, he),
+				}, null, 8, _e),
 				a("line", {
-					x1: B(k.value.left),
-					y1: B(k.value.top + j.value),
-					x2: B(k.value.left + A.value),
-					y2: B(k.value.top + j.value),
+					x1: Y(E.value.left),
+					y1: Y(E.value.top + O.value),
+					x2: Y(E.value.left + D.value),
+					y2: Y(E.value.top + O.value),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, ge),
-				s.yGrid ? (m(!0), i(e, { key: 2 }, g(We.value, (e, t) => (m(), i("line", {
+				}, null, 8, ve),
+				s.yGrid ? (f(!0), i(e, { key: 2 }, m(Qe.value, (e, t) => (f(), i("line", {
 					key: "yg" + t,
-					x1: k.value.left,
+					x1: E.value.left,
 					y1: e.y,
-					x2: k.value.left + A.value,
+					x2: E.value.left + D.value,
 					y2: e.y,
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, _e))), 128)) : r("", !0),
-				s.xGrid ? (m(!0), i(e, { key: 3 }, g(Ge.value, (e, t) => (m(), i("line", {
+				}, null, 8, ye))), 128)) : r("", !0),
+				s.xGrid ? (f(!0), i(e, { key: 3 }, m($e.value, (e, t) => (f(), i("line", {
 					key: "xg" + t,
 					x1: e.x,
-					y1: k.value.top,
+					y1: E.value.top,
 					x2: e.x,
-					y2: k.value.top + j.value,
+					y2: E.value.top + O.value,
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, ve))), 128)) : r("", !0),
-				(m(!0), i(e, null, g(We.value, (e, t) => (m(), i("text", {
+				}, null, 8, be))), 128)) : r("", !0),
+				(f(!0), i(e, null, m(Qe.value, (e, t) => (f(), i("text", {
 					key: "y" + t,
 					"data-testid": "y-tick",
-					x: k.value.left - 6,
+					x: E.value.left - 6,
 					y: e.y,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, v(e.value), 9, ye))), 128)),
-				s.yLabel ? (m(), i("text", {
+				}, g(e.value), 9, xe))), 128)),
+				s.yLabel ? (f(), i("text", {
 					key: 4,
 					x: 0,
 					y: 0,
-					transform: `translate(14, ${k.value.top + j.value / 2}) rotate(-90)`,
+					transform: `translate(14, ${E.value.top + O.value / 2}) rotate(-90)`,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, v(s.yLabel), 9, be)) : r("", !0),
-				(m(!0), i(e, null, g(Ge.value, (e, t) => (m(), i("text", {
+				}, g(s.yLabel), 9, Se)) : r("", !0),
+				(f(!0), i(e, null, m($e.value, (e, t) => (f(), i("text", {
 					key: "x" + t,
 					"data-testid": "x-tick",
 					x: e.x,
-					y: k.value.top + j.value + 16,
+					y: E.value.top + O.value + 16,
 					"text-anchor": e.anchor,
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, v(e.value), 9, G))), 128)),
-				s.xLabel ? (m(), i("text", {
+				}, g(e.value), 9, U))), 128)),
+				s.xLabel ? (f(), i("text", {
 					key: 5,
-					x: k.value.left + A.value / 2,
-					y: D.value - 4,
+					x: E.value.left + D.value / 2,
+					y: w.value - 4,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, v(s.xLabel), 9, K)) : r("", !0),
-				(m(!0), i(e, null, g(N.value, (e, t) => (m(), i("path", {
+				}, g(s.xLabel), 9, W)) : r("", !0),
+				(f(!0), i(e, null, m(A.value, (e, t) => (f(), i("path", {
 					key: "area" + t,
-					d: ie(e.upper, e.lower),
+					d: z(e),
 					fill: e.color ?? "currentColor",
 					"fill-opacity": e.opacity ?? .2,
 					stroke: "none"
-				}, null, 8, xe))), 128)),
-				(m(!0), i(e, null, g(M.value, (t, n) => (m(), i(e, { key: n }, [t.line === !1 ? r("", !0) : (m(), i("path", {
+				}, null, 8, Ce))), 128)),
+				(f(!0), i(e, null, m(k.value, (t, n) => (f(), i(e, { key: n }, [t.line === !1 ? r("", !0) : (f(), i("path", {
 					key: 0,
-					d: ne(t.data),
+					d: L(t),
 					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, Se)), t.dots ? (m(!0), i(e, { key: 1 }, g(re(t.data), (e, n) => (m(), i("circle", {
+				}, null, 8, we)), t.dots ? (f(!0), i(e, { key: 1 }, m(R(t), (e, n) => (f(), i("circle", {
 					key: n,
 					cx: e.x,
 					cy: e.y,
@@ -760,68 +836,68 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 					fill: t.dotFill ?? t.color ?? "currentColor",
 					"fill-opacity": t.dotOpacity ?? t.opacity ?? s.lineOpacity,
 					stroke: t.dotStroke ?? "none"
-				}, null, 8, Ce))), 128)) : r("", !0)], 64))), 128)),
-				(m(!0), i(e, null, g(s.areaSections ?? [], (t, n) => (m(), i(e, { key: "areasec" + n }, [
+				}, null, 8, Te))), 128)) : r("", !0)], 64))), 128)),
+				(f(!0), i(e, null, m(s.areaSections ?? [], (t, n) => (f(), i(e, { key: "areasec" + n }, [
 					a("path", {
-						d: ae(t),
-						fill: t.color ?? (t.seriesIndex == null ? "#999" : M.value[t.seriesIndex]?.color ?? "currentColor"),
+						d: We(t),
+						fill: t.color ?? (t.seriesIndex == null ? "#999" : k.value[t.seriesIndex]?.color ?? "currentColor"),
 						"fill-opacity": t.opacity ?? .15,
 						stroke: "none"
-					}, null, 8, we),
-					t.seriesIndex == null ? r("", !0) : (m(), i("path", {
+					}, null, 8, Ee),
+					t.seriesIndex == null ? r("", !0) : (f(), i("path", {
 						key: 0,
-						d: ae(t, !1),
+						d: We(t, !1),
 						fill: "none",
-						stroke: t.color ?? M.value[t.seriesIndex]?.color ?? "currentColor",
+						stroke: t.color ?? k.value[t.seriesIndex]?.color ?? "currentColor",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, Te)),
-					t.seriesIndex == null ? (m(), i(e, { key: 1 }, [a("line", {
-						x1: B(k.value.left + t.startIndex * (A.value / (P.value - 1 || 1))),
-						y1: k.value.top,
-						x2: B(k.value.left + t.startIndex * (A.value / (P.value - 1 || 1))),
-						y2: k.value.top + j.value,
+					}, null, 8, De)),
+					t.seriesIndex == null ? (f(), i(e, { key: 1 }, [a("line", {
+						x1: Y(J(t, "start")),
+						y1: E.value.top,
+						x2: Y(J(t, "start")),
+						y2: E.value.top + O.value,
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, Ee), a("line", {
-						x1: B(k.value.left + t.endIndex * (A.value / (P.value - 1 || 1))),
-						y1: k.value.top,
-						x2: B(k.value.left + t.endIndex * (A.value / (P.value - 1 || 1))),
-						y2: k.value.top + j.value,
+					}, null, 8, Oe), a("line", {
+						x1: Y(J(t, "end")),
+						y1: E.value.top,
+						x2: Y(J(t, "end")),
+						y2: E.value.top + O.value,
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, q)], 64)) : r("", !0),
+					}, null, 8, G)], 64)) : r("", !0),
 					a("line", {
-						x1: B(k.value.left + t.startIndex * (A.value / (P.value - 1 || 1))),
-						y1: k.value.top + j.value - 4,
-						x2: B(k.value.left + t.startIndex * (A.value / (P.value - 1 || 1))),
-						y2: k.value.top + j.value + 4,
+						x1: Y(J(t, "start")),
+						y1: E.value.top + O.value - 4,
+						x2: Y(J(t, "start")),
+						y2: E.value.top + O.value + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, De),
+					}, null, 8, ke),
 					a("line", {
-						x1: B(k.value.left + t.endIndex * (A.value / (P.value - 1 || 1))),
-						y1: k.value.top + j.value - 4,
-						x2: B(k.value.left + t.endIndex * (A.value / (P.value - 1 || 1))),
-						y2: k.value.top + j.value + 4,
+						x1: Y(J(t, "end")),
+						y1: E.value.top + O.value - 4,
+						x2: Y(J(t, "end")),
+						y2: E.value.top + O.value + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, Oe)
+					}, null, 8, Ae)
 				], 64))), 128)),
-				Ze.value && X.value !== null ? (m(), i("line", {
+				at.value && Z.value !== null ? (f(), i("line", {
 					key: 6,
-					x1: B(Qe.value),
-					y1: k.value.top,
-					x2: B(Qe.value),
-					y2: k.value.top + j.value,
+					x1: Y(st.value),
+					y1: E.value.top,
+					x2: Y(st.value),
+					y2: E.value.top + O.value,
 					stroke: "currentColor",
 					"stroke-opacity": "0.3",
 					"stroke-dasharray": "4 2",
 					"pointer-events": "none"
-				}, null, 8, ke)) : r("", !0),
-				(m(!0), i(e, null, g($e.value, (e, t) => (m(), i("circle", {
+				}, null, 8, je)) : r("", !0),
+				(f(!0), i(e, null, m(lt.value, (e, t) => (f(), i("circle", {
 					key: "hd" + t,
 					cx: e.x,
 					cy: e.y,
@@ -830,82 +906,82 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 					stroke: "var(--color-bg-0, #fff)",
 					"stroke-width": "2",
 					"pointer-events": "none"
-				}, null, 8, Ae))), 128)),
-				Ze.value ? (m(), i("rect", {
+				}, null, 8, Me))), 128)),
+				at.value ? (f(), i("rect", {
 					key: 7,
-					x: k.value.left,
-					y: k.value.top,
-					width: A.value,
-					height: j.value,
+					x: E.value.left,
+					y: E.value.top,
+					width: D.value,
+					height: O.value,
 					fill: "transparent",
 					style: {
 						cursor: "crosshair",
 						"touch-action": "none"
 					},
-					onMousemove: rt,
-					onMouseleave: it,
-					onClick: at,
-					onTouchstart: C(ot, ["prevent"]),
-					onTouchmove: C(st, ["prevent"]),
-					onTouchend: ct
-				}, null, 40, je)) : r("", !0),
-				(m(!0), i(e, null, g(I.value.labels, (e, t) => (m(), i("g", { key: "seclab" + t }, [
+					onMousemove: mt,
+					onMouseleave: ht,
+					onClick: gt,
+					onTouchstart: x(_t, ["prevent"]),
+					onTouchmove: x(vt, ["prevent"]),
+					onTouchend: yt
+				}, null, 40, Ne)) : r("", !0),
+				(f(!0), i(e, null, m(Ge.value.labels, (e, t) => (f(), i("g", { key: "seclab" + t }, [
 					a("circle", {
 						cx: e.cx - e.textWidth / 2 - 2,
-						cy: R.value + e.row * Y + 4,
+						cy: Je.value + e.row * q + 4,
 						r: "4",
 						fill: e.color,
 						"fill-opacity": e.fillOpacity,
 						stroke: e.color,
 						"stroke-width": "1.5"
-					}, null, 8, Me),
-					e.labelText ? (m(), i("text", {
+					}, null, 8, Pe),
+					e.labelText ? (f(), i("text", {
 						key: 0,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: R.value + e.row * Y + 8,
+						y: Je.value + e.row * q + 8,
 						"font-size": "11",
 						"font-weight": "600",
 						fill: e.color
-					}, v(e.labelText), 9, Ne)) : r("", !0),
-					e.descText ? (m(), i("text", {
+					}, g(e.labelText), 9, Fe)) : r("", !0),
+					e.descText ? (f(), i("text", {
 						key: 1,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: R.value + e.row * Y + 22,
+						y: Je.value + e.row * q + 22,
 						"font-size": "11",
 						fill: "currentColor",
 						"fill-opacity": "0.6"
-					}, v(e.descText), 9, Pe)) : r("", !0)
+					}, g(e.descText), 9, Ie)) : r("", !0)
 				]))), 128))
-			], 8, H)),
-			Ze.value && X.value !== null && $.value ? (m(), i("div", {
+			], 8, B)),
+			at.value && Z.value !== null && ut.value ? (f(), i("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: Xe,
+				ref: it,
 				class: "chart-tooltip-content",
-				style: f({
+				style: d({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: Q.value ? `translate3d(${Q.value.left}px, ${Q.value.top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: Q.value ? "visible" : "hidden"
+					transform: $.value ? `translate3d(${$.value.left}px, ${$.value.top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: $.value ? "visible" : "hidden"
 				})
-			}, [_(t.$slots, "tooltip", d(l($.value)), () => [a("div", Fe, [$.value.xLabel ? (m(), i("div", Ie, v($.value.xLabel), 1)) : r("", !0), (m(!0), i(e, null, g($.value.values, (e) => (m(), i("div", {
+			}, [h(t.$slots, "tooltip", ee(l(ut.value)), () => [a("div", Le, [ut.value.xLabel ? (f(), i("div", Re, g(ut.value.xLabel), 1)) : r("", !0), (f(!0), i(e, null, m(ut.value.values, (e) => (f(), i("div", {
 				key: e.seriesIndex,
 				class: "line-chart-tooltip-row"
 			}, [a("span", {
 				class: "line-chart-tooltip-swatch",
-				style: f({ background: e.color })
-			}, null, 4), o(" " + v(isFinite(e.value) ? He(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : r("", !0),
-			lt.value ? (m(), i("a", {
+				style: d({ background: e.color })
+			}, null, 4), o(" " + g(isFinite(e.value) ? X(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : r("", !0),
+			bt.value ? (f(), i("a", {
 				key: 2,
 				class: "line-chart-download-link",
-				href: ut.value,
-				download: `${Ke()}.csv`
-			}, v(lt.value), 9, Le)) : r("", !0)
+				href: xt.value,
+				download: `${et()}.csv`
+			}, g(bt.value), 9, ze)) : r("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-459cca76"]]), Ue = {
+}), [["__scopeId", "data-v-dc8afa83"]]), We = {
 	"01013": "010259",
 	"01015": "010177",
 	"01029": "010177",
@@ -4066,7 +4142,7 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 	51019: "510014",
 	"02158": "020820",
 	46102: "460957"
-}, We = {
+}, Ge = {
 	"010259": "Butler, AL",
 	"010177": "Calhoun (Anniston), AL - Cleburne, AL",
 	"010172": "Chambers, AL - Randolph, AL",
@@ -5016,25 +5092,25 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 	560775: "Teton, WY - Lincoln, WY",
 	560792: "Uinta, WY",
 	560804: "Weston, WY"
-}, Ge = ["width", "height"], Ke = [
+}, Ke = ["width", "height"], qe = [
 	"data-feat-id",
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width"
-], qe = { key: 0 }, Je = ["d", "stroke"], X = ["transform"], Ye = {
+], Je = { key: 0 }, Ye = ["d", "stroke"], Y = ["transform"], Xe = {
 	key: 0,
 	y: 5,
 	"font-size": "13",
 	"font-weight": "600",
 	fill: "currentColor"
-}, Xe = ["x", "fill"], Z = ["x"], Q = {
+}, X = ["x", "fill"], Ze = ["x"], Qe = {
 	key: 0,
 	y: 5,
 	"font-size": "13",
 	"font-weight": "600",
 	fill: "currentColor"
-}, Ze = ["offset", "stop-color"], Qe = ["x", "fill"], $e = ["x"], $ = ["x"], et = /* @__PURE__ */ R(/* @__PURE__ */ c({
+}, $e = ["offset", "stop-color"], et = ["x", "fill"], tt = ["x"], nt = ["x"], Z = /* @__PURE__ */ I(/* @__PURE__ */ c({
 	__name: "ChoroplethMap",
 	props: {
 		topology: {},
@@ -5070,80 +5146,80 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 	},
 	emits: ["stateClick", "stateHover"],
 	setup(o, { emit: s }) {
-		let c = o, l = s, d = `choropleth-gradient-${x()}`, f = h(null), _ = h(null), b = h(null), S = h(0), C = null, w = null, T = !1, E = typeof window < "u" && "ontouchstart" in window, D = null, O = null;
-		function k() {
-			if (E) return;
-			let e = b.value;
-			e && (e.addEventListener("click", q), e.addEventListener("mouseover", q), e.addEventListener("mousemove", De), e.addEventListener("mouseout", Oe));
+		let c = o, l = s, ee = `choropleth-gradient-${y()}`, d = p(null), h = p(null), v = p(null), b = p(0), x = null, S = null, C = !1, ie = typeof window < "u" && "ontouchstart" in window, w = null, T = null;
+		function E() {
+			if (ie) return;
+			let e = v.value;
+			e && (e.addEventListener("click", G), e.addEventListener("mouseover", G), e.addEventListener("mousemove", ke), e.addEventListener("mouseout", Ae));
 		}
-		function A() {
-			let e = b.value;
-			e && (e.removeEventListener("click", q), e.removeEventListener("mouseover", q), e.removeEventListener("mousemove", De), e.removeEventListener("mouseout", Oe));
+		function D() {
+			let e = v.value;
+			e && (e.removeEventListener("click", G), e.removeEventListener("mouseover", G), e.removeEventListener("mousemove", ke), e.removeEventListener("mouseout", Ae));
 		}
-		p(() => {
-			f.value && (S.value = f.value.clientWidth, D = new ResizeObserver((e) => {
+		te(() => {
+			d.value && (b.value = d.value.clientWidth, w = new ResizeObserver((e) => {
 				let t = e[0];
-				t && (S.value = t.contentRect.width);
-			}), D.observe(f.value)), j(), k();
-		}), ee(() => {
-			D?.disconnect(), M(), A(), we();
+				t && (b.value = t.contentRect.width);
+			}), w.observe(d.value)), O(), E();
+		}), ne(() => {
+			w?.disconnect(), ae(), D(), Ee();
 		});
-		function j() {
-			if (!_.value || !b.value || !c.zoom && !c.pan) return;
-			let e = ne(_.value);
-			O = F().scaleExtent(c.zoom ? [1, 12] : [1, 1]).on("start", () => {
-				T = !0, Ee();
+		function O() {
+			if (!h.value || !v.value || !c.zoom && !c.pan) return;
+			let e = se(h.value);
+			T = A().scaleExtent(c.zoom ? [1, 12] : [1, 1]).on("start", () => {
+				C = !0, Oe();
 			}).on("zoom", (e) => {
-				b.value && b.value.setAttribute("transform", e.transform);
+				v.value && v.value.setAttribute("transform", e.transform);
 			}).on("end", () => {
-				T = !1;
-			}), c.pan || O.filter((e) => e.type === "wheel" || e.type === "dblclick"), e.call(O);
+				C = !1;
+			}), c.pan || T.filter((e) => e.type === "wheel" || e.type === "dblclick"), e.call(T);
 		}
-		function M() {
-			_.value && O && (ne(_.value).on(".zoom", null), O = null);
+		function ae() {
+			h.value && T && (se(h.value).on(".zoom", null), T = null);
 		}
-		te(() => [c.zoom, c.pan], () => {
-			M(), A(), j(), k();
+		re(() => [c.zoom, c.pan], () => {
+			ae(), D(), O(), E();
 		});
-		let I = t(() => c.width ?? (S.value || 600)), L = t(() => c.width && c.height ? c.height / c.width : .625), oe = t(() => I.value * L.value), R = t(() => {
-			let e = y(c.topology), t = e.objects.counties.geometries, n = /* @__PURE__ */ new Map();
+		let P = t(() => c.width ?? (b.value || 600)), ce = t(() => c.width && c.height ? c.height / c.width : .625), F = t(() => P.value * ce.value), I = t(() => {
+			let e = _(c.topology), t = e.objects.counties.geometries, n = /* @__PURE__ */ new Map();
 			for (let e of t) {
-				let t = Ue[String(e.id).padStart(5, "0")];
+				let t = We[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: We[t] ?? t },
-				geometry: ie(e, i)
+				properties: { name: Ge[t] ?? t },
+				geometry: M(e, i)
 			});
 			return {
 				type: "FeatureCollection",
 				features: r
 			};
-		}), z = t(() => {
-			if (c.geoType === "hsas") return R.value;
+		}), L = t(() => {
+			if (c.geoType === "hsas") return I.value;
 			if (c.geoType === "counties") {
-				let e = y(c.topology);
-				return re(e, e.objects.counties);
+				let e = _(c.topology);
+				return j(e, e.objects.counties);
 			}
-			let e = y(c.topology);
-			return re(e, e.objects.states);
-		}), ue = t(() => {
+			let e = _(c.topology);
+			return j(e, e.objects.states);
+		}), fe = t(() => {
 			if (c.geoType !== "counties" && c.geoType !== "hsas") return null;
-			let e = y(c.topology);
-			return ae(e, e.objects.states, (e, t) => e !== t);
-		}), B = t(() => N().fitExtent([[0, Pe.value], [I.value, oe.value + Pe.value]], z.value)), V = t(() => P(B.value)), H = t(() => c.geoType === "counties" || c.geoType === "hsas" ? c.strokeWidth * .5 : c.strokeWidth), fe = t(() => {
+			let e = _(c.topology);
+			return N(e, e.objects.states, (e, t) => e !== t);
+		}), R = t(() => oe().fitExtent([[0, Ie.value], [P.value, F.value + Ie.value]], L.value)), z = t(() => k(R.value)), B = t(() => c.geoType === "counties" || c.geoType === "hsas" ? c.strokeWidth * .5 : c.strokeWidth), me = t(() => {
 			let e = /* @__PURE__ */ new Map();
 			if (!c.data) return e;
 			for (let t of c.data) {
 				e.set(t.id, t.value);
-				let n = z.value.features.find((e) => e.properties?.name === t.id);
+				let n = L.value.features.find((e) => e.properties?.name === t.id);
 				n?.id != null && e.set(String(n.id), t.value);
 			}
 			return e;
-		}), pe = t(() => {
+		}), he = t(() => {
 			if (!c.data || c.data.length === 0) return {
 				min: 0,
 				max: 1
@@ -5160,8 +5236,8 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 				min: 0,
 				max: 1
 			};
-		}), U = t(() => Array.isArray(c.colorScale) && c.colorScale.length > 0 && "value" in c.colorScale[0]), W = t(() => Array.isArray(c.colorScale) && !U.value), me = t(() => W.value ? "" : c.colorScale?.min ?? "#e5f0fa"), he = t(() => W.value ? "" : c.colorScale?.max ?? "#08519c");
-		function ge(e) {
+		}), V = t(() => Array.isArray(c.colorScale) && c.colorScale.length > 0 && "value" in c.colorScale[0]), H = t(() => Array.isArray(c.colorScale) && !V.value), ge = t(() => H.value ? "" : c.colorScale?.min ?? "#e5f0fa"), _e = t(() => H.value ? "" : c.colorScale?.max ?? "#08519c");
+		function ve(e) {
 			let t = e.replace("#", "");
 			return [
 				parseInt(t.slice(0, 2), 16),
@@ -5169,103 +5245,103 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 				parseInt(t.slice(4, 6), 16)
 			];
 		}
-		function _e(e) {
-			let [t, n, r] = ge(me.value), [i, a, o] = ge(he.value);
+		function ye(e) {
+			let [t, n, r] = ve(ge.value), [i, a, o] = ve(_e.value);
 			return `rgb(${Math.round(t + (i - t) * e)},${Math.round(n + (a - n) * e)},${Math.round(r + (o - r) * e)})`;
 		}
-		function ve(e) {
+		function be(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;
 		}
-		function ye(e) {
+		function xe(e) {
 			let t = c.colorScale.find((t) => t.value === String(e));
 			return t ? t.color : c.noDataColor;
 		}
-		function be(e) {
-			let t = fe.value.get(String(e));
+		function Se(e) {
+			let t = me.value.get(String(e));
 			if (t == null) return c.noDataColor;
-			if (U.value) return ye(t);
-			if (W.value) return ve(t);
-			let { min: n, max: r } = pe.value;
-			return _e((t - n) / (r - n));
+			if (V.value) return xe(t);
+			if (H.value) return be(t);
+			let { min: n, max: r } = he.value;
+			return ye((t - n) / (r - n));
 		}
-		function G(e) {
+		function U(e) {
 			return e.properties?.name ?? String(e.id);
 		}
-		function K(e) {
-			return fe.value.get(String(e.id));
+		function W(e) {
+			return me.value.get(String(e.id));
 		}
-		let xe = t(() => {
+		let Ce = t(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of z.value.features) e.set(String(t.id), t);
+			for (let t of L.value.features) e.set(String(t.id), t);
 			return e;
 		});
-		function Se(e) {
+		function we(e) {
 			let t = e;
 			for (; t && !t.dataset?.featId;) t = t.parentElement;
 			if (!t) return null;
-			let n = xe.value.get(t.dataset.featId);
+			let n = Ce.value.get(t.dataset.featId);
 			return n ? {
 				pathEl: t,
 				feat: n
 			} : null;
 		}
-		function Ce(e, t, n) {
-			w || (w = document.createElement("div"), w.className = "chart-tooltip-content", w.style.position = "fixed", w.style.transform = "translateY(-50%)", document.body.appendChild(w));
-			let r = G(e), i = K(e), a = {
+		function Te(e, t, n) {
+			S || (S = document.createElement("div"), S.className = "chart-tooltip-content", S.style.position = "fixed", S.style.transform = "translateY(-50%)", document.body.appendChild(S));
+			let r = U(e), i = W(e), a = {
 				id: String(e.id),
 				name: r,
 				value: i
 			};
-			c.tooltipFormat ? w.innerHTML = c.tooltipFormat(a) : w.textContent = i == null ? r : `${r}: ${i}`;
-			let o = f.value?.getBoundingClientRect(), { left: s, top: l } = de(t, n, w.offsetWidth, w.offsetHeight, c.tooltipClamp, o);
-			w.style.left = `${s}px`, w.style.top = `${l}px`;
+			c.tooltipFormat ? S.innerHTML = c.tooltipFormat(a) : S.textContent = i == null ? r : `${r}: ${i}`;
+			let o = d.value?.getBoundingClientRect(), { left: s, top: l } = pe(t, n, S.offsetWidth, S.offsetHeight, c.tooltipClamp, o);
+			S.style.left = `${s}px`, S.style.top = `${l}px`;
 		}
-		function we() {
-			w &&= (w.remove(), null);
+		function Ee() {
+			S &&= (S.remove(), null);
 		}
-		function Te(e, t) {
-			C && C !== e && (C.setAttribute("stroke-width", String(H.value)), C.setAttribute("stroke", c.strokeColor)), C = e, e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(H.value + 1)), e.setAttribute("stroke", "#555");
+		function De(e, t) {
+			x && x !== e && (x.setAttribute("stroke-width", String(B.value)), x.setAttribute("stroke", c.strokeColor)), x = e, e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(B.value + 1)), e.setAttribute("stroke", "#555");
 		}
-		function Ee() {
-			C && (C.setAttribute("stroke-width", String(H.value)), C.setAttribute("stroke", c.strokeColor), C = null, l("stateHover", null)), we();
+		function Oe() {
+			x && (x.setAttribute("stroke-width", String(B.value)), x.setAttribute("stroke", c.strokeColor), x = null, l("stateHover", null)), Ee();
 		}
-		function q(e) {
-			if (T) return;
-			let t = e, n = Se(t.target);
+		function G(e) {
+			if (C) return;
+			let t = e, n = we(t.target);
 			n && (e.type === "click" ? l("stateClick", {
 				id: String(n.feat.id),
-				name: G(n.feat),
-				value: K(n.feat)
-			}) : e.type === "mouseover" && (Te(n.pathEl, n.feat), c.tooltipTrigger && Ce(n.feat, t.clientX, t.clientY), l("stateHover", {
+				name: U(n.feat),
+				value: W(n.feat)
+			}) : e.type === "mouseover" && (De(n.pathEl, n.feat), c.tooltipTrigger && Te(n.feat, t.clientX, t.clientY), l("stateHover", {
 				id: String(n.feat.id),
-				name: G(n.feat),
-				value: K(n.feat)
+				name: U(n.feat),
+				value: W(n.feat)
 			})));
 		}
-		function De(e) {
-			T || !w || (w.style.left = `${e.clientX + 16}px`, w.style.top = `${e.clientY}px`);
+		function ke(e) {
+			C || !S || (S.style.left = `${e.clientX + 16}px`, S.style.top = `${e.clientY}px`);
 		}
-		function Oe(e) {
+		function Ae(e) {
 			let t = e.relatedTarget;
-			t && b.value?.contains(t) || Ee();
+			t && v.value?.contains(t) || Oe();
 		}
-		function ke() {
+		function je() {
 			return typeof c.menu == "string" ? c.menu : "choropleth";
 		}
-		let Ae = t(() => c.legend && (U.value || W.value || c.data)), je = t(() => c.colorScale.slice().sort((e, t) => e.min - t.min)), Me = t(() => c.title ? 24 : 0), Ne = t(() => Ae.value ? 28 : 0), Pe = t(() => Me.value + Ne.value), Fe = t(() => oe.value + Pe.value), Ie = t(() => Me.value + 18), Le = t(() => {
+		let Me = t(() => c.legend && (V.value || H.value || c.data)), Ne = t(() => c.colorScale.slice().sort((e, t) => e.min - t.min)), Pe = t(() => c.title ? 24 : 0), Fe = t(() => Me.value ? 28 : 0), Ie = t(() => Pe.value + Fe.value), Le = t(() => F.value + Ie.value), Re = t(() => Pe.value + 18), ze = t(() => {
 			let e = [];
 			for (let t = 0; t <= 10; t++) {
 				let n = t / 10;
 				e.push({
 					offset: `${(n * 100).toFixed(0)}%`,
-					color: _e(n)
+					color: ye(n)
 				});
 			}
 			return e;
-		}), J = t(() => {
-			let { min: e, max: t } = pe.value, n = t - e, r = [];
+		}), K = t(() => {
+			let { min: e, max: t } = he.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$/, "");
 				r.push({
@@ -5274,118 +5350,118 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 				});
 			}
 			return r;
-		}), Y = t(() => {
+		}), q = t(() => {
 			let e = [];
-			if (U.value) for (let t of c.colorScale) e.push({
+			if (V.value) for (let t of c.colorScale) e.push({
 				key: t.value,
 				color: t.color,
 				label: t.value
 			});
-			else if (W.value) for (let t of je.value) e.push({
+			else if (H.value) for (let t of Ne.value) e.push({
 				key: String(t.min),
 				color: t.color,
 				label: t.label ?? String(t.min)
 			});
 			return e;
-		}), Re = t(() => {
+		}), Be = t(() => {
 			let e = c.legendTitle ? c.legendTitle.length * 8 + 12 : 0;
-			for (let t of Y.value) e += 16 + t.label.length * 7 + 12;
-			return e - (Y.value.length > 0 ? 12 : 0);
-		}), ze = t(() => {
+			for (let t of q.value) e += 16 + t.label.length * 7 + 12;
+			return e - (q.value.length > 0 ? 12 : 0);
+		}), Ve = t(() => {
 			let e = c.legendTitle ? c.legendTitle.length * 8 + 12 : 0;
-			return Y.value.map((t) => {
+			return q.value.map((t) => {
 				let n = e;
 				return e += 16 + t.label.length * 7 + 12, n;
 			});
-		}), Be = t(() => {
-			if (U.value || W.value) return (I.value - Re.value) / 2;
+		}), He = t(() => {
+			if (V.value || H.value) return (P.value - Be.value) / 2;
 			let e = c.legendTitle ? c.legendTitle.length * 8 + 12 : 0;
-			return (I.value - e - 160) / 2;
-		}), Ve = t(() => {
-			let e = ke();
+			return (P.value - e - 160) / 2;
+		}), Ue = t(() => {
+			let e = je();
 			return [{
 				label: "Save as SVG",
 				action: () => {
-					_.value && ce(_.value, e);
+					h.value && ue(h.value, e);
 				}
 			}, {
 				label: "Save as PNG",
 				action: () => {
-					_.value && le(_.value, e);
+					h.value && de(h.value, e);
 				}
 			}];
 		});
-		return (t, s) => (m(), i("div", {
+		return (t, s) => (f(), i("div", {
 			ref_key: "containerRef",
-			ref: f,
+			ref: d,
 			class: u(["choropleth-wrapper", { pannable: o.pan }])
-		}, [o.menu ? (m(), n(se, {
+		}, [o.menu ? (f(), n(le, {
 			key: 0,
-			items: Ve.value
-		}, null, 8, ["items"])) : r("", !0), (m(), i("svg", {
+			items: Ue.value
+		}, null, 8, ["items"])) : r("", !0), (f(), i("svg", {
 			ref_key: "svgRef",
-			ref: _,
-			width: I.value,
-			height: Fe.value
+			ref: h,
+			width: P.value,
+			height: Le.value
 		}, [
 			a("g", {
 				ref_key: "mapGroupRef",
-				ref: b
-			}, [(m(!0), i(e, null, g(z.value.features, (e) => (m(), i("path", {
+				ref: v
+			}, [(f(!0), i(e, null, m(L.value.features, (e) => (f(), i("path", {
 				key: String(e.id),
 				"data-feat-id": String(e.id),
-				d: V.value(e) ?? void 0,
-				fill: be(e.id),
+				d: z.value(e) ?? void 0,
+				fill: Se(e.id),
 				stroke: o.strokeColor,
-				"stroke-width": H.value,
+				"stroke-width": B.value,
 				class: "state-path"
-			}, [o.tooltipTrigger ? r("", !0) : (m(), i("title", qe, v(G(e)) + v(K(e) == null ? "" : `: ${K(e)}`), 1))], 8, Ke))), 128)), ue.value ? (m(), i("path", {
+			}, [o.tooltipTrigger ? r("", !0) : (f(), i("title", Je, g(U(e)) + g(W(e) == null ? "" : `: ${W(e)}`), 1))], 8, qe))), 128)), fe.value ? (f(), i("path", {
 				key: 0,
-				d: V.value(ue.value) ?? void 0,
+				d: z.value(fe.value) ?? void 0,
 				fill: "none",
 				stroke: o.strokeColor,
 				"stroke-width": 1,
 				"stroke-linejoin": "round",
 				"pointer-events": "none"
-			}, null, 8, Je)) : r("", !0)], 512),
-			Ae.value ? (m(), i("g", {
+			}, null, 8, Ye)) : r("", !0)], 512),
+			Me.value ? (f(), i("g", {
 				key: 0,
 				class: "choropleth-legend",
-				transform: `translate(${Be.value},${Ie.value})`
-			}, [U.value || W.value ? (m(), i(e, { key: 0 }, [o.legendTitle ? (m(), i("text", Ye, v(o.legendTitle), 1)) : r("", !0), (m(!0), i(e, null, g(Y.value, (t, n) => (m(), i(e, { key: t.key }, [a("rect", {
-				x: ze.value[n],
+				transform: `translate(${He.value},${Re.value})`
+			}, [V.value || H.value ? (f(), i(e, { key: 0 }, [o.legendTitle ? (f(), i("text", Xe, g(o.legendTitle), 1)) : r("", !0), (f(!0), i(e, null, m(q.value, (t, n) => (f(), i(e, { key: t.key }, [a("rect", {
+				x: Ve.value[n],
 				y: -5,
 				width: "12",
 				height: "12",
 				rx: "3",
 				fill: t.color
-			}, null, 8, Xe), a("text", {
-				x: ze.value[n] + 16,
+			}, null, 8, X), a("text", {
+				x: Ve.value[n] + 16,
 				y: 5,
 				"font-size": "13",
 				fill: "currentColor"
-			}, v(t.label), 9, Z)], 64))), 128))], 64)) : (m(), i(e, { key: 1 }, [
-				o.legendTitle ? (m(), i("text", Q, v(o.legendTitle), 1)) : r("", !0),
+			}, g(t.label), 9, Ze)], 64))), 128))], 64)) : (f(), i(e, { key: 1 }, [
+				o.legendTitle ? (f(), i("text", Qe, g(o.legendTitle), 1)) : r("", !0),
 				a("defs", null, [a("linearGradient", {
-					id: d,
+					id: ee,
 					x1: "0",
 					x2: "1",
 					y1: "0",
 					y2: "0"
-				}, [(m(!0), i(e, null, g(Le.value, (e) => (m(), i("stop", {
+				}, [(f(!0), i(e, null, m(ze.value, (e) => (f(), i("stop", {
 					key: e.offset,
 					offset: e.offset,
 					"stop-color": e.color
-				}, null, 8, Ze))), 128))])]),
+				}, null, 8, $e))), 128))])]),
 				a("rect", {
 					x: o.legendTitle ? o.legendTitle.length * 8 + 12 : 0,
 					y: -6,
 					width: 160,
 					height: 12,
 					rx: "2",
-					fill: `url(#${d})`
-				}, null, 8, Qe),
-				(m(!0), i(e, null, g(J.value, (e) => (m(), i("text", {
+					fill: `url(#${ee})`
+				}, null, 8, et),
+				(f(!0), i(e, null, m(K.value, (e) => (f(), i("text", {
 					key: e.value,
 					x: (o.legendTitle ? o.legendTitle.length * 8 + 12 : 0) + e.pct / 100 * 160,
 					y: 20,
@@ -5393,20 +5469,20 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 					fill: "currentColor",
 					opacity: "0.7",
 					"text-anchor": "middle"
-				}, v(e.value), 9, $e))), 128))
-			], 64))], 8, X)) : r("", !0),
-			o.title ? (m(), i("text", {
+				}, g(e.value), 9, tt))), 128))
+			], 64))], 8, Y)) : r("", !0),
+			o.title ? (f(), i("text", {
 				key: 1,
-				x: I.value / 2,
+				x: P.value / 2,
 				y: 18,
 				"text-anchor": "middle",
 				"font-size": "14",
 				"font-weight": "600",
 				fill: "currentColor"
-			}, v(o.title), 9, $)) : r("", !0)
-		], 8, Ge))], 2));
+			}, g(o.title), 9, nt)) : r("", !0)
+		], 8, Ke))], 2));
 	}
-}), [["__scopeId", "data-v-25a20d5b"]]), tt = /* @__PURE__ */ R(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-25a20d5b"]]), rt = /* @__PURE__ */ I(/* @__PURE__ */ c({
 	__name: "ChartTooltip",
 	props: {
 		x: {},
@@ -5417,30 +5493,30 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 	},
 	emits: ["close"],
 	setup(e) {
-		return (t, o) => e.mode === "hover" && e.open ? (m(), i("div", {
+		return (t, o) => e.mode === "hover" && e.open ? (f(), i("div", {
 			key: 0,
 			class: "chart-tooltip-content",
-			style: f({
+			style: d({
 				position: "absolute",
 				left: `${e.x + e.sideOffset}px`,
 				top: `${e.y}px`,
 				transform: "translateY(-50%)"
 			})
-		}, [_(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (m(), n(b(M), {
+		}, [h(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (f(), n(v(ae), {
 			key: 1,
 			open: e.open
 		}, {
-			default: S(() => [s(b(k), { "as-child": "" }, {
-				default: S(() => [a("div", {
+			default: b(() => [s(v(E), { "as-child": "" }, {
+				default: b(() => [a("div", {
 					class: "chart-tooltip-anchor",
-					style: f({
+					style: d({
 						left: `${e.x}px`,
 						top: `${e.y}px`
 					})
 				}, null, 4)]),
 				_: 1
-			}), s(b(j), null, {
-				default: S(() => [e.open ? (m(), n(b(A), {
+			}), s(v(O), null, {
+				default: b(() => [e.open ? (f(), n(v(D), {
 					key: 0,
 					class: "chart-tooltip-content",
 					side: "right",
@@ -5449,7 +5525,7 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 					onPointerDownOutside: o[0] ||= (e) => t.$emit("close"),
 					onEscapeKeyDown: o[1] ||= (e) => t.$emit("close")
 				}, {
-					default: S(() => [_(t.$slots, "default", {}, void 0, !0)]),
+					default: b(() => [h(t.$slots, "default", {}, void 0, !0)]),
 					_: 3
 				}, 8, ["side-offset"])) : r("", !0)]),
 				_: 3
@@ -5457,7 +5533,7 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 			_: 3
 		}, 8, ["open"])) : r("", !0);
 	}
-}), [["__scopeId", "data-v-44377f70"]]), nt = { class: "TableWrapper" }, rt = { class: "Table" }, it = ["href", "download"], at = /* @__PURE__ */ R(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-44377f70"]]), it = { class: "TableWrapper" }, Q = { class: "Table" }, $ = ["href", "download"], at = /* @__PURE__ */ I(/* @__PURE__ */ c({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -5480,7 +5556,7 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 		function l(e) {
 			return c.columnConfig?.[e]?.label ?? e;
 		}
-		function d(e) {
+		function ee(e) {
 			let t = c.columnConfig?.[e]?.width;
 			if (t == null) return;
 			let n = typeof t == "number" ? `${t}px` : s[t];
@@ -5489,16 +5565,16 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 				minWidth: n
 			};
 		}
-		function p(e) {
+		function te(e) {
 			let t = c.columnConfig?.[e]?.align;
 			if (t) return { textAlign: t };
 		}
-		function ee(e) {
+		function ne(e) {
 			return typeof e.column == "function";
 		}
-		let h = t(() => {
+		let p = t(() => {
 			let e = c.data;
-			return ee(e) ? e.columns.map((t) => ({
+			return ne(e) ? e.columns.map((t) => ({
 				name: t.name,
 				values: e.column(t.name),
 				enumLabels: t.enumLabels
@@ -5506,65 +5582,65 @@ var H = ["width", "height"], fe = ["x"], pe = { key: 1 }, U = [
 				name: e,
 				values: t
 			}));
-		}), _ = t(() => {
-			let e = h.value;
+		}), h = t(() => {
+			let e = p.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 y(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 b() {
+		function v() {
 			return c.filename ? c.filename : typeof c.menu == "string" ? c.menu : "data";
 		}
-		function x(e) {
+		function y(e) {
 			return e.includes(",") || e.includes("\"") || e.includes("\n") ? `"${e.replace(/"/g, "\"\"")}"` : e;
 		}
-		function te() {
+		function re() {
 			if (typeof c.csv == "function") return c.csv();
 			if (typeof c.csv == "string") return c.csv;
-			let e = h.value, t = _.value, n = [e.map((e) => x(l(e.name))).join(",")];
+			let e = p.value, t = h.value, n = [e.map((e) => y(l(e.name))).join(",")];
 			for (let r = 0; r < t; r++) {
-				let t = e.map((e) => x(y(e, r)));
+				let t = e.map((e) => y(_(e, r)));
 				n.push(t.join(","));
 			}
 			return n.join("\n");
 		}
-		let S = t(() => c.downloadLink ? [] : [{
+		let b = t(() => c.downloadLink ? [] : [{
 			label: "Download CSV",
-			action: () => ue(te(), b())
-		}]), C = t(() => c.downloadLink ? typeof c.downloadLink == "string" ? c.downloadLink : "Download data (CSV)" : null), w = t(() => c.downloadLink ? `data:text/csv;charset=utf-8,${encodeURIComponent(te())}` : null), T = t(() => c.menu && S.value.length > 0);
-		return (t, s) => (m(), i("div", { class: u(["TableOuter", { "has-menu": T.value }]) }, [
-			T.value ? (m(), n(se, {
+			action: () => fe(re(), v())
+		}]), x = t(() => c.downloadLink ? typeof c.downloadLink == "string" ? c.downloadLink : "Download data (CSV)" : null), S = t(() => c.downloadLink ? `data:text/csv;charset=utf-8,${encodeURIComponent(re())}` : null), C = t(() => c.menu && b.value.length > 0);
+		return (t, s) => (f(), i("div", { class: u(["TableOuter", { "has-menu": C.value }]) }, [
+			C.value ? (f(), n(le, {
 				key: 0,
-				items: S.value
+				items: b.value
 			}, null, 8, ["items"])) : r("", !0),
-			a("div", nt, [a("table", rt, [
-				a("colgroup", null, [(m(!0), i(e, null, g(h.value, (e) => (m(), i("col", {
+			a("div", it, [a("table", Q, [
+				a("colgroup", null, [(f(!0), i(e, null, m(p.value, (e) => (f(), i("col", {
 					key: e.name,
-					style: f(d(e.name))
+					style: d(ee(e.name))
 				}, null, 4))), 128))]),
-				a("thead", null, [a("tr", null, [(m(!0), i(e, null, g(h.value, (e) => (m(), i("th", {
+				a("thead", null, [a("tr", null, [(f(!0), i(e, null, m(p.value, (e) => (f(), i("th", {
 					key: e.name,
-					style: f(p(e.name))
-				}, v(l(e.name)), 5))), 128))])]),
-				a("tbody", null, [(m(!0), i(e, null, g(_.value, (t) => (m(), i("tr", { key: t }, [(m(!0), i(e, null, g(h.value, (e) => (m(), i("td", {
+					style: d(te(e.name))
+				}, g(l(e.name)), 5))), 128))])]),
+				a("tbody", null, [(f(!0), i(e, null, m(h.value, (t) => (f(), i("tr", { key: t }, [(f(!0), i(e, null, m(p.value, (e) => (f(), i("td", {
 					key: e.name,
 					class: u(o.columnConfig?.[e.name]?.cellClass),
-					style: f(p(e.name))
-				}, v(y(e, t - 1)), 7))), 128))]))), 128))])
+					style: d(te(e.name))
+				}, g(_(e, t - 1)), 7))), 128))]))), 128))])
 			])]),
-			C.value ? (m(), i("a", {
+			x.value ? (f(), i("a", {
 				key: 1,
 				class: "data-table-download-link",
-				href: w.value,
-				download: `${b()}.csv`
-			}, v(C.value), 9, it)) : r("", !0)
+				href: S.value,
+				download: `${v()}.csv`
+			}, g(x.value), 9, $)) : r("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-505e2187"]]);
 //#endregion
-export { tt as ChartTooltip, et as ChoroplethMap, at as DataTable, He as LineChart };
+export { rt as ChartTooltip, Z as ChoroplethMap, at as DataTable, J as LineChart };