vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-world-Bc4hMzzB.js → vue-ui-world-KkcpeKqp.js}

@@ -1,20 +1,20 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, Lt as i, S as a, X as ee, Y as te, Z as ne, Zt as re, bt as o, i as ie, jt as ae, q as oe, t as se, w as ce, xt as le } from "./lib-Dql7cqyA.js";
-import { n as ue, t as de } from "./useHints-Dq_w2E8B.js";
-import { t as fe } from "./useConfig-D32D002m.js";
-import { t as pe } from "./usePrinter-hohanNCX.js";
-import { n as me, t as he } from "./BaseScanner-Dzc8VT3j.js";
-import { t as ge } from "./useNestedProp-Chvyfpl-.js";
-import { t as _e } from "./useChartExport-iwOqiIWX.js";
-import { t as ve } from "./img-BkMKbWsI.js";
-import { t as ye } from "./Shape-CIqU-p2F.js";
-import { t as be } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as xe } from "./DefGrad-DVBqDjhO.js";
-import { t as Se } from "./BaseLegendToggle-CXQrLjd-.js";
-import { t as Ce } from "./useUserOptionState-DK-_1ddE.js";
-import { t as we } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Te } from "./geoProjections-BYthUA8l.js";
-import { Fragment as s, Teleport as Ee, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as De, createTextVNode as p, createVNode as m, defineAsyncComponent as h, guardReactiveProps as g, mergeProps as Oe, nextTick as ke, normalizeClass as Ae, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as je, onMounted as Me, openBlock as y, ref as b, renderList as Ne, renderSlot as x, resolveDynamicComponent as Pe, toDisplayString as S, toRefs as Fe, unref as C, watch as Ie, withCtx as w, withModifiers as Le } from "vue";
+import { $ as t, Ct as n, D as r, Et as i, Pt as a, Q as ee, S as o, Vt as s, X as te, et as ne, i as re, nt as ie, t as ae, tn as oe, w as se, wt as ce } from "./lib-DOpaUOQx.js";
+import { n as le, t as ue } from "./useHints-Dq_w2E8B.js";
+import { t as de } from "./useConfig-C2uy4ltq.js";
+import { t as fe } from "./usePrinter-BBBooAGP.js";
+import { n as pe, t as me } from "./BaseScanner-Dzc8VT3j.js";
+import { t as he } from "./useNestedProp-Bux0f4iY.js";
+import { t as ge } from "./useChartExport-iwOqiIWX.js";
+import { t as _e } from "./img-W50sC9SC.js";
+import { t as ve } from "./Shape-VCdxvFV9.js";
+import { t as ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as be } from "./DefGrad-DVBqDjhO.js";
+import { t as xe } from "./BaseLegendToggle-DGG65LAR.js";
+import { t as Se } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
+import { t as we } from "./geoProjections-BYthUA8l.js";
+import { Fragment as c, Teleport as Te, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as Ee, createTextVNode as De, createVNode as m, defineAsyncComponent as h, guardReactiveProps as g, mergeProps as Oe, nextTick as ke, normalizeClass as Ae, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as je, onMounted as Me, openBlock as y, ref as b, renderList as Ne, renderSlot as x, resolveDynamicComponent as Pe, toDisplayString as S, toRefs as Fe, unref as C, watch as Ie, withCtx as w, withModifiers as Le } from "vue";
 //#region src/resources/worldGeo.js
 var Re = 1e3, ze = [
 	"name",
@@ -1981,7 +1981,7 @@ var Ge = {
 }, st = ["id"], ct = ["onClick"], lt = { style: {
 	display: "flex",
 	"align-items": "center"
-} }, ut = .5, dt = /*#__PURE__*/ be({
+} }, ut = .5, dt = /*#__PURE__*/ ye({
 	__name: "vue-ui-world",
 	props: {
 		config: {
@@ -2002,34 +2002,34 @@ var Ge = {
 		"selectLegend",
 		"copyAlt"
 	],
-	setup(e, { expose: be, emit: Re }) {
-		let ze = h(() => import("./Title-CPHi-evi.js").then((e) => e.t)), Be = h(() => import("./Legend-X4kF4PvW.js").then((e) => e.n)), Ve = h(() => import("./Tooltip-hhrkQ3Lk.js")), He = h(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), Ue = h(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), We = h(() => import("./DataTable-oiM9uWrQ.js")), Ke = h(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), dt = h(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), ft = h(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), pt = h(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_world: mt } = fe(), T = e, ht = Re, gt = c({
+	setup(e, { expose: ye, emit: Re }) {
+		let ze = h(() => import("./Title-DeqmC-vN.js").then((e) => e.t)), Be = h(() => import("./Legend-C0Ln0VNe.js").then((e) => e.n)), Ve = h(() => import("./Tooltip-DZ4a3XJQ.js")), He = h(() => import("./BaseIcon-Dlz7gfx0.js").then((e) => e.n)), Ue = h(() => import("./vue-ui-accordion-yHZMJLaY.js").then((e) => e.n)), We = h(() => import("./DataTable-BD1eZ0zB.js")), Ke = h(() => import("./PenAndPaper-XdUD8uB3.js").then((e) => e.t)), dt = h(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), ft = h(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), pt = h(() => import("./BaseDraggableDialog-Ck6R5Q0K.js").then((e) => e.n)), { vue_ui_world: mt } = de(), T = e, ht = Re, gt = l({
 			get() {
 				return !!L.value;
 			},
 			set(e) {
 				return e;
 			}
-		}), _t = c(() => gt ? Object.values(L.value).some((e) => Object.hasOwn(e, "category")) : !1), E = b(null), vt = b(null), yt = b(null), bt = b(null), xt = b(null), St = b(0), Ct = b(0), wt = b(0), D = b(oe()), Tt = b(!1), Et = b(""), Dt = b(0), Ot = b(!1), O = b(null), kt = b(null);
+		}), _t = l(() => gt ? Object.values(L.value).some((e) => Object.hasOwn(e, "category")) : !1), E = b(null), vt = b(null), yt = b(null), bt = b(null), xt = b(null), St = b(0), Ct = b(0), wt = b(0), D = b(te()), Tt = b(!1), Et = b(""), Dt = b(0), Ot = b(!1), O = b(null), kt = b(null);
 		Me(() => {
 			Ot.value = !0;
 		});
-		let At = Ge, { projections: jt, getProjectedBounds: Mt, setupTerritories: Nt, geoToPath: Pt } = Te;
+		let At = Ge, { projections: jt, getProjectedBounds: Mt, setupTerritories: Nt, geoToPath: Pt } = we;
 		function Ft() {
-			let e = ge({
+			let e = he({
 				userConfig: T.config,
 				defaultConfig: mt
 			});
-			return T.config && o(T.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = a(T.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, T.config && o(T.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = a(T.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = i[0], At = Nt(e, At), e;
+			return T.config && n(T.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = o(T.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, T.config && n(T.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = o(T.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = s[0], At = Nt(e, At), e;
 		}
-		let k = b(Ft()), A = c(() => k.value.userOptions), j = c(() => k.value.style.chart.tooltip), M = c(() => k.value.style.chart.globe), N = c(() => k.value.style.chart.territory), P = c(() => k.value.style.chart.legend), F = c(() => k.value.style.chart);
-		ue({
+		let k = b(Ft()), A = l(() => k.value.userOptions), j = l(() => k.value.style.chart.tooltip), M = l(() => k.value.style.chart.globe), N = l(() => k.value.style.chart.territory), P = l(() => k.value.style.chart.legend), F = l(() => k.value.style.chart);
+		le({
 			config: () => k.value,
 			dataset: () => T.dataset,
 			component: "VueUiWorld",
-			rules: [de.noHint]
+			rules: [ue.noHint]
 		});
-		let I = c(() => k.value.userOptions.useCursorPointer), It = c(() => re({
+		let I = l(() => k.value.userOptions.useCursorPointer), It = l(() => oe({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -2046,16 +2046,16 @@ var Ge = {
 				} }
 			},
 			userConfig: k.value.skeletonConfig ?? {}
-		})), { loading: Lt, FINAL_DATASET: L } = me({
+		})), { loading: Lt, FINAL_DATASET: L } = pe({
 			...Fe(T),
 			FINAL_CONFIG: k,
 			prepareConfig: Ft,
 			skeletonDataset: T.config?.skeletonDataset ?? [],
-			skeletonConfig: re({
+			skeletonConfig: oe({
 				defaultConfig: k.value,
 				userConfig: It.value
 			})
-		}), { userOptionsVisible: Rt, setUserOptionsVisibility: zt, keepUserOptionState: Bt } = Ce({ config: k.value }), { svgRef: Vt } = we({ config: F.value.title }), R = b({
+		}), { userOptionsVisible: Rt, setUserOptionsVisibility: zt, keepUserOptionState: Bt } = Se({ config: k.value }), { svgRef: Vt } = Ce({ config: F.value.title }), R = b({
 			showTable: k.value.table.show,
 			showTooltip: j.value.show
 		});
@@ -2079,7 +2079,7 @@ var Ge = {
 				showTooltip: j.value.show
 			};
 		}, { immediate: !0 });
-		let Wt = c(() => ce(k.value.customPalette)), z = c(() => k.value.projection || "globe"), B = c(() => {
+		let Wt = l(() => se(k.value.customPalette)), z = l(() => k.value.projection || "globe"), B = l(() => {
 			let { height: e, width: t } = F.value.dimensions;
 			return {
 				aitoff: {
@@ -2135,7 +2135,7 @@ var Ge = {
 					height: e || 1e3
 				}
 			}[z.value];
-		}), V = c(() => {
+		}), V = l(() => {
 			let { minX: e, minY: t, width: n, height: r } = Mt(jt[z.value], At.features, B.value.width, B.value.height, q.value);
 			return {
 				str: `${e} ${t} ${n} ${r}`,
@@ -2144,9 +2144,9 @@ var Ge = {
 				width: n,
 				height: r
 			};
-		}), Gt = c(() => Object.values(L.value).map((e) => e.value)), Kt = c(() => Math.min(...Gt.value)), qt = c(() => Math.max(...Gt.value));
+		}), Gt = l(() => Object.values(L.value).map((e) => e.value)), Kt = l(() => Math.min(...Gt.value)), qt = l(() => Math.max(...Gt.value));
 		function Jt(e) {
-			return typeof e == "number" ? le(N.value.colors.min || "#FFFFFF00", N.value.colors.max || Wt.value[0] || i[0], Kt.value, qt.value, e) : N.value.emptyColor;
+			return typeof e == "number" ? ce(N.value.colors.min || "#FFFFFF00", N.value.colors.max || Wt.value[0] || s[0], Kt.value, qt.value, e) : N.value.emptyColor;
 		}
 		function Yt(e) {
 			return Pt(e, {
@@ -2156,13 +2156,13 @@ var Ge = {
 				center: q.value
 			});
 		}
-		let Xt = c(() => {
+		let Xt = l(() => {
 			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 ? a(e.color) : Wt.value[t] || i[t] || i[t % i.length]
+				color: e.color ? o(e.color) : Wt.value[t] || s[t] || s[t % s.length]
 			}));
 		});
 		function Zt(e) {
@@ -2171,9 +2171,9 @@ var Ge = {
 		}
 		let Qt = /* @__PURE__ */ new Map();
 		function $t(e) {
-			return Qt.has(e) || Qt.set(e, `territory-${oe()}`), Qt.get(e);
+			return Qt.has(e) || Qt.set(e, `territory-${te()}`), Qt.get(e);
 		}
-		let H = c(() => (q.value, At.features.map((e) => {
+		let H = l(() => (q.value, At.features.map((e) => {
 			let t = e.properties.iso_a3;
 			(!t || t === "-99") && (t = e.properties.iso_a3_eh);
 			let n = L.value[t];
@@ -2183,7 +2183,7 @@ var Ge = {
 				geo: e,
 				code: t,
 				geometry: e.geometry,
-				color: n && n.color ? a(n.color) : n && n.category ? Zt(n.category) : Jt(n ? n.value : null),
+				color: n && n.color ? o(n.color) : n && n.category ? Zt(n.category) : Jt(n ? n.value : null),
 				value: n ? n.value : null,
 				category: n && n.category || null,
 				isActive: !!n,
@@ -2203,27 +2203,27 @@ var Ge = {
 		function rn() {
 			R.value.showTooltip = !R.value.showTooltip;
 		}
-		let an = c(() => k.value.userOptions.show && !F.value.title.text), { isPrinting: on, isImaging: sn, generatePdf: cn, generateImage: ln } = pe({
+		let an = l(() => k.value.userOptions.show && !F.value.title.text), { isPrinting: on, isImaging: sn, generatePdf: cn, generateImage: ln } = fe({
 			elementId: `world_${D.value}`,
 			fileName: F.value.title.text || "vue-ui-world",
 			options: k.value.userOptions.print
-		}), G = b(!1), un = b(null), K = b(null), dn = c(() => K.value ? Yt(K.value.geometry) : "");
+		}), G = b(!1), un = b(null), K = b(null), dn = l(() => K.value ? Yt(K.value.geometry) : "");
 		function fn(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 pn = c(() => {
+		let pn = l(() => {
 			let e = K.value?.geometry;
 			if (!e) return "";
 			let t = fn(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 = jt[z.value] || jt.globe, a = B.value.width, ee = B.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], i = jt[z.value] || jt.globe, a = B.value.width, ee = B.value.height, o = t.map((e) => e.map(([e, t]) => i([e, t], a, ee, r))), s = o.flat(), te = s.map(([e, t]) => e), ne = s.map(([e, t]) => t), re = Math.min(...te), ie = Math.max(...te), ae = Math.min(...ne), oe = Math.max(...ne), se = ie - re || 1, ce = oe - ae || 1, le = Math.min(64 / se, 64 / ce);
+			function ue([e, t]) {
+				return [(e - re) * le + 8, (t - ae) * le + 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="${K.value?.color || N.value.emptyColor}" stroke="${N.value.stroke}" stroke-width="1"/>
+        <path d="${o.map((e) => "M" + e.map(ue).map(([e, t]) => `${e},${t}`).join("L") + "Z").join(" ")}" fill="${K.value?.color || N.value.emptyColor}" stroke="${N.value.stroke}" stroke-width="1"/>
         </svg>
     `;
 		});
@@ -2239,18 +2239,18 @@ var Ge = {
 				seriesIndex: t
 			});
 		}
-		function gn({ datapoint: e, seriesIndex: t }) {
+		function gn({ datapoint: e, seriesIndex: n }) {
 			k.value.events.datapointEnter && k.value.events.datapointEnter({
 				datapoint: e,
-				seriesIndex: t
+				seriesIndex: n
 			}), K.value = e, un.value = {
 				datapoint: e,
 				config: k.value,
 				series: H.value
 			}, Tt.value = !0;
-			let r = "", i = j.value.customFormat;
-			if (G.value = !1, n(i)) try {
-				let t = i({
+			let r = "", a = j.value.customFormat;
+			if (G.value = !1, i(a)) try {
+				let t = a({
 					datapoint: e,
 					config: k.value,
 					series: H.value
@@ -2268,7 +2268,7 @@ var Ge = {
                 </svg>
                 <span>${e.name}:</span>
                 <b>
-                    ${ie(F.value.dataLabels.formatter, e.value, ee({
+                    ${re(F.value.dataLabels.formatter, e.value, t({
 				p: F.value.dataLabels.prefix,
 				v: e.value,
 				s: F.value.dataLabels.suffix,
@@ -2341,7 +2341,7 @@ var Ge = {
 		je(() => {
 			Y !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(Y), Y = null);
 		});
-		let Nn = c(() => {
+		let X = l(() => {
 			let e = H.value.toSorted((e, t) => (t.value || 0) - (e.value || 0));
 			return {
 				head: e.map((e) => ({
@@ -2351,17 +2351,17 @@ var Ge = {
 				})),
 				body: e.map((e) => e.value || 0)
 			};
-		}), X = c(() => {
+		}), Nn = l(() => {
 			let e = [
 				k.value.table.columnNames.series,
 				k.value.table.columnNames.value,
 				k.value.table.columnNames.category
-			], t = Nn.value.head.map((e, t) => [
+			], t = X.value.head.map((e, t) => [
 				{
 					color: e.color,
 					name: e.name
 				},
-				Nn.value.body[t] || 0,
+				X.value.body[t] || 0,
 				{ category: e.category }
 			]), n = {
 				th: {
@@ -2385,7 +2385,7 @@ var Ge = {
 		});
 		function Pn(e = null) {
 			ke(() => {
-				let n = Nn.value.head.map((e, t) => [[e.name], [Nn.value.body[t]]]), i = [
+				let t = X.value.head.map((e, t) => [[e.name], [X.value.body[t]]]), n = [
 					[F.value.title.text],
 					[F.value.title.subtitle.text],
 					[[
@@ -2393,9 +2393,9 @@ var Ge = {
 						k.value.table.columnNames.value,
 						k.value.table.columnNames.category
 					]]
-				].concat(n), a = r(i);
-				e ? e(a) : t({
-					csvContent: a,
+				].concat(t), i = r(n);
+				e ? e(i) : ie({
+					csvContent: i,
 					title: F.value.title.text || "vue-ui-world"
 				});
 			});
@@ -2409,7 +2409,7 @@ var Ge = {
 		function In(e) {
 			Z.value.includes(e) ? Z.value = Z.value.filter((t) => t !== e) : Z.value.push(e), ht("selectLegend", { name: e });
 		}
-		let Q = c(() => _t ? Xt.value.map(({ name: e, color: t }, n) => ({
+		let Q = l(() => _t ? Xt.value.map(({ name: e, color: t }, n) => ({
 			name: e,
 			color: t,
 			shape: "circle",
@@ -2419,7 +2419,7 @@ var Ge = {
 			opacity: Z.value.includes(e.name) ? .5 : 1,
 			segregate: () => In(e.name),
 			isSegregated: Z.value.includes(e.name)
-		})) : []), Ln = c(() => ({
+		})) : []), Ln = l(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: P.value.backgroundColor,
 			color: P.value.color,
@@ -2432,7 +2432,7 @@ var Ge = {
 		}
 		async function zn({ scale: e = 2 } = {}) {
 			if (!E.value) return;
-			let { width: t, height: n } = E.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ve({
+			let { width: t, height: n } = E.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await _e({
 				domElement: E.value,
 				base64: !0,
 				img: !0,
@@ -2447,7 +2447,7 @@ var Ge = {
 				aspectRatio: r
 			};
 		}
-		let $ = c(() => {
+		let $ = l(() => {
 			let e = k.value.table.useDialog && !k.value.table.show, t = R.value.showTable;
 			return {
 				component: e ? pt : Ue,
@@ -2484,7 +2484,7 @@ var Ge = {
 		function Bn() {
 			R.value.showTable = !1, kt.value && kt.value.setTableIconState(!1);
 		}
-		let Vn = c(() => F.value.backgroundColor), Hn = c(() => F.value.title), { isCallbackImaging: Un, isCallbackSvg: Wn, generateSvg: Gn, onGenerateImage: Kn } = _e({
+		let Vn = l(() => F.value.backgroundColor), Hn = l(() => F.value.title), { isCallbackImaging: Un, isCallbackSvg: Wn, generateSvg: Gn, onGenerateImage: Kn } = ge({
 			svg: Vt,
 			title: Hn,
 			legend: P,
@@ -2506,7 +2506,7 @@ var Ge = {
 				dataset: H.value
 			}));
 		}
-		return be({
+		return ye({
 			getData: Rn,
 			getImage: zn,
 			generatePdf: cn,
@@ -2518,16 +2518,16 @@ var Ge = {
 			toggleAnnotator: tn,
 			toggleFullscreen: en,
 			copyAlt: qn
-		}), (e, t) => (y(), d("div", {
+		}), (e, n) => (y(), f("div", {
 			ref_key: "worldChart",
 			ref: E,
 			id: `world_${D.value}`,
 			class: Ae(`vue-data-ui-component vue-ui-world ${U.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
 			style: v(`font-family:${k.value.style.fontFamily};width:100%; text-align:center;background:${F.value.backgroundColor}`),
-			onMouseenter: t[2] ||= () => C(zt)(!0),
-			onMouseleave: t[3] ||= () => C(zt)(!1)
+			onMouseenter: n[2] ||= () => C(zt)(!0),
+			onMouseleave: n[3] ||= () => C(zt)(!1)
 		}, [
-			A.value.buttons.annotator && C(Vt) ? (y(), l(C(Ke), {
+			A.value.buttons.annotator && C(Vt) ? (y(), u(C(Ke), {
 				key: 0,
 				color: F.value.color,
 				backgroundColor: F.value.backgroundColor,
@@ -2551,21 +2551,21 @@ var Ge = {
 				"svgRef",
 				"isCursorPointer",
 				"palette"
-			])) : u("", !0),
+			])) : d("", !0),
 			x(e.$slots, "userConfig", {}, void 0, !0),
-			an.value ? (y(), d("div", {
+			an.value ? (y(), f("div", {
 				key: 1,
 				ref_key: "noTitle",
 				ref: xt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : u("", !0),
-			F.value.title.text ? (y(), d("div", {
+			}, null, 512)) : d("", !0),
+			F.value.title.text ? (y(), f("div", {
 				key: 2,
 				ref_key: "chartTitle",
 				ref: vt,
 				style: "width:100%;background:transparent"
-			}, [(y(), l(C(ze), {
+			}, [(y(), u(C(ze), {
 				key: `title_${St.value}`,
 				config: {
 					title: {
@@ -2577,9 +2577,9 @@ var Ge = {
 						...F.value.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : u("", !0),
-			f("div", { id: `legend-top-${D.value}` }, null, 8, Je),
-			A.value.show && gt.value && (C(Bt) || C(Rt)) ? (y(), l(C(dt), {
+			}, null, 8, ["config"]))], 512)) : d("", !0),
+			p("div", { id: `legend-top-${D.value}` }, null, 8, Je),
+			A.value.show && gt.value && (C(Bt) || C(Rt)) ? (y(), u(C(dt), {
 				ref_key: "userOptionsRef",
 				ref: kt,
 				key: `user_option_${Dt.value}`,
@@ -2618,7 +2618,7 @@ var Ge = {
 				onToggleAnnotator: tn,
 				onCopyAlt: qn,
 				style: v({ visibility: C(Bt) ? C(Rt) ? "visible" : "hidden" : "visible" })
-			}, De({ _: 2 }, [
+			}, Ee({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: w(({ isOpen: t, color: n }) => [x(e.$slots, "menuIcon", _(g({
@@ -2688,12 +2688,12 @@ var Ge = {
 					fn: w(() => [x(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.onGenerateImage.onGenerateSvg.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.onGenerateImage.onGenerateSvg.style".split("."))) : d("", !0),
+			(y(), f("svg", {
 				ref_key: "svgRef",
 				ref: Vt,
 				viewBox: V.value.str,
-				xmlns: C(se),
+				xmlns: C(ae),
 				class: Ae({
 					"vue-data-ui-fullscreen--on": U.value,
 					"vue-data-ui-fullscreen--off": !U.value
@@ -2717,18 +2717,18 @@ var Ge = {
 				onTouchend: Mn
 			}, [
 				m(C(ft)),
-				e.$slots["chart-background"] ? (y(), d("foreignObject", {
+				e.$slots["chart-background"] ? (y(), f("foreignObject", {
 					key: 0,
 					x: V.value.minX,
 					y: V.value.minY,
 					width: V.value.width,
 					height: V.value.height,
 					style: { pointerEvents: "none" }
-				}, [x(e.$slots, "chart-background", {}, void 0, !0)], 8, Xe)) : u("", !0),
-				gt.value ? (y(), d("g", Ze, [
-					z.value === "globe" ? (y(), d(s, { key: 0 }, [
-						f("defs", null, [
-							m(xe, {
+				}, [x(e.$slots, "chart-background", {}, void 0, !0)], 8, Xe)) : d("", !0),
+				gt.value ? (y(), f("g", Ze, [
+					z.value === "globe" ? (y(), f(c, { key: 0 }, [
+						p("defs", null, [
+							m(be, {
 								t: "radial",
 								id: `water-${D.value}`,
 								cx: .48,
@@ -2739,7 +2739,7 @@ var Ge = {
 								stops: [
 									[
 										"0%",
-										C(ae)(M.value.waterColor, .4),
+										C(a)(M.value.waterColor, .4),
 										1
 									],
 									[
@@ -2749,17 +2749,17 @@ var Ge = {
 									],
 									[
 										"80%",
-										C(te)(M.value.waterColor, .2),
+										C(ee)(M.value.waterColor, .2),
 										1
 									],
 									[
 										"100%",
-										C(te)(M.value.waterColor, .5),
+										C(ee)(M.value.waterColor, .5),
 										.95
 									]
 								]
 							}, null, 8, ["id", "stops"]),
-							m(xe, {
+							m(be, {
 								t: "radial",
 								id: `atmo-realistic-${D.value}`,
 								cx: .5,
@@ -2783,25 +2783,25 @@ var Ge = {
 									]
 								]
 							}, null, 8, ["id", "stops"]),
-							f("filter", {
+							p("filter", {
 								id: `blur-${D.value}`,
 								x: "-30%",
 								y: "-30%",
 								width: "160%",
 								height: "160%"
-							}, [...t[4] ||= [f("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, Qe)
+							}, [...n[4] ||= [p("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, Qe)
 						]),
-						e.$slots.pattern ? (y(), d("g", $e, [(y(!0), d(s, null, Ne(H.value, (t, n) => (y(), d("defs", null, [x(e.$slots, "pattern", Oe({ ref_for: !0 }, {
+						e.$slots.pattern ? (y(), f("g", $e, [(y(!0), f(c, null, Ne(H.value, (t, n) => (y(), f("defs", null, [x(e.$slots, "pattern", Oe({ ref_for: !0 }, {
 							...t,
 							patternId: `pattern_${D.value}_${t.code}`
-						}), void 0, !0)]))), 256))])) : u("", !0),
-						f("circle", {
+						}), void 0, !0)]))), 256))])) : d("", !0),
+						p("circle", {
 							cx: V.value.width / 2 + 20,
 							cy: V.value.height / 2 + 20,
 							r: V.value.height / 2,
 							fill: `url(#water-${D.value})`
 						}, null, 8, et),
-						f("circle", {
+						p("circle", {
 							cx: V.value.width / 2 + 20,
 							cy: V.value.height / 2 + 20,
 							r: V.value.height / 2 + 10,
@@ -2809,8 +2809,8 @@ var Ge = {
 							"pointer-events": "none",
 							filter: `url(#blur-${D.value})`
 						}, null, 8, tt)
-					], 64)) : u("", !0),
-					(y(!0), d(s, null, Ne(H.value, (t, n) => (y(), d(s, { key: t.code }, [f("path", {
+					], 64)) : d("", !0),
+					(y(!0), f(c, null, Ne(H.value, (t, n) => (y(), f(c, { key: t.code }, [p("path", {
 						d: t.path,
 						fill: t.category && Z.value.includes(t.category) ? N.value.emptyColor : t.color,
 						stroke: N.value.stroke,
@@ -2828,7 +2828,7 @@ var Ge = {
 							seriesIndex: n
 						}),
 						class: "vue-ui-world-territory"
-					}, [!Tt.value || !R.value.showTooltip ? (y(), d("title", rt, [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, nt), e.$slots.pattern ? (y(), d("path", {
+					}, [!Tt.value || !R.value.showTooltip ? (y(), f("title", rt, [De(S(t.name) + " ", 1), typeof t.value == "number" ? (y(), f(c, { key: 0 }, [De(" : " + S(t.value), 1)], 64)) : d("", !0)])) : d("", !0)], 40, nt), e.$slots.pattern ? (y(), f("path", {
 						key: 0,
 						d: t.path,
 						fill: `url(#pattern_${D.value}_${t.code})`,
@@ -2836,8 +2836,8 @@ var Ge = {
 						"stroke-width": N.value.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, it)) : u("", !0)], 64))), 128)),
-					K.value ? (y(), d("path", {
+					}, null, 8, it)) : d("", !0)], 64))), 128)),
+					K.value ? (y(), f("path", {
 						key: 1,
 						d: dn.value,
 						fill: "transparent",
@@ -2845,8 +2845,8 @@ var Ge = {
 						"stroke-width": N.value.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, at)) : u("", !0)
-				])) : u("", !0),
+					}, null, 8, at)) : d("", !0)
+				])) : d("", !0),
 				x(e.$slots, "svg", { svg: {
 					height: B.value.height,
 					width: B.value.width,
@@ -2854,27 +2854,27 @@ var Ge = {
 					isPrintingSvg: C(Wn)
 				} }, void 0, !0)
 			], 46, Ye)),
-			e.$slots.watermark ? (y(), d("div", ot, [x(e.$slots, "watermark", _(g({ isPrinting: C(on) || C(sn) || C(Un) || C(Wn) })), void 0, !0)])) : u("", !0),
-			f("div", { id: `legend-bottom-${D.value}` }, null, 8, st),
-			Ot.value && _t.value && (P.value.show || e.$slots.legend) ? (y(), l(Ee, {
+			e.$slots.watermark ? (y(), f("div", ot, [x(e.$slots, "watermark", _(g({ isPrinting: C(on) || C(sn) || C(Un) || C(Wn) })), void 0, !0)])) : d("", !0),
+			p("div", { id: `legend-bottom-${D.value}` }, null, 8, st),
+			Ot.value && _t.value && (P.value.show || e.$slots.legend) ? (y(), u(Te, {
 				key: 5,
 				to: P.value.position === "top" ? `#legend-top-${D.value}` : `#legend-bottom-${D.value}`
-			}, [_t.value ? (y(), d("div", {
+			}, [_t.value ? (y(), f("div", {
 				key: 0,
 				ref_key: "chartLegend",
 				ref: yt
-			}, [x(e.$slots, "legend", { legend: Q.value }, () => [P.value.show ? (y(), l(C(Be), {
+			}, [x(e.$slots, "legend", { legend: Q.value }, () => [P.value.show ? (y(), u(C(Be), {
 				key: `legend_${Ct.value}`,
 				legendSet: Q.value,
 				config: Ln.value,
 				isCursorPointer: I.value,
-				onClickMarker: t[0] ||= (e) => In(e)
-			}, De({
-				item: w(({ legend: e, index: t }) => [f("div", {
+				onClickMarker: n[0] ||= (e) => In(e)
+			}, Ee({
+				item: w(({ legend: e, index: t }) => [p("div", {
 					style: v(`opacity:${Z.value.includes(e.name) ? .5 : 1}`),
 					onClick: (t) => e.segregate()
 				}, S(e.name), 13, ct)]),
-				legendToggle: w(() => [Q.value.length > 2 && P.value.selectAllToggle.show && !C(Lt) ? (y(), l(Se, {
+				legendToggle: w(() => [Q.value.length > 2 && P.value.selectAllToggle.show && !C(Lt) ? (y(), u(xe, {
 					key: 0,
 					backgroundColor: P.value.selectAllToggle.backgroundColor,
 					color: P.value.selectAllToggle.color,
@@ -2888,11 +2888,11 @@ var Ge = {
 					"fontSize",
 					"checked",
 					"isCursorPointer"
-				])) : u("", !0)]),
+				])) : d("", !0)]),
 				_: 2
 			}, [e.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: w(({ legend: e, index: t }) => [m(ye, {
+				fn: w(({ legend: e, index: t }) => [m(ve, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -2907,13 +2907,13 @@ var Ge = {
 				"legendSet",
 				"config",
 				"isCursorPointer"
-			])) : u("", !0)], !0)], 512)) : u("", !0)], 8, ["to"])) : u("", !0),
-			e.$slots.source ? (y(), d("div", {
+			])) : d("", !0)], !0)], 512)) : d("", !0)], 8, ["to"])) : d("", !0),
+			e.$slots.source ? (y(), f("div", {
 				key: 6,
 				ref_key: "source",
 				ref: bt,
 				dir: "auto"
-			}, [x(e.$slots, "source", {}, void 0, !0)], 512)) : u("", !0),
+			}, [x(e.$slots, "source", {}, void 0, !0)], 512)) : d("", !0),
 			m(C(Ve), {
 				teleportTo: j.value.teleportTo,
 				show: R.value.showTooltip && Tt.value,
@@ -2962,24 +2962,24 @@ var Ge = {
 				"smoothForce",
 				"smoothSnapThreshold"
 			]),
-			gt.value && A.value.buttons.table ? (y(), l(Pe($.value.component), Oe({ key: 7 }, $.value.props, {
+			gt.value && A.value.buttons.table ? (y(), u(Pe($.value.component), Oe({ key: 7 }, $.value.props, {
 				ref_key: "tableUnit",
 				ref: O,
 				onClose: Bn
-			}), De({
-				content: w(() => [(y(), l(C(We), {
+			}), Ee({
+				content: w(() => [(y(), u(C(We), {
 					key: `table_${wt.value}`,
-					colNames: X.value.colNames,
-					head: X.value.head,
-					body: X.value.body,
-					config: X.value.config,
+					colNames: Nn.value.colNames,
+					head: Nn.value.head,
+					body: Nn.value.body,
+					config: Nn.value.config,
 					title: k.value.table.useDialog ? "" : $.value.title,
 					withCloseButton: !k.value.table.useDialog,
 					isCursorPointer: I.value,
 					onClose: Bn
 				}, {
-					th: w(({ th: e }) => [f("div", lt, S(e), 1)]),
-					td: w(({ td: e }) => [p(S(e.name ? e.name : e.category ? e.category : C(ie)(F.value.dataLabels.formatter, e, C(ee)({
+					th: w(({ th: e }) => [p("div", lt, S(e), 1)]),
+					td: w(({ td: e }) => [De(S(e.name ? e.name : e.category ? e.category : C(re)(F.value.dataLabels.formatter, e, C(t)({
 						p: F.value.dataLabels.prefix,
 						v: e,
 						s: F.value.dataLabels.suffix,
@@ -2998,22 +2998,22 @@ var Ge = {
 				_: 2
 			}, [k.value.table.useDialog ? {
 				name: "title",
-				fn: w(() => [p(S($.value.title), 1)]),
+				fn: w(() => [De(S($.value.title), 1)]),
 				key: "0"
 			} : void 0, k.value.table.useDialog ? {
 				name: "actions",
-				fn: w(() => [f("button", {
+				fn: w(() => [p("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => Pn(A.value.callbacks.csv),
+					onClick: n[1] ||= (e) => Pn(A.value.callbacks.csv),
 					style: v({ cursor: I.value ? "pointer" : "default" })
 				}, [m(C(He), {
 					name: "fileCsv",
 					stroke: $.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : u("", !0),
-			x(e.$slots, "skeleton", {}, () => [C(Lt) ? (y(), l(he, { key: 0 })) : u("", !0)], !0)
+			} : void 0]), 1040)) : d("", !0),
+			x(e.$slots, "skeleton", {}, () => [C(Lt) ? (y(), u(me, { key: 0 })) : d("", !0)], !0)
 		], 46, qe));
 	}
 }, [["__scopeId", "data-v-cf84a129"]]);