@cfasim-ui/charts 0.4.6 → 0.4.7

package/dist/index.js

@@ -283,16 +283,40 @@ function X(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
 }
-function Z(e, t) {
-	let n = e.cloneNode(!0);
-	n.setAttribute("xmlns", "http://www.w3.org/2000/svg");
-	let r = new XMLSerializer().serializeToString(n);
+var Z = [
+	"color",
+	"font-family",
+	"font-size",
+	"font-weight"
+], Q = ["fill", "stroke"];
+function me(e) {
+	let t = e.match(/^\s*var\(\s*(--[\w-]+)\s*(?:,\s*([^)]*?)\s*)?\)\s*$/);
+	if (!t) return e;
+	let [, n, r] = t;
+	return window.getComputedStyle(document.documentElement).getPropertyValue(n).trim() || (r ? r.trim() : e);
+}
+function he(e) {
+	let t = e.cloneNode(!0);
+	t.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+	let n = window.getComputedStyle(e), r = [];
+	for (let e of Z) {
+		let t = n.getPropertyValue(e);
+		t && r.push(`${e}: ${t}`);
+	}
+	let i = t.getAttribute("style") ?? "";
+	t.setAttribute("style", [i, ...r].filter(Boolean).join("; "));
+	for (let e of t.querySelectorAll("*")) for (let t of Q) {
+		let n = e.getAttribute(t);
+		!n || !n.includes("var(") || e.setAttribute(t, me(n));
+	}
+	return t;
+}
+function ge(e, t) {
+	let n = he(e), r = new XMLSerializer().serializeToString(n);
 	X(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
 }
-function Q(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;
+function _e(e, t) {
+	let n = he(e), r = new XMLSerializer().serializeToString(n), i = new Blob([r], { type: "image/svg+xml;charset=utf-8" }), a = URL.createObjectURL(i), o = new Image(), s = e.width.baseVal.value || e.clientWidth, c = e.height.baseVal.value || e.clientHeight;
 	o.onload = () => {
 		let e = document.createElement("canvas");
 		e.width = s * 2, e.height = c * 2;
@@ -302,12 +326,12 @@ function Q(e, t) {
 		}), URL.revokeObjectURL(a);
 	}, o.src = a;
 }
-function me(e, t) {
+function ve(e, t) {
 	X(new Blob([e], { type: "text/csv" }), `${t}.csv`);
 }
 //#endregion
 //#region src/_shared/useChartMenu.ts
-function he(e) {
+function $(e) {
 	let t = v(null);
 	function r() {
 		let t = e.filename();
@@ -321,17 +345,17 @@ function he(e) {
 			let n = r(), i = [{
 				label: "Save as SVG",
 				action: () => {
-					t.value && Z(t.value, n);
+					t.value && ge(t.value, n);
 				}
 			}, {
 				label: "Save as PNG",
 				action: () => {
-					t.value && Q(t.value, n);
+					t.value && _e(t.value, n);
 				}
 			}];
 			return e.downloadLink() || i.push({
 				label: "Download CSV",
-				action: () => me(e.getCsv(), n)
+				action: () => ve(e.getCsv(), n)
 			}), i;
 		}),
 		downloadLinkText: n(() => {
@@ -344,7 +368,7 @@ function he(e) {
 }
 //#endregion
 //#region src/_shared/seriesCsv.ts
-function ge(e) {
+function ye(e) {
 	if (e.length === 0) return "";
 	let t = 0;
 	for (let n of e) n.data.length > t && (t = n.data.length);
@@ -356,25 +380,25 @@ function ge(e) {
 	}
 	return i.join("\n");
 }
-function _e(e, t, n = "category") {
+function be(e, t, n = "category") {
 	if (t.length === 0 || e.length === 0) return "";
 	let r = [(t.length === 1 ? [n, t[0].label || "value"] : [n, ...t.map((e, t) => e.label || `series_${t}`)]).join(",")];
 	for (let n = 0; n < e.length; n++) {
-		let i = [$(e[n])];
+		let i = [xe(e[n])];
 		for (let e of t) i.push(n < e.data.length ? String(e.data[n]) : "");
 		r.push(i.join(","));
 	}
 	return r.join("\n");
 }
-function $(e) {
+function xe(e) {
 	return e.includes(",") || e.includes("\"") || e.includes("\n") ? `"${e.replace(/"/g, "\"\"")}"` : e;
 }
 //#endregion
 //#region src/_shared/ChartAnnotations.vue?vue&type=script&setup=true&lang.ts
-var ve = {
+var Se = {
 	class: "chart-annotations",
 	"pointer-events": "none"
-}, ye = [
+}, Ce = [
 	"x1",
 	"y1",
 	"x2",
@@ -382,13 +406,12 @@ var ve = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], be = [
+], we = [
 	"d",
 	"stroke",
 	"stroke-width",
-	"stroke-dasharray",
-	"marker-start"
-], xe = [
+	"stroke-dasharray"
+], Te = ["fill", "transform"], Ee = [
 	"x",
 	"y",
 	"text-anchor",
@@ -397,7 +420,7 @@ var ve = {
 	"fill",
 	"stroke",
 	"stroke-width"
-], Se = ["x", "dy"], Ce = ["font-weight", "font-style"], we = 13, Te = "normal", Ee = 700, De = "var(--color-bg-0, #fff)", Oe = 3, ke = 1, Ae = 4, je = 6, Me = 1.2, Ne = .35, Pe = 3, Fe = /* @__PURE__ */ l({
+], De = ["x", "dy"], Oe = ["font-weight", "font-style"], ke = 13, Ae = "normal", je = 700, Me = "var(--color-bg-0, #fff)", Ne = 3, Pe = 1, Fe = 4, Ie = 6, Le = 1.2, Re = .35, ze = /* @__PURE__ */ l({
 	__name: "ChartAnnotations",
 	props: {
 		annotations: { default: () => [] },
@@ -434,13 +457,18 @@ var ve = {
 				if (!n || !isFinite(n.x) || !isFinite(n.y)) continue;
 				let i = t.pointer ?? "curved", a = i.startsWith("rule");
 				if (a && !r.bounds) continue;
-				let { x: o, y: l } = t.offset, f = n.x + o, p = n.y + l, m = t.color ?? "currentColor", h = t.fontSize ?? we, g = t.fontWeight ?? Te, _ = t.haloColor ?? De, v = t.haloWidth ?? Oe, y = t.lineColor ?? m, ee = t.lineWidth ?? ke, b = s(t.lineDash), te = t.textAnchor ?? (o > 0 ? "start" : o < 0 ? "end" : "middle"), x, S = "";
-				a && r.bounds ? x = u(i, n.x, n.y, r.bounds) : S = d(n.x, n.y, f, p, h, i), e.push({
+				let { x: o, y: l } = t.offset, f = n.x + o, p = n.y + l, m = t.color ?? "currentColor", h = t.fontSize ?? ke, g = t.fontWeight ?? Ae, _ = t.haloColor ?? Me, v = t.haloWidth ?? Ne, y = t.lineColor ?? m, ee = t.lineWidth ?? Pe, b = s(t.lineDash), te = t.textAnchor ?? (o > 0 ? "start" : o < 0 ? "end" : "middle"), x, S = "", C, w = !a && (t.arrow ?? !0);
+				if (a && r.bounds) x = u(i, n.x, n.y, r.bounds);
+				else {
+					let e = d(n.x, n.y, f, p, h, i);
+					S = e.path, w && e.arrow && (C = e.arrow);
+				}
+				e.push({
 					lines: t.text.split("\n").map(c),
 					textX: f,
 					textY: p,
 					textAnchor: te,
-					dy: h * Me,
+					dy: h * Le,
 					fontSize: h,
 					fontWeight: g,
 					color: m,
@@ -450,7 +478,8 @@ var ve = {
 					lineColor: y,
 					lineWidth: ee,
 					lineDash: b,
-					arrow: !a && (t.arrow ?? !0),
+					arrow: w,
+					arrowTip: C,
 					rule: x
 				});
 			}
@@ -503,32 +532,34 @@ var ve = {
 			}
 		}
 		function d(e, t, n, r, i, a) {
-			if (a === "none") return "";
-			let o = n - e, s = r - t, c = r - i * Ne;
+			if (a === "none") return { path: "" };
+			let o = n - e, s = r - t, c = r - i * Re;
 			if (o === 0 || s === 0 || a === "straight") {
 				let i = s === 0 ? r : c, a = n - e, o = i - t, l = Math.hypot(a, o);
-				if (l <= Ae + je) return "";
-				let u = a / l, d = o / l;
-				return `M${e + u * Ae},${t + d * Ae} L${n - u * je},${i - d * je}`;
+				if (l <= Fe + Ie) return { path: "" };
+				let u = a / l, d = o / l, f = e + u * Fe, p = t + d * Fe, m = n - u * Ie, h = i - d * Ie, g = Math.atan2(-d, -u) * 180 / Math.PI;
+				return {
+					path: `M${f},${p} L${m},${h}`,
+					arrow: {
+						x: f,
+						y: p,
+						angle: g
+					}
+				};
 			}
 			let l = c - t;
-			if (Math.abs(l) <= Ae || Math.abs(o) <= je) return "";
-			let u = Math.sign(o), d = Math.sign(l), f = e + u * Pe;
-			return `M${f},${t + d * Ae} Q${f},${c} ${n - u * je},${c}`;
+			if (Math.abs(l) <= Fe || Math.abs(o) <= Ie) return { path: "" };
+			let u = Math.sign(o), d = Math.sign(l), f = e, p = t + d * Fe, m = n - u * Ie, h = c, g = d > 0 ? -90 : 90;
+			return {
+				path: `M${f},${p} Q${f},${c} ${m},${h}`,
+				arrow: {
+					x: f,
+					y: p,
+					angle: g
+				}
+			};
 		}
-		return (t, n) => (_(), a(e, null, [n[0] ||= o("defs", null, [o("marker", {
-			id: "chart-annotation-arrow",
-			viewBox: "0 0 8 8",
-			refX: "7",
-			refY: "4",
-			markerWidth: "6",
-			markerHeight: "6",
-			orient: "auto-start-reverse",
-			markerUnits: "userSpaceOnUse"
-		}, [o("path", {
-			d: "M0,0 L8,4 L0,8 Z",
-			fill: "context-stroke"
-		})])], -1), o("g", ve, [(_(!0), a(e, null, y(l.value, (t, n) => (_(), a(e, { key: n }, [
+		return (t, n) => (_(), a("g", Se, [(_(!0), a(e, null, y(l.value, (t, n) => (_(), a(e, { key: n }, [
 			t.rule ? (_(), a("line", {
 				key: 0,
 				x1: t.rule.x1,
@@ -539,18 +570,22 @@ var ve = {
 				"stroke-width": t.lineWidth,
 				"stroke-dasharray": t.lineDash,
 				"stroke-linecap": "round"
-			}, null, 8, ye)) : i("", !0),
+			}, null, 8, Ce)) : i("", !0),
 			t.pointerPath ? (_(), a("path", {
 				key: 1,
 				d: t.pointerPath,
 				fill: "none",
 				stroke: t.lineColor,
-				style: m({ color: t.lineColor }),
 				"stroke-width": t.lineWidth,
 				"stroke-dasharray": t.lineDash,
-				"stroke-linecap": "round",
-				"marker-start": t.arrow ? "url(#chart-annotation-arrow)" : void 0
-			}, null, 12, be)) : i("", !0),
+				"stroke-linecap": "round"
+			}, null, 8, we)) : i("", !0),
+			t.arrowTip ? (_(), a("polygon", {
+				key: 2,
+				points: "0,0 -6,-3 -6,3",
+				fill: t.lineColor,
+				transform: `translate(${t.arrowTip.x} ${t.arrowTip.y}) rotate(${t.arrowTip.angle})`
+			}, null, 8, Te)) : i("", !0),
 			o("text", {
 				x: t.textX,
 				y: t.textY,
@@ -568,14 +603,14 @@ var ve = {
 				dy: r === 0 ? 0 : t.dy
 			}, [(_(!0), a(e, null, y(n, (e, t) => (_(), a("tspan", {
 				key: t,
-				"font-weight": e.bold ? Ee : void 0,
+				"font-weight": e.bold ? je : void 0,
 				"font-style": e.italic ? "italic" : void 0
-			}, b(e.text), 9, Ce))), 128))], 8, Se))), 128))], 8, xe)
-		], 64))), 128))])], 64));
+			}, b(e.text), 9, Oe))), 128))], 8, De))), 128))], 8, Ee)
+		], 64))), 128))]));
 	}
-}), Ie = 400, Le = 200;
-function Re(e) {
-	let { containerRef: t, measuredWidth: r } = K({ debounce: e.debounce }), i = n(() => e.width() ?? (r.value || Ie)), a = n(() => e.height() ?? Le), { padding: o, legendY: s, innerW: c, innerH: l, bounds: u } = q({
+}), Be = 400, Ve = 200;
+function He(e) {
+	let { containerRef: t, measuredWidth: r } = K({ debounce: e.debounce }), i = n(() => e.width() ?? (r.value || Be)), a = n(() => e.height() ?? Ve), { padding: o, legendY: s, innerW: c, innerH: l, bounds: u } = q({
 		title: e.title,
 		xLabel: e.xLabel,
 		yLabel: e.yLabel,
@@ -590,7 +625,7 @@ function Re(e) {
 		pointerToIndex: e.pointerToIndex,
 		containerRef: t,
 		onHover: e.onHover
-	}), { svgRef: h, items: g, downloadLinkText: _, csvHref: v, resolvedFilename: y } = he({
+	}), { svgRef: h, items: g, downloadLinkText: _, csvHref: v, resolvedFilename: y } = $({
 		filename: e.filename,
 		legacyMenuLabel: e.menu,
 		getCsv: e.getCsv,
@@ -616,7 +651,7 @@ function Re(e) {
 		menuFilename: y
 	};
 }
-function ze(e, t) {
+function Ue(e, t) {
 	return (n) => {
 		let r = e();
 		if (r) return r(n);
@@ -626,70 +661,70 @@ function ze(e, t) {
 }
 //#endregion
 //#region src/LineChart/LineChart.vue?vue&type=script&setup=true&lang.ts
-var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
+var We = ["width", "height"], Ge = ["x"], Ke = { key: 1 }, qe = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], We = [
+], Je = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], Ge = ["x", "y"], Ke = [
+], Ye = ["x", "y"], Xe = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], qe = [
+], Ze = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Je = [
+], Qe = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Ye = [
+], $e = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Xe = ["x", "y"], Ze = ["transform"], Qe = [
+], et = ["x", "y"], tt = ["transform"], nt = [
 	"x",
 	"y",
 	"text-anchor"
-], $e = ["x", "y"], et = [
+], rt = ["x", "y"], it = [
 	"d",
 	"fill",
 	"fill-opacity"
-], tt = [
+], at = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], nt = [
+], ot = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], rt = [
+], st = [
 	"d",
 	"fill",
 	"fill-opacity"
-], it = [
+], ct = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], at = [
+], lt = [
 	"x1",
 	"y1",
 	"x2",
@@ -697,7 +732,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], ot = [
+], ut = [
 	"x1",
 	"y1",
 	"x2",
@@ -705,44 +740,44 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], st = [
+], dt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], ct = [
+], ft = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], lt = [
+], pt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], ut = [
+], mt = [
 	"cx",
 	"cy",
 	"fill"
-], dt = [
+], ht = [
 	"x",
 	"y",
 	"width",
 	"height"
-], ft = [
+], gt = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], pt = [
+], _t = [
 	"x",
 	"y",
 	"fill"
-], mt = ["x", "y"], ht = { class: "line-chart-tooltip" }, gt = {
+], vt = ["x", "y"], yt = { class: "line-chart-tooltip" }, bt = {
 	key: 0,
 	class: "line-chart-tooltip-label"
-}, _t = ["href", "download"], vt = 36, yt = 12, bt = 7, xt = 16, St = /* @__PURE__ */ B(/* @__PURE__ */ l({
+}, xt = ["href", "download"], St = 36, Ct = 12, wt = 7, Tt = 16, Et = /* @__PURE__ */ B(/* @__PURE__ */ l({
 	__name: "LineChart",
 	props: {
 		y: {},
@@ -790,7 +825,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				data: e.y ?? e.data ?? g
 			};
 		}
-		let x = ze(() => l.tooltipValueFormat, () => l.yTickFormat), C = n(() => {
+		let x = Ue(() => l.tooltipValueFormat, () => l.yTickFormat), C = n(() => {
 			if (l.series && l.series.length > 0) return l.series.map(v);
 			let e = l.y ?? l.data;
 			return e ? [{
@@ -919,7 +954,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			let t = [], n = Y.value.left + Z.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) * bt, o = F(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : C.value[r.seriesIndex]?.color ?? "currentColor");
+				let e = r.label ?? "", i = r.description ?? "", a = Math.max(e.length, i.length) * wt, o = F(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : C.value[r.seriesIndex]?.color ?? "currentColor");
 				t.push({
 					cx: c,
 					labelText: e,
@@ -934,7 +969,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			let r = [];
 			for (let e of t) {
 				let t = e.cx - e.textWidth / 2, n = 0;
-				for (; n < r.length && !(t >= r[n] + xt);) n++;
+				for (; n < r.length && !(t >= r[n] + Tt);) n++;
 				e.row = n;
 				let i = e.cx + e.textWidth / 2;
 				r[n] = Math.max(r[n] ?? -Infinity, i);
@@ -944,7 +979,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				extraHeight: 0
 			} : {
 				labels: t,
-				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * vt + yt
+				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * St + Ct
 			};
 		}), ae = n(() => {
 			let e = [];
@@ -966,7 +1001,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				});
 			}
 			return e;
-		}), oe = n(() => pe.value + ie.value.extraHeight), I = n(() => Y.value.top + Q.value + Y.value.bottom + yt), se = n(() => {
+		}), oe = n(() => pe.value + ie.value.extraHeight), I = n(() => Y.value.top + Q.value + Y.value.bottom + Ct), se = n(() => {
 			let { min: e, max: t } = M.value, n = (t) => V(Y.value.top + Q.value - (t - e) / M.value.range * Q.value), r = (e) => l.yTickFormat ? l.yTickFormat(e) : W(e);
 			return e === t ? [{
 				value: r(e),
@@ -1009,7 +1044,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			});
 		});
 		function L() {
-			return typeof l.csv == "function" ? l.csv() : typeof l.csv == "string" ? l.csv : ge(C.value);
+			return typeof l.csv == "function" ? l.csv() : typeof l.csv == "string" ? l.csv : ye(C.value);
 		}
 		let R = n(() => !!l.tooltipData || !!l.tooltipTrigger), z = n(() => {
 			let e = he.value, t = C.value[0];
@@ -1076,7 +1111,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			let { min: r, max: i } = A.value, a = i - r || 1;
 			return H(n, r + (e - t.left - Y.value.left) / Z.value * a);
 		}
-		let { containerRef: q, svgRef: J, width: fe, height: pe, padding: Y, legendY: X, innerW: Z, innerH: Q, bounds: me, hoverIndex: he, tooltipRef: _e, tooltipPos: $, tooltipHandlers: ve, menuItems: ye, downloadLinkText: be, csvHref: xe, menuFilename: Se } = Re({
+		let { containerRef: q, svgRef: J, width: fe, height: pe, padding: Y, legendY: X, innerW: Z, innerH: Q, bounds: me, hoverIndex: he, tooltipRef: ge, tooltipPos: _e, tooltipHandlers: ve, menuItems: $, downloadLinkText: be, csvHref: xe, menuFilename: Se } = He({
 			width: () => l.width,
 			height: () => l.height,
 			title: () => l.title,
@@ -1102,7 +1137,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 		}, [
 			t.menu ? (_(), r(le, {
 				key: 0,
-				items: S(ye)
+				items: S($)
 			}, null, 8, ["items"])) : i("", !0),
 			(_(), a("svg", {
 				ref_key: "svgRef",
@@ -1118,8 +1153,8 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"font-size": "14",
 					"font-weight": "600",
 					fill: "currentColor"
-				}, b(t.title), 9, Ve)) : i("", !0),
-				ae.value.length > 0 ? (_(), a("g", He, [(_(!0), a(e, null, y(ae.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
+				}, b(t.title), 9, Ge)) : i("", !0),
+				ae.value.length > 0 ? (_(), a("g", Ke, [(_(!0), a(e, null, y(ae.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
 					key: 0,
 					x1: S(Y).left + n * 120,
 					y1: S(X),
@@ -1128,7 +1163,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, Ue)) : (_(), a("circle", {
+				}, null, 8, qe)) : (_(), a("circle", {
 					key: 1,
 					cx: S(Y).left + n * 120 + 4,
 					cy: S(X),
@@ -1137,12 +1172,12 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"fill-opacity": t.fillOpacity,
 					stroke: t.color,
 					"stroke-width": "1.5"
-				}, null, 8, We)), o("text", {
+				}, null, 8, Je)), o("text", {
 					x: S(Y).left + n * 120 + 18,
 					y: S(X) + 4,
 					"font-size": "11",
 					fill: "currentColor"
-				}, b(t.label), 9, Ge)], 64))), 128))])) : i("", !0),
+				}, b(t.label), 9, Ye)], 64))), 128))])) : i("", !0),
 				o("line", {
 					x1: S(V)(S(Y).left),
 					y1: S(V)(S(Y).top),
@@ -1150,7 +1185,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					y2: S(V)(S(Y).top + S(Q)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Ke),
+				}, null, 8, Xe),
 				o("line", {
 					x1: S(V)(S(Y).left),
 					y1: S(V)(S(Y).top + S(Q)),
@@ -1158,7 +1193,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					y2: S(V)(S(Y).top + S(Q)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, qe),
+				}, null, 8, Ze),
 				t.yGrid ? (_(!0), a(e, { key: 2 }, y(se.value, (e, t) => (_(), a("line", {
 					key: "yg" + t,
 					x1: S(Y).left,
@@ -1167,7 +1202,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					y2: e.y,
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Je))), 128)) : i("", !0),
+				}, null, 8, Qe))), 128)) : i("", !0),
 				t.xGrid ? (_(!0), a(e, { key: 3 }, y(ce.value, (e, t) => (_(), a("line", {
 					key: "xg" + t,
 					x1: e.x,
@@ -1176,7 +1211,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					y2: S(Y).top + S(Q),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Ye))), 128)) : i("", !0),
+				}, null, 8, $e))), 128)) : i("", !0),
 				(_(!0), a(e, null, y(se.value, (e, t) => (_(), a("text", {
 					key: "y" + t,
 					"data-testid": "y-tick",
@@ -1187,7 +1222,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.value), 9, Xe))), 128)),
+				}, b(e.value), 9, et))), 128)),
 				t.yLabel ? (_(), a("text", {
 					key: 4,
 					x: 0,
@@ -1196,7 +1231,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, b(t.yLabel), 9, Ze)) : i("", !0),
+				}, b(t.yLabel), 9, tt)) : i("", !0),
 				(_(!0), a(e, null, y(ce.value, (e, t) => (_(), a("text", {
 					key: "x" + t,
 					"data-testid": "x-tick",
@@ -1206,7 +1241,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.value), 9, Qe))), 128)),
+				}, b(e.value), 9, nt))), 128)),
 				t.xLabel ? (_(), a("text", {
 					key: 5,
 					x: S(Y).left + S(Z) / 2,
@@ -1214,14 +1249,14 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, b(t.xLabel), 9, $e)) : i("", !0),
+				}, b(t.xLabel), 9, rt)) : i("", !0),
 				(_(!0), a(e, null, y(w.value, (e, t) => (_(), a("path", {
 					key: "area" + t,
 					d: ne(e),
 					fill: e.color ?? "currentColor",
 					"fill-opacity": e.opacity ?? .2,
 					stroke: "none"
-				}, null, 8, et))), 128)),
+				}, null, 8, it))), 128)),
 				(_(!0), a(e, null, y(C.value, (n, r) => (_(), a(e, { key: r }, [n.line === !1 ? i("", !0) : (_(), a("path", {
 					key: 0,
 					d: N(n),
@@ -1230,7 +1265,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"stroke-width": n.strokeWidth ?? 1.5,
 					"stroke-opacity": n.lineOpacity ?? n.opacity ?? t.lineOpacity,
 					"stroke-dasharray": n.dashed ? "6 3" : void 0
-				}, null, 8, tt)), n.dots ? (_(!0), a(e, { key: 1 }, y(P(n), (e, r) => (_(), a("circle", {
+				}, null, 8, at)), n.dots ? (_(!0), a(e, { key: 1 }, y(P(n), (e, r) => (_(), a("circle", {
 					key: r,
 					cx: e.x,
 					cy: e.y,
@@ -1238,14 +1273,14 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					fill: n.dotFill ?? n.color ?? "currentColor",
 					"fill-opacity": n.dotOpacity ?? n.opacity ?? t.lineOpacity,
 					stroke: n.dotStroke ?? "none"
-				}, null, 8, nt))), 128)) : i("", !0)], 64))), 128)),
+				}, null, 8, ot))), 128)) : i("", !0)], 64))), 128)),
 				(_(!0), a(e, null, y(t.areaSections ?? [], (t, n) => (_(), a(e, { key: "areasec" + n }, [
 					o("path", {
 						d: re(t),
 						fill: t.color ?? (t.seriesIndex == null ? "#999" : C.value[t.seriesIndex]?.color ?? "currentColor"),
 						"fill-opacity": t.opacity ?? .15,
 						stroke: "none"
-					}, null, 8, rt),
+					}, null, 8, st),
 					t.seriesIndex == null ? i("", !0) : (_(), a("path", {
 						key: 0,
 						d: re(t, !1),
@@ -1253,7 +1288,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 						stroke: t.color ?? C.value[t.seriesIndex]?.color ?? "currentColor",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, it)),
+					}, null, 8, ct)),
 					t.seriesIndex == null ? (_(), a(e, { key: 1 }, [o("line", {
 						x1: S(V)(F(t, "start")),
 						y1: S(Y).top,
@@ -1262,7 +1297,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, at), o("line", {
+					}, null, 8, lt), o("line", {
 						x1: S(V)(F(t, "end")),
 						y1: S(Y).top,
 						x2: S(V)(F(t, "end")),
@@ -1270,7 +1305,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, ot)], 64)) : i("", !0),
+					}, null, 8, ut)], 64)) : i("", !0),
 					o("line", {
 						x1: S(V)(F(t, "start")),
 						y1: S(Y).top + S(Q) - 4,
@@ -1278,7 +1313,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 						y2: S(Y).top + S(Q) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, st),
+					}, null, 8, dt),
 					o("line", {
 						x1: S(V)(F(t, "end")),
 						y1: S(Y).top + S(Q) - 4,
@@ -1286,7 +1321,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 						y2: S(Y).top + S(Q) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, ct)
+					}, null, 8, ft)
 				], 64))), 128)),
 				R.value && S(he) !== null ? (_(), a("line", {
 					key: 6,
@@ -1298,7 +1333,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"stroke-opacity": "0.3",
 					"stroke-dasharray": "4 2",
 					"pointer-events": "none"
-				}, null, 8, lt)) : i("", !0),
+				}, null, 8, pt)) : i("", !0),
 				(_(!0), a(e, null, y(ue.value, (e, t) => (_(), a("circle", {
 					key: "hd" + t,
 					cx: e.x,
@@ -1308,7 +1343,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					stroke: "var(--color-bg-0, #fff)",
 					"stroke-width": "2",
 					"pointer-events": "none"
-				}, null, 8, ut))), 128)),
+				}, null, 8, mt))), 128)),
 				R.value ? (_(), a("rect", d({
 					key: 7,
 					x: S(Y).left,
@@ -1320,8 +1355,8 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 						cursor: "crosshair",
 						"touch-action": "none"
 					}
-				}, te(S(ve), !0)), null, 16, dt)) : i("", !0),
-				t.annotations && t.annotations.length > 0 ? (_(), r(S(Fe), {
+				}, te(S(ve), !0)), null, 16, ht)) : i("", !0),
+				t.annotations && t.annotations.length > 0 ? (_(), r(S(ze), {
 					key: 8,
 					annotations: t.annotations,
 					project: K,
@@ -1330,45 +1365,45 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				(_(!0), a(e, null, y(ie.value.labels, (e, t) => (_(), a("g", { key: "seclab" + t }, [
 					o("circle", {
 						cx: e.cx - e.textWidth / 2 - 2,
-						cy: I.value + e.row * vt + 4,
+						cy: I.value + e.row * St + 4,
 						r: "4",
 						fill: e.color,
 						"fill-opacity": e.fillOpacity,
 						stroke: e.color,
 						"stroke-width": "1.5"
-					}, null, 8, ft),
+					}, null, 8, gt),
 					e.labelText ? (_(), a("text", {
 						key: 0,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: I.value + e.row * vt + 8,
+						y: I.value + e.row * St + 8,
 						"font-size": "11",
 						"font-weight": "600",
 						fill: e.color
-					}, b(e.labelText), 9, pt)) : i("", !0),
+					}, b(e.labelText), 9, _t)) : i("", !0),
 					e.descText ? (_(), a("text", {
 						key: 1,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: I.value + e.row * vt + 22,
+						y: I.value + e.row * St + 22,
 						"font-size": "11",
 						fill: "currentColor",
 						"fill-opacity": "0.6"
-					}, b(e.descText), 9, mt)) : i("", !0)
+					}, b(e.descText), 9, vt)) : i("", !0)
 				]))), 128))
-			], 8, Be)),
+			], 8, We)),
 			R.value && S(he) !== null && U.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: _e,
+				ref: ge,
 				class: "chart-tooltip-content",
 				style: m({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: S($) ? `translate3d(${S($).left}px, ${S($).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: S($) ? "visible" : "hidden"
+					transform: S(_e) ? `translate3d(${S(_e).left}px, ${S(_e).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: S(_e) ? "visible" : "hidden"
 				})
-			}, [ee(n.$slots, "tooltip", p(u(U.value)), () => [o("div", ht, [U.value.xLabel ? (_(), a("div", gt, b(U.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(U.value.values, (e) => (_(), a("div", {
+			}, [ee(n.$slots, "tooltip", p(u(U.value)), () => [o("div", yt, [U.value.xLabel ? (_(), a("div", bt, b(U.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(U.value.values, (e) => (_(), a("div", {
 				key: e.seriesIndex,
 				class: "line-chart-tooltip-row"
 			}, [o("span", {
@@ -1380,38 +1415,38 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				class: "line-chart-download-link",
 				href: S(xe),
 				download: `${S(Se)()}.csv`
-			}, b(S(be)), 9, _t)) : i("", !0)
+			}, b(S(be)), 9, xt)) : i("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-ebe2731e"]]), Ct = ["width", "height"], wt = ["x"], Tt = { key: 1 }, Et = [
+}), [["__scopeId", "data-v-ebe2731e"]]), Dt = ["width", "height"], Ot = ["x"], kt = { key: 1 }, At = [
 	"x",
 	"y",
 	"fill"
-], Dt = ["x", "y"], Ot = [
+], jt = ["x", "y"], Mt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], kt = [
+], Nt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], At = [
+], Pt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], jt = [
+], Ft = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Mt = ["x", "y"], Nt = ["x", "y"], Pt = ["transform"], Ft = [
+], It = ["x", "y"], Lt = ["x", "y"], Rt = ["transform"], zt = [
 	"x",
 	"y",
 	"text-anchor"
-], It = ["x", "y"], Lt = ["x", "y"], Rt = [
+], Bt = ["x", "y"], Vt = ["x", "y"], Ht = [
 	"data-category",
 	"data-series",
 	"x",
@@ -1420,15 +1455,15 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 	"height",
 	"fill",
 	"fill-opacity"
-], zt = [
+], Ut = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Bt = { class: "bar-chart-tooltip" }, Vt = {
+], Wt = { class: "bar-chart-tooltip" }, Gt = {
 	key: 0,
 	class: "bar-chart-tooltip-label"
-}, Ht = ["href", "download"], Ut = /* @__PURE__ */ B(/* @__PURE__ */ l({
+}, Kt = ["href", "download"], qt = /* @__PURE__ */ B(/* @__PURE__ */ l({
 	__name: "BarChart",
 	props: {
 		data: {},
@@ -1594,7 +1629,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 		function ie(e) {
 			return re[e % re.length];
 		}
-		let ae = ze(() => l.tooltipValueFormat, () => l.valueTickFormat), oe = n(() => {
+		let ae = Ue(() => l.tooltipValueFormat, () => l.valueTickFormat), oe = n(() => {
 			let { min: e, max: t } = E.value, n = (e) => l.valueTickFormat ? l.valueTickFormat(e) : W(e);
 			if (e === t) return [{
 				value: n(e),
@@ -1637,7 +1672,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				label: e.legend,
 				data: e.data
 			}));
-			return _e(w.value, e);
+			return be(w.value, e);
 		}
 		let L = n(() => !!l.tooltipData || !!l.tooltipTrigger);
 		function R(e, t) {
@@ -1659,7 +1694,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			let i = T.value ? e - n.left - K.value.left : t - n.top - K.value.top;
 			return Math.max(0, Math.min(r - 1, Math.floor(i / k.value)));
 		}
-		let { containerRef: B, svgRef: H, width: ue, height: U, padding: K, legendY: de, innerW: q, innerH: J, bounds: fe, hoverIndex: pe, tooltipRef: Y, tooltipPos: X, tooltipHandlers: Z, menuItems: Q, downloadLinkText: me, csvHref: he, menuFilename: ge } = Re({
+		let { containerRef: B, svgRef: H, width: ue, height: U, padding: K, legendY: de, innerW: q, innerH: J, bounds: fe, hoverIndex: pe, tooltipRef: Y, tooltipPos: X, tooltipHandlers: Z, menuItems: Q, downloadLinkText: me, csvHref: he, menuFilename: ge } = He({
 			width: () => l.width,
 			height: () => l.height,
 			title: () => l.title,
@@ -1677,7 +1712,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			getCsv: ce,
 			pointerToIndex: z,
 			onHover: (e) => f("hover", e)
-		}), $ = n(() => {
+		}), _e = n(() => {
 			let e = pe.value;
 			if (e !== null) return w.value[e];
 		}), ve = n(() => {
@@ -1692,7 +1727,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				})),
 				data: l.tooltipData?.[e] ?? null
 			};
-		}), ye = n(() => {
+		}), $ = n(() => {
 			let e = pe.value;
 			if (e === null) return null;
 			let t = M(e);
@@ -1731,19 +1766,19 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"font-size": "14",
 					"font-weight": "600",
 					fill: "currentColor"
-				}, b(t.title), 9, wt)) : i("", !0),
-				se.value.length > 0 ? (_(), a("g", Tt, [(_(!0), a(e, null, y(se.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [o("rect", {
+				}, b(t.title), 9, Ot)) : i("", !0),
+				se.value.length > 0 ? (_(), a("g", kt, [(_(!0), a(e, null, y(se.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [o("rect", {
 					x: S(K).left + n * 120,
 					y: S(de) - 5,
 					width: "12",
 					height: "10",
 					fill: t.color
-				}, null, 8, Et), o("text", {
+				}, null, 8, At), o("text", {
 					x: S(K).left + n * 120 + 18,
 					y: S(de) + 4,
 					"font-size": "11",
 					fill: "currentColor"
-				}, b(t.label), 9, Dt)], 64))), 128))])) : i("", !0),
+				}, b(t.label), 9, jt)], 64))), 128))])) : i("", !0),
 				o("line", {
 					x1: S(V)(S(K).left),
 					y1: S(V)(S(K).top),
@@ -1751,7 +1786,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					y2: S(V)(S(K).top + S(J)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Ot),
+				}, null, 8, Mt),
 				o("line", {
 					x1: S(V)(S(K).left),
 					y1: S(V)(S(K).top + S(J)),
@@ -1759,7 +1794,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					y2: S(V)(S(K).top + S(J)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, kt),
+				}, null, 8, Nt),
 				t.valueGrid ? (_(!0), a(e, { key: 2 }, y(oe.value, (e, t) => (_(), a("line", {
 					key: "vg" + t,
 					x1: T.value ? S(K).left : e.pos,
@@ -1768,17 +1803,17 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					y2: T.value ? e.pos : S(K).top + S(J),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, At))), 128)) : i("", !0),
-				ye.value && L.value ? (_(), a("rect", {
+				}, null, 8, Pt))), 128)) : i("", !0),
+				$.value && L.value ? (_(), a("rect", {
 					key: 3,
-					x: ye.value.x,
-					y: ye.value.y,
-					width: ye.value.w,
-					height: ye.value.h,
+					x: $.value.x,
+					y: $.value.y,
+					width: $.value.w,
+					height: $.value.h,
 					fill: "currentColor",
 					"fill-opacity": "0.06",
 					"pointer-events": "none"
-				}, null, 8, jt)) : i("", !0),
+				}, null, 8, Ft)) : i("", !0),
 				T.value ? (_(!0), a(e, { key: 4 }, y(oe.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
@@ -1789,7 +1824,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.value), 9, Mt))), 128)) : (_(!0), a(e, { key: 5 }, y(oe.value, (e, t) => (_(), a("text", {
+				}, b(e.value), 9, It))), 128)) : (_(!0), a(e, { key: 5 }, y(oe.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
 					x: e.pos,
@@ -1798,7 +1833,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.value), 9, Nt))), 128)),
+				}, b(e.value), 9, Lt))), 128)),
 				t.yLabel ? (_(), a("text", {
 					key: 6,
 					x: 0,
@@ -1807,7 +1842,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, b(t.yLabel), 9, Pt)) : i("", !0),
+				}, b(t.yLabel), 9, Rt)) : i("", !0),
 				T.value ? (_(!0), a(e, { key: 7 }, y(I.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
@@ -1817,7 +1852,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.label), 9, Ft))), 128)) : (_(!0), a(e, { key: 8 }, y(I.value, (e, t) => (_(), a("text", {
+				}, b(e.label), 9, zt))), 128)) : (_(!0), a(e, { key: 8 }, y(I.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
 					x: S(K).left - 6,
@@ -1827,7 +1862,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, b(e.label), 9, It))), 128)),
+				}, b(e.label), 9, Bt))), 128)),
 				t.xLabel ? (_(), a("text", {
 					key: 9,
 					x: S(K).left + S(q) / 2,
@@ -1835,7 +1870,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, b(t.xLabel), 9, Lt)) : i("", !0),
+				}, b(t.xLabel), 9, Vt)) : i("", !0),
 				(_(!0), a(e, null, y(F.value, (e, t) => (_(), a("rect", {
 					key: "bar" + t,
 					"data-testid": "bar",
@@ -1847,7 +1882,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					height: e.h,
 					fill: e.color,
 					"fill-opacity": e.opacity
-				}, null, 8, Rt))), 128)),
+				}, null, 8, Ht))), 128)),
 				L.value ? (_(), a("rect", d({
 					key: 10,
 					x: S(K).left,
@@ -1859,14 +1894,14 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 						cursor: "crosshair",
 						"touch-action": "none"
 					}
-				}, te(S(Z), !0)), null, 16, zt)) : i("", !0),
-				t.annotations && t.annotations.length > 0 ? (_(), r(S(Fe), {
+				}, te(S(Z), !0)), null, 16, Ut)) : i("", !0),
+				t.annotations && t.annotations.length > 0 ? (_(), r(S(ze), {
 					key: 11,
 					annotations: t.annotations,
 					project: R,
 					bounds: S(fe)
 				}, null, 8, ["annotations", "bounds"])) : i("", !0)
-			], 8, Ct)),
+			], 8, Dt)),
 			L.value && S(pe) !== null && ve.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
@@ -1880,7 +1915,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 					transform: S(X) ? `translate3d(${S(X).left}px, ${S(X).top}px, 0) translateY(-50%)` : "translateY(-50%)",
 					visibility: S(X) ? "visible" : "hidden"
 				})
-			}, [ee(n.$slots, "tooltip", p(u(ve.value)), () => [o("div", Bt, [$.value ? (_(), a("div", Vt, b($.value), 1)) : i("", !0), (_(!0), a(e, null, y(ve.value.values, (e) => (_(), a("div", {
+			}, [ee(n.$slots, "tooltip", p(u(ve.value)), () => [o("div", Wt, [_e.value ? (_(), a("div", Gt, b(_e.value), 1)) : i("", !0), (_(!0), a(e, null, y(ve.value.values, (e) => (_(), a("div", {
 				key: e.seriesIndex,
 				class: "bar-chart-tooltip-row"
 			}, [o("span", {
@@ -1892,10 +1927,10 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				class: "bar-chart-download-link",
 				href: S(he),
 				download: `${S(ge)()}.csv`
-			}, b(S(me)), 9, Ht)) : i("", !0)
+			}, b(S(me)), 9, Kt)) : i("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-690ebb3c"]]), Wt = {
+}), [["__scopeId", "data-v-690ebb3c"]]), Jt = {
 	"01013": "010259",
 	"01015": "010177",
 	"01029": "010177",
@@ -5056,7 +5091,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 	51019: "510014",
 	"02158": "020820",
 	46102: "460957"
-}, Gt = {
+}, Yt = {
 	"010259": "Butler, AL",
 	"010177": "Calhoun (Anniston), AL - Cleburne, AL",
 	"010172": "Chambers, AL - Randolph, AL",
@@ -6006,7 +6041,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 	560775: "Teton, WY - Lincoln, WY",
 	560792: "Uinta, WY",
 	560804: "Weston, WY"
-}, Kt = {
+}, Xt = {
 	ref: "root",
 	class: "chart-tooltip-content",
 	style: {
@@ -6018,7 +6053,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 		"pointer-events": "none",
 		transform: "translateY(-50%)"
 	}
-}, qt = /* @__PURE__ */ l({
+}, Zt = /* @__PURE__ */ l({
 	__name: "ChoroplethTooltip",
 	setup(e, { expose: n }) {
 		let a = v(null), s = w("root");
@@ -6029,24 +6064,24 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			getEl() {
 				return s.value;
 			}
-		}), (e, n) => (_(), r(t, { to: "body" }, [o("div", Kt, [a.value ? ee(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
+		}), (e, n) => (_(), r(t, { to: "body" }, [o("div", Xt, [a.value ? ee(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
 	}
-}), Jt = {
+}), Qt = {
 	key: 1,
 	class: "choropleth-header"
-}, Yt = {
+}, $t = {
 	key: 0,
 	class: "choropleth-title"
-}, Xt = {
+}, en = {
 	key: 1,
 	class: "choropleth-legend"
-}, Zt = {
+}, tn = {
 	key: 0,
 	class: "choropleth-legend-title"
-}, Qt = {
+}, nn = {
 	key: 2,
 	class: "choropleth-legend-continuous"
-}, $t = { class: "choropleth-legend-ticks" }, en = ["viewBox"], tn = ["innerHTML"], nn = "http://www.w3.org/2000/svg", rn = 450, an = 1e3, on = /* @__PURE__ */ B(/* @__PURE__ */ l({
+}, rn = { class: "choropleth-legend-ticks" }, an = ["viewBox"], on = ["innerHTML"], sn = "http://www.w3.org/2000/svg", cn = 450, ln = 1e3, un = /* @__PURE__ */ B(/* @__PURE__ */ l({
 	__name: "ChoroplethMap",
 	props: {
 		topology: {},
@@ -6107,14 +6142,14 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			at();
 		}
 		h(() => {
-			me(), fe(), dt(), ve(), Xe(), window.addEventListener("scroll", X, {
+			Z(), fe(), dt(), $(), Xe(), window.addEventListener("scroll", X, {
 				passive: !0,
 				capture: !0
 			}), window.addEventListener("resize", X, { passive: !0 });
 		}), g(() => {
-			H?.disconnect(), J && cancelAnimationFrame(J), he(), Y(), window.removeEventListener("scroll", X, { capture: !0 }), window.removeEventListener("resize", X);
+			H?.disconnect(), J && cancelAnimationFrame(J), Q(), Y(), window.removeEventListener("scroll", X, { capture: !0 }), window.removeEventListener("resize", X);
 		});
-		function me() {
+		function Z() {
 			if (!w.value || !D.value) return;
 			let e = oe(w.value), t = Math.max(12, l.focusZoomLevel);
 			G = ie().scaleExtent([1, t]).on("start", () => {
@@ -6135,10 +6170,10 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				return (!e.ctrlKey || e.type === "wheel") && !e.button;
 			}), e.call(G);
 		}
-		function he() {
+		function Q() {
 			w.value && G && (oe(w.value).on(".zoom", null), G = null);
 		}
-		function ge(e) {
+		function me(e) {
 			let t = Pe.value, n = Ae.value, r = [];
 			for (let i of e) {
 				let e = i.geoType ?? l.geoType, a = t.get(e);
@@ -6157,15 +6192,15 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			}
 			return r;
 		}
-		function _e(e) {
+		function he(e) {
 			let t = /* @__PURE__ */ new Set();
-			for (let n of ge(e)) n.geoType === l.geoType && t.add(String(n.feature.id));
+			for (let n of me(e)) n.geoType === l.geoType && t.add(String(n.feature.id));
 			return t;
 		}
-		let $ = !1;
-		function ve() {
+		let ve = !1;
+		function $() {
 			if (!w.value || !G) return;
-			let e = ge(Ne.value), t = e.filter((e) => e.geoType === l.geoType), n = e.filter((e) => e.geoType !== l.geoType), r = /* @__PURE__ */ new Map();
+			let e = me(Ne.value), t = e.filter((e) => e.geoType === l.geoType), n = e.filter((e) => e.geoType !== l.geoType), r = /* @__PURE__ */ new Map();
 			for (let e of t) {
 				let t = N.get(String(e.feature.id));
 				t && r.set(t, e.item.style ?? "solid");
@@ -6175,13 +6210,13 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			R.clear();
 			for (let [e, t] of r) R.set(e, t);
 			if (ye(n), e.length === 0) {
-				$ = !0, at();
+				ve = !0, at();
 				return;
 			}
 			let i = oe(w.value);
 			i.interrupt();
-			let a = $;
-			$ = !0;
+			let a = ve;
+			ve = !0;
 			let [[o, s], [c, u]] = Oe.value.bounds({
 				type: "FeatureCollection",
 				features: e.map((e) => e.feature)
@@ -6192,7 +6227,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				let n = t.getBoundingClientRect();
 				Qe(e, n.left + n.width / 2, n.top + n.height / 2);
 			};
-			a ? (et(), i.transition().duration(rn).call(G.transform, m).on("end", g)) : (G.transform(i, m), g());
+			a ? (et(), i.transition().duration(cn).call(G.transform, m).on("end", g)) : (G.transform(i, m), g());
 		}
 		function ye(e) {
 			let t = k.value;
@@ -6202,29 +6237,29 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			let r = Oe.value, i = ke.value + 1.5;
 			for (let { item: n, feature: a, key: o } of e) {
 				let e = z.get(o);
-				e || (e = document.createElementNS(nn, "path"), e.setAttribute("d", r(a) ?? ""), e.setAttribute("fill", "none"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("class", "focus-overlay"), t.appendChild(e), z.set(o, e)), e.setAttribute("stroke", n.stroke ?? "#fff"), e.setAttribute("stroke-width", String(i)), tt(e, n.style);
+				e || (e = document.createElementNS(sn, "path"), e.setAttribute("d", r(a) ?? ""), e.setAttribute("fill", "none"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("class", "focus-overlay"), t.appendChild(e), z.set(o, e)), e.setAttribute("stroke", n.stroke ?? "#fff"), e.setAttribute("stroke-width", String(i)), tt(e, n.style);
 			}
 		}
 		function be() {
 			if (!w.value || !G) return;
 			Ne.value.length > 0 && d("update:focus", null);
 			let e = oe(w.value);
-			e.interrupt(), et(), e.transition().duration(rn).call(G.transform, ae);
+			e.interrupt(), et(), e.transition().duration(cn).call(G.transform, ae);
 		}
 		T(() => l.focusZoomLevel, () => {
-			G && G.scaleExtent([1, Math.max(12, l.focusZoomLevel)]), ve();
+			G && G.scaleExtent([1, Math.max(12, l.focusZoomLevel)]), $();
 		});
-		let xe = n(() => l.width && l.height ? l.height / l.width : .625), Se = n(() => an), Ce = n(() => an * xe.value), we = n(() => {
+		let xe = n(() => l.width && l.height ? l.height / l.width : .625), Se = n(() => ln), Ce = n(() => ln * xe.value), we = n(() => {
 			let e = x(l.topology), t = e.objects.counties.geometries, n = /* @__PURE__ */ new Map();
 			for (let e of t) {
-				let t = Wt[String(e.id).padStart(5, "0")];
+				let t = Jt[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: Gt[t] ?? t },
+				properties: { name: Yt[t] ?? t },
 				geometry: se(e, i)
 			});
 			return {
@@ -6255,7 +6290,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 		function je(e) {
 			let t = l.dataGeoType;
 			if (!t || t === l.geoType) return e;
-			if (l.geoType === "counties" && t === "hsas") return Wt[e];
+			if (l.geoType === "counties" && t === "hsas") return Jt[e];
 			if (l.geoType === "counties" && t === "states" || l.geoType === "hsas" && t === "states") return e.slice(0, 2);
 		}
 		let Me = n(() => {
@@ -6431,7 +6466,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				name: r.name,
 				value: r.value
 			};
-			e.type === "click" ? (d("stateClick", i), d("update:focus", _e(Ne.value).has(r.id) ? null : r.id)) : e.type === "mouseover" && (it(N.get(n)), M.value && Qe(n, t.clientX, t.clientY), d("stateHover", i));
+			e.type === "click" ? (d("stateClick", i), d("update:focus", he(Ne.value).has(r.id) ? null : r.id)) : e.type === "mouseover" && (it(N.get(n)), M.value && Qe(n, t.clientX, t.clientY), d("stateHover", i));
 		}
 		function ct(e) {
 			B || $e(e.clientX, e.clientY);
@@ -6441,7 +6476,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			t && D.value?.contains(t) || at();
 		}
 		function ut(e) {
-			let t = document.createElementNS(nn, "path");
+			let t = document.createElementNS(sn, "path");
 			return e && t.setAttribute("d", e), t;
 		}
 		function dt() {
@@ -6454,7 +6489,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			for (let e of r) {
 				let t = String(e.id), r = qe(e), c = Ge(t), l = ut(n(e));
 				if (l.setAttribute("class", "state-path"), l.setAttribute("data-feat-id", t), l.setAttribute("fill", Ke(t)), l.setAttribute("stroke", i), l.setAttribute("stroke-width", a), l.setAttribute("vector-effect", "non-scaling-stroke"), o) {
-					let e = document.createElementNS(nn, "title");
+					let e = document.createElementNS(sn, "title");
 					e.textContent = Ye(r, c), l.appendChild(e);
 				}
 				s.appendChild(l), N.set(t, l), P.set(t, {
@@ -6529,12 +6564,12 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			return [{
 				label: "Save as SVG",
 				action: () => {
-					w.value && Z(w.value, e);
+					w.value && ge(w.value, e);
 				}
 			}, {
 				label: "Save as PNG",
 				action: () => {
-					w.value && Q(w.value, e);
+					w.value && _e(w.value, e);
 				}
 			}];
 		});
@@ -6543,7 +6578,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			l.colorScale,
 			l.noDataColor,
 			l.dataGeoType
-		], () => ft()), T(() => [l.strokeColor, ke.value], () => pt()), T(() => [Ne.value, Oe.value], () => ve(), { flush: "post" }), (n, c) => (_(), a("div", {
+		], () => ft()), T(() => [l.strokeColor, ke.value], () => pt()), T(() => [Ne.value, Oe.value], () => $(), { flush: "post" }), (n, c) => (_(), a("div", {
 			ref_key: "containerRef",
 			ref: S,
 			class: f(["choropleth-wrapper", { pannable: t.pan }])
@@ -6552,16 +6587,16 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				key: 0,
 				items: St.value
 			}, null, 8, ["items"])) : i("", !0),
-			t.title || ht.value ? (_(), a("div", Jt, [t.title ? (_(), a("div", Yt, b(t.title), 1)) : i("", !0), ht.value ? (_(), a("div", Xt, [t.legendTitle ? (_(), a("span", Zt, b(t.legendTitle), 1)) : i("", !0), Le.value || Re.value ? (_(!0), a(e, { key: 1 }, y(bt.value, (e) => (_(), a("span", {
+			t.title || ht.value ? (_(), a("div", Qt, [t.title ? (_(), a("div", $t, b(t.title), 1)) : i("", !0), ht.value ? (_(), a("div", en, [t.legendTitle ? (_(), a("span", tn, b(t.legendTitle), 1)) : i("", !0), Le.value || Re.value ? (_(!0), a(e, { key: 1 }, y(bt.value, (e) => (_(), a("span", {
 				key: e.key,
 				class: "choropleth-legend-item"
 			}, [o("span", {
 				class: "choropleth-legend-swatch",
 				style: m({ background: e.color })
-			}, null, 4), s(" " + b(e.label), 1)]))), 128)) : (_(), a("div", Qt, [o("div", {
+			}, null, 4), s(" " + b(e.label), 1)]))), 128)) : (_(), a("div", nn, [o("div", {
 				class: "choropleth-legend-gradient",
 				style: m({ background: xt.value })
-			}, null, 4), o("div", $t, [(_(!0), a(e, null, y(yt.value, (e) => (_(), a("span", {
+			}, null, 4), o("div", rn, [(_(!0), a(e, null, y(yt.value, (e) => (_(), a("span", {
 				key: e.value,
 				style: m({ left: e.pct + "%" })
 			}, b(e.value), 5))), 128))])]))])) : i("", !0)])) : i("", !0),
@@ -6579,7 +6614,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			}, null, 512), o("g", {
 				ref_key: "overlayGroupRef",
 				ref: k
-			}, null, 512)], 512)], 8, en)),
+			}, null, 512)], 512)], 8, an)),
 			K.value ? (_(), a("button", {
 				key: 2,
 				type: "button",
@@ -6587,7 +6622,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				"aria-label": "Reset zoom",
 				onClick: be
 			}, " Reset ")) : i("", !0),
-			M.value ? (_(), r(qt, {
+			M.value ? (_(), r(Zt, {
 				key: 3,
 				ref_key: "tooltipChildRef",
 				ref: A
@@ -6595,12 +6630,12 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 				default: E((r) => [ee(n.$slots, "tooltip", p(u(te(r))), () => [t.tooltipFormat ? (_(), a("span", {
 					key: 0,
 					innerHTML: t.tooltipFormat(r)
-				}, null, 8, tn)) : r.value == null ? (_(), a(e, { key: 1 }, [s(b(r.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(b(r.name) + ": " + b(Je(r.value)), 1)], 64))], !0)]),
+				}, null, 8, on)) : r.value == null ? (_(), a(e, { key: 1 }, [s(b(r.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(b(r.name) + ": " + b(Je(r.value)), 1)], 64))], !0)]),
 				_: 3
 			}, 512)) : i("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-f0f75b22"]]), sn = /* @__PURE__ */ B(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-f0f75b22"]]), dn = /* @__PURE__ */ B(/* @__PURE__ */ l({
 	__name: "ChartTooltip",
 	props: {
 		x: {},
@@ -6651,7 +6686,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			_: 3
 		}, 8, ["open"])) : i("", !0);
 	}
-}), [["__scopeId", "data-v-44377f70"]]), cn = { class: "TableWrapper" }, ln = /* @__PURE__ */ B(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-44377f70"]]), fn = { class: "TableWrapper" }, pn = /* @__PURE__ */ B(/* @__PURE__ */ l({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -6736,7 +6771,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 		}
 		let S = n(() => [{
 			label: c.downloadMenuLink,
-			action: () => me(x(), ee())
+			action: () => ve(x(), ee())
 		}]), C = n(() => !!c.menu);
 		return (n, s) => (_(), a("div", { class: f(["TableOuter", {
 			"full-width": t.fullWidth,
@@ -6745,7 +6780,7 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 			key: 0,
 			items: S.value,
 			"force-dropdown": ""
-		}, null, 8, ["items"])) : i("", !0), o("div", cn, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
+		}, null, 8, ["items"])) : i("", !0), o("div", fn, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
 			o("colgroup", null, [(_(!0), a(e, null, y(h.value, (e) => (_(), a("col", {
 				key: e.name,
 				style: m(u(e.name))
@@ -6763,4 +6798,4 @@ var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 	}
 }), [["__scopeId", "data-v-d5c290dc"]]);
 //#endregion
-export { Ut as BarChart, sn as ChartTooltip, on as ChoroplethMap, ln as DataTable, St as LineChart, Wt as fipsToHsa, Gt as hsaNames };
+export { qt as BarChart, dn as ChartTooltip, un as ChoroplethMap, pn as DataTable, Et as LineChart, Jt as fipsToHsa, Yt as hsaNames };