vue-data-ui 3.23.9 → 3.23.11

package/dist/{vue-ui-world-DbYSOiC4.js → vue-ui-world-D0Z9B6M2.js}

@@ -1,20 +1,20 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, Jt as r, Ot as ee, Pt as i, S as a, X as o, Y as s, i as c, q as l, t as te, vt as ne, w as re, xt as ie, yt as ae } from "./lib-Bttd6u5E.js";
-import { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
-import { t as ce } from "./useConfig-DwdGsXTx.js";
-import { t as le } from "./usePrinter-DN5bYhTG.js";
-import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
-import { t as fe } from "./useNestedProp-vPNvh7rV.js";
-import { t as pe } from "./useChartExport-DNiwdPmb.js";
-import { t as me } from "./img-Bnokohej.js";
-import { t as he } from "./Shape-C21CMlWS.js";
-import { t as ge } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as _e } from "./DefGrad-DVBqDjhO.js";
-import { t as ve } from "./BaseLegendToggle-DZVucLnv.js";
-import { t as ye } from "./useUserOptionState-DK-_1ddE.js";
-import { t as be } from "./useChartAccessibility-DYqac8yF.js";
-import { t as xe } from "./geoProjections-CEo3dVaL.js";
-import { Fragment as u, Teleport as Se, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Ce, createTextVNode as we, createVNode as g, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Te, nextTick as Ee, normalizeClass as De, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Oe, onMounted as ke, openBlock as x, ref as S, renderList as Ae, renderSlot as C, resolveDynamicComponent as je, toDisplayString as w, toRefs as Me, unref as T, watch as E, withCtx as D, withModifiers as Ne } from "vue";
+import { $ as t, At as n, D as r, It as i, S as a, St as ee, X as te, Xt as o, Y as s, bt as ne, i as c, q as re, t as ie, w as ae, yt as oe } from "./lib-Dqr_-I6Y.js";
+import { n as se, t as ce } from "./useHints-Dq_w2E8B.js";
+import { t as le } from "./useConfig-DwdGsXTx.js";
+import { t as ue } from "./usePrinter-CEiH1b6R.js";
+import { n as de, t as fe } from "./BaseScanner-DZvpgOjM.js";
+import { t as pe } from "./useNestedProp-CulPqtou.js";
+import { t as me } from "./useChartExport-DNiwdPmb.js";
+import { t as he } from "./img-Bkzj3lDD.js";
+import { t as ge } from "./Shape-BAL5bQmA.js";
+import { t as _e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as ve } from "./DefGrad-DVBqDjhO.js";
+import { t as ye } from "./BaseLegendToggle-CtEdLr4R.js";
+import { t as be } from "./useUserOptionState-DK-_1ddE.js";
+import { t as xe } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Se } from "./geoProjections-CEo3dVaL.js";
+import { Fragment as l, Teleport as Ce, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as we, createTextVNode as h, createVNode as g, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Te, nextTick as Ee, normalizeClass as De, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Oe, onMounted as ke, openBlock as x, ref as S, renderList as Ae, renderSlot as C, resolveDynamicComponent as je, toDisplayString as w, toRefs as Me, unref as T, watch as E, withCtx as D, withModifiers as Ne } from "vue";
 //#region src/resources/worldGeo.js
 var Pe = 1e3, Fe = [
 	"name",
@@ -1978,7 +1978,10 @@ var Ve = {
 ], nt = {
 	key: 4,
 	class: "vue-data-ui-watermark"
-}, rt = ["id"], it = ["onClick"], at = ["innerHTML"], ot = .5, st = /*#__PURE__*/ ge({
+}, rt = ["id"], it = ["onClick"], at = { style: {
+	display: "flex",
+	"align-items": "center"
+} }, ot = .5, st = /*#__PURE__*/ _e({
 	__name: "vue-ui-world",
 	props: {
 		config: {
@@ -1999,34 +2002,34 @@ var Ve = {
 		"selectLegend",
 		"copyAlt"
 	],
-	setup(e, { expose: ge, emit: Pe }) {
-		let Fe = _(() => import("./Title-BE3qg9xl.js").then((e) => e.t)), Ie = _(() => import("./Legend-CQxUgOd-.js").then((e) => e.n)), Le = _(() => import("./Tooltip-DhjyfHwz.js")), Re = _(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), ze = _(() => import("./vue-ui-accordion-CLU_su1P.js").then((e) => e.n)), Be = _(() => import("./DataTable-BbKgJ5UI.js")), He = _(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), st = _(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), ct = _(() => import("./PackageVersion-B629oKuX.js").then((e) => e.t)), lt = _(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_world: ut } = ce(), O = e, dt = Pe, ft = d({
+	setup(e, { expose: _e, emit: Pe }) {
+		let Fe = _(() => import("./Title-CaVA8EIw.js").then((e) => e.t)), Ie = _(() => import("./Legend-BJtY2RA9.js").then((e) => e.n)), Le = _(() => import("./Tooltip-CVxJe3UW.js")), Re = _(() => import("./BaseIcon-BbElSC8_.js").then((e) => e.n)), ze = _(() => import("./vue-ui-accordion-C6L7glHU.js").then((e) => e.n)), Be = _(() => import("./DataTable-CmyEubtT.js")), He = _(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), st = _(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), ct = _(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), lt = _(() => import("./BaseDraggableDialog-Dr_Q6Yt5.js").then((e) => e.n)), { vue_ui_world: ut } = le(), O = e, dt = Pe, ft = u({
 			get() {
 				return !!I.value;
 			},
 			set(e) {
 				return e;
 			}
-		}), pt = d(() => ft ? Object.values(I.value).some((e) => Object.hasOwn(e, "category")) : !1), k = S(null), mt = S(null), ht = S(null), gt = S(null), _t = S(null), vt = S(0), yt = S(0), bt = S(0), A = S(l()), j = S(!1), xt = S(""), St = S(0), Ct = S(!1), M = S(null), wt = S(null);
+		}), pt = u(() => ft ? Object.values(I.value).some((e) => Object.hasOwn(e, "category")) : !1), k = S(null), mt = S(null), ht = S(null), gt = S(null), _t = S(null), vt = S(0), yt = S(0), bt = S(0), A = S(re()), j = S(!1), xt = S(""), St = S(0), Ct = S(!1), M = S(null), wt = S(null);
 		ke(() => {
 			Ct.value = !0;
 		});
-		let N = Ve, { projections: Tt, getProjectedBounds: Et, setupTerritories: Dt, geoToPath: Ot } = xe;
+		let N = Ve, { projections: Tt, getProjectedBounds: Et, setupTerritories: Dt, geoToPath: Ot } = Se;
 		function kt() {
-			let e = fe({
+			let e = pe({
 				userConfig: O.config,
 				defaultConfig: ut
 			});
-			return O.config && ne(O.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = a(O.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, O.config && ne(O.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = a(O.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = i[0], N = Dt(e, N), e;
+			return O.config && oe(O.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = a(O.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, O.config && oe(O.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = a(O.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = i[0], N = Dt(e, N), e;
 		}
 		let P = S(kt());
-		oe({
+		se({
 			config: () => P.value,
 			dataset: () => O.dataset,
 			component: "VueUiWorld",
-			rules: [se.noHint]
+			rules: [ce.noHint]
 		});
-		let F = d(() => P.value.userOptions.useCursorPointer), At = d(() => r({
+		let F = u(() => P.value.userOptions.useCursorPointer), At = u(() => o({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -2043,16 +2046,16 @@ var Ve = {
 				} }
 			},
 			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: jt, FINAL_DATASET: I } = ue({
+		})), { loading: jt, FINAL_DATASET: I } = de({
 			...Me(O),
 			FINAL_CONFIG: P,
 			prepareConfig: kt,
 			skeletonDataset: O.config?.skeletonDataset ?? [],
-			skeletonConfig: r({
+			skeletonConfig: o({
 				defaultConfig: P.value,
 				userConfig: At.value
 			})
-		}), { userOptionsVisible: Mt, setUserOptionsVisibility: Nt, keepUserOptionState: Pt } = ye({ config: P.value }), { svgRef: L } = be({ config: P.value.style.chart.title }), R = S({
+		}), { userOptionsVisible: Mt, setUserOptionsVisibility: Nt, keepUserOptionState: Pt } = be({ config: P.value }), { svgRef: L } = xe({ config: P.value.style.chart.title }), R = S({
 			showTable: P.value.table.show,
 			showTooltip: P.value.style.chart.tooltip.show
 		});
@@ -2064,7 +2067,7 @@ var Ve = {
 				showTooltip: P.value.style.chart.tooltip.show
 			};
 		}, { immediate: !0 });
-		let Ft = d(() => re(P.value.customPalette)), z = d(() => P.value.projection || "globe"), B = d(() => {
+		let Ft = u(() => ae(P.value.customPalette)), z = u(() => P.value.projection || "globe"), B = u(() => {
 			let { height: e, width: t } = P.value.style.chart.dimensions;
 			return {
 				aitoff: {
@@ -2120,7 +2123,7 @@ var Ve = {
 					height: e || 1e3
 				}
 			}[z.value];
-		}), V = d(() => {
+		}), V = u(() => {
 			let { minX: e, minY: t, width: n, height: r } = Et(Tt[z.value], N.features, B.value.width, B.value.height, q.value);
 			return {
 				str: `${e} ${t} ${n} ${r}`,
@@ -2129,9 +2132,9 @@ var Ve = {
 				width: n,
 				height: r
 			};
-		}), It = d(() => Object.values(I.value).map((e) => e.value)), Lt = d(() => Math.min(...It.value)), Rt = d(() => Math.max(...It.value));
+		}), It = u(() => Object.values(I.value).map((e) => e.value)), Lt = u(() => Math.min(...It.value)), Rt = u(() => Math.max(...It.value));
 		function zt(e) {
-			return typeof e == "number" ? ae(P.value.style.chart.territory.colors.min || "#FFFFFF00", P.value.style.chart.territory.colors.max || Ft.value[0] || i[0], Lt.value, Rt.value, e) : P.value.style.chart.territory.emptyColor;
+			return typeof e == "number" ? ne(P.value.style.chart.territory.colors.min || "#FFFFFF00", P.value.style.chart.territory.colors.max || Ft.value[0] || i[0], Lt.value, Rt.value, e) : P.value.style.chart.territory.emptyColor;
 		}
 		function Bt(e) {
 			return Ot(e, {
@@ -2141,7 +2144,7 @@ var Ve = {
 				center: q.value
 			});
 		}
-		let Vt = d(() => {
+		let Vt = u(() => {
 			let e = Object.values(I.value).filter((e) => !!e.category), t = {};
 			return e.forEach((e) => {
 				t[e.category] || (t[e.category] = e);
@@ -2156,9 +2159,9 @@ var Ve = {
 		}
 		let Ut = /* @__PURE__ */ new Map();
 		function Wt(e) {
-			return Ut.has(e) || Ut.set(e, `territory-${l()}`), Ut.get(e);
+			return Ut.has(e) || Ut.set(e, `territory-${re()}`), Ut.get(e);
 		}
-		let H = d(() => (q.value, N.features.map((e) => {
+		let H = u(() => (q.value, N.features.map((e) => {
 			let t = e.properties.iso_a3;
 			(!t || t === "-99") && (t = e.properties.iso_a3_eh);
 			let n = I.value[t];
@@ -2188,27 +2191,27 @@ var Ve = {
 		function Jt() {
 			R.value.showTooltip = !R.value.showTooltip;
 		}
-		let Yt = d(() => P.value.userOptions.show && !P.value.style.chart.title.text), { isPrinting: Xt, isImaging: Zt, generatePdf: Qt, generateImage: $t } = le({
+		let Yt = u(() => P.value.userOptions.show && !P.value.style.chart.title.text), { isPrinting: Xt, isImaging: Zt, generatePdf: Qt, generateImage: $t } = ue({
 			elementId: `world_${A.value}`,
 			fileName: P.value.style.chart.title.text || "vue-ui-world",
 			options: P.value.userOptions.print
-		}), G = S(!1), en = S(null), K = S(null), tn = d(() => K.value ? Bt(K.value.geometry) : "");
+		}), G = S(!1), en = S(null), K = S(null), tn = u(() => K.value ? Bt(K.value.geometry) : "");
 		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 = d(() => {
+		let rn = u(() => {
 			let e = K.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], ee = Tt[z.value] || Tt.globe, i = B.value.width, a = B.value.height, o = t.map((e) => e.map(([e, t]) => ee([e, t], i, a, r))), s = o.flat(), c = s.map(([e, t]) => e), l = s.map(([e, t]) => t), te = Math.min(...c), ne = Math.max(...c), re = Math.min(...l), ie = Math.max(...l), ae = ne - te || 1, oe = ie - re || 1, se = Math.min(64 / ae, 64 / oe);
-			function ce([e, t]) {
-				return [(e - te) * se + 8, (t - re) * se + 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 = Tt[z.value] || Tt.globe, a = B.value.width, ee = B.value.height, te = t.map((e) => e.map(([e, t]) => i([e, t], a, ee, 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), 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="${o.map((e) => "M" + e.map(ce).map(([e, t]) => `${e},${t}`).join("L") + "Z").join(" ")}" fill="${K.value?.color || P.value.style.chart.territory.emptyColor}" stroke="${P.value.style.chart.territory.stroke}" stroke-width="1"/>
+        <path d="${te.map((e) => "M" + e.map(le).map(([e, t]) => `${e},${t}`).join("L") + "Z").join(" ")}" fill="${K.value?.color || P.value.style.chart.territory.emptyColor}" stroke="${P.value.style.chart.territory.stroke}" stroke-width="1"/>
         </svg>
     `;
 		});
@@ -2234,7 +2237,7 @@ var Ve = {
 				series: H.value
 			}, j.value = !0;
 			let n = "", r = P.value.style.chart.tooltip.customFormat;
-			if (G.value = !1, ie(r)) try {
+			if (G.value = !1, ee(r)) try {
 				let t = r({
 					datapoint: e,
 					config: P.value,
@@ -2253,7 +2256,7 @@ var Ve = {
                 </svg>
                 <span>${e.name}:</span>
                 <b>
-                    ${c(P.value.style.chart.dataLabels.formatter, e.value, o({
+                    ${c(P.value.style.chart.dataLabels.formatter, e.value, te({
 				p: P.value.style.chart.dataLabels.prefix,
 				v: e.value,
 				s: P.value.style.chart.dataLabels.suffix,
@@ -2326,7 +2329,7 @@ var Ve = {
 		Oe(() => {
 			Y !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(Y), Y = null);
 		});
-		let X = d(() => {
+		let X = u(() => {
 			let e = H.value.toSorted((e, t) => (t.value || 0) - (e.value || 0));
 			return {
 				head: e.map((e) => ({
@@ -2336,7 +2339,7 @@ var Ve = {
 				})),
 				body: e.map((e) => e.value || 0)
 			};
-		}), wn = d(() => {
+		}), wn = u(() => {
 			let e = [
 				P.value.table.columnNames.series,
 				P.value.table.columnNames.value,
@@ -2370,7 +2373,7 @@ var Ve = {
 		});
 		function Tn(e = null) {
 			Ee(() => {
-				let r = X.value.head.map((e, t) => [[e.name], [X.value.body[t]]]), ee = [
+				let n = X.value.head.map((e, t) => [[e.name], [X.value.body[t]]]), i = [
 					[P.value.style.chart.title.text],
 					[P.value.style.chart.title.subtitle.text],
 					[[
@@ -2378,9 +2381,9 @@ var Ve = {
 						P.value.table.columnNames.value,
 						P.value.table.columnNames.category
 					]]
-				].concat(r), i = n(ee);
-				e ? e(i) : t({
-					csvContent: i,
+				].concat(n), a = r(i);
+				e ? e(a) : t({
+					csvContent: a,
 					title: P.value.style.chart.title.text || "vue-ui-world"
 				});
 			});
@@ -2394,7 +2397,7 @@ var Ve = {
 		function Dn(e) {
 			Z.value.includes(e) ? Z.value = Z.value.filter((t) => t !== e) : Z.value.push(e), dt("selectLegend", { name: e });
 		}
-		let Q = d(() => pt ? Vt.value.map(({ name: e, color: t }, n) => ({
+		let Q = u(() => pt ? Vt.value.map(({ name: e, color: t }, n) => ({
 			name: e,
 			color: t,
 			shape: "circle",
@@ -2404,7 +2407,7 @@ var Ve = {
 			opacity: Z.value.includes(e.name) ? .5 : 1,
 			segregate: () => Dn(e.name),
 			isSegregated: Z.value.includes(e.name)
-		})) : []), On = d(() => ({
+		})) : []), On = u(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: P.value.style.chart.legend.backgroundColor,
 			color: P.value.style.chart.legend.color,
@@ -2417,22 +2420,22 @@ var Ve = {
 		}
 		async function An({ scale: e = 2 } = {}) {
 			if (!k.value) return;
-			let { width: t, height: n } = k.value.getBoundingClientRect(), r = t / n, { imageUri: ee, base64: i } = await me({
+			let { width: t, height: n } = k.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await he({
 				domElement: k.value,
 				base64: !0,
 				img: !0,
 				scale: e
 			});
 			return {
-				imageUri: ee,
-				base64: i,
+				imageUri: i,
+				base64: a,
 				title: P.value.style.chart.title.text,
 				width: t,
 				height: n,
 				aspectRatio: r
 			};
 		}
-		let $ = d(() => {
+		let $ = u(() => {
 			let e = P.value.table.useDialog && !P.value.table.show, t = R.value.showTable;
 			return {
 				component: e ? lt : ze,
@@ -2469,7 +2472,7 @@ var Ve = {
 		function jn() {
 			R.value.showTable = !1, wt.value && wt.value.setTableIconState(!1);
 		}
-		let Mn = d(() => P.value.style.chart.backgroundColor), Nn = d(() => P.value.style.chart.legend), Pn = d(() => P.value.style.chart.title), { isCallbackImaging: Fn, isCallbackSvg: In, generateSvg: Ln, onGenerateImage: Rn } = pe({
+		let Mn = u(() => P.value.style.chart.backgroundColor), Nn = u(() => P.value.style.chart.legend), Pn = u(() => P.value.style.chart.title), { isCallbackImaging: Fn, isCallbackSvg: In, generateSvg: Ln, onGenerateImage: Rn } = me({
 			svg: L,
 			title: Pn,
 			legend: Nn,
@@ -2491,7 +2494,7 @@ var Ve = {
 				dataset: H.value
 			}));
 		}
-		return ge({
+		return _e({
 			getData: kn,
 			getImage: An,
 			generatePdf: Qt,
@@ -2503,7 +2506,7 @@ var Ve = {
 			toggleAnnotator: Kt,
 			toggleFullscreen: Gt,
 			copyAlt: zn
-		}), (e, t) => (x(), m("div", {
+		}), (e, t) => (x(), p("div", {
 			ref_key: "worldChart",
 			ref: k,
 			id: `world_${A.value}`,
@@ -2512,7 +2515,7 @@ var Ve = {
 			onMouseenter: t[2] ||= () => T(Nt)(!0),
 			onMouseleave: t[3] ||= () => T(Nt)(!1)
 		}, [
-			P.value.userOptions.buttons.annotator && T(L) ? (x(), f(T(He), {
+			P.value.userOptions.buttons.annotator && T(L) ? (x(), d(T(He), {
 				key: 0,
 				color: P.value.style.chart.color,
 				backgroundColor: P.value.style.chart.backgroundColor,
@@ -2534,21 +2537,21 @@ var Ve = {
 				"active",
 				"svgRef",
 				"isCursorPointer"
-			])) : p("", !0),
+			])) : f("", !0),
 			C(e.$slots, "userConfig", {}, void 0, !0),
-			Yt.value ? (x(), m("div", {
+			Yt.value ? (x(), p("div", {
 				key: 1,
 				ref_key: "noTitle",
 				ref: _t,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : p("", !0),
-			P.value.style.chart.title.text ? (x(), m("div", {
+			}, null, 512)) : f("", !0),
+			P.value.style.chart.title.text ? (x(), p("div", {
 				key: 2,
 				ref_key: "chartTitle",
 				ref: mt,
 				style: "width:100%;background:transparent"
-			}, [(x(), f(T(Fe), {
+			}, [(x(), d(T(Fe), {
 				key: `title_${vt.value}`,
 				config: {
 					title: {
@@ -2560,9 +2563,9 @@ var Ve = {
 						...P.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : p("", !0),
-			h("div", { id: `legend-top-${A.value}` }, null, 8, We),
-			P.value.userOptions.show && ft.value && (T(Pt) || T(Mt)) ? (x(), f(T(st), {
+			}, null, 8, ["config"]))], 512)) : f("", !0),
+			m("div", { id: `legend-top-${A.value}` }, null, 8, We),
+			P.value.userOptions.show && ft.value && (T(Pt) || T(Mt)) ? (x(), d(T(st), {
 				ref_key: "userOptionsRef",
 				ref: wt,
 				key: `user_option_${St.value}`,
@@ -2601,7 +2604,7 @@ var Ve = {
 				onToggleAnnotator: Kt,
 				onCopyAlt: zn,
 				style: b({ visibility: T(Pt) ? T(Mt) ? "visible" : "hidden" : "visible" })
-			}, Ce({ _: 2 }, [
+			}, we({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: D(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", y(v({
@@ -2671,12 +2674,12 @@ var Ve = {
 					fn: D(() => [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.onGenerateImage.onGenerateSvg.style".split("."))) : p("", !0),
-			(x(), m("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("."))) : f("", !0),
+			(x(), p("svg", {
 				ref_key: "svgRef",
 				ref: L,
 				viewBox: V.value.str,
-				xmlns: T(te),
+				xmlns: T(ie),
 				class: De({
 					"vue-data-ui-fullscreen--on": U.value,
 					"vue-data-ui-fullscreen--off": !U.value
@@ -2700,18 +2703,18 @@ var Ve = {
 				onTouchend: Cn
 			}, [
 				g(T(ct)),
-				e.$slots["chart-background"] ? (x(), m("foreignObject", {
+				e.$slots["chart-background"] ? (x(), p("foreignObject", {
 					key: 0,
 					x: V.value.minX,
 					y: V.value.minY,
 					width: V.value.width,
 					height: V.value.height,
 					style: { pointerEvents: "none" }
-				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, Ke)) : p("", !0),
-				ft.value ? (x(), m("g", qe, [
-					z.value === "globe" ? (x(), m(u, { key: 0 }, [
-						h("defs", null, [
-							g(_e, {
+				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, Ke)) : f("", !0),
+				ft.value ? (x(), p("g", qe, [
+					z.value === "globe" ? (x(), p(l, { key: 0 }, [
+						m("defs", null, [
+							g(ve, {
 								t: "radial",
 								id: `water-${A.value}`,
 								cx: .48,
@@ -2722,7 +2725,7 @@ var Ve = {
 								stops: [
 									[
 										"0%",
-										T(ee)(P.value.style.chart.globe.waterColor, .4),
+										T(n)(P.value.style.chart.globe.waterColor, .4),
 										1
 									],
 									[
@@ -2742,7 +2745,7 @@ var Ve = {
 									]
 								]
 							}, null, 8, ["id", "stops"]),
-							g(_e, {
+							g(ve, {
 								t: "radial",
 								id: `atmo-realistic-${A.value}`,
 								cx: .5,
@@ -2766,25 +2769,25 @@ var Ve = {
 									]
 								]
 							}, null, 8, ["id", "stops"]),
-							h("filter", {
+							m("filter", {
 								id: `blur-${A.value}`,
 								x: "-30%",
 								y: "-30%",
 								width: "160%",
 								height: "160%"
-							}, [...t[4] ||= [h("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, Je)
+							}, [...t[4] ||= [m("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, Je)
 						]),
-						e.$slots.pattern ? (x(), m("g", Ye, [(x(!0), m(u, null, Ae(H.value, (t, n) => (x(), m("defs", null, [C(e.$slots, "pattern", Te({ ref_for: !0 }, {
+						e.$slots.pattern ? (x(), p("g", Ye, [(x(!0), p(l, null, Ae(H.value, (t, n) => (x(), p("defs", null, [C(e.$slots, "pattern", Te({ ref_for: !0 }, {
 							...t,
 							patternId: `pattern_${A.value}_${t.code}`
-						}), void 0, !0)]))), 256))])) : p("", !0),
-						h("circle", {
+						}), void 0, !0)]))), 256))])) : f("", !0),
+						m("circle", {
 							cx: V.value.width / 2 + 20,
 							cy: V.value.height / 2 + 20,
 							r: V.value.height / 2,
 							fill: `url(#water-${A.value})`
 						}, null, 8, Xe),
-						h("circle", {
+						m("circle", {
 							cx: V.value.width / 2 + 20,
 							cy: V.value.height / 2 + 20,
 							r: V.value.height / 2 + 10,
@@ -2792,8 +2795,8 @@ var Ve = {
 							"pointer-events": "none",
 							filter: `url(#blur-${A.value})`
 						}, null, 8, Ze)
-					], 64)) : p("", !0),
-					(x(!0), m(u, null, Ae(H.value, (t, n) => (x(), m(u, { key: t.code }, [h("path", {
+					], 64)) : f("", !0),
+					(x(!0), p(l, null, Ae(H.value, (t, n) => (x(), p(l, { key: t.code }, [m("path", {
 						d: t.path,
 						fill: t.category && Z.value.includes(t.category) ? P.value.style.chart.territory.emptyColor : t.color,
 						stroke: P.value.style.chart.territory.stroke,
@@ -2811,7 +2814,7 @@ var Ve = {
 							seriesIndex: n
 						}),
 						class: "vue-ui-world-territory"
-					}, [!j.value || !R.value.showTooltip ? (x(), m("title", $e, [we(w(t.name) + " ", 1), typeof t.value == "number" ? (x(), m(u, { key: 0 }, [we(" : " + w(t.value), 1)], 64)) : p("", !0)])) : p("", !0)], 40, Qe), e.$slots.pattern ? (x(), m("path", {
+					}, [!j.value || !R.value.showTooltip ? (x(), p("title", $e, [h(w(t.name) + " ", 1), typeof t.value == "number" ? (x(), p(l, { key: 0 }, [h(" : " + w(t.value), 1)], 64)) : f("", !0)])) : f("", !0)], 40, Qe), e.$slots.pattern ? (x(), p("path", {
 						key: 0,
 						d: t.path,
 						fill: `url(#pattern_${A.value}_${t.code})`,
@@ -2819,8 +2822,8 @@ var Ve = {
 						"stroke-width": P.value.style.chart.territory.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, et)) : p("", !0)], 64))), 128)),
-					K.value ? (x(), m("path", {
+					}, null, 8, et)) : f("", !0)], 64))), 128)),
+					K.value ? (x(), p("path", {
 						key: 1,
 						d: tn.value,
 						fill: "transparent",
@@ -2828,8 +2831,8 @@ var Ve = {
 						"stroke-width": P.value.style.chart.territory.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, tt)) : p("", !0)
-				])) : p("", !0),
+					}, null, 8, tt)) : f("", !0)
+				])) : f("", !0),
 				C(e.$slots, "svg", { svg: {
 					height: B.value.height,
 					width: B.value.width,
@@ -2837,27 +2840,27 @@ var Ve = {
 					isPrintingSvg: T(In)
 				} }, void 0, !0)
 			], 46, Ge)),
-			e.$slots.watermark ? (x(), m("div", nt, [C(e.$slots, "watermark", y(v({ isPrinting: T(Xt) || T(Zt) || T(Fn) || T(In) })), void 0, !0)])) : p("", !0),
-			h("div", { id: `legend-bottom-${A.value}` }, null, 8, rt),
-			Ct.value && pt.value && (P.value.style.chart.legend.show || e.$slots.legend) ? (x(), f(Se, {
+			e.$slots.watermark ? (x(), p("div", nt, [C(e.$slots, "watermark", y(v({ isPrinting: T(Xt) || T(Zt) || T(Fn) || T(In) })), void 0, !0)])) : f("", !0),
+			m("div", { id: `legend-bottom-${A.value}` }, null, 8, rt),
+			Ct.value && pt.value && (P.value.style.chart.legend.show || e.$slots.legend) ? (x(), d(Ce, {
 				key: 5,
 				to: P.value.style.chart.legend.position === "top" ? `#legend-top-${A.value}` : `#legend-bottom-${A.value}`
-			}, [pt.value ? (x(), m("div", {
+			}, [pt.value ? (x(), p("div", {
 				key: 0,
 				ref_key: "chartLegend",
 				ref: ht
-			}, [C(e.$slots, "legend", { legend: Q.value }, () => [P.value.style.chart.legend.show ? (x(), f(T(Ie), {
+			}, [C(e.$slots, "legend", { legend: Q.value }, () => [P.value.style.chart.legend.show ? (x(), d(T(Ie), {
 				key: `legend_${yt.value}`,
 				legendSet: Q.value,
 				config: On.value,
 				isCursorPointer: F.value,
 				onClickMarker: t[0] ||= (e) => Dn(e)
-			}, Ce({
-				item: D(({ legend: e, index: t }) => [h("div", {
+			}, we({
+				item: D(({ legend: e, index: t }) => [m("div", {
 					style: b(`opacity:${Z.value.includes(e.name) ? .5 : 1}`),
 					onClick: (t) => e.segregate()
 				}, w(e.name), 13, it)]),
-				legendToggle: D(() => [Q.value.length > 2 && P.value.style.chart.legend.selectAllToggle.show && !T(jt) ? (x(), f(ve, {
+				legendToggle: D(() => [Q.value.length > 2 && P.value.style.chart.legend.selectAllToggle.show && !T(jt) ? (x(), d(ye, {
 					key: 0,
 					backgroundColor: P.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: P.value.style.chart.legend.selectAllToggle.color,
@@ -2871,11 +2874,11 @@ var Ve = {
 					"fontSize",
 					"checked",
 					"isCursorPointer"
-				])) : p("", !0)]),
+				])) : f("", !0)]),
 				_: 2
 			}, [e.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: D(({ legend: e, index: t }) => [g(he, {
+				fn: D(({ legend: e, index: t }) => [g(ge, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -2890,13 +2893,13 @@ var Ve = {
 				"legendSet",
 				"config",
 				"isCursorPointer"
-			])) : p("", !0)], !0)], 512)) : p("", !0)], 8, ["to"])) : p("", !0),
-			e.$slots.source ? (x(), m("div", {
+			])) : f("", !0)], !0)], 512)) : f("", !0)], 8, ["to"])) : f("", !0),
+			e.$slots.source ? (x(), p("div", {
 				key: 6,
 				ref_key: "source",
 				ref: gt,
 				dir: "auto"
-			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
+			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
 			g(T(Le), {
 				teleportTo: P.value.style.chart.tooltip.teleportTo,
 				show: R.value.showTooltip && j.value,
@@ -2945,12 +2948,12 @@ var Ve = {
 				"smoothForce",
 				"smoothSnapThreshold"
 			]),
-			ft.value && P.value.userOptions.buttons.table ? (x(), f(je($.value.component), Te({ key: 7 }, $.value.props, {
+			ft.value && P.value.userOptions.buttons.table ? (x(), d(je($.value.component), Te({ key: 7 }, $.value.props, {
 				ref_key: "tableUnit",
 				ref: M,
 				onClose: jn
-			}), Ce({
-				content: D(() => [(x(), f(T(Be), {
+			}), we({
+				content: D(() => [(x(), d(T(Be), {
 					key: `table_${bt.value}`,
 					colNames: wn.value.colNames,
 					head: wn.value.head,
@@ -2961,14 +2964,8 @@ var Ve = {
 					isCursorPointer: F.value,
 					onClose: jn
 				}, {
-					th: D(({ th: e }) => [h("div", {
-						innerHTML: e,
-						style: {
-							display: "flex",
-							"align-items": "center"
-						}
-					}, null, 8, at)]),
-					td: D(({ td: e }) => [we(w(e.name ? e.name : e.category ? e.category : T(c)(P.value.style.chart.dataLabels.formatter, e, T(o)({
+					th: D(({ th: e }) => [m("div", at, w(e), 1)]),
+					td: D(({ td: e }) => [h(w(e.name ? e.name : e.category ? e.category : T(c)(P.value.style.chart.dataLabels.formatter, e, T(te)({
 						p: P.value.style.chart.dataLabels.prefix,
 						v: e,
 						s: P.value.style.chart.dataLabels.suffix,
@@ -2987,11 +2984,11 @@ var Ve = {
 				_: 2
 			}, [P.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [we(w($.value.title), 1)]),
+				fn: D(() => [h(w($.value.title), 1)]),
 				key: "0"
 			} : void 0, P.value.table.useDialog ? {
 				name: "actions",
-				fn: D(() => [h("button", {
+				fn: D(() => [m("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: t[1] ||= (e) => Tn(P.value.userOptions.callbacks.csv),
@@ -3001,10 +2998,10 @@ var Ve = {
 					stroke: $.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : p("", !0),
-			C(e.$slots, "skeleton", {}, () => [T(jt) ? (x(), f(de, { key: 0 })) : p("", !0)], !0)
+			} : void 0]), 1040)) : f("", !0),
+			C(e.$slots, "skeleton", {}, () => [T(jt) ? (x(), d(fe, { key: 0 })) : f("", !0)], !0)
 		], 46, Ue));
 	}
-}, [["__scopeId", "data-v-fb4a5885"]]);
+}, [["__scopeId", "data-v-a7e72f2b"]]);
 //#endregion
 export { He as n, st as t };