vue-data-ui 3.22.13 → 3.23.0

package/dist/{vue-ui-geo-CyFgFKlh.js → vue-ui-geo-C-gSZL2q.js}

@@ -1,23 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { K as t, Wt as n, bt as r, qt as i, t as a, x as o } from "./lib-CFm_J26b.js";
-import { t as s } from "./useConfig-C0V0eG7L.js";
-import { t as c } from "./usePrinter-BH-xle1O.js";
-import { n as l, t as u } from "./BaseScanner-DZvpgOjM.js";
-import { t as d } from "./useSvgExport-Ba9qBr9M.js";
-import { t as f } from "./useNestedProp-BY6DNN3i.js";
-import { t as p } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ee } from "./img-Bikk1dGb.js";
-import { n as te } from "./Title-BuPs74IB.js";
+import { Gt as t, Jt as n, S as r, q as i, t as a, xt as o } from "./lib-BuMGJ_a0.js";
+import { n as s } from "./useHints-Dq_w2E8B.js";
+import { t as c } from "./useConfig-BilxnBNr.js";
+import { t as l } from "./usePrinter-BFvi4jVy.js";
+import { n as u, t as d } from "./BaseScanner-DZvpgOjM.js";
+import { t as f } from "./useSvgExport-Ba9qBr9M.js";
+import { t as p } from "./useNestedProp--NSEmhOH.js";
+import { t as m } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ee } from "./img-DIQG5q8T.js";
+import { n as te } from "./Title-BODtwViI.js";
 import { t as ne } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as re, t as ie } from "./useResponsive-ZtArZtUf.js";
 import { t as ae } from "./A11yDataTable-DdRsVULz.js";
 import { t as oe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as se } from "./useChartAccessibility-DYqac8yF.js";
 import { t as ce } from "./usePanZoom-CYU3B4T3.js";
-import { t as le } from "./BaseZoomControls-C9_ygNN4.js";
+import { t as le } from "./BaseZoomControls-rdzlicuz.js";
 import { t as ue } from "./geoProjections-BCP_PoiB.js";
 import { t as de } from "./vue_ui_geo-B8TODs-G.js";
-import { Fragment as fe, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as pe, createVNode as me, defineAsyncComponent as he, guardReactiveProps as y, mergeProps as ge, nextTick as b, normalizeClass as _e, normalizeProps as x, normalizeStyle as ve, onBeforeUnmount as ye, onMounted as be, openBlock as S, ref as C, renderList as xe, renderSlot as w, toDisplayString as Se, toRefs as Ce, unref as T, watch as we, withCtx as E } from "vue";
+import { Fragment as fe, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as pe, createVNode as me, defineAsyncComponent as he, guardReactiveProps as b, mergeProps as ge, nextTick as x, normalizeClass as _e, normalizeProps as S, normalizeStyle as ve, onBeforeUnmount as ye, onMounted as be, openBlock as C, ref as w, renderList as xe, renderSlot as T, toDisplayString as Se, toRefs as Ce, unref as E, watch as we, withCtx as D } from "vue";
 //#region src/components/vue-ui-geo.vue
 var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe = { style: { position: "relative" } }, ke = [
 	"xmlns",
@@ -93,30 +94,44 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: ne, emit: Te }) {
-		let ze = he(() => import("./Tooltip-CA1rtSyl.js")), Be = he(() => import("./UserOptions-DzAFK9cY.js").then((e) => e.n)), Ve = he(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), He = he(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), D = e, Ue = Te, { vue_ui_geo: We } = s(), { isThemeValid: Ge, warnInvalidTheme: Ke } = p(), O = C(t()), qe = C(0), Je = C(0), Ye = C(!1), Xe = C(!1), k = C(null), A = C(!1), j = C(null), Ze = C(null), Qe = C(null), $e = C(null), M = C(null), N = C(null), et = C(null), tt = C(null), P = C(null), nt = C({
+		let ze = he(() => import("./Tooltip-CMTGxeYO.js")), Be = he(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), Ve = he(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), He = he(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), O = e, Ue = Te, { vue_ui_geo: We } = c(), { isThemeValid: Ge, warnInvalidTheme: Ke } = m(), k = w(i()), qe = w(0), Je = w(0), Ye = w(!1), Xe = w(!1), A = w(null), j = w(!1), Ze = w(null), Qe = w(null), $e = w(null), et = w(null), M = w(null), N = w(null), tt = w(null), nt = w(null), P = w(null), rt = w({
 			x: 0,
 			y: 0
-		}), F = C("pointer"), rt = C(!1), I = C(!1);
-		function it(e) {
+		}), F = w("pointer"), it = w(!1), I = w(!1);
+		function at(e) {
 			I.value = e, qe.value += 1;
 		}
-		function at() {
-			let e = f({
-				userConfig: D.config,
+		function ot() {
+			let e = p({
+				userConfig: O.config,
 				defaultConfig: We
 			}), t = e.theme;
 			if (!t) return e;
 			if (!Ge.value(e)) return Ke(e), e;
-			let n = f({
-				userConfig: de[t] || D.config,
+			let n = p({
+				userConfig: de[t] || O.config,
 				defaultConfig: e
 			});
-			return f({
-				userConfig: D.config,
+			return p({
+				userConfig: O.config,
 				defaultConfig: n
 			});
 		}
-		let L = C(at()), ot = m(() => L.value.userOptions.useCursorPointer), { userOptionsVisible: st, keepUserOptionState: ct } = oe({ config: L.value }), { svgRef: R } = se({ config: L.value.style.chart.title }), lt = m(() => i({
+		let L = w(ot());
+		s({
+			config: () => L.value,
+			dataset: () => O.dataset,
+			component: "VueUiGeo",
+			rules: [{
+				test: (e) => e.length > 100,
+				message: [
+					"👀 The number of data points > 100, which can make the chart hard to read. Consider:",
+					"",
+					"▶️ Using filters to reduce the number of data points displayed at the same time, and offer users some level of control."
+				]
+			}]
+		});
+		let st = h(() => L.value.userOptions.useCursorPointer), { userOptionsVisible: ct, keepUserOptionState: lt } = oe({ config: L.value }), { svgRef: R } = se({ config: L.value.style.chart.title }), ut = h(() => n({
 			defaultConfig: {
 				map: { geoJson: {
 					type: "FeatureCollection",
@@ -190,59 +205,59 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				} }
 			},
 			userConfig: L.value.skeletonConfig ?? {}
-		})), { loading: ut, FINAL_DATASET: dt } = l({
-			...Ce(D),
+		})), { loading: dt, FINAL_DATASET: ft } = u({
+			...Ce(O),
 			FINAL_CONFIG: L,
-			prepareConfig: at,
+			prepareConfig: ot,
 			allowEmptyDataset: !0,
-			skeletonDataset: D.config?.skeletonDataset ?? [],
-			skeletonConfig: i({
+			skeletonDataset: O.config?.skeletonDataset ?? [],
+			skeletonConfig: n({
 				defaultConfig: L.value,
-				userConfig: lt.value
+				userConfig: ut.value
 			})
-		}), { isPrinting: ft, isImaging: pt, generatePdf: mt, generateImage: ht } = c({
-			elementId: `vue-ui-geo_${O.value}`,
+		}), { isPrinting: pt, isImaging: mt, generatePdf: ht, generateImage: gt } = l({
+			elementId: `vue-ui-geo_${k.value}`,
 			fileName: L.value.style.chart.title.text || "vue-ui-geo",
 			options: L.value.userOptions.print
-		}), gt = m(() => L.value.style.chart.controls.show ? L.value.style.chart.controls.position === "top" ? et.value?.$el ?? null : L.value.style.chart.controls.position === "bottom" ? tt.value?.$el ?? null : null : null);
-		function _t() {
+		}), _t = h(() => L.value.style.chart.controls.show ? L.value.style.chart.controls.position === "top" ? tt.value?.$el ?? null : L.value.style.chart.controls.position === "bottom" ? nt.value?.$el ?? null : null : null);
+		function vt() {
 			M.value && (N.value && M.value.unobserve(N.value), M.value.disconnect(), M.value = null, N.value = null);
 		}
-		let z = m(() => !!L.value.responsive && !I.value);
+		let z = h(() => !!L.value.responsive && !I.value);
 		we(() => I.value, async (e) => {
 			if (e) {
-				_t(), V.value = Number(L.value.style.chart.dimensions.width) || V.value, H.value = Number(L.value.style.chart.dimensions.height) || H.value, await b(), A.value = !1, requestAnimationFrame(() => {
-					A.value || tn();
+				vt(), V.value = Number(L.value.style.chart.dimensions.width) || V.value, H.value = Number(L.value.style.chart.dimensions.height) || H.value, await x(), j.value = !1, requestAnimationFrame(() => {
+					j.value || nn();
 				});
 				return;
 			}
-			L.value.responsive && (await b(), vt());
+			L.value.responsive && (await x(), yt());
 		});
-		function vt() {
-			if (_t(), !z.value) return;
+		function yt() {
+			if (vt(), !z.value) return;
 			let e = re(() => {
-				if (!k.value) return;
+				if (!A.value) return;
 				let { width: e, height: t } = ie({
-					chart: k.value,
-					noTitle: yt.value ? Qe.value : null,
-					title: L.value.style.chart.title.text ? Ze.value : null,
-					legend: gt.value,
-					source: $e.value
+					chart: A.value,
+					noTitle: bt.value ? $e.value : null,
+					title: L.value.style.chart.title.text ? Qe.value : null,
+					legend: _t.value,
+					source: et.value
 				});
 				requestAnimationFrame(() => {
 					V.value = Math.max(.1, Number(e) || .1), H.value = Math.max(.1, Number(t) || .1) - 24;
 				});
 			});
-			M.value = new ResizeObserver(e), N.value = k.value ? k.value.parentNode : null, N.value && M.value.observe(N.value), e();
+			M.value = new ResizeObserver(e), N.value = A.value ? A.value.parentNode : null, N.value && M.value.observe(N.value), e();
 		}
-		let yt = m(() => L.value.userOptions.show && !L.value.style.chart.title.text), bt = C({ showTooltip: L.value.style.chart.tooltip.show }), B = C(L.value.style.chart.zoom.active);
-		we(() => D.config, () => {
-			L.value = at(), bt.value.showTooltip = L.value.style.chart.tooltip.show, B.value = L.value.style.chart.zoom.active, V.value = L.value.style.chart.dimensions.width, H.value = L.value.style.chart.dimensions.height, vt(), Je.value += 1, qe.value += 1;
+		let bt = h(() => L.value.userOptions.show && !L.value.style.chart.title.text), xt = w({ showTooltip: L.value.style.chart.tooltip.show }), B = w(L.value.style.chart.zoom.active);
+		we(() => O.config, () => {
+			L.value = ot(), xt.value.showTooltip = L.value.style.chart.tooltip.show, B.value = L.value.style.chart.zoom.active, V.value = L.value.style.chart.dimensions.width, H.value = L.value.style.chart.dimensions.height, yt(), Je.value += 1, qe.value += 1;
 		}, { deep: !0 });
-		let { projections: xt } = ue, St = m(() => L.value?.projection || "equirectangular"), Ct = m(() => {
-			let e = xt?.[St.value];
-			return typeof e == "function" ? e : xt.equirectangular;
-		}), wt = m(() => L.value.map.geoJson ?? null), Tt = {
+		let { projections: St } = ue, Ct = h(() => L.value?.projection || "equirectangular"), wt = h(() => {
+			let e = St?.[Ct.value];
+			return typeof e == "function" ? e : St.equirectangular;
+		}), Tt = h(() => L.value.map.geoJson ?? null), Et = {
 			aitoff: {
 				width: 1e3,
 				height: 500
@@ -295,14 +310,14 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				width: 1e3,
 				height: 1e3
 			}
-		}, V = C(L.value.style.chart.dimensions.width), H = C(L.value.style.chart.dimensions.height), Et = m(() => {
-			let e = Tt[St.value] || Tt.equirectangular;
+		}, V = w(L.value.style.chart.dimensions.width), H = w(L.value.style.chart.dimensions.height), Dt = h(() => {
+			let e = Et[Ct.value] || Et.equirectangular;
 			return {
 				width: e.width,
 				height: e.height
 			};
-		}), U = m(() => {
-			let e = Et.value, t = V.value, n = H.value, r = Number.isFinite(t) && t > 0, i = Number.isFinite(n) && n > 0;
+		}), U = h(() => {
+			let e = Dt.value, t = V.value, n = H.value, r = Number.isFinite(t) && t > 0, i = Number.isFinite(n) && n > 0;
 			return r && i ? {
 				width: t,
 				height: n
@@ -316,16 +331,16 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				width: e.width,
 				height: e.height
 			};
-		}), Dt = m(() => {
+		}), Ot = h(() => {
 			let e = L.value?.map?.center, t = [0, 0];
 			if (!Array.isArray(e) || e.length !== 2) return t;
 			let n = Number(e[0]), r = Number(e[1]);
 			return !Number.isFinite(n) || !Number.isFinite(r) ? t : [n, r];
 		});
 		function W([e, t]) {
-			return Ct.value([e, t], Et.value.width, Et.value.height, Dt.value);
+			return wt.value([e, t], Dt.value.width, Dt.value.height, Ot.value);
 		}
-		function Ot(e, t = {}) {
+		function kt(e, t = {}) {
 			let { defaultName: n = "", namePropertyCandidates: r = [
 				"name",
 				"nom",
@@ -439,7 +454,7 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				features: f
 			};
 		}
-		function kt(e) {
+		function At(e) {
 			let t = Array.isArray(e?.features) ? e.features : [];
 			function n(e) {
 				if (!e || typeof e != "object") return "";
@@ -472,18 +487,18 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 					geometry: e.geometry,
 					properties: r,
 					name: i,
-					uid: `map-feature-${O.value}-${t}`,
+					uid: `map-feature-${k.value}-${t}`,
 					index: t
 				};
 			});
 		}
-		let At = m(() => Ot(wt.value, {
+		let jt = h(() => kt(Tt.value, {
 			defaultName: "",
 			includeNullGeometries: !1
-		})), jt = m(() => kt(At.value));
-		function Mt(e) {
+		})), Mt = h(() => At(jt.value));
+		function Nt(e) {
 			if (!e || typeof e.type != "string") return "";
-			if (e.type === "GeometryCollection") return (Array.isArray(e.geometries) ? e.geometries : []).map((e) => Mt(e)).filter(Boolean).join(" ");
+			if (e.type === "GeometryCollection") return (Array.isArray(e.geometries) ? e.geometries : []).map((e) => Nt(e)).filter(Boolean).join(" ");
 			let t = (e) => {
 				if (!Array.isArray(e) || e.length < 2) return null;
 				let t = Number(e[0]), n = Number(e[1]);
@@ -501,46 +516,46 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 			}).filter(Boolean).join(" ");
 			return e.type === "Polygon" ? r(e.coordinates) : e.type === "MultiPolygon" ? (e.coordinates || []).map(r).filter(Boolean).join(" ") : e.type === "LineString" ? n(e.coordinates) : e.type === "MultiLineString" ? (e.coordinates || []).map(n).filter(Boolean).join(" ") : "";
 		}
-		function Nt(e) {
-			return e ? e.type === "GeometryCollection" ? (Array.isArray(e.geometries) ? e.geometries : []).flatMap((e) => Nt(e)) : e.type === "Point" ? Array.isArray(e.coordinates) ? [e.coordinates] : [] : e.type === "MultiPoint" && Array.isArray(e.coordinates) ? e.coordinates : [] : [];
-		}
 		function Pt(e) {
-			return !e || typeof e.type != "string" ? !1 : e.type === "GeometryCollection" ? (Array.isArray(e.geometries) ? e.geometries : []).some((e) => Pt(e)) : e.type === "Point" || e.type === "MultiPoint";
+			return e ? e.type === "GeometryCollection" ? (Array.isArray(e.geometries) ? e.geometries : []).flatMap((e) => Pt(e)) : e.type === "Point" ? Array.isArray(e.coordinates) ? [e.coordinates] : [] : e.type === "MultiPoint" && Array.isArray(e.coordinates) ? e.coordinates : [] : [];
 		}
-		let Ft = m(() => jt.value.filter((e) => {
+		function Ft(e) {
+			return !e || typeof e.type != "string" ? !1 : e.type === "GeometryCollection" ? (Array.isArray(e.geometries) ? e.geometries : []).some((e) => Ft(e)) : e.type === "Point" || e.type === "MultiPoint";
+		}
+		let It = h(() => Mt.value.filter((e) => {
 			let t = e.geometry;
 			return t ? t.type === "GeometryCollection" ? (Array.isArray(t.geometries) ? t.geometries : []).some((e) => e?.type === "Polygon" || e?.type === "MultiPolygon") : t.type === "Polygon" || t.type === "MultiPolygon" : !1;
-		})), It = m(() => jt.value.filter((e) => {
+		})), Lt = h(() => Mt.value.filter((e) => {
 			let t = e.geometry;
 			return t ? t.type === "GeometryCollection" ? (Array.isArray(t.geometries) ? t.geometries : []).some((e) => e?.type === "LineString" || e?.type === "MultiLineString") : t.type === "LineString" || t.type === "MultiLineString" : !1;
-		})), Lt = m(() => jt.value.filter((e) => {
+		})), Rt = h(() => Mt.value.filter((e) => {
 			let t = e.geometry;
-			return t ? Pt(t) : !1;
-		})), Rt = m(() => Ft.value.map((e) => {
-			let t = Mt(e.geometry);
+			return t ? Ft(t) : !1;
+		})), zt = h(() => It.value.map((e) => {
+			let t = Nt(e.geometry);
 			return t ? {
 				...e,
 				path: t
 			} : null;
-		}).filter(Boolean)), zt = m(() => It.value.map((e) => {
-			let t = Mt(e.geometry);
+		}).filter(Boolean)), Bt = h(() => Lt.value.map((e) => {
+			let t = Nt(e.geometry);
 			return t ? {
 				...e,
 				path: t
 			} : null;
-		}).filter(Boolean)), Bt = m(() => {
+		}).filter(Boolean)), Vt = h(() => {
 			let e = [];
 			function t(e = {}) {
-				let t = e?.style && typeof e.style == "object" ? e.style : {}, n = e.radius ?? e.r ?? t.radius ?? t.r, r = e.color ?? e.fill ?? t.color ?? t.fill, i = e.stroke ?? t.stroke, a = e.strokeWidth ?? e.stroke_width ?? t.strokeWidth ?? t.stroke_width;
+				let t = e?.style && typeof e.style == "object" ? e.style : {}, n = e.radius ?? e.r ?? t.radius ?? t.r, i = e.color ?? e.fill ?? t.color ?? t.fill, a = e.stroke ?? t.stroke, o = e.strokeWidth ?? e.stroke_width ?? t.strokeWidth ?? t.stroke_width;
 				return {
 					radius: Number.isFinite(Number(n)) ? Number(n) : Number(L.value.style.chart.points.radius),
-					fill: r != null && String(r).trim() ? o(String(r).trim()) : L.value.style.chart.points.fill,
-					stroke: i != null && String(i).trim() ? o(String(i).trim()) : L.value.style.chart.points.stroke,
-					strokeWidth: Number.isFinite(Number(a)) ? Number(a) : Number(L.value.style.chart.points.strokeWidth)
+					fill: i != null && String(i).trim() ? r(String(i).trim()) : L.value.style.chart.points.fill,
+					stroke: a != null && String(a).trim() ? r(String(a).trim()) : L.value.style.chart.points.stroke,
+					strokeWidth: Number.isFinite(Number(o)) ? Number(o) : Number(L.value.style.chart.points.strokeWidth)
 				};
 			}
-			for (let n of Lt.value) {
-				let r = Nt(n.geometry);
+			for (let n of Rt.value) {
+				let r = Pt(n.geometry);
 				for (let i = 0; i < r.length; i += 1) {
 					let a = r[i];
 					if (!Array.isArray(a) || a.length < 2) continue;
@@ -563,7 +578,7 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 			}
 			return e;
 		});
-		function Vt(e) {
+		function Ht(e) {
 			if (!e || typeof e.type != "string") return [];
 			let t = [], n = (e) => {
 				if (!Array.isArray(e) || e.length < 2) return;
@@ -581,14 +596,14 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				}
 			};
 			if (e.type === "GeometryCollection" && Array.isArray(e.geometries)) {
-				for (let n of e.geometries) t.push(...Vt(n));
+				for (let n of e.geometries) t.push(...Ht(n));
 				return t;
 			}
 			return e.type === "Point" ? (n(e.coordinates), t) : e.type === "MultiPoint" ? ((e.coordinates || []).forEach(n), t) : (r(e.coordinates), t);
 		}
-		function Ht(e) {
+		function Ut(e) {
 			let t = [];
-			for (let n of e) t.push(...Vt(n.geometry));
+			for (let n of e) t.push(...Ht(n.geometry));
 			if (!t.length) return null;
 			let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
 			for (let [e, o] of t) e < n && (n = e), o < r && (r = o), e > i && (i = e), o > a && (a = o);
@@ -602,24 +617,24 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				height: s
 			};
 		}
-		let Ut = m(() => Ht(jt.value));
-		function Wt({ bounds: e, targetWidth: t, targetHeight: n, padding: r }) {
+		let Wt = h(() => Ut(Mt.value));
+		function Gt({ bounds: e, targetWidth: t, targetHeight: n, padding: r }) {
 			if (!e || !(e.width > 0) || !(e.height > 0)) return {
 				scale: 1,
 				translateX: 0,
 				translateY: 0,
 				transform: ""
 			};
-			let i = Number.isFinite(Number(r)) ? Number(r) : 0, a = Math.max(1, t - i * 2), o = Math.max(1, n - i * 2), s = a / e.width, c = o / e.height, l = Math.min(s, c), u = e.width * l, d = e.height * l, f = i + (a - u) / 2, p = i + (o - d) / 2, ee = f - e.minX * l, te = p - e.minY * l;
+			let i = Number.isFinite(Number(r)) ? Number(r) : 0, a = Math.max(1, t - i * 2), o = Math.max(1, n - i * 2), s = a / e.width, c = o / e.height, l = Math.min(s, c), u = e.width * l, d = e.height * l, f = i + (a - u) / 2, p = i + (o - d) / 2, m = f - e.minX * l, ee = p - e.minY * l;
 			return {
 				scale: l,
-				translateX: ee,
-				translateY: te,
-				transform: `translate(${ee} ${te}) scale(${l})`
+				translateX: m,
+				translateY: ee,
+				transform: `translate(${m} ${ee}) scale(${l})`
 			};
 		}
-		let Gt = m(() => {
-			let e = Ut.value;
+		let Kt = h(() => {
+			let e = Wt.value;
 			if (!e) return {
 				scale: 1,
 				translateX: 0,
@@ -627,29 +642,29 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				transform: ""
 			};
 			let t = L.value?.map?.fitPadding, n = Number.isFinite(Number(t)) ? Number(t) : 0;
-			return Wt({
+			return Gt({
 				bounds: e,
 				targetWidth: U.value.width,
 				targetHeight: U.value.height,
 				padding: n
 			});
-		}), Kt = m(() => `0 0 ${U.value.width} ${U.value.height}`), { viewBox: qt, resetZoom: Jt, setInitialViewBox: Yt, scale: Xt, zoomByFactor: Zt } = ce(R, {
+		}), qt = h(() => `0 0 ${U.value.width} ${U.value.height}`), { viewBox: Jt, resetZoom: Yt, setInitialViewBox: Xt, scale: Zt, zoomByFactor: Qt } = ce(R, {
 			x: 0,
 			y: 0,
 			width: U.value.width,
 			height: U.value.height
 		}, 1, B);
-		function Qt() {
+		function $t() {
 			B.value = !B.value;
 		}
-		function $t(e) {
-			let t = Gt.value, n = Number(t?.scale) || 1, r = Number(t?.translateX) || 0, i = Number(t?.translateY) || 0;
+		function en(e) {
+			let t = Kt.value, n = Number(t?.scale) || 1, r = Number(t?.translateX) || 0, i = Number(t?.translateY) || 0;
 			return {
 				x: e.x * n + r,
 				y: e.y * n + i
 			};
 		}
-		function en() {
+		function tn() {
 			let e = L.value?.map?.center, t = Number(e?.[0]), n = Number(e?.[1]), r = Array.isArray(e) && e.length === 2 && Number.isFinite(t) && Number.isFinite(n) && (t !== 0 || n !== 0), i = U.value.width, a = U.value.height;
 			if (!r) return {
 				x: 0,
@@ -664,7 +679,7 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				width: i,
 				height: a
 			};
-			let l = $t({
+			let l = en({
 				x: s,
 				y: c
 			});
@@ -675,53 +690,53 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				height: a
 			};
 		}
-		function tn() {
-			let e = en();
-			Yt(e, { overwriteCurrentIfNotZoomed: !0 }), A.value = !0;
+		function nn() {
+			let e = tn();
+			Xt(e, { overwriteCurrentIfNotZoomed: !0 }), j.value = !0;
 		}
-		let nn = m(() => {
-			let e = qt.value;
-			return e ? `${e.x} ${e.y} ${e.width} ${e.height}` : Kt.value;
+		let rn = h(() => {
+			let e = Jt.value;
+			return e ? `${e.x} ${e.y} ${e.width} ${e.height}` : qt.value;
 		});
-		function rn() {
-			Zt(Re, !0);
-		}
 		function an() {
-			Zt(1 / Re, !0);
+			Qt(Re, !0);
+		}
+		function on() {
+			Qt(1 / Re, !0);
 		}
-		async function on() {
-			let e = en();
-			Yt(e, { overwriteCurrentIfNotZoomed: !0 }), Jt(!0);
+		async function sn() {
+			let e = tn();
+			Xt(e, { overwriteCurrentIfNotZoomed: !0 }), Yt(!0);
 		}
 		we(() => [
 			L.value.projection,
 			L.value.map.center?.[0],
 			L.value.map.center?.[1],
 			L.value.map.fitPadding,
-			wt.value
+			Tt.value
 		], async () => {
-			A.value = !1, await b(), requestAnimationFrame(() => {
-				A.value || tn();
+			j.value = !1, await x(), requestAnimationFrame(() => {
+				j.value || nn();
 			});
 		}, { deep: !1 }), we(() => [
 			V.value,
 			H.value,
 			z.value
 		], async () => {
-			z.value && (await b(), Yt({
+			z.value && (await x(), Xt({
 				x: 0,
 				y: 0,
 				width: U.value.width,
 				height: U.value.height
-			}, { overwriteCurrentIfNotZoomed: !0 }), A.value = !1, requestAnimationFrame(() => {
-				A.value || tn();
+			}, { overwriteCurrentIfNotZoomed: !0 }), j.value = !1, requestAnimationFrame(() => {
+				j.value || nn();
 			}));
 		}, { flush: "post" });
-		function sn(e) {
+		function cn(e) {
 			return e ? e.type === "FeatureCollection" && Array.isArray(e.features) ? e.features.filter((e) => e?.type === "Feature" && e.geometry?.type === "Point").map((e, t) => {
 				let n = e.properties || {}, r = n.name || n.label || n.title || `Point ${t + 1}`, i = e.geometry.coordinates;
 				return {
-					uid: `map-point-${O.value}-${t}`,
+					uid: `map-point-${k.value}-${t}`,
 					name: r,
 					coordinates: i,
 					color: n.color ?? null,
@@ -736,7 +751,7 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				Array.isArray(e) && e.length >= 2 ? n = [Number(e[0]), Number(e[1])] : e && typeof e == "object" && (Array.isArray(e.coordinates) && e.coordinates.length >= 2 ? n = [Number(e.coordinates[0]), Number(e.coordinates[1])] : Number.isFinite(Number(e.lon)) && Number.isFinite(Number(e.lat)) && (n = [Number(e.lon), Number(e.lat)]), typeof e.name == "string" && e.name.trim() && (r = e.name), e.description != null && (i = e.description), e.color != null && (a = e.color), e.radius != null && (o = e.radius));
 				let s = n ? n[0] : NaN, c = n ? n[1] : NaN;
 				return !Number.isFinite(s) || !Number.isFinite(c) ? null : {
-					uid: `map-point-${O.value}-${t}`,
+					uid: `map-point-${k.value}-${t}`,
 					name: r,
 					coordinates: [s, c],
 					color: a,
@@ -752,7 +767,7 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				if (!r || r.length < 2) return null;
 				let i = Number(r[0]), a = Number(r[1]);
 				return !Number.isFinite(i) || !Number.isFinite(a) ? null : {
-					uid: `map-point-${O.value}-${n}-${e}`,
+					uid: `map-point-${k.value}-${n}-${e}`,
 					name: t.name || e,
 					coordinates: [i, a],
 					color: t.color ?? null,
@@ -764,56 +779,56 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				};
 			}).filter(Boolean) : [] : [];
 		}
-		let cn = m(() => sn(dt.value)), ln = m(() => cn.value.map((e) => {
-			let t = W(e.coordinates), n = t?.[0], r = t?.[1];
-			return !Number.isFinite(n) || !Number.isFinite(r) ? null : {
+		let ln = h(() => cn(ft.value)), un = h(() => ln.value.map((e) => {
+			let t = W(e.coordinates), n = t?.[0], i = t?.[1];
+			return !Number.isFinite(n) || !Number.isFinite(i) ? null : {
 				...e,
 				x: n,
-				y: r,
-				fill: e.color ? o(e.color) : L.value.style.chart.points.fill,
+				y: i,
+				fill: e.color ? r(e.color) : L.value.style.chart.points.fill,
 				radius: Number.isFinite(Number(e.radius)) ? Number(e.radius) : L.value.style.chart.points.radius
 			};
-		}).filter(Boolean)), G = m(() => ln.value.map((e, t) => ({
+		}).filter(Boolean)), G = h(() => un.value.map((e, t) => ({
 			...e,
 			keyboardIndex: t
 		})));
-		function un(e) {
-			let t = $t(e), r = n(t.x, t.y, R.value);
-			r && (nt.value = {
+		function dn(e) {
+			let n = en(e), r = t(n.x, n.y, R.value);
+			r && (rt.value = {
 				x: r.x,
 				y: r.y
 			});
 		}
-		let dn = C(!1), fn = C(""), K = C(!1), q = C(null), J = C(null);
-		function pn(e) {
-			fn.value = e, dn.value = !0;
+		let fn = w(!1), pn = w(""), K = w(!1), q = w(null), J = w(null);
+		function mn(e) {
+			pn.value = e, fn.value = !0;
 		}
 		function Y() {
-			dn.value = !1, fn.value = "";
+			fn.value = !1, pn.value = "";
 		}
-		function mn(e) {
+		function hn(e) {
 			return String(e ?? "").replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#039;");
 		}
-		function hn(e) {
-			j.value = {
+		function gn(e) {
+			Ze.value = {
 				datapoint: e,
 				seriesIndex: e.index,
-				series: cn.value,
+				series: ln.value,
 				config: L.value
 			}, K.value = !1;
 			let t = L.value.style.chart.tooltip.customFormat;
-			if (r(t)) try {
-				let e = t(j.value);
+			if (o(t)) try {
+				let e = t(Ze.value);
 				if (typeof e == "string") return K.value = !0, e;
 			} catch {
 				console.warn("Custom format cannot be applied."), K.value = !1;
 			}
-			return `<div><div style="font-weight:600">${mn(e.name)}</div>${e.description == null ? "" : `<div style="margin-top:6px">${mn(e.description)}</div>`}</div>`;
+			return `<div><div style="font-weight:600">${hn(e.name)}</div>${e.description == null ? "" : `<div style="margin-top:6px">${hn(e.description)}</div>`}</div>`;
 		}
-		function gn(e) {
+		function _n(e) {
 			K.value = !1;
 			let t = L.value.style.chart.tooltip.customFormat;
-			if (r(t)) try {
+			if (o(t)) try {
 				let n = t({
 					datapoint: e,
 					config: L.value
@@ -823,9 +838,9 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				console.warn("Custom format cannot be applied."), K.value = !1;
 			}
 			let n = typeof e?.name == "string" ? e.name.trim() : "";
-			return n ? `<div><div style="font-weight:600">${mn(n)}</div></div>` : (K.value = !1, "");
+			return n ? `<div><div style="font-weight:600">${hn(n)}</div></div>` : (K.value = !1, "");
 		}
-		function _n(e) {
+		function vn(e) {
 			if (L.value.events.territoryEnter && L.value.events.territoryEnter({
 				datapoint: e,
 				seriesIndex: e.index
@@ -833,41 +848,41 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				J.value = null, Y();
 				return;
 			}
-			J.value = e.uid, pn(gn(e));
+			J.value = e.uid, mn(_n(e));
 		}
-		function vn(e) {
+		function yn(e) {
 			J.value = null, Y(), L.value.events.territoryLeave && L.value.events.territoryLeave({
 				datapoint: e,
 				seriesIndex: e.index
 			});
 		}
-		function yn(e) {
+		function bn(e) {
 			L.value.events.territoryClick && L.value.events.territoryClick({
 				datapoint: e,
 				seriesIndex: e.index
 			});
 		}
-		function bn(e, t = null, n = "pointer") {
-			F.value = n, q.value = e.uid, Number.isInteger(t) && (P.value = t), n === "keyboard" && un(e), pn(hn(e)), L.value.events.datapointEnter && L.value.events.datapointEnter({
+		function xn(e, t = null, n = "pointer") {
+			F.value = n, q.value = e.uid, Number.isInteger(t) && (P.value = t), n === "keyboard" && dn(e), mn(gn(e)), L.value.events.datapointEnter && L.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: e.index
 			});
 		}
-		function xn(e, t = "pointer") {
+		function Sn(e, t = "pointer") {
 			t === "pointer" && F.value === "keyboard" || (q.value = null, Y(), t !== "pointer" && (P.value = null, F.value = "pointer"), L.value.events.datapointLeave && L.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: e.index
 			}));
 		}
-		let Sn = m(() => !!L.value.events.datapointClick && typeof L.value.events.datapointClick == "function");
-		function Cn(e) {
-			Sn.value && L.value.events.datapointClick({
+		let Cn = h(() => !!L.value.events.datapointClick && typeof L.value.events.datapointClick == "function");
+		function wn(e) {
+			Cn.value && L.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: e.index
 			});
 		}
-		let X = m(() => L.value.style.chart.territory), wn = m(() => L.value.style.chart.points);
-		function Tn(e) {
+		let X = h(() => L.value.style.chart.territory), Tn = h(() => L.value.style.chart.points);
+		function En(e) {
 			let t = typeof e?.name == "string" ? e.name.trim() : "";
 			if (!t) {
 				J.value = null, Y();
@@ -879,45 +894,45 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				index: e.featureIndex,
 				properties: {}
 			};
-			J.value = e.uid, pn(gn(n));
+			J.value = e.uid, mn(_n(n));
 		}
-		function En() {
+		function Dn() {
 			J.value = null, Y();
 		}
-		let Z = C(!1);
-		function Dn() {
+		let Z = w(!1);
+		function On() {
 			Z.value = !Z.value;
 		}
 		we(() => Z.value, (e) => {
 			B.value = !e;
 		});
-		function On() {
-			bt.value.showTooltip = !bt.value.showTooltip;
+		function kn() {
+			xt.value.showTooltip = !xt.value.showTooltip;
 		}
-		let kn = m(() => L.value.style.chart.backgroundColor), { exportSvg: An, getSvg: jn } = d({
+		let An = h(() => L.value.style.chart.backgroundColor), { exportSvg: jn, getSvg: Mn } = f({
 			svg: R,
-			title: m(() => L.value.style.chart.title),
+			title: h(() => L.value.style.chart.title),
 			legend: void 0,
 			legendItems: void 0,
-			backgroundColor: kn
+			backgroundColor: An
 		});
-		async function Mn({ isCb: e }) {
-			Xe.value = !0, await b();
+		async function Nn({ isCb: e }) {
+			Xe.value = !0, await x();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await jn();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Mn();
 					await Promise.resolve(L.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(An());
+				} else await Promise.resolve(jn());
 			} finally {
 				Xe.value = !1;
 			}
 		}
-		function Nn(e) {
+		function Pn(e) {
 			if (e?.stage === "start") {
 				Ye.value = !0;
 				return;
@@ -926,12 +941,12 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				Ye.value = !1;
 				return;
 			}
-			ht();
+			gt();
 		}
-		async function Pn({ scale: e = 2 } = {}) {
-			if (!k.value) return;
-			let { width: t, height: n } = k.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ee({
-				domElement: k.value,
+		async function Fn({ scale: e = 2 } = {}) {
+			if (!A.value) return;
+			let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ee({
+				domElement: A.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -945,14 +960,14 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				aspectRatio: r
 			};
 		}
-		let Q = C(!1), $ = null;
-		function Fn() {
+		let Q = w(!1), $ = null;
+		function In() {
 			B.value && (Q.value = !0);
 		}
-		function In() {
+		function Ln() {
 			Q.value = !1;
 		}
-		function Ln() {
+		function Rn() {
 			B.value && (Q.value = !0, $ && clearTimeout($), $ = setTimeout(() => {
 				Q.value = !1, $ = null;
 			}, 140));
@@ -960,15 +975,15 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 		ye(() => {
 			$ && clearTimeout($);
 		});
-		async function Rn([e, t], { animated: n = !0 } = {}) {
+		async function zn([e, t], { animated: n = !0 } = {}) {
 			let r = Number(e), i = Number(t);
 			if (!Number.isFinite(r) || !Number.isFinite(i)) return;
 			let a = W([r, i]), o = a?.[0], s = a?.[1];
 			if (!Number.isFinite(o) || !Number.isFinite(s)) return;
-			let c = $t({
+			let c = en({
 				x: o,
 				y: s
-			}), l = qt.value ? { ...qt.value } : {
+			}), l = Jt.value ? { ...Jt.value } : {
 				x: 0,
 				y: 0,
 				width: U.value.width,
@@ -980,42 +995,42 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				height: l.height
 			};
 			if (!n) {
-				qt.value = u;
+				Jt.value = u;
 				return;
 			}
-			let d = { ...l }, f = { ...u }, p = null, ee = (e) => {
+			let d = { ...l }, f = { ...u }, p = null, m = (e) => {
 				p ??= e;
 				let t = Math.min((e - p) / 250, 1);
-				qt.value = {
+				Jt.value = {
 					x: d.x + (f.x - d.x) * t,
 					y: d.y + (f.y - d.y) * t,
 					width: d.width + (f.width - d.width) * t,
 					height: d.height + (f.height - d.height) * t
-				}, t < 1 && requestAnimationFrame(ee);
+				}, t < 1 && requestAnimationFrame(m);
 			};
-			requestAnimationFrame(ee);
+			requestAnimationFrame(m);
 		}
 		be(async () => {
-			vt(), await b(), requestAnimationFrame(() => {
-				A.value || (tn(), (L.value.map.center?.[0] || L.value.map.center?.[1]) && Rn(L.value.map.center, { animated: !1 }));
+			yt(), await x(), requestAnimationFrame(() => {
+				j.value || (nn(), (L.value.map.center?.[0] || L.value.map.center?.[1]) && zn(L.value.map.center, { animated: !1 }));
 			});
 		}), ye(() => {
-			_t();
+			vt();
 		});
-		async function zn() {
+		async function Bn() {
 			if (Ue("copyAlt", {
 				config: L.value,
-				dataset: dt.value
+				dataset: ft.value
 			}), !L.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
 			await Promise.resolve(L.value.userOptions.callbacks.altCopy({
 				config: L.value,
-				dataset: dt.value
+				dataset: ft.value
 			}));
 		}
-		function Bn(e, t) {
+		function Vn(e, t) {
 			let n = G.value;
 			if (!n.length) return null;
 			let r = n[e];
@@ -1030,45 +1045,45 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 			}
 			return i;
 		}
-		function Vn(e) {
+		function Hn(e) {
 			let t = G.value;
 			return t.length ? e === "right" ? t.reduce((e, t, n, r) => t.x < r[e].x ? n : e, 0) : e === "left" ? t.reduce((e, t, n, r) => t.x > r[e].x ? n : e, 0) : e === "down" ? t.reduce((e, t, n, r) => t.y < r[e].y ? n : e, 0) : e === "up" ? t.reduce((e, t, n, r) => t.y > r[e].y ? n : e, 0) : 0 : null;
 		}
-		function Hn() {
-			rt.value = !0;
-		}
 		function Un() {
+			it.value = !0;
+		}
+		function Wn() {
 			let e = P.value == null ? null : G.value[P.value];
-			e ? xn(e, "keyboard") : (P.value = null, F.value = "pointer", Y(), q.value = null), rt.value = !1;
+			e ? Sn(e, "keyboard") : (P.value = null, F.value = "pointer", Y(), q.value = null), it.value = !1;
 		}
-		function Wn(e) {
+		function Gn(e) {
 			if (!R.value || Z.value || document.activeElement !== R.value || !G.value.length) return;
 			let t = e.key === "ArrowRight", n = e.key === "ArrowLeft", r = e.key === "ArrowDown", i = e.key === "ArrowUp", a = e.key === "Enter" || e.key === " ", o = e.key === "Escape";
 			if (!t && !n && !r && !i && !a && !o) return;
 			if (e.preventDefault(), e.stopPropagation(), o) {
 				let e = P.value == null ? null : G.value[P.value];
-				e ? xn(e, "keyboard") : (P.value = null, F.value = "pointer", Y(), q.value = null);
+				e ? Sn(e, "keyboard") : (P.value = null, F.value = "pointer", Y(), q.value = null);
 				return;
 			}
 			if (a) {
 				let e = P.value == null ? null : G.value[P.value];
 				if (!e) return;
-				Cn(e);
+				wn(e);
 				return;
 			}
 			let s = t ? "right" : n ? "left" : r ? "down" : "up", c = null;
-			if (P.value == null ? c = Vn(s) : (c = Bn(P.value, s), c ??= Vn(s)), c == null) return;
+			if (P.value == null ? c = Hn(s) : (c = Vn(P.value, s), c ??= Hn(s)), c == null) return;
 			let l = G.value[c];
-			l && bn(l, c, "keyboard");
+			l && xn(l, c, "keyboard");
 		}
-		let Gn = m(() => ({
+		let Kn = h(() => ({
 			headers: [
 				"Name",
 				"Latitude",
 				"Longitude",
 				"Description"
 			],
-			rows: cn.value.map((e) => {
+			rows: ln.value.map((e) => {
 				let t = Array.isArray(e.coordinates) ? e.coordinates[1] : null, n = Array.isArray(e.coordinates) ? e.coordinates[0] : null;
 				return [
 					e.name ?? "",
@@ -1079,23 +1094,23 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 			})
 		}));
 		return ne({
-			getImage: Pn,
-			generatePdf: mt,
-			generateImage: ht,
-			generateSvg: Mn,
-			toggleTooltip: On,
-			toggleAnnotator: Dn,
-			toggleFullscreen: it,
-			zoomIn: rn,
-			zoomOut: an,
-			resetZoom: Jt,
-			focusLocation: Rn,
-			copyAlt: zn
-		}), (e, t) => (S(), _("div", {
+			getImage: Fn,
+			generatePdf: ht,
+			generateImage: gt,
+			generateSvg: Nn,
+			toggleTooltip: kn,
+			toggleAnnotator: On,
+			toggleFullscreen: at,
+			zoomIn: an,
+			zoomOut: on,
+			resetZoom: Yt,
+			focusLocation: zn,
+			copyAlt: Bn
+		}), (e, t) => (C(), v("div", {
 			class: _e(`vue-data-ui-component vue-ui-geo ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${z.value ? "vue-ui-geo-responsive" : ""} ${Q.value ? "vue-ui-geo-interacting" : ""}`),
 			ref_key: "geoChart",
-			ref: k,
-			id: `map_${O.value}`,
+			ref: A,
+			id: `map_${k.value}`,
 			dir: "auto",
 			style: ve({
 				fontFamily: L.value.style.fontFamily,
@@ -1104,15 +1119,15 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				height: z.value ? `${H.value}px` : void 0
 			})
 		}, [
-			v("div", {
-				id: `chart-instructions-${O.value}`,
+			y("div", {
+				id: `chart-instructions-${k.value}`,
 				class: "sr-only"
-			}, [v("p", null, Se(L.value.a11y.translations.keyboardNavigation), 1)], 8, De),
-			Gn.value?.rows?.length ? (S(), h(ae, {
+			}, [y("p", null, Se(L.value.a11y.translations.keyboardNavigation), 1)], 8, De),
+			Kn.value?.rows?.length ? (C(), g(ae, {
 				key: 0,
-				uid: O.value,
-				head: Gn.value.headers,
-				body: Gn.value.rows,
+				uid: k.value,
+				head: Kn.value.headers,
+				body: Kn.value.rows,
 				notice: L.value.a11y.translations.tableAvailable,
 				caption: L.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1121,20 +1136,20 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				"body",
 				"notice",
 				"caption"
-			])) : g("", !0),
-			yt.value ? (S(), _("div", {
+			])) : _("", !0),
+			bt.value ? (C(), v("div", {
 				key: 1,
 				ref_key: "noTitle",
-				ref: Qe,
+				ref: $e,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : g("", !0),
-			L.value.style.chart.title.text ? (S(), _("div", {
+			}, null, 512)) : _("", !0),
+			L.value.style.chart.title.text ? (C(), v("div", {
 				key: 2,
 				ref_key: "chartTitle",
-				ref: Ze,
+				ref: Qe,
 				style: "width:100%;background:transparent;padding-bottom:12px"
-			}, [(S(), h(te, {
+			}, [(C(), g(te, {
 				key: `title_${Je.value}`,
 				config: {
 					title: {
@@ -1146,22 +1161,22 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 						...L.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : g("", !0),
-			L.value.userOptions.buttons.annotator ? (S(), h(T(Ve), {
+			}, null, 8, ["config"]))], 512)) : _("", !0),
+			L.value.userOptions.buttons.annotator ? (C(), g(E(Ve), {
 				key: 3,
-				svgRef: T(R),
+				svgRef: E(R),
 				backgroundColor: L.value.style.chart.backgroundColor,
 				color: L.value.style.chart.color,
 				active: Z.value,
-				isCursorPointer: ot.value,
-				onClose: Dn
+				isCursorPointer: st.value,
+				onClose: On
 			}, {
-				"annotator-action-close": E(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": E(({ color: t }) => [w(e.$slots, "annotator-action-color", x(y({ color: t })), void 0, !0)]),
-				"annotator-action-draw": E(({ mode: t }) => [w(e.$slots, "annotator-action-draw", x(y({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": E(({ disabled: t }) => [w(e.$slots, "annotator-action-undo", x(y({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": E(({ disabled: t }) => [w(e.$slots, "annotator-action-redo", x(y({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": E(({ disabled: t }) => [w(e.$slots, "annotator-action-delete", x(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-close": D(() => [T(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": D(({ color: t }) => [T(e.$slots, "annotator-action-color", S(b({ color: t })), void 0, !0)]),
+				"annotator-action-draw": D(({ mode: t }) => [T(e.$slots, "annotator-action-draw", S(b({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": D(({ disabled: t }) => [T(e.$slots, "annotator-action-undo", S(b({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": D(({ disabled: t }) => [T(e.$slots, "annotator-action-redo", S(b({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": D(({ disabled: t }) => [T(e.$slots, "annotator-action-delete", S(b({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -1169,15 +1184,15 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : g("", !0),
-			L.value.userOptions.show && (T(ct) || T(st)) ? (S(), h(T(Be), {
+			])) : _("", !0),
+			L.value.userOptions.show && (E(lt) || E(ct)) ? (C(), g(E(Be), {
 				ref: "userOptionsRef",
 				key: `user_options_${qe.value}`,
 				backgroundColor: L.value.style.chart.backgroundColor,
 				color: L.value.style.chart.color,
-				isPrinting: T(ft),
-				isImaging: T(pt),
-				uid: O.value,
+				isPrinting: E(pt),
+				isImaging: E(mt),
+				uid: k.value,
 				hasXls: !1,
 				hasTable: !1,
 				hasTooltip: L.value.userOptions.buttons.tooltip && L.value.style.chart.tooltip.show,
@@ -1190,27 +1205,27 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				hasZoom: L.value.userOptions.buttons.zoom,
 				isZoom: B.value,
 				isFullscreen: I.value,
-				isTooltip: bt.value.showTooltip,
+				isTooltip: xt.value.showTooltip,
 				titles: { ...L.value.userOptions.buttonTitles },
-				chartElement: k.value,
+				chartElement: A.value,
 				position: L.value.userOptions.position,
 				isAnnotation: Z.value,
 				callbacks: L.value.userOptions.callbacks,
 				printScale: L.value.userOptions.print.scale,
-				isCursorPointer: ot.value,
-				onToggleFullscreen: it,
-				onGeneratePdf: T(mt),
-				onGenerateImage: Nn,
-				onGenerateSvg: Mn,
-				onToggleTooltip: On,
-				onToggleAnnotator: Dn,
-				onToggleZoom: Qt,
-				onCopyAlt: zn,
-				style: ve({ visibility: T(ct) ? T(st) ? "visible" : "hidden" : "visible" })
+				isCursorPointer: st.value,
+				onToggleFullscreen: at,
+				onGeneratePdf: E(ht),
+				onGenerateImage: Pn,
+				onGenerateSvg: Nn,
+				onToggleTooltip: kn,
+				onToggleAnnotator: On,
+				onToggleZoom: $t,
+				onCopyAlt: Bn,
+				style: ve({ visibility: E(lt) ? E(ct) ? "visible" : "hidden" : "visible" })
 			}, pe({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: E(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", x(y({
+					fn: D(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", S(b({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -1218,27 +1233,27 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				} : void 0,
 				e.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: E(() => [w(e.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: E(() => [w(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: E(() => [w(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: E(() => [w(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: E(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", x(y({
+					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", S(b({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1246,7 +1261,7 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: E(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", x(y({
+					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", S(b({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1254,7 +1269,7 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				} : void 0,
 				e.$slots.optionZoom ? {
 					name: "optionZoom",
-					fn: E(({ toggleZoom: t, isZoomLocked: n }) => [w(e.$slots, "optionZoom", x(y({
+					fn: D(({ toggleZoom: t, isZoomLocked: n }) => [T(e.$slots, "optionZoom", S(b({
 						toggleZoom: t,
 						isZoomLocked: n
 					})), void 0, !0)]),
@@ -1262,17 +1277,17 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: E(({ altCopy: t }) => [w(e.$slots, "optionAltCopy", x(y({ altCopy: t })), void 0, !0)]),
+					fn: D(({ altCopy: t }) => [T(e.$slots, "optionAltCopy", S(b({ altCopy: t })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: E(() => [w(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: E(() => [w(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: D(() => [T(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "10"
 				} : void 0
 			]), 1032, [
@@ -1301,31 +1316,31 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				"isCursorPointer",
 				"onGeneratePdf",
 				"style"
-			])) : g("", !0),
-			L.value.style.chart.controls.position === "top" && L.value.style.chart.controls.show && !T(ut) ? (S(), h(le, {
+			])) : _("", !0),
+			L.value.style.chart.controls.position === "top" && L.value.style.chart.controls.show && !E(dt) ? (C(), g(le, {
 				key: 5,
 				ref_key: "zoomControlsTop",
-				ref: et,
+				ref: tt,
 				config: L.value,
-				scale: T(Xt),
+				scale: E(Zt),
 				isFullscreen: I.value,
-				isCursorPointer: ot.value,
-				onZoomIn: rn,
-				onZoomOut: an,
-				onResetZoom: on
+				isCursorPointer: st.value,
+				onZoomIn: an,
+				onZoomOut: on,
+				onResetZoom: sn
 			}, null, 8, [
 				"config",
 				"scale",
 				"isFullscreen",
 				"isCursorPointer"
-			])) : g("", !0),
-			v("div", Oe, [(S(), _("svg", {
+			])) : _("", !0),
+			y("div", Oe, [(C(), v("svg", {
 				ref_key: "svgRef",
 				ref: R,
-				xmlns: T(a),
-				viewBox: nn.value,
+				xmlns: E(a),
+				viewBox: rn.value,
 				preserveAspectRatio: "xMidYMid meet",
-				"aria-describedby": `map-keyboard-instructions-${O.value}`,
+				"aria-describedby": `map-keyboard-instructions-${k.value}`,
 				tabindex: "0",
 				style: ve({
 					display: "block",
@@ -1335,20 +1350,20 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 					touchAction: B.value ? "none" : "auto",
 					cursor: B.value ? Q.value ? "grabbing" : "grab" : "default"
 				}),
-				id: `vue-ui-geo_${O.value}`,
-				onPointerdown: Fn,
-				onPointerup: In,
-				onPointercancel: In,
-				onPointerleave: In,
-				onWheel: Ln,
-				onFocus: Hn,
-				onBlur: Un,
-				onKeydown: Wn
-			}, [me(T(He)), v("g", {
-				transform: Gt.value.transform,
+				id: `vue-ui-geo_${k.value}`,
+				onPointerdown: In,
+				onPointerup: Ln,
+				onPointercancel: Ln,
+				onPointerleave: Ln,
+				onWheel: Rn,
+				onFocus: Un,
+				onBlur: Wn,
+				onKeydown: Gn
+			}, [me(E(He)), y("g", {
+				transform: Kt.value.transform,
 				style: ve({ pointerEvents: Q.value ? "none" : "auto" })
 			}, [
-				v("g", null, [(S(!0), _(fe, null, xe(Rt.value, (e) => (S(), _("path", {
+				y("g", null, [(C(!0), v(fe, null, xe(zt.value, (e) => (C(), v("path", {
 					class: "vue-ui-geo-territory",
 					key: e.uid,
 					d: e.path,
@@ -1356,11 +1371,11 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 					stroke: J.value === e.uid ? X.value.hover.stroke : X.value.stroke,
 					"stroke-width": J.value === e.uid ? X.value.hover.strokeWidth : X.value.strokeWidth,
 					"vector-effect": "non-scaling-stroke",
-					onMouseenter: (t) => _n(e),
-					onMouseleave: (t) => vn(e),
-					onClick: (t) => yn(e)
+					onMouseenter: (t) => vn(e),
+					onMouseleave: (t) => yn(e),
+					onClick: (t) => bn(e)
 				}, null, 40, je))), 128))]),
-				v("g", null, [(S(!0), _(fe, null, xe(zt.value, (e) => (S(), _("path", {
+				y("g", null, [(C(!0), v(fe, null, xe(Bt.value, (e) => (C(), v("path", {
 					class: "vue-ui-geo-territory",
 					key: e.uid,
 					d: e.path,
@@ -1368,11 +1383,11 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 					stroke: J.value === e.uid ? X.value.hover.stroke : X.value.stroke,
 					"stroke-width": J.value === e.uid ? X.value.hover.strokeWidth : X.value.strokeWidth,
 					"vector-effect": "non-scaling-stroke",
-					onMouseenter: (t) => _n(e),
-					onMouseleave: (t) => vn(e),
-					onClick: (t) => yn(e)
+					onMouseenter: (t) => vn(e),
+					onMouseleave: (t) => yn(e),
+					onClick: (t) => bn(e)
 				}, null, 40, Me))), 128))]),
-				v("g", null, [(S(!0), _(fe, null, xe(Bt.value, (e) => (S(), _("circle", {
+				y("g", null, [(C(!0), v(fe, null, xe(Vt.value, (e) => (C(), v("circle", {
 					key: e.uid,
 					cx: e.x,
 					cy: e.y,
@@ -1381,31 +1396,31 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 					stroke: e.stroke,
 					"stroke-width": e.strokeWidth,
 					"vector-effect": "non-scaling-stroke",
-					onMouseenter: (t) => Tn(e),
-					onMouseleave: En
+					onMouseenter: (t) => En(e),
+					onMouseleave: Dn
 				}, null, 40, Ne))), 128))]),
-				(S(!0), _(fe, null, xe(ln.value, (t, n) => (S(), _("g", { key: t.uid }, [w(e.$slots, "datapoint", ge({ ref_for: !0 }, {
+				(C(!0), v(fe, null, xe(un.value, (t, n) => (C(), v("g", { key: t.uid }, [T(e.$slots, "datapoint", ge({ ref_for: !0 }, {
 					point: t,
-					onPointEnter: bn,
-					onPointLeave: xn,
-					onPointClick: Cn,
+					onPointEnter: xn,
+					onPointLeave: Sn,
+					onPointClick: wn,
 					highlighted: q.value === t.uid
-				}), () => [v("circle", {
+				}), () => [y("circle", {
 					class: _e({
 						"vue-ui-geo-point": !0,
-						"vue-ui-geo-point-with-event": Sn.value && ot.value
+						"vue-ui-geo-point-with-event": Cn.value && st.value
 					}),
 					cx: t.x,
 					cy: t.y,
 					r: q.value === t.uid ? t.radius * t.hoverRadiusRatio : t.radius,
 					fill: t.fill,
-					stroke: wn.value.stroke,
-					"stroke-width": wn.value.strokeWidth,
+					stroke: Tn.value.stroke,
+					"stroke-width": Tn.value.strokeWidth,
 					"vector-effect": "non-scaling-stroke",
-					onMouseenter: (e) => bn(t, n),
-					onMouseleave: (e) => xn(t),
-					onClick: (e) => Cn(t)
-				}, null, 42, Pe)], !0), L.value.style.chart.points.labels.show ? (S(), _("text", {
+					onMouseenter: (e) => xn(t, n),
+					onMouseleave: (e) => Sn(t),
+					onClick: (e) => wn(t)
+				}, null, 42, Pe)], !0), L.value.style.chart.points.labels.show ? (C(), v("text", {
 					key: 0,
 					class: "vue-ui-geo-point-label",
 					x: t.x,
@@ -1413,47 +1428,47 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 					"text-anchor": "middle",
 					fill: L.value.style.chart.points.labels.color,
 					"font-size": 1 * L.value.style.chart.points.labels.fontSizeRatio
-				}, Se(t.name), 9, Fe)) : g("", !0)]))), 128)),
-				w(e.$slots, "svg", { svg: {
-					drawingArea: nn.value,
-					x: Ut.value?.minX ?? 0,
-					y: Ut.value?.minY ?? 0,
-					width: Ut.value?.width ?? 0,
-					height: Ut.value?.height ?? 0,
-					isPrintingImg: T(ft) || T(pt) || Ye.value,
+				}, Se(t.name), 9, Fe)) : _("", !0)]))), 128)),
+				T(e.$slots, "svg", { svg: {
+					drawingArea: rn.value,
+					x: Wt.value?.minX ?? 0,
+					y: Wt.value?.minY ?? 0,
+					width: Wt.value?.width ?? 0,
+					height: Wt.value?.height ?? 0,
+					isPrintingImg: E(pt) || E(mt) || Ye.value,
 					isPrintingSvg: Xe.value,
 					data: {
-						areaPaths: Rt.value,
-						linePaths: zt.value,
-						geoJsonPoints: Bt.value,
-						projectedPoints: ln.value
+						areaPaths: zt.value,
+						linePaths: Bt.value,
+						geoJsonPoints: Vt.value,
+						projectedPoints: un.value
 					}
 				} }, void 0, !0)
-			], 12, Ae)], 44, ke)), e.$slots.hint ? (S(), _("div", Ie, [w(e.$slots, "hint", x(y({
+			], 12, Ae)], 44, ke)), e.$slots.hint ? (C(), v("div", Ie, [T(e.$slots, "hint", S(b({
 				hint: L.value.a11y.translations.keyboardNavigation,
-				isVisible: rt.value
-			})), void 0, !0)])) : g("", !0)]),
-			e.$slots.watermark ? (S(), _("div", Le, [w(e.$slots, "watermark", x(y({ isPrinting: T(ft) || T(pt) || Ye.value || Xe.value })), void 0, !0)])) : g("", !0),
-			L.value.style.chart.controls.position === "bottom" && L.value.style.chart.controls.show && !T(ut) ? (S(), h(le, {
+				isVisible: it.value
+			})), void 0, !0)])) : _("", !0)]),
+			e.$slots.watermark ? (C(), v("div", Le, [T(e.$slots, "watermark", S(b({ isPrinting: E(pt) || E(mt) || Ye.value || Xe.value })), void 0, !0)])) : _("", !0),
+			L.value.style.chart.controls.position === "bottom" && L.value.style.chart.controls.show && !E(dt) ? (C(), g(le, {
 				key: 7,
 				ref_key: "zoomControlsBottom",
-				ref: tt,
+				ref: nt,
 				config: L.value,
-				scale: T(Xt),
+				scale: E(Zt),
 				isFullscreen: I.value,
-				isCursorPointer: ot.value,
-				onZoomIn: rn,
-				onZoomOut: an,
-				onResetZoom: on
+				isCursorPointer: st.value,
+				onZoomIn: an,
+				onZoomOut: on,
+				onResetZoom: sn
 			}, null, 8, [
 				"config",
 				"scale",
 				"isFullscreen",
 				"isCursorPointer"
-			])) : g("", !0),
-			me(T(ze), {
+			])) : _("", !0),
+			me(E(ze), {
 				teleportTo: L.value.style.chart.tooltip.teleportTo,
-				show: bt.value.showTooltip && dn.value,
+				show: xt.value.showTooltip && fn.value,
 				backgroundColor: L.value.style.chart.tooltip.backgroundColor,
 				color: L.value.style.chart.tooltip.color,
 				fontSize: L.value.style.chart.tooltip.fontSize,
@@ -1464,8 +1479,8 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				position: L.value.style.chart.tooltip.position,
 				offsetX: L.value.style.chart.tooltip.offsetX,
 				offsetY: L.value.style.chart.tooltip.offsetY,
-				parent: k.value,
-				content: fn.value,
+				parent: A.value,
+				content: pn.value,
 				isCustom: K.value,
 				isFullscreen: I.value,
 				smooth: L.value.style.chart.tooltip.smooth,
@@ -1473,11 +1488,11 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				smoothForce: L.value.style.chart.tooltip.smoothForce,
 				smoothSnapThreshold: L.value.style.chart.tooltip.smoothSnapThreshold,
 				isA11yMode: F.value === "keyboard",
-				a11yPosition: nt.value
+				a11yPosition: rt.value
 			}, {
-				"tooltip-before": E(() => [w(e.$slots, "tooltip-before", x(y({ ...j.value })), void 0, !0)]),
-				tooltip: E(() => [w(e.$slots, "tooltip", x(y({ ...j.value })), void 0, !0)]),
-				"tooltip-after": E(() => [w(e.$slots, "tooltip-after", x(y({ ...j.value })), void 0, !0)]),
+				"tooltip-before": D(() => [T(e.$slots, "tooltip-before", S(b({ ...Ze.value })), void 0, !0)]),
+				tooltip: D(() => [T(e.$slots, "tooltip", S(b({ ...Ze.value })), void 0, !0)]),
+				"tooltip-after": D(() => [T(e.$slots, "tooltip-after", S(b({ ...Ze.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1503,15 +1518,15 @@ var Te = /* @__PURE__ */ e({ default: () => ze }), Ee = ["id"], De = ["id"], Oe
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			e.$slots.source ? (S(), _("div", {
+			e.$slots.source ? (C(), v("div", {
 				key: 8,
 				ref_key: "source",
-				ref: $e,
+				ref: et,
 				dir: "auto"
-			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : g("", !0),
-			w(e.$slots, "skeleton", {}, () => [T(ut) ? (S(), h(u, { key: 0 })) : g("", !0)], !0)
+			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : _("", !0),
+			T(e.$slots, "skeleton", {}, () => [E(dt) ? (C(), g(d, { key: 0 })) : _("", !0)], !0)
 		], 14, Ee));
 	}
-}, [["__scopeId", "data-v-53beeded"]]);
+}, [["__scopeId", "data-v-ebec76f9"]]);
 //#endregion
 export { Te as n, ze as t };