@cfasim-ui/charts 0.7.5 → 0.7.7

package/dist/index.js

@@ -1,13 +1,13 @@
 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, nextTick as f, normalizeClass as p, normalizeProps as m, normalizeStyle as h, onMounted as g, onUnmounted as ee, openBlock as _, ref as v, renderList as y, renderSlot as te, toDisplayString as b, toHandlers as ne, toRaw as re, unref as x, useSlots as S, useTemplateRef as ie, watch as C, withCtx as w } from "vue";
 import { formatNumber as ae } from "@cfasim-ui/shared";
-import { DropdownMenuContent as T, DropdownMenuItem as E, DropdownMenuPortal as oe, DropdownMenuRoot as D, DropdownMenuTrigger as O, PopoverAnchor as k, PopoverContent as se, PopoverPortal as A, PopoverRoot as ce } from "reka-ui";
-import { geoAlbersUsa as j, geoMercator as le, geoPath as M } from "d3-geo";
-import { zoom as ue, zoomIdentity as de, zoomTransform as fe } from "d3-zoom";
-import { select as N } from "d3-selection";
+import { DropdownMenuContent as T, DropdownMenuItem as E, DropdownMenuPortal as oe, DropdownMenuRoot as D, DropdownMenuTrigger as O, PopoverAnchor as k, PopoverContent as se, PopoverPortal as ce, PopoverRoot as le } from "reka-ui";
+import { geoAlbersUsa as A, geoMercator as ue, geoPath as j } from "d3-geo";
+import { zoom as de, zoomIdentity as fe, zoomTransform as pe } from "d3-zoom";
+import { select as M } from "d3-selection";
 import "d3-transition";
-import { feature as pe, merge as me, mesh as he } from "topojson-client";
+import { feature as me, merge as he, mesh as ge } from "topojson-client";
 //#region src/ChartMenu/ChartMenu.vue?vue&type=script&setup=true&lang.ts
-var P = ["aria-label"], ge = /* @__PURE__ */ l({
+var _e = ["aria-label"], ve = /* @__PURE__ */ l({
 	__name: "ChartMenu",
 	props: {
 		items: {},
@@ -104,44 +104,44 @@ var P = ["aria-label"], ge = /* @__PURE__ */ l({
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			"aria-hidden": "true"
-		}, [o("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, P))], 2));
+		}, [o("path", { d: "M7 1v8M3 6l4 4 4-4M2 13h10" })], -1)]], 8, _e))], 2));
 	}
-}), _e = (e, t) => {
+}), N = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, ve = /* @__PURE__ */ _e(ge, [["__scopeId", "data-v-f5743494"]]);
+}, ye = /* @__PURE__ */ N(ve, [["__scopeId", "data-v-f5743494"]]);
 //#endregion
 //#region src/_shared/axes.ts
-function F(e) {
+function P(e) {
 	return Math.round(e) + .5;
 }
-function ye(e, t) {
+function be(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 be(e, t, n) {
+function xe(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 I = new Intl.NumberFormat();
-function L(e) {
-	return Math.abs(e) >= 1e3 ? I.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
+var Se = new Intl.NumberFormat();
+function Ce(e) {
+	return Math.abs(e) >= 1e3 ? Se.format(e) : Number.isInteger(e) ? e.toString() : e.toFixed(1);
 }
 //#endregion
 //#region src/_shared/computeTicks.ts
-function xe(e) {
+function F(e) {
 	let { min: t, max: n, ticks: r } = e;
 	if (t === n) return [];
 	let i = e.displayOffset ?? 0;
 	if (Array.isArray(r)) return r.map((e) => e - i).filter((e) => e >= t && e <= n);
-	if (typeof r == "number") return be(t + i, n + i, r).map((e) => e - i);
-	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = ye(n - t, a);
-	return be(t + i, n + i, o).map((e) => e - i);
+	if (typeof r == "number") return xe(t + i, n + i, r).map((e) => e - i);
+	let a = Math.max(3, Math.floor(e.targetTickCount ?? 3)), o = be(n - t, a);
+	return xe(t + i, n + i, o).map((e) => e - i);
 }
-function R(e, t, n, r) {
+function we(e, t, n, r) {
 	if (r === "log") {
 		let r = Math.log10(t), i = Math.log10(n) - r || 1;
 		return (Math.log10(e > 0 ? e : t) - r) / i;
@@ -149,7 +149,7 @@ function R(e, t, n, r) {
 	let i = n - t || 1;
 	return (e - t) / i;
 }
-function Se(e, t, n, r) {
+function Te(e, t, n, r) {
 	if (n !== "log") return {
 		min: e,
 		max: t
@@ -160,7 +160,7 @@ function Se(e, t, n, r) {
 		max: t > 0 ? Math.max(t, i) : i
 	};
 }
-function Ce(e) {
+function I(e) {
 	let { min: t, max: n, ticks: r } = e;
 	if (!(t > 0) || !(n > 0) || t === n) return [];
 	if (Array.isArray(r)) return r.filter((e) => e > 0 && e >= t && e <= n);
@@ -173,7 +173,7 @@ function Ce(e) {
 }
 //#endregion
 //#region src/_shared/useChartSize.ts
-function we(e = {}) {
+function Ee(e = {}) {
 	let t = v(null), n = v(0), r = v(0), i = null, a = null;
 	return g(() => {
 		t.value && (n.value = t.value.clientWidth, r.value = t.value.clientHeight, i = new ResizeObserver((t) => {
@@ -192,8 +192,8 @@ function we(e = {}) {
 		measuredHeight: r
 	};
 }
-var Te = .6, z = 8;
-function Ee(e, t) {
+var De = .6, Oe = 8;
+function ke(e, t) {
 	return {
 		fontSize: e?.fontSize ?? t.fontSize,
 		fill: e?.color ?? "currentColor",
@@ -201,8 +201,8 @@ function Ee(e, t) {
 		fillOpacity: e?.color == null ? t.fillOpacity : void 0
 	};
 }
-var De = 7, Oe = 18, ke = 16;
-function Ae(e) {
+var L = 7, Ae = 18, je = 16;
+function Me(e) {
 	return e == null ? {
 		top: 0,
 		right: 0,
@@ -220,12 +220,12 @@ function Ae(e) {
 		left: e.left ?? 0
 	};
 }
-function je(e) {
-	return Oe + e.length * De;
+function Ne(e) {
+	return Ae + e.length * L;
 }
-function Me(e) {
+function Pe(e) {
 	let t = n(() => {
-		let t = Ae(e.extraPadding?.());
+		let t = Me(e.extraPadding?.());
 		return {
 			left: (e.yLabel() ? 56 : 50) + t.left,
 			right: 10 + t.right
@@ -238,11 +238,11 @@ function Me(e) {
 		};
 		let n = Math.max(0, r.value), i = [], a = 0, o = 0;
 		for (let e of t) {
-			let t = je(e);
+			let t = Ne(e);
 			o > 0 && o + t > n && (a++, o = 0), i.push({
 				x: o,
 				row: a
-			}), o += t + ke;
+			}), o += t + je;
 		}
 		return {
 			positions: i,
@@ -252,9 +252,9 @@ function Me(e) {
 		let t = e.title();
 		if (!t) return 10;
 		let n = e.titleStyle?.()?.lineHeight ?? 18;
-		return t.split("\n").length * n + z;
+		return t.split("\n").length * n + Oe;
 	}), o = n(() => {
-		let n = Ae(e.extraPadding?.()), r = i.value.rowCount;
+		let n = Me(e.extraPadding?.()), r = i.value.rowCount;
 		return {
 			top: a.value + r * 20 + n.top,
 			bottom: (e.xLabel() ? 38 : 30) + n.bottom,
@@ -283,10 +283,10 @@ function Me(e) {
 }
 //#endregion
 //#region src/tooltip-position.ts
-var Ne = 16, Pe = 8;
-function B(e, t, n, r, i, a) {
+var Fe = 16, R = 8;
+function z(e, t, n, r, i, a) {
 	if (i === "none") return {
-		left: e + Ne,
+		left: e + Fe,
 		top: t
 	};
 	let o = i === "chart" && a ? {
@@ -299,15 +299,15 @@ function B(e, t, n, r, i, a) {
 		right: window.innerWidth,
 		top: 0,
 		bottom: window.innerHeight
-	}, s = e + Ne + n > o.right - Pe ? e - Ne - n : e + Ne, c = r / 2;
+	}, s = e + Fe + n > o.right - R ? e - Fe - n : e + Fe, c = Math.max(o.left + R, o.right - R - n), l = Math.min(Math.max(s, o.left + R), c), u = r / 2;
 	return {
-		left: s,
-		top: Math.min(Math.max(t, o.top + Pe + c), o.bottom - Pe - c)
+		left: l,
+		top: Math.min(Math.max(t, o.top + R + u), o.bottom - R - u)
 	};
 }
 //#endregion
 //#region src/_shared/useChartTooltip.ts
-function Fe(e) {
+function Ie(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;
@@ -328,7 +328,7 @@ function Fe(e) {
 		}
 		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 } = B(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?.() ?? "window", { left: f, top: p } = z(a.value.clientX, a.value.clientY - u, s.offsetWidth, s.offsetHeight, d, l);
 		o.value = {
 			left: f - l.left,
 			top: p - l.top
@@ -395,98 +395,98 @@ function Fe(e) {
 }
 //#endregion
 //#region src/ChartMenu/download.ts
-function V(e, t) {
+function Le(e, t) {
 	let n = URL.createObjectURL(e), r = document.createElement("a");
 	r.href = n, r.download = t, r.click(), URL.revokeObjectURL(n);
 }
-var H = [
+var B = [
 	"color",
 	"font-family",
 	"font-size",
 	"font-weight"
-], U = ["fill", "stroke"];
-function Ie(e) {
+], V = ["fill", "stroke"];
+function H(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 W(e) {
+function U(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 H) {
+	for (let e of B) {
 		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 U) {
+	for (let e of t.querySelectorAll("*")) for (let t of V) {
 		let n = e.getAttribute(t);
-		!n || !n.includes("var(") || e.setAttribute(t, Ie(n));
+		!n || !n.includes("var(") || e.setAttribute(t, H(n));
 	}
 	return t;
 }
-function G(e, t) {
-	let n = W(e), r = new XMLSerializer().serializeToString(n);
-	V(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
+function W(e, t) {
+	let n = U(e), r = new XMLSerializer().serializeToString(n);
+	Le(new Blob([r], { type: "image/svg+xml" }), `${t}.svg`);
 }
-function Le(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;
+function Re(e, t) {
+	let n = U(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 && V(e, `${t}.png`);
+			e && Le(e, `${t}.png`);
 		}), URL.revokeObjectURL(a);
 	}, o.src = a;
 }
-function Re(e, t) {
+function ze(e, t) {
 	e.toBlob((e) => {
-		e && V(e, `${t}.png`);
+		e && Le(e, `${t}.png`);
 	}, "image/png");
 }
-function ze(e, t) {
-	V(new Blob([e], { type: "text/csv" }), `${t}.csv`);
+function Be(e, t) {
+	Le(new Blob([e], { type: "text/csv" }), `${t}.csv`);
 }
 //#endregion
 //#region src/_shared/touch.ts
-function K() {
+function G() {
 	return typeof window < "u" && "ontouchstart" in window;
 }
 //#endregion
 //#region src/_shared/useChartFullscreen.ts
-var Be = 0, Ve = "";
-function He() {
-	typeof document > "u" || (Be === 0 && (Ve = document.body.style.overflow, document.body.style.overflow = "hidden"), Be++);
+var Ve = 0, He = "";
+function K() {
+	typeof document > "u" || (Ve === 0 && (He = document.body.style.overflow, document.body.style.overflow = "hidden"), Ve++);
 }
 function Ue() {
-	typeof document > "u" || Be !== 0 && (Be--, Be === 0 && (document.body.style.overflow = Ve));
+	typeof document > "u" || Ve !== 0 && (Ve--, Ve === 0 && (document.body.style.overflow = He));
 }
-var q = 0, J = null;
-function We() {
+var We = 0, Ge = null;
+function Ke() {
 	return document.querySelector("meta[name=\"viewport\"]");
 }
-function Ge() {
-	if (typeof document > "u" || !K()) return;
-	let e = We();
+function qe() {
+	if (typeof document > "u" || !G()) return;
+	let e = Ke();
 	if (e) {
-		if (q === 0) {
-			J = e.getAttribute("content");
-			let t = J || "width=device-width, initial-scale=1";
+		if (We === 0) {
+			Ge = e.getAttribute("content");
+			let t = Ge || "width=device-width, initial-scale=1";
 			e.setAttribute("content", `${t}, maximum-scale=1`);
 		}
-		q++;
+		We++;
 	}
 }
-function Ke() {
-	if (!(typeof document > "u") && q !== 0 && (q--, q === 0)) {
-		let e = We();
-		e && J != null && e.setAttribute("content", J), J = null;
+function q() {
+	if (!(typeof document > "u") && We !== 0 && (We--, We === 0)) {
+		let e = Ke();
+		e && Ge != null && e.setAttribute("content", Ge), Ge = null;
 	}
 }
-function Y(e = {}) {
+function J(e = {}) {
 	let t = v(!1), r = !1, i = v(null);
 	function a() {
 		let e = typeof window < "u" ? window.visualViewport : null;
@@ -502,7 +502,7 @@ function Y(e = {}) {
 		t && (e ? (t.addEventListener("resize", a), t.addEventListener("scroll", a), a()) : (t.removeEventListener("resize", a), t.removeEventListener("scroll", a), i.value = null));
 	}
 	function s(e) {
-		e !== t.value && (t.value = e, e && !r ? (He(), Ge(), o(!0), r = !0) : !e && r && (Ue(), Ke(), o(!1), r = !1));
+		e !== t.value && (t.value = e, e && !r ? (K(), qe(), o(!0), r = !0) : !e && r && (Ue(), q(), o(!1), r = !1));
 	}
 	function c(e) {
 		if (e.key !== "Escape" || !t.value) return;
@@ -521,7 +521,7 @@ function Y(e = {}) {
 	return g(() => {
 		typeof document > "u" || document.addEventListener("keydown", c);
 	}), ee(() => {
-		typeof document > "u" || (document.removeEventListener("keydown", c), r &&= (Ue(), Ke(), o(!1), !1));
+		typeof document > "u" || (document.removeEventListener("keydown", c), r &&= (Ue(), q(), o(!1), !1));
 	}), {
 		isFullscreen: t,
 		toggle: d,
@@ -538,7 +538,7 @@ function Y(e = {}) {
 			"z-index": "var(--cfasim-z-fullscreen, 1000)",
 			background: "var(--color-bg-0, #fff)",
 			color: "var(--color-text, inherit)",
-			padding: K() ? "0" : "2em",
+			padding: G() ? "0" : "2em",
 			"box-sizing": "border-box",
 			display: "flex",
 			"flex-direction": "column",
@@ -549,7 +549,7 @@ function Y(e = {}) {
 }
 //#endregion
 //#region src/_shared/useChartMenu.ts
-function qe(e) {
+function Je(e) {
 	let t = v(null);
 	function r() {
 		let t = e.filename();
@@ -557,23 +557,23 @@ function qe(e) {
 		let n = e.legacyMenuLabel();
 		return typeof n == "string" ? n : "chart";
 	}
-	let i = e.fullscreen ? Y({ target: e.fullscreenTarget }) : null, a = n(() => {
+	let i = e.fullscreen ? J({ target: e.fullscreenTarget }) : null, a = n(() => {
 		let n = r(), a = [];
 		i && a.push(i.menuItem.value), a.push({
 			label: "Save as SVG",
 			action: () => {
-				t.value && G(t.value, n);
+				t.value && W(t.value, n);
 			}
 		}, {
 			label: "Save as PNG",
 			action: () => {
-				t.value && Le(t.value, n);
+				t.value && Re(t.value, n);
 			}
 		});
 		let o = e.downloadButton?.();
 		return !e.downloadLink() && !o && a.push({
 			label: "Download CSV",
-			action: () => ze(e.getCsv(), n)
+			action: () => Be(e.getCsv(), n)
 		}), a;
 	}), o = n(() => {
 		if (e.downloadButton?.()) return null;
@@ -584,7 +584,7 @@ function qe(e) {
 		return t ? typeof t == "string" ? t : "Download data (CSV)" : null;
 	});
 	function l() {
-		ze(e.getCsv(), r());
+		Be(e.getCsv(), r());
 	}
 	return {
 		svgRef: t,
@@ -602,7 +602,7 @@ function qe(e) {
 }
 //#endregion
 //#region src/_shared/ChartZoomControls.vue?vue&type=script&setup=true&lang.ts
-var Je = ["disabled"], X = ["disabled"], Ye = ["disabled"], Xe = /* @__PURE__ */ _e(/* @__PURE__ */ l({
+var Ye = ["disabled"], Y = ["disabled"], Xe = ["disabled"], Ze = /* @__PURE__ */ N(/* @__PURE__ */ l({
 	__name: "ChartZoomControls",
 	props: {
 		canZoomIn: {
@@ -645,7 +645,7 @@ var Je = ["disabled"], X = ["disabled"], Ye = ["disabled"], Xe = /* @__PURE__ */
 				"stroke-width": "1.5",
 				"stroke-linecap": "round",
 				"aria-hidden": "true"
-			}, [o("path", { d: "M7 2v10M2 7h10" })], -1)]], 8, Je),
+			}, [o("path", { d: "M7 2v10M2 7h10" })], -1)]], 8, Ye),
 			o("button", {
 				type: "button",
 				class: "chart-zoom-button",
@@ -661,7 +661,7 @@ var Je = ["disabled"], X = ["disabled"], Ye = ["disabled"], Xe = /* @__PURE__ */
 				"stroke-width": "1.5",
 				"stroke-linecap": "round",
 				"aria-hidden": "true"
-			}, [o("path", { d: "M2 7h10" })], -1)]], 8, X),
+			}, [o("path", { d: "M2 7h10" })], -1)]], 8, Y),
 			o("button", {
 				type: "button",
 				class: "chart-zoom-button",
@@ -678,13 +678,13 @@ var Je = ["disabled"], X = ["disabled"], Ye = ["disabled"], Xe = /* @__PURE__ */
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				"aria-hidden": "true"
-			}, [o("path", { d: "M1.75 7a5.25 5.25 0 1 0 5.25-5.25c-1.48 0-2.9.6-3.94 1.6L1.75 4.7" }), o("path", { d: "M1.75 1.75v2.95h2.95" })], -1)]], 8, Ye)
+			}, [o("path", { d: "M1.75 7a5.25 5.25 0 1 0 5.25-5.25c-1.48 0-2.9.6-3.94 1.6L1.75 4.7" }), o("path", { d: "M1.75 1.75v2.95h2.95" })], -1)]], 8, Xe)
 		], 2));
 	}
 }), [["__scopeId", "data-v-87ceeada"]]);
 //#endregion
 //#region src/_shared/seriesCsv.ts
-function Ze(e) {
+function Qe(e) {
 	if (e.length === 0) return "";
 	let t = 0;
 	for (let n of e) n.data.length > t && (t = n.data.length);
@@ -696,43 +696,43 @@ function Ze(e) {
 	}
 	return i.join("\n");
 }
-function Qe(e, t, n = "category") {
+function $e(e, t, n = "category") {
 	if (t.length === 0 || e.length === 0) return "";
 	let r = [(t.length === 1 ? [n, t[0].label || "value"] : [n, ...t.map((e, t) => e.label || `series_${t}`)]).join(",")];
 	for (let n = 0; n < e.length; n++) {
-		let i = [$e(e[n])];
+		let i = [et(e[n])];
 		for (let e of t) i.push(n < e.data.length ? String(e.data[n]) : "");
 		r.push(i.join(","));
 	}
 	return r.join("\n");
 }
-function $e(e) {
+function et(e) {
 	return e.includes(",") || e.includes("\"") || e.includes("\n") ? `"${e.replace(/"/g, "\"\"")}"` : e;
 }
 //#endregion
 //#region src/_shared/ChartAnnotations.vue?vue&type=script&setup=true&lang.ts
-var et = {
+var tt = {
 	class: "chart-annotations",
 	"pointer-events": "none"
-}, tt = ["stroke", "stroke-width"], nt = [
+}, nt = ["stroke", "stroke-width"], rt = [
 	"d",
 	"stroke",
 	"stroke-width"
-], rt = [
+], it = [
 	"fill",
 	"stroke",
 	"stroke-width",
 	"transform"
-], it = [
+], at = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], at = [
+], ot = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], ot = ["fill", "transform"], st = [
+], st = ["fill", "transform"], ct = [
 	"x",
 	"y",
 	"text-anchor",
@@ -741,7 +741,7 @@ var et = {
 	"fill",
 	"stroke",
 	"stroke-width"
-], ct = ["x", "dy"], lt = ["font-weight", "font-style"], ut = 13, dt = "normal", ft = 700, pt = "var(--color-bg-0, #fff)", mt = 3, ht = 1, Z = 4, gt = 6, _t = 1.2, vt = .35, yt = /* @__PURE__ */ l({
+], lt = ["x", "dy"], ut = ["font-weight", "font-style"], dt = 13, ft = "normal", pt = 700, mt = "var(--color-bg-0, #fff)", ht = 3, gt = 1, _t = 4, vt = 6, yt = 1.2, bt = .35, xt = /* @__PURE__ */ l({
 	__name: "ChartAnnotations",
 	props: {
 		annotations: { default: () => [] },
@@ -778,7 +778,7 @@ var et = {
 				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 ?? ut, g = t.fontWeight ?? dt, ee = t.outlineColor ?? pt, _ = t.outlineWidth ?? mt, v = t.lineColor ?? m, y = t.lineWidth ?? ht, te = s(t.lineDash), b = {
+				let { x: o, y: l } = t.offset, d = n.x + o, p = n.y + l, m = t.color ?? "currentColor", h = t.fontSize ?? dt, g = t.fontWeight ?? ft, ee = t.outlineColor ?? mt, _ = t.outlineWidth ?? ht, v = t.lineColor ?? m, y = t.lineWidth ?? gt, te = s(t.lineDash), b = {
 					left: "start",
 					center: "middle",
 					right: "end"
@@ -793,7 +793,7 @@ var et = {
 					textX: d,
 					textY: p,
 					textAnchor: b,
-					dy: h * _t,
+					dy: h * yt,
 					fontSize: h,
 					fontWeight: g,
 					color: m,
@@ -859,11 +859,11 @@ var et = {
 		}
 		function f(e, t, n, r, i, a, o) {
 			if (o === "none") return { path: "" };
-			let s = n - e, c = r - t, l = i * _t, u = (c < 0 ? r + (a - 1) * l : r) - i * vt;
+			let s = n - e, c = r - t, l = i * yt, u = (c < 0 ? r + (a - 1) * l : r) - i * bt;
 			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 * Z, p = t + d * Z, m = n - l * gt, h = i - d * gt, g = Math.atan2(-d, -l) * 180 / Math.PI;
+				let l = a / s, d = o / s, f = e + l * _t, p = t + d * _t, m = n - l * vt, h = i - d * vt, g = Math.atan2(-d, -l) * 180 / Math.PI;
 				return {
 					path: `M${f},${p} L${m},${h}`,
 					arrow: {
@@ -874,8 +874,8 @@ var et = {
 				};
 			}
 			let d = u - t;
-			if (Math.abs(d) <= Z || Math.abs(s) <= gt) return { path: "" };
-			let f = Math.sign(s), p = Math.sign(d), m = e, h = t + p * Z, g = n - f * gt, ee = u, _ = p > 0 ? -90 : 90;
+			if (Math.abs(d) <= _t || Math.abs(s) <= vt) return { path: "" };
+			let f = Math.sign(s), p = Math.sign(d), m = e, h = t + p * _t, g = n - f * vt, ee = u, _ = p > 0 ? -90 : 90;
 			return {
 				path: `M${m},${h} Q${m},${u} ${g},${ee}`,
 				arrow: {
@@ -885,7 +885,7 @@ var et = {
 				}
 			};
 		}
-		return (t, n) => (_(), a("g", et, [(_(!0), a(e, null, y(l.value, (t, n) => (_(), a(e, { key: n }, [
+		return (t, n) => (_(), a("g", tt, [(_(!0), a(e, null, y(l.value, (t, n) => (_(), a(e, { key: n }, [
 			t.rule && t.outlineWidth > 0 ? (_(), a("line", d({
 				key: 0,
 				ref_for: !0
@@ -894,7 +894,7 @@ var et = {
 				stroke: t.outlineColor,
 				"stroke-width": t.lineWidth + t.outlineWidth,
 				"stroke-linecap": "round"
-			}), null, 16, tt)) : i("", !0),
+			}), null, 16, nt)) : i("", !0),
 			t.pointerPath && t.outlineWidth > 0 ? (_(), a("path", {
 				key: 1,
 				d: t.pointerPath,
@@ -903,7 +903,7 @@ var et = {
 				stroke: t.outlineColor,
 				"stroke-width": t.lineWidth + t.outlineWidth,
 				"stroke-linecap": "round"
-			}, null, 8, nt)) : i("", !0),
+			}, null, 8, rt)) : i("", !0),
 			t.arrowTip && t.outlineWidth > 0 ? (_(), a("polygon", {
 				key: 2,
 				points: "0,0 -6,-3 -6,3",
@@ -913,7 +913,7 @@ var et = {
 				"stroke-width": t.outlineWidth,
 				"stroke-linejoin": "round",
 				transform: t.arrowTransform
-			}, null, 8, rt)) : i("", !0),
+			}, null, 8, it)) : i("", !0),
 			t.rule ? (_(), a("line", d({
 				key: 3,
 				ref_for: !0
@@ -922,7 +922,7 @@ var et = {
 				"stroke-width": t.lineWidth,
 				"stroke-dasharray": t.lineDash,
 				"stroke-linecap": "round"
-			}), null, 16, it)) : i("", !0),
+			}), null, 16, at)) : i("", !0),
 			t.pointerPath ? (_(), a("path", {
 				key: 4,
 				d: t.pointerPath,
@@ -931,13 +931,13 @@ var et = {
 				"stroke-width": t.lineWidth,
 				"stroke-dasharray": t.lineDash,
 				"stroke-linecap": "round"
-			}, null, 8, at)) : i("", !0),
+			}, null, 8, ot)) : i("", !0),
 			t.arrowTip ? (_(), a("polygon", {
 				key: 5,
 				points: "0,0 -6,-3 -6,3",
 				fill: t.lineColor,
 				transform: t.arrowTransform
-			}, null, 8, ot)) : i("", !0),
+			}, null, 8, st)) : i("", !0),
 			o("text", {
 				x: t.textX,
 				y: t.textY,
@@ -955,14 +955,14 @@ var et = {
 				dy: r === 0 ? 0 : t.dy
 			}, [(_(!0), a(e, null, y(n, (e, t) => (_(), a("tspan", {
 				key: t,
-				"font-weight": e.bold ? ft : void 0,
+				"font-weight": e.bold ? pt : void 0,
 				"font-style": e.italic ? "italic" : void 0
-			}, b(e.text), 9, lt))), 128))], 8, ct))), 128))], 8, st)
+			}, b(e.text), 9, ut))), 128))], 8, lt))), 128))], 8, ct)
 		], 64))), 128))]));
 	}
-}), bt = 400, xt = 200;
-function St(e) {
-	let { containerRef: t, measuredWidth: r, measuredHeight: i } = we({ debounce: e.debounce }), { svgRef: a, items: o, downloadLinkText: s, csvHref: c, downloadButtonText: l, triggerCsvDownload: u, resolvedFilename: d, isFullscreen: f, fullscreenStyle: p, teleportTarget: m, exitFullscreen: h } = qe({
+}), St = 400, Ct = 200;
+function wt(e) {
+	let { containerRef: t, measuredWidth: r, measuredHeight: i } = Ee({ debounce: e.debounce }), { svgRef: a, items: o, downloadLinkText: s, csvHref: c, downloadButtonText: l, triggerCsvDownload: u, resolvedFilename: d, isFullscreen: f, fullscreenStyle: p, teleportTarget: m, exitFullscreen: h } = Je({
 		filename: e.filename,
 		legacyMenuLabel: e.menu,
 		getCsv: e.getCsv,
@@ -970,13 +970,13 @@ function St(e) {
 		downloadButton: e.downloadButton,
 		fullscreen: !0,
 		fullscreenTarget: e.fullscreenTarget
-	}), g = n(() => f.value && r.value > 0 ? r.value : e.width() ?? (r.value || bt)), ee = n(() => {
+	}), g = n(() => f.value && r.value > 0 ? r.value : e.width() ?? (r.value || St)), ee = n(() => {
 		if (f.value && i.value > 0) {
 			let t = e.extraBelowHeight?.() ?? 0;
 			return i.value - t;
 		}
-		return e.height() ?? xt;
-	}), { padding: _, legendY: v, inlineLegendLayout: y, innerW: te, innerH: b, bounds: ne } = Me({
+		return e.height() ?? Ct;
+	}), { padding: _, legendY: v, inlineLegendLayout: y, innerW: te, innerH: b, bounds: ne } = Pe({
 		title: e.title,
 		titleStyle: e.titleStyle,
 		xLabel: e.xLabel,
@@ -985,10 +985,10 @@ function St(e) {
 		width: () => g.value,
 		height: () => ee.value,
 		extraPadding: e.chartPadding
-	}), { hoverIndex: re, tooltipRef: x, tooltipPos: S, handlers: ie } = Fe({
+	}), { hoverIndex: re, tooltipRef: x, tooltipPos: S, handlers: ie } = Ie({
 		enabled: e.hasTooltipSlot,
 		trigger: e.tooltipTrigger,
-		clamp: () => e.tooltipClamp() ?? "chart",
+		clamp: () => e.tooltipClamp() ?? "window",
 		pointerToIndex: e.pointerToIndex,
 		containerRef: t,
 		scrubAxis: e.scrubAxis,
@@ -1021,17 +1021,17 @@ function St(e) {
 		exitFullscreen: h
 	};
 }
-function Ct(e, t) {
+function Tt(e, t) {
 	return (n) => {
 		let r = e();
 		if (r !== void 0) return ae(n, r);
 		let i = t();
-		return i === void 0 ? L(n) : ae(n, i);
+		return i === void 0 ? Ce(n) : ae(n, i);
 	};
 }
 //#endregion
 //#region src/_shared/contrast.ts
-function wt(e) {
+function Et(e) {
 	let t = e.trim();
 	if (t.startsWith("#")) {
 		let e = t.slice(1);
@@ -1058,89 +1058,89 @@ function wt(e) {
 	}
 	return null;
 }
-function Tt([e, t, n]) {
+function Dt([e, t, n]) {
 	let r = (e) => {
 		let t = e / 255;
 		return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 	};
 	return .2126 * r(e) + .7152 * r(t) + .0722 * r(n);
 }
-var Et = null, Dt = /* @__PURE__ */ new Map();
-function Ot(e) {
-	let t = wt(e);
+var Ot = null, kt = /* @__PURE__ */ new Map();
+function At(e) {
+	let t = Et(e);
 	if (t) return t;
-	if (Dt.has(e)) return Dt.get(e) ?? null;
+	if (kt.has(e)) return kt.get(e) ?? null;
 	if (typeof document > "u") return null;
-	Et || (Et = document.createElement("span"), Et.style.cssText = "position:absolute;width:0;height:0;visibility:hidden;pointer-events:none", document.body.appendChild(Et)), Et.style.color = "", Et.style.color = e;
-	let n = getComputedStyle(Et).color, r = wt(n);
-	return Dt.set(e, r), r;
+	Ot || (Ot = document.createElement("span"), Ot.style.cssText = "position:absolute;width:0;height:0;visibility:hidden;pointer-events:none", document.body.appendChild(Ot)), Ot.style.color = "", Ot.style.color = e;
+	let n = getComputedStyle(Ot).color, r = Et(n);
+	return kt.set(e, r), r;
 }
-function kt(e, t = "#ffffff", n = "#1a1a1a") {
-	let r = Ot(e);
-	return r && Tt(r) > .179 ? n : t;
+function jt(e, t = "#ffffff", n = "#1a1a1a") {
+	let r = At(e);
+	return r && Dt(r) > .179 ? n : t;
 }
 //#endregion
 //#region src/_shared/dateAxis.ts
-var At = /^(\d{4})-(\d{2})-(\d{2})$/, jt = /^(\d{4})-(\d{2})-(\d{2})[Tt ](\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?(Z|[+-]\d{2}:?\d{2})?$/, Mt = 1e3, Nt = 60 * Mt, Pt = 60 * Nt, Ft = 24 * Pt, It = 7 * Ft, Lt = 30 * Ft, Rt = 365 * Ft, zt = [
+var Mt = /^(\d{4})-(\d{2})-(\d{2})$/, Nt = /^(\d{4})-(\d{2})-(\d{2})[Tt ](\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?(Z|[+-]\d{2}:?\d{2})?$/, Pt = 1e3, X = 60 * Pt, Z = 60 * X, Ft = 24 * Z, It = 7 * Ft, Lt = 30 * Ft, Rt = 365 * Ft, zt = [
 	{
 		unit: "second",
 		step: 1,
-		ms: 1 * Mt
+		ms: 1 * Pt
 	},
 	{
 		unit: "second",
 		step: 5,
-		ms: 5 * Mt
+		ms: 5 * Pt
 	},
 	{
 		unit: "second",
 		step: 15,
-		ms: 15 * Mt
+		ms: 15 * Pt
 	},
 	{
 		unit: "second",
 		step: 30,
-		ms: 30 * Mt
+		ms: 30 * Pt
 	},
 	{
 		unit: "minute",
 		step: 1,
-		ms: 1 * Nt
+		ms: 1 * X
 	},
 	{
 		unit: "minute",
 		step: 5,
-		ms: 5 * Nt
+		ms: 5 * X
 	},
 	{
 		unit: "minute",
 		step: 15,
-		ms: 15 * Nt
+		ms: 15 * X
 	},
 	{
 		unit: "minute",
 		step: 30,
-		ms: 30 * Nt
+		ms: 30 * X
 	},
 	{
 		unit: "hour",
 		step: 1,
-		ms: 1 * Pt
+		ms: 1 * Z
 	},
 	{
 		unit: "hour",
 		step: 3,
-		ms: 3 * Pt
+		ms: 3 * Z
 	},
 	{
 		unit: "hour",
 		step: 6,
-		ms: 6 * Pt
+		ms: 6 * Z
 	},
 	{
 		unit: "hour",
 		step: 12,
-		ms: 12 * Pt
+		ms: 12 * Z
 	},
 	{
 		unit: "day",
@@ -1214,17 +1214,17 @@ function Vt(e, t) {
 		return Number.isFinite(t) ? t : null;
 	}
 	if (typeof e != "string") return null;
-	let n = At.exec(e);
+	let n = Mt.exec(e);
 	if (n) {
 		let e = +n[1], r = n[2] - 1, i = +n[3];
 		return t === "utc" ? Date.UTC(e, r, i) : new Date(e, r, i).getTime();
 	}
-	let r = jt.exec(e);
+	let r = Nt.exec(e);
 	if (r) {
 		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) * Nt;
+			let t = l[0] === "+" ? 1 : -1, r = +l.slice(1, 3), u = +l.slice(-2), d = t * (r * 60 + u) * X;
 			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();
@@ -1232,7 +1232,7 @@ function Vt(e, t) {
 	return null;
 }
 function Ht(e) {
-	return e instanceof Date ? Number.isFinite(e.getTime()) : typeof e == "string" ? At.test(e) || jt.test(e) : !1;
+	return e instanceof Date ? Number.isFinite(e.getTime()) : typeof e == "string" ? Mt.test(e) || Nt.test(e) : !1;
 }
 function Ut(e, t) {
 	if (e.length === 0) return !1;
@@ -1250,9 +1250,9 @@ function Wt(e, t) {
 function Gt(e, t, n) {
 	let r = new Date(e);
 	if (n === "utc") switch (t) {
-		case "second": return Math.floor(e / Mt) * Mt;
-		case "minute": return Math.floor(e / Nt) * Nt;
-		case "hour": return Math.floor(e / Pt) * Pt;
+		case "second": return Math.floor(e / Pt) * Pt;
+		case "minute": return Math.floor(e / X) * X;
+		case "hour": return Math.floor(e / Z) * Z;
 		case "day": return Date.UTC(r.getUTCFullYear(), r.getUTCMonth(), r.getUTCDate());
 		case "week": {
 			let e = (r.getUTCDay() + 6) % 7;
@@ -1262,8 +1262,8 @@ function Gt(e, t, n) {
 		case "year": return Date.UTC(r.getUTCFullYear(), 0, 1);
 	}
 	switch (t) {
-		case "second": return Math.floor(e / Mt) * Mt;
-		case "minute": return Math.floor(e / Nt) * Nt;
+		case "second": return Math.floor(e / Pt) * Pt;
+		case "minute": return Math.floor(e / X) * X;
 		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": {
@@ -1275,9 +1275,9 @@ function Gt(e, t, n) {
 	}
 }
 function Kt(e, t, n, r) {
-	if (t === "second") return e + n * Mt;
-	if (t === "minute") return e + n * Nt;
-	if (t === "hour" && r === "utc") return e + n * Pt;
+	if (t === "second") return e + n * Pt;
+	if (t === "minute") return e + n * X;
+	if (t === "hour" && r === "utc") return e + n * Z;
 	if (t === "week" && r === "utc") return e + n * It;
 	let i = new Date(e);
 	if (r === "utc") switch (t) {
@@ -1410,22 +1410,23 @@ var en = {
 	"stroke",
 	"stroke-dasharray"
 ], sn = [
+	"x",
+	"y",
+	"fill",
+	"fill-opacity",
+	"stroke"
+], cn = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], cn = [
+], ln = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], ln = [
-	"x1",
-	"y1",
-	"x2",
-	"y2"
 ], un = [
 	"x1",
 	"y1",
@@ -1442,18 +1443,23 @@ var en = {
 	"x2",
 	"y2"
 ], pn = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], mn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], mn = [
+], hn = [
 	"transform",
 	"font-size",
 	"fill",
 	"font-weight"
-], hn = [
+], gn = [
 	"x",
 	"y",
 	"text-anchor",
@@ -1461,43 +1467,43 @@ var en = {
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], gn = [
+], _n = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], _n = [
+], vn = [
 	"d",
 	"fill",
 	"fill-opacity"
-], vn = [
+], yn = [
 	"d",
 	"stroke",
 	"stroke-width"
-], yn = [
+], bn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], bn = [
+], xn = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], xn = [
+], Sn = [
 	"d",
 	"fill",
 	"fill-opacity"
-], Sn = [
+], Cn = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Cn = [
+], wn = [
 	"x1",
 	"y1",
 	"x2",
@@ -1505,7 +1511,7 @@ var en = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], wn = [
+], Tn = [
 	"x1",
 	"y1",
 	"x2",
@@ -1513,53 +1519,53 @@ var en = {
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Tn = [
+], En = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], En = [
+], Dn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Dn = [
+], On = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], On = [
+], kn = [
 	"cx",
 	"cy",
 	"fill"
-], kn = [
+], An = [
 	"x",
 	"y",
 	"width",
 	"height"
-], An = [
+], jn = [
 	"cx",
 	"cy",
 	"fill",
 	"fill-opacity",
 	"stroke"
-], jn = [
+], Mn = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"fill"
-], Mn = [
+], Nn = [
 	"x",
 	"y",
 	"font-size",
 	"font-weight",
 	"fill",
 	"fill-opacity"
-], Nn = { class: "line-chart-tooltip" }, Pn = {
+], Pn = { class: "line-chart-tooltip" }, Fn = {
 	key: 0,
 	class: "line-chart-tooltip-label"
-}, Fn = ["href", "download"], In = 36, Ln = 12, Rn = 7, zn = 16, Bn = /* @__PURE__ */ _e(/* @__PURE__ */ l({
+}, In = ["href", "download"], Ln = 36, Rn = 12, zn = 7, Bn = 16, Vn = /* @__PURE__ */ N(/* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "LineChart",
 	props: {
@@ -1599,7 +1605,7 @@ var en = {
 		},
 		tooltipData: {},
 		tooltipTrigger: {},
-		tooltipClamp: { default: "chart" },
+		tooltipClamp: { default: "window" },
 		tooltipValueFormat: {},
 		csv: {},
 		filename: {},
@@ -1623,7 +1629,7 @@ var en = {
 			for (let t = 0; t < e.length; t++) r[t] = Vt(e[t], n) ?? NaN;
 			return r;
 		}
-		let ie = Ct(() => f.tooltipValueFormat, () => f.yTickFormat), C = n(() => f.timezone ?? "utc"), w = n(() => {
+		let ie = Tt(() => f.tooltipValueFormat, () => f.yTickFormat), C = n(() => f.timezone ?? "utc"), w = n(() => {
 			let e = C.value, t = !1, n = !1;
 			for (let r of re(f)) {
 				if (n = !0, !Ut(r, e)) {
@@ -1664,7 +1670,7 @@ var en = {
 		function se(e, t) {
 			return e.x ? Number(e.x[t]) : t;
 		}
-		let A = n(() => O.value ? 0 : f.xMin ?? 0), ce = n(() => {
+		let ce = n(() => O.value ? 0 : f.xMin ?? 0), le = n(() => {
 			let e = Infinity, t = -Infinity;
 			for (let n of E.value) for (let r = 0; r < n.data.length; r++) {
 				let i = k(n, r);
@@ -1685,11 +1691,11 @@ var en = {
 				max: 0
 			};
 		});
-		function j(e) {
-			let { min: t, max: n } = ce.value, r = n - t || 1;
-			return H.value.left + (e - t) / r * W.value;
+		function A(e) {
+			let { min: t, max: n } = le.value, r = n - t || 1;
+			return B.value.left + (e - t) / r * U.value;
 		}
-		let le = n(() => {
+		let ue = 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));
 			};
@@ -1704,18 +1710,18 @@ var en = {
 				range: 1
 			};
 			f.yMin != null && f.yMin < e && (e = f.yMin);
-			let i = Se(e, t, f.yScaleType, n);
+			let i = Te(e, t, f.yScaleType, n);
 			return {
 				min: i.min,
 				max: i.max,
 				range: i.max - i.min || 1
 			};
 		});
-		function M(e) {
-			let { min: t, max: n } = le.value;
-			return H.value.top + G.value - R(e, t, n, f.yScaleType) * G.value;
+		function j(e) {
+			let { min: t, max: n } = ue.value;
+			return B.value.top + W.value - we(e, t, n, f.yScaleType) * W.value;
 		}
-		function ue(e) {
+		function de(e) {
 			let t = e.data;
 			if (t.length === 0) return "";
 			let n = "", r = !1;
@@ -1725,23 +1731,23 @@ var en = {
 					r = !1;
 					continue;
 				}
-				let o = j(a), s = M(t[i]);
+				let o = A(a), s = j(t[i]);
 				n += r ? `L${o},${s}` : `M${o},${s}`, r = !0;
 			}
 			return n;
 		}
-		function de(e) {
+		function fe(e) {
 			let t = e.data, n = [];
 			for (let r = 0; r < t.length; r++) {
 				let i = k(e, r);
 				!isFinite(t[r]) || !isFinite(i) || n.push({
-					x: j(i),
-					y: M(t[r])
+					x: A(i),
+					y: j(t[r])
 				});
 			}
 			return n;
 		}
-		function fe(e) {
+		function pe(e) {
 			let t = Math.min(e.upper.length, e.lower.length);
 			if (t === 0) return "";
 			let n = [], r = [];
@@ -1749,45 +1755,45 @@ var en = {
 			r.length && n.push(r);
 			let i = "";
 			for (let t of n) {
-				i += `M${j(se(e, t[0]))},${M(e.upper[t[0]])}`;
-				for (let n = 1; n < t.length; n++) i += `L${j(se(e, t[n]))},${M(e.upper[t[n]])}`;
-				for (let n = t.length - 1; n >= 0; n--) i += `L${j(se(e, t[n]))},${M(e.lower[t[n]])}`;
+				i += `M${A(se(e, t[0]))},${j(e.upper[t[0]])}`;
+				for (let n = 1; n < t.length; n++) i += `L${A(se(e, t[n]))},${j(e.upper[t[n]])}`;
+				for (let n = t.length - 1; n >= 0; n--) i += `L${A(se(e, t[n]))},${j(e.lower[t[n]])}`;
 				i += "Z";
 			}
 			return i;
 		}
-		function N(e, t) {
+		function M(e, t) {
 			let n = t === "start" ? e.startIndex : e.endIndex, r = e.seriesIndex != null && E.value[e.seriesIndex] || E.value[0];
-			return j(r ? k(r, n) : n);
+			return A(r ? k(r, n) : n);
 		}
-		function pe(e, t = !0) {
-			let n = H.value.top + G.value;
+		function me(e, t = !0) {
+			let n = B.value.top + W.value;
 			if (e.seriesIndex == null) {
-				let t = N(e, "start"), r = N(e, "end");
-				return t > r ? "" : `M${t},${H.value.top}L${r},${H.value.top}L${r},${n}L${t},${n}Z`;
+				let t = M(e, "start"), r = M(e, "end");
+				return t > r ? "" : `M${t},${B.value.top}L${r},${B.value.top}L${r},${n}L${t},${n}Z`;
 			}
 			let r = E.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 "";
-			let o = `M${j(k(r, i))},${M(r.data[i])}`;
-			for (let e = i + 1; e <= a; e++) isFinite(r.data[e]) && (o += `L${j(k(r, e))},${M(r.data[e])}`);
-			return t && (o += `L${j(k(r, a))},${n}`, o += `L${j(k(r, i))},${n}`, o += "Z"), o;
+			let o = `M${A(k(r, i))},${j(r.data[i])}`;
+			for (let e = i + 1; e <= a; e++) isFinite(r.data[e]) && (o += `L${A(k(r, e))},${j(r.data[e])}`);
+			return t && (o += `L${A(k(r, a))},${n}`, o += `L${A(k(r, i))},${n}`, o += "Z"), o;
 		}
-		let me = n(() => {
+		let he = n(() => {
 			let e = f.areaSections;
 			if (!e?.length) return {
 				labels: [],
 				extraHeight: 0
 			};
-			let t = [], n = H.value.left + W.value;
+			let t = [], n = B.value.left + U.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) * Rn, o = N(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : E.value[r.seriesIndex]?.color ?? "currentColor"), u = Ee({
+				let e = r.label ?? "", i = r.description ?? "", a = Math.max(e.length, i.length) * zn, o = M(r, "start") + a / 2 + 2, s = n - a / 2 - 8, c = Math.min(o, s), l = r.color ?? (r.seriesIndex == null ? "#999" : E.value[r.seriesIndex]?.color ?? "currentColor"), u = ke({
 					color: l,
 					fontWeight: 600,
 					...r.inlineLabelStyle
-				}, { fontSize: 11 }), d = Ee(r.inlineDescriptionStyle, {
+				}, { fontSize: 11 }), d = ke(r.inlineDescriptionStyle, {
 					fontSize: 11,
 					fillOpacity: .6
 				});
@@ -1807,7 +1813,7 @@ var en = {
 			let r = [];
 			for (let e of t) {
 				let t = e.cx - e.textWidth / 2, n = 0;
-				for (; n < r.length && !(t >= r[n] + zn);) n++;
+				for (; n < r.length && !(t >= r[n] + Bn);) n++;
 				e.row = n;
 				let i = e.cx + e.textWidth / 2;
 				r[n] = Math.max(r[n] ?? -Infinity, i);
@@ -1817,9 +1823,9 @@ var en = {
 				extraHeight: 0
 			} : {
 				labels: t,
-				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * In + Ln
+				extraHeight: (Math.max(...t.map((e) => e.row)) + 1) * Ln + Rn
 			};
-		}), he = n(() => {
+		}), ge = n(() => {
 			let e = [];
 			for (let t of E.value) !t.legend || t.showInLegend === !1 || e.push({
 				label: t.legend,
@@ -1827,6 +1833,12 @@ var en = {
 				type: "series",
 				dashed: t.dashed
 			});
+			for (let t of oe.value) !t.legend || t.showInLegend === !1 || e.push({
+				label: t.legend,
+				color: t.color ?? "currentColor",
+				type: "area",
+				fillOpacity: t.opacity ?? .2
+			});
 			let t = f.areaSections;
 			if (t) for (let n of t) {
 				if (n.legend !== "inline" || !n.label && !n.description) continue;
@@ -1839,38 +1851,38 @@ var en = {
 				});
 			}
 			return e;
-		}), P = n(() => he.value.map((e) => e.label)), ge = n(() => V.value + me.value.extraHeight), _e = n(() => H.value.top + G.value + H.value.bottom + Ln), ye = n(() => {
-			let { min: e, max: t } = le.value, n = (e) => f.yTickFormat === void 0 ? L(e) : ae(e, f.yTickFormat);
+		}), _e = n(() => ge.value.map((e) => e.label)), ve = n(() => Le.value + he.value.extraHeight), N = n(() => B.value.top + W.value + B.value.bottom + Rn), be = n(() => {
+			let { min: e, max: t } = ue.value, n = (e) => f.yTickFormat === void 0 ? Ce(e) : ae(e, f.yTickFormat);
 			return e === t ? [{
 				value: n(e),
-				y: F(H.value.top + G.value / 2)
-			}] : (f.yScaleType === "log" ? Ce({
+				y: P(B.value.top + W.value / 2)
+			}] : (f.yScaleType === "log" ? I({
 				min: e,
 				max: t,
 				ticks: f.yTicks
-			}) : xe({
+			}) : F({
 				min: e,
 				max: t,
 				ticks: f.yTicks,
-				targetTickCount: G.value / 50
+				targetTickCount: W.value / 50
 			})).map((e) => ({
 				value: n(e),
-				y: F(M(e))
+				y: P(j(e))
 			}));
 		});
-		function be(e, t, n) {
+		function xe(e, t, n) {
 			let r = f.xTickFormat;
 			if (T.value) return typeof r == "function" ? r(e, t) : $t(e, r, C.value, n);
-			let i = e + A.value;
-			return r === void 0 ? !O.value && f.xLabels && Number.isInteger(e) && e >= 0 && e < f.xLabels.length ? f.xLabels[e] : L(i) : typeof r == "function" ? r(i, t) : ae(i, r);
+			let i = e + ce.value;
+			return r === void 0 ? !O.value && f.xLabels && Number.isInteger(e) && e >= 0 && e < f.xLabels.length ? f.xLabels[e] : Ce(i) : typeof r == "function" ? r(i, t) : ae(i, r);
 		}
-		let I = n(() => {
-			let { min: e, max: t } = ce.value;
+		let Se = n(() => {
+			let { min: e, max: t } = le.value;
 			if (e === t) return [];
-			let n = T.value, r = n ? 0 : A.value, i = D.value, a = W.value / 80, o, s;
+			let n = T.value, r = n ? 0 : ce.value, i = D.value, a = U.value / 80, o, s;
 			if (n) {
 				let n = qt(e, t, a, C.value);
-				s = n.unit, o = xe({
+				s = n.unit, o = F({
 					min: e,
 					max: t,
 					ticks: n.values
@@ -1879,31 +1891,31 @@ var en = {
 				let e = Math.max(3, Math.floor(a)), t = Math.max(1, Math.round((i - 1) / e));
 				o = [];
 				for (let e = 0; e < i; e += t) o.push(e);
-			} else o = xe({
+			} else o = F({
 				min: e,
 				max: t,
 				ticks: f.xTicks,
 				targetTickCount: a,
 				displayOffset: r
 			});
-			let c = H.value.left, l = H.value.left + W.value;
+			let c = B.value.left, l = B.value.left + U.value;
 			return o.map((e, t) => {
-				let n = F(j(e)), r = "middle";
+				let n = P(A(e)), r = "middle";
 				return n - c <= 1 ? r = "start" : l - n <= 1 && (r = "end"), {
-					value: be(e, t, s),
+					value: xe(e, t, s),
 					x: n,
 					anchor: r
 				};
 			});
 		});
-		function we() {
-			return typeof f.csv == "function" ? f.csv() : typeof f.csv == "string" ? f.csv : Ze(E.value);
+		function Ee() {
+			return typeof f.csv == "function" ? f.csv() : typeof f.csv == "string" ? f.csv : Qe(E.value);
 		}
-		let z = n(() => !!f.tooltipData || !!f.tooltipTrigger), De = n(() => {
-			let e = Re.value, t = E.value[0];
+		let Oe = n(() => !!f.tooltipData || !!f.tooltipTrigger), L = n(() => {
+			let e = ze.value, t = E.value[0];
 			return e === null || !t ? null : k(t, e);
-		}), Oe = n(() => De.value === null ? 0 : j(De.value));
-		function ke(e, t) {
+		}), Ae = n(() => L.value === null ? 0 : A(L.value));
+		function je(e, t) {
 			let n = e.data.length;
 			if (n === 0) return null;
 			let r = 0, i = Infinity;
@@ -1915,30 +1927,30 @@ var en = {
 			}
 			return i === Infinity ? null : r;
 		}
-		let Ae = n(() => {
-			let e = De.value;
+		let Me = n(() => {
+			let e = L.value;
 			if (e === null) return [];
 			let t = [];
 			for (let n of E.value) {
 				if (n.showInTooltip === !1) continue;
-				let r = ke(n, e);
+				let r = je(n, e);
 				if (r === null) continue;
 				let i = n.data[r];
 				isFinite(i) && t.push({
-					x: j(k(n, r)),
-					y: M(i),
+					x: A(k(n, r)),
+					y: j(i),
 					color: n.color ?? "currentColor"
 				});
 			}
 			return t;
-		}), je = n(() => {
-			let e = Re.value, t = De.value;
+		}), Ne = n(() => {
+			let e = ze.value, t = L.value;
 			if (e === null || t === null) return null;
-			let n = be(t, e), r = E.value, i = [];
+			let n = xe(t, e), r = E.value, i = [];
 			for (let e = 0; e < r.length; e++) {
 				let n = r[e];
 				if (n.showInTooltip === !1) continue;
-				let a = ke(n, t);
+				let a = je(n, t);
 				i.push({
 					value: a === null ? NaN : Number(n.data[a]),
 					color: n.color ?? "currentColor",
@@ -1952,21 +1964,21 @@ var en = {
 				data: f.tooltipData?.[e] ?? null
 			};
 		});
-		function Me(e, t) {
+		function Pe(e, t) {
 			return !isFinite(e) || !isFinite(t) ? null : {
-				x: j(e - A.value),
-				y: M(t)
+				x: A(e - ce.value),
+				y: j(t)
 			};
 		}
-		function Ne(e) {
-			let t = Pe.value?.getBoundingClientRect();
+		function Fe(e) {
+			let t = R.value?.getBoundingClientRect();
 			if (!t) return null;
 			let n = E.value[0];
 			if (!n || n.data.length === 0) return null;
-			let { min: r, max: i } = ce.value, a = i - r || 1;
-			return ke(n, r + (e - t.left - H.value.left) / W.value * a);
+			let { min: r, max: i } = le.value, a = i - r || 1;
+			return je(n, r + (e - t.left - B.value.left) / U.value * a);
 		}
-		let { containerRef: Pe, svgRef: B, width: Fe, height: V, padding: H, legendY: U, inlineLegendLayout: Ie, innerW: W, innerH: G, bounds: Le, hoverIndex: Re, tooltipRef: ze, tooltipPos: K, tooltipHandlers: Be, menuItems: Ve, downloadLinkText: He, csvHref: Ue, downloadButtonText: q, triggerCsvDownload: J, menuFilename: We, isFullscreen: Ge, fullscreenStyle: Ke, teleportTarget: Y, exitFullscreen: qe } = St({
+		let { containerRef: R, svgRef: z, width: Ie, height: Le, padding: B, legendY: V, inlineLegendLayout: H, innerW: U, innerH: W, bounds: Re, hoverIndex: ze, tooltipRef: Be, tooltipPos: G, tooltipHandlers: Ve, menuItems: He, downloadLinkText: K, csvHref: Ue, downloadButtonText: We, triggerCsvDownload: Ge, menuFilename: Ke, isFullscreen: qe, fullscreenStyle: q, teleportTarget: J, exitFullscreen: Je } = wt({
 			width: () => f.width,
 			height: () => f.height,
 			title: () => f.title,
@@ -1982,17 +1994,17 @@ var en = {
 			downloadButton: () => f.downloadButton,
 			fullscreenTarget: () => f.fullscreenTarget,
 			chartPadding: () => f.chartPadding,
-			inlineLegendLabels: () => P.value,
-			hasTooltipSlot: () => z.value,
-			getCsv: we,
-			pointerToIndex: Ne,
+			inlineLegendLabels: () => _e.value,
+			hasTooltipSlot: () => Oe.value,
+			getCsv: Ee,
+			pointerToIndex: Fe,
 			onHover: (e) => ee("hover", e),
-			extraBelowHeight: () => me.value.extraHeight
-		}), Je = n(() => Ee(f.axisLabelStyle, { fontSize: 13 })), X = n(() => Ee(f.tickLabelStyle, {
+			extraBelowHeight: () => he.value.extraHeight
+		}), Ye = n(() => ke(f.axisLabelStyle, { fontSize: 13 })), Y = n(() => ke(f.tickLabelStyle, {
 			fontSize: 10,
-			fillOpacity: Te
-		})), Ye = n(() => Ee(f.legendStyle, { fontSize: 11 })), Xe = n(() => {
-			let e = f.titleStyle, t = e?.align ?? "left", n = Le.value, r = t === "left" ? n.left : t === "right" ? n.right : n.left + n.width / 2, i = t === "left" ? "start" : t === "right" ? "end" : "middle";
+			fillOpacity: De
+		})), Xe = n(() => ke(f.legendStyle, { fontSize: 11 })), Ze = n(() => {
+			let e = f.titleStyle, t = e?.align ?? "left", n = Re.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,
@@ -2002,9 +2014,9 @@ var en = {
 				x: r,
 				anchor: i
 			};
-		}), Qe = n(() => {
-			let e = Ie.value.positions, t = H.value.left, n = U.value;
-			return he.value.map((r, i) => {
+		}), $e = n(() => {
+			let e = H.value.positions, t = B.value.left, n = V.value;
+			return ge.value.map((r, i) => {
 				let a = e[i];
 				return {
 					...r,
@@ -2014,48 +2026,48 @@ var en = {
 			});
 		});
 		return (n, l) => (_(), r(t, {
-			to: x(Y),
-			disabled: !x(Ge)
+			to: x(J),
+			disabled: !x(qe)
 		}, [o("div", d({
 			ref_key: "containerRef",
-			ref: Pe
+			ref: R
 		}, n.$attrs, {
-			class: ["line-chart-wrapper", { "is-fullscreen": x(Ge) }],
-			style: x(Ke)
+			class: ["line-chart-wrapper", { "is-fullscreen": x(qe) }],
+			style: x(q)
 		}), [
-			c.menu ? (_(), r(ve, {
+			c.menu ? (_(), r(ye, {
 				key: 0,
-				items: x(Ve),
-				"is-fullscreen": x(Ge),
-				onClose: x(qe)
+				items: x(He),
+				"is-fullscreen": x(qe),
+				onClose: x(Je)
 			}, null, 8, [
 				"items",
 				"is-fullscreen",
 				"onClose"
 			])) : i("", !0),
-			o("div", en, b(x(Ge) ? "Chart expanded to fill window" : ""), 1),
+			o("div", en, b(x(qe) ? "Chart expanded to fill window" : ""), 1),
 			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: B,
-				width: x(Fe),
-				height: ge.value,
+				ref: z,
+				width: x(Ie),
+				height: ve.value,
 				role: g.value || void 0,
 				"aria-label": p.value || void 0
 			}, [
 				c.title ? (_(), a("text", {
 					key: 0,
-					x: Xe.value.x,
-					y: Xe.value.lineHeight,
-					"text-anchor": Xe.value.anchor,
-					"font-size": Xe.value.fontSize,
-					"font-weight": Xe.value.fontWeight,
-					fill: Xe.value.color
-				}, [(_(!0), a(e, null, y(Xe.value.lines, (e, t) => (_(), a("tspan", {
+					x: Ze.value.x,
+					y: Ze.value.lineHeight,
+					"text-anchor": Ze.value.anchor,
+					"font-size": Ze.value.fontSize,
+					"font-weight": Ze.value.fontWeight,
+					fill: Ze.value.color
+				}, [(_(!0), a(e, null, y(Ze.value.lines, (e, t) => (_(), a("tspan", {
 					key: t,
-					x: Xe.value.x,
-					dy: t === 0 ? 0 : Xe.value.lineHeight
+					x: Ze.value.x,
+					dy: t === 0 ? 0 : Ze.value.lineHeight
 				}, b(e), 9, rn))), 128))], 8, nn)) : i("", !0),
-				Qe.value.length > 0 ? (_(), a("g", an, [(_(!0), a(e, null, y(Qe.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
+				$e.value.length > 0 ? (_(), a("g", an, [(_(!0), a(e, null, y($e.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.type === "series" ? (_(), a("line", {
 					key: 0,
 					x1: t.x,
 					y1: t.y,
@@ -2064,8 +2076,18 @@ var en = {
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, on)) : (_(), a("circle", {
+				}, null, 8, on)) : t.type === "area" ? (_(), a("rect", {
 					key: 1,
+					x: t.x,
+					y: t.y - 4,
+					width: "12",
+					height: "8",
+					fill: t.color,
+					"fill-opacity": t.fillOpacity,
+					stroke: t.color,
+					"stroke-width": "1.5"
+				}, null, 8, sn)) : (_(), a("circle", {
+					key: 2,
 					cx: t.x + 4,
 					cy: t.y,
 					r: "4",
@@ -2073,119 +2095,119 @@ var en = {
 					"fill-opacity": t.fillOpacity,
 					stroke: t.color,
 					"stroke-width": "1.5"
-				}, null, 8, sn)), o("text", {
+				}, null, 8, cn)), o("text", {
 					x: t.x + 18,
 					y: t.y + 4,
-					"font-size": Ye.value.fontSize,
-					fill: Ye.value.fill,
-					"font-weight": Ye.value.fontWeight
-				}, b(t.label), 9, cn)], 64))), 128))])) : i("", !0),
+					"font-size": Xe.value.fontSize,
+					fill: Xe.value.fill,
+					"font-weight": Xe.value.fontWeight
+				}, b(t.label), 9, ln)], 64))), 128))])) : i("", !0),
 				o("line", {
-					x1: x(F)(x(H).left),
-					y1: x(F)(x(H).top),
-					x2: x(F)(x(H).left),
-					y2: x(F)(x(H).top + x(G)),
+					x1: x(P)(x(B).left),
+					y1: x(P)(x(B).top),
+					x2: x(P)(x(B).left),
+					y2: x(P)(x(B).top + x(W)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, ln),
+				}, null, 8, un),
 				o("line", {
-					x1: x(F)(x(H).left),
-					y1: x(F)(x(H).top + x(G)),
-					x2: x(F)(x(H).left + x(W)),
-					y2: x(F)(x(H).top + x(G)),
+					x1: x(P)(x(B).left),
+					y1: x(P)(x(B).top + x(W)),
+					x2: x(P)(x(B).left + x(U)),
+					y2: x(P)(x(B).top + x(W)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, un),
-				c.yGrid ? (_(!0), a(e, { key: 2 }, y(ye.value, (e, t) => (_(), a("line", {
+				}, null, 8, dn),
+				c.yGrid ? (_(!0), a(e, { key: 2 }, y(be.value, (e, t) => (_(), a("line", {
 					key: "yg" + t,
-					x1: x(H).left,
+					x1: x(B).left,
 					y1: e.y,
-					x2: x(H).left + x(W),
+					x2: x(B).left + x(U),
 					y2: e.y,
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, dn))), 128)) : i("", !0),
-				c.xGrid ? (_(!0), a(e, { key: 3 }, y(I.value, (e, t) => (_(), a("line", {
+				}, null, 8, fn))), 128)) : i("", !0),
+				c.xGrid ? (_(!0), a(e, { key: 3 }, y(Se.value, (e, t) => (_(), a("line", {
 					key: "xg" + t,
 					x1: e.x,
-					y1: x(H).top,
+					y1: x(B).top,
 					x2: e.x,
-					y2: x(H).top + x(G),
+					y2: x(B).top + x(W),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, fn))), 128)) : i("", !0),
-				(_(!0), a(e, null, y(ye.value, (e, t) => (_(), a("text", {
+				}, null, 8, pn))), 128)) : i("", !0),
+				(_(!0), a(e, null, y(be.value, (e, t) => (_(), a("text", {
 					key: "y" + t,
 					"data-testid": "y-tick",
-					x: x(H).left - 6,
+					x: x(B).left - 6,
 					y: e.y,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
-					"font-size": X.value.fontSize,
-					fill: X.value.fill,
-					"font-weight": X.value.fontWeight,
-					"fill-opacity": X.value.fillOpacity
-				}, b(e.value), 9, pn))), 128)),
+					"font-size": Y.value.fontSize,
+					fill: Y.value.fill,
+					"font-weight": Y.value.fontWeight,
+					"fill-opacity": Y.value.fillOpacity
+				}, b(e.value), 9, mn))), 128)),
 				c.yLabel ? (_(), a("text", {
 					key: 4,
 					x: 0,
 					y: 0,
-					transform: `translate(14, ${x(H).top + x(G) / 2}) rotate(-90)`,
+					transform: `translate(14, ${x(B).top + x(W) / 2}) rotate(-90)`,
 					"text-anchor": "middle",
-					"font-size": Je.value.fontSize,
-					fill: Je.value.fill,
-					"font-weight": Je.value.fontWeight
-				}, b(c.yLabel), 9, mn)) : i("", !0),
-				(_(!0), a(e, null, y(I.value, (e, t) => (_(), a("text", {
+					"font-size": Ye.value.fontSize,
+					fill: Ye.value.fill,
+					"font-weight": Ye.value.fontWeight
+				}, b(c.yLabel), 9, hn)) : i("", !0),
+				(_(!0), a(e, null, y(Se.value, (e, t) => (_(), a("text", {
 					key: "x" + t,
 					"data-testid": "x-tick",
 					x: e.x,
-					y: x(H).top + x(G) + 16,
+					y: x(B).top + x(W) + 16,
 					"text-anchor": e.anchor,
-					"font-size": X.value.fontSize,
-					fill: X.value.fill,
-					"font-weight": X.value.fontWeight,
-					"fill-opacity": X.value.fillOpacity
-				}, b(e.value), 9, hn))), 128)),
+					"font-size": Y.value.fontSize,
+					fill: Y.value.fill,
+					"font-weight": Y.value.fontWeight,
+					"fill-opacity": Y.value.fillOpacity
+				}, b(e.value), 9, gn))), 128)),
 				c.xLabel ? (_(), a("text", {
 					key: 5,
-					x: x(H).left + x(W) / 2,
-					y: x(V) - 4,
+					x: x(B).left + x(U) / 2,
+					y: x(Le) - 4,
 					"text-anchor": "middle",
-					"font-size": Je.value.fontSize,
-					fill: Je.value.fill,
-					"font-weight": Je.value.fontWeight
-				}, b(c.xLabel), 9, gn)) : i("", !0),
+					"font-size": Ye.value.fontSize,
+					fill: Ye.value.fill,
+					"font-weight": Ye.value.fontWeight
+				}, b(c.xLabel), 9, _n)) : i("", !0),
 				(_(!0), a(e, null, y(oe.value, (e, t) => (_(), a("path", {
 					key: "area" + t,
-					d: fe(e),
+					d: pe(e),
 					fill: e.color ?? "currentColor",
 					"fill-opacity": e.opacity ?? .2,
 					stroke: "none",
 					style: h(e.blendMode ? { mixBlendMode: e.blendMode } : void 0)
-				}, null, 12, _n))), 128)),
+				}, null, 12, vn))), 128)),
 				(_(!0), a(e, null, y(E.value, (t, n) => (_(), a(e, { key: n }, [
 					t.line !== !1 && t.outline ? (_(), a("path", {
 						key: 0,
-						d: ue(t),
+						d: de(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, vn)) : i("", !0),
+					}, null, 8, yn)) : i("", !0),
 					t.line === !1 ? i("", !0) : (_(), a("path", {
 						key: 1,
-						d: ue(t),
+						d: de(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: h(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-					}, null, 12, yn)),
-					t.dots ? (_(!0), a(e, { key: 2 }, y(de(t), (e, n) => (_(), a("circle", {
+					}, null, 12, bn)),
+					t.dots ? (_(!0), a(e, { key: 2 }, y(fe(t), (e, n) => (_(), a("circle", {
 						key: n,
 						cx: e.x,
 						cy: e.y,
@@ -2194,69 +2216,69 @@ var en = {
 						"fill-opacity": t.dotOpacity ?? t.opacity ?? c.lineOpacity,
 						stroke: t.dotStroke ?? "none",
 						style: h(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-					}, null, 12, bn))), 128)) : i("", !0)
+					}, null, 12, xn))), 128)) : i("", !0)
 				], 64))), 128)),
 				(_(!0), a(e, null, y(c.areaSections ?? [], (t, n) => (_(), a(e, { key: "areasec" + n }, [
 					o("path", {
-						d: pe(t),
+						d: me(t),
 						fill: t.color ?? (t.seriesIndex == null ? "#999" : E.value[t.seriesIndex]?.color ?? "currentColor"),
 						"fill-opacity": t.opacity ?? .15,
 						stroke: "none"
-					}, null, 8, xn),
+					}, null, 8, Sn),
 					t.seriesIndex == null ? i("", !0) : (_(), a("path", {
 						key: 0,
-						d: pe(t, !1),
+						d: me(t, !1),
 						fill: "none",
 						stroke: t.color ?? E.value[t.seriesIndex]?.color ?? "currentColor",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, Sn)),
+					}, null, 8, Cn)),
 					t.seriesIndex == null ? (_(), a(e, { key: 1 }, [o("line", {
-						x1: x(F)(N(t, "start")),
-						y1: x(H).top,
-						x2: x(F)(N(t, "start")),
-						y2: x(H).top + x(G),
+						x1: x(P)(M(t, "start")),
+						y1: x(B).top,
+						x2: x(P)(M(t, "start")),
+						y2: x(B).top + x(W),
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, Cn), o("line", {
-						x1: x(F)(N(t, "end")),
-						y1: x(H).top,
-						x2: x(F)(N(t, "end")),
-						y2: x(H).top + x(G),
+					}, null, 8, wn), o("line", {
+						x1: x(P)(M(t, "end")),
+						y1: x(B).top,
+						x2: x(P)(M(t, "end")),
+						y2: x(B).top + x(W),
 						stroke: t.color ?? "#999",
 						"stroke-width": t.strokeWidth ?? 2,
 						"stroke-dasharray": t.dashed ? "6 3" : void 0
-					}, null, 8, wn)], 64)) : i("", !0),
+					}, null, 8, Tn)], 64)) : i("", !0),
 					o("line", {
-						x1: x(F)(N(t, "start")),
-						y1: x(H).top + x(G) - 4,
-						x2: x(F)(N(t, "start")),
-						y2: x(H).top + x(G) + 4,
+						x1: x(P)(M(t, "start")),
+						y1: x(B).top + x(W) - 4,
+						x2: x(P)(M(t, "start")),
+						y2: x(B).top + x(W) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, Tn),
+					}, null, 8, En),
 					o("line", {
-						x1: x(F)(N(t, "end")),
-						y1: x(H).top + x(G) - 4,
-						x2: x(F)(N(t, "end")),
-						y2: x(H).top + x(G) + 4,
+						x1: x(P)(M(t, "end")),
+						y1: x(B).top + x(W) - 4,
+						x2: x(P)(M(t, "end")),
+						y2: x(B).top + x(W) + 4,
 						stroke: "currentColor",
 						"stroke-opacity": "0.4"
-					}, null, 8, En)
+					}, null, 8, Dn)
 				], 64))), 128)),
-				z.value && x(Re) !== null ? (_(), a("line", {
+				Oe.value && x(ze) !== null ? (_(), a("line", {
 					key: 6,
-					x1: x(F)(Oe.value),
-					y1: x(H).top,
-					x2: x(F)(Oe.value),
-					y2: x(H).top + x(G),
+					x1: x(P)(Ae.value),
+					y1: x(B).top,
+					x2: x(P)(Ae.value),
+					y2: x(B).top + x(W),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3",
 					"stroke-dasharray": "4 2",
 					"pointer-events": "none"
-				}, null, 8, Dn)) : i("", !0),
-				(_(!0), a(e, null, y(Ae.value, (e, t) => (_(), a("circle", {
+				}, null, 8, On)) : i("", !0),
+				(_(!0), a(e, null, y(Me.value, (e, t) => (_(), a("circle", {
 					key: "hd" + t,
 					cx: e.x,
 					cy: e.y,
@@ -2265,167 +2287,167 @@ var en = {
 					stroke: "var(--color-bg-0, #fff)",
 					"stroke-width": "2",
 					"pointer-events": "none"
-				}, null, 8, On))), 128)),
-				z.value ? (_(), a("rect", d({
+				}, null, 8, kn))), 128)),
+				Oe.value ? (_(), a("rect", d({
 					key: 7,
-					x: x(H).left,
-					y: x(H).top,
-					width: x(W),
-					height: x(G),
+					x: x(B).left,
+					y: x(B).top,
+					width: x(U),
+					height: x(W),
 					fill: "transparent",
 					style: {
 						cursor: "crosshair",
 						"touch-action": "pan-y"
 					}
-				}, ne(x(Be), !0)), null, 16, kn)) : i("", !0),
-				c.annotations && c.annotations.length > 0 ? (_(), r(x(yt), {
+				}, ne(x(Ve), !0)), null, 16, An)) : i("", !0),
+				c.annotations && c.annotations.length > 0 ? (_(), r(x(xt), {
 					key: 8,
 					annotations: c.annotations,
-					project: Me,
-					bounds: x(Le)
+					project: Pe,
+					bounds: x(Re)
 				}, null, 8, ["annotations", "bounds"])) : i("", !0),
-				(_(!0), a(e, null, y(me.value.labels, (e, t) => (_(), a("g", { key: "seclab" + t }, [
+				(_(!0), a(e, null, y(he.value.labels, (e, t) => (_(), a("g", { key: "seclab" + t }, [
 					o("circle", {
 						cx: e.cx - e.textWidth / 2 - 2,
-						cy: _e.value + e.row * In + 4,
+						cy: N.value + e.row * Ln + 4,
 						r: "4",
 						fill: e.color,
 						"fill-opacity": e.fillOpacity,
 						stroke: e.color,
 						"stroke-width": "1.5"
-					}, null, 8, An),
+					}, null, 8, jn),
 					e.labelText ? (_(), a("text", {
 						key: 0,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: _e.value + e.row * In + 8,
+						y: N.value + e.row * Ln + 8,
 						"font-size": e.labelStyle.fontSize,
 						"font-weight": e.labelStyle.fontWeight,
 						fill: e.labelStyle.fill
-					}, b(e.labelText), 9, jn)) : i("", !0),
+					}, b(e.labelText), 9, Mn)) : i("", !0),
 					e.descText ? (_(), a("text", {
 						key: 1,
 						x: e.cx - e.textWidth / 2 + 8,
-						y: _e.value + e.row * In + 22,
+						y: N.value + e.row * Ln + 22,
 						"font-size": e.descStyle.fontSize,
 						"font-weight": e.descStyle.fontWeight,
 						fill: e.descStyle.fill,
 						"fill-opacity": e.descStyle.fillOpacity
-					}, b(e.descText), 9, Mn)) : i("", !0)
+					}, b(e.descText), 9, Nn)) : i("", !0)
 				]))), 128))
 			], 8, tn)),
-			z.value && x(Re) !== null && je.value ? (_(), a("div", {
+			Oe.value && x(ze) !== null && Ne.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: ze,
+				ref: Be,
 				class: "chart-tooltip-content",
 				style: h({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: x(K) ? `translate3d(${x(K).left}px, ${x(K).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: x(K) ? "visible" : "hidden"
+					transform: x(G) ? `translate3d(${x(G).left}px, ${x(G).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: x(G) ? "visible" : "hidden"
 				})
-			}, [te(n.$slots, "tooltip", m(u(je.value)), () => [o("div", Nn, [je.value.xLabel ? (_(), a("div", Pn, b(je.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(je.value.values, (e) => (_(), a("div", {
+			}, [te(n.$slots, "tooltip", m(u(Ne.value)), () => [o("div", Pn, [Ne.value.xLabel ? (_(), a("div", Fn, b(Ne.value.xLabel), 1)) : i("", !0), (_(!0), a(e, null, y(Ne.value.values, (e) => (_(), a("div", {
 				key: e.seriesIndex,
 				class: "line-chart-tooltip-row"
 			}, [o("span", {
 				class: "line-chart-tooltip-swatch",
 				style: h({ background: e.color })
 			}, null, 4), s(" " + b(isFinite(e.value) ? x(ie)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
-			x(He) ? (_(), a("a", {
+			x(K) ? (_(), a("a", {
 				key: 2,
 				class: "line-chart-download-link",
 				href: x(Ue),
-				download: `${x(We)()}.csv`
-			}, b(x(He)), 9, Fn)) : i("", !0),
-			x(q) ? (_(), a("button", {
+				download: `${x(Ke)()}.csv`
+			}, b(x(K)), 9, In)) : i("", !0),
+			x(We) ? (_(), a("button", {
 				key: 3,
 				type: "button",
 				class: "line-chart-download-button",
-				onClick: l[0] ||= (...e) => x(J) && x(J)(...e)
-			}, b(x(q)), 1)) : i("", !0)
+				onClick: l[0] ||= (...e) => x(Ge) && x(Ge)(...e)
+			}, b(x(We)), 1)) : i("", !0)
 		], 16)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-a3132bed"]]), Vn = {
+}), [["__scopeId", "data-v-a11696bb"]]), Hn = {
 	class: "chart-sr-only",
 	"aria-live": "polite"
-}, Hn = [
+}, Un = [
 	"width",
 	"height",
 	"role",
 	"aria-label"
-], Un = [
+], Wn = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"font-weight",
 	"fill"
-], Wn = ["x", "dy"], Gn = [
+], Gn = ["x", "dy"], Kn = [
 	"data-testid",
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"fill"
-], Kn = { key: 1 }, qn = [
+], qn = { key: 1 }, Jn = [
 	"x",
 	"y",
 	"fill"
-], Jn = [
+], Yn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-dasharray"
-], Yn = [
+], Xn = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], Xn = [
+], Zn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], $ = [
+], Qn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Zn = [
+], $n = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], Qn = [
+], er = [
 	"x",
 	"y",
 	"width",
 	"height"
-], $n = [
+], tr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], er = [
+], nr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], tr = [
+], rr = [
 	"transform",
 	"font-size",
 	"fill",
 	"font-weight"
-], nr = [
+], ir = [
 	"x",
 	"y",
 	"text-anchor",
@@ -2433,7 +2455,7 @@ var en = {
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], rr = [
+], ar = [
 	"x",
 	"y",
 	"text-anchor",
@@ -2441,13 +2463,13 @@ var en = {
 	"fill",
 	"font-weight",
 	"fill-opacity"
-], ir = [
+], $ = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], ar = [
+], or = [
 	"data-category",
 	"data-series",
 	"x",
@@ -2456,34 +2478,34 @@ var en = {
 	"height",
 	"fill",
 	"fill-opacity"
-], or = [
+], sr = [
 	"x",
 	"y",
 	"text-anchor",
 	"font-size",
 	"font-weight",
 	"fill"
-], sr = [
+], cr = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity",
 	"stroke-dasharray"
-], cr = [
+], lr = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"fill-opacity"
-], lr = [
+], ur = [
 	"x",
 	"y",
 	"width",
 	"height"
-], ur = { class: "bar-chart-tooltip" }, dr = {
+], dr = { class: "bar-chart-tooltip" }, fr = {
 	key: 0,
 	class: "bar-chart-tooltip-label"
-}, fr = ["href", "download"], pr = 22, mr = 2, hr = 11, gr = .6, _r = 4, vr = 4, yr = /* @__PURE__ */ _e(/* @__PURE__ */ l({
+}, pr = ["href", "download"], mr = 22, hr = 2, gr = 11, _r = .6, vr = 4, yr = 4, br = /* @__PURE__ */ N(/* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "BarChart",
 	props: {
@@ -2532,7 +2554,7 @@ var en = {
 		},
 		tooltipData: {},
 		tooltipTrigger: {},
-		tooltipClamp: { default: "chart" },
+		tooltipClamp: { default: "window" },
 		tooltipValueFormat: {},
 		csv: {},
 		filename: {},
@@ -2599,13 +2621,13 @@ var en = {
 			isFinite(e) || (e = 0), isFinite(t) || (t = 0);
 			let i = f.valueMin ?? 0;
 			f.valueScaleType === "log" ? i > 0 && i < e && (e = i) : i < e && (e = i);
-			let a = Se(e, t, f.valueScaleType, n);
+			let a = Te(e, t, f.valueScaleType, n);
 			return {
 				min: a.min,
 				max: a.max,
 				range: a.max - a.min || 1
 			};
-		}), oe = n(() => T.value ? H.value : U.value), D = n(() => T.value ? U.value : H.value), O = n(() => {
+		}), oe = n(() => T.value ? B.value : V.value), D = n(() => T.value ? V.value : B.value), O = n(() => {
 			let e = ie.value;
 			return e > 0 ? oe.value / e : 0;
 		}), k = n(() => O.value * (1 - f.barPadding)), se = n(() => {
@@ -2615,18 +2637,18 @@ var en = {
 			let t = f.groupGap * (e - 1);
 			return Math.max(1, (k.value - t) / e);
 		});
-		function A(e) {
-			return (T.value ? B.value.left : B.value.top) + e * O.value;
+		function ce(e) {
+			return (T.value ? z.value.left : z.value.top) + e * O.value;
 		}
-		let ce = n(() => {
+		let le = n(() => {
 			let { min: e, max: t } = E.value, n = f.valueMin ?? 0;
-			return j(Math.max(e, Math.min(t, n)));
+			return A(Math.max(e, Math.min(t, n)));
 		});
-		function j(e) {
-			let { min: t, max: n } = E.value, r = R(e, t, n, f.valueScaleType);
-			return T.value ? B.value.top + U.value - r * U.value : B.value.left + r * H.value;
+		function A(e) {
+			let { min: t, max: n } = E.value, r = we(e, t, n, f.valueScaleType);
+			return T.value ? z.value.top + V.value - r * V.value : z.value.left + r * B.value;
 		}
-		function le(e, t, n, r, i, a, o, s, c, l) {
+		function ue(e, t, n, r, i, a, o, s, c, l) {
 			let u = Math.min(e, t), d = Math.abs(e - t);
 			return T.value ? {
 				x: n,
@@ -2652,34 +2674,34 @@ var en = {
 				seriesIndex: l
 			};
 		}
-		let M = n(() => {
+		let j = n(() => {
 			let e = [], t = S.value, n = t.length;
 			if (n === 0) return e;
-			let r = ie.value, i = O.value, a = k.value, o = se.value, s = (i - a) / 2, c = ce.value;
+			let r = ie.value, i = O.value, a = k.value, o = se.value, s = (i - a) / 2, c = le.value;
 			for (let i = 0; i < r; i++) {
-				let r = A(i) + s;
+				let r = ce(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(le(j(u), j(d), r, a, n.color ?? P(c), n.opacity ?? 1, n.blendMode, l, i, c)), l >= 0 ? o = d : s = d;
+						e.push(ue(A(u), A(d), r, a, n.color ?? _e(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(le(c, j(s), r, a, n.color ?? P(o), n.opacity ?? 1, n.blendMode, s, i, o));
+					isFinite(s) && e.push(ue(c, A(s), r, a, n.color ?? _e(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(le(c, j(l), u, o, s.color ?? P(a), s.opacity ?? 1, s.blendMode, l, i, a));
+					e.push(ue(c, A(l), u, o, s.color ?? _e(a), s.opacity ?? 1, s.blendMode, l, i, a));
 				}
 			}
 			return e;
 		});
-		function ue(e) {
+		function de(e) {
 			let t = Infinity, n = -Infinity;
 			for (let r of e.data) {
 				let e = Number(r);
@@ -2690,33 +2712,33 @@ var en = {
 				max: n
 			};
 		}
-		function de(e, t, n) {
-			let r = (T.value ? B.value.left : B.value.top) + (e + .5) * O.value, i = n.max - n.min || 1, a = (t - n.min) / i;
+		function fe(e, t, n) {
+			let r = (T.value ? z.value.left : z.value.top) + (e + .5) * O.value, i = n.max - n.min || 1, a = (t - n.min) / i;
 			return T.value ? {
 				x: r,
-				y: B.value.top + U.value - a * U.value
+				y: z.value.top + V.value - a * V.value
 			} : {
-				x: B.value.left + a * H.value,
+				x: z.value.left + a * B.value,
 				y: r
 			};
 		}
-		let fe = n(() => {
+		let pe = n(() => {
 			let e = f.summaryLines;
 			return !e || e.length === 0 ? [] : e.map((e, t) => ({
 				data: e.data ?? v,
 				x: e.x,
-				color: e.color ?? me(t),
+				color: e.color ?? he(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: ue(e),
+				extent: de(e),
 				legend: e.legend,
 				showInLegend: e.showInLegend !== !1
 			}));
-		}), N = n(() => O.value === 0 ? [] : fe.value.map((e) => {
+		}), M = n(() => O.value === 0 ? [] : pe.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;
@@ -2724,7 +2746,7 @@ var en = {
 					r = !1;
 					continue;
 				}
-				let s = de(o, a, e.extent);
+				let s = fe(o, a, e.extent);
 				t.push(s), n += r ? `L${s.x},${s.y}` : `M${s.x},${s.y}`, r = !0;
 			}
 			return {
@@ -2732,16 +2754,16 @@ var en = {
 				pathD: n,
 				points: t
 			};
-		})), pe = [
+		})), me = [
 			"var(--color-fg-1, #111)",
 			"var(--color-danger, #ef4444)",
 			"var(--color-success, #10b981)",
 			"var(--color-info, #6366f1)"
 		];
-		function me(e) {
-			return pe[e % pe.length];
+		function he(e) {
+			return me[e % me.length];
 		}
-		let he = [
+		let ge = [
 			"var(--color-primary, #3b82f6)",
 			"var(--color-accent, #f59e0b)",
 			"var(--color-success, #10b981)",
@@ -2749,36 +2771,36 @@ var en = {
 			"var(--color-info, #6366f1)",
 			"var(--color-warning, #d97706)"
 		];
-		function P(e) {
-			return he[e % he.length];
+		function _e(e) {
+			return ge[e % ge.length];
 		}
-		let ge = Ct(() => f.tooltipValueFormat, () => f.valueTickFormat), _e = n(() => {
-			let { min: e, max: t } = E.value, n = (e) => f.valueTickFormat === void 0 ? L(e) : ae(e, f.valueTickFormat);
+		let ve = Tt(() => f.tooltipValueFormat, () => f.valueTickFormat), N = n(() => {
+			let { min: e, max: t } = E.value, n = (e) => f.valueTickFormat === void 0 ? Ce(e) : ae(e, f.valueTickFormat);
 			if (e === t) return [{
 				value: n(e),
-				pos: F(j(e))
+				pos: P(A(e))
 			}];
 			let r = T.value ? 50 : 80;
-			return (f.valueScaleType === "log" ? Ce({
+			return (f.valueScaleType === "log" ? I({
 				min: e,
 				max: t,
 				ticks: f.valueTicks
-			}) : xe({
+			}) : F({
 				min: e,
 				max: t,
 				ticks: f.valueTicks,
 				targetTickCount: D.value / r
 			})).map((e) => ({
 				value: n(e),
-				pos: F(j(e))
+				pos: P(A(e))
 			}));
-		}), ye = n(() => {
+		}), be = n(() => {
 			let e = ie.value, t = w.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 = T.value ? H.value : U.value, i = Math.max(2, Math.floor(r / 80)), a = qt(e, n, i, "utc"), o = a.unit, s = [], c = /* @__PURE__ */ new Set();
+				let r = T.value ? B.value : V.value, i = Math.max(2, Math.floor(r / 80)), a = qt(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++) {
@@ -2787,7 +2809,7 @@ var en = {
 					}
 					if (n < 0 || c.has(n)) continue;
 					c.add(n);
-					let i = A(n) + O.value / 2, a = f.categoryFormat ? f.categoryFormat(C.value[n], n) : $t(t[n], f.dateFormat, "utc", o);
+					let i = ce(n) + O.value / 2, a = f.categoryFormat ? f.categoryFormat(C.value[n], n) : $t(t[n], f.dateFormat, "utc", o);
 					s.push({
 						label: a,
 						pos: i,
@@ -2800,7 +2822,7 @@ var en = {
 			for (let t = 0; t < e; t++) i[t] = r(C.value[t], t), i[t].length > a && (a = i[t].length);
 			let o = f.tickLabelStyle?.fontSize ?? 10, s = T.value ? a * o * .6 + 8 : o * 1.2 + 8, c = O.value > 0 ? Math.max(1, Math.ceil(s / O.value)) : 1;
 			for (let t = 0; t < e; t += c) {
-				let e = A(t) + O.value / 2;
+				let e = ce(t) + O.value / 2;
 				n.push({
 					label: i[t],
 					pos: e,
@@ -2808,15 +2830,15 @@ var en = {
 				});
 			}
 			return n;
-		}), be = n(() => {
+		}), xe = n(() => {
 			let e = [];
 			return S.value.forEach((t, n) => {
 				!t.legend || t.showInLegend === !1 || e.push({
 					label: t.legend,
-					color: t.color ?? P(n),
+					color: t.color ?? _e(n),
 					kind: "bar"
 				});
-			}), fe.value.forEach((t) => {
+			}), pe.value.forEach((t) => {
 				!t.legend || !t.showInLegend || e.push({
 					label: t.legend,
 					color: t.color,
@@ -2824,20 +2846,20 @@ var en = {
 					dashed: t.dashed
 				});
 			}), e;
-		}), I = n(() => be.value.map((e) => e.label));
-		function we() {
+		}), Se = n(() => xe.value.map((e) => e.label));
+		function Ee() {
 			if (typeof f.csv == "function") return f.csv();
 			if (typeof f.csv == "string") return f.csv;
 			let e = S.value.map((e) => ({
 				label: e.legend,
 				data: e.data
 			}));
-			return Qe(C.value, e);
+			return $e(C.value, e);
 		}
-		let z = n(() => !!f.tooltipData || !!f.tooltipTrigger);
-		function De(e, t) {
+		let Oe = n(() => !!f.tooltipData || !!f.tooltipTrigger);
+		function L(e, t) {
 			if (!isFinite(e) || !isFinite(t) || O.value === 0) return null;
-			let n = (T.value ? B.value.left : B.value.top) + (e + .5) * O.value, r = j(t);
+			let n = (T.value ? z.value.left : z.value.top) + (e + .5) * O.value, r = A(t);
 			return T.value ? {
 				x: n,
 				y: r
@@ -2846,16 +2868,16 @@ var en = {
 				y: n
 			};
 		}
-		function Oe(e, t) {
-			let n = je.value?.getBoundingClientRect();
+		function Ae(e, t) {
+			let n = Ne.value?.getBoundingClientRect();
 			if (!n) return null;
 			let r = ie.value;
 			if (r === 0 || O.value === 0) return null;
-			let i = T.value ? e - n.left - B.value.left : t - n.top - B.value.top;
+			let i = T.value ? e - n.left - z.value.left : t - n.top - z.value.top;
 			return Math.max(0, Math.min(r - 1, Math.floor(i / O.value)));
 		}
-		let ke = n(() => !!(f.categoryHeader || f.valueHeader)), Ae = n(() => {
-			let e = ke.value ? pr : 0, t = f.chartPadding;
+		let je = n(() => !!(f.categoryHeader || f.valueHeader)), Me = n(() => {
+			let e = je.value ? mr : 0, t = f.chartPadding;
 			return e ? t == null ? { top: e } : typeof t == "number" ? {
 				top: t + e,
 				right: t,
@@ -2865,7 +2887,7 @@ var en = {
 				...t,
 				top: (t.top ?? 0) + e
 			} : t;
-		}), { containerRef: je, svgRef: Me, width: Ne, height: Pe, padding: B, legendY: Fe, inlineLegendLayout: V, innerW: H, innerH: U, bounds: Ie, hoverIndex: W, tooltipRef: G, tooltipPos: Le, tooltipHandlers: Re, menuItems: ze, downloadLinkText: K, csvHref: Be, downloadButtonText: Ve, triggerCsvDownload: He, menuFilename: Ue, isFullscreen: q, fullscreenStyle: J, teleportTarget: We, exitFullscreen: Ge } = St({
+		}), { containerRef: Ne, svgRef: Pe, width: Fe, height: R, padding: z, legendY: Ie, inlineLegendLayout: Le, innerW: B, innerH: V, bounds: H, hoverIndex: U, tooltipRef: W, tooltipPos: Re, tooltipHandlers: ze, menuItems: Be, downloadLinkText: G, csvHref: Ve, downloadButtonText: He, triggerCsvDownload: K, menuFilename: Ue, isFullscreen: We, fullscreenStyle: Ge, teleportTarget: Ke, exitFullscreen: qe } = wt({
 			width: () => f.width,
 			height: () => f.height,
 			title: () => f.title,
@@ -2880,18 +2902,18 @@ var en = {
 			downloadLink: () => f.downloadLink,
 			downloadButton: () => f.downloadButton,
 			fullscreenTarget: () => f.fullscreenTarget,
-			chartPadding: () => Ae.value,
-			inlineLegendLabels: () => I.value,
-			hasTooltipSlot: () => z.value,
-			getCsv: we,
-			pointerToIndex: Oe,
+			chartPadding: () => Me.value,
+			inlineLegendLabels: () => Se.value,
+			hasTooltipSlot: () => Oe.value,
+			getCsv: Ee,
+			pointerToIndex: Ae,
 			scrubAxis: () => T.value ? "x" : "y",
 			onHover: (e) => ee("hover", e)
-		}), Ke = n(() => Ee(f.axisLabelStyle, { fontSize: 13 })), Y = n(() => Ee(f.tickLabelStyle, {
+		}), q = n(() => ke(f.axisLabelStyle, { fontSize: 13 })), J = n(() => ke(f.tickLabelStyle, {
 			fontSize: 10,
-			fillOpacity: Te
-		})), qe = n(() => Ee(f.legendStyle, { fontSize: 11 })), Je = n(() => f.categoryAlign === "start" && !T.value ? mr : B.value.left), X = n(() => {
-			let e = f.titleStyle, t = e?.align ?? "left", n = Ie.value, r = t === "left" ? Je.value : t === "right" ? n.right : n.left + n.width / 2, i = t === "left" ? "start" : t === "right" ? "end" : "middle";
+			fillOpacity: De
+		})), Je = n(() => ke(f.legendStyle, { fontSize: 11 })), Ye = n(() => f.categoryAlign === "start" && !T.value ? hr : z.value.left), Y = n(() => {
+			let e = f.titleStyle, t = e?.align ?? "left", n = H.value, r = t === "left" ? Ye.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,
@@ -2901,20 +2923,20 @@ var en = {
 				x: r,
 				anchor: i
 			};
-		}), Ye = n(() => {
-			let e = W.value;
+		}), Xe = n(() => {
+			let e = U.value;
 			if (e === null) return;
 			let t = w.value;
 			return t && Number.isFinite(t[e]) ? $t(t[e], f.dateFormat, "utc") : C.value[e];
-		}), Xe = n(() => {
-			let e = W.value;
+		}), Ze = n(() => {
+			let e = U.value;
 			if (e === null) return null;
 			let t = S.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 ?? P(r),
+					color: i.color ?? _e(r),
 					seriesIndex: r
 				});
 			}
@@ -2924,24 +2946,24 @@ var en = {
 				values: n,
 				data: f.tooltipData?.[e] ?? null
 			};
-		}), Ze = n(() => {
-			let e = W.value;
+		}), Qe = n(() => {
+			let e = U.value;
 			if (e === null) return null;
-			let t = A(e);
+			let t = ce(e);
 			return T.value ? {
 				x: t,
-				y: B.value.top,
+				y: z.value.top,
 				w: O.value,
-				h: U.value
+				h: V.value
 			} : {
-				x: B.value.left,
+				x: z.value.left,
 				y: t,
-				w: H.value,
+				w: B.value,
 				h: O.value
 			};
-		}), $e = n(() => {
-			let e = V.value.positions, t = Je.value, n = Fe.value;
-			return be.value.map((r, i) => {
+		}), et = n(() => {
+			let e = Le.value.positions, t = Ye.value, n = Ie.value;
+			return xe.value.map((r, i) => {
 				let a = e[i];
 				return {
 					...r,
@@ -2949,7 +2971,7 @@ var en = {
 					y: n + a.row * 20
 				};
 			});
-		}), et = n(() => {
+		}), tt = n(() => {
 			let e = f.barLabels;
 			if (!e) return null;
 			let t = e === !0 ? {} : e;
@@ -2960,37 +2982,37 @@ var en = {
 				align: t.align ?? "center",
 				overlap: t.overlap ?? "shift",
 				minSize: t.minSize ?? 0,
-				fontSize: t.fontSize ?? hr,
+				fontSize: t.fontSize ?? gr,
 				fontWeight: t.fontWeight
 			};
 		});
-		function tt(e, t) {
-			let n = et.value?.format;
-			return typeof n == "function" ? n(e, t) : n === void 0 ? f.valueTickFormat === void 0 ? L(e) : ae(e, f.valueTickFormat) : ae(e, n);
+		function nt(e, t) {
+			let n = tt.value?.format;
+			return typeof n == "function" ? n(e, t) : n === void 0 ? f.valueTickFormat === void 0 ? Ce(e) : ae(e, f.valueTickFormat) : ae(e, n);
 		}
-		function nt(e, t, n) {
-			for (let r = M.value.length - 1; r >= 0; r--) {
-				let i = M.value[r];
+		function rt(e, t, n) {
+			for (let r = j.value.length - 1; r >= 0; r--) {
+				let i = j.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 rt = n(() => {
-			let e = et.value;
+		let it = n(() => {
+			let e = tt.value;
 			if (!e) return [];
 			let t = T.value, n = e.fontSize, r = [];
-			for (let i of M.value) {
-				let a = tt(i.value, {
+			for (let i of j.value) {
+				let a = nt(i.value, {
 					value: i.value,
 					categoryIndex: i.categoryIndex,
 					seriesIndex: i.seriesIndex,
 					category: C.value[i.categoryIndex] ?? String(i.categoryIndex)
 				});
 				if (!a) continue;
-				let o = t ? i.h : i.w, s = a.length * n * gr, c = o >= s + 2 * _r && 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 + _r, d = u + g, p = "start";
-				else if (e.align === "start") u = h + _r, d = u + g, p = "start";
-				else if (e.align === "end") d = m - _r, u = d - g, p = "end";
+				let o = t ? i.h : i.w, s = a.length * n * _r, c = o >= s + 2 * vr && 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 + vr, d = u + g, p = "start";
+				else if (e.align === "start") u = h + vr, d = u + g, p = "start";
+				else if (e.align === "end") d = m - vr, u = d - g, p = "end";
 				else {
 					let e = (m + h) / 2;
 					u = e - g / 2, d = e + g / 2, p = "middle";
@@ -3007,7 +3029,7 @@ var en = {
 					hidden: !1
 				});
 			}
-			let i = t ? -B.value.top : Ne.value - 2, a = /* @__PURE__ */ new Map();
+			let i = t ? -z.value.top : Fe.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]);
@@ -3016,12 +3038,12 @@ var en = {
 				t.sort((e, t) => e.lo - t.lo);
 				let n = -Infinity;
 				for (let r of t) {
-					if (r.lo < n + vr) {
+					if (r.lo < n + yr) {
 						if (e.overlap === "hide") {
 							r.hidden = !0;
 							continue;
 						}
-						let t = n + vr - r.lo;
+						let t = n + yr - r.lo;
 						r.lo += t, r.hi += t, r.inside = !1, r.svgAnchor = "start";
 					}
 					if (r.hi > i) {
@@ -3038,10 +3060,10 @@ var en = {
 				t ? (r = i.cross, a = -((i.lo + i.hi) / 2), c = "middle") : (c = i.svgAnchor, r = c === "start" ? i.lo : c === "end" ? i.hi : (i.lo + i.hi) / 2, a = i.cross);
 				let l;
 				if (!o) l = e.color;
-				else if (i.inside) l = kt(i.bar.color);
+				else if (i.inside) l = jt(i.bar.color);
 				else {
-					let e = t ? i.cross : (i.lo + i.hi) / 2, n = t ? -((i.lo + i.hi) / 2) : i.cross, r = nt(i.bar.categoryIndex, e, n);
-					l = r ? kt(r) : "currentColor";
+					let e = t ? i.cross : (i.lo + i.hi) / 2, n = t ? -((i.lo + i.hi) / 2) : i.cross, r = rt(i.bar.categoryIndex, e, n);
+					l = r ? jt(r) : "currentColor";
 				}
 				s.push({
 					key: `${i.bar.categoryIndex}-${i.bar.seriesIndex}`,
@@ -3055,36 +3077,36 @@ var en = {
 				});
 			}
 			return s;
-		}), it = n(() => {
-			let e = B.value.left - 6;
+		}), at = n(() => {
+			let e = z.value.left - 6;
 			switch (f.categoryAlign ?? "end") {
 				case "start": return {
 					anchor: "start",
-					x: mr
+					x: hr
 				};
 				case "center": return {
 					anchor: "middle",
-					x: (mr + e) / 2
+					x: (hr + e) / 2
 				};
 				default: return {
 					anchor: "end",
 					x: e
 				};
 			}
-		}), at = n(() => {
-			let e = [], t = B.value.top - 7;
+		}), ot = n(() => {
+			let e = [], t = z.value.top - 7;
 			if (f.valueHeader && e.push({
 				key: "vh",
 				text: f.valueHeader,
-				x: B.value.left,
+				x: z.value.left,
 				y: t,
 				anchor: "start"
 			}), f.categoryHeader) {
-				let n = !T.value, r = it.value;
+				let n = !T.value, r = at.value;
 				e.push({
 					key: "ch",
 					text: f.categoryHeader,
-					x: n ? r.x : B.value.left,
+					x: n ? r.x : z.value.left,
 					y: t,
 					anchor: n ? r.anchor : "start"
 				});
@@ -3092,65 +3114,65 @@ var en = {
 			return e;
 		});
 		return (n, l) => (_(), r(t, {
-			to: x(We),
-			disabled: !x(q)
+			to: x(Ke),
+			disabled: !x(We)
 		}, [o("div", d({
 			ref_key: "containerRef",
-			ref: je
+			ref: Ne
 		}, n.$attrs, {
-			class: ["bar-chart-wrapper", { "is-fullscreen": x(q) }],
-			style: x(J)
+			class: ["bar-chart-wrapper", { "is-fullscreen": x(We) }],
+			style: x(Ge)
 		}), [
-			c.menu ? (_(), r(ve, {
+			c.menu ? (_(), r(ye, {
 				key: 0,
-				items: x(ze),
-				"is-fullscreen": x(q),
-				onClose: x(Ge)
+				items: x(Be),
+				"is-fullscreen": x(We),
+				onClose: x(qe)
 			}, null, 8, [
 				"items",
 				"is-fullscreen",
 				"onClose"
 			])) : i("", !0),
-			o("div", Vn, b(x(q) ? "Chart expanded to fill window" : ""), 1),
+			o("div", Hn, b(x(We) ? "Chart expanded to fill window" : ""), 1),
 			(_(), a("svg", {
 				ref_key: "svgRef",
-				ref: Me,
-				width: x(Ne),
-				height: x(Pe),
+				ref: Pe,
+				width: x(Fe),
+				height: x(R),
 				role: g.value || void 0,
 				"aria-label": p.value || void 0
 			}, [
 				c.title ? (_(), a("text", {
 					key: 0,
-					x: X.value.x,
-					y: X.value.lineHeight,
-					"text-anchor": X.value.anchor,
-					"font-size": X.value.fontSize,
-					"font-weight": X.value.fontWeight,
-					fill: X.value.color
-				}, [(_(!0), a(e, null, y(X.value.lines, (e, t) => (_(), a("tspan", {
+					x: Y.value.x,
+					y: Y.value.lineHeight,
+					"text-anchor": Y.value.anchor,
+					"font-size": Y.value.fontSize,
+					"font-weight": Y.value.fontWeight,
+					fill: Y.value.color
+				}, [(_(!0), a(e, null, y(Y.value.lines, (e, t) => (_(), a("tspan", {
 					key: t,
-					x: X.value.x,
-					dy: t === 0 ? 0 : X.value.lineHeight
-				}, b(e), 9, Wn))), 128))], 8, Un)) : i("", !0),
-				(_(!0), a(e, null, y(at.value, (e) => (_(), a("text", {
+					x: Y.value.x,
+					dy: t === 0 ? 0 : Y.value.lineHeight
+				}, b(e), 9, Gn))), 128))], 8, Wn)) : i("", !0),
+				(_(!0), a(e, null, y(ot.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": Ke.value.fontSize,
-					fill: Ke.value.fill,
+					"font-size": q.value.fontSize,
+					fill: q.value.fill,
 					"font-weight": "600"
-				}, b(e.text), 9, Gn))), 128)),
-				$e.value.length > 0 ? (_(), a("g", Kn, [(_(!0), a(e, null, y($e.value, (t, n) => (_(), a(e, { key: "ileg" + n }, [t.kind === "bar" ? (_(), a("rect", {
+				}, b(e.text), 9, Kn))), 128)),
+				et.value.length > 0 ? (_(), a("g", qn, [(_(!0), a(e, null, y(et.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, qn)) : (_(), a("line", {
+				}, null, 8, Jn)) : (_(), a("line", {
 					key: 1,
 					x1: t.x,
 					y1: t.y,
@@ -3159,114 +3181,114 @@ var en = {
 					stroke: t.color,
 					"stroke-width": "2",
 					"stroke-dasharray": t.dashed ? "4 2" : void 0
-				}, null, 8, Jn)), o("text", {
+				}, null, 8, Yn)), o("text", {
 					x: t.x + 18,
 					y: t.y + 4,
-					"font-size": qe.value.fontSize,
-					fill: qe.value.fill,
-					"font-weight": qe.value.fontWeight
-				}, b(t.label), 9, Yn)], 64))), 128))])) : i("", !0),
+					"font-size": Je.value.fontSize,
+					fill: Je.value.fill,
+					"font-weight": Je.value.fontWeight
+				}, b(t.label), 9, Xn)], 64))), 128))])) : i("", !0),
 				!T.value || c.valueAxis ? (_(), a("line", {
 					key: 2,
-					x1: x(F)(x(B).left),
-					y1: x(F)(x(B).top),
-					x2: x(F)(x(B).left),
-					y2: x(F)(x(B).top + x(U)),
+					x1: x(P)(x(z).left),
+					y1: x(P)(x(z).top),
+					x2: x(P)(x(z).left),
+					y2: x(P)(x(z).top + x(V)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, Xn)) : i("", !0),
+				}, null, 8, Zn)) : i("", !0),
 				T.value || c.valueAxis ? (_(), a("line", {
 					key: 3,
-					x1: x(F)(x(B).left),
-					y1: x(F)(x(B).top + x(U)),
-					x2: x(F)(x(B).left + x(H)),
-					y2: x(F)(x(B).top + x(U)),
+					x1: x(P)(x(z).left),
+					y1: x(P)(x(z).top + x(V)),
+					x2: x(P)(x(z).left + x(B)),
+					y2: x(P)(x(z).top + x(V)),
 					stroke: "currentColor",
 					"stroke-opacity": "0.3"
-				}, null, 8, $)) : i("", !0),
-				c.valueGrid && c.valueAxis ? (_(!0), a(e, { key: 4 }, y(_e.value, (e, t) => (_(), a("line", {
+				}, null, 8, Qn)) : i("", !0),
+				c.valueGrid && c.valueAxis ? (_(!0), a(e, { key: 4 }, y(N.value, (e, t) => (_(), a("line", {
 					key: "vg" + t,
-					x1: T.value ? x(B).left : e.pos,
-					y1: T.value ? e.pos : x(B).top,
-					x2: T.value ? x(B).left + x(H) : e.pos,
-					y2: T.value ? e.pos : x(B).top + x(U),
+					x1: T.value ? x(z).left : e.pos,
+					y1: T.value ? e.pos : x(z).top,
+					x2: T.value ? x(z).left + x(B) : e.pos,
+					y2: T.value ? e.pos : x(z).top + x(V),
 					stroke: "currentColor",
 					"stroke-opacity": "0.1"
-				}, null, 8, Zn))), 128)) : i("", !0),
-				Ze.value && z.value ? (_(), a("rect", {
+				}, null, 8, $n))), 128)) : i("", !0),
+				Qe.value && Oe.value ? (_(), a("rect", {
 					key: 5,
-					x: Ze.value.x,
-					y: Ze.value.y,
-					width: Ze.value.w,
-					height: Ze.value.h,
+					x: Qe.value.x,
+					y: Qe.value.y,
+					width: Qe.value.w,
+					height: Qe.value.h,
 					fill: "currentColor",
 					"fill-opacity": "0.06",
 					"pointer-events": "none"
-				}, null, 8, Qn)) : i("", !0),
-				c.valueAxis && T.value ? (_(!0), a(e, { key: 6 }, y(_e.value, (e, t) => (_(), a("text", {
+				}, null, 8, er)) : i("", !0),
+				c.valueAxis && T.value ? (_(!0), a(e, { key: 6 }, y(N.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
-					x: x(B).left - 6,
+					x: x(z).left - 6,
 					y: e.pos,
 					"text-anchor": "end",
 					"dominant-baseline": "middle",
-					"font-size": Y.value.fontSize,
-					fill: Y.value.fill,
-					"font-weight": Y.value.fontWeight,
-					"fill-opacity": Y.value.fillOpacity
-				}, b(e.value), 9, $n))), 128)) : c.valueAxis ? (_(!0), a(e, { key: 7 }, y(_e.value, (e, t) => (_(), a("text", {
+					"font-size": J.value.fontSize,
+					fill: J.value.fill,
+					"font-weight": J.value.fontWeight,
+					"fill-opacity": J.value.fillOpacity
+				}, b(e.value), 9, tr))), 128)) : c.valueAxis ? (_(!0), a(e, { key: 7 }, y(N.value, (e, t) => (_(), a("text", {
 					key: "vt" + t,
 					"data-testid": "value-tick",
 					x: e.pos,
-					y: x(B).top + x(U) + 16,
+					y: x(z).top + x(V) + 16,
 					"text-anchor": "middle",
-					"font-size": Y.value.fontSize,
-					fill: Y.value.fill,
-					"font-weight": Y.value.fontWeight,
-					"fill-opacity": Y.value.fillOpacity
-				}, b(e.value), 9, er))), 128)) : i("", !0),
+					"font-size": J.value.fontSize,
+					fill: J.value.fill,
+					"font-weight": J.value.fontWeight,
+					"fill-opacity": J.value.fillOpacity
+				}, b(e.value), 9, nr))), 128)) : i("", !0),
 				c.yLabel ? (_(), a("text", {
 					key: 8,
 					x: 0,
 					y: 0,
-					transform: `translate(14, ${x(B).top + x(U) / 2}) rotate(-90)`,
+					transform: `translate(14, ${x(z).top + x(V) / 2}) rotate(-90)`,
 					"text-anchor": "middle",
-					"font-size": Ke.value.fontSize,
-					fill: Ke.value.fill,
-					"font-weight": Ke.value.fontWeight
-				}, b(c.yLabel), 9, tr)) : i("", !0),
-				T.value ? (_(!0), a(e, { key: 9 }, y(ye.value, (e, t) => (_(), a("text", {
+					"font-size": q.value.fontSize,
+					fill: q.value.fill,
+					"font-weight": q.value.fontWeight
+				}, b(c.yLabel), 9, rr)) : i("", !0),
+				T.value ? (_(!0), a(e, { key: 9 }, y(be.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
 					x: e.pos,
-					y: x(B).top + x(U) + 16,
+					y: x(z).top + x(V) + 16,
 					"text-anchor": e.anchor,
-					"font-size": Y.value.fontSize,
-					fill: Y.value.fill,
-					"font-weight": Y.value.fontWeight,
-					"fill-opacity": Y.value.fillOpacity
-				}, b(e.label), 9, nr))), 128)) : (_(!0), a(e, { key: 10 }, y(ye.value, (e, t) => (_(), a("text", {
+					"font-size": J.value.fontSize,
+					fill: J.value.fill,
+					"font-weight": J.value.fontWeight,
+					"fill-opacity": J.value.fillOpacity
+				}, b(e.label), 9, ir))), 128)) : (_(!0), a(e, { key: 10 }, y(be.value, (e, t) => (_(), a("text", {
 					key: "ct" + t,
 					"data-testid": "category-tick",
-					x: it.value.x,
+					x: at.value.x,
 					y: e.pos,
-					"text-anchor": it.value.anchor,
+					"text-anchor": at.value.anchor,
 					"dominant-baseline": "middle",
-					"font-size": Y.value.fontSize,
-					fill: Y.value.fill,
-					"font-weight": Y.value.fontWeight,
-					"fill-opacity": Y.value.fillOpacity
-				}, b(e.label), 9, rr))), 128)),
+					"font-size": J.value.fontSize,
+					fill: J.value.fill,
+					"font-weight": J.value.fontWeight,
+					"fill-opacity": J.value.fillOpacity
+				}, b(e.label), 9, ar))), 128)),
 				c.xLabel ? (_(), a("text", {
 					key: 11,
-					x: x(B).left + x(H) / 2,
-					y: x(Pe) - 4,
+					x: x(z).left + x(B) / 2,
+					y: x(R) - 4,
 					"text-anchor": "middle",
-					"font-size": Ke.value.fontSize,
-					fill: Ke.value.fill,
-					"font-weight": Ke.value.fontWeight
-				}, b(c.xLabel), 9, ir)) : i("", !0),
-				(_(!0), a(e, null, y(M.value, (e, t) => (_(), a("rect", {
+					"font-size": q.value.fontSize,
+					fill: q.value.fill,
+					"font-weight": q.value.fontWeight
+				}, b(c.xLabel), 9, $)) : i("", !0),
+				(_(!0), a(e, null, y(j.value, (e, t) => (_(), a("rect", {
 					key: "bar" + t,
 					"data-testid": "bar",
 					"data-category": e.categoryIndex,
@@ -3278,8 +3300,8 @@ var en = {
 					fill: e.color,
 					"fill-opacity": e.opacity,
 					style: h(e.blendMode ? { mixBlendMode: e.blendMode } : void 0)
-				}, null, 12, ar))), 128)),
-				(_(!0), a(e, null, y(rt.value, (e) => (_(), a("text", {
+				}, null, 12, or))), 128)),
+				(_(!0), a(e, null, y(it.value, (e) => (_(), a("text", {
 					key: "blbl" + e.key,
 					"data-testid": "bar-label",
 					x: e.x,
@@ -3290,8 +3312,8 @@ var en = {
 					"font-weight": e.fontWeight,
 					fill: e.fill,
 					"pointer-events": "none"
-				}, b(e.text), 9, or))), 128)),
-				(_(!0), a(e, null, y(N.value, (t, n) => (_(), a(e, { key: "sl" + n }, [t.pathD ? (_(), a("path", {
+				}, b(e.text), 9, sr))), 128)),
+				(_(!0), a(e, null, y(M.value, (t, n) => (_(), a(e, { key: "sl" + n }, [t.pathD ? (_(), a("path", {
 					key: 0,
 					"data-testid": "summary-line",
 					d: t.pathD,
@@ -3303,7 +3325,7 @@ var en = {
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					style: h(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-				}, null, 12, sr)) : i("", !0), t.dots ? (_(!0), a(e, { key: 1 }, y(t.points, (e, r) => (_(), a("circle", {
+				}, null, 12, cr)) : 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,
@@ -3311,71 +3333,71 @@ var en = {
 					fill: t.color,
 					"fill-opacity": t.opacity,
 					style: h(t.blendMode ? { mixBlendMode: t.blendMode } : void 0)
-				}, null, 12, cr))), 128)) : i("", !0)], 64))), 128)),
-				z.value ? (_(), a("rect", d({
+				}, null, 12, lr))), 128)) : i("", !0)], 64))), 128)),
+				Oe.value ? (_(), a("rect", d({
 					key: 12,
-					x: x(B).left,
-					y: x(B).top,
-					width: x(H),
-					height: x(U),
+					x: x(z).left,
+					y: x(z).top,
+					width: x(B),
+					height: x(V),
 					fill: "transparent",
 					style: `cursor: crosshair; touch-action: ${T.value ? "pan-y" : "pan-x"}`
-				}, ne(x(Re), !0)), null, 16, lr)) : i("", !0),
-				c.annotations && c.annotations.length > 0 ? (_(), r(x(yt), {
+				}, ne(x(ze), !0)), null, 16, ur)) : i("", !0),
+				c.annotations && c.annotations.length > 0 ? (_(), r(x(xt), {
 					key: 13,
 					annotations: c.annotations,
-					project: De,
-					bounds: x(Ie)
+					project: L,
+					bounds: x(H)
 				}, null, 8, ["annotations", "bounds"])) : i("", !0)
-			], 8, Hn)),
-			z.value && x(W) !== null && Xe.value ? (_(), a("div", {
+			], 8, Un)),
+			Oe.value && x(U) !== null && Ze.value ? (_(), a("div", {
 				key: 1,
 				ref_key: "tooltipRef",
-				ref: G,
+				ref: W,
 				class: "chart-tooltip-content",
 				style: h({
 					position: "absolute",
 					top: "0",
 					left: "0",
 					willChange: "transform",
-					transform: x(Le) ? `translate3d(${x(Le).left}px, ${x(Le).top}px, 0) translateY(-50%)` : "translateY(-50%)",
-					visibility: x(Le) ? "visible" : "hidden"
+					transform: x(Re) ? `translate3d(${x(Re).left}px, ${x(Re).top}px, 0) translateY(-50%)` : "translateY(-50%)",
+					visibility: x(Re) ? "visible" : "hidden"
 				})
-			}, [te(n.$slots, "tooltip", m(u(Xe.value)), () => [o("div", ur, [Ye.value ? (_(), a("div", dr, b(Ye.value), 1)) : i("", !0), (_(!0), a(e, null, y(Xe.value.values, (e) => (_(), a("div", {
+			}, [te(n.$slots, "tooltip", m(u(Ze.value)), () => [o("div", dr, [Xe.value ? (_(), a("div", fr, b(Xe.value), 1)) : i("", !0), (_(!0), a(e, null, y(Ze.value.values, (e) => (_(), a("div", {
 				key: e.seriesIndex,
 				class: "bar-chart-tooltip-row"
 			}, [o("span", {
 				class: "bar-chart-tooltip-swatch",
 				style: h({ background: e.color })
-			}, null, 4), s(" " + b(isFinite(e.value) ? x(ge)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
-			x(K) ? (_(), a("a", {
+			}, null, 4), s(" " + b(isFinite(e.value) ? x(ve)(e.value) : "—"), 1)]))), 128))])], !0)], 4)) : i("", !0),
+			x(G) ? (_(), a("a", {
 				key: 2,
 				class: "bar-chart-download-link",
-				href: x(Be),
+				href: x(Ve),
 				download: `${x(Ue)()}.csv`
-			}, b(x(K)), 9, fr)) : i("", !0),
-			x(Ve) ? (_(), a("button", {
+			}, b(x(G)), 9, pr)) : i("", !0),
+			x(He) ? (_(), a("button", {
 				key: 3,
 				type: "button",
 				class: "bar-chart-download-button",
-				onClick: l[0] ||= (...e) => x(He) && x(He)(...e)
-			}, b(x(Ve)), 1)) : i("", !0)
+				onClick: l[0] ||= (...e) => x(K) && x(K)(...e)
+			}, b(x(He)), 1)) : i("", !0)
 		], 16)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-251f7945"]]);
+}), [["__scopeId", "data-v-32872fa4"]]);
 //#endregion
 //#region src/ChoroplethMap/canvasLayer.ts
-function br(e, t) {
+function xr(e, t) {
 	let n = t.dpr * t.meetScale * t.zoom.k;
 	e.setTransform(n, 0, 0, n, t.dpr * (t.offsetX + t.meetScale * t.zoom.x), t.dpr * (t.offsetY + t.meetScale * t.zoom.y));
 }
-function xr(e) {
+function Sr(e) {
 	return (t) => t / (e.meetScale * e.zoom.k || 1);
 }
-function Sr(e, t, n) {
+function Cr(e, t, n) {
 	n === "dashed" ? (e.setLineDash([t(8), t(4)]), e.lineCap = "butt") : n === "dotted" ? (e.setLineDash([0, t(5)]), e.lineCap = "round") : (e.setLineDash([]), e.lineCap = "butt");
 }
-function Cr(e, t, n, r) {
+function wr(e, t, n, r) {
 	let i = [], a = /* @__PURE__ */ new Map(), o = new Path2D(), s = 0;
 	for (let r of e) {
 		let e = t(r);
@@ -3394,47 +3416,47 @@ function Cr(e, t, n, r) {
 		borders: r ? new Path2D(r) : null
 	};
 }
-function wr(e, t, n, r, i, a) {
+function Tr(e, t, n, r, i, a) {
 	let o = t.indexById.get(i);
 	if (o == null) return;
 	let s = t.items[o];
-	e.fillStyle = s.fill, e.fill(s.path), e.strokeStyle = a?.stroke ?? r.highlightStroke, e.lineWidth = n(a?.strokeWidth ?? r.strokeWidth + 1), Sr(e, n, a?.style), e.stroke(s.path);
+	e.fillStyle = s.fill, e.fill(s.path), e.strokeStyle = a?.stroke ?? r.highlightStroke, e.lineWidth = n(a?.strokeWidth ?? r.strokeWidth + 1), Cr(e, n, a?.style), e.stroke(s.path);
 }
-function Tr(e, t) {
-	e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(0, 0, e.canvas.width, e.canvas.height), br(e, t), e.lineJoin = "round", e.setLineDash([]);
+function Er(e, t) {
+	e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(0, 0, e.canvas.width, e.canvas.height), xr(e, t), e.lineJoin = "round", e.setLineDash([]);
 }
-function Er(e, t, n, r) {
+function Dr(e, t, n, r) {
 	let i = Math.min(r, t.items.length);
 	for (let r = n; r < i; r++) e.fillStyle = t.items[r].fill, e.fill(t.items[r].path);
 	return i;
 }
-function Dr(e, t, n, r) {
-	let i = xr(n);
+function Or(e, t, n, r) {
+	let i = Sr(n);
 	if (e.setLineDash([]), e.lineWidth = i(r.strokeWidth), e.strokeStyle = r.strokeColor, t.outlines) e.stroke(t.outlines);
 	else for (let n of t.items) e.stroke(n.path);
 	t.borders && (e.lineWidth = i(1), e.stroke(t.borders));
-	for (let [n, a] of r.focused) wr(e, t, i, r, n, a);
-	for (let t of r.overlays) e.strokeStyle = t.stroke, e.lineWidth = i(t.strokeWidth ?? r.strokeWidth + 1.5), Sr(e, i, t.style), e.stroke(t.path);
+	for (let [n, a] of r.focused) Tr(e, t, i, r, n, a);
+	for (let t of r.overlays) e.strokeStyle = t.stroke, e.lineWidth = i(t.strokeWidth ?? r.strokeWidth + 1.5), Cr(e, i, t.style), e.stroke(t.path);
 	e.setLineDash([]);
 }
-function Or(e, t, n, r, i) {
-	!i || r.focused.has(i) || (br(e, n), e.lineJoin = "round", wr(e, t, xr(n), r, i), e.setLineDash([]), e.setTransform(1, 0, 0, 1, 0, 0));
+function kr(e, t, n, r, i) {
+	!i || r.focused.has(i) || (xr(e, n), e.lineJoin = "round", Tr(e, t, Sr(n), r, i), e.setLineDash([]), e.setTransform(1, 0, 0, 1, 0, 0));
 }
-function kr(e, t, n, r) {
-	Tr(e, n), Er(e, t, 0, t.items.length), Dr(e, t, n, r), Or(e, t, n, r, r.hoveredId);
+function Ar(e, t, n, r) {
+	Er(e, n), Dr(e, t, 0, t.items.length), Or(e, t, n, r), kr(e, t, n, r, r.hoveredId);
 }
-function Ar(e) {
+function jr(e) {
 	let t = e + 1;
 	return `rgb(${t >> 16 & 255},${t >> 8 & 255},${t & 255})`;
 }
-function jr(e, t, n, r) {
+function Mr(e, t, n, r) {
 	r.width = Math.max(1, Math.round(t)), r.height = Math.max(1, Math.round(n));
 	let i = r.getContext("2d", { willReadFrequently: !0 });
 	return i ? (i.imageSmoothingEnabled = !1, i.setTransform(1, 0, 0, 1, 0, 0), i.clearRect(0, 0, r.width, r.height), e.items.forEach((e, t) => {
-		i.fillStyle = Ar(t), i.fill(e.path);
+		i.fillStyle = jr(t), i.fill(e.path);
 	}), i) : null;
 }
-function Mr(e, t, n, r) {
+function Nr(e, t, n, r) {
 	let i = Math.round(n), a = Math.round(r);
 	if (i < 0 || a < 0 || i >= e.canvas.width || a >= e.canvas.height) return null;
 	let o = e.getImageData(i, a, 1, 1).data;
@@ -3448,7 +3470,7 @@ function Mr(e, t, n, r) {
 }
 //#endregion
 //#region src/ChoroplethMap/ChoroplethTooltip.vue?vue&type=script&setup=true&lang.ts
-var Nr = {
+var Pr = {
 	ref: "root",
 	class: "chart-tooltip-content",
 	style: {
@@ -3461,7 +3483,7 @@ var Nr = {
 		"pointer-events": "none",
 		transform: "translateY(-50%)"
 	}
-}, Pr = /* @__PURE__ */ _e(/* @__PURE__ */ l({
+}, Fr = /* @__PURE__ */ N(/* @__PURE__ */ l({
 	__name: "ChoroplethTooltip",
 	props: { mode: { default: "float" } },
 	setup(n, { expose: s }) {
@@ -3476,27 +3498,150 @@ var Nr = {
 			getEl() {
 				return u.value;
 			}
-		}), (s, u) => (_(), a(e, null, [(_(), r(t, { to: "body" }, [o("div", Nr, [c.value && n.mode === "float" ? te(s.$slots, "default", m(d({ key: 0 }, c.value)), void 0, !0) : i("", !0)], 512)])), n.mode === "sheet" ? (_(), a("div", {
+		}), (s, u) => (_(), a(e, null, [(_(), r(t, { to: "body" }, [o("div", Pr, [c.value && n.mode === "float" ? te(s.$slots, "default", m(d({ key: 0 }, c.value)), void 0, !0) : i("", !0)], 512)])), n.mode === "sheet" ? (_(), a("div", {
 			key: 0,
 			class: p(["chart-tooltip-sheet", { "is-open": l.value }])
 		}, [c.value ? te(s.$slots, "default", m(d({ key: 0 }, c.value)), void 0, !0) : i("", !0)], 2)) : i("", !0)], 64));
 	}
-}), [["__scopeId", "data-v-90392830"]]), Fr = ["role", "aria-label"], Ir = {
+}), [["__scopeId", "data-v-90392830"]]), Ir = {
+	k: 1,
+	x: 0,
+	y: 0
+}, Lr = .56, Rr = 1.15;
+function zr(e, t) {
+	return e.length * Lr * t;
+}
+function Br(e) {
+	return Math.round(e * 100) / 100;
+}
+function Vr(e, t) {
+	return !(e.x1 <= t.x0 || e.x0 >= t.x1 || e.y1 <= t.y0 || e.y0 >= t.y1);
+}
+function Hr(e, t, n) {
+	return e.x0 >= 0 && e.y0 >= 0 && e.x1 <= t && e.y1 <= n;
+}
+function Ur(e, t, n, r, i) {
+	let a = t - r / 2, o = t + r / 2;
+	return i === "start" ? {
+		x0: e,
+		y0: a,
+		x1: e + n,
+		y1: o
+	} : i === "end" ? {
+		x0: e - n,
+		y0: a,
+		x1: e,
+		y1: o
+	} : {
+		x0: e - n / 2,
+		y0: a,
+		x1: e + n / 2,
+		y1: o
+	};
+}
+function Wr(e, t, n = Ir, r) {
+	let { width: i, height: a, viewScale: o, labelPx: s = 11, dotPx: c = 2.4, gapPx: l = 4, margin: u = 0 } = r, d = o || 1, f = s / d, p = c / d, m = l / d, h = f * Rr, g = [];
+	e.forEach((e, r) => {
+		let o = t(e.coordinates);
+		if (!o || !Number.isFinite(o[0]) || !Number.isFinite(o[1])) return;
+		let s = n.k * o[0] + n.x, c = n.k * o[1] + n.y;
+		s < -u || s > i + u || c < -u || c > a + u || g.push({
+			marker: e,
+			x: s,
+			y: c,
+			radius: p,
+			order: r
+		});
+	}), g.sort((e, t) => !!t.marker.capital - +!!e.marker.capital || e.order - t.order);
+	let ee = g.map((e) => ({
+		x0: e.x - e.radius,
+		y0: e.y - e.radius,
+		x1: e.x + e.radius,
+		y1: e.y + e.radius
+	})), _ = [], v = [];
+	for (let e of g) {
+		let t = zr(e.marker.name, s) / d, n = e.radius, r = [
+			{
+				anchorX: e.x + n + m,
+				cy: e.y,
+				anchor: "start"
+			},
+			{
+				anchorX: e.x - n - m,
+				cy: e.y,
+				anchor: "end"
+			},
+			{
+				anchorX: e.x,
+				cy: e.y - n - m - h / 2,
+				anchor: "middle"
+			},
+			{
+				anchorX: e.x,
+				cy: e.y + n + m + h / 2,
+				anchor: "middle"
+			},
+			{
+				anchorX: e.x + n * .7 + m,
+				cy: e.y - n - m,
+				anchor: "start"
+			},
+			{
+				anchorX: e.x + n * .7 + m,
+				cy: e.y + n + m,
+				anchor: "start"
+			},
+			{
+				anchorX: e.x - n * .7 - m,
+				cy: e.y - n - m,
+				anchor: "end"
+			},
+			{
+				anchorX: e.x - n * .7 - m,
+				cy: e.y + n + m,
+				anchor: "end"
+			}
+		], o = !e.marker.capital, c = null;
+		for (let e of r) {
+			let n = Ur(e.anchorX, e.cy, t, h, e.anchor);
+			if (Hr(n, i, a) && !_.some((e) => Vr(n, e)) && !(o && ee.some((e) => Vr(n, e)))) {
+				c = {
+					x: Br(e.anchorX),
+					y: Br(e.cy),
+					anchor: e.anchor
+				}, _.push(n);
+				break;
+			}
+		}
+		v.push({
+			name: e.marker.name,
+			capital: !!e.marker.capital,
+			x: Br(e.x),
+			y: Br(e.y),
+			radius: Br(n),
+			label: c
+		});
+	}
+	return v;
+}
+//#endregion
+//#region src/ChoroplethMap/ChoroplethMap.vue?vue&type=script&setup=true&lang.ts
+var Gr = ["role", "aria-label"], Kr = {
 	class: "chart-sr-only",
 	"aria-live": "polite"
-}, Lr = {
+}, qr = {
 	key: 1,
 	class: "choropleth-header"
-}, Rr = {
+}, Jr = {
 	key: 0,
 	class: "choropleth-legend-title"
-}, zr = {
+}, Yr = {
 	key: 2,
 	class: "choropleth-legend-continuous"
-}, Br = { class: "choropleth-legend-ticks" }, Vr = {
+}, Xr = { class: "choropleth-legend-ticks" }, Zr = {
 	key: 2,
 	class: "choropleth-zoom-hint"
-}, Hr = ["viewBox"], Ur = ["innerHTML"], Wr = "http://www.w3.org/2000/svg", Gr = 10, Kr = 600, qr = 250, Jr = 30, Yr = 450, Xr = 2, Zr = 2, Qr = 1e3, $r = 12, ei = "light-dark(#000, #fff)", ti = 24, ni = 350, ri = /* @__PURE__ */ _e(/* @__PURE__ */ l({
+}, Qr = ["viewBox"], $r = ["viewBox"], ei = ["innerHTML"], ti = "http://www.w3.org/2000/svg", ni = 10, ri = 600, ii = 250, ai = 30, oi = 450, si = 2, ci = 2, li = 1e3, ui = 12, di = "light-dark(#000, #fff)", fi = 24, pi = 350, mi = 11, hi = 2.4, gi = 3, _i = .9, vi = 2.6, yi = /* @__PURE__ */ N(/* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "ChoroplethMap",
 	props: {
@@ -3507,6 +3652,10 @@ var Nr = {
 		state: {},
 		width: {},
 		height: {},
+		tightFit: {
+			type: [Boolean, Number],
+			default: !1
+		},
 		colorScale: {},
 		title: {},
 		titleStyle: {},
@@ -3541,7 +3690,7 @@ var Nr = {
 		tooltipTrigger: {},
 		tooltipFormat: {},
 		tooltipValueFormat: {},
-		tooltipClamp: { default: "chart" },
+		tooltipClamp: { default: "window" },
 		focus: {},
 		focusZoomLevel: { default: 4 },
 		focusZoom: {
@@ -3549,7 +3698,9 @@ var Nr = {
 			default: !0
 		},
 		renderer: { default: "svg" },
-		fullscreenTarget: {}
+		fullscreenTarget: {},
+		cities: {},
+		citiesMinZoom: { default: 2 }
 	},
 	emits: [
 		"stateClick",
@@ -3557,10 +3708,10 @@ var Nr = {
 		"update:focus"
 	],
 	setup(c, { emit: l }) {
-		let p = c, ne = n(() => p.ariaLabel ?? p.title), ie = n(() => p.role ?? (ne.value ? "figure" : void 0)), T = l, E = (e) => e, oe = v(null), D = v(null), O = v(null), k = v(null), se = v(null), A = v(null), ce = S(), P = n(() => !!p.tooltipTrigger || !!p.tooltipFormat || !!ce.tooltip), ge = n(() => {
+		let p = c, ne = n(() => p.ariaLabel ?? p.title), ie = n(() => p.role ?? (ne.value ? "figure" : void 0)), T = l, E = (e) => e, oe = v(null), D = v(null), O = v(null), k = v(null), se = v(null), ce = v(null), le = v(null), _e = v(null), ve = S(), N = n(() => !!p.tooltipTrigger || !!p.tooltipFormat || !!ve.tooltip), P = n(() => {
 			let e = p.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;
-		}), _e = n(() => {
+		}), be = n(() => {
 			let e = p.titleStyle, t = {
 				"font-size": `${e?.fontSize ?? 14}px`,
 				"line-height": `${e?.lineHeight ?? 18}px`,
@@ -3569,88 +3720,87 @@ var Nr = {
 				width: "100%"
 			};
 			return e?.color && (t.color = e.color), t;
-		}), F = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Map(), be = null, I = null, L = /* @__PURE__ */ new Map(), xe = /* @__PURE__ */ new Map(), R = n(() => p.renderer === "canvas"), Se = v(null), Ce = null, we = null, Te = null, z = null, Ee = /* @__PURE__ */ new Map(), De = [], Oe = 0, ke = 0, Ae = 0, je = !1, Me = null, Ne = {
+		}), xe = /* @__PURE__ */ new Map(), Se = /* @__PURE__ */ new Map(), Ce = null, F = null, we = /* @__PURE__ */ new Map(), Te = /* @__PURE__ */ new Map(), I = n(() => p.renderer === "canvas"), Ee = v(null), De = null, Oe = null, ke = null, L = null, Ae = /* @__PURE__ */ new Map(), je = [], Me = 0, Ne = 0, Pe = 0, Fe = 0, R = !1, Ie = null, Le = {
 			width: 0,
 			height: 0
-		}, Pe = null, Fe = !1, V = null, H = v(!1), U = v(1), Ie = v(1), W = v(!1), ze = n(() => p.zoomMode === "scroll"), Be = n(() => p.zoom && (ze.value || !p.touchExpand && W.value)), Ve = 0, He = 0, Ue = 0, q = null, J = 0, We = null;
-		function Ge() {
+		}, B = null, V = !1, H = null, U = v(!1), Be = v(1), Ve = v(1), He = v(!1), K = n(() => p.zoomMode === "scroll"), Ue = n(() => p.zoom && (K.value || !p.touchExpand && He.value)), We = 0, Ge = 0, Ke = 0, qe = null, q = 0, Je = null;
+		function Ye() {
 			let e = D.value, t = O.value;
-			if (!(!e || !t) && (e.addEventListener("touchstart", Fn, { passive: !0 }), e.addEventListener("touchend", In), e.addEventListener("touchcancel", Rn, { passive: !0 }), !K())) {
-				if (R.value) {
-					e.addEventListener("click", kn), e.addEventListener("mousemove", Mn), e.addEventListener("mouseleave", Nn);
+			if (!(!e || !t) && (e.addEventListener("touchstart", Vn, { passive: !0 }), e.addEventListener("touchend", Hn), e.addEventListener("touchcancel", Wn, { passive: !0 }), !G())) {
+				if (I.value) {
+					e.addEventListener("click", Fn), e.addEventListener("mousemove", Rn), e.addEventListener("mouseleave", zn);
 					return;
 				}
-				t.addEventListener("click", kn), t.addEventListener("mouseover", kn), t.addEventListener("mousemove", An), t.addEventListener("mouseout", jn);
+				t.addEventListener("click", Fn), t.addEventListener("mouseover", Fn), t.addEventListener("mousemove", In), t.addEventListener("mouseout", Ln);
 			}
 		}
-		function Ke() {
+		function Y() {
 			let e = D.value, t = O.value;
-			e && (e.removeEventListener("touchstart", Fn), e.removeEventListener("touchend", In), e.removeEventListener("touchcancel", Rn), e.removeEventListener("click", kn), e.removeEventListener("mousemove", Mn), e.removeEventListener("mouseleave", Nn)), t && (t.removeEventListener("click", kn), t.removeEventListener("mouseover", kn), t.removeEventListener("mousemove", An), t.removeEventListener("mouseout", jn));
+			e && (e.removeEventListener("touchstart", Vn), e.removeEventListener("touchend", Hn), e.removeEventListener("touchcancel", Wn), e.removeEventListener("click", Fn), e.removeEventListener("mousemove", Rn), e.removeEventListener("mouseleave", zn)), t && (t.removeEventListener("click", Fn), t.removeEventListener("mouseover", Fn), t.removeEventListener("mousemove", In), t.removeEventListener("mouseout", Ln));
 		}
-		function qe() {
-			En();
+		function Xe() {
+			Mn();
 		}
-		let Je = null;
+		let Qe = null;
 		g(() => {
-			Ge(), X(), Bn(), et(), Yt(), D.value && typeof ResizeObserver < "u" && (Je = new ResizeObserver((e) => {
+			Ye(), $e(), Yn(), it(), Jn(), en(), D.value && typeof ResizeObserver < "u" && (Qe = new ResizeObserver((e) => {
 				let t = e[0]?.contentRect;
 				if (!t?.width) return;
-				let n = t.height ? Math.min(t.width / Z.value, t.height / gt.value) : t.width / Z.value;
-				if (Ie.value = n, ke = (t.width - n * Z.value) / 2, Ae = t.height ? (t.height - n * gt.value) / 2 : 0, R.value) {
-					let e = Se.value, n = D.value;
-					if (e && n) {
-						let r = oe.value?.getBoundingClientRect(), i = n.getBoundingClientRect();
-						e.style.top = `${i.top - (r?.top ?? 0)}px`, e.style.left = `${i.left - (r?.left ?? 0)}px`, e.style.width = `${t.width}px`, e.style.height = `${t.height}px`;
-						let a = typeof window < "u" && window.devicePixelRatio || 1;
-						e.width = Math.max(1, Math.round(t.width * a)), e.height = Math.max(1, Math.round(t.height * a));
+				let n = t.height ? Math.min(t.width / bt.value, t.height / xt.value) : t.width / bt.value;
+				if (Ve.value = n, Pe = (t.width - n * bt.value) / 2, Fe = t.height ? (t.height - n * xt.value) / 2 : 0, I.value) {
+					let e = Ee.value;
+					if (e) {
+						Kn(e);
+						let n = typeof window < "u" && window.devicePixelRatio || 1;
+						e.width = Math.max(1, Math.round(t.width * n)), e.height = Math.max(1, Math.round(t.height * n));
 					}
-					vn();
-				} else xn();
-			}), Je.observe(D.value)), R.value && dn(), window.addEventListener("scroll", qe, {
+					wn();
+				} else Dn();
+			}), Qe.observe(D.value)), I.value && _n(), window.addEventListener("scroll", Xe, {
 				passive: !0,
 				capture: !0
-			}), window.addEventListener("resize", qe, { passive: !0 });
+			}), window.addEventListener("resize", Xe, { passive: !0 });
 		}), ee(() => {
-			Me?.disconnect(), Je?.disconnect(), un?.removeEventListener("change", fn), Ue && cancelAnimationFrame(Ue), Oe && cancelAnimationFrame(Oe), window.clearTimeout(J), Ye(), Ke(), window.removeEventListener("scroll", qe, { capture: !0 }), window.removeEventListener("resize", qe);
+			Ie?.disconnect(), Qe?.disconnect(), gn?.removeEventListener("change", vn), Ke && cancelAnimationFrame(Ke), Me && cancelAnimationFrame(Me), Ne && cancelAnimationFrame(Ne), window.clearTimeout(q), et(), Y(), window.removeEventListener("scroll", Xe, { capture: !0 }), window.removeEventListener("resize", Xe);
 		});
-		function X() {
+		function $e() {
 			if (!D.value || !O.value) return;
-			let e = N(D.value);
-			V = ue().scaleExtent([1, rt.value]).clickDistance(6).on("start", () => {
-				je = !0;
+			let e = M(D.value);
+			H = de().scaleExtent([1, st.value]).clickDistance(6).on("start", () => {
+				R = !0;
 			}).on("zoom", (e) => {
-				En(), R.value ? vn() : O.value && O.value.setAttribute("transform", e.transform);
+				Mn(), I.value ? wn() : O.value && O.value.setAttribute("transform", e.transform);
 				let t = e.transform;
-				U.value = t.k, xn(), H.value = t.k !== 1 || t.x !== 0 || t.y !== 0, H.value && (W.value = !0);
+				Be.value = t.k, Dn(), p.cities?.length && Jn(), U.value = t.k !== 1 || t.x !== 0 || t.y !== 0, U.value && (He.value = !0);
 			}).on("end", () => {
-				je = !1, R.value && vn();
-			}), V.filter((e) => {
+				R = !1, I.value && wn();
+			}), H.filter((e) => {
 				if (!p.zoom) return !1;
-				if (!ze.value) {
+				if (!K.value) {
 					let t = $.isFullscreen.value;
 					switch (e.type) {
 						case "wheel":
 							if (!t) return !1;
 							break;
 						case "dblclick":
-							if (K()) return !1;
+							if (G()) return !1;
 							break;
 						case "mousedown":
-							if (!t && !W.value) return !1;
+							if (!t && !He.value) return !1;
 							break;
 						case "touchstart":
-							if (!t && !Be.value && !(!p.touchExpand && p.zoomMode !== "scroll" && e.touches.length >= 2)) return !1;
+							if (!t && !Ue.value && !(!p.touchExpand && p.zoomMode !== "scroll" && e.touches.length >= 2)) return !1;
 							break;
 					}
 				}
 				return (!e.ctrlKey || e.type === "wheel") && !e.button;
-			}), e.call(V);
+			}), e.call(H);
 		}
-		function Ye() {
-			D.value && V && (N(D.value).on(".zoom", null), V = null);
+		function et() {
+			D.value && H && (M(D.value).on(".zoom", null), H = null);
 		}
-		function Ze(e) {
-			let t = Pt.value, n = At.value, r = [];
+		function tt(e) {
+			let t = Bt.value, n = It.value, r = [];
 			for (let i of e) {
 				let e = i.geoType ?? p.geoType, a = t.get(e);
 				if (!a) continue;
@@ -3668,20 +3818,20 @@ var Nr = {
 			}
 			return r;
 		}
-		function Qe(e) {
+		function nt(e) {
 			let t = /* @__PURE__ */ new Set();
-			for (let n of Ze(e)) n.geoType === p.geoType && t.add(String(n.feature.id));
+			for (let n of tt(e)) n.geoType === p.geoType && t.add(String(n.feature.id));
 			return t;
 		}
-		let $e = !1;
-		function et() {
-			if (!D.value || !V) return;
-			let e = Ze(Nt.value), t = e.filter((e) => e.geoType === p.geoType), n = e.filter((e) => e.geoType !== p.geoType);
-			if (R.value) {
-				Ee.clear();
-				for (let e of t) Ee.set(String(e.feature.id), e.item);
-				let e = Dt.value;
-				De = n.flatMap((t) => {
+		let rt = !1;
+		function it() {
+			if (!D.value || !H) return;
+			let e = tt(zt.value), t = e.filter((e) => e.geoType === p.geoType), n = e.filter((e) => e.geoType !== p.geoType);
+			if (I.value) {
+				Ae.clear();
+				for (let e of t) Ae.set(String(e.feature.id), e.item);
+				let e = Z.value;
+				je = n.flatMap((t) => {
 					let n = e(t.feature);
 					return n ? [{
 						path: new Path2D(n),
@@ -3689,88 +3839,88 @@ var Nr = {
 						strokeWidth: t.item.strokeWidth,
 						style: t.item.style
 					}] : [];
-				}), vn();
+				}), wn();
 			} else {
 				let e = /* @__PURE__ */ new Map();
 				for (let n of t) {
-					let t = F.get(String(n.feature.id));
+					let t = xe.get(String(n.feature.id));
 					t && e.set(t, n.item);
 				}
-				for (let [t] of L) e.has(t) || t === I || Cn(t);
+				for (let [t] of we) e.has(t) || t === F || kn(t);
 				for (let [t, n] of e) {
-					let e = L.get(t);
-					e != null && e.style === n.style && e.stroke === n.stroke && e.strokeWidth === n.strokeWidth && t !== I || t !== I && Sn(t, n);
+					let e = we.get(t);
+					e != null && e.style === n.style && e.stroke === n.stroke && e.strokeWidth === n.strokeWidth && t !== F || t !== F && On(t, n);
 				}
-				L.clear();
-				for (let [t, n] of e) L.set(t, n);
-				tt(n);
+				we.clear();
+				for (let [t, n] of e) we.set(t, n);
+				at(n);
 			}
 			if (e.length === 0) {
-				$e = !0, En();
+				rt = !0, Mn();
 				return;
 			}
 			if (p.focusZoom === !1) {
-				$e = !0;
+				rt = !0;
 				return;
 			}
-			let r = N(D.value);
+			let r = M(D.value);
 			r.interrupt();
-			let i = $e;
-			$e = !0;
-			let [[a, o], [s, c]] = Dt.value.bounds({
+			let i = rt;
+			rt = !0;
+			let [[a, o], [s, c]] = Z.value.bounds({
 				type: "FeatureCollection",
 				features: e.map((e) => e.feature)
-			}), l = (a + s) / 2, u = (o + c) / 2, d = p.focusZoomLevel, f = de.translate(Z.value / 2 - d * l, gt.value / 2 - d * u).scale(d), m = t[0]?.feature ?? null, h = () => {
-				if (!P.value || !m) return;
+			}), l = (a + s) / 2, u = (o + c) / 2, d = p.focusZoomLevel, f = fe.translate(bt.value / 2 - d * l, xt.value / 2 - d * u).scale(d), m = t[0]?.feature ?? null, h = () => {
+				if (!N.value || !m) return;
 				let e = String(m.id);
-				if (R.value) {
-					let t = bn(e);
-					t && Zt(e, t.x, t.y);
+				if (I.value) {
+					let t = En(e);
+					t && rn(e, t.x, t.y);
 					return;
 				}
-				let t = F.get(e);
+				let t = xe.get(e);
 				if (!t) return;
 				let n = t.getBoundingClientRect();
-				Zt(e, n.left + n.width / 2, n.top + n.height / 2);
+				rn(e, n.left + n.width / 2, n.top + n.height / 2);
 			};
-			i ? ($t(), r.transition().duration(Yr).call(V.transform, f).on("end", h)) : (V.transform(r, f), h());
+			i ? (on(), r.transition().duration(oi).call(H.transform, f).on("end", h)) : (H.transform(r, f), h());
 		}
-		function tt(e) {
+		function at(e) {
 			let t = se.value;
 			if (!t) return;
 			let n = new Set(e.map((e) => e.key));
-			for (let [e, t] of xe) n.has(e) || (t.el.remove(), xe.delete(e));
-			let r = Dt.value;
+			for (let [e, t] of Te) n.has(e) || (t.el.remove(), Te.delete(e));
+			let r = Z.value;
 			for (let { item: n, feature: i, key: a } of e) {
-				let e = xe.get(a);
+				let e = Te.get(a);
 				if (!e) {
-					let n = document.createElementNS(Wr, "path");
-					n.setAttribute("d", r(i) ?? ""), n.setAttribute("fill", "none"), n.setAttribute("pointer-events", "none"), n.setAttribute("stroke-linejoin", "round"), n.setAttribute("class", "focus-overlay"), t.appendChild(n), e = { el: n }, xe.set(a, e);
+					let n = document.createElementNS(ti, "path");
+					n.setAttribute("d", r(i) ?? ""), n.setAttribute("fill", "none"), n.setAttribute("pointer-events", "none"), n.setAttribute("stroke-linejoin", "round"), n.setAttribute("class", "focus-overlay"), t.appendChild(n), e = { el: n }, Te.set(a, e);
 				}
-				e.strokeWidth = n.strokeWidth, e.el.setAttribute("stroke", n.stroke ?? "#fff"), en(e.el, n.style);
+				e.strokeWidth = n.strokeWidth, e.el.setAttribute("stroke", n.stroke ?? "#fff"), sn(e.el, n.style);
 			}
-			xn();
+			Dn();
 		}
-		function nt() {
-			if (!D.value || !V) return;
-			Nt.value.length > 0 && T("update:focus", null);
-			let e = N(D.value);
-			e.interrupt(), $t();
-			let t = K() && !$.isFullscreen.value && !ze.value, n = e.transition().duration(Yr).call(V.transform, de);
+		function ot() {
+			if (!D.value || !H) return;
+			zt.value.length > 0 && T("update:focus", null);
+			let e = M(D.value);
+			e.interrupt(), on();
+			let t = G() && !$.isFullscreen.value && !K.value, n = e.transition().duration(oi).call(H.transform, fe);
 			t && n.on("end", () => {
-				W.value = !1;
+				He.value = !1;
 			});
 		}
-		let rt = n(() => Math.max(12, p.focusZoomLevel)), it = n(() => p.zoom && (K() ? $.isFullscreen.value || ze.value || !p.touchExpand : !0)), at = n(() => p.zoom && !K() && (ze.value || W.value || $.isFullscreen.value)), ot = n(() => p.zoom && p.zoomHint && !ze.value && !$.isFullscreen.value && (K() && p.touchExpand || !W.value)), st = n(() => K() ? "Double tap to zoom" : "Double click to zoom"), ct = n(() => {
+		let st = n(() => Math.max(12, p.focusZoomLevel)), ct = n(() => p.zoom && (G() ? $.isFullscreen.value || K.value || !p.touchExpand : !0)), lt = n(() => p.zoom && !G() && (K.value || He.value || $.isFullscreen.value)), ut = n(() => p.zoom && p.zoomHint && !K.value && !$.isFullscreen.value && (G() && p.touchExpand || !He.value)), dt = n(() => G() ? "Double tap to zoom" : "Double click to zoom"), ft = n(() => {
 			let e = {};
-			return $.isFullscreen.value || Be.value ? e["touch-action"] = "none" : p.zoom && !ze.value && K() && (e["touch-action"] = p.touchExpand ? "manipulation" : "pan-x pan-y"), (W.value || $.isFullscreen.value || p.zoom && (ze.value || K())) && (e["will-change"] = "transform"), Object.keys(e).length ? e : void 0;
+			return $.isFullscreen.value || Ue.value ? e["touch-action"] = "none" : p.zoom && !K.value && G() && (e["touch-action"] = p.touchExpand ? "manipulation" : "pan-x pan-y"), (He.value || $.isFullscreen.value || p.zoom && (K.value || G())) && (e["will-change"] = "transform"), Object.keys(e).length ? e : void 0;
 		});
-		function lt(e) {
-			if (!D.value || !V) return;
-			let t = N(D.value);
-			t.interrupt(), $t(), t.transition().duration(250).call(V.scaleBy, e);
+		function pt(e) {
+			if (!D.value || !H) return;
+			let t = M(D.value);
+			t.interrupt(), on(), t.transition().duration(250).call(H.scaleBy, e);
 		}
-		function ut(e, t) {
+		function mt(e, t) {
 			let n = D.value;
 			if (!n) return null;
 			let r = null;
@@ -3783,69 +3933,69 @@ var Nr = {
 				let n = r.inverse();
 				return [n.a * e + n.c * t + n.e, n.b * e + n.d * t + n.f];
 			}
-			let i = n.getBoundingClientRect(), a = i.width ? Z.value / i.width : 1, o = i.height ? gt.value / i.height : 1;
+			let i = n.getBoundingClientRect(), a = i.width ? bt.value / i.width : 1, o = i.height ? xt.value / i.height : 1;
 			return [(e - i.left) * a, (t - i.top) * o];
 		}
-		function dt(e, t) {
-			let n = D.value, r = Zr, i = Z.value / 2, a = gt.value / 2, o = ut(e, t);
-			return o && ([i, a] = fe(n).invert(o)), de.translate(Z.value / 2 - r * i, gt.value / 2 - r * a).scale(r);
+		function ht(e, t) {
+			let n = D.value, r = ci, i = bt.value / 2, a = xt.value / 2, o = mt(e, t);
+			return o && ([i, a] = pe(n).invert(o)), fe.translate(bt.value / 2 - r * i, xt.value / 2 - r * a).scale(r);
 		}
-		function ft(e) {
-			if (!D.value || !V) return;
-			let t = N(D.value);
-			t.interrupt(), t.transition().duration(Yr).call(V.transform, e);
+		function gt(e) {
+			if (!D.value || !H) return;
+			let t = M(D.value);
+			t.interrupt(), t.transition().duration(oi).call(H.transform, e);
 		}
-		function pt(e, t) {
-			if (!D.value || !V) return;
-			let n = dt(e, t);
-			$.enter(), f(() => ft(n));
+		function _t(e, t) {
+			if (!D.value || !H) return;
+			let n = ht(e, t);
+			$.enter(), f(() => gt(n));
 		}
-		function mt(e, t) {
-			!D.value || !V || ft(dt(e, t));
+		function vt(e, t) {
+			!D.value || !H || gt(ht(e, t));
 		}
 		C(() => p.focusZoomLevel, () => {
-			V && V.scaleExtent([1, rt.value]), et();
+			H && H.scaleExtent([1, st.value]), it();
 		}), C(() => p.state, () => {
-			if (!D.value || !V) return;
-			let e = N(D.value);
-			e.interrupt(), V.transform(e, de);
+			if (!D.value || !H) return;
+			let e = M(D.value);
+			e.interrupt(), H.transform(e, fe);
 		});
-		let ht = n(() => p.width && p.height ? p.height / p.width : .625), Z = n(() => Qr), gt = n(() => Qr * ht.value), _t = n(() => {
+		let yt = n(() => p.width && p.height ? p.height / p.width : .625), bt = n(() => li), xt = n(() => li * yt.value), St = n(() => {
 			let e = re(p.topology), t = e?.objects?.states;
 			if (!t) return [];
-			let n = pe(e, t);
+			let n = me(e, t);
 			return n.type === "FeatureCollection" ? n.features : [n];
-		}), vt = n(() => {
+		}), Ct = n(() => {
 			let e = p.state?.trim();
 			if (!e) return null;
 			if (/^\d{1,2}$/.test(e)) return e.padStart(2, "0");
-			let t = _t.value.find((t) => t.properties?.name === e);
+			let t = St.value.find((t) => t.properties?.name === e);
 			return t?.id == null ? null : String(t.id).padStart(2, "0");
-		}), yt = n(() => {
-			let e = vt.value;
-			return e ? _t.value.find((t) => String(t.id).padStart(2, "0") === e) ?? null : null;
+		}), wt = n(() => {
+			let e = Ct.value;
+			return e ? St.value.find((t) => String(t.id).padStart(2, "0") === e) ?? null : null;
 		});
-		C(() => [p.state, vt.value], ([e, t]) => {
+		C(() => [p.state, Ct.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 bt = v(null), xt = null;
-		function St() {
-			return xt ||= import("./hsaMapping-BahYDmea.js").then((e) => e.n).then((e) => (bt.value = e, e)), xt;
+		let Tt = v(null), Et = null;
+		function Dt() {
+			return Et ||= import("./hsaMapping-BahYDmea.js").then((e) => e.n).then((e) => (Tt.value = e, e)), Et;
 		}
 		C(() => {
 			if (p.geoType === "hsas" || p.dataGeoType === "hsas") return !0;
 			let e = p.focus;
 			return e ? (Array.isArray(e) ? e : [e]).some((e) => typeof e != "string" && e.geoType === "hsas") : !1;
 		}, (e) => {
-			e && St();
+			e && Dt();
 		}, { immediate: !0 });
-		let Ct = n(() => {
-			let e = bt.value;
+		let Ot = n(() => {
+			let e = Tt.value;
 			if (!e) return {
 				type: "FeatureCollection",
 				features: []
 			};
-			let { fipsToHsa: t, hsaNames: n } = e, r = re(p.topology), i = r.objects.counties.geometries, a = vt.value, o = /* @__PURE__ */ new Map();
+			let { fipsToHsa: t, hsaNames: n } = e, r = re(p.topology), i = r.objects.counties.geometries, a = Ct.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;
@@ -3857,64 +4007,95 @@ var Nr = {
 				type: "Feature",
 				id: e,
 				properties: { name: n[e] ?? e },
-				geometry: me(r, t)
+				geometry: he(r, t)
 			});
 			return {
 				type: "FeatureCollection",
 				features: s
 			};
-		}), wt = n(() => {
-			if (p.geoType === "hsas") return Ct.value;
-			let e = vt.value;
+		}), kt = n(() => {
+			if (p.geoType === "hsas") return Ot.value;
+			let e = Ct.value;
 			if (p.geoType === "counties") {
-				let t = re(p.topology), n = pe(t, t.objects.counties);
+				let t = re(p.topology), n = me(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 = re(p.topology), n = pe(t, t.objects.states);
+			let t = re(p.topology), n = me(t, t.objects.states);
 			return e ? {
 				type: "FeatureCollection",
 				features: n.features.filter((t) => String(t.id).padStart(2, "0") === e)
 			} : n;
-		}), Tt = n(() => {
+		}), jt = n(() => {
 			if (p.geoType !== "counties" && p.geoType !== "hsas") return null;
-			if (vt.value) return yt.value;
+			if (Ct.value) return wt.value;
 			let e = re(p.topology);
-			return he(e, e.objects.states, (e, t) => e !== t);
-		}), Et = n(() => {
-			let e = yt.value;
-			if (vt.value && e) {
-				let t = [[$r, $r], [Z.value - $r, gt.value - $r]], n = j().fitExtent(t, e), r = M(n).centroid(e);
-				return Number.isFinite(r[0]) && Number.isFinite(r[1]) ? n : le().fitExtent(t, e);
+			return ge(e, e.objects.states, (e, t) => e !== t);
+		}), Mt = n(() => {
+			let e = p.tightFit;
+			return e === !0 ? 1 : e ? Math.max(0, Math.min(1, Number(e))) : 0;
+		}), Nt = n(() => {
+			if (p.geoType === "hsas") {
+				let e = Tt.value;
+				if (!e) return null;
+				let t = /* @__PURE__ */ new Set();
+				for (let n in e.fipsToHsa) {
+					let r = n.slice(0, 2);
+					(r === "02" || r === "15") && t.add(e.fipsToHsa[n]);
+				}
+				return (e) => t.has(e);
 			}
-			return j().fitExtent([[0, 0], [Z.value, gt.value]], wt.value);
-		}), Dt = n(() => M(Et.value)), kt = n(() => p.geoType === "counties" || p.geoType === "hsas" ? p.strokeWidth * .5 : p.strokeWidth), At = n(() => {
+			let e = p.geoType === "counties" ? 5 : 2;
+			return (t) => {
+				let n = t.padStart(e, "0").slice(0, 2);
+				return n === "02" || n === "15";
+			};
+		}), Pt = n(() => {
+			if (Mt.value <= 0 || Ct.value) return null;
+			let e = Nt.value;
+			if (!e) return null;
+			let t = kt.value, n = t.features.filter((t) => !e(String(t.id)));
+			return n.length === t.features.length ? null : {
+				type: "FeatureCollection",
+				features: n
+			};
+		}), X = n(() => {
+			let e = wt.value;
+			if (Ct.value && e) {
+				let t = [[ui, ui], [bt.value - ui, xt.value - ui]], n = A().fitExtent(t, e), r = j(n).centroid(e);
+				return Number.isFinite(r[0]) && Number.isFinite(r[1]) ? n : ue().fitExtent(t, e);
+			}
+			let t = [[0, 0], [bt.value, xt.value]], n = A().fitExtent(t, kt.value), r = Pt.value;
+			if (!r) return n;
+			let i = A().fitExtent(t, r), a = Mt.value, o = (e, t) => e + (t - e) * a, [s, c] = n.translate(), [l, u] = i.translate();
+			return A().scale(o(n.scale(), i.scale())).translate([o(s, l), o(c, u)]);
+		}), Z = n(() => j(X.value)), Ft = n(() => p.geoType === "counties" || p.geoType === "hsas" ? p.strokeWidth * .5 : p.strokeWidth), It = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let [t, n] of Pt.value) {
+			for (let [t, n] of Bt.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 jt(e) {
+		function Lt(e) {
 			let t = p.dataGeoType;
 			if (!t || t === p.geoType) return e;
-			if (p.geoType === "counties" && t === "hsas") return bt.value?.fipsToHsa[e];
+			if (p.geoType === "counties" && t === "hsas") return Tt.value?.fipsToHsa[e];
 			if (p.geoType === "counties" && t === "states" || p.geoType === "hsas" && t === "states") return e.slice(0, 2);
 		}
-		let Mt = n(() => {
+		let Rt = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of wt.value.features) t.id != null && e.set(String(t.id), t);
+			for (let t of kt.value.features) t.id != null && e.set(String(t.id), t);
 			return e;
-		}), Nt = n(() => {
+		}), zt = n(() => {
 			let e = p.focus;
 			return e == null ? [] : (Array.isArray(e) ? e : [e]).map((e) => typeof e == "string" ? { id: e } : e);
-		}), Pt = n(() => {
+		}), Bt = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			e.set(p.geoType, Mt.value);
+			e.set(p.geoType, Rt.value);
 			let t = re(p.topology), n = t?.objects;
 			if (!n) return e;
 			let r = (e) => {
@@ -3923,25 +4104,25 @@ var Nr = {
 				return t;
 			};
 			if (!e.has("states") && n.states) {
-				let i = pe(t, n.states);
+				let i = me(t, n.states);
 				e.set("states", r(i.features));
 			}
 			if (!e.has("counties") && n.counties) {
-				let i = pe(t, n.counties);
+				let i = me(t, n.counties);
 				e.set("counties", r(i.features));
 			}
-			return !e.has("hsas") && n.counties && e.set("hsas", r(Ct.value.features)), e;
-		}), Ft = n(() => {
+			return !e.has("hsas") && n.counties && e.set("hsas", r(Ot.value.features)), e;
+		}), Vt = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			if (!p.data) return e;
-			let t = p.dataGeoType ?? p.geoType, n = At.value.get(t);
+			let t = p.dataGeoType ?? p.geoType, n = It.value.get(t);
 			for (let t of p.data) {
 				e.set(t.id, t.value);
 				let r = n?.get(t.id);
 				r && e.set(r, t.value);
 			}
 			return e;
-		}), It = n(() => {
+		}), Ht = n(() => {
 			if (!p.data || p.data.length === 0) return {
 				min: 0,
 				max: 1
@@ -3958,122 +4139,119 @@ var Nr = {
 				min: 0,
 				max: 1
 			};
-		}), Lt = n(() => Array.isArray(p.colorScale) && p.colorScale.length > 0 && "value" in p.colorScale[0]), Rt = n(() => Array.isArray(p.colorScale) && !Lt.value), zt = n(() => Rt.value ? "" : p.colorScale?.min ?? "#e5f0fa"), Bt = n(() => Rt.value ? "" : p.colorScale?.max ?? "#08519c");
-		function Vt(e) {
-			let [t, n, r] = Ot(zt.value) ?? [
+		}), Ut = n(() => Array.isArray(p.colorScale) && p.colorScale.length > 0 && "value" in p.colorScale[0]), Wt = n(() => Array.isArray(p.colorScale) && !Ut.value), Gt = n(() => Wt.value ? "" : p.colorScale?.min ?? "#e5f0fa"), Kt = n(() => Wt.value ? "" : p.colorScale?.max ?? "#08519c");
+		function qt(e) {
+			let [t, n, r] = At(Gt.value) ?? [
 				229,
 				240,
 				250
-			], [i, a, o] = Ot(Bt.value) ?? [
+			], [i, a, o] = At(Kt.value) ?? [
 				8,
 				81,
 				156
 			];
 			return `rgb(${Math.round(t + (i - t) * e)},${Math.round(n + (a - n) * e)},${Math.round(r + (o - r) * e)})`;
 		}
-		let Ht = n(() => Rt.value ? p.colorScale.slice().sort((e, t) => t.min - e.min) : null), Ut = n(() => {
-			if (!Lt.value) return null;
+		let Jt = n(() => Wt.value ? p.colorScale.slice().sort((e, t) => t.min - e.min) : null), Yt = n(() => {
+			if (!Ut.value) return null;
 			let e = /* @__PURE__ */ new Map();
 			for (let t of p.colorScale) e.set(t.value, t.color);
 			return e;
 		});
-		function Wt(e) {
-			let t = jt(e);
-			return t == null ? void 0 : Ft.value.get(t);
+		function Q(e) {
+			let t = Lt(e);
+			return t == null ? void 0 : Vt.value.get(t);
 		}
-		function Gt(e) {
-			let t = Wt(e), n = p.noDataColor;
+		function Xt(e) {
+			let t = Q(e), n = p.noDataColor;
 			if (t == null) return n;
-			let r = Ut.value;
+			let r = Yt.value;
 			if (r) return r.get(String(t)) ?? n;
-			let i = Ht.value;
+			let i = Jt.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 } = It.value;
-			return Vt((t - a) / (o - a));
+			let { min: a, max: o } = Ht.value;
+			return qt((t - a) / (o - a));
 		}
-		let Kt = (e) => e.properties?.name ?? String(e.id);
-		function qt(e) {
+		let Zt = (e) => e.properties?.name ?? String(e.id);
+		function Qt(e) {
 			return e == null ? "" : typeof e == "number" && p.tooltipValueFormat !== void 0 ? ae(e, p.tooltipValueFormat) : String(e);
 		}
-		function Jt(e, t) {
-			return t == null ? e : `${e}: ${qt(t)}`;
+		function $t(e, t) {
+			return t == null ? e : `${e}: ${Qt(t)}`;
 		}
-		function Yt() {
-			let e = A.value?.getEl();
-			if (!e) return;
-			Me?.disconnect();
-			let t = !1;
-			Me = new ResizeObserver((e) => {
-				let n = e[0]?.contentRect;
-				n && (Ne.width = n.width, Ne.height = n.height, !t && Fe && Pe ? (t = !0, Q(Pe.x, Pe.y)) : t = !0);
-			}), Me.observe(e);
+		function en() {
+			let e = _e.value?.getEl();
+			e && (Ie?.disconnect(), Ie = new ResizeObserver((e) => {
+				let t = e[0];
+				if (!t) return;
+				let n = t.borderBoxSize?.[0];
+				Le.width = n ? n.inlineSize : t.contentRect.width, Le.height = n ? n.blockSize : t.contentRect.height, V && B && tn(B.x, B.y);
+			}), Ie.observe(e));
 		}
-		function Q(e, t) {
-			let n = A.value?.getEl();
+		function tn(e, t) {
+			let n = _e.value?.getEl();
 			if (!n) return;
-			let r = oe.value?.getBoundingClientRect(), { left: i, top: a } = B(e, t, Ne.width, Ne.height, p.tooltipClamp, r);
+			let r = oe.value?.getBoundingClientRect(), { left: i, top: a } = z(e, t, Le.width, Le.height, p.tooltipClamp, r);
 			n.style.transform = `translate3d(${i}px, ${a}px, 0) translateY(-50%)`;
 			let o = typeof window < "u" ? window.visualViewport : null;
 			if (!o || o.scale <= 1.01 && o.offsetTop < 1 && o.offsetLeft < 1) return;
 			let s = n.getBoundingClientRect(), c = s.left - i, l = s.top + s.height / 2 - a;
 			(Math.abs(c) > 1 || Math.abs(l) > 1) && (n.style.transform = `translate3d(${i - c}px, ${a - l}px, 0) translateY(-50%)`);
 		}
-		let Xt = n(() => $.isFullscreen.value && K() ? "sheet" : "float");
-		function Zt(e, t, n) {
-			let r = ye.get(e);
+		let nn = n(() => $.isFullscreen.value && G() ? "sheet" : "float");
+		function rn(e, t, n) {
+			let r = Se.get(e);
 			if (!r) return;
-			let i = A.value;
+			let i = _e.value;
 			if (!i) return;
-			if (i.setData(r), Fe = !0, Xt.value === "sheet") {
+			if (i.setData(r), V = !0, nn.value === "sheet") {
 				i.setOpen(!0);
 				return;
 			}
 			let a = i.getEl();
-			a && (Pe = {
+			a && (B = {
 				x: t,
 				y: n
-			}, Q(t, n), a.style.visibility = "visible");
+			}, tn(t, n), a.style.visibility = "visible");
 		}
-		function Qt(e, t) {
-			!Fe || Xt.value === "sheet" || (Ve = e, He = t, !Ue && (Ue = requestAnimationFrame(() => {
-				Ue = 0;
-				let e = A.value?.getEl();
-				!e || !Fe || (Pe = {
-					x: Ve,
-					y: He
-				}, e.style.transform = `translate3d(${Ve + 16}px, ${He}px, 0) translateY(-50%)`);
+		function an(e, t) {
+			!V || nn.value === "sheet" || (We = e, Ge = t, !Ke && (Ke = requestAnimationFrame(() => {
+				Ke = 0, V && (B = {
+					x: We,
+					y: Ge
+				}, tn(We, Ge));
 			})));
 		}
-		function $t() {
-			if (!Fe) return;
-			Fe = !1, Pe = null, A.value?.setOpen(!1);
-			let e = A.value?.getEl();
+		function on() {
+			if (!V) return;
+			V = !1, B = null, _e.value?.setOpen(!1);
+			let e = _e.value?.getEl();
 			e && (e.style.visibility = "hidden");
 		}
-		function en(e, t) {
+		function sn(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 tn() {
-			return U.value * Ie.value || 1;
+		function cn() {
+			return Be.value * Ve.value || 1;
 		}
-		function nn(e) {
-			return e?.strokeWidth ?? kt.value + 1;
+		function ln(e) {
+			return e?.strokeWidth ?? Ft.value + 1;
 		}
-		function rn() {
-			let e = Ot(ei);
+		function un() {
+			let e = At(di);
 			return e ? `rgb(${e[0]},${e[1]},${e[2]})` : "#000";
 		}
-		function an() {
-			let e = fe(D.value);
+		function dn() {
+			let e = pe(D.value);
 			return {
 				dpr: typeof window < "u" && window.devicePixelRatio || 1,
-				meetScale: Ie.value,
-				offsetX: ke,
-				offsetY: Ae,
+				meetScale: Ve.value,
+				offsetX: Pe,
+				offsetY: Fe,
 				zoom: {
 					k: e.k,
 					x: e.x,
@@ -4081,73 +4259,73 @@ var Nr = {
 				}
 			};
 		}
-		function on() {
+		function fn() {
 			return {
 				strokeColor: p.strokeColor,
-				strokeWidth: kt.value,
-				highlightStroke: rn(),
-				hoveredId: z,
-				focused: Ee,
-				overlays: De
+				strokeWidth: Ft.value,
+				highlightStroke: un(),
+				hoveredId: L,
+				focused: Ae,
+				overlays: je
 			};
 		}
-		let sn = 0, cn = 0, ln = !1, un = null;
-		function dn() {
-			typeof window > "u" || typeof window.matchMedia != "function" || (un?.removeEventListener("change", fn), un = window.matchMedia(`(resolution: ${window.devicePixelRatio || 1}dppx)`), un.addEventListener("change", fn));
+		let pn = 0, mn = 0, hn = !1, gn = null;
+		function _n() {
+			typeof window > "u" || typeof window.matchMedia != "function" || (gn?.removeEventListener("change", vn), gn = window.matchMedia(`(resolution: ${window.devicePixelRatio || 1}dppx)`), gn.addEventListener("change", vn));
 		}
-		function fn() {
-			dn();
-			let e = Se.value, t = D.value;
-			if (!R.value || !e || !t) return;
+		function vn() {
+			_n();
+			let e = Ee.value, t = D.value;
+			if (!I.value || !e || !t) return;
 			let n = t.getBoundingClientRect();
 			if (n.width) {
 				let t = window.devicePixelRatio || 1;
 				e.width = Math.max(1, Math.round(n.width * t)), e.height = Math.max(1, Math.round(n.height * t));
 			}
-			vn();
+			wn();
 		}
-		let pn = null, mn = null, hn = 0;
-		function gn(e, t, n, r) {
+		let yn = null, bn = null, xn = 0;
+		function Sn(e, t, n, r) {
 			let i = (e, t) => e.dpr * ((t === "x" ? e.offsetX : e.offsetY) + e.meetScale * (t === "x" ? e.zoom.x : e.zoom.y)), a = t.dpr * t.meetScale * t.zoom.k / (r.dpr * r.meetScale * r.zoom.k);
 			e.setTransform(a, 0, 0, a, i(t, "x") - a * i(r, "x"), i(t, "y") - a * i(r, "y")), e.drawImage(n, 0, 0), e.setTransform(1, 0, 0, 1, 0, 0);
 		}
-		function _n() {
-			let e = Se.value;
+		function Cn() {
+			let e = Ee.value;
 			if (!e) return;
 			let t = e.getContext("2d");
 			if (!t) return;
 			let n = () => typeof performance < "u" ? performance.now() : 0;
-			if (t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, e.width, e.height), !Ce) return;
-			let r = an();
-			if (ln && je && pn && mn && typeof t.drawImage == "function" && n() - hn < ni) {
-				gn(t, r, pn, mn), z && Or(t, Ce, r, on(), z);
+			if (t.setTransform(1, 0, 0, 1, 0, 0), t.clearRect(0, 0, e.width, e.height), !De) return;
+			let r = dn();
+			if (hn && R && yn && bn && typeof t.drawImage == "function" && n() - xn < pi) {
+				Sn(t, r, yn, bn), L && kr(t, De, r, fn(), L);
 				return;
 			}
 			let i = n();
-			kr(t, Ce, r, on());
+			Ar(t, De, r, fn());
 			let a = n() - i;
-			if (hn = i + a, a > ti ? (cn = 0, ++sn >= 2 && (ln = !0)) : (sn = 0, ++cn >= 2 && (ln = !1)), !ln || typeof document > "u") return;
-			pn ||= document.createElement("canvas"), pn.width !== e.width && (pn.width = e.width), pn.height !== e.height && (pn.height = e.height);
-			let o = pn.getContext("2d");
-			o && typeof o.drawImage == "function" ? (o.setTransform(1, 0, 0, 1, 0, 0), o.clearRect(0, 0, pn.width, pn.height), o.drawImage(e, 0, 0), mn = r) : mn = null;
+			if (xn = i + a, a > fi ? (mn = 0, ++pn >= 2 && (hn = !0)) : (pn = 0, ++mn >= 2 && (hn = !1)), !hn || typeof document > "u") return;
+			yn ||= document.createElement("canvas"), yn.width !== e.width && (yn.width = e.width), yn.height !== e.height && (yn.height = e.height);
+			let o = yn.getContext("2d");
+			o && typeof o.drawImage == "function" ? (o.setTransform(1, 0, 0, 1, 0, 0), o.clearRect(0, 0, yn.width, yn.height), o.drawImage(e, 0, 0), bn = r) : bn = null;
 		}
-		function vn() {
-			!R.value || Oe || (Oe = requestAnimationFrame(() => {
-				Oe = 0, _n();
+		function wn() {
+			!I.value || Me || (Me = requestAnimationFrame(() => {
+				Me = 0, Cn();
 			}));
 		}
-		function yn(e, t) {
+		function Tn(e, t) {
 			let n = D.value;
-			if (!n || !Ce || !Te) return null;
-			let r = ut(e, t);
+			if (!n || !De || !ke) return null;
+			let r = mt(e, t);
 			if (!r) return null;
-			let [i, a] = fe(n).invert(r), o = Mr(Te, Ce, i, a);
-			return o == null ? null : Ce.items[o].id;
+			let [i, a] = pe(n).invert(r), o = Nr(ke, De, i, a);
+			return o == null ? null : De.items[o].id;
 		}
-		function bn(e) {
-			let t = D.value, n = Mt.value.get(e);
+		function En(e) {
+			let t = D.value, n = Rt.value.get(e);
 			if (!t || !n) return null;
-			let [[r, i], [a, o]] = Dt.value.bounds(n), [s, c] = fe(t).apply([(r + a) / 2, (i + o) / 2]), l = null;
+			let [[r, i], [a, o]] = Z.value.bounds(n), [s, c] = pe(t).apply([(r + a) / 2, (i + o) / 2]), l = null;
 			try {
 				l = t.getScreenCTM();
 			} catch {
@@ -4158,320 +4336,377 @@ var Nr = {
 				y: l.b * s + l.d * c + l.f
 			} : null;
 		}
-		function xn() {
-			if (R.value) return;
-			let e = tn(), t = kt.value;
-			k.value?.setAttribute("stroke-width", String(t / e)), be?.setAttribute("stroke-width", String(1 / e)), se.value?.setAttribute("stroke-width", String((t + 1.5) / e));
-			for (let { el: t, strokeWidth: n } of xe.values()) n == null ? t.removeAttribute("stroke-width") : t.setAttribute("stroke-width", String(n / e));
-			for (let [t, n] of L) t.setAttribute("stroke-width", String(nn(n) / e));
-			I && !L.has(I) && I.setAttribute("stroke-width", String(nn() / e));
+		function Dn() {
+			if (I.value) return;
+			let e = cn(), t = Ft.value;
+			k.value?.setAttribute("stroke-width", String(t / e)), Ce?.setAttribute("stroke-width", String(1 / e)), se.value?.setAttribute("stroke-width", String((t + 1.5) / e));
+			for (let { el: t, strokeWidth: n } of Te.values()) n == null ? t.removeAttribute("stroke-width") : t.setAttribute("stroke-width", String(n / e));
+			for (let [t, n] of we) t.setAttribute("stroke-width", String(ln(n) / e));
+			F && !we.has(F) && F.setAttribute("stroke-width", String(ln() / e));
 		}
-		function Sn(e, t) {
-			e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(nn(t) / tn())), e.style.stroke = t?.stroke ?? ei, en(e, t?.style);
+		function On(e, t) {
+			e.parentNode?.appendChild(e), e.setAttribute("stroke-width", String(ln(t) / cn())), e.style.stroke = t?.stroke ?? di, sn(e, t?.style);
 		}
-		function Cn(e) {
+		function kn(e) {
 			e.removeAttribute("stroke-width"), e.style.stroke = "", e.setAttribute("stroke", p.strokeColor), e.removeAttribute("stroke-dasharray"), e.removeAttribute("stroke-linecap");
 		}
-		function wn(e) {
-			I !== e && (I && !L.has(I) && Cn(I), I = e, Sn(e, L.get(e)));
+		function An(e) {
+			F !== e && (F && !we.has(F) && kn(F), F = e, On(e, we.get(e)));
 		}
-		function Tn(e) {
-			if (R.value) {
-				if (z === e) return;
-				z = e, vn();
+		function jn(e) {
+			if (I.value) {
+				if (L === e) return;
+				L = e, wn();
 				return;
 			}
-			let t = F.get(e);
-			t && wn(t);
+			let t = xe.get(e);
+			t && An(t);
 		}
-		function En() {
-			if (R.value) {
-				z != null && (z = null, vn(), T("stateHover", null)), $t();
+		function Mn() {
+			if (I.value) {
+				L != null && (L = null, wn(), T("stateHover", null)), on();
 				return;
 			}
-			if (I) {
-				let e = L.get(I);
-				e == null ? Cn(I) : Sn(I, e), I = null, T("stateHover", null);
+			if (F) {
+				let e = we.get(F);
+				e == null ? kn(F) : On(F, e), F = null, T("stateHover", null);
 			}
-			$t();
+			on();
 		}
-		function Dn(e) {
+		function Nn(e) {
 			let t = e;
 			for (; t && !t.dataset?.featId;) t = t.parentElement;
 			return t ? t.dataset.featId ?? null : null;
 		}
-		function On(e) {
+		function Pn(e) {
 			T("stateClick", {
 				id: e.id,
 				name: e.name,
 				value: e.value
-			}), T("update:focus", Qe(Nt.value).has(e.id) ? null : e.id);
+			}), T("update:focus", nt(zt.value).has(e.id) ? null : e.id);
 		}
-		function kn(e) {
-			if (e.type === "mouseover" && je) return;
-			let t = e, n = Pn(t.target, t.clientX, t.clientY);
+		function Fn(e) {
+			if (e.type === "mouseover" && R) return;
+			let t = e, n = Bn(t.target, t.clientX, t.clientY);
 			if (!n) return;
-			let r = ye.get(n);
+			let r = Se.get(n);
 			if (!r) return;
 			let i = {
 				id: r.id,
 				name: r.name,
 				value: r.value
 			};
-			e.type === "click" ? p.zoom ? (window.clearTimeout(J), J = 0, t.detail <= 1 && (J = window.setTimeout(() => {
-				J = 0, On(r);
-			}, qr))) : On(r) : e.type === "mouseover" && (Tn(n), P.value && Zt(n, t.clientX, t.clientY), T("stateHover", i));
+			e.type === "click" ? p.zoom ? (window.clearTimeout(q), q = 0, t.detail <= 1 && (q = window.setTimeout(() => {
+				q = 0, Pn(r);
+			}, ii))) : Pn(r) : e.type === "mouseover" && (jn(n), N.value && rn(n, t.clientX, t.clientY), T("stateHover", i));
 		}
-		function An(e) {
-			je || Qt(e.clientX, e.clientY);
+		function In(e) {
+			R || an(e.clientX, e.clientY);
 		}
-		function jn(e) {
+		function Ln(e) {
 			let t = e.relatedTarget;
-			t && O.value?.contains(t) || En();
+			t && O.value?.contains(t) || Mn();
 		}
-		function Mn(e) {
-			if (je) return;
-			let t = yn(e.clientX, e.clientY);
-			if (t === z) {
-				t && Qt(e.clientX, e.clientY);
+		function Rn(e) {
+			if (R) return;
+			let t = Tn(e.clientX, e.clientY);
+			if (t === L) {
+				t && an(e.clientX, e.clientY);
 				return;
 			}
 			if (!t) {
-				En();
+				Mn();
 				return;
 			}
-			let n = ye.get(t);
-			n && (Tn(t), T("stateHover", {
+			let n = Se.get(t);
+			n && (jn(t), T("stateHover", {
 				id: n.id,
 				name: n.name,
 				value: n.value
-			}), P.value && Zt(t, e.clientX, e.clientY));
+			}), N.value && rn(t, e.clientX, e.clientY));
 		}
-		function Nn() {
-			En();
+		function zn() {
+			Mn();
 		}
-		function Pn(e, t, n) {
-			return R.value ? yn(t, n) : Dn(e);
+		function Bn(e, t, n) {
+			return I.value ? Tn(t, n) : Nn(e);
 		}
-		function Fn(e) {
+		function Vn(e) {
 			if (e.touches.length !== 1) {
-				q = null;
+				qe = null;
 				return;
 			}
 			let t = e.touches[0];
-			q = {
+			qe = {
 				x: t.clientX,
 				y: t.clientY,
 				time: e.timeStamp,
-				featId: Pn(e.target, t.clientX, t.clientY)
+				featId: Bn(e.target, t.clientX, t.clientY)
 			};
 		}
-		function In(e) {
-			let t = q;
-			if (q = null, !t || e.touches.length > 0) return;
+		function Hn(e) {
+			let t = qe;
+			if (qe = null, !t || e.touches.length > 0) return;
 			let n = e.changedTouches[0];
-			if (!n || Math.abs(n.clientX - t.x) > Gr || Math.abs(n.clientY - t.y) > Gr || e.timeStamp - t.time > Kr) return;
-			if (p.zoom && !ze.value && K() && !$.isFullscreen.value) {
-				e.preventDefault();
-				let r = We;
-				if (We = {
+			if (!n || Math.abs(n.clientX - t.x) > ni || Math.abs(n.clientY - t.y) > ni || e.timeStamp - t.time > ri) return;
+			if (p.zoom && !K.value && G() && !$.isFullscreen.value) {
+				e.cancelable && e.preventDefault();
+				let r = Je;
+				if (Je = {
 					x: n.clientX,
 					y: n.clientY,
 					time: e.timeStamp
-				}, r != null && e.timeStamp - r.time <= qr && Math.abs(n.clientX - r.x) <= Jr && Math.abs(n.clientY - r.y) <= Jr) {
-					We = null, window.clearTimeout(J), J = 0, p.touchExpand ? pt(n.clientX, n.clientY) : mt(n.clientX, n.clientY);
+				}, r != null && e.timeStamp - r.time <= ii && Math.abs(n.clientX - r.x) <= ai && Math.abs(n.clientY - r.y) <= ai) {
+					Je = null, window.clearTimeout(q), q = 0, p.touchExpand ? _t(n.clientX, n.clientY) : vt(n.clientX, n.clientY);
 					return;
 				}
-				let i = t.featId ? ye.get(t.featId) : void 0;
+				let i = t.featId ? Se.get(t.featId) : void 0;
 				if (!i) {
-					En();
+					Mn();
 					return;
 				}
-				Ln(i, n.clientX, n.clientY), window.clearTimeout(J), J = window.setTimeout(() => {
-					J = 0, On(i);
-				}, qr);
+				Un(i, n.clientX, n.clientY), window.clearTimeout(q), q = window.setTimeout(() => {
+					q = 0, Pn(i);
+				}, ii);
 				return;
 			}
 			if (!t.featId) {
-				En();
+				Mn();
 				return;
 			}
-			let r = ye.get(t.featId);
-			r && (e.preventDefault(), Ln(r, n.clientX, n.clientY), On(r));
+			let r = Se.get(t.featId);
+			r && (e.cancelable && e.preventDefault(), Un(r, n.clientX, n.clientY), Pn(r));
 		}
-		function Ln(e, t, n) {
-			if (Tn(e.id), T("stateHover", {
+		function Un(e, t, n) {
+			if (jn(e.id), T("stateHover", {
 				id: e.id,
 				name: e.name,
 				value: e.value
-			}), !P.value) return;
-			if (R.value) {
-				let r = bn(e.id);
-				r ? Zt(e.id, r.x, r.y) : Zt(e.id, t, n);
+			}), !N.value) return;
+			if (I.value) {
+				let r = En(e.id);
+				r ? rn(e.id, r.x, r.y) : rn(e.id, t, n);
 				return;
 			}
-			let r = F.get(e.id);
+			let r = xe.get(e.id);
 			if (r) {
 				let t = r.getBoundingClientRect();
-				Zt(e.id, t.left + t.width / 2, t.top + t.height / 2);
-			} else Zt(e.id, t, n);
+				rn(e.id, t.left + t.width / 2, t.top + t.height / 2);
+			} else rn(e.id, t, n);
 		}
-		function Rn() {
-			q = null;
+		function Wn() {
+			qe = null;
 		}
-		function zn(e) {
-			let t = document.createElementNS(Wr, "path");
+		function Gn(e) {
+			let t = document.createElementNS(ti, "path");
 			return e && t.setAttribute("d", e), t;
 		}
-		function Bn() {
+		function Kn(e) {
+			let t = D.value, n = oe.value?.getBoundingClientRect();
+			if (!e || !t || !n) return;
+			let r = t.getBoundingClientRect();
+			e.style.top = `${r.top - n.top}px`, e.style.left = `${r.left - n.left}px`, e.style.width = `${r.width}px`, e.style.height = `${r.height}px`;
+		}
+		function qn() {
+			let e = ce.value;
+			if (!e) return;
+			let t = p.cities, n = X.value;
+			if (!t || t.length === 0 || !n) {
+				for (; e.firstChild;) e.removeChild(e.firstChild);
+				return;
+			}
+			for (Kn(le.value); e.firstChild;) e.removeChild(e.firstChild);
+			let r = D.value ? pe(D.value) : {
+				k: 1,
+				x: 0,
+				y: 0
+			}, i = p.zoom ? t.filter((e) => r.k >= (e.minZoom ?? p.citiesMinZoom)) : t;
+			if (i.length === 0) return;
+			let a = Wr(i, (e) => n(e), {
+				k: r.k,
+				x: r.x,
+				y: r.y
+			}, {
+				width: bt.value,
+				height: xt.value,
+				viewScale: Ve.value,
+				labelPx: mi,
+				dotPx: hi,
+				gapPx: gi,
+				margin: 4
+			}), o = Ve.value || 1, s = mi / o, c = _i / o, l = vi / o, u = document.createDocumentFragment();
+			for (let e of a) {
+				let t = document.createElementNS(ti, "circle");
+				if (t.setAttribute("cx", String(e.x)), t.setAttribute("cy", String(e.y)), t.setAttribute("r", String(e.radius)), t.setAttribute("class", "choropleth-city-dot"), t.setAttribute("stroke-width", String(c)), u.appendChild(t), e.label) {
+					let t = document.createElementNS(ti, "text");
+					t.setAttribute("x", String(e.label.x)), t.setAttribute("y", String(e.label.y)), t.setAttribute("text-anchor", e.label.anchor), t.setAttribute("dominant-baseline", "central"), t.setAttribute("font-size", String(s)), t.setAttribute("stroke-width", String(l)), t.setAttribute("class", e.capital ? "choropleth-city-label choropleth-city-label-capital" : "choropleth-city-label"), t.textContent = e.name, u.appendChild(t);
+				}
+			}
+			e.appendChild(u);
+		}
+		function Jn() {
+			Ne ||= requestAnimationFrame(() => {
+				Ne = 0, qn();
+			});
+		}
+		function Yn() {
 			let e = k.value, t = se.value;
 			if (!e || !t) return;
 			for (; e.firstChild;) e.removeChild(e.firstChild);
 			for (; t.firstChild;) t.removeChild(t.firstChild);
-			F.clear(), ye.clear(), be = null, I = null, L.clear(), xe.clear(), z = null, Ee.clear(), De = [];
-			let n = Dt.value, r = wt.value.features;
+			xe.clear(), Se.clear(), Ce = null, F = null, we.clear(), Te.clear(), L = null, Ae.clear(), je = [];
+			let n = Z.value, r = kt.value.features;
 			if (r.length === 0) {
-				Ce = null, Te = null, mn = null, vn();
+				De = null, ke = null, bn = null, wn();
 				return;
 			}
-			if (R.value) {
+			if (I.value) {
 				for (let e of r) {
 					let t = String(e.id);
-					ye.set(t, {
+					Se.set(t, {
 						id: t,
-						name: Kt(e),
-						value: Wt(t),
+						name: Zt(e),
+						value: Q(t),
 						feature: e
 					});
 				}
-				let e = Tt.value;
-				Ce = Cr(r, n, Gt, e ? n(e) : null), !we && typeof document < "u" && (we = document.createElement("canvas")), Te = we ? jr(Ce, Z.value, gt.value, we) : null, vn();
+				let e = jt.value;
+				De = wr(r, n, Xt, e ? n(e) : null), !Oe && typeof document < "u" && (Oe = document.createElement("canvas")), ke = Oe ? Mr(De, bt.value, xt.value, Oe) : null, wn();
 				return;
 			}
-			let i = p.strokeColor, a = !P.value, o = document.createDocumentFragment();
+			let i = p.strokeColor, a = !N.value, o = document.createDocumentFragment();
 			for (let e of r) {
-				let t = String(e.id), r = Kt(e), s = Wt(t), c = zn(n(e));
-				if (c.setAttribute("class", "state-path"), c.setAttribute("data-feat-id", t), c.setAttribute("fill", Gt(t)), c.setAttribute("stroke", i), a) {
-					let e = document.createElementNS(Wr, "title");
-					e.textContent = Jt(r, s), c.appendChild(e);
+				let t = String(e.id), r = Zt(e), s = Q(t), c = Gn(n(e));
+				if (c.setAttribute("class", "state-path"), c.setAttribute("data-feat-id", t), c.setAttribute("fill", Xt(t)), c.setAttribute("stroke", i), a) {
+					let e = document.createElementNS(ti, "title");
+					e.textContent = $t(r, s), c.appendChild(e);
 				}
-				o.appendChild(c), F.set(t, c), ye.set(t, {
+				o.appendChild(c), xe.set(t, c), Se.set(t, {
 					id: t,
 					name: r,
 					value: s,
 					feature: e
 				});
 			}
-			let s = Tt.value;
+			let s = jt.value;
 			if (s) {
-				let e = zn(n(s));
-				e.setAttribute("fill", "none"), e.setAttribute("stroke", i), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("pointer-events", "none"), o.appendChild(e), be = e;
+				let e = Gn(n(s));
+				e.setAttribute("fill", "none"), e.setAttribute("stroke", i), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("pointer-events", "none"), o.appendChild(e), Ce = e;
 			}
-			e.appendChild(o), xn();
+			e.appendChild(o), Dn();
 		}
-		function Vn() {
-			if (R.value) {
-				if (Ce) for (let e of Ce.items) e.fill = Gt(e.id);
-				for (let [e, t] of ye) t.value = Wt(e);
-				vn();
+		function Xn() {
+			if (I.value) {
+				if (De) for (let e of De.items) e.fill = Xt(e.id);
+				for (let [e, t] of Se) t.value = Q(e);
+				wn();
 				return;
 			}
-			let e = !P.value;
-			for (let [t, n] of F) {
-				let r = Wt(t), i = ye.get(t);
-				if (n.setAttribute("fill", Gt(t)), i && (i.value = r), e && i) {
+			let e = !N.value;
+			for (let [t, n] of xe) {
+				let r = Q(t), i = Se.get(t);
+				if (n.setAttribute("fill", Xt(t)), i && (i.value = r), e && i) {
 					let e = n.firstElementChild;
-					e && (e.textContent = Jt(i.name, r));
+					e && (e.textContent = $t(i.name, r));
 				}
 			}
 		}
-		function Hn() {
-			if (R.value) {
-				vn();
+		function Zn() {
+			if (I.value) {
+				wn();
 				return;
 			}
-			for (let e of F.values()) e === I || L.has(e) || Cn(e);
-			be && be.setAttribute("stroke", p.strokeColor), xn();
+			for (let e of xe.values()) e === F || we.has(e) || kn(e);
+			Ce && Ce.setAttribute("stroke", p.strokeColor), Dn();
 		}
-		function Un() {
+		function Qn() {
 			return typeof p.menu == "string" ? p.menu : "choropleth";
 		}
-		let Wn = n(() => p.legend && (Lt.value || Rt.value || p.data)), Gn = n(() => p.colorScale.slice().sort((e, t) => e.min - t.min)), Kn = n(() => {
+		let $n = n(() => p.legend && (Ut.value || Wt.value || p.data)), er = n(() => p.colorScale.slice().sort((e, t) => e.min - t.min)), tr = n(() => {
 			let e = [];
 			for (let t = 0; t <= 10; t++) {
 				let n = t / 10;
 				e.push({
 					offset: `${(n * 100).toFixed(0)}%`,
-					color: Vt(n)
+					color: qt(n)
 				});
 			}
 			return e;
-		}), qn = new Intl.NumberFormat("en-US", {
+		}), nr = new Intl.NumberFormat("en-US", {
 			notation: "compact",
 			maximumFractionDigits: 1
-		}), Jn = n(() => {
-			let { min: e, max: t } = It.value, n = t - e, r = [];
+		}), rr = n(() => {
+			let { min: e, max: t } = Ht.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 ? qn.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 ? nr.format(a) : Number.isInteger(a) ? String(a) : a.toFixed(1).replace(/\.0$/, "");
 				r.push({
 					value: o,
 					pct: i * 100
 				});
 			}
 			return r;
-		}), Yn = n(() => {
+		}), ir = n(() => {
 			let e = [];
-			if (Lt.value) for (let t of p.colorScale) e.push({
+			if (Ut.value) for (let t of p.colorScale) e.push({
 				key: t.value,
 				color: t.color,
 				label: t.value
 			});
-			else if (Rt.value) for (let t of Gn.value) e.push({
+			else if (Wt.value) for (let t of er.value) e.push({
 				key: String(t.min),
 				color: t.color,
 				label: t.label ?? String(t.min)
 			});
 			return e;
-		}), Xn = n(() => `linear-gradient(to right, ${Kn.value.map((e) => `${e.color} ${e.offset}`).join(", ")})`), $ = Y({ target: () => p.fullscreenTarget }), Zn = n(() => {
-			let e = Un();
-			return R.value ? [$.menuItem.value, {
+		}), ar = n(() => `linear-gradient(to right, ${tr.value.map((e) => `${e.color} ${e.offset}`).join(", ")})`), $ = J({ target: () => p.fullscreenTarget }), or = n(() => {
+			let e = Qn();
+			return I.value ? [$.menuItem.value, {
 				label: "Save as PNG",
 				action: () => {
-					Se.value && Re(Se.value, e);
+					Ee.value && ze(Ee.value, e);
 				}
 			}] : [
 				$.menuItem.value,
 				{
 					label: "Save as SVG",
 					action: () => {
-						D.value && G(D.value, e);
+						D.value && W(D.value, e);
 					}
 				},
 				{
 					label: "Save as PNG",
 					action: () => {
-						D.value && Le(D.value, e);
+						D.value && Re(D.value, e);
 					}
 				}
 			];
 		});
 		return C(() => [
-			wt.value,
-			Dt.value,
-			P.value
-		], () => Bn()), C(() => [
-			Ft.value,
+			kt.value,
+			Z.value,
+			N.value
+		], () => Yn()), C(() => [
+			Vt.value,
 			p.colorScale,
 			p.noDataColor,
 			p.dataGeoType
-		], () => Vn()), C(() => [p.strokeColor, kt.value], () => Hn()), C(() => [
-			Nt.value,
-			Dt.value,
-			bt.value
-		], () => et(), { flush: "post" }), C(() => $.isFullscreen.value, (e) => {
-			if ($t(), e || !K() || !D.value || !V) return;
-			let t = N(D.value);
-			t.interrupt(), V.transform(t, de);
+		], () => Xn()), C(() => [p.strokeColor, Ft.value], () => Zn()), C(() => [
+			zt.value,
+			Z.value,
+			Tt.value
+		], () => it(), { flush: "post" }), C(() => [
+			p.cities,
+			X.value,
+			Ve.value,
+			p.citiesMinZoom,
+			p.zoom,
+			p.title,
+			p.legend,
+			p.legendTitle
+		], () => Jn(), { flush: "post" }), C(() => $.isFullscreen.value, (e) => {
+			if (on(), e || !G() || !D.value || !H) return;
+			let t = M(D.value);
+			t.interrupt(), H.transform(t, fe);
 		}), (n, l) => (_(), r(t, {
 			to: x($).teleportTarget.value,
 			disabled: !x($).isFullscreen.value
@@ -4480,16 +4715,16 @@ var Nr = {
 			ref: oe
 		}, n.$attrs, {
 			class: ["choropleth-wrapper", {
-				pannable: at.value,
+				pannable: lt.value,
 				"is-fullscreen": x($).isFullscreen.value
 			}],
 			style: x($).fullscreenStyle.value,
 			role: ie.value || void 0,
 			"aria-label": ne.value || void 0
 		}), [
-			c.menu || x($).isFullscreen.value ? (_(), r(ve, {
+			c.menu || x($).isFullscreen.value ? (_(), r(ye, {
 				key: 0,
-				items: Zn.value,
+				items: or.value,
 				"is-fullscreen": x($).isFullscreen.value,
 				onClose: x($).exit
 			}, null, 8, [
@@ -4497,42 +4732,42 @@ var Nr = {
 				"is-fullscreen",
 				"onClose"
 			])) : i("", !0),
-			o("div", Ir, b(x($).isFullscreen.value ? "Map expanded to fill window" : ""), 1),
-			c.title || Wn.value ? (_(), a("div", Lr, [c.title ? (_(), a("div", {
+			o("div", Kr, b(x($).isFullscreen.value ? "Map expanded to fill window" : ""), 1),
+			c.title || $n.value ? (_(), a("div", qr, [c.title ? (_(), a("div", {
 				key: 0,
 				class: "choropleth-title",
-				style: h(_e.value)
-			}, b(c.title), 5)) : i("", !0), Wn.value ? (_(), a("div", {
+				style: h(be.value)
+			}, b(c.title), 5)) : i("", !0), $n.value ? (_(), a("div", {
 				key: 1,
 				class: "choropleth-legend",
-				style: h(ge.value)
-			}, [c.legendTitle ? (_(), a("span", Rr, b(c.legendTitle), 1)) : i("", !0), Lt.value || Rt.value ? (_(!0), a(e, { key: 1 }, y(Yn.value, (e) => (_(), a("span", {
+				style: h(P.value)
+			}, [c.legendTitle ? (_(), a("span", Jr, b(c.legendTitle), 1)) : i("", !0), Ut.value || Wt.value ? (_(!0), a(e, { key: 1 }, y(ir.value, (e) => (_(), a("span", {
 				key: e.key,
 				class: "choropleth-legend-item"
 			}, [o("span", {
 				class: "choropleth-legend-swatch",
 				style: h({ background: e.color })
-			}, null, 4), s(" " + b(e.label), 1)]))), 128)) : (_(), a("div", zr, [o("div", {
+			}, null, 4), s(" " + b(e.label), 1)]))), 128)) : (_(), a("div", Yr, [o("div", {
 				class: "choropleth-legend-gradient",
-				style: h({ background: Xn.value })
-			}, null, 4), o("div", Br, [(_(!0), a(e, null, y(Jn.value, (e) => (_(), a("span", {
+				style: h({ background: ar.value })
+			}, null, 4), o("div", Xr, [(_(!0), a(e, null, y(rr.value, (e) => (_(), a("span", {
 				key: e.value,
 				style: h({ left: e.pct + "%" })
 			}, b(e.value), 5))), 128))])]))], 4)) : i("", !0)])) : i("", !0),
-			ot.value ? (_(), a("div", Vr, b(st.value), 1)) : i("", !0),
-			R.value ? (_(), a("canvas", {
+			ut.value ? (_(), a("div", Zr, b(dt.value), 1)) : i("", !0),
+			I.value ? (_(), a("canvas", {
 				key: 3,
 				ref_key: "canvasRef",
-				ref: Se,
+				ref: Ee,
 				class: "choropleth-canvas",
 				"aria-hidden": "true"
 			}, null, 512)) : i("", !0),
 			(_(), a("svg", {
 				ref_key: "svgRef",
 				ref: D,
-				viewBox: `0 0 ${Z.value} ${gt.value}`,
+				viewBox: `0 0 ${bt.value} ${xt.value}`,
 				preserveAspectRatio: "xMidYMid meet",
-				style: h(ct.value)
+				style: h(ft.value)
 			}, [o("g", {
 				ref_key: "mapGroupRef",
 				ref: O
@@ -4542,37 +4777,50 @@ var Nr = {
 			}, null, 512), o("g", {
 				ref_key: "overlayGroupRef",
 				ref: se
-			}, null, 512)], 512)], 12, Hr)),
-			it.value ? (_(), r(x(Xe), {
+			}, null, 512)], 512)], 12, Qr)),
+			c.cities && c.cities.length ? (_(), a("svg", {
 				key: 4,
-				"can-zoom-in": U.value < rt.value,
-				"can-zoom-out": U.value > 1,
-				"can-reset": H.value,
+				ref_key: "cityOverlayRef",
+				ref: le,
+				class: "choropleth-city-overlay",
+				viewBox: `0 0 ${bt.value} ${xt.value}`,
+				preserveAspectRatio: "xMidYMid meet",
+				"aria-hidden": "true"
+			}, [o("g", {
+				ref_key: "cityLayerRef",
+				ref: ce,
+				class: "choropleth-cities"
+			}, null, 512)], 8, $r)) : i("", !0),
+			ct.value ? (_(), r(x(Ze), {
+				key: 5,
+				"can-zoom-in": Be.value < st.value,
+				"can-zoom-out": Be.value > 1,
+				"can-reset": U.value,
 				"is-fullscreen": x($).isFullscreen.value,
-				onZoomIn: l[0] ||= (e) => lt(Xr),
-				onZoomOut: l[1] ||= (e) => lt(1 / Xr),
-				onReset: nt
+				onZoomIn: l[0] ||= (e) => pt(si),
+				onZoomOut: l[1] ||= (e) => pt(1 / si),
+				onReset: ot
 			}, null, 8, [
 				"can-zoom-in",
 				"can-zoom-out",
 				"can-reset",
 				"is-fullscreen"
 			])) : i("", !0),
-			P.value ? (_(), r(Pr, {
-				key: 5,
+			N.value ? (_(), r(Fr, {
+				key: 6,
 				ref_key: "tooltipChildRef",
-				ref: A,
-				mode: Xt.value
+				ref: _e,
+				mode: nn.value
 			}, {
 				default: w((t) => [te(n.$slots, "tooltip", m(u(E(t))), () => [c.tooltipFormat ? (_(), a("span", {
 					key: 0,
 					innerHTML: c.tooltipFormat(t)
-				}, null, 8, Ur)) : t.value == null ? (_(), a(e, { key: 1 }, [s(b(t.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(b(t.name) + ": " + b(qt(t.value)), 1)], 64))], !0)]),
+				}, null, 8, ei)) : t.value == null ? (_(), a(e, { key: 1 }, [s(b(t.name), 1)], 64)) : (_(), a(e, { key: 2 }, [s(b(t.name) + ": " + b(Qt(t.value)), 1)], 64))], !0)]),
 				_: 3
 			}, 8, ["mode"])) : i("", !0)
-		], 16, Fr)], 8, ["to", "disabled"]));
+		], 16, Gr)], 8, ["to", "disabled"]));
 	}
-}), [["__scopeId", "data-v-8366c5c6"]]), ii = /* @__PURE__ */ _e(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-f41b59e8"]]), bi = /* @__PURE__ */ N(/* @__PURE__ */ l({
 	__name: "ChartTooltip",
 	props: {
 		x: {},
@@ -4592,7 +4840,7 @@ var Nr = {
 				top: `${e.y}px`,
 				transform: "translateY(-50%)"
 			})
-		}, [te(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (_(), r(x(ce), {
+		}, [te(t.$slots, "default", {}, void 0, !0)], 4)) : e.mode === "click" ? (_(), r(x(le), {
 			key: 1,
 			open: e.open
 		}, {
@@ -4605,7 +4853,7 @@ var Nr = {
 					})
 				}, null, 4)]),
 				_: 1
-			}), c(x(A), null, {
+			}), c(x(ce), null, {
 				default: w(() => [e.open ? (_(), r(x(se), {
 					key: 0,
 					class: "chart-tooltip-content",
@@ -4623,7 +4871,7 @@ var Nr = {
 			_: 3
 		}, 8, ["open"])) : i("", !0);
 	}
-}), [["__scopeId", "data-v-44377f70"]]), ai = { class: "TableWrapper" }, oi = ["href", "download"], si = /* @__PURE__ */ _e(/* @__PURE__ */ l({
+}), [["__scopeId", "data-v-44377f70"]]), xi = { class: "TableWrapper" }, Si = ["href", "download"], Ci = /* @__PURE__ */ N(/* @__PURE__ */ l({
 	__name: "DataTable",
 	props: {
 		data: {},
@@ -4717,15 +4965,15 @@ var Nr = {
 		function x() {
 			if (typeof c.csv == "function") return c.csv();
 			if (typeof c.csv == "string") return c.csv;
-			let e = v.value, t = te.value, n = [e.map((e) => $e(l(e.name))).join(",")];
+			let e = v.value, t = te.value, n = [e.map((e) => et(l(e.name))).join(",")];
 			for (let r = 0; r < t; r++) {
-				let t = e.map((e) => $e(ne(e, r)));
+				let t = e.map((e) => et(ne(e, r)));
 				n.push(t.join(","));
 			}
 			return n.join("\n");
 		}
 		function S() {
-			ze(x(), re());
+			Be(x(), re());
 		}
 		let ie = n(() => c.downloadButton || c.downloadLink ? [] : [{
 			label: c.downloadMenuLink,
@@ -4739,12 +4987,12 @@ var Nr = {
 			"full-width": t.fullWidth,
 			"has-menu": T.value
 		}]) }, [
-			T.value ? (_(), r(ve, {
+			T.value ? (_(), r(ye, {
 				key: 0,
 				items: ie.value,
 				"force-dropdown": ""
 			}, null, 8, ["items"])) : i("", !0),
-			o("div", ai, [o("table", { class: p(["Table", { "full-width": t.fullWidth }]) }, [
+			o("div", xi, [o("table", { class: p(["Table", { "full-width": t.fullWidth }]) }, [
 				o("colgroup", null, [(_(!0), a(e, null, y(v.value, (e) => (_(), a("col", {
 					key: e.name,
 					style: h(u(e.name))
@@ -4770,9 +5018,9 @@ var Nr = {
 				class: "data-table-download-link",
 				href: w.value,
 				download: `${re()}.csv`
-			}, b(C.value), 9, oi)) : i("", !0)
+			}, b(C.value), 9, Si)) : i("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-9b1b6a76"]]);
 //#endregion
-export { yr as BarChart, ii as ChartTooltip, ri as ChoroplethMap, si as DataTable, Bn as LineChart };
+export { br as BarChart, bi as ChartTooltip, yi as ChoroplethMap, Ci as DataTable, Vn as LineChart };