vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-scatter-Bevyh8s3.js → vue-ui-scatter-DcMnoNrY.js}

@@ -1,5 +1,5 @@
-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 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 Pe, 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-C_mNZmhD.js";
+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";
@@ -22,7 +22,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
 }, 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 = {
   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"], Aa = { key: 0 }, Sa = ["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 = {
+}, 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 = {
   key: 0,
   style: { "pointer-events": "none" }
 }, Pa = ["x", "y", "width", "height"], Oa = {
@@ -59,7 +59,7 @@ 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-CnzumGJj.js")), Ut = ne(() => import("./PackageVersion-BSldVhnp.js")), Vt = ne(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_scatter: Gt } = El(), ee = Ft, et = T(() => !!ee.dataset && ee.dataset.length), W = 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), N = 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());
+    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-D-auaEEJ.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;
@@ -68,12 +68,12 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         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($), I = C(D);
+      }, 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);
       for (let m = 0; m < d; m += 1)
-        $[m] -= z, D[m] -= I;
-      const B = (m, E) => m.reduce((_e, Te, Ze) => _e + Te * E[Ze], 0), _ = (m) => B(m, m), h = B(D, $) / _($), S = D.map((m, E) => m - h * $[E]), V = _($) / d, Q = _(S) / d, se = Math.sqrt((1 - s * s) * V / Q), R = $.map((m, E) => s * m + se * S[E]), ve = $.concat($.map((m) => -m)), He = R.concat(R.map((m) => -m)), ke = (m) => Math.sqrt(_(m) / m.length), de = (m, E, _e) => {
+        _[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));
+        return m.map((Ze) => $e + (Te ? Ze / Te * E : 0));
       }, he = de(ve, a, o), we = de(He, i, u);
       for (let m = he.length - 1; m > 0; m -= 1) {
         const E = Math.floor(g() * (m + 1));
@@ -136,7 +136,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           userConfig: Rl.vue_ui_scatter[l.theme] || ee.config,
           defaultConfig: l
         }),
-        customPalette: _l[l.theme] || ye
+        customPalette: $l[l.theme] || ye
       } : l;
     }
     ze(() => ee.config, (l) => {
@@ -182,10 +182,10 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       ae.value && (ce.value && ae.value.unobserve(ce.value), ae.value.disconnect());
     });
     const { isPrinting: pt, isImaging: ft, generatePdf: gt, generateImage: mt } = Nl({
-      elementId: `vue-ui-scatter_${W.value}`,
+      elementId: `vue-ui-scatter_${N.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({
+    }), 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
     });
@@ -234,13 +234,13 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           });
         });
       });
-      const l = Math.min(...oe.value.filter((a) => !N.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), s = Math.max(...oe.value.filter((a) => !N.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), t = Math.min(...oe.value.filter((a) => !N.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.y))), o = Math.max(...oe.value.filter((a) => !N.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.y)));
+      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 };
     }), 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_${W.value}_${s}`;
+      const t = `cluster_${N.value}_${s}`;
       return {
         ...l,
         values: Ml({
@@ -249,10 +249,10 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         }),
         id: t,
         color: l.color ? l.color : xt.value[s] || ye[s] || ye[s % ye.length],
-        opacity: N.value.includes(t) ? 0.5 : 1,
+        opacity: I.value.includes(t) ? 0.5 : 1,
         shape: l.shape ?? "circle",
         segregate: () => wt(t),
-        isSegregated: N.value.includes(t)
+        isSegregated: I.value.includes(t)
       };
     })), Jt = T(() => ({
       cy: "scatter-div-legend",
@@ -261,7 +261,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       fontSize: e.value.style.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.legend.bold ? "bold" : ""
-    })), Ae = T(() => oe.value.map((l, s) => ({
+    })), Se = T(() => oe.value.map((l, s) => ({
       ...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,
@@ -272,54 +272,54 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         },
         clusterName: l.name,
         color: l.color ? l.color : xt.value[s] || ye[s] || ye[s % ye.length],
-        id: `plot_${W.value}_${Math.random()}`,
+        id: `plot_${N.value}_${Math.random()}`,
         weight: t.weight ?? e.value.style.layout.plots.radius
       }))
-    })).filter((l) => !N.value.includes(l.id))), U = T(() => {
+    })).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) => {
-          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;
+        const { left: i, right: p, top: v, bottom: g } = a, 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 = [];
-        for (const _ of D)
-          C.some((h) => Math.abs(h.x - _.x) < 1e-6 && Math.abs(h.y - _.y) < 1e-6) || C.push(_);
+        const D = L.filter(_), C = [];
+        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], 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, Q = S * S + V * V;
-            Q > B && (B = Q, z = C[_], I = C[h]);
+        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]);
           }
-        return { x1: z.x, y1: z.y, x2: I.x, y2: I.y };
+        return { x1: z.x, y1: z.y, x2: X.x, y2: X.y };
       };
-      return Ae.value.map((t) => {
-        const o = t.plots.length, a = t.plots.reduce((h, S) => h + S.x, 0) / o, u = t.plots.reduce((h, S) => h + S.y, 0) / o;
+      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;
         for (const h of t.plots) {
-          const S = h.x - a, V = h.y - u;
-          i += S * V, p += S * S;
+          const A = h.x - a, V = h.y - u;
+          i += A * V, p += A * A;
         }
         let v, g, L = null;
         p < 1e-9 ? (L = a, v = 1 / 0, g = null) : (v = i / p, g = u - v * a);
-        let d, $;
-        L !== null ? (d = 1 / 0, $ = null) : (d = v, $ = g);
+        let d, _;
+        L !== null ? (d = 1 / 0, _ = null) : (d = v, _ = g);
         const D = t.plots.every((h) => h.v && typeof h.v.x == "number" && typeof h.v.y == "number");
         let C = NaN;
         if (o >= 2) {
-          let h = 0, S = 0;
-          D ? (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 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 R of t.plots) {
-            const ve = D ? R.v.x : R.x, He = D ? R.v.y : -R.y, ke = ve - h, de = He - S;
+          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;
           }
           if (Q >= 1e-9 && se >= 1e-9) {
-            const R = V / Math.sqrt(Q * se);
-            C = Math.max(-1, Math.min(1, R));
+            const j = V / Math.sqrt(Q * se);
+            C = Math.max(-1, Math.min(1, j));
           }
         }
-        const z = s({ m: d, b: $, rect: n.value, verticalX: L });
+        const z = s({ m: d, b: _, rect: n.value, verticalX: L });
         if (!z)
           return {
             ...t,
@@ -332,7 +332,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               color: Je(t.color)
             }))
           };
-        const I = (z.x1 + z.x2) / 2, B = (z.y1 + z.y2) / 2, _ = { x: I, y: B };
+        const X = (z.x1 + z.x2) / 2, B = (z.y1 + z.y2) / 2, $ = { x: X, y: B };
         return {
           ...t,
           color: Je(t.color),
@@ -340,14 +340,14 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             ...z,
             coefficient: C
           },
-          label: _,
+          label: $,
           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 Q = h.x - S, se = h.y - V, R = Math.sqrt(Q * Q + se * se);
+            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);
             return {
               ...h,
-              deviation: R,
+              deviation: j,
               shape: t.shape,
               color: Je(t.color)
             };
@@ -359,35 +359,35 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       return U.value;
     }
     function kt(l, s) {
-      const t = Array.isArray(l) ? l.flatMap((B) => B.plots.map((_) => ({
-        x: _.x,
-        y: _.y
+      const t = Array.isArray(l) ? l.flatMap((B) => B.plots.map(($) => ({
+        x: $.x,
+        y: $.y
       }))) : l.plots.map((B) => ({
         x: B.x,
         y: B.y
       }));
       let o = 1 / 0, a = -1 / 0, u = 1 / 0, i = -1 / 0;
-      t.forEach(({ x: B, y: _ }) => {
-        o = Math.min(o, B), a = Math.max(a, B), u = Math.min(u, _), i = Math.max(i, _);
+      t.forEach(({ x: B, y: $ }) => {
+        o = Math.min(o, B), a = Math.max(a, B), u = Math.min(u, $), i = Math.max(i, $);
       });
-      const p = a - o, v = i - u, g = p / s, L = v / s, d = Array(s).fill(0), $ = Array(s).fill(0);
-      t.forEach(({ x: B, y: _ }) => {
-        const h = Math.floor((B - o) / g), S = Math.floor((_ - u) / L);
-        d[h] || (d[h] = 0), $[S] || ($[S] = 0), d[h] += 1, $[S] += 1;
+      const p = a - o, v = i - u, g = p / s, L = v / s, d = Array(s).fill(0), _ = Array(s).fill(0);
+      t.forEach(({ x: B, y: $ }) => {
+        const h = Math.floor((B - o) / g), 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 z = Math.max(...d), I = Math.max(...$);
-      return { x: d, y: $, avgX: D, avgY: C, maxX: z, maxY: I };
+      const z = Math.max(...d), X = Math.max(..._);
+      return { x: d, y: _, avgX: D, avgY: C, maxX: z, maxY: X };
     }
-    const b = T(() => e.value.style.layout.marginalBars.tranches), A = T(() => kt(Ae.value, b.value)), el = T(() => {
+    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 Ae.value.map((t) => {
+      return Se.value.map((t) => {
         const o = kt(t, b.value);
         return {
           coords: o,
-          dX: Al(o.avgX.map((a, u) => ({
+          dX: Sl(o.avgX.map((a, u) => ({
             x: a,
             y: l - o.x[u] / o.maxX * e.value.style.layout.marginalBars.size
           }))),
@@ -445,14 +445,14 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         r: e.value.style.layout.plots.deviation.roundingValue
       })}</b>`, t += "</div>", De.value = `<div>${t}</div>`), Oe.value = !0;
     }
-    function Se(l, s) {
+    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 Ue(l, s) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
     }
     function wt(l) {
-      N.value.includes(l) ? N.value = N.value.filter((s) => s !== l) : N.value.length < Ne.value.length - 1 && N.value.push(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 Ve(l = null) {
       bl(() => {
@@ -498,10 +498,10 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       };
       return { head: l, body: s, config: t, colNames: l };
     }), re = M(!1);
-    function _t(l) {
+    function $t(l) {
       re.value = l, tt.value += 1;
     }
-    function $t() {
+    function _t() {
       H.value.showTable = !H.value.showTable;
     }
     function Mt() {
@@ -524,7 +524,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       };
     }
     function ll(l) {
-      ge.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (me.value = A.value.y.length - 2 - l);
+      ge.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (me.value = S.value.y.length - 2 - l);
     }
     function al(l) {
       me.value = l, e.value.style.layout.marginalBars.highlighter.highlightBothAxes && (ge.value = l);
@@ -602,23 +602,23 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       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 $ = [];
+        const _ = [];
         for (const C of d.plots) {
-          const z = C.x, I = C.y;
-          if (z < l || z > s || I < t || I > o) continue;
+          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({
+          _.push(ol({
             shape: d.shape || "circle",
             cx: z,
-            cy: I,
+            cy: X,
             r: B
           }));
         }
-        if (!$.length) return null;
+        if (!_.length) return null;
         const D = u(d.plots.length) > i || d.plots.length > p;
         return {
           id: d.id,
-          d: $.join(""),
+          d: _.join(""),
           fill: Pe(d.color, L * 100),
           stroke: D ? "none" : v,
           strokeWidth: D ? 0 : g,
@@ -636,24 +636,24 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["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 (U.value.forEach((d, $) => {
+        if (U.value.forEach((d, _) => {
           d.plots.forEach((D) => {
-            const C = D.x - u.x, z = D.y - u.y, I = C * C + z * z;
-            I <= p && I < g && (g = I, v = D, L = $);
+            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 = _);
           });
         }), v)
           Y.value !== v.id && (Y.value = v.id, je(v, L));
         else if (Y.value) {
           const d = f.value;
-          Y.value = void 0, Se(d, L);
+          Y.value = void 0, Ae(d, L);
         }
       } : () => null;
     }
-    const At = nl();
+    const St = nl();
     function ul() {
       if (Y.value) {
         const l = f.value;
-        Y.value = void 0, Se(l, null);
+        Y.value = void 0, Ae(l, null);
       }
     }
     function il(l) {
@@ -696,7 +696,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
     ze(() => 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 St() {
+    function At() {
       H.value.showTable = !1, Ee.value && Ee.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({
@@ -720,15 +720,15 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       generateCsv: Ve,
       generateImage: mt,
       generateSvg: Lt,
-      toggleTable: $t,
+      toggleTable: _t,
       toggleTooltip: Mt,
       toggleAnnotator: Ge,
-      toggleFullscreen: _t
+      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"}`),
       ref_key: "scatterChart",
       ref: te,
-      id: `vue-ui-scatter_${W.value}`,
+      id: `vue-ui-scatter_${N.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))
@@ -769,7 +769,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         }, null, 8, ["config"]))
       ], 512)) : x("", !0),
       w("div", {
-        id: `legend-top-${W.value}`
+        id: `legend-top-${N.value}`
       }, null, 8, Hl),
       e.value.userOptions.show && et.value && (c(ct) || c(Xe)) ? (r(), le(c(jt), {
         ref_key: "userOptionsRef",
@@ -779,7 +779,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         color: e.value.style.color,
         isImaging: c(ft),
         isPrinting: c(pt),
-        uid: W.value,
+        uid: N.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -797,12 +797,12 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: _t,
+        onToggleFullscreen: $t,
         onGeneratePdf: c(gt),
         onGenerateCsv: Ve,
         onGenerateImage: c(mt),
         onGenerateSvg: Lt,
-        onToggleTable: $t,
+        onToggleTable: _t,
         onToggleTooltip: Mt,
         onToggleAnnotator: Ge,
         style: ue({
@@ -811,71 +811,78 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       }, zt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: X(({ isOpen: t, color: o }) => [
-            j(l.$slots, "menuIcon", pe(fe({ isOpen: t, color: o })), void 0, !0)
+          fn: W(({ isOpen: t, color: o }) => [
+            R(l.$slots, "menuIcon", pe(fe({ isOpen: t, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: X(() => [
-            j(l.$slots, "optionTooltip", {}, void 0, !0)
+          fn: W(() => [
+            R(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: X(() => [
-            j(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: W(() => [
+            R(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: X(() => [
-            j(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: W(() => [
+            R(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: X(() => [
-            j(l.$slots, "optionImg", {}, void 0, !0)
+          fn: W(() => [
+            R(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
+        l.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: W(() => [
+            R(l.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: X(() => [
-            j(l.$slots, "optionTable", {}, void 0, !0)
+          fn: W(() => [
+            R(l.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: X(({ toggleFullscreen: t, isFullscreen: o }) => [
-            j(l.$slots, "optionFullscreen", pe(fe({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
+          fn: W(({ toggleFullscreen: t, isFullscreen: o }) => [
+            R(l.$slots, "optionFullscreen", pe(fe({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: X(({ toggleAnnotator: t, isAnnotator: o }) => [
-            j(l.$slots, "optionAnnotator", pe(fe({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
+          fn: W(({ toggleAnnotator: t, isAnnotator: o }) => [
+            R(l.$slots, "optionAnnotator", pe(fe({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
           ]),
-          key: "7"
+          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", {
         ref_key: "svgRef",
         ref: Me,
-        xmlns: c(Sl),
+        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}`,
         style: ue(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
         onMouseleave: qe
       }, [
-        $e(c(Ut)),
+        _e(c(Ut)),
         l.$slots["chart-background"] ? (r(), y("foreignObject", {
           key: 0,
           x: 0,
@@ -886,7 +893,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             pointerEvents: "none"
           }
         }, [
-          j(l.$slots, "chart-background", {}, void 0, !0)
+          R(l.$slots, "chart-background", {}, void 0, !0)
         ], 8, Ql)) : x("", !0),
         e.value.style.layout.axis.show ? (r(), y("g", Jl, [
           w("line", {
@@ -911,7 +918,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         e.value.style.layout.marginalBars.show ? (r(), y("g", ta, [
           w("defs", null, [
             w("linearGradient", {
-              id: `marginal_x_${W.value}`,
+              id: `marginal_x_${N.value}`,
               x1: "0%",
               y1: "0%",
               x2: "0%",
@@ -927,7 +934,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               }, null, 8, oa)
             ], 8, la),
             w("linearGradient", {
-              id: `marginal_y_${W.value}`,
+              id: `marginal_y_${N.value}`,
               x1: "0%",
               x2: "100%",
               y1: "0%",
@@ -943,22 +950,22 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               }, null, 8, ua)
             ], 8, sa)
           ]),
-          (r(!0), y(Z, null, J(A.value.x, (t, o) => (r(), y("g", null, [
-            t && A.value.avgX[o] ? (r(), y("rect", {
+          (r(!0), y(Z, null, J(S.value.x, (t, o) => (r(), y("g", null, [
+            t && S.value.avgX[o] ? (r(), y("rect", {
               key: 0,
-              x: A.value.avgX[o] - n.value.width / b.value / 2,
-              y: n.value.top - e.value.style.layout.marginalBars.offset - t / A.value.maxX * e.value.style.layout.marginalBars.size,
+              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,
               width: n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value,
-              height: t / A.value.maxX * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / A.value.maxX * e.value.style.layout.marginalBars.size,
-              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_x_${W.value})` : e.value.style.layout.marginalBars.fill,
+              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,
               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),
-            A.value.avgX[o] ? (r(), y("rect", {
+            S.value.avgX[o] ? (r(), y("rect", {
               key: 1,
-              x: A.value.avgX[o] - n.value.width / b.value / 2,
+              x: S.value.avgX[o] - n.value.width / b.value / 2,
               y: n.value.top - e.value.style.layout.marginalBars.offset - e.value.style.layout.marginalBars.size,
               width: n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value,
               height: Math.max(0.1, e.value.style.layout.marginalBars.size),
@@ -966,9 +973,9 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               onMouseenter: (a) => ll(o),
               onMouseleave: s[0] || (s[0] = (a) => qe())
             }, null, 40, ra)) : x("", !0),
-            A.value.avgX[o] && ge.value != null && ge.value === o ? (r(), y("g", va, [
+            S.value.avgX[o] && ge.value != null && ge.value === o ? (r(), y("g", va, [
               w("rect", {
-                x: A.value.avgX[o] - n.value.width / b.value / 2,
+                x: S.value.avgX[o] - 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,
@@ -976,8 +983,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
                 "fill-opacity": e.value.style.layout.marginalBars.highlighter.opacity
               }, null, 8, ya),
               w("line", {
-                x1: A.value.avgX[o] - n.value.width / b.value / 2,
-                x2: A.value.avgX[o] - n.value.width / b.value / 2,
+                x1: S.value.avgX[o] - n.value.width / b.value / 2,
+                x2: S.value.avgX[o] - n.value.width / b.value / 2,
                 y1: 0,
                 y2: n.value.top + n.value.height,
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
@@ -986,8 +993,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
                 style: { transition: "none !important", animation: "none !important" }
               }, null, 8, ca),
               w("line", {
-                x1: A.value.avgX[o] - n.value.width / b.value / 2 + (n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value),
-                x2: A.value.avgX[o] - n.value.width / b.value / 2 + (n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value),
+                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),
                 y1: 0,
                 y2: n.value.top + n.value.height,
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
@@ -997,33 +1004,33 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               }, null, 8, da)
             ])) : x("", !0)
           ]))), 256)),
-          (r(!0), y(Z, null, J(A.value.y, (t, o) => (r(), y("g", null, [
-            t && A.value.avgY[o] ? (r(), y("rect", {
+          (r(!0), y(Z, null, J(S.value.y, (t, o) => (r(), y("g", null, [
+            t && S.value.avgY[o] ? (r(), y("rect", {
               key: 0,
               x: n.value.right + e.value.style.layout.marginalBars.offset,
-              y: A.value.avgY[o] - n.value.height / b.value / 2,
+              y: S.value.avgY[o] - n.value.height / b.value / 2,
               height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
-              width: t / A.value.maxY * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / A.value.maxY * e.value.style.layout.marginalBars.size,
-              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_y_${W.value})` : e.value.style.layout.marginalBars.fill,
+              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,
               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),
-            A.value.avgY[o] ? (r(), y("rect", {
+            S.value.avgY[o] ? (r(), y("rect", {
               key: 1,
               x: n.value.right + e.value.style.layout.marginalBars.offset,
-              y: A.value.avgY[o] - n.value.height / b.value / 2,
+              y: S.value.avgY[o] - 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),
-            A.value.avgY[o] && me.value != null && me.value === o ? (r(), y("g", fa, [
+            S.value.avgY[o] && me.value != null && me.value === o ? (r(), y("g", fa, [
               w("rect", {
                 x: n.value.left,
-                y: A.value.avgY[o] - n.value.height / b.value / 2,
+                y: S.value.avgY[o] - 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,
@@ -1032,8 +1039,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               w("line", {
                 x1: n.value.left,
                 x2: F.value.width,
-                y1: A.value.avgY[o] - n.value.height / b.value / 2,
-                y2: A.value.avgY[o] - n.value.height / b.value / 2,
+                y1: S.value.avgY[o] - n.value.height / b.value / 2,
+                y2: S.value.avgY[o] - n.value.height / b.value / 2,
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                 "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                 "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
@@ -1042,8 +1049,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               w("line", {
                 x1: n.value.left,
                 x2: F.value.width,
-                y1: A.value.avgY[o] - n.value.height / b.value / 2 + (n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value),
-                y2: A.value.avgY[o] - n.value.height / b.value / 2 + (n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value),
+                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),
                 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,
@@ -1053,7 +1060,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           ]))), 256)),
           e.value.style.layout.marginalBars.showLines ? (r(), y("g", ba, [
             (r(!0), y(Z, null, J(el.value, (t) => (r(), y(Z, null, [
-              N.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 0,
                 d: `M ${t.dX}`,
                 stroke: e.value.style.backgroundColor,
@@ -1062,7 +1069,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
                 "stroke-linejoin": "round",
                 fill: "none"
               }, null, 8, ka)),
-              N.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 1,
                 d: `M ${t.dX}`,
                 stroke: t.color,
@@ -1071,7 +1078,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
                 "stroke-linejoin": "round",
                 fill: "none"
               }, null, 8, wa)),
-              N.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 2,
                 d: `M ${t.dY}`,
                 stroke: e.value.style.backgroundColor,
@@ -1079,8 +1086,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, _a)),
-              N.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              }, null, 8, $a)),
+              I.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 3,
                 d: `M ${t.dY}`,
                 stroke: t.color,
@@ -1088,7 +1095,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, $a))
+              }, null, 8, _a))
             ], 64))), 256))
           ])) : x("", !0)
         ])) : x("", !0),
@@ -1107,7 +1114,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           ]))), 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", Aa, [
+          !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,
@@ -1117,9 +1124,9 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               "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) => Se(a, o),
+              onMouseleave: (i) => Ae(a, o),
               onClick: (i) => Ue(a, o)
-            }, null, 44, Sa))), 256))
+            }, 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 },
@@ -1130,14 +1137,14 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               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) => Se(a, o),
+              onMouseleave: (i) => Ae(a, o),
               onClick: (i) => Ue(a, o)
             }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "style", "onMouseover", "onMouseleave", "onClick"]))), 256))
           ]))
         ]))), 256)),
         e.value.usePerformanceMode ? (r(), y(Z, { key: 5 }, [
           w("g", {
-            "clip-path": `url(#clip_path_${W.value})`
+            "clip-path": `url(#clip_path_${N.value})`
           }, [
             (r(!0), y(Z, null, J(sl.value, (t) => (r(), y("path", {
               key: t.id,
@@ -1151,7 +1158,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             }, null, 8, Ta))), 128))
           ], 8, Ba),
           f.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", za, [
-            $e(Ke, {
+            _e(Ke, {
               shape: f.value.shape || "circle",
               color: f.value.color,
               plot: { x: f.value.x, y: f.value.y },
@@ -1166,7 +1173,7 @@ 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(At) && c(At)(...t)),
+            onMousemove: s[2] || (s[2] = (...t) => c(St) && c(St)(...t)),
             onMouseleave: ul,
             onClick: il
           }, null, 40, Pa)
@@ -1264,7 +1271,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           ref: Fe
         }, [
           w("text", {
-            id: `vue-ui-scatter-xAxis-label-${W.value}`,
+            id: `vue-ui-scatter-xAxis-label-${N.value}`,
             transform: `translate(${e.value.style.layout.dataLabels.xAxis.fontSize}, ${n.value.top + n.value.height / 2}), rotate(-90)`,
             "text-anchor": "middle",
             "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
@@ -1355,7 +1362,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           }, G(e.value.style.layout.dataLabels.yAxis.name), 9, Ga)
         ], 512)) : x("", !0),
         w("clipPath", {
-          id: `clip_path_${W.value}`
+          id: `clip_path_${N.value}`
         }, [
           w("rect", {
             x: n.value.left,
@@ -1373,7 +1380,7 @@ 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_${W.value})`
+            "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", {
@@ -1390,26 +1397,26 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             })), 9, Ja)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
-        j(l.$slots, "svg", {
+        R(l.$slots, "svg", {
           svg: {
             ...F.value,
             drawingArea: {
               ...n.value,
               zero: O.value
             },
-            data: Ae.value
+            data: Se.value
           }
         }, void 0, !0)
       ], 46, Zl)),
       l.$slots.watermark ? (r(), y("div", Ka, [
-        j(l.$slots, "watermark", pe(fe({ isPrinting: c(pt) || c(ft) })), void 0, !0)
+        R(l.$slots, "watermark", pe(fe({ isPrinting: c(pt) || c(ft) })), void 0, !0)
       ])) : x("", !0),
       w("div", {
-        id: `legend-bottom-${W.value}`
+        id: `legend-bottom-${N.value}`
       }, null, 8, eo),
       rt.value ? (r(), le(gl, {
         key: 5,
-        to: e.value.style.legend.position === "top" ? `#legend-top-${W.value}` : `#legend-bottom-${W.value}`
+        to: e.value.style.legend.position === "top" ? `#legend-top-${N.value}` : `#legend-bottom-${N.value}`
       }, [
         w("div", {
           ref_key: "chartLegend",
@@ -1421,14 +1428,14 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             config: Jt.value,
             onClickMarker: s[3] || (s[3] = ({ legend: t }) => wt(t.id))
           }, {
-            item: X(({ legend: t }) => [
+            item: W(({ legend: t }) => [
               w("div", {
                 onClick: (o) => t.segregate(),
-                style: ue(`opacity:${N.value.includes(t.id) ? 0.5 : 1}`)
+                style: ue(`opacity:${I.value.includes(t.id) ? 0.5 : 1}`)
               }, G(t.name), 13, to)
             ]),
             _: 1
-          }, 8, ["legendSet", "config"])) : j(l.$slots, "legend", {
+          }, 8, ["legendSet", "config"])) : R(l.$slots, "legend", {
             key: 1,
             legend: oe.value
           }, void 0, !0)
@@ -1440,9 +1447,9 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         ref: ot,
         dir: "auto"
       }, [
-        j(l.$slots, "source", {}, void 0, !0)
+        R(l.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
-      $e(c(Nt), {
+      _e(c(Nt), {
         show: H.value.showTooltip && Oe.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
@@ -1462,16 +1469,16 @@ 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": X(() => [
-          j(l.$slots, "tooltip-before", pe(fe({ ...Re.value })), void 0, !0)
+        "tooltip-before": W(() => [
+          R(l.$slots, "tooltip-before", pe(fe({ ...Re.value })), void 0, !0)
         ]),
-        "tooltip-after": X(() => [
-          j(l.$slots, "tooltip-after", pe(fe({ ...Re.value })), void 0, !0)
+        "tooltip-after": W(() => [
+          R(l.$slots, "tooltip-after", pe(fe({ ...Re.value })), void 0, !0)
         ]),
-        default: X(() => [
+        default: W(() => [
           e.value.style.tooltip.showShape ? (r(), y("div", lo, [
             (r(), y("svg", ao, [
-              $e(Ke, {
+              _e(Ke, {
                 shape: f.value.shape,
                 color: f.value.color,
                 plot: { x: 10, y: 10 },
@@ -1485,9 +1492,9 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       et.value && e.value.userOptions.buttons.table ? (r(), le(ml(be.value.component), xl({ key: 7 }, be.value.props, {
         ref_key: "tableUnit",
         ref: xe,
-        onClose: St
+        onClose: At
       }), zt({
-        content: X(() => [
+        content: W(() => [
           (r(), le(c(Yt), {
             key: `table_${ut.value}`,
             colNames: Le.value.colNames,
@@ -1496,12 +1503,12 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             config: Le.value.config,
             title: e.value.table.useDialog ? "" : be.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: St
+            onClose: At
           }, {
-            th: X(({ th: t }) => [
+            th: W(({ th: t }) => [
               Pt(G(t), 1)
             ]),
-            td: X(({ td: t }) => [
+            td: W(({ td: t }) => [
               t.shape ? (r(), y("div", oo, [
                 w("span", null, G(t.content), 1)
               ])) : (r(), y("div", {
@@ -1516,20 +1523,20 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: X(() => [
+          fn: W(() => [
             Pt(G(be.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: X(() => [
+          fn: W(() => [
             w("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: s[4] || (s[4] = (t) => Ve(e.value.userOptions.callbacks.csv))
             }, [
-              $e(c(It), {
+              _e(c(It), {
                 name: "excel",
                 stroke: be.value.props.color
               }, null, 8, ["stroke"])
@@ -1541,7 +1548,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       c(vt) ? (r(), le(Wl, { key: 8 })) : x("", !0)
     ], 46, ql));
   }
-}, _o = /* @__PURE__ */ Gl(no, [["__scopeId", "data-v-5baf3192"]]);
+}, $o = /* @__PURE__ */ Gl(no, [["__scopeId", "data-v-85c86e6f"]]);
 export {
-  _o as default
+  $o as default
 };