vue-data-ui 3.26.5 → 3.27.0

package/dist/{vue-ui-world-B755-zji.js → vue-ui-world-BZ09DOiF.js}

@@ -1,27 +1,27 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, Et as i, Pt as a, Q as ee, S as o, Vt as s, X as te, et as ne, i as re, nt as ie, t as ae, tn as oe, w as se, wt as ce } from "./lib-TWIH5fGr.js";
-import { n as le, t as ue } from "./useHints-Dq_w2E8B.js";
-import { t as de } from "./useConfig-DObkR9Aa.js";
-import { t as fe } from "./usePrinter-8Y1Rju0Y.js";
-import { n as pe, t as me } from "./BaseScanner-Dzc8VT3j.js";
-import { t as he } from "./useNestedProp-BxOdWM0c.js";
-import { t as ge } from "./useChartExport-iwOqiIWX.js";
-import { t as _e } from "./img-KURaWjZI.js";
-import { t as ve } from "./Shape-BZgQLgu5.js";
-import { t as ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as be } from "./DefGrad-DVBqDjhO.js";
-import { t as xe } from "./BaseLegendToggle-Doa5rYP2.js";
-import { t as Se } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
-import { t as we } from "./geoProjections-BYthUA8l.js";
-import { Fragment as c, Teleport as Te, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as Ee, createTextVNode as De, createVNode as m, defineAsyncComponent as h, guardReactiveProps as g, mergeProps as Oe, nextTick as ke, normalizeClass as Ae, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as je, onMounted as Me, openBlock as y, ref as b, renderList as Ne, renderSlot as x, resolveDynamicComponent as Pe, toDisplayString as S, toRefs as Fe, unref as C, watch as Ie, withCtx as w, withModifiers as Le } from "vue";
+import { $ as t, D as n, Dt as r, Ft as i, Ht as a, Q as ee, S as o, Tt as te, X as ne, et as re, i as ie, nn as ae, nt as oe, t as se, w as ce, wt as le } from "./lib-D4wK6ljP.js";
+import { n as ue, t as de } from "./useHints-Dq_w2E8B.js";
+import { t as fe } from "./useConfig-D_6ZrPMD.js";
+import { t as pe } from "./usePrinter-DdW2GSm0.js";
+import { n as me, t as he } from "./BaseScanner-Dzc8VT3j.js";
+import { t as ge } from "./useNestedProp-DR_8JPol.js";
+import { t as _e } from "./useChartExport-iwOqiIWX.js";
+import { t as ve } from "./img-Bb5rHcpO.js";
+import { t as ye } from "./Shape-DSwamtmO.js";
+import { t as be } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as xe } from "./DefGrad-DVBqDjhO.js";
+import { t as Se } from "./BaseLegendToggle-CP3sddwv.js";
+import { t as Ce } from "./useUserOptionState-DK-_1ddE.js";
+import { t as we } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Te } from "./geoProjections-BYthUA8l.js";
+import { Fragment as s, Teleport as Ee, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as De, createTextVNode as Oe, createVNode as p, defineAsyncComponent as m, guardReactiveProps as h, mergeProps as ke, nextTick as Ae, normalizeClass as je, normalizeProps as g, normalizeStyle as _, onBeforeUnmount as Me, onMounted as Ne, openBlock as v, ref as y, renderList as Pe, renderSlot as b, resolveDynamicComponent as Fe, toDisplayString as x, toRefs as Ie, unref as S, watch as Le, withCtx as C, withModifiers as Re } from "vue";
 //#region src/resources/worldGeo.js
-var Re = 1e3, ze = [
+var ze = 1e3, Be = [
 	"name",
 	"admin",
 	"iso_a3",
 	"iso_a3_eh"
-], Be = ["Polygon", "MultiPolygon"], Ve = [
+], Ve = ["Polygon", "MultiPolygon"], He = [
 	[
 		[
 			"Costa Rica",
@@ -1917,48 +1917,48 @@ var Re = 1e3, ze = [
 		["1h6v,-11ip;hx,-8r;q9,-3h;z,-5a;-7s,-cn;-16n,-1t;-p,et;44,bg;1v,5p"]
 	]
 ];
-function He(e) {
+function Ue(e) {
 	let t = {};
-	for (let n = 0; n < ze.length; n += 1) e[n] != null && (t[ze[n]] = e[n]);
+	for (let n = 0; n < Be.length; n += 1) e[n] != null && (t[Be[n]] = e[n]);
 	return t;
 }
-function Ue(e) {
+function We(e) {
 	let t = 0, n = 0;
 	return e ? e.split(";").map((e) => {
 		let r = e.indexOf(",");
-		return t += parseInt(e.slice(0, r), 36), n += parseInt(e.slice(r + 1), 36), [t / Re, n / Re];
+		return t += parseInt(e.slice(0, r), 36), n += parseInt(e.slice(r + 1), 36), [t / ze, n / ze];
 	}) : [];
 }
-function We(e, t) {
-	return e ? t.map((e) => e.map(Ue)) : t.map(Ue);
+function Ge(e, t) {
+	return e ? t.map((e) => e.map(We)) : t.map(We);
 }
-var Ge = {
+var Ke = {
 	type: "FeatureCollection",
-	features: Ve.map(([e, t, n]) => ({
+	features: He.map(([e, t, n]) => ({
 		type: "Feature",
-		properties: He(e),
+		properties: Ue(e),
 		geometry: {
-			type: Be[t],
-			coordinates: We(t, n)
+			type: Ve[t],
+			coordinates: Ge(t, n)
 		}
 	}))
-}, Ke = /* @__PURE__ */ e({ default: () => dt }), qe = ["id"], Je = ["id"], Ye = ["viewBox", "xmlns"], Xe = [
+}, qe = /* @__PURE__ */ e({ default: () => ft }), Je = ["id"], Ye = ["id"], Xe = ["viewBox", "xmlns"], Ze = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Ze = { key: 1 }, Qe = ["id"], $e = { key: 0 }, et = [
+], Qe = { key: 1 }, $e = ["id"], et = { key: 0 }, tt = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], tt = [
+], nt = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"filter"
-], nt = [
+], rt = [
 	"d",
 	"fill",
 	"stroke",
@@ -1966,22 +1966,22 @@ var Ge = {
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], rt = { key: 0 }, it = [
+], it = { key: 0 }, at = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width"
-], at = [
+], ot = [
 	"d",
 	"stroke",
 	"stroke-width"
-], ot = {
+], st = {
 	key: 4,
 	class: "vue-data-ui-watermark"
-}, st = ["id"], ct = ["onClick"], lt = { style: {
+}, ct = ["id"], lt = ["onClick"], ut = { style: {
 	display: "flex",
 	"align-items": "center"
-} }, ut = .5, dt = /*#__PURE__*/ ye({
+} }, dt = .5, ft = /*#__PURE__*/ be({
 	__name: "vue-ui-world",
 	props: {
 		config: {
@@ -2002,34 +2002,34 @@ var Ge = {
 		"selectLegend",
 		"copyAlt"
 	],
-	setup(e, { expose: ye, emit: Re }) {
-		let ze = h(() => import("./Title-Bd98RysU.js").then((e) => e.t)), Be = h(() => import("./Legend-D9FGXIbQ.js").then((e) => e.n)), Ve = h(() => import("./Tooltip-DmQeI5WE.js")), He = h(() => import("./BaseIcon-CIK6Sqo3.js").then((e) => e.n)), Ue = h(() => import("./vue-ui-accordion-AyyZDab3.js").then((e) => e.n)), We = h(() => import("./DataTable-B6LDCXBz.js")), Ke = h(() => import("./PenAndPaper-C1EcBgJW.js").then((e) => e.t)), dt = h(() => import("./UserOptions-B_yBcZ1-.js").then((e) => e.n)), ft = h(() => import("./PackageVersion-CslTvFsC.js").then((e) => e.t)), pt = h(() => import("./BaseDraggableDialog-BCFCiP_6.js").then((e) => e.n)), { vue_ui_world: mt } = de(), T = e, ht = Re, gt = l({
+	setup(e, { expose: be, emit: ze }) {
+		let Be = m(() => import("./Title-BMCuINbv.js").then((e) => e.t)), Ve = m(() => import("./Legend-CulFgjUY.js").then((e) => e.n)), He = m(() => import("./Tooltip-C4ZTwkLF.js")), Ue = m(() => import("./BaseIcon-Cx9FD751.js").then((e) => e.n)), We = m(() => import("./vue-ui-accordion-CaoNWreI.js").then((e) => e.n)), Ge = m(() => import("./DataTable-CjF_An2h.js")), qe = m(() => import("./PenAndPaper-CNiuGw6k.js").then((e) => e.t)), ft = m(() => import("./UserOptions-CORYQiif.js").then((e) => e.n)), pt = m(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), mt = m(() => import("./BaseDraggableDialog-C50TEJFv.js").then((e) => e.n)), { vue_ui_world: ht } = fe(), w = e, gt = ze, _t = c({
 			get() {
-				return !!L.value;
+				return !!R.value;
 			},
 			set(e) {
 				return e;
 			}
-		}), _t = l(() => gt ? Object.values(L.value).some((e) => Object.hasOwn(e, "category")) : !1), E = b(null), vt = b(null), yt = b(null), bt = b(null), xt = b(null), St = b(0), Ct = b(0), wt = b(0), D = b(te()), Tt = b(!1), Et = b(""), Dt = b(0), Ot = b(!1), O = b(null), kt = b(null);
-		Me(() => {
+		}), vt = c(() => _t ? Object.values(R.value).some((e) => Object.hasOwn(e, "category")) : !1), T = y(null), yt = y(null), bt = y(null), xt = y(null), St = y(null), Ct = y(0), wt = y(0), Tt = y(0), E = y(ne()), D = y(!1), Et = y(""), Dt = y(0), Ot = y(!1), O = y(null), kt = y(null);
+		Ne(() => {
 			Ot.value = !0;
 		});
-		let At = Ge, { projections: jt, getProjectedBounds: Mt, setupTerritories: Nt, geoToPath: Pt } = we;
-		function Ft() {
-			let e = he({
-				userConfig: T.config,
-				defaultConfig: mt
+		let k = Ke, { projections: At, getProjectedBounds: jt, setupTerritories: Mt, geoToPath: Nt } = Te;
+		function Pt() {
+			let e = ge({
+				userConfig: w.config,
+				defaultConfig: ht
 			});
-			return T.config && n(T.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = o(T.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, T.config && n(T.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = o(T.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = s[0], At = Nt(e, At), e;
+			return w.config && le(w.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = o(w.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, w.config && le(w.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = o(w.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = a[0], k = Mt(e, k), e;
 		}
-		let k = b(Ft()), A = l(() => k.value.userOptions), j = l(() => k.value.style.chart.tooltip), M = l(() => k.value.style.chart.globe), N = l(() => k.value.style.chart.territory), P = l(() => k.value.style.chart.legend), F = l(() => k.value.style.chart);
-		le({
-			config: () => k.value,
-			dataset: () => T.dataset,
+		let A = y(Pt()), j = c(() => A.value.userOptions), M = c(() => A.value.style.chart.tooltip), N = c(() => A.value.style.chart.globe), P = c(() => A.value.style.chart.territory), F = c(() => A.value.style.chart.legend), I = c(() => A.value.style.chart);
+		ue({
+			config: () => A.value,
+			dataset: () => w.dataset,
 			component: "VueUiWorld",
-			rules: [ue.noHint]
+			rules: [de.noHint]
 		});
-		let I = l(() => k.value.userOptions.useCursorPointer), It = l(() => oe({
+		let L = c(() => A.value.userOptions.useCursorPointer), Ft = c(() => ae({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -2045,42 +2045,42 @@ var Ge = {
 					}
 				} }
 			},
-			userConfig: k.value.skeletonConfig ?? {}
-		})), { loading: Lt, FINAL_DATASET: L } = pe({
-			...Fe(T),
-			FINAL_CONFIG: k,
-			prepareConfig: Ft,
-			skeletonDataset: T.config?.skeletonDataset ?? [],
-			skeletonConfig: oe({
-				defaultConfig: k.value,
-				userConfig: It.value
+			userConfig: A.value.skeletonConfig ?? {}
+		})), { loading: It, FINAL_DATASET: R } = me({
+			...Ie(w),
+			FINAL_CONFIG: A,
+			prepareConfig: Pt,
+			skeletonDataset: w.config?.skeletonDataset ?? [],
+			skeletonConfig: ae({
+				defaultConfig: A.value,
+				userConfig: Ft.value
 			})
-		}), { userOptionsVisible: Rt, setUserOptionsVisibility: zt, keepUserOptionState: Bt } = Se({ config: k.value }), { svgRef: Vt } = Ce({ config: F.value.title }), R = b({
-			showTable: k.value.table.show,
-			showTooltip: j.value.show
+		}), { userOptionsVisible: Lt, setUserOptionsVisibility: Rt, keepUserOptionState: zt } = Ce({ config: A.value }), { svgRef: Bt } = we({ config: I.value.title }), z = y({
+			showTable: A.value.table.show,
+			showTooltip: M.value.show
 		});
-		function Ht(e) {
-			let t = ne(e);
+		function Vt(e) {
+			let t = re(e);
 			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
 		}
-		let Ut = Ht(T.config);
-		Ie(() => T.config, (e, t) => {
-			let n = Ht(e), r = n !== Ut;
-			Ut = n;
-			let i = Ft();
+		let Ht = Vt(w.config);
+		Le(() => w.config, (e, t) => {
+			let n = Vt(e), r = n !== Ht;
+			Ht = n;
+			let i = Pt();
 			if (!r) {
-				k.value.style.chart.tooltip = i.style.chart.tooltip, R.value.showTooltip = k.value.style.chart.tooltip.show;
+				A.value.style.chart.tooltip = i.style.chart.tooltip, z.value.showTooltip = A.value.style.chart.tooltip.show;
 				return;
 			}
-			k.value = i, Rt.value = !k.value.userOptions.showOnChartHover, St.value += 1, wt.value += 1, Ct.value += 1, R.value.showTable = k.value.table.show, R.value.showTooltip = j.value.show;
-		}), Ie(k, () => {
-			R.value = {
-				showTable: k.value.table.show,
-				showTooltip: j.value.show
+			A.value = i, Lt.value = !A.value.userOptions.showOnChartHover, Ct.value += 1, Tt.value += 1, wt.value += 1, z.value.showTable = A.value.table.show, z.value.showTooltip = M.value.show;
+		}), Le(A, () => {
+			z.value = {
+				showTable: A.value.table.show,
+				showTooltip: M.value.show
 			};
 		}, { immediate: !0 });
-		let Wt = l(() => se(k.value.customPalette)), z = l(() => k.value.projection || "globe"), B = l(() => {
-			let { height: e, width: t } = F.value.dimensions;
+		let Ut = c(() => ce(A.value.customPalette)), B = c(() => A.value.projection || "globe"), V = c(() => {
+			let { height: e, width: t } = I.value.dimensions;
 			return {
 				aitoff: {
 					width: t || 1e3,
@@ -2134,9 +2134,9 @@ var Ge = {
 					width: t || 1e3,
 					height: e || 1e3
 				}
-			}[z.value];
-		}), V = l(() => {
-			let { minX: e, minY: t, width: n, height: r } = Mt(jt[z.value], At.features, B.value.width, B.value.height, q.value);
+			}[B.value];
+		}), H = c(() => {
+			let { minX: e, minY: t, width: n, height: r } = jt(At[B.value], k.features, V.value.width, V.value.height, J.value);
 			return {
 				str: `${e} ${t} ${n} ${r}`,
 				minX: e,
@@ -2144,205 +2144,205 @@ var Ge = {
 				width: n,
 				height: r
 			};
-		}), Gt = l(() => Object.values(L.value).map((e) => e.value)), Kt = l(() => Math.min(...Gt.value)), qt = l(() => Math.max(...Gt.value));
-		function Jt(e) {
-			return typeof e == "number" ? ce(N.value.colors.min || "#FFFFFF00", N.value.colors.max || Wt.value[0] || s[0], Kt.value, qt.value, e) : N.value.emptyColor;
+		}), Wt = c(() => Object.values(R.value).map((e) => e.value)), Gt = c(() => Math.min(...Wt.value)), Kt = c(() => Math.max(...Wt.value));
+		function qt(e) {
+			return typeof e == "number" ? te(P.value.colors.min || "#FFFFFF00", P.value.colors.max || Ut.value[0] || a[0], Gt.value, Kt.value, e) : P.value.emptyColor;
 		}
-		function Yt(e) {
-			return Pt(e, {
-				projection: z.value,
-				width: B.value.width,
-				height: B.value.height,
-				center: q.value
+		function Jt(e) {
+			return Nt(e, {
+				projection: B.value,
+				width: V.value.width,
+				height: V.value.height,
+				center: J.value
 			});
 		}
-		let Xt = l(() => {
-			let e = Object.values(L.value).filter((e) => !!e.category), t = {};
+		let Yt = c(() => {
+			let e = Object.values(R.value).filter((e) => !!e.category), t = {};
 			return e.forEach((e) => {
 				t[e.category] || (t[e.category] = e);
 			}), Object.values(t).map((e, t) => ({
 				name: e.category,
-				color: e.color ? o(e.color) : Wt.value[t] || s[t] || s[t % s.length]
+				color: e.color ? o(e.color) : Ut.value[t] || a[t] || a[t % a.length]
 			}));
 		});
-		function Zt(e) {
-			let t = Xt.value.find((t) => t.name === e);
+		function Xt(e) {
+			let t = Yt.value.find((t) => t.name === e);
 			return t ? t.color : "#000000";
 		}
-		let Qt = /* @__PURE__ */ new Map();
-		function $t(e) {
-			return Qt.has(e) || Qt.set(e, `territory-${te()}`), Qt.get(e);
+		let Zt = /* @__PURE__ */ new Map();
+		function Qt(e) {
+			return Zt.has(e) || Zt.set(e, `territory-${ne()}`), Zt.get(e);
 		}
-		let H = l(() => (q.value, At.features.map((e) => {
+		let U = c(() => (J.value, k.features.map((e) => {
 			let t = e.properties.iso_a3;
 			(!t || t === "-99") && (t = e.properties.iso_a3_eh);
-			let n = L.value[t];
+			let n = R.value[t];
 			return {
-				path: Yt(e.geometry),
+				path: Jt(e.geometry),
 				name: e.properties.name,
 				geo: e,
 				code: t,
 				geometry: e.geometry,
-				color: n && n.color ? o(n.color) : n && n.category ? Zt(n.category) : Jt(n ? n.value : null),
+				color: n && n.color ? o(n.color) : n && n.category ? Xt(n.category) : qt(n ? n.value : null),
 				value: n ? n.value : null,
 				category: n && n.category || null,
 				isActive: !!n,
-				uid: $t(t)
+				uid: Qt(t)
 			};
-		}))), U = b(!1);
-		function en(e) {
-			U.value = e, Dt.value += 1;
+		}))), W = y(!1);
+		function $t(e) {
+			W.value = e, Dt.value += 1;
+		}
+		let G = y(!1);
+		function en() {
+			G.value = !G.value;
 		}
-		let W = b(!1);
 		function tn() {
-			W.value = !W.value;
+			z.value.showTable = !z.value.showTable;
 		}
 		function nn() {
-			R.value.showTable = !R.value.showTable;
+			z.value.showTooltip = !z.value.showTooltip;
 		}
-		function rn() {
-			R.value.showTooltip = !R.value.showTooltip;
-		}
-		let an = l(() => k.value.userOptions.show && !F.value.title.text), { isPrinting: on, isImaging: sn, generatePdf: cn, generateImage: ln } = fe({
-			elementId: `world_${D.value}`,
-			fileName: F.value.title.text || "vue-ui-world",
-			options: k.value.userOptions.print
-		}), G = b(!1), un = b(null), K = b(null), dn = l(() => K.value ? Yt(K.value.geometry) : "");
-		function fn(e) {
+		let rn = c(() => A.value.userOptions.show && !I.value.title.text), { isPrinting: an, isImaging: on, generatePdf: sn, generateImage: cn } = pe({
+			elementId: `world_${E.value}`,
+			fileName: I.value.title.text || "vue-ui-world",
+			options: A.value.userOptions.print
+		}), K = y(!1), ln = y(null), q = y(null), un = c(() => q.value ? Jt(q.value.geometry) : "");
+		function dn(e) {
 			return e ? e.type === "Polygon" ? e.coordinates : e.type === "MultiPolygon" ? e.coordinates.reduce((e, t) => t[0].length > (e[0]?.length || 0) ? t : e, []) : [] : [];
 		}
-		let pn = l(() => {
-			let e = K.value?.geometry;
+		let fn = c(() => {
+			let e = q.value?.geometry;
 			if (!e) return "";
-			let t = fn(e);
+			let t = dn(e);
 			if (!t.length) return "";
-			let n = t.flat(), r = [n.reduce((e, [t]) => e + t, 0) / n.length, n.reduce((e, [, t]) => e + t, 0) / n.length], i = jt[z.value] || jt.globe, a = B.value.width, ee = B.value.height, o = t.map((e) => e.map(([e, t]) => i([e, t], a, ee, r))), s = o.flat(), te = s.map(([e, t]) => e), ne = s.map(([e, t]) => t), re = Math.min(...te), ie = Math.max(...te), ae = Math.min(...ne), oe = Math.max(...ne), se = ie - re || 1, ce = oe - ae || 1, le = Math.min(64 / se, 64 / ce);
-			function ue([e, t]) {
-				return [(e - re) * le + 8, (t - ae) * le + 8];
+			let n = t.flat(), r = [n.reduce((e, [t]) => e + t, 0) / n.length, n.reduce((e, [, t]) => e + t, 0) / n.length], i = At[B.value] || At.globe, a = V.value.width, ee = V.value.height, o = t.map((e) => e.map(([e, t]) => i([e, t], a, ee, r))), te = o.flat(), ne = te.map(([e, t]) => e), re = te.map(([e, t]) => t), ie = Math.min(...ne), ae = Math.max(...ne), oe = Math.min(...re), se = Math.max(...re), ce = ae - ie || 1, le = se - oe || 1, ue = Math.min(64 / ce, 64 / le);
+			function de([e, t]) {
+				return [(e - ie) * ue + 8, (t - oe) * ue + 8];
 			}
 			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(ue).map(([e, t]) => `${e},${t}`).join("L") + "Z").join(" ")}" fill="${K.value?.color || N.value.emptyColor}" stroke="${N.value.stroke}" stroke-width="1"/>
+        <path d="${o.map((e) => "M" + e.map(de).map(([e, t]) => `${e},${t}`).join("L") + "Z").join(" ")}" fill="${q.value?.color || P.value.emptyColor}" stroke="${P.value.stroke}" stroke-width="1"/>
         </svg>
     `;
 		});
-		function mn({ datapoint: e, seriesIndex: t }) {
-			Tt.value = !1, K.value = null, k.value.events.datapointLeave && k.value.events.datapointLeave({
+		function pn({ datapoint: e, seriesIndex: t }) {
+			D.value = !1, q.value = null, A.value.events.datapointLeave && A.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function hn({ datapoint: e, seriesIndex: t }) {
-			ht("selectDatapoint", e), k.value.events.datapointClick && k.value.events.datapointClick({
+		function mn({ datapoint: e, seriesIndex: t }) {
+			gt("selectDatapoint", e), A.value.events.datapointClick && A.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function gn({ datapoint: e, seriesIndex: n }) {
-			k.value.events.datapointEnter && k.value.events.datapointEnter({
+		function hn({ datapoint: e, seriesIndex: n }) {
+			A.value.events.datapointEnter && A.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: n
-			}), K.value = e, un.value = {
+			}), q.value = e, ln.value = {
 				datapoint: e,
-				config: k.value,
-				series: H.value
-			}, Tt.value = !0;
-			let r = "", a = j.value.customFormat;
-			if (G.value = !1, i(a)) try {
+				config: A.value,
+				series: U.value
+			}, D.value = !0;
+			let i = "", a = M.value.customFormat;
+			if (K.value = !1, r(a)) try {
 				let t = a({
 					datapoint: e,
-					config: k.value,
-					series: H.value
+					config: A.value,
+					series: U.value
 				});
-				typeof t == "string" && (Et.value = t, G.value = !0);
+				typeof t == "string" && (Et.value = t, K.value = !0);
 			} catch {
-				console.warn("Custom format cannot be applied."), G.value = !1;
+				console.warn("Custom format cannot be applied."), K.value = !1;
 			}
-			G.value || (r += `
+			K.value || (i += `
         <div style="width:100%;">
-            ${j.value.showMinimap ? `<div class="vue-ui-world-minimap">${pn.value}</div>` : ""}
+            ${M.value.showMinimap ? `<div class="vue-ui-world-minimap">${fn.value}</div>` : ""}
             <div style="display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px">
                 <svg viewBox="0 0 20 20" height="14" width="14">
                     <circle cx="10" cy="10" r="10" fill="${e.color}"/>
                 </svg>
                 <span>${e.name}:</span>
                 <b>
-                    ${re(F.value.dataLabels.formatter, e.value, t({
-				p: F.value.dataLabels.prefix,
+                    ${ie(I.value.dataLabels.formatter, e.value, t({
+				p: I.value.dataLabels.prefix,
 				v: e.value,
-				s: F.value.dataLabels.suffix,
-				r: F.value.dataLabels.rounding
+				s: I.value.dataLabels.suffix,
+				r: I.value.dataLabels.rounding
 			}))}    
                 </b>
             </div>
         </div>
-        `, Et.value = `<div>${r}</div>`);
+        `, Et.value = `<div>${i}</div>`);
 		}
-		let _n = b(!1), vn = b({
+		let gn = y(!1), _n = y({
 			x: 0,
 			y: 0
-		}), q = b([M.value.center.x, M.value.center.y]), yn = [0, 0], J = null, Y = null;
-		function bn(e) {
+		}), J = y([N.value.center.x, N.value.center.y]), vn = [0, 0], Y = null, X = null;
+		function yn(e) {
 			return Math.max(-90, Math.min(90, e));
 		}
-		function xn(e) {
+		function bn(e) {
 			return ((e + 180) % 360 + 360) % 360 - 180;
 		}
-		function Sn() {
-			J &&= (q.value = J, null);
+		function xn() {
+			Y &&= (J.value = Y, null);
 		}
-		function Cn(e) {
-			if (J = e, typeof requestAnimationFrame > "u") {
-				Sn();
+		function Sn(e) {
+			if (Y = e, typeof requestAnimationFrame > "u") {
+				xn();
 				return;
 			}
-			Y === null && (Y = requestAnimationFrame(() => {
-				Y = null, Sn();
+			X === null && (X = requestAnimationFrame(() => {
+				X = null, xn();
 			}));
 		}
-		Ie(() => [M.value.center.x, M.value.center.y], ([e, t]) => {
-			q.value = [e, t], J = null;
+		Le(() => [N.value.center.x, N.value.center.y], ([e, t]) => {
+			J.value = [e, t], Y = null;
 		});
-		function wn(e, t) {
-			_n.value = !0, vn.value = {
+		function Cn(e, t) {
+			gn.value = !0, _n.value = {
 				x: e,
 				y: t
-			}, yn = J || [q.value[0], q.value[1]];
+			}, vn = Y || [J.value[0], J.value[1]];
+		}
+		function wn(e, t) {
+			if (!gn.value || B.value !== "globe" || G.value) return;
+			let n = e - _n.value.x, r = t - _n.value.y;
+			Sn([bn(vn[0] - n * dt), yn(vn[1] + r * dt)]);
 		}
-		function Tn(e, t) {
-			if (!_n.value || z.value !== "globe" || W.value) return;
-			let n = e - vn.value.x, r = t - vn.value.y;
-			Cn([xn(yn[0] - n * ut), bn(yn[1] + r * ut)]);
+		function Tn() {
+			gn.value = !1, X !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(X), X = null), xn();
 		}
-		function En() {
-			_n.value = !1, Y !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(Y), Y = null), Sn();
+		function En(e) {
+			Cn(e.clientX, e.clientY);
 		}
 		function Dn(e) {
 			wn(e.clientX, e.clientY);
 		}
-		function On(e) {
-			Tn(e.clientX, e.clientY);
+		function On() {
+			Tn();
 		}
-		function kn() {
-			En();
+		function kn(e) {
+			let t = e.touches[0];
+			Cn(t.clientX, t.clientY);
 		}
 		function An(e) {
 			let t = e.touches[0];
 			wn(t.clientX, t.clientY);
 		}
-		function jn(e) {
-			let t = e.touches[0];
-			Tn(t.clientX, t.clientY);
-		}
-		function Mn() {
-			En();
+		function jn() {
+			Tn();
 		}
-		je(() => {
-			Y !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(Y), Y = null);
+		Me(() => {
+			X !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(X), X = null);
 		});
-		let X = l(() => {
-			let e = H.value.toSorted((e, t) => (t.value || 0) - (e.value || 0));
+		let Mn = c(() => {
+			let e = U.value.toSorted((e, t) => (t.value || 0) - (e.value || 0));
 			return {
 				head: e.map((e) => ({
 					name: e.name,
@@ -2351,65 +2351,65 @@ var Ge = {
 				})),
 				body: e.map((e) => e.value || 0)
 			};
-		}), Nn = l(() => {
+		}), Nn = c(() => {
 			let e = [
-				k.value.table.columnNames.series,
-				k.value.table.columnNames.value,
-				k.value.table.columnNames.category
-			], t = X.value.head.map((e, t) => [
+				A.value.table.columnNames.series,
+				A.value.table.columnNames.value,
+				A.value.table.columnNames.category
+			], t = Mn.value.head.map((e, t) => [
 				{
 					color: e.color,
 					name: e.name
 				},
-				X.value.body[t] || 0,
+				Mn.value.body[t] || 0,
 				{ category: e.category }
 			]), n = {
 				th: {
-					backgroundColor: k.value.table.th.backgroundColor,
-					color: k.value.table.th.color,
-					outline: k.value.table.th.outline
+					backgroundColor: A.value.table.th.backgroundColor,
+					color: A.value.table.th.color,
+					outline: A.value.table.th.outline
 				},
 				td: {
-					backgroundColor: k.value.table.td.backgroundColor,
-					color: k.value.table.td.color,
-					outline: k.value.table.td.outline
+					backgroundColor: A.value.table.td.backgroundColor,
+					color: A.value.table.td.color,
+					outline: A.value.table.td.outline
 				},
-				breakpoint: k.value.table.responsiveBreakpoint
+				breakpoint: A.value.table.responsiveBreakpoint
 			};
 			return {
-				colNames: [k.value.table.columnNames.series, k.value.table.columnNames.value],
+				colNames: [A.value.table.columnNames.series, A.value.table.columnNames.value],
 				head: e,
 				body: t,
 				config: n
 			};
 		});
 		function Pn(e = null) {
-			ke(() => {
-				let t = X.value.head.map((e, t) => [[e.name], [X.value.body[t]]]), n = [
-					[F.value.title.text],
-					[F.value.title.subtitle.text],
+			Ae(() => {
+				let t = Mn.value.head.map((e, t) => [[e.name], [Mn.value.body[t]]]), r = [
+					[I.value.title.text],
+					[I.value.title.subtitle.text],
 					[[
-						k.value.table.columnNames.series,
-						k.value.table.columnNames.value,
-						k.value.table.columnNames.category
+						A.value.table.columnNames.series,
+						A.value.table.columnNames.value,
+						A.value.table.columnNames.category
 					]]
-				].concat(t), i = r(n);
-				e ? e(i) : ie({
+				].concat(t), i = n(r);
+				e ? e(i) : oe({
 					csvContent: i,
-					title: F.value.title.text || "vue-ui-world"
+					title: I.value.title.text || "vue-ui-world"
 				});
 			});
 		}
-		let Z = b([]);
+		let Z = y([]);
 		function Fn() {
 			Z.value.length ? Z.value = [] : Q.value.forEach((e) => {
 				Z.value.push(e.name);
 			});
 		}
 		function In(e) {
-			Z.value.includes(e) ? Z.value = Z.value.filter((t) => t !== e) : Z.value.push(e), ht("selectLegend", { name: e });
+			Z.value.includes(e) ? Z.value = Z.value.filter((t) => t !== e) : Z.value.push(e), gt("selectLegend", { name: e });
 		}
-		let Q = l(() => _t ? Xt.value.map(({ name: e, color: t }, n) => ({
+		let Q = c(() => vt ? Yt.value.map(({ name: e, color: t }, n) => ({
 			name: e,
 			color: t,
 			shape: "circle",
@@ -2419,21 +2419,21 @@ var Ge = {
 			opacity: Z.value.includes(e.name) ? .5 : 1,
 			segregate: () => In(e.name),
 			isSegregated: Z.value.includes(e.name)
-		})) : []), Ln = l(() => ({
+		})) : []), Ln = c(() => ({
 			cy: "donut-div-legend",
-			backgroundColor: P.value.backgroundColor,
-			color: P.value.color,
-			fontSize: P.value.fontSize,
+			backgroundColor: F.value.backgroundColor,
+			color: F.value.color,
+			fontSize: F.value.fontSize,
 			paddingBottom: 12,
-			fontWeight: P.value.bold ? "bold" : ""
+			fontWeight: F.value.bold ? "bold" : ""
 		}));
 		function Rn() {
-			return H.value;
+			return U.value;
 		}
 		async function zn({ scale: e = 2 } = {}) {
-			if (!E.value) return;
-			let { width: t, height: n } = E.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await _e({
-				domElement: E.value,
+			if (!T.value) return;
+			let { width: t, height: n } = T.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ve({
+				domElement: T.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -2441,108 +2441,108 @@ var Ge = {
 			return {
 				imageUri: i,
 				base64: a,
-				title: F.value.title.text,
+				title: I.value.title.text,
 				width: t,
 				height: n,
 				aspectRatio: r
 			};
 		}
-		let $ = l(() => {
-			let e = k.value.table.useDialog && !k.value.table.show, t = R.value.showTable;
+		let $ = c(() => {
+			let e = A.value.table.useDialog && !A.value.table.show, t = z.value.showTable;
 			return {
-				component: e ? pt : Ue,
-				title: `${F.value.title.text}${F.value.title.subtitle.text ? `: ${F.value.title.subtitle.text}` : ""}`,
+				component: e ? mt : We,
+				title: `${I.value.title.text}${I.value.title.subtitle.text ? `: ${I.value.title.subtitle.text}` : ""}`,
 				props: e ? {
-					backgroundColor: k.value.table.th.backgroundColor,
-					color: k.value.table.th.color,
-					headerColor: k.value.table.th.color,
-					headerBg: k.value.table.th.backgroundColor,
-					isFullscreen: U.value,
-					fullscreenParent: E.value,
+					backgroundColor: A.value.table.th.backgroundColor,
+					color: A.value.table.th.color,
+					headerColor: A.value.table.th.color,
+					headerBg: A.value.table.th.backgroundColor,
+					isFullscreen: W.value,
+					fullscreenParent: T.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: I.value
+					isCursorPointer: L.value
 				} : {
 					hideDetails: !0,
 					config: {
 						open: t,
 						maxHeight: 1e4,
 						body: {
-							backgroundColor: F.value.backgroundColor,
-							color: F.value.color
+							backgroundColor: I.value.backgroundColor,
+							color: I.value.color
 						},
 						head: {
-							backgroundColor: F.value.backgroundColor,
-							color: F.value.color
+							backgroundColor: I.value.backgroundColor,
+							color: I.value.color
 						}
 					}
 				}
 			};
 		});
-		Ie(() => R.value.showTable, (e) => {
-			k.value.table.show || (e && k.value.table.useDialog && O.value ? O.value.open() : "close" in O.value && O.value.close());
+		Le(() => z.value.showTable, (e) => {
+			A.value.table.show || (e && A.value.table.useDialog && O.value ? O.value.open() : "close" in O.value && O.value.close());
 		});
 		function Bn() {
-			R.value.showTable = !1, kt.value && kt.value.setTableIconState(!1);
+			z.value.showTable = !1, kt.value && kt.value.setTableIconState(!1);
 		}
-		let Vn = l(() => F.value.backgroundColor), Hn = l(() => F.value.title), { isCallbackImaging: Un, isCallbackSvg: Wn, generateSvg: Gn, onGenerateImage: Kn } = ge({
-			svg: Vt,
+		let Vn = c(() => I.value.backgroundColor), Hn = c(() => I.value.title), { isCallbackImaging: Un, isCallbackSvg: Wn, generateSvg: Gn, onGenerateImage: Kn } = _e({
+			svg: Bt,
 			title: Hn,
-			legend: P,
+			legend: F,
 			legendItems: Q,
 			backgroundColor: Vn,
-			getSvgCallback: () => k.value.userOptions.callbacks.svg,
-			generateImage: ln
+			getSvgCallback: () => A.value.userOptions.callbacks.svg,
+			generateImage: cn
 		});
 		async function qn() {
-			if (ht("copyAlt", {
-				config: k.value,
-				dataset: H.value
-			}), !k.value.userOptions.callbacks.altCopy) {
+			if (gt("copyAlt", {
+				config: A.value,
+				dataset: U.value
+			}), !A.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
-			await Promise.resolve(k.value.userOptions.callbacks.altCopy({
-				config: k.value,
-				dataset: H.value
+			await Promise.resolve(A.value.userOptions.callbacks.altCopy({
+				config: A.value,
+				dataset: U.value
 			}));
 		}
-		return ye({
+		return be({
 			getData: Rn,
 			getImage: zn,
-			generatePdf: cn,
+			generatePdf: sn,
 			generateCsv: Pn,
-			generateImage: ln,
+			generateImage: cn,
 			generateSvg: Gn,
-			toggleTable: nn,
-			toggleTooltip: rn,
-			toggleAnnotator: tn,
-			toggleFullscreen: en,
+			toggleTable: tn,
+			toggleTooltip: nn,
+			toggleAnnotator: en,
+			toggleFullscreen: $t,
 			copyAlt: qn
-		}), (e, n) => (y(), f("div", {
+		}), (e, n) => (v(), d("div", {
 			ref_key: "worldChart",
-			ref: E,
-			id: `world_${D.value}`,
-			class: Ae(`vue-data-ui-component vue-ui-world ${U.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			style: v(`font-family:${k.value.style.fontFamily};width:100%; text-align:center;background:${F.value.backgroundColor}`),
-			onMouseenter: n[2] ||= () => C(zt)(!0),
-			onMouseleave: n[3] ||= () => C(zt)(!1)
+			ref: T,
+			id: `world_${E.value}`,
+			class: je(`vue-data-ui-component vue-ui-world ${W.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			style: _(`font-family:${A.value.style.fontFamily};width:100%; text-align:center;background:${I.value.backgroundColor}`),
+			onMouseenter: n[2] ||= () => S(Rt)(!0),
+			onMouseleave: n[3] ||= () => S(Rt)(!1)
 		}, [
-			A.value.buttons.annotator && C(Vt) ? (y(), u(C(Ke), {
+			j.value.buttons.annotator && S(Bt) ? (v(), l(S(qe), {
 				key: 0,
-				color: F.value.color,
-				backgroundColor: F.value.backgroundColor,
-				active: W.value,
-				svgRef: C(Vt),
-				isCursorPointer: I.value,
-				palette: A.value.annotatorPalette,
-				onClose: tn
+				color: I.value.color,
+				backgroundColor: I.value.backgroundColor,
+				active: G.value,
+				svgRef: S(Bt),
+				isCursorPointer: L.value,
+				palette: j.value.annotatorPalette,
+				onClose: en
 			}, {
-				"annotator-action-close": w(() => [x(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": w(({ color: t }) => [x(e.$slots, "annotator-action-color", _(g({ color: t })), void 0, !0)]),
-				"annotator-action-draw": w(({ mode: t }) => [x(e.$slots, "annotator-action-draw", _(g({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": w(({ disabled: t }) => [x(e.$slots, "annotator-action-undo", _(g({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": w(({ disabled: t }) => [x(e.$slots, "annotator-action-redo", _(g({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": w(({ disabled: t }) => [x(e.$slots, "annotator-action-delete", _(g({ disabled: t })), void 0, !0)]),
+				"annotator-action-close": C(() => [b(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": C(({ color: t }) => [b(e.$slots, "annotator-action-color", g(h({ color: t })), void 0, !0)]),
+				"annotator-action-draw": C(({ mode: t }) => [b(e.$slots, "annotator-action-draw", g(h({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": C(({ disabled: t }) => [b(e.$slots, "annotator-action-undo", g(h({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": C(({ disabled: t }) => [b(e.$slots, "annotator-action-redo", g(h({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": C(({ disabled: t }) => [b(e.$slots, "annotator-action-delete", g(h({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"color",
@@ -2551,77 +2551,77 @@ var Ge = {
 				"svgRef",
 				"isCursorPointer",
 				"palette"
-			])) : d("", !0),
-			x(e.$slots, "userConfig", {}, void 0, !0),
-			an.value ? (y(), f("div", {
+			])) : u("", !0),
+			b(e.$slots, "userConfig", {}, void 0, !0),
+			rn.value ? (v(), d("div", {
 				key: 1,
 				ref_key: "noTitle",
-				ref: xt,
+				ref: St,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : d("", !0),
-			F.value.title.text ? (y(), f("div", {
+			}, null, 512)) : u("", !0),
+			I.value.title.text ? (v(), d("div", {
 				key: 2,
 				ref_key: "chartTitle",
-				ref: vt,
+				ref: yt,
 				style: "width:100%;background:transparent"
-			}, [(y(), u(C(ze), {
-				key: `title_${St.value}`,
+			}, [(v(), l(S(Be), {
+				key: `title_${Ct.value}`,
 				config: {
 					title: {
 						cy: "donut-div-title",
-						...F.value.title
+						...I.value.title
 					},
 					subtitle: {
 						cy: "donut-div-subtitle",
-						...F.value.title.subtitle
+						...I.value.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : d("", !0),
-			p("div", { id: `legend-top-${D.value}` }, null, 8, Je),
-			A.value.show && gt.value && (C(Bt) || C(Rt)) ? (y(), u(C(dt), {
+			}, null, 8, ["config"]))], 512)) : u("", !0),
+			f("div", { id: `legend-top-${E.value}` }, null, 8, Ye),
+			j.value.show && _t.value && (S(zt) || S(Lt)) ? (v(), l(S(ft), {
 				ref_key: "userOptionsRef",
 				ref: kt,
 				key: `user_option_${Dt.value}`,
-				backgroundColor: F.value.backgroundColor,
-				color: F.value.color,
-				isPrinting: C(on),
-				isImaging: C(sn),
-				uid: D.value,
-				callbacks: A.value.callbacks,
-				hasTooltip: j.value.show && A.value.buttons.tooltip,
-				hasPdf: A.value.buttons.pdf,
-				hasImg: A.value.buttons.img,
-				hasSvg: A.value.buttons.svg,
-				hasXls: A.value.buttons.csv,
-				hasTable: A.value.buttons.table,
+				backgroundColor: I.value.backgroundColor,
+				color: I.value.color,
+				isPrinting: S(an),
+				isImaging: S(on),
+				uid: E.value,
+				callbacks: j.value.callbacks,
+				hasTooltip: M.value.show && j.value.buttons.tooltip,
+				hasPdf: j.value.buttons.pdf,
+				hasImg: j.value.buttons.img,
+				hasSvg: j.value.buttons.svg,
+				hasXls: j.value.buttons.csv,
+				hasTable: j.value.buttons.table,
 				hasLabel: !1,
-				hasFullscreen: A.value.buttons.fullscreen,
-				hasAltCopy: A.value.buttons.altCopy,
-				isFullscreen: U.value,
-				chartElement: E.value,
-				position: A.value.position,
-				printScale: A.value.print.scale,
-				isTooltip: R.value.showTooltip,
-				titles: { ...A.value.buttonTitles },
-				hasAnnotator: A.value.buttons.annotator,
-				isAnnotation: W.value,
-				tableDialog: k.value.table.useDialog,
-				isCursorPointer: I.value,
-				onToggleFullscreen: en,
-				onGeneratePdf: C(cn),
+				hasFullscreen: j.value.buttons.fullscreen,
+				hasAltCopy: j.value.buttons.altCopy,
+				isFullscreen: W.value,
+				chartElement: T.value,
+				position: j.value.position,
+				printScale: j.value.print.scale,
+				isTooltip: z.value.showTooltip,
+				titles: { ...j.value.buttonTitles },
+				hasAnnotator: j.value.buttons.annotator,
+				isAnnotation: G.value,
+				tableDialog: A.value.table.useDialog,
+				isCursorPointer: L.value,
+				onToggleFullscreen: $t,
+				onGeneratePdf: S(sn),
 				onGenerateCsv: Pn,
-				onGenerateImage: C(Kn),
-				onGenerateSvg: C(Gn),
-				onToggleTable: nn,
-				onToggleTooltip: rn,
-				onToggleAnnotator: tn,
+				onGenerateImage: S(Kn),
+				onGenerateSvg: S(Gn),
+				onToggleTable: tn,
+				onToggleTooltip: nn,
+				onToggleAnnotator: en,
 				onCopyAlt: qn,
-				style: v({ visibility: C(Bt) ? C(Rt) ? "visible" : "hidden" : "visible" })
-			}, Ee({ _: 2 }, [
+				style: _({ visibility: S(zt) ? S(Lt) ? "visible" : "hidden" : "visible" })
+			}, De({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: w(({ isOpen: t, color: n }) => [x(e.$slots, "menuIcon", _(g({
+					fn: C(({ isOpen: t, color: n }) => [b(e.$slots, "menuIcon", g(h({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -2629,37 +2629,37 @@ var Ge = {
 				} : void 0,
 				e.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: w(() => [x(e.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: C(() => [b(e.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: w(() => [x(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: C(() => [b(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: w(() => [x(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: C(() => [b(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: w(() => [x(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: C(() => [b(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: w(() => [x(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: C(() => [b(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: w(() => [x(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: C(() => [b(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: w(({ toggleFullscreen: t, isFullscreen: n }) => [x(e.$slots, "optionFullscreen", _(g({
+					fn: C(({ toggleFullscreen: t, isFullscreen: n }) => [b(e.$slots, "optionFullscreen", g(h({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -2667,7 +2667,7 @@ var Ge = {
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: w(({ toggleAnnotator: t, isAnnotator: n }) => [x(e.$slots, "optionAnnotator", _(g({
+					fn: C(({ toggleAnnotator: t, isAnnotator: n }) => [b(e.$slots, "optionAnnotator", g(h({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -2675,62 +2675,62 @@ var Ge = {
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: w(({ altCopy: t }) => [x(e.$slots, "optionAltCopy", _(g({ altCopy: t })), void 0, !0)]),
+					fn: C(({ altCopy: t }) => [b(e.$slots, "optionAltCopy", g(h({ altCopy: t })), void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: w(() => [x(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: C(() => [b(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "10"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: w(() => [x(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: C(() => [b(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("."))) : d("", !0),
-			(y(), 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.onGenerateImage.onGenerateSvg.style".split("."))) : u("", !0),
+			(v(), d("svg", {
 				ref_key: "svgRef",
-				ref: Vt,
-				viewBox: V.value.str,
-				xmlns: C(ae),
-				class: Ae({
-					"vue-data-ui-fullscreen--on": U.value,
-					"vue-data-ui-fullscreen--off": !U.value
+				ref: Bt,
+				viewBox: H.value.str,
+				xmlns: S(se),
+				class: je({
+					"vue-data-ui-fullscreen--on": W.value,
+					"vue-data-ui-fullscreen--off": !W.value
 				}),
-				style: v({
+				style: _({
 					maxWidth: "100%",
-					overflow: z.value === "globe" ? "visible" : "hidden",
+					overflow: B.value === "globe" ? "visible" : "hidden",
 					background: "transparent",
-					color: F.value.color,
-					paddingTop: F.value.padding.top + "px",
-					paddingRight: F.value.padding.right + "px",
-					paddingBottom: F.value.padding.bottom + "px",
-					paddingLeft: F.value.padding.left + "px"
+					color: I.value.color,
+					paddingTop: I.value.padding.top + "px",
+					paddingRight: I.value.padding.right + "px",
+					paddingBottom: I.value.padding.bottom + "px",
+					paddingLeft: I.value.padding.left + "px"
 				}),
-				onMousedown: Dn,
-				onMousemove: On,
-				onMouseup: kn,
-				onMouseleave: kn,
-				onTouchstart: An,
-				onTouchmove: Le(jn, ["prevent"]),
-				onTouchend: Mn
+				onMousedown: En,
+				onMousemove: Dn,
+				onMouseup: On,
+				onMouseleave: On,
+				onTouchstart: kn,
+				onTouchmove: Re(An, ["prevent"]),
+				onTouchend: jn
 			}, [
-				m(C(ft)),
-				e.$slots["chart-background"] ? (y(), f("foreignObject", {
+				p(S(pt)),
+				e.$slots["chart-background"] ? (v(), d("foreignObject", {
 					key: 0,
-					x: V.value.minX,
-					y: V.value.minY,
-					width: V.value.width,
-					height: V.value.height,
+					x: H.value.minX,
+					y: H.value.minY,
+					width: H.value.width,
+					height: H.value.height,
 					style: { pointerEvents: "none" }
-				}, [x(e.$slots, "chart-background", {}, void 0, !0)], 8, Xe)) : d("", !0),
-				gt.value ? (y(), f("g", Ze, [
-					z.value === "globe" ? (y(), f(c, { key: 0 }, [
-						p("defs", null, [
-							m(be, {
+				}, [b(e.$slots, "chart-background", {}, void 0, !0)], 8, Ze)) : u("", !0),
+				_t.value ? (v(), d("g", Qe, [
+					B.value === "globe" ? (v(), d(s, { key: 0 }, [
+						f("defs", null, [
+							p(xe, {
 								t: "radial",
-								id: `water-${D.value}`,
+								id: `water-${E.value}`,
 								cx: .48,
 								cy: .52,
 								r: "0.55",
@@ -2739,29 +2739,29 @@ var Ge = {
 								stops: [
 									[
 										"0%",
-										C(a)(M.value.waterColor, .4),
+										S(i)(N.value.waterColor, .4),
 										1
 									],
 									[
 										"45%",
-										M.value.waterColor,
+										N.value.waterColor,
 										1
 									],
 									[
 										"80%",
-										C(ee)(M.value.waterColor, .2),
+										S(ee)(N.value.waterColor, .2),
 										1
 									],
 									[
 										"100%",
-										C(ee)(M.value.waterColor, .5),
+										S(ee)(N.value.waterColor, .5),
 										.95
 									]
 								]
 							}, null, 8, ["id", "stops"]),
-							m(be, {
+							p(xe, {
 								t: "radial",
-								id: `atmo-realistic-${D.value}`,
+								id: `atmo-realistic-${E.value}`,
 								cx: .5,
 								cy: .5,
 								r: "0.54",
@@ -2773,7 +2773,7 @@ var Ge = {
 									],
 									[
 										"98%",
-										M.value.waterColor,
+										N.value.waterColor,
 										1
 									],
 									[
@@ -2783,104 +2783,104 @@ var Ge = {
 									]
 								]
 							}, null, 8, ["id", "stops"]),
-							p("filter", {
-								id: `blur-${D.value}`,
+							f("filter", {
+								id: `blur-${E.value}`,
 								x: "-30%",
 								y: "-30%",
 								width: "160%",
 								height: "160%"
-							}, [...n[4] ||= [p("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, Qe)
+							}, [...n[4] ||= [f("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, $e)
 						]),
-						e.$slots.pattern ? (y(), f("g", $e, [(y(!0), f(c, null, Ne(H.value, (t, n) => (y(), f("defs", null, [x(e.$slots, "pattern", Oe({ ref_for: !0 }, {
+						e.$slots.pattern ? (v(), d("g", et, [(v(!0), d(s, null, Pe(U.value, (t, n) => (v(), d("defs", null, [b(e.$slots, "pattern", ke({ ref_for: !0 }, {
 							...t,
-							patternId: `pattern_${D.value}_${t.code}`
-						}), void 0, !0)]))), 256))])) : d("", !0),
-						p("circle", {
-							cx: V.value.width / 2 + 20,
-							cy: V.value.height / 2 + 20,
-							r: V.value.height / 2,
-							fill: `url(#water-${D.value})`
-						}, null, 8, et),
-						p("circle", {
-							cx: V.value.width / 2 + 20,
-							cy: V.value.height / 2 + 20,
-							r: V.value.height / 2 + 10,
-							fill: `url(#atmo-realistic-${D.value})`,
+							patternId: `pattern_${E.value}_${t.code}`
+						}), void 0, !0)]))), 256))])) : u("", !0),
+						f("circle", {
+							cx: H.value.width / 2 + 20,
+							cy: H.value.height / 2 + 20,
+							r: H.value.height / 2,
+							fill: `url(#water-${E.value})`
+						}, null, 8, tt),
+						f("circle", {
+							cx: H.value.width / 2 + 20,
+							cy: H.value.height / 2 + 20,
+							r: H.value.height / 2 + 10,
+							fill: `url(#atmo-realistic-${E.value})`,
 							"pointer-events": "none",
-							filter: `url(#blur-${D.value})`
-						}, null, 8, tt)
-					], 64)) : d("", !0),
-					(y(!0), f(c, null, Ne(H.value, (t, n) => (y(), f(c, { key: t.code }, [p("path", {
+							filter: `url(#blur-${E.value})`
+						}, null, 8, nt)
+					], 64)) : u("", !0),
+					(v(!0), d(s, null, Pe(U.value, (t, n) => (v(), d(s, { key: t.code }, [f("path", {
 						d: t.path,
-						fill: t.category && Z.value.includes(t.category) ? N.value.emptyColor : t.color,
-						stroke: N.value.stroke,
-						"stroke-width": K.value && K.value.uid === t.uid ? N.value.strokeWidthSelected : N.value.strokeWidth,
-						onMouseenter: (e) => gn({
+						fill: t.category && Z.value.includes(t.category) ? P.value.emptyColor : t.color,
+						stroke: P.value.stroke,
+						"stroke-width": q.value && q.value.uid === t.uid ? P.value.strokeWidthSelected : P.value.strokeWidth,
+						onMouseenter: (e) => hn({
 							datapoint: t,
 							seriesIndex: n
 						}),
-						onMouseleave: (e) => mn({
+						onMouseleave: (e) => pn({
 							datapoint: t,
 							seriesIndex: n
 						}),
-						onClick: (e) => hn({
+						onClick: (e) => mn({
 							datapoint: t,
 							seriesIndex: n
 						}),
 						class: "vue-ui-world-territory"
-					}, [!Tt.value || !R.value.showTooltip ? (y(), f("title", rt, [De(S(t.name) + " ", 1), typeof t.value == "number" ? (y(), f(c, { key: 0 }, [De(" : " + S(t.value), 1)], 64)) : d("", !0)])) : d("", !0)], 40, nt), e.$slots.pattern ? (y(), f("path", {
+					}, [!D.value || !z.value.showTooltip ? (v(), d("title", it, [Oe(x(t.name) + " ", 1), typeof t.value == "number" ? (v(), d(s, { key: 0 }, [Oe(" : " + x(t.value), 1)], 64)) : u("", !0)])) : u("", !0)], 40, rt), e.$slots.pattern ? (v(), d("path", {
 						key: 0,
 						d: t.path,
-						fill: `url(#pattern_${D.value}_${t.code})`,
-						stroke: N.value.stroke,
-						"stroke-width": N.value.strokeWidthSelected,
+						fill: `url(#pattern_${E.value}_${t.code})`,
+						stroke: P.value.stroke,
+						"stroke-width": P.value.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, it)) : d("", !0)], 64))), 128)),
-					K.value ? (y(), f("path", {
+					}, null, 8, at)) : u("", !0)], 64))), 128)),
+					q.value ? (v(), d("path", {
 						key: 1,
-						d: dn.value,
+						d: un.value,
 						fill: "transparent",
-						stroke: N.value.stroke,
-						"stroke-width": N.value.strokeWidthSelected,
+						stroke: P.value.stroke,
+						"stroke-width": P.value.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, at)) : d("", !0)
-				])) : d("", !0),
-				x(e.$slots, "svg", { svg: {
-					height: B.value.height,
-					width: B.value.width,
-					isPrintingImg: C(on) || C(sn) || C(Un),
-					isPrintingSvg: C(Wn)
+					}, null, 8, ot)) : u("", !0)
+				])) : u("", !0),
+				b(e.$slots, "svg", { svg: {
+					height: V.value.height,
+					width: V.value.width,
+					isPrintingImg: S(an) || S(on) || S(Un),
+					isPrintingSvg: S(Wn)
 				} }, void 0, !0)
-			], 46, Ye)),
-			e.$slots.watermark ? (y(), f("div", ot, [x(e.$slots, "watermark", _(g({ isPrinting: C(on) || C(sn) || C(Un) || C(Wn) })), void 0, !0)])) : d("", !0),
-			p("div", { id: `legend-bottom-${D.value}` }, null, 8, st),
-			Ot.value && _t.value && (P.value.show || e.$slots.legend) ? (y(), u(Te, {
+			], 46, Xe)),
+			e.$slots.watermark ? (v(), d("div", st, [b(e.$slots, "watermark", g(h({ isPrinting: S(an) || S(on) || S(Un) || S(Wn) })), void 0, !0)])) : u("", !0),
+			f("div", { id: `legend-bottom-${E.value}` }, null, 8, ct),
+			Ot.value && vt.value && (F.value.show || e.$slots.legend) ? (v(), l(Ee, {
 				key: 5,
-				to: P.value.position === "top" ? `#legend-top-${D.value}` : `#legend-bottom-${D.value}`
-			}, [_t.value ? (y(), f("div", {
+				to: F.value.position === "top" ? `#legend-top-${E.value}` : `#legend-bottom-${E.value}`
+			}, [vt.value ? (v(), d("div", {
 				key: 0,
 				ref_key: "chartLegend",
-				ref: yt
-			}, [x(e.$slots, "legend", { legend: Q.value }, () => [P.value.show ? (y(), u(C(Be), {
-				key: `legend_${Ct.value}`,
+				ref: bt
+			}, [b(e.$slots, "legend", { legend: Q.value }, () => [F.value.show ? (v(), l(S(Ve), {
+				key: `legend_${wt.value}`,
 				legendSet: Q.value,
 				config: Ln.value,
-				isCursorPointer: I.value,
+				isCursorPointer: L.value,
 				onClickMarker: n[0] ||= (e) => In(e)
-			}, Ee({
-				item: w(({ legend: e, index: t }) => [p("div", {
-					style: v(`opacity:${Z.value.includes(e.name) ? .5 : 1}`),
+			}, De({
+				item: C(({ legend: e, index: t }) => [f("div", {
+					style: _(`opacity:${Z.value.includes(e.name) ? .5 : 1}`),
 					onClick: (t) => e.segregate()
-				}, S(e.name), 13, ct)]),
-				legendToggle: w(() => [Q.value.length > 2 && P.value.selectAllToggle.show && !C(Lt) ? (y(), u(xe, {
+				}, x(e.name), 13, lt)]),
+				legendToggle: C(() => [Q.value.length > 2 && F.value.selectAllToggle.show && !S(It) ? (v(), l(Se, {
 					key: 0,
-					backgroundColor: P.value.selectAllToggle.backgroundColor,
-					color: P.value.selectAllToggle.color,
-					fontSize: P.value.fontSize,
+					backgroundColor: F.value.selectAllToggle.backgroundColor,
+					color: F.value.selectAllToggle.color,
+					fontSize: F.value.fontSize,
 					checked: Z.value.length > 0,
-					isCursorPointer: I.value,
+					isCursorPointer: L.value,
 					onToggle: Fn
 				}, null, 8, [
 					"backgroundColor",
@@ -2888,11 +2888,11 @@ var Ge = {
 					"fontSize",
 					"checked",
 					"isCursorPointer"
-				])) : d("", !0)]),
+				])) : u("", !0)]),
 				_: 2
 			}, [e.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: w(({ legend: e, index: t }) => [m(ve, {
+				fn: C(({ legend: e, index: t }) => [p(ye, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -2900,45 +2900,45 @@ var Ge = {
 						x: 30,
 						y: 30
 					},
-					fill: `url(#pattern_${D.value}_${t})`
+					fill: `url(#pattern_${E.value}_${t})`
 				}, null, 8, ["shape", "fill"])]),
 				key: "0"
 			} : void 0]), 1032, [
 				"legendSet",
 				"config",
 				"isCursorPointer"
-			])) : d("", !0)], !0)], 512)) : d("", !0)], 8, ["to"])) : d("", !0),
-			e.$slots.source ? (y(), f("div", {
+			])) : u("", !0)], !0)], 512)) : u("", !0)], 8, ["to"])) : u("", !0),
+			e.$slots.source ? (v(), d("div", {
 				key: 6,
 				ref_key: "source",
-				ref: bt,
+				ref: xt,
 				dir: "auto"
-			}, [x(e.$slots, "source", {}, void 0, !0)], 512)) : d("", !0),
-			m(C(Ve), {
-				teleportTo: j.value.teleportTo,
-				show: R.value.showTooltip && Tt.value,
-				backgroundColor: j.value.backgroundColor,
-				color: j.value.color,
-				fontSize: j.value.fontSize,
-				borderRadius: j.value.borderRadius,
-				borderColor: j.value.borderColor,
-				borderWidth: j.value.borderWidth,
-				backgroundOpacity: j.value.backgroundOpacity,
-				position: j.value.position,
-				offsetX: j.value.offsetX,
-				offsetY: j.value.offsetY,
-				parent: E.value,
+			}, [b(e.$slots, "source", {}, void 0, !0)], 512)) : u("", !0),
+			p(S(He), {
+				teleportTo: M.value.teleportTo,
+				show: z.value.showTooltip && D.value,
+				backgroundColor: M.value.backgroundColor,
+				color: M.value.color,
+				fontSize: M.value.fontSize,
+				borderRadius: M.value.borderRadius,
+				borderColor: M.value.borderColor,
+				borderWidth: M.value.borderWidth,
+				backgroundOpacity: M.value.backgroundOpacity,
+				position: M.value.position,
+				offsetX: M.value.offsetX,
+				offsetY: M.value.offsetY,
+				parent: T.value,
 				content: Et.value,
-				isCustom: G.value,
-				isFullscreen: U.value,
-				smooth: j.value.smooth,
-				backdropFilter: j.value.backdropFilter,
-				smoothForce: j.value.smoothForce,
-				smoothSnapThreshold: j.value.smoothSnapThreshold
+				isCustom: K.value,
+				isFullscreen: W.value,
+				smooth: M.value.smooth,
+				backdropFilter: M.value.backdropFilter,
+				smoothForce: M.value.smoothForce,
+				smoothSnapThreshold: M.value.smoothSnapThreshold
 			}, {
-				"tooltip-before": w(() => [x(e.$slots, "tooltip-before", _(g({ ...un.value })), void 0, !0)]),
-				tooltip: w(() => [x(e.$slots, "tooltip", _(g({ ...un.value })), void 0, !0)]),
-				"tooltip-after": w(() => [x(e.$slots, "tooltip-after", _(g({ ...un.value })), void 0, !0)]),
+				"tooltip-before": C(() => [b(e.$slots, "tooltip-before", g(h({ ...ln.value })), void 0, !0)]),
+				tooltip: C(() => [b(e.$slots, "tooltip", g(h({ ...ln.value })), void 0, !0)]),
+				"tooltip-after": C(() => [b(e.$slots, "tooltip-after", g(h({ ...ln.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -2962,28 +2962,28 @@ var Ge = {
 				"smoothForce",
 				"smoothSnapThreshold"
 			]),
-			gt.value && A.value.buttons.table ? (y(), u(Pe($.value.component), Oe({ key: 7 }, $.value.props, {
+			_t.value && j.value.buttons.table ? (v(), l(Fe($.value.component), ke({ key: 7 }, $.value.props, {
 				ref_key: "tableUnit",
 				ref: O,
 				onClose: Bn
-			}), Ee({
-				content: w(() => [(y(), u(C(We), {
-					key: `table_${wt.value}`,
+			}), De({
+				content: C(() => [(v(), l(S(Ge), {
+					key: `table_${Tt.value}`,
 					colNames: Nn.value.colNames,
 					head: Nn.value.head,
 					body: Nn.value.body,
 					config: Nn.value.config,
-					title: k.value.table.useDialog ? "" : $.value.title,
-					withCloseButton: !k.value.table.useDialog,
-					isCursorPointer: I.value,
+					title: A.value.table.useDialog ? "" : $.value.title,
+					withCloseButton: !A.value.table.useDialog,
+					isCursorPointer: L.value,
 					onClose: Bn
 				}, {
-					th: w(({ th: e }) => [p("div", lt, S(e), 1)]),
-					td: w(({ td: e }) => [De(S(e.name ? e.name : e.category ? e.category : C(re)(F.value.dataLabels.formatter, e, C(t)({
-						p: F.value.dataLabels.prefix,
+					th: C(({ th: e }) => [f("div", ut, x(e), 1)]),
+					td: C(({ td: e }) => [Oe(x(e.name ? e.name : e.category ? e.category : S(ie)(I.value.dataLabels.formatter, e, S(t)({
+						p: I.value.dataLabels.prefix,
 						v: e,
-						s: F.value.dataLabels.suffix,
-						r: F.value.dataLabels.rounding
+						s: I.value.dataLabels.suffix,
+						r: I.value.dataLabels.rounding
 					}))), 1)]),
 					_: 1
 				}, 8, [
@@ -2996,26 +2996,26 @@ var Ge = {
 					"isCursorPointer"
 				]))]),
 				_: 2
-			}, [k.value.table.useDialog ? {
+			}, [A.value.table.useDialog ? {
 				name: "title",
-				fn: w(() => [De(S($.value.title), 1)]),
+				fn: C(() => [Oe(x($.value.title), 1)]),
 				key: "0"
-			} : void 0, k.value.table.useDialog ? {
+			} : void 0, A.value.table.useDialog ? {
 				name: "actions",
-				fn: w(() => [p("button", {
+				fn: C(() => [f("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[1] ||= (e) => Pn(A.value.callbacks.csv),
-					style: v({ cursor: I.value ? "pointer" : "default" })
-				}, [m(C(He), {
+					onClick: n[1] ||= (e) => Pn(j.value.callbacks.csv),
+					style: _({ cursor: L.value ? "pointer" : "default" })
+				}, [p(S(Ue), {
 					name: "fileCsv",
 					stroke: $.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : d("", !0),
-			x(e.$slots, "skeleton", {}, () => [C(Lt) ? (y(), u(me, { key: 0 })) : d("", !0)], !0)
-		], 46, qe));
+			} : void 0]), 1040)) : u("", !0),
+			b(e.$slots, "skeleton", {}, () => [S(It) ? (v(), l(he, { key: 0 })) : u("", !0)], !0)
+		], 46, Je));
 	}
 }, [["__scopeId", "data-v-cf84a129"]]);
 //#endregion
-export { Ke as n, dt as t };
+export { qe as n, ft as t };