vue-data-ui 3.16.0 → 3.16.1

package/dist/{vue-ui-scatter-i_hakuFa.js → vue-ui-scatter-BxDtWASQ.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as ce, computed as T, ref as w, toRefs as Ul, watch as Ue, shallowRef as jt, onMounted as jl, onBeforeUnmount as Gl, openBlock as v, createElementBlock as c, unref as d, normalizeStyle as ue, normalizeClass as Gt, createElementVNode as k, toDisplayString as V, createCommentVNode as m, createBlock as ae, withCtx as B, renderSlot as P, normalizeProps as H, guardReactiveProps as K, createSlots as qt, createVNode as Oe, Fragment as Q, renderList as oe, Teleport as ql, resolveDynamicComponent as Hl, mergeProps as Kl, createTextVNode as Ht, nextTick as yt } from "vue";
-import { j as Zl, t as Kt, m as Jl, p as fe, o as Zt, q as dt, n as Ql, r as Jt, ak as ea, s as ht, am as ta, c as la, u as je, k as se, l as ee, X as aa, al as oa, K as Z, a0 as sa, a1 as na, T as ua, U as ia, a3 as ra } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as ye, computed as T, ref as w, toRefs as Ul, watch as Ue, shallowRef as Gt, onMounted as jl, onBeforeUnmount as Gl, openBlock as v, createElementBlock as c, unref as h, normalizeStyle as ue, normalizeClass as qt, createElementVNode as k, toDisplayString as V, createCommentVNode as x, createBlock as ae, withCtx as B, renderSlot as z, normalizeProps as H, guardReactiveProps as K, createSlots as Ht, createVNode as Oe, Fragment as Q, renderList as oe, Teleport as ql, resolveDynamicComponent as Hl, mergeProps as Kl, createTextVNode as Kt, nextTick as yt } from "vue";
+import { j as Zl, t as Zt, m as Jl, p as ge, o as Jt, q as dt, n as Ql, r as Qt, ak as ea, s as ht, am as ta, c as la, u as je, k as se, l as ee, X as aa, al as oa, K as Z, a0 as sa, a1 as na, T as ua, U as ia, a3 as ra } from "./lib-DBptbyyI.js";
 import { t as va, u as ca } from "./useResponsive-DfdjqQps.js";
 import { u as ya } from "./useConfig-DO94Aj5s.js";
 import { u as da, B as ha } from "./BaseScanner-BhhkKVoj.js";
@@ -8,8 +8,8 @@ import { u as pa } from "./useSvgExport-ByUukOZt.js";
 import { u as ft } from "./useNestedProp-Bf5XFbs8.js";
 import { u as ga } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as ma } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ba } from "./useChartAccessibility-9icAAmYg.js";
-import xa from "./img-LXxMLmCg.js";
+import { u as xa } from "./useChartAccessibility-9icAAmYg.js";
+import ba from "./img-LXxMLmCg.js";
 import { _ as pt } from "./Shape-BKRUOeKk.js";
 import ka from "./Title-BeMKE1cj.js";
 import wa from "./vue_ui_scatter-CO5Iq9ai.js";
@@ -22,7 +22,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
   class: "sr-only",
   "aria-live": "polite",
   "aria-atomic": "true"
-}, La = ["id"], Ba = { style: { position: "relative" } }, Pa = ["xmlns", "aria-describedby", "viewBox"], za = ["width", "height"], Ia = { key: 1 }, Oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ea = { key: 2 }, Na = ["id"], Fa = ["stop-color"], Wa = ["stop-color"], Xa = ["id"], Ya = ["stop-color"], Ra = ["stop-color"], Va = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], Ua = ["x", "y", "width", "height", "onMouseenter"], ja = {
+}, La = ["id"], Pa = { style: { position: "relative" } }, Ba = ["xmlns", "aria-describedby", "viewBox"], za = ["width", "height"], Ia = { key: 1 }, Oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ea = { key: 2 }, Na = ["id"], Fa = ["stop-color"], Wa = ["stop-color"], Xa = ["id"], Ya = ["stop-color"], Ra = ["stop-color"], Va = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], Ua = ["x", "y", "width", "height", "onMouseenter"], ja = {
   key: 2,
   style: { "pointer-events": "none" }
 }, Ga = ["x", "y", "width", "height", "fill", "fill-opacity"], qa = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], Ha = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], Ka = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Za = ["x", "y", "width", "height", "onMouseenter"], Ja = {
@@ -37,7 +37,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
 }, po = ["x", "y", "width", "height"], go = {
   key: 6,
   style: { "pointer-events": "none !important" }
-}, mo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], xo = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], ko = ["x", "y", "font-size", "fill", "font-weight"], wo = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], $o = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Mo = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], _o = ["id", "transform", "font-size", "font-weight", "fill"], Co = ["font-size", "fill", "transform"], Ao = ["transform", "font-size", "fill"], So = ["x", "y", "font-size", "fill"], To = ["x", "y", "font-size", "fill"], Lo = ["font-size", "font-weight", "fill", "x", "y"], Bo = ["id"], Po = ["x", "y", "width", "height"], zo = {
+}, mo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], xo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], bo = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], ko = ["x", "y", "font-size", "fill", "font-weight"], wo = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], $o = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Mo = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], _o = ["id", "transform", "font-size", "font-weight", "fill"], Co = ["font-size", "fill", "transform"], Ao = ["transform", "font-size", "fill"], So = ["x", "y", "font-size", "fill"], To = ["x", "y", "font-size", "fill"], Lo = ["font-size", "font-weight", "fill", "x", "y"], Po = ["id"], Bo = ["x", "y", "width", "height"], zo = {
   key: 11,
   style: { pointerEvents: "none" }
 }, Io = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], Oo = ["x", "y", "fill", "font-size", "font-weight"], Do = {
@@ -73,30 +73,30 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     }
   },
   emits: ["copyAlt"],
-  setup(Qt, { expose: el, emit: tl }) {
-    const ll = ce(() => import("./Tooltip-Bf-kM3_A.js")), al = ce(() => import("./BaseIcon-Cb3zzG6s.js")), ol = ce(() => import("./vue-ui-accordion-nvggWcGN.js")), sl = ce(() => import("./DataTable-DT2kIdQ6.js")), nl = ce(() => import("./PenAndPaper-DARlvvKW.js")), ul = ce(() => import("./UserOptions-DWHf8jyO.js")), il = ce(() => import("./PackageVersion-IIGK_e2C.js")), rl = ce(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_scatter: vl } = ya(), { isThemeValid: cl, warnInvalidTheme: yl } = ga(), te = Qt, dl = tl, gt = T(() => !!te.dataset && te.dataset.length), E = w(Zl()), De = w(!1), Ge = w(""), mt = w(0), ne = w(null), bt = w(null), xt = w(null), kt = w(null), wt = w(null), $t = w(0), Mt = w(0), _t = w(0), I = w([]), Ct = w(!1), Me = w(null), _e = w(null), Ce = w(null), qe = w(null), Ee = w(!1), Ne = w(!1), He = w(null), hl = w(null), fl = w(null), Ke = w(null), pe = w(null), At = w({ x: 0, y: 0 }), Ae = w("pointer"), Fe = w(!1), Se = w(null), e = w(tt()), ye = T(() => e.value.userOptions.useCursorPointer);
-    function pl(t = 100, a = 0.8, l = {}) {
-      const { meanX: s = 0, sdX: o = 1, meanY: n = 0, sdY: i = 1, seed: h } = l;
-      let r = (h ?? Math.floor(Math.random() * 2 ** 31)) >>> 0;
-      const f = () => (r = r * 1664525 + 1013904223 >>> 0, r / 2 ** 32), _ = () => {
-        let b = 0, W = 0;
+  setup(el, { expose: tl, emit: ll }) {
+    const al = ye(() => import("./Tooltip-Bf-kM3_A.js")), ol = ye(() => import("./BaseIcon-Cb3zzG6s.js")), sl = ye(() => import("./vue-ui-accordion-nvggWcGN.js")), nl = ye(() => import("./DataTable-DT2kIdQ6.js")), ul = ye(() => import("./PenAndPaper-Ct3qJ4lA.js")), il = ye(() => import("./UserOptions-rW2fRf3V.js")), rl = ye(() => import("./PackageVersion-DPO-OOVI.js")), vl = ye(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_scatter: cl } = ya(), { isThemeValid: yl, warnInvalidTheme: dl } = ga(), te = el, hl = ll, gt = T(() => !!te.dataset && te.dataset.length), N = w(Zl()), De = w(!1), Ge = w(""), mt = w(0), ne = w(null), xt = w(null), bt = w(null), kt = w(null), wt = w(null), $t = w(0), Mt = w(0), _t = w(0), I = w([]), Ct = w(!1), _e = w(null), Ce = w(null), Ae = w(null), qe = w(null), Ee = w(!1), Ne = w(!1), He = w(null), fl = w(null), pl = w(null), Ke = w(null), me = w(null), At = w({ x: 0, y: 0 }), Se = w("pointer"), Fe = w(!1), Te = w(null), e = w(tt()), de = T(() => e.value.userOptions.useCursorPointer);
+    function gl(t = 100, a = 0.8, l = {}) {
+      const { meanX: s = 0, sdX: o = 1, meanY: n = 0, sdY: i = 1, seed: y } = l;
+      let r = (y ?? Math.floor(Math.random() * 2 ** 31)) >>> 0;
+      const f = () => (r = r * 1664525 + 1013904223 >>> 0, r / 2 ** 32), A = () => {
+        let b = 0, X = 0;
         for (; b === 0; ) b = f();
-        for (; W === 0; ) W = f();
-        return Math.sqrt(-2 * Math.log(b)) * Math.cos(2 * Math.PI * W);
-      }, y = t / 2, x = Array.from({ length: y }, _), O = Array.from({ length: y }, _), A = (b) => b.reduce((W, Ie) => W + Ie, 0) / b.length, D = A(x), R = A(O);
-      for (let b = 0; b < y; b += 1)
-        x[b] -= D, O[b] -= R;
-      const z = (b, W) => b.reduce((Ie, Ve, ct) => Ie + Ve * W[ct], 0), C = (b) => z(b, b), p = z(O, x) / C(x), L = O.map((b, W) => b - p * x[W]), G = C(x) / y, le = C(L) / y, ve = Math.sqrt((1 - a * a) * G / le), j = x.map((b, W) => a * b + ve * L[W]), he = x.concat(x.map((b) => -b)), vt = j.concat(j.map((b) => -b)), Pe = (b) => Math.sqrt(C(b) / b.length), we = (b, W, Ie) => {
-        const Ve = Pe(b);
-        return b.map((ct) => Ie + (Ve ? ct / Ve * W : 0));
-      }, $e = we(he, o, s), ze = we(vt, i, n);
-      for (let b = $e.length - 1; b > 0; b -= 1) {
-        const W = Math.floor(f() * (b + 1));
-        [$e[b], $e[W]] = [$e[W], $e[b]], [ze[b], ze[W]] = [ze[W], ze[b]];
+        for (; X === 0; ) X = f();
+        return Math.sqrt(-2 * Math.log(b)) * Math.cos(2 * Math.PI * X);
+      }, d = t / 2, m = Array.from({ length: d }, A), E = Array.from({ length: d }, A), _ = (b) => b.reduce((X, Ie) => X + Ie, 0) / b.length, O = _(m), D = _(E);
+      for (let b = 0; b < d; b += 1)
+        m[b] -= O, E[b] -= D;
+      const L = (b, X) => b.reduce((Ie, Ve, ct) => Ie + Ve * X[ct], 0), C = (b) => L(b, b), p = L(E, m) / C(m), P = E.map((b, X) => b - p * m[X]), G = C(m) / d, le = C(P) / d, ce = Math.sqrt((1 - a * a) * G / le), j = m.map((b, X) => a * b + ce * P[X]), pe = m.concat(m.map((b) => -b)), vt = j.concat(j.map((b) => -b)), Be = (b) => Math.sqrt(C(b) / b.length), $e = (b, X, Ie) => {
+        const Ve = Be(b);
+        return b.map((ct) => Ie + (Ve ? ct / Ve * X : 0));
+      }, Me = $e(pe, o, s), ze = $e(vt, i, n);
+      for (let b = Me.length - 1; b > 0; b -= 1) {
+        const X = Math.floor(f() * (b + 1));
+        [Me[b], Me[X]] = [Me[X], Me[b]], [ze[b], ze[X]] = [ze[X], ze[b]];
       }
-      return $e.map((b, W) => ({ x: b, y: ze[W] }));
+      return Me.map((b, X) => ({ x: b, y: ze[X] }));
     }
-    const gl = T(() => Kt({
+    const ml = T(() => Zt({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -136,22 +136,22 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         {
           name: "",
           color: "#999999",
-          values: pl(100, 0.5, { seed: 42 })
+          values: gl(100, 0.5, { seed: 42 })
         }
       ],
-      skeletonConfig: Kt({
+      skeletonConfig: Zt({
         defaultConfig: e.value,
-        userConfig: gl.value
+        userConfig: ml.value
       })
-    }), { userOptionsVisible: et, setUserOptionsVisibility: St, keepUserOptionState: Tt } = ma({ config: e.value }), { svgRef: ie } = ba({ config: e.value.style.title });
+    }), { userOptionsVisible: et, setUserOptionsVisibility: St, keepUserOptionState: Tt } = ma({ config: e.value }), { svgRef: ie } = xa({ config: e.value.style.title });
     function tt() {
       const t = ft({
         userConfig: te.config,
-        defaultConfig: vl
+        defaultConfig: cl
       }), a = t.theme;
       if (!a) return t;
-      if (!cl.value(t))
-        return yl(t), t;
+      if (!yl.value(t))
+        return dl(t), t;
       const l = ft({
         userConfig: wa[a] || te.config,
         defaultConfig: t
@@ -161,11 +161,11 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       });
       return {
         ...s,
-        customPalette: s.customPalette.length ? s.customPalette : Jl[a] || fe
+        customPalette: s.customPalette.length ? s.customPalette : Jl[a] || ge
       };
     }
     Ue(() => te.config, (t) => {
-      Ze.value || (e.value = tt()), et.value = !e.value.userOptions.showOnChartHover, Bt(), $t.value += 1, Mt.value += 1, _t.value += 1, q.value.showTable = e.value.table.show, q.value.showTooltip = e.value.style.tooltip.show, Lt.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
+      Ze.value || (e.value = tt()), et.value = !e.value.userOptions.showOnChartHover, Pt(), $t.value += 1, Mt.value += 1, _t.value += 1, q.value.showTable = e.value.table.show, q.value.showTooltip = e.value.style.tooltip.show, Lt.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
 
 - downsampling is disabled in this mode, all plots are rendered
 
@@ -177,40 +177,40 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     }, { deep: !0 }), Ue(() => te.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (Qe.value = !1);
     }, { deep: !0 });
-    const re = jt(null), ge = jt(null);
+    const re = Gt(null), xe = Gt(null);
     jl(() => {
-      Ct.value = !0, Bt();
+      Ct.value = !0, Pt();
     });
     const Lt = T(() => !!e.value.debug);
-    function Bt() {
-      if (Zt(te.dataset) && (dt({
+    function Pt() {
+      if (Jt(te.dataset) && (dt({
         componentName: "VueUiScatter",
         type: "dataset",
         debug: Lt.value
-      }), Qe.value = !0), Zt(te.dataset) || (Qe.value = e.value.loading), e.value.responsive) {
+      }), Qe.value = !0), Jt(te.dataset) || (Qe.value = e.value.loading), e.value.responsive) {
         const t = va(() => {
           const { width: a, height: l } = ca({
             chart: ne.value,
-            title: e.value.style.title.text ? bt.value : null,
-            legend: e.value.style.legend.show ? xt.value : null,
+            title: e.value.style.title.text ? xt.value : null,
+            legend: e.value.style.legend.show ? bt.value : null,
             source: kt.value,
             noTitle: wt.value
           });
           requestAnimationFrame(() => {
-            X.value.width = a, X.value.height = l;
+            Y.value.width = a, Y.value.height = l;
           });
         });
-        re.value && (ge.value && re.value.unobserve(ge.value), re.value.disconnect()), re.value = new ResizeObserver(t), ge.value = ne.value.parentNode, re.value.observe(ge.value);
+        re.value && (xe.value && re.value.unobserve(xe.value), re.value.disconnect()), re.value = new ResizeObserver(t), xe.value = ne.value.parentNode, re.value.observe(xe.value);
       }
     }
     Gl(() => {
-      re.value && (ge.value && re.value.unobserve(ge.value), re.value.disconnect());
+      re.value && (xe.value && re.value.unobserve(xe.value), re.value.disconnect());
     });
-    const { isPrinting: lt, isImaging: at, generatePdf: Pt, generateImage: zt } = fa({
-      elementId: `vue-ui-scatter_${E.value}`,
+    const { isPrinting: lt, isImaging: at, generatePdf: Bt, generateImage: zt } = fa({
+      elementId: `vue-ui-scatter_${N.value}`,
       fileName: e.value.style.title.text || "vue-ui-scatter",
       options: e.value.userOptions.print
-    }), ml = T(() => e.value.userOptions.show && !e.value.style.title.text), It = T(() => Ql(e.value.customPalette)), q = w({
+    }), xl = T(() => e.value.userOptions.show && !e.value.style.title.text), It = T(() => Ql(e.value.customPalette)), q = w({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
@@ -220,22 +220,22 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const X = w({
+    const Y = w({
       height: e.value.style.layout.height,
       width: e.value.style.layout.width
     }), We = T(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), u = T(() => {
       let t = 0, a = 0;
       return He.value && (t = He.value.getBBox().width + 6), Ke.value && (a = Ke.value.getBBox().height + 6), {
         top: e.value.style.layout.padding.top + We.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        right: X.value.width - e.value.style.layout.padding.right - We.value - 6,
-        bottom: X.value.height - e.value.style.layout.padding.bottom - a,
+        right: Y.value.width - e.value.style.layout.padding.right - We.value - 6,
+        bottom: Y.value.height - e.value.style.layout.padding.bottom - a,
         left: e.value.style.layout.padding.left + t,
-        height: X.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - We.value - a - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        width: X.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - We.value - t - 6
+        height: Y.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - We.value - a - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+        width: Y.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - We.value - t - 6
       };
-    }), N = T(() => {
+    }), F = T(() => {
       Je.value.forEach((o, n) => {
-        Jt({
+        Qt({
           datasetObject: o,
           requiredAttributes: ["values"]
         }).forEach((i) => {
@@ -245,8 +245,8 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             property: i,
             index: n
           });
-        }), o.values && o.values.forEach((i, h) => {
-          Jt({
+        }), o.values && o.values.forEach((i, y) => {
+          Qt({
             datasetObject: i,
             requiredAttributes: ["x", "y"]
           }).forEach((r) => {
@@ -254,18 +254,18 @@ const Aa = ["id"], Sa = ["id"], Ta = {
               componentName: "VueUiScatter",
               type: "datasetSerieAttribute",
               property: `values.${r}`,
-              index: `${n} - ${h}`
+              index: `${n} - ${y}`
             });
           });
         });
       });
       const t = Math.min(...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.x))), a = Math.max(...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.x))), l = Math.min(...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.y))), s = Math.max(...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.y)));
       return { xMin: t >= 0 ? 0 : t, xMax: a, yMin: l >= 0 ? 0 : l, yMax: s };
-    }), F = T(() => ({
-      x: u.value.left + Math.abs(N.value.xMin) / (N.value.xMax + Math.abs(N.value.xMin)) * u.value.width,
-      y: u.value.bottom - Math.abs(N.value.yMin) / (N.value.yMax + Math.abs(N.value.yMin)) * u.value.height
+    }), W = T(() => ({
+      x: u.value.left + Math.abs(F.value.xMin) / (F.value.xMax + Math.abs(F.value.xMin)) * u.value.width,
+      y: u.value.bottom - Math.abs(F.value.yMin) / (F.value.yMax + Math.abs(F.value.yMin)) * u.value.height
     })), J = T(() => Je.value.map((t, a) => {
-      const l = `cluster_${E.value}_${a}`;
+      const l = `cluster_${N.value}_${a}`;
       return {
         ...t,
         values: ea({
@@ -273,7 +273,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           threshold: e.value.usePerformanceMode ? t.values.length + 1 : e.value.downsample.threshold
         }),
         id: l,
-        color: t.color ? t.color : It.value[a] || fe[a] || fe[a % fe.length],
+        color: t.color ? t.color : It.value[a] || ge[a] || ge[a % ge.length],
         opacity: I.value.includes(l) ? 0.5 : 1,
         shape: t.shape ?? "circle",
         segregate: () => Re(l),
@@ -286,67 +286,67 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       fontSize: e.value.style.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.legend.bold ? "bold" : ""
-    })), me = T(() => J.value.map((t, a) => ({
+    })), be = T(() => J.value.map((t, a) => ({
       ...t,
       plots: t.values.map((l) => ({
-        x: u.value.left + (l.x + Math.abs(N.value.xMin)) / (N.value.xMax + Math.abs(N.value.xMin)) * u.value.width,
-        y: u.value.bottom - (l.y + Math.abs(N.value.yMin)) / (N.value.yMax + Math.abs(N.value.yMin)) * u.value.height,
+        x: u.value.left + (l.x + Math.abs(F.value.xMin)) / (F.value.xMax + Math.abs(F.value.xMin)) * u.value.width,
+        y: u.value.bottom - (l.y + Math.abs(F.value.yMin)) / (F.value.yMax + Math.abs(F.value.yMin)) * u.value.height,
         v: {
           ...l,
           name: l.name || ""
         },
         clusterName: t.name,
         clusterId: t.id,
-        color: t.color ? t.color : It.value[a] || fe[a] || fe[a % fe.length],
-        id: `plot_${E.value}_${Math.random()}`,
+        color: t.color ? t.color : It.value[a] || ge[a] || ge[a % ge.length],
+        id: `plot_${N.value}_${Math.random()}`,
         weight: l.weight ?? e.value.style.layout.plots.radius
       }))
     })).filter((t) => !I.value.includes(t.id))), U = T(() => {
       const a = ({ m: l, b: s, rect: o, verticalX: n = null }) => {
-        const { left: i, right: h, top: r, bottom: f } = o, _ = [], y = (C, p) => {
-          Number.isFinite(C) && Number.isFinite(p) && _.push({ x: C, y: p });
-        }, x = ({ x: C, y: p }) => C >= i - 1e-9 && C <= h + 1e-9 && p >= r - 1e-9 && p <= f + 1e-9;
-        n !== null ? n >= i - 1e-9 && n <= h + 1e-9 && (y(n, r), y(n, f)) : Number.isFinite(l) && (y(i, l * i + s), y(h, l * h + s), Math.abs(l) > 1e-9 ? (y((r - s) / l, r), y((f - s) / l, f)) : s >= r - 1e-9 && s <= f + 1e-9 && (y(i, s), y(h, s)));
-        const O = _.filter(x), A = [];
-        for (const C of O)
-          A.some((p) => Math.abs(p.x - C.x) < 1e-6 && Math.abs(p.y - C.y) < 1e-6) || A.push(C);
-        if (A.length < 2) return null;
-        let D = A[0], R = A[1], z = 0;
-        for (let C = 0; C < A.length; C += 1)
-          for (let p = C + 1; p < A.length; p += 1) {
-            const L = A[C].x - A[p].x, G = A[C].y - A[p].y, le = L * L + G * G;
-            le > z && (z = le, D = A[C], R = A[p]);
+        const { left: i, right: y, top: r, bottom: f } = o, A = [], d = (C, p) => {
+          Number.isFinite(C) && Number.isFinite(p) && A.push({ x: C, y: p });
+        }, m = ({ x: C, y: p }) => C >= i - 1e-9 && C <= y + 1e-9 && p >= r - 1e-9 && p <= f + 1e-9;
+        n !== null ? n >= i - 1e-9 && n <= y + 1e-9 && (d(n, r), d(n, f)) : Number.isFinite(l) && (d(i, l * i + s), d(y, l * y + s), Math.abs(l) > 1e-9 ? (d((r - s) / l, r), d((f - s) / l, f)) : s >= r - 1e-9 && s <= f + 1e-9 && (d(i, s), d(y, s)));
+        const E = A.filter(m), _ = [];
+        for (const C of E)
+          _.some((p) => Math.abs(p.x - C.x) < 1e-6 && Math.abs(p.y - C.y) < 1e-6) || _.push(C);
+        if (_.length < 2) return null;
+        let O = _[0], D = _[1], L = 0;
+        for (let C = 0; C < _.length; C += 1)
+          for (let p = C + 1; p < _.length; p += 1) {
+            const P = _[C].x - _[p].x, G = _[C].y - _[p].y, le = P * P + G * G;
+            le > L && (L = le, O = _[C], D = _[p]);
           }
-        return { x1: D.x, y1: D.y, x2: R.x, y2: R.y };
+        return { x1: O.x, y1: O.y, x2: D.x, y2: D.y };
       };
-      return me.value.map((l) => {
-        const s = l.plots.length, o = l.plots.reduce((p, L) => p + L.x, 0) / s, n = l.plots.reduce((p, L) => p + L.y, 0) / s;
-        let i = 0, h = 0;
+      return be.value.map((l) => {
+        const s = l.plots.length, o = l.plots.reduce((p, P) => p + P.x, 0) / s, n = l.plots.reduce((p, P) => p + P.y, 0) / s;
+        let i = 0, y = 0;
         for (const p of l.plots) {
-          const L = p.x - o, G = p.y - n;
-          i += L * G, h += L * L;
+          const P = p.x - o, G = p.y - n;
+          i += P * G, y += P * P;
         }
-        let r, f, _ = null;
-        h < 1e-9 ? (_ = o, r = 1 / 0, f = null) : (r = i / h, f = n - r * o);
-        let y, x;
-        _ !== null ? (y = 1 / 0, x = null) : (y = r, x = f);
-        const O = l.plots.every((p) => p.v && typeof p.v.x == "number" && typeof p.v.y == "number");
-        let A = NaN;
+        let r, f, A = null;
+        y < 1e-9 ? (A = o, r = 1 / 0, f = null) : (r = i / y, f = n - r * o);
+        let d, m;
+        A !== null ? (d = 1 / 0, m = null) : (d = r, m = f);
+        const E = l.plots.every((p) => p.v && typeof p.v.x == "number" && typeof p.v.y == "number");
+        let _ = NaN;
         if (s >= 2) {
-          let p = 0, L = 0;
-          O ? (p = l.plots.reduce((j, he) => j + he.v.x, 0) / s, L = l.plots.reduce((j, he) => j + he.v.y, 0) / s) : (p = o, L = -n);
-          let G = 0, le = 0, ve = 0;
+          let p = 0, P = 0;
+          E ? (p = l.plots.reduce((j, pe) => j + pe.v.x, 0) / s, P = l.plots.reduce((j, pe) => j + pe.v.y, 0) / s) : (p = o, P = -n);
+          let G = 0, le = 0, ce = 0;
           for (const j of l.plots) {
-            const he = O ? j.v.x : j.x, vt = O ? j.v.y : -j.y, Pe = he - p, we = vt - L;
-            G += Pe * we, le += Pe * Pe, ve += we * we;
+            const pe = E ? j.v.x : j.x, vt = E ? j.v.y : -j.y, Be = pe - p, $e = vt - P;
+            G += Be * $e, le += Be * Be, ce += $e * $e;
           }
-          if (le >= 1e-9 && ve >= 1e-9) {
-            const j = G / Math.sqrt(le * ve);
-            A = Math.max(-1, Math.min(1, j));
+          if (le >= 1e-9 && ce >= 1e-9) {
+            const j = G / Math.sqrt(le * ce);
+            _ = Math.max(-1, Math.min(1, j));
           }
         }
-        const D = a({ m: y, b: x, rect: u.value, verticalX: _ });
-        if (!D)
+        const O = a({ m: d, b: m, rect: u.value, verticalX: A });
+        if (!O)
           return {
             ...l,
             correlation: null,
@@ -358,19 +358,19 @@ const Aa = ["id"], Sa = ["id"], Ta = {
               color: ht(l.color)
             }))
           };
-        const R = (D.x1 + D.x2) / 2, z = (D.y1 + D.y2) / 2, C = { x: R, y: z };
+        const D = (O.x1 + O.x2) / 2, L = (O.y1 + O.y2) / 2, C = { x: D, y: L };
         return {
           ...l,
           color: ht(l.color),
           correlation: {
-            ...D,
-            coefficient: A
+            ...O,
+            coefficient: _
           },
           label: C,
           plots: l.plots.map((p) => {
-            let L, G;
-            _ !== null ? (L = _, G = p.y) : Math.abs(y) < 1e-9 ? (L = p.x, G = x) : (L = (p.x + y * p.y - y * x) / (1 + y * y), G = (y * p.x + y * y * p.y + x) / (1 + y * y));
-            const le = p.x - L, ve = p.y - G, j = Math.sqrt(le * le + ve * ve);
+            let P, G;
+            A !== null ? (P = A, G = p.y) : Math.abs(d) < 1e-9 ? (P = p.x, G = m) : (P = (p.x + d * p.y - d * m) / (1 + d * d), G = (d * p.x + d * d * p.y + m) / (1 + d * d));
+            const le = p.x - P, ce = p.y - G, j = Math.sqrt(le * le + ce * ce);
             return {
               ...p,
               deviation: j,
@@ -381,35 +381,35 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         };
       });
     }), Ot = T(() => Math.max(...U.value.flatMap((t) => t.plots.map((a) => Math.abs(a.deviation)))));
-    function xl() {
+    function kl() {
       return U.value;
     }
     function Dt(t, a) {
-      const l = Array.isArray(t) ? t.flatMap((z) => z.plots.map((C) => ({
+      const l = Array.isArray(t) ? t.flatMap((L) => L.plots.map((C) => ({
         x: C.x,
         y: C.y
-      }))) : t.plots.map((z) => ({
-        x: z.x,
-        y: z.y
+      }))) : t.plots.map((L) => ({
+        x: L.x,
+        y: L.y
       }));
       let s = 1 / 0, o = -1 / 0, n = 1 / 0, i = -1 / 0;
-      l.forEach(({ x: z, y: C }) => {
-        s = Math.min(s, z), o = Math.max(o, z), n = Math.min(n, C), i = Math.max(i, C);
+      l.forEach(({ x: L, y: C }) => {
+        s = Math.min(s, L), o = Math.max(o, L), n = Math.min(n, C), i = Math.max(i, C);
       });
-      const h = o - s, r = i - n, f = h / a, _ = r / a, y = Array(a).fill(0), x = Array(a).fill(0);
-      l.forEach(({ x: z, y: C }) => {
-        const p = Math.floor((z - s) / f), L = Math.floor((C - n) / _);
-        y[p] || (y[p] = 0), x[L] || (x[L] = 0), y[p] += 1, x[L] += 1;
+      const y = o - s, r = i - n, f = y / a, A = r / a, d = Array(a).fill(0), m = Array(a).fill(0);
+      l.forEach(({ x: L, y: C }) => {
+        const p = Math.floor((L - s) / f), P = Math.floor((C - n) / A);
+        d[p] || (d[p] = 0), m[P] || (m[P] = 0), d[p] += 1, m[P] += 1;
       });
-      const O = [], A = [];
-      for (let z = 0; z < a; z += 1)
-        O.push(s + (z + 0.5) * f), A.push(n + (z + 0.5) * _);
-      const D = Math.max(...y), R = Math.max(...x);
-      return { x: y, y: x, avgX: O, avgY: A, maxX: D, maxY: R };
+      const E = [], _ = [];
+      for (let L = 0; L < a; L += 1)
+        E.push(s + (L + 0.5) * f), _.push(n + (L + 0.5) * A);
+      const O = Math.max(...d), D = Math.max(...m);
+      return { x: d, y: m, avgX: E, avgY: _, maxX: O, maxY: D };
     }
-    const $ = T(() => e.value.style.layout.marginalBars.tranches), S = T(() => Dt(me.value, $.value)), kl = T(() => {
+    const $ = T(() => e.value.style.layout.marginalBars.tranches), S = T(() => Dt(be.value, $.value)), wl = T(() => {
       const t = u.value.top - e.value.style.layout.marginalBars.offset, a = u.value.right + e.value.style.layout.marginalBars.offset;
-      return me.value.map((l) => {
+      return be.value.map((l) => {
         const s = Dt(l, $.value);
         return {
           coords: s,
@@ -425,17 +425,17 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           id: l.id
         };
       });
-    }), Y = w(void 0), g = w(null), ot = w(null);
+    }), R = w(void 0), g = w(null), ot = w(null);
     function st() {
-      De.value = !1, Y.value = void 0, g.value = null, Se.value = null, pe.value = null;
+      De.value = !1, R.value = void 0, g.value = null, Te.value = null, me.value = null;
     }
-    function wl(t) {
+    function $l(t) {
       if (!ie.value || !t) return;
       const a = ra(t.x, t.y, ie.value);
       a && (At.value = a);
     }
-    function Te(t, a, l = "pointer", s = null) {
-      Y.value = t.id, g.value = t, Ae.value = l, Se.value = s, pe.value = t.id;
+    function he(t, a, l = "pointer", s = null) {
+      R.value = t.id, g.value = t, Se.value = l, Te.value = s, me.value = t.id;
       let o = "";
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), ot.value = {
         datapoint: t,
@@ -478,16 +478,16 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         v: t.deviation,
         r: e.value.style.layout.plots.deviation.roundingValue
       })}</b>`, o += "</div>", Ge.value = `<div>${o}</div>`), De.value = !0, l === "keyboard" && yt(() => {
-        wl(t);
+        $l(t);
       });
     }
     function Xe(t, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }), !(Ae.value === "keyboard" && pe.value === t?.id) && (De.value = !1, Y.value = void 0, g.value = null);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }), !(Se.value === "keyboard" && me.value === t?.id) && (De.value = !1, R.value = void 0, g.value = null);
     }
     function Ye(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
     }
-    function $l() {
+    function Ml() {
       I.value.length ? I.value = [] : J.value.forEach((t) => {
         I.value.push(t.id);
       });
@@ -501,11 +501,11 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       const a = J.value.find((l) => l.name === t);
       return a || (e.value.debug && console.warn(`VueUiScatter - Series name not found "${t}"`), null);
     }
-    function Ml(t) {
+    function _l(t) {
       const a = Et(t);
       a !== null && I.value.includes(a.id) && Re(a.id);
     }
-    function _l(t) {
+    function Cl(t) {
       const a = Et(t);
       a !== null && (I.value.includes(a.id) || Re(a.id));
     }
@@ -515,13 +515,13 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           n.name,
           n.correlation.coefficient,
           n.plots.length,
-          n.plots.map((i) => i.v.x).reduce((i, h) => i + h, 0) / n.plots.length,
-          n.plots.map((i) => i.v.y).reduce((i, h) => i + h, 0) / n.plots.length
+          n.plots.map((i) => i.v.x).reduce((i, y) => i + y, 0) / n.plots.length,
+          n.plots.map((i) => i.v.y).reduce((i, y) => i + y, 0) / n.plots.length
         ]), s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(l), o = sa(s);
         t ? t(o) : na({ csvContent: o, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
-    const be = T(() => {
+    const ke = T(() => {
       const t = [
         e.value.table.translations.series,
         e.value.table.translations.correlationCoefficient,
@@ -552,9 +552,9 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         breakpoint: e.value.table.responsiveBreakpoint
       };
       return { head: t, body: a, a11yBody: l, config: s, colNames: t };
-    }), de = w(!1);
+    }), fe = w(!1);
     function Nt(t) {
-      de.value = t, mt.value += 1;
+      fe.value = t, mt.value += 1;
     }
     function Ft() {
       q.value.showTable = !q.value.showTable;
@@ -566,9 +566,9 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     function ut() {
       Le.value = !Le.value;
     }
-    async function Cl({ scale: t = 2 } = {}) {
+    async function Al({ scale: t = 2 } = {}) {
       if (!ne.value) return;
-      const { width: a, height: l } = ne.value.getBoundingClientRect(), s = a / l, { imageUri: o, base64: n } = await xa({ domElement: ne.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = ne.value.getBoundingClientRect(), s = a / l, { imageUri: o, base64: n } = await ba({ domElement: ne.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: o,
         base64: n,
@@ -578,14 +578,14 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         aspectRatio: s
       };
     }
-    function Al(t) {
-      Me.value = t, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (_e.value = S.value.y.length - 2 - t);
-    }
     function Sl(t) {
-      _e.value = t, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (Me.value = t);
+      _e.value = t, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (Ce.value = S.value.y.length - 2 - t);
+    }
+    function Tl(t) {
+      Ce.value = t, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (_e.value = t);
     }
     function it() {
-      Me.value = null, _e.value = null;
+      _e.value = null, Ce.value = null;
     }
     const Xt = {
       circle: 1,
@@ -596,35 +596,35 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       pentagon: 1.3,
       hexagon: 1.3
     }, M = (t) => t.toFixed(3);
-    function Tl({ shape: t = "circle", cx: a, cy: l, r: s }) {
+    function Ll({ shape: t = "circle", cx: a, cy: l, r: s }) {
       if (!e.value.usePerformanceMode) return "";
       const o = Xt[t] * s;
       switch (t) {
         case "circle": {
-          const n = M(a - o), i = M(l), h = M(a + o), r = M(o);
-          return `M ${n} ${i} A ${r} ${r} 0 1 0 ${h} ${i} A ${r} ${r} 0 1 0 ${n} ${i} Z`;
+          const n = M(a - o), i = M(l), y = M(a + o), r = M(o);
+          return `M ${n} ${i} A ${r} ${r} 0 1 0 ${y} ${i} A ${r} ${r} 0 1 0 ${n} ${i} Z`;
         }
         case "square": {
-          const n = M(a - o), i = M(l - o), h = M(a + o), r = M(l + o);
-          return `M ${n} ${i} L ${h} ${i} L ${h} ${r} L ${n} ${r} Z`;
+          const n = M(a - o), i = M(l - o), y = M(a + o), r = M(l + o);
+          return `M ${n} ${i} L ${y} ${i} L ${y} ${r} L ${n} ${r} Z`;
         }
         case "diamond": {
           const n = M(a), i = M(l);
           return `M ${n} ${M(l - o)} L ${M(a + o)} ${i} L ${n} ${M(l + o)} L ${M(a - o)} ${i} Z`;
         }
         case "triangle": {
-          const n = o * Math.sqrt(3), i = a, h = l - 2 / 3 * n, r = a - o, f = l + 1 / 3 * n, _ = a + o, y = f;
-          return `M ${M(i)} ${M(h)} L ${M(r)} ${M(f)} L ${M(_)} ${M(y)} Z`;
+          const n = o * Math.sqrt(3), i = a, y = l - 2 / 3 * n, r = a - o, f = l + 1 / 3 * n, A = a + o, d = f;
+          return `M ${M(i)} ${M(y)} L ${M(r)} ${M(f)} L ${M(A)} ${M(d)} Z`;
         }
         case "star": {
-          const n = o, i = o * 0.5, h = [];
+          const n = o, i = o * 0.5, y = [];
           for (let f = 0; f < 10; f += 1) {
-            const _ = (-90 + f * 36) * Math.PI / 180, y = f % 2 === 0 ? n : i;
-            h.push([a + y * Math.cos(_), l + y * Math.sin(_)]);
+            const A = (-90 + f * 36) * Math.PI / 180, d = f % 2 === 0 ? n : i;
+            y.push([a + d * Math.cos(A), l + d * Math.sin(A)]);
           }
-          let r = `M ${M(h[0][0])} ${M(h[0][1])}`;
-          for (let f = 1; f < h.length; f += 1)
-            r += ` L ${M(h[f][0])} ${M(h[f][1])}`;
+          let r = `M ${M(y[0][0])} ${M(y[0][1])}`;
+          for (let f = 1; f < y.length; f += 1)
+            r += ` L ${M(y[f][0])} ${M(y[f][1])}`;
           return r + " Z";
         }
         case "pentagon": {
@@ -633,9 +633,9 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             const f = (-90 + r * 72) * Math.PI / 180;
             i.push([a + o * Math.cos(f), l + o * Math.sin(f)]);
           }
-          let h = `M ${M(i[0][0])} ${M(i[0][1])}`;
-          for (let r = 1; r < 5; r += 1) h += ` L ${M(i[r][0])} ${M(i[r][1])}`;
-          return h + " Z";
+          let y = `M ${M(i[0][0])} ${M(i[0][1])}`;
+          for (let r = 1; r < 5; r += 1) y += ` L ${M(i[r][0])} ${M(i[r][1])}`;
+          return y + " Z";
         }
         case "hexagon": {
           const i = [];
@@ -643,40 +643,40 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             const f = (-60 + r * 60) * Math.PI / 180;
             i.push([a + o * Math.cos(f), l + o * Math.sin(f)]);
           }
-          let h = `M ${M(i[0][0])} ${M(i[0][1])}`;
-          for (let r = 1; r < 6; r += 1) h += ` L ${M(i[r][0])} ${M(i[r][1])}`;
-          return h + " Z";
+          let y = `M ${M(i[0][0])} ${M(i[0][1])}`;
+          for (let r = 1; r < 6; r += 1) y += ` L ${M(i[r][0])} ${M(i[r][1])}`;
+          return y + " Z";
         }
         default: {
-          const n = M(a - o), i = M(l), h = M(a + o), r = M(o);
-          return `M ${n} ${i} A ${r} ${r} 0 1 0 ${h} ${i} A ${r} ${r} 0 1 0 ${n} ${i} Z`;
+          const n = M(a - o), i = M(l), y = M(a + o), r = M(o);
+          return `M ${n} ${i} A ${r} ${r} 0 1 0 ${y} ${i} A ${r} ${r} 0 1 0 ${n} ${i} Z`;
         }
       }
     }
-    const Ll = T(() => {
+    const Pl = T(() => {
       if (!e.value.usePerformanceMode) return [""];
-      const { left: t, right: a, top: l, bottom: s } = u.value, o = Math.max(1, (a - t) * (s - l)), n = (y) => y / o * 1e4, i = 2.5, h = 1e3, r = e.value.style.layout.plots.stroke, f = e.value.style.layout.plots.strokeWidth, _ = e.value.style.layout.plots.opacity;
-      return U.value.map((y) => {
-        const x = [];
-        for (const A of y.plots) {
-          const D = A.x, R = A.y;
-          if (D < t || D > a || R < l || R > s) continue;
-          const z = Math.max(e.value.style.layout.plots.radius, A.weight);
-          x.push(Tl({
-            shape: y.shape || "circle",
-            cx: D,
-            cy: R,
-            r: z
+      const { left: t, right: a, top: l, bottom: s } = u.value, o = Math.max(1, (a - t) * (s - l)), n = (d) => d / o * 1e4, i = 2.5, y = 1e3, r = e.value.style.layout.plots.stroke, f = e.value.style.layout.plots.strokeWidth, A = e.value.style.layout.plots.opacity;
+      return U.value.map((d) => {
+        const m = [];
+        for (const _ of d.plots) {
+          const O = _.x, D = _.y;
+          if (O < t || O > a || D < l || D > s) continue;
+          const L = Math.max(e.value.style.layout.plots.radius, _.weight);
+          m.push(Ll({
+            shape: d.shape || "circle",
+            cx: O,
+            cy: D,
+            r: L
           }));
         }
-        if (!x.length) return null;
-        const O = n(y.plots.length) > i || y.plots.length > h;
+        if (!m.length) return null;
+        const E = n(d.plots.length) > i || d.plots.length > y;
         return {
-          id: y.id,
-          d: x.join(""),
-          fill: je(y.color, _ * 100),
-          stroke: O ? "none" : r,
-          strokeWidth: O ? 0 : f,
+          id: d.id,
+          d: m.join(""),
+          fill: je(d.color, A * 100),
+          stroke: E ? "none" : r,
+          strokeWidth: E ? 0 : f,
           strokeOpacity: 1
         };
       }).filter(Boolean);
@@ -689,49 +689,49 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         l.x = t.clientX, l.y = t.clientY;
         const s = a.getScreenCTM();
         if (!s) return;
-        const o = s.inverse(), n = l.matrixTransform(o), i = 8, h = i * i;
-        let r = null, f = 1 / 0, _ = -1;
-        if (U.value.forEach((y, x) => {
-          y.plots.forEach((O) => {
-            const A = O.x - n.x, D = O.y - n.y, R = A * A + D * D;
-            R <= h && R < f && (f = R, r = O, _ = x);
+        const o = s.inverse(), n = l.matrixTransform(o), i = 8, y = i * i;
+        let r = null, f = 1 / 0, A = -1;
+        if (U.value.forEach((d, m) => {
+          d.plots.forEach((E) => {
+            const _ = E.x - n.x, O = E.y - n.y, D = _ * _ + O * O;
+            D <= y && D < f && (f = D, r = E, A = m);
           });
         }), r)
-          Y.value !== r.id && (Y.value = r.id, Te(r, _, "pointer", ke.value.get(r.id) ?? null));
-        else if (Y.value) {
-          const y = g.value;
-          Y.value = void 0, Xe(y, _);
+          R.value !== r.id && (R.value = r.id, he(r, A, "pointer", ve.value.get(r.id) ?? null));
+        else if (R.value) {
+          const d = g.value;
+          R.value = void 0, Xe(d, A);
         }
       } : () => null;
     }
     const Yt = Bl();
-    function Pl() {
-      if (Y.value) {
+    function zl() {
+      if (R.value) {
         const t = g.value;
-        Y.value = void 0, Xe(t, null);
+        R.value = void 0, Xe(t, null);
       }
     }
-    function zl(t) {
+    function Il(t) {
       const a = g.value;
       if (a) {
         const l = U.value.findIndex((s) => s.id === a.clusterId);
         Ye(a, l >= 0 ? l : 0);
       }
     }
-    const Be = T(() => {
+    const Pe = T(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = q.value.showTable;
       return {
-        component: t ? rl : ol,
+        component: t ? vl : sl,
         title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: de.value,
+          isFullscreen: fe.value,
           fullscreenParent: ne.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: ye.value
+          isCursorPointer: de.value
         } : {
           hideDetails: !0,
           config: {
@@ -750,31 +750,31 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       };
     });
     Ue(() => q.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && Ce.value ? Ce.value.open() : "close" in Ce.value && Ce.value.close());
+      e.value.table.show || (t && e.value.table.useDialog && Ae.value ? Ae.value.open() : "close" in Ae.value && Ae.value.close());
     });
     function Rt() {
       q.value.showTable = !1, qe.value && qe.value.setTableIconState(!1);
     }
-    const Il = T(() => e.value.style.backgroundColor), Ol = T(() => e.value.style.legend), Dl = T(() => e.value.style.title), { exportSvg: El, getSvg: Nl } = pa({
+    const Ol = T(() => e.value.style.backgroundColor), Dl = T(() => e.value.style.legend), El = T(() => e.value.style.title), { exportSvg: Nl, getSvg: Fl } = pa({
       svg: ie,
-      title: Dl,
-      legend: Ol,
+      title: El,
+      legend: Dl,
       legendItems: J,
-      backgroundColor: Il
+      backgroundColor: Ol
     });
     async function Vt({ isCb: t }) {
       Ne.value = !0, await yt();
       try {
         if (t) {
-          const { blob: a, url: l, text: s, dataUrl: o } = await Nl();
+          const { blob: a, url: l, text: s, dataUrl: o } = await Fl();
           await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: a, url: l, text: s, dataUrl: o }));
         } else
-          await Promise.resolve(El());
+          await Promise.resolve(Nl());
       } finally {
         Ne.value = !1;
       }
     }
-    function Fl(t) {
+    function Wl(t) {
       if (t?.stage === "start") {
         Ee.value = !0;
         return;
@@ -786,68 +786,81 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       zt();
     }
     async function Ut() {
-      if (dl("copyAlt", {
+      if (hl("copyAlt", {
         config: e.value,
-        dataset: me.value
+        dataset: be.value
       }), !e.value.userOptions.callbacks.altCopy) {
         console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
         return;
       }
       await Promise.resolve(e.value.userOptions.callbacks.altCopy({
         config: e.value,
-        dataset: me.value
+        dataset: be.value
       }));
     }
-    function Wl(t, a) {
-      const l = xe.value.filter((n) => n.id === t.id ? !1 : a === "right" ? n.x > t.x : a === "left" ? n.x < t.x : a === "down" ? n.y > t.y : a === "up" ? n.y < t.y : !1);
+    function jt(t, a) {
+      const l = we.value.filter((n) => n.id === t.id ? !1 : a === "right" ? n.x > t.x : a === "left" ? n.x < t.x : a === "down" ? n.y > t.y : a === "up" ? n.y < t.y : !1);
       if (!l.length) return null;
       let s = null, o = 1 / 0;
       return l.forEach((n) => {
-        const i = n.x - t.x, h = n.y - t.y;
+        const i = n.x - t.x, y = n.y - t.y;
         let r = 0, f = 0;
-        a === "right" || a === "left" ? (r = Math.abs(i), f = Math.abs(h)) : (r = Math.abs(h), f = Math.abs(i));
-        const _ = r * 1e3 + f;
-        _ < o && (s = n, o = _);
+        a === "right" || a === "left" ? (r = Math.abs(i), f = Math.abs(y)) : (r = Math.abs(y), f = Math.abs(i));
+        const A = r * 1e3 + f;
+        A < o && (s = n, o = A);
       }), s;
     }
     function Xl() {
-      Se.value = null, pe.value = null, Fe.value = !0;
+      Te.value = null, me.value = null, Fe.value = !0;
     }
     function Yl() {
-      st(), Ae.value = "pointer", Fe.value = !1;
+      st(), Se.value = "pointer", Fe.value = !1;
     }
     function Rl(t) {
-      if (!ie.value || Le.value || document.activeElement !== ie.value || !xe.value.length) return;
+      if (!ie.value || Le.value || document.activeElement !== ie.value || !we.value.length) return;
       const a = t.key === "ArrowLeft", l = t.key === "ArrowRight", s = t.key === "ArrowUp", o = t.key === "ArrowDown", n = t.key === "Enter" || t.key === " ", i = t.key === "Escape";
       if (!a && !l && !s && !o && !n && !i) return;
       if (t.preventDefault(), t.stopPropagation(), i) {
-        st(), Ae.value = "pointer";
+        st(), Se.value = "pointer";
         return;
       }
       if (n) {
-        if (Se.value === null) return;
-        const x = xe.value[Se.value];
-        if (!x) return;
-        Ye(x, x.seriesIndex);
+        if (Te.value === null) return;
+        const m = we.value[Te.value];
+        if (!m) return;
+        Ye(m, m.seriesIndex);
         return;
       }
-      if (pe.value === null) {
-        const x = xe.value[0];
-        if (!x) return;
-        const O = ke.value.get(x.id) ?? 0;
-        Te(x, x.seriesIndex, "keyboard", O);
+      let y = null;
+      if (l && (y = "right"), a && (y = "left"), o && (y = "down"), s && (y = "up"), me.value === null) {
+        const m = g.value;
+        if (m && m.id) {
+          const D = jt(m, y);
+          if (!D) {
+            const C = ve.value.get(m.id);
+            if (C === void 0) return;
+            he(m, m.seriesIndex, "keyboard", C);
+            return;
+          }
+          const L = ve.value.get(D.id);
+          if (L === void 0) return;
+          he(D, D.seriesIndex, "keyboard", L);
+          return;
+        }
+        const _ = we.value[0];
+        if (!_) return;
+        const O = ve.value.get(_.id) ?? 0;
+        he(_, _.seriesIndex, "keyboard", O);
         return;
       }
-      const h = ke.value.get(pe.value);
-      if (h === void 0) return;
-      const r = xe.value[h];
-      if (!r) return;
-      let f = null;
-      l && (f = "right"), a && (f = "left"), o && (f = "down"), s && (f = "up");
-      const _ = Wl(r, f);
-      if (!_) return;
-      const y = ke.value.get(_.id);
-      y !== void 0 && Te(_, _.seriesIndex, "keyboard", y);
+      const r = ve.value.get(me.value);
+      if (r === void 0) return;
+      const f = we.value[r];
+      if (!f) return;
+      const A = jt(f, y);
+      if (!A) return;
+      const d = ve.value.get(A.id);
+      d !== void 0 && he(A, A.seriesIndex, "keyboard", d);
     }
     const Vl = T(() => {
       if (!g.value)
@@ -879,102 +892,102 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         `${e.value.style.layout.dataLabels.xAxis.name}: ${a}`,
         `${e.value.style.layout.dataLabels.yAxis.name}: ${l}`
       ].filter(Boolean).join(". ");
-    }), xe = T(() => U.value.flatMap((t, a) => t.plots.map((l) => ({
+    }), we = T(() => U.value.flatMap((t, a) => t.plots.map((l) => ({
       ...l,
       seriesIndex: a,
       seriesId: t.id,
       seriesName: t.name,
       shape: t.shape || "circle",
       color: t.color
-    })))), ke = T(() => {
+    })))), ve = T(() => {
       const t = /* @__PURE__ */ new Map();
-      return xe.value.forEach((a, l) => {
+      return we.value.forEach((a, l) => {
         t.set(a.id, l);
       }), t;
     }), rt = T(() => {
-      const t = be.value?.colNames ?? [], a = be.value?.a11yBody ?? [];
+      const t = ke.value?.colNames ?? [], a = ke.value?.a11yBody ?? [];
       return { headers: t, rows: a };
     });
-    return el({
-      getData: xl,
-      getImage: Cl,
-      generatePdf: Pt,
+    return tl({
+      getData: kl,
+      getImage: Al,
+      generatePdf: Bt,
       generateCsv: nt,
       generateImage: zt,
       generateSvg: Vt,
-      hideSeries: _l,
-      showSeries: Ml,
+      hideSeries: Cl,
+      showSeries: _l,
       toggleTable: Ft,
       toggleTooltip: Wt,
       toggleAnnotator: ut,
       toggleFullscreen: Nt,
       copyAlt: Ut
     }), (t, a) => (v(), c("div", {
-      class: Gt(`vue-data-ui-component vue-ui-scatter ${de.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: qt(`vue-data-ui-component vue-ui-scatter ${fe.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "scatterChart",
       ref: ne,
-      id: `vue-ui-scatter_${E.value}`,
+      id: `vue-ui-scatter_${N.value}`,
       style: ue(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: a[5] || (a[5] = () => d(St)(!0)),
+      onMouseenter: a[5] || (a[5] = () => h(St)(!0)),
       onMouseleave: a[6] || (a[6] = () => {
-        d(St)(!1), Fe.value || st();
+        h(St)(!1), Fe.value || st();
       })
     }, [
       k("div", {
-        id: `chart-instructions-${E.value}`,
+        id: `chart-instructions-${N.value}`,
         class: "sr-only"
       }, [
         k("p", null, V(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, Sa),
-      q.value.showTooltip ? m("", !0) : (v(), c("div", Ta, V(Vl.value), 1)),
+      q.value.showTooltip ? x("", !0) : (v(), c("div", Ta, V(Vl.value), 1)),
       rt.value?.rows?.length ? (v(), ae(Ma, {
         key: 1,
-        uid: E.value,
+        uid: N.value,
         head: rt.value.headers,
         body: rt.value.rows,
         notice: e.value.a11y.translations.tableAvailable,
         caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : m("", !0),
-      e.value.userOptions.buttons.annotator ? (v(), ae(d(nl), {
+      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : x("", !0),
+      e.value.userOptions.buttons.annotator ? (v(), ae(h(ul), {
         key: 2,
-        svgRef: d(ie),
+        svgRef: h(ie),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: Le.value,
-        isCursorPointer: ye.value,
+        isCursorPointer: de.value,
         onClose: ut
       }, {
         "annotator-action-close": B(() => [
-          P(t.$slots, "annotator-action-close", {}, void 0, !0)
+          z(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": B(({ color: l }) => [
-          P(t.$slots, "annotator-action-color", H(K({ color: l })), void 0, !0)
+          z(t.$slots, "annotator-action-color", H(K({ color: l })), void 0, !0)
         ]),
         "annotator-action-draw": B(({ mode: l }) => [
-          P(t.$slots, "annotator-action-draw", H(K({ mode: l })), void 0, !0)
+          z(t.$slots, "annotator-action-draw", H(K({ mode: l })), void 0, !0)
         ]),
         "annotator-action-undo": B(({ disabled: l }) => [
-          P(t.$slots, "annotator-action-undo", H(K({ disabled: l })), void 0, !0)
+          z(t.$slots, "annotator-action-undo", H(K({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-redo": B(({ disabled: l }) => [
-          P(t.$slots, "annotator-action-redo", H(K({ disabled: l })), void 0, !0)
+          z(t.$slots, "annotator-action-redo", H(K({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-delete": B(({ disabled: l }) => [
-          P(t.$slots, "annotator-action-delete", H(K({ disabled: l })), void 0, !0)
+          z(t.$slots, "annotator-action-delete", H(K({ disabled: l })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : m("", !0),
-      ml.value ? (v(), c("div", {
+      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : x("", !0),
+      xl.value ? (v(), c("div", {
         key: 3,
         ref_key: "noTitle",
         ref: wt,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : m("", !0),
+      }, null, 512)) : x("", !0),
       e.value.style.title.text ? (v(), c("div", {
         key: 4,
         ref_key: "chartTitle",
-        ref: bt,
+        ref: xt,
         style: "width:100%;background:transparent"
       }, [
         (v(), ae(ka, {
@@ -990,19 +1003,19 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : m("", !0),
+      ], 512)) : x("", !0),
       k("div", {
-        id: `legend-top-${E.value}`
+        id: `legend-top-${N.value}`
       }, null, 8, La),
-      e.value.userOptions.show && gt.value && (d(Tt) || d(et)) ? (v(), ae(d(ul), {
+      e.value.userOptions.show && gt.value && (h(Tt) || h(et)) ? (v(), ae(h(il), {
         ref_key: "userOptionsRef",
         ref: qe,
         key: `user_options_${mt.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: d(at),
-        isPrinting: d(lt),
-        uid: E.value,
+        isImaging: h(at),
+        isPrinting: h(lt),
+        uid: N.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -1012,7 +1025,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasAltCopy: e.value.userOptions.buttons.altCopy,
         isTooltip: q.value.showTooltip,
-        isFullscreen: de.value,
+        isFullscreen: fe.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: ne.value,
         position: e.value.userOptions.position,
@@ -1021,99 +1034,99 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        isCursorPointer: ye.value,
+        isCursorPointer: de.value,
         onToggleFullscreen: Nt,
-        onGeneratePdf: d(Pt),
+        onGeneratePdf: h(Bt),
         onGenerateCsv: nt,
-        onGenerateImage: Fl,
+        onGenerateImage: Wl,
         onGenerateSvg: Vt,
         onToggleTable: Ft,
         onToggleTooltip: Wt,
         onToggleAnnotator: ut,
         onCopyAlt: Ut,
         style: ue({
-          visibility: d(Tt) ? d(et) ? "visible" : "hidden" : "visible"
+          visibility: h(Tt) ? h(et) ? "visible" : "hidden" : "visible"
         })
-      }, qt({ _: 2 }, [
+      }, Ht({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: B(({ isOpen: l, color: s }) => [
-            P(t.$slots, "menuIcon", H(K({ isOpen: l, color: s })), void 0, !0)
+            z(t.$slots, "menuIcon", H(K({ isOpen: l, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: B(() => [
-            P(t.$slots, "optionTooltip", {}, void 0, !0)
+            z(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: B(() => [
-            P(t.$slots, "optionPdf", {}, void 0, !0)
+            z(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: B(() => [
-            P(t.$slots, "optionCsv", {}, void 0, !0)
+            z(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: B(() => [
-            P(t.$slots, "optionImg", {}, void 0, !0)
+            z(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
           fn: B(() => [
-            P(t.$slots, "optionSvg", {}, void 0, !0)
+            z(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: B(() => [
-            P(t.$slots, "optionTable", {}, void 0, !0)
+            z(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: B(({ toggleFullscreen: l, isFullscreen: s }) => [
-            P(t.$slots, "optionFullscreen", H(K({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
+            z(t.$slots, "optionFullscreen", H(K({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: B(({ toggleAnnotator: l, isAnnotator: s }) => [
-            P(t.$slots, "optionAnnotator", H(K({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
+            z(t.$slots, "optionAnnotator", H(K({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: B(({ altCopy: l }) => [
-            P(t.$slots, "optionAltCopy", H(K({ altCopy: l })), void 0, !0)
+            z(t.$slots, "optionAltCopy", H(K({ altCopy: l })), void 0, !0)
           ]),
           key: "9"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "hasAltCopy", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : m("", !0),
-      k("div", Ba, [
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "hasAltCopy", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : x("", !0),
+      k("div", Pa, [
         (v(), c("svg", {
           ref_key: "svgRef",
           ref: ie,
-          xmlns: d(aa),
-          "aria-describedby": `chart-instructions-${E.value}`,
-          class: Gt({ "vue-data-ui-fullscreen--on": de.value, "vue-data-ui-fulscreen--off": !de.value, animated: e.value.useCssAnimation }),
-          viewBox: `0 0 ${X.value.width <= 0 ? 10 : X.value.width} ${X.value.height <= 0 ? 10 : X.value.height}`,
+          xmlns: h(aa),
+          "aria-describedby": `chart-instructions-${N.value}`,
+          class: qt({ "vue-data-ui-fullscreen--on": fe.value, "vue-data-ui-fulscreen--off": !fe.value, animated: e.value.useCssAnimation }),
+          viewBox: `0 0 ${Y.value.width <= 0 ? 10 : Y.value.width} ${Y.value.height <= 0 ? 10 : Y.value.height}`,
           style: ue(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
           onMouseleave: it,
           tabindex: "0",
@@ -1121,23 +1134,23 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           onBlur: Yl,
           onKeydown: Rl
         }, [
-          Oe(d(il)),
+          Oe(h(rl)),
           t.$slots["chart-background"] ? (v(), c("foreignObject", {
             key: 0,
             x: 0,
             y: 0,
-            width: X.value.width <= 0 ? 10 : X.value.width,
-            height: X.value.height <= 0 ? 10 : X.value.height,
+            width: Y.value.width <= 0 ? 10 : Y.value.width,
+            height: Y.value.height <= 0 ? 10 : Y.value.height,
             style: {
               pointerEvents: "none"
             }
           }, [
-            P(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, za)) : m("", !0),
+            z(t.$slots, "chart-background", {}, void 0, !0)
+          ], 8, za)) : x("", !0),
           e.value.style.layout.axis.show ? (v(), c("g", Ia, [
             k("line", {
-              x1: F.value.x,
-              x2: F.value.x,
+              x1: W.value.x,
+              x2: W.value.x,
               y1: u.value.top,
               y2: u.value.bottom,
               stroke: e.value.style.layout.axis.stroke,
@@ -1147,17 +1160,17 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             k("line", {
               x1: u.value.left,
               x2: u.value.right,
-              y1: F.value.y,
-              y2: F.value.y,
+              y1: W.value.y,
+              y2: W.value.y,
               stroke: e.value.style.layout.axis.stroke,
               "stroke-width": e.value.style.layout.axis.strokeWidth,
               "stroke-linecap": "round"
             }, null, 8, Da)
-          ])) : m("", !0),
+          ])) : x("", !0),
           e.value.style.layout.marginalBars.show ? (v(), c("g", Ea, [
             k("defs", null, [
               k("linearGradient", {
-                id: `marginal_x_${E.value}`,
+                id: `marginal_x_${N.value}`,
                 x1: "0%",
                 y1: "0%",
                 x2: "0%",
@@ -1173,7 +1186,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 }, null, 8, Wa)
               ], 8, Na),
               k("linearGradient", {
-                id: `marginal_y_${E.value}`,
+                id: `marginal_y_${N.value}`,
                 x1: "0%",
                 x2: "100%",
                 y1: "0%",
@@ -1196,12 +1209,12 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 y: u.value.top - e.value.style.layout.marginalBars.offset - l / S.value.maxX * e.value.style.layout.marginalBars.size,
                 width: u.value.width / $.value <= 0 ? 1e-4 : u.value.width / $.value,
                 height: l / S.value.maxX * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : l / S.value.maxX * e.value.style.layout.marginalBars.size,
-                fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_x_${E.value})` : e.value.style.layout.marginalBars.fill,
+                fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_x_${N.value})` : e.value.style.layout.marginalBars.fill,
                 style: ue([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
                 stroke: e.value.style.backgroundColor,
                 "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
                 rx: e.value.style.layout.marginalBars.borderRadius
-              }, null, 12, Va)) : m("", !0),
+              }, null, 12, Va)) : x("", !0),
               S.value.avgX[s] ? (v(), c("rect", {
                 key: 1,
                 x: S.value.avgX[s] - u.value.width / $.value / 2,
@@ -1209,10 +1222,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 width: u.value.width / $.value <= 0 ? 1e-4 : u.value.width / $.value,
                 height: Math.max(0.1, e.value.style.layout.marginalBars.size),
                 fill: "transparent",
-                onMouseenter: (o) => Al(s),
+                onMouseenter: (o) => Sl(s),
                 onMouseleave: a[0] || (a[0] = (o) => it())
-              }, null, 40, Ua)) : m("", !0),
-              S.value.avgX[s] && Me.value != null && Me.value === s ? (v(), c("g", ja, [
+              }, null, 40, Ua)) : x("", !0),
+              S.value.avgX[s] && _e.value != null && _e.value === s ? (v(), c("g", ja, [
                 k("rect", {
                   x: S.value.avgX[s] - u.value.width / $.value / 2,
                   y: u.value.top,
@@ -1241,7 +1254,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                   "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
                   style: { transition: "none !important", animation: "none !important" }
                 }, null, 8, Ha)
-              ])) : m("", !0)
+              ])) : x("", !0)
             ]))), 256)),
             (v(!0), c(Q, null, oe(S.value.y, (l, s) => (v(), c("g", null, [
               l && S.value.avgY[s] ? (v(), c("rect", {
@@ -1250,12 +1263,12 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 y: S.value.avgY[s] - u.value.height / $.value / 2,
                 height: u.value.height / $.value <= 0 ? 1e-4 : u.value.height / $.value,
                 width: l / S.value.maxY * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : l / S.value.maxY * e.value.style.layout.marginalBars.size,
-                fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_y_${E.value})` : e.value.style.layout.marginalBars.fill,
+                fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_y_${N.value})` : e.value.style.layout.marginalBars.fill,
                 style: ue([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
                 stroke: e.value.style.backgroundColor,
                 "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
                 rx: e.value.style.layout.marginalBars.borderRadius
-              }, null, 12, Ka)) : m("", !0),
+              }, null, 12, Ka)) : x("", !0),
               S.value.avgY[s] ? (v(), c("rect", {
                 key: 1,
                 x: u.value.right + e.value.style.layout.marginalBars.offset,
@@ -1263,10 +1276,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 width: Math.max(0.1, e.value.style.layout.marginalBars.size),
                 height: u.value.height / $.value <= 0 ? 1e-4 : u.value.height / $.value,
                 fill: "transparent",
-                onMouseenter: (o) => Sl(s),
+                onMouseenter: (o) => Tl(s),
                 onMouseleave: a[1] || (a[1] = (o) => it())
-              }, null, 40, Za)) : m("", !0),
-              S.value.avgY[s] && _e.value != null && _e.value === s ? (v(), c("g", Ja, [
+              }, null, 40, Za)) : x("", !0),
+              S.value.avgY[s] && Ce.value != null && Ce.value === s ? (v(), c("g", Ja, [
                 k("rect", {
                   x: u.value.left,
                   y: S.value.avgY[s] - u.value.height / $.value / 2,
@@ -1277,7 +1290,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 }, null, 8, Qa),
                 k("line", {
                   x1: u.value.left,
-                  x2: X.value.width,
+                  x2: Y.value.width,
                   y1: S.value.avgY[s] - u.value.height / $.value / 2,
                   y2: S.value.avgY[s] - u.value.height / $.value / 2,
                   stroke: e.value.style.layout.marginalBars.highlighter.stroke,
@@ -1287,7 +1300,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 }, null, 8, eo),
                 k("line", {
                   x1: u.value.left,
-                  x2: X.value.width,
+                  x2: Y.value.width,
                   y1: S.value.avgY[s] - u.value.height / $.value / 2 + (u.value.height / $.value <= 0 ? 1e-4 : u.value.height / $.value),
                   y2: S.value.avgY[s] - u.value.height / $.value / 2 + (u.value.height / $.value <= 0 ? 1e-4 : u.value.height / $.value),
                   stroke: e.value.style.layout.marginalBars.highlighter.stroke,
@@ -1295,11 +1308,11 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                   "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
                   style: { transition: "none !important", animation: "none !important" }
                 }, null, 8, to)
-              ])) : m("", !0)
+              ])) : x("", !0)
             ]))), 256)),
             e.value.style.layout.marginalBars.showLines ? (v(), c("g", lo, [
-              (v(!0), c(Q, null, oe(kl.value, (l) => (v(), c(Q, null, [
-                I.value.includes(l.id) ? m("", !0) : (v(), c("path", {
+              (v(!0), c(Q, null, oe(wl.value, (l) => (v(), c(Q, null, [
+                I.value.includes(l.id) ? x("", !0) : (v(), c("path", {
                   key: 0,
                   d: `M ${l.dX}`,
                   stroke: e.value.style.backgroundColor,
@@ -1308,7 +1321,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                   "stroke-linejoin": "round",
                   fill: "none"
                 }, null, 8, ao)),
-                I.value.includes(l.id) ? m("", !0) : (v(), c("path", {
+                I.value.includes(l.id) ? x("", !0) : (v(), c("path", {
                   key: 1,
                   d: `M ${l.dX}`,
                   stroke: l.color,
@@ -1317,7 +1330,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                   "stroke-linejoin": "round",
                   fill: "none"
                 }, null, 8, oo)),
-                I.value.includes(l.id) ? m("", !0) : (v(), c("path", {
+                I.value.includes(l.id) ? x("", !0) : (v(), c("path", {
                   key: 2,
                   d: `M ${l.dY}`,
                   stroke: e.value.style.backgroundColor,
@@ -1326,7 +1339,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                   "stroke-linejoin": "round",
                   fill: "none"
                 }, null, 8, so)),
-                I.value.includes(l.id) ? m("", !0) : (v(), c("path", {
+                I.value.includes(l.id) ? x("", !0) : (v(), c("path", {
                   key: 3,
                   d: `M ${l.dY}`,
                   stroke: l.color,
@@ -1336,46 +1349,46 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                   fill: "none"
                 }, null, 8, no))
               ], 64))), 256))
-            ])) : m("", !0)
-          ])) : m("", !0),
+            ])) : x("", !0)
+          ])) : x("", !0),
           e.value.style.layout.plots.giftWrap.show ? (v(), c("g", uo, [
             (v(!0), c(Q, null, oe(U.value, (l, s) => (v(), c("g", null, [
               l.plots.length > 2 ? (v(), c("polygon", {
                 key: 0,
-                points: d(oa)({ series: l.plots }),
-                fill: d(je)(l.color, e.value.style.layout.plots.giftWrap.fillOpacity * 100),
+                points: h(oa)({ series: l.plots }),
+                fill: h(je)(l.color, e.value.style.layout.plots.giftWrap.fillOpacity * 100),
                 "stroke-width": e.value.style.layout.plots.giftWrap.strokeWidth,
                 "stroke-dasharray": e.value.style.layout.plots.giftWrap.strokeDasharray,
                 stroke: l.color,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, io)) : m("", !0)
+              }, null, 8, io)) : x("", !0)
             ]))), 256))
-          ])) : m("", !0),
-          e.value.usePerformanceMode ? m("", !0) : (v(!0), c(Q, { key: 4 }, oe(U.value, (l, s) => (v(), c("g", null, [
+          ])) : x("", !0),
+          e.value.usePerformanceMode ? x("", !0) : (v(!0), c(Q, { key: 4 }, oe(U.value, (l, s) => (v(), c("g", null, [
             !l.shape || l.shape === "circle" ? (v(), c("g", ro, [
               (v(!0), c(Q, null, oe(l.plots, (o, n) => (v(), c("circle", {
                 cx: o.x,
                 cy: o.y,
-                r: Y.value && Y.value === o.id ? o.weight * 2 : o.weight,
-                fill: d(je)(l.color, e.value.style.layout.plots.opacity * 100),
+                r: R.value && R.value === o.id ? o.weight * 2 : o.weight,
+                fill: h(je)(l.color, e.value.style.layout.plots.opacity * 100),
                 stroke: e.value.style.layout.plots.stroke,
                 "stroke-width": e.value.style.layout.plots.strokeWidth,
-                style: ue(`opacity:${Y.value && Y.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / Ot.value : e.value.style.layout.plots.significance.show && Math.abs(o.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
-                onMouseover: (i) => Te(o, s, "pointer", ke.value.get(o.id)),
+                style: ue(`opacity:${R.value && R.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / Ot.value : e.value.style.layout.plots.significance.show && Math.abs(o.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
+                onMouseover: (i) => he(o, s, "pointer", ve.value.get(o.id)),
                 onMouseleave: (i) => Xe(o, s),
                 onClick: (i) => Ye(o, s)
               }, null, 44, vo))), 256))
             ])) : (v(), c("g", co, [
               (v(!0), c(Q, null, oe(l.plots, (o, n) => (v(), ae(pt, {
                 plot: { x: o.x, y: o.y },
-                radius: Y.value && Y.value === o.id ? o.weight * 2 : o.weight,
+                radius: R.value && R.value === o.id ? o.weight * 2 : o.weight,
                 shape: l.shape,
-                color: d(je)(l.color, e.value.style.layout.plots.opacity * 100),
+                color: h(je)(l.color, e.value.style.layout.plots.opacity * 100),
                 stroke: e.value.style.layout.plots.stroke,
                 strokeWidth: e.value.style.layout.plots.strokeWidth,
-                style: ue(`opacity:${Y.value && Y.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / Ot.value : e.value.style.layout.plots.significance.show && Math.abs(o.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
-                onMouseover: (i) => Te(o, s, "pointer", ke.value.get(o.id)),
+                style: ue(`opacity:${R.value && R.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / Ot.value : e.value.style.layout.plots.significance.show && Math.abs(o.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
+                onMouseover: (i) => he(o, s, "pointer", ve.value.get(o.id)),
                 onMouseleave: (i) => Xe(o, s),
                 onClick: (i) => Ye(o, s)
               }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "style", "onMouseover", "onMouseleave", "onClick"]))), 256))
@@ -1383,9 +1396,9 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           ]))), 256)),
           e.value.usePerformanceMode ? (v(), c(Q, { key: 5 }, [
             k("g", {
-              "clip-path": `url(#clip_path_${E.value})`
+              "clip-path": `url(#clip_path_${N.value})`
             }, [
-              (v(!0), c(Q, null, oe(Ll.value, (l) => (v(), c("path", {
+              (v(!0), c(Q, null, oe(Pl.value, (l) => (v(), c("path", {
                 key: l.id,
                 d: l.d,
                 fill: l.fill,
@@ -1405,21 +1418,21 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 stroke: e.value.style.layout.plots.stroke,
                 strokeWidth: e.value.style.layout.plots.strokeWidth
               }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])
-            ])) : m("", !0),
+            ])) : x("", !0),
             k("rect", {
               x: u.value.left,
               y: u.value.top,
               width: Math.max(1e-4, u.value.width),
               height: Math.max(1e-4, u.value.height),
               fill: "transparent",
-              onMousemove: a[2] || (a[2] = (...l) => d(Yt) && d(Yt)(...l)),
-              onMouseleave: Pl,
-              onClick: zl
+              onMousemove: a[2] || (a[2] = (...l) => h(Yt) && h(Yt)(...l)),
+              onMouseleave: zl,
+              onClick: Il
             }, null, 40, po)
-          ], 64)) : m("", !0),
+          ], 64)) : x("", !0),
           g.value && e.value.style.layout.plots.selectors.show ? (v(), c("g", go, [
             k("line", {
-              x1: F.value.x,
+              x1: W.value.x,
               x2: g.value.x,
               y1: g.value.y,
               y2: g.value.y,
@@ -1432,52 +1445,52 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             k("line", {
               x1: g.value.x,
               x2: g.value.x,
-              y1: F.value.y,
+              y1: W.value.y,
               y2: g.value.y,
               stroke: e.value.style.layout.plots.selectors.stroke,
               "stroke-width": e.value.style.layout.plots.selectors.strokeWidth,
               "stroke-dasharray": e.value.style.layout.plots.selectors.strokeDasharray,
               "stroke-linecap": "round",
               class: "line-pointer"
-            }, null, 8, bo),
+            }, null, 8, xo),
             k("text", {
-              x: F.value.x + (g.value.x > F.value.x ? -6 : 6),
+              x: W.value.x + (g.value.x > W.value.x ? -6 : 6),
               y: g.value.y + e.value.style.layout.plots.selectors.labels.fontSize / 3,
               "font-size": e.value.style.layout.plots.selectors.labels.fontSize,
               fill: e.value.style.layout.plots.selectors.labels.color,
               "font-weight": e.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
-              "text-anchor": g.value.x > F.value.x ? "end" : "start"
-            }, V(d(se)(
+              "text-anchor": g.value.x > W.value.x ? "end" : "start"
+            }, V(h(se)(
               e.value.style.layout.plots.selectors.labels.y.formatter,
-              d(Z)(g.value.v.y),
-              d(ee)({
+              h(Z)(g.value.v.y),
+              h(ee)({
                 p: e.value.style.layout.plots.selectors.labels.prefix,
-                v: d(Z)(g.value.v.y),
+                v: h(Z)(g.value.v.y),
                 s: e.value.style.layout.plots.selectors.labels.suffix,
                 r: e.value.style.layout.plots.selectors.labels.rounding
               }),
               { datapoint: g.value }
-            )), 9, xo),
+            )), 9, bo),
             k("text", {
               x: g.value.x,
-              y: F.value.y + (g.value.y > F.value.y ? -6 : e.value.style.layout.plots.selectors.labels.fontSize + 6),
+              y: W.value.y + (g.value.y > W.value.y ? -6 : e.value.style.layout.plots.selectors.labels.fontSize + 6),
               "font-size": e.value.style.layout.plots.selectors.labels.fontSize,
               fill: e.value.style.layout.plots.selectors.labels.color,
               "font-weight": e.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
               "text-anchor": "middle"
-            }, V(d(se)(
+            }, V(h(se)(
               e.value.style.layout.plots.selectors.labels.y.formatter,
-              d(Z)(g.value.v.x),
-              d(ee)({
+              h(Z)(g.value.v.x),
+              h(ee)({
                 p: e.value.style.layout.plots.selectors.labels.prefix,
-                v: d(Z)(g.value.v.x),
+                v: h(Z)(g.value.v.x),
                 s: e.value.style.layout.plots.selectors.labels.suffix,
                 r: e.value.style.layout.plots.selectors.labels.rounding
               }),
               { datapoint: g.value }
             )), 9, ko),
             k("circle", {
-              cx: F.value.x,
+              cx: W.value.x,
               cy: g.value.y,
               r: e.value.style.layout.plots.selectors.markers.radius,
               fill: e.value.style.layout.plots.selectors.markers.fill,
@@ -1487,7 +1500,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             }, null, 8, wo),
             k("circle", {
               cx: g.value.x,
-              cy: F.value.y,
+              cy: W.value.y,
               r: e.value.style.layout.plots.selectors.markers.radius,
               fill: e.value.style.layout.plots.selectors.markers.fill,
               stroke: e.value.style.layout.plots.selectors.markers.stroke,
@@ -1497,20 +1510,20 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             e.value.style.layout.plots.selectors.labels.showName ? (v(), c("text", {
               key: 0,
               x: g.value.x,
-              y: g.value.y + (g.value.y < F.value.y ? -e.value.style.layout.plots.selectors.labels.fontSize / 2 : e.value.style.layout.plots.selectors.labels.fontSize),
+              y: g.value.y + (g.value.y < W.value.y ? -e.value.style.layout.plots.selectors.labels.fontSize / 2 : e.value.style.layout.plots.selectors.labels.fontSize),
               "font-size": e.value.style.layout.plots.selectors.labels.fontSize,
               fill: e.value.style.layout.plots.selectors.labels.color,
               "font-weight": e.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
-              "text-anchor": g.value.x < u.value.left + 100 ? "start" : g.value.x > u.value.right - 100 ? "end" : g.value.x > F.value.x ? "start" : "end"
-            }, V(g.value.v.name), 9, Mo)) : m("", !0)
-          ])) : m("", !0),
+              "text-anchor": g.value.x < u.value.left + 100 ? "start" : g.value.x > u.value.right - 100 ? "end" : g.value.x > W.value.x ? "start" : "end"
+            }, V(g.value.v.name), 9, Mo)) : x("", !0)
+          ])) : x("", !0),
           e.value.style.layout.dataLabels.xAxis.show ? (v(), c("g", {
             key: 7,
             ref_key: "xAxisLabelLeft",
             ref: He
           }, [
             k("text", {
-              id: `vue-ui-scatter-xAxis-label-${E.value}`,
+              id: `vue-ui-scatter-xAxis-label-${N.value}`,
               transform: `translate(${e.value.style.layout.dataLabels.xAxis.fontSize}, ${u.value.top + u.value.height / 2}), rotate(-90)`,
               "text-anchor": "middle",
               "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
@@ -1521,72 +1534,72 @@ const Aa = ["id"], Sa = ["id"], Ta = {
               "text-anchor": "middle",
               "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
               fill: e.value.style.layout.dataLabels.xAxis.color,
-              transform: `translate(${e.value.style.layout.dataLabels.xAxis.name ? e.value.style.layout.dataLabels.xAxis.fontSize * 3 : 0}, ${F.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
-            }, V(d(se)(
+              transform: `translate(${e.value.style.layout.dataLabels.xAxis.name ? e.value.style.layout.dataLabels.xAxis.fontSize * 3 : 0}, ${W.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
+            }, V(h(se)(
               e.value.style.layout.plots.selectors.labels.x.formatter,
-              d(Z)(N.value.xMin),
-              d(ee)({
+              h(Z)(F.value.xMin),
+              h(ee)({
                 p: e.value.style.layout.plots.selectors.labels.prefix,
-                v: d(Z)(N.value.xMin),
+                v: h(Z)(F.value.xMin),
                 s: e.value.style.layout.plots.selectors.labels.suffix,
                 r: e.value.style.layout.dataLabels.xAxis.rounding
               })
             )), 9, Co)
-          ], 512)) : m("", !0),
+          ], 512)) : x("", !0),
           e.value.style.layout.dataLabels.xAxis.show ? (v(), c("text", {
             key: 8,
             ref_key: "xAxisLabelRight",
-            ref: hl,
+            ref: fl,
             "text-anchor": "middle",
-            transform: `translate(${u.value.right + e.value.style.layout.padding.right + 6}, ${F.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`,
+            transform: `translate(${u.value.right + e.value.style.layout.padding.right + 6}, ${W.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`,
             "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
             fill: e.value.style.layout.dataLabels.xAxis.color
-          }, V(d(se)(
+          }, V(h(se)(
             e.value.style.layout.plots.selectors.labels.x.formatter,
-            d(Z)(N.value.xMax),
-            d(ee)({
+            h(Z)(F.value.xMax),
+            h(ee)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: d(Z)(N.value.xMax),
+              v: h(Z)(F.value.xMax),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.xAxis.rounding
             })
-          )), 9, Ao)) : m("", !0),
+          )), 9, Ao)) : x("", !0),
           e.value.style.layout.dataLabels.yAxis.show ? (v(), c("text", {
             key: 9,
             ref_key: "yAxisLabelTop",
-            ref: fl,
-            x: F.value.x,
+            ref: pl,
+            x: W.value.x,
             y: u.value.top - e.value.style.layout.dataLabels.yAxis.fontSize,
             "text-anchor": "middle",
             "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
             fill: e.value.style.layout.dataLabels.yAxis.color
-          }, V(d(se)(
+          }, V(h(se)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            d(Z)(N.value.yMax),
-            d(ee)({
+            h(Z)(F.value.yMax),
+            h(ee)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: d(Z)(N.value.yMax),
+              v: h(Z)(F.value.yMax),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.yAxis.rounding
             })
-          )), 9, So)) : m("", !0),
+          )), 9, So)) : x("", !0),
           e.value.style.layout.dataLabels.yAxis.show ? (v(), c("g", {
             key: 10,
             ref_key: "yAxisLabelBottom",
             ref: Ke
           }, [
             k("text", {
-              x: F.value.x,
-              y: X.value.height - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+              x: W.value.x,
+              y: Y.value.height - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
               "text-anchor": "middle",
               "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
               fill: e.value.style.layout.dataLabels.yAxis.color
-            }, V(d(se)(
+            }, V(h(se)(
               e.value.style.layout.plots.selectors.labels.y.formatter,
-              d(Z)(N.value.yMin),
-              d(ee)({
+              h(Z)(F.value.yMin),
+              h(ee)({
                 p: e.value.style.layout.plots.selectors.labels.prefix,
-                v: d(Z)(N.value.yMin),
+                v: h(Z)(F.value.yMin),
                 s: e.value.style.layout.plots.selectors.labels.suffix,
                 r: e.value.style.layout.dataLabels.yAxis.rounding
               })
@@ -1597,19 +1610,19 @@ const Aa = ["id"], Sa = ["id"], Ta = {
               "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal",
               fill: e.value.style.layout.dataLabels.yAxis.color,
               x: u.value.left + u.value.width / 2,
-              y: X.value.height
+              y: Y.value.height
             }, V(e.value.style.layout.dataLabels.yAxis.name), 9, Lo)
-          ], 512)) : m("", !0),
+          ], 512)) : x("", !0),
           k("clipPath", {
-            id: `clip_path_${E.value}`
+            id: `clip_path_${N.value}`
           }, [
             k("rect", {
               x: u.value.left,
               y: u.value.top,
               width: u.value.width <= 0 ? 1e-4 : u.value.width,
               height: u.value.height <= 0 ? 1e-4 : u.value.height
-            }, null, 8, Po)
-          ], 8, Bo),
+            }, null, 8, Bo)
+          ], 8, Po),
           e.value.style.layout.correlation.show ? (v(), c("g", zo, [
             (v(!0), c(Q, null, oe(U.value, (l, s) => (v(), c("line", {
               x1: l.correlation.x1,
@@ -1619,7 +1632,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
               "stroke-dasharray": e.value.style.layout.correlation.strokeDasharray,
               stroke: l.color,
               "stroke-width": e.value.style.layout.correlation.strokeWidth,
-              "clip-path": `url(#clip_path_${E.value})`
+              "clip-path": `url(#clip_path_${N.value})`
             }, null, 8, Io))), 256)),
             (v(!0), c(Q, null, oe(U.value, (l, s) => (v(), c("g", null, [
               e.value.style.layout.correlation.label.show ? (v(), c("text", {
@@ -1630,48 +1643,48 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 "text-anchor": "end",
                 "font-size": e.value.style.layout.correlation.label.fontSize,
                 "font-weight": e.value.style.layout.correlation.label.bold ? "bold" : "normal"
-              }, V(d(ee)({
-                v: d(Z)(l.correlation.coefficient),
+              }, V(h(ee)({
+                v: h(Z)(l.correlation.coefficient),
                 r: e.value.style.layout.correlation.label.roundingValue
-              })), 9, Oo)) : m("", !0)
+              })), 9, Oo)) : x("", !0)
             ]))), 256))
-          ])) : m("", !0),
-          P(t.$slots, "svg", {
+          ])) : x("", !0),
+          z(t.$slots, "svg", {
             svg: {
-              ...X.value,
+              ...Y.value,
               drawingArea: {
                 ...u.value,
-                zero: F.value
+                zero: W.value
               },
-              data: me.value,
-              isPrintingImg: d(lt) | d(at) | Ee.value,
+              data: be.value,
+              isPrintingImg: h(lt) | h(at) | Ee.value,
               isPrintingSvg: Ne.value
             }
           }, void 0, !0)
-        ], 46, Pa)),
+        ], 46, Ba)),
         t.$slots.hint ? (v(), c("div", Do, [
-          P(t.$slots, "hint", H(K({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Fe.value })), void 0, !0)
-        ])) : m("", !0)
+          z(t.$slots, "hint", H(K({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Fe.value })), void 0, !0)
+        ])) : x("", !0)
       ]),
       t.$slots.watermark ? (v(), c("div", Eo, [
-        P(t.$slots, "watermark", H(K({ isPrinting: d(lt) || d(at) || Ee.value || Ne.value })), void 0, !0)
-      ])) : m("", !0),
+        z(t.$slots, "watermark", H(K({ isPrinting: h(lt) || h(at) || Ee.value || Ne.value })), void 0, !0)
+      ])) : x("", !0),
       k("div", {
-        id: `legend-bottom-${E.value}`
+        id: `legend-bottom-${N.value}`
       }, null, 8, No),
       Ct.value ? (v(), ae(ql, {
         key: 7,
-        to: e.value.style.legend.position === "top" ? `#legend-top-${E.value}` : `#legend-bottom-${E.value}`
+        to: e.value.style.legend.position === "top" ? `#legend-top-${N.value}` : `#legend-bottom-${N.value}`
       }, [
         k("div", {
           ref_key: "chartLegend",
-          ref: xt
+          ref: bt
         }, [
           e.value.style.legend.show ? (v(), ae($a, {
             key: `legend_${_t.value}`,
             legendSet: J.value,
             config: bl.value,
-            isCursorPointer: ye.value,
+            isCursorPointer: de.value,
             onClickMarker: a[3] || (a[3] = ({ legend: l }) => Re(l.id))
           }, {
             item: B(({ legend: l }) => [
@@ -1681,32 +1694,32 @@ const Aa = ["id"], Sa = ["id"], Ta = {
               }, V(l.name), 13, Fo)
             ]),
             legendToggle: B(() => [
-              J.value.length > 2 && e.value.style.legend.selectAllToggle.show && !d(Ze) ? (v(), ae(_a, {
+              J.value.length > 2 && e.value.style.legend.selectAllToggle.show && !h(Ze) ? (v(), ae(_a, {
                 key: 0,
                 backgroundColor: e.value.style.legend.selectAllToggle.backgroundColor,
                 color: e.value.style.legend.selectAllToggle.color,
                 fontSize: e.value.style.legend.fontSize,
                 checked: I.value.length > 0,
-                isCursorPointer: ye.value,
-                onToggle: $l
-              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : m("", !0)
+                isCursorPointer: de.value,
+                onToggle: Ml
+              }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : x("", !0)
             ]),
             _: 1
-          }, 8, ["legendSet", "config", "isCursorPointer"])) : P(t.$slots, "legend", {
+          }, 8, ["legendSet", "config", "isCursorPointer"])) : z(t.$slots, "legend", {
             key: 1,
             legend: J.value
           }, void 0, !0)
         ], 512)
-      ], 8, ["to"])) : m("", !0),
+      ], 8, ["to"])) : x("", !0),
       t.$slots.source ? (v(), c("div", {
         key: 8,
         ref_key: "source",
         ref: kt,
         dir: "auto"
       }, [
-        P(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : m("", !0),
-      Oe(d(ll), {
+        z(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : x("", !0),
+      Oe(h(al), {
         teleportTo: e.value.style.tooltip.teleportTo,
         show: q.value.showTooltip && De.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
@@ -1720,20 +1733,20 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         offsetY: e.value.style.tooltip.offsetY,
         parent: ne.value,
         content: Ge.value,
-        isFullscreen: de.value,
+        isFullscreen: fe.value,
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
         smooth: e.value.style.tooltip.smooth,
         backdropFilter: e.value.style.tooltip.backdropFilter,
         smoothForce: e.value.style.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold,
-        isA11yMode: Ae.value === "keyboard",
+        isA11yMode: Se.value === "keyboard",
         a11yPosition: At.value
       }, {
         "tooltip-before": B(() => [
-          P(t.$slots, "tooltip-before", H(K({ ...ot.value })), void 0, !0)
+          z(t.$slots, "tooltip-before", H(K({ ...ot.value })), void 0, !0)
         ]),
         "tooltip-after": B(() => [
-          P(t.$slots, "tooltip-after", H(K({ ...ot.value })), void 0, !0)
+          z(t.$slots, "tooltip-after", H(K({ ...ot.value })), void 0, !0)
         ]),
         default: B(() => [
           e.value.style.tooltip.showShape ? (v(), c("div", Wo, [
@@ -1745,29 +1758,29 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 radius: 7
               }, null, 8, ["shape", "color"])
             ]))
-          ])) : m("", !0)
+          ])) : x("", !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      gt.value && e.value.userOptions.buttons.table ? (v(), ae(Hl(Be.value.component), Kl({ key: 9 }, Be.value.props, {
+      gt.value && e.value.userOptions.buttons.table ? (v(), ae(Hl(Pe.value.component), Kl({ key: 9 }, Pe.value.props, {
         ref_key: "tableUnit",
-        ref: Ce,
+        ref: Ae,
         onClose: Rt
-      }), qt({
+      }), Ht({
         content: B(() => [
-          (v(), ae(d(sl), {
+          (v(), ae(h(nl), {
             key: `table_${Mt.value}`,
-            colNames: be.value.colNames,
-            head: be.value.head,
-            body: be.value.body,
-            config: be.value.config,
-            title: e.value.table.useDialog ? "" : Be.value.title,
+            colNames: ke.value.colNames,
+            head: ke.value.head,
+            body: ke.value.body,
+            config: ke.value.config,
+            title: e.value.table.useDialog ? "" : Pe.value.title,
             withCloseButton: !e.value.table.useDialog,
-            isCursorPointer: ye.value,
+            isCursorPointer: de.value,
             onClose: Rt
           }, {
             th: B(({ th: l }) => [
-              Ht(V(l), 1)
+              Kt(V(l), 1)
             ]),
             td: B(({ td: l }) => [
               l.shape ? (v(), c("div", Yo, [
@@ -1785,7 +1798,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         e.value.table.useDialog ? {
           name: "title",
           fn: B(() => [
-            Ht(V(Be.value.title), 1)
+            Kt(V(Pe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1796,23 +1809,23 @@ const Aa = ["id"], Sa = ["id"], Ta = {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: a[4] || (a[4] = (l) => nt(e.value.userOptions.callbacks.csv)),
-              style: ue({ cursor: ye.value ? "pointer" : "default" })
+              style: ue({ cursor: de.value ? "pointer" : "default" })
             }, [
-              Oe(d(al), {
+              Oe(h(ol), {
                 name: "fileCsv",
-                stroke: Be.value.props.color
+                stroke: Pe.value.props.color
               }, null, 8, ["stroke"])
             ], 4)
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : m("", !0),
-      P(t.$slots, "skeleton", {}, () => [
-        d(Ze) ? (v(), ae(ha, { key: 0 })) : m("", !0)
+      ]), 1040)) : x("", !0),
+      z(t.$slots, "skeleton", {}, () => [
+        h(Ze) ? (v(), ae(ha, { key: 0 })) : x("", !0)
       ], !0)
     ], 46, Aa));
   }
-}, vs = /* @__PURE__ */ Ca(Vo, [["__scopeId", "data-v-e5237043"]]);
+}, vs = /* @__PURE__ */ Ca(Vo, [["__scopeId", "data-v-cde737cf"]]);
 export {
   vs as default
 };