vue-data-ui 3.5.0 → 3.5.2

package/dist/{vue-ui-scatter--Dxe-hfO.js → vue-ui-scatter-CtvOXUnx.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as ne, computed as T, ref as M, toRefs as gl, watch as Pe, shallowRef as Tt, onMounted as ml, onBeforeUnmount as xl, createElementBlock as c, openBlock as r, unref as y, normalizeStyle as ue, normalizeClass as zt, createBlock as ae, createCommentVNode as x, createElementVNode as w, createVNode as _e, createSlots as Pt, withCtx as N, renderSlot as R, normalizeProps as fe, guardReactiveProps as pe, Fragment as Z, renderList as K, toDisplayString as G, Teleport as bl, resolveDynamicComponent as kl, mergeProps as wl, createTextVNode as Ot, nextTick as $l } from "vue";
-import { c as _l, t as Ml, b as Sl, p as ce, o as Dt, f as Je, e as Cl, g as Et, aa as Al, h as Ke, ac as Ll, z as Bl, s as Oe, X as Tl, ab as zl, a as ie, x as q, d as ee, P as Pl, Q as Ol, G as Dl, H as El } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as ie, computed as z, ref as M, toRefs as gl, watch as Pe, shallowRef as Tt, onMounted as ml, onBeforeUnmount as xl, createElementBlock as c, openBlock as r, unref as y, normalizeStyle as re, normalizeClass as zt, createBlock as se, createCommentVNode as x, createElementVNode as w, createVNode as _e, withCtx as T, renderSlot as P, normalizeProps as J, guardReactiveProps as K, createSlots as Pt, Fragment as Z, renderList as te, toDisplayString as G, Teleport as bl, resolveDynamicComponent as kl, mergeProps as wl, createTextVNode as Ot, nextTick as $l } from "vue";
+import { c as _l, t as Ml, b as Sl, p as de, o as Dt, f as Je, e as Cl, g as Et, aa as Al, h as Ke, ac as Ll, z as Bl, s as Oe, X as Tl, ab as zl, a as ve, x as q, d as le, P as Pl, Q as Ol, G as Dl, H as El } from "./lib-C_mNZmhD.js";
 import { t as Fl, u as Wl } from "./useResponsive-DfdjqQps.js";
-import { u as Nl, a as Ft } from "./useNestedProp-BjZe1Y85.js";
+import { u as Nl, a as Ft } from "./useNestedProp-CReNavA0.js";
 import { u as Il, B as Xl } from "./BaseScanner-BgWxam9d.js";
 import { u as Yl } from "./usePrinter-DTzqpYKF.js";
 import { u as Rl } from "./useSvgExport-DrjCWun4.js";
@@ -9,7 +9,7 @@ import { u as Ul } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Vl } from "./useChartAccessibility-9icAAmYg.js";
 import { t as jl } from "./themes-AUNCOb2G.js";
 import Gl from "./Legend-G6GMcdAc.js";
-import ql from "./Title-l36lOBMx.js";
+import ql from "./Title-BzH_LEA3.js";
 import { _ as et } from "./Shape-CNXKB8O0.js";
 import Hl from "./img-BecE5qXd.js";
 import { _ as Zl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -59,30 +59,30 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
     }
   },
   setup(Wt, { expose: Nt }) {
-    const It = ne(() => import("./Tooltip-oWCO1HKy.js")), Xt = ne(() => import("./BaseIcon-BmMbm4d0.js")), Yt = ne(() => import("./vue-ui-accordion-CZ0thhxa.js")), Rt = ne(() => import("./DataTable-BT7VF2ua.js")), Ut = ne(() => import("./PenAndPaper-DSvu9dwa.js")), Vt = ne(() => import("./UserOptions-CGnQt6Fd.js")), jt = ne(() => import("./PackageVersion-Cyx_s25h.js")), Gt = ne(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_scatter: qt } = Nl(), te = Wt, tt = T(() => !!te.dataset && te.dataset.length), I = M(_l()), De = M(!1), Ee = M(""), lt = M(0), le = M(null), at = M(null), ot = M(null), st = M(null), nt = M(null), ut = M(0), it = M(0), rt = M(0), F = M([]), vt = M(!1), ge = M(null), me = M(null), xe = M(null), Fe = M(null), We = M(null), Ht = M(null), Zt = M(null), Ne = M(null), e = M(Re());
+    const It = ie(() => import("./Tooltip-oWCO1HKy.js")), Xt = ie(() => import("./BaseIcon-BmMbm4d0.js")), Yt = ie(() => import("./vue-ui-accordion-BmFTVF1a.js")), Rt = ie(() => import("./DataTable-BT7VF2ua.js")), Ut = ie(() => import("./PenAndPaper-SZQIAgkg.js")), Vt = ie(() => import("./UserOptions-CGnQt6Fd.js")), jt = ie(() => import("./PackageVersion-Y7t79Jtq.js")), Gt = ie(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_scatter: qt } = Nl(), ae = Wt, tt = z(() => !!ae.dataset && ae.dataset.length), X = M(_l()), De = M(!1), Ee = M(""), lt = M(0), oe = M(null), at = M(null), ot = M(null), st = M(null), nt = M(null), ut = M(0), it = M(0), rt = M(0), N = M([]), vt = M(!1), ge = M(null), me = M(null), xe = M(null), Fe = M(null), We = M(null), Ht = M(null), Zt = M(null), Ne = M(null), e = M(Re());
     function Qt(l = 100, a = 0.8, t = {}) {
       const { meanX: s = 0, sdX: o = 1, meanY: u = 0, sdY: i = 1, seed: f } = t;
       let v = (f ?? Math.floor(Math.random() * 2 ** 31)) >>> 0;
       const g = () => (v = v * 1664525 + 1013904223 >>> 0, v / 2 ** 32), L = () => {
-        let m = 0, E = 0;
+        let m = 0, W = 0;
         for (; m === 0; ) m = g();
-        for (; E === 0; ) E = g();
-        return Math.sqrt(-2 * Math.log(m)) * Math.cos(2 * Math.PI * E);
-      }, d = l / 2, _ = Array.from({ length: d }, L), D = Array.from({ length: d }, L), S = (m) => m.reduce((E, $e) => E + $e, 0) / m.length, z = S(_), X = S(D);
+        for (; W === 0; ) W = g();
+        return Math.sqrt(-2 * Math.log(m)) * Math.cos(2 * Math.PI * W);
+      }, d = l / 2, _ = Array.from({ length: d }, L), F = Array.from({ length: d }, L), S = (m) => m.reduce((W, $e) => W + $e, 0) / m.length, O = S(_), Y = S(F);
       for (let m = 0; m < d; m += 1)
-        _[m] -= z, D[m] -= X;
-      const B = (m, E) => m.reduce(($e, ze, Qe) => $e + ze * E[Qe], 0), $ = (m) => B(m, m), h = B(D, _) / $(_), A = D.map((m, E) => m - h * _[E]), j = $(_) / d, Q = $(A) / d, se = Math.sqrt((1 - a * a) * j / Q), U = _.map((m, E) => a * m + se * A[E]), ve = _.concat(_.map((m) => -m)), Ze = U.concat(U.map((m) => -m)), ke = (m) => Math.sqrt($(m) / m.length), de = (m, E, $e) => {
+        _[m] -= O, F[m] -= Y;
+      const B = (m, W) => m.reduce(($e, ze, Qe) => $e + ze * W[Qe], 0), $ = (m) => B(m, m), h = B(F, _) / $(_), A = F.map((m, W) => m - h * _[W]), j = $(_) / d, Q = $(A) / d, ue = Math.sqrt((1 - a * a) * j / Q), U = _.map((m, W) => a * m + ue * A[W]), ye = _.concat(_.map((m) => -m)), Ze = U.concat(U.map((m) => -m)), ke = (m) => Math.sqrt($(m) / m.length), fe = (m, W, $e) => {
         const ze = ke(m);
-        return m.map((Qe) => $e + (ze ? Qe / ze * E : 0));
-      }, he = de(ve, o, s), we = de(Ze, i, u);
-      for (let m = he.length - 1; m > 0; m -= 1) {
-        const E = Math.floor(g() * (m + 1));
-        [he[m], he[E]] = [he[E], he[m]], [we[m], we[E]] = [we[E], we[m]];
+        return m.map((Qe) => $e + (ze ? Qe / ze * W : 0));
+      }, pe = fe(ye, o, s), we = fe(Ze, i, u);
+      for (let m = pe.length - 1; m > 0; m -= 1) {
+        const W = Math.floor(g() * (m + 1));
+        [pe[m], pe[W]] = [pe[W], pe[m]], [we[m], we[W]] = [we[W], we[m]];
       }
-      return he.map((m, E) => ({ x: m, y: we[E] }));
+      return pe.map((m, W) => ({ x: m, y: we[W] }));
     }
     const { loading: ct, FINAL_DATASET: Ie, manualLoading: Xe } = Il({
-      ...gl(te),
+      ...gl(ae),
       FINAL_CONFIG: e,
       prepareConfig: Re,
       skeletonDataset: [
@@ -128,18 +128,18 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
     }), { userOptionsVisible: Ye, setUserOptionsVisibility: yt, keepUserOptionState: dt } = Ul({ config: e.value }), { svgRef: Me } = Vl({ config: e.value.style.title });
     function Re() {
       const l = Ft({
-        userConfig: te.config,
+        userConfig: ae.config,
         defaultConfig: qt
       });
       return l.theme ? {
         ...Ft({
-          userConfig: jl.vue_ui_scatter[l.theme] || te.config,
+          userConfig: jl.vue_ui_scatter[l.theme] || ae.config,
           defaultConfig: l
         }),
-        customPalette: Sl[l.theme] || ce
+        customPalette: Sl[l.theme] || de
       } : l;
     }
-    Pe(() => te.config, (l) => {
+    Pe(() => ae.config, (l) => {
       ct.value || (e.value = Re()), Ye.value = !e.value.userOptions.showOnChartHover, ft(), ut.value += 1, it.value += 1, rt.value += 1, H.value.showTable = e.value.table.show, H.value.showTooltip = e.value.style.tooltip.show, ht.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
 
 - downsampling is disabled in this mode, all plots are rendered
@@ -149,43 +149,43 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
 - Depending on plot density, shapes might not display a border (stroke) to avoid fuzziness 
 
 ℹ️ To remove this warning, set config.debug to false.`);
-    }, { deep: !0 }), Pe(() => te.dataset, (l) => {
+    }, { deep: !0 }), Pe(() => ae.dataset, (l) => {
       Array.isArray(l) && l.length > 0 && (Xe.value = !1);
     }, { deep: !0 });
-    const oe = Tt(null), ye = Tt(null);
+    const ne = Tt(null), he = Tt(null);
     ml(() => {
       vt.value = !0, ft();
     });
-    const ht = T(() => !!e.value.debug);
+    const ht = z(() => !!e.value.debug);
     function ft() {
-      if (Dt(te.dataset) && (Je({
+      if (Dt(ae.dataset) && (Je({
         componentName: "VueUiScatter",
         type: "dataset",
         debug: ht.value
-      }), Xe.value = !0), Dt(te.dataset) || (Xe.value = e.value.loading), e.value.responsive) {
+      }), Xe.value = !0), Dt(ae.dataset) || (Xe.value = e.value.loading), e.value.responsive) {
         const l = Fl(() => {
           const { width: a, height: t } = Wl({
-            chart: le.value,
+            chart: oe.value,
             title: e.value.style.title.text ? at.value : null,
             legend: e.value.style.legend.show ? ot.value : null,
             source: st.value,
             noTitle: nt.value
           });
           requestAnimationFrame(() => {
-            W.value.width = a, W.value.height = t;
+            I.value.width = a, I.value.height = t;
           });
         });
-        oe.value && (ye.value && oe.value.unobserve(ye.value), oe.value.disconnect()), oe.value = new ResizeObserver(l), ye.value = le.value.parentNode, oe.value.observe(ye.value);
+        ne.value && (he.value && ne.value.unobserve(he.value), ne.value.disconnect()), ne.value = new ResizeObserver(l), he.value = oe.value.parentNode, ne.value.observe(he.value);
       }
     }
     xl(() => {
-      oe.value && (ye.value && oe.value.unobserve(ye.value), oe.value.disconnect());
+      ne.value && (he.value && ne.value.unobserve(he.value), ne.value.disconnect());
     });
     const { isPrinting: pt, isImaging: gt, generatePdf: mt, generateImage: xt } = Yl({
-      elementId: `vue-ui-scatter_${I.value}`,
+      elementId: `vue-ui-scatter_${X.value}`,
       fileName: e.value.style.title.text || "vue-ui-scatter",
       options: e.value.userOptions.print
-    }), Jt = T(() => e.value.userOptions.show && !e.value.style.title.text), bt = T(() => Cl(e.value.customPalette)), H = M({
+    }), Jt = z(() => e.value.userOptions.show && !e.value.style.title.text), bt = z(() => Cl(e.value.customPalette)), H = M({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
@@ -195,20 +195,20 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const W = M({
+    const I = M({
       height: e.value.style.layout.height,
       width: e.value.style.layout.width
-    }), Se = T(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), n = T(() => {
+    }), Se = z(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), n = z(() => {
       let l = 0, a = 0;
       return We.value && (l = We.value.getBBox().width + 6), Ne.value && (a = Ne.value.getBBox().height + 6), {
         top: e.value.style.layout.padding.top + Se.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        right: W.value.width - e.value.style.layout.padding.right - Se.value - 6,
-        bottom: W.value.height - e.value.style.layout.padding.bottom - a,
+        right: I.value.width - e.value.style.layout.padding.right - Se.value - 6,
+        bottom: I.value.height - e.value.style.layout.padding.bottom - a,
         left: e.value.style.layout.padding.left + l,
-        height: W.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - Se.value - a - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        width: W.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - Se.value - l - 6
+        height: I.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - Se.value - a - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+        width: I.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - Se.value - l - 6
       };
-    }), P = T(() => {
+    }), D = z(() => {
       Ie.value.forEach((o, u) => {
         Et({
           datasetObject: o,
@@ -234,13 +234,13 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           });
         });
       });
-      const l = Math.min(...J.value.filter((o) => !F.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.x))), a = Math.max(...J.value.filter((o) => !F.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.x))), t = Math.min(...J.value.filter((o) => !F.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.y))), s = Math.max(...J.value.filter((o) => !F.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.y)));
+      const l = Math.min(...ee.value.filter((o) => !N.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.x))), a = Math.max(...ee.value.filter((o) => !N.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.x))), t = Math.min(...ee.value.filter((o) => !N.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.y))), s = Math.max(...ee.value.filter((o) => !N.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.y)));
       return { xMin: l >= 0 ? 0 : l, xMax: a, yMin: t >= 0 ? 0 : t, yMax: s };
-    }), O = T(() => ({
-      x: n.value.left + Math.abs(P.value.xMin) / (P.value.xMax + Math.abs(P.value.xMin)) * n.value.width,
-      y: n.value.bottom - Math.abs(P.value.yMin) / (P.value.yMax + Math.abs(P.value.yMin)) * n.value.height
-    })), J = T(() => Ie.value.map((l, a) => {
-      const t = `cluster_${I.value}_${a}`;
+    }), E = z(() => ({
+      x: n.value.left + Math.abs(D.value.xMin) / (D.value.xMax + Math.abs(D.value.xMin)) * n.value.width,
+      y: n.value.bottom - Math.abs(D.value.yMin) / (D.value.yMax + Math.abs(D.value.yMin)) * n.value.height
+    })), ee = z(() => Ie.value.map((l, a) => {
+      const t = `cluster_${X.value}_${a}`;
       return {
         ...l,
         values: Al({
@@ -248,50 +248,50 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           threshold: e.value.usePerformanceMode ? l.values.length + 1 : e.value.downsample.threshold
         }),
         id: t,
-        color: l.color ? l.color : bt.value[a] || ce[a] || ce[a % ce.length],
-        opacity: F.value.includes(t) ? 0.5 : 1,
+        color: l.color ? l.color : bt.value[a] || de[a] || de[a % de.length],
+        opacity: N.value.includes(t) ? 0.5 : 1,
         shape: l.shape ?? "circle",
         segregate: () => Le(t),
-        isSegregated: F.value.includes(t)
+        isSegregated: N.value.includes(t)
       };
-    })), Kt = T(() => ({
+    })), Kt = z(() => ({
       cy: "scatter-div-legend",
       backgroundColor: e.value.style.legend.backgroundColor,
       color: e.value.style.legend.color,
       fontSize: e.value.style.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.legend.bold ? "bold" : ""
-    })), Ce = T(() => J.value.map((l, a) => ({
+    })), Ce = z(() => ee.value.map((l, a) => ({
       ...l,
       plots: l.values.map((t) => ({
-        x: n.value.left + (t.x + Math.abs(P.value.xMin)) / (P.value.xMax + Math.abs(P.value.xMin)) * n.value.width,
-        y: n.value.bottom - (t.y + Math.abs(P.value.yMin)) / (P.value.yMax + Math.abs(P.value.yMin)) * n.value.height,
+        x: n.value.left + (t.x + Math.abs(D.value.xMin)) / (D.value.xMax + Math.abs(D.value.xMin)) * n.value.width,
+        y: n.value.bottom - (t.y + Math.abs(D.value.yMin)) / (D.value.yMax + Math.abs(D.value.yMin)) * n.value.height,
         v: {
           ...t,
           name: t.name || ""
         },
         clusterName: l.name,
-        color: l.color ? l.color : bt.value[a] || ce[a] || ce[a % ce.length],
-        id: `plot_${I.value}_${Math.random()}`,
+        color: l.color ? l.color : bt.value[a] || de[a] || de[a % de.length],
+        id: `plot_${X.value}_${Math.random()}`,
         weight: t.weight ?? e.value.style.layout.plots.radius
       }))
-    })).filter((l) => !F.value.includes(l.id))), V = T(() => {
+    })).filter((l) => !N.value.includes(l.id))), V = z(() => {
       const a = ({ m: t, b: s, rect: o, verticalX: u = null }) => {
         const { left: i, right: f, top: v, bottom: g } = o, L = [], d = ($, h) => {
           Number.isFinite($) && Number.isFinite(h) && L.push({ x: $, y: h });
         }, _ = ({ x: $, y: h }) => $ >= i - 1e-9 && $ <= f + 1e-9 && h >= v - 1e-9 && h <= g + 1e-9;
         u !== null ? u >= i - 1e-9 && u <= f + 1e-9 && (d(u, v), d(u, g)) : Number.isFinite(t) && (d(i, t * i + s), d(f, t * f + s), Math.abs(t) > 1e-9 ? (d((v - s) / t, v), d((g - s) / t, g)) : s >= v - 1e-9 && s <= g + 1e-9 && (d(i, s), d(f, s)));
-        const D = L.filter(_), S = [];
-        for (const $ of D)
+        const F = L.filter(_), S = [];
+        for (const $ of F)
           S.some((h) => Math.abs(h.x - $.x) < 1e-6 && Math.abs(h.y - $.y) < 1e-6) || S.push($);
         if (S.length < 2) return null;
-        let z = S[0], X = S[1], B = 0;
+        let O = S[0], Y = S[1], B = 0;
         for (let $ = 0; $ < S.length; $ += 1)
           for (let h = $ + 1; h < S.length; h += 1) {
             const A = S[$].x - S[h].x, j = S[$].y - S[h].y, Q = A * A + j * j;
-            Q > B && (B = Q, z = S[$], X = S[h]);
+            Q > B && (B = Q, O = S[$], Y = S[h]);
           }
-        return { x1: z.x, y1: z.y, x2: X.x, y2: X.y };
+        return { x1: O.x, y1: O.y, x2: Y.x, y2: Y.y };
       };
       return Ce.value.map((t) => {
         const s = t.plots.length, o = t.plots.reduce((h, A) => h + A.x, 0) / s, u = t.plots.reduce((h, A) => h + A.y, 0) / s;
@@ -304,23 +304,23 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         f < 1e-9 ? (L = o, v = 1 / 0, g = null) : (v = i / f, g = u - v * o);
         let d, _;
         L !== null ? (d = 1 / 0, _ = null) : (d = v, _ = g);
-        const D = t.plots.every((h) => h.v && typeof h.v.x == "number" && typeof h.v.y == "number");
+        const F = t.plots.every((h) => h.v && typeof h.v.x == "number" && typeof h.v.y == "number");
         let S = NaN;
         if (s >= 2) {
           let h = 0, A = 0;
-          D ? (h = t.plots.reduce((U, ve) => U + ve.v.x, 0) / s, A = t.plots.reduce((U, ve) => U + ve.v.y, 0) / s) : (h = o, A = -u);
-          let j = 0, Q = 0, se = 0;
+          F ? (h = t.plots.reduce((U, ye) => U + ye.v.x, 0) / s, A = t.plots.reduce((U, ye) => U + ye.v.y, 0) / s) : (h = o, A = -u);
+          let j = 0, Q = 0, ue = 0;
           for (const U of t.plots) {
-            const ve = D ? U.v.x : U.x, Ze = D ? U.v.y : -U.y, ke = ve - h, de = Ze - A;
-            j += ke * de, Q += ke * ke, se += de * de;
+            const ye = F ? U.v.x : U.x, Ze = F ? U.v.y : -U.y, ke = ye - h, fe = Ze - A;
+            j += ke * fe, Q += ke * ke, ue += fe * fe;
           }
-          if (Q >= 1e-9 && se >= 1e-9) {
-            const U = j / Math.sqrt(Q * se);
+          if (Q >= 1e-9 && ue >= 1e-9) {
+            const U = j / Math.sqrt(Q * ue);
             S = Math.max(-1, Math.min(1, U));
           }
         }
-        const z = a({ m: d, b: _, rect: n.value, verticalX: L });
-        if (!z)
+        const O = a({ m: d, b: _, rect: n.value, verticalX: L });
+        if (!O)
           return {
             ...t,
             correlation: null,
@@ -332,19 +332,19 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
               color: Ke(t.color)
             }))
           };
-        const X = (z.x1 + z.x2) / 2, B = (z.y1 + z.y2) / 2, $ = { x: X, y: B };
+        const Y = (O.x1 + O.x2) / 2, B = (O.y1 + O.y2) / 2, $ = { x: Y, y: B };
         return {
           ...t,
           color: Ke(t.color),
           correlation: {
-            ...z,
+            ...O,
             coefficient: S
           },
           label: $,
           plots: t.plots.map((h) => {
             let A, j;
             L !== null ? (A = L, j = h.y) : Math.abs(d) < 1e-9 ? (A = h.x, j = _) : (A = (h.x + d * h.y - d * _) / (1 + d * d), j = (d * h.x + d * d * h.y + _) / (1 + d * d));
-            const Q = h.x - A, se = h.y - j, U = Math.sqrt(Q * Q + se * se);
+            const Q = h.x - A, ue = h.y - j, U = Math.sqrt(Q * Q + ue * ue);
             return {
               ...h,
               deviation: U,
@@ -354,7 +354,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           })
         };
       });
-    }), kt = T(() => Math.max(...V.value.flatMap((l) => l.plots.map((a) => Math.abs(a.deviation)))));
+    }), kt = z(() => Math.max(...V.value.flatMap((l) => l.plots.map((a) => Math.abs(a.deviation)))));
     function el() {
       return V.value;
     }
@@ -375,13 +375,13 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         const h = Math.floor((B - s) / g), A = Math.floor(($ - u) / L);
         d[h] || (d[h] = 0), _[A] || (_[A] = 0), d[h] += 1, _[A] += 1;
       });
-      const D = [], S = [];
+      const F = [], S = [];
       for (let B = 0; B < a; B += 1)
-        D.push(s + (B + 0.5) * g), S.push(u + (B + 0.5) * L);
-      const z = Math.max(...d), X = Math.max(..._);
-      return { x: d, y: _, avgX: D, avgY: S, maxX: z, maxY: X };
+        F.push(s + (B + 0.5) * g), S.push(u + (B + 0.5) * L);
+      const O = Math.max(...d), Y = Math.max(..._);
+      return { x: d, y: _, avgX: F, avgY: S, maxX: O, maxY: Y };
     }
-    const b = T(() => e.value.style.layout.marginalBars.tranches), C = T(() => wt(Ce.value, b.value)), tl = T(() => {
+    const b = z(() => e.value.style.layout.marginalBars.tranches), C = z(() => wt(Ce.value, b.value)), tl = z(() => {
       const l = n.value.top - e.value.style.layout.marginalBars.offset, a = n.value.right + e.value.style.layout.marginalBars.offset;
       return Ce.value.map((t) => {
         const s = wt(t, b.value);
@@ -399,9 +399,9 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           id: t.id
         };
       });
-    }), Y = M(void 0), p = M(null), Ue = M(null);
+    }), R = M(void 0), p = M(null), Ue = M(null);
     function Ve(l, a) {
-      Y.value = l.id, p.value = l;
+      R.value = l.id, p.value = l;
       let t = "";
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: a }), Ue.value = {
         datapoint: l,
@@ -420,53 +420,53 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         seriesIndex: a,
         series: V.value,
         config: e.value
-      }) : (l.clusterName && (t += `<div style="display:flex;gap:3px;align-items:center">${l.clusterName}</div>`), l.v.name && (t += `<div>${l.v.name}</div>`), t += `<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, t += `<div>${e.value.style.layout.dataLabels.xAxis.name}: <b>${isNaN(l.v.x) ? "-" : ie(
+      }) : (l.clusterName && (t += `<div style="display:flex;gap:3px;align-items:center">${l.clusterName}</div>`), l.v.name && (t += `<div>${l.v.name}</div>`), t += `<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, t += `<div>${e.value.style.layout.dataLabels.xAxis.name}: <b>${isNaN(l.v.x) ? "-" : ve(
         e.value.style.layout.plots.selectors.labels.x.formatter,
         l.v.x,
-        ee({
+        le({
           p: e.value.style.tooltip.prefix,
           v: l.v.x,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         }),
         { datapoint: l, seriesIndex: a }
-      )}</b></div>`, t += `<div>${e.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(l.v.y) ? "-" : ie(
+      )}</b></div>`, t += `<div>${e.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(l.v.y) ? "-" : ve(
         e.value.style.layout.plots.selectors.labels.y.formatter,
         l.v.y,
-        ee({
+        le({
           p: e.value.style.tooltip.prefix,
           v: l.v.y,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         }),
         { datapoint: l, seriesIndex: a }
-      )}</b></div>`, t += `${e.value.style.layout.plots.deviation.translation}: <b>${ee({
+      )}</b></div>`, t += `${e.value.style.layout.plots.deviation.translation}: <b>${le({
         v: l.deviation,
         r: e.value.style.layout.plots.deviation.roundingValue
       })}</b>`, t += "</div>", Ee.value = `<div>${t}</div>`), De.value = !0;
     }
     function Ae(l, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: a }), De.value = !1, Y.value = void 0, p.value = null;
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: a }), De.value = !1, R.value = void 0, p.value = null;
     }
     function je(l, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: a });
     }
     function Le(l) {
-      F.value.includes(l) ? F.value = F.value.filter((a) => a !== l) : F.value.length < Ie.value.length - 1 && F.value.push(l);
+      N.value.includes(l) ? N.value = N.value.filter((a) => a !== l) : N.value.length < Ie.value.length - 1 && N.value.push(l);
     }
     function $t(l) {
-      if (!J.value.length)
+      if (!ee.value.length)
         return e.value.debug && console.warn("VueUiScatter - There are no series to show."), null;
-      const a = J.value.find((t) => t.name === l);
+      const a = ee.value.find((t) => t.name === l);
       return a || (e.value.debug && console.warn(`VueUiScatter - Series name not found "${l}"`), null);
     }
     function ll(l) {
       const a = $t(l);
-      a !== null && F.value.includes(a.id) && Le(a.id);
+      a !== null && N.value.includes(a.id) && Le(a.id);
     }
     function al(l) {
       const a = $t(l);
-      a !== null && (F.value.includes(a.id) || Le(a.id));
+      a !== null && (N.value.includes(a.id) || Le(a.id));
     }
     function Ge(l = null) {
       $l(() => {
@@ -480,7 +480,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         l ? l(o) : Ol({ csvContent: o, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
-    const Be = T(() => {
+    const Be = z(() => {
       const l = [
         e.value.table.translations.series,
         e.value.table.translations.correlationCoefficient,
@@ -511,9 +511,9 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         breakpoint: e.value.table.responsiveBreakpoint
       };
       return { head: l, body: a, config: t, colNames: l };
-    }), re = M(!1);
+    }), ce = M(!1);
     function _t(l) {
-      re.value = l, lt.value += 1;
+      ce.value = l, lt.value += 1;
     }
     function Mt() {
       H.value.showTable = !H.value.showTable;
@@ -526,8 +526,8 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
       Te.value = !Te.value;
     }
     async function ol({ scale: l = 2 } = {}) {
-      if (!le.value) return;
-      const { width: a, height: t } = le.value.getBoundingClientRect(), s = a / t, { imageUri: o, base64: u } = await Hl({ domElement: le.value, base64: !0, img: !0, scale: l });
+      if (!oe.value) return;
+      const { width: a, height: t } = oe.value.getBoundingClientRect(), s = a / t, { imageUri: o, base64: u } = await Hl({ domElement: oe.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: o,
         base64: u,
@@ -612,30 +612,30 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         }
       }
     }
-    const il = T(() => {
+    const il = z(() => {
       if (!e.value.usePerformanceMode) return [""];
       const { left: l, right: a, top: t, bottom: s } = n.value, o = Math.max(1, (a - l) * (s - t)), u = (d) => d / o * 1e4, i = 2.5, f = 1e3, v = e.value.style.layout.plots.stroke, g = e.value.style.layout.plots.strokeWidth, L = e.value.style.layout.plots.opacity;
       return V.value.map((d) => {
         const _ = [];
         for (const S of d.plots) {
-          const z = S.x, X = S.y;
-          if (z < l || z > a || X < t || X > s) continue;
+          const O = S.x, Y = S.y;
+          if (O < l || O > a || Y < t || Y > s) continue;
           const B = Math.max(e.value.style.layout.plots.radius, S.weight);
           _.push(ul({
             shape: d.shape || "circle",
-            cx: z,
-            cy: X,
+            cx: O,
+            cy: Y,
             r: B
           }));
         }
         if (!_.length) return null;
-        const D = u(d.plots.length) > i || d.plots.length > f;
+        const F = u(d.plots.length) > i || d.plots.length > f;
         return {
           id: d.id,
           d: _.join(""),
           fill: Oe(d.color, L * 100),
-          stroke: D ? "none" : v,
-          strokeWidth: D ? 0 : g,
+          stroke: F ? "none" : v,
+          strokeWidth: F ? 0 : g,
           strokeOpacity: 1
         };
       }).filter(Boolean);
@@ -651,23 +651,23 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         const o = s.inverse(), u = t.matrixTransform(o), i = 8, f = i * i;
         let v = null, g = 1 / 0, L = -1;
         if (V.value.forEach((d, _) => {
-          d.plots.forEach((D) => {
-            const S = D.x - u.x, z = D.y - u.y, X = S * S + z * z;
-            X <= f && X < g && (g = X, v = D, L = _);
+          d.plots.forEach((F) => {
+            const S = F.x - u.x, O = F.y - u.y, Y = S * S + O * O;
+            Y <= f && Y < g && (g = Y, v = F, L = _);
           });
         }), v)
-          Y.value !== v.id && (Y.value = v.id, Ve(v, L));
-        else if (Y.value) {
+          R.value !== v.id && (R.value = v.id, Ve(v, L));
+        else if (R.value) {
           const d = p.value;
-          Y.value = void 0, Ae(d, L);
+          R.value = void 0, Ae(d, L);
         }
       } : () => null;
     }
     const At = rl();
     function vl() {
-      if (Y.value) {
+      if (R.value) {
         const l = p.value;
-        Y.value = void 0, Ae(l, null);
+        R.value = void 0, Ae(l, null);
       }
     }
     function cl(l) {
@@ -677,7 +677,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         je(a, t >= 0 ? t : 0);
       }
     }
-    const be = T(() => {
+    const be = z(() => {
       const l = e.value.table.useDialog && !e.value.table.show, a = H.value.showTable;
       return {
         component: l ? Gt : Yt,
@@ -687,8 +687,8 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: re.value,
-          fullscreenParent: le.value,
+          isFullscreen: ce.value,
+          fullscreenParent: oe.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -713,11 +713,11 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
     function Lt() {
       H.value.showTable = !1, Fe.value && Fe.value.setTableIconState(!1);
     }
-    const yl = T(() => e.value.style.backgroundColor), dl = T(() => e.value.style.legend), hl = T(() => e.value.style.title), { exportSvg: fl, getSvg: pl } = Rl({
+    const yl = z(() => e.value.style.backgroundColor), dl = z(() => e.value.style.legend), hl = z(() => e.value.style.title), { exportSvg: fl, getSvg: pl } = Rl({
       svg: Me,
       title: hl,
       legend: dl,
-      legendItems: J,
+      legendItems: ee,
       backgroundColor: yl
     });
     async function Bt({ isCb: l }) {
@@ -741,22 +741,42 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
       toggleAnnotator: qe,
       toggleFullscreen: _t
     }), (l, a) => (r(), c("div", {
-      class: zt(`vue-data-ui-component vue-ui-scatter ${re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: zt(`vue-data-ui-component vue-ui-scatter ${ce.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "scatterChart",
-      ref: le,
-      id: `vue-ui-scatter_${I.value}`,
-      style: ue(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
+      ref: oe,
+      id: `vue-ui-scatter_${X.value}`,
+      style: re(`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] = () => y(yt)(!0)),
       onMouseleave: a[6] || (a[6] = () => y(yt)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), ae(y(Ut), {
+      e.value.userOptions.buttons.annotator ? (r(), se(y(Ut), {
         key: 0,
         svgRef: y(Me),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: Te.value,
         onClose: qe
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : x("", !0),
+      }, {
+        "annotator-action-close": T(() => [
+          P(l.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": T(({ color: t }) => [
+          P(l.$slots, "annotator-action-color", J(K({ color: t })), void 0, !0)
+        ]),
+        "annotator-action-draw": T(({ mode: t }) => [
+          P(l.$slots, "annotator-action-draw", J(K({ mode: t })), void 0, !0)
+        ]),
+        "annotator-action-undo": T(({ disabled: t }) => [
+          P(l.$slots, "annotator-action-undo", J(K({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-redo": T(({ disabled: t }) => [
+          P(l.$slots, "annotator-action-redo", J(K({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-delete": T(({ disabled: t }) => [
+          P(l.$slots, "annotator-action-delete", J(K({ disabled: t })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : x("", !0),
       Jt.value ? (r(), c("div", {
         key: 1,
         ref_key: "noTitle",
@@ -770,7 +790,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         ref: at,
         style: "width:100%;background:transparent"
       }, [
-        (r(), ae(ql, {
+        (r(), se(ql, {
           key: `title_${ut.value}`,
           config: {
             title: {
@@ -785,9 +805,9 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         }, null, 8, ["config"]))
       ], 512)) : x("", !0),
       w("div", {
-        id: `legend-top-${I.value}`
+        id: `legend-top-${X.value}`
       }, null, 8, Jl),
-      e.value.userOptions.show && tt.value && (y(dt) || y(Ye)) ? (r(), ae(y(Vt), {
+      e.value.userOptions.show && tt.value && (y(dt) || y(Ye)) ? (r(), se(y(Vt), {
         ref_key: "userOptionsRef",
         ref: Fe,
         key: `user_options_${lt.value}`,
@@ -795,7 +815,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         color: e.value.style.color,
         isImaging: y(gt),
         isPrinting: y(pt),
-        uid: I.value,
+        uid: X.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -804,9 +824,9 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isTooltip: H.value.showTooltip,
-        isFullscreen: re.value,
+        isFullscreen: ce.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: le.value,
+        chartElement: oe.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: Te.value,
@@ -821,70 +841,70 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         onToggleTable: Mt,
         onToggleTooltip: St,
         onToggleAnnotator: qe,
-        style: ue({
+        style: re({
           visibility: y(dt) ? y(Ye) ? "visible" : "hidden" : "visible"
         })
       }, Pt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: N(({ isOpen: t, color: s }) => [
-            R(l.$slots, "menuIcon", fe(pe({ isOpen: t, color: s })), void 0, !0)
+          fn: T(({ isOpen: t, color: s }) => [
+            P(l.$slots, "menuIcon", J(K({ isOpen: t, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: N(() => [
-            R(l.$slots, "optionTooltip", {}, void 0, !0)
+          fn: T(() => [
+            P(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: N(() => [
-            R(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: T(() => [
+            P(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: N(() => [
-            R(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: T(() => [
+            P(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: N(() => [
-            R(l.$slots, "optionImg", {}, void 0, !0)
+          fn: T(() => [
+            P(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: N(() => [
-            R(l.$slots, "optionSvg", {}, void 0, !0)
+          fn: T(() => [
+            P(l.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: N(() => [
-            R(l.$slots, "optionTable", {}, void 0, !0)
+          fn: T(() => [
+            P(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: N(({ toggleFullscreen: t, isFullscreen: s }) => [
-            R(l.$slots, "optionFullscreen", fe(pe({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
+          fn: T(({ toggleFullscreen: t, isFullscreen: s }) => [
+            P(l.$slots, "optionFullscreen", J(K({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: N(({ toggleAnnotator: t, isAnnotator: s }) => [
-            R(l.$slots, "optionAnnotator", fe(pe({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
+          fn: T(({ toggleAnnotator: t, isAnnotator: s }) => [
+            P(l.$slots, "optionAnnotator", J(K({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -893,9 +913,9 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         ref_key: "svgRef",
         ref: Me,
         xmlns: y(Tl),
-        class: zt({ "vue-data-ui-fullscreen--on": re.value, "vue-data-ui-fulscreen--off": !re.value, animated: e.value.useCssAnimation }),
-        viewBox: `0 0 ${W.value.width <= 0 ? 10 : W.value.width} ${W.value.height <= 0 ? 10 : W.value.height}`,
-        style: ue(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
+        class: zt({ "vue-data-ui-fullscreen--on": ce.value, "vue-data-ui-fulscreen--off": !ce.value, animated: e.value.useCssAnimation }),
+        viewBox: `0 0 ${I.value.width <= 0 ? 10 : I.value.width} ${I.value.height <= 0 ? 10 : I.value.height}`,
+        style: re(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
         onMouseleave: He
       }, [
         _e(y(jt)),
@@ -903,18 +923,18 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           key: 0,
           x: 0,
           y: 0,
-          width: W.value.width <= 0 ? 10 : W.value.width,
-          height: W.value.height <= 0 ? 10 : W.value.height,
+          width: I.value.width <= 0 ? 10 : I.value.width,
+          height: I.value.height <= 0 ? 10 : I.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
-          R(l.$slots, "chart-background", {}, void 0, !0)
+          P(l.$slots, "chart-background", {}, void 0, !0)
         ], 8, ea)) : x("", !0),
         e.value.style.layout.axis.show ? (r(), c("g", ta, [
           w("line", {
-            x1: O.value.x,
-            x2: O.value.x,
+            x1: E.value.x,
+            x2: E.value.x,
             y1: n.value.top,
             y2: n.value.bottom,
             stroke: e.value.style.layout.axis.stroke,
@@ -924,8 +944,8 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           w("line", {
             x1: n.value.left,
             x2: n.value.right,
-            y1: O.value.y,
-            y2: O.value.y,
+            y1: E.value.y,
+            y2: E.value.y,
             stroke: e.value.style.layout.axis.stroke,
             "stroke-width": e.value.style.layout.axis.strokeWidth,
             "stroke-linecap": "round"
@@ -934,7 +954,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         e.value.style.layout.marginalBars.show ? (r(), c("g", oa, [
           w("defs", null, [
             w("linearGradient", {
-              id: `marginal_x_${I.value}`,
+              id: `marginal_x_${X.value}`,
               x1: "0%",
               y1: "0%",
               x2: "0%",
@@ -950,7 +970,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
               }, null, 8, ua)
             ], 8, sa),
             w("linearGradient", {
-              id: `marginal_y_${I.value}`,
+              id: `marginal_y_${X.value}`,
               x1: "0%",
               x2: "100%",
               y1: "0%",
@@ -966,15 +986,15 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
               }, null, 8, va)
             ], 8, ia)
           ]),
-          (r(!0), c(Z, null, K(C.value.x, (t, s) => (r(), c("g", null, [
+          (r(!0), c(Z, null, te(C.value.x, (t, s) => (r(), c("g", null, [
             t && C.value.avgX[s] ? (r(), c("rect", {
               key: 0,
               x: C.value.avgX[s] - n.value.width / b.value / 2,
               y: n.value.top - e.value.style.layout.marginalBars.offset - t / C.value.maxX * e.value.style.layout.marginalBars.size,
               width: n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value,
               height: t / C.value.maxX * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / C.value.maxX * e.value.style.layout.marginalBars.size,
-              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_x_${I.value})` : e.value.style.layout.marginalBars.fill,
-              style: ue([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
+              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_x_${X.value})` : e.value.style.layout.marginalBars.fill,
+              style: re([`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
@@ -1020,15 +1040,15 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
               }, null, 8, pa)
             ])) : x("", !0)
           ]))), 256)),
-          (r(!0), c(Z, null, K(C.value.y, (t, s) => (r(), c("g", null, [
+          (r(!0), c(Z, null, te(C.value.y, (t, s) => (r(), c("g", null, [
             t && C.value.avgY[s] ? (r(), c("rect", {
               key: 0,
               x: n.value.right + e.value.style.layout.marginalBars.offset,
               y: C.value.avgY[s] - n.value.height / b.value / 2,
               height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
               width: t / C.value.maxY * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / C.value.maxY * e.value.style.layout.marginalBars.size,
-              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_y_${I.value})` : e.value.style.layout.marginalBars.fill,
-              style: ue([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
+              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_y_${X.value})` : e.value.style.layout.marginalBars.fill,
+              style: re([`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
@@ -1054,7 +1074,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
               }, null, 8, ba),
               w("line", {
                 x1: n.value.left,
-                x2: W.value.width,
+                x2: I.value.width,
                 y1: C.value.avgY[s] - n.value.height / b.value / 2,
                 y2: C.value.avgY[s] - n.value.height / b.value / 2,
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
@@ -1064,7 +1084,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
               }, null, 8, ka),
               w("line", {
                 x1: n.value.left,
-                x2: W.value.width,
+                x2: I.value.width,
                 y1: C.value.avgY[s] - n.value.height / b.value / 2 + (n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value),
                 y2: C.value.avgY[s] - n.value.height / b.value / 2 + (n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value),
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
@@ -1075,8 +1095,8 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
             ])) : x("", !0)
           ]))), 256)),
           e.value.style.layout.marginalBars.showLines ? (r(), c("g", $a, [
-            (r(!0), c(Z, null, K(tl.value, (t) => (r(), c(Z, null, [
-              F.value.includes(t.id) ? x("", !0) : (r(), c("path", {
+            (r(!0), c(Z, null, te(tl.value, (t) => (r(), c(Z, null, [
+              N.value.includes(t.id) ? x("", !0) : (r(), c("path", {
                 key: 0,
                 d: `M ${t.dX}`,
                 stroke: e.value.style.backgroundColor,
@@ -1085,7 +1105,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
                 "stroke-linejoin": "round",
                 fill: "none"
               }, null, 8, _a)),
-              F.value.includes(t.id) ? x("", !0) : (r(), c("path", {
+              N.value.includes(t.id) ? x("", !0) : (r(), c("path", {
                 key: 1,
                 d: `M ${t.dX}`,
                 stroke: t.color,
@@ -1094,7 +1114,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
                 "stroke-linejoin": "round",
                 fill: "none"
               }, null, 8, Ma)),
-              F.value.includes(t.id) ? x("", !0) : (r(), c("path", {
+              N.value.includes(t.id) ? x("", !0) : (r(), c("path", {
                 key: 2,
                 d: `M ${t.dY}`,
                 stroke: e.value.style.backgroundColor,
@@ -1103,7 +1123,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
                 "stroke-linejoin": "round",
                 fill: "none"
               }, null, 8, Sa)),
-              F.value.includes(t.id) ? x("", !0) : (r(), c("path", {
+              N.value.includes(t.id) ? x("", !0) : (r(), c("path", {
                 key: 3,
                 d: `M ${t.dY}`,
                 stroke: t.color,
@@ -1116,7 +1136,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           ])) : x("", !0)
         ])) : x("", !0),
         e.value.style.layout.plots.giftWrap.show ? (r(), c("g", Aa, [
-          (r(!0), c(Z, null, K(V.value, (t, s) => (r(), c("g", null, [
+          (r(!0), c(Z, null, te(V.value, (t, s) => (r(), c("g", null, [
             t.plots.length > 2 ? (r(), c("polygon", {
               key: 0,
               points: y(zl)({ series: t.plots }),
@@ -1129,29 +1149,29 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
             }, null, 8, La)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
-        e.value.usePerformanceMode ? x("", !0) : (r(!0), c(Z, { key: 4 }, K(V.value, (t, s) => (r(), c("g", null, [
+        e.value.usePerformanceMode ? x("", !0) : (r(!0), c(Z, { key: 4 }, te(V.value, (t, s) => (r(), c("g", null, [
           !t.shape || t.shape === "circle" ? (r(), c("g", Ba, [
-            (r(!0), c(Z, null, K(t.plots, (o, u) => (r(), c("circle", {
+            (r(!0), c(Z, null, te(t.plots, (o, u) => (r(), c("circle", {
               cx: o.x,
               cy: o.y,
-              r: Y.value && Y.value === o.id ? o.weight * 2 : o.weight,
+              r: R.value && R.value === o.id ? o.weight * 2 : o.weight,
               fill: y(Oe)(t.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) / kt.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}`),
+              style: re(`opacity:${R.value && R.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / kt.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) => Ve(o, s),
               onMouseleave: (i) => Ae(o, s),
               onClick: (i) => je(o, s)
             }, null, 44, Ta))), 256))
           ])) : (r(), c("g", za, [
-            (r(!0), c(Z, null, K(t.plots, (o, u) => (r(), ae(et, {
+            (r(!0), c(Z, null, te(t.plots, (o, u) => (r(), se(et, {
               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: t.shape,
               color: y(Oe)(t.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) / kt.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}`),
+              style: re(`opacity:${R.value && R.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / kt.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) => Ve(o, s),
               onMouseleave: (i) => Ae(o, s),
               onClick: (i) => je(o, s)
@@ -1160,9 +1180,9 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         ]))), 256)),
         e.value.usePerformanceMode ? (r(), c(Z, { key: 5 }, [
           w("g", {
-            "clip-path": `url(#clip_path_${I.value})`
+            "clip-path": `url(#clip_path_${X.value})`
           }, [
-            (r(!0), c(Z, null, K(il.value, (t) => (r(), c("path", {
+            (r(!0), c(Z, null, te(il.value, (t) => (r(), c("path", {
               key: t.id,
               d: t.d,
               fill: t.fill,
@@ -1196,7 +1216,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         ], 64)) : x("", !0),
         p.value && e.value.style.layout.plots.selectors.show ? (r(), c("g", Fa, [
           w("line", {
-            x1: O.value.x,
+            x1: E.value.x,
             x2: p.value.x,
             y1: p.value.y,
             y2: p.value.y,
@@ -1209,7 +1229,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           w("line", {
             x1: p.value.x,
             x2: p.value.x,
-            y1: O.value.y,
+            y1: E.value.y,
             y2: p.value.y,
             stroke: e.value.style.layout.plots.selectors.stroke,
             "stroke-width": e.value.style.layout.plots.selectors.strokeWidth,
@@ -1218,16 +1238,16 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
             class: "line-pointer"
           }, null, 8, Na),
           w("text", {
-            x: O.value.x + (p.value.x > O.value.x ? -6 : 6),
+            x: E.value.x + (p.value.x > E.value.x ? -6 : 6),
             y: p.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": p.value.x > O.value.x ? "end" : "start"
-          }, G(y(ie)(
+            "text-anchor": p.value.x > E.value.x ? "end" : "start"
+          }, G(y(ve)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
             y(q)(p.value.v.y),
-            y(ee)({
+            y(le)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: y(q)(p.value.v.y),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -1237,15 +1257,15 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           )), 9, Ia),
           w("text", {
             x: p.value.x,
-            y: O.value.y + (p.value.y > O.value.y ? -6 : e.value.style.layout.plots.selectors.labels.fontSize + 6),
+            y: E.value.y + (p.value.y > E.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"
-          }, G(y(ie)(
+          }, G(y(ve)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
             y(q)(p.value.v.x),
-            y(ee)({
+            y(le)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: y(q)(p.value.v.x),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -1254,7 +1274,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
             { datapoint: p.value }
           )), 9, Xa),
           w("circle", {
-            cx: O.value.x,
+            cx: E.value.x,
             cy: p.value.y,
             r: e.value.style.layout.plots.selectors.markers.radius,
             fill: e.value.style.layout.plots.selectors.markers.fill,
@@ -1264,7 +1284,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           }, null, 8, Ya),
           w("circle", {
             cx: p.value.x,
-            cy: O.value.y,
+            cy: E.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,
@@ -1274,11 +1294,11 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           e.value.style.layout.plots.selectors.labels.showName ? (r(), c("text", {
             key: 0,
             x: p.value.x,
-            y: p.value.y + (p.value.y < O.value.y ? -e.value.style.layout.plots.selectors.labels.fontSize / 2 : e.value.style.layout.plots.selectors.labels.fontSize),
+            y: p.value.y + (p.value.y < E.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": p.value.x < n.value.left + 100 ? "start" : p.value.x > n.value.right - 100 ? "end" : p.value.x > O.value.x ? "start" : "end"
+            "text-anchor": p.value.x < n.value.left + 100 ? "start" : p.value.x > n.value.right - 100 ? "end" : p.value.x > E.value.x ? "start" : "end"
           }, G(p.value.v.name), 9, Ua)) : x("", !0)
         ])) : x("", !0),
         e.value.style.layout.dataLabels.xAxis.show ? (r(), c("g", {
@@ -1287,7 +1307,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           ref: We
         }, [
           w("text", {
-            id: `vue-ui-scatter-xAxis-label-${I.value}`,
+            id: `vue-ui-scatter-xAxis-label-${X.value}`,
             transform: `translate(${e.value.style.layout.dataLabels.xAxis.fontSize}, ${n.value.top + n.value.height / 2}), rotate(-90)`,
             "text-anchor": "middle",
             "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
@@ -1298,13 +1318,13 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
             "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}, ${O.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
-          }, G(y(ie)(
+            transform: `translate(${e.value.style.layout.dataLabels.xAxis.name ? e.value.style.layout.dataLabels.xAxis.fontSize * 3 : 0}, ${E.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
+          }, G(y(ve)(
             e.value.style.layout.plots.selectors.labels.x.formatter,
-            y(q)(P.value.xMin),
-            y(ee)({
+            y(q)(D.value.xMin),
+            y(le)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: y(q)(P.value.xMin),
+              v: y(q)(D.value.xMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.xAxis.rounding
             })
@@ -1315,15 +1335,15 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           ref_key: "xAxisLabelRight",
           ref: Ht,
           "text-anchor": "middle",
-          transform: `translate(${n.value.right + e.value.style.layout.padding.right + 6}, ${O.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`,
+          transform: `translate(${n.value.right + e.value.style.layout.padding.right + 6}, ${E.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
-        }, G(y(ie)(
+        }, G(y(ve)(
           e.value.style.layout.plots.selectors.labels.x.formatter,
-          y(q)(P.value.xMax),
-          y(ee)({
+          y(q)(D.value.xMax),
+          y(le)({
             p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: y(q)(P.value.xMax),
+            v: y(q)(D.value.xMax),
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.xAxis.rounding
           })
@@ -1332,17 +1352,17 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           key: 9,
           ref_key: "yAxisLabelTop",
           ref: Zt,
-          x: O.value.x,
+          x: E.value.x,
           y: n.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
-        }, G(y(ie)(
+        }, G(y(ve)(
           e.value.style.layout.plots.selectors.labels.y.formatter,
-          y(q)(P.value.yMax),
-          y(ee)({
+          y(q)(D.value.yMax),
+          y(le)({
             p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: y(q)(P.value.yMax),
+            v: y(q)(D.value.yMax),
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.yAxis.rounding
           })
@@ -1353,17 +1373,17 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           ref: Ne
         }, [
           w("text", {
-            x: O.value.x,
-            y: W.value.height - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+            x: E.value.x,
+            y: I.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
-          }, G(y(ie)(
+          }, G(y(ve)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            y(q)(P.value.yMin),
-            y(ee)({
+            y(q)(D.value.yMin),
+            y(le)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: y(q)(P.value.yMin),
+              v: y(q)(D.value.yMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.yAxis.rounding
             })
@@ -1374,11 +1394,11 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
             "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal",
             fill: e.value.style.layout.dataLabels.yAxis.color,
             x: n.value.left + n.value.width / 2,
-            y: W.value.height
+            y: I.value.height
           }, G(e.value.style.layout.dataLabels.yAxis.name), 9, Za)
         ], 512)) : x("", !0),
         w("clipPath", {
-          id: `clip_path_${I.value}`
+          id: `clip_path_${X.value}`
         }, [
           w("rect", {
             x: n.value.left,
@@ -1388,7 +1408,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           }, null, 8, Ja)
         ], 8, Qa),
         e.value.style.layout.correlation.show ? (r(), c("g", Ka, [
-          (r(!0), c(Z, null, K(V.value, (t, s) => (r(), c("line", {
+          (r(!0), c(Z, null, te(V.value, (t, s) => (r(), c("line", {
             x1: t.correlation.x1,
             x2: t.correlation.x2,
             y1: t.correlation.y1,
@@ -1396,9 +1416,9 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
             "stroke-dasharray": e.value.style.layout.correlation.strokeDasharray,
             stroke: t.color,
             "stroke-width": e.value.style.layout.correlation.strokeWidth,
-            "clip-path": `url(#clip_path_${I.value})`
+            "clip-path": `url(#clip_path_${X.value})`
           }, null, 8, eo))), 256)),
-          (r(!0), c(Z, null, K(V.value, (t, s) => (r(), c("g", null, [
+          (r(!0), c(Z, null, te(V.value, (t, s) => (r(), c("g", null, [
             e.value.style.layout.correlation.label.show ? (r(), c("text", {
               key: 0,
               x: t.correlation.x2,
@@ -1407,53 +1427,53 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
               "text-anchor": "end",
               "font-size": e.value.style.layout.correlation.label.fontSize,
               "font-weight": e.value.style.layout.correlation.label.bold ? "bold" : "normal"
-            }, G(y(ee)({
+            }, G(y(le)({
               v: y(q)(t.correlation.coefficient),
               r: e.value.style.layout.correlation.label.roundingValue
             })), 9, to)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
-        R(l.$slots, "svg", {
+        P(l.$slots, "svg", {
           svg: {
-            ...W.value,
+            ...I.value,
             drawingArea: {
               ...n.value,
-              zero: O.value
+              zero: E.value
             },
             data: Ce.value
           }
         }, void 0, !0)
       ], 46, Kl)),
       l.$slots.watermark ? (r(), c("div", lo, [
-        R(l.$slots, "watermark", fe(pe({ isPrinting: y(pt) || y(gt) })), void 0, !0)
+        P(l.$slots, "watermark", J(K({ isPrinting: y(pt) || y(gt) })), void 0, !0)
       ])) : x("", !0),
       w("div", {
-        id: `legend-bottom-${I.value}`
+        id: `legend-bottom-${X.value}`
       }, null, 8, ao),
-      vt.value ? (r(), ae(bl, {
+      vt.value ? (r(), se(bl, {
         key: 5,
-        to: e.value.style.legend.position === "top" ? `#legend-top-${I.value}` : `#legend-bottom-${I.value}`
+        to: e.value.style.legend.position === "top" ? `#legend-top-${X.value}` : `#legend-bottom-${X.value}`
       }, [
         w("div", {
           ref_key: "chartLegend",
           ref: ot
         }, [
-          e.value.style.legend.show ? (r(), ae(Gl, {
+          e.value.style.legend.show ? (r(), se(Gl, {
             key: `legend_${rt.value}`,
-            legendSet: J.value,
+            legendSet: ee.value,
             config: Kt.value,
             onClickMarker: a[3] || (a[3] = ({ legend: t }) => Le(t.id))
           }, {
-            item: N(({ legend: t }) => [
+            item: T(({ legend: t }) => [
               w("div", {
                 onClick: (s) => t.segregate(),
-                style: ue(`opacity:${F.value.includes(t.id) ? 0.5 : 1}`)
+                style: re(`opacity:${N.value.includes(t.id) ? 0.5 : 1}`)
               }, G(t.name), 13, oo)
             ]),
             _: 1
-          }, 8, ["legendSet", "config"])) : R(l.$slots, "legend", {
+          }, 8, ["legendSet", "config"])) : P(l.$slots, "legend", {
             key: 1,
-            legend: J.value
+            legend: ee.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : x("", !0),
@@ -1463,7 +1483,7 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         ref: st,
         dir: "auto"
       }, [
-        R(l.$slots, "source", {}, void 0, !0)
+        P(l.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
       _e(y(It), {
         show: H.value.showTooltip && De.value,
@@ -1476,22 +1496,22 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
-        parent: le.value,
+        parent: oe.value,
         content: Ee.value,
-        isFullscreen: re.value,
+        isFullscreen: ce.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
       }, {
-        "tooltip-before": N(() => [
-          R(l.$slots, "tooltip-before", fe(pe({ ...Ue.value })), void 0, !0)
+        "tooltip-before": T(() => [
+          P(l.$slots, "tooltip-before", J(K({ ...Ue.value })), void 0, !0)
         ]),
-        "tooltip-after": N(() => [
-          R(l.$slots, "tooltip-after", fe(pe({ ...Ue.value })), void 0, !0)
+        "tooltip-after": T(() => [
+          P(l.$slots, "tooltip-after", J(K({ ...Ue.value })), void 0, !0)
         ]),
-        default: N(() => [
+        default: T(() => [
           e.value.style.tooltip.showShape ? (r(), c("div", so, [
             (r(), c("svg", no, [
               _e(et, {
@@ -1505,13 +1525,13 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      tt.value && e.value.userOptions.buttons.table ? (r(), ae(kl(be.value.component), wl({ key: 7 }, be.value.props, {
+      tt.value && e.value.userOptions.buttons.table ? (r(), se(kl(be.value.component), wl({ key: 7 }, be.value.props, {
         ref_key: "tableUnit",
         ref: xe,
         onClose: Lt
       }), Pt({
-        content: N(() => [
-          (r(), ae(y(Rt), {
+        content: T(() => [
+          (r(), se(y(Rt), {
             key: `table_${it.value}`,
             colNames: Be.value.colNames,
             head: Be.value.head,
@@ -1521,10 +1541,10 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
             withCloseButton: !e.value.table.useDialog,
             onClose: Lt
           }, {
-            th: N(({ th: t }) => [
+            th: T(({ th: t }) => [
               Ot(G(t), 1)
             ]),
-            td: N(({ td: t }) => [
+            td: T(({ td: t }) => [
               t.shape ? (r(), c("div", uo, [
                 w("span", null, G(t.content), 1)
               ])) : (r(), c("div", {
@@ -1539,14 +1559,14 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: N(() => [
+          fn: T(() => [
             Ot(G(be.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: N(() => [
+          fn: T(() => [
             w("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1561,10 +1581,10 @@ const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "heigh
           key: "1"
         } : void 0
       ]), 1040)) : x("", !0),
-      y(ct) ? (r(), ae(Xl, { key: 8 })) : x("", !0)
+      y(ct) ? (r(), se(Xl, { key: 8 })) : x("", !0)
     ], 46, Ql));
   }
-}, So = /* @__PURE__ */ Zl(ro, [["__scopeId", "data-v-1efed8d6"]]);
+}, So = /* @__PURE__ */ Zl(ro, [["__scopeId", "data-v-f81cc924"]]);
 export {
   So as default
 };