vue-data-ui 3.19.8 → 3.20.0

package/dist/{vue-ui-world-Bp38MZij.js → vue-ui-world-DCPgXKxh.js}

@@ -1,20 +1,20 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, H as n, J as r, S as i, Tt as a, W as ee, dt as o, ft as te, i as s, pt as ne, t as re, x as ie, y as c, yt as ae, zt as oe } from "./lib-BkiwukKO.js";
-import { t as se } from "./useConfig-ByaaSKhz.js";
-import { t as ce } from "./usePrinter-X0yWOynH.js";
-import { n as le, t as ue } from "./BaseScanner-C7dmAref.js";
-import { t as de } from "./useSvgExport-Dtu973wa.js";
-import { t as fe } from "./useNestedProp-Ck4hsrpu.js";
-import { t as pe } from "./img-BjOr008R.js";
-import { t as me } from "./Shape-DEGOZ6GG.js";
-import { t as he } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t as ge } from "./BaseLegendToggle-CJTwLGXL.js";
-import { t as _e } from "./useUserOptionState-CjPJPTg2.js";
-import { t as ve } from "./useChartAccessibility-Do37qcw2.js";
-import { t as ye } from "./geoProjections-CQIkC70z.js";
-import { Fragment as l, Teleport as be, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as xe, createTextVNode as h, createVNode as g, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Se, nextTick as Ce, normalizeClass as we, normalizeProps as y, normalizeStyle as b, onMounted as Te, openBlock as x, ref as S, renderList as Ee, renderSlot as C, resolveDynamicComponent as De, toDisplayString as w, toRefs as Oe, unref as T, watch as E, withCtx as D, withModifiers as ke } from "vue";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { Bt as t, Et as n, G as r, H as i, J as a, S as ee, W as o, bt as te, dt as s, ft as ne, i as c, pt as re, t as ie, x as ae, y as l } from "./lib-DUeYQsS0.js";
+import { t as oe } from "./useConfig-DAyQk86L.js";
+import { t as se } from "./usePrinter-C1Gqt_Sp.js";
+import { n as ce, t as le } from "./BaseScanner-Dr2a1Msy.js";
+import { t as ue } from "./useSvgExport-SVIsDot8.js";
+import { t as de } from "./useNestedProp-CNcoy38D.js";
+import { t as fe } from "./img-1cKsci8e.js";
+import { t as pe } from "./Shape-BPCJfphn.js";
+import { t as me } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as he } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as ge } from "./useUserOptionState-DK-_1ddE.js";
+import { t as _e } from "./useChartAccessibility-DYqac8yF.js";
+import { t as ve } from "./geoProjections-Czak6Jn1.js";
+import { Fragment as u, Teleport as ye, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as be, createTextVNode as g, createVNode as _, defineAsyncComponent as v, guardReactiveProps as y, mergeProps as xe, nextTick as Se, normalizeClass as Ce, normalizeProps as b, normalizeStyle as x, onMounted as we, openBlock as S, ref as C, renderList as Te, renderSlot as w, resolveDynamicComponent as Ee, toDisplayString as T, toRefs as De, unref as E, watch as D, withCtx as O, withModifiers as Oe } from "vue";
 //#region src/resources/worldGeo.js
-var Ae = {
+var ke = {
 	type: "FeatureCollection",
 	features: [
 		{
@@ -13209,23 +13209,23 @@ var Ae = {
 			}
 		}
 	]
-}, je = /* @__PURE__ */ e({ default: () => nt }), Me = ["id"], Ne = ["id"], Pe = ["viewBox", "xmlns"], Fe = [
+}, Ae = /* @__PURE__ */ e({ default: () => tt }), je = ["id"], Me = ["id"], Ne = ["viewBox", "xmlns"], Pe = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Ie = { key: 1 }, Le = ["id"], Re = ["stop-color"], ze = ["stop-color"], Be = ["stop-color"], Ve = ["stop-color"], He = ["id"], Ue = ["stop-color"], We = ["id"], Ge = { key: 0 }, Ke = [
+], Fe = { key: 1 }, Ie = ["id"], Le = ["stop-color"], Re = ["stop-color"], ze = ["stop-color"], Be = ["stop-color"], Ve = ["id"], He = ["stop-color"], Ue = ["id"], We = { key: 0 }, Ge = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], qe = [
+], Ke = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"filter"
-], Je = [
+], qe = [
 	"d",
 	"fill",
 	"stroke",
@@ -13233,19 +13233,19 @@ var Ae = {
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Ye = { key: 0 }, Xe = [
+], Je = { key: 0 }, Ye = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Ze = [
+], Xe = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Qe = {
+], Ze = {
 	key: 4,
 	class: "vue-data-ui-watermark"
-}, $e = ["id"], et = ["onClick"], tt = ["innerHTML"], nt = /* @__PURE__ */ he({
+}, Qe = ["id"], $e = ["onClick"], et = ["innerHTML"], tt = /* @__PURE__ */ me({
 	__name: "vue-ui-world",
 	props: {
 		config: {
@@ -13266,27 +13266,27 @@ var Ae = {
 		"selectLegend",
 		"copyAlt"
 	],
-	setup(e, { expose: he, emit: je }) {
-		let nt = _(() => import("./Title-__gWq2g6.js").then((e) => e.t)), rt = _(() => import("./Legend-Gg5Q4Clb.js").then((e) => e.n)), it = _(() => import("./Tooltip-CuWEYGr3.js")), at = _(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), ot = _(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), st = _(() => import("./DataTable-DmE8Oo4i.js")), ct = _(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), lt = _(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), ut = _(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), dt = _(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_world: ft } = se(), O = e, pt = je, k = u({
+	setup(e, { expose: me, emit: Ae }) {
+		let tt = v(() => import("./Title-NWp4qB4K.js").then((e) => e.t)), nt = v(() => import("./Legend-Cz2uQ5gs.js").then((e) => e.n)), rt = v(() => import("./Tooltip-BENq327o.js")), it = v(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), at = v(() => import("./vue-ui-accordion-Dw4MHKVB.js").then((e) => e.n)), ot = v(() => import("./DataTable-B--IN22e.js")), st = v(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), ct = v(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), lt = v(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), ut = v(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_world: dt } = oe(), k = e, ft = Ae, A = d({
 			get() {
-				return !!I.value;
+				return !!L.value;
 			},
 			set(e) {
 				return e;
 			}
-		}), mt = u(() => k ? Object.values(I.value).some((e) => Object.hasOwn(e, "category")) : !1), A = S(null), ht = S(null), gt = S(null), _t = S(null), vt = S(null), yt = S(0), bt = S(0), xt = S(0), j = S(n()), St = S(!1), Ct = S(""), wt = S(0), Tt = S(!1), M = S(null), Et = S(null), Dt = S(!1), Ot = S(!1);
-		Te(() => {
-			Tt.value = !0;
+		}), pt = d(() => A ? Object.values(L.value).some((e) => Object.hasOwn(e, "category")) : !1), j = C(null), mt = C(null), ht = C(null), gt = C(null), _t = C(null), vt = C(0), yt = C(0), bt = C(0), M = C(i()), xt = C(!1), St = C(""), Ct = C(0), wt = C(!1), N = C(null), Tt = C(null), Et = C(!1), Dt = C(!1);
+		we(() => {
+			wt.value = !0;
 		});
-		let kt = Ae, { projections: N, getProjectedBounds: At, setupTerritories: jt } = ye;
-		function Mt() {
-			let e = fe({
-				userConfig: O.config,
-				defaultConfig: ft
+		let Ot = ke, { projections: P, getProjectedBounds: kt, setupTerritories: At } = ve;
+		function jt() {
+			let e = de({
+				userConfig: k.config,
+				defaultConfig: dt
 			});
-			return O.config && o(O.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = c(O.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, O.config && o(O.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = c(O.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = a[0], kt = jt(e, kt), e;
+			return k.config && s(k.config, "style.chart.territory.colors.min") ? e.style.chart.territory.colors.min = l(k.config.style.chart.territory.colors.min) : e.style.chart.territory.colors.min = e.style.chart.territory.emptyColor, k.config && s(k.config, "style.chart.territory.colors.max") ? e.style.chart.territory.colors.max = l(k.config.style.chart.territory.colors.max) : e.style.chart.territory.colors.max = n[0], Ot = At(e, Ot), e;
 		}
-		let P = S(Mt()), F = u(() => P.value.userOptions.useCursorPointer), Nt = u(() => oe({
+		let F = C(jt()), I = d(() => F.value.userOptions.useCursorPointer), Mt = d(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -13302,30 +13302,30 @@ var Ae = {
 					}
 				} }
 			},
-			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: Pt, FINAL_DATASET: I } = le({
-			...Oe(O),
-			FINAL_CONFIG: P,
-			prepareConfig: Mt,
-			skeletonDataset: O.config?.skeletonDataset ?? [],
-			skeletonConfig: oe({
-				defaultConfig: P.value,
-				userConfig: Nt.value
+			userConfig: F.value.skeletonConfig ?? {}
+		})), { loading: Nt, FINAL_DATASET: L } = ce({
+			...De(k),
+			FINAL_CONFIG: F,
+			prepareConfig: jt,
+			skeletonDataset: k.config?.skeletonDataset ?? [],
+			skeletonConfig: t({
+				defaultConfig: F.value,
+				userConfig: Mt.value
 			})
-		}), { userOptionsVisible: Ft, setUserOptionsVisibility: It, keepUserOptionState: Lt } = _e({ config: P.value }), { svgRef: L } = ve({ config: P.value.style.chart.title }), R = S({
-			showTable: P.value.table.show,
-			showTooltip: P.value.style.chart.tooltip.show
+		}), { userOptionsVisible: Pt, setUserOptionsVisibility: Ft, keepUserOptionState: It } = ge({ config: F.value }), { svgRef: R } = _e({ config: F.value.style.chart.title }), z = C({
+			showTable: F.value.table.show,
+			showTooltip: F.value.style.chart.tooltip.show
 		});
-		E(() => O.config, (e) => {
-			P.value = Mt(), Ft.value = !P.value.userOptions.showOnChartHover, yt.value += 1, xt.value += 1, bt.value += 1, R.value.showTable = P.value.table.show, R.value.showTooltip = P.value.style.chart.tooltip.show;
-		}), E(P, () => {
-			R.value = {
-				showTable: P.value.table.show,
-				showTooltip: P.value.style.chart.tooltip.show
+		D(() => k.config, (e) => {
+			F.value = jt(), Pt.value = !F.value.userOptions.showOnChartHover, vt.value += 1, bt.value += 1, yt.value += 1, z.value.showTable = F.value.table.show, z.value.showTooltip = F.value.style.chart.tooltip.show;
+		}), D(F, () => {
+			z.value = {
+				showTable: F.value.table.show,
+				showTooltip: F.value.style.chart.tooltip.show
 			};
 		}, { immediate: !0 });
-		let Rt = u(() => ie(P.value.customPalette)), z = u(() => P.value.projection || "globe"), B = u(() => {
-			let { height: e, width: t } = P.value.style.chart.dimensions;
+		let Lt = d(() => ae(F.value.customPalette)), B = d(() => F.value.projection || "globe"), V = d(() => {
+			let { height: e, width: t } = F.value.style.chart.dimensions;
 			return {
 				aitoff: {
 					width: t || 1e3,
@@ -13379,9 +13379,9 @@ var Ae = {
 					width: t || 1e3,
 					height: e || 1e3
 				}
-			}[z.value];
-		}), V = u(() => {
-			let { minX: e, minY: t, width: n, height: r } = At(N[z.value], kt.features, B.value.width, B.value.height);
+			}[B.value];
+		}), H = d(() => {
+			let { minX: e, minY: t, width: n, height: r } = kt(P[B.value], Ot.features, V.value.width, V.value.height);
 			return {
 				str: `${e} ${t} ${n} ${r}`,
 				minX: e,
@@ -13389,144 +13389,144 @@ var Ae = {
 				width: n,
 				height: r
 			};
-		}), zt = u(() => Object.values(I.value).map((e) => e.value)), Bt = u(() => Math.min(...zt.value)), Vt = u(() => Math.max(...zt.value));
-		function Ht(e) {
-			return typeof e == "number" ? te(P.value.style.chart.territory.colors.min || "#FFFFFF00", P.value.style.chart.territory.colors.max || Rt.value[0] || a[0], Bt.value, Vt.value, e) : P.value.style.chart.territory.emptyColor;
+		}), Rt = d(() => Object.values(L.value).map((e) => e.value)), zt = d(() => Math.min(...Rt.value)), Bt = d(() => Math.max(...Rt.value));
+		function Vt(e) {
+			return typeof e == "number" ? ne(F.value.style.chart.territory.colors.min || "#FFFFFF00", F.value.style.chart.territory.colors.max || Lt.value[0] || n[0], zt.value, Bt.value, e) : F.value.style.chart.territory.emptyColor;
 		}
-		function Ut([e, t]) {
-			return (N[z.value] || N.globe)([e, t], B.value.width, B.value.height, X.value);
+		function Ht([e, t]) {
+			return (P[B.value] || P.globe)([e, t], V.value.width, V.value.height, X.value);
 		}
-		function Wt(e) {
+		function Ut(e) {
 			let t = (e) => e.map((e) => {
-				let t = e.map(([e, t]) => Ut([e, t])).filter(([e, t]) => Number.isFinite(e) && Number.isFinite(t));
+				let t = e.map(([e, t]) => Ht([e, t])).filter(([e, t]) => Number.isFinite(e) && Number.isFinite(t));
 				return t.length < 3 ? "" : "M" + t.map(([e, t]) => `${e},${t}`).join("L") + "Z";
 			}).filter(Boolean).join(" ");
 			return e.type === "Polygon" ? t(e.coordinates) : e.type === "MultiPolygon" ? e.coordinates.map(t).join(" ") : "";
 		}
-		let Gt = u(() => {
-			let e = Object.values(I.value).filter((e) => !!e.category), t = {};
+		let Wt = d(() => {
+			let e = Object.values(L.value).filter((e) => !!e.category), t = {};
 			return e.forEach((e) => {
 				t[e.category] || (t[e.category] = e);
 			}), Object.values(t).map((e, t) => ({
 				name: e.category,
-				color: e.color ? c(e.color) : Rt.value[t] || a[t] || a[t % a.length]
+				color: e.color ? l(e.color) : Lt.value[t] || n[t] || n[t % n.length]
 			}));
 		});
-		function Kt(e) {
-			let t = Gt.value.find((t) => t.name === e);
+		function Gt(e) {
+			let t = Wt.value.find((t) => t.name === e);
 			return t ? t.color : "#000000";
 		}
-		let H = u(() => (X.value, kt.features.map((e) => {
+		let U = d(() => (X.value, Ot.features.map((e) => {
 			let t = e.properties.iso_a3;
 			(!t || t === "-99") && (t = e.properties.iso_a3_eh);
-			let r = I.value[t];
+			let n = L.value[t];
 			return {
-				path: Wt(e.geometry),
+				path: Ut(e.geometry),
 				name: e.properties.name,
 				geo: e,
 				code: t,
 				geometry: e.geometry,
-				color: r && r.color ? c(r.color) : r && r.category ? Kt(r.category) : Ht(r ? r.value : null),
-				value: r ? r.value : null,
-				category: r && r.category || null,
-				isActive: !!r,
-				uid: `territory-${n()}`
+				color: n && n.color ? l(n.color) : n && n.category ? Gt(n.category) : Vt(n ? n.value : null),
+				value: n ? n.value : null,
+				category: n && n.category || null,
+				isActive: !!n,
+				uid: `territory-${i()}`
 			};
-		}))), U = S(!1);
-		function qt(e) {
-			U.value = e, wt.value += 1;
+		}))), W = C(!1);
+		function Kt(e) {
+			W.value = e, Ct.value += 1;
+		}
+		let G = C(!1);
+		function qt() {
+			G.value = !G.value;
 		}
-		let W = S(!1);
 		function Jt() {
-			W.value = !W.value;
+			z.value.showTable = !z.value.showTable;
 		}
 		function Yt() {
-			R.value.showTable = !R.value.showTable;
+			z.value.showTooltip = !z.value.showTooltip;
 		}
-		function Xt() {
-			R.value.showTooltip = !R.value.showTooltip;
-		}
-		let Zt = u(() => P.value.userOptions.show && !P.value.style.chart.title.text), { isPrinting: Qt, isImaging: $t, generatePdf: en, generateImage: tn } = ce({
-			elementId: `world_${j.value}`,
-			fileName: P.value.style.chart.title.text || "vue-ui-world",
-			options: P.value.userOptions.print
-		}), G = S(!1), K = S(null), q = S(null);
+		let Xt = d(() => F.value.userOptions.show && !F.value.style.chart.title.text), { isPrinting: Zt, isImaging: Qt, generatePdf: $t, generateImage: en } = se({
+			elementId: `world_${M.value}`,
+			fileName: F.value.style.chart.title.text || "vue-ui-world",
+			options: F.value.userOptions.print
+		}), K = C(!1), tn = C(null), q = C(null);
 		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 = q.value?.geometry;
 			if (!e) return "";
 			let t = nn(e);
 			if (!t.length) return "";
-			let n = t.flat(), r = [n.reduce((e, [t]) => e + t, 0) / n.length, n.reduce((e, [, t]) => e + t, 0) / n.length], i = N[z.value] || N.globe, a = B.value.width, ee = B.value.height, o = t.map((e) => e.map(([e, t]) => i([e, t], a, ee, r))), te = o.flat(), s = te.map(([e, t]) => e), ne = te.map(([e, t]) => t), re = Math.min(...s), ie = Math.max(...s), c = Math.min(...ne), ae = Math.max(...ne), oe = ie - re || 1, se = ae - c || 1, ce = Math.min(64 / oe, 64 / se);
-			function le([e, t]) {
-				return [(e - re) * ce + 8, (t - c) * 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 = P[B.value] || P.globe, a = V.value.width, ee = V.value.height, o = t.map((e) => e.map(([e, t]) => i([e, t], a, ee, r))), te = o.flat(), s = te.map(([e, t]) => e), ne = te.map(([e, t]) => t), c = Math.min(...s), re = Math.max(...s), ie = Math.min(...ne), ae = Math.max(...ne), l = re - c || 1, oe = ae - ie || 1, se = Math.min(64 / l, 64 / oe);
+			function ce([e, t]) {
+				return [(e - c) * se + 8, (t - ie) * 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="${o.map((e) => "M" + e.map(le).map(([e, t]) => `${e},${t}`).join("L") + "Z").join(" ")}" fill="${q.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="${q.value?.color || F.value.style.chart.territory.emptyColor}" stroke="${F.value.style.chart.territory.stroke}" stroke-width="1"/>
         </svg>
     `;
 		});
 		function an({ datapoint: e, seriesIndex: t }) {
-			St.value = !1, q.value = null, P.value.events.datapointLeave && P.value.events.datapointLeave({
+			xt.value = !1, q.value = null, F.value.events.datapointLeave && F.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
 		function on({ datapoint: e, seriesIndex: t }) {
-			pt("selectDatapoint", e), P.value.events.datapointClick && P.value.events.datapointClick({
+			ft("selectDatapoint", e), F.value.events.datapointClick && F.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function sn({ datapoint: e, seriesIndex: n }) {
-			P.value.events.datapointEnter && P.value.events.datapointEnter({
+		function sn({ datapoint: e, seriesIndex: t }) {
+			F.value.events.datapointEnter && F.value.events.datapointEnter({
 				datapoint: e,
-				seriesIndex: n
-			}), q.value = e, K.value = {
+				seriesIndex: t
+			}), q.value = e, tn.value = {
 				datapoint: e,
-				config: P.value,
-				series: H.value
-			}, St.value = !0;
-			let r = "", i = P.value.style.chart.tooltip.customFormat;
-			if (G.value = !1, ne(i)) try {
+				config: F.value,
+				series: U.value
+			}, xt.value = !0;
+			let n = "", i = F.value.style.chart.tooltip.customFormat;
+			if (K.value = !1, re(i)) try {
 				let t = i({
 					datapoint: e,
-					config: P.value,
-					series: H.value
+					config: F.value,
+					series: U.value
 				});
-				typeof t == "string" && (Ct.value = t, G.value = !0);
+				typeof t == "string" && (St.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 || (n += `
         <div style="width:100%;">
-            ${P.value.style.chart.tooltip.showMinimap ? `<div class="vue-ui-world-minimap">${rn.value}</div>` : ""}
+            ${F.value.style.chart.tooltip.showMinimap ? `<div class="vue-ui-world-minimap">${rn.value}</div>` : ""}
             <div style="display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px">
                 <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>
-                    ${s(P.value.style.chart.dataLabels.formatter, e.value, t({
-				p: P.value.style.chart.dataLabels.prefix,
+                    ${c(F.value.style.chart.dataLabels.formatter, e.value, r({
+				p: F.value.style.chart.dataLabels.prefix,
 				v: e.value,
-				s: P.value.style.chart.dataLabels.suffix,
-				r: P.value.style.chart.dataLabels.rounding
+				s: F.value.style.chart.dataLabels.suffix,
+				r: F.value.style.chart.dataLabels.rounding
 			}))}    
                 </b>
             </div>
         </div>
-        `, Ct.value = `<div>${r}</div>`);
+        `, St.value = `<div>${n}</div>`);
 		}
-		let J = S(!1), Y = S({
+		let J = C(!1), Y = C({
 			x: 0,
 			y: 0
-		}), X = S([P.value.style.chart.globe.center.x, P.value.style.chart.globe.center.y]);
-		E(() => [P.value.style.chart.globe.center.x, P.value.style.chart.globe.center.y], ([e, t]) => {
+		}), X = C([F.value.style.chart.globe.center.x, F.value.style.chart.globe.center.y]);
+		D(() => [F.value.style.chart.globe.center.x, F.value.style.chart.globe.center.y], ([e, t]) => {
 			X.value = [e, t];
 		});
 		function cn(e) {
@@ -13536,7 +13536,7 @@ var Ae = {
 			};
 		}
 		function ln(e) {
-			if (!J.value || z.value !== "globe" || W.value) return;
+			if (!J.value || B.value !== "globe" || G.value) return;
 			let t = e.clientX - Y.value.x, n = e.clientY - Y.value.y, r = X.value[0] - t * .5, i = X.value[1] + n * .5;
 			i = Math.max(-90, Math.min(90, i)), X.value = [r, i], Y.value = {
 				x: e.clientX,
@@ -13555,7 +13555,7 @@ var Ae = {
 			};
 		}
 		function fn(e) {
-			if (!J.value || z.value !== "globe" || W.value) return;
+			if (!J.value || B.value !== "globe" || G.value) return;
 			let t = e.touches[0], n = t.clientX - Y.value.x, r = t.clientY - Y.value.y, i = X.value[0] - n * .5, a = X.value[1] + r * .5;
 			a = Math.max(-90, Math.min(90, a)), X.value = [i, a], Y.value = {
 				x: t.clientX,
@@ -13565,8 +13565,8 @@ var Ae = {
 		function pn() {
 			J.value = !1;
 		}
-		let mn = u(() => {
-			let e = H.value.toSorted((e, t) => (t.value || 0) - (e.value || 0));
+		let mn = d(() => {
+			let e = U.value.toSorted((e, t) => (t.value || 0) - (e.value || 0));
 			return {
 				head: e.map((e) => ({
 					name: e.name,
@@ -13575,11 +13575,11 @@ var Ae = {
 				})),
 				body: e.map((e) => e.value || 0)
 			};
-		}), hn = u(() => {
+		}), hn = d(() => {
 			let e = [
-				P.value.table.columnNames.series,
-				P.value.table.columnNames.value,
-				P.value.table.columnNames.category
+				F.value.table.columnNames.series,
+				F.value.table.columnNames.value,
+				F.value.table.columnNames.category
 			], t = mn.value.head.map((e, t) => [
 				{
 					color: e.color,
@@ -13589,51 +13589,51 @@ var Ae = {
 				{ category: e.category }
 			]), n = {
 				th: {
-					backgroundColor: P.value.table.th.backgroundColor,
-					color: P.value.table.th.color,
-					outline: P.value.table.th.outline
+					backgroundColor: F.value.table.th.backgroundColor,
+					color: F.value.table.th.color,
+					outline: F.value.table.th.outline
 				},
 				td: {
-					backgroundColor: P.value.table.td.backgroundColor,
-					color: P.value.table.td.color,
-					outline: P.value.table.td.outline
+					backgroundColor: F.value.table.td.backgroundColor,
+					color: F.value.table.td.color,
+					outline: F.value.table.td.outline
 				},
-				breakpoint: P.value.table.responsiveBreakpoint
+				breakpoint: F.value.table.responsiveBreakpoint
 			};
 			return {
-				colNames: [P.value.table.columnNames.series, P.value.table.columnNames.value],
+				colNames: [F.value.table.columnNames.series, F.value.table.columnNames.value],
 				head: e,
 				body: t,
 				config: n
 			};
 		});
 		function gn(e = null) {
-			Ce(() => {
-				let t = mn.value.head.map((e, t) => [[e.name], [mn.value.body[t]]]), n = i([
-					[P.value.style.chart.title.text],
-					[P.value.style.chart.title.subtitle.text],
+			Se(() => {
+				let t = mn.value.head.map((e, t) => [[e.name], [mn.value.body[t]]]), n = ee([
+					[F.value.style.chart.title.text],
+					[F.value.style.chart.title.subtitle.text],
 					[[
-						P.value.table.columnNames.series,
-						P.value.table.columnNames.value,
-						P.value.table.columnNames.category
+						F.value.table.columnNames.series,
+						F.value.table.columnNames.value,
+						F.value.table.columnNames.category
 					]]
 				].concat(t));
-				e ? e(n) : r({
+				e ? e(n) : a({
 					csvContent: n,
-					title: P.value.style.chart.title.text || "vue-ui-world"
+					title: F.value.style.chart.title.text || "vue-ui-world"
 				});
 			});
 		}
-		let Z = S([]);
+		let Z = C([]);
 		function _n() {
 			Z.value.length ? Z.value = [] : Q.value.forEach((e) => {
 				Z.value.push(e.name);
 			});
 		}
 		function vn(e) {
-			Z.value.includes(e) ? Z.value = Z.value.filter((t) => t !== e) : Z.value.push(e), pt("selectLegend", { name: e });
+			Z.value.includes(e) ? Z.value = Z.value.filter((t) => t !== e) : Z.value.push(e), ft("selectLegend", { name: e });
 		}
-		let Q = u(() => mt ? Gt.value.map(({ name: e, color: t }, n) => ({
+		let Q = d(() => pt ? Wt.value.map(({ name: e, color: t }, n) => ({
 			name: e,
 			color: t,
 			shape: "circle",
@@ -13643,21 +13643,21 @@ var Ae = {
 			opacity: Z.value.includes(e.name) ? .5 : 1,
 			segregate: () => vn(e.name),
 			isSegregated: Z.value.includes(e.name)
-		})) : []), yn = u(() => ({
+		})) : []), yn = d(() => ({
 			cy: "donut-div-legend",
-			backgroundColor: P.value.style.chart.legend.backgroundColor,
-			color: P.value.style.chart.legend.color,
-			fontSize: P.value.style.chart.legend.fontSize,
+			backgroundColor: F.value.style.chart.legend.backgroundColor,
+			color: F.value.style.chart.legend.color,
+			fontSize: F.value.style.chart.legend.fontSize,
 			paddingBottom: 12,
-			fontWeight: P.value.style.chart.legend.bold ? "bold" : ""
+			fontWeight: F.value.style.chart.legend.bold ? "bold" : ""
 		}));
 		function bn() {
-			return H.value;
+			return U.value;
 		}
 		async function xn({ scale: e = 2 } = {}) {
-			if (!A.value) return;
-			let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await pe({
-				domElement: A.value,
+			if (!j.value) return;
+			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await fe({
+				domElement: j.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -13665,62 +13665,62 @@ var Ae = {
 			return {
 				imageUri: i,
 				base64: a,
-				title: P.value.style.chart.title.text,
+				title: F.value.style.chart.title.text,
 				width: t,
 				height: n,
 				aspectRatio: r
 			};
 		}
-		let $ = u(() => {
-			let e = P.value.table.useDialog && !P.value.table.show, t = R.value.showTable;
+		let $ = d(() => {
+			let e = F.value.table.useDialog && !F.value.table.show, t = z.value.showTable;
 			return {
-				component: e ? dt : ot,
-				title: `${P.value.style.chart.title.text}${P.value.style.chart.title.subtitle.text ? `: ${P.value.style.chart.title.subtitle.text}` : ""}`,
+				component: e ? ut : at,
+				title: `${F.value.style.chart.title.text}${F.value.style.chart.title.subtitle.text ? `: ${F.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
-					backgroundColor: P.value.table.th.backgroundColor,
-					color: P.value.table.th.color,
-					headerColor: P.value.table.th.color,
-					headerBg: P.value.table.th.backgroundColor,
-					isFullscreen: U.value,
-					fullscreenParent: A.value,
+					backgroundColor: F.value.table.th.backgroundColor,
+					color: F.value.table.th.color,
+					headerColor: F.value.table.th.color,
+					headerBg: F.value.table.th.backgroundColor,
+					isFullscreen: W.value,
+					fullscreenParent: j.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: F.value
+					isCursorPointer: I.value
 				} : {
 					hideDetails: !0,
 					config: {
 						open: t,
 						maxHeight: 1e4,
 						body: {
-							backgroundColor: P.value.style.chart.backgroundColor,
-							color: P.value.style.chart.color
+							backgroundColor: F.value.style.chart.backgroundColor,
+							color: F.value.style.chart.color
 						},
 						head: {
-							backgroundColor: P.value.style.chart.backgroundColor,
-							color: P.value.style.chart.color
+							backgroundColor: F.value.style.chart.backgroundColor,
+							color: F.value.style.chart.color
 						}
 					}
 				}
 			};
 		});
-		E(() => R.value.showTable, (e) => {
-			P.value.table.show || (e && P.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
+		D(() => z.value.showTable, (e) => {
+			F.value.table.show || (e && F.value.table.useDialog && N.value ? N.value.open() : "close" in N.value && N.value.close());
 		});
 		function Sn() {
-			R.value.showTable = !1, Et.value && Et.value.setTableIconState(!1);
+			z.value.showTable = !1, Tt.value && Tt.value.setTableIconState(!1);
 		}
-		let Cn = u(() => P.value.style.chart.backgroundColor), wn = u(() => P.value.style.chart.legend), { exportSvg: Tn, getSvg: En } = de({
-			svg: L,
-			title: u(() => P.value.style.chart.title),
+		let Cn = d(() => F.value.style.chart.backgroundColor), wn = d(() => F.value.style.chart.legend), { exportSvg: Tn, getSvg: En } = ue({
+			svg: R,
+			title: d(() => F.value.style.chart.title),
 			legend: wn,
 			legendItems: Q,
 			backgroundColor: Cn
 		});
 		async function Dn({ isCb: e }) {
-			Ot.value = !0, await Ce();
+			Dt.value = !0, await Se();
 			try {
 				if (e) {
 					let { blob: e, url: t, text: n, dataUrl: r } = await En();
-					await Promise.resolve(P.value.userOptions.callbacks.svg({
+					await Promise.resolve(F.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
@@ -13728,69 +13728,69 @@ var Ae = {
 					}));
 				} else await Promise.resolve(Tn());
 			} finally {
-				Ot.value = !1;
+				Dt.value = !1;
 			}
 		}
 		function On(e) {
 			if (e?.stage === "start") {
-				Dt.value = !0;
+				Et.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				Dt.value = !1;
+				Et.value = !1;
 				return;
 			}
-			tn();
+			en();
 		}
 		async function kn() {
-			if (pt("copyAlt", {
-				config: P.value,
-				dataset: H.value
-			}), !P.value.userOptions.callbacks.altCopy) {
+			if (ft("copyAlt", {
+				config: F.value,
+				dataset: U.value
+			}), !F.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
-			await Promise.resolve(P.value.userOptions.callbacks.altCopy({
-				config: P.value,
-				dataset: H.value
+			await Promise.resolve(F.value.userOptions.callbacks.altCopy({
+				config: F.value,
+				dataset: U.value
 			}));
 		}
-		return he({
+		return me({
 			getData: bn,
 			getImage: xn,
-			generatePdf: en,
+			generatePdf: $t,
 			generateCsv: gn,
-			generateImage: tn,
+			generateImage: en,
 			generateSvg: Dn,
-			toggleTable: Yt,
-			toggleTooltip: Xt,
-			toggleAnnotator: Jt,
-			toggleFullscreen: qt,
+			toggleTable: Jt,
+			toggleTooltip: Yt,
+			toggleAnnotator: qt,
+			toggleFullscreen: Kt,
 			copyAlt: kn
-		}), (e, n) => (x(), p("div", {
+		}), (e, t) => (S(), m("div", {
 			ref_key: "worldChart",
-			ref: A,
-			id: `world_${j.value}`,
-			class: we(`vue-data-ui-component vue-ui-world ${U.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			style: b(`font-family:${P.value.style.fontFamily};width:100%; text-align:center;background:${P.value.style.chart.backgroundColor}`),
-			onMouseenter: n[2] ||= () => T(It)(!0),
-			onMouseleave: n[3] ||= () => T(It)(!1)
+			ref: j,
+			id: `world_${M.value}`,
+			class: Ce(`vue-data-ui-component vue-ui-world ${W.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			style: x(`font-family:${F.value.style.fontFamily};width:100%; text-align:center;background:${F.value.style.chart.backgroundColor}`),
+			onMouseenter: t[2] ||= () => E(Ft)(!0),
+			onMouseleave: t[3] ||= () => E(Ft)(!1)
 		}, [
-			P.value.userOptions.buttons.annotator && T(L) ? (x(), d(T(ct), {
+			F.value.userOptions.buttons.annotator && E(R) ? (S(), f(E(st), {
 				key: 0,
-				color: P.value.style.chart.color,
-				backgroundColor: P.value.style.chart.backgroundColor,
-				active: W.value,
-				svgRef: T(L),
-				isCursorPointer: F.value,
-				onClose: Jt
+				color: F.value.style.chart.color,
+				backgroundColor: F.value.style.chart.backgroundColor,
+				active: G.value,
+				svgRef: E(R),
+				isCursorPointer: I.value,
+				onClose: qt
 			}, {
-				"annotator-action-close": D(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": D(({ color: t }) => [C(e.$slots, "annotator-action-color", y(v({ color: t })), void 0, !0)]),
-				"annotator-action-draw": D(({ mode: t }) => [C(e.$slots, "annotator-action-draw", y(v({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": D(({ disabled: t }) => [C(e.$slots, "annotator-action-undo", y(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": D(({ disabled: t }) => [C(e.$slots, "annotator-action-redo", y(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": D(({ disabled: t }) => [C(e.$slots, "annotator-action-delete", y(v({ disabled: t })), void 0, !0)]),
+				"annotator-action-close": O(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": O(({ color: t }) => [w(e.$slots, "annotator-action-color", b(y({ color: t })), void 0, !0)]),
+				"annotator-action-draw": O(({ mode: t }) => [w(e.$slots, "annotator-action-draw", b(y({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": O(({ disabled: t }) => [w(e.$slots, "annotator-action-undo", b(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": O(({ disabled: t }) => [w(e.$slots, "annotator-action-redo", b(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": O(({ disabled: t }) => [w(e.$slots, "annotator-action-delete", b(y({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"color",
@@ -13798,77 +13798,77 @@ var Ae = {
 				"active",
 				"svgRef",
 				"isCursorPointer"
-			])) : f("", !0),
-			C(e.$slots, "userConfig", {}, void 0, !0),
-			Zt.value ? (x(), p("div", {
+			])) : p("", !0),
+			w(e.$slots, "userConfig", {}, void 0, !0),
+			Xt.value ? (S(), m("div", {
 				key: 1,
 				ref_key: "noTitle",
-				ref: vt,
+				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),
+			F.value.style.chart.title.text ? (S(), m("div", {
 				key: 2,
 				ref_key: "chartTitle",
-				ref: ht,
+				ref: mt,
 				style: "width:100%;background:transparent"
-			}, [(x(), d(T(nt), {
-				key: `title_${yt.value}`,
+			}, [(S(), f(E(tt), {
+				key: `title_${vt.value}`,
 				config: {
 					title: {
 						cy: "donut-div-title",
-						...P.value.style.chart.title
+						...F.value.style.chart.title
 					},
 					subtitle: {
 						cy: "donut-div-subtitle",
-						...P.value.style.chart.title.subtitle
+						...F.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : f("", !0),
-			m("div", { id: `legend-top-${j.value}` }, null, 8, Ne),
-			P.value.userOptions.show && k.value && (T(Lt) || T(Ft)) ? (x(), d(T(lt), {
+			}, null, 8, ["config"]))], 512)) : p("", !0),
+			h("div", { id: `legend-top-${M.value}` }, null, 8, Me),
+			F.value.userOptions.show && A.value && (E(It) || E(Pt)) ? (S(), f(E(ct), {
 				ref_key: "userOptionsRef",
-				ref: Et,
-				key: `user_option_${wt.value}`,
-				backgroundColor: P.value.style.chart.backgroundColor,
-				color: P.value.style.chart.color,
-				isPrinting: T(Qt),
-				isImaging: T($t),
-				uid: j.value,
-				callbacks: P.value.userOptions.callbacks,
-				hasTooltip: P.value.style.chart.tooltip.show && P.value.userOptions.buttons.tooltip,
-				hasPdf: P.value.userOptions.buttons.pdf,
-				hasImg: P.value.userOptions.buttons.img,
-				hasSvg: P.value.userOptions.buttons.svg,
-				hasXls: P.value.userOptions.buttons.csv,
-				hasTable: P.value.userOptions.buttons.table,
+				ref: Tt,
+				key: `user_option_${Ct.value}`,
+				backgroundColor: F.value.style.chart.backgroundColor,
+				color: F.value.style.chart.color,
+				isPrinting: E(Zt),
+				isImaging: E(Qt),
+				uid: M.value,
+				callbacks: F.value.userOptions.callbacks,
+				hasTooltip: F.value.style.chart.tooltip.show && F.value.userOptions.buttons.tooltip,
+				hasPdf: F.value.userOptions.buttons.pdf,
+				hasImg: F.value.userOptions.buttons.img,
+				hasSvg: F.value.userOptions.buttons.svg,
+				hasXls: F.value.userOptions.buttons.csv,
+				hasTable: F.value.userOptions.buttons.table,
 				hasLabel: !1,
-				hasFullscreen: P.value.userOptions.buttons.fullscreen,
-				hasAltCopy: P.value.userOptions.buttons.altCopy,
-				isFullscreen: U.value,
-				chartElement: A.value,
-				position: P.value.userOptions.position,
-				printScale: P.value.userOptions.print.scale,
-				isTooltip: R.value.showTooltip,
-				titles: { ...P.value.userOptions.buttonTitles },
-				hasAnnotator: P.value.userOptions.buttons.annotator,
-				isAnnotation: W.value,
-				tableDialog: P.value.table.useDialog,
-				isCursorPointer: F.value,
-				onToggleFullscreen: qt,
-				onGeneratePdf: T(en),
+				hasFullscreen: F.value.userOptions.buttons.fullscreen,
+				hasAltCopy: F.value.userOptions.buttons.altCopy,
+				isFullscreen: W.value,
+				chartElement: j.value,
+				position: F.value.userOptions.position,
+				printScale: F.value.userOptions.print.scale,
+				isTooltip: z.value.showTooltip,
+				titles: { ...F.value.userOptions.buttonTitles },
+				hasAnnotator: F.value.userOptions.buttons.annotator,
+				isAnnotation: G.value,
+				tableDialog: F.value.table.useDialog,
+				isCursorPointer: I.value,
+				onToggleFullscreen: Kt,
+				onGeneratePdf: E($t),
 				onGenerateCsv: gn,
 				onGenerateImage: On,
 				onGenerateSvg: Dn,
-				onToggleTable: Yt,
-				onToggleTooltip: Xt,
-				onToggleAnnotator: Jt,
+				onToggleTable: Jt,
+				onToggleTooltip: Yt,
+				onToggleAnnotator: qt,
 				onCopyAlt: kn,
-				style: b({ visibility: T(Lt) ? T(Ft) ? "visible" : "hidden" : "visible" })
-			}, xe({ _: 2 }, [
+				style: x({ visibility: E(It) ? E(Pt) ? "visible" : "hidden" : "visible" })
+			}, be({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: D(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", y(v({
+					fn: O(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", b(y({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -13876,37 +13876,37 @@ var Ae = {
 				} : void 0,
 				e.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: D(() => [C(e.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: D(() => [C(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: D(() => [C(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: D(() => [C(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: D(() => [C(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: D(() => [C(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [C(e.$slots, "optionFullscreen", y(v({
+					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", b(y({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -13914,7 +13914,7 @@ var Ae = {
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [C(e.$slots, "optionAnnotator", y(v({
+					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", b(y({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -13922,135 +13922,135 @@ var Ae = {
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: D(({ altCopy: t }) => [C(e.$slots, "optionAltCopy", y(v({ altCopy: t })), void 0, !0)]),
+					fn: O(({ altCopy: t }) => [w(e.$slots, "optionAltCopy", b(y({ altCopy: t })), void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: D(() => [C(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "10"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: D(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "11"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.callbacks.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.printScale.isTooltip.titles.hasAnnotator.isAnnotation.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : 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.style".split("."))) : p("", !0),
+			(S(), m("svg", {
 				ref_key: "svgRef",
-				ref: L,
-				viewBox: V.value.str,
-				xmlns: T(re),
-				class: we({
-					"vue-data-ui-fullscreen--on": U.value,
-					"vue-data-ui-fullscreen--off": !U.value
+				ref: R,
+				viewBox: H.value.str,
+				xmlns: E(ie),
+				class: Ce({
+					"vue-data-ui-fullscreen--on": W.value,
+					"vue-data-ui-fullscreen--off": !W.value
 				}),
-				style: b({
+				style: x({
 					maxWidth: "100%",
-					overflow: z.value === "globe" ? "visible" : "hidden",
+					overflow: B.value === "globe" ? "visible" : "hidden",
 					background: "transparent",
-					color: P.value.style.chart.color,
-					paddingTop: P.value.style.chart.padding.top + "px",
-					paddingRight: P.value.style.chart.padding.right + "px",
-					paddingBottom: P.value.style.chart.padding.bottom + "px",
-					paddingLeft: P.value.style.chart.padding.left + "px"
+					color: F.value.style.chart.color,
+					paddingTop: F.value.style.chart.padding.top + "px",
+					paddingRight: F.value.style.chart.padding.right + "px",
+					paddingBottom: F.value.style.chart.padding.bottom + "px",
+					paddingLeft: F.value.style.chart.padding.left + "px"
 				}),
 				onMousedown: cn,
 				onMousemove: ln,
 				onMouseup: un,
 				onMouseleave: un,
 				onTouchstart: dn,
-				onTouchmove: ke(fn, ["prevent"]),
+				onTouchmove: Oe(fn, ["prevent"]),
 				onTouchend: pn
 			}, [
-				g(T(ut)),
-				e.$slots["chart-background"] ? (x(), p("foreignObject", {
+				_(E(lt)),
+				e.$slots["chart-background"] ? (S(), m("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" }
-				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, Fe)) : f("", !0),
-				k.value ? (x(), p("g", Ie, [z.value === "globe" ? (x(), p(l, { key: 0 }, [
-					m("defs", null, [
-						m("radialGradient", {
-							id: `water-${j.value}`,
+				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, Pe)) : p("", !0),
+				A.value ? (S(), m("g", Fe, [B.value === "globe" ? (S(), m(u, { key: 0 }, [
+					h("defs", null, [
+						h("radialGradient", {
+							id: `water-${M.value}`,
 							cx: .48,
 							cy: .52,
 							r: "0.55",
 							fx: "0.40",
 							fy: "0.48"
 						}, [
-							m("stop", {
+							h("stop", {
 								offset: "0%",
-								"stop-color": T(ae)(P.value.style.chart.globe.waterColor, .4)
-							}, null, 8, Re),
-							m("stop", {
+								"stop-color": E(te)(F.value.style.chart.globe.waterColor, .4)
+							}, null, 8, Le),
+							h("stop", {
 								offset: "45%",
-								"stop-color": P.value.style.chart.globe.waterColor
-							}, null, 8, ze),
-							m("stop", {
+								"stop-color": F.value.style.chart.globe.waterColor
+							}, null, 8, Re),
+							h("stop", {
 								offset: "80%",
-								"stop-color": T(ee)(P.value.style.chart.globe.waterColor, .2)
-							}, null, 8, Be),
-							m("stop", {
+								"stop-color": E(o)(F.value.style.chart.globe.waterColor, .2)
+							}, null, 8, ze),
+							h("stop", {
 								offset: "100%",
-								"stop-color": T(ee)(P.value.style.chart.globe.waterColor, .5),
+								"stop-color": E(o)(F.value.style.chart.globe.waterColor, .5),
 								"stop-opacity": "0.95"
-							}, null, 8, Ve)
-						], 8, Le),
-						m("radialGradient", {
-							id: `atmo-realistic-${j.value}`,
+							}, null, 8, Be)
+						], 8, Ie),
+						h("radialGradient", {
+							id: `atmo-realistic-${M.value}`,
 							cx: .5,
 							cy: .5,
 							r: "0.54"
 						}, [
-							n[4] ||= m("stop", {
+							t[4] ||= h("stop", {
 								offset: "87%",
 								"stop-color": "rgba(120,200,255,0)"
 							}, null, -1),
-							m("stop", {
+							h("stop", {
 								offset: "98%",
-								"stop-color": P.value.style.chart.globe.waterColor
-							}, null, 8, Ue),
-							n[5] ||= m("stop", {
+								"stop-color": F.value.style.chart.globe.waterColor
+							}, null, 8, He),
+							t[5] ||= h("stop", {
 								offset: "100%",
 								"stop-color": "rgba(120,200,255,0)"
 							}, null, -1)
-						], 8, He),
-						m("filter", {
-							id: `blur-${j.value}`,
+						], 8, Ve),
+						h("filter", {
+							id: `blur-${M.value}`,
 							x: "-30%",
 							y: "-30%",
 							width: "160%",
 							height: "160%"
-						}, [...n[6] ||= [m("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, We)
+						}, [...t[6] ||= [h("feGaussianBlur", { stdDeviation: "8" }, null, -1)]], 8, Ue)
 					]),
-					e.$slots.pattern ? (x(), p("g", Ge, [(x(!0), p(l, null, Ee(H.value, (t, n) => (x(), p("defs", null, [C(e.$slots, "pattern", Se({ ref_for: !0 }, {
+					e.$slots.pattern ? (S(), m("g", We, [(S(!0), m(u, null, Te(U.value, (t, n) => (S(), m("defs", null, [w(e.$slots, "pattern", xe({ ref_for: !0 }, {
 						...t,
-						patternId: `pattern_${j.value}_${t.code}`
-					}), void 0, !0)]))), 256))])) : f("", !0),
-					m("circle", {
-						cx: V.value.width / 2 + 20,
-						cy: V.value.height / 2 + 20,
-						r: V.value.height / 2,
-						fill: `url(#water-${j.value})`
-					}, null, 8, Ke),
-					m("circle", {
-						cx: V.value.width / 2 + 20,
-						cy: V.value.height / 2 + 20,
-						r: V.value.height / 2 + 10,
-						fill: `url(#atmo-realistic-${j.value})`,
+						patternId: `pattern_${M.value}_${t.code}`
+					}), void 0, !0)]))), 256))])) : p("", !0),
+					h("circle", {
+						cx: H.value.width / 2 + 20,
+						cy: H.value.height / 2 + 20,
+						r: H.value.height / 2,
+						fill: `url(#water-${M.value})`
+					}, null, 8, Ge),
+					h("circle", {
+						cx: H.value.width / 2 + 20,
+						cy: H.value.height / 2 + 20,
+						r: H.value.height / 2 + 10,
+						fill: `url(#atmo-realistic-${M.value})`,
 						"pointer-events": "none",
-						filter: `url(#blur-${j.value})`
-					}, null, 8, qe)
-				], 64)) : f("", !0), (x(!0), p(l, null, Ee(H.value, (t, n) => (x(), p(l, { key: t.code }, [
-					m("path", {
+						filter: `url(#blur-${M.value})`
+					}, null, 8, Ke)
+				], 64)) : p("", !0), (S(!0), m(u, null, Te(U.value, (t, n) => (S(), 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,
-						"stroke-width": q.value && q.value.uid === t.uid ? P.value.style.chart.territory.strokeWidthSelected : P.value.style.chart.territory.strokeWidth,
+						fill: t.category && Z.value.includes(t.category) ? F.value.style.chart.territory.emptyColor : t.color,
+						stroke: F.value.style.chart.territory.stroke,
+						"stroke-width": q.value && q.value.uid === t.uid ? F.value.style.chart.territory.strokeWidthSelected : F.value.style.chart.territory.strokeWidth,
 						onMouseenter: (e) => sn({
 							datapoint: t,
 							seriesIndex: n
@@ -14064,60 +14064,60 @@ var Ae = {
 							seriesIndex: n
 						}),
 						class: "vue-ui-world-territory"
-					}, [!St.value || !R.value.showTooltip ? (x(), p("title", Ye, [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, Je),
-					e.$slots.pattern ? (x(), p("path", {
+					}, [!xt.value || !z.value.showTooltip ? (S(), m("title", Je, [g(T(t.name) + " ", 1), typeof t.value == "number" ? (S(), m(u, { key: 0 }, [g(" : " + T(t.value), 1)], 64)) : p("", !0)])) : p("", !0)], 40, qe),
+					e.$slots.pattern ? (S(), m("path", {
 						key: 0,
 						d: t.path,
-						fill: `url(#pattern_${j.value}_${t.code})`,
-						stroke: P.value.style.chart.territory.stroke,
-						"stroke-width": P.value.style.chart.territory.strokeWidthSelected,
+						fill: `url(#pattern_${M.value}_${t.code})`,
+						stroke: F.value.style.chart.territory.stroke,
+						"stroke-width": F.value.style.chart.territory.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, Xe)) : f("", !0),
-					q.value ? (x(), p("path", {
+					}, null, 8, Ye)) : p("", !0),
+					q.value ? (S(), m("path", {
 						key: 1,
-						d: Wt(q.value.geometry),
+						d: Ut(q.value.geometry),
 						fill: "transparent",
-						stroke: P.value.style.chart.territory.stroke,
-						"stroke-width": P.value.style.chart.territory.strokeWidthSelected,
+						stroke: F.value.style.chart.territory.stroke,
+						"stroke-width": F.value.style.chart.territory.strokeWidthSelected,
 						style: { "pointer-events": "none" },
 						class: "vue-ui-world-territory"
-					}, null, 8, Ze)) : f("", !0)
-				], 64))), 128))])) : f("", !0),
-				C(e.$slots, "svg", { svg: {
-					height: B.value.height,
-					width: B.value.width,
-					isPrintingImg: T(Qt) || T($t) || Dt.value,
-					isPrintingSvg: Ot.value
+					}, null, 8, Xe)) : p("", !0)
+				], 64))), 128))])) : p("", !0),
+				w(e.$slots, "svg", { svg: {
+					height: V.value.height,
+					width: V.value.width,
+					isPrintingImg: E(Zt) || E(Qt) || Et.value,
+					isPrintingSvg: Dt.value
 				} }, void 0, !0)
-			], 46, Pe)),
-			e.$slots.watermark ? (x(), p("div", Qe, [C(e.$slots, "watermark", y(v({ isPrinting: T(Qt) || T($t) || Dt.value || Ot.value })), void 0, !0)])) : f("", !0),
-			m("div", { id: `legend-bottom-${j.value}` }, null, 8, $e),
-			Tt.value && mt.value && (P.value.style.chart.legend.show || e.$slots.legend) ? (x(), d(be, {
+			], 46, Ne)),
+			e.$slots.watermark ? (S(), m("div", Ze, [w(e.$slots, "watermark", b(y({ isPrinting: E(Zt) || E(Qt) || Et.value || Dt.value })), void 0, !0)])) : p("", !0),
+			h("div", { id: `legend-bottom-${M.value}` }, null, 8, Qe),
+			wt.value && pt.value && (F.value.style.chart.legend.show || e.$slots.legend) ? (S(), f(ye, {
 				key: 5,
-				to: P.value.style.chart.legend.position === "top" ? `#legend-top-${j.value}` : `#legend-bottom-${j.value}`
-			}, [mt.value ? (x(), p("div", {
+				to: F.value.style.chart.legend.position === "top" ? `#legend-top-${M.value}` : `#legend-bottom-${M.value}`
+			}, [pt.value ? (S(), m("div", {
 				key: 0,
 				ref_key: "chartLegend",
-				ref: gt
-			}, [C(e.$slots, "legend", { legend: Q.value }, () => [P.value.style.chart.legend.show ? (x(), d(T(rt), {
-				key: `legend_${bt.value}`,
+				ref: ht
+			}, [w(e.$slots, "legend", { legend: Q.value }, () => [F.value.style.chart.legend.show ? (S(), f(E(nt), {
+				key: `legend_${yt.value}`,
 				legendSet: Q.value,
 				config: yn.value,
-				isCursorPointer: F.value,
-				onClickMarker: n[0] ||= (e) => vn(e)
-			}, xe({
-				item: D(({ legend: e, index: t }) => [m("div", {
-					style: b(`opacity:${Z.value.includes(e.name) ? .5 : 1}`),
+				isCursorPointer: I.value,
+				onClickMarker: t[0] ||= (e) => vn(e)
+			}, be({
+				item: O(({ legend: e, index: t }) => [h("div", {
+					style: x(`opacity:${Z.value.includes(e.name) ? .5 : 1}`),
 					onClick: (t) => e.segregate()
-				}, w(e.name), 13, et)]),
-				legendToggle: D(() => [Q.value.length > 2 && P.value.style.chart.legend.selectAllToggle.show && !T(Pt) ? (x(), d(ge, {
+				}, T(e.name), 13, $e)]),
+				legendToggle: O(() => [Q.value.length > 2 && F.value.style.chart.legend.selectAllToggle.show && !E(Nt) ? (S(), f(he, {
 					key: 0,
-					backgroundColor: P.value.style.chart.legend.selectAllToggle.backgroundColor,
-					color: P.value.style.chart.legend.selectAllToggle.color,
-					fontSize: P.value.style.chart.legend.fontSize,
+					backgroundColor: F.value.style.chart.legend.selectAllToggle.backgroundColor,
+					color: F.value.style.chart.legend.selectAllToggle.color,
+					fontSize: F.value.style.chart.legend.fontSize,
 					checked: Z.value.length > 0,
-					isCursorPointer: F.value,
+					isCursorPointer: I.value,
 					onToggle: _n
 				}, null, 8, [
 					"backgroundColor",
@@ -14125,11 +14125,11 @@ var Ae = {
 					"fontSize",
 					"checked",
 					"isCursorPointer"
-				])) : f("", !0)]),
+				])) : p("", !0)]),
 				_: 2
 			}, [e.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: D(({ legend: e, index: t }) => [g(me, {
+				fn: O(({ legend: e, index: t }) => [_(pe, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -14137,45 +14137,45 @@ var Ae = {
 						x: 30,
 						y: 30
 					},
-					fill: `url(#pattern_${j.value}_${t})`
+					fill: `url(#pattern_${M.value}_${t})`
 				}, null, 8, ["shape", "fill"])]),
 				key: "0"
 			} : void 0]), 1032, [
 				"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 ? (S(), m("div", {
 				key: 6,
 				ref_key: "source",
-				ref: _t,
+				ref: gt,
 				dir: "auto"
-			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
-			g(T(it), {
-				teleportTo: P.value.style.chart.tooltip.teleportTo,
-				show: R.value.showTooltip && St.value,
-				backgroundColor: P.value.style.chart.tooltip.backgroundColor,
-				color: P.value.style.chart.tooltip.color,
-				fontSize: P.value.style.chart.tooltip.fontSize,
-				borderRadius: P.value.style.chart.tooltip.borderRadius,
-				borderColor: P.value.style.chart.tooltip.borderColor,
-				borderWidth: P.value.style.chart.tooltip.borderWidth,
-				backgroundOpacity: P.value.style.chart.tooltip.backgroundOpacity,
-				position: P.value.style.chart.tooltip.position,
-				offsetX: P.value.style.chart.tooltip.offsetX,
-				offsetY: P.value.style.chart.tooltip.offsetY,
-				parent: A.value,
-				content: Ct.value,
-				isCustom: G.value,
-				isFullscreen: U.value,
-				smooth: P.value.style.chart.tooltip.smooth,
-				backdropFilter: P.value.style.chart.tooltip.backdropFilter,
-				smoothForce: P.value.style.chart.tooltip.smoothForce,
-				smoothSnapThreshold: P.value.style.chart.tooltip.smoothSnapThreshold
+			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
+			_(E(rt), {
+				teleportTo: F.value.style.chart.tooltip.teleportTo,
+				show: z.value.showTooltip && xt.value,
+				backgroundColor: F.value.style.chart.tooltip.backgroundColor,
+				color: F.value.style.chart.tooltip.color,
+				fontSize: F.value.style.chart.tooltip.fontSize,
+				borderRadius: F.value.style.chart.tooltip.borderRadius,
+				borderColor: F.value.style.chart.tooltip.borderColor,
+				borderWidth: F.value.style.chart.tooltip.borderWidth,
+				backgroundOpacity: F.value.style.chart.tooltip.backgroundOpacity,
+				position: F.value.style.chart.tooltip.position,
+				offsetX: F.value.style.chart.tooltip.offsetX,
+				offsetY: F.value.style.chart.tooltip.offsetY,
+				parent: j.value,
+				content: St.value,
+				isCustom: K.value,
+				isFullscreen: W.value,
+				smooth: F.value.style.chart.tooltip.smooth,
+				backdropFilter: F.value.style.chart.tooltip.backdropFilter,
+				smoothForce: F.value.style.chart.tooltip.smoothForce,
+				smoothSnapThreshold: F.value.style.chart.tooltip.smoothSnapThreshold
 			}, {
-				"tooltip-before": D(() => [C(e.$slots, "tooltip-before", y(v({ ...K.value })), void 0, !0)]),
-				tooltip: D(() => [C(e.$slots, "tooltip", y(v({ ...K.value })), void 0, !0)]),
-				"tooltip-after": D(() => [C(e.$slots, "tooltip-after", y(v({ ...K.value })), void 0, !0)]),
+				"tooltip-before": O(() => [w(e.$slots, "tooltip-before", b(y({ ...tn.value })), void 0, !0)]),
+				tooltip: O(() => [w(e.$slots, "tooltip", b(y({ ...tn.value })), void 0, !0)]),
+				"tooltip-after": O(() => [w(e.$slots, "tooltip-after", b(y({ ...tn.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -14199,34 +14199,34 @@ var Ae = {
 				"smoothForce",
 				"smoothSnapThreshold"
 			]),
-			k.value && P.value.userOptions.buttons.table ? (x(), d(De($.value.component), Se({ key: 7 }, $.value.props, {
+			A.value && F.value.userOptions.buttons.table ? (S(), f(Ee($.value.component), xe({ key: 7 }, $.value.props, {
 				ref_key: "tableUnit",
-				ref: M,
+				ref: N,
 				onClose: Sn
-			}), xe({
-				content: D(() => [(x(), d(T(st), {
-					key: `table_${xt.value}`,
+			}), be({
+				content: O(() => [(S(), f(E(ot), {
+					key: `table_${bt.value}`,
 					colNames: hn.value.colNames,
 					head: hn.value.head,
 					body: hn.value.body,
 					config: hn.value.config,
-					title: P.value.table.useDialog ? "" : $.value.title,
-					withCloseButton: !P.value.table.useDialog,
-					isCursorPointer: F.value,
+					title: F.value.table.useDialog ? "" : $.value.title,
+					withCloseButton: !F.value.table.useDialog,
+					isCursorPointer: I.value,
 					onClose: Sn
 				}, {
-					th: D(({ th: e }) => [m("div", {
+					th: O(({ th: e }) => [h("div", {
 						innerHTML: e,
 						style: {
 							display: "flex",
 							"align-items": "center"
 						}
-					}, null, 8, tt)]),
-					td: D(({ td: e }) => [h(w(e.name ? e.name : e.category ? e.category : T(s)(P.value.style.chart.dataLabels.formatter, e, T(t)({
-						p: P.value.style.chart.dataLabels.prefix,
+					}, null, 8, et)]),
+					td: O(({ td: e }) => [g(T(e.name ? e.name : e.category ? e.category : E(c)(F.value.style.chart.dataLabels.formatter, e, E(r)({
+						p: F.value.style.chart.dataLabels.prefix,
 						v: e,
-						s: P.value.style.chart.dataLabels.suffix,
-						r: P.value.style.chart.dataLabels.rounding
+						s: F.value.style.chart.dataLabels.suffix,
+						r: F.value.style.chart.dataLabels.rounding
 					}))), 1)]),
 					_: 1
 				}, 8, [
@@ -14239,26 +14239,26 @@ var Ae = {
 					"isCursorPointer"
 				]))]),
 				_: 2
-			}, [P.value.table.useDialog ? {
+			}, [F.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [h(w($.value.title), 1)]),
+				fn: O(() => [g(T($.value.title), 1)]),
 				key: "0"
-			} : void 0, P.value.table.useDialog ? {
+			} : void 0, F.value.table.useDialog ? {
 				name: "actions",
-				fn: D(() => [m("button", {
+				fn: O(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[1] ||= (e) => gn(P.value.userOptions.callbacks.csv),
-					style: b({ cursor: F.value ? "pointer" : "default" })
-				}, [g(T(at), {
+					onClick: t[1] ||= (e) => gn(F.value.userOptions.callbacks.csv),
+					style: x({ cursor: I.value ? "pointer" : "default" })
+				}, [_(E(it), {
 					name: "fileCsv",
 					stroke: $.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : f("", !0),
-			C(e.$slots, "skeleton", {}, () => [T(Pt) ? (x(), d(ue, { key: 0 })) : f("", !0)], !0)
-		], 46, Me));
+			} : void 0]), 1040)) : p("", !0),
+			w(e.$slots, "skeleton", {}, () => [E(Nt) ? (S(), f(le, { key: 0 })) : p("", !0)], !0)
+		], 46, je));
 	}
 }, [["__scopeId", "data-v-bf7b6fe6"]]);
 //#endregion
-export { je as n, nt as t };
+export { Ae as n, tt as t };