vue-data-ui 3.25.3 → 3.25.5

package/dist/{vue-ui-world-CseHQjz7.js → vue-ui-world-C2atz4Xm.js}

@@ -1,20 +1,20 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-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-C7t_vY8w.js";
-import { n as se, t as ce } from "./useHints-Dq_w2E8B.js";
-import { t as le } from "./useConfig-CyCVHo81.js";
-import { t as ue } from "./usePrinter-VVTuFI6H.js";
-import { n as de, t as fe } from "./BaseScanner-DZvpgOjM.js";
-import { t as pe } from "./useNestedProp-BfTgFMXF.js";
-import { t as me } from "./useChartExport-iwOqiIWX.js";
-import { t as he } from "./img-IjqD_xWl.js";
-import { t as ge } from "./Shape-BBKymE00.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-BF-thEu0.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";
+import { $ as t, Ct as n, D as r, Lt as i, S as a, X as ee, Y as o, Zt as s, bt as c, i as l, jt as te, q as ne, t as re, w as ie, xt as ae } from "./lib-Dql7cqyA.js";
+import { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
+import { t as ce } from "./useConfig-C_mX5pOZ.js";
+import { t as le } from "./usePrinter-DISD7q5m.js";
+import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
+import { t as fe } from "./useNestedProp-Chvyfpl-.js";
+import { t as pe } from "./useChartExport-iwOqiIWX.js";
+import { t as me } from "./img-DhGApYG0.js";
+import { t as he } from "./Shape-CIqU-p2F.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-__JnV08B.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";
 //#region src/resources/worldGeo.js
 var Pe = 1e3, Fe = [
 	"name",
@@ -1981,7 +1981,7 @@ var Ve = {
 }, rt = ["id"], it = ["onClick"], at = { style: {
 	display: "flex",
 	"align-items": "center"
-} }, ot = .5, st = /*#__PURE__*/ _e({
+} }, ot = .5, st = /*#__PURE__*/ ge({
 	__name: "vue-ui-world",
 	props: {
 		config: {
@@ -2002,34 +2002,34 @@ var Ve = {
 		"selectLegend",
 		"copyAlt"
 	],
-	setup(e, { expose: _e, emit: Pe }) {
-		let Fe = _(() => import("./Title-DIf1lG-_.js").then((e) => e.t)), Ie = _(() => import("./Legend-DmitJZi5.js").then((e) => e.n)), Le = _(() => import("./Tooltip-C3jBTIhR.js")), Re = _(() => import("./BaseIcon-CVrQHhw1.js").then((e) => e.n)), ze = _(() => import("./vue-ui-accordion-DuARUUdY.js").then((e) => e.n)), Be = _(() => import("./DataTable-BBpTEQY5.js")), He = _(() => import("./PenAndPaper-DzM1vUXR.js").then((e) => e.t)), st = _(() => import("./UserOptions-m0uxKoiy.js").then((e) => e.n)), ct = _(() => import("./PackageVersion-hRJtldYi.js").then((e) => e.t)), lt = _(() => import("./BaseDraggableDialog-BCQY4Tir.js").then((e) => e.n)), { vue_ui_world: ut } = le(), O = e, dt = Pe, ft = u({
+	setup(e, { expose: ge, emit: Pe }) {
+		let Fe = _(() => import("./Title-CPHi-evi.js").then((e) => e.t)), Ie = _(() => import("./Legend-X4kF4PvW.js").then((e) => e.n)), Le = _(() => import("./Tooltip-hhrkQ3Lk.js")), Re = _(() => import("./BaseIcon-t83PDe9k.js").then((e) => e.n)), ze = _(() => import("./vue-ui-accordion-DRf3NQyH.js").then((e) => e.n)), Be = _(() => import("./DataTable-COIO9gi4.js")), He = _(() => import("./PenAndPaper-BgH3m_LP.js").then((e) => e.t)), st = _(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), ct = _(() => import("./PackageVersion-M2Ws-VwJ.js").then((e) => e.t)), lt = _(() => import("./BaseDraggableDialog-BM_R41j8.js").then((e) => e.n)), { vue_ui_world: ut } = ce(), O = e, dt = Pe, ft = d({
 			get() {
 				return !!I.value;
 			},
 			set(e) {
 				return e;
 			}
-		}), 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);
+		}), 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(ne()), 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 } = Se;
+		let N = Ve, { projections: Tt, getProjectedBounds: Et, setupTerritories: Dt, geoToPath: Ot } = xe;
 		function kt() {
-			let e = pe({
+			let e = fe({
 				userConfig: O.config,
 				defaultConfig: ut
 			});
-			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;
+			return O.config && c(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 && c(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());
-		se({
+		oe({
 			config: () => P.value,
 			dataset: () => O.dataset,
 			component: "VueUiWorld",
-			rules: [ce.noHint]
+			rules: [se.noHint]
 		});
-		let F = u(() => P.value.userOptions.useCursorPointer), At = u(() => o({
+		let F = d(() => P.value.userOptions.useCursorPointer), At = d(() => s({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -2046,16 +2046,16 @@ var Ve = {
 				} }
 			},
 			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: jt, FINAL_DATASET: I } = de({
+		})), { loading: jt, FINAL_DATASET: I } = ue({
 			...Me(O),
 			FINAL_CONFIG: P,
 			prepareConfig: kt,
 			skeletonDataset: O.config?.skeletonDataset ?? [],
-			skeletonConfig: o({
+			skeletonConfig: s({
 				defaultConfig: P.value,
 				userConfig: At.value
 			})
-		}), { userOptionsVisible: Mt, setUserOptionsVisibility: Nt, keepUserOptionState: Pt } = be({ config: P.value }), { svgRef: L } = xe({ config: P.value.style.chart.title }), R = S({
+		}), { userOptionsVisible: Mt, setUserOptionsVisibility: Nt, keepUserOptionState: Pt } = ye({ config: P.value }), { svgRef: L } = be({ config: P.value.style.chart.title }), R = S({
 			showTable: P.value.table.show,
 			showTooltip: P.value.style.chart.tooltip.show
 		});
@@ -2067,7 +2067,7 @@ var Ve = {
 				showTooltip: P.value.style.chart.tooltip.show
 			};
 		}, { immediate: !0 });
-		let Ft = u(() => ae(P.value.customPalette)), z = u(() => P.value.projection || "globe"), B = u(() => {
+		let Ft = d(() => ie(P.value.customPalette)), z = d(() => P.value.projection || "globe"), B = d(() => {
 			let { height: e, width: t } = P.value.style.chart.dimensions;
 			return {
 				aitoff: {
@@ -2123,7 +2123,7 @@ var Ve = {
 					height: e || 1e3
 				}
 			}[z.value];
-		}), V = u(() => {
+		}), V = d(() => {
 			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}`,
@@ -2132,9 +2132,9 @@ var Ve = {
 				width: n,
 				height: r
 			};
-		}), It = u(() => Object.values(I.value).map((e) => e.value)), Lt = u(() => Math.min(...It.value)), Rt = u(() => Math.max(...It.value));
+		}), It = d(() => Object.values(I.value).map((e) => e.value)), Lt = d(() => Math.min(...It.value)), Rt = d(() => Math.max(...It.value));
 		function zt(e) {
-			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;
+			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;
 		}
 		function Bt(e) {
 			return Ot(e, {
@@ -2144,7 +2144,7 @@ var Ve = {
 				center: q.value
 			});
 		}
-		let Vt = u(() => {
+		let Vt = d(() => {
 			let e = Object.values(I.value).filter((e) => !!e.category), t = {};
 			return e.forEach((e) => {
 				t[e.category] || (t[e.category] = e);
@@ -2159,9 +2159,9 @@ var Ve = {
 		}
 		let Ut = /* @__PURE__ */ new Map();
 		function Wt(e) {
-			return Ut.has(e) || Ut.set(e, `territory-${re()}`), Ut.get(e);
+			return Ut.has(e) || Ut.set(e, `territory-${ne()}`), Ut.get(e);
 		}
-		let H = u(() => (q.value, N.features.map((e) => {
+		let H = d(() => (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];
@@ -2191,27 +2191,27 @@ var Ve = {
 		function Jt() {
 			R.value.showTooltip = !R.value.showTooltip;
 		}
-		let Yt = u(() => P.value.userOptions.show && !P.value.style.chart.title.text), { isPrinting: Xt, isImaging: Zt, generatePdf: Qt, generateImage: $t } = ue({
+		let Yt = d(() => P.value.userOptions.show && !P.value.style.chart.title.text), { isPrinting: Xt, isImaging: Zt, generatePdf: Qt, generateImage: $t } = le({
 			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 = u(() => K.value ? Bt(K.value.geometry) : "");
+		}), G = S(!1), en = S(null), K = S(null), tn = d(() => 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 = u(() => {
+		let rn = d(() => {
 			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], 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];
+			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, o = t.map((e) => e.map(([e, t]) => i([e, t], a, ee, 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];
 			}
 			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(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"/>
+        <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"/>
         </svg>
     `;
 		});
@@ -2236,9 +2236,9 @@ var Ve = {
 				config: P.value,
 				series: H.value
 			}, j.value = !0;
-			let n = "", r = P.value.style.chart.tooltip.customFormat;
-			if (G.value = !1, ee(r)) try {
-				let t = r({
+			let r = "", i = P.value.style.chart.tooltip.customFormat;
+			if (G.value = !1, n(i)) try {
+				let t = i({
 					datapoint: e,
 					config: P.value,
 					series: H.value
@@ -2247,7 +2247,7 @@ var Ve = {
 			} catch {
 				console.warn("Custom format cannot be applied."), G.value = !1;
 			}
-			G.value || (n += `
+			G.value || (r += `
         <div style="width:100%;">
             ${P.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">
@@ -2256,7 +2256,7 @@ var Ve = {
                 </svg>
                 <span>${e.name}:</span>
                 <b>
-                    ${c(P.value.style.chart.dataLabels.formatter, e.value, te({
+                    ${l(P.value.style.chart.dataLabels.formatter, e.value, ee({
 				p: P.value.style.chart.dataLabels.prefix,
 				v: e.value,
 				s: P.value.style.chart.dataLabels.suffix,
@@ -2265,7 +2265,7 @@ var Ve = {
                 </b>
             </div>
         </div>
-        `, xt.value = `<div>${n}</div>`);
+        `, xt.value = `<div>${r}</div>`);
 		}
 		let cn = S(!1), ln = S({
 			x: 0,
@@ -2329,7 +2329,7 @@ var Ve = {
 		Oe(() => {
 			Y !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(Y), Y = null);
 		});
-		let X = u(() => {
+		let X = d(() => {
 			let e = H.value.toSorted((e, t) => (t.value || 0) - (e.value || 0));
 			return {
 				head: e.map((e) => ({
@@ -2339,7 +2339,7 @@ var Ve = {
 				})),
 				body: e.map((e) => e.value || 0)
 			};
-		}), wn = u(() => {
+		}), wn = d(() => {
 			let e = [
 				P.value.table.columnNames.series,
 				P.value.table.columnNames.value,
@@ -2397,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 = u(() => pt ? Vt.value.map(({ name: e, color: t }, n) => ({
+		let Q = d(() => pt ? Vt.value.map(({ name: e, color: t }, n) => ({
 			name: e,
 			color: t,
 			shape: "circle",
@@ -2407,7 +2407,7 @@ var Ve = {
 			opacity: Z.value.includes(e.name) ? .5 : 1,
 			segregate: () => Dn(e.name),
 			isSegregated: Z.value.includes(e.name)
-		})) : []), On = u(() => ({
+		})) : []), On = d(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: P.value.style.chart.legend.backgroundColor,
 			color: P.value.style.chart.legend.color,
@@ -2420,7 +2420,7 @@ var Ve = {
 		}
 		async function An({ scale: e = 2 } = {}) {
 			if (!k.value) return;
-			let { width: t, height: n } = k.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await he({
+			let { width: t, height: n } = k.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await me({
 				domElement: k.value,
 				base64: !0,
 				img: !0,
@@ -2435,7 +2435,7 @@ var Ve = {
 				aspectRatio: r
 			};
 		}
-		let $ = u(() => {
+		let $ = d(() => {
 			let e = P.value.table.useDialog && !P.value.table.show, t = R.value.showTable;
 			return {
 				component: e ? lt : ze,
@@ -2472,7 +2472,7 @@ var Ve = {
 		function jn() {
 			R.value.showTable = !1, wt.value && wt.value.setTableIconState(!1);
 		}
-		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({
+		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({
 			svg: L,
 			title: Pn,
 			legend: Nn,
@@ -2494,7 +2494,7 @@ var Ve = {
 				dataset: H.value
 			}));
 		}
-		return _e({
+		return ge({
 			getData: kn,
 			getImage: An,
 			generatePdf: Qt,
@@ -2506,7 +2506,7 @@ var Ve = {
 			toggleAnnotator: Kt,
 			toggleFullscreen: Gt,
 			copyAlt: zn
-		}), (e, t) => (x(), p("div", {
+		}), (e, t) => (x(), m("div", {
 			ref_key: "worldChart",
 			ref: k,
 			id: `world_${A.value}`,
@@ -2515,13 +2515,14 @@ var Ve = {
 			onMouseenter: t[2] ||= () => T(Nt)(!0),
 			onMouseleave: t[3] ||= () => T(Nt)(!1)
 		}, [
-			P.value.userOptions.buttons.annotator && T(L) ? (x(), d(T(He), {
+			P.value.userOptions.buttons.annotator && T(L) ? (x(), f(T(He), {
 				key: 0,
 				color: P.value.style.chart.color,
 				backgroundColor: P.value.style.chart.backgroundColor,
 				active: W.value,
 				svgRef: T(L),
 				isCursorPointer: F.value,
+				palette: P.value.userOptions.annotatorPalette,
 				onClose: Kt
 			}, {
 				"annotator-action-close": D(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
@@ -2536,22 +2537,23 @@ var Ve = {
 				"backgroundColor",
 				"active",
 				"svgRef",
-				"isCursorPointer"
-			])) : f("", !0),
+				"isCursorPointer",
+				"palette"
+			])) : p("", !0),
 			C(e.$slots, "userConfig", {}, void 0, !0),
-			Yt.value ? (x(), p("div", {
+			Yt.value ? (x(), m("div", {
 				key: 1,
 				ref_key: "noTitle",
 				ref: _t,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : f("", !0),
-			P.value.style.chart.title.text ? (x(), p("div", {
+			}, null, 512)) : p("", !0),
+			P.value.style.chart.title.text ? (x(), m("div", {
 				key: 2,
 				ref_key: "chartTitle",
 				ref: mt,
 				style: "width:100%;background:transparent"
-			}, [(x(), d(T(Fe), {
+			}, [(x(), f(T(Fe), {
 				key: `title_${vt.value}`,
 				config: {
 					title: {
@@ -2563,9 +2565,9 @@ var Ve = {
 						...P.value.style.chart.title.subtitle
 					}
 				}
-			}, 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), {
+			}, 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), {
 				ref_key: "userOptionsRef",
 				ref: wt,
 				key: `user_option_${St.value}`,
@@ -2604,7 +2606,7 @@ var Ve = {
 				onToggleAnnotator: Kt,
 				onCopyAlt: zn,
 				style: b({ visibility: T(Pt) ? T(Mt) ? "visible" : "hidden" : "visible" })
-			}, we({ _: 2 }, [
+			}, Ce({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: D(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", y(v({
@@ -2674,12 +2676,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("."))) : f("", !0),
-			(x(), p("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("."))) : p("", !0),
+			(x(), m("svg", {
 				ref_key: "svgRef",
 				ref: L,
 				viewBox: V.value.str,
-				xmlns: T(ie),
+				xmlns: T(re),
 				class: De({
 					"vue-data-ui-fullscreen--on": U.value,
 					"vue-data-ui-fullscreen--off": !U.value
@@ -2703,18 +2705,18 @@ var Ve = {
 				onTouchend: Cn
 			}, [
 				g(T(ct)),
-				e.$slots["chart-background"] ? (x(), p("foreignObject", {
+				e.$slots["chart-background"] ? (x(), m("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)) : f("", !0),
-				ft.value ? (x(), p("g", qe, [
-					z.value === "globe" ? (x(), p(l, { key: 0 }, [
-						m("defs", null, [
-							g(ve, {
+				}, [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, {
 								t: "radial",
 								id: `water-${A.value}`,
 								cx: .48,
@@ -2725,7 +2727,7 @@ var Ve = {
 								stops: [
 									[
 										"0%",
-										T(n)(P.value.style.chart.globe.waterColor, .4),
+										T(te)(P.value.style.chart.globe.waterColor, .4),
 										1
 									],
 									[
@@ -2735,17 +2737,17 @@ var Ve = {
 									],
 									[
 										"80%",
-										T(s)(P.value.style.chart.globe.waterColor, .2),
+										T(o)(P.value.style.chart.globe.waterColor, .2),
 										1
 									],
 									[
 										"100%",
-										T(s)(P.value.style.chart.globe.waterColor, .5),
+										T(o)(P.value.style.chart.globe.waterColor, .5),
 										.95
 									]
 								]
 							}, null, 8, ["id", "stops"]),
-							g(ve, {
+							g(_e, {
 								t: "radial",
 								id: `atmo-realistic-${A.value}`,
 								cx: .5,
@@ -2769,25 +2771,25 @@ var Ve = {
 									]
 								]
 							}, null, 8, ["id", "stops"]),
-							m("filter", {
+							h("filter", {
 								id: `blur-${A.value}`,
 								x: "-30%",
 								y: "-30%",
 								width: "160%",
 								height: "160%"
-							}, [...t[4] ||= [m("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, Je)
+							}, [...t[4] ||= [h("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, Je)
 						]),
-						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 }, {
+						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 }, {
 							...t,
 							patternId: `pattern_${A.value}_${t.code}`
-						}), void 0, !0)]))), 256))])) : f("", !0),
-						m("circle", {
+						}), void 0, !0)]))), 256))])) : p("", !0),
+						h("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),
-						m("circle", {
+						h("circle", {
 							cx: V.value.width / 2 + 20,
 							cy: V.value.height / 2 + 20,
 							r: V.value.height / 2 + 10,
@@ -2795,8 +2797,8 @@ var Ve = {
 							"pointer-events": "none",
 							filter: `url(#blur-${A.value})`
 						}, null, 8, Ze)
-					], 64)) : f("", !0),
-					(x(!0), p(l, null, Ae(H.value, (t, n) => (x(), p(l, { key: t.code }, [m("path", {
+					], 64)) : p("", !0),
+					(x(!0), m(u, null, Ae(H.value, (t, n) => (x(), m(u, { key: t.code }, [h("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,
@@ -2814,7 +2816,7 @@ var Ve = {
 							seriesIndex: n
 						}),
 						class: "vue-ui-world-territory"
-					}, [!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", {
+					}, [!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", {
 						key: 0,
 						d: t.path,
 						fill: `url(#pattern_${A.value}_${t.code})`,
@@ -2822,8 +2824,8 @@ var Ve = {
 						"stroke-width": P.value.style.chart.territory.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, et)) : f("", !0)], 64))), 128)),
-					K.value ? (x(), p("path", {
+					}, null, 8, et)) : p("", !0)], 64))), 128)),
+					K.value ? (x(), m("path", {
 						key: 1,
 						d: tn.value,
 						fill: "transparent",
@@ -2831,8 +2833,8 @@ var Ve = {
 						"stroke-width": P.value.style.chart.territory.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, tt)) : f("", !0)
-				])) : f("", !0),
+					}, null, 8, tt)) : p("", !0)
+				])) : p("", !0),
 				C(e.$slots, "svg", { svg: {
 					height: B.value.height,
 					width: B.value.width,
@@ -2840,27 +2842,27 @@ var Ve = {
 					isPrintingSvg: T(In)
 				} }, void 0, !0)
 			], 46, Ge)),
-			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, {
+			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, {
 				key: 5,
 				to: P.value.style.chart.legend.position === "top" ? `#legend-top-${A.value}` : `#legend-bottom-${A.value}`
-			}, [pt.value ? (x(), p("div", {
+			}, [pt.value ? (x(), m("div", {
 				key: 0,
 				ref_key: "chartLegend",
 				ref: ht
-			}, [C(e.$slots, "legend", { legend: Q.value }, () => [P.value.style.chart.legend.show ? (x(), d(T(Ie), {
+			}, [C(e.$slots, "legend", { legend: Q.value }, () => [P.value.style.chart.legend.show ? (x(), f(T(Ie), {
 				key: `legend_${yt.value}`,
 				legendSet: Q.value,
 				config: On.value,
 				isCursorPointer: F.value,
 				onClickMarker: t[0] ||= (e) => Dn(e)
-			}, we({
-				item: D(({ legend: e, index: t }) => [m("div", {
+			}, Ce({
+				item: D(({ legend: e, index: t }) => [h("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(), d(ye, {
+				legendToggle: D(() => [Q.value.length > 2 && P.value.style.chart.legend.selectAllToggle.show && !T(jt) ? (x(), f(ve, {
 					key: 0,
 					backgroundColor: P.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: P.value.style.chart.legend.selectAllToggle.color,
@@ -2874,11 +2876,11 @@ var Ve = {
 					"fontSize",
 					"checked",
 					"isCursorPointer"
-				])) : f("", !0)]),
+				])) : p("", !0)]),
 				_: 2
 			}, [e.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: D(({ legend: e, index: t }) => [g(ge, {
+				fn: D(({ legend: e, index: t }) => [g(he, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -2893,13 +2895,13 @@ var Ve = {
 				"legendSet",
 				"config",
 				"isCursorPointer"
-			])) : f("", !0)], !0)], 512)) : f("", !0)], 8, ["to"])) : f("", !0),
-			e.$slots.source ? (x(), p("div", {
+			])) : p("", !0)], !0)], 512)) : p("", !0)], 8, ["to"])) : p("", !0),
+			e.$slots.source ? (x(), m("div", {
 				key: 6,
 				ref_key: "source",
 				ref: gt,
 				dir: "auto"
-			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
+			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
 			g(T(Le), {
 				teleportTo: P.value.style.chart.tooltip.teleportTo,
 				show: R.value.showTooltip && j.value,
@@ -2948,12 +2950,12 @@ var Ve = {
 				"smoothForce",
 				"smoothSnapThreshold"
 			]),
-			ft.value && P.value.userOptions.buttons.table ? (x(), d(je($.value.component), Te({ key: 7 }, $.value.props, {
+			ft.value && P.value.userOptions.buttons.table ? (x(), f(je($.value.component), Te({ key: 7 }, $.value.props, {
 				ref_key: "tableUnit",
 				ref: M,
 				onClose: jn
-			}), we({
-				content: D(() => [(x(), d(T(Be), {
+			}), Ce({
+				content: D(() => [(x(), f(T(Be), {
 					key: `table_${bt.value}`,
 					colNames: wn.value.colNames,
 					head: wn.value.head,
@@ -2964,8 +2966,8 @@ var Ve = {
 					isCursorPointer: F.value,
 					onClose: jn
 				}, {
-					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)({
+					th: D(({ th: e }) => [h("div", at, w(e), 1)]),
+					td: D(({ td: e }) => [we(w(e.name ? e.name : e.category ? e.category : T(l)(P.value.style.chart.dataLabels.formatter, e, T(ee)({
 						p: P.value.style.chart.dataLabels.prefix,
 						v: e,
 						s: P.value.style.chart.dataLabels.suffix,
@@ -2984,11 +2986,11 @@ var Ve = {
 				_: 2
 			}, [P.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [h(w($.value.title), 1)]),
+				fn: D(() => [we(w($.value.title), 1)]),
 				key: "0"
 			} : void 0, P.value.table.useDialog ? {
 				name: "actions",
-				fn: D(() => [m("button", {
+				fn: D(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: t[1] ||= (e) => Tn(P.value.userOptions.callbacks.csv),
@@ -2998,10 +3000,10 @@ var Ve = {
 					stroke: $.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : f("", !0),
-			C(e.$slots, "skeleton", {}, () => [T(jt) ? (x(), d(fe, { key: 0 })) : f("", !0)], !0)
+			} : void 0]), 1040)) : p("", !0),
+			C(e.$slots, "skeleton", {}, () => [T(jt) ? (x(), f(de, { key: 0 })) : p("", !0)], !0)
 		], 46, Ue));
 	}
-}, [["__scopeId", "data-v-a7e72f2b"]]);
+}, [["__scopeId", "data-v-68cc6539"]]);
 //#endregion
 export { He as n, st as t };