vue-data-ui 3.1.3 → 3.1.5

package/dist/{vue-ui-scatter-meJEHdAD.js → vue-ui-scatter-B_SzTSE5.js}

@@ -1,15 +1,15 @@
-import { defineAsyncComponent as se, computed as W, ref as M, toRefs as il, watch as Be, shallowRef as Lt, onMounted as rl, onBeforeUnmount as vl, createElementBlock as y, openBlock as r, unref as c, normalizeStyle as ne, normalizeClass as Bt, createBlock as le, createCommentVNode as x, createElementVNode as w, createVNode as $e, createSlots as Tt, withCtx as X, renderSlot as V, normalizeProps as fe, guardReactiveProps as pe, Fragment as Z, renderList as K, toDisplayString as G, Teleport as yl, resolveDynamicComponent as cl, mergeProps as dl, createTextVNode as zt, nextTick as hl } from "vue";
-import { u as fl, c as pl, t as gl, a as ml, p as ye, b as xl, o as Pt, f as Je, d as bl, g as Ot, Y as kl, e as Ke, a3 as wl, V as _l, s as Te, X as $l, Z as Ml, k as ue, h as q, i as Q, v as Cl, w as Al, y as Sl, z as Ll } from "./index-CaxArMHL.js";
+import { defineAsyncComponent as se, computed as F, ref as M, toRefs as il, watch as Be, shallowRef as Lt, onMounted as rl, onBeforeUnmount as vl, createElementBlock as y, openBlock as r, unref as c, normalizeStyle as ne, normalizeClass as Bt, createBlock as le, createCommentVNode as x, createElementVNode as w, createVNode as $e, createSlots as Tt, withCtx as X, renderSlot as V, normalizeProps as pe, guardReactiveProps as fe, Fragment as Z, renderList as K, toDisplayString as G, Teleport as yl, resolveDynamicComponent as cl, mergeProps as dl, createTextVNode as zt, nextTick as hl } from "vue";
+import { u as pl, c as fl, t as gl, a as ml, p as ye, b as xl, o as Pt, f as Je, d as bl, g as Ot, Y as kl, e as Ke, a3 as wl, V as _l, s as Te, X as $l, Z as Ml, k as ue, h as q, i as Q, v as Cl, w as Al, y as Sl, z as Ll } from "./index-BkfuZCRT.js";
 import { t as Bl, u as Tl } from "./useResponsive-DfdjqQps.js";
 import { u as zl, B as Pl } from "./BaseScanner-BgWxam9d.js";
-import { u as Ol } from "./usePrinter-BYtPmEo8.js";
-import { u as Dt } from "./useNestedProp-tWT02_6S.js";
+import { u as Ol } from "./usePrinter-CEdg3j8S.js";
+import { u as Dt } from "./useNestedProp-BMzw9VUz.js";
 import { u as Dl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as El } from "./useChartAccessibility-9icAAmYg.js";
-import Wl from "./Legend-5qvgVkrY.js";
-import Nl from "./Title-CqYBs02Y.js";
-import { _ as Qe } from "./Shape-DiplSMFy.js";
-import Fl from "./img-DSrvx9J6.js";
+import Fl from "./Legend-nPGcCxG_.js";
+import Wl from "./Title-ydtId0LC.js";
+import { _ as Qe } from "./Shape-DBVq0fdK.js";
+import Nl from "./img-Neec0VVb.js";
 import { _ as Il } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "height"], jl = { key: 1 }, Ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ql = { key: 2 }, Hl = ["id"], Zl = ["stop-color"], Jl = ["stop-color"], Kl = ["id"], Ql = ["stop-color"], ea = ["stop-color"], ta = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], la = ["x", "y", "width", "height", "onMouseenter"], aa = {
   key: 2,
@@ -20,13 +20,13 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
 }, va = ["x", "y", "width", "height", "fill", "fill-opacity"], ya = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], ca = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], da = {
   key: 0,
   style: { "pointer-events": "none" }
-}, ha = ["d", "stroke", "stroke-width"], fa = ["d", "stroke", "stroke-width"], pa = ["d", "stroke", "stroke-width"], ga = ["d", "stroke", "stroke-width"], ma = { key: 3 }, xa = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], ba = { key: 0 }, ka = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover", "onMouseleave", "onClick"], wa = { key: 1 }, _a = ["clip-path"], $a = ["d", "fill", "stroke", "stroke-width", "stroke-opacity"], Ma = {
+}, ha = ["d", "stroke", "stroke-width"], pa = ["d", "stroke", "stroke-width"], fa = ["d", "stroke", "stroke-width"], ga = ["d", "stroke", "stroke-width"], ma = { key: 3 }, xa = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], ba = { key: 0 }, ka = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover", "onMouseleave", "onClick"], wa = { key: 1 }, _a = ["clip-path"], $a = ["d", "fill", "stroke", "stroke-width", "stroke-opacity"], Ma = {
   key: 0,
   style: { "pointer-events": "none" }
 }, Ca = ["x", "y", "width", "height"], Aa = {
   key: 6,
   style: { "pointer-events": "none !important" }
-}, Sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], La = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ba = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Ta = ["x", "y", "font-size", "fill", "font-weight"], za = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Pa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Oa = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Da = ["id", "transform", "font-size", "font-weight", "fill"], Ea = ["font-size", "fill", "transform"], Wa = ["transform", "font-size", "fill"], Na = ["x", "y", "font-size", "fill"], Fa = ["x", "y", "font-size", "fill"], Ia = ["font-size", "font-weight", "fill", "x", "y"], Xa = ["id"], Ya = ["x", "y", "width", "height"], Ra = {
+}, Sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], La = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ba = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Ta = ["x", "y", "font-size", "fill", "font-weight"], za = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Pa = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Oa = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Da = ["id", "transform", "font-size", "font-weight", "fill"], Ea = ["font-size", "fill", "transform"], Fa = ["transform", "font-size", "fill"], Wa = ["x", "y", "font-size", "fill"], Na = ["x", "y", "font-size", "fill"], Ia = ["font-size", "font-weight", "fill", "x", "y"], Xa = ["id"], Ya = ["x", "y", "width", "height"], Ra = {
   key: 11,
   style: { pointerEvents: "none" }
 }, Va = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], ja = ["x", "y", "fill", "font-size", "font-weight"], Ua = {
@@ -56,11 +56,11 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
       }
     }
   },
-  setup(Et, { expose: Wt }) {
-    const Nt = se(() => import("./Tooltip-CP0tVHAf.js")), Ft = se(() => import("./BaseIcon-BcOSijbz.js")), It = se(() => import("./vue-ui-accordion-DUlNpLir.js")), Xt = se(() => import("./DataTable-Cm8Tt9PQ.js")), Yt = se(() => import("./PenAndPaper-CyH7Ip2i.js")), Rt = se(() => import("./UserOptions-ZmwlARCV.js")), Vt = se(() => import("./PackageVersion-0XlRFsI_.js")), jt = se(() => import("./BaseDraggableDialog-BmN9jTP8.js")), { vue_ui_scatter: Ut } = fl(), ee = Et, et = W(() => !!ee.dataset && ee.dataset.length), N = M(pl()), ze = M(!1), Pe = M(""), tt = M(0), te = M(null), lt = M(null), at = M(null), ot = M(null), st = M(null), nt = M(0), ut = M(0), it = M(0), F = M([]), rt = M(!1), ge = M(null), me = M(null), xe = M(null), Oe = M(null), De = M(null), Gt = M(null), qt = M(null), Ee = M(null), e = M(Xe());
+  setup(Et, { expose: Ft }) {
+    const Wt = se(() => import("./Tooltip-oeu9knGI.js")), Nt = se(() => import("./BaseIcon-BQQGRQ2U.js")), It = se(() => import("./vue-ui-accordion-DFxAHGEZ.js")), Xt = se(() => import("./DataTable-D6voeZvO.js")), Yt = se(() => import("./PenAndPaper-C6tiapdo.js")), Rt = se(() => import("./UserOptions-CnJxN2Vo.js")), Vt = se(() => import("./PackageVersion-BeStrsPr.js")), jt = se(() => import("./BaseDraggableDialog-BO4B1Kwa.js")), { vue_ui_scatter: Ut } = pl(), ee = Et, et = F(() => !!ee.dataset && ee.dataset.length), W = M(fl()), ze = M(!1), Pe = M(""), tt = M(0), te = M(null), lt = M(null), at = M(null), ot = M(null), st = M(null), nt = M(0), ut = M(0), it = M(0), N = M([]), rt = M(!1), ge = M(null), me = M(null), xe = M(null), Oe = M(null), De = M(null), Gt = M(null), qt = M(null), Ee = M(null), e = M(Xe());
     function Ht(l = 100, s = 0.8, t = {}) {
-      const { meanX: o = 0, sdX: a = 1, meanY: u = 0, sdY: i = 1, seed: f } = t;
-      let v = (f ?? Math.floor(Math.random() * 2 ** 31)) >>> 0;
+      const { 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;
       const g = () => (v = v * 1664525 + 1013904223 >>> 0, v / 2 ** 32), L = () => {
         let m = 0, O = 0;
         for (; m === 0; ) m = g();
@@ -79,7 +79,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
       }
       return he.map((m, O) => ({ x: m, y: we[O] }));
     }
-    const { loading: vt, FINAL_DATASET: We, manualLoading: Ne } = zl({
+    const { loading: vt, FINAL_DATASET: Fe, manualLoading: We } = zl({
       ...il(ee),
       FINAL_CONFIG: e,
       prepareConfig: Xe,
@@ -123,7 +123,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
           }
         }
       })
-    }), { userOptionsVisible: Fe, setUserOptionsVisibility: yt, keepUserOptionState: ct } = Dl({ config: e.value }), { svgRef: Ie } = El({ config: e.value.style.title });
+    }), { userOptionsVisible: Ne, setUserOptionsVisibility: yt, keepUserOptionState: ct } = Dl({ config: e.value }), { svgRef: Ie } = El({ config: e.value.style.title });
     function Xe() {
       const l = Dt({
         userConfig: ee.config,
@@ -138,7 +138,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
       } : l;
     }
     Be(() => ee.config, (l) => {
-      vt.value || (e.value = Xe()), Fe.value = !e.value.userOptions.showOnChartHover, ht(), nt.value += 1, ut.value += 1, it.value += 1, H.value.showTable = e.value.table.show, H.value.showTooltip = e.value.style.tooltip.show, dt.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
+      vt.value || (e.value = Xe()), Ne.value = !e.value.userOptions.showOnChartHover, ht(), nt.value += 1, ut.value += 1, it.value += 1, H.value.showTable = e.value.table.show, H.value.showTooltip = e.value.style.tooltip.show, dt.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
 
 - downsampling is disabled in this mode, all plots are rendered
 
@@ -148,19 +148,19 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
 
 ℹ️ To remove this warning, set config.debug to false.`);
     }, { deep: !0 }), Be(() => ee.dataset, (l) => {
-      Array.isArray(l) && l.length > 0 && (Ne.value = !1);
+      Array.isArray(l) && l.length > 0 && (We.value = !1);
     }, { deep: !0 });
     const ae = Lt(null), ce = Lt(null);
     rl(() => {
       rt.value = !0, ht();
     });
-    const dt = W(() => !!e.value.debug);
+    const dt = F(() => !!e.value.debug);
     function ht() {
       if (Pt(ee.dataset) && (Je({
         componentName: "VueUiScatter",
         type: "dataset",
         debug: dt.value
-      }), Ne.value = !0), Pt(ee.dataset) || (Ne.value = e.value.loading), e.value.responsive) {
+      }), We.value = !0), Pt(ee.dataset) || (We.value = e.value.loading), e.value.responsive) {
         const l = Bl(() => {
           const { width: s, height: t } = Tl({
             chart: te.value,
@@ -179,11 +179,11 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
     vl(() => {
       ae.value && (ce.value && ae.value.unobserve(ce.value), ae.value.disconnect());
     });
-    const { isPrinting: ft, isImaging: pt, generatePdf: gt, generateImage: mt } = Ol({
-      elementId: `vue-ui-scatter_${N.value}`,
+    const { isPrinting: pt, isImaging: ft, generatePdf: gt, generateImage: mt } = Ol({
+      elementId: `vue-ui-scatter_${W.value}`,
       fileName: e.value.style.title.text || "vue-ui-scatter",
       options: e.value.userOptions.print
-    }), Zt = W(() => e.value.userOptions.show && !e.value.style.title.text), xt = W(() => bl(e.value.customPalette)), H = M({
+    }), Zt = F(() => e.value.userOptions.show && !e.value.style.title.text), xt = F(() => bl(e.value.customPalette)), H = M({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
@@ -196,7 +196,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
     const D = M({
       height: e.value.style.layout.height,
       width: e.value.style.layout.width
-    }), Me = W(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), n = W(() => {
+    }), Me = F(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), n = F(() => {
       let l = 0, s = 0;
       return De.value && (l = De.value.getBBox().width + 6), Ee.value && (s = Ee.value.getBBox().height + 6), {
         top: e.value.style.layout.padding.top + Me.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
@@ -206,8 +206,8 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         height: D.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - Me.value - s - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
         width: D.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - Me.value - l - 6
       };
-    }), z = W(() => {
-      We.value.forEach((a, u) => {
+    }), z = F(() => {
+      Fe.value.forEach((a, u) => {
         Ot({
           datasetObject: a,
           requiredAttributes: ["values"]
@@ -218,7 +218,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
             property: i,
             index: u
           });
-        }), a.values && a.values.forEach((i, f) => {
+        }), a.values && a.values.forEach((i, p) => {
           Ot({
             datasetObject: i,
             requiredAttributes: ["x", "y"]
@@ -227,18 +227,18 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
               componentName: "VueUiScatter",
               type: "datasetSerieAttribute",
               property: `values.${v}`,
-              index: `${u} - ${f}`
+              index: `${u} - ${p}`
             });
           });
         });
       });
-      const l = Math.min(...ie.value.filter((a) => !F.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), s = Math.max(...ie.value.filter((a) => !F.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), t = Math.min(...ie.value.filter((a) => !F.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.y))), o = Math.max(...ie.value.filter((a) => !F.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.y)));
+      const l = Math.min(...ie.value.filter((a) => !N.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), s = Math.max(...ie.value.filter((a) => !N.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.x))), t = Math.min(...ie.value.filter((a) => !N.value.includes(a.id)).flatMap((a) => a.values.map((u) => u.y))), o = Math.max(...ie.value.filter((a) => !N.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 };
-    }), E = W(() => ({
+    }), E = F(() => ({
       x: n.value.left + Math.abs(z.value.xMin) / (z.value.xMax + Math.abs(z.value.xMin)) * n.value.width,
       y: n.value.bottom - Math.abs(z.value.yMin) / (z.value.yMax + Math.abs(z.value.yMin)) * n.value.height
-    })), ie = W(() => We.value.map((l, s) => {
-      const t = `cluster_${N.value}_${s}`;
+    })), ie = F(() => Fe.value.map((l, s) => {
+      const t = `cluster_${W.value}_${s}`;
       return {
         ...l,
         values: kl({
@@ -247,19 +247,19 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         }),
         id: t,
         color: l.color ? l.color : xt.value[s] || ye[s] || ye[s % ye.length],
-        opacity: F.value.includes(t) ? 0.5 : 1,
+        opacity: N.value.includes(t) ? 0.5 : 1,
         shape: l.shape ?? "circle",
         segregate: () => wt(t),
-        isSegregated: F.value.includes(t)
+        isSegregated: N.value.includes(t)
       };
-    })), Jt = W(() => ({
+    })), Jt = F(() => ({
       cy: "scatter-div-legend",
       backgroundColor: e.value.style.legend.backgroundColor,
       color: e.value.style.legend.color,
       fontSize: e.value.style.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.legend.bold ? "bold" : ""
-    })), Ye = W(() => ie.value.map((l, s) => ({
+    })), Ye = F(() => ie.value.map((l, s) => ({
       ...l,
       plots: l.values.map((t) => ({
         x: n.value.left + (t.x + Math.abs(z.value.xMin)) / (z.value.xMax + Math.abs(z.value.xMin)) * n.value.width,
@@ -270,15 +270,15 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         },
         clusterName: l.name,
         color: l.color ? l.color : xt.value[s] || ye[s] || ye[s % ye.length],
-        id: `plot_${N.value}_${Math.random()}`,
+        id: `plot_${W.value}_${Math.random()}`,
         weight: t.weight ?? e.value.style.layout.plots.radius
       }))
-    })).filter((l) => !F.value.includes(l.id))), j = W(() => {
+    })).filter((l) => !N.value.includes(l.id))), j = F(() => {
       const s = ({ m: t, b: o, rect: a, verticalX: u = null }) => {
-        const { left: i, right: f, top: v, bottom: g } = a, L = [], d = (_, h) => {
+        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 && _ <= f + 1e-9 && h >= v - 1e-9 && h <= g + 1e-9;
-        u !== null ? u >= i - 1e-9 && u <= f + 1e-9 && (d(u, v), d(u, g)) : Number.isFinite(t) && (d(i, t * i + o), d(f, t * f + o), Math.abs(t) > 1e-9 ? (d((v - o) / t, v), d((g - o) / t, g)) : o >= v - 1e-9 && o <= g + 1e-9 && (d(i, o), d(f, o)));
+        }, $ = ({ 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 P = L.filter($), C = [];
         for (const _ of P)
           C.some((h) => Math.abs(h.x - _.x) < 1e-6 && Math.abs(h.y - _.y) < 1e-6) || C.push(_);
@@ -293,13 +293,13 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
       };
       return Ye.value.map((t) => {
         const o = t.plots.length, a = t.plots.reduce((h, S) => h + S.x, 0) / o, u = t.plots.reduce((h, S) => h + S.y, 0) / o;
-        let i = 0, f = 0;
+        let i = 0, p = 0;
         for (const h of t.plots) {
           const S = h.x - a, U = h.y - u;
-          i += S * U, f += S * S;
+          i += S * U, p += S * S;
         }
         let v, g, L = null;
-        f < 1e-9 ? (L = a, v = 1 / 0, g = null) : (v = i / f, g = u - v * a);
+        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);
         const P = t.plots.every((h) => h.v && typeof h.v.x == "number" && typeof h.v.y == "number");
@@ -352,7 +352,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
           })
         };
       });
-    }), bt = W(() => Math.max(...j.value.flatMap((l) => l.plots.map((s) => Math.abs(s.deviation)))));
+    }), bt = F(() => Math.max(...j.value.flatMap((l) => l.plots.map((s) => Math.abs(s.deviation)))));
     function Kt() {
       return j.value;
     }
@@ -368,7 +368,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
       t.forEach(({ x: B, y: _ }) => {
         o = Math.min(o, B), a = Math.max(a, B), u = Math.min(u, _), i = Math.max(i, _);
       });
-      const f = a - o, v = i - u, g = f / s, L = v / s, d = Array(s).fill(0), $ = Array(s).fill(0);
+      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;
@@ -379,7 +379,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
       const T = Math.max(...d), I = Math.max(...$);
       return { x: d, y: $, avgX: P, avgY: C, maxX: T, maxY: I };
     }
-    const b = W(() => e.value.style.layout.marginalBars.tranches), A = W(() => kt(Ye.value, b.value)), Qt = W(() => {
+    const b = F(() => e.value.style.layout.marginalBars.tranches), A = F(() => kt(Ye.value, b.value)), Qt = F(() => {
       const l = n.value.top - e.value.style.layout.marginalBars.offset, s = n.value.right + e.value.style.layout.marginalBars.offset;
       return Ye.value.map((t) => {
         const o = kt(t, b.value);
@@ -397,9 +397,9 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
           id: t.id
         };
       });
-    }), Y = M(void 0), p = M(null), Re = M(null);
+    }), Y = M(void 0), f = M(null), Re = M(null);
     function Ve(l, s) {
-      Y.value = l.id, p.value = l;
+      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,
@@ -444,13 +444,13 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
       })}</b>`, t += "</div>", Pe.value = `<div>${t}</div>`), ze.value = !0;
     }
     function Ce(l, s) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s }), ze.value = !1, Y.value = void 0, p.value = null;
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s }), ze.value = !1, Y.value = void 0, f.value = null;
     }
     function je(l, s) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
     }
     function wt(l) {
-      F.value.includes(l) ? F.value = F.value.filter((s) => s !== l) : F.value.length < We.value.length - 1 && F.value.push(l);
+      N.value.includes(l) ? N.value = N.value.filter((s) => s !== l) : N.value.length < Fe.value.length - 1 && N.value.push(l);
     }
     function Ue(l = null) {
       hl(() => {
@@ -458,13 +458,13 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
           u.name,
           u.correlation.coefficient,
           u.plots.length,
-          u.plots.map((i) => i.v.x).reduce((i, f) => i + f, 0) / u.plots.length,
-          u.plots.map((i) => i.v.y).reduce((i, f) => i + f, 0) / u.plots.length
+          u.plots.map((i) => i.v.x).reduce((i, p) => i + p, 0) / u.plots.length,
+          u.plots.map((i) => i.v.y).reduce((i, p) => i + p, 0) / u.plots.length
         ]), o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([s]).concat(t), a = Cl(o);
         l ? l(a) : Al({ csvContent: a, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
-    const Ae = W(() => {
+    const Ae = F(() => {
       const l = [
         e.value.table.translations.series,
         e.value.table.translations.correlationCoefficient,
@@ -511,7 +511,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
     }
     async function el({ scale: l = 2 } = {}) {
       if (!te.value) return;
-      const { width: s, height: t } = te.value.getBoundingClientRect(), o = s / t, { imageUri: a, base64: u } = await Fl({ domElement: te.value, base64: !0, img: !0, scale: l });
+      const { width: s, height: t } = te.value.getBoundingClientRect(), o = s / t, { imageUri: a, base64: u } = await Nl({ domElement: te.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: a,
         base64: u,
@@ -544,30 +544,30 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
       const a = Ct[l] * o;
       switch (l) {
         case "circle": {
-          const u = k(s - a), i = k(t), f = k(s + a), v = k(a);
-          return `M ${u} ${i} A ${v} ${v} 0 1 0 ${f} ${i} A ${v} ${v} 0 1 0 ${u} ${i} Z`;
+          const u = k(s - a), i = k(t), p = k(s + a), v = k(a);
+          return `M ${u} ${i} A ${v} ${v} 0 1 0 ${p} ${i} A ${v} ${v} 0 1 0 ${u} ${i} Z`;
         }
         case "square": {
-          const u = k(s - a), i = k(t - a), f = k(s + a), v = k(t + a);
-          return `M ${u} ${i} L ${f} ${i} L ${f} ${v} L ${u} ${v} Z`;
+          const u = k(s - a), i = k(t - a), p = k(s + a), v = k(t + a);
+          return `M ${u} ${i} L ${p} ${i} L ${p} ${v} L ${u} ${v} Z`;
         }
         case "diamond": {
           const u = k(s), i = k(t);
           return `M ${u} ${k(t - a)} L ${k(s + a)} ${i} L ${u} ${k(t + a)} L ${k(s - a)} ${i} Z`;
         }
         case "triangle": {
-          const u = a * Math.sqrt(3), i = s, f = t - 2 / 3 * u, v = s - a, g = t + 1 / 3 * u, L = s + a, d = g;
-          return `M ${k(i)} ${k(f)} L ${k(v)} ${k(g)} L ${k(L)} ${k(d)} Z`;
+          const u = a * Math.sqrt(3), i = s, p = t - 2 / 3 * u, v = s - a, g = t + 1 / 3 * u, L = s + a, d = g;
+          return `M ${k(i)} ${k(p)} L ${k(v)} ${k(g)} L ${k(L)} ${k(d)} Z`;
         }
         case "star": {
-          const u = a, i = a * 0.5, f = [];
+          const u = a, i = a * 0.5, p = [];
           for (let g = 0; g < 10; g += 1) {
             const L = (-90 + g * 36) * Math.PI / 180, d = g % 2 === 0 ? u : i;
-            f.push([s + d * Math.cos(L), t + d * Math.sin(L)]);
+            p.push([s + d * Math.cos(L), t + d * Math.sin(L)]);
           }
-          let v = `M ${k(f[0][0])} ${k(f[0][1])}`;
-          for (let g = 1; g < f.length; g += 1)
-            v += ` L ${k(f[g][0])} ${k(f[g][1])}`;
+          let v = `M ${k(p[0][0])} ${k(p[0][1])}`;
+          for (let g = 1; g < p.length; g += 1)
+            v += ` L ${k(p[g][0])} ${k(p[g][1])}`;
           return v + " Z";
         }
         case "pentagon": {
@@ -576,9 +576,9 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
             const g = (-90 + v * 72) * Math.PI / 180;
             i.push([s + a * Math.cos(g), t + a * Math.sin(g)]);
           }
-          let f = `M ${k(i[0][0])} ${k(i[0][1])}`;
-          for (let v = 1; v < 5; v += 1) f += ` L ${k(i[v][0])} ${k(i[v][1])}`;
-          return f + " Z";
+          let p = `M ${k(i[0][0])} ${k(i[0][1])}`;
+          for (let v = 1; v < 5; v += 1) p += ` L ${k(i[v][0])} ${k(i[v][1])}`;
+          return p + " Z";
         }
         case "hexagon": {
           const i = [];
@@ -586,19 +586,19 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
             const g = (-60 + v * 60) * Math.PI / 180;
             i.push([s + a * Math.cos(g), t + a * Math.sin(g)]);
           }
-          let f = `M ${k(i[0][0])} ${k(i[0][1])}`;
-          for (let v = 1; v < 6; v += 1) f += ` L ${k(i[v][0])} ${k(i[v][1])}`;
-          return f + " Z";
+          let p = `M ${k(i[0][0])} ${k(i[0][1])}`;
+          for (let v = 1; v < 6; v += 1) p += ` L ${k(i[v][0])} ${k(i[v][1])}`;
+          return p + " Z";
         }
         default: {
-          const u = k(s - a), i = k(t), f = k(s + a), v = k(a);
-          return `M ${u} ${i} A ${v} ${v} 0 1 0 ${f} ${i} A ${v} ${v} 0 1 0 ${u} ${i} Z`;
+          const u = k(s - a), i = k(t), p = k(s + a), v = k(a);
+          return `M ${u} ${i} A ${v} ${v} 0 1 0 ${p} ${i} A ${v} ${v} 0 1 0 ${u} ${i} Z`;
         }
       }
     }
-    const ol = W(() => {
+    const ol = F(() => {
       if (!e.value.usePerformanceMode) return [""];
-      const { left: l, right: s, top: t, bottom: o } = n.value, a = Math.max(1, (s - l) * (o - t)), u = (d) => d / a * 1e4, i = 2.5, f = 1e3, v = e.value.style.layout.plots.stroke, g = e.value.style.layout.plots.strokeWidth, L = e.value.style.layout.plots.opacity;
+      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) => {
         const $ = [];
         for (const C of d.plots) {
@@ -613,7 +613,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
           }));
         }
         if (!$.length) return null;
-        const P = u(d.plots.length) > i || d.plots.length > f;
+        const P = u(d.plots.length) > i || d.plots.length > p;
         return {
           id: d.id,
           d: $.join(""),
@@ -632,17 +632,17 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         t.x = l.clientX, t.y = l.clientY;
         const o = s.getScreenCTM();
         if (!o) return;
-        const a = o.inverse(), u = t.matrixTransform(a), i = 8, f = i * i;
+        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, $) => {
           d.plots.forEach((P) => {
             const C = P.x - u.x, T = P.y - u.y, I = C * C + T * T;
-            I <= f && I < g && (g = I, v = P, L = $);
+            I <= p && I < g && (g = I, v = P, L = $);
           });
         }), v)
           Y.value !== v.id && (Y.value = v.id, Ve(v, L));
         else if (Y.value) {
-          const d = p.value;
+          const d = f.value;
           Y.value = void 0, Ce(d, L);
         }
       } : () => null;
@@ -650,18 +650,18 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
     const At = sl();
     function nl() {
       if (Y.value) {
-        const l = p.value;
+        const l = f.value;
         Y.value = void 0, Ce(l, null);
       }
     }
     function ul(l) {
-      const s = p.value;
+      const s = f.value;
       if (s) {
         const t = j.value.findIndex((o) => o.id === s.clusterId);
         je(s, t >= 0 ? t : 0);
       }
     }
-    const be = W(() => {
+    const be = F(() => {
       const l = e.value.table.useDialog && !e.value.table.show, s = H.value.showTable;
       return {
         component: l ? jt : It,
@@ -697,7 +697,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
     function St() {
       H.value.showTable = !1, Oe.value && Oe.value.setTableIconState(!1);
     }
-    return Wt({
+    return Ft({
       getData: Kt,
       getImage: el,
       generatePdf: gt,
@@ -711,7 +711,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
       class: Bt(`vue-ui-scatter ${re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "scatterChart",
       ref: te,
-      id: `vue-ui-scatter_${N.value}`,
+      id: `vue-ui-scatter_${W.value}`,
       style: ne(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: s[5] || (s[5] = () => c(yt)(!0)),
       onMouseleave: s[6] || (s[6] = () => c(yt)(!1))
@@ -737,7 +737,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         ref: lt,
         style: "width:100%;background:transparent"
       }, [
-        (r(), le(Nl, {
+        (r(), le(Wl, {
           key: `title_${nt.value}`,
           config: {
             title: {
@@ -752,17 +752,17 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         }, null, 8, ["config"]))
       ], 512)) : x("", !0),
       w("div", {
-        id: `legend-top-${N.value}`
+        id: `legend-top-${W.value}`
       }, null, 8, Yl),
-      e.value.userOptions.show && et.value && (c(ct) || c(Fe)) ? (r(), le(c(Rt), {
+      e.value.userOptions.show && et.value && (c(ct) || c(Ne)) ? (r(), le(c(Rt), {
         ref_key: "userOptionsRef",
         ref: Oe,
         key: `user_options_${tt.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: c(pt),
-        isPrinting: c(ft),
-        uid: N.value,
+        isImaging: c(ft),
+        isPrinting: c(pt),
+        uid: W.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -787,13 +787,13 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         onToggleTooltip: Mt,
         onToggleAnnotator: Ge,
         style: ne({
-          visibility: c(ct) ? c(Fe) ? "visible" : "hidden" : "visible"
+          visibility: c(ct) ? c(Ne) ? "visible" : "hidden" : "visible"
         })
       }, Tt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: X(({ isOpen: t, color: o }) => [
-            V(l.$slots, "menuIcon", fe(pe({ isOpen: t, color: o })), void 0, !0)
+            V(l.$slots, "menuIcon", pe(fe({ isOpen: t, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -835,14 +835,14 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: X(({ toggleFullscreen: t, isFullscreen: o }) => [
-            V(l.$slots, "optionFullscreen", fe(pe({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
+            V(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 }) => [
-            V(l.$slots, "optionAnnotator", fe(pe({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
+            V(l.$slots, "optionAnnotator", pe(fe({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -892,7 +892,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         e.value.style.layout.marginalBars.show ? (r(), y("g", ql, [
           w("defs", null, [
             w("linearGradient", {
-              id: `marginal_x_${N.value}`,
+              id: `marginal_x_${W.value}`,
               x1: "0%",
               y1: "0%",
               x2: "0%",
@@ -908,7 +908,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
               }, null, 8, Jl)
             ], 8, Hl),
             w("linearGradient", {
-              id: `marginal_y_${N.value}`,
+              id: `marginal_y_${W.value}`,
               x1: "0%",
               x2: "100%",
               y1: "0%",
@@ -931,7 +931,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
               y: n.value.top - e.value.style.layout.marginalBars.offset - t / A.value.maxX * e.value.style.layout.marginalBars.size,
               width: n.value.width / b.value <= 0 ? 1e-4 : n.value.width / b.value,
               height: t / A.value.maxX * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / A.value.maxX * e.value.style.layout.marginalBars.size,
-              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_x_${N.value})` : e.value.style.layout.marginalBars.fill,
+              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_x_${W.value})` : e.value.style.layout.marginalBars.fill,
               style: ne([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
@@ -985,7 +985,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
               y: A.value.avgY[o] - n.value.height / b.value / 2,
               height: n.value.height / b.value <= 0 ? 1e-4 : n.value.height / b.value,
               width: t / A.value.maxY * e.value.style.layout.marginalBars.size <= 0 ? 1e-4 : t / A.value.maxY * e.value.style.layout.marginalBars.size,
-              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_y_${N.value})` : e.value.style.layout.marginalBars.fill,
+              fill: e.value.style.layout.marginalBars.useGradient ? `url(#marginal_y_${W.value})` : e.value.style.layout.marginalBars.fill,
               style: ne([`opacity:${e.value.style.layout.marginalBars.opacity}`, { "pointer-events": "none" }]),
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.marginalBars.strokeWidth,
@@ -1034,7 +1034,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
           ]))), 256)),
           e.value.style.layout.marginalBars.showLines ? (r(), y("g", da, [
             (r(!0), y(Z, null, K(Qt.value, (t) => (r(), y(Z, null, [
-              F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              N.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 0,
                 d: `M ${t.dX}`,
                 stroke: e.value.style.backgroundColor,
@@ -1043,7 +1043,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
                 "stroke-linejoin": "round",
                 fill: "none"
               }, null, 8, ha)),
-              F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              N.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 1,
                 d: `M ${t.dX}`,
                 stroke: t.color,
@@ -1051,8 +1051,8 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, fa)),
-              F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              }, null, 8, pa)),
+              N.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 2,
                 d: `M ${t.dY}`,
                 stroke: e.value.style.backgroundColor,
@@ -1060,8 +1060,8 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none"
-              }, null, 8, pa)),
-              F.value.includes(t.id) ? x("", !0) : (r(), y("path", {
+              }, null, 8, fa)),
+              N.value.includes(t.id) ? x("", !0) : (r(), y("path", {
                 key: 3,
                 d: `M ${t.dY}`,
                 stroke: t.color,
@@ -1118,7 +1118,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         ]))), 256)),
         e.value.usePerformanceMode ? (r(), y(Z, { key: 5 }, [
           w("g", {
-            "clip-path": `url(#clip_path_${N.value})`
+            "clip-path": `url(#clip_path_${W.value})`
           }, [
             (r(!0), y(Z, null, K(ol.value, (t) => (r(), y("path", {
               key: t.id,
@@ -1131,12 +1131,12 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
               "paint-order": "fill"
             }, null, 8, $a))), 128))
           ], 8, _a),
-          p.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", Ma, [
+          f.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", Ma, [
             $e(Qe, {
-              shape: p.value.shape || "circle",
-              color: p.value.color,
-              plot: { x: p.value.x, y: p.value.y },
-              radius: Math.max(4 * Ct[p.value.shape || "circle"], p.value.weight * 2),
+              shape: f.value.shape || "circle",
+              color: f.value.color,
+              plot: { x: f.value.x, y: f.value.y },
+              radius: Math.max(4 * Ct[f.value.shape || "circle"], f.value.weight * 2),
               stroke: e.value.style.layout.plots.stroke,
               strokeWidth: e.value.style.layout.plots.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])
@@ -1152,12 +1152,12 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
             onClick: ul
           }, null, 40, Ca)
         ], 64)) : x("", !0),
-        p.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", Aa, [
+        f.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", Aa, [
           w("line", {
             x1: E.value.x,
-            x2: p.value.x,
-            y1: p.value.y,
-            y2: p.value.y,
+            x2: f.value.x,
+            y1: f.value.y,
+            y2: f.value.y,
             stroke: e.value.style.layout.plots.selectors.stroke,
             "stroke-width": e.value.style.layout.plots.selectors.strokeWidth,
             "stroke-dasharray": e.value.style.layout.plots.selectors.strokeDasharray,
@@ -1165,10 +1165,10 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
             class: "line-pointer"
           }, null, 8, Sa),
           w("line", {
-            x1: p.value.x,
-            x2: p.value.x,
+            x1: f.value.x,
+            x2: f.value.x,
             y1: E.value.y,
-            y2: p.value.y,
+            y2: f.value.y,
             stroke: e.value.style.layout.plots.selectors.stroke,
             "stroke-width": e.value.style.layout.plots.selectors.strokeWidth,
             "stroke-dasharray": e.value.style.layout.plots.selectors.strokeDasharray,
@@ -1176,44 +1176,44 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
             class: "line-pointer"
           }, null, 8, La),
           w("text", {
-            x: E.value.x + (p.value.x > E.value.x ? -6 : 6),
-            y: p.value.y + e.value.style.layout.plots.selectors.labels.fontSize / 3,
+            x: E.value.x + (f.value.x > E.value.x ? -6 : 6),
+            y: f.value.y + e.value.style.layout.plots.selectors.labels.fontSize / 3,
             "font-size": e.value.style.layout.plots.selectors.labels.fontSize,
             fill: e.value.style.layout.plots.selectors.labels.color,
             "font-weight": e.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
-            "text-anchor": p.value.x > E.value.x ? "end" : "start"
+            "text-anchor": f.value.x > E.value.x ? "end" : "start"
           }, G(c(ue)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            c(q)(p.value.v.y),
+            c(q)(f.value.v.y),
             c(Q)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(q)(p.value.v.y),
+              v: c(q)(f.value.v.y),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.plots.selectors.labels.rounding
             }),
-            { datapoint: p.value }
+            { datapoint: f.value }
           )), 9, Ba),
           w("text", {
-            x: p.value.x,
-            y: E.value.y + (p.value.y > E.value.y ? -6 : e.value.style.layout.plots.selectors.labels.fontSize + 6),
+            x: f.value.x,
+            y: E.value.y + (f.value.y > E.value.y ? -6 : e.value.style.layout.plots.selectors.labels.fontSize + 6),
             "font-size": e.value.style.layout.plots.selectors.labels.fontSize,
             fill: e.value.style.layout.plots.selectors.labels.color,
             "font-weight": e.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
             "text-anchor": "middle"
           }, G(c(ue)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            c(q)(p.value.v.x),
+            c(q)(f.value.v.x),
             c(Q)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: c(q)(p.value.v.x),
+              v: c(q)(f.value.v.x),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.plots.selectors.labels.rounding
             }),
-            { datapoint: p.value }
+            { datapoint: f.value }
           )), 9, Ta),
           w("circle", {
             cx: E.value.x,
-            cy: p.value.y,
+            cy: f.value.y,
             r: e.value.style.layout.plots.selectors.markers.radius,
             fill: e.value.style.layout.plots.selectors.markers.fill,
             stroke: e.value.style.layout.plots.selectors.markers.stroke,
@@ -1221,7 +1221,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
             class: "line-pointer"
           }, null, 8, za),
           w("circle", {
-            cx: p.value.x,
+            cx: f.value.x,
             cy: E.value.y,
             r: e.value.style.layout.plots.selectors.markers.radius,
             fill: e.value.style.layout.plots.selectors.markers.fill,
@@ -1231,13 +1231,13 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
           }, null, 8, Pa),
           e.value.style.layout.plots.selectors.labels.showName ? (r(), y("text", {
             key: 0,
-            x: p.value.x,
-            y: p.value.y + (p.value.y < E.value.y ? -e.value.style.layout.plots.selectors.labels.fontSize / 2 : e.value.style.layout.plots.selectors.labels.fontSize),
+            x: f.value.x,
+            y: f.value.y + (f.value.y < E.value.y ? -e.value.style.layout.plots.selectors.labels.fontSize / 2 : e.value.style.layout.plots.selectors.labels.fontSize),
             "font-size": e.value.style.layout.plots.selectors.labels.fontSize,
             fill: e.value.style.layout.plots.selectors.labels.color,
             "font-weight": e.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
-            "text-anchor": p.value.x < n.value.left + 100 ? "start" : p.value.x > n.value.right - 100 ? "end" : p.value.x > E.value.x ? "start" : "end"
-          }, G(p.value.v.name), 9, Oa)) : x("", !0)
+            "text-anchor": f.value.x < n.value.left + 100 ? "start" : f.value.x > n.value.right - 100 ? "end" : f.value.x > E.value.x ? "start" : "end"
+          }, G(f.value.v.name), 9, Oa)) : x("", !0)
         ])) : x("", !0),
         e.value.style.layout.dataLabels.xAxis.show ? (r(), y("g", {
           key: 7,
@@ -1245,7 +1245,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
           ref: De
         }, [
           w("text", {
-            id: `vue-ui-scatter-xAxis-label-${N.value}`,
+            id: `vue-ui-scatter-xAxis-label-${W.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,
@@ -1285,7 +1285,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.xAxis.rounding
           })
-        )), 9, Wa)) : x("", !0),
+        )), 9, Fa)) : x("", !0),
         e.value.style.layout.dataLabels.yAxis.show ? (r(), y("text", {
           key: 9,
           ref_key: "yAxisLabelTop",
@@ -1304,7 +1304,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
             s: e.value.style.layout.plots.selectors.labels.suffix,
             r: e.value.style.layout.dataLabels.yAxis.rounding
           })
-        )), 9, Na)) : x("", !0),
+        )), 9, Wa)) : x("", !0),
         e.value.style.layout.dataLabels.yAxis.show ? (r(), y("g", {
           key: 10,
           ref_key: "yAxisLabelBottom",
@@ -1325,7 +1325,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.yAxis.rounding
             })
-          )), 9, Fa),
+          )), 9, Na),
           w("text", {
             "text-anchor": "middle",
             "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
@@ -1336,7 +1336,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
           }, G(e.value.style.layout.dataLabels.yAxis.name), 9, Ia)
         ], 512)) : x("", !0),
         w("clipPath", {
-          id: `clip_path_${N.value}`
+          id: `clip_path_${W.value}`
         }, [
           w("rect", {
             x: n.value.left,
@@ -1354,7 +1354,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
             "stroke-dasharray": e.value.style.layout.correlation.strokeDasharray,
             stroke: t.color,
             "stroke-width": e.value.style.layout.correlation.strokeWidth,
-            "clip-path": `url(#clip_path_${N.value})`
+            "clip-path": `url(#clip_path_${W.value})`
           }, null, 8, Va))), 256)),
           (r(!0), y(Z, null, K(j.value, (t, o) => (r(), y("g", null, [
             e.value.style.layout.correlation.label.show ? (r(), y("text", {
@@ -1374,20 +1374,20 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         V(l.$slots, "svg", { svg: D.value }, void 0, !0)
       ], 46, Rl)),
       l.$slots.watermark ? (r(), y("div", Ua, [
-        V(l.$slots, "watermark", fe(pe({ isPrinting: c(ft) || c(pt) })), void 0, !0)
+        V(l.$slots, "watermark", pe(fe({ isPrinting: c(pt) || c(ft) })), void 0, !0)
       ])) : x("", !0),
       w("div", {
-        id: `legend-bottom-${N.value}`
+        id: `legend-bottom-${W.value}`
       }, null, 8, Ga),
       rt.value ? (r(), le(yl, {
         key: 5,
-        to: e.value.style.legend.position === "top" ? `#legend-top-${N.value}` : `#legend-bottom-${N.value}`
+        to: e.value.style.legend.position === "top" ? `#legend-top-${W.value}` : `#legend-bottom-${W.value}`
       }, [
         w("div", {
           ref_key: "chartLegend",
           ref: at
         }, [
-          e.value.style.legend.show ? (r(), le(Wl, {
+          e.value.style.legend.show ? (r(), le(Fl, {
             key: `legend_${it.value}`,
             legendSet: ie.value,
             config: Jt.value,
@@ -1396,7 +1396,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
             item: X(({ legend: t }) => [
               w("div", {
                 onClick: (o) => t.segregate(),
-                style: ne(`opacity:${F.value.includes(t.id) ? 0.5 : 1}`)
+                style: ne(`opacity:${N.value.includes(t.id) ? 0.5 : 1}`)
               }, G(t.name), 13, qa)
             ]),
             _: 1
@@ -1414,7 +1414,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
       }, [
         V(l.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
-      $e(c(Nt), {
+      $e(c(Wt), {
         show: H.value.showTooltip && ze.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
@@ -1430,20 +1430,22 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
         isFullscreen: re.value,
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
         smooth: e.value.style.tooltip.smooth,
-        backdropFilter: e.value.style.tooltip.backdropFilter
+        backdropFilter: e.value.style.tooltip.backdropFilter,
+        smoothForce: e.value.style.tooltip.smoothForce,
+        smoothSnapThreshold: e.value.style.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": X(() => [
-          V(l.$slots, "tooltip-before", fe(pe({ ...Re.value })), void 0, !0)
+          V(l.$slots, "tooltip-before", pe(fe({ ...Re.value })), void 0, !0)
         ]),
         "tooltip-after": X(() => [
-          V(l.$slots, "tooltip-after", fe(pe({ ...Re.value })), void 0, !0)
+          V(l.$slots, "tooltip-after", pe(fe({ ...Re.value })), void 0, !0)
         ]),
         default: X(() => [
           e.value.style.tooltip.showShape ? (r(), y("div", Ha, [
             (r(), y("svg", Za, [
               $e(Qe, {
-                shape: p.value.shape,
-                color: p.value.color,
+                shape: f.value.shape,
+                color: f.value.color,
                 plot: { x: 10, y: 10 },
                 radius: 7
               }, null, 8, ["shape", "color"])
@@ -1451,7 +1453,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
           ])) : x("", !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       et.value ? (r(), le(cl(be.value.component), dl({ key: 7 }, be.value.props, {
         ref_key: "tableUnit",
         ref: xe,
@@ -1499,7 +1501,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
               class: "vue-ui-user-options-button",
               onClick: s[4] || (s[4] = (t) => Ue(e.value.userOptions.callbacks.csv))
             }, [
-              $e(c(Ft), {
+              $e(c(Nt), {
                 name: "excel",
                 stroke: be.value.props.color
               }, null, 8, ["stroke"])
@@ -1511,7 +1513,7 @@ const Xl = ["id"], Yl = ["id"], Rl = ["xmlns", "viewBox"], Vl = ["width", "heigh
       c(vt) ? (r(), le(Pl, { key: 8 })) : x("", !0)
     ], 46, Xl));
   }
-}, ho = /* @__PURE__ */ Il(Qa, [["__scopeId", "data-v-e292711d"]]);
+}, ho = /* @__PURE__ */ Il(Qa, [["__scopeId", "data-v-da24fbac"]]);
 export {
   ho as default
 };