vue-data-ui 3.25.4 → 3.25.6

package/dist/{vue-ui-geo-jR4P4pbt.js → vue-ui-geo-DXIHhp-G.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { Ct as t, Jt as n, S as r, Zt as i, q as a, t as o } from "./lib-Dql7cqyA.js";
 import { n as s } from "./useHints-Dq_w2E8B.js";
-import { t as c } from "./useConfig-CyCVHo81.js";
+import { t as c } from "./useConfig-CIQZ6_r7.js";
 import { t as l } from "./usePrinter-DISD7q5m.js";
 import { n as u, t as d } from "./BaseScanner-DZvpgOjM.js";
 import { t as f } from "./useNestedProp-Chvyfpl-.js";
@@ -15,17 +15,17 @@ import { t as oe } from "./A11yDataTable-DdRsVULz.js";
 import { t as se } from "./useUserOptionState-DK-_1ddE.js";
 import { t as ce } from "./useChartAccessibility-DYqac8yF.js";
 import { t as le } from "./usePanZoom-CYU3B4T3.js";
-import { t as ue } from "./BaseZoomControls-Xo16vFa4.js";
+import { t as ue } from "./BaseZoomControls-BTzjVDPM.js";
 import { t as de } from "./geoProjections-CEo3dVaL.js";
 import { t as fe } from "./vue_ui_geo-B8TODs-G.js";
-import { Fragment as pe, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as me, createVNode as he, defineAsyncComponent as ge, guardReactiveProps as y, mergeProps as _e, nextTick as ve, normalizeClass as ye, normalizeProps as b, normalizeStyle as be, onBeforeUnmount as xe, onMounted as Se, openBlock as x, ref as S, renderList as Ce, renderSlot as C, toDisplayString as we, toRefs as Te, unref as w, watch as T, withCtx as E } from "vue";
+import { Fragment as pe, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as me, createVNode as he, defineAsyncComponent as ge, guardReactiveProps as y, mergeProps as _e, nextTick as ve, normalizeClass as ye, normalizeProps as b, normalizeStyle as be, onBeforeUnmount as xe, onMounted as Se, openBlock as x, ref as S, renderList as Ce, renderSlot as C, toDisplayString as we, toRefs as Te, unref as w, watch as Ee, withCtx as T } from "vue";
 //#region src/components/vue-ui-geo.vue
-var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke = { style: { position: "relative" } }, Ae = [
+var De = /* @__PURE__ */ e({ default: () => Ve }), Oe = ["id"], ke = ["id"], Ae = { style: { position: "relative" } }, je = [
 	"xmlns",
 	"viewBox",
 	"aria-describedby",
 	"id"
-], je = ["transform"], Me = [
+], Me = ["transform"], Ne = [
 	"d",
 	"fill",
 	"stroke",
@@ -33,14 +33,14 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Ne = [
+], Pe = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Pe = [
+], Fe = [
 	"cx",
 	"cy",
 	"r",
@@ -48,7 +48,7 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 	"stroke",
 	"stroke-width",
 	"onMouseenter"
-], Fe = [
+], Ie = [
 	"cx",
 	"cy",
 	"r",
@@ -58,12 +58,12 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Ie = [
+], Le = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], Le = {
+], Re = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -73,10 +73,10 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, Re = {
+}, ze = {
 	key: 6,
 	class: "vue-data-ui-watermark"
-}, ze = 1.5, Be = /*#__PURE__*/ re({
+}, Be = 1.5, Ve = /*#__PURE__*/ re({
 	__name: "vue-ui-geo",
 	props: {
 		config: {
@@ -93,34 +93,34 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 		}
 	},
 	emits: ["copyAlt"],
-	setup(e, { expose: re, emit: Ee }) {
-		let Be = ge(() => import("./Tooltip-hhrkQ3Lk.js")), Ve = ge(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), He = ge(() => import("./PenAndPaper-B_SdRSKH.js").then((e) => e.t)), Ue = ge(() => import("./PackageVersion-5SWftabm.js").then((e) => e.t)), D = e, We = Ee, { vue_ui_geo: Ge } = c(), { isThemeValid: Ke, warnInvalidTheme: qe } = p(), O = S(a()), Je = S(0), Ye = S(0), k = S(null), A = S(!1), j = S(null), Xe = S(null), Ze = S(null), Qe = S(null), M = S(null), N = S(null), $e = S(null), et = S(null), P = S(null), tt = S({
+	setup(e, { expose: re, emit: De }) {
+		let Ve = ge(() => import("./Tooltip-hhrkQ3Lk.js")), He = ge(() => import("./UserOptions-2x4VklMW.js").then((e) => e.n)), Ue = ge(() => import("./PenAndPaper-KFzKlvbi.js").then((e) => e.t)), We = ge(() => import("./PackageVersion-ur6jKRL5.js").then((e) => e.t)), E = e, Ge = De, { vue_ui_geo: Ke } = c(), { isThemeValid: qe, warnInvalidTheme: Je } = p(), D = S(a()), Ye = S(0), Xe = S(0), O = S(null), k = S(!1), Ze = S(null), Qe = S(null), $e = S(null), et = S(null), A = S(null), j = S(null), tt = S(null), nt = S(null), M = S(null), rt = S({
 			x: 0,
 			y: 0
-		}), F = S("pointer"), nt = S(!1), I = S(!1);
-		function rt(e) {
-			I.value = e, Je.value += 1;
+		}), N = S("pointer"), it = S(!1), P = S(!1);
+		function at(e) {
+			P.value = e, Ye.value += 1;
 		}
-		function it() {
+		function ot() {
 			let e = f({
-				userConfig: D.config,
-				defaultConfig: Ge
+				userConfig: E.config,
+				defaultConfig: Ke
 			}), t = e.theme;
 			if (!t) return e;
-			if (!Ke.value(e)) return qe(e), e;
+			if (!qe.value(e)) return Je(e), e;
 			let n = f({
-				userConfig: fe[t] || D.config,
+				userConfig: fe[t] || E.config,
 				defaultConfig: e
 			});
 			return f({
-				userConfig: D.config,
+				userConfig: E.config,
 				defaultConfig: n
 			});
 		}
-		let L = S(it());
+		let F = S(ot()), st = m(() => F.value.style.chart.points.labels), I = m(() => F.value.style.chart.points), L = m(() => F.value.style.chart);
 		s({
-			config: () => L.value,
-			dataset: () => D.dataset,
+			config: () => F.value,
+			dataset: () => E.dataset,
 			component: "VueUiGeo",
 			rules: [{
 				test: (e) => e.length > 100,
@@ -131,7 +131,7 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				]
 			}]
 		});
-		let at = m(() => L.value.userOptions.useCursorPointer), { userOptionsVisible: ot, keepUserOptionState: st } = se({ config: L.value }), { svgRef: R } = ce({ config: L.value.style.chart.title }), ct = m(() => i({
+		let ct = m(() => F.value.userOptions.useCursorPointer), { userOptionsVisible: lt, keepUserOptionState: ut } = se({ config: F.value }), { svgRef: R } = ce({ config: L.value.title }), dt = m(() => i({
 			defaultConfig: {
 				map: { geoJson: {
 					type: "FeatureCollection",
@@ -204,60 +204,60 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 					}
 				} }
 			},
-			userConfig: L.value.skeletonConfig ?? {}
-		})), { loading: lt, FINAL_DATASET: ut } = u({
-			...Te(D),
-			FINAL_CONFIG: L,
-			prepareConfig: it,
+			userConfig: F.value.skeletonConfig ?? {}
+		})), { loading: ft, FINAL_DATASET: pt } = u({
+			...Te(E),
+			FINAL_CONFIG: F,
+			prepareConfig: ot,
 			allowEmptyDataset: !0,
-			skeletonDataset: D.config?.skeletonDataset ?? [],
+			skeletonDataset: E.config?.skeletonDataset ?? [],
 			skeletonConfig: i({
-				defaultConfig: L.value,
-				userConfig: ct.value
+				defaultConfig: F.value,
+				userConfig: dt.value
 			})
-		}), { isPrinting: dt, isImaging: ft, generatePdf: pt, generateImage: mt } = l({
-			elementId: `vue-ui-geo_${O.value}`,
-			fileName: L.value.style.chart.title.text || "vue-ui-geo",
-			options: L.value.userOptions.print
-		}), ht = m(() => L.value.style.chart.controls.show ? L.value.style.chart.controls.position === "top" ? $e.value?.$el ?? null : L.value.style.chart.controls.position === "bottom" ? et.value?.$el ?? null : null : null);
-		function gt() {
-			M.value && (N.value && M.value.unobserve(N.value), M.value.disconnect(), M.value = null, N.value = null);
+		}), { isPrinting: mt, isImaging: ht, generatePdf: gt, generateImage: _t } = l({
+			elementId: `vue-ui-geo_${D.value}`,
+			fileName: L.value.title.text || "vue-ui-geo",
+			options: F.value.userOptions.print
+		}), vt = m(() => L.value.controls.show ? L.value.controls.position === "top" ? tt.value?.$el ?? null : L.value.controls.position === "bottom" ? nt.value?.$el ?? null : null : null);
+		function yt() {
+			A.value && (j.value && A.value.unobserve(j.value), A.value.disconnect(), A.value = null, j.value = null);
 		}
-		let z = m(() => !!L.value.responsive && !I.value);
-		T(() => I.value, async (e) => {
+		let z = m(() => !!F.value.responsive && !P.value);
+		Ee(() => P.value, async (e) => {
 			if (e) {
-				gt(), V.value = Number(L.value.style.chart.dimensions.width) || V.value, H.value = Number(L.value.style.chart.dimensions.height) || H.value, await ve(), A.value = !1, requestAnimationFrame(() => {
-					A.value || en();
+				yt(), V.value = Number(L.value.dimensions.width) || V.value, H.value = Number(L.value.dimensions.height) || H.value, await ve(), k.value = !1, requestAnimationFrame(() => {
+					k.value || rn();
 				});
 				return;
 			}
-			L.value.responsive && (await ve(), _t());
+			F.value.responsive && (await ve(), bt());
 		});
-		function _t() {
-			if (gt(), !z.value) return;
+		function bt() {
+			if (yt(), !z.value) return;
 			let e = ie(() => {
-				if (!k.value) return;
+				if (!O.value) return;
 				let { width: e, height: t } = ae({
-					chart: k.value,
-					noTitle: vt.value ? Ze.value : null,
-					title: L.value.style.chart.title.text ? Xe.value : null,
-					legend: ht.value,
-					source: Qe.value
+					chart: O.value,
+					noTitle: xt.value ? $e.value : null,
+					title: L.value.title.text ? Qe.value : null,
+					legend: vt.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();
+			A.value = new ResizeObserver(e), j.value = O.value ? O.value.parentNode : null, j.value && A.value.observe(j.value), e();
 		}
-		let vt = m(() => L.value.userOptions.show && !L.value.style.chart.title.text), yt = S({ showTooltip: L.value.style.chart.tooltip.show }), B = S(L.value.style.chart.zoom.active);
-		T(() => D.config, () => {
-			L.value = it(), yt.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, _t(), Ye.value += 1, Je.value += 1;
+		let xt = m(() => F.value.userOptions.show && !L.value.title.text), St = S({ showTooltip: L.value.tooltip.show }), B = S(L.value.zoom.active);
+		Ee(() => E.config, () => {
+			F.value = ot(), St.value.showTooltip = L.value.tooltip.show, B.value = L.value.zoom.active, V.value = L.value.dimensions.width, H.value = L.value.dimensions.height, bt(), Xe.value += 1, Ye.value += 1;
 		}, { deep: !0 });
-		let { projections: bt } = de, xt = m(() => L.value?.projection || "equirectangular"), St = m(() => {
-			let e = bt?.[xt.value];
-			return typeof e == "function" ? e : bt.equirectangular;
-		}), Ct = m(() => L.value.map.geoJson ?? null), wt = {
+		let { projections: Ct } = de, wt = m(() => F.value?.projection || "equirectangular"), Tt = m(() => {
+			let e = Ct?.[wt.value];
+			return typeof e == "function" ? e : Ct.equirectangular;
+		}), Et = m(() => F.value.map.geoJson ?? null), Dt = {
 			aitoff: {
 				width: 1e3,
 				height: 500
@@ -310,14 +310,14 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				width: 1e3,
 				height: 1e3
 			}
-		}, V = S(L.value.style.chart.dimensions.width), H = S(L.value.style.chart.dimensions.height), Tt = m(() => {
-			let e = wt[xt.value] || wt.equirectangular;
+		}, V = S(L.value.dimensions.width), H = S(L.value.dimensions.height), Ot = m(() => {
+			let e = Dt[wt.value] || Dt.equirectangular;
 			return {
 				width: e.width,
 				height: e.height
 			};
 		}), U = m(() => {
-			let e = Tt.value, t = V.value, n = H.value, r = Number.isFinite(t) && t > 0, i = Number.isFinite(n) && n > 0;
+			let e = Ot.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
@@ -331,16 +331,16 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				width: e.width,
 				height: e.height
 			};
-		}), Et = m(() => {
-			let e = L.value?.map?.center, t = [0, 0];
+		}), kt = m(() => {
+			let e = F.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 St.value([e, t], Tt.value.width, Tt.value.height, Et.value);
+			return Tt.value([e, t], Ot.value.width, Ot.value.height, kt.value);
 		}
-		function Dt(e, t = {}) {
+		function At(e, t = {}) {
 			let { defaultName: n = "", namePropertyCandidates: r = [
 				"name",
 				"nom",
@@ -454,7 +454,7 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				features: f
 			};
 		}
-		function Ot(e) {
+		function jt(e) {
 			let t = Array.isArray(e?.features) ? e.features : [];
 			function n(e) {
 				if (!e || typeof e != "object") return "";
@@ -487,18 +487,18 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 					geometry: e.geometry,
 					properties: r,
 					name: i,
-					uid: `map-feature-${O.value}-${t}`,
+					uid: `map-feature-${D.value}-${t}`,
 					index: t
 				};
 			});
 		}
-		let kt = m(() => Dt(Ct.value, {
+		let Mt = m(() => At(Et.value, {
 			defaultName: "",
 			includeNullGeometries: !1
-		})), At = m(() => Ot(kt.value));
-		function jt(e) {
+		})), Nt = m(() => jt(Mt.value));
+		function Pt(e) {
 			if (!e || typeof e.type != "string") return "";
-			if (e.type === "GeometryCollection") return (Array.isArray(e.geometries) ? e.geometries : []).map((e) => jt(e)).filter(Boolean).join(" ");
+			if (e.type === "GeometryCollection") return (Array.isArray(e.geometries) ? e.geometries : []).map((e) => Pt(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]);
@@ -516,46 +516,46 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 			}).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 Mt(e) {
-			return e ? e.type === "GeometryCollection" ? (Array.isArray(e.geometries) ? e.geometries : []).flatMap((e) => Mt(e)) : e.type === "Point" ? Array.isArray(e.coordinates) ? [e.coordinates] : [] : e.type === "MultiPoint" && Array.isArray(e.coordinates) ? e.coordinates : [] : [];
+		function Ft(e) {
+			return e ? e.type === "GeometryCollection" ? (Array.isArray(e.geometries) ? e.geometries : []).flatMap((e) => Ft(e)) : e.type === "Point" ? Array.isArray(e.coordinates) ? [e.coordinates] : [] : e.type === "MultiPoint" && Array.isArray(e.coordinates) ? e.coordinates : [] : [];
 		}
-		function Nt(e) {
-			return !e || typeof e.type != "string" ? !1 : e.type === "GeometryCollection" ? (Array.isArray(e.geometries) ? e.geometries : []).some((e) => Nt(e)) : e.type === "Point" || e.type === "MultiPoint";
+		function It(e) {
+			return !e || typeof e.type != "string" ? !1 : e.type === "GeometryCollection" ? (Array.isArray(e.geometries) ? e.geometries : []).some((e) => It(e)) : e.type === "Point" || e.type === "MultiPoint";
 		}
-		let Pt = m(() => At.value.filter((e) => {
+		let Lt = m(() => Nt.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;
-		})), Ft = m(() => At.value.filter((e) => {
+		})), Rt = m(() => Nt.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;
-		})), It = m(() => At.value.filter((e) => {
+		})), zt = m(() => Nt.value.filter((e) => {
 			let t = e.geometry;
-			return t ? Nt(t) : !1;
-		})), Lt = m(() => Pt.value.map((e) => {
-			let t = jt(e.geometry);
+			return t ? It(t) : !1;
+		})), Bt = m(() => Lt.value.map((e) => {
+			let t = Pt(e.geometry);
 			return t ? {
 				...e,
 				path: t
 			} : null;
-		}).filter(Boolean)), Rt = m(() => Ft.value.map((e) => {
-			let t = jt(e.geometry);
+		}).filter(Boolean)), Vt = m(() => Rt.value.map((e) => {
+			let t = Pt(e.geometry);
 			return t ? {
 				...e,
 				path: t
 			} : null;
-		}).filter(Boolean)), zt = m(() => {
+		}).filter(Boolean)), Ht = m(() => {
 			let e = [];
 			function t(e = {}) {
 				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: 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)
+					radius: Number.isFinite(Number(n)) ? Number(n) : Number(I.value.radius),
+					fill: i != null && String(i).trim() ? r(String(i).trim()) : I.value.fill,
+					stroke: a != null && String(a).trim() ? r(String(a).trim()) : I.value.stroke,
+					strokeWidth: Number.isFinite(Number(o)) ? Number(o) : Number(I.value.strokeWidth)
 				};
 			}
-			for (let n of It.value) {
-				let r = Mt(n.geometry);
+			for (let n of zt.value) {
+				let r = Ft(n.geometry);
 				for (let i = 0; i < r.length; i += 1) {
 					let a = r[i];
 					if (!Array.isArray(a) || a.length < 2) continue;
@@ -578,7 +578,7 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 			}
 			return e;
 		});
-		function Bt(e) {
+		function Ut(e) {
 			if (!e || typeof e.type != "string") return [];
 			let t = [], n = (e) => {
 				if (!Array.isArray(e) || e.length < 2) return;
@@ -596,14 +596,14 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				}
 			};
 			if (e.type === "GeometryCollection" && Array.isArray(e.geometries)) {
-				for (let n of e.geometries) t.push(...Bt(n));
+				for (let n of e.geometries) t.push(...Ut(n));
 				return t;
 			}
 			return e.type === "Point" ? (n(e.coordinates), t) : e.type === "MultiPoint" ? ((e.coordinates || []).forEach(n), t) : (r(e.coordinates), t);
 		}
-		function Vt(e) {
+		function Wt(e) {
 			let t = [];
-			for (let n of e) t.push(...Bt(n.geometry));
+			for (let n of e) t.push(...Ut(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);
@@ -617,8 +617,8 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				height: s
 			};
 		}
-		let Ht = m(() => Vt(At.value));
-		function Ut({ bounds: e, targetWidth: t, targetHeight: n, padding: r }) {
+		let Gt = m(() => Wt(Nt.value));
+		function Kt({ bounds: e, targetWidth: t, targetHeight: n, padding: r }) {
 			if (!e || !(e.width > 0) || !(e.height > 0)) return {
 				scale: 1,
 				translateX: 0,
@@ -633,39 +633,39 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				transform: `translate(${ee} ${te}) scale(${l})`
 			};
 		}
-		let Wt = m(() => {
-			let e = Ht.value;
+		let qt = m(() => {
+			let e = Gt.value;
 			if (!e) return {
 				scale: 1,
 				translateX: 0,
 				translateY: 0,
 				transform: ""
 			};
-			let t = L.value?.map?.fitPadding, n = Number.isFinite(Number(t)) ? Number(t) : 0;
-			return Ut({
+			let t = F.value?.map?.fitPadding, n = Number.isFinite(Number(t)) ? Number(t) : 0;
+			return Kt({
 				bounds: e,
 				targetWidth: U.value.width,
 				targetHeight: U.value.height,
 				padding: n
 			});
-		}), Gt = m(() => `0 0 ${U.value.width} ${U.value.height}`), { viewBox: Kt, resetZoom: qt, setInitialViewBox: Jt, scale: Yt, zoomByFactor: Xt } = le(R, {
+		}), Jt = m(() => `0 0 ${U.value.width} ${U.value.height}`), { viewBox: Yt, resetZoom: Xt, setInitialViewBox: Zt, scale: Qt, zoomByFactor: $t } = le(R, {
 			x: 0,
 			y: 0,
 			width: U.value.width,
 			height: U.value.height
 		}, 1, B);
-		function Zt() {
+		function en() {
 			B.value = !B.value;
 		}
-		function Qt(e) {
-			let t = Wt.value, n = Number(t?.scale) || 1, r = Number(t?.translateX) || 0, i = Number(t?.translateY) || 0;
+		function tn(e) {
+			let t = qt.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 $t() {
-			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;
+		function nn() {
+			let e = F.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,
 				y: 0,
@@ -679,7 +679,7 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				width: i,
 				height: a
 			};
-			let l = Qt({
+			let l = tn({
 				x: s,
 				y: c
 			});
@@ -690,58 +690,58 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				height: a
 			};
 		}
-		function en() {
-			let e = $t();
-			Jt(e, { overwriteCurrentIfNotZoomed: !0 }), A.value = !0;
+		function rn() {
+			let e = nn();
+			Zt(e, { overwriteCurrentIfNotZoomed: !0 }), k.value = !0;
 		}
-		let tn = m(() => {
-			let e = Kt.value;
-			return e ? `${e.x} ${e.y} ${e.width} ${e.height}` : Gt.value;
+		let an = m(() => {
+			let e = Yt.value;
+			return e ? `${e.x} ${e.y} ${e.width} ${e.height}` : Jt.value;
 		});
-		function nn() {
-			Xt(ze, !0);
+		function on() {
+			$t(Be, !0);
 		}
-		function rn() {
-			Xt(1 / ze, !0);
+		function sn() {
+			$t(1 / Be, !0);
 		}
-		async function an() {
-			let e = $t();
-			Jt(e, { overwriteCurrentIfNotZoomed: !0 }), qt(!0);
+		async function cn() {
+			let e = nn();
+			Zt(e, { overwriteCurrentIfNotZoomed: !0 }), Xt(!0);
 		}
-		T(() => [
-			L.value.projection,
-			L.value.map.center?.[0],
-			L.value.map.center?.[1],
-			L.value.map.fitPadding,
-			Ct.value
+		Ee(() => [
+			F.value.projection,
+			F.value.map.center?.[0],
+			F.value.map.center?.[1],
+			F.value.map.fitPadding,
+			Et.value
 		], async () => {
-			A.value = !1, await ve(), requestAnimationFrame(() => {
-				A.value || en();
+			k.value = !1, await ve(), requestAnimationFrame(() => {
+				k.value || rn();
 			});
-		}, { deep: !1 }), T(() => [
+		}, { deep: !1 }), Ee(() => [
 			V.value,
 			H.value,
 			z.value
 		], async () => {
-			z.value && (await ve(), Jt({
+			z.value && (await ve(), Zt({
 				x: 0,
 				y: 0,
 				width: U.value.width,
 				height: U.value.height
-			}, { overwriteCurrentIfNotZoomed: !0 }), A.value = !1, requestAnimationFrame(() => {
-				A.value || en();
+			}, { overwriteCurrentIfNotZoomed: !0 }), k.value = !1, requestAnimationFrame(() => {
+				k.value || rn();
 			}));
 		}, { flush: "post" });
-		function on(e) {
+		function ln(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-${D.value}-${t}`,
 					name: r,
 					coordinates: i,
 					color: n.color ?? null,
 					radius: n.radius ?? null,
-					hoverRadiusRatio: L.value.style.chart.points.hoverRadiusRatio,
+					hoverRadiusRatio: I.value.hoverRadiusRatio,
 					description: n.description ?? null,
 					original: e,
 					index: t
@@ -751,12 +751,12 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				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-${D.value}-${t}`,
 					name: r,
 					coordinates: [s, c],
 					color: a,
 					radius: o,
-					hoverRadiusRatio: L.value.style.chart.points.hoverRadiusRatio,
+					hoverRadiusRatio: I.value.hoverRadiusRatio,
 					description: i,
 					original: e,
 					index: t
@@ -767,122 +767,122 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				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-${D.value}-${n}-${e}`,
 					name: t.name || e,
 					coordinates: [i, a],
 					color: t.color ?? null,
 					radius: t.radius ?? null,
-					hoverRadiusRatio: L.value.style.chart.points.hoverRadiusRatio,
+					hoverRadiusRatio: I.value.hoverRadiusRatio,
 					description: t.description ?? null,
 					original: t,
 					index: n
 				};
 			}).filter(Boolean) : [] : [];
 		}
-		let sn = m(() => on(ut.value)), cn = m(() => sn.value.map((e) => {
+		let un = m(() => ln(pt.value)), dn = m(() => un.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: 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
+				fill: e.color ? r(e.color) : I.value.fill,
+				radius: Number.isFinite(Number(e.radius)) ? Number(e.radius) : I.value.radius
 			};
-		}).filter(Boolean)), G = m(() => cn.value.map((e, t) => ({
+		}).filter(Boolean)), G = m(() => dn.value.map((e, t) => ({
 			...e,
 			keyboardIndex: t
 		})));
-		function ln(e) {
-			let t = Qt(e), r = n(t.x, t.y, R.value);
-			r && (tt.value = {
+		function fn(e) {
+			let t = tn(e), r = n(t.x, t.y, R.value);
+			r && (rt.value = {
 				x: r.x,
 				y: r.y
 			});
 		}
-		let un = S(!1), dn = S(""), K = S(!1), q = S(null), J = S(null);
-		function fn(e) {
-			dn.value = e, un.value = !0;
+		let pn = S(!1), mn = S(""), K = S(!1), q = S(null), J = S(null);
+		function hn(e) {
+			mn.value = e, pn.value = !0;
 		}
 		function Y() {
-			un.value = !1, dn.value = "";
+			pn.value = !1, mn.value = "";
 		}
-		function pn(e) {
+		function gn(e) {
 			return String(e ?? "").replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#039;");
 		}
-		function mn(e) {
-			j.value = {
+		function _n(e) {
+			Ze.value = {
 				datapoint: e,
 				seriesIndex: e.index,
-				series: sn.value,
-				config: L.value
+				series: un.value,
+				config: F.value
 			}, K.value = !1;
-			let n = L.value.style.chart.tooltip.customFormat;
+			let n = L.value.tooltip.customFormat;
 			if (t(n)) try {
-				let e = n(j.value);
+				let e = n(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">${pn(e.name)}</div>${e.description == null ? "" : `<div style="margin-top:6px">${pn(e.description)}</div>`}</div>`;
+			return `<div><div style="font-weight:600">${gn(e.name)}</div>${e.description == null ? "" : `<div style="margin-top:6px">${gn(e.description)}</div>`}</div>`;
 		}
-		function hn(e) {
+		function vn(e) {
 			K.value = !1;
-			let n = L.value.style.chart.tooltip.customFormat;
+			let n = L.value.tooltip.customFormat;
 			if (t(n)) try {
 				let t = n({
 					datapoint: e,
-					config: L.value
+					config: F.value
 				});
 				if (typeof t == "string") return K.value = !0, t;
 			} catch {
 				console.warn("Custom format cannot be applied."), K.value = !1;
 			}
 			let r = typeof e?.name == "string" ? e.name.trim() : "";
-			return r ? `<div><div style="font-weight:600">${pn(r)}</div></div>` : (K.value = !1, "");
+			return r ? `<div><div style="font-weight:600">${gn(r)}</div></div>` : (K.value = !1, "");
 		}
-		function gn(e) {
-			if (L.value.events.territoryEnter && L.value.events.territoryEnter({
+		function yn(e) {
+			if (F.value.events.territoryEnter && F.value.events.territoryEnter({
 				datapoint: e,
 				seriesIndex: e.index
-			}), !(typeof e?.name == "string" && e.name.trim()) && !L.value.style.chart.territory.hover.enabledWhenEmpty) {
+			}), !(typeof e?.name == "string" && e.name.trim()) && !L.value.territory.hover.enabledWhenEmpty) {
 				J.value = null, Y();
 				return;
 			}
-			J.value = e.uid, fn(hn(e));
+			J.value = e.uid, hn(vn(e));
 		}
-		function _n(e) {
-			J.value = null, Y(), L.value.events.territoryLeave && L.value.events.territoryLeave({
+		function bn(e) {
+			J.value = null, Y(), F.value.events.territoryLeave && F.value.events.territoryLeave({
 				datapoint: e,
 				seriesIndex: e.index
 			});
 		}
-		function vn(e) {
-			L.value.events.territoryClick && L.value.events.territoryClick({
+		function xn(e) {
+			F.value.events.territoryClick && F.value.events.territoryClick({
 				datapoint: e,
 				seriesIndex: e.index
 			});
 		}
-		function yn(e, t = null, n = "pointer") {
-			F.value = n, q.value = e.uid, Number.isInteger(t) && (P.value = t), n === "keyboard" && ln(e), fn(mn(e)), L.value.events.datapointEnter && L.value.events.datapointEnter({
+		function Sn(e, t = null, n = "pointer") {
+			N.value = n, q.value = e.uid, Number.isInteger(t) && (M.value = t), n === "keyboard" && fn(e), hn(_n(e)), F.value.events.datapointEnter && F.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: e.index
 			});
 		}
-		function bn(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({
+		function Cn(e, t = "pointer") {
+			(t !== "pointer" || N.value !== "keyboard") && (q.value = null, Y(), t !== "pointer" && (M.value = null, N.value = "pointer"), F.value.events.datapointLeave && F.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: e.index
 			}));
 		}
-		let xn = m(() => !!L.value.events.datapointClick && typeof L.value.events.datapointClick == "function");
-		function Sn(e) {
-			xn.value && L.value.events.datapointClick({
+		let wn = m(() => !!F.value.events.datapointClick && typeof F.value.events.datapointClick == "function");
+		function Tn(e) {
+			wn.value && F.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: e.index
 			});
 		}
-		let X = m(() => L.value.style.chart.territory), Cn = m(() => L.value.style.chart.points);
-		function wn(e) {
+		let X = m(() => L.value.territory);
+		function En(e) {
 			let t = typeof e?.name == "string" ? e.name.trim() : "";
 			if (!t) {
 				J.value = null, Y();
@@ -894,34 +894,34 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				index: e.featureIndex,
 				properties: {}
 			};
-			J.value = e.uid, fn(hn(n));
+			J.value = e.uid, hn(vn(n));
 		}
-		function Tn() {
+		function Dn() {
 			J.value = null, Y();
 		}
 		let Z = S(!1);
-		function En() {
+		function On() {
 			Z.value = !Z.value;
 		}
-		T(() => Z.value, (e) => {
+		Ee(() => Z.value, (e) => {
 			B.value = !e;
 		});
-		function Dn() {
-			yt.value.showTooltip = !yt.value.showTooltip;
+		function kn() {
+			St.value.showTooltip = !St.value.showTooltip;
 		}
-		let On = m(() => L.value.style.chart.backgroundColor), kn = m(() => L.value.style.chart.title), { isCallbackImaging: An, isCallbackSvg: jn, generateSvg: Mn, onGenerateImage: Nn } = ee({
+		let An = m(() => L.value.backgroundColor), jn = m(() => L.value.title), { isCallbackImaging: Mn, isCallbackSvg: Nn, generateSvg: Pn, onGenerateImage: Fn } = ee({
 			svg: R,
-			title: kn,
+			title: jn,
 			legend: null,
 			legendItems: null,
-			backgroundColor: On,
-			getSvgCallback: () => L.value.userOptions.callbacks.svg,
-			generateImage: mt
+			backgroundColor: An,
+			getSvgCallback: () => F.value.userOptions.callbacks.svg,
+			generateImage: _t
 		});
-		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 te({
-				domElement: k.value,
+		async function In({ scale: e = 2 } = {}) {
+			if (!O.value) return;
+			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await te({
+				domElement: O.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -929,20 +929,20 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 			return {
 				imageUri: i,
 				base64: a,
-				title: L.value.style.chart.title.text,
+				title: L.value.title.text,
 				width: t,
 				height: n,
 				aspectRatio: r
 			};
 		}
 		let Q = S(!1), $ = null;
-		function Fn() {
+		function Ln() {
 			B.value && (Q.value = !0);
 		}
-		function In() {
+		function Rn() {
 			Q.value = !1;
 		}
-		function Ln() {
+		function zn() {
 			B.value && (Q.value = !0, $ && clearTimeout($), $ = setTimeout(() => {
 				Q.value = !1, $ = null;
 			}, 140));
@@ -950,15 +950,15 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 		xe(() => {
 			$ && clearTimeout($);
 		});
-		async function Rn([e, t], { animated: n = !0 } = {}) {
+		async function Bn([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 = Qt({
+			let c = tn({
 				x: o,
 				y: s
-			}), l = Kt.value ? { ...Kt.value } : {
+			}), l = Yt.value ? { ...Yt.value } : {
 				x: 0,
 				y: 0,
 				width: U.value.width,
@@ -970,13 +970,13 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				height: l.height
 			};
 			if (!n) {
-				Kt.value = u;
+				Yt.value = u;
 				return;
 			}
 			let d = { ...l }, f = { ...u }, p = null, ee = (e) => {
 				p ??= e;
 				let t = Math.min((e - p) / 250, 1);
-				Kt.value = {
+				Yt.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,
@@ -986,26 +986,26 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 			requestAnimationFrame(ee);
 		}
 		Se(async () => {
-			_t(), await ve(), requestAnimationFrame(() => {
-				A.value || (en(), (L.value.map.center?.[0] || L.value.map.center?.[1]) && Rn(L.value.map.center, { animated: !1 }));
+			bt(), await ve(), requestAnimationFrame(() => {
+				k.value || (rn(), (F.value.map.center?.[0] || F.value.map.center?.[1]) && Bn(F.value.map.center, { animated: !1 }));
 			});
 		}), xe(() => {
-			gt();
+			yt();
 		});
-		async function zn() {
-			if (We("copyAlt", {
-				config: L.value,
-				dataset: ut.value
-			}), !L.value.userOptions.callbacks.altCopy) {
+		async function Vn() {
+			if (Ge("copyAlt", {
+				config: F.value,
+				dataset: pt.value
+			}), !F.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: ut.value
+			await Promise.resolve(F.value.userOptions.callbacks.altCopy({
+				config: F.value,
+				dataset: pt.value
 			}));
 		}
-		function Bn(e, t) {
+		function Hn(e, t) {
 			let n = G.value;
 			if (!n.length) return null;
 			let r = n[e];
@@ -1020,45 +1020,45 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 			}
 			return i;
 		}
-		function Vn(e) {
+		function Un(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() {
-			nt.value = !0;
+		function Wn() {
+			it.value = !0;
 		}
-		function Un() {
-			let e = P.value == null ? null : G.value[P.value];
-			e ? bn(e, "keyboard") : (P.value = null, F.value = "pointer", Y(), q.value = null), nt.value = !1;
+		function Gn() {
+			let e = M.value == null ? null : G.value[M.value];
+			e ? Cn(e, "keyboard") : (M.value = null, N.value = "pointer", Y(), q.value = null), it.value = !1;
 		}
-		function Wn(e) {
+		function Kn(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 ? bn(e, "keyboard") : (P.value = null, F.value = "pointer", Y(), q.value = null);
+				let e = M.value == null ? null : G.value[M.value];
+				e ? Cn(e, "keyboard") : (M.value = null, N.value = "pointer", Y(), q.value = null);
 				return;
 			}
 			if (a) {
-				let e = P.value == null ? null : G.value[P.value];
+				let e = M.value == null ? null : G.value[M.value];
 				if (!e) return;
-				Sn(e);
+				Tn(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 (M.value == null ? c = Un(s) : (c = Hn(M.value, s), c ??= Un(s)), c == null) return;
 			let l = G.value[c];
-			l && yn(l, c, "keyboard");
+			l && Sn(l, c, "keyboard");
 		}
-		let Gn = m(() => ({
+		let qn = m(() => ({
 			headers: [
 				"Name",
 				"Latitude",
 				"Longitude",
 				"Description"
 			],
-			rows: sn.value.map((e) => {
+			rows: un.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 ?? "",
@@ -1069,42 +1069,42 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 			})
 		}));
 		return re({
-			getImage: Pn,
-			generatePdf: pt,
-			generateImage: mt,
-			generateSvg: Mn,
-			toggleTooltip: Dn,
-			toggleAnnotator: En,
-			toggleFullscreen: rt,
-			zoomIn: nn,
-			zoomOut: rn,
-			resetZoom: qt,
-			focusLocation: Rn,
-			copyAlt: zn
+			getImage: In,
+			generatePdf: gt,
+			generateImage: _t,
+			generateSvg: Pn,
+			toggleTooltip: kn,
+			toggleAnnotator: On,
+			toggleFullscreen: at,
+			zoomIn: on,
+			zoomOut: sn,
+			resetZoom: Xt,
+			focusLocation: Bn,
+			copyAlt: Vn
 		}), (e, t) => (x(), _("div", {
-			class: ye(`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" : ""}`),
+			class: ye(`vue-data-ui-component vue-ui-geo ${P.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: O,
+			id: `map_${D.value}`,
 			dir: "auto",
 			style: be({
-				fontFamily: L.value.style.fontFamily,
+				fontFamily: F.value.style.fontFamily,
 				width: "100%",
-				backgroundColor: L.value.style.chart.backgroundColor,
+				backgroundColor: L.value.backgroundColor,
 				height: z.value ? `${H.value}px` : void 0
 			})
 		}, [
 			v("div", {
-				id: `chart-instructions-${O.value}`,
+				id: `chart-instructions-${D.value}`,
 				class: "sr-only"
-			}, [v("p", null, we(L.value.a11y.translations.keyboardNavigation), 1)], 8, Oe),
-			Gn.value?.rows?.length ? (x(), h(oe, {
+			}, [v("p", null, we(F.value.a11y.translations.keyboardNavigation), 1)], 8, ke),
+			qn.value?.rows?.length ? (x(), h(oe, {
 				key: 0,
-				uid: O.value,
-				head: Gn.value.headers,
-				body: Gn.value.rows,
-				notice: L.value.a11y.translations.tableAvailable,
-				caption: L.value.a11y.translations.tableCaption
+				uid: D.value,
+				head: qn.value.headers,
+				body: qn.value.rows,
+				notice: F.value.a11y.translations.tableAvailable,
+				caption: F.value.a11y.translations.tableCaption
 			}, null, 8, [
 				"uid",
 				"head",
@@ -1112,95 +1112,97 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				"notice",
 				"caption"
 			])) : g("", !0),
-			vt.value ? (x(), _("div", {
+			xt.value ? (x(), _("div", {
 				key: 1,
 				ref_key: "noTitle",
-				ref: Ze,
+				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 ? (x(), _("div", {
+			L.value.title.text ? (x(), _("div", {
 				key: 2,
 				ref_key: "chartTitle",
-				ref: Xe,
+				ref: Qe,
 				style: "width:100%;background:transparent;padding-bottom:12px"
 			}, [(x(), h(ne, {
-				key: `title_${Ye.value}`,
+				key: `title_${Xe.value}`,
 				config: {
 					title: {
 						cy: "geo-title",
-						...L.value.style.chart.title
+						...L.value.title
 					},
 					subtitle: {
 						cy: "geo-subtitle",
-						...L.value.style.chart.title.subtitle
+						...L.value.title.subtitle
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : g("", !0),
-			L.value.userOptions.buttons.annotator ? (x(), h(w(He), {
+			F.value.userOptions.buttons.annotator ? (x(), h(w(Ue), {
 				key: 3,
 				svgRef: w(R),
-				backgroundColor: L.value.style.chart.backgroundColor,
-				color: L.value.style.chart.color,
+				backgroundColor: L.value.backgroundColor,
+				color: L.value.color,
 				active: Z.value,
-				isCursorPointer: at.value,
-				onClose: En
+				isCursorPointer: ct.value,
+				palette: F.value.userOptions.annotatorPalette,
+				onClose: On
 			}, {
-				"annotator-action-close": E(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": E(({ color: t }) => [C(e.$slots, "annotator-action-color", b(y({ color: t })), void 0, !0)]),
-				"annotator-action-draw": E(({ mode: t }) => [C(e.$slots, "annotator-action-draw", b(y({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-undo", b(y({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-redo", b(y({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": E(({ disabled: t }) => [C(e.$slots, "annotator-action-delete", b(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-close": T(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": T(({ color: t }) => [C(e.$slots, "annotator-action-color", b(y({ color: t })), void 0, !0)]),
+				"annotator-action-draw": T(({ mode: t }) => [C(e.$slots, "annotator-action-draw", b(y({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": T(({ disabled: t }) => [C(e.$slots, "annotator-action-undo", b(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": T(({ disabled: t }) => [C(e.$slots, "annotator-action-redo", b(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": T(({ disabled: t }) => [C(e.$slots, "annotator-action-delete", b(y({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
 				"backgroundColor",
 				"color",
 				"active",
-				"isCursorPointer"
+				"isCursorPointer",
+				"palette"
 			])) : g("", !0),
-			L.value.userOptions.show && (w(st) || w(ot)) ? (x(), h(w(Ve), {
+			F.value.userOptions.show && (w(ut) || w(lt)) ? (x(), h(w(He), {
 				ref: "userOptionsRef",
-				key: `user_options_${Je.value}`,
-				backgroundColor: L.value.style.chart.backgroundColor,
-				color: L.value.style.chart.color,
-				isPrinting: w(dt),
-				isImaging: w(ft),
-				uid: O.value,
+				key: `user_options_${Ye.value}`,
+				backgroundColor: L.value.backgroundColor,
+				color: L.value.color,
+				isPrinting: w(mt),
+				isImaging: w(ht),
+				uid: D.value,
 				hasXls: !1,
 				hasTable: !1,
-				hasTooltip: L.value.userOptions.buttons.tooltip && L.value.style.chart.tooltip.show,
-				hasPdf: L.value.userOptions.buttons.pdf,
-				hasImg: L.value.userOptions.buttons.img,
-				hasSvg: L.value.userOptions.buttons.svg,
-				hasFullscreen: L.value.userOptions.buttons.fullscreen,
-				hasAltCopy: L.value.userOptions.buttons.altCopy,
-				hasAnnotator: L.value.userOptions.buttons.annotator,
-				hasZoom: L.value.userOptions.buttons.zoom,
+				hasTooltip: F.value.userOptions.buttons.tooltip && L.value.tooltip.show,
+				hasPdf: F.value.userOptions.buttons.pdf,
+				hasImg: F.value.userOptions.buttons.img,
+				hasSvg: F.value.userOptions.buttons.svg,
+				hasFullscreen: F.value.userOptions.buttons.fullscreen,
+				hasAltCopy: F.value.userOptions.buttons.altCopy,
+				hasAnnotator: F.value.userOptions.buttons.annotator,
+				hasZoom: F.value.userOptions.buttons.zoom,
 				isZoom: B.value,
-				isFullscreen: I.value,
-				isTooltip: yt.value.showTooltip,
-				titles: { ...L.value.userOptions.buttonTitles },
-				chartElement: k.value,
-				position: L.value.userOptions.position,
+				isFullscreen: P.value,
+				isTooltip: St.value.showTooltip,
+				titles: { ...F.value.userOptions.buttonTitles },
+				chartElement: O.value,
+				position: F.value.userOptions.position,
 				isAnnotation: Z.value,
-				callbacks: L.value.userOptions.callbacks,
-				printScale: L.value.userOptions.print.scale,
-				isCursorPointer: at.value,
-				onToggleFullscreen: rt,
-				onGeneratePdf: w(pt),
-				onGenerateImage: w(Nn),
-				onGenerateSvg: w(Mn),
-				onToggleTooltip: Dn,
-				onToggleAnnotator: En,
-				onToggleZoom: Zt,
-				onCopyAlt: zn,
-				style: be({ visibility: w(st) ? w(ot) ? "visible" : "hidden" : "visible" })
+				callbacks: F.value.userOptions.callbacks,
+				printScale: F.value.userOptions.print.scale,
+				isCursorPointer: ct.value,
+				onToggleFullscreen: at,
+				onGeneratePdf: w(gt),
+				onGenerateImage: w(Fn),
+				onGenerateSvg: w(Pn),
+				onToggleTooltip: kn,
+				onToggleAnnotator: On,
+				onToggleZoom: en,
+				onCopyAlt: Vn,
+				style: be({ visibility: w(ut) ? w(lt) ? "visible" : "hidden" : "visible" })
 			}, me({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: E(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", b(y({
+					fn: T(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", b(y({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -1208,27 +1210,27 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				} : void 0,
 				e.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: E(() => [C(e.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: T(() => [C(e.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: E(() => [C(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: T(() => [C(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: E(() => [C(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: T(() => [C(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: E(() => [C(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: T(() => [C(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: E(({ toggleFullscreen: t, isFullscreen: n }) => [C(e.$slots, "optionFullscreen", b(y({
+					fn: T(({ toggleFullscreen: t, isFullscreen: n }) => [C(e.$slots, "optionFullscreen", b(y({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1236,7 +1238,7 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: E(({ toggleAnnotator: t, isAnnotator: n }) => [C(e.$slots, "optionAnnotator", b(y({
+					fn: T(({ toggleAnnotator: t, isAnnotator: n }) => [C(e.$slots, "optionAnnotator", b(y({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1244,7 +1246,7 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				} : void 0,
 				e.$slots.optionZoom ? {
 					name: "optionZoom",
-					fn: E(({ toggleZoom: t, isZoomLocked: n }) => [C(e.$slots, "optionZoom", b(y({
+					fn: T(({ toggleZoom: t, isZoomLocked: n }) => [C(e.$slots, "optionZoom", b(y({
 						toggleZoom: t,
 						isZoomLocked: n
 					})), void 0, !0)]),
@@ -1252,67 +1254,67 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: E(({ altCopy: t }) => [C(e.$slots, "optionAltCopy", b(y({ altCopy: t })), void 0, !0)]),
+					fn: T(({ altCopy: t }) => [C(e.$slots, "optionAltCopy", b(y({ altCopy: t })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: E(() => [C(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: T(() => [C(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: E(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: T(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "10"
 				} : void 0
 			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasFullscreen.hasAltCopy.hasAnnotator.hasZoom.isZoom.isFullscreen.isTooltip.titles.chartElement.position.isAnnotation.callbacks.printScale.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : g("", !0),
-			L.value.style.chart.controls.position === "top" && L.value.style.chart.controls.show && !w(lt) ? (x(), h(ue, {
+			L.value.controls.position === "top" && L.value.controls.show && !w(ft) ? (x(), h(ue, {
 				key: 5,
 				ref_key: "zoomControlsTop",
-				ref: $e,
-				config: L.value,
-				scale: w(Yt),
-				isFullscreen: I.value,
-				isCursorPointer: at.value,
-				onZoomIn: nn,
-				onZoomOut: rn,
-				onResetZoom: an
+				ref: tt,
+				config: F.value,
+				scale: w(Qt),
+				isFullscreen: P.value,
+				isCursorPointer: ct.value,
+				onZoomIn: on,
+				onZoomOut: sn,
+				onResetZoom: cn
 			}, null, 8, [
 				"config",
 				"scale",
 				"isFullscreen",
 				"isCursorPointer"
 			])) : g("", !0),
-			v("div", ke, [(x(), _("svg", {
+			v("div", Ae, [(x(), _("svg", {
 				ref_key: "svgRef",
 				ref: R,
 				xmlns: w(o),
-				viewBox: tn.value,
+				viewBox: an.value,
 				preserveAspectRatio: "xMidYMid meet",
-				"aria-describedby": `map-keyboard-instructions-${O.value}`,
+				"aria-describedby": `map-keyboard-instructions-${D.value}`,
 				tabindex: "0",
 				style: be({
 					display: "block",
 					width: "100%",
 					height: z.value ? `${H.value}px` : "auto",
-					background: L.value.style.chart.backgroundColor,
+					background: L.value.backgroundColor,
 					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
-			}, [he(w(Ue)), v("g", {
-				transform: Wt.value.transform,
+				id: `vue-ui-geo_${D.value}`,
+				onPointerdown: Ln,
+				onPointerup: Rn,
+				onPointercancel: Rn,
+				onPointerleave: Rn,
+				onWheel: zn,
+				onFocus: Wn,
+				onBlur: Gn,
+				onKeydown: Kn
+			}, [he(w(We)), v("g", {
+				transform: qt.value.transform,
 				style: be({ pointerEvents: Q.value ? "none" : "auto" })
 			}, [
-				v("g", null, [(x(!0), _(pe, null, Ce(Lt.value, (e) => (x(), _("path", {
+				v("g", null, [(x(!0), _(pe, null, Ce(Bt.value, (e) => (x(), _("path", {
 					class: "vue-ui-geo-territory",
 					key: e.uid,
 					d: e.path,
@@ -1320,11 +1322,11 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 					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) => gn(e),
-					onMouseleave: (t) => _n(e),
-					onClick: (t) => vn(e)
-				}, null, 40, Me))), 128))]),
-				v("g", null, [(x(!0), _(pe, null, Ce(Rt.value, (e) => (x(), _("path", {
+					onMouseenter: (t) => yn(e),
+					onMouseleave: (t) => bn(e),
+					onClick: (t) => xn(e)
+				}, null, 40, Ne))), 128))]),
+				v("g", null, [(x(!0), _(pe, null, Ce(Vt.value, (e) => (x(), _("path", {
 					class: "vue-ui-geo-territory",
 					key: e.uid,
 					d: e.path,
@@ -1332,11 +1334,11 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 					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) => gn(e),
-					onMouseleave: (t) => _n(e),
-					onClick: (t) => vn(e)
-				}, null, 40, Ne))), 128))]),
-				v("g", null, [(x(!0), _(pe, null, Ce(zt.value, (e) => (x(), _("circle", {
+					onMouseenter: (t) => yn(e),
+					onMouseleave: (t) => bn(e),
+					onClick: (t) => xn(e)
+				}, null, 40, Pe))), 128))]),
+				v("g", null, [(x(!0), _(pe, null, Ce(Ht.value, (e) => (x(), _("circle", {
 					key: e.uid,
 					cx: e.x,
 					cy: e.y,
@@ -1345,103 +1347,103 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 					stroke: e.stroke,
 					"stroke-width": e.strokeWidth,
 					"vector-effect": "non-scaling-stroke",
-					onMouseenter: (t) => wn(e),
-					onMouseleave: Tn
-				}, null, 40, Pe))), 128))]),
-				(x(!0), _(pe, null, Ce(cn.value, (t, n) => (x(), _("g", { key: t.uid }, [C(e.$slots, "datapoint", _e({ ref_for: !0 }, {
+					onMouseenter: (t) => En(e),
+					onMouseleave: Dn
+				}, null, 40, Fe))), 128))]),
+				(x(!0), _(pe, null, Ce(dn.value, (t, n) => (x(), _("g", { key: t.uid }, [C(e.$slots, "datapoint", _e({ ref_for: !0 }, {
 					point: t,
-					onPointEnter: yn,
-					onPointLeave: bn,
-					onPointClick: Sn,
+					onPointEnter: Sn,
+					onPointLeave: Cn,
+					onPointClick: Tn,
 					highlighted: q.value === t.uid
 				}), () => [v("circle", {
 					class: ye({
 						"vue-ui-geo-point": !0,
-						"vue-ui-geo-point-with-event": xn.value && at.value
+						"vue-ui-geo-point-with-event": wn.value && ct.value
 					}),
 					cx: t.x,
 					cy: t.y,
 					r: q.value === t.uid ? t.radius * t.hoverRadiusRatio : t.radius,
 					fill: t.fill,
-					stroke: Cn.value.stroke,
-					"stroke-width": Cn.value.strokeWidth,
+					stroke: I.value.stroke,
+					"stroke-width": I.value.strokeWidth,
 					"vector-effect": "non-scaling-stroke",
-					onMouseenter: (e) => yn(t, n),
-					onMouseleave: (e) => bn(t),
-					onClick: (e) => Sn(t)
-				}, null, 42, Fe)], !0), L.value.style.chart.points.labels.show ? (x(), _("text", {
+					onMouseenter: (e) => Sn(t, n),
+					onMouseleave: (e) => Cn(t),
+					onClick: (e) => Tn(t)
+				}, null, 42, Ie)], !0), st.value.show ? (x(), _("text", {
 					key: 0,
 					class: "vue-ui-geo-point-label",
 					x: t.x,
-					y: t.y + (q.value === t.uid ? t.radius * t.hoverRadiusRatio : t.radius) + L.value.style.chart.points.labels.offsetY + 1 * L.value.style.chart.points.labels.fontSizeRatio,
+					y: t.y + (q.value === t.uid ? t.radius * t.hoverRadiusRatio : t.radius) + st.value.offsetY + 1 * st.value.fontSizeRatio,
 					"text-anchor": "middle",
-					fill: L.value.style.chart.points.labels.color,
-					"font-size": 1 * L.value.style.chart.points.labels.fontSizeRatio
-				}, we(t.name), 9, Ie)) : g("", !0)]))), 128)),
+					fill: st.value.color,
+					"font-size": 1 * st.value.fontSizeRatio
+				}, we(t.name), 9, Le)) : g("", !0)]))), 128)),
 				C(e.$slots, "svg", { svg: {
-					drawingArea: tn.value,
-					x: Ht.value?.minX ?? 0,
-					y: Ht.value?.minY ?? 0,
-					width: Ht.value?.width ?? 0,
-					height: Ht.value?.height ?? 0,
-					isPrintingImg: w(dt) || w(ft) || w(An),
-					isPrintingSvg: w(jn),
+					drawingArea: an.value,
+					x: Gt.value?.minX ?? 0,
+					y: Gt.value?.minY ?? 0,
+					width: Gt.value?.width ?? 0,
+					height: Gt.value?.height ?? 0,
+					isPrintingImg: w(mt) || w(ht) || w(Mn),
+					isPrintingSvg: w(Nn),
 					data: {
-						areaPaths: Lt.value,
-						linePaths: Rt.value,
-						geoJsonPoints: zt.value,
-						projectedPoints: cn.value
+						areaPaths: Bt.value,
+						linePaths: Vt.value,
+						geoJsonPoints: Ht.value,
+						projectedPoints: dn.value
 					}
 				} }, void 0, !0)
-			], 12, je)], 44, Ae)), e.$slots.hint ? (x(), _("div", Le, [C(e.$slots, "hint", b(y({
-				hint: L.value.a11y.translations.keyboardNavigation,
-				isVisible: nt.value
+			], 12, Me)], 44, je)), e.$slots.hint ? (x(), _("div", Re, [C(e.$slots, "hint", b(y({
+				hint: F.value.a11y.translations.keyboardNavigation,
+				isVisible: it.value
 			})), void 0, !0)])) : g("", !0)]),
-			e.$slots.watermark ? (x(), _("div", Re, [C(e.$slots, "watermark", b(y({ isPrinting: w(dt) || w(ft) || w(An) || w(jn) })), void 0, !0)])) : g("", !0),
-			L.value.style.chart.controls.position === "bottom" && L.value.style.chart.controls.show && !w(lt) ? (x(), h(ue, {
+			e.$slots.watermark ? (x(), _("div", ze, [C(e.$slots, "watermark", b(y({ isPrinting: w(mt) || w(ht) || w(Mn) || w(Nn) })), void 0, !0)])) : g("", !0),
+			L.value.controls.position === "bottom" && L.value.controls.show && !w(ft) ? (x(), h(ue, {
 				key: 7,
 				ref_key: "zoomControlsBottom",
-				ref: et,
-				config: L.value,
-				scale: w(Yt),
-				isFullscreen: I.value,
-				isCursorPointer: at.value,
-				onZoomIn: nn,
-				onZoomOut: rn,
-				onResetZoom: an
+				ref: nt,
+				config: F.value,
+				scale: w(Qt),
+				isFullscreen: P.value,
+				isCursorPointer: ct.value,
+				onZoomIn: on,
+				onZoomOut: sn,
+				onResetZoom: cn
 			}, null, 8, [
 				"config",
 				"scale",
 				"isFullscreen",
 				"isCursorPointer"
 			])) : g("", !0),
-			he(w(Be), {
-				teleportTo: L.value.style.chart.tooltip.teleportTo,
-				show: yt.value.showTooltip && un.value,
-				backgroundColor: L.value.style.chart.tooltip.backgroundColor,
-				color: L.value.style.chart.tooltip.color,
-				fontSize: L.value.style.chart.tooltip.fontSize,
-				borderRadius: L.value.style.chart.tooltip.borderRadius,
-				borderColor: L.value.style.chart.tooltip.borderColor,
-				borderWidth: L.value.style.chart.tooltip.borderWidth,
-				backgroundOpacity: L.value.style.chart.tooltip.backgroundOpacity,
-				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: dn.value,
+			he(w(Ve), {
+				teleportTo: L.value.tooltip.teleportTo,
+				show: St.value.showTooltip && pn.value,
+				backgroundColor: L.value.tooltip.backgroundColor,
+				color: L.value.tooltip.color,
+				fontSize: L.value.tooltip.fontSize,
+				borderRadius: L.value.tooltip.borderRadius,
+				borderColor: L.value.tooltip.borderColor,
+				borderWidth: L.value.tooltip.borderWidth,
+				backgroundOpacity: L.value.tooltip.backgroundOpacity,
+				position: L.value.tooltip.position,
+				offsetX: L.value.tooltip.offsetX,
+				offsetY: L.value.tooltip.offsetY,
+				parent: O.value,
+				content: mn.value,
 				isCustom: K.value,
-				isFullscreen: I.value,
-				smooth: L.value.style.chart.tooltip.smooth,
-				backdropFilter: L.value.style.chart.tooltip.backdropFilter,
-				smoothForce: L.value.style.chart.tooltip.smoothForce,
-				smoothSnapThreshold: L.value.style.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: F.value === "keyboard",
-				a11yPosition: tt.value
+				isFullscreen: P.value,
+				smooth: L.value.tooltip.smooth,
+				backdropFilter: L.value.tooltip.backdropFilter,
+				smoothForce: L.value.tooltip.smoothForce,
+				smoothSnapThreshold: L.value.tooltip.smoothSnapThreshold,
+				isA11yMode: N.value === "keyboard",
+				a11yPosition: rt.value
 			}, {
-				"tooltip-before": E(() => [C(e.$slots, "tooltip-before", b(y({ ...j.value })), void 0, !0)]),
-				tooltip: E(() => [C(e.$slots, "tooltip", b(y({ ...j.value })), void 0, !0)]),
-				"tooltip-after": E(() => [C(e.$slots, "tooltip-after", b(y({ ...j.value })), void 0, !0)]),
+				"tooltip-before": T(() => [C(e.$slots, "tooltip-before", b(y({ ...Ze.value })), void 0, !0)]),
+				tooltip: T(() => [C(e.$slots, "tooltip", b(y({ ...Ze.value })), void 0, !0)]),
+				"tooltip-after": T(() => [C(e.$slots, "tooltip-after", b(y({ ...Ze.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1470,12 +1472,12 @@ var Ee = /* @__PURE__ */ e({ default: () => Be }), De = ["id"], Oe = ["id"], ke
 			e.$slots.source ? (x(), _("div", {
 				key: 8,
 				ref_key: "source",
-				ref: Qe,
+				ref: et,
 				dir: "auto"
 			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : g("", !0),
-			C(e.$slots, "skeleton", {}, () => [w(lt) ? (x(), h(d, { key: 0 })) : g("", !0)], !0)
-		], 14, De));
+			C(e.$slots, "skeleton", {}, () => [w(ft) ? (x(), h(d, { key: 0 })) : g("", !0)], !0)
+		], 14, Oe));
 	}
-}, [["__scopeId", "data-v-0dc55d82"]]);
+}, [["__scopeId", "data-v-e3b2115d"]]);
 //#endregion
-export { Ee as n, Be as t };
+export { De as n, Ve as t };