vue-data-ui 3.22.3 → 3.22.4

package/dist/{vue-ui-world-D3F772fb.js → vue-ui-world-vrGT5g1H.js}

@@ -1,18 +1,18 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, G as n, H as r, J as i, S as a, Ut as ee, W as te, gt as ne, i as re, kt as o, mt as ie, pt as ae, t as oe, x as se, y as s } from "./lib-NmjQazSn.js";
-import { t as ce } from "./useConfig-Bf_EBbe3.js";
-import { t as le } from "./usePrinter-DRYgV-XS.js";
-import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
-import { t as fe } from "./useSvgExport-SVIsDot8.js";
-import { t as pe } from "./useNestedProp-C9viY7oU.js";
-import { t as me } from "./img-CyjhDDaM.js";
-import { t as he } from "./Shape-S-7v8SAE.js";
-import { t as ge } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as _e } from "./BaseLegendToggle-qL0O9ooF.js";
-import { t as ve } from "./useUserOptionState-DK-_1ddE.js";
-import { t as ye } from "./useChartAccessibility-DYqac8yF.js";
-import { t as be } from "./geoProjections-Czak6Jn1.js";
-import { Fragment as c, Teleport as xe, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as Se, createTextVNode as m, createVNode as h, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Ce, nextTick as we, normalizeClass as Te, normalizeProps as v, normalizeStyle as y, onMounted as Ee, openBlock as b, ref as x, renderList as De, renderSlot as S, resolveDynamicComponent as Oe, toDisplayString as C, toRefs as ke, unref as w, watch as Ae, withCtx as T, withModifiers as je } from "vue";
+import { Gt as t, K as n, S as r, Tt as i, W as a, X as ee, b as o, gt as te, ht as s, i as ne, jt as c, q as re, t as ie, vt as ae, w as oe } from "./lib-CuwHGt1j.js";
+import { t as se } from "./useConfig-pVLia3dt.js";
+import { t as ce } from "./usePrinter-C0wAS8yc.js";
+import { n as le, t as ue } from "./BaseScanner-DZvpgOjM.js";
+import { t as de } from "./useSvgExport-SVIsDot8.js";
+import { t as fe } from "./useNestedProp-BjkuFaz1.js";
+import { t as pe } from "./img-B29J8tV5.js";
+import { t as me } from "./Shape-BnF9aMPX.js";
+import { t as he } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as ge } from "./BaseLegendToggle-C4Usj0LI.js";
+import { t as _e } from "./useUserOptionState-DK-_1ddE.js";
+import { t as ve } from "./useChartAccessibility-DYqac8yF.js";
+import { t as ye } from "./geoProjections-Czak6Jn1.js";
+import { Fragment as l, Teleport as be, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as xe, createTextVNode as Se, createVNode as h, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Ce, nextTick as we, normalizeClass as Te, normalizeProps as v, normalizeStyle as y, onMounted as Ee, openBlock as b, ref as x, renderList as De, renderSlot as S, resolveDynamicComponent as Oe, toDisplayString as C, toRefs as ke, unref as w, watch as Ae, withCtx as T, withModifiers as je } from "vue";
 //#region src/resources/worldGeo.js
 var Me = {
 	type: "FeatureCollection",
@@ -13245,7 +13245,7 @@ var Me = {
 ], et = {
 	key: 4,
 	class: "vue-data-ui-watermark"
-}, tt = ["id"], nt = ["onClick"], rt = ["innerHTML"], it = /*#__PURE__*/ ge({
+}, tt = ["id"], nt = ["onClick"], rt = ["innerHTML"], it = /*#__PURE__*/ he({
 	__name: "vue-ui-world",
 	props: {
 		config: {
@@ -13266,27 +13266,27 @@ var Me = {
 		"selectLegend",
 		"copyAlt"
 	],
-	setup(e, { expose: ge, emit: Ne }) {
-		let it = g(() => import("./Title-Cxgd_JyY.js").then((e) => e.t)), at = g(() => import("./Legend--t7Mbp9Z.js").then((e) => e.n)), ot = g(() => import("./Tooltip-BqdN_ZBE.js")), st = g(() => import("./BaseIcon-CX_ChMz-.js").then((e) => e.n)), ct = g(() => import("./vue-ui-accordion-vYLqcJJd.js").then((e) => e.n)), lt = g(() => import("./DataTable-KEMekOVu.js")), ut = g(() => import("./PenAndPaper-DkZYRnrW.js").then((e) => e.t)), dt = g(() => import("./UserOptions-WIxTs7Xf.js").then((e) => e.n)), ft = g(() => import("./PackageVersion-D-_GVhxY.js").then((e) => e.t)), pt = g(() => import("./BaseDraggableDialog-DLuXvUbs.js").then((e) => e.n)), { vue_ui_world: mt } = ce(), E = e, ht = Ne, gt = l({
+	setup(e, { expose: he, emit: Ne }) {
+		let it = g(() => import("./Title-DDEEO-Nr.js").then((e) => e.t)), at = g(() => import("./Legend-DXOzbXb-.js").then((e) => e.n)), ot = g(() => import("./Tooltip-BhKov422.js")), st = g(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), ct = g(() => import("./vue-ui-accordion-B64IJyPU.js").then((e) => e.n)), lt = g(() => import("./DataTable-PidUPOit.js")), ut = g(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), dt = g(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), ft = g(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), pt = g(() => import("./BaseDraggableDialog-DjzNWkiE.js").then((e) => e.n)), { vue_ui_world: mt } = se(), E = e, ht = Ne, gt = u({
 			get() {
 				return !!L.value;
 			},
 			set(e) {
 				return e;
 			}
-		}), _t = l(() => gt ? Object.values(L.value).some((e) => Object.hasOwn(e, "category")) : !1), D = x(null), vt = x(null), yt = x(null), bt = x(null), xt = x(null), St = x(0), Ct = x(0), wt = x(0), O = x(r()), k = x(!1), Tt = x(""), Et = x(0), Dt = x(!1), A = x(null), Ot = x(null), j = x(!1), M = x(!1);
+		}), _t = u(() => gt ? Object.values(L.value).some((e) => Object.hasOwn(e, "category")) : !1), D = x(null), vt = x(null), yt = x(null), bt = x(null), xt = x(null), St = x(0), Ct = x(0), wt = x(0), O = x(a()), k = x(!1), Tt = x(""), Et = x(0), Dt = x(!1), A = x(null), Ot = x(null), j = x(!1), M = x(!1);
 		Ee(() => {
 			Dt.value = !0;
 		});
-		let N = Me, { projections: P, getProjectedBounds: kt, setupTerritories: At } = be;
+		let N = Me, { projections: P, getProjectedBounds: kt, setupTerritories: At } = ye;
 		function jt() {
-			let e = pe({
+			let e = fe({
 				userConfig: E.config,
 				defaultConfig: mt
 			});
-			return E.config && ae(E.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = s(E.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, E.config && ae(E.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = s(E.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = o[0], N = At(e, N), e;
+			return E.config && s(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 && s(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 = c[0], N = At(e, N), e;
 		}
-		let F = x(jt()), I = l(() => F.value.userOptions.useCursorPointer), Mt = l(() => ee({
+		let F = x(jt()), I = u(() => F.value.userOptions.useCursorPointer), Mt = u(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -13303,16 +13303,16 @@ var Me = {
 				} }
 			},
 			userConfig: F.value.skeletonConfig ?? {}
-		})), { loading: Nt, FINAL_DATASET: L } = ue({
+		})), { loading: Nt, FINAL_DATASET: L } = le({
 			...ke(E),
 			FINAL_CONFIG: F,
 			prepareConfig: jt,
 			skeletonDataset: E.config?.skeletonDataset ?? [],
-			skeletonConfig: ee({
+			skeletonConfig: t({
 				defaultConfig: F.value,
 				userConfig: Mt.value
 			})
-		}), { userOptionsVisible: Pt, setUserOptionsVisibility: Ft, keepUserOptionState: It } = ve({ config: F.value }), { svgRef: R } = ye({ config: F.value.style.chart.title }), z = x({
+		}), { userOptionsVisible: Pt, setUserOptionsVisibility: Ft, keepUserOptionState: It } = _e({ config: F.value }), { svgRef: R } = ve({ config: F.value.style.chart.title }), z = x({
 			showTable: F.value.table.show,
 			showTooltip: F.value.style.chart.tooltip.show
 		});
@@ -13324,7 +13324,7 @@ var Me = {
 				showTooltip: F.value.style.chart.tooltip.show
 			};
 		}, { immediate: !0 });
-		let Lt = l(() => se(F.value.customPalette)), B = l(() => F.value.projection || "globe"), V = l(() => {
+		let Lt = u(() => r(F.value.customPalette)), B = u(() => F.value.projection || "globe"), V = u(() => {
 			let { height: e, width: t } = F.value.style.chart.dimensions;
 			return {
 				aitoff: {
@@ -13380,7 +13380,7 @@ var Me = {
 					height: e || 1e3
 				}
 			}[B.value];
-		}), H = l(() => {
+		}), H = u(() => {
 			let { minX: e, minY: t, width: n, height: r } = kt(P[B.value], N.features, V.value.width, V.value.height);
 			return {
 				str: `${e} ${t} ${n} ${r}`,
@@ -13389,9 +13389,9 @@ var Me = {
 				width: n,
 				height: r
 			};
-		}), Rt = l(() => Object.values(L.value).map((e) => e.value)), zt = l(() => Math.min(...Rt.value)), Bt = l(() => Math.max(...Rt.value));
+		}), Rt = u(() => Object.values(L.value).map((e) => e.value)), zt = u(() => Math.min(...Rt.value)), Bt = u(() => Math.max(...Rt.value));
 		function Vt(e) {
-			return typeof e == "number" ? ie(F.value.style.chart.territory.colors.min || "#FFFFFF00", F.value.style.chart.territory.colors.max || Lt.value[0] || o[0], zt.value, Bt.value, e) : F.value.style.chart.territory.emptyColor;
+			return typeof e == "number" ? te(F.value.style.chart.territory.colors.min || "#FFFFFF00", F.value.style.chart.territory.colors.max || Lt.value[0] || c[0], zt.value, Bt.value, e) : F.value.style.chart.territory.emptyColor;
 		}
 		function Ht([e, t]) {
 			return (P[B.value] || P.globe)([e, t], V.value.width, V.value.height, X.value);
@@ -13403,20 +13403,20 @@ var Me = {
 			}).filter(Boolean).join(" ");
 			return e.type === "Polygon" ? t(e.coordinates) : e.type === "MultiPolygon" ? e.coordinates.map(t).join(" ") : "";
 		}
-		let Wt = l(() => {
+		let Wt = u(() => {
 			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 ? s(e.color) : Lt.value[t] || o[t] || o[t % o.length]
+				color: e.color ? o(e.color) : Lt.value[t] || c[t] || c[t % c.length]
 			}));
 		});
 		function Gt(e) {
 			let t = Wt.value.find((t) => t.name === e);
 			return t ? t.color : "#000000";
 		}
-		let U = l(() => (X.value, N.features.map((e) => {
+		let U = u(() => (X.value, N.features.map((e) => {
 			let t = e.properties.iso_a3;
 			(!t || t === "-99") && (t = e.properties.iso_a3_eh);
 			let n = L.value[t];
@@ -13426,11 +13426,11 @@ var Me = {
 				geo: e,
 				code: t,
 				geometry: e.geometry,
-				color: n && n.color ? s(n.color) : n && n.category ? Gt(n.category) : Vt(n ? n.value : null),
+				color: n && n.color ? o(n.color) : n && n.category ? Gt(n.category) : Vt(n ? n.value : null),
 				value: n ? n.value : null,
 				category: n && n.category || null,
 				isActive: !!n,
-				uid: `territory-${r()}`
+				uid: `territory-${a()}`
 			};
 		}))), W = x(!1);
 		function Kt(e) {
@@ -13446,7 +13446,7 @@ var Me = {
 		function Yt() {
 			z.value.showTooltip = !z.value.showTooltip;
 		}
-		let Xt = l(() => F.value.userOptions.show && !F.value.style.chart.title.text), { isPrinting: Zt, isImaging: Qt, generatePdf: $t, generateImage: en } = le({
+		let Xt = u(() => F.value.userOptions.show && !F.value.style.chart.title.text), { isPrinting: Zt, isImaging: Qt, generatePdf: $t, generateImage: en } = ce({
 			elementId: `world_${O.value}`,
 			fileName: F.value.style.chart.title.text || "vue-ui-world",
 			options: F.value.userOptions.print
@@ -13454,19 +13454,19 @@ var Me = {
 		function nn(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 rn = l(() => {
+		let rn = u(() => {
 			let e = q.value?.geometry;
 			if (!e) return "";
 			let t = nn(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 = P[B.value] || P.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), s = ae - ie || 1, ce = se - oe || 1, le = Math.min(64 / s, 64 / ce);
-			function ue([e, t]) {
-				return [(e - ie) * le + 8, (t - oe) * le + 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 = P[B.value] || P.globe, a = V.value.width, ee = V.value.height, o = t.map((e) => e.map(([e, t]) => i([e, t], a, ee, r))), te = o.flat(), s = te.map(([e, t]) => e), ne = te.map(([e, t]) => t), c = Math.min(...s), re = Math.max(...s), ie = Math.min(...ne), ae = Math.max(...ne), oe = re - c || 1, se = ae - ie || 1, ce = Math.min(64 / oe, 64 / se);
+			function le([e, t]) {
+				return [(e - c) * ce + 8, (t - ie) * ce + 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(ue).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="${o.map((e) => "M" + e.map(le).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>
     `;
 		});
@@ -13491,9 +13491,9 @@ var Me = {
 				config: F.value,
 				series: U.value
 			}, k.value = !0;
-			let r = "", i = F.value.style.chart.tooltip.customFormat;
-			if (K.value = !1, ne(i)) try {
-				let t = i({
+			let n = "", r = F.value.style.chart.tooltip.customFormat;
+			if (K.value = !1, ae(r)) try {
+				let t = r({
 					datapoint: e,
 					config: F.value,
 					series: U.value
@@ -13502,7 +13502,7 @@ var Me = {
 			} catch {
 				console.warn("Custom format cannot be applied."), K.value = !1;
 			}
-			K.value || (r += `
+			K.value || (n += `
         <div style="width:100%;">
             ${F.value.style.chart.tooltip.showMinimap ? `<div class="vue-ui-world-minimap">${rn.value}</div>` : ""}
             <div style="display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px">
@@ -13511,7 +13511,7 @@ var Me = {
                 </svg>
                 <span>${e.name}:</span>
                 <b>
-                    ${re(F.value.style.chart.dataLabels.formatter, e.value, n({
+                    ${ne(F.value.style.chart.dataLabels.formatter, e.value, re({
 				p: F.value.style.chart.dataLabels.prefix,
 				v: e.value,
 				s: F.value.style.chart.dataLabels.suffix,
@@ -13520,7 +13520,7 @@ var Me = {
                 </b>
             </div>
         </div>
-        `, Tt.value = `<div>${r}</div>`);
+        `, Tt.value = `<div>${n}</div>`);
 		}
 		let J = x(!1), Y = x({
 			x: 0,
@@ -13565,7 +13565,7 @@ var Me = {
 		function pn() {
 			J.value = !1;
 		}
-		let mn = l(() => {
+		let mn = u(() => {
 			let e = U.value.toSorted((e, t) => (t.value || 0) - (e.value || 0));
 			return {
 				head: e.map((e) => ({
@@ -13575,7 +13575,7 @@ var Me = {
 				})),
 				body: e.map((e) => e.value || 0)
 			};
-		}), hn = l(() => {
+		}), hn = u(() => {
 			let e = [
 				F.value.table.columnNames.series,
 				F.value.table.columnNames.value,
@@ -13609,7 +13609,7 @@ var Me = {
 		});
 		function gn(e = null) {
 			we(() => {
-				let t = mn.value.head.map((e, t) => [[e.name], [mn.value.body[t]]]), n = a([
+				let t = mn.value.head.map((e, t) => [[e.name], [mn.value.body[t]]]), n = oe([
 					[F.value.style.chart.title.text],
 					[F.value.style.chart.title.subtitle.text],
 					[[
@@ -13618,7 +13618,7 @@ var Me = {
 						F.value.table.columnNames.category
 					]]
 				].concat(t));
-				e ? e(n) : i({
+				e ? e(n) : ee({
 					csvContent: n,
 					title: F.value.style.chart.title.text || "vue-ui-world"
 				});
@@ -13633,7 +13633,7 @@ var Me = {
 		function vn(e) {
 			Z.value.includes(e) ? Z.value = Z.value.filter((t) => t !== e) : Z.value.push(e), ht("selectLegend", { name: e });
 		}
-		let Q = l(() => _t ? Wt.value.map(({ name: e, color: t }, n) => ({
+		let Q = u(() => _t ? Wt.value.map(({ name: e, color: t }, n) => ({
 			name: e,
 			color: t,
 			shape: "circle",
@@ -13643,7 +13643,7 @@ var Me = {
 			opacity: Z.value.includes(e.name) ? .5 : 1,
 			segregate: () => vn(e.name),
 			isSegregated: Z.value.includes(e.name)
-		})) : []), yn = l(() => ({
+		})) : []), yn = u(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: F.value.style.chart.legend.backgroundColor,
 			color: F.value.style.chart.legend.color,
@@ -13656,7 +13656,7 @@ var Me = {
 		}
 		async function xn({ scale: e = 2 } = {}) {
 			if (!D.value) return;
-			let { width: t, height: n } = D.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await me({
+			let { width: t, height: n } = D.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await pe({
 				domElement: D.value,
 				base64: !0,
 				img: !0,
@@ -13671,7 +13671,7 @@ var Me = {
 				aspectRatio: r
 			};
 		}
-		let $ = l(() => {
+		let $ = u(() => {
 			let e = F.value.table.useDialog && !F.value.table.show, t = z.value.showTable;
 			return {
 				component: e ? pt : ct,
@@ -13708,9 +13708,9 @@ var Me = {
 		function Sn() {
 			z.value.showTable = !1, Ot.value && Ot.value.setTableIconState(!1);
 		}
-		let Cn = l(() => F.value.style.chart.backgroundColor), wn = l(() => F.value.style.chart.legend), { exportSvg: Tn, getSvg: En } = fe({
+		let Cn = u(() => F.value.style.chart.backgroundColor), wn = u(() => F.value.style.chart.legend), { exportSvg: Tn, getSvg: En } = de({
 			svg: R,
-			title: l(() => F.value.style.chart.title),
+			title: u(() => F.value.style.chart.title),
 			legend: wn,
 			legendItems: Q,
 			backgroundColor: Cn
@@ -13755,7 +13755,7 @@ var Me = {
 				dataset: U.value
 			}));
 		}
-		return ge({
+		return he({
 			getData: bn,
 			getImage: xn,
 			generatePdf: $t,
@@ -13767,16 +13767,16 @@ var Me = {
 			toggleAnnotator: qt,
 			toggleFullscreen: Kt,
 			copyAlt: kn
-		}), (e, r) => (b(), f("div", {
+		}), (e, t) => (b(), p("div", {
 			ref_key: "worldChart",
 			ref: D,
 			id: `world_${O.value}`,
 			class: Te(`vue-data-ui-component vue-ui-world ${W.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
 			style: y(`font-family:${F.value.style.fontFamily};width:100%; text-align:center;background:${F.value.style.chart.backgroundColor}`),
-			onMouseenter: r[2] ||= () => w(Ft)(!0),
-			onMouseleave: r[3] ||= () => w(Ft)(!1)
+			onMouseenter: t[2] ||= () => w(Ft)(!0),
+			onMouseleave: t[3] ||= () => w(Ft)(!1)
 		}, [
-			F.value.userOptions.buttons.annotator && w(R) ? (b(), u(w(ut), {
+			F.value.userOptions.buttons.annotator && w(R) ? (b(), d(w(ut), {
 				key: 0,
 				color: F.value.style.chart.color,
 				backgroundColor: F.value.style.chart.backgroundColor,
@@ -13798,21 +13798,21 @@ var Me = {
 				"active",
 				"svgRef",
 				"isCursorPointer"
-			])) : d("", !0),
+			])) : f("", !0),
 			S(e.$slots, "userConfig", {}, void 0, !0),
-			Xt.value ? (b(), f("div", {
+			Xt.value ? (b(), p("div", {
 				key: 1,
 				ref_key: "noTitle",
 				ref: xt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : d("", !0),
-			F.value.style.chart.title.text ? (b(), f("div", {
+			}, null, 512)) : f("", !0),
+			F.value.style.chart.title.text ? (b(), p("div", {
 				key: 2,
 				ref_key: "chartTitle",
 				ref: vt,
 				style: "width:100%;background:transparent"
-			}, [(b(), u(w(it), {
+			}, [(b(), d(w(it), {
 				key: `title_${St.value}`,
 				config: {
 					title: {
@@ -13824,9 +13824,9 @@ var Me = {
 						...F.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : d("", !0),
-			p("div", { id: `legend-top-${O.value}` }, null, 8, Fe),
-			F.value.userOptions.show && gt.value && (w(It) || w(Pt)) ? (b(), u(w(dt), {
+			}, null, 8, ["config"]))], 512)) : f("", !0),
+			m("div", { id: `legend-top-${O.value}` }, null, 8, Fe),
+			F.value.userOptions.show && gt.value && (w(It) || w(Pt)) ? (b(), d(w(dt), {
 				ref_key: "userOptionsRef",
 				ref: Ot,
 				key: `user_option_${Et.value}`,
@@ -13865,7 +13865,7 @@ var Me = {
 				onToggleAnnotator: qt,
 				onCopyAlt: kn,
 				style: y({ visibility: w(It) ? w(Pt) ? "visible" : "hidden" : "visible" })
-			}, Se({ _: 2 }, [
+			}, xe({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: T(({ isOpen: t, color: n }) => [S(e.$slots, "menuIcon", v(_({
@@ -13935,12 +13935,12 @@ var Me = {
 					fn: T(() => [S(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("."))) : d("", !0),
-			(b(), f("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("."))) : f("", !0),
+			(b(), p("svg", {
 				ref_key: "svgRef",
 				ref: R,
 				viewBox: H.value.str,
-				xmlns: w(oe),
+				xmlns: w(ie),
 				class: Te({
 					"vue-data-ui-fullscreen--on": W.value,
 					"vue-data-ui-fullscreen--off": !W.value
@@ -13964,17 +13964,17 @@ var Me = {
 				onTouchend: pn
 			}, [
 				h(w(ft)),
-				e.$slots["chart-background"] ? (b(), f("foreignObject", {
+				e.$slots["chart-background"] ? (b(), p("foreignObject", {
 					key: 0,
 					x: H.value.minX,
 					y: H.value.minY,
 					width: H.value.width,
 					height: H.value.height,
 					style: { pointerEvents: "none" }
-				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, Le)) : d("", !0),
-				gt.value ? (b(), f("g", Re, [B.value === "globe" ? (b(), f(c, { key: 0 }, [
-					p("defs", null, [
-						p("radialGradient", {
+				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, Le)) : f("", !0),
+				gt.value ? (b(), p("g", Re, [B.value === "globe" ? (b(), p(l, { key: 0 }, [
+					m("defs", null, [
+						m("radialGradient", {
 							id: `water-${O.value}`,
 							cx: .48,
 							cy: .52,
@@ -13982,62 +13982,62 @@ var Me = {
 							fx: "0.40",
 							fy: "0.48"
 						}, [
-							p("stop", {
+							m("stop", {
 								offset: "0%",
-								"stop-color": w(t)(F.value.style.chart.globe.waterColor, .4)
+								"stop-color": w(i)(F.value.style.chart.globe.waterColor, .4)
 							}, null, 8, Be),
-							p("stop", {
+							m("stop", {
 								offset: "45%",
 								"stop-color": F.value.style.chart.globe.waterColor
 							}, null, 8, Ve),
-							p("stop", {
+							m("stop", {
 								offset: "80%",
-								"stop-color": w(te)(F.value.style.chart.globe.waterColor, .2)
+								"stop-color": w(n)(F.value.style.chart.globe.waterColor, .2)
 							}, null, 8, He),
-							p("stop", {
+							m("stop", {
 								offset: "100%",
-								"stop-color": w(te)(F.value.style.chart.globe.waterColor, .5),
+								"stop-color": w(n)(F.value.style.chart.globe.waterColor, .5),
 								"stop-opacity": "0.95"
 							}, null, 8, Ue)
 						], 8, ze),
-						p("radialGradient", {
+						m("radialGradient", {
 							id: `atmo-realistic-${O.value}`,
 							cx: .5,
 							cy: .5,
 							r: "0.54"
 						}, [
-							r[4] ||= p("stop", {
+							t[4] ||= m("stop", {
 								offset: "87%",
 								"stop-color": "rgba(120,200,255,0)"
 							}, null, -1),
-							p("stop", {
+							m("stop", {
 								offset: "98%",
 								"stop-color": F.value.style.chart.globe.waterColor
 							}, null, 8, Ge),
-							r[5] ||= p("stop", {
+							t[5] ||= m("stop", {
 								offset: "100%",
 								"stop-color": "rgba(120,200,255,0)"
 							}, null, -1)
 						], 8, We),
-						p("filter", {
+						m("filter", {
 							id: `blur-${O.value}`,
 							x: "-30%",
 							y: "-30%",
 							width: "160%",
 							height: "160%"
-						}, [...r[6] ||= [p("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, Ke)
+						}, [...t[6] ||= [m("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, Ke)
 					]),
-					e.$slots.pattern ? (b(), f("g", qe, [(b(!0), f(c, null, De(U.value, (t, n) => (b(), f("defs", null, [S(e.$slots, "pattern", Ce({ ref_for: !0 }, {
+					e.$slots.pattern ? (b(), p("g", qe, [(b(!0), p(l, null, De(U.value, (t, n) => (b(), p("defs", null, [S(e.$slots, "pattern", Ce({ ref_for: !0 }, {
 						...t,
 						patternId: `pattern_${O.value}_${t.code}`
-					}), void 0, !0)]))), 256))])) : d("", !0),
-					p("circle", {
+					}), void 0, !0)]))), 256))])) : f("", !0),
+					m("circle", {
 						cx: H.value.width / 2 + 20,
 						cy: H.value.height / 2 + 20,
 						r: H.value.height / 2,
 						fill: `url(#water-${O.value})`
 					}, null, 8, Je),
-					p("circle", {
+					m("circle", {
 						cx: H.value.width / 2 + 20,
 						cy: H.value.height / 2 + 20,
 						r: H.value.height / 2 + 10,
@@ -14045,8 +14045,8 @@ var Me = {
 						"pointer-events": "none",
 						filter: `url(#blur-${O.value})`
 					}, null, 8, Ye)
-				], 64)) : d("", !0), (b(!0), f(c, null, De(U.value, (t, n) => (b(), f(c, { key: t.code }, [
-					p("path", {
+				], 64)) : f("", !0), (b(!0), p(l, null, De(U.value, (t, n) => (b(), p(l, { key: t.code }, [
+					m("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,
@@ -14064,8 +14064,8 @@ var Me = {
 							seriesIndex: n
 						}),
 						class: "vue-ui-world-territory"
-					}, [!k.value || !z.value.showTooltip ? (b(), f("title", Ze, [m(C(t.name) + " ", 1), typeof t.value == "number" ? (b(), f(c, { key: 0 }, [m(" : " + C(t.value), 1)], 64)) : d("", !0)])) : d("", !0)], 40, Xe),
-					e.$slots.pattern ? (b(), f("path", {
+					}, [!k.value || !z.value.showTooltip ? (b(), p("title", Ze, [Se(C(t.name) + " ", 1), typeof t.value == "number" ? (b(), p(l, { key: 0 }, [Se(" : " + C(t.value), 1)], 64)) : f("", !0)])) : f("", !0)], 40, Xe),
+					e.$slots.pattern ? (b(), p("path", {
 						key: 0,
 						d: t.path,
 						fill: `url(#pattern_${O.value}_${t.code})`,
@@ -14073,8 +14073,8 @@ var Me = {
 						"stroke-width": F.value.style.chart.territory.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, Qe)) : d("", !0),
-					q.value ? (b(), f("path", {
+					}, null, 8, Qe)) : f("", !0),
+					q.value ? (b(), p("path", {
 						key: 1,
 						d: Ut(q.value.geometry),
 						fill: "transparent",
@@ -14082,8 +14082,8 @@ var Me = {
 						"stroke-width": F.value.style.chart.territory.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, $e)) : d("", !0)
-				], 64))), 128))])) : d("", !0),
+					}, null, 8, $e)) : f("", !0)
+				], 64))), 128))])) : f("", !0),
 				S(e.$slots, "svg", { svg: {
 					height: V.value.height,
 					width: V.value.width,
@@ -14091,27 +14091,27 @@ var Me = {
 					isPrintingSvg: M.value
 				} }, void 0, !0)
 			], 46, Ie)),
-			e.$slots.watermark ? (b(), f("div", et, [S(e.$slots, "watermark", v(_({ isPrinting: w(Zt) || w(Qt) || j.value || M.value })), void 0, !0)])) : d("", !0),
-			p("div", { id: `legend-bottom-${O.value}` }, null, 8, tt),
-			Dt.value && _t.value && (F.value.style.chart.legend.show || e.$slots.legend) ? (b(), u(xe, {
+			e.$slots.watermark ? (b(), p("div", et, [S(e.$slots, "watermark", v(_({ isPrinting: w(Zt) || w(Qt) || j.value || M.value })), void 0, !0)])) : f("", !0),
+			m("div", { id: `legend-bottom-${O.value}` }, null, 8, tt),
+			Dt.value && _t.value && (F.value.style.chart.legend.show || e.$slots.legend) ? (b(), d(be, {
 				key: 5,
 				to: F.value.style.chart.legend.position === "top" ? `#legend-top-${O.value}` : `#legend-bottom-${O.value}`
-			}, [_t.value ? (b(), f("div", {
+			}, [_t.value ? (b(), p("div", {
 				key: 0,
 				ref_key: "chartLegend",
 				ref: yt
-			}, [S(e.$slots, "legend", { legend: Q.value }, () => [F.value.style.chart.legend.show ? (b(), u(w(at), {
+			}, [S(e.$slots, "legend", { legend: Q.value }, () => [F.value.style.chart.legend.show ? (b(), d(w(at), {
 				key: `legend_${Ct.value}`,
 				legendSet: Q.value,
 				config: yn.value,
 				isCursorPointer: I.value,
-				onClickMarker: r[0] ||= (e) => vn(e)
-			}, Se({
-				item: T(({ legend: e, index: t }) => [p("div", {
+				onClickMarker: t[0] ||= (e) => vn(e)
+			}, xe({
+				item: T(({ legend: e, index: t }) => [m("div", {
 					style: y(`opacity:${Z.value.includes(e.name) ? .5 : 1}`),
 					onClick: (t) => e.segregate()
 				}, C(e.name), 13, nt)]),
-				legendToggle: T(() => [Q.value.length > 2 && F.value.style.chart.legend.selectAllToggle.show && !w(Nt) ? (b(), u(_e, {
+				legendToggle: T(() => [Q.value.length > 2 && F.value.style.chart.legend.selectAllToggle.show && !w(Nt) ? (b(), d(ge, {
 					key: 0,
 					backgroundColor: F.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: F.value.style.chart.legend.selectAllToggle.color,
@@ -14125,11 +14125,11 @@ var Me = {
 					"fontSize",
 					"checked",
 					"isCursorPointer"
-				])) : d("", !0)]),
+				])) : f("", !0)]),
 				_: 2
 			}, [e.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: T(({ legend: e, index: t }) => [h(he, {
+				fn: T(({ legend: e, index: t }) => [h(me, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -14144,13 +14144,13 @@ var Me = {
 				"legendSet",
 				"config",
 				"isCursorPointer"
-			])) : d("", !0)], !0)], 512)) : d("", !0)], 8, ["to"])) : d("", !0),
-			e.$slots.source ? (b(), f("div", {
+			])) : f("", !0)], !0)], 512)) : f("", !0)], 8, ["to"])) : f("", !0),
+			e.$slots.source ? (b(), p("div", {
 				key: 6,
 				ref_key: "source",
 				ref: bt,
 				dir: "auto"
-			}, [S(e.$slots, "source", {}, void 0, !0)], 512)) : d("", !0),
+			}, [S(e.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
 			h(w(ot), {
 				teleportTo: F.value.style.chart.tooltip.teleportTo,
 				show: z.value.showTooltip && k.value,
@@ -14199,12 +14199,12 @@ var Me = {
 				"smoothForce",
 				"smoothSnapThreshold"
 			]),
-			gt.value && F.value.userOptions.buttons.table ? (b(), u(Oe($.value.component), Ce({ key: 7 }, $.value.props, {
+			gt.value && F.value.userOptions.buttons.table ? (b(), d(Oe($.value.component), Ce({ key: 7 }, $.value.props, {
 				ref_key: "tableUnit",
 				ref: A,
 				onClose: Sn
-			}), Se({
-				content: T(() => [(b(), u(w(lt), {
+			}), xe({
+				content: T(() => [(b(), d(w(lt), {
 					key: `table_${wt.value}`,
 					colNames: hn.value.colNames,
 					head: hn.value.head,
@@ -14215,14 +14215,14 @@ var Me = {
 					isCursorPointer: I.value,
 					onClose: Sn
 				}, {
-					th: T(({ th: e }) => [p("div", {
+					th: T(({ th: e }) => [m("div", {
 						innerHTML: e,
 						style: {
 							display: "flex",
 							"align-items": "center"
 						}
 					}, null, 8, rt)]),
-					td: T(({ td: e }) => [m(C(e.name ? e.name : e.category ? e.category : w(re)(F.value.style.chart.dataLabels.formatter, e, w(n)({
+					td: T(({ td: e }) => [Se(C(e.name ? e.name : e.category ? e.category : w(ne)(F.value.style.chart.dataLabels.formatter, e, w(re)({
 						p: F.value.style.chart.dataLabels.prefix,
 						v: e,
 						s: F.value.style.chart.dataLabels.suffix,
@@ -14241,22 +14241,22 @@ var Me = {
 				_: 2
 			}, [F.value.table.useDialog ? {
 				name: "title",
-				fn: T(() => [m(C($.value.title), 1)]),
+				fn: T(() => [Se(C($.value.title), 1)]),
 				key: "0"
 			} : void 0, F.value.table.useDialog ? {
 				name: "actions",
-				fn: T(() => [p("button", {
+				fn: T(() => [m("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: r[1] ||= (e) => gn(F.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => gn(F.value.userOptions.callbacks.csv),
 					style: y({ cursor: I.value ? "pointer" : "default" })
 				}, [h(w(st), {
 					name: "fileCsv",
 					stroke: $.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : d("", !0),
-			S(e.$slots, "skeleton", {}, () => [w(Nt) ? (b(), u(de, { key: 0 })) : d("", !0)], !0)
+			} : void 0]), 1040)) : f("", !0),
+			S(e.$slots, "skeleton", {}, () => [w(Nt) ? (b(), d(ue, { key: 0 })) : f("", !0)], !0)
 		], 46, Pe));
 	}
 }, [["__scopeId", "data-v-bf7b6fe6"]]);