vue-data-ui 3.3.3 → 3.4.0

package/dist/{vue-ui-scatter-BLW4MJtJ.js → vue-ui-scatter-DqZwonPL.js}

@@ -1,19 +1,19 @@
-import { defineAsyncComponent as ne, computed as T, ref as M, toRefs as hl, watch as Te, 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 X, renderSlot as U, normalizeProps as pe, guardReactiveProps as fe, Fragment as Z, renderList as K, 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 Je, e as $l, g as Dt, W as Ml, h as Ke, Z as Cl, U as Al, s as ze, X as Sl, Y as Ll, a as ie, q, d as Q, x as Bl, y as Tl, z as zl, A as Pl } from "./lib-CSDxt1Zh.js";
+import { defineAsyncComponent as ne, computed as T, ref as M, toRefs as hl, watch as Te, 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 X, renderSlot as j, 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 Al, s as ze, X as Sl, 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-BcBZIm6u.js";
 import { t as Ol, u as Dl } from "./useResponsive-DfdjqQps.js";
-import { u as El, a as Et } from "./useNestedProp-Dh-ldrr5.js";
+import { u as El, a as Et } from "./useNestedProp-B7CiTRDS.js";
 import { u as Fl, B as Wl } from "./BaseScanner-BgWxam9d.js";
-import { u as Nl } from "./usePrinter-Cq8Pt6Lh.js";
+import { u as Nl } from "./usePrinter-C1GiglOH.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-Dw-dDudK.js";
-import Ul from "./Legend-CCBZ2x8T.js";
-import jl from "./Title-B6rAo9Oz.js";
-import { _ as Qe } from "./Shape-BS9UGhNq.js";
-import Vl from "./img-DI-W68vp.js";
+import jl from "./Legend-C8u37J42.js";
+import Ul from "./Title-CFmv95In.js";
+import { _ as Ke } from "./Shape-BhNvlGIN.js";
+import Vl from "./img-CFY3JivG.js";
 import { _ as Gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "height"], Kl = { key: 1 }, Ql = ["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 = {
+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 = {
   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 = {
@@ -28,10 +28,10 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
 }, Pa = ["x", "y", "width", "height"], Oa = {
   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"], Ua = ["transform", "font-size", "fill"], ja = ["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 = {
+}, 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 = {
   key: 11,
   style: { pointerEvents: "none" }
-}, Ja = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], Ka = ["x", "y", "fill", "font-size", "font-weight"], Qa = {
+}, Qa = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], Ja = ["x", "y", "fill", "font-size", "font-weight"], Ka = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, eo = ["id"], to = ["onClick"], lo = {
@@ -59,7 +59,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
     }
   },
   setup(Ft, { expose: Wt }) {
-    const Nt = ne(() => import("./Tooltip-DaInVNiV.js")), It = ne(() => import("./BaseIcon-DG6cvf2h.js")), Xt = ne(() => import("./vue-ui-accordion-CaClZrCp.js")), Yt = ne(() => import("./DataTable-DUpZ_s2c.js")), Rt = ne(() => import("./PenAndPaper-D9LruJaM.js")), Ut = ne(() => import("./UserOptions-CJXSEhan.js")), jt = ne(() => import("./PackageVersion-CQvYRebC.js")), Vt = ne(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_scatter: Gt } = El(), ee = Ft, et = T(() => !!ee.dataset && ee.dataset.length), W = M(kl()), Pe = M(!1), Oe = 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), N = M([]), rt = M(!1), ge = M(null), me = M(null), xe = M(null), De = M(null), Ee = M(null), qt = M(null), Ht = M(null), Fe = M(null), e = M(Xe());
+    const Nt = ne(() => import("./Tooltip-Cs4v8OnI.js")), It = ne(() => import("./BaseIcon-B5KaGWWC.js")), Xt = ne(() => import("./vue-ui-accordion-BKkTS12x.js")), Yt = ne(() => import("./DataTable-DOx3zgih.js")), Rt = ne(() => import("./PenAndPaper-Dj2diYr0.js")), jt = ne(() => import("./UserOptions-C0YT60JN.js")), Ut = ne(() => import("./PackageVersion-DyDViSOy.js")), Vt = ne(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_scatter: Gt } = El(), ee = Ft, et = T(() => !!ee.dataset && ee.dataset.length), W = M(kl()), Pe = M(!1), Oe = 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), N = M([]), rt = M(!1), ge = M(null), me = M(null), xe = M(null), De = M(null), Ee = M(null), qt = M(null), Ht = M(null), Fe = M(null), e = M(Xe());
     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;
@@ -71,7 +71,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
       }, d = l / 2, $ = Array.from({ length: d }, L), O = Array.from({ length: d }, L), C = (m) => m.reduce((D, _e) => D + _e, 0) / m.length, z = C($), I = C(O);
       for (let m = 0; m < d; m += 1)
         $[m] -= z, O[m] -= I;
-      const B = (m, D) => m.reduce((_e, Be, Ze) => _e + Be * D[Ze], 0), _ = (m) => B(m, m), h = B(O, $) / _($), S = O.map((m, D) => m - h * $[D]), V = _($) / d, J = _(S) / d, se = Math.sqrt((1 - s * s) * V / J), R = $.map((m, D) => s * m + se * S[D]), ve = $.concat($.map((m) => -m)), He = R.concat(R.map((m) => -m)), ke = (m) => Math.sqrt(_(m) / m.length), de = (m, D, _e) => {
+      const B = (m, D) => m.reduce((_e, Be, Ze) => _e + Be * D[Ze], 0), _ = (m) => B(m, m), h = B(O, $) / _($), S = O.map((m, D) => m - h * $[D]), V = _($) / d, Q = _(S) / d, se = Math.sqrt((1 - s * s) * V / Q), R = $.map((m, D) => s * m + se * S[D]), ve = $.concat($.map((m) => -m)), He = R.concat(R.map((m) => -m)), ke = (m) => Math.sqrt(_(m) / m.length), de = (m, D, _e) => {
         const Be = ke(m);
         return m.map((Ze) => _e + (Be ? Ze / Be * D : 0));
       }, he = de(ve, a, o), we = de(He, i, u);
@@ -158,7 +158,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
     });
     const dt = T(() => !!e.value.debug);
     function ht() {
-      if (Ot(ee.dataset) && (Je({
+      if (Ot(ee.dataset) && (Qe({
         componentName: "VueUiScatter",
         type: "dataset",
         debug: dt.value
@@ -185,7 +185,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
       elementId: `vue-ui-scatter_${W.value}`,
       fileName: e.value.style.title.text || "vue-ui-scatter",
       options: e.value.userOptions.print
-    }), Jt = T(() => e.value.userOptions.show && !e.value.style.title.text), xt = T(() => $l(e.value.customPalette)), H = M({
+    }), Qt = T(() => e.value.userOptions.show && !e.value.style.title.text), xt = T(() => $l(e.value.customPalette)), H = M({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
@@ -214,7 +214,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
           datasetObject: a,
           requiredAttributes: ["values"]
         }).forEach((i) => {
-          Je({
+          Qe({
             componentName: "VueUiScatter",
             type: "datasetSerieAttribute",
             property: i,
@@ -225,7 +225,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
             datasetObject: i,
             requiredAttributes: ["x", "y"]
           }).forEach((v) => {
-            Je({
+            Qe({
               componentName: "VueUiScatter",
               type: "datasetSerieAttribute",
               property: `values.${v}`,
@@ -254,7 +254,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         segregate: () => wt(t),
         isSegregated: N.value.includes(t)
       };
-    })), Kt = T(() => ({
+    })), Jt = T(() => ({
       cy: "scatter-div-legend",
       backgroundColor: e.value.style.legend.backgroundColor,
       color: e.value.style.legend.color,
@@ -275,7 +275,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         id: `plot_${W.value}_${Math.random()}`,
         weight: t.weight ?? e.value.style.layout.plots.radius
       }))
-    })).filter((l) => !N.value.includes(l.id))), j = T(() => {
+    })).filter((l) => !N.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) => {
           Number.isFinite(_) && Number.isFinite(h) && L.push({ x: _, y: h });
@@ -288,8 +288,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         let z = C[0], I = C[1], B = 0;
         for (let _ = 0; _ < C.length; _ += 1)
           for (let h = _ + 1; h < C.length; h += 1) {
-            const S = C[_].x - C[h].x, V = C[_].y - C[h].y, J = S * S + V * V;
-            J > B && (B = J, z = C[_], I = C[h]);
+            const S = C[_].x - C[h].x, V = C[_].y - C[h].y, Q = S * S + V * V;
+            Q > B && (B = Q, z = C[_], I = C[h]);
           }
         return { x1: z.x, y1: z.y, x2: I.x, y2: I.y };
       };
@@ -309,13 +309,13 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         if (o >= 2) {
           let h = 0, S = 0;
           O ? (h = t.plots.reduce((R, ve) => R + ve.v.x, 0) / o, S = t.plots.reduce((R, ve) => R + ve.v.y, 0) / o) : (h = a, S = -u);
-          let V = 0, J = 0, se = 0;
+          let V = 0, Q = 0, se = 0;
           for (const R of t.plots) {
             const ve = O ? R.v.x : R.x, He = O ? R.v.y : -R.y, ke = ve - h, de = He - S;
-            V += ke * de, J += ke * ke, se += de * de;
+            V += ke * de, Q += ke * ke, se += de * de;
           }
-          if (J >= 1e-9 && se >= 1e-9) {
-            const R = V / Math.sqrt(J * se);
+          if (Q >= 1e-9 && se >= 1e-9) {
+            const R = V / Math.sqrt(Q * se);
             C = Math.max(-1, Math.min(1, R));
           }
         }
@@ -329,13 +329,13 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
               ...h,
               deviation: 0,
               shape: t.shape,
-              color: Ke(t.color)
+              color: Je(t.color)
             }))
           };
         const I = (z.x1 + z.x2) / 2, B = (z.y1 + z.y2) / 2, _ = { x: I, y: B };
         return {
           ...t,
-          color: Ke(t.color),
+          color: Je(t.color),
           correlation: {
             ...z,
             coefficient: C
@@ -344,19 +344,19 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
           plots: t.plots.map((h) => {
             let S, V;
             L !== null ? (S = L, V = h.y) : Math.abs(d) < 1e-9 ? (S = h.x, V = $) : (S = (h.x + d * h.y - d * $) / (1 + d * d), V = (d * h.x + d * d * h.y + $) / (1 + d * d));
-            const J = h.x - S, se = h.y - V, R = Math.sqrt(J * J + se * se);
+            const Q = h.x - S, se = h.y - V, R = Math.sqrt(Q * Q + se * se);
             return {
               ...h,
               deviation: R,
               shape: t.shape,
-              color: Ke(t.color)
+              color: Je(t.color)
             };
           })
         };
       });
-    }), bt = T(() => Math.max(...j.value.flatMap((l) => l.plots.map((s) => Math.abs(s.deviation)))));
-    function Qt() {
-      return j.value;
+    }), bt = T(() => Math.max(...U.value.flatMap((l) => l.plots.map((s) => Math.abs(s.deviation)))));
+    function Kt() {
+      return U.value;
     }
     function kt(l, s) {
       const t = Array.isArray(l) ? l.flatMap((B) => B.plots.map((_) => ({
@@ -400,30 +400,30 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         };
       });
     }), Y = M(void 0), f = M(null), Re = M(null);
-    function Ue(l, s) {
+    function je(l, s) {
       Y.value = l.id, f.value = l;
       let t = "";
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s }), Re.value = {
         datapoint: l,
         seriesIndex: s,
-        series: j.value,
+        series: U.value,
         config: e.value
       };
       const o = e.value.style.tooltip.customFormat;
       zl(o) && Pl(() => o({
         datapoint: l,
         seriesIndex: s,
-        series: j.value,
+        series: U.value,
         config: e.value
       })) ? Oe.value = o({
         datapoint: l,
         seriesIndex: s,
-        series: j.value,
+        series: U.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,
-        Q({
+        K({
           p: e.value.style.tooltip.prefix,
           v: l.v.x,
           s: e.value.style.tooltip.suffix,
@@ -433,14 +433,14 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
       )}</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,
-        Q({
+        K({
           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>${Q({
+      )}</b></div>`, t += `${e.value.style.layout.plots.deviation.translation}: <b>${K({
         v: l.deviation,
         r: e.value.style.layout.plots.deviation.roundingValue
       })}</b>`, t += "</div>", Oe.value = `<div>${t}</div>`), Pe.value = !0;
@@ -448,7 +448,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
     function Ae(l, s) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s }), Pe.value = !1, Y.value = void 0, f.value = null;
     }
-    function je(l, s) {
+    function Ue(l, s) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
     }
     function wt(l) {
@@ -456,7 +456,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
     }
     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 = j.value.map((u) => [
+        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) => [
           u.name,
           u.correlation.coefficient,
           u.plots.length,
@@ -473,7 +473,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         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 = j.value.map((o) => [
+      ], s = U.value.map((o) => [
         {
           shape: o.shape,
           content: o.name,
@@ -601,7 +601,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
     const sl = 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 j.value.map((d) => {
+      return U.value.map((d) => {
         const $ = [];
         for (const C of d.plots) {
           const z = C.x, I = C.y;
@@ -636,13 +636,13 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         if (!o) return;
         const a = o.inverse(), u = t.matrixTransform(a), i = 8, p = i * i;
         let v = null, g = 1 / 0, L = -1;
-        if (j.value.forEach((d, $) => {
+        if (U.value.forEach((d, $) => {
           d.plots.forEach((O) => {
             const C = O.x - u.x, z = O.y - u.y, I = C * C + z * z;
             I <= p && I < g && (g = I, v = O, L = $);
           });
         }), v)
-          Y.value !== v.id && (Y.value = v.id, Ue(v, L));
+          Y.value !== v.id && (Y.value = v.id, je(v, L));
         else if (Y.value) {
           const d = f.value;
           Y.value = void 0, Ae(d, L);
@@ -659,8 +659,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
     function il(l) {
       const s = f.value;
       if (s) {
-        const t = j.value.findIndex((o) => o.id === s.clusterId);
-        je(s, t >= 0 ? t : 0);
+        const t = U.value.findIndex((o) => o.id === s.clusterId);
+        Ue(s, t >= 0 ? t : 0);
       }
     }
     const be = T(() => {
@@ -714,7 +714,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         cl();
     }
     return Wt({
-      getData: Qt,
+      getData: Kt,
       getImage: tl,
       generatePdf: gt,
       generateCsv: Ve,
@@ -741,7 +741,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         active: Le.value,
         onClose: Ge
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : x("", !0),
-      Jt.value ? (r(), y("div", {
+      Qt.value ? (r(), y("div", {
         key: 1,
         ref_key: "noTitle",
         ref: st,
@@ -754,7 +754,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         ref: lt,
         style: "width:100%;background:transparent"
       }, [
-        (r(), le(jl, {
+        (r(), le(Ul, {
           key: `title_${nt.value}`,
           config: {
             title: {
@@ -771,7 +771,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
       w("div", {
         id: `legend-top-${W.value}`
       }, null, 8, Hl),
-      e.value.userOptions.show && et.value && (c(ct) || c(Ie)) ? (r(), le(c(Ut), {
+      e.value.userOptions.show && et.value && (c(ct) || c(Ie)) ? (r(), le(c(jt), {
         ref_key: "userOptionsRef",
         ref: De,
         key: `user_options_${tt.value}`,
@@ -812,56 +812,56 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: X(({ isOpen: t, color: o }) => [
-            U(l.$slots, "menuIcon", pe(fe({ isOpen: t, color: o })), void 0, !0)
+            j(l.$slots, "menuIcon", pe(fe({ isOpen: t, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: X(() => [
-            U(l.$slots, "optionTooltip", {}, void 0, !0)
+            j(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
           fn: X(() => [
-            U(l.$slots, "optionPdf", {}, void 0, !0)
+            j(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
           fn: X(() => [
-            U(l.$slots, "optionCsv", {}, void 0, !0)
+            j(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
           fn: X(() => [
-            U(l.$slots, "optionImg", {}, void 0, !0)
+            j(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
           fn: X(() => [
-            U(l.$slots, "optionTable", {}, void 0, !0)
+            j(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: X(({ toggleFullscreen: t, isFullscreen: o }) => [
-            U(l.$slots, "optionFullscreen", pe(fe({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
+            j(l.$slots, "optionFullscreen", pe(fe({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: X(({ toggleAnnotator: t, isAnnotator: o }) => [
-            U(l.$slots, "optionAnnotator", pe(fe({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
+            j(l.$slots, "optionAnnotator", pe(fe({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -875,7 +875,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         style: ue(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
         onMouseleave: qe
       }, [
-        $e(c(jt)),
+        $e(c(Ut)),
         l.$slots["chart-background"] ? (r(), y("foreignObject", {
           key: 0,
           x: 0,
@@ -886,9 +886,9 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
             pointerEvents: "none"
           }
         }, [
-          U(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Jl)) : x("", !0),
-        e.value.style.layout.axis.show ? (r(), y("g", Kl, [
+          j(l.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Ql)) : x("", !0),
+        e.value.style.layout.axis.show ? (r(), y("g", Jl, [
           w("line", {
             x1: F.value.x,
             x2: F.value.x,
@@ -897,7 +897,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
             stroke: e.value.style.layout.axis.stroke,
             "stroke-width": e.value.style.layout.axis.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Ql),
+          }, null, 8, Kl),
           w("line", {
             x1: n.value.left,
             x2: n.value.right,
@@ -943,7 +943,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
               }, null, 8, ua)
             ], 8, sa)
           ]),
-          (r(!0), y(Z, null, K(A.value.x, (t, o) => (r(), y("g", null, [
+          (r(!0), y(Z, null, J(A.value.x, (t, o) => (r(), y("g", null, [
             t && A.value.avgX[o] ? (r(), y("rect", {
               key: 0,
               x: A.value.avgX[o] - n.value.width / b.value / 2,
@@ -997,7 +997,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
               }, null, 8, da)
             ])) : x("", !0)
           ]))), 256)),
-          (r(!0), y(Z, null, K(A.value.y, (t, o) => (r(), y("g", null, [
+          (r(!0), y(Z, null, J(A.value.y, (t, o) => (r(), y("g", null, [
             t && A.value.avgY[o] ? (r(), y("rect", {
               key: 0,
               x: n.value.right + e.value.style.layout.marginalBars.offset,
@@ -1052,7 +1052,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
             ])) : x("", !0)
           ]))), 256)),
           e.value.style.layout.marginalBars.showLines ? (r(), y("g", ba, [
-            (r(!0), y(Z, null, K(el.value, (t) => (r(), y(Z, null, [
+            (r(!0), y(Z, null, J(el.value, (t) => (r(), y(Z, null, [
               N.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 0,
                 d: `M ${t.dX}`,
@@ -1093,7 +1093,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
           ])) : x("", !0)
         ])) : x("", !0),
         e.value.style.layout.plots.giftWrap.show ? (r(), y("g", Ma, [
-          (r(!0), y(Z, null, K(j.value, (t, o) => (r(), y("g", null, [
+          (r(!0), y(Z, null, J(U.value, (t, o) => (r(), y("g", null, [
             t.plots.length > 2 ? (r(), y("polygon", {
               key: 0,
               points: c(Ll)({ series: t.plots }),
@@ -1106,9 +1106,9 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
             }, null, 8, Ca)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
-        e.value.usePerformanceMode ? x("", !0) : (r(!0), y(Z, { key: 4 }, K(j.value, (t, o) => (r(), y("g", null, [
+        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", Aa, [
-            (r(!0), y(Z, null, K(t.plots, (a, u) => (r(), y("circle", {
+            (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,
@@ -1116,12 +1116,12 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
               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) => Ue(a, o),
+              onMouseover: (i) => je(a, o),
               onMouseleave: (i) => Ae(a, o),
-              onClick: (i) => je(a, o)
+              onClick: (i) => Ue(a, o)
             }, null, 44, Sa))), 256))
           ])) : (r(), y("g", La, [
-            (r(!0), y(Z, null, K(t.plots, (a, u) => (r(), le(Qe, {
+            (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,
               shape: t.shape,
@@ -1129,9 +1129,9 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
               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) => Ue(a, o),
+              onMouseover: (i) => je(a, o),
               onMouseleave: (i) => Ae(a, o),
-              onClick: (i) => je(a, o)
+              onClick: (i) => Ue(a, o)
             }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "style", "onMouseover", "onMouseleave", "onClick"]))), 256))
           ]))
         ]))), 256)),
@@ -1139,7 +1139,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
           w("g", {
             "clip-path": `url(#clip_path_${W.value})`
           }, [
-            (r(!0), y(Z, null, K(sl.value, (t) => (r(), y("path", {
+            (r(!0), y(Z, null, J(sl.value, (t) => (r(), y("path", {
               key: t.id,
               d: t.d,
               fill: t.fill,
@@ -1151,7 +1151,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
             }, null, 8, Ta))), 128))
           ], 8, Ba),
           f.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", za, [
-            $e(Qe, {
+            $e(Ke, {
               shape: f.value.shape || "circle",
               color: f.value.color,
               plot: { x: f.value.x, y: f.value.y },
@@ -1204,7 +1204,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
           }, G(c(ie)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
             c(q)(f.value.v.y),
-            c(Q)({
+            c(K)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: c(q)(f.value.v.y),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -1222,7 +1222,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
           }, G(c(ie)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
             c(q)(f.value.v.x),
-            c(Q)({
+            c(K)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: c(q)(f.value.v.x),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -1279,7 +1279,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
           }, G(c(ie)(
             e.value.style.layout.plots.selectors.labels.x.formatter,
             c(q)(P.value.xMin),
-            c(Q)({
+            c(K)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: c(q)(P.value.xMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -1298,13 +1298,13 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         }, G(c(ie)(
           e.value.style.layout.plots.selectors.labels.x.formatter,
           c(q)(P.value.xMax),
-          c(Q)({
+          c(K)({
             p: e.value.style.layout.plots.selectors.labels.prefix,
             v: c(q)(P.value.xMax),
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.xAxis.rounding
           })
-        )), 9, Ua)) : x("", !0),
+        )), 9, ja)) : x("", !0),
         e.value.style.layout.dataLabels.yAxis.show ? (r(), y("text", {
           key: 9,
           ref_key: "yAxisLabelTop",
@@ -1317,13 +1317,13 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         }, G(c(ie)(
           e.value.style.layout.plots.selectors.labels.y.formatter,
           c(q)(P.value.yMax),
-          c(Q)({
+          c(K)({
             p: e.value.style.layout.plots.selectors.labels.prefix,
             v: c(q)(P.value.yMax),
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.yAxis.rounding
           })
-        )), 9, ja)) : x("", !0),
+        )), 9, Ua)) : x("", !0),
         e.value.style.layout.dataLabels.yAxis.show ? (r(), y("g", {
           key: 10,
           ref_key: "yAxisLabelBottom",
@@ -1338,7 +1338,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
           }, G(c(ie)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
             c(q)(P.value.yMin),
-            c(Q)({
+            c(K)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
               v: c(q)(P.value.yMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
@@ -1365,7 +1365,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
           }, null, 8, Ha)
         ], 8, qa),
         e.value.style.layout.correlation.show ? (r(), y("g", Za, [
-          (r(!0), y(Z, null, K(j.value, (t, o) => (r(), y("line", {
+          (r(!0), y(Z, null, J(U.value, (t, o) => (r(), y("line", {
             x1: t.correlation.x1,
             x2: t.correlation.x2,
             y1: t.correlation.y1,
@@ -1374,8 +1374,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
             stroke: t.color,
             "stroke-width": e.value.style.layout.correlation.strokeWidth,
             "clip-path": `url(#clip_path_${W.value})`
-          }, null, 8, Ja))), 256)),
-          (r(!0), y(Z, null, K(j.value, (t, o) => (r(), y("g", null, [
+          }, 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", {
               key: 0,
               x: t.correlation.x2,
@@ -1384,16 +1384,16 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["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(Q)({
+            }, G(c(K)({
               v: c(q)(t.correlation.coefficient),
               r: e.value.style.layout.correlation.label.roundingValue
-            })), 9, Ka)) : x("", !0)
+            })), 9, Ja)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
-        U(l.$slots, "svg", { svg: E.value }, void 0, !0)
+        j(l.$slots, "svg", { svg: E.value }, void 0, !0)
       ], 46, Zl)),
-      l.$slots.watermark ? (r(), y("div", Qa, [
-        U(l.$slots, "watermark", pe(fe({ isPrinting: c(pt) || c(ft) })), void 0, !0)
+      l.$slots.watermark ? (r(), y("div", Ka, [
+        j(l.$slots, "watermark", pe(fe({ isPrinting: c(pt) || c(ft) })), void 0, !0)
       ])) : x("", !0),
       w("div", {
         id: `legend-bottom-${W.value}`
@@ -1406,10 +1406,10 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
           ref_key: "chartLegend",
           ref: at
         }, [
-          e.value.style.legend.show ? (r(), le(Ul, {
+          e.value.style.legend.show ? (r(), le(jl, {
             key: `legend_${it.value}`,
             legendSet: oe.value,
-            config: Kt.value,
+            config: Jt.value,
             onClickMarker: s[3] || (s[3] = ({ legend: t }) => wt(t.id))
           }, {
             item: X(({ legend: t }) => [
@@ -1419,7 +1419,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
               }, G(t.name), 13, to)
             ]),
             _: 1
-          }, 8, ["legendSet", "config"])) : U(l.$slots, "legend", {
+          }, 8, ["legendSet", "config"])) : j(l.$slots, "legend", {
             key: 1,
             legend: oe.value
           }, void 0, !0)
@@ -1431,7 +1431,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         ref: ot,
         dir: "auto"
       }, [
-        U(l.$slots, "source", {}, void 0, !0)
+        j(l.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
       $e(c(Nt), {
         show: H.value.showTooltip && Pe.value,
@@ -1454,15 +1454,15 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Jl = ["width", "heigh
         smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": X(() => [
-          U(l.$slots, "tooltip-before", pe(fe({ ...Re.value })), void 0, !0)
+          j(l.$slots, "tooltip-before", pe(fe({ ...Re.value })), void 0, !0)
         ]),
         "tooltip-after": X(() => [
-          U(l.$slots, "tooltip-after", pe(fe({ ...Re.value })), void 0, !0)
+          j(l.$slots, "tooltip-after", pe(fe({ ...Re.value })), void 0, !0)
         ]),
         default: X(() => [
           e.value.style.tooltip.showShape ? (r(), y("div", lo, [
             (r(), y("svg", ao, [
-              $e(Qe, {
+              $e(Ke, {
                 shape: f.value.shape,
                 color: f.value.color,
                 plot: { x: 10, y: 10 },