vue-data-ui 3.26.2 → 3.26.3

package/dist/{vue-ui-scatter-CK95iCay.js → vue-ui-scatter-B2qUgPxs.js}

@@ -22,7 +22,7 @@ import { t as je } from "./Legend-Dv90gh-6.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
-var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe = {
+var Ye = /* @__PURE__ */ e({ default: () => yn }), Xe = ["id"], Ze = ["id"], Qe = {
 	key: 0,
 	class: "sr-only",
 	"aria-live": "polite",
@@ -202,24 +202,24 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 	"onMouseover",
 	"onMouseleave",
 	"onClick"
-], Bt = ["clip-path"], Vt = [
+], Bt = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"stroke-opacity"
-], Ht = {
+], Vt = {
 	key: 0,
 	style: { "pointer-events": "none" }
-}, Ut = [
+}, Ht = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Wt = {
+], Ut = {
 	key: 0,
 	style: { "pointer-events": "none !important" }
-}, Gt = [
+}, Wt = [
 	"x1",
 	"x2",
 	"y1",
@@ -227,7 +227,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Kt = [
+], Gt = [
 	"x1",
 	"x2",
 	"y1",
@@ -235,89 +235,89 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], qt = [
+], Kt = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"text-anchor"
-], Jt = [
+], qt = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], Yt = [
+], Jt = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], Xt = [
+], Yt = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], Zt = [
+], Xt = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Qt = [
+], Zt = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], $t = [
+], Qt = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"text-anchor"
-], en = [
+], $t = [
 	"id",
 	"transform",
 	"font-size",
 	"font-weight",
 	"fill"
-], tn = [
+], en = [
 	"font-size",
 	"fill",
 	"transform"
-], nn = [
+], tn = [
 	"transform",
 	"font-size",
 	"fill"
-], rn = [
+], nn = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], an = [
+], rn = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], on = [
+], an = [
 	"font-size",
 	"font-weight",
 	"fill",
 	"x",
 	"y"
-], sn = ["id"], cn = [
+], on = ["id"], sn = [
 	"x",
 	"y",
 	"width",
 	"height"
-], ln = {
+], cn = {
 	key: 14,
 	style: { pointerEvents: "none" }
-}, un = [
+}, ln = [
 	"x1",
 	"x2",
 	"y1",
@@ -326,13 +326,13 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 	"stroke",
 	"stroke-width",
 	"clip-path"
-], dn = [
+], un = [
 	"x",
 	"y",
 	"fill",
 	"font-size",
 	"font-weight"
-], fn = {
+], dn = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -342,10 +342,10 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, pn = {
+}, fn = {
 	key: 6,
 	class: "vue-data-ui-watermark"
-}, mn = ["id"], hn = ["onClick"], gn = {
+}, pn = ["id"], mn = ["onClick"], hn = {
 	key: 0,
 	style: {
 		width: "100%",
@@ -353,7 +353,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 		"align-items": "center",
 		"justify-content": "center"
 	}
-}, _n = {
+}, gn = {
 	viewBox: "0 0 20 20",
 	height: "20",
 	width: "20",
@@ -361,7 +361,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 		overflow: "hidden",
 		background: "transparent"
 	}
-}, vn = { key: 0 }, yn = ["innerHTML"], bn = /*#__PURE__*/ Ce({
+}, _n = { key: 0 }, vn = ["innerHTML"], yn = /*#__PURE__*/ Ce({
 	__name: "vue-ui-scatter",
 	props: {
 		config: {
@@ -379,10 +379,10 @@ 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-2NAb_Rrx.js")), xn = Re(() => import("./BaseIcon-BV75ei8X.js").then((e) => e.n)), Sn = Re(() => import("./vue-ui-accordion-15kKhkup.js").then((e) => e.n)), Cn = Re(() => import("./DataTable-DX5fToAo.js")), wn = Re(() => import("./PenAndPaper-DkQ4sEhs.js").then((e) => e.t)), Tn = Re(() => import("./UserOptions-Dgn3StKw.js").then((e) => e.n)), En = Re(() => import("./PackageVersion-BEPMhtFD.js").then((e) => e.t)), Dn = Re(() => import("./BaseDraggableDialog-C1Slb3Yh.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({
+		let yn = Re(() => import("./Tooltip-2NAb_Rrx.js")), bn = Re(() => import("./BaseIcon-BV75ei8X.js").then((e) => e.n)), xn = Re(() => import("./vue-ui-accordion-15kKhkup.js").then((e) => e.n)), Sn = Re(() => import("./DataTable-DX5fToAo.js")), Cn = Re(() => import("./PenAndPaper-DkQ4sEhs.js").then((e) => e.t)), wn = Re(() => import("./UserOptions-Dgn3StKw.js").then((e) => e.n)), Tn = Re(() => import("./PackageVersion-DDtcwca2.js").then((e) => e.t)), En = Re(() => import("./BaseDraggableDialog-C1Slb3Yh.js").then((e) => e.n)), { vue_ui_scatter: Dn } = fe(), { isThemeValid: On, warnInvalidTheme: kn } = _e(), j = e, An = Ye, jn = v(() => !!j.dataset && j.dataset.length), M = T(p()), Mn = T(!1), Nn = T(""), Pn = T(0), Fn = T(null), In = T(null), Ln = T(null), Rn = T(null), zn = T(null), Bn = T(0), Vn = T(0), Hn = T(0), N = T([]), Un = T(!1), Wn = T(null), 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({
 			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);
+		}), nr = T("pointer"), rr = T(!1), ir = 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);
 		ue({
 			config: () => P.value,
 			dataset: () => j.dataset,
@@ -397,10 +397,10 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				]
 			}]
 		});
-		let { transitionEnabled: or } = ye({
+		let { transitionEnabled: ar } = ye({
 			config: () => P.value.transitions,
 			dataset: () => j.dataset
-		}), sr = v(() => P.value.userOptions.useCursorPointer);
+		}), or = v(() => P.value.userOptions.useCursorPointer), sr = v(() => a(P.value.events?.datapointClick));
 		function cr(e = 100, t = .8, n = {}) {
 			let { meanX: r = 0, sdX: i = 1, meanY: a = 0, sdY: o = 1, seed: s } = n, c = (s ?? Math.floor(Math.random() * 2 ** 31)) >>> 0, l = () => (c = c * 1664525 + 1013904223 >>> 0, c / 2 ** 32), u = () => {
 				let e = 0, t = 0;
@@ -466,10 +466,10 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 		function _r() {
 			let e = ge({
 				userConfig: j.config,
-				defaultConfig: On
+				defaultConfig: Dn
 			}), t = e.theme;
 			if (!t) return e;
-			if (!kn.value(e)) return An(e), e;
+			if (!On.value(e)) return kn(e), e;
 			let r = ge({
 				userConfig: Me[t] || j.config,
 				defaultConfig: e
@@ -495,13 +495,13 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				P.value.style.tooltip = i.style.tooltip, H.value.showTooltip = P.value.style.tooltip.show;
 				return;
 			}
-			ur.value || (P.value = i), pr.value = !P.value.userOptions.showOnChartHover, Cr(), Vn.value += 1, Hn.value += 1, Un.value += 1, H.value.showTable = P.value.table.show, H.value.showTooltip = B.value.show, Sr.value && P.value.usePerformanceMode && console.warn("VueUiScatter : You are using performance mode\n\n- downsampling is disabled in this mode, all plots are rendered\n\n- plot significance is not active in this mode (all plots have the same opacity) \n\n- Depending on plot density, shapes might not display a border (stroke) to avoid fuzziness \n\nℹ️ To remove this warning, set config.debug to false.");
+			ur.value || (P.value = i), pr.value = !P.value.userOptions.showOnChartHover, Cr(), Bn.value += 1, Vn.value += 1, Hn.value += 1, H.value.showTable = P.value.table.show, H.value.showTooltip = B.value.show, Sr.value && P.value.usePerformanceMode && console.warn("VueUiScatter : You are using performance mode\n\n- downsampling is disabled in this mode, all plots are rendered\n\n- plot significance is not active in this mode (all plots have the same opacity) \n\n- Depending on plot density, shapes might not display a border (stroke) to avoid fuzziness \n\nℹ️ To remove this warning, set config.debug to false.");
 		}, { deep: !0 }), Je(() => j.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (fr.value = !1);
 		}, { deep: !0 });
 		let br = Ke(null), xr = Ke(null);
 		We(async () => {
-			Cr(), await Be(), Wn.value = !0;
+			Cr(), await Be(), Un.value = !0;
 		});
 		let Sr = v(() => P.value.debug);
 		function Cr() {
@@ -512,17 +512,17 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			}), fr.value = !0), l(j.dataset) || (fr.value = P.value.loading), P.value.responsive) {
 				let e = we(() => {
 					let { width: e, height: t } = Te({
-						chart: In.value,
-						title: V.value.title.text ? Ln.value : null,
-						legend: V.value.legend.show ? Rn.value : null,
-						source: zn.value,
-						noTitle: Bn.value
+						chart: Fn.value,
+						title: V.value.title.text ? In.value : null,
+						legend: V.value.legend.show ? Ln.value : null,
+						source: Rn.value,
+						noTitle: zn.value
 					});
 					requestAnimationFrame(() => {
 						U.value.width = e, U.value.height = t;
 					});
 				});
-				br.value && (xr.value && br.value.unobserve(xr.value), br.value.disconnect()), br.value = new ResizeObserver(e), xr.value = In.value.parentNode, br.value.observe(xr.value);
+				br.value && (xr.value && br.value.unobserve(xr.value), br.value.disconnect()), br.value = new ResizeObserver(e), xr.value = Fn.value.parentNode, br.value.observe(xr.value);
 			}
 		}
 		Ue(() => {
@@ -548,8 +548,8 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 		}), Ar = v(() => R.value.show ? R.value.size + R.value.offset : 0);
 		function jr() {
 			let e = 0;
-			if (L.value.scales.show && $n.value) try {
-				e = Array.from($n.value.querySelectorAll("text")).reduce((e, t) => {
+			if (L.value.scales.show && Qn.value) try {
+				e = Array.from(Qn.value.querySelectorAll("text")).reduce((e, t) => {
 					let n = t.getComputedTextLength();
 					return n > e ? n : e;
 				}, 0);
@@ -557,8 +557,8 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				e = 0;
 			}
 			let t = 0;
-			if (Yn.value) try {
-				t = Yn.value.getBBox().width;
+			if (Jn.value) try {
+				t = Jn.value.getBBox().width;
 			} catch {
 				t = 0;
 			}
@@ -566,15 +566,15 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 		}
 		function Mr() {
 			let e = 0;
-			if (Xn.value) try {
-				let t = Xn.value.getBBox(), n = t.x + t.width - U.value.width;
+			if (Yn.value) try {
+				let t = Yn.value.getBBox(), n = t.x + t.width - U.value.width;
 				e = n > 0 ? n + 6 : 0;
 			} catch {
 				e = 0;
 			}
 			let t = 0;
-			if (I.value.scales.show && er.value) try {
-				t = Array.from(er.value.querySelectorAll("text")).reduce((e, t) => {
+			if (I.value.scales.show && $n.value) try {
+				t = Array.from($n.value.querySelectorAll("text")).reduce((e, t) => {
 					let n = t.getBBox(), r = n.x + n.width - U.value.width, i = r > 0 ? r + 6 : 0;
 					return i > e ? i : e;
 				}, 0);
@@ -585,8 +585,8 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 		}
 		let W = v(() => {
 			let e = 0, t = 0, n = 0;
-			if (e = jr(), t = Mr(), Qn.value) try {
-				n = Qn.value.getBBox().height + 6;
+			if (e = jr(), t = Mr(), Zn.value) try {
+				n = Zn.value.getBBox().height + 6;
 			} catch {
 				n = 0;
 			}
@@ -699,7 +699,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					r: Ir(e)
 				}))
 			}));
-		}), Hr = v(() => ai.value.length > 0 && I.value.scales.show), Ur = v(() => ai.value.length > 0 && L.value.scales.show);
+		}), Hr = v(() => oi.value.length > 0 && I.value.scales.show), Ur = v(() => oi.value.length > 0 && L.value.scales.show);
 		function Wr(e) {
 			let t = G.value.xMax - G.value.xMin;
 			return t === 0 ? W.value.left : W.value.left + (e - G.value.xMin) / t * W.value.width;
@@ -726,12 +726,12 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				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),
+				segregate: () => pi(n),
 				isSegregated: N.value.includes(n),
-				hasGroupSelection: !!ei.value,
-				isGroupSelected: ei.value === n,
-				onEnter: () => ni(n),
-				onLeave: () => ri()
+				hasGroupSelection: !!ti.value,
+				isGroupSelected: ti.value === n,
+				onEnter: () => ri(n),
+				onLeave: () => ii()
 			};
 		})), qr = v(() => ({
 			cy: "scatter-div-legend",
@@ -894,28 +894,28 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					id: n.id
 				};
 			});
-		}), X = T(void 0), Z = T(null), Q = T([]), $r = T(null), ei = T(void 0);
-		function ti() {
-			Nn.value = !1, X.value = void 0, Q.value = [], Z.value = null, ar.value = null, tr.value = null, ei.value = void 0;
+		}), X = T(void 0), Z = T(null), Q = T([]), $r = T(!1), ei = T(null), ti = T(void 0);
+		function ni() {
+			Mn.value = !1, X.value = void 0, Q.value = [], Z.value = null, ir.value = null, er.value = null, ti.value = void 0;
 		}
-		function ni(e) {
+		function ri(e) {
 			let t = q.value.find((t) => t.id === e);
 			if (!t) {
 				Q.value = [];
 				return;
 			}
-			Q.value = t.plots.map((e) => e.id), ei.value = e;
+			Q.value = t.plots.map((e) => e.id), ti.value = e;
 		}
-		function ri() {
-			Q.value = [], ei.value = void 0;
+		function ii() {
+			Q.value = [], ti.value = void 0;
 		}
-		function ii(e) {
+		function ai(e) {
 			if (!gr.value || !e) return;
 			let t = c(e.x, e.y, gr.value);
-			t && (nr.value = t);
+			t && (tr.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 oi = v(() => Z.value ? [Z.value] : Q.value.length ? q.value.flatMap((e) => e.plots).filter((e) => Q.value.includes(e.id)) : []);
+		function si(e) {
 			let n = I.value, r = n.scales.labels;
 			return g(r.formatter, h(e.v.x), t({
 				p: z.value.selectors.labels.prefix,
@@ -924,7 +924,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				r: Ir(n)
 			}), { datapoint: e });
 		}
-		function si(e) {
+		function ci(e) {
 			let n = L.value, r = n.scales.labels;
 			return g(r.formatter, h(e.v.y), t({
 				p: z.value.selectors.labels.prefix,
@@ -933,13 +933,13 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				r: Ir(n)
 			}), { datapoint: e });
 		}
-		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;
+		function li(e, n, r = "pointer", i = null) {
+			X.value = e.id, Z.value = e, nr.value = r, ir.value = i, er.value = e.id;
 			let o = "";
 			P.value.events.datapointEnter && P.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: n
-			}), $r.value = {
+			}), ei.value = {
 				datapoint: e,
 				seriesIndex: n,
 				series: q.value,
@@ -951,7 +951,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				seriesIndex: n,
 				series: q.value,
 				config: P.value
-			})) ? Pn.value = s({
+			})) ? Nn.value = s({
 				datapoint: e,
 				seriesIndex: n,
 				series: q.value,
@@ -975,42 +975,42 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			})}</b></div>`, o += `${z.value.deviation.translation}: <b>${t({
 				v: e.deviation,
 				r: z.value.deviation.roundingValue
-			})}</b>`, o += "</div>", Pn.value = `<div>${o}</div>`), Nn.value = !0, r === "keyboard" && Be(() => {
-				ii(e);
+			})}</b>`, o += "</div>", Nn.value = `<div>${o}</div>`), Mn.value = !0, r === "keyboard" && Be(() => {
+				ai(e);
 			});
 		}
-		function li(e, t) {
+		function ui(e, t) {
 			P.value.events.datapointLeave && P.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
-			}), (rr.value !== "keyboard" || tr.value !== e?.id) && (Nn.value = !1, X.value = void 0, Z.value = null);
+			}), (nr.value !== "keyboard" || er.value !== e?.id) && (Mn.value = !1, X.value = void 0, Z.value = null);
 		}
-		function ui(e, t) {
+		function di(e, t) {
 			P.value.events.datapointClick && P.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function di() {
+		function fi() {
 			N.value.length ? N.value = [] : Kr.value.forEach((e) => {
 				N.value.push(e.id);
-			}), jn("selectLegend", Jr.value);
-		}
-		function fi(e) {
-			N.value.includes(e) ? N.value = N.value.filter((t) => t !== e) : N.value.length < dr.value.length - 1 && N.value.push(e), jn("selectLegend", Jr.value);
+			}), An("selectLegend", Jr.value);
 		}
 		function pi(e) {
-			return Kr.value.length ? Kr.value.find((t) => t.name === e) || (Sr.value && console.warn(`VueUiScatter - Series name not found "${e}"`), null) : (Sr.value && console.warn("VueUiScatter - There are no series to show."), null);
+			N.value.includes(e) ? N.value = N.value.filter((t) => t !== e) : N.value.length < dr.value.length - 1 && N.value.push(e), An("selectLegend", Jr.value);
 		}
 		function mi(e) {
-			let t = pi(e);
-			t !== null && N.value.includes(t.id) && fi(t.id);
+			return Kr.value.length ? Kr.value.find((t) => t.name === e) || (Sr.value && console.warn(`VueUiScatter - Series name not found "${e}"`), null) : (Sr.value && console.warn("VueUiScatter - There are no series to show."), null);
 		}
 		function hi(e) {
-			let t = pi(e);
-			t !== null && (N.value.includes(t.id) || fi(t.id));
+			let t = mi(e);
+			t !== null && N.value.includes(t.id) && pi(t.id);
 		}
-		function gi(e = null) {
+		function gi(e) {
+			let t = mi(e);
+			t !== null && (N.value.includes(t.id) || pi(t.id));
+		}
+		function _i(e = null) {
 			Be(() => {
 				let t = [
 					"",
@@ -1040,7 +1040,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				});
 			});
 		}
-		let _i = v(() => {
+		let vi = v(() => {
 			let e = [
 				P.value.table.translations.series,
 				P.value.table.translations.correlationCoefficient,
@@ -1077,24 +1077,24 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				},
 				colNames: e
 			};
-		}), vi = T(!1);
-		function yi(e) {
-			vi.value = e, Fn.value += 1;
+		}), yi = T(!1);
+		function bi(e) {
+			yi.value = e, Pn.value += 1;
 		}
-		function bi() {
+		function xi() {
 			H.value.showTable = !H.value.showTable;
 		}
-		function xi() {
+		function Si() {
 			H.value.showTooltip = !H.value.showTooltip;
 		}
-		let Si = T(!1);
-		function Ci() {
-			Si.value = !Si.value;
+		let Ci = T(!1);
+		function wi() {
+			Ci.value = !Ci.value;
 		}
-		async function wi({ scale: e = 2 } = {}) {
-			if (!In.value) return;
-			let { width: t, height: n } = In.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await be({
-				domElement: In.value,
+		async function Ti({ scale: e = 2 } = {}) {
+			if (!Fn.value) return;
+			let { width: t, height: n } = Fn.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await be({
+				domElement: Fn.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -1108,16 +1108,16 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				aspectRatio: r
 			};
 		}
-		function Ti(e) {
-			Gn.value = e, R.value.highlighter.highlightBothAxes && (Kn.value = Y.value.y.length - 2 - e);
-		}
 		function Ei(e) {
-			Kn.value = e, R.value.highlighter.highlightBothAxes && (Gn.value = e);
+			Wn.value = e, R.value.highlighter.highlightBothAxes && (Gn.value = Y.value.y.length - 2 - e);
 		}
-		function Di() {
-			Gn.value = null, Kn.value = null;
+		function Di(e) {
+			Gn.value = e, R.value.highlighter.highlightBothAxes && (Wn.value = e);
 		}
-		let Oi = {
+		function Oi() {
+			Wn.value = null, Gn.value = null;
+		}
+		let ki = {
 			circle: 1,
 			square: 1,
 			diamond: 1,
@@ -1126,9 +1126,9 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			pentagon: 1.3,
 			hexagon: 1.3
 		}, $ = (e) => e.toFixed(3);
-		function ki({ shape: e = "circle", cx: t, cy: n, r }) {
+		function Ai({ shape: e = "circle", cx: t, cy: n, r }) {
 			if (!P.value.usePerformanceMode) return "";
-			let i = Oi[e] * r;
+			let i = ki[e] * r;
 			switch (e) {
 				case "circle": {
 					let e = $(t - i), r = $(n), a = $(t + i), o = $(i);
@@ -1182,7 +1182,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				}
 			}
 		}
-		let Ai = v(() => {
+		let ji = v(() => {
 			if (!P.value.usePerformanceMode) return [""];
 			let { left: e, right: t, top: n, bottom: r } = W.value, i = Math.max(1, (t - e) * (r - n)), a = (e) => e / i * 1e4, o = z.value.stroke, s = z.value.strokeWidth, c = z.value.opacity;
 			return q.value.map((i) => {
@@ -1191,7 +1191,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					let o = a.x, s = a.y;
 					if (o < e || o > t || s < n || s > r) continue;
 					let c = Math.max(z.value.radius, a.weight);
-					l.push(ki({
+					l.push(Ai({
 						shape: i.shape || "circle",
 						cx: o,
 						cy: s,
@@ -1210,7 +1210,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				};
 			}).filter(Boolean);
 		});
-		function ji() {
+		function Mi() {
 			return P.value.usePerformanceMode ? (e) => {
 				let t = gr.value;
 				if (!t) return;
@@ -1224,41 +1224,41 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						let n = e.x - a.x, r = e.y - a.y, i = n * n + r * r;
 						i <= 64 && i < s && (s = i, o = e, c = t);
 					});
-				}), o) X.value !== o.id && (X.value = o.id, ci(o, c, "pointer", Zi.value.get(o.id) ?? null));
+				}), $r.value = !!o, o) X.value !== o.id && (X.value = o.id, li(o, c, "pointer", Qi.value.get(o.id) ?? null));
 				else if (X.value) {
 					let e = Z.value;
-					X.value = void 0, li(e, c);
+					X.value = void 0, ui(e, c);
 				}
 			} : () => null;
 		}
-		let Mi = ji();
-		function Ni() {
-			if (X.value) {
+		let Ni = Mi();
+		function Pi() {
+			if ($r.value = !1, X.value) {
 				let e = Z.value;
-				X.value = void 0, li(e, null);
+				X.value = void 0, ui(e, null);
 			}
 		}
-		function Pi(e) {
+		function Fi(e) {
 			let t = Z.value;
 			if (t) {
 				let e = q.value.findIndex((e) => e.id === t.clusterId);
-				ui(t, e >= 0 ? e : 0);
+				di(t, e >= 0 ? e : 0);
 			}
 		}
-		let Fi = v(() => {
+		let Ii = v(() => {
 			let e = P.value.table.useDialog && !P.value.table.show, t = H.value.showTable;
 			return {
-				component: e ? Dn : Sn,
+				component: e ? En : xn,
 				title: `${V.value.title.text}${V.value.title.subtitle.text ? `: ${V.value.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: vi.value,
-					fullscreenParent: In.value,
+					isFullscreen: yi.value,
+					fullscreenParent: Fn.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: sr.value
+					isCursorPointer: or.value
 				} : {
 					hideDetails: !0,
 					config: {
@@ -1277,22 +1277,22 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			};
 		});
 		Je(() => H.value.showTable, (e) => {
-			P.value.table.show || (e && P.value.table.useDialog && qn.value ? qn.value.open() : "close" in qn.value && qn.value.close());
+			P.value.table.show || (e && P.value.table.useDialog && Kn.value ? Kn.value.open() : "close" in Kn.value && Kn.value.close());
 		});
-		function Ii() {
-			H.value.showTable = !1, Jn.value && Jn.value.setTableIconState(!1);
+		function Li() {
+			H.value.showTable = !1, qn.value && qn.value.setTableIconState(!1);
 		}
-		let Li = v(() => V.value.backgroundColor), Ri = v(() => V.value.legend), zi = v(() => V.value.title), { isCallbackImaging: Bi, isCallbackSvg: Vi, generateSvg: Hi, onGenerateImage: Ui } = ve({
+		let Ri = v(() => V.value.backgroundColor), zi = v(() => V.value.legend), Bi = v(() => V.value.title), { isCallbackImaging: Vi, isCallbackSvg: Hi, generateSvg: Ui, onGenerateImage: Wi } = ve({
 			svg: gr,
-			title: zi,
-			legend: Ri,
+			title: Bi,
+			legend: zi,
 			legendItems: Kr,
-			backgroundColor: Li,
+			backgroundColor: Ri,
 			getSvgCallback: () => P.value.userOptions.callbacks.svg,
 			generateImage: Dr
 		});
-		async function Wi() {
-			if (jn("copyAlt", {
+		async function Gi() {
+			if (An("copyAlt", {
 				config: P.value,
 				dataset: Jr.value
 			}), !P.value.userOptions.callbacks.altCopy) {
@@ -1304,8 +1304,8 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				dataset: Jr.value
 			}));
 		}
-		function Gi(e, t) {
-			let n = Xi.value.filter((t) => t.id !== e.id);
+		function Ki(e, t) {
+			let n = Zi.value.filter((t) => t.id !== e.id);
 			if (!n.length) return null;
 			let r = ((n) => {
 				if (!n.length) return null;
@@ -1341,59 +1341,59 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				return Math.abs(t === "right" || t === "left" ? r.y - e.y : r.x - e.x) < i ? r : n;
 			}, null) : null;
 		}
-		function Ki() {
-			ar.value = null, tr.value = null, ir.value = !0;
-		}
 		function qi() {
-			ti(), rr.value = "pointer", ir.value = !1;
+			ir.value = null, er.value = null, rr.value = !0;
 		}
-		function Ji(e) {
-			if (!gr.value || Si.value || document.activeElement !== gr.value || !Xi.value.length) return;
+		function Ji() {
+			ni(), nr.value = "pointer", rr.value = !1;
+		}
+		function Yi(e) {
+			if (!gr.value || Ci.value || document.activeElement !== gr.value || !Zi.value.length) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "ArrowUp", i = e.key === "ArrowDown", a = e.key === "Enter" || e.key === " ", o = e.key === "Escape";
 			if (!t && !n && !r && !i && !a && !o) return;
 			if (e.preventDefault(), e.stopPropagation(), o) {
-				ti(), rr.value = "pointer";
+				ni(), nr.value = "pointer";
 				return;
 			}
 			if (a) {
-				if (ar.value === null) return;
-				let e = Xi.value[ar.value];
+				if (ir.value === null) return;
+				let e = Zi.value[ir.value];
 				if (!e) return;
-				ui(e, e.seriesIndex);
+				di(e, e.seriesIndex);
 				return;
 			}
 			let s = null;
-			if (n && (s = "right"), t && (s = "left"), i && (s = "down"), r && (s = "up"), tr.value === null) {
+			if (n && (s = "right"), t && (s = "left"), i && (s = "down"), r && (s = "up"), er.value === null) {
 				let e = Z.value;
 				if (e && e.id) {
-					let t = Gi(e, s);
+					let t = Ki(e, s);
 					if (!t) {
-						let t = Zi.value.get(e.id);
+						let t = Qi.value.get(e.id);
 						if (t === void 0) return;
-						ci(e, e.seriesIndex, "keyboard", t);
+						li(e, e.seriesIndex, "keyboard", t);
 						return;
 					}
-					let n = Zi.value.get(t.id);
+					let n = Qi.value.get(t.id);
 					if (n === void 0) return;
-					ci(t, t.seriesIndex, "keyboard", n);
+					li(t, t.seriesIndex, "keyboard", n);
 					return;
 				}
-				let t = Xi.value[0];
+				let t = Zi.value[0];
 				if (!t) return;
-				let n = Zi.value.get(t.id) ?? 0;
-				ci(t, t.seriesIndex, "keyboard", n);
+				let n = Qi.value.get(t.id) ?? 0;
+				li(t, t.seriesIndex, "keyboard", n);
 				return;
 			}
-			let c = Zi.value.get(tr.value);
+			let c = Qi.value.get(er.value);
 			if (c === void 0) return;
-			let l = Xi.value[c];
+			let l = Zi.value[c];
 			if (!l) return;
-			let u = Gi(l, s);
+			let u = Ki(l, s);
 			if (!u) return;
-			let d = Zi.value.get(u.id);
-			d !== void 0 && ci(u, u.seriesIndex, "keyboard", d);
+			let d = Qi.value.get(u.id);
+			d !== void 0 && li(u, u.seriesIndex, "keyboard", d);
 		}
-		let Yi = v(() => {
+		let Xi = v(() => {
 			if (!Z.value) return "";
 			let e = Z.value, n = isNaN(e.v.x) ? "-" : g(z.value.selectors.labels.x.formatter, e.v.x, t({
 				p: B.value.prefix,
@@ -1418,57 +1418,57 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				`${I.value.name}: ${n}`,
 				`${L.value.name}: ${r}`
 			].filter(Boolean).join(". ");
-		}), Xi = v(() => q.value.flatMap((e, t) => e.plots.map((n) => ({
+		}), Zi = v(() => q.value.flatMap((e, t) => e.plots.map((n) => ({
 			...n,
 			seriesIndex: t,
 			seriesId: e.id,
 			seriesName: e.name,
 			shape: e.shape || "circle",
 			color: e.color
-		})))), Zi = v(() => {
+		})))), Qi = v(() => {
 			let e = /* @__PURE__ */ new Map();
-			return Xi.value.forEach((t, n) => {
+			return Zi.value.forEach((t, n) => {
 				e.set(t.id, n);
 			}), e;
-		}), Qi = v(() => ({
-			headers: _i.value?.colNames ?? [],
-			rows: _i.value?.a11yBody ?? []
+		}), $i = v(() => ({
+			headers: vi.value?.colNames ?? [],
+			rows: vi.value?.a11yBody ?? []
 		}));
 		return Ce({
 			getData: Xr,
-			getImage: wi,
+			getImage: Ti,
 			generatePdf: Er,
-			generateCsv: gi,
+			generateCsv: _i,
 			generateImage: Dr,
-			generateSvg: Hi,
-			hideSeries: hi,
-			showSeries: mi,
-			toggleTable: bi,
-			toggleTooltip: xi,
-			toggleAnnotator: Ci,
-			toggleFullscreen: yi,
-			copyAlt: Wi
+			generateSvg: Ui,
+			hideSeries: gi,
+			showSeries: hi,
+			toggleTable: xi,
+			toggleTooltip: Si,
+			toggleAnnotator: wi,
+			toggleFullscreen: bi,
+			copyAlt: Gi
 		}), (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"}`),
+			class: Ve(`vue-data-ui-component vue-ui-scatter ${yi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${P.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "scatterChart",
-			ref: In,
+			ref: Fn,
 			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: n[5] ||= () => k(mr)(!0),
 			onMouseleave: n[6] ||= () => {
-				k(mr)(!1), ir.value || ti();
+				k(mr)(!1), rr.value || ni();
 			}
 		}, [
 			x("div", {
 				id: `chart-instructions-${M.value}`,
 				class: "sr-only"
 			}, [x("p", null, O(P.value.a11y.translations.keyboardNavigation), 1)], 8, Ze),
-			H.value.showTooltip ? y("", !0) : (w(), b("div", Qe, O(Yi.value), 1)),
-			Qi.value?.rows?.length && Mn.value ? (w(), Pe(Oe, {
+			H.value.showTooltip ? y("", !0) : (w(), b("div", Qe, O(Xi.value), 1)),
+			$i.value?.rows?.length && jn.value ? (w(), Pe(Oe, {
 				key: 1,
 				uid: M.value,
-				head: Qi.value.headers,
-				body: Qi.value.rows,
+				head: $i.value.headers,
+				body: $i.value.rows,
 				notice: P.value.a11y.translations.tableAvailable,
 				caption: P.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1478,15 +1478,15 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				"notice",
 				"caption"
 			])) : y("", !0),
-			F.value.buttons.annotator ? (w(), Pe(k(wn), {
+			F.value.buttons.annotator ? (w(), Pe(k(Cn), {
 				key: 2,
 				svgRef: k(gr),
 				backgroundColor: V.value.backgroundColor,
 				color: V.value.color,
-				active: Si.value,
-				isCursorPointer: sr.value,
+				active: Ci.value,
+				isCursorPointer: or.value,
 				palette: F.value.annotatorPalette,
-				onClose: Ci
+				onClose: wi
 			}, {
 				"annotator-action-close": A(() => [D(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": A(({ color: t }) => [D(e.$slots, "annotator-action-color", C(S({ color: t })), void 0, !0)]),
@@ -1506,17 +1506,17 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			Or.value ? (w(), b("div", {
 				key: 3,
 				ref_key: "noTitle",
-				ref: Bn,
+				ref: zn,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : y("", !0),
 			V.value.title.text ? (w(), b("div", {
 				key: 4,
 				ref_key: "chartTitle",
-				ref: Ln,
+				ref: In,
 				style: "width:100%;background:transparent"
 			}, [(w(), Pe(xe, {
-				key: `title_${Vn.value}`,
+				key: `title_${Bn.value}`,
 				config: {
 					title: {
 						cy: "scatter-div-title",
@@ -1529,10 +1529,10 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				}
 			}, null, 8, ["config"]))], 512)) : y("", !0),
 			x("div", { id: `legend-top-${M.value}` }, null, 8, $e),
-			F.value.show && Mn.value && (k(hr) || k(pr)) ? (w(), Pe(k(Tn), {
+			F.value.show && jn.value && (k(hr) || k(pr)) ? (w(), Pe(k(wn), {
 				ref_key: "userOptionsRef",
-				ref: Jn,
-				key: `user_options_${Fn.value}`,
+				ref: qn,
+				key: `user_options_${Pn.value}`,
 				backgroundColor: V.value.backgroundColor,
 				color: V.value.color,
 				isImaging: k(Tr),
@@ -1547,25 +1547,25 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				hasFullscreen: F.value.buttons.fullscreen,
 				hasAltCopy: F.value.buttons.altCopy,
 				isTooltip: H.value.showTooltip,
-				isFullscreen: vi.value,
+				isFullscreen: yi.value,
 				titles: { ...F.value.buttonTitles },
-				chartElement: In.value,
+				chartElement: Fn.value,
 				position: F.value.position,
 				hasAnnotator: F.value.buttons.annotator,
-				isAnnotation: Si.value,
+				isAnnotation: Ci.value,
 				callbacks: F.value.callbacks,
 				printScale: F.value.print.scale,
 				tableDialog: P.value.table.useDialog,
-				isCursorPointer: sr.value,
-				onToggleFullscreen: yi,
+				isCursorPointer: or.value,
+				onToggleFullscreen: bi,
 				onGeneratePdf: k(Er),
-				onGenerateCsv: gi,
-				onGenerateImage: k(Ui),
-				onGenerateSvg: k(Hi),
-				onToggleTable: bi,
-				onToggleTooltip: xi,
-				onToggleAnnotator: Ci,
-				onCopyAlt: Wi,
+				onGenerateCsv: _i,
+				onGenerateImage: k(Wi),
+				onGenerateSvg: k(Ui),
+				onToggleTable: xi,
+				onToggleTooltip: Si,
+				onToggleAnnotator: wi,
+				onCopyAlt: Gi,
 				style: He({ visibility: k(hr) ? k(pr) ? "visible" : "hidden" : "visible" })
 			}, Fe({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -1644,19 +1644,19 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				xmlns: k(ae),
 				"aria-describedby": `chart-instructions-${M.value}`,
 				class: Ve({
-					"vue-data-ui-fullscreen--on": vi.value,
-					"vue-data-ui-fulscreen--off": !vi.value,
-					"vue-data-ui-no-transition": !k(or)
+					"vue-data-ui-fullscreen--on": yi.value,
+					"vue-data-ui-fulscreen--off": !yi.value,
+					"vue-data-ui-no-transition": !k(ar)
 				}),
 				viewBox: `0 0 ${U.value.width <= 0 ? 10 : U.value.width} ${U.value.height <= 0 ? 10 : U.value.height}`,
 				style: He(`max-width:100%;overflow:visible;background:transparent;color:${V.value.color}`),
-				onMouseleave: Di,
+				onMouseleave: Oi,
 				tabindex: "0",
-				onFocus: Ki,
-				onBlur: qi,
-				onKeydown: Ji
+				onFocus: qi,
+				onBlur: Ji,
+				onKeydown: Yi
 			}, [
-				Le(k(En)),
+				Le(k(Tn)),
 				e.$slots["chart-background"] ? (w(), b("foreignObject", {
 					key: 0,
 					x: 0,
@@ -1695,19 +1695,19 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				I.value.scales.show ? (w(), b("g", {
 					key: 3,
 					ref_key: "xAxisScaleLabels",
-					ref: er
+					ref: $n
 				}, [(w(!0), b(_, null, E(Br.value, (e, t) => (w(), b("g", {
 					class: "vue-ui-scatter-scale-group",
 					key: `scatter-x-scale-${M.value}-${t}`,
 					opacity: +!Hr.value
 				}, [x("path", {
-					class: Ve({ "vue-data-ui-transition": k(or) }),
+					class: Ve({ "vue-data-ui-transition": k(ar) }),
 					stroke: V.value.layout.axis.stroke,
 					"stroke-width": V.value.layout.axis.strokeWidth,
 					d: `M${e.x},${K.value.y - 4} ${e.x},${K.value.y + 4}`,
 					"stroke-linecap": "round"
 				}, null, 10, lt), x("text", {
-					class: Ve({ "vue-data-ui-transition": k(or) }),
+					class: Ve({ "vue-data-ui-transition": k(ar) }),
 					transform: `translate(${e.x}, ${K.value.y + I.value.scales.labels.fontSize + 6 + I.value.scales.labels.offsetY})`,
 					"text-anchor": "middle",
 					"font-size": I.value.scales.labels.fontSize,
@@ -1729,18 +1729,18 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				L.value.scales.show ? (w(), b("g", {
 					key: 5,
 					ref_key: "yAxisScaleLabels",
-					ref: $n,
+					ref: Qn,
 					opacity: +!Ur.value,
 					style: { transition: "opacity 0.1s ease-in-out" },
 					class: "vue-ui-scatter-scale-group"
 				}, [(w(!0), b(_, null, E(Vr.value, (e, t) => (w(), b("g", { key: `scatter-y-scale-${M.value}-${t}` }, [x("path", {
-					class: Ve({ "vue-data-ui-transition": k(or) }),
+					class: Ve({ "vue-data-ui-transition": k(ar) }),
 					d: `M${K.value.x - 4},${e.y} ${K.value.x + 4},${e.y}`,
 					stroke: V.value.layout.axis.stroke,
 					"stroke-width": V.value.layout.axis.strokeWidth,
 					"stroke-linecap": "round"
 				}, null, 10, mt), x("text", {
-					class: Ve({ "vue-data-ui-transition": k(or) }),
+					class: Ve({ "vue-data-ui-transition": k(ar) }),
 					transform: `translate(${K.value.x - L.value.scales.labels.fontSize / 2 - 8 + L.value.scales.labels.offsetX}, ${e.y + L.value.scales.labels.fontSize / 3})`,
 					"text-anchor": "end",
 					"font-size": L.value.scales.labels.fontSize,
@@ -1803,10 +1803,10 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 							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(t),
-							onMouseleave: n[0] ||= (e) => Di()
+							onMouseenter: (e) => Ei(t),
+							onMouseleave: n[0] ||= (e) => Oi()
 						}, null, 40, vt)) : y("", !0),
-						Y.value.avgX[t] && Gn.value != null && Gn.value === t ? (w(), b("g", yt, [
+						Y.value.avgX[t] && Wn.value != null && Wn.value === t ? (w(), b("g", yt, [
 							x("rect", {
 								x: Y.value.avgX[t] - W.value.width / J.value / 2,
 								y: W.value.top,
@@ -1863,10 +1863,10 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 							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(t),
-							onMouseleave: n[1] ||= (e) => Di()
+							onMouseenter: (e) => Di(t),
+							onMouseleave: n[1] ||= (e) => Oi()
 						}, null, 40, wt)) : y("", !0),
-						Y.value.avgY[t] && Kn.value != null && Kn.value === t ? (w(), b("g", Tt, [
+						Y.value.avgY[t] && Gn.value != null && Gn.value === t ? (w(), b("g", Tt, [
 							x("rect", {
 								x: W.value.left,
 								y: Y.value.avgY[t] - W.value.height / J.value / 2,
@@ -1961,9 +1961,9 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					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}`),
-					onMouseover: (e) => ci(n, t, "pointer", Zi.value.get(n.id)),
-					onMouseleave: (e) => li(n, t),
-					onClick: (e) => ui(n, t)
+					onMouseover: (e) => li(n, t, "pointer", Qi.value.get(n.id)),
+					onMouseleave: (e) => ui(n, t),
+					onClick: (e) => di(n, t)
 				}, null, 44, Lt))), 128))])) : (w(), b("g", Rt, [(w(!0), b(_, null, E(e.plots, (n, r) => (w(), Pe(Se, {
 					class: "vue-ui-scatter-datapoint",
 					plot: {
@@ -1976,9 +1976,9 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					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}`),
-					onMouseover: (e) => ci(n, t, "pointer", Zi.value.get(n.id)),
-					onMouseleave: (e) => li(n, t),
-					onClick: (e) => ui(n, t)
+					onMouseover: (e) => li(n, t, "pointer", Qi.value.get(n.id)),
+					onMouseleave: (e) => ui(n, t),
+					onClick: (e) => di(n, t)
 				}, null, 8, [
 					"plot",
 					"radius",
@@ -1997,12 +1997,12 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					"text-anchor": "middle",
 					"font-size": z.value.name.fontSize,
 					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)
+					onMouseover: (n) => li(e, t, "pointer", Qi.value.get(e.id)),
+					onMouseleave: (n) => ui(e, t),
+					onClick: (n) => di(e, t)
 				}, O(e.clusterName), 41, zt))), 128)) : y("", !0)]))), 128)),
 				P.value.usePerformanceMode ? (w(), b(_, { key: 9 }, [
-					x("g", { "clip-path": `url(#clip_path_${M.value})` }, [(w(!0), b(_, null, E(Ai.value, (e) => (w(), b("path", {
+					x("g", null, [(w(!0), b(_, null, E(ji.value, (e) => (w(), b("path", {
 						key: e.id,
 						d: e.d,
 						fill: e.fill,
@@ -2011,15 +2011,15 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						"stroke-opacity": e.strokeOpacity,
 						"vector-effect": "non-scaling-stroke",
 						"paint-order": "fill"
-					}, null, 8, Vt))), 128))], 8, Bt),
-					Z.value && z.value.selectors.show ? (w(), b("g", Ht, [Le(Se, {
+					}, null, 8, Bt))), 128))]),
+					Z.value ? (w(), b("g", Vt, [Le(Se, {
 						shape: Z.value.shape || "circle",
 						color: Z.value.color,
 						plot: {
 							x: Z.value.x,
 							y: Z.value.y
 						},
-						radius: Math.max(4 * Oi[Z.value.shape || "circle"], Z.value.weight * z.value.hoverRadiusRatio),
+						radius: Z.value.weight * z.value.hoverRadiusRatio,
 						stroke: z.value.stroke,
 						strokeWidth: z.value.strokeWidth
 					}, null, 8, [
@@ -2036,12 +2036,13 @@ 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: n[2] ||= (...e) => k(Mi) && k(Mi)(...e),
-						onMouseleave: Ni,
-						onClick: Pi
-					}, null, 40, Ut)
+						style: He({ cursor: $r.value && sr.value ? "pointer" : "default" }),
+						onMousemove: n[2] ||= (...e) => k(Ni) && k(Ni)(...e),
+						onMouseleave: Pi,
+						onClick: Fi
+					}, null, 44, Ht)
 				], 64)) : y("", !0),
-				(w(!0), b(_, null, E(ai.value, (e) => (w(), b(_, { key: `selector_${e.id}` }, [z.value.selectors.show ? (w(), b("g", Wt, [
+				(w(!0), b(_, null, E(oi.value, (e) => (w(), b(_, { key: `selector_${e.id}` }, [z.value.selectors.show ? (w(), b("g", Ut, [
 					x("line", {
 						x1: K.value.x,
 						x2: e.x,
@@ -2052,7 +2053,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						"stroke-dasharray": z.value.selectors.strokeDasharray,
 						"stroke-linecap": "round",
 						class: "line-pointer"
-					}, null, 8, Gt),
+					}, null, 8, Wt),
 					x("line", {
 						x1: e.x,
 						x2: e.x,
@@ -2063,7 +2064,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						"stroke-dasharray": z.value.selectors.strokeDasharray,
 						"stroke-linecap": "round",
 						class: "line-pointer"
-					}, null, 8, Kt),
+					}, null, 8, Gt),
 					L.value.scales.show ? y("", !0) : (w(), b("text", {
 						key: 0,
 						x: K.value.x + (e.x > K.value.x ? -6 : 6),
@@ -2077,7 +2078,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						v: k(h)(e.v.y),
 						s: z.value.selectors.labels.suffix,
 						r: z.value.selectors.labels.rounding
-					}), { datapoint: e })), 9, qt)),
+					}), { datapoint: e })), 9, Kt)),
 					I.value.scales.show ? y("", !0) : (w(), b("text", {
 						key: 1,
 						x: e.x,
@@ -2091,7 +2092,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						v: k(h)(e.v.x),
 						s: z.value.selectors.labels.suffix,
 						r: z.value.selectors.labels.rounding
-					}), { datapoint: e })), 9, Jt)),
+					}), { datapoint: e })), 9, qt)),
 					I.value.scales.show ? (w(), b("text", {
 						key: 2,
 						x: e.x,
@@ -2099,7 +2100,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						"text-anchor": "middle",
 						"font-size": I.value.scales.labels.fontSize,
 						fill: I.value.scales.labels.color
-					}, O(oi(e)), 9, Yt)) : y("", !0),
+					}, O(si(e)), 9, Jt)) : y("", !0),
 					L.value.scales.show ? (w(), b("text", {
 						key: 3,
 						x: K.value.x - L.value.scales.labels.fontSize / 2 - 8 + L.value.scales.labels.offsetX,
@@ -2107,7 +2108,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						"text-anchor": "end",
 						"font-size": L.value.scales.labels.fontSize,
 						fill: L.value.scales.labels.color
-					}, O(si(e)), 9, Xt)) : y("", !0),
+					}, O(ci(e)), 9, Yt)) : y("", !0),
 					x("circle", {
 						cx: K.value.x,
 						cy: e.y,
@@ -2116,7 +2117,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						stroke: z.value.selectors.markers.stroke,
 						"stroke-width": z.value.selectors.markers.strokeWidth,
 						class: "line-pointer"
-					}, null, 8, Zt),
+					}, null, 8, Xt),
 					x("circle", {
 						cx: e.x,
 						cy: K.value.y,
@@ -2125,7 +2126,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						stroke: z.value.selectors.markers.stroke,
 						"stroke-width": z.value.selectors.markers.strokeWidth,
 						class: "line-pointer"
-					}, null, 8, Qt),
+					}, null, 8, Zt),
 					z.value.selectors.labels.showName && !z.value.name.show ? (w(), b("text", {
 						key: 4,
 						x: e.x,
@@ -2134,12 +2135,12 @@ 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 < W.value.left + 100 ? "start" : e.x > W.value.right - 100 ? "end" : e.x > K.value.x ? "start" : "end"
-					}, O(e.v.name), 9, $t)) : y("", !0)
+					}, O(e.v.name), 9, Qt)) : y("", !0)
 				])) : y("", !0)], 64))), 128)),
 				I.value.show ? (w(), b("g", {
 					key: 10,
 					ref_key: "xAxisLabelLeft",
-					ref: Yn
+					ref: Jn
 				}, [x("text", {
 					id: `vue-ui-scatter-xAxis-label-${M.value}`,
 					transform: `translate(${I.value.fontSize + (V.value.layout.dataLabels.reverseAxisLabels ? L.value.offsetX : I.value.offsetX)}, ${W.value.top + W.value.height / 2 + (V.value.layout.dataLabels.reverseAxisLabels ? L.value.offsetY : I.value.offsetY)}), rotate(-90)`,
@@ -2147,7 +2148,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					"font-size": I.value.fontSize,
 					"font-weight": I.value.bold ? "bold" : "normal",
 					fill: I.value.color
-				}, O(V.value.layout.dataLabels.reverseAxisLabels ? L.value.name : I.value.name), 9, en), I.value.showValue ? (w(), b("text", {
+				}, O(V.value.layout.dataLabels.reverseAxisLabels ? L.value.name : I.value.name), 9, $t), I.value.showValue ? (w(), b("text", {
 					key: 0,
 					"text-anchor": "middle",
 					"font-size": I.value.fontSize,
@@ -2158,11 +2159,11 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					v: k(h)(G.value.xMin),
 					s: z.value.selectors.labels.suffix,
 					r: V.value.layout.dataLabels.xAxis.rounding
-				}))), 9, tn)) : y("", !0)], 512)) : y("", !0),
+				}))), 9, en)) : y("", !0)], 512)) : y("", !0),
 				I.value.show && I.value.showValue ? (w(), b("text", {
 					key: 11,
 					ref_key: "xAxisLabelRight",
-					ref: Xn,
+					ref: Yn,
 					"text-anchor": "middle",
 					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,
@@ -2172,11 +2173,11 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					v: k(h)(G.value.xMax),
 					s: z.value.selectors.labels.suffix,
 					r: I.value.rounding
-				}))), 9, nn)) : y("", !0),
+				}))), 9, tn)) : y("", !0),
 				L.value.show && L.value.showValue ? (w(), b("text", {
 					key: 12,
 					ref_key: "yAxisLabelTop",
-					ref: Zn,
+					ref: Xn,
 					x: K.value.x,
 					y: W.value.top - L.value.fontSize,
 					"text-anchor": "middle",
@@ -2187,11 +2188,11 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					v: k(h)(G.value.yMax),
 					s: z.value.selectors.labels.suffix,
 					r: L.value.rounding
-				}))), 9, rn)) : y("", !0),
+				}))), 9, nn)) : y("", !0),
 				L.value.show ? (w(), b("g", {
 					key: 13,
 					ref_key: "yAxisLabelBottom",
-					ref: Qn
+					ref: Zn
 				}, [L.value.showValue ? (w(), b("text", {
 					key: 0,
 					x: K.value.x,
@@ -2204,21 +2205,21 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 					v: k(h)(G.value.yMin),
 					s: z.value.selectors.labels.suffix,
 					r: V.value.layout.dataLabels.yAxis.rounding
-				}))), 9, an)) : y("", !0), x("text", {
+				}))), 9, rn)) : y("", !0), x("text", {
 					"text-anchor": "middle",
 					"font-size": L.value.fontSize,
 					"font-weight": L.value.bold ? "bold" : "normal",
 					fill: L.value.color,
 					x: W.value.left + W.value.width / 2 + (V.value.layout.dataLabels.reverseAxisLabels ? I.value.offsetX : L.value.offsetX),
 					y: U.value.height + (V.value.layout.dataLabels.reverseAxisLabels ? I.value.offsetY : L.value.offsetY)
-				}, O(V.value.layout.dataLabels.reverseAxisLabels ? I.value.name : L.value.name), 9, on)], 512)) : y("", !0),
+				}, O(V.value.layout.dataLabels.reverseAxisLabels ? I.value.name : L.value.name), 9, an)], 512)) : y("", !0),
 				x("clipPath", { id: `clip_path_${M.value}` }, [x("rect", {
 					x: W.value.left,
 					y: W.value.top,
 					width: W.value.width <= 0 ? 1e-4 : W.value.width,
 					height: W.value.height <= 0 ? 1e-4 : W.value.height
-				}, null, 8, cn)], 8, sn),
-				V.value.layout.correlation.show ? (w(), b("g", ln, [(w(!0), b(_, null, E(q.value.filter((e) => e.correlation), (e, t) => (w(), b("line", {
+				}, null, 8, sn)], 8, on),
+				V.value.layout.correlation.show ? (w(), b("g", cn, [(w(!0), b(_, null, E(q.value.filter((e) => e.correlation), (e, t) => (w(), b("line", {
 					x1: e.correlation.x1,
 					x2: e.correlation.x2,
 					y1: e.correlation.y1,
@@ -2227,7 +2228,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, n) => (w(), b("g", null, [V.value.layout.correlation.label.show ? (w(), b("text", {
+				}, null, 8, ln))), 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,
@@ -2238,7 +2239,7 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				}, O(k(t)({
 					v: k(h)(e.correlation?.coefficient ?? 0),
 					r: V.value.layout.correlation.label.roundingValue
-				})), 9, dn)) : y("", !0)]))), 256))])) : y("", !0),
+				})), 9, un)) : y("", !0)]))), 256))])) : y("", !0),
 				D(e.$slots, "svg", { svg: {
 					...U.value,
 					drawingArea: {
@@ -2246,40 +2247,40 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 						zero: K.value
 					},
 					data: Jr.value,
-					isPrintingImg: k(wr) || k(Tr) || k(Bi),
-					isPrintingSvg: k(Vi)
+					isPrintingImg: k(wr) || k(Tr) || k(Vi),
+					isPrintingSvg: k(Hi)
 				} }, void 0, !0)
-			], 46, tt)), e.$slots.hint ? (w(), b("div", fn, [D(e.$slots, "hint", C(S({
+			], 46, tt)), e.$slots.hint ? (w(), b("div", dn, [D(e.$slots, "hint", C(S({
 				hint: P.value.a11y.translations.keyboardNavigation,
-				isVisible: ir.value
+				isVisible: rr.value
 			})), void 0, !0)])) : y("", !0)]),
-			e.$slots.watermark ? (w(), b("div", pn, [D(e.$slots, "watermark", C(S({ isPrinting: k(wr) || k(Tr) || k(Bi) || k(Vi) })), void 0, !0)])) : y("", !0),
-			x("div", { id: `legend-bottom-${M.value}` }, null, 8, mn),
-			Mn.value && Wn.value && (V.value.legend.show || e.$slots.legend) ? (w(), Pe(Ne, {
+			e.$slots.watermark ? (w(), b("div", fn, [D(e.$slots, "watermark", C(S({ isPrinting: k(wr) || k(Tr) || k(Vi) || k(Hi) })), void 0, !0)])) : y("", !0),
+			x("div", { id: `legend-bottom-${M.value}` }, null, 8, pn),
+			jn.value && Un.value && (V.value.legend.show || e.$slots.legend) ? (w(), Pe(Ne, {
 				key: 7,
 				to: V.value.legend.position === "top" ? `#legend-top-${M.value}` : `#legend-bottom-${M.value}`
 			}, [x("div", {
 				ref_key: "chartLegend",
-				ref: Rn
+				ref: Ln
 			}, [D(e.$slots, "legend", { legend: Kr.value }, () => [V.value.legend.show ? (w(), Pe(je, {
-				key: `legend_${Un.value}`,
+				key: `legend_${Hn.value}`,
 				legendSet: Kr.value,
 				config: qr.value,
-				isCursorPointer: sr.value,
-				onClickMarker: n[3] ||= ({ legend: e }) => fi(e.id)
+				isCursorPointer: or.value,
+				onClickMarker: n[3] ||= ({ legend: e }) => pi(e.id)
 			}, {
 				item: A(({ legend: e }) => [x("div", {
 					onClick: (t) => e.segregate(),
 					style: He(`opacity:${N.value.includes(e.id) ? .5 : 1}`)
-				}, O(e.name), 13, hn)]),
+				}, O(e.name), 13, mn)]),
 				legendToggle: A(() => [Kr.value.length > 2 && V.value.legend.selectAllToggle.show && !k(ur) ? (w(), Pe(De, {
 					key: 0,
 					backgroundColor: V.value.legend.selectAllToggle.backgroundColor,
 					color: V.value.legend.selectAllToggle.color,
 					fontSize: V.value.legend.fontSize,
 					checked: N.value.length > 0,
-					isCursorPointer: sr.value,
-					onToggle: di
+					isCursorPointer: or.value,
+					onToggle: fi
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -2296,12 +2297,12 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 			e.$slots.source ? (w(), b("div", {
 				key: 8,
 				ref_key: "source",
-				ref: zn,
+				ref: Rn,
 				dir: "auto"
 			}, [D(e.$slots, "source", {}, void 0, !0)], 512)) : y("", !0),
-			Le(k(bn), {
+			Le(k(yn), {
 				teleportTo: B.value.teleportTo,
-				show: H.value.showTooltip && Nn.value,
+				show: H.value.showTooltip && Mn.value,
 				backgroundColor: B.value.backgroundColor,
 				color: B.value.color,
 				borderRadius: B.value.borderRadius,
@@ -2312,21 +2313,21 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				position: B.value.position,
 				offsetX: B.value.offsetX,
 				offsetY: B.value.offsetY,
-				parent: In.value,
-				content: Pn.value,
-				isFullscreen: vi.value,
+				parent: Fn.value,
+				content: Nn.value,
+				isFullscreen: yi.value,
 				isCustom: B.value.customFormat && typeof B.value.customFormat == "function",
 				smooth: B.value.smooth,
 				backdropFilter: B.value.backdropFilter,
 				smoothForce: B.value.smoothForce,
 				smoothSnapThreshold: B.value.smoothSnapThreshold,
-				isA11yMode: rr.value === "keyboard",
-				a11yPosition: nr.value
+				isA11yMode: nr.value === "keyboard",
+				a11yPosition: tr.value
 			}, {
-				"tooltip-before": A(() => [D(e.$slots, "tooltip-before", C(S({ ...$r.value })), void 0, !0)]),
-				tooltip: A(() => [D(e.$slots, "tooltip", C(S({ ...$r.value })), void 0, !0)]),
-				"tooltip-after": A(() => [D(e.$slots, "tooltip-after", C(S({ ...$r.value })), void 0, !0)]),
-				default: A(() => [B.value.showShape ? (w(), b("div", gn, [(w(), b("svg", _n, [Le(Se, {
+				"tooltip-before": A(() => [D(e.$slots, "tooltip-before", C(S({ ...ei.value })), void 0, !0)]),
+				tooltip: A(() => [D(e.$slots, "tooltip", C(S({ ...ei.value })), void 0, !0)]),
+				"tooltip-after": A(() => [D(e.$slots, "tooltip-after", C(S({ ...ei.value })), void 0, !0)]),
+				default: A(() => [B.value.showShape ? (w(), b("div", hn, [(w(), b("svg", gn, [Le(Se, {
 					shape: Z.value.shape,
 					color: Z.value.color,
 					plot: {
@@ -2360,27 +2361,27 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Mn.value && F.value.buttons.table ? (w(), Pe(Ge(Fi.value.component), ze({ key: 9 }, Fi.value.props, {
+			jn.value && F.value.buttons.table ? (w(), Pe(Ge(Ii.value.component), ze({ key: 9 }, Ii.value.props, {
 				ref_key: "tableUnit",
-				ref: qn,
-				onClose: Ii
+				ref: Kn,
+				onClose: Li
 			}), Fe({
-				content: A(() => [(w(), Pe(k(Cn), {
-					key: `table_${Hn.value}`,
-					colNames: _i.value.colNames,
-					head: _i.value.head,
-					body: _i.value.body,
-					config: _i.value.config,
-					title: P.value.table.useDialog ? "" : Fi.value.title,
+				content: A(() => [(w(), Pe(k(Sn), {
+					key: `table_${Vn.value}`,
+					colNames: vi.value.colNames,
+					head: vi.value.head,
+					body: vi.value.body,
+					config: vi.value.config,
+					title: P.value.table.useDialog ? "" : Ii.value.title,
 					withCloseButton: !P.value.table.useDialog,
-					isCursorPointer: sr.value,
-					onClose: Ii
+					isCursorPointer: or.value,
+					onClose: Li
 				}, {
 					th: A(({ th: e }) => [Ie(O(e), 1)]),
-					td: A(({ td: e }) => [e.shape ? (w(), b("div", vn, [x("span", null, O(e.content), 1)])) : (w(), b("div", {
+					td: A(({ td: e }) => [e.shape ? (w(), b("div", _n, [x("span", null, O(e.content), 1)])) : (w(), b("div", {
 						key: 1,
 						innerHTML: e
-					}, null, 8, yn))]),
+					}, null, 8, vn))]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -2394,24 +2395,24 @@ var Ye = /* @__PURE__ */ e({ default: () => bn }), Xe = ["id"], Ze = ["id"], Qe
 				_: 2
 			}, [P.value.table.useDialog ? {
 				name: "title",
-				fn: A(() => [Ie(O(Fi.value.title), 1)]),
+				fn: A(() => [Ie(O(Ii.value.title), 1)]),
 				key: "0"
 			} : void 0, P.value.table.useDialog ? {
 				name: "actions",
 				fn: A(() => [x("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[4] ||= (e) => gi(F.value.callbacks.csv),
-					style: He({ cursor: sr.value ? "pointer" : "default" })
-				}, [Le(k(xn), {
+					onClick: n[4] ||= (e) => _i(F.value.callbacks.csv),
+					style: He({ cursor: or.value ? "pointer" : "default" })
+				}, [Le(k(bn), {
 					name: "fileCsv",
-					stroke: Fi.value.props.color
+					stroke: Ii.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : y("", !0),
 			D(e.$slots, "skeleton", {}, () => [k(ur) ? (w(), Pe(he, { key: 0 })) : y("", !0)], !0)
 		], 46, Xe));
 	}
-}, [["__scopeId", "data-v-36a8b08b"]]);
+}, [["__scopeId", "data-v-524d8427"]]);
 //#endregion
-export { Ye as n, bn as t };
+export { Ye as n, yn as t };