vue-data-ui 3.1.0 → 3.1.2

package/dist/{vue-ui-scatter-CVuV9ljU.js → vue-ui-scatter-DwnZHy0V.js}

@@ -1,46 +1,46 @@
-import { defineAsyncComponent as se, computed as W, ref as M, toRefs as ul, watch as Be, shallowRef as At, onMounted as il, onBeforeUnmount as rl, createElementBlock as y, openBlock as r, unref as c, normalizeStyle as ne, normalizeClass as St, createBlock as le, createCommentVNode as x, createElementVNode as w, createVNode as _e, createSlots as Lt, withCtx as X, renderSlot as V, normalizeProps as fe, guardReactiveProps as pe, Fragment as Z, renderList as K, toDisplayString as G, Teleport as vl, resolveDynamicComponent as yl, mergeProps as cl, createTextVNode as Bt, nextTick as dl } from "vue";
-import { u as hl, c as fl, t as pl, a as gl, p as ye, b as ml, o as Tt, f as Ze, d as xl, g as zt, Y as bl, e as Je, a3 as kl, V as wl, s as Te, X as $l, Z as _l, k as ue, h as H, i as Q, v as Ml, w as Cl, y as Al, z as Sl } from "./index-CDQbCd41.js";
-import { t as Ll, u as Bl } from "./useResponsive-DfdjqQps.js";
-import { u as Tl, B as zl } from "./BaseScanner-BgWxam9d.js";
-import { u as Pl } from "./usePrinter-Bnl1YeUU.js";
-import { u as Pt } from "./useNestedProp-BPEHGiYX.js";
-import { u as Ol } from "./useUserOptionState-BIvW1Kz7.js";
+import { defineAsyncComponent as se, computed as W, ref as M, toRefs as il, watch as Be, shallowRef as Lt, onMounted as rl, onBeforeUnmount as vl, createElementBlock as y, openBlock as r, unref as c, normalizeStyle as ne, normalizeClass as Bt, createBlock as le, createCommentVNode as x, createElementVNode as w, createVNode as $e, createSlots as Tt, withCtx as X, renderSlot as V, normalizeProps as fe, guardReactiveProps as pe, Fragment as Z, renderList as K, toDisplayString as G, Teleport as yl, resolveDynamicComponent as cl, mergeProps as dl, createTextVNode as zt, nextTick as hl } from "vue";
+import { u as fl, c as pl, t as gl, a as ml, p as ye, b as xl, o as Pt, f as Je, d as bl, g as Ot, Y as kl, e as Ke, a3 as wl, V as _l, s as Te, X as $l, Z as Ml, k as ue, h as q, i as Q, v as Cl, w as Al, y as Sl, z as Ll } from "./index-BFqW8WA0.js";
+import { t as Bl, u as Tl } from "./useResponsive-DfdjqQps.js";
+import { u as zl, B as Pl } from "./BaseScanner-BgWxam9d.js";
+import { u as Ol } from "./usePrinter-DDIKRiOp.js";
+import { u as Dt } from "./useNestedProp-BSZCnuGl.js";
+import { u as Dl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as El } from "./useChartAccessibility-9icAAmYg.js";
-import Dl from "./Legend-2-dC7DVb.js";
-import Wl from "./Title-Dq2_Z9kR.js";
-import { _ as Ke } from "./Shape-Dj2Hl33H.js";
-import Nl from "./img-JOqdlnUs.js";
-import { _ as Fl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "height"], Vl = { key: 1 }, jl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Gl = { key: 2 }, ql = ["id"], Hl = ["stop-color"], Zl = ["stop-color"], Jl = ["id"], Kl = ["stop-color"], Ql = ["stop-color"], ea = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], ta = ["x", "y", "width", "height", "onMouseenter"], la = {
+import Wl from "./Legend-DLzeDl3-.js";
+import Nl from "./Title-AGmmsSi_.js";
+import { _ as Qe } from "./Shape-Bmpx9GRg.js";
+import Fl from "./img-DvuphHeJ.js";
+import { _ as Il } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "height"], jl = { key: 1 }, Ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ql = { key: 2 }, Hl = ["id"], Zl = ["stop-color"], Jl = ["stop-color"], Kl = ["id"], Ql = ["stop-color"], ea = ["stop-color"], ta = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], la = ["x", "y", "width", "height", "onMouseenter"], aa = {
   key: 2,
   style: { "pointer-events": "none" }
-}, aa = ["x", "y", "width", "height", "fill", "fill-opacity"], oa = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], sa = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], na = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], ua = ["x", "y", "width", "height", "onMouseenter"], ia = {
+}, oa = ["x", "y", "width", "height", "fill", "fill-opacity"], sa = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], na = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], ua = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], ia = ["x", "y", "width", "height", "onMouseenter"], ra = {
   key: 2,
   style: { "pointer-events": "none" }
-}, ra = ["x", "y", "width", "height", "fill", "fill-opacity"], va = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], ya = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], ca = {
+}, va = ["x", "y", "width", "height", "fill", "fill-opacity"], ya = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], da = {
   key: 0,
   style: { "pointer-events": "none" }
-}, da = ["d", "stroke", "stroke-width"], ha = ["d", "stroke", "stroke-width"], fa = ["d", "stroke", "stroke-width"], pa = ["d", "stroke", "stroke-width"], ga = { key: 3 }, ma = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], xa = { key: 0 }, ba = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover", "onMouseleave", "onClick"], ka = { key: 1 }, wa = ["clip-path"], $a = ["d", "fill", "stroke", "stroke-width", "stroke-opacity"], _a = {
+}, ha = ["d", "stroke", "stroke-width"], fa = ["d", "stroke", "stroke-width"], pa = ["d", "stroke", "stroke-width"], ga = ["d", "stroke", "stroke-width"], ma = { key: 3 }, xa = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], ba = { key: 0 }, ka = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover", "onMouseleave", "onClick"], wa = { key: 1 }, _a = ["clip-path"], $a = ["d", "fill", "stroke", "stroke-width", "stroke-opacity"], Ma = {
   key: 0,
   style: { "pointer-events": "none" }
-}, Ma = ["x", "y", "width", "height"], Ca = {
+}, Ca = ["x", "y", "width", "height"], Aa = {
   key: 6,
   style: { "pointer-events": "none !important" }
-}, Aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], La = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Ba = ["x", "y", "font-size", "fill", "font-weight"], Ta = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], za = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Pa = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Oa = ["id", "transform", "font-size", "font-weight", "fill"], Ea = ["font-size", "fill", "transform"], Da = ["transform", "font-size", "fill"], Wa = ["x", "y", "font-size", "fill"], Na = ["x", "y", "font-size", "fill"], Fa = ["font-size", "font-weight", "fill", "x", "y"], Ia = ["id"], Xa = ["x", "y", "width", "height"], Ya = {
+}, Sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], La = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ba = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Ta = ["x", "y", "font-size", "fill", "font-weight"], za = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Pa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Oa = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Da = ["id", "transform", "font-size", "font-weight", "fill"], Ea = ["font-size", "fill", "transform"], Wa = ["transform", "font-size", "fill"], Na = ["x", "y", "font-size", "fill"], Fa = ["x", "y", "font-size", "fill"], Ia = ["font-size", "font-weight", "fill", "x", "y"], Xa = ["id"], Ya = ["x", "y", "width", "height"], Ra = {
   key: 11,
   style: { pointerEvents: "none" }
-}, Ra = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], Va = ["x", "y", "fill", "font-size", "font-weight"], ja = {
+}, Va = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], ja = ["x", "y", "fill", "font-size", "font-weight"], Ua = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Ua = ["id"], Ga = ["onClick"], qa = {
+}, Ga = ["id"], qa = ["onClick"], Ha = {
   key: 0,
   style: { width: "100%", display: "flex", "align-items": "center", "justify-content": "center" }
-}, Ha = {
+}, Za = {
   viewBox: "0 0 20 20",
   height: "20",
   width: "20",
   style: { overflow: "hidden", background: "transparent" }
-}, Za = { key: 0 }, Ja = ["innerHTML"], Ka = {
+}, Ja = { key: 0 }, Ka = ["innerHTML"], Qa = {
   __name: "vue-ui-scatter",
   props: {
     config: {
@@ -56,9 +56,9 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
       }
     }
   },
-  setup(Ot, { expose: Et }) {
-    const Dt = se(() => import("./Tooltip-Y219DXZO.js")), Wt = se(() => import("./BaseIcon-DHtro8us.js")), Nt = se(() => import("./vue-ui-accordion-Bf_LHFFX.js")), Ft = se(() => import("./DataTable-DJjA2_wf.js")), It = se(() => import("./PenAndPaper-B7QEDgx4.js")), Xt = se(() => import("./UserOptions-BuGfCdAY.js")), Yt = se(() => import("./PackageVersion-DU12WH3O.js")), Rt = se(() => import("./BaseDraggableDialog-O7900pGp.js")), { vue_ui_scatter: Vt } = hl(), ee = Ot, Qe = W(() => !!ee.dataset && ee.dataset.length), N = M(fl()), jt = M(null), ze = M(!1), Pe = M(""), et = M(0), te = M(null), tt = M(null), lt = M(null), at = M(null), ot = M(null), st = M(0), nt = M(0), ut = M(0), F = M([]), it = M(!1), ge = M(null), me = M(null), xe = M(null), Oe = M(null), Ut = M(null), Gt = M(null), Ee = M(null), e = M(Ie());
-    function qt(l = 100, s = 0.8, t = {}) {
+  setup(Et, { expose: Wt }) {
+    const Nt = se(() => import("./Tooltip-le0yZk_t.js")), Ft = se(() => import("./BaseIcon-BLg8FaQ2.js")), It = se(() => import("./vue-ui-accordion-Cv747Pg6.js")), Xt = se(() => import("./DataTable-BRN1-1ob.js")), Yt = se(() => import("./PenAndPaper-TgGWddgD.js")), Rt = se(() => import("./UserOptions-DEFwuQIo.js")), Vt = se(() => import("./PackageVersion-Jz9FlNXl.js")), jt = se(() => import("./BaseDraggableDialog-Dkpr-qUQ.js")), { vue_ui_scatter: Ut } = fl(), ee = Et, et = W(() => !!ee.dataset && ee.dataset.length), N = M(pl()), ze = M(!1), Pe = M(""), tt = M(0), te = M(null), lt = M(null), at = M(null), ot = M(null), st = M(null), nt = M(0), ut = M(0), it = M(0), F = M([]), rt = M(!1), ge = M(null), me = M(null), xe = M(null), Oe = M(null), De = M(null), Gt = M(null), qt = M(null), Ee = M(null), e = M(Xe());
+    function Ht(l = 100, s = 0.8, t = {}) {
       const { meanX: o = 0, sdX: a = 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 = () => {
@@ -66,31 +66,31 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         for (; m === 0; ) m = g();
         for (; O === 0; ) O = g();
         return Math.sqrt(-2 * Math.log(m)) * Math.cos(2 * Math.PI * O);
-      }, d = l / 2, _ = Array.from({ length: d }, L), P = Array.from({ length: d }, L), C = (m) => m.reduce((O, $e) => O + $e, 0) / m.length, T = C(_), I = C(P);
+      }, d = l / 2, $ = Array.from({ length: d }, L), P = Array.from({ length: d }, L), C = (m) => m.reduce((O, _e) => O + _e, 0) / m.length, T = C($), I = C(P);
       for (let m = 0; m < d; m += 1)
-        _[m] -= T, P[m] -= I;
-      const B = (m, O) => m.reduce(($e, Le, He) => $e + Le * O[He], 0), $ = (m) => B(m, m), h = B(P, _) / $(_), S = P.map((m, O) => m - h * _[O]), U = $(_) / d, J = $(S) / d, oe = Math.sqrt((1 - s * s) * U / J), R = _.map((m, O) => s * m + oe * S[O]), ve = _.concat(_.map((m) => -m)), qe = R.concat(R.map((m) => -m)), ke = (m) => Math.sqrt($(m) / m.length), de = (m, O, $e) => {
+        $[m] -= T, P[m] -= I;
+      const B = (m, O) => m.reduce((_e, Le, Ze) => _e + Le * O[Ze], 0), _ = (m) => B(m, m), h = B(P, $) / _($), S = P.map((m, O) => m - h * $[O]), U = _($) / d, J = _(S) / d, oe = Math.sqrt((1 - s * s) * U / J), R = $.map((m, O) => s * m + oe * S[O]), ve = $.concat($.map((m) => -m)), He = R.concat(R.map((m) => -m)), ke = (m) => Math.sqrt(_(m) / m.length), de = (m, O, _e) => {
         const Le = ke(m);
-        return m.map((He) => $e + (Le ? He / Le * O : 0));
-      }, he = de(ve, a, o), we = de(qe, i, u);
+        return m.map((Ze) => _e + (Le ? Ze / Le * O : 0));
+      }, he = de(ve, a, o), we = de(He, i, u);
       for (let m = he.length - 1; m > 0; m -= 1) {
         const O = Math.floor(g() * (m + 1));
         [he[m], he[O]] = [he[O], he[m]], [we[m], we[O]] = [we[O], we[m]];
       }
       return he.map((m, O) => ({ x: m, y: we[O] }));
     }
-    const { loading: rt, FINAL_DATASET: De, manualLoading: We } = Tl({
-      ...ul(ee),
+    const { loading: vt, FINAL_DATASET: We, manualLoading: Ne } = zl({
+      ...il(ee),
       FINAL_CONFIG: e,
-      prepareConfig: Ie,
+      prepareConfig: Xe,
       skeletonDataset: [
         {
           name: "",
           color: "#999999",
-          values: qt(100, 0.5, { seed: 42 })
+          values: Ht(100, 0.5, { seed: 42 })
         }
       ],
-      skeletonConfig: pl({
+      skeletonConfig: gl({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -123,22 +123,22 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
           }
         }
       })
-    }), { userOptionsVisible: Ne, setUserOptionsVisibility: vt, keepUserOptionState: yt } = Ol({ config: e.value }), { svgRef: Fe } = El({ config: e.value.style.title });
-    function Ie() {
-      const l = Pt({
+    }), { userOptionsVisible: Fe, setUserOptionsVisibility: yt, keepUserOptionState: ct } = Dl({ config: e.value }), { svgRef: Ie } = El({ config: e.value.style.title });
+    function Xe() {
+      const l = Dt({
         userConfig: ee.config,
-        defaultConfig: Vt
+        defaultConfig: Ut
       });
       return l.theme ? {
-        ...Pt({
-          userConfig: ml.vue_ui_scatter[l.theme] || ee.config,
+        ...Dt({
+          userConfig: xl.vue_ui_scatter[l.theme] || ee.config,
           defaultConfig: l
         }),
-        customPalette: gl[l.theme] || ye
+        customPalette: ml[l.theme] || ye
       } : l;
     }
     Be(() => ee.config, (l) => {
-      rt.value || (e.value = Ie()), Ne.value = !e.value.userOptions.showOnChartHover, dt(), st.value += 1, nt.value += 1, ut.value += 1, q.value.showTable = e.value.table.show, q.value.showTooltip = e.value.style.tooltip.show, ct.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
+      vt.value || (e.value = Xe()), Fe.value = !e.value.userOptions.showOnChartHover, ht(), nt.value += 1, ut.value += 1, it.value += 1, H.value.showTable = e.value.table.show, H.value.showTooltip = e.value.style.tooltip.show, dt.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
 
 - downsampling is disabled in this mode, all plots are rendered
 
@@ -148,82 +148,82 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
 
 ℹ️ To remove this warning, set config.debug to false.`);
     }, { deep: !0 }), Be(() => ee.dataset, (l) => {
-      Array.isArray(l) && l.length > 0 && (We.value = !1);
+      Array.isArray(l) && l.length > 0 && (Ne.value = !1);
     }, { deep: !0 });
-    const ae = At(null), ce = At(null);
-    il(() => {
-      it.value = !0, dt();
+    const ae = Lt(null), ce = Lt(null);
+    rl(() => {
+      rt.value = !0, ht();
     });
-    const ct = W(() => !!e.value.debug);
-    function dt() {
-      if (Tt(ee.dataset) && (Ze({
+    const dt = W(() => !!e.value.debug);
+    function ht() {
+      if (Pt(ee.dataset) && (Je({
         componentName: "VueUiScatter",
         type: "dataset",
-        debug: ct.value
-      }), We.value = !0), Tt(ee.dataset) || (We.value = e.value.loading), e.value.responsive) {
-        const l = Ll(() => {
-          const { width: s, height: t } = Bl({
+        debug: dt.value
+      }), Ne.value = !0), Pt(ee.dataset) || (Ne.value = e.value.loading), e.value.responsive) {
+        const l = Bl(() => {
+          const { width: s, height: t } = Tl({
             chart: te.value,
-            title: e.value.style.title.text ? tt.value : null,
-            legend: e.value.style.legend.show ? lt.value : null,
-            source: at.value,
-            noTitle: ot.value
+            title: e.value.style.title.text ? lt.value : null,
+            legend: e.value.style.legend.show ? at.value : null,
+            source: ot.value,
+            noTitle: st.value
           });
           requestAnimationFrame(() => {
-            E.value.width = s, E.value.height = t;
+            D.value.width = s, D.value.height = t;
           });
         });
         ae.value && (ce.value && ae.value.unobserve(ce.value), ae.value.disconnect()), ae.value = new ResizeObserver(l), ce.value = te.value.parentNode, ae.value.observe(ce.value);
       }
     }
-    rl(() => {
+    vl(() => {
       ae.value && (ce.value && ae.value.unobserve(ce.value), ae.value.disconnect());
     });
-    const { isPrinting: ht, isImaging: ft, generatePdf: pt, generateImage: gt } = Pl({
+    const { isPrinting: ft, isImaging: pt, generatePdf: gt, generateImage: mt } = Ol({
       elementId: `vue-ui-scatter_${N.value}`,
       fileName: e.value.style.title.text || "vue-ui-scatter",
       options: e.value.userOptions.print
-    }), Ht = W(() => e.value.userOptions.show && !e.value.style.title.text), mt = W(() => xl(e.value.customPalette)), q = M({
+    }), Zt = W(() => e.value.userOptions.show && !e.value.style.title.text), xt = W(() => bl(e.value.customPalette)), H = M({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
     Be(e, () => {
-      q.value = {
+      H.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const E = M({
+    const D = M({
       height: e.value.style.layout.height,
       width: e.value.style.layout.width
     }), Me = W(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), n = W(() => {
       let l = 0, s = 0;
-      return Oe.value && (l = Oe.value.getBBox().width + 6), Ee.value && (s = Ee.value.getBBox().height + 6), {
+      return De.value && (l = De.value.getBBox().width + 6), Ee.value && (s = Ee.value.getBBox().height + 6), {
         top: e.value.style.layout.padding.top + Me.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        right: E.value.width - e.value.style.layout.padding.right - Me.value - 6,
-        bottom: E.value.height - e.value.style.layout.padding.bottom - s,
+        right: D.value.width - e.value.style.layout.padding.right - Me.value - 6,
+        bottom: D.value.height - e.value.style.layout.padding.bottom - s,
         left: e.value.style.layout.padding.left + l,
-        height: E.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - Me.value - s - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        width: E.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - Me.value - l - 6
+        height: D.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - Me.value - s - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+        width: D.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - Me.value - l - 6
       };
     }), z = W(() => {
-      De.value.forEach((a, u) => {
-        zt({
+      We.value.forEach((a, u) => {
+        Ot({
           datasetObject: a,
           requiredAttributes: ["values"]
         }).forEach((i) => {
-          Ze({
+          Je({
             componentName: "VueUiScatter",
             type: "datasetSerieAttribute",
             property: i,
             index: u
           });
         }), a.values && a.values.forEach((i, f) => {
-          zt({
+          Ot({
             datasetObject: i,
             requiredAttributes: ["x", "y"]
           }).forEach((v) => {
-            Ze({
+            Je({
               componentName: "VueUiScatter",
               type: "datasetSerieAttribute",
               property: `values.${v}`,
@@ -234,32 +234,32 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
       });
       const l = Math.min(...ie.value.filter((a) => !F.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), s = Math.max(...ie.value.filter((a) => !F.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), t = Math.min(...ie.value.filter((a) => !F.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.y))), o = Math.max(...ie.value.filter((a) => !F.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.y)));
       return { xMin: l >= 0 ? 0 : l, xMax: s, yMin: t >= 0 ? 0 : t, yMax: o };
-    }), D = W(() => ({
+    }), E = W(() => ({
       x: n.value.left + Math.abs(z.value.xMin) / (z.value.xMax + Math.abs(z.value.xMin)) * n.value.width,
       y: n.value.bottom - Math.abs(z.value.yMin) / (z.value.yMax + Math.abs(z.value.yMin)) * n.value.height
-    })), ie = W(() => De.value.map((l, s) => {
+    })), ie = W(() => We.value.map((l, s) => {
       const t = `cluster_${N.value}_${s}`;
       return {
         ...l,
-        values: bl({
+        values: kl({
           data: l.values,
           threshold: e.value.usePerformanceMode ? l.values.length + 1 : e.value.downsample.threshold
         }),
         id: t,
-        color: l.color ? l.color : mt.value[s] || ye[s] || ye[s % ye.length],
+        color: l.color ? l.color : xt.value[s] || ye[s] || ye[s % ye.length],
         opacity: F.value.includes(t) ? 0.5 : 1,
         shape: l.shape ?? "circle",
-        segregate: () => kt(t),
+        segregate: () => wt(t),
         isSegregated: F.value.includes(t)
       };
-    })), Zt = W(() => ({
+    })), Jt = W(() => ({
       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" : ""
-    })), Xe = W(() => ie.value.map((l, s) => ({
+    })), Ye = W(() => ie.value.map((l, s) => ({
       ...l,
       plots: l.values.map((t) => ({
         x: n.value.left + (t.x + Math.abs(z.value.xMin)) / (z.value.xMax + Math.abs(z.value.xMin)) * n.value.width,
@@ -269,29 +269,29 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
           name: t.name || ""
         },
         clusterName: l.name,
-        color: l.color ? l.color : mt.value[s] || ye[s] || ye[s % ye.length],
+        color: l.color ? l.color : xt.value[s] || ye[s] || ye[s % ye.length],
         id: `plot_${N.value}_${Math.random()}`,
         weight: t.weight ?? e.value.style.layout.plots.radius
       }))
     })).filter((l) => !F.value.includes(l.id))), j = W(() => {
       const s = ({ m: t, b: o, rect: a, verticalX: u = null }) => {
-        const { left: i, right: f, top: v, bottom: g } = a, 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;
+        const { left: i, right: f, top: v, bottom: g } = a, 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 + o), d(f, t * f + o), Math.abs(t) > 1e-9 ? (d((v - o) / t, v), d((g - o) / t, g)) : o >= v - 1e-9 && o <= g + 1e-9 && (d(i, o), d(f, o)));
-        const P = L.filter(_), C = [];
-        for (const $ of P)
-          C.some((h) => Math.abs(h.x - $.x) < 1e-6 && Math.abs(h.y - $.y) < 1e-6) || C.push($);
+        const P = L.filter($), C = [];
+        for (const _ of P)
+          C.some((h) => Math.abs(h.x - _.x) < 1e-6 && Math.abs(h.y - _.y) < 1e-6) || C.push(_);
         if (C.length < 2) return null;
         let T = C[0], I = C[1], B = 0;
-        for (let $ = 0; $ < C.length; $ += 1)
-          for (let h = $ + 1; h < C.length; h += 1) {
-            const S = C[$].x - C[h].x, U = C[$].y - C[h].y, J = S * S + U * U;
-            J > B && (B = J, T = C[$], I = C[h]);
+        for (let _ = 0; _ < C.length; _ += 1)
+          for (let h = _ + 1; h < C.length; h += 1) {
+            const S = C[_].x - C[h].x, U = C[_].y - C[h].y, J = S * S + U * U;
+            J > B && (B = J, T = C[_], I = C[h]);
           }
         return { x1: T.x, y1: T.y, x2: I.x, y2: I.y };
       };
-      return Xe.value.map((t) => {
+      return Ye.value.map((t) => {
         const o = t.plots.length, a = t.plots.reduce((h, S) => h + S.x, 0) / o, u = t.plots.reduce((h, S) => h + S.y, 0) / o;
         let i = 0, f = 0;
         for (const h of t.plots) {
@@ -300,8 +300,8 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         }
         let v, g, L = null;
         f < 1e-9 ? (L = a, v = 1 / 0, g = null) : (v = i / f, g = u - v * a);
-        let d, _;
-        L !== null ? (d = 1 / 0, _ = null) : (d = v, _ = g);
+        let d, $;
+        L !== null ? (d = 1 / 0, $ = null) : (d = v, $ = g);
         const P = t.plots.every((h) => h.v && typeof h.v.x == "number" && typeof h.v.y == "number");
         let C = NaN;
         if (o >= 2) {
@@ -309,7 +309,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
           P ? (h = t.plots.reduce((R, ve) => R + ve.v.x, 0) / o, S = t.plots.reduce((R, ve) => R + ve.v.y, 0) / o) : (h = a, S = -u);
           let U = 0, J = 0, oe = 0;
           for (const R of t.plots) {
-            const ve = P ? R.v.x : R.x, qe = P ? R.v.y : -R.y, ke = ve - h, de = qe - S;
+            const ve = P ? R.v.x : R.x, He = P ? R.v.y : -R.y, ke = ve - h, de = He - S;
             U += ke * de, J += ke * ke, oe += de * de;
           }
           if (J >= 1e-9 && oe >= 1e-9) {
@@ -317,7 +317,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
             C = Math.max(-1, Math.min(1, R));
           }
         }
-        const T = s({ m: d, b: _, rect: n.value, verticalX: L });
+        const T = s({ m: d, b: $, rect: n.value, verticalX: L });
         if (!T)
           return {
             ...t,
@@ -327,69 +327,69 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
               ...h,
               deviation: 0,
               shape: t.shape,
-              color: Je(t.color)
+              color: Ke(t.color)
             }))
           };
-        const I = (T.x1 + T.x2) / 2, B = (T.y1 + T.y2) / 2, $ = { x: I, y: B };
+        const I = (T.x1 + T.x2) / 2, B = (T.y1 + T.y2) / 2, _ = { x: I, y: B };
         return {
           ...t,
-          color: Je(t.color),
+          color: Ke(t.color),
           correlation: {
             ...T,
             coefficient: C
           },
-          label: $,
+          label: _,
           plots: t.plots.map((h) => {
             let S, U;
-            L !== null ? (S = L, U = h.y) : Math.abs(d) < 1e-9 ? (S = h.x, U = _) : (S = (h.x + d * h.y - d * _) / (1 + d * d), U = (d * h.x + d * d * h.y + _) / (1 + d * d));
+            L !== null ? (S = L, U = h.y) : Math.abs(d) < 1e-9 ? (S = h.x, U = $) : (S = (h.x + d * h.y - d * $) / (1 + d * d), U = (d * h.x + d * d * h.y + $) / (1 + d * d));
             const J = h.x - S, oe = h.y - U, R = Math.sqrt(J * J + oe * oe);
             return {
               ...h,
               deviation: R,
               shape: t.shape,
-              color: Je(t.color)
+              color: Ke(t.color)
             };
           })
         };
       });
-    }), xt = W(() => Math.max(...j.value.flatMap((l) => l.plots.map((s) => Math.abs(s.deviation)))));
-    function Jt() {
+    }), bt = W(() => Math.max(...j.value.flatMap((l) => l.plots.map((s) => Math.abs(s.deviation)))));
+    function Kt() {
       return j.value;
     }
-    function bt(l, s) {
-      const t = Array.isArray(l) ? l.flatMap((B) => B.plots.map(($) => ({
-        x: $.x,
-        y: $.y
+    function kt(l, s) {
+      const t = Array.isArray(l) ? l.flatMap((B) => B.plots.map((_) => ({
+        x: _.x,
+        y: _.y
       }))) : l.plots.map((B) => ({
         x: B.x,
         y: B.y
       }));
       let o = 1 / 0, a = -1 / 0, u = 1 / 0, i = -1 / 0;
-      t.forEach(({ x: B, y: $ }) => {
-        o = Math.min(o, B), a = Math.max(a, B), u = Math.min(u, $), i = Math.max(i, $);
+      t.forEach(({ x: B, y: _ }) => {
+        o = Math.min(o, B), a = Math.max(a, B), u = Math.min(u, _), i = Math.max(i, _);
       });
-      const f = a - o, v = i - u, g = f / s, L = v / s, d = Array(s).fill(0), _ = Array(s).fill(0);
-      t.forEach(({ x: B, y: $ }) => {
-        const h = Math.floor((B - o) / g), S = Math.floor(($ - u) / L);
-        d[h] || (d[h] = 0), _[S] || (_[S] = 0), d[h] += 1, _[S] += 1;
+      const f = a - o, v = i - u, g = f / s, L = v / s, d = Array(s).fill(0), $ = Array(s).fill(0);
+      t.forEach(({ x: B, y: _ }) => {
+        const h = Math.floor((B - o) / g), S = Math.floor((_ - u) / L);
+        d[h] || (d[h] = 0), $[S] || ($[S] = 0), d[h] += 1, $[S] += 1;
       });
       const P = [], C = [];
       for (let B = 0; B < s; B += 1)
         P.push(o + (B + 0.5) * g), C.push(u + (B + 0.5) * L);
-      const T = Math.max(...d), I = Math.max(..._);
-      return { x: d, y: _, avgX: P, avgY: C, maxX: T, maxY: I };
+      const T = Math.max(...d), I = Math.max(...$);
+      return { x: d, y: $, avgX: P, avgY: C, maxX: T, maxY: I };
     }
-    const b = W(() => e.value.style.layout.marginalBars.tranches), A = W(() => bt(Xe.value, b.value)), Kt = W(() => {
+    const b = W(() => e.value.style.layout.marginalBars.tranches), A = W(() => kt(Ye.value, b.value)), Qt = W(() => {
       const l = n.value.top - e.value.style.layout.marginalBars.offset, s = n.value.right + e.value.style.layout.marginalBars.offset;
-      return Xe.value.map((t) => {
-        const o = bt(t, b.value);
+      return Ye.value.map((t) => {
+        const o = kt(t, b.value);
         return {
           coords: o,
-          dX: wl(o.avgX.map((a, u) => ({
+          dX: _l(o.avgX.map((a, u) => ({
             x: a,
             y: l - o.x[u] / o.maxX * e.value.style.layout.marginalBars.size
           }))),
-          dY: kl(o.avgY.map((a, u) => ({
+          dY: wl(o.avgY.map((a, u) => ({
             y: a,
             x: s + e.value.style.layout.marginalBars.size * o.y[u] / o.maxY
           }))),
@@ -397,18 +397,18 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
           id: t.id
         };
       });
-    }), Y = M(void 0), p = M(null), Ye = M(null);
-    function Re(l, s) {
+    }), Y = M(void 0), p = M(null), Re = M(null);
+    function Ve(l, s) {
       Y.value = l.id, p.value = l;
       let t = "";
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s }), Ye.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s }), Re.value = {
         datapoint: l,
         seriesIndex: s,
         series: j.value,
         config: e.value
       };
       const o = e.value.style.tooltip.customFormat;
-      Al(o) && Sl(() => o({
+      Sl(o) && Ll(() => o({
         datapoint: l,
         seriesIndex: s,
         series: j.value,
@@ -446,22 +446,22 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
     function Ce(l, s) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s }), ze.value = !1, Y.value = void 0, p.value = null;
     }
-    function Ve(l, s) {
+    function je(l, s) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
     }
-    function kt(l) {
-      F.value.includes(l) ? F.value = F.value.filter((s) => s !== l) : F.value.length < De.value.length - 1 && F.value.push(l);
+    function wt(l) {
+      F.value.includes(l) ? F.value = F.value.filter((s) => s !== l) : F.value.length < We.value.length - 1 && F.value.push(l);
     }
-    function je(l = null) {
-      dl(() => {
+    function Ue(l = null) {
+      hl(() => {
         const s = ["", e.value.table.translations.correlationCoefficient, e.value.table.translations.nbrPlots, `${e.value.style.layout.dataLabels.xAxis.name} ${e.value.table.translations.average}`, `${e.value.style.layout.dataLabels.yAxis.name} ${e.value.table.translations.average}`], t = j.value.map((u) => [
           u.name,
           u.correlation.coefficient,
           u.plots.length,
           u.plots.map((i) => i.v.x).reduce((i, f) => i + f, 0) / u.plots.length,
           u.plots.map((i) => i.v.y).reduce((i, f) => i + f, 0) / u.plots.length
-        ]), o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([s]).concat(t), a = Ml(o);
-        l ? l(a) : Cl({ csvContent: a, title: e.value.style.title.text || "vue-ui-heatmap" });
+        ]), o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([s]).concat(t), a = Cl(o);
+        l ? l(a) : Al({ csvContent: a, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
     const Ae = W(() => {
@@ -496,22 +496,22 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
       };
       return { head: l, body: s, config: t, colNames: l };
     }), re = M(!1);
-    function wt(l) {
-      re.value = l, et.value += 1;
+    function _t(l) {
+      re.value = l, tt.value += 1;
     }
     function $t() {
-      q.value.showTable = !q.value.showTable;
+      H.value.showTable = !H.value.showTable;
     }
-    function _t() {
-      q.value.showTooltip = !q.value.showTooltip;
+    function Mt() {
+      H.value.showTooltip = !H.value.showTooltip;
     }
     const Se = M(!1);
-    function Ue() {
+    function Ge() {
       Se.value = !Se.value;
     }
-    async function Qt({ scale: l = 2 } = {}) {
+    async function el({ scale: l = 2 } = {}) {
       if (!te.value) return;
-      const { width: s, height: t } = te.value.getBoundingClientRect(), o = s / t, { imageUri: a, base64: u } = await Nl({ domElement: te.value, base64: !0, img: !0, scale: l });
+      const { width: s, height: t } = te.value.getBoundingClientRect(), o = s / t, { imageUri: a, base64: u } = await Fl({ domElement: te.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: a,
         base64: u,
@@ -521,16 +521,16 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         aspectRatio: o
       };
     }
-    function el(l) {
+    function tl(l) {
       ge.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (me.value = A.value.y.length - 2 - l);
     }
-    function tl(l) {
+    function ll(l) {
       me.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (ge.value = l);
     }
-    function Ge() {
+    function qe() {
       ge.value = null, me.value = null;
     }
-    const Mt = {
+    const Ct = {
       circle: 1,
       square: 1,
       diamond: 1,
@@ -539,9 +539,9 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
       pentagon: 1.3,
       hexagon: 1.3
     }, k = (l) => l.toFixed(3);
-    function ll({ shape: l = "circle", cx: s, cy: t, r: o }) {
+    function al({ shape: l = "circle", cx: s, cy: t, r: o }) {
       if (!e.value.usePerformanceMode) return "";
-      const a = Mt[l] * o;
+      const a = Ct[l] * o;
       switch (l) {
         case "circle": {
           const u = k(s - a), i = k(t), f = k(s + a), v = k(a);
@@ -596,27 +596,27 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         }
       }
     }
-    const al = W(() => {
+    const ol = W(() => {
       if (!e.value.usePerformanceMode) return [""];
       const { left: l, right: s, top: t, bottom: o } = n.value, a = Math.max(1, (s - l) * (o - t)), u = (d) => d / a * 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 j.value.map((d) => {
-        const _ = [];
+        const $ = [];
         for (const C of d.plots) {
           const T = C.x, I = C.y;
           if (T < l || T > s || I < t || I > o) continue;
           const B = Math.max(e.value.style.layout.plots.radius, C.weight);
-          _.push(ll({
+          $.push(al({
             shape: d.shape || "circle",
             cx: T,
             cy: I,
             r: B
           }));
         }
-        if (!_.length) return null;
+        if (!$.length) return null;
         const P = u(d.plots.length) > i || d.plots.length > f;
         return {
           id: d.id,
-          d: _.join(""),
+          d: $.join(""),
           fill: Te(d.color, L * 100),
           stroke: P ? "none" : v,
           strokeWidth: P ? 0 : g,
@@ -624,9 +624,9 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         };
       }).filter(Boolean);
     });
-    function ol() {
+    function sl() {
       return e.value.usePerformanceMode ? (l) => {
-        const s = Fe.value;
+        const s = Ie.value;
         if (!s) return;
         const t = s.createSVGPoint();
         t.x = l.clientX, t.y = l.clientY;
@@ -634,37 +634,37 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         if (!o) return;
         const a = o.inverse(), u = t.matrixTransform(a), i = 8, f = i * i;
         let v = null, g = 1 / 0, L = -1;
-        if (j.value.forEach((d, _) => {
+        if (j.value.forEach((d, $) => {
           d.plots.forEach((P) => {
             const C = P.x - u.x, T = P.y - u.y, I = C * C + T * T;
-            I <= f && I < g && (g = I, v = P, L = _);
+            I <= f && I < g && (g = I, v = P, L = $);
           });
         }), v)
-          Y.value !== v.id && (Y.value = v.id, Re(v, L));
+          Y.value !== v.id && (Y.value = v.id, Ve(v, L));
         else if (Y.value) {
           const d = p.value;
           Y.value = void 0, Ce(d, L);
         }
       } : () => null;
     }
-    const Ct = ol();
-    function sl() {
+    const At = sl();
+    function nl() {
       if (Y.value) {
         const l = p.value;
         Y.value = void 0, Ce(l, null);
       }
     }
-    function nl(l) {
+    function ul(l) {
       const s = p.value;
       if (s) {
         const t = j.value.findIndex((o) => o.id === s.clusterId);
-        Ve(s, t >= 0 ? t : 0);
+        je(s, t >= 0 ? t : 0);
       }
     }
     const be = W(() => {
-      const l = e.value.table.useDialog && !e.value.table.show, s = q.value.showTable;
+      const l = e.value.table.useDialog && !e.value.table.show, s = H.value.showTable;
       return {
-        component: l ? Rt : Nt,
+        component: l ? jt : It,
         title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -691,50 +691,54 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         }
       };
     });
-    return Be(() => q.value.showTable, (l) => {
+    Be(() => H.value.showTable, (l) => {
       e.value.table.show || (l && e.value.table.useDialog && xe.value ? xe.value.open() : "close" in xe.value && xe.value.close());
-    }), Et({
-      getData: Jt,
-      getImage: Qt,
-      generatePdf: pt,
-      generateCsv: je,
-      generateImage: gt,
+    });
+    function St() {
+      H.value.showTable = !1, Oe.value && Oe.value.setTableIconState(!1);
+    }
+    return Wt({
+      getData: Kt,
+      getImage: el,
+      generatePdf: gt,
+      generateCsv: Ue,
+      generateImage: mt,
       toggleTable: $t,
-      toggleTooltip: _t,
-      toggleAnnotator: Ue,
-      toggleFullscreen: wt
+      toggleTooltip: Mt,
+      toggleAnnotator: Ge,
+      toggleFullscreen: _t
     }), (l, s) => (r(), y("div", {
-      class: St(`vue-ui-scatter ${re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: Bt(`vue-ui-scatter ${re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "scatterChart",
       ref: te,
       id: `vue-ui-scatter_${N.value}`,
       style: ne(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: s[7] || (s[7] = () => c(vt)(!0)),
-      onMouseleave: s[8] || (s[8] = () => c(vt)(!1))
+      onMouseenter: s[5] || (s[5] = () => c(yt)(!0)),
+      onMouseleave: s[6] || (s[6] = () => c(yt)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), le(c(It), {
+      e.value.userOptions.buttons.annotator ? (r(), le(c(Yt), {
         key: 0,
-        svgRef: c(Fe),
+        svgRef: c(Ie),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: Se.value,
-        onClose: Ue
+        onClose: Ge
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : x("", !0),
-      Ht.value ? (r(), y("div", {
+      Zt.value ? (r(), y("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ot,
+        ref: st,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : x("", !0),
       e.value.style.title.text ? (r(), y("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: tt,
+        ref: lt,
         style: "width:100%;background:transparent"
       }, [
-        (r(), le(Wl, {
-          key: `title_${st.value}`,
+        (r(), le(Nl, {
+          key: `title_${nt.value}`,
           config: {
             title: {
               cy: "scatter-div-title",
@@ -749,15 +753,15 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
       ], 512)) : x("", !0),
       w("div", {
         id: `legend-top-${N.value}`
-      }, null, 8, Xl),
-      e.value.userOptions.show && Qe.value && (c(yt) || c(Ne)) ? (r(), le(c(Xt), {
-        ref_key: "details",
-        ref: jt,
-        key: `user_options_${et.value}`,
+      }, null, 8, Yl),
+      e.value.userOptions.show && et.value && (c(ct) || c(Fe)) ? (r(), le(c(Rt), {
+        ref_key: "userOptionsRef",
+        ref: Oe,
+        key: `user_options_${tt.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: c(ft),
-        isPrinting: c(ht),
+        isImaging: c(pt),
+        isPrinting: c(ft),
         uid: N.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -765,7 +769,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isTooltip: q.value.showTooltip,
+        isTooltip: H.value.showTooltip,
         isFullscreen: re.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: te.value,
@@ -774,17 +778,18 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         isAnnotation: Se.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: wt,
-        onGeneratePdf: c(pt),
-        onGenerateCsv: je,
-        onGenerateImage: c(gt),
+        tableDialog: e.value.table.useDialog,
+        onToggleFullscreen: _t,
+        onGeneratePdf: c(gt),
+        onGenerateCsv: Ue,
+        onGenerateImage: c(mt),
         onToggleTable: $t,
-        onToggleTooltip: _t,
-        onToggleAnnotator: Ue,
+        onToggleTooltip: Mt,
+        onToggleAnnotator: Ge,
         style: ne({
-          visibility: c(yt) ? c(Ne) ? "visible" : "hidden" : "visible"
+          visibility: c(ct) ? c(Fe) ? "visible" : "hidden" : "visible"
         })
-      }, Lt({ _: 2 }, [
+      }, Tt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: X(({ isOpen: t, color: o }) => [
@@ -841,50 +846,50 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : x("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : x("", !0),
       (r(), y("svg", {
         ref_key: "svgRef",
-        ref: Fe,
+        ref: Ie,
         xmlns: c($l),
-        class: St({ "vue-data-ui-fullscreen--on": re.value, "vue-data-ui-fulscreen--off": !re.value, animated: e.value.useCssAnimation }),
-        viewBox: `0 0 ${E.value.width <= 0 ? 10 : E.value.width} ${E.value.height <= 0 ? 10 : E.value.height}`,
+        class: Bt({ "vue-data-ui-fullscreen--on": re.value, "vue-data-ui-fulscreen--off": !re.value, animated: e.value.useCssAnimation }),
+        viewBox: `0 0 ${D.value.width <= 0 ? 10 : D.value.width} ${D.value.height <= 0 ? 10 : D.value.height}`,
         style: ne(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
-        onMouseleave: Ge
+        onMouseleave: qe
       }, [
-        _e(c(Yt)),
+        $e(c(Vt)),
         l.$slots["chart-background"] ? (r(), y("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: E.value.width <= 0 ? 10 : E.value.width,
-          height: E.value.height <= 0 ? 10 : E.value.height,
+          width: D.value.width <= 0 ? 10 : D.value.width,
+          height: D.value.height <= 0 ? 10 : D.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           V(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Rl)) : x("", !0),
-        e.value.style.layout.axis.show ? (r(), y("g", Vl, [
+        ], 8, Vl)) : x("", !0),
+        e.value.style.layout.axis.show ? (r(), y("g", jl, [
           w("line", {
-            x1: D.value.x,
-            x2: D.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,
             "stroke-width": e.value.style.layout.axis.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, jl),
+          }, null, 8, Ul),
           w("line", {
             x1: n.value.left,
             x2: n.value.right,
-            y1: D.value.y,
-            y2: D.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"
-          }, null, 8, Ul)
+          }, null, 8, Gl)
         ])) : x("", !0),
-        e.value.style.layout.marginalBars.show ? (r(), y("g", Gl, [
+        e.value.style.layout.marginalBars.show ? (r(), y("g", ql, [
           w("defs", null, [
             w("linearGradient", {
               id: `marginal_x_${N.value}`,
@@ -896,12 +901,12 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
               w("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.marginalBars.fill
-              }, null, 8, Hl),
+              }, null, 8, Zl),
               w("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.backgroundColor
-              }, null, 8, Zl)
-            ], 8, ql),
+              }, null, 8, Jl)
+            ], 8, Hl),
             w("linearGradient", {
               id: `marginal_y_${N.value}`,
               x1: "0%",
@@ -912,12 +917,12 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
               w("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.backgroundColor
-              }, null, 8, Kl),
+              }, null, 8, Ql),
               w("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.layout.marginalBars.fill
-              }, null, 8, Ql)
-            ], 8, Jl)
+              }, null, 8, ea)
+            ], 8, Kl)
           ]),
           (r(!0), y(Z, null, K(A.value.x, (t, o) => (r(), y("g", null, [
             t && A.value.avgX[o] ? (r(), y("rect", {
@@ -931,7 +936,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
               rx: e.value.style.layout.marginalBars.borderRadius
-            }, null, 12, ea)) : x("", !0),
+            }, null, 12, ta)) : x("", !0),
             A.value.avgX[o] ? (r(), y("rect", {
               key: 1,
               x: A.value.avgX[o] - n.value.width / b.value / 2,
@@ -939,10 +944,10 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
               width: n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value,
               height: Math.max(0.1, e.value.style.layout.marginalBars.size),
               fill: "transparent",
-              onMouseenter: (a) => el(o),
-              onMouseleave: s[0] || (s[0] = (a) => Ge())
-            }, null, 40, ta)) : x("", !0),
-            A.value.avgX[o] && ge.value != null && ge.value === o ? (r(), y("g", la, [
+              onMouseenter: (a) => tl(o),
+              onMouseleave: s[0] || (s[0] = (a) => qe())
+            }, null, 40, la)) : x("", !0),
+            A.value.avgX[o] && ge.value != null && ge.value === o ? (r(), y("g", aa, [
               w("rect", {
                 x: A.value.avgX[o] - n.value.width / b.value / 2,
                 y: n.value.top,
@@ -950,7 +955,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
                 height: n.value.height,
                 fill: e.value.style.layout.marginalBars.highlighter.color,
                 "fill-opacity": e.value.style.layout.marginalBars.highlighter.opacity
-              }, null, 8, aa),
+              }, null, 8, oa),
               w("line", {
                 x1: A.value.avgX[o] - n.value.width / b.value / 2,
                 x2: A.value.avgX[o] - n.value.width / b.value / 2,
@@ -960,7 +965,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
                 "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                 "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
                 style: { transition: "none !important", animation: "none !important" }
-              }, null, 8, oa),
+              }, null, 8, sa),
               w("line", {
                 x1: A.value.avgX[o] - n.value.width / b.value / 2 + (n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value),
                 x2: A.value.avgX[o] - n.value.width / b.value / 2 + (n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value),
@@ -970,7 +975,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
                 "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                 "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
                 style: { transition: "none !important", animation: "none !important" }
-              }, null, 8, sa)
+              }, null, 8, na)
             ])) : x("", !0)
           ]))), 256)),
           (r(!0), y(Z, null, K(A.value.y, (t, o) => (r(), y("g", null, [
@@ -985,7 +990,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
               rx: e.value.style.layout.marginalBars.borderRadius
-            }, null, 12, na)) : x("", !0),
+            }, null, 12, ua)) : x("", !0),
             A.value.avgY[o] ? (r(), y("rect", {
               key: 1,
               x: n.value.right + e.value.style.layout.marginalBars.offset,
@@ -993,10 +998,10 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
               width: Math.max(0.1, e.value.style.layout.marginalBars.size),
               height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
               fill: "transparent",
-              onMouseenter: (a) => tl(o),
-              onMouseleave: s[1] || (s[1] = (a) => Ge())
-            }, null, 40, ua)) : x("", !0),
-            A.value.avgY[o] && me.value != null && me.value === o ? (r(), y("g", ia, [
+              onMouseenter: (a) => ll(o),
+              onMouseleave: s[1] || (s[1] = (a) => qe())
+            }, null, 40, ia)) : x("", !0),
+            A.value.avgY[o] && me.value != null && me.value === o ? (r(), y("g", ra, [
               w("rect", {
                 x: n.value.left,
                 y: A.value.avgY[o] - n.value.height / b.value / 2,
@@ -1004,31 +1009,31 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
                 height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
                 fill: e.value.style.layout.marginalBars.highlighter.color,
                 "fill-opacity": e.value.style.layout.marginalBars.highlighter.opacity
-              }, null, 8, ra),
+              }, null, 8, va),
               w("line", {
                 x1: n.value.left,
-                x2: E.value.width,
+                x2: D.value.width,
                 y1: A.value.avgY[o] - n.value.height / b.value / 2,
                 y2: A.value.avgY[o] - n.value.height / b.value / 2,
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                 "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                 "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
                 style: { transition: "none !important", animation: "none !important" }
-              }, null, 8, va),
+              }, null, 8, ya),
               w("line", {
                 x1: n.value.left,
-                x2: E.value.width,
+                x2: D.value.width,
                 y1: A.value.avgY[o] - n.value.height / b.value / 2 + (n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value),
                 y2: A.value.avgY[o] - 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,
                 "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                 "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
                 style: { transition: "none !important", animation: "none !important" }
-              }, null, 8, ya)
+              }, null, 8, ca)
             ])) : x("", !0)
           ]))), 256)),
-          e.value.style.layout.marginalBars.showLines ? (r(), y("g", ca, [
-            (r(!0), y(Z, null, K(Kt.value, (t) => (r(), y(Z, null, [
+          e.value.style.layout.marginalBars.showLines ? (r(), y("g", da, [
+            (r(!0), y(Z, null, K(Qt.value, (t) => (r(), y(Z, null, [
               F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 0,
                 d: `M ${t.dX}`,
@@ -1037,7 +1042,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, da)),
+              }, null, 8, ha)),
               F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 1,
                 d: `M ${t.dX}`,
@@ -1046,7 +1051,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, ha)),
+              }, null, 8, fa)),
               F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 2,
                 d: `M ${t.dY}`,
@@ -1055,7 +1060,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, fa)),
+              }, null, 8, pa)),
               F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 3,
                 d: `M ${t.dY}`,
@@ -1064,26 +1069,26 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, pa))
+              }, null, 8, ga))
             ], 64))), 256))
           ])) : x("", !0)
         ])) : x("", !0),
-        e.value.style.layout.plots.giftWrap.show ? (r(), y("g", ga, [
+        e.value.style.layout.plots.giftWrap.show ? (r(), y("g", ma, [
           (r(!0), y(Z, null, K(j.value, (t, o) => (r(), y("g", null, [
             t.plots.length > 2 ? (r(), y("polygon", {
               key: 0,
-              points: c(_l)({ series: t.plots }),
+              points: c(Ml)({ series: t.plots }),
               fill: c(Te)(t.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: t.color,
               "stroke-linejoin": "round",
               "stroke-linecap": "round"
-            }, null, 8, ma)) : x("", !0)
+            }, null, 8, xa)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
         e.value.usePerformanceMode ? x("", !0) : (r(!0), y(Z, { key: 4 }, K(j.value, (t, o) => (r(), y("g", null, [
-          !t.shape || t.shape === "circle" ? (r(), y("g", xa, [
+          !t.shape || t.shape === "circle" ? (r(), y("g", ba, [
             (r(!0), y(Z, null, K(t.plots, (a, u) => (r(), y("circle", {
               cx: a.x,
               cy: a.y,
@@ -1091,23 +1096,23 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
               fill: c(Te)(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: ne(`opacity:${Y.value && Y.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / xt.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
-              onMouseover: (i) => Re(a, o),
+              style: ne(`opacity:${Y.value && Y.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / bt.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
+              onMouseover: (i) => Ve(a, o),
               onMouseleave: (i) => Ce(a, o),
-              onClick: (i) => Ve(a, o)
-            }, null, 44, ba))), 256))
-          ])) : (r(), y("g", ka, [
-            (r(!0), y(Z, null, K(t.plots, (a, u) => (r(), le(Ke, {
+              onClick: (i) => je(a, o)
+            }, null, 44, ka))), 256))
+          ])) : (r(), y("g", wa, [
+            (r(!0), y(Z, null, K(t.plots, (a, u) => (r(), le(Qe, {
               plot: { x: a.x, y: a.y },
               radius: Y.value && Y.value === a.id ? a.weight * 2 : a.weight,
               shape: t.shape,
               color: c(Te)(t.color, e.value.style.layout.plots.opacity * 100),
               stroke: e.value.style.layout.plots.stroke,
               strokeWidth: e.value.style.layout.plots.strokeWidth,
-              style: ne(`opacity:${Y.value && Y.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / xt.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
-              onMouseover: (i) => Re(a, o),
+              style: ne(`opacity:${Y.value && Y.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / bt.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
+              onMouseover: (i) => Ve(a, o),
               onMouseleave: (i) => Ce(a, o),
-              onClick: (i) => Ve(a, o)
+              onClick: (i) => je(a, o)
             }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "style", "onMouseover", "onMouseleave", "onClick"]))), 256))
           ]))
         ]))), 256)),
@@ -1115,7 +1120,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
           w("g", {
             "clip-path": `url(#clip_path_${N.value})`
           }, [
-            (r(!0), y(Z, null, K(al.value, (t) => (r(), y("path", {
+            (r(!0), y(Z, null, K(ol.value, (t) => (r(), y("path", {
               key: t.id,
               d: t.d,
               fill: t.fill,
@@ -1125,13 +1130,13 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
               "vector-effect": "non-scaling-stroke",
               "paint-order": "fill"
             }, null, 8, $a))), 128))
-          ], 8, wa),
-          p.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", _a, [
-            _e(Ke, {
+          ], 8, _a),
+          p.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", Ma, [
+            $e(Qe, {
               shape: p.value.shape || "circle",
               color: p.value.color,
               plot: { x: p.value.x, y: p.value.y },
-              radius: Math.max(4 * Mt[p.value.shape || "circle"], p.value.weight * 2),
+              radius: Math.max(4 * Ct[p.value.shape || "circle"], p.value.weight * 2),
               stroke: e.value.style.layout.plots.stroke,
               strokeWidth: e.value.style.layout.plots.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])
@@ -1142,14 +1147,14 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
             width: Math.max(1e-4, n.value.width),
             height: Math.max(1e-4, n.value.height),
             fill: "transparent",
-            onMousemove: s[2] || (s[2] = (...t) => c(Ct) && c(Ct)(...t)),
-            onMouseleave: sl,
-            onClick: nl
-          }, null, 40, Ma)
+            onMousemove: s[2] || (s[2] = (...t) => c(At) && c(At)(...t)),
+            onMouseleave: nl,
+            onClick: ul
+          }, null, 40, Ca)
         ], 64)) : x("", !0),
-        p.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", Ca, [
+        p.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", Aa, [
           w("line", {
-            x1: D.value.x,
+            x1: E.value.x,
             x2: p.value.x,
             y1: p.value.y,
             y2: p.value.y,
@@ -1158,86 +1163,86 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
             "stroke-dasharray": e.value.style.layout.plots.selectors.strokeDasharray,
             "stroke-linecap": "round",
             class: "line-pointer"
-          }, null, 8, Aa),
+          }, null, 8, Sa),
           w("line", {
             x1: p.value.x,
             x2: p.value.x,
-            y1: D.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,
             "stroke-dasharray": e.value.style.layout.plots.selectors.strokeDasharray,
             "stroke-linecap": "round",
             class: "line-pointer"
-          }, null, 8, Sa),
+          }, null, 8, La),
           w("text", {
-            x: D.value.x + (p.value.x > D.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 > D.value.x ? "end" : "start"
+            "text-anchor": p.value.x > E.value.x ? "end" : "start"
           }, G(c(ue)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            c(H)(p.value.v.y),
+            c(q)(p.value.v.y),
             c(Q)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(H)(p.value.v.y),
+              v: c(q)(p.value.v.y),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.plots.selectors.labels.rounding
             }),
             { datapoint: p.value }
-          )), 9, La),
+          )), 9, Ba),
           w("text", {
             x: p.value.x,
-            y: D.value.y + (p.value.y > D.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(c(ue)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            c(H)(p.value.v.x),
+            c(q)(p.value.v.x),
             c(Q)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(H)(p.value.v.x),
+              v: c(q)(p.value.v.x),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.plots.selectors.labels.rounding
             }),
             { datapoint: p.value }
-          )), 9, Ba),
+          )), 9, Ta),
           w("circle", {
-            cx: D.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,
             stroke: e.value.style.layout.plots.selectors.markers.stroke,
             "stroke-width": e.value.style.layout.plots.selectors.markers.strokeWidth,
             class: "line-pointer"
-          }, null, 8, Ta),
+          }, null, 8, za),
           w("circle", {
             cx: p.value.x,
-            cy: D.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,
             "stroke-width": e.value.style.layout.plots.selectors.markers.strokeWidth,
             class: "line-pointer"
-          }, null, 8, za),
+          }, null, 8, Pa),
           e.value.style.layout.plots.selectors.labels.showName ? (r(), y("text", {
             key: 0,
             x: p.value.x,
-            y: p.value.y + (p.value.y < D.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 > D.value.x ? "start" : "end"
-          }, G(p.value.v.name), 9, Pa)) : x("", !0)
+            "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, Oa)) : x("", !0)
         ])) : x("", !0),
         e.value.style.layout.dataLabels.xAxis.show ? (r(), y("g", {
           key: 7,
           ref_key: "xAxisLabelLeft",
-          ref: Oe
+          ref: De
         }, [
           w("text", {
             id: `vue-ui-scatter-xAxis-label-${N.value}`,
@@ -1246,18 +1251,18 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
             "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
             "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
             fill: e.value.style.layout.dataLabels.xAxis.color
-          }, G(e.value.style.layout.dataLabels.xAxis.name), 9, Oa),
+          }, G(e.value.style.layout.dataLabels.xAxis.name), 9, Da),
           w("text", {
             "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}, ${D.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
+            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(c(ue)(
             e.value.style.layout.plots.selectors.labels.x.formatter,
-            c(H)(z.value.xMin),
+            c(q)(z.value.xMin),
             c(Q)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(H)(z.value.xMin),
+              v: c(q)(z.value.xMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.xAxis.rounding
             })
@@ -1266,69 +1271,69 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         e.value.style.layout.dataLabels.xAxis.show ? (r(), y("text", {
           key: 8,
           ref_key: "xAxisLabelRight",
-          ref: Ut,
+          ref: Gt,
           "text-anchor": "middle",
-          transform: `translate(${n.value.right + e.value.style.layout.padding.right + 6}, ${D.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(c(ue)(
           e.value.style.layout.plots.selectors.labels.x.formatter,
-          c(H)(z.value.xMax),
+          c(q)(z.value.xMax),
           c(Q)({
             p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: c(H)(z.value.xMax),
+            v: c(q)(z.value.xMax),
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.xAxis.rounding
           })
-        )), 9, Da)) : x("", !0),
+        )), 9, Wa)) : x("", !0),
         e.value.style.layout.dataLabels.yAxis.show ? (r(), y("text", {
           key: 9,
           ref_key: "yAxisLabelTop",
-          ref: Gt,
-          x: D.value.x,
+          ref: qt,
+          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(c(ue)(
           e.value.style.layout.plots.selectors.labels.y.formatter,
-          c(H)(z.value.yMax),
+          c(q)(z.value.yMax),
           c(Q)({
             p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: c(H)(z.value.yMax),
+            v: c(q)(z.value.yMax),
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.yAxis.rounding
           })
-        )), 9, Wa)) : x("", !0),
+        )), 9, Na)) : x("", !0),
         e.value.style.layout.dataLabels.yAxis.show ? (r(), y("g", {
           key: 10,
           ref_key: "yAxisLabelBottom",
           ref: Ee
         }, [
           w("text", {
-            x: D.value.x,
-            y: E.value.height - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+            x: E.value.x,
+            y: D.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(c(ue)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            c(H)(z.value.yMin),
+            c(q)(z.value.yMin),
             c(Q)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(H)(z.value.yMin),
+              v: c(q)(z.value.yMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.yAxis.rounding
             })
-          )), 9, Na),
+          )), 9, Fa),
           w("text", {
             "text-anchor": "middle",
             "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
             "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: E.value.height
-          }, G(e.value.style.layout.dataLabels.yAxis.name), 9, Fa)
+            y: D.value.height
+          }, G(e.value.style.layout.dataLabels.yAxis.name), 9, Ia)
         ], 512)) : x("", !0),
         w("clipPath", {
           id: `clip_path_${N.value}`
@@ -1338,9 +1343,9 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
             y: n.value.top,
             width: n.value.width <= 0 ? 1e-4 : n.value.width,
             height: n.value.height <= 0 ? 1e-4 : n.value.height
-          }, null, 8, Xa)
-        ], 8, Ia),
-        e.value.style.layout.correlation.show ? (r(), y("g", Ya, [
+          }, null, 8, Ya)
+        ], 8, Xa),
+        e.value.style.layout.correlation.show ? (r(), y("g", Ra, [
           (r(!0), y(Z, null, K(j.value, (t, o) => (r(), y("line", {
             x1: t.correlation.x1,
             x2: t.correlation.x2,
@@ -1350,7 +1355,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
             stroke: t.color,
             "stroke-width": e.value.style.layout.correlation.strokeWidth,
             "clip-path": `url(#clip_path_${N.value})`
-          }, null, 8, Ra))), 256)),
+          }, null, 8, Va))), 256)),
           (r(!0), y(Z, null, K(j.value, (t, o) => (r(), y("g", null, [
             e.value.style.layout.correlation.label.show ? (r(), y("text", {
               key: 0,
@@ -1361,38 +1366,38 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
               "font-size": e.value.style.layout.correlation.label.fontSize,
               "font-weight": e.value.style.layout.correlation.label.bold ? "bold" : "normal"
             }, G(c(Q)({
-              v: c(H)(t.correlation.coefficient),
+              v: c(q)(t.correlation.coefficient),
               r: e.value.style.layout.correlation.label.roundingValue
-            })), 9, Va)) : x("", !0)
+            })), 9, ja)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
-        V(l.$slots, "svg", { svg: E.value }, void 0, !0)
-      ], 46, Yl)),
-      l.$slots.watermark ? (r(), y("div", ja, [
-        V(l.$slots, "watermark", fe(pe({ isPrinting: c(ht) || c(ft) })), void 0, !0)
+        V(l.$slots, "svg", { svg: D.value }, void 0, !0)
+      ], 46, Rl)),
+      l.$slots.watermark ? (r(), y("div", Ua, [
+        V(l.$slots, "watermark", fe(pe({ isPrinting: c(ft) || c(pt) })), void 0, !0)
       ])) : x("", !0),
       w("div", {
         id: `legend-bottom-${N.value}`
-      }, null, 8, Ua),
-      it.value ? (r(), le(vl, {
+      }, null, 8, Ga),
+      rt.value ? (r(), le(yl, {
         key: 5,
         to: e.value.style.legend.position === "top" ? `#legend-top-${N.value}` : `#legend-bottom-${N.value}`
       }, [
         w("div", {
           ref_key: "chartLegend",
-          ref: lt
+          ref: at
         }, [
-          e.value.style.legend.show ? (r(), le(Dl, {
-            key: `legend_${ut.value}`,
+          e.value.style.legend.show ? (r(), le(Wl, {
+            key: `legend_${it.value}`,
             legendSet: ie.value,
-            config: Zt.value,
-            onClickMarker: s[3] || (s[3] = ({ legend: t }) => kt(t.id))
+            config: Jt.value,
+            onClickMarker: s[3] || (s[3] = ({ legend: t }) => wt(t.id))
           }, {
             item: X(({ legend: t }) => [
               w("div", {
                 onClick: (o) => t.segregate(),
                 style: ne(`opacity:${F.value.includes(t.id) ? 0.5 : 1}`)
-              }, G(t.name), 13, Ga)
+              }, G(t.name), 13, qa)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : V(l.$slots, "legend", {
@@ -1404,13 +1409,13 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
       l.$slots.source ? (r(), y("div", {
         key: 6,
         ref_key: "source",
-        ref: at,
+        ref: ot,
         dir: "auto"
       }, [
         V(l.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
-      _e(c(Dt), {
-        show: q.value.showTooltip && ze.value,
+      $e(c(Nt), {
+        show: H.value.showTooltip && ze.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -1428,15 +1433,15 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         backdropFilter: e.value.style.tooltip.backdropFilter
       }, {
         "tooltip-before": X(() => [
-          V(l.$slots, "tooltip-before", fe(pe({ ...Ye.value })), void 0, !0)
+          V(l.$slots, "tooltip-before", fe(pe({ ...Re.value })), void 0, !0)
         ]),
         "tooltip-after": X(() => [
-          V(l.$slots, "tooltip-after", fe(pe({ ...Ye.value })), void 0, !0)
+          V(l.$slots, "tooltip-after", fe(pe({ ...Re.value })), void 0, !0)
         ]),
         default: X(() => [
-          e.value.style.tooltip.showShape ? (r(), y("div", qa, [
-            (r(), y("svg", Ha, [
-              _e(Ke, {
+          e.value.style.tooltip.showShape ? (r(), y("div", Ha, [
+            (r(), y("svg", Za, [
+              $e(Qe, {
                 shape: p.value.shape,
                 color: p.value.color,
                 plot: { x: 10, y: 10 },
@@ -1447,32 +1452,32 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      Qe.value ? (r(), le(yl(be.value.component), cl({ key: 7 }, be.value.props, {
+      et.value ? (r(), le(cl(be.value.component), dl({ key: 7 }, be.value.props, {
         ref_key: "tableUnit",
         ref: xe,
-        onClose: s[6] || (s[6] = (t) => q.value.showTable = !1)
-      }), Lt({
+        onClose: St
+      }), Tt({
         content: X(() => [
-          (r(), le(c(Ft), {
-            key: `table_${nt.value}`,
+          (r(), le(c(Xt), {
+            key: `table_${ut.value}`,
             colNames: Ae.value.colNames,
             head: Ae.value.head,
             body: Ae.value.body,
             config: Ae.value.config,
             title: e.value.table.useDialog ? "" : be.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: s[5] || (s[5] = (t) => q.value.showTable = !1)
+            onClose: St
           }, {
             th: X(({ th: t }) => [
-              Bt(G(t), 1)
+              zt(G(t), 1)
             ]),
             td: X(({ td: t }) => [
-              t.shape ? (r(), y("div", Za, [
+              t.shape ? (r(), y("div", Ja, [
                 w("span", null, G(t.content), 1)
               ])) : (r(), y("div", {
                 key: 1,
                 innerHTML: t
-              }, null, 8, Ja))
+              }, null, 8, Ka))
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1482,7 +1487,7 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
         e.value.table.useDialog ? {
           name: "title",
           fn: X(() => [
-            Bt(G(be.value.title), 1)
+            zt(G(be.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1492,9 +1497,9 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
             w("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: s[4] || (s[4] = (t) => je(e.value.userOptions.callbacks.csv))
+              onClick: s[4] || (s[4] = (t) => Ue(e.value.userOptions.callbacks.csv))
             }, [
-              _e(c(Wt), {
+              $e(c(Ft), {
                 name: "excel",
                 stroke: be.value.props.color
               }, null, 8, ["stroke"])
@@ -1503,10 +1508,10 @@ const Il = ["id"], Xl = ["id"], Yl = ["xmlns", "viewBox"], Rl = ["width", "heigh
           key: "1"
         } : void 0
       ]), 1040)) : x("", !0),
-      c(rt) ? (r(), le(zl, { key: 8 })) : x("", !0)
-    ], 46, Il));
+      c(vt) ? (r(), le(Pl, { key: 8 })) : x("", !0)
+    ], 46, Xl));
   }
-}, co = /* @__PURE__ */ Fl(Ka, [["__scopeId", "data-v-3a8aa912"]]);
+}, ho = /* @__PURE__ */ Il(Qa, [["__scopeId", "data-v-e292711d"]]);
 export {
-  co as default
+  ho as default
 };