vue-data-ui 3.0.22 → 3.1.0

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

@@ -1,46 +1,46 @@
-import { defineAsyncComponent as he, computed as W, ref as A, toRefs as tl, watch as Ue, shallowRef as Mt, onMounted as ll, onBeforeUnmount as al, createElementBlock as y, openBlock as r, unref as c, normalizeStyle as se, normalizeClass as At, createBlock as te, createCommentVNode as x, createElementVNode as w, createVNode as Ce, createSlots as ol, withCtx as R, renderSlot as V, normalizeProps as fe, guardReactiveProps as pe, Fragment as H, renderList as K, toDisplayString as G, Teleport as sl, createTextVNode as nl, nextTick as ul } from "vue";
-import { u as il, c as rl, t as vl, a as yl, p as re, b as cl, o as Ct, f as Ge, d as dl, g as St, Y as hl, e as qe, a3 as fl, V as pl, s as Se, X as gl, Z as ml, k as ne, h as q, i as Q, v as xl, w as kl, y as bl, z as wl } from "./index-BHb_mcWF.js";
-import { t as _l, u as $l } from "./useResponsive-DfdjqQps.js";
-import { u as Ml, B as Al } from "./useLoading-D7YHNtLX.js";
-import { u as Cl } from "./usePrinter-B7rhbRrT.js";
-import { u as Lt } from "./useNestedProp-aC9S6EFJ.js";
-import { u as Sl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ll } from "./useChartAccessibility-9icAAmYg.js";
-import Bl from "./Legend-DkU3at-b.js";
-import zl from "./Title-BL-IjQmj.js";
-import { _ as He } from "./Shape-C3J8aKNH.js";
-import Tl from "./img-DsVqerdt.js";
-import { _ as Pl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "height"], Fl = { key: 1 }, Il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yl = { key: 2 }, Dl = ["id"], Rl = ["stop-color"], Vl = ["stop-color"], jl = ["id"], Ul = ["stop-color"], Gl = ["stop-color"], ql = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], Hl = ["x", "y", "width", "height", "onMouseenter"], Zl = {
+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 { 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 = {
   key: 2,
   style: { "pointer-events": "none" }
-}, Jl = ["x", "y", "width", "height", "fill", "fill-opacity"], Kl = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], Ql = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], ea = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], ta = ["x", "y", "width", "height", "onMouseenter"], la = {
+}, 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 = {
   key: 2,
   style: { "pointer-events": "none" }
-}, aa = ["x", "y", "width", "height", "fill", "fill-opacity"], oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], na = {
+}, 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 = {
   key: 0,
   style: { "pointer-events": "none" }
-}, ua = ["d", "stroke", "stroke-width"], ia = ["d", "stroke", "stroke-width"], ra = ["d", "stroke", "stroke-width"], va = ["d", "stroke", "stroke-width"], ya = { key: 3 }, ca = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], da = { key: 0 }, ha = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover", "onMouseleave", "onClick"], fa = { key: 1 }, pa = ["clip-path"], ga = ["d", "fill", "stroke", "stroke-width", "stroke-opacity"], ma = {
+}, 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 = {
   key: 0,
   style: { "pointer-events": "none" }
-}, xa = ["x", "y", "width", "height"], ka = {
+}, Ma = ["x", "y", "width", "height"], Ca = {
   key: 6,
   style: { "pointer-events": "none !important" }
-}, ba = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], _a = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], $a = ["x", "y", "font-size", "fill", "font-weight"], Ma = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Aa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ca = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Sa = ["id", "transform", "font-size", "font-weight", "fill"], La = ["font-size", "fill", "transform"], Ba = ["transform", "font-size", "fill"], za = ["x", "y", "font-size", "fill"], Ta = ["x", "y", "font-size", "fill"], Pa = ["font-size", "font-weight", "fill", "x", "y"], Ea = ["id"], Oa = ["x", "y", "width", "height"], Na = {
+}, 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 = {
   key: 11,
   style: { pointerEvents: "none" }
-}, Wa = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], Fa = ["x", "y", "fill", "font-size", "font-weight"], Ia = {
+}, Ra = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], Va = ["x", "y", "fill", "font-size", "font-weight"], ja = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Xa = ["id"], Ya = ["onClick"], Da = {
+}, Ua = ["id"], Ga = ["onClick"], qa = {
   key: 0,
   style: { width: "100%", display: "flex", "align-items": "center", "justify-content": "center" }
-}, Ra = {
+}, Ha = {
   viewBox: "0 0 20 20",
   height: "20",
   width: "20",
   style: { overflow: "hidden", background: "transparent" }
-}, Va = { key: 0 }, ja = ["innerHTML"], Ua = {
+}, Za = { key: 0 }, Ja = ["innerHTML"], Ka = {
   __name: "vue-ui-scatter",
   props: {
     config: {
@@ -56,41 +56,41 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
       }
     }
   },
-  setup(Bt, { expose: zt }) {
-    const Tt = he(() => import("./vue-ui-accordion-DsnF0JuK.js")), Pt = he(() => import("./DataTable-Y5T9UxMO.js")), Et = he(() => import("./PackageVersion-CE7HSich.js")), Ot = he(() => import("./PenAndPaper-BMHsOtT8.js")), Nt = he(() => import("./Tooltip-CCnDaboi.js")), Wt = he(() => import("./UserOptions-BWMV0_Ze.js")), { vue_ui_scatter: Ft } = il(), ee = Bt, Ze = W(() => !!ee.dataset && ee.dataset.length), F = A(rl()), It = A(null), Le = A(!1), Be = A(""), Je = A(0), le = A(null), Ke = A(null), Qe = A(null), et = A(null), tt = A(null), lt = A(0), at = A(0), ot = A(0), I = A([]), st = A(!1), ge = A(null), me = A(null), ze = A(null), Xt = A(null), Yt = A(null), Te = A(null), e = A(We());
-    function Dt(l = 100, s = 0.8, t = {}) {
+  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 = {}) {
       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 = () => {
-        let m = 0, E = 0;
+        let m = 0, O = 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), P = Array.from({ length: d }, L), M = (m) => m.reduce((E, be) => E + be, 0) / m.length, z = M($), X = M(P);
+        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);
       for (let m = 0; m < d; m += 1)
-        $[m] -= z, P[m] -= X;
-      const B = (m, E) => m.reduce((be, Ae, je) => be + Ae * E[je], 0), _ = (m) => B(m, m), h = B(P, $) / _($), S = P.map((m, E) => m - h * $[E]), U = _($) / d, J = _(S) / d, oe = Math.sqrt((1 - s * s) * U / J), D = $.map((m, E) => s * m + oe * S[E]), ie = $.concat($.map((m) => -m)), Ve = D.concat(D.map((m) => -m)), xe = (m) => Math.sqrt(_(m) / m.length), ce = (m, E, be) => {
-        const Ae = xe(m);
-        return m.map((je) => be + (Ae ? je / Ae * E : 0));
-      }, de = ce(ie, a, o), ke = ce(Ve, i, u);
-      for (let m = de.length - 1; m > 0; m -= 1) {
-        const E = Math.floor(g() * (m + 1));
-        [de[m], de[E]] = [de[E], de[m]], [ke[m], ke[E]] = [ke[E], ke[m]];
+        _[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) => {
+        const Le = ke(m);
+        return m.map((He) => $e + (Le ? He / Le * O : 0));
+      }, he = de(ve, a, o), we = de(qe, 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 de.map((m, E) => ({ x: m, y: ke[E] }));
+      return he.map((m, O) => ({ x: m, y: we[O] }));
     }
-    const { loading: nt, FINAL_DATASET: Pe, manualLoading: Ee } = Ml({
-      ...tl(ee),
+    const { loading: rt, FINAL_DATASET: De, manualLoading: We } = Tl({
+      ...ul(ee),
       FINAL_CONFIG: e,
-      prepareConfig: We,
+      prepareConfig: Ie,
       skeletonDataset: [
         {
           name: "",
           color: "#999999",
-          values: Dt(100, 0.5, { seed: 42 })
+          values: qt(100, 0.5, { seed: 42 })
         }
       ],
-      skeletonConfig: vl({
+      skeletonConfig: pl({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -123,22 +123,22 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
           }
         }
       })
-    }), { userOptionsVisible: Oe, setUserOptionsVisibility: ut, keepUserOptionState: it } = Sl({ config: e.value }), { svgRef: Ne } = Ll({ config: e.value.style.title });
-    function We() {
-      const l = Lt({
+    }), { userOptionsVisible: Ne, setUserOptionsVisibility: vt, keepUserOptionState: yt } = Ol({ config: e.value }), { svgRef: Fe } = El({ config: e.value.style.title });
+    function Ie() {
+      const l = Pt({
         userConfig: ee.config,
-        defaultConfig: Ft
+        defaultConfig: Vt
       });
       return l.theme ? {
-        ...Lt({
-          userConfig: cl.vue_ui_scatter[l.theme] || ee.config,
+        ...Pt({
+          userConfig: ml.vue_ui_scatter[l.theme] || ee.config,
           defaultConfig: l
         }),
-        customPalette: yl[l.theme] || re
+        customPalette: gl[l.theme] || ye
       } : l;
     }
-    Ue(() => ee.config, (l) => {
-      nt.value || (e.value = We()), Oe.value = !e.value.userOptions.showOnChartHover, vt(), lt.value += 1, at.value += 1, ot.value += 1, Z.value.showTable = e.value.table.show, Z.value.showTooltip = e.value.style.tooltip.show, rt.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
+    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
 
 - downsampling is disabled in this mode, all plots are rendered
 
@@ -147,83 +147,83 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["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 }), Ue(() => ee.dataset, (l) => {
-      Array.isArray(l) && l.length > 0 && (Ee.value = !1);
+    }, { deep: !0 }), Be(() => ee.dataset, (l) => {
+      Array.isArray(l) && l.length > 0 && (We.value = !1);
     }, { deep: !0 });
-    const ae = Mt(null), ve = Mt(null);
-    ll(() => {
-      st.value = !0, vt();
+    const ae = At(null), ce = At(null);
+    il(() => {
+      it.value = !0, dt();
     });
-    const rt = W(() => !!e.value.debug);
-    function vt() {
-      if (Ct(ee.dataset) && (Ge({
+    const ct = W(() => !!e.value.debug);
+    function dt() {
+      if (Tt(ee.dataset) && (Ze({
         componentName: "VueUiScatter",
         type: "dataset",
-        debug: rt.value
-      }), Ee.value = !0), Ct(ee.dataset) || (Ee.value = e.value.loading), e.value.responsive) {
-        const l = _l(() => {
-          const { width: s, height: t } = $l({
-            chart: le.value,
-            title: e.value.style.title.text ? Ke.value : null,
-            legend: e.value.style.legend.show ? Qe.value : null,
-            source: et.value,
-            noTitle: tt.value
+        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({
+            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
           });
           requestAnimationFrame(() => {
-            O.value.width = s, O.value.height = t;
+            E.value.width = s, E.value.height = t;
           });
         });
-        ae.value && (ve.value && ae.value.unobserve(ve.value), ae.value.disconnect()), ae.value = new ResizeObserver(l), ve.value = le.value.parentNode, ae.value.observe(ve.value);
+        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);
       }
     }
-    al(() => {
-      ae.value && (ve.value && ae.value.unobserve(ve.value), ae.value.disconnect());
+    rl(() => {
+      ae.value && (ce.value && ae.value.unobserve(ce.value), ae.value.disconnect());
     });
-    const { isPrinting: yt, isImaging: ct, generatePdf: dt, generateImage: ht } = Cl({
-      elementId: `vue-ui-scatter_${F.value}`,
+    const { isPrinting: ht, isImaging: ft, generatePdf: pt, generateImage: gt } = Pl({
+      elementId: `vue-ui-scatter_${N.value}`,
       fileName: e.value.style.title.text || "vue-ui-scatter",
       options: e.value.userOptions.print
-    }), Rt = W(() => e.value.userOptions.show && !e.value.style.title.text), ft = W(() => dl(e.value.customPalette)), Z = A({
+    }), Ht = W(() => e.value.userOptions.show && !e.value.style.title.text), mt = W(() => xl(e.value.customPalette)), q = M({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
-    Ue(e, () => {
-      Z.value = {
+    Be(e, () => {
+      q.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const O = A({
+    const E = M({
       height: e.value.style.layout.height,
       width: e.value.style.layout.width
-    }), we = W(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), n = W(() => {
+    }), 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 ze.value && (l = ze.value.getBBox().width + 6), Te.value && (s = Te.value.getBBox().height + 6), {
-        top: e.value.style.layout.padding.top + we.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        right: O.value.width - e.value.style.layout.padding.right - we.value - 6,
-        bottom: O.value.height - e.value.style.layout.padding.bottom - s,
+      return Oe.value && (l = Oe.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,
         left: e.value.style.layout.padding.left + l,
-        height: O.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - we.value - s - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        width: O.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - we.value - l - 6
+        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
       };
-    }), T = W(() => {
-      Pe.value.forEach((a, u) => {
-        St({
+    }), z = W(() => {
+      De.value.forEach((a, u) => {
+        zt({
           datasetObject: a,
           requiredAttributes: ["values"]
         }).forEach((i) => {
-          Ge({
+          Ze({
             componentName: "VueUiScatter",
             type: "datasetSerieAttribute",
             property: i,
             index: u
           });
         }), a.values && a.values.forEach((i, f) => {
-          St({
+          zt({
             datasetObject: i,
             requiredAttributes: ["x", "y"]
           }).forEach((v) => {
-            Ge({
+            Ze({
               componentName: "VueUiScatter",
               type: "datasetSerieAttribute",
               property: `values.${v}`,
@@ -232,66 +232,66 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
           });
         });
       });
-      const l = Math.min(...ue.value.filter((a) => !I.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), s = Math.max(...ue.value.filter((a) => !I.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), t = Math.min(...ue.value.filter((a) => !I.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.y))), o = Math.max(...ue.value.filter((a) => !I.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.y)));
+      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 };
-    }), N = W(() => ({
-      x: n.value.left + Math.abs(T.value.xMin) / (T.value.xMax + Math.abs(T.value.xMin)) * n.value.width,
-      y: n.value.bottom - Math.abs(T.value.yMin) / (T.value.yMax + Math.abs(T.value.yMin)) * n.value.height
-    })), ue = W(() => Pe.value.map((l, s) => {
-      const t = `cluster_${F.value}_${s}`;
+    }), D = 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) => {
+      const t = `cluster_${N.value}_${s}`;
       return {
         ...l,
-        values: hl({
+        values: bl({
           data: l.values,
           threshold: e.value.usePerformanceMode ? l.values.length + 1 : e.value.downsample.threshold
         }),
         id: t,
-        color: l.color ? l.color : ft.value[s] || re[s] || re[s % re.length],
-        opacity: I.value.includes(t) ? 0.5 : 1,
+        color: l.color ? l.color : mt.value[s] || ye[s] || ye[s % ye.length],
+        opacity: F.value.includes(t) ? 0.5 : 1,
         shape: l.shape ?? "circle",
-        segregate: () => mt(t),
-        isSegregated: I.value.includes(t)
+        segregate: () => kt(t),
+        isSegregated: F.value.includes(t)
       };
-    })), Vt = W(() => ({
+    })), Zt = 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" : ""
-    })), Fe = W(() => ue.value.map((l, s) => ({
+    })), Xe = W(() => ie.value.map((l, s) => ({
       ...l,
       plots: l.values.map((t) => ({
-        x: n.value.left + (t.x + Math.abs(T.value.xMin)) / (T.value.xMax + Math.abs(T.value.xMin)) * n.value.width,
-        y: n.value.bottom - (t.y + Math.abs(T.value.yMin)) / (T.value.yMax + Math.abs(T.value.yMin)) * n.value.height,
+        x: n.value.left + (t.x + Math.abs(z.value.xMin)) / (z.value.xMax + Math.abs(z.value.xMin)) * n.value.width,
+        y: n.value.bottom - (t.y + Math.abs(z.value.yMin)) / (z.value.yMax + Math.abs(z.value.yMin)) * n.value.height,
         v: {
           ...t,
           name: t.name || ""
         },
         clusterName: l.name,
-        color: l.color ? l.color : ft.value[s] || re[s] || re[s % re.length],
-        id: `plot_${F.value}_${Math.random()}`,
+        color: l.color ? l.color : mt.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) => !I.value.includes(l.id))), j = W(() => {
+    })).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($), M = [];
-        for (const _ of P)
-          M.some((h) => Math.abs(h.x - _.x) < 1e-6 && Math.abs(h.y - _.y) < 1e-6) || M.push(_);
-        if (M.length < 2) return null;
-        let z = M[0], X = M[1], B = 0;
-        for (let _ = 0; _ < M.length; _ += 1)
-          for (let h = _ + 1; h < M.length; h += 1) {
-            const S = M[_].x - M[h].x, U = M[_].y - M[h].y, J = S * S + U * U;
-            J > B && (B = J, z = M[_], X = M[h]);
+        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]);
           }
-        return { x1: z.x, y1: z.y, x2: X.x, y2: X.y };
+        return { x1: T.x, y1: T.y, x2: I.x, y2: I.y };
       };
-      return Fe.value.map((t) => {
+      return Xe.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,25 +300,25 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["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 M = NaN;
+        let C = NaN;
         if (o >= 2) {
           let h = 0, S = 0;
-          P ? (h = t.plots.reduce((D, ie) => D + ie.v.x, 0) / o, S = t.plots.reduce((D, ie) => D + ie.v.y, 0) / o) : (h = a, S = -u);
+          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 D of t.plots) {
-            const ie = P ? D.v.x : D.x, Ve = P ? D.v.y : -D.y, xe = ie - h, ce = Ve - S;
-            U += xe * ce, J += xe * xe, oe += ce * ce;
+          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;
+            U += ke * de, J += ke * ke, oe += de * de;
           }
           if (J >= 1e-9 && oe >= 1e-9) {
-            const D = U / Math.sqrt(J * oe);
-            M = Math.max(-1, Math.min(1, D));
+            const R = U / Math.sqrt(J * oe);
+            C = Math.max(-1, Math.min(1, R));
           }
         }
-        const z = s({ m: d, b: $, rect: n.value, verticalX: L });
-        if (!z)
+        const T = s({ m: d, b: _, rect: n.value, verticalX: L });
+        if (!T)
           return {
             ...t,
             correlation: null,
@@ -327,69 +327,69 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
               ...h,
               deviation: 0,
               shape: t.shape,
-              color: qe(t.color)
+              color: Je(t.color)
             }))
           };
-        const X = (z.x1 + z.x2) / 2, B = (z.y1 + z.y2) / 2, _ = { x: X, y: B };
+        const I = (T.x1 + T.x2) / 2, B = (T.y1 + T.y2) / 2, $ = { x: I, y: B };
         return {
           ...t,
-          color: qe(t.color),
+          color: Je(t.color),
           correlation: {
-            ...z,
-            coefficient: M
+            ...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));
-            const J = h.x - S, oe = h.y - U, D = Math.sqrt(J * J + oe * oe);
+            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: D,
+              deviation: R,
               shape: t.shape,
-              color: qe(t.color)
+              color: Je(t.color)
             };
           })
         };
       });
-    }), pt = W(() => Math.max(...j.value.flatMap((l) => l.plots.map((s) => Math.abs(s.deviation)))));
-    function jt() {
+    }), xt = W(() => Math.max(...j.value.flatMap((l) => l.plots.map((s) => Math.abs(s.deviation)))));
+    function Jt() {
       return j.value;
     }
-    function gt(l, s) {
-      const t = Array.isArray(l) ? l.flatMap((B) => B.plots.map((_) => ({
-        x: _.x,
-        y: _.y
+    function bt(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 = [], M = [];
+      const P = [], C = [];
       for (let B = 0; B < s; B += 1)
-        P.push(o + (B + 0.5) * g), M.push(u + (B + 0.5) * L);
-      const z = Math.max(...d), X = Math.max(...$);
-      return { x: d, y: $, avgX: P, avgY: M, maxX: z, maxY: X };
+        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 k = W(() => e.value.style.layout.marginalBars.tranches), C = W(() => gt(Fe.value, k.value)), Ut = W(() => {
+    const b = W(() => e.value.style.layout.marginalBars.tranches), A = W(() => bt(Xe.value, b.value)), Kt = W(() => {
       const l = n.value.top - e.value.style.layout.marginalBars.offset, s = n.value.right + e.value.style.layout.marginalBars.offset;
-      return Fe.value.map((t) => {
-        const o = gt(t, k.value);
+      return Xe.value.map((t) => {
+        const o = bt(t, b.value);
         return {
           coords: o,
-          dX: pl(o.avgX.map((a, u) => ({
+          dX: wl(o.avgX.map((a, u) => ({
             x: a,
             y: l - o.x[u] / o.maxX * e.value.style.layout.marginalBars.size
           }))),
-          dY: fl(o.avgY.map((a, u) => ({
+          dY: kl(o.avgY.map((a, u) => ({
             y: a,
             x: s + e.value.style.layout.marginalBars.size * o.y[u] / o.maxY
           }))),
@@ -397,28 +397,28 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
           id: t.id
         };
       });
-    }), Y = A(void 0), p = A(null), Ie = A(null);
-    function Xe(l, s) {
+    }), Y = M(void 0), p = M(null), Ye = M(null);
+    function Re(l, s) {
       Y.value = l.id, p.value = l;
       let t = "";
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s }), Ie.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s }), Ye.value = {
         datapoint: l,
         seriesIndex: s,
         series: j.value,
         config: e.value
       };
       const o = e.value.style.tooltip.customFormat;
-      bl(o) && wl(() => o({
+      Al(o) && Sl(() => o({
         datapoint: l,
         seriesIndex: s,
         series: j.value,
         config: e.value
-      })) ? Be.value = o({
+      })) ? Pe.value = o({
         datapoint: l,
         seriesIndex: s,
         series: j.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) ? "-" : ne(
+      }) : (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) ? "-" : ue(
         e.value.style.layout.plots.selectors.labels.x.formatter,
         l.v.x,
         Q({
@@ -428,7 +428,7 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
           r: e.value.style.tooltip.roundingValue
         }),
         { datapoint: l, seriesIndex: s }
-      )}</b></div>`, t += `<div>${e.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(l.v.y) ? "-" : ne(
+      )}</b></div>`, t += `<div>${e.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(l.v.y) ? "-" : ue(
         e.value.style.layout.plots.selectors.labels.y.formatter,
         l.v.y,
         Q({
@@ -441,30 +441,30 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
       )}</b></div>`, t += `${e.value.style.layout.plots.deviation.translation}: <b>${Q({
         v: l.deviation,
         r: e.value.style.layout.plots.deviation.roundingValue
-      })}</b>`, t += "</div>", Be.value = `<div>${t}</div>`), Le.value = !0;
+      })}</b>`, t += "</div>", Pe.value = `<div>${t}</div>`), ze.value = !0;
     }
-    function _e(l, s) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s }), Le.value = !1, Y.value = void 0, p.value = null;
+    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 Ye(l, s) {
+    function Ve(l, s) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
     }
-    function mt(l) {
-      I.value.includes(l) ? I.value = I.value.filter((s) => s !== l) : I.value.length < Pe.value.length - 1 && I.value.push(l);
+    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 xt(l = null) {
-      ul(() => {
+    function je(l = null) {
+      dl(() => {
         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 = xl(o);
-        l ? l(a) : kl({ 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 = Ml(o);
+        l ? l(a) : Cl({ csvContent: a, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
-    const $e = W(() => {
+    const Ae = W(() => {
       const l = [
         e.value.table.translations.series,
         e.value.table.translations.correlationCoefficient,
@@ -495,23 +495,23 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
         breakpoint: e.value.table.responsiveBreakpoint
       };
       return { head: l, body: s, config: t, colNames: l };
-    }), ye = A(!1);
-    function kt(l) {
-      ye.value = l, Je.value += 1;
+    }), re = M(!1);
+    function wt(l) {
+      re.value = l, et.value += 1;
     }
-    function bt() {
-      Z.value.showTable = !Z.value.showTable;
+    function $t() {
+      q.value.showTable = !q.value.showTable;
     }
-    function wt() {
-      Z.value.showTooltip = !Z.value.showTooltip;
+    function _t() {
+      q.value.showTooltip = !q.value.showTooltip;
     }
-    const Me = A(!1);
-    function De() {
-      Me.value = !Me.value;
+    const Se = M(!1);
+    function Ue() {
+      Se.value = !Se.value;
     }
-    async function Gt({ scale: l = 2 } = {}) {
-      if (!le.value) return;
-      const { width: s, height: t } = le.value.getBoundingClientRect(), o = s / t, { imageUri: a, base64: u } = await Tl({ domElement: le.value, base64: !0, img: !0, scale: l });
+    async function Qt({ 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 });
       return {
         imageUri: a,
         base64: u,
@@ -521,16 +521,16 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
         aspectRatio: o
       };
     }
-    function qt(l) {
-      ge.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (me.value = C.value.y.length - 2 - l);
+    function el(l) {
+      ge.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (me.value = A.value.y.length - 2 - l);
     }
-    function Ht(l) {
+    function tl(l) {
       me.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (ge.value = l);
     }
-    function Re() {
+    function Ge() {
       ge.value = null, me.value = null;
     }
-    const _t = {
+    const Mt = {
       circle: 1,
       square: 1,
       diamond: 1,
@@ -538,26 +538,26 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
       star: 1.3,
       pentagon: 1.3,
       hexagon: 1.3
-    }, b = (l) => l.toFixed(3);
-    function Zt({ shape: l = "circle", cx: s, cy: t, r: o }) {
+    }, k = (l) => l.toFixed(3);
+    function ll({ shape: l = "circle", cx: s, cy: t, r: o }) {
       if (!e.value.usePerformanceMode) return "";
-      const a = _t[l] * o;
+      const a = Mt[l] * o;
       switch (l) {
         case "circle": {
-          const u = b(s - a), i = b(t), f = b(s + a), v = b(a);
+          const u = k(s - a), i = k(t), f = k(s + a), v = k(a);
           return `M ${u} ${i} A ${v} ${v} 0 1 0 ${f} ${i} A ${v} ${v} 0 1 0 ${u} ${i} Z`;
         }
         case "square": {
-          const u = b(s - a), i = b(t - a), f = b(s + a), v = b(t + a);
+          const u = k(s - a), i = k(t - a), f = k(s + a), v = k(t + a);
           return `M ${u} ${i} L ${f} ${i} L ${f} ${v} L ${u} ${v} Z`;
         }
         case "diamond": {
-          const u = b(s), i = b(t);
-          return `M ${u} ${b(t - a)} L ${b(s + a)} ${i} L ${u} ${b(t + a)} L ${b(s - a)} ${i} Z`;
+          const u = k(s), i = k(t);
+          return `M ${u} ${k(t - a)} L ${k(s + a)} ${i} L ${u} ${k(t + a)} L ${k(s - a)} ${i} Z`;
         }
         case "triangle": {
           const u = a * Math.sqrt(3), i = s, f = t - 2 / 3 * u, v = s - a, g = t + 1 / 3 * u, L = s + a, d = g;
-          return `M ${b(i)} ${b(f)} L ${b(v)} ${b(g)} L ${b(L)} ${b(d)} Z`;
+          return `M ${k(i)} ${k(f)} L ${k(v)} ${k(g)} L ${k(L)} ${k(d)} Z`;
         }
         case "star": {
           const u = a, i = a * 0.5, f = [];
@@ -565,9 +565,9 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
             const L = (-90 + g * 36) * Math.PI / 180, d = g % 2 === 0 ? u : i;
             f.push([s + d * Math.cos(L), t + d * Math.sin(L)]);
           }
-          let v = `M ${b(f[0][0])} ${b(f[0][1])}`;
+          let v = `M ${k(f[0][0])} ${k(f[0][1])}`;
           for (let g = 1; g < f.length; g += 1)
-            v += ` L ${b(f[g][0])} ${b(f[g][1])}`;
+            v += ` L ${k(f[g][0])} ${k(f[g][1])}`;
           return v + " Z";
         }
         case "pentagon": {
@@ -576,8 +576,8 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
             const g = (-90 + v * 72) * Math.PI / 180;
             i.push([s + a * Math.cos(g), t + a * Math.sin(g)]);
           }
-          let f = `M ${b(i[0][0])} ${b(i[0][1])}`;
-          for (let v = 1; v < 5; v += 1) f += ` L ${b(i[v][0])} ${b(i[v][1])}`;
+          let f = `M ${k(i[0][0])} ${k(i[0][1])}`;
+          for (let v = 1; v < 5; v += 1) f += ` L ${k(i[v][0])} ${k(i[v][1])}`;
           return f + " Z";
         }
         case "hexagon": {
@@ -586,47 +586,47 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
             const g = (-60 + v * 60) * Math.PI / 180;
             i.push([s + a * Math.cos(g), t + a * Math.sin(g)]);
           }
-          let f = `M ${b(i[0][0])} ${b(i[0][1])}`;
-          for (let v = 1; v < 6; v += 1) f += ` L ${b(i[v][0])} ${b(i[v][1])}`;
+          let f = `M ${k(i[0][0])} ${k(i[0][1])}`;
+          for (let v = 1; v < 6; v += 1) f += ` L ${k(i[v][0])} ${k(i[v][1])}`;
           return f + " Z";
         }
         default: {
-          const u = b(s - a), i = b(t), f = b(s + a), v = b(a);
+          const u = k(s - a), i = k(t), f = k(s + a), v = k(a);
           return `M ${u} ${i} A ${v} ${v} 0 1 0 ${f} ${i} A ${v} ${v} 0 1 0 ${u} ${i} Z`;
         }
       }
     }
-    const Jt = W(() => {
+    const al = 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 $ = [];
-        for (const M of d.plots) {
-          const z = M.x, X = M.y;
-          if (z < l || z > s || X < t || X > o) continue;
-          const B = Math.max(e.value.style.layout.plots.radius, M.weight);
-          $.push(Zt({
+        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({
             shape: d.shape || "circle",
-            cx: z,
-            cy: X,
+            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(""),
-          fill: Se(d.color, L * 100),
+          d: _.join(""),
+          fill: Te(d.color, L * 100),
           stroke: P ? "none" : v,
           strokeWidth: P ? 0 : g,
           strokeOpacity: 1
         };
       }).filter(Boolean);
     });
-    function Kt() {
+    function ol() {
       return e.value.usePerformanceMode ? (l) => {
-        const s = Ne.value;
+        const s = Fe.value;
         if (!s) return;
         const t = s.createSVGPoint();
         t.x = l.clientX, t.y = l.clientY;
@@ -634,75 +634,107 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["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 M = P.x - u.x, z = P.y - u.y, X = M * M + z * z;
-            X <= f && X < g && (g = X, v = P, L = $);
+            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 = _);
           });
         }), v)
-          Y.value !== v.id && (Y.value = v.id, Xe(v, L));
+          Y.value !== v.id && (Y.value = v.id, Re(v, L));
         else if (Y.value) {
           const d = p.value;
-          Y.value = void 0, _e(d, L);
+          Y.value = void 0, Ce(d, L);
         }
       } : () => null;
     }
-    const $t = Kt();
-    function Qt() {
+    const Ct = ol();
+    function sl() {
       if (Y.value) {
         const l = p.value;
-        Y.value = void 0, _e(l, null);
+        Y.value = void 0, Ce(l, null);
       }
     }
-    function el(l) {
+    function nl(l) {
       const s = p.value;
       if (s) {
         const t = j.value.findIndex((o) => o.id === s.clusterId);
-        Ye(s, t >= 0 ? t : 0);
+        Ve(s, t >= 0 ? t : 0);
       }
     }
-    return zt({
-      getData: jt,
-      getImage: Gt,
-      generatePdf: dt,
-      generateCsv: xt,
-      generateImage: ht,
-      toggleTable: bt,
-      toggleTooltip: wt,
-      toggleAnnotator: De,
-      toggleFullscreen: kt
+    const be = W(() => {
+      const l = e.value.table.useDialog && !e.value.table.show, s = q.value.showTable;
+      return {
+        component: l ? Rt : Nt,
+        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,
+          color: e.value.table.th.color,
+          headerColor: e.value.table.th.color,
+          headerBg: e.value.table.th.backgroundColor,
+          isFullscreen: re.value,
+          fullscreenParent: te.value,
+          forcedWidth: Math.min(800, window.innerWidth * 0.8)
+        } : {
+          hideDetails: !0,
+          config: {
+            open: s,
+            maxHeight: 1e4,
+            body: {
+              backgroundColor: e.value.style.backgroundColor,
+              color: e.value.style.color
+            },
+            head: {
+              backgroundColor: e.value.style.backgroundColor,
+              color: e.value.style.color
+            }
+          }
+        }
+      };
+    });
+    return Be(() => q.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,
+      toggleTable: $t,
+      toggleTooltip: _t,
+      toggleAnnotator: Ue,
+      toggleFullscreen: wt
     }), (l, s) => (r(), y("div", {
-      class: At(`vue-ui-scatter ${ye.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: St(`vue-ui-scatter ${re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "scatterChart",
-      ref: le,
-      id: `vue-ui-scatter_${F.value}`,
-      style: se(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: s[5] || (s[5] = () => c(ut)(!0)),
-      onMouseleave: s[6] || (s[6] = () => c(ut)(!1))
+      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))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), te(c(Ot), {
+      e.value.userOptions.buttons.annotator ? (r(), le(c(It), {
         key: 0,
-        svgRef: c(Ne),
+        svgRef: c(Fe),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        active: Me.value,
-        onClose: De
+        active: Se.value,
+        onClose: Ue
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : x("", !0),
-      Rt.value ? (r(), y("div", {
+      Ht.value ? (r(), y("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: tt,
+        ref: ot,
         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: Ke,
+        ref: tt,
         style: "width:100%;background:transparent"
       }, [
-        (r(), te(zl, {
-          key: `title_${lt.value}`,
+        (r(), le(Wl, {
+          key: `title_${st.value}`,
           config: {
             title: {
               cy: "scatter-div-title",
@@ -716,95 +748,95 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
         }, null, 8, ["config"]))
       ], 512)) : x("", !0),
       w("div", {
-        id: `legend-top-${F.value}`
-      }, null, 8, Ol),
-      e.value.userOptions.show && Ze.value && (c(it) || c(Oe)) ? (r(), te(c(Wt), {
+        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: It,
-        key: `user_options_${Je.value}`,
+        ref: jt,
+        key: `user_options_${et.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: c(ct),
-        isPrinting: c(yt),
-        uid: F.value,
+        isImaging: c(ft),
+        isPrinting: c(ht),
+        uid: N.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasXls: e.value.userOptions.buttons.csv,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isTooltip: Z.value.showTooltip,
-        isFullscreen: ye.value,
+        isTooltip: q.value.showTooltip,
+        isFullscreen: re.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: le.value,
+        chartElement: te.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Me.value,
+        isAnnotation: Se.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: kt,
-        onGeneratePdf: c(dt),
-        onGenerateCsv: xt,
-        onGenerateImage: c(ht),
-        onToggleTable: bt,
-        onToggleTooltip: wt,
-        onToggleAnnotator: De,
-        style: se({
-          visibility: c(it) ? c(Oe) ? "visible" : "hidden" : "visible"
+        onToggleFullscreen: wt,
+        onGeneratePdf: c(pt),
+        onGenerateCsv: je,
+        onGenerateImage: c(gt),
+        onToggleTable: $t,
+        onToggleTooltip: _t,
+        onToggleAnnotator: Ue,
+        style: ne({
+          visibility: c(yt) ? c(Ne) ? "visible" : "hidden" : "visible"
         })
-      }, ol({ _: 2 }, [
+      }, Lt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: R(({ isOpen: t, color: o }) => [
+          fn: X(({ isOpen: t, color: o }) => [
             V(l.$slots, "menuIcon", fe(pe({ isOpen: t, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: R(() => [
+          fn: X(() => [
             V(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: R(() => [
+          fn: X(() => [
             V(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: R(() => [
+          fn: X(() => [
             V(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: R(() => [
+          fn: X(() => [
             V(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: R(() => [
+          fn: X(() => [
             V(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: R(({ toggleFullscreen: t, isFullscreen: o }) => [
+          fn: X(({ toggleFullscreen: t, isFullscreen: o }) => [
             V(l.$slots, "optionFullscreen", fe(pe({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: R(({ toggleAnnotator: t, isAnnotator: o }) => [
+          fn: X(({ toggleAnnotator: t, isAnnotator: o }) => [
             V(l.$slots, "optionAnnotator", fe(pe({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
           ]),
           key: "7"
@@ -812,50 +844,50 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
       ]), 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),
       (r(), y("svg", {
         ref_key: "svgRef",
-        ref: Ne,
-        xmlns: c(gl),
-        class: At({ "vue-data-ui-fullscreen--on": ye.value, "vue-data-ui-fulscreen--off": !ye.value, animated: e.value.useCssAnimation }),
-        viewBox: `0 0 ${O.value.width <= 0 ? 10 : O.value.width} ${O.value.height <= 0 ? 10 : O.value.height}`,
-        style: se(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
-        onMouseleave: Re
+        ref: Fe,
+        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}`,
+        style: ne(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
+        onMouseleave: Ge
       }, [
-        Ce(c(Et)),
+        _e(c(Yt)),
         l.$slots["chart-background"] ? (r(), y("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: O.value.width <= 0 ? 10 : O.value.width,
-          height: O.value.height <= 0 ? 10 : O.value.height,
+          width: E.value.width <= 0 ? 10 : E.value.width,
+          height: E.value.height <= 0 ? 10 : E.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           V(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Wl)) : x("", !0),
-        e.value.style.layout.axis.show ? (r(), y("g", Fl, [
+        ], 8, Rl)) : x("", !0),
+        e.value.style.layout.axis.show ? (r(), y("g", Vl, [
           w("line", {
-            x1: N.value.x,
-            x2: N.value.x,
+            x1: D.value.x,
+            x2: D.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, Il),
+          }, null, 8, jl),
           w("line", {
             x1: n.value.left,
             x2: n.value.right,
-            y1: N.value.y,
-            y2: N.value.y,
+            y1: D.value.y,
+            y2: D.value.y,
             stroke: e.value.style.layout.axis.stroke,
             "stroke-width": e.value.style.layout.axis.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Xl)
+          }, null, 8, Ul)
         ])) : x("", !0),
-        e.value.style.layout.marginalBars.show ? (r(), y("g", Yl, [
+        e.value.style.layout.marginalBars.show ? (r(), y("g", Gl, [
           w("defs", null, [
             w("linearGradient", {
-              id: `marginal_x_${F.value}`,
+              id: `marginal_x_${N.value}`,
               x1: "0%",
               y1: "0%",
               x2: "0%",
@@ -864,14 +896,14 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
               w("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.marginalBars.fill
-              }, null, 8, Rl),
+              }, null, 8, Hl),
               w("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.backgroundColor
-              }, null, 8, Vl)
-            ], 8, Dl),
+              }, null, 8, Zl)
+            ], 8, ql),
             w("linearGradient", {
-              id: `marginal_y_${F.value}`,
+              id: `marginal_y_${N.value}`,
               x1: "0%",
               x2: "100%",
               y1: "0%",
@@ -880,124 +912,124 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
               w("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.backgroundColor
-              }, null, 8, Ul),
+              }, null, 8, Kl),
               w("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.layout.marginalBars.fill
-              }, null, 8, Gl)
-            ], 8, jl)
+              }, null, 8, Ql)
+            ], 8, Jl)
           ]),
-          (r(!0), y(H, null, K(C.value.x, (t, o) => (r(), y("g", null, [
-            t && C.value.avgX[o] ? (r(), y("rect", {
+          (r(!0), y(Z, null, K(A.value.x, (t, o) => (r(), y("g", null, [
+            t && A.value.avgX[o] ? (r(), y("rect", {
               key: 0,
-              x: C.value.avgX[o] - n.value.width / k.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 / k.value <= 0 ? 1e-4 : n.value.width / k.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_${F.value})` : e.value.style.layout.marginalBars.fill,
-              style: se([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
+              x: A.value.avgX[o] - n.value.width / b.value / 2,
+              y: n.value.top - e.value.style.layout.marginalBars.offset - t / A.value.maxX * e.value.style.layout.marginalBars.size,
+              width: n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value,
+              height: t / A.value.maxX * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / A.value.maxX * e.value.style.layout.marginalBars.size,
+              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_x_${N.value})` : e.value.style.layout.marginalBars.fill,
+              style: ne([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
               rx: e.value.style.layout.marginalBars.borderRadius
-            }, null, 12, ql)) : x("", !0),
-            C.value.avgX[o] ? (r(), y("rect", {
+            }, null, 12, ea)) : x("", !0),
+            A.value.avgX[o] ? (r(), y("rect", {
               key: 1,
-              x: C.value.avgX[o] - n.value.width / k.value / 2,
+              x: A.value.avgX[o] - n.value.width / b.value / 2,
               y: n.value.top - e.value.style.layout.marginalBars.offset - e.value.style.layout.marginalBars.size,
-              width: n.value.width / k.value <= 0 ? 1e-4 : n.value.width / k.value,
+              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) => qt(o),
-              onMouseleave: s[0] || (s[0] = (a) => Re())
-            }, null, 40, Hl)) : x("", !0),
-            C.value.avgX[o] && ge.value != null && ge.value === o ? (r(), y("g", Zl, [
+              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, [
               w("rect", {
-                x: C.value.avgX[o] - n.value.width / k.value / 2,
+                x: A.value.avgX[o] - n.value.width / b.value / 2,
                 y: n.value.top,
-                width: n.value.width / k.value <= 0 ? 1e-4 : n.value.width / k.value,
+                width: n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value,
                 height: n.value.height,
                 fill: e.value.style.layout.marginalBars.highlighter.color,
                 "fill-opacity": e.value.style.layout.marginalBars.highlighter.opacity
-              }, null, 8, Jl),
+              }, null, 8, aa),
               w("line", {
-                x1: C.value.avgX[o] - n.value.width / k.value / 2,
-                x2: C.value.avgX[o] - n.value.width / k.value / 2,
+                x1: A.value.avgX[o] - n.value.width / b.value / 2,
+                x2: A.value.avgX[o] - n.value.width / b.value / 2,
                 y1: 0,
                 y2: n.value.top + n.value.height,
                 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, Kl),
+              }, null, 8, oa),
               w("line", {
-                x1: C.value.avgX[o] - n.value.width / k.value / 2 + (n.value.width / k.value <= 0 ? 1e-4 : n.value.width / k.value),
-                x2: C.value.avgX[o] - n.value.width / k.value / 2 + (n.value.width / k.value <= 0 ? 1e-4 : n.value.width / k.value),
+                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),
                 y1: 0,
                 y2: n.value.top + n.value.height,
                 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, Ql)
+              }, null, 8, sa)
             ])) : x("", !0)
           ]))), 256)),
-          (r(!0), y(H, null, K(C.value.y, (t, o) => (r(), y("g", null, [
-            t && C.value.avgY[o] ? (r(), y("rect", {
+          (r(!0), y(Z, null, K(A.value.y, (t, o) => (r(), y("g", null, [
+            t && A.value.avgY[o] ? (r(), y("rect", {
               key: 0,
               x: n.value.right + e.value.style.layout.marginalBars.offset,
-              y: C.value.avgY[o] - n.value.height / k.value / 2,
-              height: n.value.height / k.value <= 0 ? 1e-4 : n.value.height / k.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_${F.value})` : e.value.style.layout.marginalBars.fill,
-              style: se([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
+              y: A.value.avgY[o] - n.value.height / b.value / 2,
+              height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
+              width: t / A.value.maxY * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / A.value.maxY * e.value.style.layout.marginalBars.size,
+              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_y_${N.value})` : e.value.style.layout.marginalBars.fill,
+              style: ne([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
               rx: e.value.style.layout.marginalBars.borderRadius
-            }, null, 12, ea)) : x("", !0),
-            C.value.avgY[o] ? (r(), y("rect", {
+            }, null, 12, na)) : x("", !0),
+            A.value.avgY[o] ? (r(), y("rect", {
               key: 1,
               x: n.value.right + e.value.style.layout.marginalBars.offset,
-              y: C.value.avgY[o] - n.value.height / k.value / 2,
+              y: A.value.avgY[o] - n.value.height / b.value / 2,
               width: Math.max(0.1, e.value.style.layout.marginalBars.size),
-              height: n.value.height / k.value <= 0 ? 1e-4 : n.value.height / k.value,
+              height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
               fill: "transparent",
-              onMouseenter: (a) => Ht(o),
-              onMouseleave: s[1] || (s[1] = (a) => Re())
-            }, null, 40, ta)) : x("", !0),
-            C.value.avgY[o] && me.value != null && me.value === o ? (r(), y("g", la, [
+              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, [
               w("rect", {
                 x: n.value.left,
-                y: C.value.avgY[o] - n.value.height / k.value / 2,
+                y: A.value.avgY[o] - n.value.height / b.value / 2,
                 width: n.value.width,
-                height: n.value.height / k.value <= 0 ? 1e-4 : n.value.height / k.value,
+                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, aa),
+              }, null, 8, ra),
               w("line", {
                 x1: n.value.left,
-                x2: O.value.width,
-                y1: C.value.avgY[o] - n.value.height / k.value / 2,
-                y2: C.value.avgY[o] - n.value.height / k.value / 2,
+                x2: E.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, oa),
+              }, null, 8, va),
               w("line", {
                 x1: n.value.left,
-                x2: O.value.width,
-                y1: C.value.avgY[o] - n.value.height / k.value / 2 + (n.value.height / k.value <= 0 ? 1e-4 : n.value.height / k.value),
-                y2: C.value.avgY[o] - n.value.height / k.value / 2 + (n.value.height / k.value <= 0 ? 1e-4 : n.value.height / k.value),
+                x2: E.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, sa)
+              }, null, 8, ya)
             ])) : x("", !0)
           ]))), 256)),
-          e.value.style.layout.marginalBars.showLines ? (r(), y("g", na, [
-            (r(!0), y(H, null, K(Ut.value, (t) => (r(), y(H, null, [
-              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+          e.value.style.layout.marginalBars.showLines ? (r(), y("g", ca, [
+            (r(!0), y(Z, null, K(Kt.value, (t) => (r(), y(Z, null, [
+              F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 0,
                 d: `M ${t.dX}`,
                 stroke: e.value.style.backgroundColor,
@@ -1005,8 +1037,8 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, ua)),
-              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              }, null, 8, da)),
+              F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 1,
                 d: `M ${t.dX}`,
                 stroke: t.color,
@@ -1014,8 +1046,8 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, ia)),
-              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              }, null, 8, ha)),
+              F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 2,
                 d: `M ${t.dY}`,
                 stroke: e.value.style.backgroundColor,
@@ -1023,8 +1055,8 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, ra)),
-              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              }, null, 8, fa)),
+              F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 3,
                 d: `M ${t.dY}`,
                 stroke: t.color,
@@ -1032,58 +1064,58 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, va))
+              }, null, 8, pa))
             ], 64))), 256))
           ])) : x("", !0)
         ])) : x("", !0),
-        e.value.style.layout.plots.giftWrap.show ? (r(), y("g", ya, [
-          (r(!0), y(H, null, K(j.value, (t, o) => (r(), y("g", null, [
+        e.value.style.layout.plots.giftWrap.show ? (r(), y("g", ga, [
+          (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(ml)({ series: t.plots }),
-              fill: c(Se)(t.color, e.value.style.layout.plots.giftWrap.fillOpacity * 100),
+              points: c(_l)({ 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, ca)) : x("", !0)
+            }, null, 8, ma)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
-        e.value.usePerformanceMode ? x("", !0) : (r(!0), y(H, { key: 4 }, K(j.value, (t, o) => (r(), y("g", null, [
-          !t.shape || t.shape === "circle" ? (r(), y("g", da, [
-            (r(!0), y(H, null, K(t.plots, (a, u) => (r(), y("circle", {
+        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, [
+            (r(!0), y(Z, null, K(t.plots, (a, u) => (r(), y("circle", {
               cx: a.x,
               cy: a.y,
               r: Y.value && Y.value === a.id ? a.weight * 2 : a.weight,
-              fill: c(Se)(t.color, e.value.style.layout.plots.opacity * 100),
+              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: se(`opacity:${Y.value && Y.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / pt.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) => Xe(a, o),
-              onMouseleave: (i) => _e(a, o),
-              onClick: (i) => Ye(a, o)
-            }, null, 44, ha))), 256))
-          ])) : (r(), y("g", fa, [
-            (r(!0), y(H, null, K(t.plots, (a, u) => (r(), te(He, {
+              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),
+              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, {
               plot: { x: a.x, y: a.y },
               radius: Y.value && Y.value === a.id ? a.weight * 2 : a.weight,
               shape: t.shape,
-              color: c(Se)(t.color, e.value.style.layout.plots.opacity * 100),
+              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: se(`opacity:${Y.value && Y.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / pt.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) => Xe(a, o),
-              onMouseleave: (i) => _e(a, o),
-              onClick: (i) => Ye(a, o)
+              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),
+              onMouseleave: (i) => Ce(a, o),
+              onClick: (i) => Ve(a, o)
             }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "style", "onMouseover", "onMouseleave", "onClick"]))), 256))
           ]))
         ]))), 256)),
-        e.value.usePerformanceMode ? (r(), y(H, { key: 5 }, [
+        e.value.usePerformanceMode ? (r(), y(Z, { key: 5 }, [
           w("g", {
-            "clip-path": `url(#clip_path_${F.value})`
+            "clip-path": `url(#clip_path_${N.value})`
           }, [
-            (r(!0), y(H, null, K(Jt.value, (t) => (r(), y("path", {
+            (r(!0), y(Z, null, K(al.value, (t) => (r(), y("path", {
               key: t.id,
               d: t.d,
               fill: t.fill,
@@ -1092,14 +1124,14 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
               "stroke-opacity": t.strokeOpacity,
               "vector-effect": "non-scaling-stroke",
               "paint-order": "fill"
-            }, null, 8, ga))), 128))
-          ], 8, pa),
-          p.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", ma, [
-            Ce(He, {
+            }, null, 8, $a))), 128))
+          ], 8, wa),
+          p.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", _a, [
+            _e(Ke, {
               shape: p.value.shape || "circle",
               color: p.value.color,
               plot: { x: p.value.x, y: p.value.y },
-              radius: Math.max(4 * _t[p.value.shape || "circle"], p.value.weight * 2),
+              radius: Math.max(4 * Mt[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"])
@@ -1110,14 +1142,14 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["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($t) && c($t)(...t)),
-            onMouseleave: Qt,
-            onClick: el
-          }, null, 40, xa)
+            onMousemove: s[2] || (s[2] = (...t) => c(Ct) && c(Ct)(...t)),
+            onMouseleave: sl,
+            onClick: nl
+          }, null, 40, Ma)
         ], 64)) : x("", !0),
-        p.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", ka, [
+        p.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", Ca, [
           w("line", {
-            x1: N.value.x,
+            x1: D.value.x,
             x2: p.value.x,
             y1: p.value.y,
             y2: p.value.y,
@@ -1126,190 +1158,190 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
             "stroke-dasharray": e.value.style.layout.plots.selectors.strokeDasharray,
             "stroke-linecap": "round",
             class: "line-pointer"
-          }, null, 8, ba),
+          }, null, 8, Aa),
           w("line", {
             x1: p.value.x,
             x2: p.value.x,
-            y1: N.value.y,
+            y1: D.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, wa),
+          }, null, 8, Sa),
           w("text", {
-            x: N.value.x + (p.value.x > N.value.x ? -6 : 6),
+            x: D.value.x + (p.value.x > D.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 > N.value.x ? "end" : "start"
-          }, G(c(ne)(
+            "text-anchor": p.value.x > D.value.x ? "end" : "start"
+          }, G(c(ue)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            c(q)(p.value.v.y),
+            c(H)(p.value.v.y),
             c(Q)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(q)(p.value.v.y),
+              v: c(H)(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, _a),
+          )), 9, La),
           w("text", {
             x: p.value.x,
-            y: N.value.y + (p.value.y > N.value.y ? -6 : e.value.style.layout.plots.selectors.labels.fontSize + 6),
+            y: D.value.y + (p.value.y > D.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(ne)(
+          }, G(c(ue)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            c(q)(p.value.v.x),
+            c(H)(p.value.v.x),
             c(Q)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(q)(p.value.v.x),
+              v: c(H)(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, $a),
+          )), 9, Ba),
           w("circle", {
-            cx: N.value.x,
+            cx: D.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, Ma),
+          }, null, 8, Ta),
           w("circle", {
             cx: p.value.x,
-            cy: N.value.y,
+            cy: D.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, Aa),
+          }, null, 8, za),
           e.value.style.layout.plots.selectors.labels.showName ? (r(), y("text", {
             key: 0,
             x: p.value.x,
-            y: p.value.y + (p.value.y < N.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 < D.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 > N.value.x ? "start" : "end"
-          }, G(p.value.v.name), 9, Ca)) : x("", !0)
+            "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)
         ])) : x("", !0),
         e.value.style.layout.dataLabels.xAxis.show ? (r(), y("g", {
           key: 7,
           ref_key: "xAxisLabelLeft",
-          ref: ze
+          ref: Oe
         }, [
           w("text", {
-            id: `vue-ui-scatter-xAxis-label-${F.value}`,
+            id: `vue-ui-scatter-xAxis-label-${N.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,
             "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, Sa),
+          }, G(e.value.style.layout.dataLabels.xAxis.name), 9, Oa),
           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}, ${N.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
-          }, G(c(ne)(
+            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)`
+          }, G(c(ue)(
             e.value.style.layout.plots.selectors.labels.x.formatter,
-            c(q)(T.value.xMin),
+            c(H)(z.value.xMin),
             c(Q)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(q)(T.value.xMin),
+              v: c(H)(z.value.xMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.xAxis.rounding
             })
-          )), 9, La)
+          )), 9, Ea)
         ], 512)) : x("", !0),
         e.value.style.layout.dataLabels.xAxis.show ? (r(), y("text", {
           key: 8,
           ref_key: "xAxisLabelRight",
-          ref: Xt,
+          ref: Ut,
           "text-anchor": "middle",
-          transform: `translate(${n.value.right + e.value.style.layout.padding.right + 6}, ${N.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`,
+          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)`,
           "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
           fill: e.value.style.layout.dataLabels.xAxis.color
-        }, G(c(ne)(
+        }, G(c(ue)(
           e.value.style.layout.plots.selectors.labels.x.formatter,
-          c(q)(T.value.xMax),
+          c(H)(z.value.xMax),
           c(Q)({
             p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: c(q)(T.value.xMax),
+            v: c(H)(z.value.xMax),
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.xAxis.rounding
           })
-        )), 9, Ba)) : x("", !0),
+        )), 9, Da)) : x("", !0),
         e.value.style.layout.dataLabels.yAxis.show ? (r(), y("text", {
           key: 9,
           ref_key: "yAxisLabelTop",
-          ref: Yt,
-          x: N.value.x,
+          ref: Gt,
+          x: D.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(ne)(
+        }, G(c(ue)(
           e.value.style.layout.plots.selectors.labels.y.formatter,
-          c(q)(T.value.yMax),
+          c(H)(z.value.yMax),
           c(Q)({
             p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: c(q)(T.value.yMax),
+            v: c(H)(z.value.yMax),
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.yAxis.rounding
           })
-        )), 9, za)) : x("", !0),
+        )), 9, Wa)) : x("", !0),
         e.value.style.layout.dataLabels.yAxis.show ? (r(), y("g", {
           key: 10,
           ref_key: "yAxisLabelBottom",
-          ref: Te
+          ref: Ee
         }, [
           w("text", {
-            x: N.value.x,
-            y: O.value.height - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+            x: D.value.x,
+            y: E.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(ne)(
+          }, G(c(ue)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            c(q)(T.value.yMin),
+            c(H)(z.value.yMin),
             c(Q)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(q)(T.value.yMin),
+              v: c(H)(z.value.yMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.yAxis.rounding
             })
-          )), 9, Ta),
+          )), 9, Na),
           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: O.value.height
-          }, G(e.value.style.layout.dataLabels.yAxis.name), 9, Pa)
+            y: E.value.height
+          }, G(e.value.style.layout.dataLabels.yAxis.name), 9, Fa)
         ], 512)) : x("", !0),
         w("clipPath", {
-          id: `clip_path_${F.value}`
+          id: `clip_path_${N.value}`
         }, [
           w("rect", {
             x: n.value.left,
             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, Oa)
-        ], 8, Ea),
-        e.value.style.layout.correlation.show ? (r(), y("g", Na, [
-          (r(!0), y(H, null, K(j.value, (t, o) => (r(), y("line", {
+          }, null, 8, Xa)
+        ], 8, Ia),
+        e.value.style.layout.correlation.show ? (r(), y("g", Ya, [
+          (r(!0), y(Z, null, K(j.value, (t, o) => (r(), y("line", {
             x1: t.correlation.x1,
             x2: t.correlation.x2,
             y1: t.correlation.y1,
@@ -1317,9 +1349,9 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["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_${F.value})`
-          }, null, 8, Wa))), 256)),
-          (r(!0), y(H, null, K(j.value, (t, o) => (r(), y("g", null, [
+            "clip-path": `url(#clip_path_${N.value})`
+          }, null, 8, Ra))), 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,
               x: t.correlation.x2,
@@ -1329,56 +1361,56 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["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(q)(t.correlation.coefficient),
+              v: c(H)(t.correlation.coefficient),
               r: e.value.style.layout.correlation.label.roundingValue
-            })), 9, Fa)) : x("", !0)
+            })), 9, Va)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
-        V(l.$slots, "svg", { svg: O.value }, void 0, !0)
-      ], 46, Nl)),
-      l.$slots.watermark ? (r(), y("div", Ia, [
-        V(l.$slots, "watermark", fe(pe({ isPrinting: c(yt) || c(ct) })), void 0, !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)
       ])) : x("", !0),
       w("div", {
-        id: `legend-bottom-${F.value}`
-      }, null, 8, Xa),
-      st.value ? (r(), te(sl, {
+        id: `legend-bottom-${N.value}`
+      }, null, 8, Ua),
+      it.value ? (r(), le(vl, {
         key: 5,
-        to: e.value.style.legend.position === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
+        to: e.value.style.legend.position === "top" ? `#legend-top-${N.value}` : `#legend-bottom-${N.value}`
       }, [
         w("div", {
           ref_key: "chartLegend",
-          ref: Qe
+          ref: lt
         }, [
-          e.value.style.legend.show ? (r(), te(Bl, {
-            key: `legend_${ot.value}`,
-            legendSet: ue.value,
-            config: Vt.value,
-            onClickMarker: s[3] || (s[3] = ({ legend: t }) => mt(t.id))
+          e.value.style.legend.show ? (r(), le(Dl, {
+            key: `legend_${ut.value}`,
+            legendSet: ie.value,
+            config: Zt.value,
+            onClickMarker: s[3] || (s[3] = ({ legend: t }) => kt(t.id))
           }, {
-            item: R(({ legend: t }) => [
+            item: X(({ legend: t }) => [
               w("div", {
                 onClick: (o) => t.segregate(),
-                style: se(`opacity:${I.value.includes(t.id) ? 0.5 : 1}`)
-              }, G(t.name), 13, Ya)
+                style: ne(`opacity:${F.value.includes(t.id) ? 0.5 : 1}`)
+              }, G(t.name), 13, Ga)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : V(l.$slots, "legend", {
             key: 1,
-            legend: ue.value
+            legend: ie.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : x("", !0),
       l.$slots.source ? (r(), y("div", {
         key: 6,
         ref_key: "source",
-        ref: et,
+        ref: at,
         dir: "auto"
       }, [
         V(l.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
-      Ce(c(Nt), {
-        show: Z.value.showTooltip && Le.value,
+      _e(c(Dt), {
+        show: q.value.showTooltip && ze.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -1388,23 +1420,23 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
         backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
-        parent: le.value,
-        content: Be.value,
-        isFullscreen: ye.value,
+        parent: te.value,
+        content: Pe.value,
+        isFullscreen: re.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
       }, {
-        "tooltip-before": R(() => [
-          V(l.$slots, "tooltip-before", fe(pe({ ...Ie.value })), void 0, !0)
+        "tooltip-before": X(() => [
+          V(l.$slots, "tooltip-before", fe(pe({ ...Ye.value })), void 0, !0)
         ]),
-        "tooltip-after": R(() => [
-          V(l.$slots, "tooltip-after", fe(pe({ ...Ie.value })), void 0, !0)
+        "tooltip-after": X(() => [
+          V(l.$slots, "tooltip-after", fe(pe({ ...Ye.value })), void 0, !0)
         ]),
-        default: R(() => [
-          e.value.style.tooltip.showShape ? (r(), y("div", Da, [
-            (r(), y("svg", Ra, [
-              Ce(He, {
+        default: X(() => [
+          e.value.style.tooltip.showShape ? (r(), y("div", qa, [
+            (r(), y("svg", Ha, [
+              _e(Ke, {
                 shape: p.value.shape,
                 color: p.value.color,
                 plot: { x: 10, y: 10 },
@@ -1415,52 +1447,66 @@ const El = ["id"], Ol = ["id"], Nl = ["xmlns", "viewBox"], Wl = ["width", "heigh
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
-      Ze.value ? (r(), te(c(Tt), {
-        key: 7,
-        hideDetails: "",
-        config: {
-          open: Z.value.showTable,
-          maxHeight: 1e4,
-          body: {
-            backgroundColor: e.value.style.backgroundColor,
-            color: e.value.style.color
-          },
-          head: {
-            backgroundColor: e.value.style.backgroundColor,
-            color: e.value.style.color
-          }
-        }
-      }, {
-        content: R(() => [
-          (r(), te(c(Pt), {
-            key: `table_${at.value}`,
-            colNames: $e.value.colNames,
-            head: $e.value.head,
-            body: $e.value.body,
-            config: $e.value.config,
-            title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? ` : ${e.value.style.title.subtitle.text}` : ""}`,
-            onClose: s[4] || (s[4] = (t) => Z.value.showTable = !1)
+      Qe.value ? (r(), le(yl(be.value.component), cl({ key: 7 }, be.value.props, {
+        ref_key: "tableUnit",
+        ref: xe,
+        onClose: s[6] || (s[6] = (t) => q.value.showTable = !1)
+      }), Lt({
+        content: X(() => [
+          (r(), le(c(Ft), {
+            key: `table_${nt.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)
           }, {
-            th: R(({ th: t }) => [
-              nl(G(t), 1)
+            th: X(({ th: t }) => [
+              Bt(G(t), 1)
             ]),
-            td: R(({ td: t }) => [
-              t.shape ? (r(), y("div", Va, [
+            td: X(({ td: t }) => [
+              t.shape ? (r(), y("div", Za, [
                 w("span", null, G(t.content), 1)
               ])) : (r(), y("div", {
                 key: 1,
                 innerHTML: t
-              }, null, 8, ja))
+              }, null, 8, Ja))
             ]),
             _: 1
-          }, 8, ["colNames", "head", "body", "config", "title"]))
+          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
         ]),
-        _: 1
-      }, 8, ["config"])) : x("", !0),
-      c(nt) ? (r(), te(Al, { key: 8 })) : x("", !0)
-    ], 46, El));
+        _: 2
+      }, [
+        e.value.table.useDialog ? {
+          name: "title",
+          fn: X(() => [
+            Bt(G(be.value.title), 1)
+          ]),
+          key: "0"
+        } : void 0,
+        e.value.table.useDialog ? {
+          name: "actions",
+          fn: X(() => [
+            w("button", {
+              tabindex: "0",
+              class: "vue-ui-user-options-button",
+              onClick: s[4] || (s[4] = (t) => je(e.value.userOptions.callbacks.csv))
+            }, [
+              _e(c(Wt), {
+                name: "excel",
+                stroke: be.value.props.color
+              }, null, 8, ["stroke"])
+            ])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040)) : x("", !0),
+      c(rt) ? (r(), le(zl, { key: 8 })) : x("", !0)
+    ], 46, Il));
   }
-}, no = /* @__PURE__ */ Pl(Ua, [["__scopeId", "data-v-e6424ed5"]]);
+}, co = /* @__PURE__ */ Fl(Ka, [["__scopeId", "data-v-3a8aa912"]]);
 export {
-  no as default
+  co as default
 };