vue-data-ui 3.4.9 → 3.5.0

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

@@ -1,48 +1,48 @@
-import { defineAsyncComponent as ne, computed as T, ref as M, toRefs as hl, watch as ze, shallowRef as Bt, onMounted as pl, onBeforeUnmount as fl, createElementBlock as y, openBlock as r, unref as c, normalizeStyle as ue, normalizeClass as Tt, createBlock as le, createCommentVNode as x, createElementVNode as w, createVNode as _e, createSlots as zt, withCtx as W, renderSlot as R, normalizeProps as pe, guardReactiveProps as fe, Fragment as Z, renderList as J, toDisplayString as G, Teleport as gl, resolveDynamicComponent as ml, mergeProps as xl, createTextVNode as Pt, nextTick as bl } from "vue";
-import { c as kl, t as wl, b as $l, p as ye, o as Ot, f as Qe, e as _l, g as Dt, aa as Ml, h as Je, ac as Cl, z as Sl, s as Pe, X as Al, ab as Ll, a as ie, x as q, d as K, P as Bl, Q as Tl, G as zl, H as Pl } from "./lib-C_mNZmhD.js";
-import { t as Ol, u as Dl } from "./useResponsive-DfdjqQps.js";
-import { u as El, a as Et } from "./useNestedProp-BjZe1Y85.js";
-import { u as Fl, B as Wl } from "./BaseScanner-BgWxam9d.js";
-import { u as Nl } from "./usePrinter-DTzqpYKF.js";
-import { u as Il } from "./useSvgExport-DrjCWun4.js";
-import { u as Xl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Yl } from "./useChartAccessibility-9icAAmYg.js";
-import { t as Rl } from "./themes-AUNCOb2G.js";
-import jl from "./Legend-G6GMcdAc.js";
-import Ul from "./Title-l36lOBMx.js";
-import { _ as Ke } from "./Shape-CNXKB8O0.js";
-import Vl from "./img-BecE5qXd.js";
-import { _ as Gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "height"], Jl = { key: 1 }, Kl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ea = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ta = { key: 2 }, la = ["id"], aa = ["stop-color"], oa = ["stop-color"], sa = ["id"], na = ["stop-color"], ua = ["stop-color"], ia = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], ra = ["x", "y", "width", "height", "onMouseenter"], va = {
+import { defineAsyncComponent as ne, computed as T, ref as M, toRefs as gl, watch as Pe, shallowRef as Tt, onMounted as ml, onBeforeUnmount as xl, createElementBlock as c, openBlock as r, unref as y, normalizeStyle as ue, normalizeClass as zt, createBlock as ae, createCommentVNode as x, createElementVNode as w, createVNode as _e, createSlots as Pt, withCtx as N, renderSlot as R, normalizeProps as fe, guardReactiveProps as pe, Fragment as Z, renderList as K, toDisplayString as G, Teleport as bl, resolveDynamicComponent as kl, mergeProps as wl, createTextVNode as Ot, nextTick as $l } from "vue";
+import { c as _l, t as Ml, b as Sl, p as ce, o as Dt, f as Je, e as Cl, g as Et, aa as Al, h as Ke, ac as Ll, z as Bl, s as Oe, X as Tl, ab as zl, a as ie, x as q, d as ee, P as Pl, Q as Ol, G as Dl, H as El } from "./lib-C_mNZmhD.js";
+import { t as Fl, u as Wl } from "./useResponsive-DfdjqQps.js";
+import { u as Nl, a as Ft } from "./useNestedProp-BjZe1Y85.js";
+import { u as Il, B as Xl } from "./BaseScanner-BgWxam9d.js";
+import { u as Yl } from "./usePrinter-DTzqpYKF.js";
+import { u as Rl } from "./useSvgExport-DrjCWun4.js";
+import { u as Ul } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Vl } from "./useChartAccessibility-9icAAmYg.js";
+import { t as jl } from "./themes-AUNCOb2G.js";
+import Gl from "./Legend-G6GMcdAc.js";
+import ql from "./Title-l36lOBMx.js";
+import { _ as et } from "./Shape-CNXKB8O0.js";
+import Hl from "./img-BecE5qXd.js";
+import { _ as Zl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ql = ["id"], Jl = ["id"], Kl = ["xmlns", "viewBox"], ea = ["width", "height"], ta = { key: 1 }, la = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], oa = { key: 2 }, sa = ["id"], na = ["stop-color"], ua = ["stop-color"], ia = ["id"], ra = ["stop-color"], va = ["stop-color"], ca = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], ya = ["x", "y", "width", "height", "onMouseenter"], da = {
   key: 2,
   style: { "pointer-events": "none" }
-}, ya = ["x", "y", "width", "height", "fill", "fill-opacity"], ca = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], da = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], ha = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], pa = ["x", "y", "width", "height", "onMouseenter"], fa = {
+}, ha = ["x", "y", "width", "height", "fill", "fill-opacity"], fa = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], pa = ["x1", "x2", "y2", "stroke", "stroke-dasharray", "stroke-width"], ga = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], ma = ["x", "y", "width", "height", "onMouseenter"], xa = {
   key: 2,
   style: { "pointer-events": "none" }
-}, ga = ["x", "y", "width", "height", "fill", "fill-opacity"], ma = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], xa = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], ba = {
+}, ba = ["x", "y", "width", "height", "fill", "fill-opacity"], ka = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], $a = {
   key: 0,
   style: { "pointer-events": "none" }
-}, ka = ["d", "stroke", "stroke-width"], wa = ["d", "stroke", "stroke-width"], $a = ["d", "stroke", "stroke-width"], _a = ["d", "stroke", "stroke-width"], Ma = { key: 3 }, Ca = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], Sa = { key: 0 }, Aa = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover", "onMouseleave", "onClick"], La = { key: 1 }, Ba = ["clip-path"], Ta = ["d", "fill", "stroke", "stroke-width", "stroke-opacity"], za = {
+}, _a = ["d", "stroke", "stroke-width"], Ma = ["d", "stroke", "stroke-width"], Sa = ["d", "stroke", "stroke-width"], Ca = ["d", "stroke", "stroke-width"], Aa = { key: 3 }, La = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], Ba = { key: 0 }, Ta = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover", "onMouseleave", "onClick"], za = { key: 1 }, Pa = ["clip-path"], Oa = ["d", "fill", "stroke", "stroke-width", "stroke-opacity"], Da = {
   key: 0,
   style: { "pointer-events": "none" }
-}, Pa = ["x", "y", "width", "height"], Oa = {
+}, Ea = ["x", "y", "width", "height"], Fa = {
   key: 6,
   style: { "pointer-events": "none !important" }
-}, Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ea = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fa = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Wa = ["x", "y", "font-size", "fill", "font-weight"], Na = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ia = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Xa = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Ya = ["id", "transform", "font-size", "font-weight", "fill"], Ra = ["font-size", "fill", "transform"], ja = ["transform", "font-size", "fill"], Ua = ["x", "y", "font-size", "fill"], Va = ["x", "y", "font-size", "fill"], Ga = ["font-size", "font-weight", "fill", "x", "y"], qa = ["id"], Ha = ["x", "y", "width", "height"], Za = {
+}, Wa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ia = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Xa = ["x", "y", "font-size", "fill", "font-weight"], Ya = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ra = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ua = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Va = ["id", "transform", "font-size", "font-weight", "fill"], ja = ["font-size", "fill", "transform"], Ga = ["transform", "font-size", "fill"], qa = ["x", "y", "font-size", "fill"], Ha = ["x", "y", "font-size", "fill"], Za = ["font-size", "font-weight", "fill", "x", "y"], Qa = ["id"], Ja = ["x", "y", "width", "height"], Ka = {
   key: 11,
   style: { pointerEvents: "none" }
-}, Qa = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], Ja = ["x", "y", "fill", "font-size", "font-weight"], Ka = {
+}, eo = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], to = ["x", "y", "fill", "font-size", "font-weight"], lo = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, eo = ["id"], to = ["onClick"], lo = {
+}, ao = ["id"], oo = ["onClick"], so = {
   key: 0,
   style: { width: "100%", display: "flex", "align-items": "center", "justify-content": "center" }
-}, ao = {
+}, no = {
   viewBox: "0 0 20 20",
   height: "20",
   width: "20",
   style: { overflow: "hidden", background: "transparent" }
-}, oo = { key: 0 }, so = ["innerHTML"], no = {
+}, uo = { key: 0 }, io = ["innerHTML"], ro = {
   __name: "vue-ui-scatter",
   props: {
     config: {
@@ -58,41 +58,41 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       }
     }
   },
-  setup(Ft, { expose: Wt }) {
-    const Nt = ne(() => import("./Tooltip-oWCO1HKy.js")), It = ne(() => import("./BaseIcon-BmMbm4d0.js")), Xt = ne(() => import("./vue-ui-accordion-CZ0thhxa.js")), Yt = ne(() => import("./DataTable-BT7VF2ua.js")), Rt = ne(() => import("./PenAndPaper-DSvu9dwa.js")), jt = ne(() => import("./UserOptions-CGnQt6Fd.js")), Ut = ne(() => import("./PackageVersion-CTUqGqWV.js")), Vt = ne(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_scatter: Gt } = El(), ee = Ft, et = T(() => !!ee.dataset && ee.dataset.length), N = M(kl()), Oe = M(!1), De = M(""), tt = M(0), te = M(null), lt = M(null), at = M(null), ot = M(null), st = M(null), nt = M(0), ut = M(0), it = M(0), I = M([]), rt = M(!1), ge = M(null), me = M(null), xe = M(null), Ee = M(null), Fe = M(null), qt = M(null), Ht = M(null), We = M(null), e = M(Ye());
-    function Zt(l = 100, s = 0.8, t = {}) {
-      const { meanX: o = 0, sdX: a = 1, meanY: u = 0, sdY: i = 1, seed: p } = t;
-      let v = (p ?? Math.floor(Math.random() * 2 ** 31)) >>> 0;
+  setup(Wt, { expose: Nt }) {
+    const It = ne(() => import("./Tooltip-oWCO1HKy.js")), Xt = ne(() => import("./BaseIcon-BmMbm4d0.js")), Yt = ne(() => import("./vue-ui-accordion-CZ0thhxa.js")), Rt = ne(() => import("./DataTable-BT7VF2ua.js")), Ut = ne(() => import("./PenAndPaper-DSvu9dwa.js")), Vt = ne(() => import("./UserOptions-CGnQt6Fd.js")), jt = ne(() => import("./PackageVersion-Cyx_s25h.js")), Gt = ne(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_scatter: qt } = Nl(), te = Wt, tt = T(() => !!te.dataset && te.dataset.length), I = M(_l()), De = M(!1), Ee = M(""), lt = M(0), le = M(null), at = M(null), ot = M(null), st = M(null), nt = M(null), ut = M(0), it = M(0), rt = M(0), F = M([]), vt = M(!1), ge = M(null), me = M(null), xe = M(null), Fe = M(null), We = M(null), Ht = M(null), Zt = M(null), Ne = M(null), e = M(Re());
+    function Qt(l = 100, a = 0.8, t = {}) {
+      const { meanX: s = 0, sdX: o = 1, meanY: u = 0, sdY: i = 1, seed: f } = t;
+      let v = (f ?? Math.floor(Math.random() * 2 ** 31)) >>> 0;
       const g = () => (v = v * 1664525 + 1013904223 >>> 0, v / 2 ** 32), L = () => {
         let m = 0, E = 0;
         for (; m === 0; ) m = g();
         for (; E === 0; ) E = g();
         return Math.sqrt(-2 * Math.log(m)) * Math.cos(2 * Math.PI * E);
-      }, d = l / 2, _ = Array.from({ length: d }, L), D = Array.from({ length: d }, L), C = (m) => m.reduce((E, $e) => E + $e, 0) / m.length, z = C(_), X = C(D);
+      }, d = l / 2, _ = Array.from({ length: d }, L), D = Array.from({ length: d }, L), S = (m) => m.reduce((E, $e) => E + $e, 0) / m.length, z = S(_), X = S(D);
       for (let m = 0; m < d; m += 1)
         _[m] -= z, D[m] -= X;
-      const B = (m, E) => m.reduce(($e, Te, Ze) => $e + Te * E[Ze], 0), $ = (m) => B(m, m), h = B(D, _) / $(_), A = D.map((m, E) => m - h * _[E]), V = $(_) / d, Q = $(A) / d, se = Math.sqrt((1 - s * s) * V / Q), j = _.map((m, E) => s * m + se * A[E]), ve = _.concat(_.map((m) => -m)), He = j.concat(j.map((m) => -m)), ke = (m) => Math.sqrt($(m) / m.length), de = (m, E, $e) => {
-        const Te = ke(m);
-        return m.map((Ze) => $e + (Te ? Ze / Te * E : 0));
-      }, he = de(ve, a, o), we = de(He, i, u);
+      const B = (m, E) => m.reduce(($e, ze, Qe) => $e + ze * E[Qe], 0), $ = (m) => B(m, m), h = B(D, _) / $(_), A = D.map((m, E) => m - h * _[E]), j = $(_) / d, Q = $(A) / d, se = Math.sqrt((1 - a * a) * j / Q), U = _.map((m, E) => a * m + se * A[E]), ve = _.concat(_.map((m) => -m)), Ze = U.concat(U.map((m) => -m)), ke = (m) => Math.sqrt($(m) / m.length), de = (m, E, $e) => {
+        const ze = ke(m);
+        return m.map((Qe) => $e + (ze ? Qe / ze * E : 0));
+      }, he = de(ve, o, s), we = de(Ze, i, u);
       for (let m = he.length - 1; m > 0; m -= 1) {
         const E = Math.floor(g() * (m + 1));
         [he[m], he[E]] = [he[E], he[m]], [we[m], we[E]] = [we[E], we[m]];
       }
       return he.map((m, E) => ({ x: m, y: we[E] }));
     }
-    const { loading: vt, FINAL_DATASET: Ne, manualLoading: Ie } = Fl({
-      ...hl(ee),
+    const { loading: ct, FINAL_DATASET: Ie, manualLoading: Xe } = Il({
+      ...gl(te),
       FINAL_CONFIG: e,
-      prepareConfig: Ye,
+      prepareConfig: Re,
       skeletonDataset: [
         {
           name: "",
           color: "#999999",
-          values: Zt(100, 0.5, { seed: 42 })
+          values: Qt(100, 0.5, { seed: 42 })
         }
       ],
-      skeletonConfig: wl({
+      skeletonConfig: Ml({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -125,22 +125,22 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           }
         }
       })
-    }), { userOptionsVisible: Xe, setUserOptionsVisibility: yt, keepUserOptionState: ct } = Xl({ config: e.value }), { svgRef: Me } = Yl({ config: e.value.style.title });
-    function Ye() {
-      const l = Et({
-        userConfig: ee.config,
-        defaultConfig: Gt
+    }), { userOptionsVisible: Ye, setUserOptionsVisibility: yt, keepUserOptionState: dt } = Ul({ config: e.value }), { svgRef: Me } = Vl({ config: e.value.style.title });
+    function Re() {
+      const l = Ft({
+        userConfig: te.config,
+        defaultConfig: qt
       });
       return l.theme ? {
-        ...Et({
-          userConfig: Rl.vue_ui_scatter[l.theme] || ee.config,
+        ...Ft({
+          userConfig: jl.vue_ui_scatter[l.theme] || te.config,
           defaultConfig: l
         }),
-        customPalette: $l[l.theme] || ye
+        customPalette: Sl[l.theme] || ce
       } : l;
     }
-    ze(() => ee.config, (l) => {
-      vt.value || (e.value = Ye()), Xe.value = !e.value.userOptions.showOnChartHover, ht(), nt.value += 1, ut.value += 1, it.value += 1, H.value.showTable = e.value.table.show, H.value.showTooltip = e.value.style.tooltip.show, dt.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
+    Pe(() => te.config, (l) => {
+      ct.value || (e.value = Re()), Ye.value = !e.value.userOptions.showOnChartHover, ft(), ut.value += 1, it.value += 1, rt.value += 1, H.value.showTable = e.value.table.show, H.value.showTooltip = e.value.style.tooltip.show, ht.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
 
 - downsampling is disabled in this mode, all plots are rendered
 
@@ -149,119 +149,119 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["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 }), ze(() => ee.dataset, (l) => {
-      Array.isArray(l) && l.length > 0 && (Ie.value = !1);
+    }, { deep: !0 }), Pe(() => te.dataset, (l) => {
+      Array.isArray(l) && l.length > 0 && (Xe.value = !1);
     }, { deep: !0 });
-    const ae = Bt(null), ce = Bt(null);
-    pl(() => {
-      rt.value = !0, ht();
+    const oe = Tt(null), ye = Tt(null);
+    ml(() => {
+      vt.value = !0, ft();
     });
-    const dt = T(() => !!e.value.debug);
-    function ht() {
-      if (Ot(ee.dataset) && (Qe({
+    const ht = T(() => !!e.value.debug);
+    function ft() {
+      if (Dt(te.dataset) && (Je({
         componentName: "VueUiScatter",
         type: "dataset",
-        debug: dt.value
-      }), Ie.value = !0), Ot(ee.dataset) || (Ie.value = e.value.loading), e.value.responsive) {
-        const l = Ol(() => {
-          const { width: s, height: t } = Dl({
-            chart: te.value,
-            title: e.value.style.title.text ? lt.value : null,
-            legend: e.value.style.legend.show ? at.value : null,
-            source: ot.value,
-            noTitle: st.value
+        debug: ht.value
+      }), Xe.value = !0), Dt(te.dataset) || (Xe.value = e.value.loading), e.value.responsive) {
+        const l = Fl(() => {
+          const { width: a, height: t } = Wl({
+            chart: le.value,
+            title: e.value.style.title.text ? at.value : null,
+            legend: e.value.style.legend.show ? ot.value : null,
+            source: st.value,
+            noTitle: nt.value
           });
           requestAnimationFrame(() => {
-            F.value.width = s, F.value.height = t;
+            W.value.width = a, W.value.height = t;
           });
         });
-        ae.value && (ce.value && ae.value.unobserve(ce.value), ae.value.disconnect()), ae.value = new ResizeObserver(l), ce.value = te.value.parentNode, ae.value.observe(ce.value);
+        oe.value && (ye.value && oe.value.unobserve(ye.value), oe.value.disconnect()), oe.value = new ResizeObserver(l), ye.value = le.value.parentNode, oe.value.observe(ye.value);
       }
     }
-    fl(() => {
-      ae.value && (ce.value && ae.value.unobserve(ce.value), ae.value.disconnect());
+    xl(() => {
+      oe.value && (ye.value && oe.value.unobserve(ye.value), oe.value.disconnect());
     });
-    const { isPrinting: pt, isImaging: ft, generatePdf: gt, generateImage: mt } = Nl({
-      elementId: `vue-ui-scatter_${N.value}`,
+    const { isPrinting: pt, isImaging: gt, generatePdf: mt, generateImage: xt } = Yl({
+      elementId: `vue-ui-scatter_${I.value}`,
       fileName: e.value.style.title.text || "vue-ui-scatter",
       options: e.value.userOptions.print
-    }), Qt = T(() => e.value.userOptions.show && !e.value.style.title.text), xt = T(() => _l(e.value.customPalette)), H = M({
+    }), Jt = T(() => e.value.userOptions.show && !e.value.style.title.text), bt = T(() => Cl(e.value.customPalette)), H = M({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
-    ze(e, () => {
+    Pe(e, () => {
       H.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const F = M({
+    const W = M({
       height: e.value.style.layout.height,
       width: e.value.style.layout.width
-    }), Ce = T(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), n = T(() => {
-      let l = 0, s = 0;
-      return Fe.value && (l = Fe.value.getBBox().width + 6), We.value && (s = We.value.getBBox().height + 6), {
-        top: e.value.style.layout.padding.top + Ce.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        right: F.value.width - e.value.style.layout.padding.right - Ce.value - 6,
-        bottom: F.value.height - e.value.style.layout.padding.bottom - s,
+    }), Se = T(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), n = T(() => {
+      let l = 0, a = 0;
+      return We.value && (l = We.value.getBBox().width + 6), Ne.value && (a = Ne.value.getBBox().height + 6), {
+        top: e.value.style.layout.padding.top + Se.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+        right: W.value.width - e.value.style.layout.padding.right - Se.value - 6,
+        bottom: W.value.height - e.value.style.layout.padding.bottom - a,
         left: e.value.style.layout.padding.left + l,
-        height: F.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - Ce.value - s - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        width: F.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - Ce.value - l - 6
+        height: W.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - Se.value - a - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+        width: W.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - Se.value - l - 6
       };
     }), P = T(() => {
-      Ne.value.forEach((a, u) => {
-        Dt({
-          datasetObject: a,
+      Ie.value.forEach((o, u) => {
+        Et({
+          datasetObject: o,
           requiredAttributes: ["values"]
         }).forEach((i) => {
-          Qe({
+          Je({
             componentName: "VueUiScatter",
             type: "datasetSerieAttribute",
             property: i,
             index: u
           });
-        }), a.values && a.values.forEach((i, p) => {
-          Dt({
+        }), o.values && o.values.forEach((i, f) => {
+          Et({
             datasetObject: i,
             requiredAttributes: ["x", "y"]
           }).forEach((v) => {
-            Qe({
+            Je({
               componentName: "VueUiScatter",
               type: "datasetSerieAttribute",
               property: `values.${v}`,
-              index: `${u} - ${p}`
+              index: `${u} - ${f}`
             });
           });
         });
       });
-      const l = Math.min(...oe.value.filter((a) => !I.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), s = Math.max(...oe.value.filter((a) => !I.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), t = Math.min(...oe.value.filter((a) => !I.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.y))), o = Math.max(...oe.value.filter((a) => !I.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 };
+      const l = Math.min(...J.value.filter((o) => !F.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.x))), a = Math.max(...J.value.filter((o) => !F.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.x))), t = Math.min(...J.value.filter((o) => !F.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.y))), s = Math.max(...J.value.filter((o) => !F.value.includes(o.id)).flatMap((o) => o.values.map((u) => u.y)));
+      return { xMin: l >= 0 ? 0 : l, xMax: a, yMin: t >= 0 ? 0 : t, yMax: s };
     }), O = T(() => ({
       x: n.value.left + Math.abs(P.value.xMin) / (P.value.xMax + Math.abs(P.value.xMin)) * n.value.width,
       y: n.value.bottom - Math.abs(P.value.yMin) / (P.value.yMax + Math.abs(P.value.yMin)) * n.value.height
-    })), oe = T(() => Ne.value.map((l, s) => {
-      const t = `cluster_${N.value}_${s}`;
+    })), J = T(() => Ie.value.map((l, a) => {
+      const t = `cluster_${I.value}_${a}`;
       return {
         ...l,
-        values: Ml({
+        values: Al({
           data: l.values,
           threshold: e.value.usePerformanceMode ? l.values.length + 1 : e.value.downsample.threshold
         }),
         id: t,
-        color: l.color ? l.color : xt.value[s] || ye[s] || ye[s % ye.length],
-        opacity: I.value.includes(t) ? 0.5 : 1,
+        color: l.color ? l.color : bt.value[a] || ce[a] || ce[a % ce.length],
+        opacity: F.value.includes(t) ? 0.5 : 1,
         shape: l.shape ?? "circle",
-        segregate: () => wt(t),
-        isSegregated: I.value.includes(t)
+        segregate: () => Le(t),
+        isSegregated: F.value.includes(t)
       };
-    })), Jt = T(() => ({
+    })), Kt = T(() => ({
       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" : ""
-    })), Se = T(() => oe.value.map((l, s) => ({
+    })), Ce = T(() => J.value.map((l, a) => ({
       ...l,
       plots: l.values.map((t) => ({
         x: n.value.left + (t.x + Math.abs(P.value.xMin)) / (P.value.xMax + Math.abs(P.value.xMin)) * n.value.width,
@@ -271,55 +271,55 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           name: t.name || ""
         },
         clusterName: l.name,
-        color: l.color ? l.color : xt.value[s] || ye[s] || ye[s % ye.length],
-        id: `plot_${N.value}_${Math.random()}`,
+        color: l.color ? l.color : bt.value[a] || ce[a] || ce[a % ce.length],
+        id: `plot_${I.value}_${Math.random()}`,
         weight: t.weight ?? e.value.style.layout.plots.radius
       }))
-    })).filter((l) => !I.value.includes(l.id))), U = T(() => {
-      const s = ({ m: t, b: o, rect: a, verticalX: u = null }) => {
-        const { left: i, right: p, top: v, bottom: g } = a, L = [], d = ($, h) => {
+    })).filter((l) => !F.value.includes(l.id))), V = T(() => {
+      const a = ({ m: t, b: s, rect: o, verticalX: u = null }) => {
+        const { left: i, right: f, top: v, bottom: g } = o, L = [], d = ($, h) => {
           Number.isFinite($) && Number.isFinite(h) && L.push({ x: $, y: h });
-        }, _ = ({ x: $, y: h }) => $ >= i - 1e-9 && $ <= p + 1e-9 && h >= v - 1e-9 && h <= g + 1e-9;
-        u !== null ? u >= i - 1e-9 && u <= p + 1e-9 && (d(u, v), d(u, g)) : Number.isFinite(t) && (d(i, t * i + o), d(p, t * p + 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(p, o)));
-        const D = L.filter(_), C = [];
+        }, _ = ({ x: $, y: h }) => $ >= i - 1e-9 && $ <= f + 1e-9 && h >= v - 1e-9 && h <= g + 1e-9;
+        u !== null ? u >= i - 1e-9 && u <= f + 1e-9 && (d(u, v), d(u, g)) : Number.isFinite(t) && (d(i, t * i + s), d(f, t * f + s), Math.abs(t) > 1e-9 ? (d((v - s) / t, v), d((g - s) / t, g)) : s >= v - 1e-9 && s <= g + 1e-9 && (d(i, s), d(f, s)));
+        const D = L.filter(_), S = [];
         for (const $ of D)
-          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 z = C[0], X = C[1], B = 0;
-        for (let $ = 0; $ < C.length; $ += 1)
-          for (let h = $ + 1; h < C.length; h += 1) {
-            const A = C[$].x - C[h].x, V = C[$].y - C[h].y, Q = A * A + V * V;
-            Q > B && (B = Q, z = C[$], X = C[h]);
+          S.some((h) => Math.abs(h.x - $.x) < 1e-6 && Math.abs(h.y - $.y) < 1e-6) || S.push($);
+        if (S.length < 2) return null;
+        let z = S[0], X = S[1], B = 0;
+        for (let $ = 0; $ < S.length; $ += 1)
+          for (let h = $ + 1; h < S.length; h += 1) {
+            const A = S[$].x - S[h].x, j = S[$].y - S[h].y, Q = A * A + j * j;
+            Q > B && (B = Q, z = S[$], X = S[h]);
           }
         return { x1: z.x, y1: z.y, x2: X.x, y2: X.y };
       };
-      return Se.value.map((t) => {
-        const o = t.plots.length, a = t.plots.reduce((h, A) => h + A.x, 0) / o, u = t.plots.reduce((h, A) => h + A.y, 0) / o;
-        let i = 0, p = 0;
+      return Ce.value.map((t) => {
+        const s = t.plots.length, o = t.plots.reduce((h, A) => h + A.x, 0) / s, u = t.plots.reduce((h, A) => h + A.y, 0) / s;
+        let i = 0, f = 0;
         for (const h of t.plots) {
-          const A = h.x - a, V = h.y - u;
-          i += A * V, p += A * A;
+          const A = h.x - o, j = h.y - u;
+          i += A * j, f += A * A;
         }
         let v, g, L = null;
-        p < 1e-9 ? (L = a, v = 1 / 0, g = null) : (v = i / p, g = u - v * a);
+        f < 1e-9 ? (L = o, v = 1 / 0, g = null) : (v = i / f, g = u - v * o);
         let d, _;
         L !== null ? (d = 1 / 0, _ = null) : (d = v, _ = g);
         const D = t.plots.every((h) => h.v && typeof h.v.x == "number" && typeof h.v.y == "number");
-        let C = NaN;
-        if (o >= 2) {
+        let S = NaN;
+        if (s >= 2) {
           let h = 0, A = 0;
-          D ? (h = t.plots.reduce((j, ve) => j + ve.v.x, 0) / o, A = t.plots.reduce((j, ve) => j + ve.v.y, 0) / o) : (h = a, A = -u);
-          let V = 0, Q = 0, se = 0;
-          for (const j of t.plots) {
-            const ve = D ? j.v.x : j.x, He = D ? j.v.y : -j.y, ke = ve - h, de = He - A;
-            V += ke * de, Q += ke * ke, se += de * de;
+          D ? (h = t.plots.reduce((U, ve) => U + ve.v.x, 0) / s, A = t.plots.reduce((U, ve) => U + ve.v.y, 0) / s) : (h = o, A = -u);
+          let j = 0, Q = 0, se = 0;
+          for (const U of t.plots) {
+            const ve = D ? U.v.x : U.x, Ze = D ? U.v.y : -U.y, ke = ve - h, de = Ze - A;
+            j += ke * de, Q += ke * ke, se += de * de;
           }
           if (Q >= 1e-9 && se >= 1e-9) {
-            const j = V / Math.sqrt(Q * se);
-            C = Math.max(-1, Math.min(1, j));
+            const U = j / Math.sqrt(Q * se);
+            S = Math.max(-1, Math.min(1, U));
           }
         }
-        const z = s({ m: d, b: _, rect: n.value, verticalX: L });
+        const z = a({ m: d, b: _, rect: n.value, verticalX: L });
         if (!z)
           return {
             ...t,
@@ -329,36 +329,36 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               ...h,
               deviation: 0,
               shape: t.shape,
-              color: Je(t.color)
+              color: Ke(t.color)
             }))
           };
         const X = (z.x1 + z.x2) / 2, B = (z.y1 + z.y2) / 2, $ = { x: X, y: B };
         return {
           ...t,
-          color: Je(t.color),
+          color: Ke(t.color),
           correlation: {
             ...z,
-            coefficient: C
+            coefficient: S
           },
           label: $,
           plots: t.plots.map((h) => {
-            let A, V;
-            L !== null ? (A = L, V = h.y) : Math.abs(d) < 1e-9 ? (A = h.x, V = _) : (A = (h.x + d * h.y - d * _) / (1 + d * d), V = (d * h.x + d * d * h.y + _) / (1 + d * d));
-            const Q = h.x - A, se = h.y - V, j = Math.sqrt(Q * Q + se * se);
+            let A, j;
+            L !== null ? (A = L, j = h.y) : Math.abs(d) < 1e-9 ? (A = h.x, j = _) : (A = (h.x + d * h.y - d * _) / (1 + d * d), j = (d * h.x + d * d * h.y + _) / (1 + d * d));
+            const Q = h.x - A, se = h.y - j, U = Math.sqrt(Q * Q + se * se);
             return {
               ...h,
-              deviation: j,
+              deviation: U,
               shape: t.shape,
-              color: Je(t.color)
+              color: Ke(t.color)
             };
           })
         };
       });
-    }), bt = T(() => Math.max(...U.value.flatMap((l) => l.plots.map((s) => Math.abs(s.deviation)))));
-    function Kt() {
-      return U.value;
+    }), kt = T(() => Math.max(...V.value.flatMap((l) => l.plots.map((a) => Math.abs(a.deviation)))));
+    function el() {
+      return V.value;
     }
-    function kt(l, s) {
+    function wt(l, a) {
       const t = Array.isArray(l) ? l.flatMap((B) => B.plots.map(($) => ({
         x: $.x,
         y: $.y
@@ -366,123 +366,137 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         x: B.x,
         y: B.y
       }));
-      let o = 1 / 0, a = -1 / 0, u = 1 / 0, i = -1 / 0;
+      let s = 1 / 0, o = -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, $);
+        s = Math.min(s, B), o = Math.max(o, B), u = Math.min(u, $), i = Math.max(i, $);
       });
-      const p = a - o, v = i - u, g = p / s, L = v / s, d = Array(s).fill(0), _ = Array(s).fill(0);
+      const f = o - s, v = i - u, g = f / a, L = v / a, d = Array(a).fill(0), _ = Array(a).fill(0);
       t.forEach(({ x: B, y: $ }) => {
-        const h = Math.floor((B - o) / g), A = Math.floor(($ - u) / L);
+        const h = Math.floor((B - s) / g), A = Math.floor(($ - u) / L);
         d[h] || (d[h] = 0), _[A] || (_[A] = 0), d[h] += 1, _[A] += 1;
       });
-      const D = [], C = [];
-      for (let B = 0; B < s; B += 1)
-        D.push(o + (B + 0.5) * g), C.push(u + (B + 0.5) * L);
+      const D = [], S = [];
+      for (let B = 0; B < a; B += 1)
+        D.push(s + (B + 0.5) * g), S.push(u + (B + 0.5) * L);
       const z = Math.max(...d), X = Math.max(..._);
-      return { x: d, y: _, avgX: D, avgY: C, maxX: z, maxY: X };
+      return { x: d, y: _, avgX: D, avgY: S, maxX: z, maxY: X };
     }
-    const b = T(() => e.value.style.layout.marginalBars.tranches), S = T(() => kt(Se.value, b.value)), el = T(() => {
-      const l = n.value.top - e.value.style.layout.marginalBars.offset, s = n.value.right + e.value.style.layout.marginalBars.offset;
-      return Se.value.map((t) => {
-        const o = kt(t, b.value);
+    const b = T(() => e.value.style.layout.marginalBars.tranches), C = T(() => wt(Ce.value, b.value)), tl = T(() => {
+      const l = n.value.top - e.value.style.layout.marginalBars.offset, a = n.value.right + e.value.style.layout.marginalBars.offset;
+      return Ce.value.map((t) => {
+        const s = wt(t, b.value);
         return {
-          coords: o,
-          dX: Sl(o.avgX.map((a, u) => ({
-            x: a,
-            y: l - o.x[u] / o.maxX * e.value.style.layout.marginalBars.size
+          coords: s,
+          dX: Bl(s.avgX.map((o, u) => ({
+            x: o,
+            y: l - s.x[u] / s.maxX * e.value.style.layout.marginalBars.size
           }))),
-          dY: Cl(o.avgY.map((a, u) => ({
-            y: a,
-            x: s + e.value.style.layout.marginalBars.size * o.y[u] / o.maxY
+          dY: Ll(s.avgY.map((o, u) => ({
+            y: o,
+            x: a + e.value.style.layout.marginalBars.size * s.y[u] / s.maxY
           }))),
           color: t.color,
           id: t.id
         };
       });
-    }), Y = M(void 0), f = M(null), Re = M(null);
-    function je(l, s) {
-      Y.value = l.id, f.value = l;
+    }), Y = M(void 0), p = M(null), Ue = M(null);
+    function Ve(l, a) {
+      Y.value = l.id, p.value = l;
       let t = "";
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s }), Re.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: a }), Ue.value = {
         datapoint: l,
-        seriesIndex: s,
-        series: U.value,
+        seriesIndex: a,
+        series: V.value,
         config: e.value
       };
-      const o = e.value.style.tooltip.customFormat;
-      zl(o) && Pl(() => o({
+      const s = e.value.style.tooltip.customFormat;
+      Dl(s) && El(() => s({
         datapoint: l,
-        seriesIndex: s,
-        series: U.value,
+        seriesIndex: a,
+        series: V.value,
         config: e.value
-      })) ? De.value = o({
+      })) ? Ee.value = s({
         datapoint: l,
-        seriesIndex: s,
-        series: U.value,
+        seriesIndex: a,
+        series: V.value,
         config: e.value
       }) : (l.clusterName && (t += `<div style="display:flex;gap:3px;align-items:center">${l.clusterName}</div>`), l.v.name && (t += `<div>${l.v.name}</div>`), t += `<div style="text-align:left;margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, t += `<div>${e.value.style.layout.dataLabels.xAxis.name}: <b>${isNaN(l.v.x) ? "-" : ie(
         e.value.style.layout.plots.selectors.labels.x.formatter,
         l.v.x,
-        K({
+        ee({
           p: e.value.style.tooltip.prefix,
           v: l.v.x,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         }),
-        { datapoint: l, seriesIndex: s }
+        { datapoint: l, seriesIndex: a }
       )}</b></div>`, t += `<div>${e.value.style.layout.dataLabels.yAxis.name}: <b>${isNaN(l.v.y) ? "-" : ie(
         e.value.style.layout.plots.selectors.labels.y.formatter,
         l.v.y,
-        K({
+        ee({
           p: e.value.style.tooltip.prefix,
           v: l.v.y,
           s: e.value.style.tooltip.suffix,
           r: e.value.style.tooltip.roundingValue
         }),
-        { datapoint: l, seriesIndex: s }
-      )}</b></div>`, t += `${e.value.style.layout.plots.deviation.translation}: <b>${K({
+        { datapoint: l, seriesIndex: a }
+      )}</b></div>`, t += `${e.value.style.layout.plots.deviation.translation}: <b>${ee({
         v: l.deviation,
         r: e.value.style.layout.plots.deviation.roundingValue
-      })}</b>`, t += "</div>", De.value = `<div>${t}</div>`), Oe.value = !0;
+      })}</b>`, t += "</div>", Ee.value = `<div>${t}</div>`), De.value = !0;
     }
-    function Ae(l, s) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s }), Oe.value = !1, Y.value = void 0, f.value = null;
+    function Ae(l, a) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: a }), De.value = !1, Y.value = void 0, p.value = null;
     }
-    function Ue(l, s) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
+    function je(l, a) {
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: a });
     }
-    function wt(l) {
-      I.value.includes(l) ? I.value = I.value.filter((s) => s !== l) : I.value.length < Ne.value.length - 1 && I.value.push(l);
+    function Le(l) {
+      F.value.includes(l) ? F.value = F.value.filter((a) => a !== l) : F.value.length < Ie.value.length - 1 && F.value.push(l);
     }
-    function Ve(l = null) {
-      bl(() => {
-        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 = U.value.map((u) => [
+    function $t(l) {
+      if (!J.value.length)
+        return e.value.debug && console.warn("VueUiScatter - There are no series to show."), null;
+      const a = J.value.find((t) => t.name === l);
+      return a || (e.value.debug && console.warn(`VueUiScatter - Series name not found "${l}"`), null);
+    }
+    function ll(l) {
+      const a = $t(l);
+      a !== null && F.value.includes(a.id) && Le(a.id);
+    }
+    function al(l) {
+      const a = $t(l);
+      a !== null && (F.value.includes(a.id) || Le(a.id));
+    }
+    function Ge(l = null) {
+      $l(() => {
+        const a = ["", 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 = V.value.map((u) => [
           u.name,
           u.correlation.coefficient,
           u.plots.length,
-          u.plots.map((i) => i.v.x).reduce((i, p) => i + p, 0) / u.plots.length,
-          u.plots.map((i) => i.v.y).reduce((i, p) => i + p, 0) / u.plots.length
-        ]), o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([s]).concat(t), a = Bl(o);
-        l ? l(a) : Tl({ csvContent: a, title: e.value.style.title.text || "vue-ui-heatmap" });
+          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
+        ]), s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(t), o = Pl(s);
+        l ? l(o) : Ol({ csvContent: o, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
-    const Le = T(() => {
+    const Be = T(() => {
       const l = [
         e.value.table.translations.series,
         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}`
-      ], s = U.value.map((o) => [
+      ], a = V.value.map((s) => [
         {
-          shape: o.shape,
-          content: o.name,
-          color: o.color
+          shape: s.shape,
+          content: s.name,
+          color: s.color
         },
-        Number((o.correlation.coefficient ?? 0).toFixed(e.value.table.td.roundingValue)).toLocaleString(),
-        o.plots.length.toLocaleString(),
-        Number((o.plots.map((a) => a.v.x ?? 0).reduce((a, u) => a + u, 0) / o.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString(),
-        Number((o.plots.map((a) => a.v.y ?? 0).reduce((a, u) => a + u, 0) / o.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString()
+        Number((s.correlation.coefficient ?? 0).toFixed(e.value.table.td.roundingValue)).toLocaleString(),
+        s.plots.length.toLocaleString(),
+        Number((s.plots.map((o) => o.v.x ?? 0).reduce((o, u) => o + u, 0) / s.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString(),
+        Number((s.plots.map((o) => o.v.y ?? 0).reduce((o, u) => o + u, 0) / s.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString()
       ]), t = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -496,40 +510,40 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         },
         breakpoint: e.value.table.responsiveBreakpoint
       };
-      return { head: l, body: s, config: t, colNames: l };
+      return { head: l, body: a, config: t, colNames: l };
     }), re = M(!1);
-    function $t(l) {
-      re.value = l, tt.value += 1;
+    function _t(l) {
+      re.value = l, lt.value += 1;
     }
-    function _t() {
+    function Mt() {
       H.value.showTable = !H.value.showTable;
     }
-    function Mt() {
+    function St() {
       H.value.showTooltip = !H.value.showTooltip;
     }
-    const Be = M(!1);
-    function Ge() {
-      Be.value = !Be.value;
+    const Te = M(!1);
+    function qe() {
+      Te.value = !Te.value;
     }
-    async function tl({ scale: l = 2 } = {}) {
-      if (!te.value) return;
-      const { width: s, height: t } = te.value.getBoundingClientRect(), o = s / t, { imageUri: a, base64: u } = await Vl({ domElement: te.value, base64: !0, img: !0, scale: l });
+    async function ol({ scale: l = 2 } = {}) {
+      if (!le.value) return;
+      const { width: a, height: t } = le.value.getBoundingClientRect(), s = a / t, { imageUri: o, base64: u } = await Hl({ domElement: le.value, base64: !0, img: !0, scale: l });
       return {
-        imageUri: a,
+        imageUri: o,
         base64: u,
         title: e.value.style.title.text,
-        width: s,
+        width: a,
         height: t,
-        aspectRatio: o
+        aspectRatio: s
       };
     }
-    function ll(l) {
-      ge.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (me.value = S.value.y.length - 2 - l);
+    function sl(l) {
+      ge.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (me.value = C.value.y.length - 2 - l);
     }
-    function al(l) {
+    function nl(l) {
       me.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (ge.value = l);
     }
-    function qe() {
+    function He() {
       ge.value = null, me.value = null;
     }
     const Ct = {
@@ -541,73 +555,73 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       pentagon: 1.3,
       hexagon: 1.3
     }, k = (l) => l.toFixed(3);
-    function ol({ shape: l = "circle", cx: s, cy: t, r: o }) {
+    function ul({ shape: l = "circle", cx: a, cy: t, r: s }) {
       if (!e.value.usePerformanceMode) return "";
-      const a = Ct[l] * o;
+      const o = Ct[l] * s;
       switch (l) {
         case "circle": {
-          const u = k(s - a), i = k(t), p = k(s + a), v = k(a);
-          return `M ${u} ${i} A ${v} ${v} 0 1 0 ${p} ${i} A ${v} ${v} 0 1 0 ${u} ${i} Z`;
+          const u = k(a - o), i = k(t), f = k(a + o), v = k(o);
+          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 = k(s - a), i = k(t - a), p = k(s + a), v = k(t + a);
-          return `M ${u} ${i} L ${p} ${i} L ${p} ${v} L ${u} ${v} Z`;
+          const u = k(a - o), i = k(t - o), f = k(a + o), v = k(t + o);
+          return `M ${u} ${i} L ${f} ${i} L ${f} ${v} L ${u} ${v} Z`;
         }
         case "diamond": {
-          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`;
+          const u = k(a), i = k(t);
+          return `M ${u} ${k(t - o)} L ${k(a + o)} ${i} L ${u} ${k(t + o)} L ${k(a - o)} ${i} Z`;
         }
         case "triangle": {
-          const u = a * Math.sqrt(3), i = s, p = t - 2 / 3 * u, v = s - a, g = t + 1 / 3 * u, L = s + a, d = g;
-          return `M ${k(i)} ${k(p)} L ${k(v)} ${k(g)} L ${k(L)} ${k(d)} Z`;
+          const u = o * Math.sqrt(3), i = a, f = t - 2 / 3 * u, v = a - o, g = t + 1 / 3 * u, L = a + o, d = g;
+          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, p = [];
+          const u = o, i = o * 0.5, f = [];
           for (let g = 0; g < 10; g += 1) {
             const L = (-90 + g * 36) * Math.PI / 180, d = g % 2 === 0 ? u : i;
-            p.push([s + d * Math.cos(L), t + d * Math.sin(L)]);
+            f.push([a + d * Math.cos(L), t + d * Math.sin(L)]);
           }
-          let v = `M ${k(p[0][0])} ${k(p[0][1])}`;
-          for (let g = 1; g < p.length; g += 1)
-            v += ` L ${k(p[g][0])} ${k(p[g][1])}`;
+          let v = `M ${k(f[0][0])} ${k(f[0][1])}`;
+          for (let g = 1; g < f.length; g += 1)
+            v += ` L ${k(f[g][0])} ${k(f[g][1])}`;
           return v + " Z";
         }
         case "pentagon": {
           const i = [];
           for (let v = 0; v < 5; v += 1) {
             const g = (-90 + v * 72) * Math.PI / 180;
-            i.push([s + a * Math.cos(g), t + a * Math.sin(g)]);
+            i.push([a + o * Math.cos(g), t + o * Math.sin(g)]);
           }
-          let p = `M ${k(i[0][0])} ${k(i[0][1])}`;
-          for (let v = 1; v < 5; v += 1) p += ` L ${k(i[v][0])} ${k(i[v][1])}`;
-          return p + " Z";
+          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": {
           const i = [];
           for (let v = 0; v < 6; v += 1) {
             const g = (-60 + v * 60) * Math.PI / 180;
-            i.push([s + a * Math.cos(g), t + a * Math.sin(g)]);
+            i.push([a + o * Math.cos(g), t + o * Math.sin(g)]);
           }
-          let p = `M ${k(i[0][0])} ${k(i[0][1])}`;
-          for (let v = 1; v < 6; v += 1) p += ` L ${k(i[v][0])} ${k(i[v][1])}`;
-          return p + " Z";
+          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 = k(s - a), i = k(t), p = k(s + a), v = k(a);
-          return `M ${u} ${i} A ${v} ${v} 0 1 0 ${p} ${i} A ${v} ${v} 0 1 0 ${u} ${i} Z`;
+          const u = k(a - o), i = k(t), f = k(a + o), v = k(o);
+          return `M ${u} ${i} A ${v} ${v} 0 1 0 ${f} ${i} A ${v} ${v} 0 1 0 ${u} ${i} Z`;
         }
       }
     }
-    const sl = T(() => {
+    const il = T(() => {
       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, p = 1e3, v = e.value.style.layout.plots.stroke, g = e.value.style.layout.plots.strokeWidth, L = e.value.style.layout.plots.opacity;
-      return U.value.map((d) => {
+      const { left: l, right: a, top: t, bottom: s } = n.value, o = Math.max(1, (a - l) * (s - t)), u = (d) => d / o * 1e4, i = 2.5, f = 1e3, v = e.value.style.layout.plots.stroke, g = e.value.style.layout.plots.strokeWidth, L = e.value.style.layout.plots.opacity;
+      return V.value.map((d) => {
         const _ = [];
-        for (const C of d.plots) {
-          const z = C.x, X = C.y;
-          if (z < l || z > s || X < t || X > o) continue;
-          const B = Math.max(e.value.style.layout.plots.radius, C.weight);
-          _.push(ol({
+        for (const S of d.plots) {
+          const z = S.x, X = S.y;
+          if (z < l || z > a || X < t || X > s) continue;
+          const B = Math.max(e.value.style.layout.plots.radius, S.weight);
+          _.push(ul({
             shape: d.shape || "circle",
             cx: z,
             cy: X,
@@ -615,58 +629,58 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           }));
         }
         if (!_.length) return null;
-        const D = u(d.plots.length) > i || d.plots.length > p;
+        const D = u(d.plots.length) > i || d.plots.length > f;
         return {
           id: d.id,
           d: _.join(""),
-          fill: Pe(d.color, L * 100),
+          fill: Oe(d.color, L * 100),
           stroke: D ? "none" : v,
           strokeWidth: D ? 0 : g,
           strokeOpacity: 1
         };
       }).filter(Boolean);
     });
-    function nl() {
+    function rl() {
       return e.value.usePerformanceMode ? (l) => {
-        const s = Me.value;
-        if (!s) return;
-        const t = s.createSVGPoint();
+        const a = Me.value;
+        if (!a) return;
+        const t = a.createSVGPoint();
         t.x = l.clientX, t.y = l.clientY;
-        const o = s.getScreenCTM();
-        if (!o) return;
-        const a = o.inverse(), u = t.matrixTransform(a), i = 8, p = i * i;
+        const s = a.getScreenCTM();
+        if (!s) return;
+        const o = s.inverse(), u = t.matrixTransform(o), i = 8, f = i * i;
         let v = null, g = 1 / 0, L = -1;
-        if (U.value.forEach((d, _) => {
+        if (V.value.forEach((d, _) => {
           d.plots.forEach((D) => {
-            const C = D.x - u.x, z = D.y - u.y, X = C * C + z * z;
-            X <= p && X < g && (g = X, v = D, L = _);
+            const S = D.x - u.x, z = D.y - u.y, X = S * S + z * z;
+            X <= f && X < g && (g = X, v = D, L = _);
           });
         }), v)
-          Y.value !== v.id && (Y.value = v.id, je(v, L));
+          Y.value !== v.id && (Y.value = v.id, Ve(v, L));
         else if (Y.value) {
-          const d = f.value;
+          const d = p.value;
           Y.value = void 0, Ae(d, L);
         }
       } : () => null;
     }
-    const St = nl();
-    function ul() {
+    const At = rl();
+    function vl() {
       if (Y.value) {
-        const l = f.value;
+        const l = p.value;
         Y.value = void 0, Ae(l, null);
       }
     }
-    function il(l) {
-      const s = f.value;
-      if (s) {
-        const t = U.value.findIndex((o) => o.id === s.clusterId);
-        Ue(s, t >= 0 ? t : 0);
+    function cl(l) {
+      const a = p.value;
+      if (a) {
+        const t = V.value.findIndex((s) => s.id === a.clusterId);
+        je(a, t >= 0 ? t : 0);
       }
     }
     const be = T(() => {
-      const l = e.value.table.useDialog && !e.value.table.show, s = H.value.showTable;
+      const l = e.value.table.useDialog && !e.value.table.show, a = H.value.showTable;
       return {
-        component: l ? Vt : Xt,
+        component: l ? Gt : Yt,
         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,
@@ -674,12 +688,12 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: re.value,
-          fullscreenParent: te.value,
+          fullscreenParent: le.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
           config: {
-            open: s,
+            open: a,
             maxHeight: 1e4,
             body: {
               backgroundColor: e.value.style.backgroundColor,
@@ -693,69 +707,71 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         }
       };
     });
-    ze(() => H.value.showTable, (l) => {
+    Pe(() => H.value.showTable, (l) => {
       e.value.table.show || (l && e.value.table.useDialog && xe.value ? xe.value.open() : "close" in xe.value && xe.value.close());
     });
-    function At() {
-      H.value.showTable = !1, Ee.value && Ee.value.setTableIconState(!1);
+    function Lt() {
+      H.value.showTable = !1, Fe.value && Fe.value.setTableIconState(!1);
     }
-    const rl = T(() => e.value.style.backgroundColor), vl = T(() => e.value.style.legend), yl = T(() => e.value.style.title), { exportSvg: cl, getSvg: dl } = Il({
+    const yl = T(() => e.value.style.backgroundColor), dl = T(() => e.value.style.legend), hl = T(() => e.value.style.title), { exportSvg: fl, getSvg: pl } = Rl({
       svg: Me,
-      title: yl,
-      legend: vl,
-      legendItems: oe,
-      backgroundColor: rl
+      title: hl,
+      legend: dl,
+      legendItems: J,
+      backgroundColor: yl
     });
-    async function Lt({ isCb: l }) {
+    async function Bt({ isCb: l }) {
       if (l) {
-        const { blob: s, url: t, text: o, dataUrl: a } = await dl();
-        e.value.userOptions.callbacks.svg({ blob: s, url: t, text: o, dataUrl: a });
+        const { blob: a, url: t, text: s, dataUrl: o } = await pl();
+        e.value.userOptions.callbacks.svg({ blob: a, url: t, text: s, dataUrl: o });
       } else
-        cl();
+        fl();
     }
-    return Wt({
-      getData: Kt,
-      getImage: tl,
-      generatePdf: gt,
-      generateCsv: Ve,
-      generateImage: mt,
-      generateSvg: Lt,
-      toggleTable: _t,
-      toggleTooltip: Mt,
-      toggleAnnotator: Ge,
-      toggleFullscreen: $t
-    }), (l, s) => (r(), y("div", {
-      class: Tt(`vue-data-ui-component vue-ui-scatter ${re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+    return Nt({
+      getData: el,
+      getImage: ol,
+      generatePdf: mt,
+      generateCsv: Ge,
+      generateImage: xt,
+      generateSvg: Bt,
+      hideSeries: al,
+      showSeries: ll,
+      toggleTable: Mt,
+      toggleTooltip: St,
+      toggleAnnotator: qe,
+      toggleFullscreen: _t
+    }), (l, a) => (r(), c("div", {
+      class: zt(`vue-data-ui-component vue-ui-scatter ${re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "scatterChart",
-      ref: te,
-      id: `vue-ui-scatter_${N.value}`,
+      ref: le,
+      id: `vue-ui-scatter_${I.value}`,
       style: ue(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: s[5] || (s[5] = () => c(yt)(!0)),
-      onMouseleave: s[6] || (s[6] = () => c(yt)(!1))
+      onMouseenter: a[5] || (a[5] = () => y(yt)(!0)),
+      onMouseleave: a[6] || (a[6] = () => y(yt)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), le(c(Rt), {
+      e.value.userOptions.buttons.annotator ? (r(), ae(y(Ut), {
         key: 0,
-        svgRef: c(Me),
+        svgRef: y(Me),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        active: Be.value,
-        onClose: Ge
+        active: Te.value,
+        onClose: qe
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : x("", !0),
-      Qt.value ? (r(), y("div", {
+      Jt.value ? (r(), c("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: st,
+        ref: nt,
         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", {
+      e.value.style.title.text ? (r(), c("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: lt,
+        ref: at,
         style: "width:100%;background:transparent"
       }, [
-        (r(), le(Ul, {
-          key: `title_${nt.value}`,
+        (r(), ae(ql, {
+          key: `title_${ut.value}`,
           config: {
             title: {
               cy: "scatter-div-title",
@@ -769,17 +785,17 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         }, null, 8, ["config"]))
       ], 512)) : x("", !0),
       w("div", {
-        id: `legend-top-${N.value}`
-      }, null, 8, Hl),
-      e.value.userOptions.show && et.value && (c(ct) || c(Xe)) ? (r(), le(c(jt), {
+        id: `legend-top-${I.value}`
+      }, null, 8, Jl),
+      e.value.userOptions.show && tt.value && (y(dt) || y(Ye)) ? (r(), ae(y(Vt), {
         ref_key: "userOptionsRef",
-        ref: Ee,
-        key: `user_options_${tt.value}`,
+        ref: Fe,
+        key: `user_options_${lt.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: c(ft),
-        isPrinting: c(pt),
-        uid: N.value,
+        isImaging: y(gt),
+        isPrinting: y(pt),
+        uid: I.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -790,112 +806,112 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         isTooltip: H.value.showTooltip,
         isFullscreen: re.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: te.value,
+        chartElement: le.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Be.value,
+        isAnnotation: Te.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: $t,
-        onGeneratePdf: c(gt),
-        onGenerateCsv: Ve,
-        onGenerateImage: c(mt),
-        onGenerateSvg: Lt,
-        onToggleTable: _t,
-        onToggleTooltip: Mt,
-        onToggleAnnotator: Ge,
+        onToggleFullscreen: _t,
+        onGeneratePdf: y(mt),
+        onGenerateCsv: Ge,
+        onGenerateImage: y(xt),
+        onGenerateSvg: Bt,
+        onToggleTable: Mt,
+        onToggleTooltip: St,
+        onToggleAnnotator: qe,
         style: ue({
-          visibility: c(ct) ? c(Xe) ? "visible" : "hidden" : "visible"
+          visibility: y(dt) ? y(Ye) ? "visible" : "hidden" : "visible"
         })
-      }, zt({ _: 2 }, [
+      }, Pt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: W(({ isOpen: t, color: o }) => [
-            R(l.$slots, "menuIcon", pe(fe({ isOpen: t, color: o })), void 0, !0)
+          fn: N(({ isOpen: t, color: s }) => [
+            R(l.$slots, "menuIcon", fe(pe({ isOpen: t, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: W(() => [
+          fn: N(() => [
             R(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: W(() => [
+          fn: N(() => [
             R(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: W(() => [
+          fn: N(() => [
             R(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: W(() => [
+          fn: N(() => [
             R(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: W(() => [
+          fn: N(() => [
             R(l.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: W(() => [
+          fn: N(() => [
             R(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: W(({ toggleFullscreen: t, isFullscreen: o }) => [
-            R(l.$slots, "optionFullscreen", pe(fe({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
+          fn: N(({ toggleFullscreen: t, isFullscreen: s }) => [
+            R(l.$slots, "optionFullscreen", fe(pe({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: W(({ toggleAnnotator: t, isAnnotator: o }) => [
-            R(l.$slots, "optionAnnotator", pe(fe({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
+          fn: N(({ toggleAnnotator: t, isAnnotator: s }) => [
+            R(l.$slots, "optionAnnotator", fe(pe({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : x("", !0),
-      (r(), y("svg", {
+      (r(), c("svg", {
         ref_key: "svgRef",
         ref: Me,
-        xmlns: c(Al),
-        class: Tt({ "vue-data-ui-fullscreen--on": re.value, "vue-data-ui-fulscreen--off": !re.value, animated: e.value.useCssAnimation }),
-        viewBox: `0 0 ${F.value.width <= 0 ? 10 : F.value.width} ${F.value.height <= 0 ? 10 : F.value.height}`,
+        xmlns: y(Tl),
+        class: zt({ "vue-data-ui-fullscreen--on": re.value, "vue-data-ui-fulscreen--off": !re.value, animated: e.value.useCssAnimation }),
+        viewBox: `0 0 ${W.value.width <= 0 ? 10 : W.value.width} ${W.value.height <= 0 ? 10 : W.value.height}`,
         style: ue(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
-        onMouseleave: qe
+        onMouseleave: He
       }, [
-        _e(c(Ut)),
-        l.$slots["chart-background"] ? (r(), y("foreignObject", {
+        _e(y(jt)),
+        l.$slots["chart-background"] ? (r(), c("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: F.value.width <= 0 ? 10 : F.value.width,
-          height: F.value.height <= 0 ? 10 : F.value.height,
+          width: W.value.width <= 0 ? 10 : W.value.width,
+          height: W.value.height <= 0 ? 10 : W.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
           R(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ql)) : x("", !0),
-        e.value.style.layout.axis.show ? (r(), y("g", Jl, [
+        ], 8, ea)) : x("", !0),
+        e.value.style.layout.axis.show ? (r(), c("g", ta, [
           w("line", {
             x1: O.value.x,
             x2: O.value.x,
@@ -904,7 +920,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             stroke: e.value.style.layout.axis.stroke,
             "stroke-width": e.value.style.layout.axis.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Kl),
+          }, null, 8, la),
           w("line", {
             x1: n.value.left,
             x2: n.value.right,
@@ -913,12 +929,12 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             stroke: e.value.style.layout.axis.stroke,
             "stroke-width": e.value.style.layout.axis.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, ea)
+          }, null, 8, aa)
         ])) : x("", !0),
-        e.value.style.layout.marginalBars.show ? (r(), y("g", ta, [
+        e.value.style.layout.marginalBars.show ? (r(), c("g", oa, [
           w("defs", null, [
             w("linearGradient", {
-              id: `marginal_x_${N.value}`,
+              id: `marginal_x_${I.value}`,
               x1: "0%",
               y1: "0%",
               x2: "0%",
@@ -927,14 +943,14 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               w("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.marginalBars.fill
-              }, null, 8, aa),
+              }, null, 8, na),
               w("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.backgroundColor
-              }, null, 8, oa)
-            ], 8, la),
+              }, null, 8, ua)
+            ], 8, sa),
             w("linearGradient", {
-              id: `marginal_y_${N.value}`,
+              id: `marginal_y_${I.value}`,
               x1: "0%",
               x2: "100%",
               y1: "0%",
@@ -943,124 +959,124 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               w("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.backgroundColor
-              }, null, 8, na),
+              }, null, 8, ra),
               w("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.layout.marginalBars.fill
-              }, null, 8, ua)
-            ], 8, sa)
+              }, null, 8, va)
+            ], 8, ia)
           ]),
-          (r(!0), y(Z, null, J(S.value.x, (t, o) => (r(), y("g", null, [
-            t && S.value.avgX[o] ? (r(), y("rect", {
+          (r(!0), c(Z, null, K(C.value.x, (t, s) => (r(), c("g", null, [
+            t && C.value.avgX[s] ? (r(), c("rect", {
               key: 0,
-              x: S.value.avgX[o] - n.value.width / b.value / 2,
-              y: n.value.top - e.value.style.layout.marginalBars.offset - t / S.value.maxX * e.value.style.layout.marginalBars.size,
+              x: C.value.avgX[s] - n.value.width / b.value / 2,
+              y: n.value.top - e.value.style.layout.marginalBars.offset - t / C.value.maxX * e.value.style.layout.marginalBars.size,
               width: n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value,
-              height: t / S.value.maxX * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / S.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,
+              height: t / C.value.maxX * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / C.value.maxX * e.value.style.layout.marginalBars.size,
+              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_x_${I.value})` : e.value.style.layout.marginalBars.fill,
               style: ue([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
               rx: e.value.style.layout.marginalBars.borderRadius
-            }, null, 12, ia)) : x("", !0),
-            S.value.avgX[o] ? (r(), y("rect", {
+            }, null, 12, ca)) : x("", !0),
+            C.value.avgX[s] ? (r(), c("rect", {
               key: 1,
-              x: S.value.avgX[o] - n.value.width / b.value / 2,
+              x: C.value.avgX[s] - 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 / 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) => ll(o),
-              onMouseleave: s[0] || (s[0] = (a) => qe())
-            }, null, 40, ra)) : x("", !0),
-            S.value.avgX[o] && ge.value != null && ge.value === o ? (r(), y("g", va, [
+              onMouseenter: (o) => sl(s),
+              onMouseleave: a[0] || (a[0] = (o) => He())
+            }, null, 40, ya)) : x("", !0),
+            C.value.avgX[s] && ge.value != null && ge.value === s ? (r(), c("g", da, [
               w("rect", {
-                x: S.value.avgX[o] - n.value.width / b.value / 2,
+                x: C.value.avgX[s] - n.value.width / b.value / 2,
                 y: n.value.top,
                 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, ya),
+              }, null, 8, ha),
               w("line", {
-                x1: S.value.avgX[o] - n.value.width / b.value / 2,
-                x2: S.value.avgX[o] - n.value.width / b.value / 2,
+                x1: C.value.avgX[s] - n.value.width / b.value / 2,
+                x2: C.value.avgX[s] - 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, ca),
+              }, null, 8, fa),
               w("line", {
-                x1: S.value.avgX[o] - n.value.width / b.value / 2 + (n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value),
-                x2: S.value.avgX[o] - n.value.width / b.value / 2 + (n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value),
+                x1: C.value.avgX[s] - n.value.width / b.value / 2 + (n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value),
+                x2: C.value.avgX[s] - 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, da)
+              }, null, 8, pa)
             ])) : x("", !0)
           ]))), 256)),
-          (r(!0), y(Z, null, J(S.value.y, (t, o) => (r(), y("g", null, [
-            t && S.value.avgY[o] ? (r(), y("rect", {
+          (r(!0), c(Z, null, K(C.value.y, (t, s) => (r(), c("g", null, [
+            t && C.value.avgY[s] ? (r(), c("rect", {
               key: 0,
               x: n.value.right + e.value.style.layout.marginalBars.offset,
-              y: S.value.avgY[o] - n.value.height / b.value / 2,
+              y: C.value.avgY[s] - n.value.height / b.value / 2,
               height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
-              width: t / S.value.maxY * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / S.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,
+              width: t / C.value.maxY * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / C.value.maxY * e.value.style.layout.marginalBars.size,
+              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_y_${I.value})` : e.value.style.layout.marginalBars.fill,
               style: ue([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
               rx: e.value.style.layout.marginalBars.borderRadius
-            }, null, 12, ha)) : x("", !0),
-            S.value.avgY[o] ? (r(), y("rect", {
+            }, null, 12, ga)) : x("", !0),
+            C.value.avgY[s] ? (r(), c("rect", {
               key: 1,
               x: n.value.right + e.value.style.layout.marginalBars.offset,
-              y: S.value.avgY[o] - n.value.height / b.value / 2,
+              y: C.value.avgY[s] - n.value.height / b.value / 2,
               width: Math.max(0.1, e.value.style.layout.marginalBars.size),
               height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
               fill: "transparent",
-              onMouseenter: (a) => al(o),
-              onMouseleave: s[1] || (s[1] = (a) => qe())
-            }, null, 40, pa)) : x("", !0),
-            S.value.avgY[o] && me.value != null && me.value === o ? (r(), y("g", fa, [
+              onMouseenter: (o) => nl(s),
+              onMouseleave: a[1] || (a[1] = (o) => He())
+            }, null, 40, ma)) : x("", !0),
+            C.value.avgY[s] && me.value != null && me.value === s ? (r(), c("g", xa, [
               w("rect", {
                 x: n.value.left,
-                y: S.value.avgY[o] - n.value.height / b.value / 2,
+                y: C.value.avgY[s] - n.value.height / b.value / 2,
                 width: n.value.width,
                 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, ga),
+              }, null, 8, ba),
               w("line", {
                 x1: n.value.left,
-                x2: F.value.width,
-                y1: S.value.avgY[o] - n.value.height / b.value / 2,
-                y2: S.value.avgY[o] - n.value.height / b.value / 2,
+                x2: W.value.width,
+                y1: C.value.avgY[s] - n.value.height / b.value / 2,
+                y2: C.value.avgY[s] - n.value.height / b.value / 2,
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                 "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, ma),
+              }, null, 8, ka),
               w("line", {
                 x1: n.value.left,
-                x2: F.value.width,
-                y1: S.value.avgY[o] - n.value.height / b.value / 2 + (n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value),
-                y2: S.value.avgY[o] - n.value.height / b.value / 2 + (n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value),
+                x2: W.value.width,
+                y1: C.value.avgY[s] - n.value.height / b.value / 2 + (n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value),
+                y2: C.value.avgY[s] - n.value.height / b.value / 2 + (n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value),
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                 "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, xa)
+              }, null, 8, wa)
             ])) : x("", !0)
           ]))), 256)),
-          e.value.style.layout.marginalBars.showLines ? (r(), y("g", ba, [
-            (r(!0), y(Z, null, J(el.value, (t) => (r(), y(Z, null, [
-              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+          e.value.style.layout.marginalBars.showLines ? (r(), c("g", $a, [
+            (r(!0), c(Z, null, K(tl.value, (t) => (r(), c(Z, null, [
+              F.value.includes(t.id) ? x("", !0) : (r(), c("path", {
                 key: 0,
                 d: `M ${t.dX}`,
                 stroke: e.value.style.backgroundColor,
@@ -1068,8 +1084,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, ka)),
-              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              }, null, 8, _a)),
+              F.value.includes(t.id) ? x("", !0) : (r(), c("path", {
                 key: 1,
                 d: `M ${t.dX}`,
                 stroke: t.color,
@@ -1077,8 +1093,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, wa)),
-              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              }, null, 8, Ma)),
+              F.value.includes(t.id) ? x("", !0) : (r(), c("path", {
                 key: 2,
                 d: `M ${t.dY}`,
                 stroke: e.value.style.backgroundColor,
@@ -1086,8 +1102,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, $a)),
-              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              }, null, 8, Sa)),
+              F.value.includes(t.id) ? x("", !0) : (r(), c("path", {
                 key: 3,
                 d: `M ${t.dY}`,
                 stroke: t.color,
@@ -1095,58 +1111,58 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, _a))
+              }, null, 8, Ca))
             ], 64))), 256))
           ])) : x("", !0)
         ])) : x("", !0),
-        e.value.style.layout.plots.giftWrap.show ? (r(), y("g", Ma, [
-          (r(!0), y(Z, null, J(U.value, (t, o) => (r(), y("g", null, [
-            t.plots.length > 2 ? (r(), y("polygon", {
+        e.value.style.layout.plots.giftWrap.show ? (r(), c("g", Aa, [
+          (r(!0), c(Z, null, K(V.value, (t, s) => (r(), c("g", null, [
+            t.plots.length > 2 ? (r(), c("polygon", {
               key: 0,
-              points: c(Ll)({ series: t.plots }),
-              fill: c(Pe)(t.color, e.value.style.layout.plots.giftWrap.fillOpacity * 100),
+              points: y(zl)({ series: t.plots }),
+              fill: y(Oe)(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, La)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
-        e.value.usePerformanceMode ? x("", !0) : (r(!0), y(Z, { key: 4 }, J(U.value, (t, o) => (r(), y("g", null, [
-          !t.shape || t.shape === "circle" ? (r(), y("g", Sa, [
-            (r(!0), y(Z, null, J(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(Pe)(t.color, e.value.style.layout.plots.opacity * 100),
+        e.value.usePerformanceMode ? x("", !0) : (r(!0), c(Z, { key: 4 }, K(V.value, (t, s) => (r(), c("g", null, [
+          !t.shape || t.shape === "circle" ? (r(), c("g", Ba, [
+            (r(!0), c(Z, null, K(t.plots, (o, u) => (r(), c("circle", {
+              cx: o.x,
+              cy: o.y,
+              r: Y.value && Y.value === o.id ? o.weight * 2 : o.weight,
+              fill: y(Oe)(t.color, e.value.style.layout.plots.opacity * 100),
               stroke: e.value.style.layout.plots.stroke,
               "stroke-width": e.value.style.layout.plots.strokeWidth,
-              style: ue(`opacity:${Y.value && Y.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / bt.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
-              onMouseover: (i) => je(a, o),
-              onMouseleave: (i) => Ae(a, o),
-              onClick: (i) => Ue(a, o)
-            }, null, 44, Aa))), 256))
-          ])) : (r(), y("g", La, [
-            (r(!0), y(Z, null, J(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,
+              style: ue(`opacity:${Y.value && Y.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / kt.value : e.value.style.layout.plots.significance.show && Math.abs(o.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
+              onMouseover: (i) => Ve(o, s),
+              onMouseleave: (i) => Ae(o, s),
+              onClick: (i) => je(o, s)
+            }, null, 44, Ta))), 256))
+          ])) : (r(), c("g", za, [
+            (r(!0), c(Z, null, K(t.plots, (o, u) => (r(), ae(et, {
+              plot: { x: o.x, y: o.y },
+              radius: Y.value && Y.value === o.id ? o.weight * 2 : o.weight,
               shape: t.shape,
-              color: c(Pe)(t.color, e.value.style.layout.plots.opacity * 100),
+              color: y(Oe)(t.color, e.value.style.layout.plots.opacity * 100),
               stroke: e.value.style.layout.plots.stroke,
               strokeWidth: e.value.style.layout.plots.strokeWidth,
-              style: ue(`opacity:${Y.value && Y.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / bt.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
-              onMouseover: (i) => je(a, o),
-              onMouseleave: (i) => Ae(a, o),
-              onClick: (i) => Ue(a, o)
+              style: ue(`opacity:${Y.value && Y.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / kt.value : e.value.style.layout.plots.significance.show && Math.abs(o.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
+              onMouseover: (i) => Ve(o, s),
+              onMouseleave: (i) => Ae(o, s),
+              onClick: (i) => je(o, s)
             }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "style", "onMouseover", "onMouseleave", "onClick"]))), 256))
           ]))
         ]))), 256)),
-        e.value.usePerformanceMode ? (r(), y(Z, { key: 5 }, [
+        e.value.usePerformanceMode ? (r(), c(Z, { key: 5 }, [
           w("g", {
-            "clip-path": `url(#clip_path_${N.value})`
+            "clip-path": `url(#clip_path_${I.value})`
           }, [
-            (r(!0), y(Z, null, J(sl.value, (t) => (r(), y("path", {
+            (r(!0), c(Z, null, K(il.value, (t) => (r(), c("path", {
               key: t.id,
               d: t.d,
               fill: t.fill,
@@ -1155,14 +1171,14 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               "stroke-opacity": t.strokeOpacity,
               "vector-effect": "non-scaling-stroke",
               "paint-order": "fill"
-            }, null, 8, Ta))), 128))
-          ], 8, Ba),
-          f.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", za, [
-            _e(Ke, {
-              shape: f.value.shape || "circle",
-              color: f.value.color,
-              plot: { x: f.value.x, y: f.value.y },
-              radius: Math.max(4 * Ct[f.value.shape || "circle"], f.value.weight * 2),
+            }, null, 8, Oa))), 128))
+          ], 8, Pa),
+          p.value && e.value.style.layout.plots.selectors.show ? (r(), c("g", Da, [
+            _e(et, {
+              shape: p.value.shape || "circle",
+              color: p.value.color,
+              plot: { x: p.value.x, y: p.value.y },
+              radius: Math.max(4 * Ct[p.value.shape || "circle"], p.value.weight * 2),
               stroke: e.value.style.layout.plots.stroke,
               strokeWidth: e.value.style.layout.plots.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])
@@ -1173,206 +1189,206 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["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(St) && c(St)(...t)),
-            onMouseleave: ul,
-            onClick: il
-          }, null, 40, Pa)
+            onMousemove: a[2] || (a[2] = (...t) => y(At) && y(At)(...t)),
+            onMouseleave: vl,
+            onClick: cl
+          }, null, 40, Ea)
         ], 64)) : x("", !0),
-        f.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", Oa, [
+        p.value && e.value.style.layout.plots.selectors.show ? (r(), c("g", Fa, [
           w("line", {
             x1: O.value.x,
-            x2: f.value.x,
-            y1: f.value.y,
-            y2: f.value.y,
+            x2: p.value.x,
+            y1: p.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, Da),
+          }, null, 8, Wa),
           w("line", {
-            x1: f.value.x,
-            x2: f.value.x,
+            x1: p.value.x,
+            x2: p.value.x,
             y1: O.value.y,
-            y2: f.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, Ea),
+          }, null, 8, Na),
           w("text", {
-            x: O.value.x + (f.value.x > O.value.x ? -6 : 6),
-            y: f.value.y + e.value.style.layout.plots.selectors.labels.fontSize / 3,
+            x: O.value.x + (p.value.x > O.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": f.value.x > O.value.x ? "end" : "start"
-          }, G(c(ie)(
+            "text-anchor": p.value.x > O.value.x ? "end" : "start"
+          }, G(y(ie)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            c(q)(f.value.v.y),
-            c(K)({
+            y(q)(p.value.v.y),
+            y(ee)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(q)(f.value.v.y),
+              v: y(q)(p.value.v.y),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.plots.selectors.labels.rounding
             }),
-            { datapoint: f.value }
-          )), 9, Fa),
+            { datapoint: p.value }
+          )), 9, Ia),
           w("text", {
-            x: f.value.x,
-            y: O.value.y + (f.value.y > O.value.y ? -6 : e.value.style.layout.plots.selectors.labels.fontSize + 6),
+            x: p.value.x,
+            y: O.value.y + (p.value.y > O.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(ie)(
+          }, G(y(ie)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            c(q)(f.value.v.x),
-            c(K)({
+            y(q)(p.value.v.x),
+            y(ee)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(q)(f.value.v.x),
+              v: y(q)(p.value.v.x),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.plots.selectors.labels.rounding
             }),
-            { datapoint: f.value }
-          )), 9, Wa),
+            { datapoint: p.value }
+          )), 9, Xa),
           w("circle", {
             cx: O.value.x,
-            cy: f.value.y,
+            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, Na),
+          }, null, 8, Ya),
           w("circle", {
-            cx: f.value.x,
+            cx: p.value.x,
             cy: O.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, Ia),
-          e.value.style.layout.plots.selectors.labels.showName ? (r(), y("text", {
+          }, null, 8, Ra),
+          e.value.style.layout.plots.selectors.labels.showName ? (r(), c("text", {
             key: 0,
-            x: f.value.x,
-            y: f.value.y + (f.value.y < O.value.y ? -e.value.style.layout.plots.selectors.labels.fontSize / 2 : e.value.style.layout.plots.selectors.labels.fontSize),
+            x: p.value.x,
+            y: p.value.y + (p.value.y < O.value.y ? -e.value.style.layout.plots.selectors.labels.fontSize / 2 : e.value.style.layout.plots.selectors.labels.fontSize),
             "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": f.value.x < n.value.left + 100 ? "start" : f.value.x > n.value.right - 100 ? "end" : f.value.x > O.value.x ? "start" : "end"
-          }, G(f.value.v.name), 9, Xa)) : x("", !0)
+            "text-anchor": p.value.x < n.value.left + 100 ? "start" : p.value.x > n.value.right - 100 ? "end" : p.value.x > O.value.x ? "start" : "end"
+          }, G(p.value.v.name), 9, Ua)) : x("", !0)
         ])) : x("", !0),
-        e.value.style.layout.dataLabels.xAxis.show ? (r(), y("g", {
+        e.value.style.layout.dataLabels.xAxis.show ? (r(), c("g", {
           key: 7,
           ref_key: "xAxisLabelLeft",
-          ref: Fe
+          ref: We
         }, [
           w("text", {
-            id: `vue-ui-scatter-xAxis-label-${N.value}`,
+            id: `vue-ui-scatter-xAxis-label-${I.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, Ya),
+          }, G(e.value.style.layout.dataLabels.xAxis.name), 9, Va),
           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}, ${O.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
-          }, G(c(ie)(
+          }, G(y(ie)(
             e.value.style.layout.plots.selectors.labels.x.formatter,
-            c(q)(P.value.xMin),
-            c(K)({
+            y(q)(P.value.xMin),
+            y(ee)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(q)(P.value.xMin),
+              v: y(q)(P.value.xMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.xAxis.rounding
             })
-          )), 9, Ra)
+          )), 9, ja)
         ], 512)) : x("", !0),
-        e.value.style.layout.dataLabels.xAxis.show ? (r(), y("text", {
+        e.value.style.layout.dataLabels.xAxis.show ? (r(), c("text", {
           key: 8,
           ref_key: "xAxisLabelRight",
-          ref: qt,
+          ref: Ht,
           "text-anchor": "middle",
           transform: `translate(${n.value.right + e.value.style.layout.padding.right + 6}, ${O.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`,
           "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
           fill: e.value.style.layout.dataLabels.xAxis.color
-        }, G(c(ie)(
+        }, G(y(ie)(
           e.value.style.layout.plots.selectors.labels.x.formatter,
-          c(q)(P.value.xMax),
-          c(K)({
+          y(q)(P.value.xMax),
+          y(ee)({
             p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: c(q)(P.value.xMax),
+            v: y(q)(P.value.xMax),
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.xAxis.rounding
           })
-        )), 9, ja)) : x("", !0),
-        e.value.style.layout.dataLabels.yAxis.show ? (r(), y("text", {
+        )), 9, Ga)) : x("", !0),
+        e.value.style.layout.dataLabels.yAxis.show ? (r(), c("text", {
           key: 9,
           ref_key: "yAxisLabelTop",
-          ref: Ht,
+          ref: Zt,
           x: O.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(ie)(
+        }, G(y(ie)(
           e.value.style.layout.plots.selectors.labels.y.formatter,
-          c(q)(P.value.yMax),
-          c(K)({
+          y(q)(P.value.yMax),
+          y(ee)({
             p: e.value.style.layout.plots.selectors.labels.prefix,
-            v: c(q)(P.value.yMax),
+            v: y(q)(P.value.yMax),
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.yAxis.rounding
           })
-        )), 9, Ua)) : x("", !0),
-        e.value.style.layout.dataLabels.yAxis.show ? (r(), y("g", {
+        )), 9, qa)) : x("", !0),
+        e.value.style.layout.dataLabels.yAxis.show ? (r(), c("g", {
           key: 10,
           ref_key: "yAxisLabelBottom",
-          ref: We
+          ref: Ne
         }, [
           w("text", {
             x: O.value.x,
-            y: F.value.height - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+            y: W.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(ie)(
+          }, G(y(ie)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            c(q)(P.value.yMin),
-            c(K)({
+            y(q)(P.value.yMin),
+            y(ee)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(q)(P.value.yMin),
+              v: y(q)(P.value.yMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.yAxis.rounding
             })
-          )), 9, Va),
+          )), 9, Ha),
           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: F.value.height
-          }, G(e.value.style.layout.dataLabels.yAxis.name), 9, Ga)
+            y: W.value.height
+          }, G(e.value.style.layout.dataLabels.yAxis.name), 9, Za)
         ], 512)) : x("", !0),
         w("clipPath", {
-          id: `clip_path_${N.value}`
+          id: `clip_path_${I.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, Ha)
-        ], 8, qa),
-        e.value.style.layout.correlation.show ? (r(), y("g", Za, [
-          (r(!0), y(Z, null, J(U.value, (t, o) => (r(), y("line", {
+          }, null, 8, Ja)
+        ], 8, Qa),
+        e.value.style.layout.correlation.show ? (r(), c("g", Ka, [
+          (r(!0), c(Z, null, K(V.value, (t, s) => (r(), c("line", {
             x1: t.correlation.x1,
             x2: t.correlation.x2,
             y1: t.correlation.y1,
@@ -1380,10 +1396,10 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["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_${N.value})`
-          }, null, 8, Qa))), 256)),
-          (r(!0), y(Z, null, J(U.value, (t, o) => (r(), y("g", null, [
-            e.value.style.layout.correlation.label.show ? (r(), y("text", {
+            "clip-path": `url(#clip_path_${I.value})`
+          }, null, 8, eo))), 256)),
+          (r(!0), c(Z, null, K(V.value, (t, s) => (r(), c("g", null, [
+            e.value.style.layout.correlation.label.show ? (r(), c("text", {
               key: 0,
               x: t.correlation.x2,
               y: t.correlation.y2,
@@ -1391,66 +1407,66 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               "text-anchor": "end",
               "font-size": e.value.style.layout.correlation.label.fontSize,
               "font-weight": e.value.style.layout.correlation.label.bold ? "bold" : "normal"
-            }, G(c(K)({
-              v: c(q)(t.correlation.coefficient),
+            }, G(y(ee)({
+              v: y(q)(t.correlation.coefficient),
               r: e.value.style.layout.correlation.label.roundingValue
-            })), 9, Ja)) : x("", !0)
+            })), 9, to)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
         R(l.$slots, "svg", {
           svg: {
-            ...F.value,
+            ...W.value,
             drawingArea: {
               ...n.value,
               zero: O.value
             },
-            data: Se.value
+            data: Ce.value
           }
         }, void 0, !0)
-      ], 46, Zl)),
-      l.$slots.watermark ? (r(), y("div", Ka, [
-        R(l.$slots, "watermark", pe(fe({ isPrinting: c(pt) || c(ft) })), void 0, !0)
+      ], 46, Kl)),
+      l.$slots.watermark ? (r(), c("div", lo, [
+        R(l.$slots, "watermark", fe(pe({ isPrinting: y(pt) || y(gt) })), void 0, !0)
       ])) : x("", !0),
       w("div", {
-        id: `legend-bottom-${N.value}`
-      }, null, 8, eo),
-      rt.value ? (r(), le(gl, {
+        id: `legend-bottom-${I.value}`
+      }, null, 8, ao),
+      vt.value ? (r(), ae(bl, {
         key: 5,
-        to: e.value.style.legend.position === "top" ? `#legend-top-${N.value}` : `#legend-bottom-${N.value}`
+        to: e.value.style.legend.position === "top" ? `#legend-top-${I.value}` : `#legend-bottom-${I.value}`
       }, [
         w("div", {
           ref_key: "chartLegend",
-          ref: at
+          ref: ot
         }, [
-          e.value.style.legend.show ? (r(), le(jl, {
-            key: `legend_${it.value}`,
-            legendSet: oe.value,
-            config: Jt.value,
-            onClickMarker: s[3] || (s[3] = ({ legend: t }) => wt(t.id))
+          e.value.style.legend.show ? (r(), ae(Gl, {
+            key: `legend_${rt.value}`,
+            legendSet: J.value,
+            config: Kt.value,
+            onClickMarker: a[3] || (a[3] = ({ legend: t }) => Le(t.id))
           }, {
-            item: W(({ legend: t }) => [
+            item: N(({ legend: t }) => [
               w("div", {
-                onClick: (o) => t.segregate(),
-                style: ue(`opacity:${I.value.includes(t.id) ? 0.5 : 1}`)
-              }, G(t.name), 13, to)
+                onClick: (s) => t.segregate(),
+                style: ue(`opacity:${F.value.includes(t.id) ? 0.5 : 1}`)
+              }, G(t.name), 13, oo)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : R(l.$slots, "legend", {
             key: 1,
-            legend: oe.value
+            legend: J.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : x("", !0),
-      l.$slots.source ? (r(), y("div", {
+      l.$slots.source ? (r(), c("div", {
         key: 6,
         ref_key: "source",
-        ref: ot,
+        ref: st,
         dir: "auto"
       }, [
         R(l.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
-      _e(c(Nt), {
-        show: H.value.showTooltip && Oe.value,
+      _e(y(It), {
+        show: H.value.showTooltip && De.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -1460,8 +1476,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
-        parent: te.value,
-        content: De.value,
+        parent: le.value,
+        content: Ee.value,
         isFullscreen: re.value,
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
         smooth: e.value.style.tooltip.smooth,
@@ -1469,18 +1485,18 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         smoothForce: e.value.style.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": W(() => [
-          R(l.$slots, "tooltip-before", pe(fe({ ...Re.value })), void 0, !0)
+        "tooltip-before": N(() => [
+          R(l.$slots, "tooltip-before", fe(pe({ ...Ue.value })), void 0, !0)
         ]),
-        "tooltip-after": W(() => [
-          R(l.$slots, "tooltip-after", pe(fe({ ...Re.value })), void 0, !0)
+        "tooltip-after": N(() => [
+          R(l.$slots, "tooltip-after", fe(pe({ ...Ue.value })), void 0, !0)
         ]),
-        default: W(() => [
-          e.value.style.tooltip.showShape ? (r(), y("div", lo, [
-            (r(), y("svg", ao, [
-              _e(Ke, {
-                shape: f.value.shape,
-                color: f.value.color,
+        default: N(() => [
+          e.value.style.tooltip.showShape ? (r(), c("div", so, [
+            (r(), c("svg", no, [
+              _e(et, {
+                shape: p.value.shape,
+                color: p.value.color,
                 plot: { x: 10, y: 10 },
                 radius: 7
               }, null, 8, ["shape", "color"])
@@ -1489,32 +1505,32 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      et.value && e.value.userOptions.buttons.table ? (r(), le(ml(be.value.component), xl({ key: 7 }, be.value.props, {
+      tt.value && e.value.userOptions.buttons.table ? (r(), ae(kl(be.value.component), wl({ key: 7 }, be.value.props, {
         ref_key: "tableUnit",
         ref: xe,
-        onClose: At
-      }), zt({
-        content: W(() => [
-          (r(), le(c(Yt), {
-            key: `table_${ut.value}`,
-            colNames: Le.value.colNames,
-            head: Le.value.head,
-            body: Le.value.body,
-            config: Le.value.config,
+        onClose: Lt
+      }), Pt({
+        content: N(() => [
+          (r(), ae(y(Rt), {
+            key: `table_${it.value}`,
+            colNames: Be.value.colNames,
+            head: Be.value.head,
+            body: Be.value.body,
+            config: Be.value.config,
             title: e.value.table.useDialog ? "" : be.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: At
+            onClose: Lt
           }, {
-            th: W(({ th: t }) => [
-              Pt(G(t), 1)
+            th: N(({ th: t }) => [
+              Ot(G(t), 1)
             ]),
-            td: W(({ td: t }) => [
-              t.shape ? (r(), y("div", oo, [
+            td: N(({ td: t }) => [
+              t.shape ? (r(), c("div", uo, [
                 w("span", null, G(t.content), 1)
-              ])) : (r(), y("div", {
+              ])) : (r(), c("div", {
                 key: 1,
                 innerHTML: t
-              }, null, 8, so))
+              }, null, 8, io))
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1523,20 +1539,20 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: W(() => [
-            Pt(G(be.value.title), 1)
+          fn: N(() => [
+            Ot(G(be.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: W(() => [
+          fn: N(() => [
             w("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: s[4] || (s[4] = (t) => Ve(e.value.userOptions.callbacks.csv))
+              onClick: a[4] || (a[4] = (t) => Ge(e.value.userOptions.callbacks.csv))
             }, [
-              _e(c(It), {
+              _e(y(Xt), {
                 name: "excel",
                 stroke: be.value.props.color
               }, null, 8, ["stroke"])
@@ -1545,10 +1561,10 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           key: "1"
         } : void 0
       ]), 1040)) : x("", !0),
-      c(vt) ? (r(), le(Wl, { key: 8 })) : x("", !0)
-    ], 46, ql));
+      y(ct) ? (r(), ae(Xl, { key: 8 })) : x("", !0)
+    ], 46, Ql));
   }
-}, $o = /* @__PURE__ */ Gl(no, [["__scopeId", "data-v-85c86e6f"]]);
+}, So = /* @__PURE__ */ Zl(ro, [["__scopeId", "data-v-1efed8d6"]]);
 export {
-  $o as default
+  So as default
 };