vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-scatter-DzePsQEe.js → vue-ui-scatter-DrxUgZbQ.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, Dt as i, F as a, Jt as o, Lt as s, P as c, Pt as l, S as u, Ut as d, X as f, Yt as p, Z as m, Zt as ee, _ as te, b as h, ht as ne, i as g, lt as re, nt as ie, q as ae, t as oe, v as se, w as ce, yt as le } from "./lib-Dql7cqyA.js";
+import { $ as t, $t as n, At as r, D as i, Et as a, F as o, P as s, Qt as c, Rt as l, S as u, St as d, Vt as f, X as p, _ as m, at as ee, b as h, et as te, ft as ne, i as g, nt as re, qt as ie, t as ae, tn as oe, v as se, vt as ce, w as le } from "./lib-DOpaUOQx.js";
 import { n as ue, t as de } from "./useHints-Dq_w2E8B.js";
-import { t as fe } from "./useConfig-D32D002m.js";
-import { t as pe } from "./usePrinter-hohanNCX.js";
+import { t as fe } from "./useConfig-C2uy4ltq.js";
+import { t as pe } from "./usePrinter-BBBooAGP.js";
 import { n as me, t as he } from "./BaseScanner-Dzc8VT3j.js";
-import { t as ge } from "./useNestedProp-Chvyfpl-.js";
+import { t as ge } from "./useNestedProp-Bux0f4iY.js";
 import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ve } from "./useChartExport-iwOqiIWX.js";
 import { t as ye } from "./useTransitions-g_zBREk2.js";
-import { t as be } from "./img-BkMKbWsI.js";
-import { n as xe } from "./Title-CPHi-evi.js";
-import { t as Se } from "./Shape-CIqU-p2F.js";
+import { t as be } from "./img-W50sC9SC.js";
+import { n as xe } from "./Title-DeqmC-vN.js";
+import { t as Se } from "./Shape-VCdxvFV9.js";
 import { t as Ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as we, t as Te } from "./useResponsive-ZtArZtUf.js";
 import { t as Ee } from "./DefGrad-DVBqDjhO.js";
-import { t as De } from "./BaseLegendToggle-CXQrLjd-.js";
+import { t as De } from "./BaseLegendToggle-DGG65LAR.js";
 import { t as Oe } from "./A11yDataTable-DdRsVULz.js";
 import { t as ke } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ae } from "./useChartAccessibility-DYqac8yF.js";
-import { t as je } from "./Legend-X4kF4PvW.js";
+import { t as je } from "./Legend-C0Ln0VNe.js";
 import { t as Me } from "./vue_ui_scatter-I0POnicu.js";
 import { Fragment as _, Teleport as Ne, computed as v, createBlock as Pe, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as Fe, createTextVNode as Ie, createVNode as Le, defineAsyncComponent as Re, guardReactiveProps as S, mergeProps as ze, nextTick as Be, normalizeClass as Ve, normalizeProps as C, normalizeStyle as He, onBeforeUnmount as Ue, onMounted as We, openBlock as w, ref as T, renderList as E, renderSlot as D, resolveDynamicComponent as Ge, shallowRef as Ke, toDisplayString as O, toRefs as qe, unref as k, watch as Je, withCtx as A } from "vue";
 //#region src/components/vue-ui-scatter.vue
@@ -379,7 +379,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 	},
 	emits: ["copyAlt", "selectLegend"],
 	setup(e, { expose: Ce, emit: Ye }) {
-		let bn = Re(() => import("./Tooltip-hhrkQ3Lk.js")), xn = Re(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), Sn = Re(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), Cn = Re(() => import("./DataTable-oiM9uWrQ.js")), wn = Re(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), Tn = Re(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), En = Re(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), Dn = Re(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_scatter: On } = fe(), { isThemeValid: kn, warnInvalidTheme: An } = _e(), j = e, jn = Ye, Mn = v(() => !!j.dataset && j.dataset.length), M = T(ae()), Nn = T(!1), Pn = T(""), Fn = T(0), In = T(null), Ln = T(null), Rn = T(null), zn = T(null), Bn = T(null), Vn = T(0), Hn = T(0), Un = T(0), N = T([]), Wn = T(!1), Gn = T(null), Kn = T(null), qn = T(null), Jn = T(null), Yn = T(null), Xn = T(null), Zn = T(null), Qn = T(null), $n = T(null), er = T(null), tr = T(null), nr = T({
+		let bn = Re(() => import("./Tooltip-DZ4a3XJQ.js")), xn = Re(() => import("./BaseIcon-Dlz7gfx0.js").then((e) => e.n)), Sn = Re(() => import("./vue-ui-accordion-yHZMJLaY.js").then((e) => e.n)), Cn = Re(() => import("./DataTable-BD1eZ0zB.js")), wn = Re(() => import("./PenAndPaper-XdUD8uB3.js").then((e) => e.t)), Tn = Re(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), En = Re(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), Dn = Re(() => import("./BaseDraggableDialog-Ck6R5Q0K.js").then((e) => e.n)), { vue_ui_scatter: On } = fe(), { isThemeValid: kn, warnInvalidTheme: An } = _e(), j = e, jn = Ye, Mn = v(() => !!j.dataset && j.dataset.length), M = T(p()), Nn = T(!1), Pn = T(""), Fn = T(0), In = T(null), Ln = T(null), Rn = T(null), zn = T(null), Bn = T(null), Vn = T(0), Hn = T(0), Un = T(0), N = T([]), Wn = T(!1), Gn = T(null), Kn = T(null), qn = T(null), Jn = T(null), Yn = T(null), Xn = T(null), Zn = T(null), Qn = T(null), $n = T(null), er = T(null), tr = T(null), nr = T({
 			x: 0,
 			y: 0
 		}), rr = T("pointer"), ir = T(!1), ar = T(null), P = T(_r()), F = v(() => P.value.userOptions), I = v(() => P.value.style.layout.dataLabels.xAxis), L = v(() => P.value.style.layout.dataLabels.yAxis), R = v(() => P.value.style.layout.marginalBars), z = v(() => P.value.style.layout.plots), B = v(() => P.value.style.tooltip), V = v(() => P.value.style);
@@ -407,9 +407,9 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				for (; e === 0;) e = l();
 				for (; t === 0;) t = l();
 				return Math.sqrt(-2 * Math.log(e)) * Math.cos(2 * Math.PI * t);
-			}, d = e / 2, f = Array.from({ length: d }, u), p = Array.from({ length: d }, u), m = (e) => e.reduce((e, t) => e + t, 0) / e.length, ee = m(f), te = m(p);
-			for (let e = 0; e < d; e += 1) f[e] -= ee, p[e] -= te;
-			let h = (e, t) => e.reduce((e, n, r) => e + n * t[r], 0), ne = (e) => h(e, e), g = h(p, f) / ne(f), re = p.map((e, t) => e - g * f[t]), ie = ne(f) / d, ae = ne(re) / d, oe = Math.sqrt((1 - t * t) * ie / ae), se = f.map((e, n) => t * e + oe * re[n]), ce = f.concat(f.map((e) => -e)), le = se.concat(se.map((e) => -e)), ue = (e) => Math.sqrt(ne(e) / e.length), de = (e, t, n) => {
+			}, d = e / 2, f = Array.from({ length: d }, u), p = Array.from({ length: d }, u), m = (e) => e.reduce((e, t) => e + t, 0) / e.length, ee = m(f), h = m(p);
+			for (let e = 0; e < d; e += 1) f[e] -= ee, p[e] -= h;
+			let te = (e, t) => e.reduce((e, n, r) => e + n * t[r], 0), ne = (e) => te(e, e), g = te(p, f) / ne(f), re = p.map((e, t) => e - g * f[t]), ie = ne(f) / d, ae = ne(re) / d, oe = Math.sqrt((1 - t * t) * ie / ae), se = f.map((e, n) => t * e + oe * re[n]), ce = f.concat(f.map((e) => -e)), le = se.concat(se.map((e) => -e)), ue = (e) => Math.sqrt(ne(e) / e.length), de = (e, t, n) => {
 				let r = ue(e);
 				return e.map((e) => n + (r ? e / r * t : 0));
 			}, fe = de(ce, i, r), pe = de(le, o, a);
@@ -422,7 +422,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				y: pe[t]
 			}));
 		}
-		let lr = v(() => ee({
+		let lr = v(() => oe({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -458,7 +458,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				color: "#999999",
 				values: cr(100, .5, { seed: 42 })
 			}],
-			skeletonConfig: ee({
+			skeletonConfig: oe({
 				defaultConfig: P.value,
 				userConfig: lr.value
 			})
@@ -470,20 +470,20 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			}), t = e.theme;
 			if (!t) return e;
 			if (!kn.value(e)) return An(e), e;
-			let n = ge({
+			let r = ge({
 				userConfig: Me[t] || j.config,
 				defaultConfig: e
-			}), r = ge({
+			}), i = ge({
 				userConfig: j.config,
-				defaultConfig: n
+				defaultConfig: r
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : p[t] || s
+				...i,
+				customPalette: i.customPalette.length ? i.customPalette : n[t] || f
 			};
 		}
 		function vr(e) {
-			let t = m(e);
+			let t = te(e);
 			return t?.style && delete t.style.tooltip, JSON.stringify(t);
 		}
 		let yr = vr(j.config);
@@ -505,7 +505,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 		});
 		let Sr = v(() => P.value.debug);
 		function Cr() {
-			if (l(j.dataset) && (ie({
+			if (l(j.dataset) && (ee({
 				componentName: "VueUiScatter",
 				type: "dataset",
 				debug: Sr.value
@@ -532,7 +532,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			elementId: `vue-ui-scatter_${M.value}`,
 			fileName: V.value.title.text || "vue-ui-scatter",
 			options: P.value.userOptions.print
-		}), Or = v(() => P.value.userOptions.show && !V.value.title.text), kr = v(() => ce(P.value.customPalette)), H = T({
+		}), Or = v(() => P.value.userOptions.show && !V.value.title.text), kr = v(() => le(P.value.customPalette)), H = T({
 			showTable: P.value.table.show,
 			showTooltip: B.value.show
 		});
@@ -600,22 +600,22 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			};
 		}), Nr = v(() => {
 			Sr.value && dr.value.forEach((e, t) => {
-				ne({
+				ce({
 					datasetObject: e,
 					requiredAttributes: ["values"]
 				}).forEach((e) => {
-					ie({
+					ee({
 						componentName: "VueUiScatter",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t
 					});
 				}), e.values && e.values.forEach((e, n) => {
-					ne({
+					ce({
 						datasetObject: e,
 						requiredAttributes: ["x", "y"]
 					}).forEach((e) => {
-						ie({
+						ee({
 							componentName: "VueUiScatter",
 							type: "datasetSerieAttribute",
 							property: `values.${e}`,
@@ -650,9 +650,9 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			let i = Fr(n);
 			if (e === t) {
 				let n = t + (e === 0 ? 1 : Math.abs(e) * .01);
-				return (r ? te : se)(e, n, i);
+				return (r ? m : se)(e, n, i);
 			}
-			return (r ? te : se)(e, t, i);
+			return (r ? m : se)(e, t, i);
 		}
 		let Rr = v(() => {
 			let e = I.value;
@@ -676,25 +676,25 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			yMin: zr.value.min,
 			yMax: zr.value.max
 		})), Br = v(() => {
-			let e = I.value, t = e.scales.labels;
-			return Rr.value.ticks.map((n) => ({
-				value: n,
-				x: Wr(n),
-				label: g(t.formatter, h(n), f({
+			let e = I.value, n = e.scales.labels;
+			return Rr.value.ticks.map((r) => ({
+				value: r,
+				x: Wr(r),
+				label: g(n.formatter, h(r), t({
 					p: z.value.selectors.labels.prefix,
-					v: h(n),
+					v: h(r),
 					s: z.value.selectors.labels.suffix,
 					r: Ir(e)
 				}))
 			}));
 		}), Vr = v(() => {
-			let e = L.value, t = e.scales.labels;
-			return zr.value.ticks.map((n) => ({
-				value: n,
-				y: Gr(n),
-				label: g(t.formatter, h(n), f({
+			let e = L.value, n = e.scales.labels;
+			return zr.value.ticks.map((r) => ({
+				value: r,
+				y: Gr(r),
+				label: g(n.formatter, h(r), t({
 					p: z.value.selectors.labels.prefix,
-					v: h(n),
+					v: h(r),
 					s: z.value.selectors.labels.suffix,
 					r: Ir(e)
 				}))
@@ -718,12 +718,12 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			let n = `cluster_${M.value}_${t}`;
 			return {
 				...e,
-				values: i({
+				values: r({
 					data: e.values,
 					threshold: P.value.usePerformanceMode ? e.values.length + 1 : P.value.downsample.threshold
 				}),
 				id: n,
-				color: e.color ? e.color : kr.value[t] || s[t] || s[t % s.length],
+				color: e.color ? e.color : kr.value[t] || f[t] || f[t % f.length],
 				opacity: N.value.includes(n) ? .5 : 1,
 				shape: e.shape ?? "circle",
 				segregate: () => fi(n),
@@ -751,7 +751,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				},
 				clusterName: e.name,
 				clusterId: e.id,
-				color: e.color ? e.color : kr.value[t] || s[t] || s[t % s.length],
+				color: e.color ? e.color : kr.value[t] || f[t] || f[t % f.length],
 				id: `plot_${M.value}_${t}_${r}`,
 				weight: n.weight ?? z.value.radius
 			}))
@@ -767,10 +767,10 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				let f = l.filter(d), p = [];
 				for (let e of f) p.some((t) => Math.abs(t.x - e.x) < 1e-6 && Math.abs(t.y - e.y) < 1e-6) || p.push(e);
 				if (p.length < 2) return null;
-				let m = p[0], ee = p[1], te = 0;
+				let m = p[0], ee = p[1], h = 0;
 				for (let e = 0; e < p.length; e += 1) for (let t = e + 1; t < p.length; t += 1) {
 					let n = p[e].x - p[t].x, r = p[e].y - p[t].y, i = n * n + r * r;
-					i > te && (te = i, m = p[e], ee = p[t]);
+					i > h && (h = i, m = p[e], ee = p[t]);
 				}
 				return {
 					x1: m.x,
@@ -789,7 +789,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				s < e ? (f = i, l = Infinity, d = null) : (l = o / s, d = a - l * i);
 				let p, m;
 				f === null ? (p = l, m = d) : (p = Infinity, m = null);
-				let ee = n.plots.every((e) => e.v && typeof e.v.x == "number" && typeof e.v.y == "number"), te = NaN;
+				let ee = n.plots.every((e) => e.v && typeof e.v.x == "number" && typeof e.v.y == "number"), h = NaN;
 				if (r >= 2) {
 					let t = 0, o = 0;
 					ee ? (t = n.plots.reduce((e, t) => e + t.v.x, 0) / r, o = n.plots.reduce((e, t) => e + t.v.y, 0) / r) : (t = i, o = -a);
@@ -800,16 +800,16 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					}
 					if (c >= e && l >= e) {
 						let e = s / Math.sqrt(c * l);
-						te = Math.max(-1, Math.min(1, e));
+						h = Math.max(-1, Math.min(1, e));
 					}
 				}
-				let h = t({
+				let te = t({
 					m: p,
 					b: m,
 					rect: W.value,
 					verticalX: f
 				});
-				if (!h) return {
+				if (!te) return {
 					...n,
 					correlation: null,
 					label: null,
@@ -821,15 +821,15 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					}))
 				};
 				let ne = {
-					x: (h.x1 + h.x2) / 2,
-					y: (h.y1 + h.y2) / 2
+					x: (te.x1 + te.x2) / 2,
+					y: (te.y1 + te.y2) / 2
 				};
 				return {
 					...n,
 					color: u(n.color),
 					correlation: {
-						...h,
-						coefficient: te
+						...te,
+						coefficient: h
 					},
 					label: ne,
 					plots: n.plots.map((t) => {
@@ -882,11 +882,11 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				let r = Zr(n, J.value);
 				return {
 					coords: r,
-					dX: c(r.avgX.map((t, n) => ({
+					dX: s(r.avgX.map((t, n) => ({
 						x: t,
 						y: e - r.x[n] / r.maxX * R.value.size
 					}))),
-					dY: a(r.avgY.map((e, n) => ({
+					dY: o(r.avgY.map((e, n) => ({
 						y: e,
 						x: t + R.value.size * r.y[n] / r.maxY
 					}))),
@@ -911,71 +911,71 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 		}
 		function ii(e) {
 			if (!gr.value || !e) return;
-			let t = o(e.x, e.y, gr.value);
+			let t = c(e.x, e.y, gr.value);
 			t && (nr.value = t);
 		}
 		let ai = v(() => Z.value ? [Z.value] : Q.value.length ? q.value.flatMap((e) => e.plots).filter((e) => Q.value.includes(e.id)) : []);
 		function oi(e) {
-			let t = I.value, n = t.scales.labels;
-			return g(n.formatter, h(e.v.x), f({
+			let n = I.value, r = n.scales.labels;
+			return g(r.formatter, h(e.v.x), t({
 				p: z.value.selectors.labels.prefix,
 				v: h(e.v.x),
 				s: z.value.selectors.labels.suffix,
-				r: Ir(t)
+				r: Ir(n)
 			}), { datapoint: e });
 		}
 		function si(e) {
-			let t = L.value, n = t.scales.labels;
-			return g(n.formatter, h(e.v.y), f({
+			let n = L.value, r = n.scales.labels;
+			return g(r.formatter, h(e.v.y), t({
 				p: z.value.selectors.labels.prefix,
 				v: h(e.v.y),
 				s: z.value.selectors.labels.suffix,
-				r: Ir(t)
+				r: Ir(n)
 			}), { datapoint: e });
 		}
-		function ci(e, t, r = "pointer", i = null) {
+		function ci(e, n, r = "pointer", i = null) {
 			X.value = e.id, Z.value = e, rr.value = r, ar.value = i, tr.value = e.id;
-			let a = "";
+			let o = "";
 			P.value.events.datapointEnter && P.value.events.datapointEnter({
 				datapoint: e,
-				seriesIndex: t
+				seriesIndex: n
 			}), $r.value = {
 				datapoint: e,
-				seriesIndex: t,
+				seriesIndex: n,
 				series: q.value,
 				config: P.value
 			};
-			let o = B.value.customFormat;
-			n(o) && re(() => o({
+			let s = B.value.customFormat;
+			a(s) && ne(() => s({
 				datapoint: e,
-				seriesIndex: t,
+				seriesIndex: n,
 				series: q.value,
 				config: P.value
-			})) ? Pn.value = o({
+			})) ? Pn.value = s({
 				datapoint: e,
-				seriesIndex: t,
+				seriesIndex: n,
 				series: q.value,
 				config: P.value
-			}) : (e.clusterName && (a += `<div style="display:flex;gap:3px;align-items:center">${e.clusterName}</div>`), e.v.name && (a += `<div>${e.v.name}</div>`), a += `<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${B.value.borderColor}">`, a += `<div>${I.value.name}: <b>${isNaN(e.v.x) ? "-" : g(z.value.selectors.labels.x.formatter, e.v.x, f({
+			}) : (e.clusterName && (o += `<div style="display:flex;gap:3px;align-items:center">${e.clusterName}</div>`), e.v.name && (o += `<div>${e.v.name}</div>`), o += `<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${B.value.borderColor}">`, o += `<div>${I.value.name}: <b>${isNaN(e.v.x) ? "-" : g(z.value.selectors.labels.x.formatter, e.v.x, t({
 				p: B.value.prefix,
 				v: e.v.x,
 				s: B.value.suffix,
 				r: B.value.roundingValue
 			}), {
 				datapoint: e,
-				seriesIndex: t
-			})}</b></div>`, a += `<div>${L.value.name}: <b>${isNaN(e.v.y) ? "-" : g(z.value.selectors.labels.y.formatter, e.v.y, f({
+				seriesIndex: n
+			})}</b></div>`, o += `<div>${L.value.name}: <b>${isNaN(e.v.y) ? "-" : g(z.value.selectors.labels.y.formatter, e.v.y, t({
 				p: B.value.prefix,
 				v: e.v.y,
 				s: B.value.suffix,
 				r: B.value.roundingValue
 			}), {
 				datapoint: e,
-				seriesIndex: t
-			})}</b></div>`, a += `${z.value.deviation.translation}: <b>${f({
+				seriesIndex: n
+			})}</b></div>`, o += `${z.value.deviation.translation}: <b>${t({
 				v: e.deviation,
 				r: z.value.deviation.roundingValue
-			})}</b>`, a += "</div>", Pn.value = `<div>${a}</div>`), Nn.value = !0, r === "keyboard" && Be(() => {
+			})}</b>`, o += "</div>", Pn.value = `<div>${o}</div>`), Nn.value = !0, r === "keyboard" && Be(() => {
 				ii(e);
 			});
 		}
@@ -1012,19 +1012,19 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 		}
 		function gi(e = null) {
 			Be(() => {
-				let n = [
+				let t = [
 					"",
 					P.value.table.translations.correlationCoefficient,
 					P.value.table.translations.nbrPlots,
 					`${I.value.name} ${P.value.table.translations.average}`,
 					`${L.value.name} ${P.value.table.translations.average}`
-				], i = q.value.map((e) => [
+				], n = q.value.map((e) => [
 					e.name,
 					e.correlation.coefficient,
 					e.plots.length,
 					e.plots.map((e) => e.v.x).reduce((e, t) => e + t, 0) / e.plots.length,
 					e.plots.map((e) => e.v.y).reduce((e, t) => e + t, 0) / e.plots.length
-				]), a = [
+				]), r = [
 					[V.value.title.text],
 					[V.value.title.subtitle.text],
 					[
@@ -1032,10 +1032,10 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						[""],
 						[""]
 					],
-					n
-				].concat(i), o = r(a);
-				e ? e(o) : t({
-					csvContent: o,
+					t
+				].concat(n), a = i(r);
+				e ? e(a) : re({
+					csvContent: a,
 					title: V.value.title.text || "vue-ui-heatmap"
 				});
 			});
@@ -1203,7 +1203,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				return {
 					id: i.id,
 					d: l.join(""),
-					fill: d(i.color, c * 100),
+					fill: ie(i.color, c * 100),
 					stroke: u ? "none" : o,
 					strokeWidth: u ? 0 : s,
 					strokeOpacity: 1
@@ -1395,7 +1395,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 		}
 		let Yi = v(() => {
 			if (!Z.value) return "";
-			let e = Z.value, t = isNaN(e.v.x) ? "-" : g(z.value.selectors.labels.x.formatter, e.v.x, f({
+			let e = Z.value, n = isNaN(e.v.x) ? "-" : g(z.value.selectors.labels.x.formatter, e.v.x, t({
 				p: B.value.prefix,
 				v: e.v.x,
 				s: B.value.suffix,
@@ -1403,7 +1403,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			}), {
 				datapoint: e,
 				seriesIndex: e.seriesIndex
-			}), n = isNaN(e.v.y) ? "-" : g(z.value.selectors.labels.y.formatter, e.v.y, f({
+			}), r = isNaN(e.v.y) ? "-" : g(z.value.selectors.labels.y.formatter, e.v.y, t({
 				p: B.value.prefix,
 				v: e.v.y,
 				s: B.value.suffix,
@@ -1415,8 +1415,8 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			return [
 				e.clusterName || "",
 				e.v.name || "",
-				`${I.value.name}: ${t}`,
-				`${L.value.name}: ${n}`
+				`${I.value.name}: ${n}`,
+				`${L.value.name}: ${r}`
 			].filter(Boolean).join(". ");
 		}), Xi = v(() => q.value.flatMap((e, t) => e.plots.map((n) => ({
 			...n,
@@ -1448,14 +1448,14 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			toggleAnnotator: Ci,
 			toggleFullscreen: yi,
 			copyAlt: Wi
-		}), (e, t) => (w(), b("div", {
+		}), (e, n) => (w(), b("div", {
 			class: Ve(`vue-data-ui-component vue-ui-scatter ${vi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${P.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "scatterChart",
 			ref: In,
 			id: `vue-ui-scatter_${M.value}`,
 			style: He(`font-family:${V.value.fontFamily};width:100%; text-align:center;background:${V.value.backgroundColor};${P.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: t[5] ||= () => k(mr)(!0),
-			onMouseleave: t[6] ||= () => {
+			onMouseenter: n[5] ||= () => k(mr)(!0),
+			onMouseleave: n[6] ||= () => {
 				k(mr)(!1), ir.value || ti();
 			}
 		}, [
@@ -1641,7 +1641,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			x("div", et, [(w(), b("svg", {
 				ref_key: "svgRef",
 				ref: gr,
-				xmlns: k(oe),
+				xmlns: k(ae),
 				"aria-describedby": `chart-instructions-${M.value}`,
 				class: Ve({
 					"vue-data-ui-fullscreen--on": vi.value,
@@ -1783,10 +1783,10 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 							1
 						]]
 					}, null, 8, ["id", "stops"])]),
-					(w(!0), b(_, null, E(Y.value.x, (e, n) => (w(), b("g", null, [
-						e && Y.value.avgX[n] ? (w(), b("rect", {
+					(w(!0), b(_, null, E(Y.value.x, (e, t) => (w(), b("g", null, [
+						e && Y.value.avgX[t] ? (w(), b("rect", {
 							key: 0,
-							x: Y.value.avgX[n] - W.value.width / J.value / 2,
+							x: Y.value.avgX[t] - W.value.width / J.value / 2,
 							y: W.value.top - R.value.offset - e / Y.value.maxX * R.value.size,
 							width: W.value.width / J.value <= 0 ? 1e-4 : W.value.width / J.value,
 							height: e / Y.value.maxX * R.value.size <= 0 ? 1e-4 : e / Y.value.maxX * R.value.size,
@@ -1796,19 +1796,19 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 							"stroke-width": R.value.strokeWidth,
 							rx: R.value.borderRadius
 						}, null, 12, _t)) : y("", !0),
-						Y.value.avgX[n] ? (w(), b("rect", {
+						Y.value.avgX[t] ? (w(), b("rect", {
 							key: 1,
-							x: Y.value.avgX[n] - W.value.width / J.value / 2,
+							x: Y.value.avgX[t] - W.value.width / J.value / 2,
 							y: W.value.top - R.value.offset - R.value.size,
 							width: W.value.width / J.value <= 0 ? 1e-4 : W.value.width / J.value,
 							height: Math.max(.1, R.value.size),
 							fill: "transparent",
-							onMouseenter: (e) => Ti(n),
-							onMouseleave: t[0] ||= (e) => Di()
+							onMouseenter: (e) => Ti(t),
+							onMouseleave: n[0] ||= (e) => Di()
 						}, null, 40, vt)) : y("", !0),
-						Y.value.avgX[n] && Gn.value != null && Gn.value === n ? (w(), b("g", yt, [
+						Y.value.avgX[t] && Gn.value != null && Gn.value === t ? (w(), b("g", yt, [
 							x("rect", {
-								x: Y.value.avgX[n] - W.value.width / J.value / 2,
+								x: Y.value.avgX[t] - W.value.width / J.value / 2,
 								y: W.value.top,
 								width: W.value.width / J.value <= 0 ? 1e-4 : W.value.width / J.value,
 								height: W.value.height,
@@ -1816,8 +1816,8 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 								"fill-opacity": R.value.highlighter.opacity
 							}, null, 8, bt),
 							x("line", {
-								x1: Y.value.avgX[n] - W.value.width / J.value / 2,
-								x2: Y.value.avgX[n] - W.value.width / J.value / 2,
+								x1: Y.value.avgX[t] - W.value.width / J.value / 2,
+								x2: Y.value.avgX[t] - W.value.width / J.value / 2,
 								y1: 0,
 								y2: W.value.top + W.value.height,
 								stroke: R.value.highlighter.stroke,
@@ -1829,8 +1829,8 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 								}
 							}, null, 8, xt),
 							x("line", {
-								x1: Y.value.avgX[n] - W.value.width / J.value / 2 + (W.value.width / J.value <= 0 ? 1e-4 : W.value.width / J.value),
-								x2: Y.value.avgX[n] - W.value.width / J.value / 2 + (W.value.width / J.value <= 0 ? 1e-4 : W.value.width / J.value),
+								x1: Y.value.avgX[t] - W.value.width / J.value / 2 + (W.value.width / J.value <= 0 ? 1e-4 : W.value.width / J.value),
+								x2: Y.value.avgX[t] - W.value.width / J.value / 2 + (W.value.width / J.value <= 0 ? 1e-4 : W.value.width / J.value),
 								y1: 0,
 								y2: W.value.top + W.value.height,
 								stroke: R.value.highlighter.stroke,
@@ -1843,11 +1843,11 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 							}, null, 8, St)
 						])) : y("", !0)
 					]))), 256)),
-					(w(!0), b(_, null, E(Y.value.y, (e, n) => (w(), b("g", null, [
-						e && Y.value.avgY[n] ? (w(), b("rect", {
+					(w(!0), b(_, null, E(Y.value.y, (e, t) => (w(), b("g", null, [
+						e && Y.value.avgY[t] ? (w(), b("rect", {
 							key: 0,
 							x: W.value.right + R.value.offset,
-							y: Y.value.avgY[n] - W.value.height / J.value / 2,
+							y: Y.value.avgY[t] - W.value.height / J.value / 2,
 							height: W.value.height / J.value <= 0 ? 1e-4 : W.value.height / J.value,
 							width: e / Y.value.maxY * R.value.size <= 0 ? 1e-4 : e / Y.value.maxY * R.value.size,
 							fill: R.value.useGradient ? `url(#marginal_y_${M.value})` : R.value.fill,
@@ -1856,20 +1856,20 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 							"stroke-width": R.value.strokeWidth,
 							rx: R.value.borderRadius
 						}, null, 12, Ct)) : y("", !0),
-						Y.value.avgY[n] ? (w(), b("rect", {
+						Y.value.avgY[t] ? (w(), b("rect", {
 							key: 1,
 							x: W.value.right + R.value.offset,
-							y: Y.value.avgY[n] - W.value.height / J.value / 2,
+							y: Y.value.avgY[t] - W.value.height / J.value / 2,
 							width: Math.max(.1, R.value.size),
 							height: W.value.height / J.value <= 0 ? 1e-4 : W.value.height / J.value,
 							fill: "transparent",
-							onMouseenter: (e) => Ei(n),
-							onMouseleave: t[1] ||= (e) => Di()
+							onMouseenter: (e) => Ei(t),
+							onMouseleave: n[1] ||= (e) => Di()
 						}, null, 40, wt)) : y("", !0),
-						Y.value.avgY[n] && Kn.value != null && Kn.value === n ? (w(), b("g", Tt, [
+						Y.value.avgY[t] && Kn.value != null && Kn.value === t ? (w(), b("g", Tt, [
 							x("rect", {
 								x: W.value.left,
-								y: Y.value.avgY[n] - W.value.height / J.value / 2,
+								y: Y.value.avgY[t] - W.value.height / J.value / 2,
 								width: W.value.width,
 								height: W.value.height / J.value <= 0 ? 1e-4 : W.value.height / J.value,
 								fill: R.value.highlighter.color,
@@ -1878,8 +1878,8 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 							x("line", {
 								x1: W.value.left,
 								x2: U.value.width,
-								y1: Y.value.avgY[n] - W.value.height / J.value / 2,
-								y2: Y.value.avgY[n] - W.value.height / J.value / 2,
+								y1: Y.value.avgY[t] - W.value.height / J.value / 2,
+								y2: Y.value.avgY[t] - W.value.height / J.value / 2,
 								stroke: R.value.highlighter.stroke,
 								"stroke-dasharray": R.value.highlighter.strokeDasharray,
 								"stroke-width": R.value.highlighter.strokeWidth,
@@ -1891,8 +1891,8 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 							x("line", {
 								x1: W.value.left,
 								x2: U.value.width,
-								y1: Y.value.avgY[n] - W.value.height / J.value / 2 + (W.value.height / J.value <= 0 ? 1e-4 : W.value.height / J.value),
-								y2: Y.value.avgY[n] - W.value.height / J.value / 2 + (W.value.height / J.value <= 0 ? 1e-4 : W.value.height / J.value),
+								y1: Y.value.avgY[t] - W.value.height / J.value / 2 + (W.value.height / J.value <= 0 ? 1e-4 : W.value.height / J.value),
+								y2: Y.value.avgY[t] - W.value.height / J.value / 2 + (W.value.height / J.value <= 0 ? 1e-4 : W.value.height / J.value),
 								stroke: R.value.highlighter.stroke,
 								"stroke-dasharray": R.value.highlighter.strokeDasharray,
 								"stroke-width": R.value.highlighter.strokeWidth,
@@ -1944,8 +1944,8 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				])) : y("", !0),
 				z.value.giftWrap.show ? (w(), b("g", Pt, [(w(!0), b(_, null, E(q.value, (e, t) => (w(), b("g", null, [e.plots.length > 2 ? (w(), b("polygon", {
 					key: 0,
-					points: k(le)({ series: e.plots }),
-					fill: k(d)(e.color, z.value.giftWrap.fillOpacity * 100),
+					points: k(d)({ series: e.plots }),
+					fill: k(ie)(e.color, z.value.giftWrap.fillOpacity * 100),
 					"stroke-width": z.value.giftWrap.strokeWidth,
 					"stroke-dasharray": z.value.giftWrap.strokeDasharray,
 					stroke: e.color,
@@ -1957,7 +1957,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					cx: n.x,
 					cy: n.y,
 					r: X.value && X.value === n.id || Q.value.includes(n.id) ? n.weight * z.value.hoverRadiusRatio : n.weight,
-					fill: k(d)(e.color, X.value && X.value !== n.id || Q.value.length && !Q.value.includes(n.id) ? z.value.opacityNotSelected * 100 : z.value.opacity * 100),
+					fill: k(ie)(e.color, X.value && X.value !== n.id || Q.value.length && !Q.value.includes(n.id) ? z.value.opacityNotSelected * 100 : z.value.opacity * 100),
 					stroke: z.value.stroke,
 					"stroke-width": z.value.strokeWidth,
 					style: He(`opacity:${X.value && X.value === n.id || Q.value.includes(n.id) ? 1 : z.value.significance.useDistanceOpacity ? 1 - Math.abs(n.deviation) / Yr.value : z.value.significance.show && Math.abs(n.deviation) > z.value.significance.deviationThreshold ? z.value.significance.opacity : 1}`),
@@ -1972,7 +1972,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					},
 					radius: X.value && X.value === n.id || Q.value.includes(n.id) ? n.weight * z.value.hoverRadiusRatio : n.weight,
 					shape: e.shape,
-					color: k(d)(e.color, X.value && X.value !== n.id || Q.value.length && !Q.value.includes(n.id) ? z.value.opacityNotSelected * 100 : z.value.opacity * 100),
+					color: k(ie)(e.color, X.value && X.value !== n.id || Q.value.length && !Q.value.includes(n.id) ? z.value.opacityNotSelected * 100 : z.value.opacity * 100),
 					stroke: z.value.stroke,
 					strokeWidth: z.value.strokeWidth,
 					style: He(`opacity:${X.value && X.value === n.id || Q.value.includes(n.id) ? 1 : z.value.significance.useDistanceOpacity ? 1 - Math.abs(n.deviation) / Yr.value : z.value.significance.show && Math.abs(n.deviation) > z.value.significance.deviationThreshold ? z.value.significance.opacity : 1}`),
@@ -1996,7 +1996,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					transform: `translate(${e.x}, ${e.y - e.weight - z.value.name.fontSize + z.value.name.offsetY})`,
 					"text-anchor": "middle",
 					"font-size": z.value.name.fontSize,
-					fill: k(d)(z.value.name.color, X.value && X.value !== e.id || Q.value.length && !Q.value.includes(e.id) ? z.value.opacityNotSelected * 100 : 100),
+					fill: k(ie)(z.value.name.color, X.value && X.value !== e.id || Q.value.length && !Q.value.includes(e.id) ? z.value.opacityNotSelected * 100 : 100),
 					onMouseover: (n) => ci(e, t, "pointer", Zi.value.get(e.id)),
 					onMouseleave: (n) => li(e, t),
 					onClick: (n) => ui(e, t)
@@ -2036,7 +2036,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						width: Math.max(1e-4, W.value.width),
 						height: Math.max(1e-4, W.value.height),
 						fill: "transparent",
-						onMousemove: t[2] ||= (...e) => k(Mi) && k(Mi)(...e),
+						onMousemove: n[2] ||= (...e) => k(Mi) && k(Mi)(...e),
 						onMouseleave: Ni,
 						onClick: Pi
 					}, null, 40, Ut)
@@ -2072,7 +2072,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						fill: z.value.selectors.labels.color,
 						"font-weight": z.value.selectors.labels.bold ? "bold" : "normal",
 						"text-anchor": e.x > K.value.x ? "end" : "start"
-					}, O(k(g)(z.value.selectors.labels.y.formatter, k(h)(e.v.y), k(f)({
+					}, O(k(g)(z.value.selectors.labels.y.formatter, k(h)(e.v.y), k(t)({
 						p: z.value.selectors.labels.prefix,
 						v: k(h)(e.v.y),
 						s: z.value.selectors.labels.suffix,
@@ -2086,7 +2086,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						fill: z.value.selectors.labels.color,
 						"font-weight": z.value.selectors.labels.bold ? "bold" : "normal",
 						"text-anchor": "middle"
-					}, O(k(g)(z.value.selectors.labels.y.formatter, k(h)(e.v.x), k(f)({
+					}, O(k(g)(z.value.selectors.labels.y.formatter, k(h)(e.v.x), k(t)({
 						p: z.value.selectors.labels.prefix,
 						v: k(h)(e.v.x),
 						s: z.value.selectors.labels.suffix,
@@ -2153,7 +2153,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					"font-size": I.value.fontSize,
 					fill: I.value.color,
 					transform: `translate(${I.value.name ? I.value.fontSize * 3 : 0}, ${K.value.y + I.value.fontSize / 3}), rotate(-90)`
-				}, O(k(g)(z.value.selectors.labels.x.formatter, k(h)(G.value.xMin), k(f)({
+				}, O(k(g)(z.value.selectors.labels.x.formatter, k(h)(G.value.xMin), k(t)({
 					p: z.value.selectors.labels.prefix,
 					v: k(h)(G.value.xMin),
 					s: z.value.selectors.labels.suffix,
@@ -2167,7 +2167,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					transform: `translate(${W.value.right + V.value.layout.padding.right + 6}, ${K.value.y + I.value.fontSize / 3}), rotate(-90)`,
 					"font-size": I.value.fontSize,
 					fill: I.value.color
-				}, O(k(g)(z.value.selectors.labels.x.formatter, k(h)(G.value.xMax), k(f)({
+				}, O(k(g)(z.value.selectors.labels.x.formatter, k(h)(G.value.xMax), k(t)({
 					p: z.value.selectors.labels.prefix,
 					v: k(h)(G.value.xMax),
 					s: z.value.selectors.labels.suffix,
@@ -2182,7 +2182,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					"text-anchor": "middle",
 					"font-size": L.value.fontSize,
 					fill: L.value.color
-				}, O(k(g)(z.value.selectors.labels.y.formatter, k(h)(G.value.yMax), k(f)({
+				}, O(k(g)(z.value.selectors.labels.y.formatter, k(h)(G.value.yMax), k(t)({
 					p: z.value.selectors.labels.prefix,
 					v: k(h)(G.value.yMax),
 					s: z.value.selectors.labels.suffix,
@@ -2199,7 +2199,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					"text-anchor": "middle",
 					"font-size": L.value.fontSize,
 					fill: L.value.color
-				}, O(k(g)(z.value.selectors.labels.y.formatter, k(h)(G.value.yMin), k(f)({
+				}, O(k(g)(z.value.selectors.labels.y.formatter, k(h)(G.value.yMin), k(t)({
 					p: z.value.selectors.labels.prefix,
 					v: k(h)(G.value.yMin),
 					s: z.value.selectors.labels.suffix,
@@ -2227,7 +2227,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					stroke: e.color,
 					"stroke-width": V.value.layout.correlation.strokeWidth,
 					"clip-path": `url(#clip_path_${M.value})`
-				}, null, 8, un))), 256)), (w(!0), b(_, null, E(q.value.filter((e) => e.correlation), (e, t) => (w(), b("g", null, [V.value.layout.correlation.label.show ? (w(), b("text", {
+				}, null, 8, un))), 256)), (w(!0), b(_, null, E(q.value.filter((e) => e.correlation), (e, n) => (w(), b("g", null, [V.value.layout.correlation.label.show ? (w(), b("text", {
 					key: 0,
 					x: e.correlation.x2,
 					y: e.correlation.y2,
@@ -2235,7 +2235,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					"text-anchor": "end",
 					"font-size": V.value.layout.correlation.label.fontSize,
 					"font-weight": V.value.layout.correlation.label.bold ? "bold" : "normal"
-				}, O(k(f)({
+				}, O(k(t)({
 					v: k(h)(e.correlation?.coefficient ?? 0),
 					r: V.value.layout.correlation.label.roundingValue
 				})), 9, dn)) : y("", !0)]))), 256))])) : y("", !0),
@@ -2266,7 +2266,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				legendSet: Kr.value,
 				config: qr.value,
 				isCursorPointer: sr.value,
-				onClickMarker: t[3] ||= ({ legend: e }) => fi(e.id)
+				onClickMarker: n[3] ||= ({ legend: e }) => fi(e.id)
 			}, {
 				item: A(({ legend: e }) => [x("div", {
 					onClick: (t) => e.segregate(),
@@ -2401,7 +2401,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				fn: A(() => [x("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[4] ||= (e) => gi(F.value.callbacks.csv),
+					onClick: n[4] ||= (e) => gi(F.value.callbacks.csv),
 					style: He({ cursor: sr.value ? "pointer" : "default" })
 				}, [Le(k(xn), {
 					name: "fileCsv",