vue-data-ui 3.16.4 → 3.17.0

package/dist/{vue-ui-scatter-Bh95G7ZD.js → vue-ui-scatter-BzCjfGB9.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as ye, computed as T, ref as w, toRefs as Ul, watch as Ue, shallowRef as Gt, onMounted as jl, onBeforeUnmount as Gl, openBlock as v, createElementBlock as c, unref as h, normalizeStyle as ue, normalizeClass as qt, createElementVNode as k, toDisplayString as V, createCommentVNode as x, createBlock as ae, withCtx as B, renderSlot as z, normalizeProps as H, guardReactiveProps as K, createSlots as Ht, createVNode as Oe, Fragment as Q, renderList as oe, Teleport as ql, resolveDynamicComponent as Hl, mergeProps as Kl, createTextVNode as Kt, nextTick as yt } from "vue";
-import { j as Zl, t as Zt, m as Jl, p as ge, o as Jt, q as dt, n as Ql, r as Qt, ak as ea, s as ht, am as ta, c as la, u as je, k as se, l as ee, X as aa, al as oa, K as Z, a0 as sa, a1 as na, T as ua, U as ia, a3 as ra } from "./lib-DBptbyyI.js";
+import { defineAsyncComponent as ye, computed as T, ref as w, toRefs as Ul, watch as je, shallowRef as Gt, onMounted as jl, onBeforeUnmount as Gl, openBlock as v, createElementBlock as c, unref as h, normalizeStyle as ue, normalizeClass as qt, createElementVNode as k, toDisplayString as V, createCommentVNode as x, createBlock as ae, withCtx as P, renderSlot as z, normalizeProps as q, guardReactiveProps as H, createSlots as Ht, createVNode as Oe, Fragment as Q, renderList as oe, Teleport as ql, resolveDynamicComponent as Hl, mergeProps as Kl, createTextVNode as Kt, nextTick as yt } from "vue";
+import { j as Zl, t as Zt, m as Jl, p as ge, o as Jt, q as dt, n as Ql, r as Qt, ak as ea, s as ht, am as ta, c as la, u as Ge, k as se, l as ee, X as aa, al as oa, K as Z, a0 as sa, a1 as na, T as ua, U as ia, a3 as ra } from "./lib-DBptbyyI.js";
 import { t as va, u as ca } from "./useResponsive-DfdjqQps.js";
-import { u as ya } from "./useConfig-CpJA0VZa.js";
+import { u as ya } from "./useConfig-ChRble71.js";
 import { u as da, B as ha } from "./BaseScanner-BhhkKVoj.js";
 import { u as fa } from "./usePrinter-CEpYU3r5.js";
 import { u as pa } from "./useSvgExport-ByUukOZt.js";
@@ -74,7 +74,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
   },
   emits: ["copyAlt"],
   setup(el, { expose: tl, emit: ll }) {
-    const al = ye(() => import("./Tooltip-Bf-kM3_A.js")), ol = ye(() => import("./BaseIcon-Cb3zzG6s.js")), sl = ye(() => import("./vue-ui-accordion-BF4v32wv.js")), nl = ye(() => import("./DataTable-DT2kIdQ6.js")), ul = ye(() => import("./PenAndPaper-Ct3qJ4lA.js")), il = ye(() => import("./UserOptions-rW2fRf3V.js")), rl = ye(() => import("./PackageVersion-1BHnPIBZ.js")), vl = ye(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_scatter: cl } = ya(), { isThemeValid: yl, warnInvalidTheme: dl } = ga(), te = el, hl = ll, gt = T(() => !!te.dataset && te.dataset.length), N = w(Zl()), De = w(!1), Ge = w(""), mt = w(0), ne = w(null), xt = w(null), bt = w(null), kt = w(null), wt = w(null), $t = w(0), Mt = w(0), _t = w(0), I = w([]), Ct = w(!1), _e = w(null), Ce = w(null), Ae = w(null), qe = w(null), Ee = w(!1), Ne = w(!1), He = w(null), fl = w(null), pl = w(null), Ke = w(null), me = w(null), At = w({ x: 0, y: 0 }), Se = w("pointer"), Fe = w(!1), Te = w(null), e = w(tt()), de = T(() => e.value.userOptions.useCursorPointer);
+    const al = ye(() => import("./Tooltip-C8KGyqQk.js")), ol = ye(() => import("./BaseIcon-Cb3zzG6s.js")), sl = ye(() => import("./vue-ui-accordion-CnDW2UQL.js")), nl = ye(() => import("./DataTable-DT2kIdQ6.js")), ul = ye(() => import("./PenAndPaper-Ct3qJ4lA.js")), il = ye(() => import("./UserOptions-rW2fRf3V.js")), rl = ye(() => import("./PackageVersion-B3kmPxTR.js")), vl = ye(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_scatter: cl } = ya(), { isThemeValid: yl, warnInvalidTheme: dl } = ga(), te = el, hl = ll, gt = T(() => !!te.dataset && te.dataset.length), N = w(Zl()), De = w(!1), qe = w(""), mt = w(0), ne = w(null), xt = w(null), bt = w(null), kt = w(null), wt = w(null), $t = w(0), Mt = w(0), _t = w(0), I = w([]), Ct = w(!1), _e = w(null), Ce = w(null), Ae = w(null), He = w(null), Ee = w(!1), Ne = w(!1), Ke = w(null), fl = w(null), pl = w(null), Ze = w(null), me = w(null), At = w({ x: 0, y: 0 }), Se = w("pointer"), Fe = w(!1), Te = w(null), e = w(lt()), de = T(() => e.value.userOptions.useCursorPointer);
     function gl(t = 100, a = 0.8, l = {}) {
       const { meanX: s = 0, sdX: o = 1, meanY: n = 0, sdY: i = 1, seed: y } = l;
       let r = (y ?? Math.floor(Math.random() * 2 ** 31)) >>> 0;
@@ -86,9 +86,9 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       }, d = t / 2, m = Array.from({ length: d }, A), E = Array.from({ length: d }, A), _ = (b) => b.reduce((X, Ie) => X + Ie, 0) / b.length, O = _(m), D = _(E);
       for (let b = 0; b < d; b += 1)
         m[b] -= O, E[b] -= D;
-      const L = (b, X) => b.reduce((Ie, Ve, ct) => Ie + Ve * X[ct], 0), C = (b) => L(b, b), p = L(E, m) / C(m), P = E.map((b, X) => b - p * m[X]), G = C(m) / d, le = C(P) / d, ce = Math.sqrt((1 - a * a) * G / le), j = m.map((b, X) => a * b + ce * P[X]), pe = m.concat(m.map((b) => -b)), vt = j.concat(j.map((b) => -b)), Be = (b) => Math.sqrt(C(b) / b.length), $e = (b, X, Ie) => {
-        const Ve = Be(b);
-        return b.map((ct) => Ie + (Ve ? ct / Ve * X : 0));
+      const L = (b, X) => b.reduce((Ie, Ue, ct) => Ie + Ue * X[ct], 0), C = (b) => L(b, b), p = L(E, m) / C(m), B = E.map((b, X) => b - p * m[X]), G = C(m) / d, le = C(B) / d, ce = Math.sqrt((1 - a * a) * G / le), j = m.map((b, X) => a * b + ce * B[X]), pe = m.concat(m.map((b) => -b)), vt = j.concat(j.map((b) => -b)), Be = (b) => Math.sqrt(C(b) / b.length), $e = (b, X, Ie) => {
+        const Ue = Be(b);
+        return b.map((ct) => Ie + (Ue ? ct / Ue * X : 0));
       }, Me = $e(pe, o, s), ze = $e(vt, i, n);
       for (let b = Me.length - 1; b > 0; b -= 1) {
         const X = Math.floor(f() * (b + 1));
@@ -128,10 +128,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: Ze, FINAL_DATASET: Je, manualLoading: Qe } = da({
+    })), { loading: Je, FINAL_DATASET: Qe, manualLoading: et } = da({
       ...Ul(te),
       FINAL_CONFIG: e,
-      prepareConfig: tt,
+      prepareConfig: lt,
       skeletonDataset: te.config?.skeletonDataset ?? [
         {
           name: "",
@@ -143,8 +143,8 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         defaultConfig: e.value,
         userConfig: ml.value
       })
-    }), { userOptionsVisible: et, setUserOptionsVisibility: St, keepUserOptionState: Tt } = ma({ config: e.value }), { svgRef: ie } = xa({ config: e.value.style.title });
-    function tt() {
+    }), { userOptionsVisible: tt, setUserOptionsVisibility: St, keepUserOptionState: Tt } = ma({ config: e.value }), { svgRef: ie } = xa({ config: e.value.style.title });
+    function lt() {
       const t = ft({
         userConfig: te.config,
         defaultConfig: cl
@@ -164,8 +164,8 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         customPalette: s.customPalette.length ? s.customPalette : Jl[a] || ge
       };
     }
-    Ue(() => te.config, (t) => {
-      Ze.value || (e.value = tt()), et.value = !e.value.userOptions.showOnChartHover, Pt(), $t.value += 1, Mt.value += 1, _t.value += 1, q.value.showTable = e.value.table.show, q.value.showTooltip = e.value.style.tooltip.show, Lt.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
+    je(() => te.config, (t) => {
+      Je.value || (e.value = lt()), tt.value = !e.value.userOptions.showOnChartHover, Pt(), $t.value += 1, Mt.value += 1, _t.value += 1, K.value.showTable = e.value.table.show, K.value.showTooltip = e.value.style.tooltip.show, Lt.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
 
 - downsampling is disabled in this mode, all plots are rendered
 
@@ -174,8 +174,8 @@ const Aa = ["id"], Sa = ["id"], Ta = {
 - Depending on plot density, shapes might not display a border (stroke) to avoid fuzziness 
 
 ℹ️ To remove this warning, set config.debug to false.`);
-    }, { deep: !0 }), Ue(() => te.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Qe.value = !1);
+    }, { deep: !0 }), je(() => te.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (et.value = !1);
     }, { deep: !0 });
     const re = Gt(null), xe = Gt(null);
     jl(() => {
@@ -187,7 +187,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         componentName: "VueUiScatter",
         type: "dataset",
         debug: Lt.value
-      }), Qe.value = !0), Jt(te.dataset) || (Qe.value = e.value.loading), e.value.responsive) {
+      }), et.value = !0), Jt(te.dataset) || (et.value = e.value.loading), e.value.responsive) {
         const t = va(() => {
           const { width: a, height: l } = ca({
             chart: ne.value,
@@ -206,16 +206,16 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     Gl(() => {
       re.value && (xe.value && re.value.unobserve(xe.value), re.value.disconnect());
     });
-    const { isPrinting: lt, isImaging: at, generatePdf: Bt, generateImage: zt } = fa({
+    const { isPrinting: at, isImaging: ot, generatePdf: Bt, generateImage: zt } = fa({
       elementId: `vue-ui-scatter_${N.value}`,
       fileName: e.value.style.title.text || "vue-ui-scatter",
       options: e.value.userOptions.print
-    }), xl = T(() => e.value.userOptions.show && !e.value.style.title.text), It = T(() => Ql(e.value.customPalette)), q = w({
+    }), xl = T(() => e.value.userOptions.show && !e.value.style.title.text), It = T(() => Ql(e.value.customPalette)), K = w({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
-    Ue(e, () => {
-      q.value = {
+    je(e, () => {
+      K.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
@@ -225,7 +225,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       width: e.value.style.layout.width
     }), We = T(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), u = T(() => {
       let t = 0, a = 0;
-      return He.value && (t = He.value.getBBox().width + 6), Ke.value && (a = Ke.value.getBBox().height + 6), {
+      return Ke.value && (t = Ke.value.getBBox().width + 6), Ze.value && (a = Ze.value.getBBox().height + 6), {
         top: e.value.style.layout.padding.top + We.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
         right: Y.value.width - e.value.style.layout.padding.right - We.value - 6,
         bottom: Y.value.height - e.value.style.layout.padding.bottom - a,
@@ -234,7 +234,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         width: Y.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - We.value - t - 6
       };
     }), F = T(() => {
-      Je.value.forEach((o, n) => {
+      Qe.value.forEach((o, n) => {
         Qt({
           datasetObject: o,
           requiredAttributes: ["values"]
@@ -264,7 +264,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     }), W = T(() => ({
       x: u.value.left + Math.abs(F.value.xMin) / (F.value.xMax + Math.abs(F.value.xMin)) * u.value.width,
       y: u.value.bottom - Math.abs(F.value.yMin) / (F.value.yMax + Math.abs(F.value.yMin)) * u.value.height
-    })), J = T(() => Je.value.map((t, a) => {
+    })), J = T(() => Qe.value.map((t, a) => {
       const l = `cluster_${N.value}_${a}`;
       return {
         ...t,
@@ -276,7 +276,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         color: t.color ? t.color : It.value[a] || ge[a] || ge[a % ge.length],
         opacity: I.value.includes(l) ? 0.5 : 1,
         shape: t.shape ?? "circle",
-        segregate: () => Re(l),
+        segregate: () => Ve(l),
         isSegregated: I.value.includes(l)
       };
     })), bl = T(() => ({
@@ -314,17 +314,17 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         let O = _[0], D = _[1], L = 0;
         for (let C = 0; C < _.length; C += 1)
           for (let p = C + 1; p < _.length; p += 1) {
-            const P = _[C].x - _[p].x, G = _[C].y - _[p].y, le = P * P + G * G;
+            const B = _[C].x - _[p].x, G = _[C].y - _[p].y, le = B * B + G * G;
             le > L && (L = le, O = _[C], D = _[p]);
           }
         return { x1: O.x, y1: O.y, x2: D.x, y2: D.y };
       };
       return be.value.map((l) => {
-        const s = l.plots.length, o = l.plots.reduce((p, P) => p + P.x, 0) / s, n = l.plots.reduce((p, P) => p + P.y, 0) / s;
+        const s = l.plots.length, o = l.plots.reduce((p, B) => p + B.x, 0) / s, n = l.plots.reduce((p, B) => p + B.y, 0) / s;
         let i = 0, y = 0;
         for (const p of l.plots) {
-          const P = p.x - o, G = p.y - n;
-          i += P * G, y += P * P;
+          const B = p.x - o, G = p.y - n;
+          i += B * G, y += B * B;
         }
         let r, f, A = null;
         y < 1e-9 ? (A = o, r = 1 / 0, f = null) : (r = i / y, f = n - r * o);
@@ -333,11 +333,11 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         const E = l.plots.every((p) => p.v && typeof p.v.x == "number" && typeof p.v.y == "number");
         let _ = NaN;
         if (s >= 2) {
-          let p = 0, P = 0;
-          E ? (p = l.plots.reduce((j, pe) => j + pe.v.x, 0) / s, P = l.plots.reduce((j, pe) => j + pe.v.y, 0) / s) : (p = o, P = -n);
+          let p = 0, B = 0;
+          E ? (p = l.plots.reduce((j, pe) => j + pe.v.x, 0) / s, B = l.plots.reduce((j, pe) => j + pe.v.y, 0) / s) : (p = o, B = -n);
           let G = 0, le = 0, ce = 0;
           for (const j of l.plots) {
-            const pe = E ? j.v.x : j.x, vt = E ? j.v.y : -j.y, Be = pe - p, $e = vt - P;
+            const pe = E ? j.v.x : j.x, vt = E ? j.v.y : -j.y, Be = pe - p, $e = vt - B;
             G += Be * $e, le += Be * Be, ce += $e * $e;
           }
           if (le >= 1e-9 && ce >= 1e-9) {
@@ -368,9 +368,9 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           },
           label: C,
           plots: l.plots.map((p) => {
-            let P, G;
-            A !== null ? (P = A, G = p.y) : Math.abs(d) < 1e-9 ? (P = p.x, G = m) : (P = (p.x + d * p.y - d * m) / (1 + d * d), G = (d * p.x + d * d * p.y + m) / (1 + d * d));
-            const le = p.x - P, ce = p.y - G, j = Math.sqrt(le * le + ce * ce);
+            let B, G;
+            A !== null ? (B = A, G = p.y) : Math.abs(d) < 1e-9 ? (B = p.x, G = m) : (B = (p.x + d * p.y - d * m) / (1 + d * d), G = (d * p.x + d * d * p.y + m) / (1 + d * d));
+            const le = p.x - B, ce = p.y - G, j = Math.sqrt(le * le + ce * ce);
             return {
               ...p,
               deviation: j,
@@ -398,8 +398,8 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       });
       const y = o - s, r = i - n, f = y / a, A = r / a, d = Array(a).fill(0), m = Array(a).fill(0);
       l.forEach(({ x: L, y: C }) => {
-        const p = Math.floor((L - s) / f), P = Math.floor((C - n) / A);
-        d[p] || (d[p] = 0), m[P] || (m[P] = 0), d[p] += 1, m[P] += 1;
+        const p = Math.floor((L - s) / f), B = Math.floor((C - n) / A);
+        d[p] || (d[p] = 0), m[B] || (m[B] = 0), d[p] += 1, m[B] += 1;
       });
       const E = [], _ = [];
       for (let L = 0; L < a; L += 1)
@@ -425,7 +425,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           id: l.id
         };
       });
-    }), R = w(void 0), g = w(null), ot = w(null);
+    }), R = w(void 0), g = w(null), Xe = w(null);
     function st() {
       De.value = !1, R.value = void 0, g.value = null, Te.value = null, me.value = null;
     }
@@ -437,7 +437,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     function he(t, a, l = "pointer", s = null) {
       R.value = t.id, g.value = t, Se.value = l, Te.value = s, me.value = t.id;
       let o = "";
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), ot.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), Xe.value = {
         datapoint: t,
         seriesIndex: a,
         series: U.value,
@@ -449,7 +449,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         seriesIndex: a,
         series: U.value,
         config: e.value
-      })) ? Ge.value = n({
+      })) ? qe.value = n({
         datapoint: t,
         seriesIndex: a,
         series: U.value,
@@ -477,14 +477,14 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       )}</b></div>`, o += `${e.value.style.layout.plots.deviation.translation}: <b>${ee({
         v: t.deviation,
         r: e.value.style.layout.plots.deviation.roundingValue
-      })}</b>`, o += "</div>", Ge.value = `<div>${o}</div>`), De.value = !0, l === "keyboard" && yt(() => {
+      })}</b>`, o += "</div>", qe.value = `<div>${o}</div>`), De.value = !0, l === "keyboard" && yt(() => {
         $l(t);
       });
     }
-    function Xe(t, a) {
+    function Ye(t, a) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }), !(Se.value === "keyboard" && me.value === t?.id) && (De.value = !1, R.value = void 0, g.value = null);
     }
-    function Ye(t, a) {
+    function Re(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
     }
     function Ml() {
@@ -492,8 +492,8 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         I.value.push(t.id);
       });
     }
-    function Re(t) {
-      I.value.includes(t) ? I.value = I.value.filter((a) => a !== t) : I.value.length < Je.value.length - 1 && I.value.push(t);
+    function Ve(t) {
+      I.value.includes(t) ? I.value = I.value.filter((a) => a !== t) : I.value.length < Qe.value.length - 1 && I.value.push(t);
     }
     function Et(t) {
       if (!J.value.length)
@@ -503,11 +503,11 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     }
     function _l(t) {
       const a = Et(t);
-      a !== null && I.value.includes(a.id) && Re(a.id);
+      a !== null && I.value.includes(a.id) && Ve(a.id);
     }
     function Cl(t) {
       const a = Et(t);
-      a !== null && (I.value.includes(a.id) || Re(a.id));
+      a !== null && (I.value.includes(a.id) || Ve(a.id));
     }
     function nt(t = null) {
       yt(() => {
@@ -557,10 +557,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       fe.value = t, mt.value += 1;
     }
     function Ft() {
-      q.value.showTable = !q.value.showTable;
+      K.value.showTable = !K.value.showTable;
     }
     function Wt() {
-      q.value.showTooltip = !q.value.showTooltip;
+      K.value.showTooltip = !K.value.showTooltip;
     }
     const Le = w(!1);
     function ut() {
@@ -674,7 +674,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         return {
           id: d.id,
           d: m.join(""),
-          fill: je(d.color, A * 100),
+          fill: Ge(d.color, A * 100),
           stroke: E ? "none" : r,
           strokeWidth: E ? 0 : f,
           strokeOpacity: 1
@@ -700,7 +700,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           R.value !== r.id && (R.value = r.id, he(r, A, "pointer", ve.value.get(r.id) ?? null));
         else if (R.value) {
           const d = g.value;
-          R.value = void 0, Xe(d, A);
+          R.value = void 0, Ye(d, A);
         }
       } : () => null;
     }
@@ -708,18 +708,18 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     function zl() {
       if (R.value) {
         const t = g.value;
-        R.value = void 0, Xe(t, null);
+        R.value = void 0, Ye(t, null);
       }
     }
     function Il(t) {
       const a = g.value;
       if (a) {
         const l = U.value.findIndex((s) => s.id === a.clusterId);
-        Ye(a, l >= 0 ? l : 0);
+        Re(a, l >= 0 ? l : 0);
       }
     }
     const Pe = T(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, a = q.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, a = K.value.showTable;
       return {
         component: t ? vl : sl,
         title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
@@ -749,11 +749,11 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         }
       };
     });
-    Ue(() => q.value.showTable, (t) => {
+    je(() => K.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && Ae.value ? Ae.value.open() : "close" in Ae.value && Ae.value.close());
     });
     function Rt() {
-      q.value.showTable = !1, qe.value && qe.value.setTableIconState(!1);
+      K.value.showTable = !1, He.value && He.value.setTableIconState(!1);
     }
     const Ol = T(() => e.value.style.backgroundColor), Dl = T(() => e.value.style.legend), El = T(() => e.value.style.title), { exportSvg: Nl, getSvg: Fl } = pa({
       svg: ie,
@@ -828,7 +828,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         if (Te.value === null) return;
         const m = we.value[Te.value];
         if (!m) return;
-        Ye(m, m.seriesIndex);
+        Re(m, m.seriesIndex);
         return;
       }
       let y = null;
@@ -939,7 +939,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       }, [
         k("p", null, V(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, Sa),
-      q.value.showTooltip ? x("", !0) : (v(), c("div", Ta, V(Vl.value), 1)),
+      K.value.showTooltip ? x("", !0) : (v(), c("div", Ta, V(Vl.value), 1)),
       rt.value?.rows?.length ? (v(), ae(Ma, {
         key: 1,
         uid: N.value,
@@ -957,23 +957,23 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         isCursorPointer: de.value,
         onClose: ut
       }, {
-        "annotator-action-close": B(() => [
+        "annotator-action-close": P(() => [
           z(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": B(({ color: l }) => [
-          z(t.$slots, "annotator-action-color", H(K({ color: l })), void 0, !0)
+        "annotator-action-color": P(({ color: l }) => [
+          z(t.$slots, "annotator-action-color", q(H({ color: l })), void 0, !0)
         ]),
-        "annotator-action-draw": B(({ mode: l }) => [
-          z(t.$slots, "annotator-action-draw", H(K({ mode: l })), void 0, !0)
+        "annotator-action-draw": P(({ mode: l }) => [
+          z(t.$slots, "annotator-action-draw", q(H({ mode: l })), void 0, !0)
         ]),
-        "annotator-action-undo": B(({ disabled: l }) => [
-          z(t.$slots, "annotator-action-undo", H(K({ disabled: l })), void 0, !0)
+        "annotator-action-undo": P(({ disabled: l }) => [
+          z(t.$slots, "annotator-action-undo", q(H({ disabled: l })), void 0, !0)
         ]),
-        "annotator-action-redo": B(({ disabled: l }) => [
-          z(t.$slots, "annotator-action-redo", H(K({ disabled: l })), void 0, !0)
+        "annotator-action-redo": P(({ disabled: l }) => [
+          z(t.$slots, "annotator-action-redo", q(H({ disabled: l })), void 0, !0)
         ]),
-        "annotator-action-delete": B(({ disabled: l }) => [
-          z(t.$slots, "annotator-action-delete", H(K({ disabled: l })), void 0, !0)
+        "annotator-action-delete": P(({ disabled: l }) => [
+          z(t.$slots, "annotator-action-delete", q(H({ disabled: l })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : x("", !0),
@@ -1007,14 +1007,14 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       k("div", {
         id: `legend-top-${N.value}`
       }, null, 8, La),
-      e.value.userOptions.show && gt.value && (h(Tt) || h(et)) ? (v(), ae(h(il), {
+      e.value.userOptions.show && gt.value && (h(Tt) || h(tt)) ? (v(), ae(h(il), {
         ref_key: "userOptionsRef",
-        ref: qe,
+        ref: He,
         key: `user_options_${mt.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: h(at),
-        isPrinting: h(lt),
+        isImaging: h(ot),
+        isPrinting: h(at),
         uid: N.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -1024,7 +1024,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isTooltip: q.value.showTooltip,
+        isTooltip: K.value.showTooltip,
         isFullscreen: fe.value,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: ne.value,
@@ -1045,76 +1045,76 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         onToggleAnnotator: ut,
         onCopyAlt: Ut,
         style: ue({
-          visibility: h(Tt) ? h(et) ? "visible" : "hidden" : "visible"
+          visibility: h(Tt) ? h(tt) ? "visible" : "hidden" : "visible"
         })
       }, Ht({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: B(({ isOpen: l, color: s }) => [
-            z(t.$slots, "menuIcon", H(K({ isOpen: l, color: s })), void 0, !0)
+          fn: P(({ isOpen: l, color: s }) => [
+            z(t.$slots, "menuIcon", q(H({ isOpen: l, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: B(() => [
+          fn: P(() => [
             z(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: B(() => [
+          fn: P(() => [
             z(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: B(() => [
+          fn: P(() => [
             z(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: B(() => [
+          fn: P(() => [
             z(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: B(() => [
+          fn: P(() => [
             z(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: B(() => [
+          fn: P(() => [
             z(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: B(({ toggleFullscreen: l, isFullscreen: s }) => [
-            z(t.$slots, "optionFullscreen", H(K({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
+          fn: P(({ toggleFullscreen: l, isFullscreen: s }) => [
+            z(t.$slots, "optionFullscreen", q(H({ toggleFullscreen: l, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: B(({ toggleAnnotator: l, isAnnotator: s }) => [
-            z(t.$slots, "optionAnnotator", H(K({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
+          fn: P(({ toggleAnnotator: l, isAnnotator: s }) => [
+            z(t.$slots, "optionAnnotator", q(H({ toggleAnnotator: l, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
-          fn: B(({ altCopy: l }) => [
-            z(t.$slots, "optionAltCopy", H(K({ altCopy: l })), void 0, !0)
+          fn: P(({ altCopy: l }) => [
+            z(t.$slots, "optionAltCopy", q(H({ altCopy: l })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -1356,7 +1356,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
               l.plots.length > 2 ? (v(), c("polygon", {
                 key: 0,
                 points: h(oa)({ series: l.plots }),
-                fill: h(je)(l.color, e.value.style.layout.plots.giftWrap.fillOpacity * 100),
+                fill: h(Ge)(l.color, e.value.style.layout.plots.giftWrap.fillOpacity * 100),
                 "stroke-width": e.value.style.layout.plots.giftWrap.strokeWidth,
                 "stroke-dasharray": e.value.style.layout.plots.giftWrap.strokeDasharray,
                 stroke: l.color,
@@ -1371,26 +1371,26 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 cx: o.x,
                 cy: o.y,
                 r: R.value && R.value === o.id ? o.weight * 2 : o.weight,
-                fill: h(je)(l.color, e.value.style.layout.plots.opacity * 100),
+                fill: h(Ge)(l.color, e.value.style.layout.plots.opacity * 100),
                 stroke: e.value.style.layout.plots.stroke,
                 "stroke-width": e.value.style.layout.plots.strokeWidth,
                 style: ue(`opacity:${R.value && R.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / Ot.value : e.value.style.layout.plots.significance.show && Math.abs(o.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
                 onMouseover: (i) => he(o, s, "pointer", ve.value.get(o.id)),
-                onMouseleave: (i) => Xe(o, s),
-                onClick: (i) => Ye(o, s)
+                onMouseleave: (i) => Ye(o, s),
+                onClick: (i) => Re(o, s)
               }, null, 44, vo))), 256))
             ])) : (v(), c("g", co, [
               (v(!0), c(Q, null, oe(l.plots, (o, n) => (v(), ae(pt, {
                 plot: { x: o.x, y: o.y },
                 radius: R.value && R.value === o.id ? o.weight * 2 : o.weight,
                 shape: l.shape,
-                color: h(je)(l.color, e.value.style.layout.plots.opacity * 100),
+                color: h(Ge)(l.color, e.value.style.layout.plots.opacity * 100),
                 stroke: e.value.style.layout.plots.stroke,
                 strokeWidth: e.value.style.layout.plots.strokeWidth,
                 style: ue(`opacity:${R.value && R.value === o.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(o.deviation) / Ot.value : e.value.style.layout.plots.significance.show && Math.abs(o.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
                 onMouseover: (i) => he(o, s, "pointer", ve.value.get(o.id)),
-                onMouseleave: (i) => Xe(o, s),
-                onClick: (i) => Ye(o, s)
+                onMouseleave: (i) => Ye(o, s),
+                onClick: (i) => Re(o, s)
               }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "style", "onMouseover", "onMouseleave", "onClick"]))), 256))
             ]))
           ]))), 256)),
@@ -1520,7 +1520,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           e.value.style.layout.dataLabels.xAxis.show ? (v(), c("g", {
             key: 7,
             ref_key: "xAxisLabelLeft",
-            ref: He
+            ref: Ke
           }, [
             k("text", {
               id: `vue-ui-scatter-xAxis-label-${N.value}`,
@@ -1586,7 +1586,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           e.value.style.layout.dataLabels.yAxis.show ? (v(), c("g", {
             key: 10,
             ref_key: "yAxisLabelBottom",
-            ref: Ke
+            ref: Ze
           }, [
             k("text", {
               x: W.value.x,
@@ -1657,17 +1657,17 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 zero: W.value
               },
               data: be.value,
-              isPrintingImg: h(lt) | h(at) | Ee.value,
+              isPrintingImg: h(at) | h(ot) | Ee.value,
               isPrintingSvg: Ne.value
             }
           }, void 0, !0)
         ], 46, Ba)),
         t.$slots.hint ? (v(), c("div", Do, [
-          z(t.$slots, "hint", H(K({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Fe.value })), void 0, !0)
+          z(t.$slots, "hint", q(H({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Fe.value })), void 0, !0)
         ])) : x("", !0)
       ]),
       t.$slots.watermark ? (v(), c("div", Eo, [
-        z(t.$slots, "watermark", H(K({ isPrinting: h(lt) || h(at) || Ee.value || Ne.value })), void 0, !0)
+        z(t.$slots, "watermark", q(H({ isPrinting: h(at) || h(ot) || Ee.value || Ne.value })), void 0, !0)
       ])) : x("", !0),
       k("div", {
         id: `legend-bottom-${N.value}`
@@ -1685,16 +1685,16 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             legendSet: J.value,
             config: bl.value,
             isCursorPointer: de.value,
-            onClickMarker: a[3] || (a[3] = ({ legend: l }) => Re(l.id))
+            onClickMarker: a[3] || (a[3] = ({ legend: l }) => Ve(l.id))
           }, {
-            item: B(({ legend: l }) => [
+            item: P(({ legend: l }) => [
               k("div", {
                 onClick: (s) => l.segregate(),
                 style: ue(`opacity:${I.value.includes(l.id) ? 0.5 : 1}`)
               }, V(l.name), 13, Fo)
             ]),
-            legendToggle: B(() => [
-              J.value.length > 2 && e.value.style.legend.selectAllToggle.show && !h(Ze) ? (v(), ae(_a, {
+            legendToggle: P(() => [
+              J.value.length > 2 && e.value.style.legend.selectAllToggle.show && !h(Je) ? (v(), ae(_a, {
                 key: 0,
                 backgroundColor: e.value.style.legend.selectAllToggle.backgroundColor,
                 color: e.value.style.legend.selectAllToggle.color,
@@ -1721,7 +1721,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       ], 512)) : x("", !0),
       Oe(h(al), {
         teleportTo: e.value.style.tooltip.teleportTo,
-        show: q.value.showTooltip && De.value,
+        show: K.value.showTooltip && De.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -1732,7 +1732,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
         parent: ne.value,
-        content: Ge.value,
+        content: qe.value,
         isFullscreen: fe.value,
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
         smooth: e.value.style.tooltip.smooth,
@@ -1742,13 +1742,16 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         isA11yMode: Se.value === "keyboard",
         a11yPosition: At.value
       }, {
-        "tooltip-before": B(() => [
-          z(t.$slots, "tooltip-before", H(K({ ...ot.value })), void 0, !0)
+        "tooltip-before": P(() => [
+          z(t.$slots, "tooltip-before", q(H({ ...Xe.value })), void 0, !0)
+        ]),
+        tooltip: P(() => [
+          z(t.$slots, "tooltip", q(H({ ...Xe.value })), void 0, !0)
         ]),
-        "tooltip-after": B(() => [
-          z(t.$slots, "tooltip-after", H(K({ ...ot.value })), void 0, !0)
+        "tooltip-after": P(() => [
+          z(t.$slots, "tooltip-after", q(H({ ...Xe.value })), void 0, !0)
         ]),
-        default: B(() => [
+        default: P(() => [
           e.value.style.tooltip.showShape ? (v(), c("div", Wo, [
             (v(), c("svg", Xo, [
               Oe(pt, {
@@ -1767,7 +1770,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         ref: Ae,
         onClose: Rt
       }), Ht({
-        content: B(() => [
+        content: P(() => [
           (v(), ae(h(nl), {
             key: `table_${Mt.value}`,
             colNames: ke.value.colNames,
@@ -1779,10 +1782,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             isCursorPointer: de.value,
             onClose: Rt
           }, {
-            th: B(({ th: l }) => [
+            th: P(({ th: l }) => [
               Kt(V(l), 1)
             ]),
-            td: B(({ td: l }) => [
+            td: P(({ td: l }) => [
               l.shape ? (v(), c("div", Yo, [
                 k("span", null, V(l.content), 1)
               ])) : (v(), c("div", {
@@ -1797,14 +1800,14 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: B(() => [
+          fn: P(() => [
             Kt(V(Pe.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: B(() => [
+          fn: P(() => [
             k("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1821,11 +1824,11 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         } : void 0
       ]), 1040)) : x("", !0),
       z(t.$slots, "skeleton", {}, () => [
-        h(Ze) ? (v(), ae(ha, { key: 0 })) : x("", !0)
+        h(Je) ? (v(), ae(ha, { key: 0 })) : x("", !0)
       ], !0)
     ], 46, Aa));
   }
-}, vs = /* @__PURE__ */ Ca(Vo, [["__scopeId", "data-v-cde737cf"]]);
+}, vs = /* @__PURE__ */ Ca(Vo, [["__scopeId", "data-v-c5a02553"]]);
 export {
   vs as default
 };