@cfasim-ui/charts 0.4.4 → 0.4.6

package/dist/index.js

@@ -1,12 +1,12 @@
-import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, normalizeStyle as m, onMounted as h, onUnmounted as ee, openBlock as g, ref as _, renderList as v, renderSlot as te, toDisplayString as y, toHandlers as ne, toRaw as b, unref as x, useSlots as re, useTemplateRef as S, watch as C, withCtx as w } from "vue";
-import { DropdownMenuContent as T, DropdownMenuItem as E, DropdownMenuPortal as D, DropdownMenuRoot as O, DropdownMenuTrigger as k, PopoverAnchor as A, PopoverContent as j, PopoverPortal as M, PopoverRoot as N } from "reka-ui";
-import { geoAlbersUsa as P, geoPath as ie } from "d3-geo";
-import { zoom as F, zoomIdentity as I } from "d3-zoom";
-import { select as ae } from "d3-selection";
+import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, normalizeStyle as m, onMounted as h, onUnmounted as g, openBlock as _, ref as v, renderList as y, renderSlot as ee, toDisplayString as b, toHandlers as te, toRaw as x, unref as S, useSlots as C, useTemplateRef as w, watch as T, withCtx as E } from "vue";
+import { DropdownMenuContent as D, DropdownMenuItem as O, DropdownMenuPortal as k, DropdownMenuRoot as A, DropdownMenuTrigger as j, PopoverAnchor as M, PopoverContent as N, PopoverPortal as P, PopoverRoot as ne } from "reka-ui";
+import { geoAlbersUsa as F, geoPath as re } from "d3-geo";
+import { zoom as ie, zoomIdentity as ae } from "d3-zoom";
+import { select as oe } from "d3-selection";
 import "d3-transition";
-import { feature as L, merge as oe, mesh as R } from "topojson-client";
+import { feature as I, merge as se, mesh as ce } from "topojson-client";
 //#region src/ChartMenu/ChartMenu.vue?vue&type=script&setup=true&lang.ts
-var z = { class: "chart-menu-trigger-area" }, B = ["aria-label"], V = /* @__PURE__ */ l({
+var L = { class: "chart-menu-trigger-area" }, R = ["aria-label"], z = /* @__PURE__ */ l({
 	__name: "ChartMenu",
 	props: {
 		items: {},
@@ -17,15 +17,15 @@ var z = { class: "chart-menu-trigger-area" }, B = ["aria-label"], V = /* @__PURE
 	},
 	setup(t) {
 		let n = t, i = () => n.forceDropdown || n.items.length > 1;
-		return (n, l) => (g(), a("div", z, [i() ? (g(), r(x(O), {
+		return (n, l) => (_(), a("div", L, [i() ? (_(), r(S(A), {
 			key: 1,
 			modal: !1
 		}, {
-			default: w(() => [c(x(k), {
+			default: E(() => [c(S(j), {
 				class: "chart-menu-button",
 				"aria-label": "Chart options"
 			}, {
-				default: w(() => [...l[2] ||= [o("svg", {
+				default: E(() => [...l[2] ||= [o("svg", {
 					width: "16",
 					height: "16",
 					viewBox: "0 0 16 16",
@@ -49,18 +49,18 @@ var z = { class: "chart-menu-trigger-area" }, B = ["aria-label"], V = /* @__PURE
 					})
 				], -1)]]),
 				_: 1
-			}), c(x(D), null, {
-				default: w(() => [c(x(T), {
+			}), c(S(k), null, {
+				default: E(() => [c(S(D), {
 					class: "chart-menu-content",
 					"side-offset": 4,
 					align: "end"
 				}, {
-					default: w(() => [(g(!0), a(e, null, v(t.items, (e) => (g(), r(x(E), {
+					default: E(() => [(_(!0), a(e, null, y(t.items, (e) => (_(), r(S(O), {
 						key: e.label,
 						class: "chart-menu-item",
 						onSelect: e.action
 					}, {
-						default: w(() => [s(y(e.label), 1)]),
+						default: E(() => [s(b(e.label), 1)]),
 						_: 2
 					}, 1032, ["onSelect"]))), 128))]),
 					_: 1
@@ -68,7 +68,7 @@ var z = { class: "chart-menu-trigger-area" }, B = ["aria-label"], V = /* @__PURE
 				_: 1
 			})]),
 			_: 1
-		})) : (g(), a("button", {
+		})) : (_(), a("button", {
 			key: 0,
 			class: "chart-menu-button chart-menu-single",
 			"aria-label": t.items[0].label,
@@ -83,47 +83,47 @@ var z = { class: "chart-menu-trigger-area" }, B = ["aria-label"], V = /* @__PURE
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			"aria-hidden": "true"
-		}, [o("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, B))]));
+		}, [o("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, R))]));
 	}
-}), H = (e, t) => {
+}), B = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, se = /* @__PURE__ */ H(V, [["__scopeId", "data-v-b3c563e8"]]);
+}, le = /* @__PURE__ */ B(z, [["__scopeId", "data-v-b3c563e8"]]);
 //#endregion
 //#region src/_shared/axes.ts
-function U(e) {
+function V(e) {
 	return Math.round(e) + .5;
 }
-function W(e, t) {
+function H(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 G(e, t, n) {
+function ue(e, t, n) {
 	if (!(n > 0) || !isFinite(n)) return [];
 	let r = [], i = Math.ceil(e / n) * n;
 	for (let e = 0, a = i; a <= t + 1e-9 && e < 1e3; e++, a = i + e * n) r.push(a);
 	return r;
 }
-var ce = new Intl.NumberFormat();
-function K(e) {
-	return Math.abs(e) >= 1e3 ? ce.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
+var U = new Intl.NumberFormat();
+function W(e) {
+	return Math.abs(e) >= 1e3 ? U.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
 }
 //#endregion
 //#region src/_shared/computeTicks.ts
-function le(e) {
+function G(e) {
 	let { min: t, max: n, ticks: r } = e;
 	if (t === n) return [];
 	let i = e.displayOffset ?? 0;
 	if (Array.isArray(r)) return r.map((e) => e - i).filter((e) => e >= t && e <= n);
-	if (typeof r == "number") return G(t + i, n + i, r).map((e) => e - i);
-	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = W(n - t, a);
-	return G(t + i, n + i, o).map((e) => e - i);
+	if (typeof r == "number") return ue(t + i, n + i, r).map((e) => e - i);
+	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = H(n - t, a);
+	return ue(t + i, n + i, o).map((e) => e - i);
 }
 //#endregion
 //#region src/_shared/useChartSize.ts
-function ue(e = {}) {
-	let t = _(null), n = _(0), r = null, i = null;
+function K(e = {}) {
+	let t = v(null), n = v(0), r = null, i = null;
 	return h(() => {
 		t.value && (n.value = t.value.clientWidth, r = new ResizeObserver((t) => {
 			let r = t[0];
@@ -133,7 +133,7 @@ function ue(e = {}) {
 				n.value = r.contentRect.width;
 			}, a)) : n.value = r.contentRect.width;
 		}), r.observe(t.value));
-	}), ee(() => {
+	}), g(() => {
 		r?.disconnect(), i && clearTimeout(i);
 	}), {
 		containerRef: t,
@@ -141,24 +141,57 @@ function ue(e = {}) {
 	};
 }
 function de(e) {
-	let t = n(() => ({
-		top: (e.title() ? 30 : 10) + (e.hasInlineLegend() ? 20 : 0),
-		right: 10,
-		bottom: e.xLabel() ? 46 : 30,
-		left: e.yLabel() ? 66 : 50
-	}));
+	return e == null ? {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0
+	} : typeof e == "number" ? {
+		top: e,
+		right: e,
+		bottom: e,
+		left: e
+	} : {
+		top: e.top ?? 0,
+		right: e.right ?? 0,
+		bottom: e.bottom ?? 0,
+		left: e.left ?? 0
+	};
+}
+function q(e) {
+	let t = n(() => {
+		let t = de(e.extraPadding?.());
+		return {
+			top: (e.title() ? 26 : 10) + (e.hasInlineLegend() ? 20 : 0) + t.top,
+			right: 10 + t.right,
+			bottom: (e.xLabel() ? 38 : 30) + t.bottom,
+			left: (e.yLabel() ? 56 : 50) + t.left
+		};
+	}), r = n(() => (e.title() ? 26 : 10) + 20 / 2), i = n(() => e.width() - t.value.left - t.value.right), a = n(() => e.height() - t.value.top - t.value.bottom);
 	return {
 		padding: t,
-		innerW: n(() => e.width() - t.value.left - t.value.right),
-		innerH: n(() => e.height() - t.value.top - t.value.bottom)
+		legendY: r,
+		innerW: i,
+		innerH: a,
+		bounds: n(() => {
+			let e = t.value;
+			return {
+				left: e.left,
+				top: e.top,
+				right: e.left + i.value,
+				bottom: e.top + a.value,
+				width: i.value,
+				height: a.value
+			};
+		})
 	};
 }
 //#endregion
 //#region src/tooltip-position.ts
-var q = 16, J = 8;
-function Y(e, t, n, r, i, a) {
+var J = 16, fe = 8;
+function pe(e, t, n, r, i, a) {
 	if (i === "none") return {
-		left: e + q,
+		left: e + J,
 		top: t
 	};
 	let o = i === "chart" && a ? {
@@ -171,16 +204,16 @@ function Y(e, t, n, r, i, a) {
 		right: window.innerWidth,
 		top: 0,
 		bottom: window.innerHeight
-	}, s = e + q + n > o.right - J ? e - q - n : e + q, c = r / 2;
+	}, s = e + J + n > o.right - fe ? e - J - n : e + J, c = r / 2;
 	return {
 		left: s,
-		top: Math.min(Math.max(t, o.top + J + c), o.bottom - J - c)
+		top: Math.min(Math.max(t, o.top + fe + c), o.bottom - fe - c)
 	};
 }
 //#endregion
 //#region src/_shared/useChartTooltip.ts
-function fe(e) {
-	let t = e.touchYOffset ?? 50, n = _(null), r = _(!1), i = _(null), a = _(null), o = _(null);
+function Y(e) {
+	let t = e.touchYOffset ?? 50, n = v(null), r = v(!1), i = v(null), a = v(null), o = v(null);
 	function s(e) {
 		return "touches" in e ? e.touches[0] ?? null : e;
 	}
@@ -193,14 +226,14 @@ function fe(e) {
 			clientY: r.clientY
 		}, e.onHover?.({ index: i }));
 	}
-	C([a, n], () => {
+	T([a, n], () => {
 		if (n.value === null || !a.value) {
 			o.value = null;
 			return;
 		}
 		let s = i.value, c = e.containerRef.value;
 		if (!s || !c) return;
-		let l = c.getBoundingClientRect(), u = r.value ? t : 0, d = e.clamp?.() ?? "chart", { left: f, top: p } = Y(a.value.clientX, a.value.clientY - u, s.offsetWidth, s.offsetHeight, d, l);
+		let l = c.getBoundingClientRect(), u = r.value ? t : 0, d = e.clamp?.() ?? "chart", { left: f, top: p } = pe(a.value.clientX, a.value.clientY - u, s.offsetWidth, s.offsetHeight, d, l);
 		o.value = {
 			left: f - l.left,
 			top: p - l.top
@@ -246,17 +279,17 @@ function fe(e) {
 }
 //#endregion
 //#region src/ChartMenu/download.ts
-function pe(e, t) {
+function X(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
 }
-function X(e, t) {
+function Z(e, t) {
 	let n = e.cloneNode(!0);
 	n.setAttribute("xmlns", "http://www.w3.org/2000/svg");
 	let r = new XMLSerializer().serializeToString(n);
-	pe(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
+	X(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
 }
-function me(e, t) {
+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;
@@ -265,17 +298,17 @@ function me(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 && pe(e, `${t}.png`);
+			e && X(e, `${t}.png`);
 		}), URL.revokeObjectURL(a);
 	}, o.src = a;
 }
-function Z(e, t) {
-	pe(new Blob([e], { type: "text/csv" }), `${t}.csv`);
+function me(e, t) {
+	X(new Blob([e], { type: "text/csv" }), `${t}.csv`);
 }
 //#endregion
 //#region src/_shared/useChartMenu.ts
 function he(e) {
-	let t = _(null);
+	let t = v(null);
 	function r() {
 		let t = e.filename();
 		if (t) return t;
@@ -288,17 +321,17 @@ function he(e) {
 			let n = r(), i = [{
 				label: "Save as SVG",
 				action: () => {
-					t.value && X(t.value, n);
+					t.value && Z(t.value, n);
 				}
 			}, {
 				label: "Save as PNG",
 				action: () => {
-					t.value && me(t.value, n);
+					t.value && Q(t.value, n);
 				}
 			}];
 			return e.downloadLink() || i.push({
 				label: "Download CSV",
-				action: () => Z(e.getCsv(), n)
+				action: () => me(e.getCsv(), n)
 			}), i;
 		}),
 		downloadLinkText: n(() => {
@@ -327,81 +360,336 @@ function _e(e, t, n = "category") {
 	if (t.length === 0 || e.length === 0) return "";
 	let r = [(t.length === 1 ? [n, t[0].label || "value"] : [n, ...t.map((e, t) => e.label || `series_${t}`)]).join(",")];
 	for (let n = 0; n < e.length; n++) {
-		let i = [Q(e[n])];
+		let i = [$(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 Q(e) {
+function $(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 = {
+	class: "chart-annotations",
+	"pointer-events": "none"
+}, ye = [
+	"x1",
+	"y1",
+	"x2",
+	"y2",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], be = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray",
+	"marker-start"
+], xe = [
+	"x",
+	"y",
+	"text-anchor",
+	"font-size",
+	"font-weight",
+	"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({
+	__name: "ChartAnnotations",
+	props: {
+		annotations: { default: () => [] },
+		project: {},
+		bounds: { default: void 0 }
+	},
+	setup(t) {
+		let r = t;
+		function s(e) {
+			if (e !== void 0) return typeof e == "number" ? `${e} ${e}` : typeof e == "string" ? e : e.join(" ");
+		}
+		function c(e) {
+			let t = [], n = !1, r = !1, i = "", a = () => {
+				i && t.push({
+					text: i,
+					bold: n,
+					italic: r
+				}), i = "";
+			};
+			for (let t = 0; t < e.length; t++) {
+				let o = e[t];
+				o === "*" && e[t + 1] === "*" ? (a(), n = !n, t++) : o === "_" ? (a(), r = !r) : i += o;
+			}
+			return a(), t.length === 0 ? [{
+				text: "",
+				bold: !1,
+				italic: !1
+			}] : t;
+		}
+		let l = n(() => {
+			let e = [];
+			for (let t of r.annotations) {
+				let n = r.project(t.x, t.y);
+				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({
+					lines: t.text.split("\n").map(c),
+					textX: f,
+					textY: p,
+					textAnchor: te,
+					dy: h * Me,
+					fontSize: h,
+					fontWeight: g,
+					color: m,
+					haloColor: _,
+					haloWidth: v,
+					pointerPath: S,
+					lineColor: y,
+					lineWidth: ee,
+					lineDash: b,
+					arrow: !a && (t.arrow ?? !0),
+					rule: x
+				});
+			}
+			return e;
+		});
+		function u(e, t, n, r) {
+			switch (e) {
+				case "ruleX": return {
+					x1: t,
+					y1: r.top,
+					x2: t,
+					y2: r.bottom
+				};
+				case "ruleY": return {
+					x1: r.left,
+					y1: n,
+					x2: r.right,
+					y2: n
+				};
+				case "ruleUp": return {
+					x1: t,
+					y1: r.bottom,
+					x2: t,
+					y2: n
+				};
+				case "ruleDown": return {
+					x1: t,
+					y1: r.top,
+					x2: t,
+					y2: n
+				};
+				case "ruleFromLeft": return {
+					x1: r.left,
+					y1: n,
+					x2: t,
+					y2: n
+				};
+				case "ruleFromRight": return {
+					x1: r.right,
+					y1: n,
+					x2: t,
+					y2: n
+				};
+				default: return {
+					x1: t,
+					y1: n,
+					x2: t,
+					y2: n
+				};
+			}
+		}
+		function d(e, t, n, r, i, a) {
+			if (a === "none") return "";
+			let o = n - e, s = r - t, c = r - i * Ne;
+			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}`;
+			}
+			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}`;
+		}
+		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 }, [
+			t.rule ? (_(), a("line", {
+				key: 0,
+				x1: t.rule.x1,
+				y1: t.rule.y1,
+				x2: t.rule.x2,
+				y2: t.rule.y2,
+				stroke: t.lineColor,
+				"stroke-width": t.lineWidth,
+				"stroke-dasharray": t.lineDash,
+				"stroke-linecap": "round"
+			}, null, 8, ye)) : 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),
+			o("text", {
+				x: t.textX,
+				y: t.textY,
+				"text-anchor": t.textAnchor,
+				"font-size": t.fontSize,
+				"font-weight": t.fontWeight,
+				fill: t.color,
+				stroke: t.haloColor,
+				"stroke-width": t.haloWidth,
+				"stroke-linejoin": "round",
+				"paint-order": "stroke fill"
+			}, [(_(!0), a(e, null, y(t.lines, (n, r) => (_(), a("tspan", {
+				key: r,
+				x: t.textX,
+				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-style": e.italic ? "italic" : void 0
+			}, b(e.text), 9, Ce))), 128))], 8, Se))), 128))], 8, xe)
+		], 64))), 128))])], 64));
+	}
+}), 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({
+		title: e.title,
+		xLabel: e.xLabel,
+		yLabel: e.yLabel,
+		hasInlineLegend: e.hasInlineLegend,
+		width: () => i.value,
+		height: () => a.value,
+		extraPadding: e.chartPadding
+	}), { hoverIndex: d, tooltipRef: f, tooltipPos: p, handlers: m } = Y({
+		enabled: e.hasTooltipSlot,
+		trigger: e.tooltipTrigger,
+		clamp: () => e.tooltipClamp() ?? "chart",
+		pointerToIndex: e.pointerToIndex,
+		containerRef: t,
+		onHover: e.onHover
+	}), { svgRef: h, items: g, downloadLinkText: _, csvHref: v, resolvedFilename: y } = he({
+		filename: e.filename,
+		legacyMenuLabel: e.menu,
+		getCsv: e.getCsv,
+		downloadLink: e.downloadLink
+	});
+	return {
+		containerRef: t,
+		svgRef: h,
+		width: i,
+		height: a,
+		padding: o,
+		legendY: s,
+		innerW: c,
+		innerH: l,
+		bounds: u,
+		hoverIndex: d,
+		tooltipRef: f,
+		tooltipPos: p,
+		tooltipHandlers: m,
+		menuItems: g,
+		downloadLinkText: _,
+		csvHref: v,
+		menuFilename: y
+	};
+}
+function ze(e, t) {
+	return (n) => {
+		let r = e();
+		if (r) return r(n);
+		let i = t();
+		return i ? i(n) : W(n);
+	};
+}
+//#endregion
 //#region src/LineChart/LineChart.vue?vue&type=script&setup=true&lang.ts
-var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
+var Be = ["width", "height"], Ve = ["x"], He = { key: 1 }, Ue = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], $ = [
+], We = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], Se = ["x", "y"], Ce = [
+], Ge = ["x", "y"], Ke = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], we = [
+], qe = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Te = [
+], Je = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Ee = [
+], Ye = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], De = ["x", "y"], Oe = ["transform"], ke = [
+], Xe = ["x", "y"], Ze = ["transform"], Qe = [
 	"x",
 	"y",
 	"text-anchor"
-], Ae = ["x", "y"], je = [
+], $e = ["x", "y"], et = [
 	"d",
 	"fill",
 	"fill-opacity"
-], Me = [
+], tt = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], Ne = [
+], nt = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], Pe = [
+], rt = [
 	"d",
 	"fill",
 	"fill-opacity"
-], Fe = [
+], it = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Ie = [
+], at = [
 	"x1",
 	"y1",
 	"x2",
@@ -409,7 +697,7 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Le = [
+], ot = [
 	"x1",
 	"y1",
 	"x2",
@@ -417,44 +705,44 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Re = [
+], st = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], ze = [
+], ct = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Be = [
+], lt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Ve = [
+], ut = [
 	"cx",
 	"cy",
 	"fill"
-], He = [
+], dt = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Ue = [
+], ft = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], We = [
+], pt = [
 	"x",
 	"y",
 	"fill"
-], Ge = ["x", "y"], Ke = { class: "line-chart-tooltip" }, qe = {
+], mt = ["x", "y"], ht = { class: "line-chart-tooltip" }, gt = {
 	key: 0,
 	class: "line-chart-tooltip-label"
-}, Je = ["href", "download"], Ye = 36, Xe = 12, Ze = 7, Qe = 16, $e = /* @__PURE__ */ H(/* @__PURE__ */ l({
+}, _t = ["href", "download"], vt = 36, yt = 12, bt = 7, xt = 16, St = /* @__PURE__ */ B(/* @__PURE__ */ l({
 	__name: "LineChart",
 	props: {
 		y: {},
@@ -463,82 +751,74 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 		series: {},
 		areas: {},
 		areaSections: {},
-		width: {},
-		height: {},
 		lineOpacity: { default: 1 },
-		title: {},
-		xLabel: {},
-		yLabel: {},
 		yMin: {},
 		xMin: {},
 		xTicks: {},
 		yTicks: {},
 		xTickFormat: {},
 		yTickFormat: {},
-		tooltipValueFormat: {},
 		xLabels: {},
+		xGrid: { type: Boolean },
+		yGrid: { type: Boolean },
+		width: {},
+		height: {},
+		title: {},
+		xLabel: {},
+		yLabel: {},
 		debounce: {},
 		menu: {
 			type: [Boolean, String],
 			default: !0
 		},
-		xGrid: { type: Boolean },
-		yGrid: { type: Boolean },
 		tooltipData: {},
 		tooltipTrigger: {},
 		tooltipClamp: { default: "chart" },
+		tooltipValueFormat: {},
 		csv: {},
 		filename: {},
-		downloadLink: { type: [Boolean, String] }
+		downloadLink: { type: [Boolean, String] },
+		annotations: {},
+		chartPadding: {}
 	},
 	emits: ["hover"],
 	setup(t, { emit: c }) {
-		let l = t, f = c, { containerRef: h, measuredWidth: ee } = ue({ debounce: () => l.debounce }), _ = n(() => l.width ?? (ee.value || 400)), b = n(() => l.height ?? 200), re = n(() => O.value.some((e) => e.legend) || l.areaSections?.some((e) => e.legend === "inline" && (e.label || e.description)) || !1), { padding: S, innerW: C, innerH: w } = de({
-			title: () => l.title,
-			xLabel: () => l.xLabel,
-			yLabel: () => l.yLabel,
-			hasInlineLegend: () => re.value,
-			width: () => _.value,
-			height: () => b.value
-		}), T = [];
-		function E(e) {
+		let l = t, f = c, h = n(() => C.value.some((e) => e.legend) || l.areaSections?.some((e) => e.legend === "inline" && (e.label || e.description)) || !1), g = [];
+		function v(e) {
 			return {
 				...e,
-				data: e.y ?? e.data ?? T
+				data: e.y ?? e.data ?? g
 			};
 		}
-		function D(e) {
-			return l.tooltipValueFormat ? l.tooltipValueFormat(e) : l.yTickFormat ? l.yTickFormat(e) : K(e);
-		}
-		let O = n(() => {
-			if (l.series && l.series.length > 0) return l.series.map(E);
+		let x = ze(() => 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 ? [{
 				data: e,
 				x: l.x
 			}] : [];
-		}), k = n(() => l.areas ?? []), A = n(() => {
+		}), w = n(() => l.areas ?? []), T = n(() => {
 			let e = 0;
-			for (let t of O.value) t.data.length > e && (e = t.data.length);
-			for (let t of k.value) t.upper.length > e && (e = t.upper.length), t.lower.length > e && (e = t.lower.length);
+			for (let t of C.value) t.data.length > e && (e = t.data.length);
+			for (let t of w.value) t.upper.length > e && (e = t.upper.length), t.lower.length > e && (e = t.lower.length);
 			return e;
-		}), j = n(() => O.value.some((e) => e.x != null) || k.value.some((e) => e.x != null));
-		function M(e, t) {
+		}), E = n(() => C.value.some((e) => e.x != null) || w.value.some((e) => e.x != null));
+		function D(e, t) {
 			return e.x ? Number(e.x[t]) : t;
 		}
-		function N(e, t) {
+		function O(e, t) {
 			return e.x ? Number(e.x[t]) : t;
 		}
-		let P = n(() => j.value ? 0 : l.xMin ?? 0), ie = n(() => {
+		let k = n(() => E.value ? 0 : l.xMin ?? 0), A = n(() => {
 			let e = Infinity, t = -Infinity;
-			for (let n of O.value) for (let r = 0; r < n.data.length; r++) {
-				let i = M(n, r);
+			for (let n of C.value) for (let r = 0; r < n.data.length; r++) {
+				let i = D(n, r);
 				isFinite(i) && (i < e && (e = i), i > t && (t = i));
 			}
-			for (let n of k.value) {
+			for (let n of w.value) {
 				let r = Math.max(n.upper.length, n.lower.length);
 				for (let i = 0; i < r; i++) {
-					let r = N(n, i);
+					let r = O(n, i);
 					isFinite(r) && (r < e && (e = r), r > t && (t = r));
 				}
 			}
@@ -550,14 +830,14 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				max: 0
 			};
 		});
-		function F(e) {
-			let { min: t, max: n } = ie.value, r = n - t || 1;
-			return S.value.left + (e - t) / r * C.value;
+		function j(e) {
+			let { min: t, max: n } = A.value, r = n - t || 1;
+			return Y.value.left + (e - t) / r * Z.value;
 		}
-		let I = n(() => {
+		let M = n(() => {
 			let e = Infinity, t = -Infinity;
-			for (let n of O.value) for (let r of n.data) isFinite(r) && (r < e && (e = r), r > t && (t = r));
-			for (let n of k.value) {
+			for (let n of C.value) for (let r of n.data) isFinite(r) && (r < e && (e = r), r > t && (t = r));
+			for (let n of w.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));
 			}
@@ -571,75 +851,75 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				range: 1
 			};
 		});
-		function ae(e) {
+		function N(e) {
 			let t = e.data;
 			if (t.length === 0) return "";
-			let { min: n, range: r } = I.value, i = w.value / r, a = S.value.top + w.value, o = "", s = !1;
+			let { min: n, range: r } = M.value, i = Q.value / r, a = Y.value.top + Q.value, o = "", s = !1;
 			for (let r = 0; r < t.length; r++) {
-				let c = M(e, r);
+				let c = D(e, r);
 				if (!isFinite(t[r]) || !isFinite(c)) {
 					s = !1;
 					continue;
 				}
-				let l = F(c), u = a - (t[r] - n) * i;
+				let l = j(c), u = a - (t[r] - n) * i;
 				o += s ? `L${l},${u}` : `M${l},${u}`, s = !0;
 			}
 			return o;
 		}
-		function L(e) {
-			let t = e.data, { min: n, range: r } = I.value, i = w.value / r, a = S.value.top + w.value, o = [];
+		function P(e) {
+			let t = e.data, { min: n, range: r } = M.value, i = Q.value / r, a = Y.value.top + Q.value, o = [];
 			for (let r = 0; r < t.length; r++) {
-				let s = M(e, r);
+				let s = D(e, r);
 				!isFinite(t[r]) || !isFinite(s) || o.push({
-					x: F(s),
+					x: j(s),
 					y: a - (t[r] - n) * i
 				});
 			}
 			return o;
 		}
-		function oe(e) {
+		function ne(e) {
 			let t = Math.min(e.upper.length, e.lower.length);
 			if (t === 0) return "";
-			let { min: n, range: r } = I.value, i = w.value / r, a = S.value.top + w.value, o = (e) => a - (e - n) * i, s = [], c = [];
-			for (let n = 0; n < t; n++) isFinite(e.upper[n]) && isFinite(e.lower[n]) && isFinite(N(e, n)) ? c.push(n) : c.length && (s.push(c), c = []);
+			let { min: n, range: r } = M.value, i = Q.value / r, a = Y.value.top + Q.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(O(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 += `M${j(O(e, t[0]))},${o(e.upper[t[0]])}`;
+				for (let n = 1; n < t.length; n++) l += `L${j(O(e, t[n]))},${o(e.upper[t[n]])}`;
+				for (let n = t.length - 1; n >= 0; n--) l += `L${j(O(e, t[n]))},${o(e.lower[t[n]])}`;
 				l += "Z";
 			}
 			return l;
 		}
-		function R(e, t) {
-			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && O.value[e.seriesIndex] || O.value[0];
-			return F(r ? M(r, n) : n);
+		function F(e, t) {
+			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && C.value[e.seriesIndex] || C.value[0];
+			return j(r ? D(r, n) : n);
 		}
-		function z(e, t = !0) {
-			let n = S.value.top + w.value;
+		function re(e, t = !0) {
+			let n = Y.value.top + Q.value;
 			if (e.seriesIndex == null) {
-				let t = R(e, "start"), r = R(e, "end");
-				return t > r ? "" : `M${t},${S.value.top}L${r},${S.value.top}L${r},${n}L${t},${n}Z`;
+				let t = F(e, "start"), r = F(e, "end");
+				return t > r ? "" : `M${t},${Y.value.top}L${r},${Y.value.top}L${r},${n}L${t},${n}Z`;
 			}
-			let r = O.value[e.seriesIndex];
+			let r = C.value[e.seriesIndex];
 			if (!r) return "";
-			let { min: i, range: a } = I.value, o = w.value / a, s = (e) => n - (e - i) * o, c = Math.max(0, e.startIndex), l = Math.min(r.data.length - 1, e.endIndex);
+			let { min: i, range: a } = M.value, o = Q.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 u = `M${j(D(r, c))},${s(r.data[c])}`;
+			for (let e = c + 1; e <= l; e++) isFinite(r.data[e]) && (u += `L${j(D(r, e))},${s(r.data[e])}`);
+			return t && (u += `L${j(D(r, l))},${n}`, u += `L${j(D(r, c))},${n}`, u += "Z"), u;
 		}
-		let B = n(() => {
+		let ie = n(() => {
 			let e = l.areaSections;
 			if (!e?.length) return {
 				labels: [],
 				extraHeight: 0
 			};
-			let t = [], n = S.value.left + C.value;
+			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) * Ze, o = R(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : O.value[r.seriesIndex]?.color ?? "currentColor");
+				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");
 				t.push({
 					cx: c,
 					labelText: e,
@@ -654,7 +934,7 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 			let r = [];
 			for (let e of t) {
 				let t = e.cx - e.textWidth / 2, n = 0;
-				for (; n < r.length && !(t >= r[n] + Qe);) n++;
+				for (; n < r.length && !(t >= r[n] + xt);) n++;
 				e.row = n;
 				let i = e.cx + e.textWidth / 2;
 				r[n] = Math.max(r[n] ?? -Infinity, i);
@@ -664,11 +944,11 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				extraHeight: 0
 			} : {
 				labels: t,
-				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * Ye + Xe
+				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * vt + yt
 			};
-		}), V = n(() => {
+		}), ae = n(() => {
 			let e = [];
-			for (let t of O.value) t.legend && e.push({
+			for (let t of C.value) t.legend && e.push({
 				label: t.legend,
 				color: t.color ?? "currentColor",
 				type: "series",
@@ -677,7 +957,7 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 			let t = l.areaSections;
 			if (t) for (let n of t) {
 				if (n.legend !== "inline" || !n.label && !n.description) continue;
-				let t = [n.label, n.description].filter(Boolean).join(" "), r = n.color ?? (n.seriesIndex == null ? "#999" : O.value[n.seriesIndex]?.color ?? "currentColor");
+				let t = [n.label, n.description].filter(Boolean).join(" "), r = n.color ?? (n.seriesIndex == null ? "#999" : C.value[n.seriesIndex]?.color ?? "currentColor");
 				e.push({
 					label: t,
 					color: r,
@@ -686,41 +966,41 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				});
 			}
 			return e;
-		}), H = n(() => b.value + B.value.extraHeight), W = n(() => S.value.top + w.value + S.value.bottom + Xe), G = n(() => {
-			let { min: e, max: t } = I.value, n = (t) => U(S.value.top + w.value - (t - e) / I.value.range * w.value), r = (e) => l.yTickFormat ? l.yTickFormat(e) : K(e);
+		}), oe = n(() => pe.value + ie.value.extraHeight), I = n(() => Y.value.top + Q.value + Y.value.bottom + yt), 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),
-				y: U(S.value.top + w.value / 2)
-			}] : le({
+				y: V(Y.value.top + Q.value / 2)
+			}] : G({
 				min: e,
 				max: t,
 				ticks: l.yTicks,
-				targetTickCount: w.value / 50
+				targetTickCount: Q.value / 50
 			}).map((e) => ({
 				value: r(e),
 				y: n(e)
 			}));
 		}), ce = n(() => {
-			let { min: e, max: t } = ie.value;
+			let { min: e, max: t } = A.value;
 			if (e === t) return [];
-			let n = P.value, r = A.value, i = (e, t) => {
+			let n = k.value, r = T.value, i = (e, t) => {
 				let r = e + n;
-				return l.xTickFormat ? l.xTickFormat(r, t) : !j.value && l.xLabels && Number.isInteger(e) && e >= 0 && e < l.xLabels.length ? l.xLabels[e] : K(r);
+				return l.xTickFormat ? l.xTickFormat(r, t) : !E.value && l.xLabels && Number.isInteger(e) && e >= 0 && e < l.xLabels.length ? l.xLabels[e] : W(r);
 			}, a;
-			if (l.xTicks == null && !j.value && l.xLabels && l.xLabels.length === r) {
-				let e = Math.max(3, Math.floor(C.value / 80)), t = Math.max(1, Math.round((r - 1) / e));
+			if (l.xTicks == null && !E.value && l.xLabels && l.xLabels.length === r) {
+				let e = Math.max(3, Math.floor(Z.value / 80)), t = Math.max(1, Math.round((r - 1) / e));
 				a = [];
 				for (let e = 0; e < r; e += t) a.push(e);
-			} else a = le({
+			} else a = G({
 				min: e,
 				max: t,
 				ticks: l.xTicks,
-				targetTickCount: C.value / 80,
+				targetTickCount: Z.value / 80,
 				displayOffset: n
 			});
-			let o = S.value.left, s = S.value.left + C.value;
+			let o = Y.value.left, s = Y.value.left + Z.value;
 			return a.map((e, t) => {
-				let n = U(F(e)), r = "middle";
+				let n = V(j(e)), r = "middle";
 				return n - o <= 1 ? r = "start" : s - n <= 1 && (r = "end"), {
 					value: i(e, t),
 					x: n,
@@ -728,49 +1008,49 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				};
 			});
 		});
-		function q() {
-			return typeof l.csv == "function" ? l.csv() : typeof l.csv == "string" ? l.csv : ge(O.value);
+		function L() {
+			return typeof l.csv == "function" ? l.csv() : typeof l.csv == "string" ? l.csv : ge(C.value);
 		}
-		let J = n(() => !!l.tooltipData || !!l.tooltipTrigger), Y = n(() => {
-			let e = Q.value, t = O.value[0];
-			return e === null || !t ? null : M(t, e);
-		}), pe = n(() => Y.value === null ? 0 : F(Y.value));
-		function X(e, t) {
+		let R = n(() => !!l.tooltipData || !!l.tooltipTrigger), z = n(() => {
+			let e = he.value, t = C.value[0];
+			return e === null || !t ? null : D(t, e);
+		}), B = n(() => z.value === null ? 0 : j(z.value));
+		function H(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);
+				let n = D(e, a);
 				if (!isFinite(n)) continue;
 				let o = Math.abs(n - t);
 				o < i && (i = o, r = a);
 			}
 			return i === Infinity ? null : r;
 		}
-		let me = n(() => {
-			let e = Y.value;
+		let ue = n(() => {
+			let e = z.value;
 			if (e === null) return [];
-			let { min: t, range: n } = I.value, r = w.value / n, i = S.value.top + w.value, a = [];
-			for (let n of O.value) {
-				let o = X(n, e);
+			let { min: t, range: n } = M.value, r = Q.value / n, i = Y.value.top + Q.value, a = [];
+			for (let n of C.value) {
+				let o = H(n, e);
 				if (o === null) continue;
 				let s = n.data[o];
 				isFinite(s) && a.push({
-					x: F(M(n, o)),
+					x: j(D(n, o)),
 					y: i - (s - t) * r,
 					color: n.color ?? "currentColor"
 				});
 			}
 			return a;
-		}), Z = n(() => {
-			let e = Q.value, t = Y.value;
+		}), U = n(() => {
+			let e = he.value, t = z.value;
 			if (e === null || t === null) return null;
-			let n = t + P.value, r;
-			return r = l.xTickFormat ? l.xTickFormat(n, e) : j.value ? K(n) : l.xLabels?.[e], {
+			let n = t + k.value, r;
+			return r = l.xTickFormat ? l.xTickFormat(n, e) : E.value ? W(n) : l.xLabels?.[e], {
 				index: e,
 				xLabel: r,
-				values: O.value.map((e, n) => {
-					let r = X(e, t);
+				values: C.value.map((e, n) => {
+					let r = H(e, t);
 					return {
 						value: r === null ? NaN : Number(e.data[r]),
 						color: e.color ?? "currentColor",
@@ -780,163 +1060,177 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				data: l.tooltipData?.[e] ?? null
 			};
 		});
-		function _e(e) {
-			let t = h.value?.getBoundingClientRect();
+		function K(e, t) {
+			if (!isFinite(e) || !isFinite(t)) return null;
+			let n = e - k.value, { min: r, range: i } = M.value, a = Y.value.top + Q.value - (t - r) * (Q.value / i);
+			return {
+				x: j(n),
+				y: a
+			};
+		}
+		function de(e) {
+			let t = q.value?.getBoundingClientRect();
 			if (!t) return null;
-			let n = O.value[0];
+			let n = C.value[0];
 			if (!n || n.data.length === 0) return null;
-			let { min: r, max: i } = ie.value, a = i - r || 1;
-			return X(n, r + (e - t.left - S.value.left) / C.value * a);
+			let { min: r, max: i } = A.value, a = i - r || 1;
+			return H(n, r + (e - t.left - Y.value.left) / Z.value * a);
 		}
-		let { hoverIndex: Q, tooltipRef: $e, tooltipPos: et, handlers: tt } = fe({
-			enabled: () => J.value,
-			trigger: () => l.tooltipTrigger,
-			clamp: () => l.tooltipClamp,
-			pointerToIndex: _e,
-			containerRef: h,
-			onHover: (e) => f("hover", e)
-		}), { svgRef: nt, items: rt, downloadLinkText: it, csvHref: at, resolvedFilename: ot } = he({
+		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({
+			width: () => l.width,
+			height: () => l.height,
+			title: () => l.title,
+			xLabel: () => l.xLabel,
+			yLabel: () => l.yLabel,
+			debounce: () => l.debounce,
+			menu: () => l.menu,
+			tooltipTrigger: () => l.tooltipTrigger,
+			tooltipClamp: () => l.tooltipClamp,
 			filename: () => l.filename,
-			legacyMenuLabel: () => l.menu,
-			getCsv: q,
-			downloadLink: () => l.downloadLink
+			downloadLink: () => l.downloadLink,
+			chartPadding: () => l.chartPadding,
+			hasInlineLegend: () => h.value,
+			hasTooltipSlot: () => R.value,
+			getCsv: L,
+			pointerToIndex: de,
+			onHover: (e) => f("hover", e)
 		});
-		return (n, c) => (g(), a("div", {
+		return (n, c) => (_(), a("div", {
 			ref_key: "containerRef",
-			ref: h,
+			ref: q,
 			class: "line-chart-wrapper"
 		}, [
-			t.menu ? (g(), r(se, {
+			t.menu ? (_(), r(le, {
 				key: 0,
-				items: x(rt)
+				items: S(ye)
 			}, null, 8, ["items"])) : i("", !0),
-			(g(), a("svg", {
+			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: nt,
-				width: _.value,
-				height: H.value
+				ref: J,
+				width: S(fe),
+				height: oe.value
 			}, [
-				t.title ? (g(), a("text", {
+				t.title ? (_(), a("text", {
 					key: 0,
-					x: _.value / 2,
+					x: S(fe) / 2,
 					y: 18,
 					"text-anchor": "middle",
 					"font-size": "14",
 					"font-weight": "600",
 					fill: "currentColor"
-				}, y(t.title), 9, ye)) : i("", !0),
-				V.value.length > 0 ? (g(), a("g", be, [(g(!0), a(e, null, v(V.value, (t, n) => (g(), a(e, { key: "ileg" + n }, [t.type === "series" ? (g(), a("line", {
+				}, 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", {
 					key: 0,
-					x1: x(S).left + n * 120,
-					y1: x(S).top - x(20) / 2,
-					x2: x(S).left + n * 120 + 12,
-					y2: x(S).top - x(20) / 2,
+					x1: S(Y).left + n * 120,
+					y1: S(X),
+					x2: S(Y).left + n * 120 + 12,
+					y2: S(X),
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, xe)) : (g(), a("circle", {
+				}, null, 8, Ue)) : (_(), a("circle", {
 					key: 1,
-					cx: x(S).left + n * 120 + 4,
-					cy: x(S).top - x(20) / 2,
+					cx: S(Y).left + n * 120 + 4,
+					cy: S(X),
 					r: "4",
 					fill: t.color,
 					"fill-opacity": t.fillOpacity,
 					stroke: t.color,
 					"stroke-width": "1.5"
-				}, null, 8, $)), o("text", {
-					x: x(S).left + n * 120 + 18,
-					y: x(S).top - x(20) / 2 + 4,
+				}, null, 8, We)), o("text", {
+					x: S(Y).left + n * 120 + 18,
+					y: S(X) + 4,
 					"font-size": "11",
 					fill: "currentColor"
-				}, y(t.label), 9, Se)], 64))), 128))])) : i("", !0),
+				}, b(t.label), 9, Ge)], 64))), 128))])) : i("", !0),
 				o("line", {
-					x1: x(U)(x(S).left),
-					y1: x(U)(x(S).top),
-					x2: x(U)(x(S).left),
-					y2: x(U)(x(S).top + x(w)),
+					x1: S(V)(S(Y).left),
+					y1: S(V)(S(Y).top),
+					x2: S(V)(S(Y).left),
+					y2: S(V)(S(Y).top + S(Q)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Ce),
+				}, null, 8, Ke),
 				o("line", {
-					x1: x(U)(x(S).left),
-					y1: x(U)(x(S).top + x(w)),
-					x2: x(U)(x(S).left + x(C)),
-					y2: x(U)(x(S).top + x(w)),
+					x1: S(V)(S(Y).left),
+					y1: S(V)(S(Y).top + S(Q)),
+					x2: S(V)(S(Y).left + S(Z)),
+					y2: S(V)(S(Y).top + S(Q)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, we),
-				t.yGrid ? (g(!0), a(e, { key: 2 }, v(G.value, (e, t) => (g(), a("line", {
+				}, null, 8, qe),
+				t.yGrid ? (_(!0), a(e, { key: 2 }, y(se.value, (e, t) => (_(), a("line", {
 					key: "yg" + t,
-					x1: x(S).left,
+					x1: S(Y).left,
 					y1: e.y,
-					x2: x(S).left + x(C),
+					x2: S(Y).left + S(Z),
 					y2: e.y,
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Te))), 128)) : i("", !0),
-				t.xGrid ? (g(!0), a(e, { key: 3 }, v(ce.value, (e, t) => (g(), a("line", {
+				}, null, 8, Je))), 128)) : i("", !0),
+				t.xGrid ? (_(!0), a(e, { key: 3 }, y(ce.value, (e, t) => (_(), a("line", {
 					key: "xg" + t,
 					x1: e.x,
-					y1: x(S).top,
+					y1: S(Y).top,
 					x2: e.x,
-					y2: x(S).top + x(w),
+					y2: S(Y).top + S(Q),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Ee))), 128)) : i("", !0),
-				(g(!0), a(e, null, v(G.value, (e, t) => (g(), a("text", {
+				}, null, 8, Ye))), 128)) : i("", !0),
+				(_(!0), a(e, null, y(se.value, (e, t) => (_(), a("text", {
 					key: "y" + t,
 					"data-testid": "y-tick",
-					x: x(S).left - 6,
+					x: S(Y).left - 6,
 					y: e.y,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.value), 9, De))), 128)),
-				t.yLabel ? (g(), a("text", {
+				}, b(e.value), 9, Xe))), 128)),
+				t.yLabel ? (_(), a("text", {
 					key: 4,
 					x: 0,
 					y: 0,
-					transform: `translate(14, ${x(S).top + x(w) / 2}) rotate(-90)`,
+					transform: `translate(14, ${S(Y).top + S(Q) / 2}) rotate(-90)`,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, y(t.yLabel), 9, Oe)) : i("", !0),
-				(g(!0), a(e, null, v(ce.value, (e, t) => (g(), a("text", {
+				}, b(t.yLabel), 9, Ze)) : i("", !0),
+				(_(!0), a(e, null, y(ce.value, (e, t) => (_(), a("text", {
 					key: "x" + t,
 					"data-testid": "x-tick",
 					x: e.x,
-					y: x(S).top + x(w) + 16,
+					y: S(Y).top + S(Q) + 16,
 					"text-anchor": e.anchor,
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.value), 9, ke))), 128)),
-				t.xLabel ? (g(), a("text", {
+				}, b(e.value), 9, Qe))), 128)),
+				t.xLabel ? (_(), a("text", {
 					key: 5,
-					x: x(S).left + x(C) / 2,
-					y: b.value - 4,
+					x: S(Y).left + S(Z) / 2,
+					y: S(pe) - 4,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, y(t.xLabel), 9, Ae)) : i("", !0),
-				(g(!0), a(e, null, v(k.value, (e, t) => (g(), a("path", {
+				}, b(t.xLabel), 9, $e)) : i("", !0),
+				(_(!0), a(e, null, y(w.value, (e, t) => (_(), a("path", {
 					key: "area" + t,
-					d: oe(e),
+					d: ne(e),
 					fill: e.color ?? "currentColor",
 					"fill-opacity": e.opacity ?? .2,
 					stroke: "none"
-				}, null, 8, je))), 128)),
-				(g(!0), a(e, null, v(O.value, (n, r) => (g(), a(e, { key: r }, [n.line === !1 ? i("", !0) : (g(), a("path", {
+				}, null, 8, et))), 128)),
+				(_(!0), a(e, null, y(C.value, (n, r) => (_(), a(e, { key: r }, [n.line === !1 ? i("", !0) : (_(), a("path", {
 					key: 0,
-					d: ae(n),
+					d: N(n),
 					fill: "none",
 					stroke: n.color ?? "currentColor",
 					"stroke-width": n.strokeWidth ?? 1.5,
 					"stroke-opacity": n.lineOpacity ?? n.opacity ?? t.lineOpacity,
 					"stroke-dasharray": n.dashed ? "6 3" : void 0
-				}, null, 8, Me)), n.dots ? (g(!0), a(e, { key: 1 }, v(L(n), (e, r) => (g(), a("circle", {
+				}, null, 8, tt)), n.dots ? (_(!0), a(e, { key: 1 }, y(P(n), (e, r) => (_(), a("circle", {
 					key: r,
 					cx: e.x,
 					cy: e.y,
@@ -944,68 +1238,68 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 					fill: n.dotFill ?? n.color ?? "currentColor",
 					"fill-opacity": n.dotOpacity ?? n.opacity ?? t.lineOpacity,
 					stroke: n.dotStroke ?? "none"
-				}, null, 8, Ne))), 128)) : i("", !0)], 64))), 128)),
-				(g(!0), a(e, null, v(t.areaSections ?? [], (t, n) => (g(), a(e, { key: "areasec" + n }, [
+				}, null, 8, nt))), 128)) : i("", !0)], 64))), 128)),
+				(_(!0), a(e, null, y(t.areaSections ?? [], (t, n) => (_(), a(e, { key: "areasec" + n }, [
 					o("path", {
-						d: z(t),
-						fill: t.color ?? (t.seriesIndex == null ? "#999" : O.value[t.seriesIndex]?.color ?? "currentColor"),
+						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, Pe),
-					t.seriesIndex == null ? i("", !0) : (g(), a("path", {
+					}, null, 8, rt),
+					t.seriesIndex == null ? i("", !0) : (_(), a("path", {
 						key: 0,
-						d: z(t, !1),
+						d: re(t, !1),
 						fill: "none",
-						stroke: t.color ?? O.value[t.seriesIndex]?.color ?? "currentColor",
+						stroke: t.color ?? C.value[t.seriesIndex]?.color ?? "currentColor",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, Fe)),
-					t.seriesIndex == null ? (g(), a(e, { key: 1 }, [o("line", {
-						x1: x(U)(R(t, "start")),
-						y1: x(S).top,
-						x2: x(U)(R(t, "start")),
-						y2: x(S).top + x(w),
+					}, null, 8, it)),
+					t.seriesIndex == null ? (_(), a(e, { key: 1 }, [o("line", {
+						x1: S(V)(F(t, "start")),
+						y1: S(Y).top,
+						x2: S(V)(F(t, "start")),
+						y2: S(Y).top + S(Q),
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, Ie), o("line", {
-						x1: x(U)(R(t, "end")),
-						y1: x(S).top,
-						x2: x(U)(R(t, "end")),
-						y2: x(S).top + x(w),
+					}, null, 8, at), o("line", {
+						x1: S(V)(F(t, "end")),
+						y1: S(Y).top,
+						x2: S(V)(F(t, "end")),
+						y2: S(Y).top + S(Q),
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, Le)], 64)) : i("", !0),
+					}, null, 8, ot)], 64)) : i("", !0),
 					o("line", {
-						x1: x(U)(R(t, "start")),
-						y1: x(S).top + x(w) - 4,
-						x2: x(U)(R(t, "start")),
-						y2: x(S).top + x(w) + 4,
+						x1: S(V)(F(t, "start")),
+						y1: S(Y).top + S(Q) - 4,
+						x2: S(V)(F(t, "start")),
+						y2: S(Y).top + S(Q) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, Re),
+					}, null, 8, st),
 					o("line", {
-						x1: x(U)(R(t, "end")),
-						y1: x(S).top + x(w) - 4,
-						x2: x(U)(R(t, "end")),
-						y2: x(S).top + x(w) + 4,
+						x1: S(V)(F(t, "end")),
+						y1: S(Y).top + S(Q) - 4,
+						x2: S(V)(F(t, "end")),
+						y2: S(Y).top + S(Q) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, ze)
+					}, null, 8, ct)
 				], 64))), 128)),
-				J.value && x(Q) !== null ? (g(), a("line", {
+				R.value && S(he) !== null ? (_(), a("line", {
 					key: 6,
-					x1: x(U)(pe.value),
-					y1: x(S).top,
-					x2: x(U)(pe.value),
-					y2: x(S).top + x(w),
+					x1: S(V)(B.value),
+					y1: S(Y).top,
+					x2: S(V)(B.value),
+					y2: S(Y).top + S(Q),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3",
 					"stroke-dasharray": "4 2",
 					"pointer-events": "none"
-				}, null, 8, Be)) : i("", !0),
-				(g(!0), a(e, null, v(me.value, (e, t) => (g(), a("circle", {
+				}, null, 8, lt)) : i("", !0),
+				(_(!0), a(e, null, y(ue.value, (e, t) => (_(), a("circle", {
 					key: "hd" + t,
 					cx: e.x,
 					cy: e.y,
@@ -1014,104 +1308,110 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 					stroke: "var(--color-bg-0, #fff)",
 					"stroke-width": "2",
 					"pointer-events": "none"
-				}, null, 8, Ve))), 128)),
-				J.value ? (g(), a("rect", d({
+				}, null, 8, ut))), 128)),
+				R.value ? (_(), a("rect", d({
 					key: 7,
-					x: x(S).left,
-					y: x(S).top,
-					width: x(C),
-					height: x(w),
+					x: S(Y).left,
+					y: S(Y).top,
+					width: S(Z),
+					height: S(Q),
 					fill: "transparent",
 					style: {
 						cursor: "crosshair",
 						"touch-action": "none"
 					}
-				}, ne(x(tt), !0)), null, 16, He)) : i("", !0),
-				(g(!0), a(e, null, v(B.value.labels, (e, t) => (g(), a("g", { key: "seclab" + t }, [
+				}, te(S(ve), !0)), null, 16, dt)) : i("", !0),
+				t.annotations && t.annotations.length > 0 ? (_(), r(S(Fe), {
+					key: 8,
+					annotations: t.annotations,
+					project: K,
+					bounds: S(me)
+				}, null, 8, ["annotations", "bounds"])) : i("", !0),
+				(_(!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: W.value + e.row * Ye + 4,
+						cy: I.value + e.row * vt + 4,
 						r: "4",
 						fill: e.color,
 						"fill-opacity": e.fillOpacity,
 						stroke: e.color,
 						"stroke-width": "1.5"
-					}, null, 8, Ue),
-					e.labelText ? (g(), a("text", {
+					}, null, 8, ft),
+					e.labelText ? (_(), a("text", {
 						key: 0,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: W.value + e.row * Ye + 8,
+						y: I.value + e.row * vt + 8,
 						"font-size": "11",
 						"font-weight": "600",
 						fill: e.color
-					}, y(e.labelText), 9, We)) : i("", !0),
-					e.descText ? (g(), a("text", {
+					}, b(e.labelText), 9, pt)) : i("", !0),
+					e.descText ? (_(), a("text", {
 						key: 1,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: W.value + e.row * Ye + 22,
+						y: I.value + e.row * vt + 22,
 						"font-size": "11",
 						fill: "currentColor",
 						"fill-opacity": "0.6"
-					}, y(e.descText), 9, Ge)) : i("", !0)
+					}, b(e.descText), 9, mt)) : i("", !0)
 				]))), 128))
-			], 8, ve)),
-			J.value && x(Q) !== null && Z.value ? (g(), a("div", {
+			], 8, Be)),
+			R.value && S(he) !== null && U.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: $e,
+				ref: _e,
 				class: "chart-tooltip-content",
 				style: m({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: x(et) ? `translate3d(${x(et).left}px, ${x(et).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: x(et) ? "visible" : "hidden"
+					transform: S($) ? `translate3d(${S($).left}px, ${S($).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: S($) ? "visible" : "hidden"
 				})
-			}, [te(n.$slots, "tooltip", p(u(Z.value)), () => [o("div", Ke, [Z.value.xLabel ? (g(), a("div", qe, y(Z.value.xLabel), 1)) : i("", !0), (g(!0), a(e, null, v(Z.value.values, (e) => (g(), a("div", {
+			}, [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", {
 				key: e.seriesIndex,
 				class: "line-chart-tooltip-row"
 			}, [o("span", {
 				class: "line-chart-tooltip-swatch",
 				style: m({ background: e.color })
-			}, null, 4), s(" " + y(isFinite(e.value) ? D(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
-			x(it) ? (g(), a("a", {
+			}, null, 4), s(" " + b(isFinite(e.value) ? S(x)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
+			S(be) ? (_(), a("a", {
 				key: 2,
 				class: "line-chart-download-link",
-				href: x(at),
-				download: `${x(ot)()}.csv`
-			}, y(x(it)), 9, Je)) : i("", !0)
+				href: S(xe),
+				download: `${S(Se)()}.csv`
+			}, b(S(be)), 9, _t)) : i("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-083d1c2f"]]), et = ["width", "height"], tt = ["x"], nt = { key: 1 }, rt = [
+}), [["__scopeId", "data-v-ebe2731e"]]), Ct = ["width", "height"], wt = ["x"], Tt = { key: 1 }, Et = [
 	"x",
 	"y",
 	"fill"
-], it = ["x", "y"], at = [
+], Dt = ["x", "y"], Ot = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], ot = [
+], kt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], st = [
+], At = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], ct = [
+], jt = [
 	"x",
 	"y",
 	"width",
 	"height"
-], lt = ["x", "y"], ut = ["x", "y"], dt = ["transform"], ft = [
+], Mt = ["x", "y"], Nt = ["x", "y"], Pt = ["transform"], Ft = [
 	"x",
 	"y",
 	"text-anchor"
-], pt = ["x", "y"], mt = ["x", "y"], ht = [
+], It = ["x", "y"], Lt = ["x", "y"], Rt = [
 	"data-category",
 	"data-series",
 	"x",
@@ -1120,15 +1420,15 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 	"height",
 	"fill",
 	"fill-opacity"
-], gt = [
+], zt = [
 	"x",
 	"y",
 	"width",
 	"height"
-], _t = { class: "bar-chart-tooltip" }, vt = {
+], Bt = { class: "bar-chart-tooltip" }, Vt = {
 	key: 0,
 	class: "bar-chart-tooltip-label"
-}, yt = ["href", "download"], bt = /* @__PURE__ */ H(/* @__PURE__ */ l({
+}, Ht = ["href", "download"], Ut = /* @__PURE__ */ B(/* @__PURE__ */ l({
 	__name: "BarChart",
 	props: {
 		data: {},
@@ -1137,78 +1437,73 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 		categories: {},
 		orientation: { default: "vertical" },
 		layout: { default: "grouped" },
-		width: {},
-		height: {},
-		title: {},
-		xLabel: {},
-		yLabel: {},
 		valueMin: { default: 0 },
 		valueTicks: {},
 		valueTickFormat: {},
-		tooltipValueFormat: {},
 		categoryFormat: {},
 		barPadding: { default: .2 },
 		groupGap: { default: 1 },
+		valueGrid: {
+			type: Boolean,
+			default: !0
+		},
+		width: {},
+		height: {},
+		title: {},
+		xLabel: {},
+		yLabel: {},
 		debounce: {},
 		menu: {
 			type: [Boolean, String],
 			default: !0
 		},
-		valueGrid: {
-			type: Boolean,
-			default: !0
-		},
 		tooltipData: {},
 		tooltipTrigger: {},
 		tooltipClamp: { default: "chart" },
+		tooltipValueFormat: {},
 		csv: {},
 		filename: {},
-		downloadLink: { type: [Boolean, String] }
+		downloadLink: { type: [Boolean, String] },
+		annotations: {},
+		chartPadding: {}
 	},
 	emits: ["hover"],
 	setup(t, { emit: c }) {
-		let l = t, f = c, { containerRef: h, measuredWidth: ee } = ue({ debounce: () => l.debounce }), _ = n(() => l.width ?? (ee.value || 400)), b = n(() => l.height ?? 200), re = n(() => D.value.some((e) => e.legend)), { padding: S, innerW: C, innerH: w } = de({
-			title: () => l.title,
-			xLabel: () => l.xLabel,
-			yLabel: () => l.yLabel,
-			hasInlineLegend: () => re.value,
-			width: () => _.value,
-			height: () => b.value
-		}), T = [];
-		function E(e) {
+		let l = t, f = c, h = n(() => x.value.some((e) => e.legend)), g = [];
+		function v(e) {
 			return {
-				data: e.y ?? e.data ?? T,
+				data: e.y ?? e.data ?? g,
 				color: e.color,
 				opacity: e.opacity,
 				legend: e.legend
 			};
 		}
-		let D = n(() => {
-			if (l.series && l.series.length > 0) return l.series.map(E);
+		let x = n(() => {
+			if (l.series && l.series.length > 0) return l.series.map(v);
 			let e = l.y ?? l.data;
 			return e ? [{ data: e }] : [];
-		}), O = n(() => {
+		}), C = n(() => {
 			let e = l.categories?.length ?? 0;
-			for (let t of D.value) t.data.length > e && (e = t.data.length);
+			for (let t of x.value) t.data.length > e && (e = t.data.length);
 			return e;
-		}), k = n(() => {
-			let e = O.value, t = Array(e);
+		}), w = n(() => {
+			let e = C.value, t = Array(e);
 			for (let n = 0; n < e; n++) t[n] = l.categories?.[n] ?? String(n);
 			return t;
-		}), A = n(() => l.orientation === "vertical"), j = n(() => {
+		}), T = n(() => l.orientation === "vertical"), E = n(() => {
 			let e = Infinity, t = -Infinity;
 			if (l.layout === "stacked") {
-				let n = O.value;
+				let n = C.value;
 				for (let r = 0; r < n; r++) {
 					let n = 0, i = 0;
-					for (let e of D.value) {
+					for (let e of x.value) {
 						if (r >= e.data.length) continue;
 						let t = Number(e.data[r]);
 						isFinite(t) && (t >= 0 ? n += t : i += t);
 					}
 					n > t && (t = n), i < e && (e = i);
 				}
-			} else for (let n of D.value) for (let r of n.data) {
+			} else for (let n of x.value) for (let r of n.data) {
 				let n = Number(r);
 				isFinite(n) && (n < e && (e = n), n > t && (t = n));
 			}
@@ -1221,30 +1516,30 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				max: t,
 				range: r
 			};
-		}), M = n(() => A.value ? C.value : w.value), N = n(() => A.value ? w.value : C.value), P = n(() => {
-			let e = O.value;
-			return e > 0 ? M.value / e : 0;
-		}), ie = n(() => P.value * (1 - l.barPadding)), F = n(() => {
-			let e = D.value.length;
+		}), D = n(() => T.value ? q.value : J.value), O = n(() => T.value ? J.value : q.value), k = n(() => {
+			let e = C.value;
+			return e > 0 ? D.value / e : 0;
+		}), A = n(() => k.value * (1 - l.barPadding)), j = n(() => {
+			let e = x.value.length;
 			if (e === 0) return 0;
-			if (l.layout === "stacked" || e === 1) return ie.value;
+			if (l.layout === "stacked" || e === 1) return A.value;
 			let t = l.groupGap * (e - 1);
-			return Math.max(1, (ie.value - t) / e);
+			return Math.max(1, (A.value - t) / e);
 		});
-		function I(e) {
-			return (A.value ? S.value.left : S.value.top) + e * P.value;
+		function M(e) {
+			return (T.value ? K.value.left : K.value.top) + e * k.value;
 		}
-		let ae = n(() => {
-			let { min: e, max: t } = j.value, n = l.valueMin ?? 0;
-			return L(Math.max(e, Math.min(t, n)));
+		let N = n(() => {
+			let { min: e, max: t } = E.value, n = l.valueMin ?? 0;
+			return P(Math.max(e, Math.min(t, n)));
 		});
-		function L(e) {
-			let { min: t, range: n } = j.value, r = N.value / n;
-			return A.value ? S.value.top + w.value - (e - t) * r : S.value.left + (e - t) * r;
+		function P(e) {
+			let { min: t, range: n } = E.value, r = O.value / n;
+			return T.value ? K.value.top + J.value - (e - t) * r : K.value.left + (e - t) * r;
 		}
-		function oe(e, t, n, r, i, a, o, s, c) {
+		function ne(e, t, n, r, i, a, o, s, c) {
 			let l = Math.min(e, t), u = Math.abs(e - t);
-			return A.value ? {
+			return T.value ? {
 				x: n,
 				y: l,
 				w: r,
@@ -1266,29 +1561,29 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				seriesIndex: c
 			};
 		}
-		let R = n(() => {
-			let e = [], t = D.value, n = t.length;
+		let F = n(() => {
+			let e = [], t = x.value, n = t.length;
 			if (n === 0) return e;
-			let r = O.value, i = P.value, a = ie.value, o = F.value, s = (i - a) / 2, c = ae.value;
+			let r = C.value, i = k.value, a = A.value, o = j.value, s = (i - a) / 2, c = N.value;
 			for (let i = 0; i < r; i++) {
-				let r = I(i) + s;
+				let r = M(i) + s;
 				if (l.layout === "stacked") {
 					let o = 0, s = 0;
 					for (let c = 0; c < n; c++) {
 						let n = t[c], l = Number(n.data[i] ?? NaN);
 						if (!isFinite(l)) continue;
 						let u = l >= 0 ? o : s, d = u + l;
-						e.push(oe(L(u), L(d), r, a, n.color ?? B(c), n.opacity ?? 1, l, i, c)), l >= 0 ? o = d : s = d;
+						e.push(ne(P(u), P(d), r, a, n.color ?? ie(c), n.opacity ?? 1, l, i, c)), l >= 0 ? o = d : s = d;
 					}
 				} else for (let a = 0; a < n; a++) {
 					let s = t[a], u = Number(s.data[i] ?? NaN);
 					if (!isFinite(u)) continue;
 					let d = r + (n === 1 ? 0 : a * (o + l.groupGap));
-					e.push(oe(c, L(u), d, o, s.color ?? B(a), s.opacity ?? 1, u, i, a));
+					e.push(ne(c, P(u), d, o, s.color ?? ie(a), s.opacity ?? 1, u, i, a));
 				}
 			}
 			return e;
-		}), z = [
+		}), re = [
 			"var(--color-primary, #3b82f6)",
 			"var(--color-accent, #f59e0b)",
 			"var(--color-success, #10b981)",
@@ -1296,238 +1591,252 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 			"var(--color-info, #6366f1)",
 			"var(--color-warning, #d97706)"
 		];
-		function B(e) {
-			return z[e % z.length];
-		}
-		function V(e) {
-			return l.tooltipValueFormat ? l.tooltipValueFormat(e) : l.valueTickFormat ? l.valueTickFormat(e) : K(e);
+		function ie(e) {
+			return re[e % re.length];
 		}
-		let H = n(() => {
-			let { min: e, max: t } = j.value, n = (e) => l.valueTickFormat ? l.valueTickFormat(e) : K(e);
+		let ae = ze(() => 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),
-				pos: U(L(e))
+				pos: V(P(e))
 			}];
-			let r = A.value ? 50 : 80;
-			return le({
+			let r = T.value ? 50 : 80;
+			return G({
 				min: e,
 				max: t,
 				ticks: l.valueTicks,
-				targetTickCount: N.value / r
+				targetTickCount: O.value / r
 			}).map((e) => ({
 				value: n(e),
-				pos: U(L(e))
+				pos: V(P(e))
 			}));
-		}), W = n(() => {
-			let e = [], t = O.value, n = (e, t) => l.categoryFormat ? l.categoryFormat(e, t) : e;
+		}), I = n(() => {
+			let e = [], t = C.value, n = (e, t) => l.categoryFormat ? l.categoryFormat(e, t) : e;
 			for (let r = 0; r < t; r++) {
-				let t = I(r) + P.value / 2;
+				let t = M(r) + k.value / 2;
 				e.push({
-					label: n(k.value[r], r),
+					label: n(w.value[r], r),
 					pos: t,
 					anchor: "middle"
 				});
 			}
 			return e;
-		}), G = n(() => {
+		}), se = n(() => {
 			let e = [];
-			return D.value.forEach((t, n) => {
+			return x.value.forEach((t, n) => {
 				t.legend && e.push({
 					label: t.legend,
-					color: t.color ?? B(n)
+					color: t.color ?? ie(n)
 				});
 			}), e;
 		});
 		function ce() {
 			if (typeof l.csv == "function") return l.csv();
 			if (typeof l.csv == "string") return l.csv;
-			let e = D.value.map((e) => ({
+			let e = x.value.map((e) => ({
 				label: e.legend,
 				data: e.data
 			}));
-			return _e(k.value, e);
+			return _e(w.value, e);
+		}
+		let L = n(() => !!l.tooltipData || !!l.tooltipTrigger);
+		function R(e, t) {
+			if (!isFinite(e) || !isFinite(t) || k.value === 0) return null;
+			let n = (T.value ? K.value.left : K.value.top) + (e + .5) * k.value, r = P(t);
+			return T.value ? {
+				x: n,
+				y: r
+			} : {
+				x: r,
+				y: n
+			};
 		}
-		let q = n(() => !!l.tooltipData || !!l.tooltipTrigger);
-		function J(e, t) {
-			let n = h.value?.getBoundingClientRect();
+		function z(e, t) {
+			let n = B.value?.getBoundingClientRect();
 			if (!n) return null;
-			let r = O.value;
-			if (r === 0 || P.value === 0) return null;
-			let i = A.value ? e - n.left - S.value.left : t - n.top - S.value.top;
-			return Math.max(0, Math.min(r - 1, Math.floor(i / P.value)));
+			let r = C.value;
+			if (r === 0 || k.value === 0) return null;
+			let i = T.value ? e - n.left - K.value.left : t - n.top - K.value.top;
+			return Math.max(0, Math.min(r - 1, Math.floor(i / k.value)));
 		}
-		let { hoverIndex: Y, tooltipRef: pe, tooltipPos: X, handlers: me } = fe({
-			enabled: () => q.value,
-			trigger: () => l.tooltipTrigger,
-			clamp: () => l.tooltipClamp,
-			pointerToIndex: J,
-			containerRef: h,
-			onHover: (e) => f("hover", e)
-		}), { svgRef: Z, items: ge, downloadLinkText: Q, csvHref: ve, resolvedFilename: ye } = he({
+		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({
+			width: () => l.width,
+			height: () => l.height,
+			title: () => l.title,
+			xLabel: () => l.xLabel,
+			yLabel: () => l.yLabel,
+			debounce: () => l.debounce,
+			menu: () => l.menu,
+			tooltipTrigger: () => l.tooltipTrigger,
+			tooltipClamp: () => l.tooltipClamp,
 			filename: () => l.filename,
-			legacyMenuLabel: () => l.menu,
+			downloadLink: () => l.downloadLink,
+			chartPadding: () => l.chartPadding,
+			hasInlineLegend: () => h.value,
+			hasTooltipSlot: () => L.value,
 			getCsv: ce,
-			downloadLink: () => l.downloadLink
-		}), be = n(() => {
-			let e = Y.value;
-			if (e !== null) return k.value[e];
-		}), xe = n(() => {
-			let e = Y.value;
+			pointerToIndex: z,
+			onHover: (e) => f("hover", e)
+		}), $ = n(() => {
+			let e = pe.value;
+			if (e !== null) return w.value[e];
+		}), ve = n(() => {
+			let e = pe.value;
 			return e === null ? null : {
 				index: e,
-				category: k.value[e] ?? String(e),
-				values: D.value.map((t, n) => ({
+				category: w.value[e] ?? String(e),
+				values: x.value.map((t, n) => ({
 					value: Number(t.data[e] ?? NaN),
-					color: t.color ?? B(n),
+					color: t.color ?? ie(n),
 					seriesIndex: n
 				})),
 				data: l.tooltipData?.[e] ?? null
 			};
-		}), $ = n(() => {
-			let e = Y.value;
+		}), ye = n(() => {
+			let e = pe.value;
 			if (e === null) return null;
-			let t = I(e);
-			return A.value ? {
+			let t = M(e);
+			return T.value ? {
 				x: t,
-				y: S.value.top,
-				w: P.value,
-				h: w.value
+				y: K.value.top,
+				w: k.value,
+				h: J.value
 			} : {
-				x: S.value.left,
+				x: K.value.left,
 				y: t,
-				w: C.value,
-				h: P.value
+				w: q.value,
+				h: k.value
 			};
 		});
-		return (n, c) => (g(), a("div", {
+		return (n, c) => (_(), a("div", {
 			ref_key: "containerRef",
-			ref: h,
+			ref: B,
 			class: "bar-chart-wrapper"
 		}, [
-			t.menu ? (g(), r(se, {
+			t.menu ? (_(), r(le, {
 				key: 0,
-				items: x(ge)
+				items: S(Q)
 			}, null, 8, ["items"])) : i("", !0),
-			(g(), a("svg", {
+			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: Z,
-				width: _.value,
-				height: b.value
+				ref: H,
+				width: S(ue),
+				height: S(U)
 			}, [
-				t.title ? (g(), a("text", {
+				t.title ? (_(), a("text", {
 					key: 0,
-					x: _.value / 2,
+					x: S(ue) / 2,
 					y: 18,
 					"text-anchor": "middle",
 					"font-size": "14",
 					"font-weight": "600",
 					fill: "currentColor"
-				}, y(t.title), 9, tt)) : i("", !0),
-				G.value.length > 0 ? (g(), a("g", nt, [(g(!0), a(e, null, v(G.value, (t, n) => (g(), a(e, { key: "ileg" + n }, [o("rect", {
-					x: x(S).left + n * 120,
-					y: x(S).top - x(20) / 2 - 5,
+				}, 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", {
+					x: S(K).left + n * 120,
+					y: S(de) - 5,
 					width: "12",
 					height: "10",
 					fill: t.color
-				}, null, 8, rt), o("text", {
-					x: x(S).left + n * 120 + 18,
-					y: x(S).top - x(20) / 2 + 4,
+				}, null, 8, Et), o("text", {
+					x: S(K).left + n * 120 + 18,
+					y: S(de) + 4,
 					"font-size": "11",
 					fill: "currentColor"
-				}, y(t.label), 9, it)], 64))), 128))])) : i("", !0),
+				}, b(t.label), 9, Dt)], 64))), 128))])) : i("", !0),
 				o("line", {
-					x1: x(U)(x(S).left),
-					y1: x(U)(x(S).top),
-					x2: x(U)(x(S).left),
-					y2: x(U)(x(S).top + x(w)),
+					x1: S(V)(S(K).left),
+					y1: S(V)(S(K).top),
+					x2: S(V)(S(K).left),
+					y2: S(V)(S(K).top + S(J)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, at),
+				}, null, 8, Ot),
 				o("line", {
-					x1: x(U)(x(S).left),
-					y1: x(U)(x(S).top + x(w)),
-					x2: x(U)(x(S).left + x(C)),
-					y2: x(U)(x(S).top + x(w)),
+					x1: S(V)(S(K).left),
+					y1: S(V)(S(K).top + S(J)),
+					x2: S(V)(S(K).left + S(q)),
+					y2: S(V)(S(K).top + S(J)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, ot),
-				t.valueGrid ? (g(!0), a(e, { key: 2 }, v(H.value, (e, t) => (g(), a("line", {
+				}, null, 8, kt),
+				t.valueGrid ? (_(!0), a(e, { key: 2 }, y(oe.value, (e, t) => (_(), a("line", {
 					key: "vg" + t,
-					x1: A.value ? x(S).left : e.pos,
-					y1: A.value ? e.pos : x(S).top,
-					x2: A.value ? x(S).left + x(C) : e.pos,
-					y2: A.value ? e.pos : x(S).top + x(w),
+					x1: T.value ? S(K).left : e.pos,
+					y1: T.value ? e.pos : S(K).top,
+					x2: T.value ? S(K).left + S(q) : e.pos,
+					y2: T.value ? e.pos : S(K).top + S(J),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, st))), 128)) : i("", !0),
-				$.value && q.value ? (g(), a("rect", {
+				}, null, 8, At))), 128)) : i("", !0),
+				ye.value && L.value ? (_(), a("rect", {
 					key: 3,
-					x: $.value.x,
-					y: $.value.y,
-					width: $.value.w,
-					height: $.value.h,
+					x: ye.value.x,
+					y: ye.value.y,
+					width: ye.value.w,
+					height: ye.value.h,
 					fill: "currentColor",
 					"fill-opacity": "0.06",
 					"pointer-events": "none"
-				}, null, 8, ct)) : i("", !0),
-				A.value ? (g(!0), a(e, { key: 4 }, v(H.value, (e, t) => (g(), a("text", {
+				}, null, 8, jt)) : i("", !0),
+				T.value ? (_(!0), a(e, { key: 4 }, y(oe.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
-					x: x(S).left - 6,
+					x: S(K).left - 6,
 					y: e.pos,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.value), 9, lt))), 128)) : (g(!0), a(e, { key: 5 }, v(H.value, (e, t) => (g(), a("text", {
+				}, b(e.value), 9, Mt))), 128)) : (_(!0), a(e, { key: 5 }, y(oe.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
 					x: e.pos,
-					y: x(S).top + x(w) + 16,
+					y: S(K).top + S(J) + 16,
 					"text-anchor": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.value), 9, ut))), 128)),
-				t.yLabel ? (g(), a("text", {
+				}, b(e.value), 9, Nt))), 128)),
+				t.yLabel ? (_(), a("text", {
 					key: 6,
 					x: 0,
 					y: 0,
-					transform: `translate(14, ${x(S).top + x(w) / 2}) rotate(-90)`,
+					transform: `translate(14, ${S(K).top + S(J) / 2}) rotate(-90)`,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, y(t.yLabel), 9, dt)) : i("", !0),
-				A.value ? (g(!0), a(e, { key: 7 }, v(W.value, (e, t) => (g(), a("text", {
+				}, b(t.yLabel), 9, Pt)) : i("", !0),
+				T.value ? (_(!0), a(e, { key: 7 }, y(I.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
 					x: e.pos,
-					y: x(S).top + x(w) + 16,
+					y: S(K).top + S(J) + 16,
 					"text-anchor": e.anchor,
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.label), 9, ft))), 128)) : (g(!0), a(e, { key: 8 }, v(W.value, (e, t) => (g(), a("text", {
+				}, b(e.label), 9, Ft))), 128)) : (_(!0), a(e, { key: 8 }, y(I.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
-					x: x(S).left - 6,
+					x: S(K).left - 6,
 					y: e.pos,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
 					"font-size": "10",
 					fill: "currentColor",
 					"fill-opacity": "0.6"
-				}, y(e.label), 9, pt))), 128)),
-				t.xLabel ? (g(), a("text", {
+				}, b(e.label), 9, It))), 128)),
+				t.xLabel ? (_(), a("text", {
 					key: 9,
-					x: x(S).left + x(C) / 2,
-					y: b.value - 4,
+					x: S(K).left + S(q) / 2,
+					y: S(U) - 4,
 					"text-anchor": "middle",
 					"font-size": "13",
 					fill: "currentColor"
-				}, y(t.xLabel), 9, mt)) : i("", !0),
-				(g(!0), a(e, null, v(R.value, (e, t) => (g(), a("rect", {
+				}, b(t.xLabel), 9, Lt)) : i("", !0),
+				(_(!0), a(e, null, y(F.value, (e, t) => (_(), a("rect", {
 					key: "bar" + t,
 					"data-testid": "bar",
 					"data-category": e.categoryIndex,
@@ -1538,49 +1847,55 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 					height: e.h,
 					fill: e.color,
 					"fill-opacity": e.opacity
-				}, null, 8, ht))), 128)),
-				q.value ? (g(), a("rect", d({
+				}, null, 8, Rt))), 128)),
+				L.value ? (_(), a("rect", d({
 					key: 10,
-					x: x(S).left,
-					y: x(S).top,
-					width: x(C),
-					height: x(w),
+					x: S(K).left,
+					y: S(K).top,
+					width: S(q),
+					height: S(J),
 					fill: "transparent",
 					style: {
 						cursor: "crosshair",
 						"touch-action": "none"
 					}
-				}, ne(x(me), !0)), null, 16, gt)) : i("", !0)
-			], 8, et)),
-			q.value && x(Y) !== null && xe.value ? (g(), a("div", {
+				}, te(S(Z), !0)), null, 16, zt)) : i("", !0),
+				t.annotations && t.annotations.length > 0 ? (_(), r(S(Fe), {
+					key: 11,
+					annotations: t.annotations,
+					project: R,
+					bounds: S(fe)
+				}, null, 8, ["annotations", "bounds"])) : i("", !0)
+			], 8, Ct)),
+			L.value && S(pe) !== null && ve.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: pe,
+				ref: Y,
 				class: "chart-tooltip-content",
 				style: m({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: x(X) ? `translate3d(${x(X).left}px, ${x(X).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: x(X) ? "visible" : "hidden"
+					transform: S(X) ? `translate3d(${S(X).left}px, ${S(X).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: S(X) ? "visible" : "hidden"
 				})
-			}, [te(n.$slots, "tooltip", p(u(xe.value)), () => [o("div", _t, [be.value ? (g(), a("div", vt, y(be.value), 1)) : i("", !0), (g(!0), a(e, null, v(xe.value.values, (e) => (g(), a("div", {
+			}, [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", {
 				key: e.seriesIndex,
 				class: "bar-chart-tooltip-row"
 			}, [o("span", {
 				class: "bar-chart-tooltip-swatch",
 				style: m({ background: e.color })
-			}, null, 4), s(" " + y(isFinite(e.value) ? V(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
-			x(Q) ? (g(), a("a", {
+			}, null, 4), s(" " + b(isFinite(e.value) ? S(ae)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
+			S(me) ? (_(), a("a", {
 				key: 2,
 				class: "bar-chart-download-link",
-				href: x(ve),
-				download: `${x(ye)()}.csv`
-			}, y(x(Q)), 9, yt)) : i("", !0)
+				href: S(he),
+				download: `${S(ge)()}.csv`
+			}, b(S(me)), 9, Ht)) : i("", !0)
 		], 512));
 	}
-}), [["__scopeId", "data-v-4f604d9f"]]), xt = {
+}), [["__scopeId", "data-v-690ebb3c"]]), Wt = {
 	"01013": "010259",
 	"01015": "010177",
 	"01029": "010177",
@@ -4741,7 +5056,7 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 	51019: "510014",
 	"02158": "020820",
 	46102: "460957"
-}, St = {
+}, Gt = {
 	"010259": "Butler, AL",
 	"010177": "Calhoun (Anniston), AL - Cleburne, AL",
 	"010172": "Chambers, AL - Randolph, AL",
@@ -5691,7 +6006,7 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 	560775: "Teton, WY - Lincoln, WY",
 	560792: "Uinta, WY",
 	560804: "Weston, WY"
-}, Ct = {
+}, Kt = {
 	ref: "root",
 	class: "chart-tooltip-content",
 	style: {
@@ -5703,10 +6018,10 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 		"pointer-events": "none",
 		transform: "translateY(-50%)"
 	}
-}, wt = /* @__PURE__ */ l({
+}, qt = /* @__PURE__ */ l({
 	__name: "ChoroplethTooltip",
 	setup(e, { expose: n }) {
-		let a = _(null), s = S("root");
+		let a = v(null), s = w("root");
 		return n({
 			setData(e) {
 				a.value = e;
@@ -5714,29 +6029,30 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 			getEl() {
 				return s.value;
 			}
-		}), (e, n) => (g(), r(t, { to: "body" }, [o("div", Ct, [a.value ? te(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
+		}), (e, n) => (_(), r(t, { to: "body" }, [o("div", Kt, [a.value ? ee(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
 	}
-}), Tt = {
+}), Jt = {
 	key: 1,
 	class: "choropleth-header"
-}, Et = {
+}, Yt = {
 	key: 0,
 	class: "choropleth-title"
-}, Dt = {
+}, Xt = {
 	key: 1,
 	class: "choropleth-legend"
-}, Ot = {
+}, Zt = {
 	key: 0,
 	class: "choropleth-legend-title"
-}, kt = {
+}, Qt = {
 	key: 2,
 	class: "choropleth-legend-continuous"
-}, At = { class: "choropleth-legend-ticks" }, jt = ["viewBox"], Mt = ["innerHTML"], Nt = "http://www.w3.org/2000/svg", Pt = 450, Ft = 1e3, It = /* @__PURE__ */ H(/* @__PURE__ */ l({
+}, $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({
 	__name: "ChoroplethMap",
 	props: {
 		topology: {},
 		data: {},
 		geoType: { default: "states" },
+		dataGeoType: {},
 		width: {},
 		height: {},
 		colorScale: {},
@@ -5774,43 +6090,43 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 		"update:focus"
 	],
 	setup(t, { emit: c }) {
-		let l = t, d = c, ne = (e) => e, x = _(null), S = _(null), T = _(null), E = _(null), D = re(), O = n(() => !!l.tooltipTrigger || !!l.tooltipFormat || !!D.tooltip), k = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map(), j = null, M = null, N = /* @__PURE__ */ new Set(), z = !1, B = typeof window < "u" && "ontouchstart" in window, V = null, H = {
+		let l = t, d = c, te = (e) => e, S = v(null), w = v(null), D = v(null), O = v(null), k = v(null), A = v(null), j = C(), M = n(() => !!l.tooltipTrigger || !!l.tooltipFormat || !!j.tooltip), N = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map(), ne = null, L = null, R = /* @__PURE__ */ new Map(), z = /* @__PURE__ */ new Map(), B = !1, V = typeof window < "u" && "ontouchstart" in window, H = null, ue = {
 			width: 0,
 			height: 0
-		}, U = null, W = !1, G = null, ce = _(!1), K = 0, le = 0, ue = 0;
-		function de() {
-			if (B) return;
-			let e = T.value;
-			e && (e.addEventListener("click", $e), e.addEventListener("mouseover", $e), e.addEventListener("mousemove", et), e.addEventListener("mouseout", tt));
+		}, U = null, W = !1, G = null, K = v(!1), de = 0, q = 0, J = 0;
+		function fe() {
+			if (V) return;
+			let e = D.value;
+			e && (e.addEventListener("click", st), e.addEventListener("mouseover", st), e.addEventListener("mousemove", ct), e.addEventListener("mouseout", lt));
 		}
-		function q() {
-			let e = T.value;
-			e && (e.removeEventListener("click", $e), e.removeEventListener("mouseover", $e), e.removeEventListener("mousemove", et), e.removeEventListener("mouseout", tt));
+		function Y() {
+			let e = D.value;
+			e && (e.removeEventListener("click", st), e.removeEventListener("mouseover", st), e.removeEventListener("mousemove", ct), e.removeEventListener("mouseout", lt));
 		}
-		function J() {
-			Ze();
+		function X() {
+			at();
 		}
 		h(() => {
-			fe(), de(), rt(), _e(), Ue(), window.addEventListener("scroll", J, {
+			me(), fe(), dt(), ve(), Xe(), window.addEventListener("scroll", X, {
 				passive: !0,
 				capture: !0
-			}), window.addEventListener("resize", J, { passive: !0 });
-		}), ee(() => {
-			V?.disconnect(), ue && cancelAnimationFrame(ue), pe(), q(), window.removeEventListener("scroll", J, { capture: !0 }), window.removeEventListener("resize", J);
+			}), window.addEventListener("resize", X, { passive: !0 });
+		}), g(() => {
+			H?.disconnect(), J && cancelAnimationFrame(J), he(), Y(), window.removeEventListener("scroll", X, { capture: !0 }), window.removeEventListener("resize", X);
 		});
-		function fe() {
-			if (!S.value || !T.value) return;
-			let e = ae(S.value), t = Math.max(12, l.focusZoomLevel);
-			G = F().scaleExtent([1, t]).on("start", () => {
-				z = !0, Ze();
+		function me() {
+			if (!w.value || !D.value) return;
+			let e = oe(w.value), t = Math.max(12, l.focusZoomLevel);
+			G = ie().scaleExtent([1, t]).on("start", () => {
+				B = !0, at();
 			}).on("zoom", (e) => {
-				T.value && T.value.setAttribute("transform", e.transform);
+				D.value && D.value.setAttribute("transform", e.transform);
 				let t = e.transform;
-				ce.value = t.k !== 1 || t.x !== 0 || t.y !== 0;
+				K.value = t.k !== 1 || t.x !== 0 || t.y !== 0;
 			}).on("end", () => {
-				z = !1;
+				B = !1;
 			}), G.filter((e) => {
-				let t = Oe.value.length > 0, n = !!l.zoom || t, r = !!l.pan || t;
+				let t = Ne.value.length > 0, n = !!l.zoom || t, r = !!l.pan || t;
 				if (e.type === "wheel" || e.type === "dblclick") {
 					if (!n) return !1;
 				} else if (e.type === "mousedown" || e.type === "touchstart") {
@@ -5819,115 +6135,166 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				return (!e.ctrlKey || e.type === "wheel") && !e.button;
 			}), e.call(G);
 		}
-		function pe() {
-			S.value && G && (ae(S.value).on(".zoom", null), G = null);
+		function he() {
+			w.value && G && (oe(w.value).on(".zoom", null), G = null);
 		}
-		function Z(e) {
-			let t = De.value, n = Ee.value, r = /* @__PURE__ */ new Set();
+		function ge(e) {
+			let t = Pe.value, n = Ae.value, r = [];
 			for (let i of e) {
-				let e = t.has(i) ? i : n.get(i);
-				e != null && r.add(e);
+				let e = i.geoType ?? l.geoType, a = t.get(e);
+				if (!a) continue;
+				let o = a.get(i.id);
+				if (!o) {
+					let t = n.get(e)?.get(i.id);
+					t && (o = a.get(t));
+				}
+				o && r.push({
+					item: i,
+					geoType: e,
+					feature: o,
+					key: `${e}:${String(o.id)}`
+				});
 			}
 			return r;
 		}
-		function he(e) {
-			let t = De.value, n = [];
-			for (let r of Z(e)) {
-				let e = t.get(r);
-				e && n.push(e);
-			}
-			return n;
+		function _e(e) {
+			let t = /* @__PURE__ */ new Set();
+			for (let n of ge(e)) n.geoType === l.geoType && t.add(String(n.feature.id));
+			return t;
 		}
-		let ge = !1;
-		function _e() {
-			if (!S.value || !G) return;
-			let e = Oe.value, t = e.length > 0 ? he(e) : [], n = /* @__PURE__ */ new Set();
+		let $ = !1;
+		function ve() {
+			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();
 			for (let e of t) {
-				let t = k.get(String(e.id));
-				t && n.add(t);
+				let t = N.get(String(e.feature.id));
+				t && r.set(t, e.item.style ?? "solid");
 			}
-			for (let e of N) n.has(e) || e === M || Ye(e);
-			for (let e of n) !N.has(e) && e !== M && Je(e);
-			N.clear();
-			for (let e of n) N.add(e);
-			let r = ae(S.value);
-			r.interrupt();
-			let i = ge && t.length > 0;
-			if (ge = !0, t.length === 0) {
-				G.transform(r, I), Ze();
+			for (let [e] of R) r.has(e) || e === L || rt(e);
+			for (let [e, t] of r) R.get(e) === t && e !== L || e !== L && nt(e, t);
+			R.clear();
+			for (let [e, t] of r) R.set(e, t);
+			if (ye(n), e.length === 0) {
+				$ = !0, at();
 				return;
 			}
-			let [[a, o], [s, c]] = we.value.bounds({
+			let i = oe(w.value);
+			i.interrupt();
+			let a = $;
+			$ = !0;
+			let [[o, s], [c, u]] = Oe.value.bounds({
 				type: "FeatureCollection",
-				features: t
-			}), u = (a + s) / 2, d = (o + c) / 2, f = l.focusZoomLevel, p = I.translate(ye.value / 2 - f * u, be.value / 2 - f * d).scale(f), m = () => {
-				if (!O.value) return;
-				let e = String(t[0].id), n = k.get(e);
-				if (!n) return;
-				let r = n.getBoundingClientRect();
-				Ge(e, r.left + r.width / 2, r.top + r.height / 2);
+				features: e.map((e) => e.feature)
+			}), d = (o + c) / 2, f = (s + u) / 2, p = l.focusZoomLevel, m = ae.translate(Se.value / 2 - p * d, Ce.value / 2 - p * f).scale(p), h = t[0]?.feature ?? null, g = () => {
+				if (!M.value || !h) return;
+				let e = String(h.id), t = N.get(e);
+				if (!t) return;
+				let n = t.getBoundingClientRect();
+				Qe(e, n.left + n.width / 2, n.top + n.height / 2);
 			};
-			i ? (qe(), r.transition().duration(Pt).call(G.transform, p).on("end", m)) : (G.transform(r, p), m());
+			a ? (et(), i.transition().duration(rn).call(G.transform, m).on("end", g)) : (G.transform(i, m), g());
+		}
+		function ye(e) {
+			let t = k.value;
+			if (!t) return;
+			let n = new Set(e.map((e) => e.key));
+			for (let [e, t] of z) n.has(e) || (t.remove(), z.delete(e));
+			let r = 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);
+			}
 		}
-		function Q() {
-			if (!S.value || !G) return;
-			let e = ae(S.value);
-			e.interrupt(), G.transform(e, I), Oe.value.length > 0 && d("update:focus", null);
+		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);
 		}
-		C(() => l.focusZoomLevel, () => {
-			G && G.scaleExtent([1, Math.max(12, l.focusZoomLevel)]), _e();
+		T(() => l.focusZoomLevel, () => {
+			G && G.scaleExtent([1, Math.max(12, l.focusZoomLevel)]), ve();
 		});
-		let ve = n(() => l.width && l.height ? l.height / l.width : .625), ye = n(() => Ft), be = n(() => Ft * ve.value), xe = n(() => {
-			let e = b(l.topology), t = e.objects.counties.geometries, n = /* @__PURE__ */ new Map();
+		let xe = n(() => l.width && l.height ? l.height / l.width : .625), Se = n(() => an), Ce = n(() => an * 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 = xt[String(e.id).padStart(5, "0")];
+				let t = Wt[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: St[t] ?? t },
-				geometry: oe(e, i)
+				properties: { name: Gt[t] ?? t },
+				geometry: se(e, i)
 			});
 			return {
 				type: "FeatureCollection",
 				features: r
 			};
-		}), $ = n(() => {
-			if (l.geoType === "hsas") return xe.value;
+		}), Te = n(() => {
+			if (l.geoType === "hsas") return we.value;
 			if (l.geoType === "counties") {
-				let e = b(l.topology);
-				return L(e, e.objects.counties);
+				let e = x(l.topology);
+				return I(e, e.objects.counties);
 			}
-			let e = b(l.topology);
-			return L(e, e.objects.states);
-		}), Se = n(() => {
+			let e = x(l.topology);
+			return I(e, e.objects.states);
+		}), Ee = n(() => {
 			if (l.geoType !== "counties" && l.geoType !== "hsas") return null;
-			let e = b(l.topology);
-			return R(e, e.objects.states, (e, t) => e !== t);
-		}), Ce = n(() => P().fitExtent([[0, 0], [ye.value, be.value]], $.value)), we = n(() => ie(Ce.value)), Te = n(() => l.geoType === "counties" || l.geoType === "hsas" ? l.strokeWidth * .5 : l.strokeWidth), Ee = n(() => {
+			let e = x(l.topology);
+			return ce(e, e.objects.states, (e, t) => e !== t);
+		}), De = n(() => F().fitExtent([[0, 0], [Se.value, Ce.value]], Te.value)), Oe = n(() => re(De.value)), ke = n(() => l.geoType === "counties" || l.geoType === "hsas" ? l.strokeWidth * .5 : l.strokeWidth), Ae = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of $.value.features) t.properties?.name != null && t.id != null && e.set(t.properties.name, String(t.id));
+			for (let [t, n] of Pe.value) {
+				let r = /* @__PURE__ */ new Map();
+				for (let [e, t] of n) t.properties?.name != null && r.set(t.properties.name, e);
+				e.set(t, r);
+			}
 			return e;
-		}), De = n(() => {
+		});
+		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 === "states" || l.geoType === "hsas" && t === "states") return e.slice(0, 2);
+		}
+		let Me = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of $.value.features) t.id != null && e.set(String(t.id), t);
+			for (let t of Te.value.features) t.id != null && e.set(String(t.id), t);
 			return e;
-		}), Oe = n(() => {
+		}), Ne = n(() => {
 			let e = l.focus;
-			return e == null ? [] : Array.isArray(e) ? e : [e];
-		}), ke = n(() => {
+			return e == null ? [] : (Array.isArray(e) ? e : [e]).map((e) => typeof e == "string" ? { id: e } : e);
+		}), Pe = n(() => {
+			let e = /* @__PURE__ */ new Map();
+			e.set(l.geoType, Me.value);
+			let t = x(l.topology), n = t?.objects;
+			if (!n) return e;
+			let r = (e) => {
+				let t = /* @__PURE__ */ new Map();
+				for (let n of e) n.id != null && t.set(String(n.id), n);
+				return t;
+			};
+			if (!e.has("states") && n.states) {
+				let i = I(t, n.states);
+				e.set("states", r(i.features));
+			}
+			if (!e.has("counties") && n.counties) {
+				let i = I(t, n.counties);
+				e.set("counties", r(i.features));
+			}
+			return !e.has("hsas") && n.counties && e.set("hsas", r(we.value.features)), e;
+		}), Fe = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			if (!l.data) return e;
-			let t = Ee.value;
-			for (let n of l.data) {
-				e.set(n.id, n.value);
-				let r = t.get(n.id);
-				r && e.set(r, n.value);
+			let t = l.dataGeoType ?? l.geoType, n = Ae.value.get(t);
+			for (let t of l.data) {
+				e.set(t.id, t.value);
+				let r = n?.get(t.id);
+				r && e.set(r, t.value);
 			}
 			return e;
-		}), Ae = n(() => {
+		}), Ie = n(() => {
 			if (!l.data || l.data.length === 0) return {
 				min: 0,
 				max: 1
@@ -5944,8 +6311,8 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				min: 0,
 				max: 1
 			};
-		}), je = n(() => Array.isArray(l.colorScale) && l.colorScale.length > 0 && "value" in l.colorScale[0]), Me = n(() => Array.isArray(l.colorScale) && !je.value), Ne = n(() => Me.value ? "" : l.colorScale?.min ?? "#e5f0fa"), Pe = n(() => Me.value ? "" : l.colorScale?.max ?? "#08519c");
-		function Fe(e) {
+		}), Le = n(() => Array.isArray(l.colorScale) && l.colorScale.length > 0 && "value" in l.colorScale[0]), Re = n(() => Array.isArray(l.colorScale) && !Le.value), ze = n(() => Re.value ? "" : l.colorScale?.min ?? "#e5f0fa"), Be = n(() => Re.value ? "" : l.colorScale?.max ?? "#08519c");
+		function Ve(e) {
 			let t = e.replace("#", "");
 			return [
 				parseInt(t.slice(0, 2), 16),
@@ -5953,268 +6320,287 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				parseInt(t.slice(4, 6), 16)
 			];
 		}
-		function Ie(e) {
-			let [t, n, r] = Fe(Ne.value), [i, a, o] = Fe(Pe.value);
+		function He(e) {
+			let [t, n, r] = Ve(ze.value), [i, a, o] = Ve(Be.value);
 			return `rgb(${Math.round(t + (i - t) * e)},${Math.round(n + (a - n) * e)},${Math.round(r + (o - r) * e)})`;
 		}
-		let Le = n(() => Me.value ? l.colorScale.slice().sort((e, t) => t.min - e.min) : null), Re = n(() => {
-			if (!je.value) return null;
+		let Ue = n(() => Re.value ? l.colorScale.slice().sort((e, t) => t.min - e.min) : null), We = n(() => {
+			if (!Le.value) return null;
 			let e = /* @__PURE__ */ new Map();
 			for (let t of l.colorScale) e.set(t.value, t.color);
 			return e;
 		});
-		function ze(e) {
-			let t = ke.value.get(e), n = l.noDataColor;
+		function Ge(e) {
+			let t = je(e);
+			return t == null ? void 0 : Fe.value.get(t);
+		}
+		function Ke(e) {
+			let t = Ge(e), n = l.noDataColor;
 			if (t == null) return n;
-			let r = Re.value;
+			let r = We.value;
 			if (r) return r.get(String(t)) ?? n;
-			let i = Le.value;
+			let i = Ue.value;
 			if (i) {
 				let e = t;
 				for (let t of i) if (e >= t.min) return t.color;
 				return n;
 			}
-			let { min: a, max: o } = Ae.value;
-			return Ie((t - a) / (o - a));
+			let { min: a, max: o } = Ie.value;
+			return He((t - a) / (o - a));
 		}
-		let Be = (e) => e.properties?.name ?? String(e.id);
-		function Ve(e) {
+		let qe = (e) => e.properties?.name ?? String(e.id);
+		function Je(e) {
 			return e == null ? "" : typeof e == "number" && l.tooltipValueFormat ? l.tooltipValueFormat(e) : String(e);
 		}
-		function He(e, t) {
-			return t == null ? e : `${e}: ${Ve(t)}`;
+		function Ye(e, t) {
+			return t == null ? e : `${e}: ${Je(t)}`;
 		}
-		function Ue() {
-			let e = E.value?.getEl();
+		function Xe() {
+			let e = A.value?.getEl();
 			if (!e) return;
-			V?.disconnect();
+			H?.disconnect();
 			let t = !1;
-			V = new ResizeObserver((e) => {
+			H = new ResizeObserver((e) => {
 				let n = e[0]?.contentRect;
-				n && (H.width = n.width, H.height = n.height, !t && W && U ? (t = !0, We(U.x, U.y)) : t = !0);
-			}), V.observe(e);
+				n && (ue.width = n.width, ue.height = n.height, !t && W && U ? (t = !0, Ze(U.x, U.y)) : t = !0);
+			}), H.observe(e);
 		}
-		function We(e, t) {
-			let n = E.value?.getEl();
+		function Ze(e, t) {
+			let n = A.value?.getEl();
 			if (!n) return;
-			let r = x.value?.getBoundingClientRect(), { left: i, top: a } = Y(e, t, H.width, H.height, l.tooltipClamp, r);
+			let r = S.value?.getBoundingClientRect(), { left: i, top: a } = pe(e, t, ue.width, ue.height, l.tooltipClamp, r);
 			n.style.transform = `translate3d(${i}px, ${a}px, 0) translateY(-50%)`;
 		}
-		function Ge(e, t, n) {
-			let r = A.get(e);
+		function Qe(e, t, n) {
+			let r = P.get(e);
 			if (!r) return;
-			let i = E.value, a = i?.getEl();
+			let i = A.value, a = i?.getEl();
 			!i || !a || (i.setData(r), U = {
 				x: t,
 				y: n
-			}, W = !0, We(t, n), a.style.visibility = "visible");
+			}, W = !0, Ze(t, n), a.style.visibility = "visible");
 		}
-		function Ke(e, t) {
-			W && (K = e, le = t, !ue && (ue = requestAnimationFrame(() => {
-				ue = 0;
-				let e = E.value?.getEl();
+		function $e(e, t) {
+			W && (de = e, q = t, !J && (J = requestAnimationFrame(() => {
+				J = 0;
+				let e = A.value?.getEl();
 				!e || !W || (U = {
-					x: K,
-					y: le
-				}, e.style.transform = `translate3d(${K + 16}px, ${le}px, 0) translateY(-50%)`);
+					x: de,
+					y: q
+				}, e.style.transform = `translate3d(${de + 16}px, ${q}px, 0) translateY(-50%)`);
 			})));
 		}
-		function qe() {
+		function et() {
 			if (!W) return;
 			W = !1, U = null;
-			let e = E.value?.getEl();
+			let e = A.value?.getEl();
 			e && (e.style.visibility = "hidden");
 		}
-		function Je(e) {
-			e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(Te.value + 1)), e.setAttribute("stroke", "#555");
+		function tt(e, t) {
+			t === "dashed" ? (e.setAttribute("stroke-dasharray", "8 4"), e.removeAttribute("stroke-linecap")) : t === "dotted" ? (e.setAttribute("stroke-dasharray", "0 5"), e.setAttribute("stroke-linecap", "round")) : (e.removeAttribute("stroke-dasharray"), e.removeAttribute("stroke-linecap"));
+		}
+		function nt(e, t = "solid") {
+			e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(ke.value + 1)), e.setAttribute("stroke", "#555"), tt(e, t);
 		}
-		function Ye(e) {
-			e.setAttribute("stroke-width", String(Te.value)), e.setAttribute("stroke", l.strokeColor);
+		function rt(e) {
+			e.setAttribute("stroke-width", String(ke.value)), e.setAttribute("stroke", l.strokeColor), e.removeAttribute("stroke-dasharray"), e.removeAttribute("stroke-linecap");
 		}
-		function Xe(e) {
-			M !== e && (M && !N.has(M) && Ye(M), M = e, Je(e));
+		function it(e) {
+			L !== e && (L && !R.has(L) && rt(L), L = e, nt(e, R.get(e) ?? "solid"));
 		}
-		function Ze() {
-			M && (N.has(M) || Ye(M), M = null, d("stateHover", null)), qe();
+		function at() {
+			if (L) {
+				let e = R.get(L);
+				e == null ? rt(L) : nt(L, e), L = null, d("stateHover", null);
+			}
+			et();
 		}
-		function Qe(e) {
+		function ot(e) {
 			let t = e;
 			for (; t && !t.dataset?.featId;) t = t.parentElement;
 			return t ? t.dataset.featId ?? null : null;
 		}
-		function $e(e) {
-			if (z) return;
-			let t = e, n = Qe(t.target);
+		function st(e) {
+			if (B) return;
+			let t = e, n = ot(t.target);
 			if (!n) return;
-			let r = A.get(n);
+			let r = P.get(n);
 			if (!r) return;
 			let i = {
 				id: r.id,
 				name: r.name,
 				value: r.value
 			};
-			e.type === "click" ? (d("stateClick", i), d("update:focus", Z(Oe.value).has(r.id) ? null : r.id)) : e.type === "mouseover" && (Xe(k.get(n)), O.value && Ge(n, t.clientX, t.clientY), d("stateHover", i));
+			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));
 		}
-		function et(e) {
-			z || Ke(e.clientX, e.clientY);
+		function ct(e) {
+			B || $e(e.clientX, e.clientY);
 		}
-		function tt(e) {
+		function lt(e) {
 			let t = e.relatedTarget;
-			t && T.value?.contains(t) || Ze();
+			t && D.value?.contains(t) || at();
 		}
-		function nt(e) {
-			let t = document.createElementNS(Nt, "path");
+		function ut(e) {
+			let t = document.createElementNS(nn, "path");
 			return e && t.setAttribute("d", e), t;
 		}
-		function rt() {
-			let e = T.value;
-			if (!e) return;
+		function dt() {
+			let e = O.value, t = k.value;
+			if (!e || !t) return;
 			for (; e.firstChild;) e.removeChild(e.firstChild);
-			k.clear(), A.clear(), j = null, M = null, N.clear();
-			let t = we.value, n = $.value.features, r = l.strokeColor, i = String(Te.value), a = !O.value, o = document.createDocumentFragment();
-			for (let e of n) {
-				let n = String(e.id), s = Be(e), c = ke.value.get(n), l = nt(t(e));
-				if (l.setAttribute("class", "state-path"), l.setAttribute("data-feat-id", n), l.setAttribute("fill", ze(n)), l.setAttribute("stroke", r), l.setAttribute("stroke-width", i), l.setAttribute("vector-effect", "non-scaling-stroke"), a) {
-					let e = document.createElementNS(Nt, "title");
-					e.textContent = He(s, c), l.appendChild(e);
+			for (; t.firstChild;) t.removeChild(t.firstChild);
+			N.clear(), P.clear(), ne = null, L = null, R.clear(), z.clear();
+			let n = Oe.value, r = Te.value.features, i = l.strokeColor, a = String(ke.value), o = !M.value, s = document.createDocumentFragment();
+			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");
+					e.textContent = Ye(r, c), l.appendChild(e);
 				}
-				o.appendChild(l), k.set(n, l), A.set(n, {
-					id: n,
-					name: s,
+				s.appendChild(l), N.set(t, l), P.set(t, {
+					id: t,
+					name: r,
 					value: c,
 					feature: e
 				});
 			}
-			let s = Se.value;
-			if (s) {
-				let e = nt(t(s));
-				e.setAttribute("fill", "none"), e.setAttribute("stroke", r), e.setAttribute("stroke-width", "1"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), o.appendChild(e), j = e;
+			let c = Ee.value;
+			if (c) {
+				let e = ut(n(c));
+				e.setAttribute("fill", "none"), e.setAttribute("stroke", i), e.setAttribute("stroke-width", "1"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), s.appendChild(e), ne = e;
 			}
-			e.appendChild(o);
+			e.appendChild(s);
 		}
-		function it() {
-			let e = !O.value;
-			for (let [t, n] of k) {
-				let r = ke.value.get(t), i = A.get(t);
-				if (n.setAttribute("fill", ze(t)), i && (i.value = r), e && i) {
+		function ft() {
+			let e = !M.value;
+			for (let [t, n] of N) {
+				let r = Ge(t), i = P.get(t);
+				if (n.setAttribute("fill", Ke(t)), i && (i.value = r), e && i) {
 					let e = n.firstElementChild;
-					e && (e.textContent = He(i.name, r));
+					e && (e.textContent = Ye(i.name, r));
 				}
 			}
 		}
-		function at() {
-			for (let e of k.values()) e === M || N.has(e) || Ye(e);
-			j && j.setAttribute("stroke", l.strokeColor);
+		function pt() {
+			for (let e of N.values()) e === L || R.has(e) || rt(e);
+			ne && ne.setAttribute("stroke", l.strokeColor);
 		}
-		function ot() {
+		function mt() {
 			return typeof l.menu == "string" ? l.menu : "choropleth";
 		}
-		let st = n(() => l.legend && (je.value || Me.value || l.data)), ct = n(() => l.colorScale.slice().sort((e, t) => e.min - t.min)), lt = n(() => {
+		let ht = n(() => l.legend && (Le.value || Re.value || l.data)), gt = n(() => l.colorScale.slice().sort((e, t) => e.min - t.min)), _t = n(() => {
 			let e = [];
 			for (let t = 0; t <= 10; t++) {
 				let n = t / 10;
 				e.push({
 					offset: `${(n * 100).toFixed(0)}%`,
-					color: Ie(n)
+					color: He(n)
 				});
 			}
 			return e;
-		}), ut = new Intl.NumberFormat("en-US", {
+		}), vt = new Intl.NumberFormat("en-US", {
 			notation: "compact",
 			maximumFractionDigits: 1
-		}), dt = n(() => {
-			let { min: e, max: t } = Ae.value, n = t - e, r = [];
+		}), yt = n(() => {
+			let { min: e, max: t } = Ie.value, n = t - e, r = [];
 			for (let t = 1; t <= 3; t++) {
-				let i = t / 4, a = e + n * i, o = Math.abs(a) >= 1e3 ? ut.format(a) : Number.isInteger(a) ? String(a) : a.toFixed(1).replace(/\.0$/, "");
+				let i = t / 4, a = e + n * i, o = Math.abs(a) >= 1e3 ? vt.format(a) : Number.isInteger(a) ? String(a) : a.toFixed(1).replace(/\.0$/, "");
 				r.push({
 					value: o,
 					pct: i * 100
 				});
 			}
 			return r;
-		}), ft = n(() => {
+		}), bt = n(() => {
 			let e = [];
-			if (je.value) for (let t of l.colorScale) e.push({
+			if (Le.value) for (let t of l.colorScale) e.push({
 				key: t.value,
 				color: t.color,
 				label: t.value
 			});
-			else if (Me.value) for (let t of ct.value) e.push({
+			else if (Re.value) for (let t of gt.value) e.push({
 				key: String(t.min),
 				color: t.color,
 				label: t.label ?? String(t.min)
 			});
 			return e;
-		}), pt = n(() => `linear-gradient(to right, ${lt.value.map((e) => `${e.color} ${e.offset}`).join(", ")})`), mt = n(() => {
-			let e = ot();
+		}), xt = n(() => `linear-gradient(to right, ${_t.value.map((e) => `${e.color} ${e.offset}`).join(", ")})`), St = n(() => {
+			let e = mt();
 			return [{
 				label: "Save as SVG",
 				action: () => {
-					S.value && X(S.value, e);
+					w.value && Z(w.value, e);
 				}
 			}, {
 				label: "Save as PNG",
 				action: () => {
-					S.value && me(S.value, e);
+					w.value && Q(w.value, e);
 				}
 			}];
 		});
-		return C(() => [we.value, O.value], () => rt()), C(() => [
-			ke.value,
+		return T(() => [Oe.value, M.value], () => dt()), T(() => [
+			Fe.value,
 			l.colorScale,
-			l.noDataColor
-		], () => it()), C(() => [l.strokeColor, Te.value], () => at()), C(() => [Oe.value, we.value], () => _e(), { flush: "post" }), (n, c) => (g(), a("div", {
+			l.noDataColor,
+			l.dataGeoType
+		], () => ft()), T(() => [l.strokeColor, ke.value], () => pt()), T(() => [Ne.value, Oe.value], () => ve(), { flush: "post" }), (n, c) => (_(), a("div", {
 			ref_key: "containerRef",
-			ref: x,
+			ref: S,
 			class: f(["choropleth-wrapper", { pannable: t.pan }])
 		}, [
-			t.menu ? (g(), r(se, {
+			t.menu ? (_(), r(le, {
 				key: 0,
-				items: mt.value
+				items: St.value
 			}, null, 8, ["items"])) : i("", !0),
-			t.title || st.value ? (g(), a("div", Tt, [t.title ? (g(), a("div", Et, y(t.title), 1)) : i("", !0), st.value ? (g(), a("div", Dt, [t.legendTitle ? (g(), a("span", Ot, y(t.legendTitle), 1)) : i("", !0), je.value || Me.value ? (g(!0), a(e, { key: 1 }, v(ft.value, (e) => (g(), a("span", {
+			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", {
 				key: e.key,
 				class: "choropleth-legend-item"
 			}, [o("span", {
 				class: "choropleth-legend-swatch",
 				style: m({ background: e.color })
-			}, null, 4), s(" " + y(e.label), 1)]))), 128)) : (g(), a("div", kt, [o("div", {
+			}, null, 4), s(" " + b(e.label), 1)]))), 128)) : (_(), a("div", Qt, [o("div", {
 				class: "choropleth-legend-gradient",
-				style: m({ background: pt.value })
-			}, null, 4), o("div", At, [(g(!0), a(e, null, v(dt.value, (e) => (g(), a("span", {
+				style: m({ background: xt.value })
+			}, null, 4), o("div", $t, [(_(!0), a(e, null, y(yt.value, (e) => (_(), a("span", {
 				key: e.value,
 				style: m({ left: e.pct + "%" })
-			}, y(e.value), 5))), 128))])]))])) : i("", !0)])) : i("", !0),
-			(g(), a("svg", {
+			}, b(e.value), 5))), 128))])]))])) : i("", !0)])) : i("", !0),
+			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: S,
-				viewBox: `0 0 ${ye.value} ${be.value}`,
+				ref: w,
+				viewBox: `0 0 ${Se.value} ${Ce.value}`,
 				preserveAspectRatio: "xMidYMid meet"
 			}, [o("g", {
 				ref_key: "mapGroupRef",
-				ref: T
-			}, null, 512)], 8, jt)),
-			ce.value ? (g(), a("button", {
+				ref: D
+			}, [o("g", {
+				ref_key: "baseGroupRef",
+				ref: O
+			}, null, 512), o("g", {
+				ref_key: "overlayGroupRef",
+				ref: k
+			}, null, 512)], 512)], 8, en)),
+			K.value ? (_(), a("button", {
 				key: 2,
 				type: "button",
 				class: "choropleth-reset",
 				"aria-label": "Reset zoom",
-				onClick: Q
+				onClick: be
 			}, " Reset ")) : i("", !0),
-			O.value ? (g(), r(wt, {
+			M.value ? (_(), r(qt, {
 				key: 3,
 				ref_key: "tooltipChildRef",
-				ref: E
+				ref: A
 			}, {
-				default: w((r) => [te(n.$slots, "tooltip", p(u(ne(r))), () => [t.tooltipFormat ? (g(), a("span", {
+				default: E((r) => [ee(n.$slots, "tooltip", p(u(te(r))), () => [t.tooltipFormat ? (_(), a("span", {
 					key: 0,
 					innerHTML: t.tooltipFormat(r)
-				}, null, 8, Mt)) : r.value == null ? (g(), a(e, { key: 1 }, [s(y(r.name), 1)], 64)) : (g(), a(e, { key: 2 }, [s(y(r.name) + ": " + y(Ve(r.value)), 1)], 64))], !0)]),
+				}, 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)]),
 				_: 3
 			}, 512)) : i("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-62648243"]]), Lt = /* @__PURE__ */ H(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-f0f75b22"]]), sn = /* @__PURE__ */ B(/* @__PURE__ */ l({
 	__name: "ChartTooltip",
 	props: {
 		x: {},
@@ -6225,7 +6611,7 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 	},
 	emits: ["close"],
 	setup(e) {
-		return (t, n) => e.mode === "hover" && e.open ? (g(), a("div", {
+		return (t, n) => e.mode === "hover" && e.open ? (_(), a("div", {
 			key: 0,
 			class: "chart-tooltip-content",
 			style: m({
@@ -6234,12 +6620,12 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				top: `${e.y}px`,
 				transform: "translateY(-50%)"
 			})
-		}, [te(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (g(), r(x(N), {
+		}, [ee(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (_(), r(S(ne), {
 			key: 1,
 			open: e.open
 		}, {
-			default: w(() => [c(x(A), { "as-child": "" }, {
-				default: w(() => [o("div", {
+			default: E(() => [c(S(M), { "as-child": "" }, {
+				default: E(() => [o("div", {
 					class: "chart-tooltip-anchor",
 					style: m({
 						left: `${e.x}px`,
@@ -6247,8 +6633,8 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 					})
 				}, null, 4)]),
 				_: 1
-			}), c(x(M), null, {
-				default: w(() => [e.open ? (g(), r(x(j), {
+			}), c(S(P), null, {
+				default: E(() => [e.open ? (_(), r(S(N), {
 					key: 0,
 					class: "chart-tooltip-content",
 					side: "right",
@@ -6257,7 +6643,7 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 					onPointerDownOutside: n[0] ||= (e) => t.$emit("close"),
 					onEscapeKeyDown: n[1] ||= (e) => t.$emit("close")
 				}, {
-					default: w(() => [te(t.$slots, "default", {}, void 0, !0)]),
+					default: E(() => [ee(t.$slots, "default", {}, void 0, !0)]),
 					_: 3
 				}, 8, ["side-offset"])) : i("", !0)]),
 				_: 3
@@ -6265,7 +6651,7 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 			_: 3
 		}, 8, ["open"])) : i("", !0);
 	}
-}), [["__scopeId", "data-v-44377f70"]]), Rt = { class: "TableWrapper" }, zt = /* @__PURE__ */ H(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-44377f70"]]), cn = { class: "TableWrapper" }, ln = /* @__PURE__ */ B(/* @__PURE__ */ l({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -6321,60 +6707,60 @@ var ve = ["width", "height"], ye = ["x"], be = { key: 1 }, xe = [
 				name: e,
 				values: t
 			}));
-		}), ee = n(() => {
+		}), g = n(() => {
 			let e = h.value;
 			if (e.length === 0) return 0;
 			let t = 0;
 			for (let n of e) t = Math.max(t, n.values.length);
 			return c.maxRows ? Math.min(t, c.maxRows) : t;
 		});
-		function _(e, t) {
+		function v(e, t) {
 			let n = e.values[t];
 			return n == null ? "" : e.enumLabels && typeof n == "number" ? e.enumLabels[n] ?? String(n) : typeof n == "number" ? Number.isInteger(n) ? n.toString() : n.toFixed(4) : typeof n == "boolean" ? n ? "true" : "false" : String(n);
 		}
-		function te() {
+		function ee() {
 			return c.filename ? c.filename : typeof c.menu == "string" ? c.menu : "data";
 		}
-		function ne(e) {
+		function te(e) {
 			return e.includes(",") || e.includes("\"") || e.includes("\n") ? `"${e.replace(/"/g, "\"\"")}"` : e;
 		}
-		function b() {
+		function x() {
 			if (typeof c.csv == "function") return c.csv();
 			if (typeof c.csv == "string") return c.csv;
-			let e = h.value, t = ee.value, n = [e.map((e) => ne(l(e.name))).join(",")];
+			let e = h.value, t = g.value, n = [e.map((e) => te(l(e.name))).join(",")];
 			for (let r = 0; r < t; r++) {
-				let t = e.map((e) => ne(_(e, r)));
+				let t = e.map((e) => te(v(e, r)));
 				n.push(t.join(","));
 			}
 			return n.join("\n");
 		}
-		let x = n(() => [{
+		let S = n(() => [{
 			label: c.downloadMenuLink,
-			action: () => Z(b(), te())
-		}]), re = n(() => !!c.menu);
-		return (n, s) => (g(), a("div", { class: f(["TableOuter", {
+			action: () => me(x(), ee())
+		}]), C = n(() => !!c.menu);
+		return (n, s) => (_(), a("div", { class: f(["TableOuter", {
 			"full-width": t.fullWidth,
-			"has-menu": re.value
-		}]) }, [re.value ? (g(), r(se, {
+			"has-menu": C.value
+		}]) }, [C.value ? (_(), r(le, {
 			key: 0,
-			items: x.value,
+			items: S.value,
 			"force-dropdown": ""
-		}, null, 8, ["items"])) : i("", !0), o("div", Rt, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
-			o("colgroup", null, [(g(!0), a(e, null, v(h.value, (e) => (g(), a("col", {
+		}, null, 8, ["items"])) : i("", !0), o("div", cn, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
+			o("colgroup", null, [(_(!0), a(e, null, y(h.value, (e) => (_(), a("col", {
 				key: e.name,
 				style: m(u(e.name))
 			}, null, 4))), 128))]),
-			o("thead", null, [o("tr", null, [(g(!0), a(e, null, v(h.value, (e) => (g(), a("th", {
+			o("thead", null, [o("tr", null, [(_(!0), a(e, null, y(h.value, (e) => (_(), a("th", {
 				key: e.name,
 				style: m(d(e.name))
-			}, y(l(e.name)), 5))), 128))])]),
-			o("tbody", null, [(g(!0), a(e, null, v(ee.value, (n) => (g(), a("tr", { key: n }, [(g(!0), a(e, null, v(h.value, (e) => (g(), a("td", {
+			}, b(l(e.name)), 5))), 128))])]),
+			o("tbody", null, [(_(!0), a(e, null, y(g.value, (n) => (_(), a("tr", { key: n }, [(_(!0), a(e, null, y(h.value, (e) => (_(), a("td", {
 				key: e.name,
 				class: f(t.columnConfig?.[e.name]?.cellClass),
 				style: m(d(e.name))
-			}, y(_(e, n - 1)), 7))), 128))]))), 128))])
+			}, b(v(e, n - 1)), 7))), 128))]))), 128))])
 		], 2)])], 2));
 	}
 }), [["__scopeId", "data-v-d5c290dc"]]);
 //#endregion
-export { bt as BarChart, Lt as ChartTooltip, It as ChoroplethMap, zt as DataTable, $e as LineChart };
+export { Ut as BarChart, sn as ChartTooltip, on as ChoroplethMap, ln as DataTable, St as LineChart, Wt as fipsToHsa, Gt as hsaNames };