@cfasim-ui/charts 0.6.2 → 0.6.3

package/dist/index.js

@@ -1,11 +1,11 @@
-import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, normalizeStyle as m, onMounted as h, onUnmounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, toHandlers as ee, toRaw as S, unref as C, useSlots as w, useTemplateRef as T, watch as E, withCtx as D } from "vue";
-import { formatNumber as te } from "@cfasim-ui/shared";
-import { DropdownMenuContent as O, DropdownMenuItem as k, DropdownMenuPortal as A, DropdownMenuRoot as j, DropdownMenuTrigger as M, PopoverAnchor as N, PopoverContent as ne, PopoverPortal as re, PopoverRoot as P } from "reka-ui";
-import { geoAlbersUsa as ie, geoMercator as F, geoPath as ae } from "d3-geo";
-import { zoom as oe, zoomIdentity as se } from "d3-zoom";
-import { select as I } from "d3-selection";
+import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeClass as f, normalizeProps as p, normalizeStyle as m, onMounted as h, onUnmounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, toHandlers as ee, toRaw as S, unref as C, useSlots as te, useTemplateRef as w, watch as T, withCtx as E } from "vue";
+import { formatNumber as ne } from "@cfasim-ui/shared";
+import { DropdownMenuContent as D, DropdownMenuItem as O, DropdownMenuPortal as k, DropdownMenuRoot as A, DropdownMenuTrigger as re, PopoverAnchor as j, PopoverContent as M, PopoverPortal as N, PopoverRoot as ie } from "reka-ui";
+import { geoAlbersUsa as ae, geoMercator as P, geoPath as oe } from "d3-geo";
+import { zoom as F, zoomIdentity as se } from "d3-zoom";
+import { select as ce } from "d3-selection";
 import "d3-transition";
-import { feature as ce, merge as le, mesh as ue } from "topojson-client";
+import { feature as le, merge as I, mesh as ue } from "topojson-client";
 //#region src/ChartMenu/ChartMenu.vue?vue&type=script&setup=true&lang.ts
 var de = ["aria-label"], fe = /* @__PURE__ */ l({
 	__name: "ChartMenu",
@@ -37,15 +37,15 @@ var de = ["aria-label"], fe = /* @__PURE__ */ l({
 			"stroke-width": "1.75",
 			"stroke-linecap": "round",
 			"aria-hidden": "true"
-		}, [o("path", { d: "M4 4l8 8M12 4l-8 8" })], -1)]])) : u() ? (_(), r(C(j), {
+		}, [o("path", { d: "M4 4l8 8M12 4l-8 8" })], -1)]])) : u() ? (_(), r(C(A), {
 			key: 2,
 			modal: !1
 		}, {
-			default: D(() => [c(C(M), {
+			default: E(() => [c(C(re), {
 				class: "chart-menu-button",
 				"aria-label": "Chart options"
 			}, {
-				default: D(() => [...i[4] ||= [o("svg", {
+				default: E(() => [...i[4] ||= [o("svg", {
 					width: "16",
 					height: "16",
 					viewBox: "0 0 16 16",
@@ -69,19 +69,19 @@ var de = ["aria-label"], fe = /* @__PURE__ */ l({
 					})
 				], -1)]]),
 				_: 1
-			}), c(C(A), null, {
-				default: D(() => [c(C(O), {
+			}), c(C(k), null, {
+				default: E(() => [c(C(D), {
 					class: "chart-menu-content",
 					"side-offset": 4,
 					align: "end"
 				}, {
-					default: D(() => [(_(!0), a(e, null, y(t.items, (e) => (_(), r(C(k), {
+					default: E(() => [(_(!0), a(e, null, y(t.items, (e) => (_(), r(C(O), {
 						key: e.label,
 						class: "chart-menu-item",
 						"aria-pressed": e.ariaPressed,
 						onSelect: e.action
 					}, {
-						default: D(() => [s(x(e.label), 1)]),
+						default: E(() => [s(x(e.label), 1)]),
 						_: 2
 					}, 1032, ["aria-pressed", "onSelect"]))), 128))]),
 					_: 1
@@ -116,19 +116,19 @@ var de = ["aria-label"], fe = /* @__PURE__ */ l({
 function R(e) {
 	return Math.round(e) + .5;
 }
-function z(e, t) {
+function me(e, t) {
 	let n = e / t, r = 10 ** Math.floor(Math.log10(n)), i = n / r, a;
 	return a = i <= 1.5 ? 1 : i <= 3 ? 2 : i <= 7 ? 5 : 10, a * r;
 }
-function B(e, t, n) {
+function he(e, t, n) {
 	if (!(n > 0) || !isFinite(n)) return [];
 	let r = [], i = Math.ceil(e / n) * n;
 	for (let e = 0, a = i; a <= t + 1e-9 && e < 1e3; e++, a = i + e * n) r.push(a);
 	return r;
 }
-var me = new Intl.NumberFormat();
-function he(e) {
-	return Math.abs(e) >= 1e3 ? me.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
+var z = new Intl.NumberFormat();
+function B(e) {
+	return Math.abs(e) >= 1e3 ? z.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
 }
 //#endregion
 //#region src/_shared/computeTicks.ts
@@ -137,9 +137,9 @@ function ge(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 B(t + i, n + i, r).map((e) => e - i);
-	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = z(n - t, a);
-	return B(t + i, n + i, o).map((e) => e - i);
+	if (typeof r == "number") return he(t + i, n + i, r).map((e) => e - i);
+	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = me(n - t, a);
+	return he(t + i, n + i, o).map((e) => e - i);
 }
 function _e(e, t, n, r) {
 	if (r === "log") {
@@ -192,8 +192,8 @@ function be(e = {}) {
 		measuredHeight: r
 	};
 }
-var V = .6, xe = 8;
-function Se(e, t) {
+var xe = .6, Se = 8;
+function V(e, t) {
 	return {
 		fontSize: e?.fontSize ?? t.fontSize,
 		fill: e?.color ?? "currentColor",
@@ -252,7 +252,7 @@ function Oe(e) {
 		let t = e.title();
 		if (!t) return 10;
 		let n = e.titleStyle?.()?.lineHeight ?? 18;
-		return t.split("\n").length * n + xe;
+		return t.split("\n").length * n + Se;
 	}), o = n(() => {
 		let n = Ee(e.extraPadding?.()), r = i.value.rowCount;
 		return {
@@ -284,7 +284,7 @@ function Oe(e) {
 //#endregion
 //#region src/tooltip-position.ts
 var ke = 16, Ae = 8;
-function H(e, t, n, r, i, a) {
+function je(e, t, n, r, i, a) {
 	if (i === "none") return {
 		left: e + ke,
 		top: t
@@ -307,7 +307,7 @@ function H(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/_shared/useChartTooltip.ts
-function je(e) {
+function Me(e) {
 	let t = e.touchYOffset ?? 50, n = v(null), r = v(!1), i = v(null), a = v(null), o = v(null), s = null, c = "pending";
 	function l(e) {
 		return "touches" in e ? e.touches[0] ?? null : e;
@@ -321,14 +321,14 @@ function je(e) {
 			clientY: r.clientY
 		}, e.onHover?.({ index: i }));
 	}
-	E([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 } = H(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 } = je(a.value.clientX, a.value.clientY - u, s.offsetWidth, s.offsetHeight, d, l);
 		o.value = {
 			left: f - l.left,
 			top: p - l.top
@@ -395,55 +395,55 @@ function je(e) {
 }
 //#endregion
 //#region src/ChartMenu/download.ts
-function Me(e, t) {
+function H(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
 }
-var U = [
+var Ne = [
 	"color",
 	"font-family",
 	"font-size",
 	"font-weight"
-], W = ["fill", "stroke"];
-function Ne(e) {
+], Pe = ["fill", "stroke"];
+function U(e) {
 	let t = e.match(/^\s*var\(\s*(--[\w-]+)\s*(?:,\s*([^)]*?)\s*)?\)\s*$/);
 	if (!t) return e;
 	let [, n, r] = t;
 	return window.getComputedStyle(document.documentElement).getPropertyValue(n).trim() || (r ? r.trim() : e);
 }
-function G(e) {
+function W(e) {
 	let t = e.cloneNode(!0);
 	t.setAttribute("xmlns", "http://www.w3.org/2000/svg");
 	let n = window.getComputedStyle(e), r = [];
-	for (let e of U) {
+	for (let e of Ne) {
 		let t = n.getPropertyValue(e);
 		t && r.push(`${e}: ${t}`);
 	}
 	let i = t.getAttribute("style") ?? "";
 	t.setAttribute("style", [i, ...r].filter(Boolean).join("; "));
-	for (let e of t.querySelectorAll("*")) for (let t of W) {
+	for (let e of t.querySelectorAll("*")) for (let t of Pe) {
 		let n = e.getAttribute(t);
-		!n || !n.includes("var(") || e.setAttribute(t, Ne(n));
+		!n || !n.includes("var(") || e.setAttribute(t, U(n));
 	}
 	return t;
 }
-function K(e, t) {
-	let n = G(e), r = new XMLSerializer().serializeToString(n);
-	Me(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
+function Fe(e, t) {
+	let n = W(e), r = new XMLSerializer().serializeToString(n);
+	H(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
 }
-function Pe(e, t) {
-	let n = G(e), r = new XMLSerializer().serializeToString(n), i = new Blob([r], { type: "image/svg+xml;charset=utf-8" }), a = URL.createObjectURL(i), o = new Image(), s = e.width.baseVal.value || e.clientWidth, c = e.height.baseVal.value || e.clientHeight;
+function G(e, t) {
+	let n = W(e), r = new XMLSerializer().serializeToString(n), i = new Blob([r], { type: "image/svg+xml;charset=utf-8" }), a = URL.createObjectURL(i), o = new Image(), s = e.width.baseVal.value || e.clientWidth, c = e.height.baseVal.value || e.clientHeight;
 	o.onload = () => {
 		let e = document.createElement("canvas");
 		e.width = s * 2, e.height = c * 2;
 		let n = e.getContext("2d");
 		n.scale(2, 2), n.drawImage(o, 0, 0, s, c), e.toBlob((e) => {
-			e && Me(e, `${t}.png`);
+			e && H(e, `${t}.png`);
 		}), URL.revokeObjectURL(a);
 	}, o.src = a;
 }
-function Fe(e, t) {
-	Me(new Blob([e], { type: "text/csv" }), `${t}.csv`);
+function K(e, t) {
+	H(new Blob([e], { type: "text/csv" }), `${t}.csv`);
 }
 //#endregion
 //#region src/_shared/useChartFullscreen.ts
@@ -517,18 +517,18 @@ function Ve(e) {
 		i && a.push(i.menuItem.value), a.push({
 			label: "Save as SVG",
 			action: () => {
-				t.value && K(t.value, n);
+				t.value && Fe(t.value, n);
 			}
 		}, {
 			label: "Save as PNG",
 			action: () => {
-				t.value && Pe(t.value, n);
+				t.value && G(t.value, n);
 			}
 		});
 		let o = e.downloadButton?.();
 		return !e.downloadLink() && !o && a.push({
 			label: "Download CSV",
-			action: () => Fe(e.getCsv(), n)
+			action: () => K(e.getCsv(), n)
 		}), a;
 	}), o = n(() => {
 		if (e.downloadButton?.()) return null;
@@ -539,7 +539,7 @@ function Ve(e) {
 		return t ? typeof t == "string" ? t : "Download data (CSV)" : null;
 	});
 	function l() {
-		Fe(e.getCsv(), r());
+		K(e.getCsv(), r());
 	}
 	return {
 		svgRef: t,
@@ -591,21 +591,21 @@ var Ge = {
 	"d",
 	"stroke",
 	"stroke-width"
-], q = [
+], Je = [
 	"fill",
 	"stroke",
 	"stroke-width",
 	"transform"
-], Je = [
+], Ye = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], J = [
+], q = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Y = ["fill", "transform"], Ye = [
+], Xe = ["fill", "transform"], J = [
 	"x",
 	"y",
 	"text-anchor",
@@ -614,7 +614,7 @@ var Ge = {
 	"fill",
 	"stroke",
 	"stroke-width"
-], X = ["x", "dy"], Z = ["font-weight", "font-style"], Xe = 13, Ze = "normal", Qe = 700, $e = "var(--color-bg-0, #fff)", et = 3, tt = 1, nt = 4, rt = 6, it = 1.2, at = .35, ot = /* @__PURE__ */ l({
+], Y = ["x", "dy"], Ze = ["font-weight", "font-style"], X = 13, Z = "normal", Qe = 700, $e = "var(--color-bg-0, #fff)", et = 3, tt = 1, nt = 4, rt = 6, it = 1.2, at = .35, ot = /* @__PURE__ */ l({
 	__name: "ChartAnnotations",
 	props: {
 		annotations: { default: () => [] },
@@ -651,18 +651,18 @@ var Ge = {
 				if (!n || !isFinite(n.x) || !isFinite(n.y)) continue;
 				let i = t.pointer ?? "curved", a = i.startsWith("rule");
 				if (a && !r.bounds) continue;
-				let { x: o, y: l } = t.offset, d = n.x + o, p = n.y + l, m = t.color ?? "currentColor", h = t.fontSize ?? Xe, g = t.fontWeight ?? Ze, _ = t.outlineColor ?? $e, v = t.outlineWidth ?? et, y = t.lineColor ?? m, b = t.lineWidth ?? tt, x = s(t.lineDash), ee = {
+				let { x: o, y: l } = t.offset, d = n.x + o, p = n.y + l, m = t.color ?? "currentColor", h = t.fontSize ?? X, g = t.fontWeight ?? Z, _ = t.outlineColor ?? $e, v = t.outlineWidth ?? et, y = t.lineColor ?? m, b = t.lineWidth ?? tt, x = s(t.lineDash), ee = {
 					left: "start",
 					center: "middle",
 					right: "end"
-				}[t.align ?? (o > 0 ? "left" : o < 0 ? "right" : "center")], S, C = "", w, T = !a && (t.arrow ?? !0);
-				if (a && r.bounds) S = u(i, n.x, n.y, r.bounds);
+				}[t.align ?? (o > 0 ? "left" : o < 0 ? "right" : "center")], S = t.text.split("\n").map(c), C, te = "", w, T = !a && (t.arrow ?? !0);
+				if (a && r.bounds) C = u(i, n.x, n.y, r.bounds);
 				else {
-					let e = f(n.x, n.y, d, p, h, i);
-					C = e.path, T && e.arrow && (w = e.arrow);
+					let e = f(n.x, n.y, d, p, h, S.length, i);
+					te = e.path, T && e.arrow && (w = e.arrow);
 				}
 				e.push({
-					lines: t.text.split("\n").map(c),
+					lines: S,
 					textX: d,
 					textY: p,
 					textAnchor: ee,
@@ -672,14 +672,14 @@ var Ge = {
 					color: m,
 					outlineColor: _,
 					outlineWidth: v,
-					pointerPath: C,
+					pointerPath: te,
 					lineColor: y,
 					lineWidth: b,
 					lineDash: x,
 					arrow: T,
 					arrowTip: w,
 					arrowTransform: w ? `translate(${w.x} ${w.y}) rotate(${w.angle})` : "",
-					rule: S
+					rule: C
 				});
 			}
 			return e;
@@ -730,13 +730,13 @@ var Ge = {
 				};
 			}
 		}
-		function f(e, t, n, r, i, a) {
-			if (a === "none") return { path: "" };
-			let o = n - e, s = r - t, c = r - i * at;
-			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 <= 10) return { path: "" };
-				let u = a / l, d = o / l, f = e + u * nt, p = t + d * nt, m = n - u * rt, h = i - d * rt, g = Math.atan2(-d, -u) * 180 / Math.PI;
+		function f(e, t, n, r, i, a, o) {
+			if (o === "none") return { path: "" };
+			let s = n - e, c = r - t, l = i * it, u = (c < 0 ? r + (a - 1) * l : r) - i * at;
+			if (s === 0 || c === 0 || o === "straight") {
+				let i = c === 0 ? r : u, a = n - e, o = i - t, s = Math.hypot(a, o);
+				if (s <= 10) return { path: "" };
+				let l = a / s, d = o / s, f = e + l * nt, p = t + d * nt, m = n - l * rt, h = i - d * rt, g = Math.atan2(-d, -l) * 180 / Math.PI;
 				return {
 					path: `M${f},${p} L${m},${h}`,
 					arrow: {
@@ -746,15 +746,15 @@ var Ge = {
 					}
 				};
 			}
-			let l = c - t;
-			if (Math.abs(l) <= nt || Math.abs(o) <= rt) return { path: "" };
-			let u = Math.sign(o), d = Math.sign(l), f = e, p = t + d * nt, m = n - u * rt, h = c, g = d > 0 ? -90 : 90;
+			let d = u - t;
+			if (Math.abs(d) <= nt || Math.abs(s) <= rt) return { path: "" };
+			let f = Math.sign(s), p = Math.sign(d), m = e, h = t + p * nt, g = n - f * rt, _ = u, v = p > 0 ? -90 : 90;
 			return {
-				path: `M${f},${p} Q${f},${c} ${m},${h}`,
+				path: `M${m},${h} Q${m},${u} ${g},${_}`,
 				arrow: {
-					x: f,
-					y: p,
-					angle: g
+					x: m,
+					y: h,
+					angle: v
 				}
 			};
 		}
@@ -786,7 +786,7 @@ var Ge = {
 				"stroke-width": t.outlineWidth,
 				"stroke-linejoin": "round",
 				transform: t.arrowTransform
-			}, null, 8, q)) : i("", !0),
+			}, null, 8, Je)) : i("", !0),
 			t.rule ? (_(), a("line", d({
 				key: 3,
 				ref_for: !0
@@ -795,7 +795,7 @@ var Ge = {
 				"stroke-width": t.lineWidth,
 				"stroke-dasharray": t.lineDash,
 				"stroke-linecap": "round"
-			}), null, 16, Je)) : i("", !0),
+			}), null, 16, Ye)) : i("", !0),
 			t.pointerPath ? (_(), a("path", {
 				key: 4,
 				d: t.pointerPath,
@@ -804,13 +804,13 @@ var Ge = {
 				"stroke-width": t.lineWidth,
 				"stroke-dasharray": t.lineDash,
 				"stroke-linecap": "round"
-			}, null, 8, J)) : i("", !0),
+			}, null, 8, q)) : i("", !0),
 			t.arrowTip ? (_(), a("polygon", {
 				key: 5,
 				points: "0,0 -6,-3 -6,3",
 				fill: t.lineColor,
 				transform: t.arrowTransform
-			}, null, 8, Y)) : i("", !0),
+			}, null, 8, Xe)) : i("", !0),
 			o("text", {
 				x: t.textX,
 				y: t.textY,
@@ -830,7 +830,7 @@ var Ge = {
 				key: t,
 				"font-weight": e.bold ? Qe : void 0,
 				"font-style": e.italic ? "italic" : void 0
-			}, x(e.text), 9, Z))), 128))], 8, X))), 128))], 8, Ye)
+			}, x(e.text), 9, Ze))), 128))], 8, Y))), 128))], 8, J)
 		], 64))), 128))]));
 	}
 }), st = 400, ct = 200;
@@ -858,7 +858,7 @@ function lt(e) {
 		width: () => g.value,
 		height: () => _.value,
 		extraPadding: e.chartPadding
-	}), { hoverIndex: C, tooltipRef: w, tooltipPos: T, handlers: E } = je({
+	}), { hoverIndex: C, tooltipRef: te, tooltipPos: w, handlers: T } = Me({
 		enabled: e.hasTooltipSlot,
 		trigger: e.tooltipTrigger,
 		clamp: () => e.tooltipClamp() ?? "chart",
@@ -879,9 +879,9 @@ function lt(e) {
 		innerH: ee,
 		bounds: S,
 		hoverIndex: C,
-		tooltipRef: w,
-		tooltipPos: T,
-		tooltipHandlers: E,
+		tooltipRef: te,
+		tooltipPos: w,
+		tooltipHandlers: T,
 		menuItems: o,
 		downloadLinkText: s,
 		csvHref: c,
@@ -898,9 +898,9 @@ function lt(e) {
 function ut(e, t) {
 	return (n) => {
 		let r = e();
-		if (r !== void 0) return te(n, r);
+		if (r !== void 0) return ne(n, r);
 		let i = t();
-		return i === void 0 ? he(n) : te(n, i);
+		return i === void 0 ? B(n) : ne(n, i);
 	};
 }
 //#endregion
@@ -955,46 +955,46 @@ function gt(e, t = "#ffffff", n = "#1a1a1a") {
 }
 //#endregion
 //#region src/_shared/dateAxis.ts
-var _t = /^(\d{4})-(\d{2})-(\d{2})$/, vt = /^(\d{4})-(\d{2})-(\d{2})[Tt ](\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?(Z|[+-]\d{2}:?\d{2})?$/, Q = 1e3, yt = 60 * Q, bt = 60 * yt, xt = 24 * bt, St = 7 * xt, Ct = 30 * xt, wt = 365 * xt, Tt = [
+var _t = /^(\d{4})-(\d{2})-(\d{2})$/, vt = /^(\d{4})-(\d{2})-(\d{2})[Tt ](\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?(Z|[+-]\d{2}:?\d{2})?$/, yt = 1e3, Q = 60 * yt, bt = 60 * Q, xt = 24 * bt, St = 7 * xt, Ct = 30 * xt, wt = 365 * xt, Tt = [
 	{
 		unit: "second",
 		step: 1,
-		ms: 1 * Q
+		ms: 1 * yt
 	},
 	{
 		unit: "second",
 		step: 5,
-		ms: 5 * Q
+		ms: 5 * yt
 	},
 	{
 		unit: "second",
 		step: 15,
-		ms: 15 * Q
+		ms: 15 * yt
 	},
 	{
 		unit: "second",
 		step: 30,
-		ms: 30 * Q
+		ms: 30 * yt
 	},
 	{
 		unit: "minute",
 		step: 1,
-		ms: 1 * yt
+		ms: 1 * Q
 	},
 	{
 		unit: "minute",
 		step: 5,
-		ms: 5 * yt
+		ms: 5 * Q
 	},
 	{
 		unit: "minute",
 		step: 15,
-		ms: 15 * yt
+		ms: 15 * Q
 	},
 	{
 		unit: "minute",
 		step: 30,
-		ms: 30 * yt
+		ms: 30 * Q
 	},
 	{
 		unit: "hour",
@@ -1098,7 +1098,7 @@ function Dt(e, t) {
 		let e = +r[1], n = r[2] - 1, i = +r[3], a = +r[4], o = +r[5], s = r[6] ? +r[6] : 0, c = r[7] ? Number("0." + r[7]) * 1e3 : 0, l = r[8];
 		if (l) {
 			if (l === "Z" || l === "z") return Date.UTC(e, n, i, a, o, s, c);
-			let t = l[0] === "+" ? 1 : -1, r = +l.slice(1, 3), u = +l.slice(-2), d = t * (r * 60 + u) * yt;
+			let t = l[0] === "+" ? 1 : -1, r = +l.slice(1, 3), u = +l.slice(-2), d = t * (r * 60 + u) * Q;
 			return Date.UTC(e, n, i, a, o, s, c) - d;
 		}
 		return t === "utc" ? Date.UTC(e, n, i, a, o, s, c) : new Date(e, n, i, a, o, s, c).getTime();
@@ -1124,8 +1124,8 @@ function At(e, t) {
 function jt(e, t, n) {
 	let r = new Date(e);
 	if (n === "utc") switch (t) {
-		case "second": return Math.floor(e / Q) * Q;
-		case "minute": return Math.floor(e / yt) * yt;
+		case "second": return Math.floor(e / yt) * yt;
+		case "minute": return Math.floor(e / Q) * Q;
 		case "hour": return Math.floor(e / bt) * bt;
 		case "day": return Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate());
 		case "week": {
@@ -1136,8 +1136,8 @@ function jt(e, t, n) {
 		case "year": return Date.UTC(r.getUTCFullYear(), 0, 1);
 	}
 	switch (t) {
-		case "second": return Math.floor(e / Q) * Q;
-		case "minute": return Math.floor(e / yt) * yt;
+		case "second": return Math.floor(e / yt) * yt;
+		case "minute": return Math.floor(e / Q) * Q;
 		case "hour": return new Date(r.getFullYear(), r.getMonth(), r.getDate(), r.getHours()).getTime();
 		case "day": return new Date(r.getFullYear(), r.getMonth(), r.getDate()).getTime();
 		case "week": {
@@ -1149,8 +1149,8 @@ function jt(e, t, n) {
 	}
 }
 function Mt(e, t, n, r) {
-	if (t === "second") return e + n * Q;
-	if (t === "minute") return e + n * yt;
+	if (t === "second") return e + n * yt;
+	if (t === "minute") return e + n * Q;
 	if (t === "hour" && r === "utc") return e + n * bt;
 	if (t === "week" && r === "utc") return e + n * St;
 	let i = new Date(e);
@@ -1261,40 +1261,35 @@ function zt(e, t, n, r) {
 }
 //#endregion
 //#region src/LineChart/LineChart.vue?vue&type=script&setup=true&lang.ts
-var Bt = {
+var Bt = ["role", "aria-label"], Vt = {
 	class: "chart-sr-only",
 	"aria-live": "polite"
-}, Vt = ["width", "height"], Ht = [
+}, Ht = ["width", "height"], Ut = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"font-weight",
 	"fill"
-], Ut = ["x", "dy"], Wt = { key: 1 }, Gt = [
+], Wt = ["x", "dy"], Gt = { key: 1 }, Kt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], Kt = [
+], qt = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], qt = [
+], Jt = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], Jt = [
-	"x1",
-	"y1",
-	"x2",
-	"y2"
 ], Yt = [
 	"x1",
 	"y1",
@@ -1311,18 +1306,23 @@ var Bt = {
 	"x2",
 	"y2"
 ], Qt = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], $t = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], $t = [
+], en = [
 	"transform",
 	"font-size",
 	"fill",
 	"font-weight"
-], en = [
+], tn = [
 	"x",
 	"y",
 	"text-anchor",
@@ -1330,43 +1330,43 @@ var Bt = {
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], tn = [
+], nn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], nn = [
+], rn = [
 	"d",
 	"fill",
 	"fill-opacity"
-], rn = [
+], an = [
 	"d",
 	"stroke",
 	"stroke-width"
-], an = [
+], on = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], on = [
+], sn = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], sn = [
+], cn = [
 	"d",
 	"fill",
 	"fill-opacity"
-], cn = [
+], ln = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], ln = [
+], un = [
 	"x1",
 	"y1",
 	"x2",
@@ -1374,7 +1374,7 @@ var Bt = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], un = [
+], dn = [
 	"x1",
 	"y1",
 	"x2",
@@ -1382,53 +1382,53 @@ var Bt = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], dn = [
+], fn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], fn = [
+], pn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], pn = [
+], mn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], mn = [
+], hn = [
 	"cx",
 	"cy",
 	"fill"
-], hn = [
+], gn = [
 	"x",
 	"y",
 	"width",
 	"height"
-], gn = [
+], _n = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], _n = [
+], vn = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"fill"
-], vn = [
+], yn = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"fill",
 	"fill-opacity"
-], yn = { class: "line-chart-tooltip" }, bn = {
+], bn = { class: "line-chart-tooltip" }, xn = {
 	key: 0,
 	class: "line-chart-tooltip-label"
-}, xn = ["href", "download"], Sn = 36, Cn = 12, wn = 7, Tn = 16, En = /* @__PURE__ */ L(/* @__PURE__ */ l({
+}, Sn = ["href", "download"], Cn = 36, wn = 12, Tn = 7, En = 16, Dn = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "LineChart",
 	props: {
@@ -1454,6 +1454,8 @@ var Bt = {
 		height: {},
 		title: {},
 		titleStyle: {},
+		role: {},
+		ariaLabel: {},
 		axisLabelStyle: {},
 		tickLabelStyle: {},
 		legendStyle: {},
@@ -1478,21 +1480,21 @@ var Bt = {
 	},
 	emits: ["hover"],
 	setup(c, { emit: l }) {
-		let f = c, h = l, g = [];
-		function* v(e) {
+		let f = c, h = n(() => f.ariaLabel ?? f.title), g = n(() => f.role ?? (h.value ? "figure" : void 0)), v = l, S = [];
+		function* te(e) {
 			if (e.x && e.x.length > 0 && (yield e.x), e.series) for (let t of e.series) t.x && t.x.length > 0 && (yield t.x);
 			if (e.areas) for (let t of e.areas) t.x && t.x.length > 0 && (yield t.x);
 		}
-		function S(e, t, n) {
+		function w(e, t, n) {
 			if (!e) return;
 			if (!t) return e;
 			let r = new Float64Array(e.length);
 			for (let t = 0; t < e.length; t++) r[t] = Dt(e[t], n) ?? NaN;
 			return r;
 		}
-		let w = ut(() => f.tooltipValueFormat, () => f.yTickFormat), T = n(() => f.timezone ?? "utc"), E = n(() => {
-			let e = T.value, t = !1, n = !1;
-			for (let r of v(f)) {
+		let T = ut(() => f.tooltipValueFormat, () => f.yTickFormat), E = n(() => f.timezone ?? "utc"), D = n(() => {
+			let e = E.value, t = !1, n = !1;
+			for (let r of te(f)) {
 				if (n = !0, !kt(r, e)) {
 					t = !1;
 					break;
@@ -1502,42 +1504,42 @@ var Bt = {
 			n || (t = !1);
 			let r = f.series && f.series.length > 0 ? f.series.map((n) => ({
 				...n,
-				data: n.y ?? n.data ?? g,
-				x: S(n.x, t, e)
+				data: n.y ?? n.data ?? S,
+				x: w(n.x, t, e)
 			})) : (() => {
 				let n = f.y ?? f.data;
 				return n ? [{
 					data: n,
-					x: S(f.x, t, e)
+					x: w(f.x, t, e)
 				}] : [];
 			})(), i = (f.areas ?? []).map((n) => ({
 				...n,
-				x: S(n.x, t, e)
+				x: w(n.x, t, e)
 			}));
 			return {
 				isDate: t,
 				series: r,
 				areas: i
 			};
-		}), D = n(() => E.value.isDate), O = n(() => E.value.series), k = n(() => E.value.areas), A = n(() => {
+		}), O = n(() => D.value.isDate), k = n(() => D.value.series), A = n(() => D.value.areas), re = 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 k.value) t.data.length > e && (e = t.data.length);
+			for (let t of A.value) t.upper.length > e && (e = t.upper.length), t.lower.length > e && (e = t.lower.length);
 			return e;
-		}), j = n(() => O.value.some((e) => e.x != null) || k.value.some((e) => e.x != null));
+		}), j = n(() => k.value.some((e) => e.x != null) || A.value.some((e) => e.x != null));
 		function M(e, t) {
 			return e.x ? Number(e.x[t]) : t;
 		}
 		function N(e, t) {
 			return e.x ? Number(e.x[t]) : t;
 		}
-		let ne = n(() => j.value ? 0 : f.xMin ?? 0), re = n(() => {
+		let ie = n(() => j.value ? 0 : f.xMin ?? 0), ae = n(() => {
 			let e = Infinity, t = -Infinity;
-			for (let n of O.value) for (let r = 0; r < n.data.length; r++) {
+			for (let n of k.value) for (let r = 0; r < n.data.length; r++) {
 				let i = M(n, r);
 				isFinite(i) && (i < e && (e = i), i > t && (t = i));
 			}
-			for (let n of k.value) {
+			for (let n of A.value) {
 				let r = Math.max(n.upper.length, n.lower.length);
 				for (let i = 0; i < r; i++) {
 					let r = N(n, i);
@@ -1553,15 +1555,15 @@ var Bt = {
 			};
 		});
 		function P(e) {
-			let { min: t, max: n } = re.value, r = n - t || 1;
+			let { min: t, max: n } = ae.value, r = n - t || 1;
 			return U.value.left + (e - t) / r * G.value;
 		}
-		let ie = n(() => {
+		let oe = n(() => {
 			let e = Infinity, t = -Infinity, n = Infinity, r = (r) => {
 				isFinite(r) && (r < e && (e = r), r > t && (t = r), r > 0 && r < n && (n = r));
 			};
-			for (let e of O.value) for (let t of e.data) r(t);
-			for (let e of k.value) {
+			for (let e of k.value) for (let t of e.data) r(t);
+			for (let e of A.value) {
 				for (let t of e.upper) r(t);
 				for (let t of e.lower) r(t);
 			}
@@ -1579,10 +1581,10 @@ var Bt = {
 			};
 		});
 		function F(e) {
-			let { min: t, max: n } = ie.value;
+			let { min: t, max: n } = oe.value;
 			return U.value.top + K.value - _e(e, t, n, f.yScaleType) * K.value;
 		}
-		function ae(e) {
+		function se(e) {
 			let t = e.data;
 			if (t.length === 0) return "";
 			let n = "", r = !1;
@@ -1597,7 +1599,7 @@ var Bt = {
 			}
 			return n;
 		}
-		function oe(e) {
+		function ce(e) {
 			let t = e.data, n = [];
 			for (let r = 0; r < t.length; r++) {
 				let i = M(e, r);
@@ -1608,7 +1610,7 @@ var Bt = {
 			}
 			return n;
 		}
-		function se(e) {
+		function le(e) {
 			let t = Math.min(e.upper.length, e.lower.length);
 			if (t === 0) return "";
 			let n = [], r = [];
@@ -1624,16 +1626,16 @@ var Bt = {
 			return i;
 		}
 		function I(e, t) {
-			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && O.value[e.seriesIndex] || O.value[0];
+			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && k.value[e.seriesIndex] || k.value[0];
 			return P(r ? M(r, n) : n);
 		}
-		function ce(e, t = !0) {
+		function ue(e, t = !0) {
 			let n = U.value.top + K.value;
 			if (e.seriesIndex == null) {
 				let t = I(e, "start"), r = I(e, "end");
 				return t > r ? "" : `M${t},${U.value.top}L${r},${U.value.top}L${r},${n}L${t},${n}Z`;
 			}
-			let r = O.value[e.seriesIndex];
+			let r = k.value[e.seriesIndex];
 			if (!r) return "";
 			let i = Math.max(0, e.startIndex), a = Math.min(r.data.length - 1, e.endIndex);
 			if (i > a) return "";
@@ -1641,7 +1643,7 @@ var Bt = {
 			for (let e = i + 1; e <= a; e++) isFinite(r.data[e]) && (o += `L${P(M(r, e))},${F(r.data[e])}`);
 			return t && (o += `L${P(M(r, a))},${n}`, o += `L${P(M(r, i))},${n}`, o += "Z"), o;
 		}
-		let le = n(() => {
+		let de = n(() => {
 			let e = f.areaSections;
 			if (!e?.length) return {
 				labels: [],
@@ -1650,11 +1652,11 @@ var Bt = {
 			let t = [], n = U.value.left + G.value;
 			for (let r of e) {
 				if (!r.label && !r.description || r.legend === "inline" || r.legend === !1) continue;
-				let e = r.label ?? "", i = r.description ?? "", a = Math.max(e.length, i.length) * wn, o = I(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : O.value[r.seriesIndex]?.color ?? "currentColor"), u = Se({
+				let e = r.label ?? "", i = r.description ?? "", a = Math.max(e.length, i.length) * Tn, o = I(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : k.value[r.seriesIndex]?.color ?? "currentColor"), u = V({
 					color: l,
 					fontWeight: 600,
 					...r.inlineLabelStyle
-				}, { fontSize: 11 }), d = Se(r.inlineDescriptionStyle, {
+				}, { fontSize: 11 }), d = V(r.inlineDescriptionStyle, {
 					fontSize: 11,
 					fillOpacity: .6
 				});
@@ -1674,7 +1676,7 @@ var Bt = {
 			let r = [];
 			for (let e of t) {
 				let t = e.cx - e.textWidth / 2, n = 0;
-				for (; n < r.length && !(t >= r[n] + Tn);) n++;
+				for (; n < r.length && !(t >= r[n] + En);) n++;
 				e.row = n;
 				let i = e.cx + e.textWidth / 2;
 				r[n] = Math.max(r[n] ?? -Infinity, i);
@@ -1684,11 +1686,11 @@ var Bt = {
 				extraHeight: 0
 			} : {
 				labels: t,
-				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * Sn + Cn
+				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * Cn + wn
 			};
-		}), ue = n(() => {
+		}), fe = n(() => {
 			let e = [];
-			for (let t of O.value) !t.legend || t.showInLegend === !1 || e.push({
+			for (let t of k.value) !t.legend || t.showInLegend === !1 || e.push({
 				label: t.legend,
 				color: t.color ?? "currentColor",
 				type: "series",
@@ -1697,7 +1699,7 @@ var Bt = {
 			let t = f.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" : k.value[n.seriesIndex]?.color ?? "currentColor");
 				e.push({
 					label: t,
 					color: r,
@@ -1706,8 +1708,8 @@ var Bt = {
 				});
 			}
 			return e;
-		}), de = n(() => ue.value.map((e) => e.label)), fe = n(() => Me.value + le.value.extraHeight), L = n(() => U.value.top + K.value + U.value.bottom + Cn), z = n(() => {
-			let { min: e, max: t } = ie.value, n = (e) => f.yTickFormat === void 0 ? he(e) : te(e, f.yTickFormat);
+		}), L = n(() => fe.value.map((e) => e.label)), me = n(() => Pe.value + de.value.extraHeight), he = n(() => U.value.top + K.value + U.value.bottom + wn), z = n(() => {
+			let { min: e, max: t } = oe.value, n = (e) => f.yTickFormat === void 0 ? B(e) : ne(e, f.yTickFormat);
 			return e === t ? [{
 				value: n(e),
 				y: R(U.value.top + K.value / 2)
@@ -1725,18 +1727,18 @@ var Bt = {
 				y: R(F(e))
 			}));
 		});
-		function B(e, t, n) {
+		function be(e, t, n) {
 			let r = f.xTickFormat;
-			if (D.value) return typeof r == "function" ? r(e, t) : zt(e, r, T.value, n);
-			let i = e + ne.value;
-			return r === void 0 ? !j.value && f.xLabels && Number.isInteger(e) && e >= 0 && e < f.xLabels.length ? f.xLabels[e] : he(i) : typeof r == "function" ? r(i, t) : te(i, r);
+			if (O.value) return typeof r == "function" ? r(e, t) : zt(e, r, E.value, n);
+			let i = e + ie.value;
+			return r === void 0 ? !j.value && f.xLabels && Number.isInteger(e) && e >= 0 && e < f.xLabels.length ? f.xLabels[e] : B(i) : typeof r == "function" ? r(i, t) : ne(i, r);
 		}
-		let me = n(() => {
-			let { min: e, max: t } = re.value;
+		let Se = n(() => {
+			let { min: e, max: t } = ae.value;
 			if (e === t) return [];
-			let n = D.value, r = n ? 0 : ne.value, i = A.value, a = G.value / 80, o, s;
+			let n = O.value, r = n ? 0 : ie.value, i = re.value, a = G.value / 80, o, s;
 			if (n) {
-				let n = Nt(e, t, a, T.value);
+				let n = Nt(e, t, a, E.value);
 				s = n.unit, o = ge({
 					min: e,
 					max: t,
@@ -1757,20 +1759,20 @@ var Bt = {
 			return o.map((e, t) => {
 				let n = R(P(e)), r = "middle";
 				return n - c <= 1 ? r = "start" : l - n <= 1 && (r = "end"), {
-					value: B(e, t, s),
+					value: be(e, t, s),
 					x: n,
 					anchor: r
 				};
 			});
 		});
-		function be() {
-			return typeof f.csv == "function" ? f.csv() : typeof f.csv == "string" ? f.csv : He(O.value);
+		function Ce() {
+			return typeof f.csv == "function" ? f.csv() : typeof f.csv == "string" ? f.csv : He(k.value);
 		}
-		let xe = n(() => !!f.tooltipData || !!f.tooltipTrigger), Ce = n(() => {
-			let e = Fe.value, t = O.value[0];
+		let we = n(() => !!f.tooltipData || !!f.tooltipTrigger), Te = n(() => {
+			let e = Le.value, t = k.value[0];
 			return e === null || !t ? null : M(t, e);
-		}), we = n(() => Ce.value === null ? 0 : P(Ce.value));
-		function Te(e, t) {
+		}), Ee = n(() => Te.value === null ? 0 : P(Te.value));
+		function De(e, t) {
 			let n = e.data.length;
 			if (n === 0) return null;
 			let r = 0, i = Infinity;
@@ -1782,13 +1784,13 @@ var Bt = {
 			}
 			return i === Infinity ? null : r;
 		}
-		let Ee = n(() => {
-			let e = Ce.value;
+		let Oe = n(() => {
+			let e = Te.value;
 			if (e === null) return [];
 			let t = [];
-			for (let n of O.value) {
+			for (let n of k.value) {
 				if (n.showInTooltip === !1) continue;
-				let r = Te(n, e);
+				let r = De(n, e);
 				if (r === null) continue;
 				let i = n.data[r];
 				isFinite(i) && t.push({
@@ -1798,14 +1800,14 @@ var Bt = {
 				});
 			}
 			return t;
-		}), De = n(() => {
-			let e = Fe.value, t = Ce.value;
+		}), ke = n(() => {
+			let e = Le.value, t = Te.value;
 			if (e === null || t === null) return null;
-			let n = B(t, e), r = O.value, i = [];
+			let n = be(t, e), r = k.value, i = [];
 			for (let e = 0; e < r.length; e++) {
 				let n = r[e];
 				if (n.showInTooltip === !1) continue;
-				let a = Te(n, t);
+				let a = De(n, t);
 				i.push({
 					value: a === null ? NaN : Number(n.data[a]),
 					color: n.color ?? "currentColor",
@@ -1819,21 +1821,21 @@ var Bt = {
 				data: f.tooltipData?.[e] ?? null
 			};
 		});
-		function Oe(e, t) {
+		function Ae(e, t) {
 			return !isFinite(e) || !isFinite(t) ? null : {
-				x: P(e - ne.value),
+				x: P(e - ie.value),
 				y: F(t)
 			};
 		}
-		function ke(e) {
-			let t = Ae.value?.getBoundingClientRect();
+		function je(e) {
+			let t = Me.value?.getBoundingClientRect();
 			if (!t) return null;
-			let n = O.value[0];
+			let n = k.value[0];
 			if (!n || n.data.length === 0) return null;
-			let { min: r, max: i } = re.value, a = i - r || 1;
-			return Te(n, r + (e - t.left - U.value.left) / G.value * a);
+			let { min: r, max: i } = ae.value, a = i - r || 1;
+			return De(n, r + (e - t.left - U.value.left) / G.value * a);
 		}
-		let { containerRef: Ae, svgRef: H, width: je, height: Me, padding: U, legendY: W, inlineLegendLayout: Ne, innerW: G, innerH: K, bounds: Pe, hoverIndex: Fe, tooltipRef: Ie, tooltipPos: Le, tooltipHandlers: Re, menuItems: ze, downloadLinkText: Be, csvHref: Ve, downloadButtonText: Ue, triggerCsvDownload: We, menuFilename: Ge, isFullscreen: Ke, fullscreenStyle: qe, teleportTarget: q, exitFullscreen: Je } = lt({
+		let { containerRef: Me, svgRef: H, width: Ne, height: Pe, padding: U, legendY: W, inlineLegendLayout: Fe, innerW: G, innerH: K, bounds: Ie, hoverIndex: Le, tooltipRef: Re, tooltipPos: ze, tooltipHandlers: Be, menuItems: Ve, downloadLinkText: Ue, csvHref: We, downloadButtonText: Ge, triggerCsvDownload: Ke, menuFilename: qe, isFullscreen: Je, fullscreenStyle: Ye, teleportTarget: q, exitFullscreen: Xe } = lt({
 			width: () => f.width,
 			height: () => f.height,
 			title: () => f.title,
@@ -1849,17 +1851,17 @@ var Bt = {
 			downloadButton: () => f.downloadButton,
 			fullscreenTarget: () => f.fullscreenTarget,
 			chartPadding: () => f.chartPadding,
-			inlineLegendLabels: () => de.value,
-			hasTooltipSlot: () => xe.value,
-			getCsv: be,
-			pointerToIndex: ke,
-			onHover: (e) => h("hover", e),
-			extraBelowHeight: () => le.value.extraHeight
-		}), J = n(() => Se(f.axisLabelStyle, { fontSize: 13 })), Y = n(() => Se(f.tickLabelStyle, {
+			inlineLegendLabels: () => L.value,
+			hasTooltipSlot: () => we.value,
+			getCsv: Ce,
+			pointerToIndex: je,
+			onHover: (e) => v("hover", e),
+			extraBelowHeight: () => de.value.extraHeight
+		}), J = n(() => V(f.axisLabelStyle, { fontSize: 13 })), Y = n(() => V(f.tickLabelStyle, {
 			fontSize: 10,
-			fillOpacity: V
-		})), Ye = n(() => Se(f.legendStyle, { fontSize: 11 })), X = n(() => {
-			let e = f.titleStyle, t = e?.align ?? "left", n = Pe.value, r = t === "left" ? n.left : t === "right" ? n.right : n.left + n.width / 2, i = t === "left" ? "start" : t === "right" ? "end" : "middle";
+			fillOpacity: xe
+		})), Ze = n(() => V(f.legendStyle, { fontSize: 11 })), X = n(() => {
+			let e = f.titleStyle, t = e?.align ?? "left", n = Ie.value, r = t === "left" ? n.left : t === "right" ? n.right : n.left + n.width / 2, i = t === "left" ? "start" : t === "right" ? "end" : "middle";
 			return {
 				lines: (f.title ?? "").split("\n"),
 				fontSize: e?.fontSize ?? 14,
@@ -1870,8 +1872,8 @@ var Bt = {
 				anchor: i
 			};
 		}), Z = n(() => {
-			let e = Ne.value.positions, t = U.value.left, n = W.value;
-			return ue.value.map((r, i) => {
+			let e = Fe.value.positions, t = U.value.left, n = W.value;
+			return fe.value.map((r, i) => {
 				let a = e[i];
 				return {
 					...r,
@@ -1882,30 +1884,32 @@ var Bt = {
 		});
 		return (n, l) => (_(), r(t, {
 			to: C(q),
-			disabled: !C(Ke)
+			disabled: !C(Je)
 		}, [o("div", d({
 			ref_key: "containerRef",
-			ref: Ae
+			ref: Me
 		}, n.$attrs, {
-			class: ["line-chart-wrapper", { "is-fullscreen": C(Ke) }],
-			style: C(qe)
+			class: ["line-chart-wrapper", { "is-fullscreen": C(Je) }],
+			style: C(Ye),
+			role: g.value || void 0,
+			"aria-label": h.value || void 0
 		}), [
 			c.menu ? (_(), r(pe, {
 				key: 0,
-				items: C(ze),
-				"is-fullscreen": C(Ke),
-				onClose: C(Je)
+				items: C(Ve),
+				"is-fullscreen": C(Je),
+				onClose: C(Xe)
 			}, null, 8, [
 				"items",
 				"is-fullscreen",
 				"onClose"
 			])) : i("", !0),
-			o("div", Bt, x(C(Ke) ? "Chart expanded to fill window" : ""), 1),
+			o("div", Vt, x(C(Je) ? "Chart expanded to fill window" : ""), 1),
 			(_(), a("svg", {
 				ref_key: "svgRef",
 				ref: H,
-				width: C(je),
-				height: fe.value
+				width: C(Ne),
+				height: me.value
 			}, [
 				c.title ? (_(), a("text", {
 					key: 0,
@@ -1919,8 +1923,8 @@ var Bt = {
 					key: t,
 					x: X.value.x,
 					dy: t === 0 ? 0 : X.value.lineHeight
-				}, x(e), 9, Ut))), 128))], 8, Ht)) : i("", !0),
-				Z.value.length > 0 ? (_(), a("g", Wt, [(_(!0), a(e, null, y(Z.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
+				}, x(e), 9, Wt))), 128))], 8, Ut)) : i("", !0),
+				Z.value.length > 0 ? (_(), a("g", Gt, [(_(!0), a(e, null, y(Z.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
 					key: 0,
 					x1: t.x,
 					y1: t.y,
@@ -1929,7 +1933,7 @@ var Bt = {
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, Gt)) : (_(), a("circle", {
+				}, null, 8, Kt)) : (_(), a("circle", {
 					key: 1,
 					cx: t.x + 4,
 					cy: t.y,
@@ -1938,13 +1942,13 @@ var Bt = {
 					"fill-opacity": t.fillOpacity,
 					stroke: t.color,
 					"stroke-width": "1.5"
-				}, null, 8, Kt)), o("text", {
+				}, null, 8, qt)), o("text", {
 					x: t.x + 18,
 					y: t.y + 4,
-					"font-size": Ye.value.fontSize,
-					fill: Ye.value.fill,
-					"font-weight": Ye.value.fontWeight
-				}, x(t.label), 9, qt)], 64))), 128))])) : i("", !0),
+					"font-size": Ze.value.fontSize,
+					fill: Ze.value.fill,
+					"font-weight": Ze.value.fontWeight
+				}, x(t.label), 9, Jt)], 64))), 128))])) : i("", !0),
 				o("line", {
 					x1: C(R)(C(U).left),
 					y1: C(R)(C(U).top),
@@ -1952,7 +1956,7 @@ var Bt = {
 					y2: C(R)(C(U).top + C(K)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Jt),
+				}, null, 8, Yt),
 				o("line", {
 					x1: C(R)(C(U).left),
 					y1: C(R)(C(U).top + C(K)),
@@ -1960,7 +1964,7 @@ var Bt = {
 					y2: C(R)(C(U).top + C(K)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Yt),
+				}, null, 8, Xt),
 				c.yGrid ? (_(!0), a(e, { key: 2 }, y(z.value, (e, t) => (_(), a("line", {
 					key: "yg" + t,
 					x1: C(U).left,
@@ -1969,8 +1973,8 @@ var Bt = {
 					y2: e.y,
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Xt))), 128)) : i("", !0),
-				c.xGrid ? (_(!0), a(e, { key: 3 }, y(me.value, (e, t) => (_(), a("line", {
+				}, null, 8, Zt))), 128)) : i("", !0),
+				c.xGrid ? (_(!0), a(e, { key: 3 }, y(Se.value, (e, t) => (_(), a("line", {
 					key: "xg" + t,
 					x1: e.x,
 					y1: C(U).top,
@@ -1978,7 +1982,7 @@ var Bt = {
 					y2: C(U).top + C(K),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Zt))), 128)) : i("", !0),
+				}, null, 8, Qt))), 128)) : i("", !0),
 				(_(!0), a(e, null, y(z.value, (e, t) => (_(), a("text", {
 					key: "y" + t,
 					"data-testid": "y-tick",
@@ -1990,7 +1994,7 @@ var Bt = {
 					fill: Y.value.fill,
 					"font-weight": Y.value.fontWeight,
 					"fill-opacity": Y.value.fillOpacity
-				}, x(e.value), 9, Qt))), 128)),
+				}, x(e.value), 9, $t))), 128)),
 				c.yLabel ? (_(), a("text", {
 					key: 4,
 					x: 0,
@@ -2000,8 +2004,8 @@ var Bt = {
 					"font-size": J.value.fontSize,
 					fill: J.value.fill,
 					"font-weight": J.value.fontWeight
-				}, x(c.yLabel), 9, $t)) : i("", !0),
-				(_(!0), a(e, null, y(me.value, (e, t) => (_(), a("text", {
+				}, x(c.yLabel), 9, en)) : i("", !0),
+				(_(!0), a(e, null, y(Se.value, (e, t) => (_(), a("text", {
 					key: "x" + t,
 					"data-testid": "x-tick",
 					x: e.x,
@@ -2011,46 +2015,46 @@ var Bt = {
 					fill: Y.value.fill,
 					"font-weight": Y.value.fontWeight,
 					"fill-opacity": Y.value.fillOpacity
-				}, x(e.value), 9, en))), 128)),
+				}, x(e.value), 9, tn))), 128)),
 				c.xLabel ? (_(), a("text", {
 					key: 5,
 					x: C(U).left + C(G) / 2,
-					y: C(Me) - 4,
+					y: C(Pe) - 4,
 					"text-anchor": "middle",
 					"font-size": J.value.fontSize,
 					fill: J.value.fill,
 					"font-weight": J.value.fontWeight
-				}, x(c.xLabel), 9, tn)) : i("", !0),
-				(_(!0), a(e, null, y(k.value, (e, t) => (_(), a("path", {
+				}, x(c.xLabel), 9, nn)) : i("", !0),
+				(_(!0), a(e, null, y(A.value, (e, t) => (_(), a("path", {
 					key: "area" + t,
-					d: se(e),
+					d: le(e),
 					fill: e.color ?? "currentColor",
 					"fill-opacity": e.opacity ?? .2,
 					stroke: "none",
 					style: m(e.blendMode ? { mixBlendMode: e.blendMode } : void 0)
-				}, null, 12, nn))), 128)),
-				(_(!0), a(e, null, y(O.value, (t, n) => (_(), a(e, { key: n }, [
+				}, null, 12, rn))), 128)),
+				(_(!0), a(e, null, y(k.value, (t, n) => (_(), a(e, { key: n }, [
 					t.line !== !1 && t.outline ? (_(), a("path", {
 						key: 0,
-						d: ae(t),
+						d: se(t),
 						fill: "none",
 						stroke: t.outlineColor ?? "var(--color-bg-0, #fff)",
 						"stroke-width": (t.strokeWidth ?? 1.5) + (t.outlineWidth ?? 4),
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						"data-testid": "line-outline"
-					}, null, 8, rn)) : i("", !0),
+					}, null, 8, an)) : i("", !0),
 					t.line === !1 ? i("", !0) : (_(), a("path", {
 						key: 1,
-						d: ae(t),
+						d: se(t),
 						fill: "none",
 						stroke: t.color ?? "currentColor",
 						"stroke-width": t.strokeWidth ?? 1.5,
 						"stroke-opacity": t.lineOpacity ?? t.opacity ?? c.lineOpacity,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0,
 						style: m(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-					}, null, 12, an)),
-					t.dots ? (_(!0), a(e, { key: 2 }, y(oe(t), (e, n) => (_(), a("circle", {
+					}, null, 12, on)),
+					t.dots ? (_(!0), a(e, { key: 2 }, y(ce(t), (e, n) => (_(), a("circle", {
 						key: n,
 						cx: e.x,
 						cy: e.y,
@@ -2059,23 +2063,23 @@ var Bt = {
 						"fill-opacity": t.dotOpacity ?? t.opacity ?? c.lineOpacity,
 						stroke: t.dotStroke ?? "none",
 						style: m(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-					}, null, 12, on))), 128)) : i("", !0)
+					}, null, 12, sn))), 128)) : i("", !0)
 				], 64))), 128)),
 				(_(!0), a(e, null, y(c.areaSections ?? [], (t, n) => (_(), a(e, { key: "areasec" + n }, [
 					o("path", {
-						d: ce(t),
-						fill: t.color ?? (t.seriesIndex == null ? "#999" : O.value[t.seriesIndex]?.color ?? "currentColor"),
+						d: ue(t),
+						fill: t.color ?? (t.seriesIndex == null ? "#999" : k.value[t.seriesIndex]?.color ?? "currentColor"),
 						"fill-opacity": t.opacity ?? .15,
 						stroke: "none"
-					}, null, 8, sn),
+					}, null, 8, cn),
 					t.seriesIndex == null ? i("", !0) : (_(), a("path", {
 						key: 0,
-						d: ce(t, !1),
+						d: ue(t, !1),
 						fill: "none",
-						stroke: t.color ?? O.value[t.seriesIndex]?.color ?? "currentColor",
+						stroke: t.color ?? k.value[t.seriesIndex]?.color ?? "currentColor",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, cn)),
+					}, null, 8, ln)),
 					t.seriesIndex == null ? (_(), a(e, { key: 1 }, [o("line", {
 						x1: C(R)(I(t, "start")),
 						y1: C(U).top,
@@ -2084,7 +2088,7 @@ var Bt = {
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, ln), o("line", {
+					}, null, 8, un), o("line", {
 						x1: C(R)(I(t, "end")),
 						y1: C(U).top,
 						x2: C(R)(I(t, "end")),
@@ -2092,7 +2096,7 @@ var Bt = {
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, un)], 64)) : i("", !0),
+					}, null, 8, dn)], 64)) : i("", !0),
 					o("line", {
 						x1: C(R)(I(t, "start")),
 						y1: C(U).top + C(K) - 4,
@@ -2100,7 +2104,7 @@ var Bt = {
 						y2: C(U).top + C(K) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, dn),
+					}, null, 8, fn),
 					o("line", {
 						x1: C(R)(I(t, "end")),
 						y1: C(U).top + C(K) - 4,
@@ -2108,20 +2112,20 @@ var Bt = {
 						y2: C(U).top + C(K) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, fn)
+					}, null, 8, pn)
 				], 64))), 128)),
-				xe.value && C(Fe) !== null ? (_(), a("line", {
+				we.value && C(Le) !== null ? (_(), a("line", {
 					key: 6,
-					x1: C(R)(we.value),
+					x1: C(R)(Ee.value),
 					y1: C(U).top,
-					x2: C(R)(we.value),
+					x2: C(R)(Ee.value),
 					y2: C(U).top + C(K),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3",
 					"stroke-dasharray": "4 2",
 					"pointer-events": "none"
-				}, null, 8, pn)) : i("", !0),
-				(_(!0), a(e, null, y(Ee.value, (e, t) => (_(), a("circle", {
+				}, null, 8, mn)) : i("", !0),
+				(_(!0), a(e, null, y(Oe.value, (e, t) => (_(), a("circle", {
 					key: "hd" + t,
 					cx: e.x,
 					cy: e.y,
@@ -2130,8 +2134,8 @@ var Bt = {
 					stroke: "var(--color-bg-0, #fff)",
 					"stroke-width": "2",
 					"pointer-events": "none"
-				}, null, 8, mn))), 128)),
-				xe.value ? (_(), a("rect", d({
+				}, null, 8, hn))), 128)),
+				we.value ? (_(), a("rect", d({
 					key: 7,
 					x: C(U).left,
 					y: C(U).top,
@@ -2142,150 +2146,150 @@ var Bt = {
 						cursor: "crosshair",
 						"touch-action": "pan-y"
 					}
-				}, ee(C(Re), !0)), null, 16, hn)) : i("", !0),
+				}, ee(C(Be), !0)), null, 16, gn)) : i("", !0),
 				c.annotations && c.annotations.length > 0 ? (_(), r(C(ot), {
 					key: 8,
 					annotations: c.annotations,
-					project: Oe,
-					bounds: C(Pe)
+					project: Ae,
+					bounds: C(Ie)
 				}, null, 8, ["annotations", "bounds"])) : i("", !0),
-				(_(!0), a(e, null, y(le.value.labels, (e, t) => (_(), a("g", { key: "seclab" + t }, [
+				(_(!0), a(e, null, y(de.value.labels, (e, t) => (_(), a("g", { key: "seclab" + t }, [
 					o("circle", {
 						cx: e.cx - e.textWidth / 2 - 2,
-						cy: L.value + e.row * Sn + 4,
+						cy: he.value + e.row * Cn + 4,
 						r: "4",
 						fill: e.color,
 						"fill-opacity": e.fillOpacity,
 						stroke: e.color,
 						"stroke-width": "1.5"
-					}, null, 8, gn),
+					}, null, 8, _n),
 					e.labelText ? (_(), a("text", {
 						key: 0,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: L.value + e.row * Sn + 8,
+						y: he.value + e.row * Cn + 8,
 						"font-size": e.labelStyle.fontSize,
 						"font-weight": e.labelStyle.fontWeight,
 						fill: e.labelStyle.fill
-					}, x(e.labelText), 9, _n)) : i("", !0),
+					}, x(e.labelText), 9, vn)) : i("", !0),
 					e.descText ? (_(), a("text", {
 						key: 1,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: L.value + e.row * Sn + 22,
+						y: he.value + e.row * Cn + 22,
 						"font-size": e.descStyle.fontSize,
 						"font-weight": e.descStyle.fontWeight,
 						fill: e.descStyle.fill,
 						"fill-opacity": e.descStyle.fillOpacity
-					}, x(e.descText), 9, vn)) : i("", !0)
+					}, x(e.descText), 9, yn)) : i("", !0)
 				]))), 128))
-			], 8, Vt)),
-			xe.value && C(Fe) !== null && De.value ? (_(), a("div", {
+			], 8, Ht)),
+			we.value && C(Le) !== null && ke.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: Ie,
+				ref: Re,
 				class: "chart-tooltip-content",
 				style: m({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: C(Le) ? `translate3d(${C(Le).left}px, ${C(Le).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: C(Le) ? "visible" : "hidden"
+					transform: C(ze) ? `translate3d(${C(ze).left}px, ${C(ze).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: C(ze) ? "visible" : "hidden"
 				})
-			}, [b(n.$slots, "tooltip", p(u(De.value)), () => [o("div", yn, [De.value.xLabel ? (_(), a("div", bn, x(De.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(De.value.values, (e) => (_(), a("div", {
+			}, [b(n.$slots, "tooltip", p(u(ke.value)), () => [o("div", bn, [ke.value.xLabel ? (_(), a("div", xn, x(ke.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(ke.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(" " + x(isFinite(e.value) ? C(w)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
-			C(Be) ? (_(), a("a", {
+			}, null, 4), s(" " + x(isFinite(e.value) ? C(T)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
+			C(Ue) ? (_(), a("a", {
 				key: 2,
 				class: "line-chart-download-link",
-				href: C(Ve),
-				download: `${C(Ge)()}.csv`
-			}, x(C(Be)), 9, xn)) : i("", !0),
-			C(Ue) ? (_(), a("button", {
+				href: C(We),
+				download: `${C(qe)()}.csv`
+			}, x(C(Ue)), 9, Sn)) : i("", !0),
+			C(Ge) ? (_(), a("button", {
 				key: 3,
 				type: "button",
 				class: "line-chart-download-button",
-				onClick: l[0] ||= (...e) => C(We) && C(We)(...e)
-			}, x(C(Ue)), 1)) : i("", !0)
-		], 16)], 8, ["to", "disabled"]));
+				onClick: l[0] ||= (...e) => C(Ke) && C(Ke)(...e)
+			}, x(C(Ge)), 1)) : i("", !0)
+		], 16, Bt)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-e96123bd"]]), Dn = {
+}), [["__scopeId", "data-v-0cf7b0c7"]]), On = ["role", "aria-label"], kn = {
 	class: "chart-sr-only",
 	"aria-live": "polite"
-}, On = ["width", "height"], kn = [
+}, An = ["width", "height"], jn = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"font-weight",
 	"fill"
-], An = ["x", "dy"], jn = [
+], Mn = ["x", "dy"], Nn = [
 	"data-testid",
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"fill"
-], Mn = { key: 1 }, Nn = [
+], Pn = { key: 1 }, Fn = [
 	"x",
 	"y",
 	"fill"
-], Pn = [
+], In = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], Fn = [
+], Ln = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], In = [
+], Rn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Ln = [
+], zn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Rn = [
+], Bn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], zn = [
+], Vn = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Bn = [
+], Hn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Vn = [
+], Un = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Hn = [
+], Wn = [
 	"transform",
 	"font-size",
 	"fill",
 	"font-weight"
-], Un = [
+], Gn = [
 	"x",
 	"y",
 	"text-anchor",
@@ -2293,7 +2297,7 @@ var Bt = {
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Wn = [
+], Kn = [
 	"x",
 	"y",
 	"text-anchor",
@@ -2301,13 +2305,13 @@ var Bt = {
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], Gn = [
+], qn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], Kn = [
+], Jn = [
 	"data-category",
 	"data-series",
 	"x",
@@ -2316,34 +2320,34 @@ var Bt = {
 	"height",
 	"fill",
 	"fill-opacity"
-], qn = [
+], Yn = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"font-weight",
 	"fill"
-], Jn = [
+], Xn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], Yn = [
+], Zn = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity"
-], Xn = [
+], Qn = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Zn = { class: "bar-chart-tooltip" }, Qn = {
+], $n = { class: "bar-chart-tooltip" }, er = {
 	key: 0,
 	class: "bar-chart-tooltip-label"
-}, $n = ["href", "download"], er = 22, tr = 2, nr = 11, rr = .6, ir = 4, ar = 4, or = /* @__PURE__ */ L(/* @__PURE__ */ l({
+}, tr = ["href", "download"], nr = 22, rr = 2, ir = 11, ar = .6, or = 4, sr = 4, cr = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "BarChart",
 	props: {
@@ -2378,6 +2382,8 @@ var Bt = {
 		height: {},
 		title: {},
 		titleStyle: {},
+		role: {},
+		ariaLabel: {},
 		axisLabelStyle: {},
 		tickLabelStyle: {},
 		legendStyle: {},
@@ -2402,10 +2408,10 @@ var Bt = {
 	},
 	emits: ["hover"],
 	setup(c, { emit: l }) {
-		let f = c, h = l, g = [];
-		function v(e) {
+		let f = c, h = n(() => f.ariaLabel ?? f.title), g = n(() => f.role ?? (h.value ? "figure" : void 0)), v = l, S = [];
+		function te(e) {
 			return {
-				data: e.y ?? e.data ?? g,
+				data: e.y ?? e.data ?? S,
 				color: e.color,
 				opacity: e.opacity,
 				blendMode: e.blendMode,
@@ -2414,43 +2420,43 @@ var Bt = {
 				showInTooltip: e.showInTooltip
 			};
 		}
-		let S = n(() => {
-			if (f.series && f.series.length > 0) return f.series.map(v);
+		let w = n(() => {
+			if (f.series && f.series.length > 0) return f.series.map(te);
 			let e = f.y ?? f.data;
 			return e ? [{ data: e }] : [];
-		}), w = n(() => {
+		}), T = n(() => {
 			let e = f.categories?.length ?? 0;
-			for (let t of S.value) t.data.length > e && (e = t.data.length);
+			for (let t of w.value) t.data.length > e && (e = t.data.length);
 			return e;
-		}), T = n(() => {
-			let e = w.value, t = Array(e);
+		}), E = n(() => {
+			let e = T.value, t = Array(e);
 			for (let n = 0; n < e; n++) {
 				let e = f.categories?.[n];
 				e instanceof Date ? t[n] = e.toISOString().slice(0, 10) : t[n] = e ?? String(n);
 			}
 			return t;
-		}), E = n(() => {
+		}), D = n(() => {
 			let e = f.categories;
 			if (!e || e.length === 0 || !kt(e, "utc")) return null;
 			let t = Array(e.length);
 			for (let n = 0; n < e.length; n++) t[n] = Dt(e[n], "utc") ?? NaN;
 			return t;
-		}), D = n(() => f.orientation === "vertical"), O = n(() => {
+		}), O = n(() => f.orientation === "vertical"), k = n(() => {
 			let e = Infinity, t = -Infinity, n = Infinity, r = (e) => {
 				e > 0 && e < n && (n = e);
 			};
 			if (f.layout === "stacked") {
-				let n = w.value;
+				let n = T.value;
 				for (let i = 0; i < n; i++) {
 					let n = 0, a = 0;
-					for (let e of S.value) {
+					for (let e of w.value) {
 						if (i >= e.data.length) continue;
 						let t = Number(e.data[i]);
 						isFinite(t) && (r(t), t >= 0 ? n += t : a += t);
 					}
 					n > t && (t = n), a < e && (e = a);
 				}
-			} else for (let n of S.value) for (let i of n.data) {
+			} else for (let n of w.value) for (let i of n.data) {
 				let n = Number(i);
 				isFinite(n) && (r(n), n < e && (e = n), n > t && (t = n));
 			}
@@ -2463,30 +2469,30 @@ var Bt = {
 				max: a.max,
 				range: a.max - a.min || 1
 			};
-		}), k = n(() => D.value ? U.value : W.value), A = n(() => D.value ? W.value : U.value), j = n(() => {
-			let e = w.value;
-			return e > 0 ? k.value / e : 0;
+		}), A = n(() => O.value ? U.value : W.value), re = n(() => O.value ? W.value : U.value), j = n(() => {
+			let e = T.value;
+			return e > 0 ? A.value / e : 0;
 		}), M = n(() => j.value * (1 - f.barPadding)), N = n(() => {
-			let e = S.value.length;
+			let e = w.value.length;
 			if (e === 0) return 0;
 			if (f.layout === "stacked" || e === 1) return M.value;
 			let t = f.groupGap * (e - 1);
 			return Math.max(1, (M.value - t) / e);
 		});
-		function ne(e) {
-			return (D.value ? H.value.left : H.value.top) + e * j.value;
+		function ie(e) {
+			return (O.value ? H.value.left : H.value.top) + e * j.value;
 		}
-		let re = n(() => {
-			let { min: e, max: t } = O.value, n = f.valueMin ?? 0;
+		let ae = n(() => {
+			let { min: e, max: t } = k.value, n = f.valueMin ?? 0;
 			return P(Math.max(e, Math.min(t, n)));
 		});
 		function P(e) {
-			let { min: t, max: n } = O.value, r = _e(e, t, n, f.valueScaleType);
-			return D.value ? H.value.top + W.value - r * W.value : H.value.left + r * U.value;
+			let { min: t, max: n } = k.value, r = _e(e, t, n, f.valueScaleType);
+			return O.value ? H.value.top + W.value - r * W.value : H.value.left + r * U.value;
 		}
-		function ie(e, t, n, r, i, a, o, s, c, l) {
+		function oe(e, t, n, r, i, a, o, s, c, l) {
 			let u = Math.min(e, t), d = Math.abs(e - t);
-			return D.value ? {
+			return O.value ? {
 				x: n,
 				y: u,
 				w: r,
@@ -2511,33 +2517,33 @@ var Bt = {
 			};
 		}
 		let F = n(() => {
-			let e = [], t = S.value, n = t.length;
+			let e = [], t = w.value, n = t.length;
 			if (n === 0) return e;
-			let r = w.value, i = j.value, a = M.value, o = N.value, s = (i - a) / 2, c = re.value;
+			let r = T.value, i = j.value, a = M.value, o = N.value, s = (i - a) / 2, c = ae.value;
 			for (let i = 0; i < r; i++) {
-				let r = ne(i) + s;
+				let r = ie(i) + s;
 				if (f.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(ie(P(u), P(d), r, a, n.color ?? de(c), n.opacity ?? 1, n.blendMode, l, i, c)), l >= 0 ? o = d : s = d;
+						e.push(oe(P(u), P(d), r, a, n.color ?? L(c), n.opacity ?? 1, n.blendMode, l, i, c)), l >= 0 ? o = d : s = d;
 					}
 				} else if (f.layout === "overlay") for (let o = 0; o < n; o++) {
 					let n = t[o], s = Number(n.data[i] ?? NaN);
-					isFinite(s) && e.push(ie(c, P(s), r, a, n.color ?? de(o), n.opacity ?? 1, n.blendMode, s, i, o));
+					isFinite(s) && e.push(oe(c, P(s), r, a, n.color ?? L(o), n.opacity ?? 1, n.blendMode, s, i, o));
 				}
 				else for (let a = 0; a < n; a++) {
 					let s = t[a], l = Number(s.data[i] ?? NaN);
 					if (!isFinite(l)) continue;
 					let u = r + (n === 1 ? 0 : a * (o + f.groupGap));
-					e.push(ie(c, P(l), u, o, s.color ?? de(a), s.opacity ?? 1, s.blendMode, l, i, a));
+					e.push(oe(c, P(l), u, o, s.color ?? L(a), s.opacity ?? 1, s.blendMode, l, i, a));
 				}
 			}
 			return e;
 		});
-		function ae(e) {
+		function se(e) {
 			let t = Infinity, n = -Infinity;
 			for (let r of e.data) {
 				let e = Number(r);
@@ -2548,9 +2554,9 @@ var Bt = {
 				max: n
 			};
 		}
-		function oe(e, t, n) {
-			let r = (D.value ? H.value.left : H.value.top) + (e + .5) * j.value, i = n.max - n.min || 1, a = (t - n.min) / i;
-			return D.value ? {
+		function ce(e, t, n) {
+			let r = (O.value ? H.value.left : H.value.top) + (e + .5) * j.value, i = n.max - n.min || 1, a = (t - n.min) / i;
+			return O.value ? {
 				x: r,
 				y: H.value.top + W.value - a * W.value
 			} : {
@@ -2558,23 +2564,23 @@ var Bt = {
 				y: r
 			};
 		}
-		let se = n(() => {
+		let le = n(() => {
 			let e = f.summaryLines;
 			return !e || e.length === 0 ? [] : e.map((e, t) => ({
-				data: e.data ?? g,
+				data: e.data ?? S,
 				x: e.x,
-				color: e.color ?? le(t),
+				color: e.color ?? de(t),
 				strokeWidth: e.strokeWidth ?? 2,
 				dashed: e.dashed ?? !1,
 				opacity: e.opacity ?? 1,
 				blendMode: e.blendMode,
 				dots: e.dots ?? !1,
 				dotRadius: e.dotRadius ?? (e.strokeWidth ?? 2) + 1,
-				extent: ae(e),
+				extent: se(e),
 				legend: e.legend,
 				showInLegend: e.showInLegend !== !1
 			}));
-		}), I = n(() => j.value === 0 ? [] : se.value.map((e) => {
+		}), I = n(() => j.value === 0 ? [] : le.value.map((e) => {
 			let t = [], n = "", r = !1;
 			for (let i = 0; i < e.data.length; i++) {
 				let a = Number(e.data[i]), o = e.x ? Number(e.x[i]) : i;
@@ -2582,7 +2588,7 @@ var Bt = {
 					r = !1;
 					continue;
 				}
-				let s = oe(o, a, e.extent);
+				let s = ce(o, a, e.extent);
 				t.push(s), n += r ? `L${s.x},${s.y}` : `M${s.x},${s.y}`, r = !0;
 			}
 			return {
@@ -2590,16 +2596,16 @@ var Bt = {
 				pathD: n,
 				points: t
 			};
-		})), ce = [
+		})), ue = [
 			"var(--color-fg-1, #111)",
 			"var(--color-danger, #ef4444)",
 			"var(--color-success, #10b981)",
 			"var(--color-info, #6366f1)"
 		];
-		function le(e) {
-			return ce[e % ce.length];
+		function de(e) {
+			return ue[e % ue.length];
 		}
-		let ue = [
+		let fe = [
 			"var(--color-primary, #3b82f6)",
 			"var(--color-accent, #f59e0b)",
 			"var(--color-success, #10b981)",
@@ -2607,16 +2613,16 @@ var Bt = {
 			"var(--color-info, #6366f1)",
 			"var(--color-warning, #d97706)"
 		];
-		function de(e) {
-			return ue[e % ue.length];
+		function L(e) {
+			return fe[e % fe.length];
 		}
-		let fe = ut(() => f.tooltipValueFormat, () => f.valueTickFormat), L = n(() => {
-			let { min: e, max: t } = O.value, n = (e) => f.valueTickFormat === void 0 ? he(e) : te(e, f.valueTickFormat);
+		let me = ut(() => f.tooltipValueFormat, () => f.valueTickFormat), he = n(() => {
+			let { min: e, max: t } = k.value, n = (e) => f.valueTickFormat === void 0 ? B(e) : ne(e, f.valueTickFormat);
 			if (e === t) return [{
 				value: n(e),
 				pos: R(P(e))
 			}];
-			let r = D.value ? 50 : 80;
+			let r = O.value ? 50 : 80;
 			return (f.valueScaleType === "log" ? ye({
 				min: e,
 				max: t,
@@ -2625,18 +2631,18 @@ var Bt = {
 				min: e,
 				max: t,
 				ticks: f.valueTicks,
-				targetTickCount: A.value / r
+				targetTickCount: re.value / r
 			})).map((e) => ({
 				value: n(e),
 				pos: R(P(e))
 			}));
 		}), z = n(() => {
-			let e = w.value, t = E.value;
+			let e = T.value, t = D.value;
 			if (t && t.length > 0) {
 				let e = Infinity, n = -Infinity;
 				for (let r of t) Number.isFinite(r) && (r < e && (e = r), r > n && (n = r));
 				if (!Number.isFinite(e) || e === n) return [];
-				let r = D.value ? U.value : W.value, i = Math.max(2, Math.floor(r / 80)), a = Nt(e, n, i, "utc"), o = a.unit, s = [], c = /* @__PURE__ */ new Set();
+				let r = O.value ? U.value : W.value, i = Math.max(2, Math.floor(r / 80)), a = Nt(e, n, i, "utc"), o = a.unit, s = [], c = /* @__PURE__ */ new Set();
 				for (let e of a.values) {
 					let n = -1, r = Infinity;
 					for (let i = 0; i < t.length; i++) {
@@ -2645,7 +2651,7 @@ var Bt = {
 					}
 					if (n < 0 || c.has(n)) continue;
 					c.add(n);
-					let i = ne(n) + j.value / 2, a = f.categoryFormat ? f.categoryFormat(T.value[n], n) : zt(t[n], f.dateFormat, "utc", o);
+					let i = ie(n) + j.value / 2, a = f.categoryFormat ? f.categoryFormat(E.value[n], n) : zt(t[n], f.dateFormat, "utc", o);
 					s.push({
 						label: a,
 						pos: i,
@@ -2655,10 +2661,10 @@ var Bt = {
 				return s;
 			}
 			let n = [], r = (e, t) => f.categoryFormat ? f.categoryFormat(e, t) : e, i = Array(e), a = 0;
-			for (let t = 0; t < e; t++) i[t] = r(T.value[t], t), i[t].length > a && (a = i[t].length);
-			let o = f.tickLabelStyle?.fontSize ?? 10, s = D.value ? a * o * .6 + 8 : o * 1.2 + 8, c = j.value > 0 ? Math.max(1, Math.ceil(s / j.value)) : 1;
+			for (let t = 0; t < e; t++) i[t] = r(E.value[t], t), i[t].length > a && (a = i[t].length);
+			let o = f.tickLabelStyle?.fontSize ?? 10, s = O.value ? a * o * .6 + 8 : o * 1.2 + 8, c = j.value > 0 ? Math.max(1, Math.ceil(s / j.value)) : 1;
 			for (let t = 0; t < e; t += c) {
-				let e = ne(t) + j.value / 2;
+				let e = ie(t) + j.value / 2;
 				n.push({
 					label: i[t],
 					pos: e,
@@ -2666,15 +2672,15 @@ var Bt = {
 				});
 			}
 			return n;
-		}), B = n(() => {
+		}), be = n(() => {
 			let e = [];
-			return S.value.forEach((t, n) => {
+			return w.value.forEach((t, n) => {
 				!t.legend || t.showInLegend === !1 || e.push({
 					label: t.legend,
-					color: t.color ?? de(n),
+					color: t.color ?? L(n),
 					kind: "bar"
 				});
-			}), se.value.forEach((t) => {
+			}), le.value.forEach((t) => {
 				!t.legend || !t.showInLegend || e.push({
 					label: t.legend,
 					color: t.color,
@@ -2682,21 +2688,21 @@ var Bt = {
 					dashed: t.dashed
 				});
 			}), e;
-		}), me = n(() => B.value.map((e) => e.label));
-		function be() {
+		}), Se = n(() => be.value.map((e) => e.label));
+		function Ce() {
 			if (typeof f.csv == "function") return f.csv();
 			if (typeof f.csv == "string") return f.csv;
-			let e = S.value.map((e) => ({
+			let e = w.value.map((e) => ({
 				label: e.legend,
 				data: e.data
 			}));
-			return Ue(T.value, e);
+			return Ue(E.value, e);
 		}
-		let xe = n(() => !!f.tooltipData || !!f.tooltipTrigger);
-		function Ce(e, t) {
+		let we = n(() => !!f.tooltipData || !!f.tooltipTrigger);
+		function Te(e, t) {
 			if (!isFinite(e) || !isFinite(t) || j.value === 0) return null;
-			let n = (D.value ? H.value.left : H.value.top) + (e + .5) * j.value, r = P(t);
-			return D.value ? {
+			let n = (O.value ? H.value.left : H.value.top) + (e + .5) * j.value, r = P(t);
+			return O.value ? {
 				x: n,
 				y: r
 			} : {
@@ -2704,16 +2710,16 @@ var Bt = {
 				y: n
 			};
 		}
-		function we(e, t) {
-			let n = De.value?.getBoundingClientRect();
+		function Ee(e, t) {
+			let n = ke.value?.getBoundingClientRect();
 			if (!n) return null;
-			let r = w.value;
+			let r = T.value;
 			if (r === 0 || j.value === 0) return null;
-			let i = D.value ? e - n.left - H.value.left : t - n.top - H.value.top;
+			let i = O.value ? e - n.left - H.value.left : t - n.top - H.value.top;
 			return Math.max(0, Math.min(r - 1, Math.floor(i / j.value)));
 		}
-		let Te = n(() => !!(f.categoryHeader || f.valueHeader)), Ee = n(() => {
-			let e = Te.value ? er : 0, t = f.chartPadding;
+		let De = n(() => !!(f.categoryHeader || f.valueHeader)), Oe = n(() => {
+			let e = De.value ? nr : 0, t = f.chartPadding;
 			return e ? t == null ? { top: e } : typeof t == "number" ? {
 				top: t + e,
 				right: t,
@@ -2723,7 +2729,7 @@ var Bt = {
 				...t,
 				top: (t.top ?? 0) + e
 			} : t;
-		}), { containerRef: De, svgRef: Oe, width: ke, height: Ae, padding: H, legendY: je, inlineLegendLayout: Me, innerW: U, innerH: W, bounds: Ne, hoverIndex: G, tooltipRef: K, tooltipPos: Pe, tooltipHandlers: Fe, menuItems: Ie, downloadLinkText: Le, csvHref: Re, downloadButtonText: ze, triggerCsvDownload: Be, menuFilename: Ve, isFullscreen: He, fullscreenStyle: We, teleportTarget: Ge, exitFullscreen: Ke } = lt({
+		}), { containerRef: ke, svgRef: Ae, width: je, height: Me, padding: H, legendY: Ne, inlineLegendLayout: Pe, innerW: U, innerH: W, bounds: Fe, hoverIndex: G, tooltipRef: K, tooltipPos: Ie, tooltipHandlers: Le, menuItems: Re, downloadLinkText: ze, csvHref: Be, downloadButtonText: Ve, triggerCsvDownload: He, menuFilename: We, isFullscreen: Ge, fullscreenStyle: Ke, teleportTarget: qe, exitFullscreen: Je } = lt({
 			width: () => f.width,
 			height: () => f.height,
 			title: () => f.title,
@@ -2738,18 +2744,18 @@ var Bt = {
 			downloadLink: () => f.downloadLink,
 			downloadButton: () => f.downloadButton,
 			fullscreenTarget: () => f.fullscreenTarget,
-			chartPadding: () => Ee.value,
-			inlineLegendLabels: () => me.value,
-			hasTooltipSlot: () => xe.value,
-			getCsv: be,
-			pointerToIndex: we,
-			scrubAxis: () => D.value ? "x" : "y",
-			onHover: (e) => h("hover", e)
-		}), qe = n(() => Se(f.axisLabelStyle, { fontSize: 13 })), q = n(() => Se(f.tickLabelStyle, {
+			chartPadding: () => Oe.value,
+			inlineLegendLabels: () => Se.value,
+			hasTooltipSlot: () => we.value,
+			getCsv: Ce,
+			pointerToIndex: Ee,
+			scrubAxis: () => O.value ? "x" : "y",
+			onHover: (e) => v("hover", e)
+		}), Ye = n(() => V(f.axisLabelStyle, { fontSize: 13 })), q = n(() => V(f.tickLabelStyle, {
 			fontSize: 10,
-			fillOpacity: V
-		})), Je = n(() => Se(f.legendStyle, { fontSize: 11 })), J = n(() => f.categoryAlign === "start" && !D.value ? tr : H.value.left), Y = n(() => {
-			let e = f.titleStyle, t = e?.align ?? "left", n = Ne.value, r = t === "left" ? J.value : t === "right" ? n.right : n.left + n.width / 2, i = t === "left" ? "start" : t === "right" ? "end" : "middle";
+			fillOpacity: xe
+		})), Xe = n(() => V(f.legendStyle, { fontSize: 11 })), J = n(() => f.categoryAlign === "start" && !O.value ? rr : H.value.left), Y = n(() => {
+			let e = f.titleStyle, t = e?.align ?? "left", n = Fe.value, r = t === "left" ? J.value : t === "right" ? n.right : n.left + n.width / 2, i = t === "left" ? "start" : t === "right" ? "end" : "middle";
 			return {
 				lines: (f.title ?? "").split("\n"),
 				fontSize: e?.fontSize ?? 14,
@@ -2759,34 +2765,34 @@ var Bt = {
 				x: r,
 				anchor: i
 			};
-		}), Ye = n(() => {
+		}), Ze = n(() => {
 			let e = G.value;
 			if (e === null) return;
-			let t = E.value;
-			return t && Number.isFinite(t[e]) ? zt(t[e], f.dateFormat, "utc") : T.value[e];
+			let t = D.value;
+			return t && Number.isFinite(t[e]) ? zt(t[e], f.dateFormat, "utc") : E.value[e];
 		}), X = n(() => {
 			let e = G.value;
 			if (e === null) return null;
-			let t = S.value, n = [];
+			let t = w.value, n = [];
 			for (let r = 0; r < t.length; r++) {
 				let i = t[r];
 				i.showInTooltip !== !1 && n.push({
 					value: Number(i.data[e] ?? NaN),
-					color: i.color ?? de(r),
+					color: i.color ?? L(r),
 					seriesIndex: r
 				});
 			}
 			return {
 				index: e,
-				category: T.value[e] ?? String(e),
+				category: E.value[e] ?? String(e),
 				values: n,
 				data: f.tooltipData?.[e] ?? null
 			};
 		}), Z = n(() => {
 			let e = G.value;
 			if (e === null) return null;
-			let t = ne(e);
-			return D.value ? {
+			let t = ie(e);
+			return O.value ? {
 				x: t,
 				y: H.value.top,
 				w: j.value,
@@ -2797,9 +2803,9 @@ var Bt = {
 				w: U.value,
 				h: j.value
 			};
-		}), Xe = n(() => {
-			let e = Me.value.positions, t = J.value, n = je.value;
-			return B.value.map((r, i) => {
+		}), Qe = n(() => {
+			let e = Pe.value.positions, t = J.value, n = Ne.value;
+			return be.value.map((r, i) => {
 				let a = e[i];
 				return {
 					...r,
@@ -2807,7 +2813,7 @@ var Bt = {
 					y: n + a.row * 20
 				};
 			});
-		}), Ze = n(() => {
+		}), $e = n(() => {
 			let e = f.barLabels;
 			if (!e) return null;
 			let t = e === !0 ? {} : e;
@@ -2818,37 +2824,37 @@ var Bt = {
 				align: t.align ?? "center",
 				overlap: t.overlap ?? "shift",
 				minSize: t.minSize ?? 0,
-				fontSize: t.fontSize ?? nr,
+				fontSize: t.fontSize ?? ir,
 				fontWeight: t.fontWeight
 			};
 		});
-		function Qe(e, t) {
-			let n = Ze.value?.format;
-			return typeof n == "function" ? n(e, t) : n === void 0 ? f.valueTickFormat === void 0 ? he(e) : te(e, f.valueTickFormat) : te(e, n);
+		function et(e, t) {
+			let n = $e.value?.format;
+			return typeof n == "function" ? n(e, t) : n === void 0 ? f.valueTickFormat === void 0 ? B(e) : ne(e, f.valueTickFormat) : ne(e, n);
 		}
-		function $e(e, t, n) {
+		function tt(e, t, n) {
 			for (let r = F.value.length - 1; r >= 0; r--) {
 				let i = F.value[r];
 				if (i.categoryIndex === e && t >= i.x && t <= i.x + i.w && n >= i.y && n <= i.y + i.h) return i.color;
 			}
 			return null;
 		}
-		let et = n(() => {
-			let e = Ze.value;
+		let nt = n(() => {
+			let e = $e.value;
 			if (!e) return [];
-			let t = D.value, n = e.fontSize, r = [];
+			let t = O.value, n = e.fontSize, r = [];
 			for (let i of F.value) {
-				let a = Qe(i.value, {
+				let a = et(i.value, {
 					value: i.value,
 					categoryIndex: i.categoryIndex,
 					seriesIndex: i.seriesIndex,
-					category: T.value[i.categoryIndex] ?? String(i.categoryIndex)
+					category: E.value[i.categoryIndex] ?? String(i.categoryIndex)
 				});
 				if (!a) continue;
-				let o = t ? i.h : i.w, s = a.length * n * rr, c = o >= s + 2 * ir && o >= e.minSize, l = e.placement === "inside" ? !0 : e.placement === "outside" ? !1 : c, u, d, f, p = "middle", m = t ? -i.y : i.x + i.w, h = t ? -(i.y + i.h) : i.x, g = t ? n : s;
-				if (f = t ? i.x + i.w / 2 : i.y + i.h / 2, !l) u = m + ir, d = u + g, p = "start";
-				else if (e.align === "start") u = h + ir, d = u + g, p = "start";
-				else if (e.align === "end") d = m - ir, u = d - g, p = "end";
+				let o = t ? i.h : i.w, s = a.length * n * ar, c = o >= s + 2 * or && o >= e.minSize, l = e.placement === "inside" ? !0 : e.placement === "outside" ? !1 : c, u, d, f, p = "middle", m = t ? -i.y : i.x + i.w, h = t ? -(i.y + i.h) : i.x, g = t ? n : s;
+				if (f = t ? i.x + i.w / 2 : i.y + i.h / 2, !l) u = m + or, d = u + g, p = "start";
+				else if (e.align === "start") u = h + or, d = u + g, p = "start";
+				else if (e.align === "end") d = m - or, u = d - g, p = "end";
 				else {
 					let e = (m + h) / 2;
 					u = e - g / 2, d = e + g / 2, p = "middle";
@@ -2865,7 +2871,7 @@ var Bt = {
 					hidden: !1
 				});
 			}
-			let i = t ? -H.value.top : ke.value - 2, a = /* @__PURE__ */ new Map();
+			let i = t ? -H.value.top : je.value - 2, a = /* @__PURE__ */ new Map();
 			for (let e of r) {
 				let t = a.get(e.bar.categoryIndex);
 				t ? t.push(e) : a.set(e.bar.categoryIndex, [e]);
@@ -2874,12 +2880,12 @@ var Bt = {
 				t.sort((e, t) => e.lo - t.lo);
 				let n = -Infinity;
 				for (let r of t) {
-					if (r.lo < n + ar) {
+					if (r.lo < n + sr) {
 						if (e.overlap === "hide") {
 							r.hidden = !0;
 							continue;
 						}
-						let t = n + ar - r.lo;
+						let t = n + sr - r.lo;
 						r.lo += t, r.hi += t, r.inside = !1, r.svgAnchor = "start";
 					}
 					if (r.hi > i) {
@@ -2898,7 +2904,7 @@ var Bt = {
 				if (!o) l = e.color;
 				else if (i.inside) l = gt(i.bar.color);
 				else {
-					let e = t ? i.cross : (i.lo + i.hi) / 2, n = t ? -((i.lo + i.hi) / 2) : i.cross, r = $e(i.bar.categoryIndex, e, n);
+					let e = t ? i.cross : (i.lo + i.hi) / 2, n = t ? -((i.lo + i.hi) / 2) : i.cross, r = tt(i.bar.categoryIndex, e, n);
 					l = r ? gt(r) : "currentColor";
 				}
 				s.push({
@@ -2913,23 +2919,23 @@ var Bt = {
 				});
 			}
 			return s;
-		}), tt = n(() => {
+		}), rt = n(() => {
 			let e = H.value.left - 6;
 			switch (f.categoryAlign ?? "end") {
 				case "start": return {
 					anchor: "start",
-					x: tr
+					x: rr
 				};
 				case "center": return {
 					anchor: "middle",
-					x: (tr + e) / 2
+					x: (rr + e) / 2
 				};
 				default: return {
 					anchor: "end",
 					x: e
 				};
 			}
-		}), nt = n(() => {
+		}), it = n(() => {
 			let e = [], t = H.value.top - 7;
 			if (f.valueHeader && e.push({
 				key: "vh",
@@ -2938,7 +2944,7 @@ var Bt = {
 				y: t,
 				anchor: "start"
 			}), f.categoryHeader) {
-				let n = !D.value, r = tt.value;
+				let n = !O.value, r = rt.value;
 				e.push({
 					key: "ch",
 					text: f.categoryHeader,
@@ -2950,31 +2956,33 @@ var Bt = {
 			return e;
 		});
 		return (n, l) => (_(), r(t, {
-			to: C(Ge),
-			disabled: !C(He)
+			to: C(qe),
+			disabled: !C(Ge)
 		}, [o("div", d({
 			ref_key: "containerRef",
-			ref: De
+			ref: ke
 		}, n.$attrs, {
-			class: ["bar-chart-wrapper", { "is-fullscreen": C(He) }],
-			style: C(We)
+			class: ["bar-chart-wrapper", { "is-fullscreen": C(Ge) }],
+			style: C(Ke),
+			role: g.value || void 0,
+			"aria-label": h.value || void 0
 		}), [
 			c.menu ? (_(), r(pe, {
 				key: 0,
-				items: C(Ie),
-				"is-fullscreen": C(He),
-				onClose: C(Ke)
+				items: C(Re),
+				"is-fullscreen": C(Ge),
+				onClose: C(Je)
 			}, null, 8, [
 				"items",
 				"is-fullscreen",
 				"onClose"
 			])) : i("", !0),
-			o("div", Dn, x(C(He) ? "Chart expanded to fill window" : ""), 1),
+			o("div", kn, x(C(Ge) ? "Chart expanded to fill window" : ""), 1),
 			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: Oe,
-				width: C(ke),
-				height: C(Ae)
+				ref: Ae,
+				width: C(je),
+				height: C(Me)
 			}, [
 				c.title ? (_(), a("text", {
 					key: 0,
@@ -2988,25 +2996,25 @@ var Bt = {
 					key: t,
 					x: Y.value.x,
 					dy: t === 0 ? 0 : Y.value.lineHeight
-				}, x(e), 9, An))), 128))], 8, kn)) : i("", !0),
-				(_(!0), a(e, null, y(nt.value, (e) => (_(), a("text", {
+				}, x(e), 9, Mn))), 128))], 8, jn)) : i("", !0),
+				(_(!0), a(e, null, y(it.value, (e) => (_(), a("text", {
 					key: e.key,
 					"data-testid": e.key === "ch" ? "category-header" : "value-header",
 					x: e.x,
 					y: e.y,
 					"text-anchor": e.anchor,
-					"font-size": qe.value.fontSize,
-					fill: qe.value.fill,
+					"font-size": Ye.value.fontSize,
+					fill: Ye.value.fill,
 					"font-weight": "600"
-				}, x(e.text), 9, jn))), 128)),
-				Xe.value.length > 0 ? (_(), a("g", Mn, [(_(!0), a(e, null, y(Xe.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.kind === "bar" ? (_(), a("rect", {
+				}, x(e.text), 9, Nn))), 128)),
+				Qe.value.length > 0 ? (_(), a("g", Pn, [(_(!0), a(e, null, y(Qe.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.kind === "bar" ? (_(), a("rect", {
 					key: 0,
 					x: t.x,
 					y: t.y - 5,
 					width: "12",
 					height: "10",
 					fill: t.color
-				}, null, 8, Nn)) : (_(), a("line", {
+				}, null, 8, Fn)) : (_(), a("line", {
 					key: 1,
 					x1: t.x,
 					y1: t.y,
@@ -3015,14 +3023,14 @@ var Bt = {
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, Pn)), o("text", {
+				}, null, 8, In)), o("text", {
 					x: t.x + 18,
 					y: t.y + 4,
-					"font-size": Je.value.fontSize,
-					fill: Je.value.fill,
-					"font-weight": Je.value.fontWeight
-				}, x(t.label), 9, Fn)], 64))), 128))])) : i("", !0),
-				!D.value || c.valueAxis ? (_(), a("line", {
+					"font-size": Xe.value.fontSize,
+					fill: Xe.value.fill,
+					"font-weight": Xe.value.fontWeight
+				}, x(t.label), 9, Ln)], 64))), 128))])) : i("", !0),
+				!O.value || c.valueAxis ? (_(), a("line", {
 					key: 2,
 					x1: C(R)(C(H).left),
 					y1: C(R)(C(H).top),
@@ -3030,8 +3038,8 @@ var Bt = {
 					y2: C(R)(C(H).top + C(W)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, In)) : i("", !0),
-				D.value || c.valueAxis ? (_(), a("line", {
+				}, null, 8, Rn)) : i("", !0),
+				O.value || c.valueAxis ? (_(), a("line", {
 					key: 3,
 					x1: C(R)(C(H).left),
 					y1: C(R)(C(H).top + C(W)),
@@ -3039,17 +3047,17 @@ var Bt = {
 					y2: C(R)(C(H).top + C(W)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Ln)) : i("", !0),
-				c.valueGrid && c.valueAxis ? (_(!0), a(e, { key: 4 }, y(L.value, (e, t) => (_(), a("line", {
+				}, null, 8, zn)) : i("", !0),
+				c.valueGrid && c.valueAxis ? (_(!0), a(e, { key: 4 }, y(he.value, (e, t) => (_(), a("line", {
 					key: "vg" + t,
-					x1: D.value ? C(H).left : e.pos,
-					y1: D.value ? e.pos : C(H).top,
-					x2: D.value ? C(H).left + C(U) : e.pos,
-					y2: D.value ? e.pos : C(H).top + C(W),
+					x1: O.value ? C(H).left : e.pos,
+					y1: O.value ? e.pos : C(H).top,
+					x2: O.value ? C(H).left + C(U) : e.pos,
+					y2: O.value ? e.pos : C(H).top + C(W),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Rn))), 128)) : i("", !0),
-				Z.value && xe.value ? (_(), a("rect", {
+				}, null, 8, Bn))), 128)) : i("", !0),
+				Z.value && we.value ? (_(), a("rect", {
 					key: 5,
 					x: Z.value.x,
 					y: Z.value.y,
@@ -3058,8 +3066,8 @@ var Bt = {
 					fill: "currentColor",
 					"fill-opacity": "0.06",
 					"pointer-events": "none"
-				}, null, 8, zn)) : i("", !0),
-				c.valueAxis && D.value ? (_(!0), a(e, { key: 6 }, y(L.value, (e, t) => (_(), a("text", {
+				}, null, 8, Vn)) : i("", !0),
+				c.valueAxis && O.value ? (_(!0), a(e, { key: 6 }, y(he.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
 					x: C(H).left - 6,
@@ -3070,7 +3078,7 @@ var Bt = {
 					fill: q.value.fill,
 					"font-weight": q.value.fontWeight,
 					"fill-opacity": q.value.fillOpacity
-				}, x(e.value), 9, Bn))), 128)) : c.valueAxis ? (_(!0), a(e, { key: 7 }, y(L.value, (e, t) => (_(), a("text", {
+				}, x(e.value), 9, Hn))), 128)) : c.valueAxis ? (_(!0), a(e, { key: 7 }, y(he.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
 					x: e.pos,
@@ -3080,18 +3088,18 @@ var Bt = {
 					fill: q.value.fill,
 					"font-weight": q.value.fontWeight,
 					"fill-opacity": q.value.fillOpacity
-				}, x(e.value), 9, Vn))), 128)) : i("", !0),
+				}, x(e.value), 9, Un))), 128)) : i("", !0),
 				c.yLabel ? (_(), a("text", {
 					key: 8,
 					x: 0,
 					y: 0,
 					transform: `translate(14, ${C(H).top + C(W) / 2}) rotate(-90)`,
 					"text-anchor": "middle",
-					"font-size": qe.value.fontSize,
-					fill: qe.value.fill,
-					"font-weight": qe.value.fontWeight
-				}, x(c.yLabel), 9, Hn)) : i("", !0),
-				D.value ? (_(!0), a(e, { key: 9 }, y(z.value, (e, t) => (_(), a("text", {
+					"font-size": Ye.value.fontSize,
+					fill: Ye.value.fill,
+					"font-weight": Ye.value.fontWeight
+				}, x(c.yLabel), 9, Wn)) : i("", !0),
+				O.value ? (_(!0), a(e, { key: 9 }, y(z.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
 					x: e.pos,
@@ -3101,27 +3109,27 @@ var Bt = {
 					fill: q.value.fill,
 					"font-weight": q.value.fontWeight,
 					"fill-opacity": q.value.fillOpacity
-				}, x(e.label), 9, Un))), 128)) : (_(!0), a(e, { key: 10 }, y(z.value, (e, t) => (_(), a("text", {
+				}, x(e.label), 9, Gn))), 128)) : (_(!0), a(e, { key: 10 }, y(z.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
-					x: tt.value.x,
+					x: rt.value.x,
 					y: e.pos,
-					"text-anchor": tt.value.anchor,
+					"text-anchor": rt.value.anchor,
 					"dominant-baseline": "middle",
 					"font-size": q.value.fontSize,
 					fill: q.value.fill,
 					"font-weight": q.value.fontWeight,
 					"fill-opacity": q.value.fillOpacity
-				}, x(e.label), 9, Wn))), 128)),
+				}, x(e.label), 9, Kn))), 128)),
 				c.xLabel ? (_(), a("text", {
 					key: 11,
 					x: C(H).left + C(U) / 2,
-					y: C(Ae) - 4,
+					y: C(Me) - 4,
 					"text-anchor": "middle",
-					"font-size": qe.value.fontSize,
-					fill: qe.value.fill,
-					"font-weight": qe.value.fontWeight
-				}, x(c.xLabel), 9, Gn)) : i("", !0),
+					"font-size": Ye.value.fontSize,
+					fill: Ye.value.fill,
+					"font-weight": Ye.value.fontWeight
+				}, x(c.xLabel), 9, qn)) : i("", !0),
 				(_(!0), a(e, null, y(F.value, (e, t) => (_(), a("rect", {
 					key: "bar" + t,
 					"data-testid": "bar",
@@ -3134,8 +3142,8 @@ var Bt = {
 					fill: e.color,
 					"fill-opacity": e.opacity,
 					style: m(e.blendMode ? { mixBlendMode: e.blendMode } : void 0)
-				}, null, 12, Kn))), 128)),
-				(_(!0), a(e, null, y(et.value, (e) => (_(), a("text", {
+				}, null, 12, Jn))), 128)),
+				(_(!0), a(e, null, y(nt.value, (e) => (_(), a("text", {
 					key: "blbl" + e.key,
 					"data-testid": "bar-label",
 					x: e.x,
@@ -3146,7 +3154,7 @@ var Bt = {
 					"font-weight": e.fontWeight,
 					fill: e.fill,
 					"pointer-events": "none"
-				}, x(e.text), 9, qn))), 128)),
+				}, x(e.text), 9, Yn))), 128)),
 				(_(!0), a(e, null, y(I.value, (t, n) => (_(), a(e, { key: "sl" + n }, [t.pathD ? (_(), a("path", {
 					key: 0,
 					"data-testid": "summary-line",
@@ -3159,7 +3167,7 @@ var Bt = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					style: m(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-				}, null, 12, Jn)) : i("", !0), t.dots ? (_(!0), a(e, { key: 1 }, y(t.points, (e, r) => (_(), a("circle", {
+				}, null, 12, Xn)) : i("", !0), t.dots ? (_(!0), a(e, { key: 1 }, y(t.points, (e, r) => (_(), a("circle", {
 					key: "sld" + n + "-" + r,
 					cx: e.x,
 					cy: e.y,
@@ -3167,24 +3175,24 @@ var Bt = {
 					fill: t.color,
 					"fill-opacity": t.opacity,
 					style: m(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-				}, null, 12, Yn))), 128)) : i("", !0)], 64))), 128)),
-				xe.value ? (_(), a("rect", d({
+				}, null, 12, Zn))), 128)) : i("", !0)], 64))), 128)),
+				we.value ? (_(), a("rect", d({
 					key: 12,
 					x: C(H).left,
 					y: C(H).top,
 					width: C(U),
 					height: C(W),
 					fill: "transparent",
-					style: `cursor: crosshair; touch-action: ${D.value ? "pan-y" : "pan-x"}`
-				}, ee(C(Fe), !0)), null, 16, Xn)) : i("", !0),
+					style: `cursor: crosshair; touch-action: ${O.value ? "pan-y" : "pan-x"}`
+				}, ee(C(Le), !0)), null, 16, Qn)) : i("", !0),
 				c.annotations && c.annotations.length > 0 ? (_(), r(C(ot), {
 					key: 13,
 					annotations: c.annotations,
-					project: Ce,
-					bounds: C(Ne)
+					project: Te,
+					bounds: C(Fe)
 				}, null, 8, ["annotations", "bounds"])) : i("", !0)
-			], 8, On)),
-			xe.value && C(G) !== null && X.value ? (_(), a("div", {
+			], 8, An)),
+			we.value && C(G) !== null && X.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
 				ref: K,
@@ -3194,31 +3202,31 @@ var Bt = {
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: C(Pe) ? `translate3d(${C(Pe).left}px, ${C(Pe).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: C(Pe) ? "visible" : "hidden"
+					transform: C(Ie) ? `translate3d(${C(Ie).left}px, ${C(Ie).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: C(Ie) ? "visible" : "hidden"
 				})
-			}, [b(n.$slots, "tooltip", p(u(X.value)), () => [o("div", Zn, [Ye.value ? (_(), a("div", Qn, x(Ye.value), 1)) : i("", !0), (_(!0), a(e, null, y(X.value.values, (e) => (_(), a("div", {
+			}, [b(n.$slots, "tooltip", p(u(X.value)), () => [o("div", $n, [Ze.value ? (_(), a("div", er, x(Ze.value), 1)) : i("", !0), (_(!0), a(e, null, y(X.value.values, (e) => (_(), a("div", {
 				key: e.seriesIndex,
 				class: "bar-chart-tooltip-row"
 			}, [o("span", {
 				class: "bar-chart-tooltip-swatch",
 				style: m({ background: e.color })
-			}, null, 4), s(" " + x(isFinite(e.value) ? C(fe)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
-			C(Le) ? (_(), a("a", {
+			}, null, 4), s(" " + x(isFinite(e.value) ? C(me)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
+			C(ze) ? (_(), a("a", {
 				key: 2,
 				class: "bar-chart-download-link",
-				href: C(Re),
-				download: `${C(Ve)()}.csv`
-			}, x(C(Le)), 9, $n)) : i("", !0),
-			C(ze) ? (_(), a("button", {
+				href: C(Be),
+				download: `${C(We)()}.csv`
+			}, x(C(ze)), 9, tr)) : i("", !0),
+			C(Ve) ? (_(), a("button", {
 				key: 3,
 				type: "button",
 				class: "bar-chart-download-button",
-				onClick: l[0] ||= (...e) => C(Be) && C(Be)(...e)
-			}, x(C(ze)), 1)) : i("", !0)
-		], 16)], 8, ["to", "disabled"]));
+				onClick: l[0] ||= (...e) => C(He) && C(He)(...e)
+			}, x(C(Ve)), 1)) : i("", !0)
+		], 16, On)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-67594e38"]]), sr = {
+}), [["__scopeId", "data-v-5f38ef02"]]), lr = {
 	ref: "root",
 	class: "chart-tooltip-content",
 	style: {
@@ -3230,10 +3238,10 @@ var Bt = {
 		"pointer-events": "none",
 		transform: "translateY(-50%)"
 	}
-}, cr = /* @__PURE__ */ l({
+}, ur = /* @__PURE__ */ l({
 	__name: "ChoroplethTooltip",
 	setup(e, { expose: n }) {
-		let a = v(null), s = T("root");
+		let a = v(null), s = w("root");
 		return n({
 			setData(e) {
 				a.value = e;
@@ -3241,21 +3249,21 @@ var Bt = {
 			getEl() {
 				return s.value;
 			}
-		}), (e, n) => (_(), r(t, { to: "body" }, [o("div", sr, [a.value ? b(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
+		}), (e, n) => (_(), r(t, { to: "body" }, [o("div", lr, [a.value ? b(e.$slots, "default", p(d({ key: 0 }, a.value))) : i("", !0)], 512)]));
 	}
-}), lr = {
+}), dr = ["role", "aria-label"], fr = {
 	class: "chart-sr-only",
 	"aria-live": "polite"
-}, ur = {
+}, pr = {
 	key: 1,
 	class: "choropleth-header"
-}, dr = {
+}, mr = {
 	key: 0,
 	class: "choropleth-legend-title"
-}, fr = {
+}, hr = {
 	key: 2,
 	class: "choropleth-legend-continuous"
-}, pr = { class: "choropleth-legend-ticks" }, mr = ["viewBox"], hr = ["innerHTML"], gr = "http://www.w3.org/2000/svg", _r = 10, vr = 600, yr = 450, br = 1e3, xr = 12, Sr = /* @__PURE__ */ L(/* @__PURE__ */ l({
+}, gr = { class: "choropleth-legend-ticks" }, _r = ["viewBox"], vr = ["innerHTML"], yr = "http://www.w3.org/2000/svg", br = 10, xr = 600, Sr = 450, Cr = 1e3, wr = 12, Tr = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "ChoroplethMap",
 	props: {
@@ -3269,6 +3277,8 @@ var Bt = {
 		colorScale: {},
 		title: {},
 		titleStyle: {},
+		role: {},
+		ariaLabel: {},
 		legendStyle: {},
 		noDataColor: { default: "#ddd" },
 		strokeColor: { default: "#fff" },
@@ -3312,10 +3322,10 @@ var Bt = {
 		"update:focus"
 	],
 	setup(c, { emit: l }) {
-		let f = c, ee = l, T = (e) => e, O = v(null), k = v(null), A = v(null), j = v(null), M = v(null), N = v(null), ne = w(), re = n(() => !!f.tooltipTrigger || !!f.tooltipFormat || !!ne.tooltip), P = n(() => {
+		let f = c, ee = n(() => f.ariaLabel ?? f.title), w = n(() => f.role ?? (ee.value ? "figure" : void 0)), D = l, O = (e) => e, k = v(null), A = v(null), re = v(null), j = v(null), M = v(null), N = v(null), ie = te(), de = n(() => !!f.tooltipTrigger || !!f.tooltipFormat || !!ie.tooltip), fe = n(() => {
 			let e = f.legendStyle, t = {};
 			return e?.fontSize != null && (t["font-size"] = `${e.fontSize}px`), e?.fontWeight != null && (t["font-weight"] = String(e.fontWeight)), e?.color != null && (t.color = e.color), t;
-		}), de = n(() => {
+		}), L = n(() => {
 			let e = f.titleStyle, t = {
 				"font-size": `${e?.fontSize ?? 14}px`,
 				"line-height": `${e?.lineHeight ?? 18}px`,
@@ -3324,40 +3334,40 @@ var Bt = {
 				width: "100%"
 			};
 			return e?.color && (t.color = e.color), t;
-		}), fe = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map(), R = null, z = null, B = /* @__PURE__ */ new Map(), me = /* @__PURE__ */ new Map(), he = !1, ge = typeof window < "u" && "ontouchstart" in window, _e = null, ve = {
+		}), R = /* @__PURE__ */ new Map(), me = /* @__PURE__ */ new Map(), he = null, z = null, B = /* @__PURE__ */ new Map(), ge = /* @__PURE__ */ new Map(), _e = !1, ve = typeof window < "u" && "ontouchstart" in window, ye = null, be = {
 			width: 0,
 			height: 0
-		}, ye = null, be = !1, V = null, xe = v(!1), Se = 0, Ce = 0, we = 0, Te = null;
-		function Ee() {
-			let e = A.value;
-			e && (e.addEventListener("touchstart", Et, { passive: !0 }), e.addEventListener("touchend", Dt), e.addEventListener("touchcancel", Ot, { passive: !0 }), !ge && (e.addEventListener("click", Ct), e.addEventListener("mouseover", Ct), e.addEventListener("mousemove", wt), e.addEventListener("mouseout", Tt)));
+		}, xe = null, Se = !1, V = null, Ce = v(!1), we = 0, Te = 0, Ee = 0, De = null;
+		function Oe() {
+			let e = re.value;
+			e && (e.addEventListener("touchstart", Ot, { passive: !0 }), e.addEventListener("touchend", kt), e.addEventListener("touchcancel", At, { passive: !0 }), !ve && (e.addEventListener("click", Tt), e.addEventListener("mouseover", Tt), e.addEventListener("mousemove", Et), e.addEventListener("mouseout", Dt)));
 		}
-		function De() {
-			let e = A.value;
-			e && (e.removeEventListener("touchstart", Et), e.removeEventListener("touchend", Dt), e.removeEventListener("touchcancel", Ot), e.removeEventListener("click", Ct), e.removeEventListener("mouseover", Ct), e.removeEventListener("mousemove", wt), e.removeEventListener("mouseout", Tt));
+		function ke() {
+			let e = re.value;
+			e && (e.removeEventListener("touchstart", Ot), e.removeEventListener("touchend", kt), e.removeEventListener("touchcancel", At), e.removeEventListener("click", Tt), e.removeEventListener("mouseover", Tt), e.removeEventListener("mousemove", Et), e.removeEventListener("mouseout", Dt));
 		}
-		function Oe() {
-			bt();
+		function Ae() {
+			St();
 		}
 		h(() => {
-			ke(), Ee(), At(), W(), ft(), window.addEventListener("scroll", Oe, {
+			Me(), Oe(), Mt(), W(), mt(), window.addEventListener("scroll", Ae, {
 				passive: !0,
 				capture: !0
-			}), window.addEventListener("resize", Oe, { passive: !0 });
+			}), window.addEventListener("resize", Ae, { passive: !0 });
 		}), g(() => {
-			_e?.disconnect(), we && cancelAnimationFrame(we), Ae(), De(), window.removeEventListener("scroll", Oe, { capture: !0 }), window.removeEventListener("resize", Oe);
+			ye?.disconnect(), Ee && cancelAnimationFrame(Ee), H(), ke(), window.removeEventListener("scroll", Ae, { capture: !0 }), window.removeEventListener("resize", Ae);
 		});
-		function ke() {
-			if (!k.value || !A.value) return;
-			let e = I(k.value), t = Math.max(12, f.focusZoomLevel);
-			V = oe().scaleExtent([1, t]).on("start", () => {
-				he = !0, bt();
+		function Me() {
+			if (!A.value || !re.value) return;
+			let e = ce(A.value), t = Math.max(12, f.focusZoomLevel);
+			V = F().scaleExtent([1, t]).on("start", () => {
+				_e = !0, St();
 			}).on("zoom", (e) => {
-				A.value && A.value.setAttribute("transform", e.transform);
+				re.value && re.value.setAttribute("transform", e.transform);
 				let t = e.transform;
-				xe.value = t.k !== 1 || t.x !== 0 || t.y !== 0;
+				Ce.value = t.k !== 1 || t.x !== 0 || t.y !== 0;
 			}).on("end", () => {
-				he = !1;
+				_e = !1;
 			}), V.filter((e) => {
 				let t = Z.value.length > 0 && f.focusZoom !== !1, n = !!f.zoom || t, r = !!f.pan || t;
 				if (e.type === "wheel" || e.type === "dblclick") {
@@ -3368,11 +3378,11 @@ var Bt = {
 				return (!e.ctrlKey || e.type === "wheel") && !e.button;
 			}), e.call(V);
 		}
-		function Ae() {
-			k.value && V && (I(k.value).on(".zoom", null), V = null);
+		function H() {
+			A.value && V && (ce(A.value).on(".zoom", null), V = null);
 		}
-		function je(e) {
-			let t = Xe.value, n = Y.value, r = [];
+		function Ne(e) {
+			let t = Qe.value, n = Y.value, r = [];
 			for (let i of e) {
 				let e = i.geoType ?? f.geoType, a = t.get(e);
 				if (!a) continue;
@@ -3390,107 +3400,107 @@ var Bt = {
 			}
 			return r;
 		}
-		function Me(e) {
+		function Pe(e) {
 			let t = /* @__PURE__ */ new Set();
-			for (let n of je(e)) n.geoType === f.geoType && t.add(String(n.feature.id));
+			for (let n of Ne(e)) n.geoType === f.geoType && t.add(String(n.feature.id));
 			return t;
 		}
 		let U = !1;
 		function W() {
-			if (!k.value || !V) return;
-			let e = je(Z.value), t = e.filter((e) => e.geoType === f.geoType), n = e.filter((e) => e.geoType !== f.geoType), r = /* @__PURE__ */ new Map();
+			if (!A.value || !V) return;
+			let e = Ne(Z.value), t = e.filter((e) => e.geoType === f.geoType), n = e.filter((e) => e.geoType !== f.geoType), r = /* @__PURE__ */ new Map();
 			for (let e of t) {
-				let t = fe.get(String(e.feature.id));
+				let t = R.get(String(e.feature.id));
 				t && r.set(t, e.item.style ?? "solid");
 			}
-			for (let [e] of B) r.has(e) || e === z || Q(e);
-			for (let [e, t] of r) B.get(e) === t && e !== z || e !== z && vt(e, t);
+			for (let [e] of B) r.has(e) || e === z || bt(e);
+			for (let [e, t] of r) B.get(e) === t && e !== z || e !== z && Q(e, t);
 			B.clear();
 			for (let [e, t] of r) B.set(e, t);
-			if (Ne(n), e.length === 0) {
-				U = !0, bt();
+			if (K(n), e.length === 0) {
+				U = !0, St();
 				return;
 			}
 			if (f.focusZoom === !1) {
 				U = !0;
 				return;
 			}
-			let i = I(k.value);
+			let i = ce(A.value);
 			i.interrupt();
 			let a = U;
 			U = !0;
-			let [[o, s], [c, l]] = Je.value.bounds({
+			let [[o, s], [c, l]] = Xe.value.bounds({
 				type: "FeatureCollection",
 				features: e.map((e) => e.feature)
-			}), u = (o + c) / 2, d = (s + l) / 2, p = f.focusZoomLevel, m = se.translate(Ie.value / 2 - p * u, Le.value / 2 - p * d).scale(p), h = t[0]?.feature ?? null, g = () => {
-				if (!re.value || !h) return;
-				let e = String(h.id), t = fe.get(e);
+			}), u = (o + c) / 2, d = (s + l) / 2, p = f.focusZoomLevel, m = se.translate(Re.value / 2 - p * u, ze.value / 2 - p * d).scale(p), h = t[0]?.feature ?? null, g = () => {
+				if (!de.value || !h) return;
+				let e = String(h.id), t = R.get(e);
 				if (!t) return;
 				let n = t.getBoundingClientRect();
-				mt(e, n.left + n.width / 2, n.top + n.height / 2);
+				gt(e, n.left + n.width / 2, n.top + n.height / 2);
 			};
-			a ? (gt(), i.transition().duration(yr).call(V.transform, m).on("end", g)) : (V.transform(i, m), g());
+			a ? (vt(), i.transition().duration(Sr).call(V.transform, m).on("end", g)) : (V.transform(i, m), g());
 		}
-		function Ne(e) {
+		function K(e) {
 			let t = M.value;
 			if (!t) return;
 			let n = new Set(e.map((e) => e.key));
-			for (let [e, t] of me) n.has(e) || (t.remove(), me.delete(e));
-			let r = Je.value, i = J.value + 1.5;
+			for (let [e, t] of ge) n.has(e) || (t.remove(), ge.delete(e));
+			let r = Xe.value, i = J.value + 1.5;
 			for (let { item: n, feature: a, key: o } of e) {
-				let e = me.get(o);
-				e || (e = document.createElementNS(gr, "path"), e.setAttribute("d", r(a) ?? ""), e.setAttribute("fill", "none"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("class", "focus-overlay"), t.appendChild(e), me.set(o, e)), e.setAttribute("stroke", n.stroke ?? "#fff"), e.setAttribute("stroke-width", String(i)), _t(e, n.style);
+				let e = ge.get(o);
+				e || (e = document.createElementNS(yr, "path"), e.setAttribute("d", r(a) ?? ""), e.setAttribute("fill", "none"), e.setAttribute("pointer-events", "none"), e.setAttribute("vector-effect", "non-scaling-stroke"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("class", "focus-overlay"), t.appendChild(e), ge.set(o, e)), e.setAttribute("stroke", n.stroke ?? "#fff"), e.setAttribute("stroke-width", String(i)), yt(e, n.style);
 			}
 		}
-		function G() {
-			if (!k.value || !V) return;
-			Z.value.length > 0 && ee("update:focus", null);
-			let e = I(k.value);
-			e.interrupt(), gt(), e.transition().duration(yr).call(V.transform, se);
+		function Ie() {
+			if (!A.value || !V) return;
+			Z.value.length > 0 && D("update:focus", null);
+			let e = ce(A.value);
+			e.interrupt(), vt(), e.transition().duration(Sr).call(V.transform, se);
 		}
-		E(() => f.focusZoomLevel, () => {
+		T(() => f.focusZoomLevel, () => {
 			V && V.scaleExtent([1, Math.max(12, f.focusZoomLevel)]), W();
-		}), E(() => f.state, () => {
-			if (!k.value || !V) return;
-			let e = I(k.value);
+		}), T(() => f.state, () => {
+			if (!A.value || !V) return;
+			let e = ce(A.value);
 			e.interrupt(), V.transform(e, se);
 		});
-		let Fe = n(() => f.width && f.height ? f.height / f.width : .625), Ie = n(() => br), Le = n(() => br * Fe.value), Re = n(() => {
+		let Le = n(() => f.width && f.height ? f.height / f.width : .625), Re = n(() => Cr), ze = n(() => Cr * Le.value), Ve = n(() => {
 			let e = S(f.topology), t = e?.objects?.states;
 			if (!t) return [];
-			let n = ce(e, t);
+			let n = le(e, t);
 			return n.type === "FeatureCollection" ? n.features : [n];
-		}), ze = n(() => {
+		}), He = n(() => {
 			let e = f.state?.trim();
 			if (!e) return null;
 			if (/^\d{1,2}$/.test(e)) return e.padStart(2, "0");
-			let t = Re.value.find((t) => t.properties?.name === e);
+			let t = Ve.value.find((t) => t.properties?.name === e);
 			return t?.id == null ? null : String(t.id).padStart(2, "0");
-		}), Ve = n(() => {
-			let e = ze.value;
-			return e ? Re.value.find((t) => String(t.id).padStart(2, "0") === e) ?? null : null;
+		}), Ue = n(() => {
+			let e = He.value;
+			return e ? Ve.value.find((t) => String(t.id).padStart(2, "0") === e) ?? null : null;
 		});
-		E(() => [f.state, ze.value], ([e, t]) => {
+		T(() => [f.state, He.value], ([e, t]) => {
 			e && e.trim() && !t && console.warn(`[ChoroplethMap] state="${e}" matched no state name or FIPS code; rendering the full map.`);
 		}, { immediate: !0 });
-		let He = v(null), Ue = null;
-		function We() {
-			return Ue ||= import("./hsaMapping-BahYDmea.js").then((e) => e.n).then((e) => (He.value = e, e)), Ue;
+		let We = v(null), Ge = null;
+		function Ke() {
+			return Ge ||= import("./hsaMapping-BahYDmea.js").then((e) => e.n).then((e) => (We.value = e, e)), Ge;
 		}
-		E(() => {
+		T(() => {
 			if (f.geoType === "hsas" || f.dataGeoType === "hsas") return !0;
 			let e = f.focus;
 			return e ? (Array.isArray(e) ? e : [e]).some((e) => typeof e != "string" && e.geoType === "hsas") : !1;
 		}, (e) => {
-			e && We();
+			e && Ke();
 		}, { immediate: !0 });
-		let Ge = n(() => {
-			let e = He.value;
+		let qe = n(() => {
+			let e = We.value;
 			if (!e) return {
 				type: "FeatureCollection",
 				features: []
 			};
-			let { fipsToHsa: t, hsaNames: n } = e, r = S(f.topology), i = r.objects.counties.geometries, a = ze.value, o = /* @__PURE__ */ new Map();
+			let { fipsToHsa: t, hsaNames: n } = e, r = S(f.topology), i = r.objects.counties.geometries, a = He.value, o = /* @__PURE__ */ new Map();
 			for (let e of i) {
 				let n = String(e.id).padStart(5, "0");
 				if (a && n.slice(0, 2) !== a) continue;
@@ -3502,62 +3512,62 @@ var Bt = {
 				type: "Feature",
 				id: e,
 				properties: { name: n[e] ?? e },
-				geometry: le(r, t)
+				geometry: I(r, t)
 			});
 			return {
 				type: "FeatureCollection",
 				features: s
 			};
-		}), Ke = n(() => {
-			if (f.geoType === "hsas") return Ge.value;
-			let e = ze.value;
+		}), Je = n(() => {
+			if (f.geoType === "hsas") return qe.value;
+			let e = He.value;
 			if (f.geoType === "counties") {
-				let t = S(f.topology), n = ce(t, t.objects.counties);
+				let t = S(f.topology), n = le(t, t.objects.counties);
 				return e ? {
 					type: "FeatureCollection",
 					features: n.features.filter((t) => String(t.id).padStart(5, "0").slice(0, 2) === e)
 				} : n;
 			}
-			let t = S(f.topology), n = ce(t, t.objects.states);
+			let t = S(f.topology), n = le(t, t.objects.states);
 			return e ? {
 				type: "FeatureCollection",
 				features: n.features.filter((t) => String(t.id).padStart(2, "0") === e)
 			} : n;
-		}), qe = n(() => {
+		}), Ye = n(() => {
 			if (f.geoType !== "counties" && f.geoType !== "hsas") return null;
-			if (ze.value) return Ve.value;
+			if (He.value) return Ue.value;
 			let e = S(f.topology);
 			return ue(e, e.objects.states, (e, t) => e !== t);
 		}), q = n(() => {
-			let e = Ve.value;
-			if (ze.value && e) {
-				let t = [[xr, xr], [Ie.value - xr, Le.value - xr]], n = ie().fitExtent(t, e), r = ae(n).centroid(e);
-				return Number.isFinite(r[0]) && Number.isFinite(r[1]) ? n : F().fitExtent(t, e);
+			let e = Ue.value;
+			if (He.value && e) {
+				let t = [[wr, wr], [Re.value - wr, ze.value - wr]], n = ae().fitExtent(t, e), r = oe(n).centroid(e);
+				return Number.isFinite(r[0]) && Number.isFinite(r[1]) ? n : P().fitExtent(t, e);
 			}
-			return ie().fitExtent([[0, 0], [Ie.value, Le.value]], Ke.value);
-		}), Je = n(() => ae(q.value)), J = n(() => f.geoType === "counties" || f.geoType === "hsas" ? f.strokeWidth * .5 : f.strokeWidth), Y = n(() => {
+			return ae().fitExtent([[0, 0], [Re.value, ze.value]], Je.value);
+		}), Xe = n(() => oe(q.value)), J = n(() => f.geoType === "counties" || f.geoType === "hsas" ? f.strokeWidth * .5 : f.strokeWidth), Y = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let [t, n] of Xe.value) {
+			for (let [t, n] of Qe.value) {
 				let r = /* @__PURE__ */ new Map();
 				for (let [e, t] of n) t.properties?.name != null && r.set(t.properties.name, e);
 				e.set(t, r);
 			}
 			return e;
 		});
-		function Ye(e) {
+		function Ze(e) {
 			let t = f.dataGeoType;
 			if (!t || t === f.geoType) return e;
-			if (f.geoType === "counties" && t === "hsas") return He.value?.fipsToHsa[e];
+			if (f.geoType === "counties" && t === "hsas") return We.value?.fipsToHsa[e];
 			if (f.geoType === "counties" && t === "states" || f.geoType === "hsas" && t === "states") return e.slice(0, 2);
 		}
 		let X = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of Ke.value.features) t.id != null && e.set(String(t.id), t);
+			for (let t of Je.value.features) t.id != null && e.set(String(t.id), t);
 			return e;
 		}), Z = n(() => {
 			let e = f.focus;
 			return e == null ? [] : (Array.isArray(e) ? e : [e]).map((e) => typeof e == "string" ? { id: e } : e);
-		}), Xe = n(() => {
+		}), Qe = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			e.set(f.geoType, X.value);
 			let t = S(f.topology), n = t?.objects;
@@ -3568,15 +3578,15 @@ var Bt = {
 				return t;
 			};
 			if (!e.has("states") && n.states) {
-				let i = ce(t, n.states);
+				let i = le(t, n.states);
 				e.set("states", r(i.features));
 			}
 			if (!e.has("counties") && n.counties) {
-				let i = ce(t, n.counties);
+				let i = le(t, n.counties);
 				e.set("counties", r(i.features));
 			}
-			return !e.has("hsas") && n.counties && e.set("hsas", r(Ge.value.features)), e;
-		}), Ze = n(() => {
+			return !e.has("hsas") && n.counties && e.set("hsas", r(qe.value.features)), e;
+		}), $e = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			if (!f.data) return e;
 			let t = f.dataGeoType ?? f.geoType, n = Y.value.get(t);
@@ -3586,7 +3596,7 @@ var Bt = {
 				r && e.set(r, t.value);
 			}
 			return e;
-		}), Qe = n(() => {
+		}), et = n(() => {
 			if (!f.data || f.data.length === 0) return {
 				min: 0,
 				max: 1
@@ -3603,8 +3613,8 @@ var Bt = {
 				min: 0,
 				max: 1
 			};
-		}), $e = n(() => Array.isArray(f.colorScale) && f.colorScale.length > 0 && "value" in f.colorScale[0]), et = n(() => Array.isArray(f.colorScale) && !$e.value), tt = n(() => et.value ? "" : f.colorScale?.min ?? "#e5f0fa"), nt = n(() => et.value ? "" : f.colorScale?.max ?? "#08519c");
-		function rt(e) {
+		}), tt = n(() => Array.isArray(f.colorScale) && f.colorScale.length > 0 && "value" in f.colorScale[0]), nt = n(() => Array.isArray(f.colorScale) && !tt.value), rt = n(() => nt.value ? "" : f.colorScale?.min ?? "#e5f0fa"), it = n(() => nt.value ? "" : f.colorScale?.max ?? "#08519c");
+		function at(e) {
 			let t = e.replace("#", "");
 			return [
 				parseInt(t.slice(0, 2), 16),
@@ -3612,354 +3622,356 @@ var Bt = {
 				parseInt(t.slice(4, 6), 16)
 			];
 		}
-		function it(e) {
-			let [t, n, r] = rt(tt.value), [i, a, o] = rt(nt.value);
+		function ot(e) {
+			let [t, n, r] = at(rt.value), [i, a, o] = at(it.value);
 			return `rgb(${Math.round(t + (i - t) * e)},${Math.round(n + (a - n) * e)},${Math.round(r + (o - r) * e)})`;
 		}
-		let at = n(() => et.value ? f.colorScale.slice().sort((e, t) => t.min - e.min) : null), ot = n(() => {
-			if (!$e.value) return null;
+		let st = n(() => nt.value ? f.colorScale.slice().sort((e, t) => t.min - e.min) : null), ct = n(() => {
+			if (!tt.value) return null;
 			let e = /* @__PURE__ */ new Map();
 			for (let t of f.colorScale) e.set(t.value, t.color);
 			return e;
 		});
-		function st(e) {
-			let t = Ye(e);
-			return t == null ? void 0 : Ze.value.get(t);
+		function lt(e) {
+			let t = Ze(e);
+			return t == null ? void 0 : $e.value.get(t);
 		}
-		function ct(e) {
-			let t = st(e), n = f.noDataColor;
+		function ut(e) {
+			let t = lt(e), n = f.noDataColor;
 			if (t == null) return n;
-			let r = ot.value;
+			let r = ct.value;
 			if (r) return r.get(String(t)) ?? n;
-			let i = at.value;
+			let i = st.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 } = Qe.value;
-			return it((t - a) / (o - a));
+			let { min: a, max: o } = et.value;
+			return ot((t - a) / (o - a));
 		}
-		let lt = (e) => e.properties?.name ?? String(e.id);
-		function ut(e) {
-			return e == null ? "" : typeof e == "number" && f.tooltipValueFormat !== void 0 ? te(e, f.tooltipValueFormat) : String(e);
+		let dt = (e) => e.properties?.name ?? String(e.id);
+		function ft(e) {
+			return e == null ? "" : typeof e == "number" && f.tooltipValueFormat !== void 0 ? ne(e, f.tooltipValueFormat) : String(e);
 		}
-		function dt(e, t) {
-			return t == null ? e : `${e}: ${ut(t)}`;
+		function pt(e, t) {
+			return t == null ? e : `${e}: ${ft(t)}`;
 		}
-		function ft() {
+		function mt() {
 			let e = N.value?.getEl();
 			if (!e) return;
-			_e?.disconnect();
+			ye?.disconnect();
 			let t = !1;
-			_e = new ResizeObserver((e) => {
+			ye = new ResizeObserver((e) => {
 				let n = e[0]?.contentRect;
-				n && (ve.width = n.width, ve.height = n.height, !t && be && ye ? (t = !0, pt(ye.x, ye.y)) : t = !0);
-			}), _e.observe(e);
+				n && (be.width = n.width, be.height = n.height, !t && Se && xe ? (t = !0, ht(xe.x, xe.y)) : t = !0);
+			}), ye.observe(e);
 		}
-		function pt(e, t) {
+		function ht(e, t) {
 			let n = N.value?.getEl();
 			if (!n) return;
-			let r = O.value?.getBoundingClientRect(), { left: i, top: a } = H(e, t, ve.width, ve.height, f.tooltipClamp, r);
+			let r = k.value?.getBoundingClientRect(), { left: i, top: a } = je(e, t, be.width, be.height, f.tooltipClamp, r);
 			n.style.transform = `translate3d(${i}px, ${a}px, 0) translateY(-50%)`;
 		}
-		function mt(e, t, n) {
-			let r = L.get(e);
+		function gt(e, t, n) {
+			let r = me.get(e);
 			if (!r) return;
 			let i = N.value, a = i?.getEl();
-			!i || !a || (i.setData(r), ye = {
+			!i || !a || (i.setData(r), xe = {
 				x: t,
 				y: n
-			}, be = !0, pt(t, n), a.style.visibility = "visible");
+			}, Se = !0, ht(t, n), a.style.visibility = "visible");
 		}
-		function ht(e, t) {
-			be && (Se = e, Ce = t, !we && (we = requestAnimationFrame(() => {
-				we = 0;
+		function _t(e, t) {
+			Se && (we = e, Te = t, !Ee && (Ee = requestAnimationFrame(() => {
+				Ee = 0;
 				let e = N.value?.getEl();
-				!e || !be || (ye = {
-					x: Se,
-					y: Ce
-				}, e.style.transform = `translate3d(${Se + 16}px, ${Ce}px, 0) translateY(-50%)`);
+				!e || !Se || (xe = {
+					x: we,
+					y: Te
+				}, e.style.transform = `translate3d(${we + 16}px, ${Te}px, 0) translateY(-50%)`);
 			})));
 		}
-		function gt() {
-			if (!be) return;
-			be = !1, ye = null;
+		function vt() {
+			if (!Se) return;
+			Se = !1, xe = null;
 			let e = N.value?.getEl();
 			e && (e.style.visibility = "hidden");
 		}
-		function _t(e, t) {
+		function yt(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 vt(e, t = "solid") {
-			e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(J.value + 1)), e.setAttribute("stroke", "#555"), _t(e, t);
+		function Q(e, t = "solid") {
+			e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(J.value + 1)), e.setAttribute("stroke", "#555"), yt(e, t);
 		}
-		function Q(e) {
+		function bt(e) {
 			e.setAttribute("stroke-width", String(J.value)), e.setAttribute("stroke", f.strokeColor), e.removeAttribute("stroke-dasharray"), e.removeAttribute("stroke-linecap");
 		}
-		function yt(e) {
-			z !== e && (z && !B.has(z) && Q(z), z = e, vt(e, B.get(e) ?? "solid"));
+		function xt(e) {
+			z !== e && (z && !B.has(z) && bt(z), z = e, Q(e, B.get(e) ?? "solid"));
 		}
-		function bt() {
+		function St() {
 			if (z) {
 				let e = B.get(z);
-				e == null ? Q(z) : vt(z, e), z = null, ee("stateHover", null);
+				e == null ? bt(z) : Q(z, e), z = null, D("stateHover", null);
 			}
-			gt();
+			vt();
 		}
-		function xt(e) {
+		function Ct(e) {
 			let t = e;
 			for (; t && !t.dataset?.featId;) t = t.parentElement;
 			return t ? t.dataset.featId ?? null : null;
 		}
-		function St(e) {
-			ee("stateClick", {
+		function wt(e) {
+			D("stateClick", {
 				id: e.id,
 				name: e.name,
 				value: e.value
-			}), ee("update:focus", Me(Z.value).has(e.id) ? null : e.id);
+			}), D("update:focus", Pe(Z.value).has(e.id) ? null : e.id);
 		}
-		function Ct(e) {
-			if (he) return;
-			let t = e, n = xt(t.target);
+		function Tt(e) {
+			if (_e) return;
+			let t = e, n = Ct(t.target);
 			if (!n) return;
-			let r = L.get(n);
+			let r = me.get(n);
 			if (!r) return;
 			let i = {
 				id: r.id,
 				name: r.name,
 				value: r.value
 			};
-			e.type === "click" ? St(r) : e.type === "mouseover" && (yt(fe.get(n)), re.value && mt(n, t.clientX, t.clientY), ee("stateHover", i));
+			e.type === "click" ? wt(r) : e.type === "mouseover" && (xt(R.get(n)), de.value && gt(n, t.clientX, t.clientY), D("stateHover", i));
 		}
-		function wt(e) {
-			he || ht(e.clientX, e.clientY);
+		function Et(e) {
+			_e || _t(e.clientX, e.clientY);
 		}
-		function Tt(e) {
+		function Dt(e) {
 			let t = e.relatedTarget;
-			t && A.value?.contains(t) || bt();
+			t && re.value?.contains(t) || St();
 		}
-		function Et(e) {
+		function Ot(e) {
 			if (e.touches.length !== 1) {
-				Te = null;
+				De = null;
 				return;
 			}
 			let t = e.touches[0];
-			Te = {
+			De = {
 				x: t.clientX,
 				y: t.clientY,
 				time: e.timeStamp,
-				featId: xt(e.target)
+				featId: Ct(e.target)
 			};
 		}
-		function Dt(e) {
-			let t = Te;
-			if (Te = null, !t || !t.featId || e.touches.length > 0) return;
+		function kt(e) {
+			let t = De;
+			if (De = null, !t || !t.featId || e.touches.length > 0) return;
 			let n = e.changedTouches[0];
-			if (!n || Math.abs(n.clientX - t.x) > _r || Math.abs(n.clientY - t.y) > _r || e.timeStamp - t.time > vr) return;
-			let r = L.get(t.featId);
-			r && (e.preventDefault(), St(r));
+			if (!n || Math.abs(n.clientX - t.x) > br || Math.abs(n.clientY - t.y) > br || e.timeStamp - t.time > xr) return;
+			let r = me.get(t.featId);
+			r && (e.preventDefault(), wt(r));
 		}
-		function Ot() {
-			Te = null;
+		function At() {
+			De = null;
 		}
-		function kt(e) {
-			let t = document.createElementNS(gr, "path");
+		function jt(e) {
+			let t = document.createElementNS(yr, "path");
 			return e && t.setAttribute("d", e), t;
 		}
-		function At() {
+		function Mt() {
 			let e = j.value, t = M.value;
 			if (!e || !t) return;
 			for (; e.firstChild;) e.removeChild(e.firstChild);
 			for (; t.firstChild;) t.removeChild(t.firstChild);
-			fe.clear(), L.clear(), R = null, z = null, B.clear(), me.clear();
-			let n = Je.value, r = Ke.value.features, i = f.strokeColor, a = String(J.value), o = !re.value, s = document.createDocumentFragment();
+			R.clear(), me.clear(), he = null, z = null, B.clear(), ge.clear();
+			let n = Xe.value, r = Je.value.features, i = f.strokeColor, a = String(J.value), o = !de.value, s = document.createDocumentFragment();
 			for (let e of r) {
-				let t = String(e.id), r = lt(e), c = st(t), l = kt(n(e));
-				if (l.setAttribute("class", "state-path"), l.setAttribute("data-feat-id", t), l.setAttribute("fill", ct(t)), l.setAttribute("stroke", i), l.setAttribute("stroke-width", a), l.setAttribute("vector-effect", "non-scaling-stroke"), o) {
-					let e = document.createElementNS(gr, "title");
-					e.textContent = dt(r, c), l.appendChild(e);
+				let t = String(e.id), r = dt(e), c = lt(t), l = jt(n(e));
+				if (l.setAttribute("class", "state-path"), l.setAttribute("data-feat-id", t), l.setAttribute("fill", ut(t)), l.setAttribute("stroke", i), l.setAttribute("stroke-width", a), l.setAttribute("vector-effect", "non-scaling-stroke"), o) {
+					let e = document.createElementNS(yr, "title");
+					e.textContent = pt(r, c), l.appendChild(e);
 				}
-				s.appendChild(l), fe.set(t, l), L.set(t, {
+				s.appendChild(l), R.set(t, l), me.set(t, {
 					id: t,
 					name: r,
 					value: c,
 					feature: e
 				});
 			}
-			let c = qe.value;
+			let c = Ye.value;
 			if (c) {
-				let e = kt(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), R = e;
+				let e = jt(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), he = e;
 			}
 			e.appendChild(s);
 		}
-		function jt() {
-			let e = !re.value;
-			for (let [t, n] of fe) {
-				let r = st(t), i = L.get(t);
-				if (n.setAttribute("fill", ct(t)), i && (i.value = r), e && i) {
+		function Nt() {
+			let e = !de.value;
+			for (let [t, n] of R) {
+				let r = lt(t), i = me.get(t);
+				if (n.setAttribute("fill", ut(t)), i && (i.value = r), e && i) {
 					let e = n.firstElementChild;
-					e && (e.textContent = dt(i.name, r));
+					e && (e.textContent = pt(i.name, r));
 				}
 			}
 		}
-		function Mt() {
-			for (let e of fe.values()) e === z || B.has(e) || Q(e);
-			R && R.setAttribute("stroke", f.strokeColor);
+		function Pt() {
+			for (let e of R.values()) e === z || B.has(e) || bt(e);
+			he && he.setAttribute("stroke", f.strokeColor);
 		}
-		function Nt() {
+		function Ft() {
 			return typeof f.menu == "string" ? f.menu : "choropleth";
 		}
-		let Pt = n(() => f.legend && ($e.value || et.value || f.data)), Ft = n(() => f.colorScale.slice().sort((e, t) => e.min - t.min)), $ = n(() => {
+		let $ = n(() => f.legend && (tt.value || nt.value || f.data)), It = n(() => f.colorScale.slice().sort((e, t) => e.min - t.min)), Lt = n(() => {
 			let e = [];
 			for (let t = 0; t <= 10; t++) {
 				let n = t / 10;
 				e.push({
 					offset: `${(n * 100).toFixed(0)}%`,
-					color: it(n)
+					color: ot(n)
 				});
 			}
 			return e;
-		}), It = new Intl.NumberFormat("en-US", {
+		}), Rt = new Intl.NumberFormat("en-US", {
 			notation: "compact",
 			maximumFractionDigits: 1
-		}), Lt = n(() => {
-			let { min: e, max: t } = Qe.value, n = t - e, r = [];
+		}), zt = n(() => {
+			let { min: e, max: t } = et.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 ? It.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 ? Rt.format(a) : Number.isInteger(a) ? String(a) : a.toFixed(1).replace(/\.0$/, "");
 				r.push({
 					value: o,
 					pct: i * 100
 				});
 			}
 			return r;
-		}), Rt = n(() => {
+		}), Bt = n(() => {
 			let e = [];
-			if ($e.value) for (let t of f.colorScale) e.push({
+			if (tt.value) for (let t of f.colorScale) e.push({
 				key: t.value,
 				color: t.color,
 				label: t.value
 			});
-			else if (et.value) for (let t of Ft.value) e.push({
+			else if (nt.value) for (let t of It.value) e.push({
 				key: String(t.min),
 				color: t.color,
 				label: t.label ?? String(t.min)
 			});
 			return e;
-		}), zt = n(() => `linear-gradient(to right, ${$.value.map((e) => `${e.color} ${e.offset}`).join(", ")})`), Bt = Be({ target: () => f.fullscreenTarget }), Vt = n(() => {
-			let e = Nt();
+		}), Vt = n(() => `linear-gradient(to right, ${Lt.value.map((e) => `${e.color} ${e.offset}`).join(", ")})`), Ht = Be({ target: () => f.fullscreenTarget }), Ut = n(() => {
+			let e = Ft();
 			return [
-				Bt.menuItem.value,
+				Ht.menuItem.value,
 				{
 					label: "Save as SVG",
 					action: () => {
-						k.value && K(k.value, e);
+						A.value && Fe(A.value, e);
 					}
 				},
 				{
 					label: "Save as PNG",
 					action: () => {
-						k.value && Pe(k.value, e);
+						A.value && G(A.value, e);
 					}
 				}
 			];
 		});
-		return E(() => [
-			Ke.value,
+		return T(() => [
 			Je.value,
-			re.value
-		], () => At()), E(() => [
-			Ze.value,
+			Xe.value,
+			de.value
+		], () => Mt()), T(() => [
+			$e.value,
 			f.colorScale,
 			f.noDataColor,
 			f.dataGeoType
-		], () => jt()), E(() => [f.strokeColor, J.value], () => Mt()), E(() => [
+		], () => Nt()), T(() => [f.strokeColor, J.value], () => Pt()), T(() => [
 			Z.value,
-			Je.value,
-			He.value
+			Xe.value,
+			We.value
 		], () => W(), { flush: "post" }), (n, l) => (_(), r(t, {
-			to: C(Bt).teleportTarget.value,
-			disabled: !C(Bt).isFullscreen.value
+			to: C(Ht).teleportTarget.value,
+			disabled: !C(Ht).isFullscreen.value
 		}, [o("div", d({
 			ref_key: "containerRef",
-			ref: O
+			ref: k
 		}, n.$attrs, {
 			class: ["choropleth-wrapper", {
 				pannable: c.pan,
-				"is-fullscreen": C(Bt).isFullscreen.value
+				"is-fullscreen": C(Ht).isFullscreen.value
 			}],
-			style: C(Bt).fullscreenStyle.value
+			style: C(Ht).fullscreenStyle.value,
+			role: w.value || void 0,
+			"aria-label": ee.value || void 0
 		}), [
 			c.menu ? (_(), r(pe, {
 				key: 0,
-				items: Vt.value,
-				"is-fullscreen": C(Bt).isFullscreen.value,
-				onClose: C(Bt).exit
+				items: Ut.value,
+				"is-fullscreen": C(Ht).isFullscreen.value,
+				onClose: C(Ht).exit
 			}, null, 8, [
 				"items",
 				"is-fullscreen",
 				"onClose"
 			])) : i("", !0),
-			o("div", lr, x(C(Bt).isFullscreen.value ? "Map expanded to fill window" : ""), 1),
-			c.title || Pt.value ? (_(), a("div", ur, [c.title ? (_(), a("div", {
+			o("div", fr, x(C(Ht).isFullscreen.value ? "Map expanded to fill window" : ""), 1),
+			c.title || $.value ? (_(), a("div", pr, [c.title ? (_(), a("div", {
 				key: 0,
 				class: "choropleth-title",
-				style: m(de.value)
-			}, x(c.title), 5)) : i("", !0), Pt.value ? (_(), a("div", {
+				style: m(L.value)
+			}, x(c.title), 5)) : i("", !0), $.value ? (_(), a("div", {
 				key: 1,
 				class: "choropleth-legend",
-				style: m(P.value)
-			}, [c.legendTitle ? (_(), a("span", dr, x(c.legendTitle), 1)) : i("", !0), $e.value || et.value ? (_(!0), a(e, { key: 1 }, y(Rt.value, (e) => (_(), a("span", {
+				style: m(fe.value)
+			}, [c.legendTitle ? (_(), a("span", mr, x(c.legendTitle), 1)) : i("", !0), tt.value || nt.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(" " + x(e.label), 1)]))), 128)) : (_(), a("div", fr, [o("div", {
+			}, null, 4), s(" " + x(e.label), 1)]))), 128)) : (_(), a("div", hr, [o("div", {
 				class: "choropleth-legend-gradient",
-				style: m({ background: zt.value })
-			}, null, 4), o("div", pr, [(_(!0), a(e, null, y(Lt.value, (e) => (_(), a("span", {
+				style: m({ background: Vt.value })
+			}, null, 4), o("div", gr, [(_(!0), a(e, null, y(zt.value, (e) => (_(), a("span", {
 				key: e.value,
 				style: m({ left: e.pct + "%" })
 			}, x(e.value), 5))), 128))])]))], 4)) : i("", !0)])) : i("", !0),
 			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: k,
-				viewBox: `0 0 ${Ie.value} ${Le.value}`,
+				ref: A,
+				viewBox: `0 0 ${Re.value} ${ze.value}`,
 				preserveAspectRatio: "xMidYMid meet",
 				style: m(c.twoFingerPan ? { touchAction: "pan-y" } : void 0)
 			}, [o("g", {
 				ref_key: "mapGroupRef",
-				ref: A
+				ref: re
 			}, [o("g", {
 				ref_key: "baseGroupRef",
 				ref: j
 			}, null, 512), o("g", {
 				ref_key: "overlayGroupRef",
 				ref: M
-			}, null, 512)], 512)], 12, mr)),
-			xe.value ? (_(), a("button", {
+			}, null, 512)], 512)], 12, _r)),
+			Ce.value ? (_(), a("button", {
 				key: 2,
 				type: "button",
 				class: "choropleth-reset",
 				"aria-label": "Reset zoom",
-				onClick: G
+				onClick: Ie
 			}, " Reset ")) : i("", !0),
-			re.value ? (_(), r(cr, {
+			de.value ? (_(), r(ur, {
 				key: 3,
 				ref_key: "tooltipChildRef",
 				ref: N
 			}, {
-				default: D((t) => [b(n.$slots, "tooltip", p(u(T(t))), () => [c.tooltipFormat ? (_(), a("span", {
+				default: E((t) => [b(n.$slots, "tooltip", p(u(O(t))), () => [c.tooltipFormat ? (_(), a("span", {
 					key: 0,
 					innerHTML: c.tooltipFormat(t)
-				}, null, 8, hr)) : t.value == null ? (_(), a(e, { key: 1 }, [s(x(t.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(x(t.name) + ": " + x(ut(t.value)), 1)], 64))], !0)]),
+				}, null, 8, vr)) : t.value == null ? (_(), a(e, { key: 1 }, [s(x(t.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(x(t.name) + ": " + x(ft(t.value)), 1)], 64))], !0)]),
 				_: 3
 			}, 512)) : i("", !0)
-		], 16)], 8, ["to", "disabled"]));
+		], 16, dr)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-63f25207"]]), Cr = /* @__PURE__ */ L(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-7bd9e073"]]), Er = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	__name: "ChartTooltip",
 	props: {
 		x: {},
@@ -3979,12 +3991,12 @@ var Bt = {
 				top: `${e.y}px`,
 				transform: "translateY(-50%)"
 			})
-		}, [b(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (_(), r(C(P), {
+		}, [b(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (_(), r(C(ie), {
 			key: 1,
 			open: e.open
 		}, {
-			default: D(() => [c(C(N), { "as-child": "" }, {
-				default: D(() => [o("div", {
+			default: E(() => [c(C(j), { "as-child": "" }, {
+				default: E(() => [o("div", {
 					class: "chart-tooltip-anchor",
 					style: m({
 						left: `${e.x}px`,
@@ -3992,8 +4004,8 @@ var Bt = {
 					})
 				}, null, 4)]),
 				_: 1
-			}), c(C(re), null, {
-				default: D(() => [e.open ? (_(), r(C(ne), {
+			}), c(C(N), null, {
+				default: E(() => [e.open ? (_(), r(C(M), {
 					key: 0,
 					class: "chart-tooltip-content",
 					side: "right",
@@ -4002,7 +4014,7 @@ var Bt = {
 					onPointerDownOutside: n[0] ||= (e) => t.$emit("close"),
 					onEscapeKeyDown: n[1] ||= (e) => t.$emit("close")
 				}, {
-					default: D(() => [b(t.$slots, "default", {}, void 0, !0)]),
+					default: E(() => [b(t.$slots, "default", {}, void 0, !0)]),
 					_: 3
 				}, 8, ["side-offset"])) : i("", !0)]),
 				_: 3
@@ -4010,7 +4022,7 @@ var Bt = {
 			_: 3
 		}, 8, ["open"])) : i("", !0);
 	}
-}), [["__scopeId", "data-v-44377f70"]]), wr = { class: "TableWrapper" }, Tr = ["href", "download"], Er = /* @__PURE__ */ L(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-44377f70"]]), Dr = { class: "TableWrapper" }, Or = ["href", "download"], kr = /* @__PURE__ */ L(/* @__PURE__ */ l({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -4094,47 +4106,47 @@ var Bt = {
 			let r = c.columnConfig?.[e.name]?.format;
 			if (r !== void 0) {
 				if (typeof r == "function") return r(n, t);
-				if (typeof n == "number") return te(n, r);
+				if (typeof n == "number") return ne(n, r);
 			}
 			return e.enumLabels && typeof n == "number" ? e.enumLabels[n] ?? String(n) : typeof n == "number" ? Number.isInteger(n) ? n.toString() : n.toFixed(4) : typeof n == "boolean" ? n ? "true" : "false" : String(n);
 		}
 		function C() {
 			return c.filename ? c.filename : typeof c.menu == "string" ? c.menu : "data";
 		}
-		function w(e) {
+		function te(e) {
 			return e.includes(",") || e.includes("\"") || e.includes("\n") ? `"${e.replace(/"/g, "\"\"")}"` : e;
 		}
-		function T() {
+		function w() {
 			if (typeof c.csv == "function") return c.csv();
 			if (typeof c.csv == "string") return c.csv;
-			let e = b.value, t = ee.value, n = [e.map((e) => w(l(e.name))).join(",")];
+			let e = b.value, t = ee.value, n = [e.map((e) => te(l(e.name))).join(",")];
 			for (let r = 0; r < t; r++) {
-				let t = e.map((e) => w(S(e, r)));
+				let t = e.map((e) => te(S(e, r)));
 				n.push(t.join(","));
 			}
 			return n.join("\n");
 		}
-		function E() {
-			Fe(T(), C());
+		function T() {
+			K(w(), C());
 		}
-		let D = n(() => c.downloadButton || c.downloadLink ? [] : [{
+		let E = n(() => c.downloadButton || c.downloadLink ? [] : [{
 			label: c.downloadMenuLink,
-			action: E
-		}]), O = n(() => {
+			action: T
+		}]), D = n(() => {
 			if (c.downloadButton) return null;
 			let e = c.downloadLink;
 			return e ? typeof e == "string" ? e : "Download data (CSV)" : null;
-		}), k = n(() => O.value ? `data:text/csv;charset=utf-8,${encodeURIComponent(T())}` : null), A = n(() => !!c.menu && D.value.length > 0);
+		}), O = n(() => D.value ? `data:text/csv;charset=utf-8,${encodeURIComponent(w())}` : null), k = n(() => !!c.menu && E.value.length > 0);
 		return (n, s) => (_(), a("div", { class: f(["TableOuter", {
 			"full-width": t.fullWidth,
-			"has-menu": A.value
+			"has-menu": k.value
 		}]) }, [
-			A.value ? (_(), r(pe, {
+			k.value ? (_(), r(pe, {
 				key: 0,
-				items: D.value,
+				items: E.value,
 				"force-dropdown": ""
 			}, null, 8, ["items"])) : i("", !0),
-			o("div", wr, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
+			o("div", Dr, [o("table", { class: f(["Table", { "full-width": t.fullWidth }]) }, [
 				o("colgroup", null, [(_(!0), a(e, null, y(b.value, (e) => (_(), a("col", {
 					key: e.name,
 					style: m(u(e.name))
@@ -4154,15 +4166,15 @@ var Bt = {
 				key: 1,
 				type: "button",
 				class: "data-table-download-button",
-				onClick: E
-			}, x(t.downloadMenuLink), 1)) : O.value ? (_(), a("a", {
+				onClick: T
+			}, x(t.downloadMenuLink), 1)) : D.value ? (_(), a("a", {
 				key: 2,
 				class: "data-table-download-link",
-				href: k.value,
+				href: O.value,
 				download: `${C()}.csv`
-			}, x(O.value), 9, Tr)) : i("", !0)
+			}, x(D.value), 9, Or)) : i("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-21721f41"]]);
 //#endregion
-export { or as BarChart, Cr as ChartTooltip, Sr as ChoroplethMap, Er as DataTable, En as LineChart };
+export { cr as BarChart, Er as ChartTooltip, Tr as ChoroplethMap, kr as DataTable, Dn as LineChart };