vue-data-ui 3.22.8 → 3.22.10

package/dist/{vue-ui-world-BtBrH92Z.js → vue-ui-world-R9o00A6c.js}

@@ -1,18 +1,19 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Et as t, G as n, J as r, Kt as i, Mt as a, S as ee, T as te, Z as ne, _t as re, b as o, gt as ie, i as ae, q as oe, t as se, yt as ce } from "./lib-JqW18y5I.js";
-import { t as le } from "./useConfig-DYM3f6EI.js";
-import { t as ue } from "./usePrinter-CqqHmnBI.js";
-import { n as de, t as fe } from "./BaseScanner-DZvpgOjM.js";
-import { t as pe } from "./useSvgExport-SVIsDot8.js";
-import { t as me } from "./useNestedProp-DIuuzG1r.js";
-import { t as he } from "./img-DnP3eXuv.js";
-import { t as ge } from "./Shape-UpH0a4Ur.js";
-import { t as _e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as ve } from "./BaseLegendToggle-DtQ8vyfr.js";
-import { t as ye } from "./useUserOptionState-DK-_1ddE.js";
-import { t as be } from "./useChartAccessibility-DYqac8yF.js";
-import { t as xe } from "./geoProjections-BbN7z57k.js";
-import { Fragment as s, Teleport as Se, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as Ce, createTextVNode as p, createVNode as m, defineAsyncComponent as h, guardReactiveProps as g, mergeProps as we, nextTick as Te, normalizeClass as Ee, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as De, onMounted as Oe, openBlock as y, ref as b, renderList as ke, renderSlot as x, resolveDynamicComponent as Ae, toDisplayString as S, toRefs as je, unref as C, watch as w, withCtx as T, withModifiers as Me } from "vue";
+import { C as t, Dt as n, E as r, J as ee, K as i, Nt as a, Q as te, Y as o, _t as s, bt as ne, i as c, qt as re, t as ie, vt as ae, x as l } from "./lib-CnHx5WfV.js";
+import { t as oe } from "./useConfig-DYM3f6EI.js";
+import { t as se } from "./usePrinter-B-X_Pub0.js";
+import { n as ce, t as le } from "./BaseScanner-DZvpgOjM.js";
+import { t as ue } from "./useSvgExport-SVIsDot8.js";
+import { t as de } from "./useNestedProp-D8NuRneO.js";
+import { t as fe } from "./img-CNdXiUfZ.js";
+import { t as pe } from "./Shape-B5ksaGa1.js";
+import { t as me } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as he } from "./DefGrad-DVBqDjhO.js";
+import { t as ge } from "./BaseLegendToggle-BrQ2OlzI.js";
+import { t as _e } from "./useUserOptionState-DK-_1ddE.js";
+import { t as ve } from "./useChartAccessibility-DYqac8yF.js";
+import { t as ye } from "./geoProjections-BbN7z57k.js";
+import { Fragment as u, Teleport as be, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as xe, createTextVNode as Se, createVNode as g, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Ce, nextTick as we, normalizeClass as Te, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Ee, onMounted as De, openBlock as x, ref as S, renderList as Oe, renderSlot as C, resolveDynamicComponent as ke, toDisplayString as w, toRefs as Ae, unref as T, watch as je, withCtx as E, withModifiers as Me } from "vue";
 //#region src/resources/worldGeo.js
 var Ne = 1e3, Pe = [
 	"name",
@@ -1940,23 +1941,23 @@ var Be = {
 			coordinates: ze(t, n)
 		}
 	}))
-}, Ve = /* @__PURE__ */ e({ default: () => pt }), He = ["id"], Ue = ["id"], We = ["viewBox", "xmlns"], Ge = [
+}, Ve = /* @__PURE__ */ e({ default: () => ot }), He = ["id"], Ue = ["id"], We = ["viewBox", "xmlns"], Ge = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Ke = { key: 1 }, qe = ["id"], Je = ["stop-color"], Ye = ["stop-color"], Xe = ["stop-color"], Ze = ["stop-color"], Qe = ["id"], $e = ["stop-color"], et = ["id"], tt = { key: 0 }, nt = [
+], Ke = { key: 1 }, qe = ["id"], Je = { key: 0 }, Ye = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], rt = [
+], Xe = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"filter"
-], it = [
+], Ze = [
 	"d",
 	"fill",
 	"stroke",
@@ -1964,19 +1965,19 @@ var Be = {
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], at = { key: 0 }, ot = [
+], Qe = { key: 0 }, $e = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width"
-], st = [
+], et = [
 	"d",
 	"stroke",
 	"stroke-width"
-], ct = {
+], tt = {
 	key: 4,
 	class: "vue-data-ui-watermark"
-}, lt = ["id"], ut = ["onClick"], dt = ["innerHTML"], ft = .5, pt = /*#__PURE__*/ _e({
+}, nt = ["id"], rt = ["onClick"], it = ["innerHTML"], at = .5, ot = /*#__PURE__*/ me({
 	__name: "vue-ui-world",
 	props: {
 		config: {
@@ -1997,27 +1998,27 @@ var Be = {
 		"selectLegend",
 		"copyAlt"
 	],
-	setup(e, { expose: _e, emit: Ne }) {
-		let Pe = h(() => import("./Title-CcNiYzEo.js").then((e) => e.t)), Fe = h(() => import("./Legend-ROt6ugzW.js").then((e) => e.n)), Ie = h(() => import("./Tooltip-CxOrWlFy.js")), Le = h(() => import("./BaseIcon-C2qlyHc7.js").then((e) => e.n)), Re = h(() => import("./vue-ui-accordion-YyosvEPo.js").then((e) => e.n)), ze = h(() => import("./DataTable-D9NvewTT.js")), Ve = h(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), pt = h(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), mt = h(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), ht = h(() => import("./BaseDraggableDialog-DcfGlH8A.js").then((e) => e.n)), { vue_ui_world: gt } = le(), E = e, _t = Ne, D = c({
+	setup(e, { expose: me, emit: Ne }) {
+		let Pe = _(() => import("./Title-Cr3jP7Qd.js").then((e) => e.t)), Fe = _(() => import("./Legend-5VQGLnmx.js").then((e) => e.n)), Ie = _(() => import("./Tooltip-CDbLl3TD.js")), Le = _(() => import("./BaseIcon-CDTIUIKV.js").then((e) => e.n)), Re = _(() => import("./vue-ui-accordion-Oo3IsX3-.js").then((e) => e.n)), ze = _(() => import("./DataTable-ByZy5gt1.js")), Ve = _(() => import("./PenAndPaper-CLaZJl6K.js").then((e) => e.t)), ot = _(() => import("./UserOptions-BUQOnoPR.js").then((e) => e.n)), st = _(() => import("./PackageVersion-BoTvk0i5.js").then((e) => e.t)), ct = _(() => import("./BaseDraggableDialog-CdkCqtag.js").then((e) => e.n)), { vue_ui_world: lt } = oe(), D = e, ut = Ne, dt = d({
 			get() {
 				return !!L.value;
 			},
 			set(e) {
 				return e;
 			}
-		}), vt = c(() => D ? Object.values(L.value).some((e) => Object.hasOwn(e, "category")) : !1), O = b(null), yt = b(null), bt = b(null), xt = b(null), St = b(null), Ct = b(0), wt = b(0), Tt = b(0), k = b(n()), A = b(!1), Et = b(""), Dt = b(0), Ot = b(!1), j = b(null), kt = b(null), M = b(!1), N = b(!1);
-		Oe(() => {
-			Ot.value = !0;
+		}), ft = d(() => dt ? Object.values(L.value).some((e) => Object.hasOwn(e, "category")) : !1), O = S(null), pt = S(null), mt = S(null), ht = S(null), gt = S(null), _t = S(0), vt = S(0), yt = S(0), k = S(i()), A = S(!1), bt = S(""), xt = S(0), St = S(!1), j = S(null), Ct = S(null), M = S(!1), N = S(!1);
+		De(() => {
+			St.value = !0;
 		});
-		let P = Be, { projections: At, getProjectedBounds: jt, setupTerritories: Mt, geoToPath: Nt } = xe;
-		function Pt() {
-			let e = me({
-				userConfig: E.config,
-				defaultConfig: gt
+		let P = Be, { projections: wt, getProjectedBounds: Tt, setupTerritories: Et, geoToPath: Dt } = ye;
+		function Ot() {
+			let e = de({
+				userConfig: D.config,
+				defaultConfig: lt
 			});
-			return E.config && ie(E.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = o(E.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, E.config && ie(E.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = o(E.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = a[0], P = Mt(e, P), e;
+			return D.config && s(D.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = l(D.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, D.config && s(D.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = l(D.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = a[0], P = Et(e, P), e;
 		}
-		let F = b(Pt()), I = c(() => F.value.userOptions.useCursorPointer), Ft = c(() => i({
+		let F = S(Ot()), I = d(() => F.value.userOptions.useCursorPointer), kt = d(() => re({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -2034,28 +2035,28 @@ var Be = {
 				} }
 			},
 			userConfig: F.value.skeletonConfig ?? {}
-		})), { loading: It, FINAL_DATASET: L } = de({
-			...je(E),
+		})), { loading: At, FINAL_DATASET: L } = ce({
+			...Ae(D),
 			FINAL_CONFIG: F,
-			prepareConfig: Pt,
-			skeletonDataset: E.config?.skeletonDataset ?? [],
-			skeletonConfig: i({
+			prepareConfig: Ot,
+			skeletonDataset: D.config?.skeletonDataset ?? [],
+			skeletonConfig: re({
 				defaultConfig: F.value,
-				userConfig: Ft.value
+				userConfig: kt.value
 			})
-		}), { userOptionsVisible: Lt, setUserOptionsVisibility: Rt, keepUserOptionState: zt } = ye({ config: F.value }), { svgRef: R } = be({ config: F.value.style.chart.title }), z = b({
+		}), { userOptionsVisible: jt, setUserOptionsVisibility: Mt, keepUserOptionState: Nt } = _e({ config: F.value }), { svgRef: R } = ve({ config: F.value.style.chart.title }), z = S({
 			showTable: F.value.table.show,
 			showTooltip: F.value.style.chart.tooltip.show
 		});
-		w(() => E.config, (e) => {
-			F.value = Pt(), Lt.value = !F.value.userOptions.showOnChartHover, Ct.value += 1, Tt.value += 1, wt.value += 1, z.value.showTable = F.value.table.show, z.value.showTooltip = F.value.style.chart.tooltip.show;
-		}), w(F, () => {
+		je(() => D.config, (e) => {
+			F.value = Ot(), jt.value = !F.value.userOptions.showOnChartHover, _t.value += 1, yt.value += 1, vt.value += 1, z.value.showTable = F.value.table.show, z.value.showTooltip = F.value.style.chart.tooltip.show;
+		}), je(F, () => {
 			z.value = {
 				showTable: F.value.table.show,
 				showTooltip: F.value.style.chart.tooltip.show
 			};
 		}, { immediate: !0 });
-		let Bt = c(() => ee(F.value.customPalette)), B = c(() => F.value.projection || "globe"), V = c(() => {
+		let Pt = d(() => t(F.value.customPalette)), B = d(() => F.value.projection || "globe"), V = d(() => {
 			let { height: e, width: t } = F.value.style.chart.dimensions;
 			return {
 				aitoff: {
@@ -2111,8 +2112,8 @@ var Be = {
 					height: e || 1e3
 				}
 			}[B.value];
-		}), H = c(() => {
-			let { minX: e, minY: t, width: n, height: r } = jt(At[B.value], P.features, V.value.width, V.value.height, J.value);
+		}), H = d(() => {
+			let { minX: e, minY: t, width: n, height: r } = Tt(wt[B.value], P.features, V.value.width, V.value.height, J.value);
 			return {
 				str: `${e} ${t} ${n} ${r}`,
 				minX: e,
@@ -2120,131 +2121,131 @@ var Be = {
 				width: n,
 				height: r
 			};
-		}), Vt = c(() => Object.values(L.value).map((e) => e.value)), Ht = c(() => Math.min(...Vt.value)), Ut = c(() => Math.max(...Vt.value));
-		function Wt(e) {
-			return typeof e == "number" ? re(F.value.style.chart.territory.colors.min || "#FFFFFF00", F.value.style.chart.territory.colors.max || Bt.value[0] || a[0], Ht.value, Ut.value, e) : F.value.style.chart.territory.emptyColor;
+		}), Ft = d(() => Object.values(L.value).map((e) => e.value)), It = d(() => Math.min(...Ft.value)), Lt = d(() => Math.max(...Ft.value));
+		function Rt(e) {
+			return typeof e == "number" ? ae(F.value.style.chart.territory.colors.min || "#FFFFFF00", F.value.style.chart.territory.colors.max || Pt.value[0] || a[0], It.value, Lt.value, e) : F.value.style.chart.territory.emptyColor;
 		}
-		function Gt(e) {
-			return Nt(e, {
+		function zt(e) {
+			return Dt(e, {
 				projection: B.value,
 				width: V.value.width,
 				height: V.value.height,
 				center: J.value
 			});
 		}
-		let Kt = c(() => {
+		let Bt = d(() => {
 			let e = Object.values(L.value).filter((e) => !!e.category), t = {};
 			return e.forEach((e) => {
 				t[e.category] || (t[e.category] = e);
 			}), Object.values(t).map((e, t) => ({
 				name: e.category,
-				color: e.color ? o(e.color) : Bt.value[t] || a[t] || a[t % a.length]
+				color: e.color ? l(e.color) : Pt.value[t] || a[t] || a[t % a.length]
 			}));
 		});
-		function qt(e) {
-			let t = Kt.value.find((t) => t.name === e);
+		function Vt(e) {
+			let t = Bt.value.find((t) => t.name === e);
 			return t ? t.color : "#000000";
 		}
-		let Jt = /* @__PURE__ */ new Map();
-		function Yt(e) {
-			return Jt.has(e) || Jt.set(e, `territory-${n()}`), Jt.get(e);
+		let Ht = /* @__PURE__ */ new Map();
+		function Ut(e) {
+			return Ht.has(e) || Ht.set(e, `territory-${i()}`), Ht.get(e);
 		}
-		let U = c(() => (J.value, P.features.map((e) => {
+		let U = d(() => (J.value, P.features.map((e) => {
 			let t = e.properties.iso_a3;
 			(!t || t === "-99") && (t = e.properties.iso_a3_eh);
 			let n = L.value[t];
 			return {
-				path: Gt(e.geometry),
+				path: zt(e.geometry),
 				name: e.properties.name,
 				geo: e,
 				code: t,
 				geometry: e.geometry,
-				color: n && n.color ? o(n.color) : n && n.category ? qt(n.category) : Wt(n ? n.value : null),
+				color: n && n.color ? l(n.color) : n && n.category ? Vt(n.category) : Rt(n ? n.value : null),
 				value: n ? n.value : null,
 				category: n && n.category || null,
 				isActive: !!n,
-				uid: Yt(t)
+				uid: Ut(t)
 			};
-		}))), W = b(!1);
-		function Xt(e) {
-			W.value = e, Dt.value += 1;
+		}))), W = S(!1);
+		function Wt(e) {
+			W.value = e, xt.value += 1;
 		}
-		let G = b(!1);
-		function Zt() {
+		let G = S(!1);
+		function Gt() {
 			G.value = !G.value;
 		}
-		function Qt() {
+		function Kt() {
 			z.value.showTable = !z.value.showTable;
 		}
-		function $t() {
+		function qt() {
 			z.value.showTooltip = !z.value.showTooltip;
 		}
-		let en = c(() => F.value.userOptions.show && !F.value.style.chart.title.text), { isPrinting: tn, isImaging: nn, generatePdf: rn, generateImage: an } = ue({
+		let Jt = d(() => F.value.userOptions.show && !F.value.style.chart.title.text), { isPrinting: Yt, isImaging: Xt, generatePdf: Zt, generateImage: Qt } = se({
 			elementId: `world_${k.value}`,
 			fileName: F.value.style.chart.title.text || "vue-ui-world",
 			options: F.value.userOptions.print
-		}), K = b(!1), on = b(null), q = b(null), sn = c(() => q.value ? Gt(q.value.geometry) : "");
-		function cn(e) {
+		}), K = S(!1), $t = S(null), q = S(null), en = d(() => q.value ? zt(q.value.geometry) : "");
+		function tn(e) {
 			return e ? e.type === "Polygon" ? e.coordinates : e.type === "MultiPolygon" ? e.coordinates.reduce((e, t) => t[0].length > (e[0]?.length || 0) ? t : e, []) : [] : [];
 		}
-		let ln = c(() => {
+		let nn = d(() => {
 			let e = q.value?.geometry;
 			if (!e) return "";
-			let t = cn(e);
+			let t = tn(e);
 			if (!t.length) return "";
-			let n = t.flat(), r = [n.reduce((e, [t]) => e + t, 0) / n.length, n.reduce((e, [, t]) => e + t, 0) / n.length], i = At[B.value] || At.globe, a = V.value.width, ee = V.value.height, te = t.map((e) => e.map(([e, t]) => i([e, t], a, ee, r))), ne = te.flat(), re = ne.map(([e, t]) => e), o = ne.map(([e, t]) => t), ie = Math.min(...re), ae = Math.max(...re), oe = Math.min(...o), se = Math.max(...o), ce = ae - ie || 1, le = se - oe || 1, ue = Math.min(64 / ce, 64 / le);
-			function de([e, t]) {
-				return [(e - ie) * ue + 8, (t - oe) * ue + 8];
+			let n = t.flat(), r = [n.reduce((e, [t]) => e + t, 0) / n.length, n.reduce((e, [, t]) => e + t, 0) / n.length], ee = wt[B.value] || wt.globe, i = V.value.width, a = V.value.height, te = t.map((e) => e.map(([e, t]) => ee([e, t], i, a, r))), o = te.flat(), s = o.map(([e, t]) => e), ne = o.map(([e, t]) => t), c = Math.min(...s), re = Math.max(...s), ie = Math.min(...ne), ae = Math.max(...ne), l = re - c || 1, oe = ae - ie || 1, se = Math.min(64 / l, 64 / oe);
+			function ce([e, t]) {
+				return [(e - c) * se + 8, (t - ie) * se + 8];
 			}
 			return `
         <svg width="80" height="80" viewBox="0 0 80 80" style="display:block;margin:auto;">
         <rect x="0" y="0" width="80" height="80" rx="12" fill="transparent" opacity="0.93"/>
-        <path d="${te.map((e) => "M" + e.map(de).map(([e, t]) => `${e},${t}`).join("L") + "Z").join(" ")}" fill="${q.value?.color || F.value.style.chart.territory.emptyColor}" stroke="${F.value.style.chart.territory.stroke}" stroke-width="1"/>
+        <path d="${te.map((e) => "M" + e.map(ce).map(([e, t]) => `${e},${t}`).join("L") + "Z").join(" ")}" fill="${q.value?.color || F.value.style.chart.territory.emptyColor}" stroke="${F.value.style.chart.territory.stroke}" stroke-width="1"/>
         </svg>
     `;
 		});
-		function un({ datapoint: e, seriesIndex: t }) {
+		function rn({ datapoint: e, seriesIndex: t }) {
 			A.value = !1, q.value = null, F.value.events.datapointLeave && F.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function dn({ datapoint: e, seriesIndex: t }) {
-			_t("selectDatapoint", e), F.value.events.datapointClick && F.value.events.datapointClick({
+		function an({ datapoint: e, seriesIndex: t }) {
+			ut("selectDatapoint", e), F.value.events.datapointClick && F.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function fn({ datapoint: e, seriesIndex: t }) {
+		function on({ datapoint: e, seriesIndex: t }) {
 			F.value.events.datapointEnter && F.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
-			}), q.value = e, on.value = {
+			}), q.value = e, $t.value = {
 				datapoint: e,
 				config: F.value,
 				series: U.value
 			}, A.value = !0;
-			let n = "", i = F.value.style.chart.tooltip.customFormat;
-			if (K.value = !1, ce(i)) try {
-				let t = i({
+			let n = "", r = F.value.style.chart.tooltip.customFormat;
+			if (K.value = !1, ne(r)) try {
+				let t = r({
 					datapoint: e,
 					config: F.value,
 					series: U.value
 				});
-				typeof t == "string" && (Et.value = t, K.value = !0);
+				typeof t == "string" && (bt.value = t, K.value = !0);
 			} catch {
 				console.warn("Custom format cannot be applied."), K.value = !1;
 			}
 			K.value || (n += `
         <div style="width:100%;">
-            ${F.value.style.chart.tooltip.showMinimap ? `<div class="vue-ui-world-minimap">${ln.value}</div>` : ""}
+            ${F.value.style.chart.tooltip.showMinimap ? `<div class="vue-ui-world-minimap">${nn.value}</div>` : ""}
             <div style="display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px">
                 <svg viewBox="0 0 20 20" height="14" width="14">
                     <circle cx="10" cy="10" r="10" fill="${e.color}"/>
                 </svg>
                 <span>${e.name}:</span>
                 <b>
-                    ${ae(F.value.style.chart.dataLabels.formatter, e.value, r({
+                    ${c(F.value.style.chart.dataLabels.formatter, e.value, o({
 				p: F.value.style.chart.dataLabels.prefix,
 				v: e.value,
 				s: F.value.style.chart.dataLabels.suffix,
@@ -2253,71 +2254,71 @@ var Be = {
                 </b>
             </div>
         </div>
-        `, Et.value = `<div>${n}</div>`);
+        `, bt.value = `<div>${n}</div>`);
 		}
-		let pn = b(!1), mn = b({
+		let sn = S(!1), cn = S({
 			x: 0,
 			y: 0
-		}), J = b([F.value.style.chart.globe.center.x, F.value.style.chart.globe.center.y]), hn = [0, 0], Y = null, X = null;
-		function gn(e) {
+		}), J = S([F.value.style.chart.globe.center.x, F.value.style.chart.globe.center.y]), ln = [0, 0], Y = null, X = null;
+		function un(e) {
 			return Math.max(-90, Math.min(90, e));
 		}
-		function _n(e) {
+		function dn(e) {
 			return ((e + 180) % 360 + 360) % 360 - 180;
 		}
-		function vn() {
+		function fn() {
 			Y &&= (J.value = Y, null);
 		}
-		function yn(e) {
+		function pn(e) {
 			if (Y = e, typeof requestAnimationFrame > "u") {
-				vn();
+				fn();
 				return;
 			}
 			X === null && (X = requestAnimationFrame(() => {
-				X = null, vn();
+				X = null, fn();
 			}));
 		}
-		w(() => [F.value.style.chart.globe.center.x, F.value.style.chart.globe.center.y], ([e, t]) => {
+		je(() => [F.value.style.chart.globe.center.x, F.value.style.chart.globe.center.y], ([e, t]) => {
 			J.value = [e, t], Y = null;
 		});
-		function bn(e, t) {
-			pn.value = !0, mn.value = {
+		function mn(e, t) {
+			sn.value = !0, cn.value = {
 				x: e,
 				y: t
-			}, hn = Y || [J.value[0], J.value[1]];
+			}, ln = Y || [J.value[0], J.value[1]];
 		}
-		function xn(e, t) {
-			if (!pn.value || B.value !== "globe" || G.value) return;
-			let n = e - mn.value.x, r = t - mn.value.y;
-			yn([_n(hn[0] - n * ft), gn(hn[1] + r * ft)]);
+		function hn(e, t) {
+			if (!sn.value || B.value !== "globe" || G.value) return;
+			let n = e - cn.value.x, r = t - cn.value.y;
+			pn([dn(ln[0] - n * at), un(ln[1] + r * at)]);
 		}
-		function Sn() {
-			pn.value = !1, X !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(X), X = null), vn();
+		function gn() {
+			sn.value = !1, X !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(X), X = null), fn();
 		}
-		function Cn(e) {
-			bn(e.clientX, e.clientY);
+		function _n(e) {
+			mn(e.clientX, e.clientY);
 		}
-		function wn(e) {
-			xn(e.clientX, e.clientY);
+		function vn(e) {
+			hn(e.clientX, e.clientY);
 		}
-		function Tn() {
-			Sn();
+		function yn() {
+			gn();
 		}
-		function En(e) {
+		function bn(e) {
 			let t = e.touches[0];
-			bn(t.clientX, t.clientY);
+			mn(t.clientX, t.clientY);
 		}
-		function Dn(e) {
+		function xn(e) {
 			let t = e.touches[0];
-			xn(t.clientX, t.clientY);
+			hn(t.clientX, t.clientY);
 		}
-		function On() {
-			Sn();
+		function Sn() {
+			gn();
 		}
-		De(() => {
+		Ee(() => {
 			X !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(X), X = null);
 		});
-		let kn = c(() => {
+		let Cn = d(() => {
 			let e = U.value.toSorted((e, t) => (t.value || 0) - (e.value || 0));
 			return {
 				head: e.map((e) => ({
@@ -2327,17 +2328,17 @@ var Be = {
 				})),
 				body: e.map((e) => e.value || 0)
 			};
-		}), An = c(() => {
+		}), wn = d(() => {
 			let e = [
 				F.value.table.columnNames.series,
 				F.value.table.columnNames.value,
 				F.value.table.columnNames.category
-			], t = kn.value.head.map((e, t) => [
+			], t = Cn.value.head.map((e, t) => [
 				{
 					color: e.color,
 					name: e.name
 				},
-				kn.value.body[t] || 0,
+				Cn.value.body[t] || 0,
 				{ category: e.category }
 			]), n = {
 				th: {
@@ -2359,9 +2360,9 @@ var Be = {
 				config: n
 			};
 		});
-		function jn(e = null) {
-			Te(() => {
-				let t = kn.value.head.map((e, t) => [[e.name], [kn.value.body[t]]]), n = te([
+		function Tn(e = null) {
+			we(() => {
+				let t = Cn.value.head.map((e, t) => [[e.name], [Cn.value.body[t]]]), n = r([
 					[F.value.style.chart.title.text],
 					[F.value.style.chart.title.subtitle.text],
 					[[
@@ -2370,22 +2371,22 @@ var Be = {
 						F.value.table.columnNames.category
 					]]
 				].concat(t));
-				e ? e(n) : ne({
+				e ? e(n) : te({
 					csvContent: n,
 					title: F.value.style.chart.title.text || "vue-ui-world"
 				});
 			});
 		}
-		let Z = b([]);
-		function Mn() {
+		let Z = S([]);
+		function En() {
 			Z.value.length ? Z.value = [] : Q.value.forEach((e) => {
 				Z.value.push(e.name);
 			});
 		}
-		function Nn(e) {
-			Z.value.includes(e) ? Z.value = Z.value.filter((t) => t !== e) : Z.value.push(e), _t("selectLegend", { name: e });
+		function Dn(e) {
+			Z.value.includes(e) ? Z.value = Z.value.filter((t) => t !== e) : Z.value.push(e), ut("selectLegend", { name: e });
 		}
-		let Q = c(() => vt ? Kt.value.map(({ name: e, color: t }, n) => ({
+		let Q = d(() => ft ? Bt.value.map(({ name: e, color: t }, n) => ({
 			name: e,
 			color: t,
 			shape: "circle",
@@ -2393,9 +2394,9 @@ var Be = {
 		})).map((e) => ({
 			...e,
 			opacity: Z.value.includes(e.name) ? .5 : 1,
-			segregate: () => Nn(e.name),
+			segregate: () => Dn(e.name),
 			isSegregated: Z.value.includes(e.name)
-		})) : []), Pn = c(() => ({
+		})) : []), On = d(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: F.value.style.chart.legend.backgroundColor,
 			color: F.value.style.chart.legend.color,
@@ -2403,30 +2404,30 @@ var Be = {
 			paddingBottom: 12,
 			fontWeight: F.value.style.chart.legend.bold ? "bold" : ""
 		}));
-		function Fn() {
+		function kn() {
 			return U.value;
 		}
-		async function In({ scale: e = 2 } = {}) {
+		async function An({ scale: e = 2 } = {}) {
 			if (!O.value) return;
-			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await he({
+			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: ee, base64: i } = await fe({
 				domElement: O.value,
 				base64: !0,
 				img: !0,
 				scale: e
 			});
 			return {
-				imageUri: i,
-				base64: a,
+				imageUri: ee,
+				base64: i,
 				title: F.value.style.chart.title.text,
 				width: t,
 				height: n,
 				aspectRatio: r
 			};
 		}
-		let $ = c(() => {
+		let $ = d(() => {
 			let e = F.value.table.useDialog && !F.value.table.show, t = z.value.showTable;
 			return {
-				component: e ? ht : Re,
+				component: e ? ct : Re,
 				title: `${F.value.style.chart.title.text}${F.value.style.chart.title.subtitle.text ? `: ${F.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: F.value.table.th.backgroundColor,
@@ -2454,36 +2455,36 @@ var Be = {
 				}
 			};
 		});
-		w(() => z.value.showTable, (e) => {
+		je(() => z.value.showTable, (e) => {
 			F.value.table.show || (e && F.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
 		});
-		function Ln() {
-			z.value.showTable = !1, kt.value && kt.value.setTableIconState(!1);
+		function jn() {
+			z.value.showTable = !1, Ct.value && Ct.value.setTableIconState(!1);
 		}
-		let Rn = c(() => F.value.style.chart.backgroundColor), zn = c(() => F.value.style.chart.legend), { exportSvg: Bn, getSvg: Vn } = pe({
+		let Mn = d(() => F.value.style.chart.backgroundColor), Nn = d(() => F.value.style.chart.legend), { exportSvg: Pn, getSvg: Fn } = ue({
 			svg: R,
-			title: c(() => F.value.style.chart.title),
-			legend: zn,
+			title: d(() => F.value.style.chart.title),
+			legend: Nn,
 			legendItems: Q,
-			backgroundColor: Rn
+			backgroundColor: Mn
 		});
-		async function Hn({ isCb: e }) {
-			N.value = !0, await Te();
+		async function In({ isCb: e }) {
+			N.value = !0, await we();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Vn();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Fn();
 					await Promise.resolve(F.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Bn());
+				} else await Promise.resolve(Pn());
 			} finally {
 				N.value = !1;
 			}
 		}
-		function Un(e) {
+		function Ln(e) {
 			if (e?.stage === "start") {
 				M.value = !0;
 				return;
@@ -2492,10 +2493,10 @@ var Be = {
 				M.value = !1;
 				return;
 			}
-			an();
+			Qt();
 		}
-		async function Wn() {
-			if (_t("copyAlt", {
+		async function Rn() {
+			if (ut("copyAlt", {
 				config: F.value,
 				dataset: U.value
 			}), !F.value.userOptions.callbacks.altCopy) {
@@ -2507,42 +2508,42 @@ var Be = {
 				dataset: U.value
 			}));
 		}
-		return _e({
-			getData: Fn,
-			getImage: In,
-			generatePdf: rn,
-			generateCsv: jn,
-			generateImage: an,
-			generateSvg: Hn,
-			toggleTable: Qt,
-			toggleTooltip: $t,
-			toggleAnnotator: Zt,
-			toggleFullscreen: Xt,
-			copyAlt: Wn
-		}), (e, n) => (y(), d("div", {
+		return me({
+			getData: kn,
+			getImage: An,
+			generatePdf: Zt,
+			generateCsv: Tn,
+			generateImage: Qt,
+			generateSvg: In,
+			toggleTable: Kt,
+			toggleTooltip: qt,
+			toggleAnnotator: Gt,
+			toggleFullscreen: Wt,
+			copyAlt: Rn
+		}), (e, t) => (x(), m("div", {
 			ref_key: "worldChart",
 			ref: O,
 			id: `world_${k.value}`,
-			class: Ee(`vue-data-ui-component vue-ui-world ${W.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			style: v(`font-family:${F.value.style.fontFamily};width:100%; text-align:center;background:${F.value.style.chart.backgroundColor}`),
-			onMouseenter: n[2] ||= () => C(Rt)(!0),
-			onMouseleave: n[3] ||= () => C(Rt)(!1)
+			class: Te(`vue-data-ui-component vue-ui-world ${W.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			style: b(`font-family:${F.value.style.fontFamily};width:100%; text-align:center;background:${F.value.style.chart.backgroundColor}`),
+			onMouseenter: t[2] ||= () => T(Mt)(!0),
+			onMouseleave: t[3] ||= () => T(Mt)(!1)
 		}, [
-			F.value.userOptions.buttons.annotator && C(R) ? (y(), l(C(Ve), {
+			F.value.userOptions.buttons.annotator && T(R) ? (x(), f(T(Ve), {
 				key: 0,
 				color: F.value.style.chart.color,
 				backgroundColor: F.value.style.chart.backgroundColor,
 				active: G.value,
-				svgRef: C(R),
+				svgRef: T(R),
 				isCursorPointer: I.value,
-				onClose: Zt
+				onClose: Gt
 			}, {
-				"annotator-action-close": T(() => [x(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": T(({ color: t }) => [x(e.$slots, "annotator-action-color", _(g({ color: t })), void 0, !0)]),
-				"annotator-action-draw": T(({ mode: t }) => [x(e.$slots, "annotator-action-draw", _(g({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": T(({ disabled: t }) => [x(e.$slots, "annotator-action-undo", _(g({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": T(({ disabled: t }) => [x(e.$slots, "annotator-action-redo", _(g({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": T(({ disabled: t }) => [x(e.$slots, "annotator-action-delete", _(g({ disabled: t })), void 0, !0)]),
+				"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", y(v({ color: t })), void 0, !0)]),
+				"annotator-action-draw": E(({ mode: t }) => [C(e.$slots, "annotator-action-draw", y(v({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-undo", y(v({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-redo", y(v({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": E(({ disabled: t }) => [C(e.$slots, "annotator-action-delete", y(v({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"color",
@@ -2550,22 +2551,22 @@ var Be = {
 				"active",
 				"svgRef",
 				"isCursorPointer"
-			])) : u("", !0),
-			x(e.$slots, "userConfig", {}, void 0, !0),
-			en.value ? (y(), d("div", {
+			])) : p("", !0),
+			C(e.$slots, "userConfig", {}, void 0, !0),
+			Jt.value ? (x(), m("div", {
 				key: 1,
 				ref_key: "noTitle",
-				ref: St,
+				ref: gt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : u("", !0),
-			F.value.style.chart.title.text ? (y(), d("div", {
+			}, null, 512)) : p("", !0),
+			F.value.style.chart.title.text ? (x(), m("div", {
 				key: 2,
 				ref_key: "chartTitle",
-				ref: yt,
+				ref: pt,
 				style: "width:100%;background:transparent"
-			}, [(y(), l(C(Pe), {
-				key: `title_${Ct.value}`,
+			}, [(x(), f(T(Pe), {
+				key: `title_${_t.value}`,
 				config: {
 					title: {
 						cy: "donut-div-title",
@@ -2576,16 +2577,16 @@ var Be = {
 						...F.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : u("", !0),
-			f("div", { id: `legend-top-${k.value}` }, null, 8, Ue),
-			F.value.userOptions.show && D.value && (C(zt) || C(Lt)) ? (y(), l(C(pt), {
+			}, null, 8, ["config"]))], 512)) : p("", !0),
+			h("div", { id: `legend-top-${k.value}` }, null, 8, Ue),
+			F.value.userOptions.show && dt.value && (T(Nt) || T(jt)) ? (x(), f(T(ot), {
 				ref_key: "userOptionsRef",
-				ref: kt,
-				key: `user_option_${Dt.value}`,
+				ref: Ct,
+				key: `user_option_${xt.value}`,
 				backgroundColor: F.value.style.chart.backgroundColor,
 				color: F.value.style.chart.color,
-				isPrinting: C(tn),
-				isImaging: C(nn),
+				isPrinting: T(Yt),
+				isImaging: T(Xt),
 				uid: k.value,
 				callbacks: F.value.userOptions.callbacks,
 				hasTooltip: F.value.style.chart.tooltip.show && F.value.userOptions.buttons.tooltip,
@@ -2607,20 +2608,20 @@ var Be = {
 				isAnnotation: G.value,
 				tableDialog: F.value.table.useDialog,
 				isCursorPointer: I.value,
-				onToggleFullscreen: Xt,
-				onGeneratePdf: C(rn),
-				onGenerateCsv: jn,
-				onGenerateImage: Un,
-				onGenerateSvg: Hn,
-				onToggleTable: Qt,
-				onToggleTooltip: $t,
-				onToggleAnnotator: Zt,
-				onCopyAlt: Wn,
-				style: v({ visibility: C(zt) ? C(Lt) ? "visible" : "hidden" : "visible" })
-			}, Ce({ _: 2 }, [
+				onToggleFullscreen: Wt,
+				onGeneratePdf: T(Zt),
+				onGenerateCsv: Tn,
+				onGenerateImage: Ln,
+				onGenerateSvg: In,
+				onToggleTable: Kt,
+				onToggleTooltip: qt,
+				onToggleAnnotator: Gt,
+				onCopyAlt: Rn,
+				style: b({ visibility: T(Nt) ? T(jt) ? "visible" : "hidden" : "visible" })
+			}, xe({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: T(({ isOpen: t, color: n }) => [x(e.$slots, "menuIcon", _(g({
+					fn: E(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", y(v({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -2628,37 +2629,37 @@ var Be = {
 				} : void 0,
 				e.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: T(() => [x(e.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: E(() => [C(e.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: T(() => [x(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: E(() => [C(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: T(() => [x(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: E(() => [C(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: T(() => [x(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: E(() => [C(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: T(() => [x(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: E(() => [C(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: T(() => [x(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: E(() => [C(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: T(({ toggleFullscreen: t, isFullscreen: n }) => [x(e.$slots, "optionFullscreen", _(g({
+					fn: E(({ toggleFullscreen: t, isFullscreen: n }) => [C(e.$slots, "optionFullscreen", y(v({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -2666,7 +2667,7 @@ var Be = {
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: T(({ toggleAnnotator: t, isAnnotator: n }) => [x(e.$slots, "optionAnnotator", _(g({
+					fn: E(({ toggleAnnotator: t, isAnnotator: n }) => [C(e.$slots, "optionAnnotator", y(v({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -2674,30 +2675,30 @@ var Be = {
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: T(({ altCopy: t }) => [x(e.$slots, "optionAltCopy", _(g({ altCopy: t })), void 0, !0)]),
+					fn: E(({ altCopy: t }) => [C(e.$slots, "optionAltCopy", y(v({ altCopy: t })), void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: T(() => [x(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: E(() => [C(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "10"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: T(() => [x(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: E(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "11"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.callbacks.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.printScale.isTooltip.titles.hasAnnotator.isAnnotation.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : u("", !0),
-			(y(), d("svg", {
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.callbacks.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.printScale.isTooltip.titles.hasAnnotator.isAnnotation.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : p("", !0),
+			(x(), m("svg", {
 				ref_key: "svgRef",
 				ref: R,
 				viewBox: H.value.str,
-				xmlns: C(se),
-				class: Ee({
+				xmlns: T(ie),
+				class: Te({
 					"vue-data-ui-fullscreen--on": W.value,
 					"vue-data-ui-fullscreen--off": !W.value
 				}),
-				style: v({
+				style: b({
 					maxWidth: "100%",
 					overflow: B.value === "globe" ? "visible" : "hidden",
 					background: "transparent",
@@ -2707,117 +2708,127 @@ var Be = {
 					paddingBottom: F.value.style.chart.padding.bottom + "px",
 					paddingLeft: F.value.style.chart.padding.left + "px"
 				}),
-				onMousedown: Cn,
-				onMousemove: wn,
-				onMouseup: Tn,
-				onMouseleave: Tn,
-				onTouchstart: En,
-				onTouchmove: Me(Dn, ["prevent"]),
-				onTouchend: On
+				onMousedown: _n,
+				onMousemove: vn,
+				onMouseup: yn,
+				onMouseleave: yn,
+				onTouchstart: bn,
+				onTouchmove: Me(xn, ["prevent"]),
+				onTouchend: Sn
 			}, [
-				m(C(mt)),
-				e.$slots["chart-background"] ? (y(), d("foreignObject", {
+				g(T(st)),
+				e.$slots["chart-background"] ? (x(), m("foreignObject", {
 					key: 0,
 					x: H.value.minX,
 					y: H.value.minY,
 					width: H.value.width,
 					height: H.value.height,
 					style: { pointerEvents: "none" }
-				}, [x(e.$slots, "chart-background", {}, void 0, !0)], 8, Ge)) : u("", !0),
-				D.value ? (y(), d("g", Ke, [
-					B.value === "globe" ? (y(), d(s, { key: 0 }, [
-						f("defs", null, [
-							f("radialGradient", {
+				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, Ge)) : p("", !0),
+				dt.value ? (x(), m("g", Ke, [
+					B.value === "globe" ? (x(), m(u, { key: 0 }, [
+						h("defs", null, [
+							g(he, {
+								t: "radial",
 								id: `water-${k.value}`,
 								cx: .48,
 								cy: .52,
 								r: "0.55",
 								fx: "0.40",
-								fy: "0.48"
-							}, [
-								f("stop", {
-									offset: "0%",
-									"stop-color": C(t)(F.value.style.chart.globe.waterColor, .4)
-								}, null, 8, Je),
-								f("stop", {
-									offset: "45%",
-									"stop-color": F.value.style.chart.globe.waterColor
-								}, null, 8, Ye),
-								f("stop", {
-									offset: "80%",
-									"stop-color": C(oe)(F.value.style.chart.globe.waterColor, .2)
-								}, null, 8, Xe),
-								f("stop", {
-									offset: "100%",
-									"stop-color": C(oe)(F.value.style.chart.globe.waterColor, .5),
-									"stop-opacity": "0.95"
-								}, null, 8, Ze)
-							], 8, qe),
-							f("radialGradient", {
+								fy: "0.48",
+								stops: [
+									[
+										"0%",
+										T(n)(F.value.style.chart.globe.waterColor, .4),
+										1
+									],
+									[
+										"45%",
+										F.value.style.chart.globe.waterColor,
+										1
+									],
+									[
+										"80%",
+										T(ee)(F.value.style.chart.globe.waterColor, .2),
+										1
+									],
+									[
+										"100%",
+										T(ee)(F.value.style.chart.globe.waterColor, .5),
+										.95
+									]
+								]
+							}, null, 8, ["id", "stops"]),
+							g(he, {
+								t: "radial",
 								id: `atmo-realistic-${k.value}`,
 								cx: .5,
 								cy: .5,
-								r: "0.54"
-							}, [
-								n[4] ||= f("stop", {
-									offset: "87%",
-									"stop-color": "rgba(120,200,255,0)"
-								}, null, -1),
-								f("stop", {
-									offset: "98%",
-									"stop-color": F.value.style.chart.globe.waterColor
-								}, null, 8, $e),
-								n[5] ||= f("stop", {
-									offset: "100%",
-									"stop-color": "rgba(120,200,255,0)"
-								}, null, -1)
-							], 8, Qe),
-							f("filter", {
+								r: "0.54",
+								stops: [
+									[
+										"87%",
+										"rgba(120,200,255,0)",
+										1
+									],
+									[
+										"98%",
+										F.value.style.chart.globe.waterColor,
+										1
+									],
+									[
+										"100%",
+										"rgba(120,200,255,0)",
+										1
+									]
+								]
+							}, null, 8, ["id", "stops"]),
+							h("filter", {
 								id: `blur-${k.value}`,
 								x: "-30%",
 								y: "-30%",
 								width: "160%",
 								height: "160%"
-							}, [...n[6] ||= [f("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, et)
+							}, [...t[4] ||= [h("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, qe)
 						]),
-						e.$slots.pattern ? (y(), d("g", tt, [(y(!0), d(s, null, ke(U.value, (t, n) => (y(), d("defs", null, [x(e.$slots, "pattern", we({ ref_for: !0 }, {
+						e.$slots.pattern ? (x(), m("g", Je, [(x(!0), m(u, null, Oe(U.value, (t, n) => (x(), m("defs", null, [C(e.$slots, "pattern", Ce({ ref_for: !0 }, {
 							...t,
 							patternId: `pattern_${k.value}_${t.code}`
-						}), void 0, !0)]))), 256))])) : u("", !0),
-						f("circle", {
+						}), void 0, !0)]))), 256))])) : p("", !0),
+						h("circle", {
 							cx: H.value.width / 2 + 20,
 							cy: H.value.height / 2 + 20,
 							r: H.value.height / 2,
 							fill: `url(#water-${k.value})`
-						}, null, 8, nt),
-						f("circle", {
+						}, null, 8, Ye),
+						h("circle", {
 							cx: H.value.width / 2 + 20,
 							cy: H.value.height / 2 + 20,
 							r: H.value.height / 2 + 10,
 							fill: `url(#atmo-realistic-${k.value})`,
 							"pointer-events": "none",
 							filter: `url(#blur-${k.value})`
-						}, null, 8, rt)
-					], 64)) : u("", !0),
-					(y(!0), d(s, null, ke(U.value, (t, n) => (y(), d(s, { key: t.code }, [f("path", {
+						}, null, 8, Xe)
+					], 64)) : p("", !0),
+					(x(!0), m(u, null, Oe(U.value, (t, n) => (x(), m(u, { key: t.code }, [h("path", {
 						d: t.path,
 						fill: t.category && Z.value.includes(t.category) ? F.value.style.chart.territory.emptyColor : t.color,
 						stroke: F.value.style.chart.territory.stroke,
 						"stroke-width": q.value && q.value.uid === t.uid ? F.value.style.chart.territory.strokeWidthSelected : F.value.style.chart.territory.strokeWidth,
-						onMouseenter: (e) => fn({
+						onMouseenter: (e) => on({
 							datapoint: t,
 							seriesIndex: n
 						}),
-						onMouseleave: (e) => un({
+						onMouseleave: (e) => rn({
 							datapoint: t,
 							seriesIndex: n
 						}),
-						onClick: (e) => dn({
+						onClick: (e) => an({
 							datapoint: t,
 							seriesIndex: n
 						}),
 						class: "vue-ui-world-territory"
-					}, [!A.value || !z.value.showTooltip ? (y(), d("title", at, [p(S(t.name) + " ", 1), typeof t.value == "number" ? (y(), d(s, { key: 0 }, [p(" : " + S(t.value), 1)], 64)) : u("", !0)])) : u("", !0)], 40, it), e.$slots.pattern ? (y(), d("path", {
+					}, [!A.value || !z.value.showTooltip ? (x(), m("title", Qe, [Se(w(t.name) + " ", 1), typeof t.value == "number" ? (x(), m(u, { key: 0 }, [Se(" : " + w(t.value), 1)], 64)) : p("", !0)])) : p("", !0)], 40, Ze), e.$slots.pattern ? (x(), m("path", {
 						key: 0,
 						d: t.path,
 						fill: `url(#pattern_${k.value}_${t.code})`,
@@ -2825,63 +2836,63 @@ var Be = {
 						"stroke-width": F.value.style.chart.territory.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, ot)) : u("", !0)], 64))), 128)),
-					q.value ? (y(), d("path", {
+					}, null, 8, $e)) : p("", !0)], 64))), 128)),
+					q.value ? (x(), m("path", {
 						key: 1,
-						d: sn.value,
+						d: en.value,
 						fill: "transparent",
 						stroke: F.value.style.chart.territory.stroke,
 						"stroke-width": F.value.style.chart.territory.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, st)) : u("", !0)
-				])) : u("", !0),
-				x(e.$slots, "svg", { svg: {
+					}, null, 8, et)) : p("", !0)
+				])) : p("", !0),
+				C(e.$slots, "svg", { svg: {
 					height: V.value.height,
 					width: V.value.width,
-					isPrintingImg: C(tn) || C(nn) || M.value,
+					isPrintingImg: T(Yt) || T(Xt) || M.value,
 					isPrintingSvg: N.value
 				} }, void 0, !0)
 			], 46, We)),
-			e.$slots.watermark ? (y(), d("div", ct, [x(e.$slots, "watermark", _(g({ isPrinting: C(tn) || C(nn) || M.value || N.value })), void 0, !0)])) : u("", !0),
-			f("div", { id: `legend-bottom-${k.value}` }, null, 8, lt),
-			Ot.value && vt.value && (F.value.style.chart.legend.show || e.$slots.legend) ? (y(), l(Se, {
+			e.$slots.watermark ? (x(), m("div", tt, [C(e.$slots, "watermark", y(v({ isPrinting: T(Yt) || T(Xt) || M.value || N.value })), void 0, !0)])) : p("", !0),
+			h("div", { id: `legend-bottom-${k.value}` }, null, 8, nt),
+			St.value && ft.value && (F.value.style.chart.legend.show || e.$slots.legend) ? (x(), f(be, {
 				key: 5,
 				to: F.value.style.chart.legend.position === "top" ? `#legend-top-${k.value}` : `#legend-bottom-${k.value}`
-			}, [vt.value ? (y(), d("div", {
+			}, [ft.value ? (x(), m("div", {
 				key: 0,
 				ref_key: "chartLegend",
-				ref: bt
-			}, [x(e.$slots, "legend", { legend: Q.value }, () => [F.value.style.chart.legend.show ? (y(), l(C(Fe), {
-				key: `legend_${wt.value}`,
+				ref: mt
+			}, [C(e.$slots, "legend", { legend: Q.value }, () => [F.value.style.chart.legend.show ? (x(), f(T(Fe), {
+				key: `legend_${vt.value}`,
 				legendSet: Q.value,
-				config: Pn.value,
+				config: On.value,
 				isCursorPointer: I.value,
-				onClickMarker: n[0] ||= (e) => Nn(e)
-			}, Ce({
-				item: T(({ legend: e, index: t }) => [f("div", {
-					style: v(`opacity:${Z.value.includes(e.name) ? .5 : 1}`),
+				onClickMarker: t[0] ||= (e) => Dn(e)
+			}, xe({
+				item: E(({ legend: e, index: t }) => [h("div", {
+					style: b(`opacity:${Z.value.includes(e.name) ? .5 : 1}`),
 					onClick: (t) => e.segregate()
-				}, S(e.name), 13, ut)]),
-				legendToggle: T(() => [Q.value.length > 2 && F.value.style.chart.legend.selectAllToggle.show && !C(It) ? (y(), l(ve, {
+				}, w(e.name), 13, rt)]),
+				legendToggle: E(() => [Q.value.length > 2 && F.value.style.chart.legend.selectAllToggle.show && !T(At) ? (x(), f(ge, {
 					key: 0,
 					backgroundColor: F.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: F.value.style.chart.legend.selectAllToggle.color,
 					fontSize: F.value.style.chart.legend.fontSize,
 					checked: Z.value.length > 0,
 					isCursorPointer: I.value,
-					onToggle: Mn
+					onToggle: En
 				}, null, 8, [
 					"backgroundColor",
 					"color",
 					"fontSize",
 					"checked",
 					"isCursorPointer"
-				])) : u("", !0)]),
+				])) : p("", !0)]),
 				_: 2
 			}, [e.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: T(({ legend: e, index: t }) => [m(ge, {
+				fn: E(({ legend: e, index: t }) => [g(pe, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -2896,14 +2907,14 @@ var Be = {
 				"legendSet",
 				"config",
 				"isCursorPointer"
-			])) : u("", !0)], !0)], 512)) : u("", !0)], 8, ["to"])) : u("", !0),
-			e.$slots.source ? (y(), d("div", {
+			])) : p("", !0)], !0)], 512)) : p("", !0)], 8, ["to"])) : p("", !0),
+			e.$slots.source ? (x(), m("div", {
 				key: 6,
 				ref_key: "source",
-				ref: xt,
+				ref: ht,
 				dir: "auto"
-			}, [x(e.$slots, "source", {}, void 0, !0)], 512)) : u("", !0),
-			m(C(Ie), {
+			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
+			g(T(Ie), {
 				teleportTo: F.value.style.chart.tooltip.teleportTo,
 				show: z.value.showTooltip && A.value,
 				backgroundColor: F.value.style.chart.tooltip.backgroundColor,
@@ -2917,7 +2928,7 @@ var Be = {
 				offsetX: F.value.style.chart.tooltip.offsetX,
 				offsetY: F.value.style.chart.tooltip.offsetY,
 				parent: O.value,
-				content: Et.value,
+				content: bt.value,
 				isCustom: K.value,
 				isFullscreen: W.value,
 				smooth: F.value.style.chart.tooltip.smooth,
@@ -2925,9 +2936,9 @@ var Be = {
 				smoothForce: F.value.style.chart.tooltip.smoothForce,
 				smoothSnapThreshold: F.value.style.chart.tooltip.smoothSnapThreshold
 			}, {
-				"tooltip-before": T(() => [x(e.$slots, "tooltip-before", _(g({ ...on.value })), void 0, !0)]),
-				tooltip: T(() => [x(e.$slots, "tooltip", _(g({ ...on.value })), void 0, !0)]),
-				"tooltip-after": T(() => [x(e.$slots, "tooltip-after", _(g({ ...on.value })), void 0, !0)]),
+				"tooltip-before": E(() => [C(e.$slots, "tooltip-before", y(v({ ...$t.value })), void 0, !0)]),
+				tooltip: E(() => [C(e.$slots, "tooltip", y(v({ ...$t.value })), void 0, !0)]),
+				"tooltip-after": E(() => [C(e.$slots, "tooltip-after", y(v({ ...$t.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -2951,30 +2962,30 @@ var Be = {
 				"smoothForce",
 				"smoothSnapThreshold"
 			]),
-			D.value && F.value.userOptions.buttons.table ? (y(), l(Ae($.value.component), we({ key: 7 }, $.value.props, {
+			dt.value && F.value.userOptions.buttons.table ? (x(), f(ke($.value.component), Ce({ key: 7 }, $.value.props, {
 				ref_key: "tableUnit",
 				ref: j,
-				onClose: Ln
-			}), Ce({
-				content: T(() => [(y(), l(C(ze), {
-					key: `table_${Tt.value}`,
-					colNames: An.value.colNames,
-					head: An.value.head,
-					body: An.value.body,
-					config: An.value.config,
+				onClose: jn
+			}), xe({
+				content: E(() => [(x(), f(T(ze), {
+					key: `table_${yt.value}`,
+					colNames: wn.value.colNames,
+					head: wn.value.head,
+					body: wn.value.body,
+					config: wn.value.config,
 					title: F.value.table.useDialog ? "" : $.value.title,
 					withCloseButton: !F.value.table.useDialog,
 					isCursorPointer: I.value,
-					onClose: Ln
+					onClose: jn
 				}, {
-					th: T(({ th: e }) => [f("div", {
+					th: E(({ th: e }) => [h("div", {
 						innerHTML: e,
 						style: {
 							display: "flex",
 							"align-items": "center"
 						}
-					}, null, 8, dt)]),
-					td: T(({ td: e }) => [p(S(e.name ? e.name : e.category ? e.category : C(ae)(F.value.style.chart.dataLabels.formatter, e, C(r)({
+					}, null, 8, it)]),
+					td: E(({ td: e }) => [Se(w(e.name ? e.name : e.category ? e.category : T(c)(F.value.style.chart.dataLabels.formatter, e, T(o)({
 						p: F.value.style.chart.dataLabels.prefix,
 						v: e,
 						s: F.value.style.chart.dataLabels.suffix,
@@ -2993,24 +3004,24 @@ var Be = {
 				_: 2
 			}, [F.value.table.useDialog ? {
 				name: "title",
-				fn: T(() => [p(S($.value.title), 1)]),
+				fn: E(() => [Se(w($.value.title), 1)]),
 				key: "0"
 			} : void 0, F.value.table.useDialog ? {
 				name: "actions",
-				fn: T(() => [f("button", {
+				fn: E(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[1] ||= (e) => jn(F.value.userOptions.callbacks.csv),
-					style: v({ cursor: I.value ? "pointer" : "default" })
-				}, [m(C(Le), {
+					onClick: t[1] ||= (e) => Tn(F.value.userOptions.callbacks.csv),
+					style: b({ cursor: I.value ? "pointer" : "default" })
+				}, [g(T(Le), {
 					name: "fileCsv",
 					stroke: $.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : u("", !0),
-			x(e.$slots, "skeleton", {}, () => [C(It) ? (y(), l(fe, { key: 0 })) : u("", !0)], !0)
+			} : void 0]), 1040)) : p("", !0),
+			C(e.$slots, "skeleton", {}, () => [T(At) ? (x(), f(le, { key: 0 })) : p("", !0)], !0)
 		], 46, He));
 	}
-}, [["__scopeId", "data-v-b9730cc4"]]);
+}, [["__scopeId", "data-v-bd5b965c"]]);
 //#endregion
-export { Ve as n, pt as t };
+export { Ve as n, ot as t };