vue-data-ui 3.23.9 → 3.23.10

package/dist/{vue-ui-molecule-CNtY2_yF.js → vue-ui-molecule-DRwQV5hN.js}

@@ -1,41 +1,41 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, Jt as r, Kt as i, M as a, Ot as o, Pt as ee, S as te, Z as s, ct as c, jt as ne, q as re, t as l, tt as u, w as ie, xt as ae } from "./lib-Bttd6u5E.js";
+import { $ as t, D as n, Jt as r, Kt as i, M as a, Ot as o, Pt as ee, S as te, Z as s, ct as c, jt as ne, q as re, t as l, tt as u, w as ie, xt as ae } from "./lib-AT2PUyyh.js";
 import { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
 import { t as ce } from "./useConfig-DwdGsXTx.js";
-import { t as le } from "./usePrinter-DN5bYhTG.js";
+import { t as le } from "./usePrinter-BFS7d6eb.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
-import { t as d } from "./useNestedProp-vPNvh7rV.js";
-import { t as fe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as pe } from "./useChartExport-DNiwdPmb.js";
-import { t as me } from "./img-Bnokohej.js";
-import { t as he } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as ge } from "./DefGrad-DVBqDjhO.js";
-import { t as _e } from "./useUserOptionState-DK-_1ddE.js";
-import { t as ve } from "./useChartAccessibility-DYqac8yF.js";
-import { t as ye } from "./vue_ui_molecule-CO9L59SF.js";
-import { t as be } from "./usePanZoom-CYU3B4T3.js";
-import { Fragment as xe, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as Se, createTextVNode as Ce, createVNode as _, defineAsyncComponent as v, guardReactiveProps as y, mergeProps as we, nextTick as b, normalizeClass as Te, normalizeProps as x, normalizeStyle as S, onMounted as Ee, openBlock as C, ref as w, renderList as De, renderSlot as T, resolveDynamicComponent as Oe, toDisplayString as ke, toRefs as Ae, unref as E, useCssVars as je, watch as D, withCtx as O } from "vue";
+import { t as fe } from "./useNestedProp-CW0vJS1B.js";
+import { t as pe } from "./useThemeCheck-C43Tcqmk.js";
+import { t as me } from "./useChartExport-DNiwdPmb.js";
+import { t as he } from "./img-tU9mMt9W.js";
+import { t as ge } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as _e } from "./DefGrad-DVBqDjhO.js";
+import { t as ve } from "./useUserOptionState-DK-_1ddE.js";
+import { t as ye } from "./useChartAccessibility-DYqac8yF.js";
+import { t as be } from "./vue_ui_molecule-CO9L59SF.js";
+import { t as xe } from "./usePanZoom-CYU3B4T3.js";
+import { Fragment as Se, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Ce, createTextVNode as we, createVNode as g, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Te, nextTick as y, normalizeClass as Ee, normalizeProps as b, normalizeStyle as x, onMounted as De, openBlock as S, ref as C, renderList as Oe, renderSlot as w, resolveDynamicComponent as ke, toDisplayString as Ae, toRefs as je, unref as T, useCssVars as Me, watch as E, withCtx as D } from "vue";
 //#region src/components/vue-ui-molecule.vue
-var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
+var Ne = /* @__PURE__ */ e({ default: () => He }), Pe = ["id"], Fe = {
 	key: 1,
 	ref: "noTitle",
 	class: "vue-data-ui-no-title-space",
 	style: "height:36px; width: 100%;background:transparent"
-}, Fe = {
+}, Ie = {
 	key: 2,
 	style: "width:100%;background:transparent;"
-}, Ie = ["xmlns", "viewBox"], Le = ["width", "height"], Re = {
+}, Le = ["xmlns", "viewBox"], Re = ["width", "height"], ze = {
 	key: 4,
 	class: "vue-data-ui-watermark"
-}, ze = {
+}, Be = {
 	key: 5,
 	"data-dom-to-png-ignore": "",
 	class: "reset-wrapper"
-}, Be = {
+}, Ve = {
 	key: 6,
 	ref: "source",
 	dir: "auto"
-}, Ve = ["innerHTML"], k = /*#__PURE__*/ he({
+}, He = /*#__PURE__*/ ge({
 	__name: "vue-ui-molecule",
 	props: {
 		config: {
@@ -52,24 +52,24 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 		}
 	},
 	emits: ["selectNode", "copyAlt"],
-	setup(e, { expose: he, emit: Me }) {
-		je((e) => ({ v2c5beca2: $t.value }));
-		let k = v(() => import("./Title-BE3qg9xl.js").then((e) => e.t)), He = v(() => import("./Tooltip-DhjyfHwz.js")), Ue = v(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), We = v(() => import("./vue-ui-accordion-CLU_su1P.js").then((e) => e.n)), Ge = v(() => import("./DataTable-BbKgJ5UI.js")), Ke = v(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), qe = v(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Je = v(() => import("./PackageVersion-B629oKuX.js").then((e) => e.t)), Ye = v(() => import("./RecursiveLinks-BygcpDiT.js")), Xe = v(() => import("./RecursiveLabels-D9rfID6q.js")), Ze = v(() => import("./RecursiveCircles-D6aDPmoe.js")), Qe = v(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_molecule: $e } = ce(), { isThemeValid: et, warnInvalidTheme: tt } = fe(), A = e, nt = Me, rt = f(() => !!A.dataset && A.dataset.length);
-		Ee(() => {
-			at();
+	setup(e, { expose: ge, emit: Ne }) {
+		Me((e) => ({ v168d8cce: Qt.value }));
+		let He = _(() => import("./Title-BGLPsoA9.js").then((e) => e.t)), Ue = _(() => import("./Tooltip-DO4-MVhc.js")), We = _(() => import("./BaseIcon-B4n7br_R.js").then((e) => e.n)), Ge = _(() => import("./vue-ui-accordion-DJNjilyy.js").then((e) => e.n)), Ke = _(() => import("./DataTable-DMsScfkx.js")), qe = _(() => import("./PenAndPaper-DJ607Hx6.js").then((e) => e.t)), Je = _(() => import("./UserOptions-HQyukyl2.js").then((e) => e.n)), Ye = _(() => import("./PackageVersion-DNTJUKh1.js").then((e) => e.t)), Xe = _(() => import("./RecursiveLinks-BygcpDiT.js")), Ze = _(() => import("./RecursiveLabels-D9rfID6q.js")), Qe = _(() => import("./RecursiveCircles-D6aDPmoe.js")), $e = _(() => import("./BaseDraggableDialog-DBVHlhQZ.js").then((e) => e.n)), { vue_ui_molecule: et } = ce(), { isThemeValid: tt, warnInvalidTheme: nt } = pe(), O = e, rt = Ne, it = d(() => !!O.dataset && O.dataset.length);
+		De(() => {
+			ot();
 		});
-		let it = f(() => P.value.debug);
-		function at() {
-			ne(A.dataset) && u({
+		let at = d(() => P.value.debug);
+		function ot() {
+			ne(O.dataset) && u({
 				componentName: "VueUiMolecule",
 				type: "dataset",
-				debug: it.value
+				debug: at.value
 			});
 		}
-		let ot = w(re()), st = w(!1), j = w(""), M = w(null), ct = w(0), lt = w(0), ut = w(0), N = w(null), dt = w(null), P = w(B());
+		let st = C(re()), k = C(!1), A = C(""), j = C(null), ct = C(0), lt = C(0), ut = C(0), M = C(null), N = C(null), P = C(B());
 		oe({
 			config: () => P.value,
-			dataset: () => A.dataset,
+			dataset: () => O.dataset,
 			component: "VueUiMolecule",
 			rules: [
 				se.emptyArray,
@@ -91,7 +91,7 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				}
 			]
 		});
-		let F = f(() => P.value.userOptions.useCursorPointer), ft = f(() => r({
+		let F = d(() => P.value.userOptions.useCursorPointer), dt = d(() => r({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -103,10 +103,10 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 			},
 			userConfig: P.value.skeletonConfig ?? {}
 		})), { loading: I, FINAL_DATASET: L } = ue({
-			...Ae(A),
+			...je(O),
 			FINAL_CONFIG: P,
 			prepareConfig: B,
-			skeletonDataset: A.config?.skeletonDataset ?? [{
+			skeletonDataset: O.config?.skeletonDataset ?? [{
 				name: "_",
 				color: "#CACACA",
 				nodes: [
@@ -222,21 +222,21 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 			}],
 			skeletonConfig: r({
 				defaultConfig: P.value,
-				userConfig: ft.value
+				userConfig: dt.value
 			})
-		}), { userOptionsVisible: R, setUserOptionsVisibility: pt, keepUserOptionState: mt } = _e({ config: P.value }), { svgRef: z } = ve({ config: P.value.style.chart.title });
+		}), { userOptionsVisible: R, setUserOptionsVisibility: ft, keepUserOptionState: pt } = ve({ config: P.value }), { svgRef: z } = ye({ config: P.value.style.chart.title });
 		function B() {
-			let e = d({
-				userConfig: A.config,
-				defaultConfig: $e
+			let e = fe({
+				userConfig: O.config,
+				defaultConfig: et
 			}), t = e.theme;
 			if (!t) return e;
-			if (!et.value(e)) return tt(e), e;
-			let n = d({
-				userConfig: ye[t] || A.config,
+			if (!tt.value(e)) return nt(e), e;
+			let n = fe({
+				userConfig: be[t] || O.config,
 				defaultConfig: e
-			}), r = d({
-				userConfig: A.config,
+			}), r = fe({
+				userConfig: O.config,
 				defaultConfig: n
 			});
 			return {
@@ -244,35 +244,35 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				customPalette: r.customPalette.length ? r.customPalette : i[t] || ee
 			};
 		}
-		D(() => A.config, (e) => {
-			P.value = B(), R.value = !P.value.userOptions.showOnChartHover, at(), lt.value += 1, ut.value += 1, U.value.showTable = P.value.table.show, U.value.showTooltip = P.value.style.chart.tooltip.show, U.value.showZoom = P.value.style.chart.zoom.show;
+		E(() => O.config, (e) => {
+			P.value = B(), R.value = !P.value.userOptions.showOnChartHover, ot(), lt.value += 1, ut.value += 1, H.value.showTable = P.value.table.show, H.value.showTooltip = P.value.style.chart.tooltip.show, H.value.showZoom = P.value.style.chart.zoom.show;
 		}, { deep: !0 });
-		let ht = w(0), gt = () => {
-			ht.value += 1;
+		let mt = C(0), ht = () => {
+			mt.value += 1;
 		};
-		D([() => I.value, () => L.value], async ([e]) => {
-			e || (await b(), W.value = St(), await b(), gt(), await b(), Ht({
+		E([() => I.value, () => L.value], async ([e]) => {
+			e || (await y(), U.value = St(), await y(), ht(), await y(), Vt({
 				x: 0,
 				y: 0,
 				width: 400,
 				height: 400
-			}), Bt(!1));
+			}), Q(!1));
 		}, {
 			flush: "post",
 			deep: !1
 		});
-		let { isPrinting: V, isImaging: H, generatePdf: _t, generateImage: vt } = le({
-			elementId: `cluster_${ot.value}`,
+		let { isPrinting: V, isImaging: gt, generatePdf: _t, generateImage: vt } = le({
+			elementId: `cluster_${st.value}`,
 			fileName: P.value.style.chart.title.text || "vue-ui-molecule",
 			options: P.value.userOptions.print
-		}), yt = f(() => P.value.userOptions.show && !P.value.style.chart.title.text), bt = f(() => ie(P.value.customPalette)), U = w({
+		}), yt = d(() => P.value.userOptions.show && !P.value.style.chart.title.text), bt = d(() => ie(P.value.customPalette)), H = C({
 			showTable: P.value.table.show,
 			showDataLabels: !0,
 			showTooltip: P.value.style.chart.tooltip.show,
 			showZoom: P.value.style.chart.zoom.show
 		});
-		D(P, () => {
-			U.value = {
+		E(P, () => {
+			H.value = {
 				showTable: P.value.table.show,
 				showDataLabels: !0,
 				showTooltip: P.value.style.chart.tooltip.show,
@@ -290,11 +290,11 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				width: n
 			};
 		}
-		let W = w(St());
+		let U = C(St());
 		function Ct(e, t = {
-			x: -W.value.width / 2.43,
-			y: W.value.height / 2
-		}, n = W.value.width / 1.1, r = 24, i = 0, o = 0, s = "#BBBBBB", c = 0) {
+			x: -U.value.width / 2.43,
+			y: U.value.height / 2
+		}, n = U.value.width / 1.1, r = 24, i = 0, o = 0, s = "#BBBBBB", c = 0) {
 			if (!Array.isArray(e) || e.length === 0) return e;
 			let ne = a({
 				plot: t,
@@ -326,40 +326,40 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				r[e] = `gradient_${t}`;
 			}), r;
 		}
-		let Tt = f(() => wt(G.value)), G = f(() => Ct(s(L.value))), K = w(null);
+		let Tt = d(() => wt(W.value)), W = d(() => Ct(s(L.value))), G = C(null);
 		function Et(e) {
-			K.value = {
+			G.value = {
 				datapoint: e,
 				seriesIndex: -1,
-				series: G.value,
+				series: W.value,
 				config: P.value
 			};
 			let t = P.value.style.chart.tooltip.customFormat;
 			if (ae(t) && c(() => t({
 				seriesIndex: -1,
 				datapoint: e,
-				series: G.value,
+				series: W.value,
 				config: P.value
-			}))) j.value = t({
+			}))) A.value = t({
 				seriesIndex: -1,
 				datapoint: e,
-				series: G.value,
+				series: W.value,
 				config: P.value
 			});
 			else {
 				let t = "";
-				t += `<div style="display:flex;align-items:center;gap:3px"><div style="color:${e.color}">⬤</div><div>${e.name}</div></div>`, e.details && (t += `<div style="width:100%;border-top:1px solid ${P.value.style.chart.tooltip.borderColor};margin-top: 2px">${e.details}</div>`), j.value = `<div style="font-family:inherit">${t}</div>`;
+				t += `<div style="display:flex;align-items:center;gap:3px"><div style="color:${e.color}">⬤</div><div>${e.name}</div></div>`, e.details && (t += `<div style="width:100%;border-top:1px solid ${P.value.style.chart.tooltip.borderColor};margin-top: 2px">${e.details}</div>`), A.value = `<div style="font-family:inherit">${t}</div>`;
 			}
 		}
-		let q = w(null), J = w(null), Dt = w(null);
+		let K = C(null), q = C(null), Dt = C(null);
 		function Ot(e) {
-			Dt.value = q.value, q.value = e, e ? P.value.events.datapointEnter && P.value.events.datapointEnter({
+			Dt.value = K.value, K.value = e, e ? P.value.events.datapointEnter && P.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: -1
 			}) : P.value.events.datapointLeave && P.value.events.datapointLeave({
-				datapoint: Dt.value || q.value,
+				datapoint: Dt.value || K.value,
 				seriesIndex: -1
-			}), e ? (st.value = !0, Et(e), J.value = e.uid) : (st.value = !1, j.value = "", J.value = null);
+			}), e ? (k.value = !0, Et(e), q.value = e.uid) : (k.value = !1, A.value = "", q.value = null);
 		}
 		function kt(e) {
 			let t = [];
@@ -376,7 +376,7 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 			}
 			return n(e), t;
 		}
-		let At = f(() => kt(G.value)), Y = f(() => ({
+		let At = d(() => kt(W.value)), J = d(() => ({
 			head: [
 				P.value.table.translations.nodeName,
 				P.value.table.translations.details,
@@ -410,15 +410,15 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 			]
 		}));
 		function jt(e = null) {
-			b(() => {
-				let r = Y.value.body.map((e, t) => [
+			y(() => {
+				let r = J.value.body.map((e, t) => [
 					[e[0].name],
 					[e[1]],
 					[e[2]]
 				]), i = [
 					[P.value.style.chart.title.text],
 					[P.value.style.chart.title.subtitle.text],
-					[[...Y.value.head]]
+					[[...J.value.head]]
 				].concat(r), a = n(i);
 				e ? e(a) : t({
 					csvContent: a,
@@ -427,44 +427,44 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 			});
 		}
 		function Mt() {
-			return G.value;
+			return W.value;
 		}
-		let X = w(!1);
+		let Y = C(!1);
 		function Nt(e) {
-			X.value = e, ct.value += 1;
+			Y.value = e, ct.value += 1;
 		}
 		function Pt() {
-			U.value.showTable = !U.value.showTable;
+			H.value.showTable = !H.value.showTable;
 		}
 		function Ft() {
-			U.value.showDataLabels = !U.value.showDataLabels;
+			H.value.showDataLabels = !H.value.showDataLabels;
 		}
 		function It() {
-			U.value.showTooltip = !U.value.showTooltip;
+			H.value.showTooltip = !H.value.showTooltip;
 		}
 		function Lt() {
-			U.value.showZoom = !U.value.showZoom;
+			H.value.showZoom = !H.value.showZoom;
 		}
-		let Z = w(!1);
+		let X = C(!1);
 		function Rt() {
-			Z.value = !Z.value;
+			X.value = !X.value;
 		}
-		let zt = f(() => !Z.value && U.value.showZoom), { viewBox: Q, resetZoom: Bt, isZoom: Vt, setInitialViewBox: Ht } = be(z, {
+		let zt = d(() => !X.value && H.value.showZoom), { viewBox: Z, resetZoom: Q, isZoom: Bt, setInitialViewBox: Vt } = xe(z, {
 			x: 0,
 			y: 0,
-			width: Math.max(10, W.value.width),
-			height: Math.max(10, W.value.height)
+			width: Math.max(10, U.value.width),
+			height: Math.max(10, U.value.height)
 		}, P.value.style.chart.zoom.speed, zt);
-		function Ut(e) {
+		function Ht(e) {
 			P.value.events.datapointClick && P.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: -1
-			}), nt("selectNode", e);
+			}), rt("selectNode", e);
 		}
-		async function Wt({ scale: e = 2 } = {}) {
-			if (!M.value) return;
-			let { width: t, height: n } = M.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await me({
-				domElement: M.value,
+		async function Ut({ scale: e = 2 } = {}) {
+			if (!j.value) return;
+			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await he({
+				domElement: j.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -478,18 +478,18 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				aspectRatio: r
 			};
 		}
-		let $ = f(() => {
-			let e = P.value.table.useDialog && !P.value.table.show, t = U.value.showTable;
+		let $ = d(() => {
+			let e = P.value.table.useDialog && !P.value.table.show, t = H.value.showTable;
 			return {
-				component: e ? Qe : We,
+				component: e ? $e : Ge,
 				title: `${P.value.style.chart.title.text}${P.value.style.chart.title.subtitle.text ? `: ${P.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: X.value,
-					fullscreenParent: M.value,
+					isFullscreen: Y.value,
+					fullscreenParent: j.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: F.value
 				} : {
@@ -509,75 +509,75 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				}
 			};
 		});
-		D(() => U.value.showTable, (e) => {
-			P.value.table.show || (e && P.value.table.useDialog && N.value ? N.value.open() : "close" in N.value && N.value.close());
+		E(() => H.value.showTable, (e) => {
+			P.value.table.show || (e && P.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
 		});
-		function Gt() {
-			U.value.showTable = !1, dt.value && dt.value.setTableIconState(!1);
+		function Wt() {
+			H.value.showTable = !1, N.value && N.value.setTableIconState(!1);
 		}
-		let Kt = f(() => P.value.style.chart.backgroundColor), qt = f(() => P.value.style.chart.title), { isCallbackImaging: Jt, isCallbackSvg: Yt, generateSvg: Xt, onGenerateImage: Zt } = pe({
+		let Gt = d(() => P.value.style.chart.backgroundColor), Kt = d(() => P.value.style.chart.title), { isCallbackImaging: qt, isCallbackSvg: Jt, generateSvg: Yt, onGenerateImage: Xt } = me({
 			svg: z,
-			title: qt,
+			title: Kt,
 			legend: null,
 			legendItems: null,
-			backgroundColor: Kt,
+			backgroundColor: Gt,
 			getSvgCallback: () => P.value.userOptions.callbacks.svg,
 			generateImage: vt
 		});
-		async function Qt() {
-			if (nt("copyAlt", {
+		async function Zt() {
+			if (rt("copyAlt", {
 				config: P.value,
-				dataset: G.value
+				dataset: W.value
 			}), !P.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: G.value
+				dataset: W.value
 			}));
 		}
-		let $t = f(() => P.value.style.chart.color);
-		return he({
+		let Qt = d(() => P.value.style.chart.color);
+		return ge({
 			getData: Mt,
-			getImage: Wt,
+			getImage: Ut,
 			generatePdf: _t,
 			generateCsv: jt,
 			generateImage: vt,
-			generateSvg: Xt,
+			generateSvg: Yt,
 			toggleTable: Pt,
 			toggleLabels: Ft,
 			toggleTooltip: It,
 			toggleAnnotator: Rt,
 			toggleFullscreen: Nt,
 			toggleZoom: Lt,
-			copyAlt: Qt
-		}), (e, t) => (C(), h("div", {
+			copyAlt: Zt
+		}), (e, t) => (S(), m("div", {
 			ref_key: "moleculeChart",
-			ref: M,
-			class: Te(`vue-data-ui-component vue-ui-molecule ${X.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			style: S(`font-family:${P.value.style.fontFamily};width:100%; text-align:center;background:${P.value.style.chart.backgroundColor}`),
-			id: `cluster_${ot.value}`,
+			ref: j,
+			class: Ee(`vue-data-ui-component vue-ui-molecule ${Y.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			style: x(`font-family:${P.value.style.fontFamily};width:100%; text-align:center;background:${P.value.style.chart.backgroundColor}`),
+			id: `cluster_${st.value}`,
 			onMouseleave: t[2] ||= (e) => {
-				q.value = null, J.value = null, E(pt)(!1);
+				K.value = null, q.value = null, T(ft)(!1);
 			},
-			onMouseenter: t[3] ||= () => E(pt)(!0)
+			onMouseenter: t[3] ||= () => T(ft)(!0)
 		}, [
-			P.value.userOptions.buttons.annotator && E(z) ? (C(), p(E(Ke), {
+			P.value.userOptions.buttons.annotator && T(z) ? (S(), f(T(qe), {
 				key: 0,
-				svgRef: E(z),
+				svgRef: T(z),
 				backgroundColor: P.value.style.chart.backgroundColor,
 				color: P.value.style.chart.color,
-				active: Z.value,
+				active: X.value,
 				isCursorPointer: F.value,
 				onClose: Rt
 			}, {
-				"annotator-action-close": O(() => [T(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": O(({ color: t }) => [T(e.$slots, "annotator-action-color", x(y({ color: t })), void 0, !0)]),
-				"annotator-action-draw": O(({ mode: t }) => [T(e.$slots, "annotator-action-draw", x(y({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-undo", x(y({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-redo", x(y({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": O(({ disabled: t }) => [T(e.$slots, "annotator-action-delete", x(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-close": D(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": D(({ color: t }) => [w(e.$slots, "annotator-action-color", b(v({ color: t })), void 0, !0)]),
+				"annotator-action-draw": D(({ mode: t }) => [w(e.$slots, "annotator-action-draw", b(v({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-undo", b(v({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-redo", b(v({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": D(({ disabled: t }) => [w(e.$slots, "annotator-action-delete", b(v({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -585,9 +585,9 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : m("", !0),
-			yt.value ? (C(), h("div", Pe, null, 512)) : m("", !0),
-			P.value.style.chart.title.text ? (C(), h("div", Fe, [(C(), p(E(k), {
+			])) : p("", !0),
+			yt.value ? (S(), m("div", Fe, null, 512)) : p("", !0),
+			P.value.style.chart.title.text ? (S(), m("div", Ie, [(S(), f(T(He), {
 				key: `title_${lt.value}`,
 				config: {
 					title: {
@@ -599,16 +599,16 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 						...P.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))])) : m("", !0),
-			P.value.userOptions.show && rt.value && (E(mt) || E(R)) ? (C(), p(E(qe), {
+			}, null, 8, ["config"]))])) : p("", !0),
+			P.value.userOptions.show && it.value && (T(pt) || T(R)) ? (S(), f(T(Je), {
 				ref_key: "userOptionsRef",
-				ref: dt,
+				ref: N,
 				key: `user_options_${ct.value}`,
 				backgroundColor: P.value.style.chart.backgroundColor,
 				color: P.value.style.chart.color,
-				isPrinting: E(V),
-				isImaging: E(H),
-				uid: ot.value,
+				isPrinting: T(V),
+				isImaging: T(gt),
+				uid: st.value,
 				hasTooltip: P.value.userOptions.buttons.tooltip && P.value.style.chart.tooltip.show,
 				hasPdf: P.value.userOptions.buttons.pdf,
 				hasXls: P.value.userOptions.buttons.csv,
@@ -618,34 +618,34 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				hasLabel: P.value.userOptions.buttons.labels,
 				hasFullscreen: P.value.userOptions.buttons.fullscreen,
 				hasAltCopy: P.value.userOptions.buttons.altCopy,
-				isTooltip: U.value.showTooltip,
+				isTooltip: H.value.showTooltip,
 				titles: { ...P.value.userOptions.buttonTitles },
-				chartElement: M.value,
+				chartElement: j.value,
 				position: P.value.userOptions.position,
 				hasAnnotator: P.value.userOptions.buttons.annotator,
-				isAnnotation: Z.value,
+				isAnnotation: X.value,
 				callbacks: P.value.userOptions.callbacks,
 				printScale: P.value.userOptions.print.scale,
 				tableDialog: P.value.table.useDialog,
 				hasZoom: P.value.userOptions.buttons.zoom,
-				isZoom: U.value.showZoom,
+				isZoom: H.value.showZoom,
 				isCursorPointer: F.value,
 				onToggleFullscreen: Nt,
-				onGeneratePdf: E(_t),
+				onGeneratePdf: T(_t),
 				onGenerateCsv: jt,
-				onGenerateImage: E(Zt),
-				onGenerateSvg: E(Xt),
+				onGenerateImage: T(Xt),
+				onGenerateSvg: T(Yt),
 				onToggleTable: Pt,
 				onToggleLabels: Ft,
 				onToggleTooltip: It,
 				onToggleAnnotator: Rt,
 				onToggleZoom: Lt,
-				onCopyAlt: Qt,
-				style: S({ visibility: E(mt) ? E(R) ? "visible" : "hidden" : "visible" })
-			}, Se({ _: 2 }, [
+				onCopyAlt: Zt,
+				style: x({ visibility: T(pt) ? T(R) ? "visible" : "hidden" : "visible" })
+			}, Ce({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: O(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", x(y({
+					fn: D(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", b(v({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -653,42 +653,42 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				} : void 0,
 				e.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: O(() => [T(e.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: O(() => [T(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: O(() => [T(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: O(() => [T(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: O(() => [T(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: O(() => [T(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				e.$slots.optionLabels ? {
 					name: "optionLabels",
-					fn: O(() => [T(e.$slots, "optionLabels", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionLabels", {}, void 0, !0)]),
 					key: "7"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", x(y({
+					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", b(v({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -696,7 +696,7 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", x(y({
+					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", b(v({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -704,7 +704,7 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				} : void 0,
 				e.$slots.optionZoom ? {
 					name: "optionZoom",
-					fn: O(({ toggleZoom: t, isZoomLocked: n }) => [T(e.$slots, "optionZoom", x(y({
+					fn: D(({ toggleZoom: t, isZoomLocked: n }) => [w(e.$slots, "optionZoom", b(v({
 						toggleZoom: t,
 						isZoomLocked: n
 					})), void 0, !0)]),
@@ -712,42 +712,42 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: O(({ altCopy: t }) => [T(e.$slots, "optionAltCopy", x(y({ altCopy: t })), void 0, !0)]),
+					fn: D(({ altCopy: t }) => [w(e.$slots, "optionAltCopy", b(v({ altCopy: t })), void 0, !0)]),
 					key: "11"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: O(() => [T(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "12"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: O(() => [T(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "13"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasLabel.hasFullscreen.hasAltCopy.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.hasZoom.isZoom.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : m("", !0),
-			(C(), h("svg", {
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasLabel.hasFullscreen.hasAltCopy.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.hasZoom.isZoom.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : p("", !0),
+			(S(), m("svg", {
 				ref_key: "svgRef",
 				ref: z,
-				key: `svg_${ht.value}`,
-				xmlns: E(l),
-				viewBox: `${E(Q).x} ${E(Q).y} ${E(Q).width} ${E(Q).height}`,
-				class: Te({
-					"vue-data-ui-fullscreen--on": X.value,
-					"vue-data-ui-fulscreen--off": !X.value
+				key: `svg_${mt.value}`,
+				xmlns: T(l),
+				viewBox: `${T(Z).x} ${T(Z).y} ${T(Z).width} ${T(Z).height}`,
+				class: Ee({
+					"vue-data-ui-fullscreen--on": Y.value,
+					"vue-data-ui-fulscreen--off": !Y.value
 				}),
-				style: S(`overflow: hidden; background:transparent;color:${P.value.style.chart.color}`)
+				style: x(`overflow: hidden; background:transparent;color:${P.value.style.chart.color}`)
 			}, [
-				_(E(Je)),
-				e.$slots["chart-background"] ? (C(), h("foreignObject", {
+				g(T(Ye)),
+				e.$slots["chart-background"] ? (S(), m("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
-					width: W.value.width <= 0 ? 10 : W.value.width,
-					height: W.value.height <= 0 ? 10 : W.value.height,
+					width: U.value.width <= 0 ? 10 : U.value.width,
+					height: U.value.height <= 0 ? 10 : U.value.height,
 					style: { pointerEvents: "none" }
-				}, [T(e.$slots, "chart-background", {}, void 0, !0)], 8, Le)) : m("", !0),
-				g("defs", null, [(C(!0), h(xe, null, De(Object.keys(Tt.value), (e, t) => (C(), p(ge, {
+				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, Re)) : p("", !0),
+				h("defs", null, [(S(!0), m(Se, null, Oe(Object.keys(Tt.value), (e, t) => (S(), f(_e, {
 					t: "radial",
 					id: `gradient_${e}`,
 					key: `gradient_${e}_${t}`,
@@ -758,7 +758,7 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 					fy: "50%",
 					stops: [[
 						"0%",
-						E(o)(e, .5),
+						T(o)(e, .5),
 						1
 					], [
 						"100%",
@@ -766,8 +766,8 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 						1
 					]]
 				}, null, 8, ["id", "stops"]))), 128))]),
-				_(E(Ye), {
-					dataset: G.value,
+				g(T(Xe), {
+					dataset: W.value,
 					color: P.value.style.chart.links.stroke,
 					backgroundColor: P.value.style.chart.backgroundColor,
 					useChildColor: P.value.style.chart.links.useChildColor
@@ -777,16 +777,16 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 					"backgroundColor",
 					"useChildColor"
 				]),
-				_(E(Ze), {
-					dataset: G.value,
-					hoveredUid: J.value,
+				g(T(Qe), {
+					dataset: W.value,
+					hoveredUid: q.value,
 					stroke: P.value.style.chart.nodes.stroke,
 					strokeHovered: P.value.style.chart.nodes.strokeHovered,
-					onClick: Ut,
+					onClick: Ht,
 					onHover: Ot
 				}, {
-					node: O(({ node: t }) => [T(e.$slots, "node", x(y({ node: t })), void 0, !0)]),
-					"node-svg": O(({ nodeSvg: t }) => [T(e.$slots, "node-svg", x(y({ nodeSvg: t })), void 0, !0)]),
+					node: D(({ node: t }) => [w(e.$slots, "node", b(v({ node: t })), void 0, !0)]),
+					"node-svg": D(({ nodeSvg: t }) => [w(e.$slots, "node-svg", b(v({ nodeSvg: t })), void 0, !0)]),
 					_: 3
 				}, 8, [
 					"dataset",
@@ -794,42 +794,42 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 					"stroke",
 					"strokeHovered"
 				]),
-				U.value.showDataLabels && !E(I) ? (C(), p(E(Xe), {
+				H.value.showDataLabels && !T(I) ? (S(), f(T(Ze), {
 					key: 1,
-					dataset: G.value,
+					dataset: W.value,
 					color: P.value.style.chart.color,
-					hoveredUid: J.value
+					hoveredUid: q.value
 				}, null, 8, [
 					"dataset",
 					"color",
 					"hoveredUid"
-				])) : m("", !0),
-				T(e.$slots, "svg", { svg: {
-					...W.value,
-					drawingArea: { ...E(Q) },
-					isPrintingImg: E(V) || E(H) || E(Jt),
-					isPrintingSvg: E(Yt)
+				])) : p("", !0),
+				w(e.$slots, "svg", { svg: {
+					...U.value,
+					drawingArea: { ...T(Z) },
+					isPrintingImg: T(V) || T(gt) || T(qt),
+					isPrintingSvg: T(Jt)
 				} }, void 0, !0)
-			], 14, Ie)),
-			e.$slots.watermark ? (C(), h("div", Re, [T(e.$slots, "watermark", x(y({ isPrinting: E(V) || E(H) || E(Jt) || E(Yt) })), void 0, !0)])) : m("", !0),
-			E(Vt) ? (C(), h("div", ze, [T(e.$slots, "reset-action", { reset: E(Bt) }, () => [g("button", {
+			], 14, Le)),
+			e.$slots.watermark ? (S(), m("div", ze, [w(e.$slots, "watermark", b(v({ isPrinting: T(V) || T(gt) || T(qt) || T(Jt) })), void 0, !0)])) : p("", !0),
+			T(Bt) ? (S(), m("div", Be, [w(e.$slots, "reset-action", { reset: T(Q) }, () => [h("button", {
 				"data-cy-reset": "",
 				tabindex: "0",
 				role: "button",
 				class: "vue-data-ui-refresh-button",
-				style: S({
+				style: x({
 					background: P.value.style.chart.backgroundColor,
 					cursor: F.value ? "pointer" : "default"
 				}),
-				onClick: t[0] ||= (e) => E(Bt)(!0)
-			}, [_(E(Ue), {
+				onClick: t[0] ||= (e) => T(Q)(!0)
+			}, [g(T(We), {
 				name: "refresh",
 				stroke: P.value.style.chart.color
-			}, null, 8, ["stroke"])], 4)], !0)])) : m("", !0),
-			e.$slots.source ? (C(), h("div", Be, [T(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
-			_(E(He), {
+			}, null, 8, ["stroke"])], 4)], !0)])) : p("", !0),
+			e.$slots.source ? (S(), m("div", Ve, [w(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
+			g(T(Ue), {
 				teleportTo: P.value.style.chart.tooltip.teleportTo,
-				show: U.value.showTooltip && st.value,
+				show: H.value.showTooltip && k.value,
 				backgroundColor: P.value.style.chart.tooltip.backgroundColor,
 				color: P.value.style.chart.tooltip.color,
 				borderRadius: P.value.style.chart.tooltip.borderRadius,
@@ -840,18 +840,18 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				position: P.value.style.chart.tooltip.position,
 				offsetX: P.value.style.chart.tooltip.offsetX,
 				offsetY: P.value.style.chart.tooltip.offsetY,
-				parent: M.value,
-				content: j.value,
-				isFullscreen: X.value,
+				parent: j.value,
+				content: A.value,
+				isFullscreen: Y.value,
 				isCustom: P.value.style.chart.tooltip.customFormat && typeof P.value.style.chart.tooltip.customFormat == "function",
 				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
 			}, {
-				"tooltip-before": O(() => [T(e.$slots, "tooltip-before", x(y({ ...K.value })), void 0, !0)]),
-				tooltip: O(() => [T(e.$slots, "tooltip", x(y({ ...K.value })), void 0, !0)]),
-				"tooltip-after": O(() => [T(e.$slots, "tooltip-after", x(y({ ...K.value })), void 0, !0)]),
+				"tooltip-before": D(() => [w(e.$slots, "tooltip-before", b(v({ ...G.value })), void 0, !0)]),
+				tooltip: D(() => [w(e.$slots, "tooltip", b(v({ ...G.value })), void 0, !0)]),
+				"tooltip-after": D(() => [w(e.$slots, "tooltip-after", b(v({ ...G.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -875,30 +875,24 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				"smoothForce",
 				"smoothSnapThreshold"
 			]),
-			rt.value && P.value.userOptions.buttons.table ? (C(), p(Oe($.value.component), we({ key: 7 }, $.value.props, {
+			it.value && P.value.userOptions.buttons.table ? (S(), f(ke($.value.component), Te({ key: 7 }, $.value.props, {
 				ref_key: "tableUnit",
-				ref: N,
-				onClose: Gt
-			}), Se({
-				content: O(() => [(C(), p(E(Ge), {
+				ref: M,
+				onClose: Wt
+			}), Ce({
+				content: D(() => [(S(), f(T(Ke), {
 					key: `table_${ut.value}`,
-					colNames: Y.value.colNames,
-					head: Y.value.head,
-					body: Y.value.body,
-					config: Y.value.config,
+					colNames: J.value.colNames,
+					head: J.value.head,
+					body: J.value.body,
+					config: J.value.config,
 					title: P.value.table.useDialog ? "" : $.value.title,
 					withCloseButton: !P.value.table.useDialog,
 					isCursorPointer: F.value,
-					onClose: Gt
+					onClose: Wt
 				}, {
-					th: O(({ th: e }) => [g("div", {
-						innerHTML: e,
-						style: {
-							display: "flex",
-							"align-items": "center"
-						}
-					}, null, 8, Ve)]),
-					td: O(({ td: e }) => [Ce(ke(e.name || e), 1)]),
+					th: D(({ th: e }) => [h("div", null, Ae(e), 1)]),
+					td: D(({ td: e }) => [we(Ae(e.name || e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -912,24 +906,24 @@ var Me = /* @__PURE__ */ e({ default: () => k }), Ne = ["id"], Pe = {
 				_: 2
 			}, [P.value.table.useDialog ? {
 				name: "title",
-				fn: O(() => [Ce(ke($.value.title), 1)]),
+				fn: D(() => [we(Ae($.value.title), 1)]),
 				key: "0"
 			} : void 0, P.value.table.useDialog ? {
 				name: "actions",
-				fn: O(() => [g("button", {
+				fn: D(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: t[1] ||= (e) => jt(P.value.userOptions.callbacks.csv),
-					style: S({ cursor: F.value ? "pointer" : "default" })
-				}, [_(E(Ue), {
+					style: x({ cursor: F.value ? "pointer" : "default" })
+				}, [g(T(We), {
 					name: "fileCsv",
 					stroke: $.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : m("", !0),
-			T(e.$slots, "skeleton", {}, () => [E(I) ? (C(), p(de, { key: 0 })) : m("", !0)], !0)
-		], 46, Ne));
+			} : void 0]), 1040)) : p("", !0),
+			w(e.$slots, "skeleton", {}, () => [T(I) ? (S(), f(de, { key: 0 })) : p("", !0)], !0)
+		], 46, Pe));
 	}
-}, [["__scopeId", "data-v-65b09aea"]]);
+}, [["__scopeId", "data-v-09af1533"]]);
 //#endregion
-export { Me as n, k as t };
+export { Ne as n, He as t };