vue-data-ui 3.4.1 → 3.4.3

package/dist/{vue-ui-scatter-CBX-g9w3.js → vue-ui-scatter-DsvtDcRf.js}

@@ -1,15 +1,15 @@
-import { defineAsyncComponent as ne, computed as T, ref as M, toRefs as hl, watch as Te, shallowRef as Bt, onMounted as pl, onBeforeUnmount as fl, createElementBlock as y, openBlock as r, unref as c, normalizeStyle as ue, normalizeClass as Tt, createBlock as le, createCommentVNode as x, createElementVNode as w, createVNode as $e, createSlots as zt, withCtx as X, renderSlot as j, normalizeProps as pe, guardReactiveProps as fe, Fragment as Z, renderList as J, toDisplayString as G, Teleport as gl, resolveDynamicComponent as ml, mergeProps as xl, createTextVNode as Pt, nextTick as bl } from "vue";
-import { c as kl, t as wl, b as _l, p as ye, o as Ot, f as Qe, e as $l, g as Dt, aa as Ml, h as Je, ac as Cl, z as Al, s as ze, X as Sl, ab as Ll, a as ie, x as q, d as K, P as Bl, Q as Tl, G as zl, H as Pl } from "./lib-BcBZIm6u.js";
+import { 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-BcBZIm6u.js";
 import { t as Ol, u as Dl } from "./useResponsive-DfdjqQps.js";
-import { u as El, a as Et } from "./useNestedProp-B7CiTRDS.js";
+import { u as El, a as Et } from "./useNestedProp-CtheCta-.js";
 import { u as Fl, B as Wl } from "./BaseScanner-BgWxam9d.js";
 import { u as Nl } from "./usePrinter-C1GiglOH.js";
 import { u as Il } from "./useSvgExport-DrjCWun4.js";
 import { u as Xl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Yl } from "./useChartAccessibility-9icAAmYg.js";
-import { t as Rl } from "./themes-Dw-dDudK.js";
+import { t as Rl } from "./themes-AUNCOb2G.js";
 import jl from "./Legend-C8u37J42.js";
-import Ul from "./Title-CFmv95In.js";
+import Ul from "./Title-D7_5ICX_.js";
 import { _ as Ke } from "./Shape-BhNvlGIN.js";
 import Vl from "./img-CFY3JivG.js";
 import { _ as Gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -59,32 +59,32 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
     }
   },
   setup(Ft, { expose: Wt }) {
-    const Nt = ne(() => import("./Tooltip-Cs4v8OnI.js")), It = ne(() => import("./BaseIcon-B5KaGWWC.js")), Xt = ne(() => import("./vue-ui-accordion-BKkTS12x.js")), Yt = ne(() => import("./DataTable-DOx3zgih.js")), Rt = ne(() => import("./PenAndPaper-Dj2diYr0.js")), jt = ne(() => import("./UserOptions-C0YT60JN.js")), Ut = ne(() => import("./PackageVersion-VpPtLYhK.js")), Vt = ne(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_scatter: Gt } = El(), ee = Ft, et = T(() => !!ee.dataset && ee.dataset.length), W = M(kl()), Pe = M(!1), Oe = M(""), tt = M(0), te = M(null), lt = M(null), at = M(null), ot = M(null), st = M(null), nt = M(0), ut = M(0), it = M(0), N = M([]), rt = M(!1), ge = M(null), me = M(null), xe = M(null), De = M(null), Ee = M(null), qt = M(null), Ht = M(null), Fe = M(null), e = M(Xe());
+    const Nt = ne(() => import("./Tooltip-Cs4v8OnI.js")), It = ne(() => import("./BaseIcon-B5KaGWWC.js")), Xt = ne(() => import("./vue-ui-accordion-DXdd_qAk.js")), Yt = ne(() => import("./DataTable-DOx3zgih.js")), Rt = ne(() => import("./PenAndPaper-Dj2diYr0.js")), jt = ne(() => import("./UserOptions-C0YT60JN.js")), Ut = ne(() => import("./PackageVersion-Df-8U2yE.js")), Vt = ne(() => import("./BaseDraggableDialog-CbuLbfrc.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());
     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;
       const g = () => (v = v * 1664525 + 1013904223 >>> 0, v / 2 ** 32), L = () => {
-        let m = 0, D = 0;
+        let m = 0, E = 0;
         for (; m === 0; ) m = g();
-        for (; D === 0; ) D = g();
-        return Math.sqrt(-2 * Math.log(m)) * Math.cos(2 * Math.PI * D);
-      }, d = l / 2, $ = Array.from({ length: d }, L), O = Array.from({ length: d }, L), C = (m) => m.reduce((D, _e) => D + _e, 0) / m.length, z = C($), I = C(O);
+        for (; 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);
       for (let m = 0; m < d; m += 1)
-        $[m] -= z, O[m] -= I;
-      const B = (m, D) => m.reduce((_e, Be, Ze) => _e + Be * D[Ze], 0), _ = (m) => B(m, m), h = B(O, $) / _($), S = O.map((m, D) => m - h * $[D]), V = _($) / d, Q = _(S) / d, se = Math.sqrt((1 - s * s) * V / Q), R = $.map((m, D) => s * m + se * S[D]), ve = $.concat($.map((m) => -m)), He = R.concat(R.map((m) => -m)), ke = (m) => Math.sqrt(_(m) / m.length), de = (m, D, _e) => {
-        const Be = ke(m);
-        return m.map((Ze) => _e + (Be ? Ze / Be * D : 0));
+        $[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) => {
+        const Te = ke(m);
+        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 D = Math.floor(g() * (m + 1));
-        [he[m], he[D]] = [he[D], he[m]], [we[m], we[D]] = [we[D], we[m]];
+        const E = Math.floor(g() * (m + 1));
+        [he[m], he[E]] = [he[E], he[m]], [we[m], we[E]] = [we[E], we[m]];
       }
-      return he.map((m, D) => ({ x: m, y: we[D] }));
+      return he.map((m, E) => ({ x: m, y: we[E] }));
     }
-    const { loading: vt, FINAL_DATASET: We, manualLoading: Ne } = Fl({
+    const { loading: vt, FINAL_DATASET: Ne, manualLoading: Ie } = Fl({
       ...hl(ee),
       FINAL_CONFIG: e,
-      prepareConfig: Xe,
+      prepareConfig: Ye,
       skeletonDataset: [
         {
           name: "",
@@ -125,8 +125,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           }
         }
       })
-    }), { userOptionsVisible: Ie, setUserOptionsVisibility: yt, keepUserOptionState: ct } = Xl({ config: e.value }), { svgRef: Me } = Yl({ config: e.value.style.title });
-    function Xe() {
+    }), { userOptionsVisible: Xe, setUserOptionsVisibility: yt, keepUserOptionState: ct } = Xl({ config: e.value }), { svgRef: Me } = Yl({ config: e.value.style.title });
+    function Ye() {
       const l = Et({
         userConfig: ee.config,
         defaultConfig: Gt
@@ -139,8 +139,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         customPalette: _l[l.theme] || ye
       } : l;
     }
-    Te(() => ee.config, (l) => {
-      vt.value || (e.value = Xe()), Ie.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
+    ze(() => ee.config, (l) => {
+      vt.value || (e.value = Ye()), Xe.value = !e.value.userOptions.showOnChartHover, ht(), nt.value += 1, ut.value += 1, it.value += 1, H.value.showTable = e.value.table.show, H.value.showTooltip = e.value.style.tooltip.show, dt.value && e.value.usePerformanceMode && console.warn(`VueUiScatter : You are using performance mode
 
 - downsampling is disabled in this mode, all plots are rendered
 
@@ -149,8 +149,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
 - Depending on plot density, shapes might not display a border (stroke) to avoid fuzziness 
 
 ℹ️ To remove this warning, set config.debug to false.`);
-    }, { deep: !0 }), Te(() => ee.dataset, (l) => {
-      Array.isArray(l) && l.length > 0 && (Ne.value = !1);
+    }, { deep: !0 }), ze(() => ee.dataset, (l) => {
+      Array.isArray(l) && l.length > 0 && (Ie.value = !1);
     }, { deep: !0 });
     const ae = Bt(null), ce = Bt(null);
     pl(() => {
@@ -162,7 +162,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         componentName: "VueUiScatter",
         type: "dataset",
         debug: dt.value
-      }), Ne.value = !0), Ot(ee.dataset) || (Ne.value = e.value.loading), e.value.responsive) {
+      }), Ie.value = !0), Ot(ee.dataset) || (Ie.value = e.value.loading), e.value.responsive) {
         const l = Ol(() => {
           const { width: s, height: t } = Dl({
             chart: te.value,
@@ -172,7 +172,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             noTitle: st.value
           });
           requestAnimationFrame(() => {
-            E.value.width = s, E.value.height = t;
+            F.value.width = s, F.value.height = t;
           });
         });
         ae.value && (ce.value && ae.value.unobserve(ce.value), ae.value.disconnect()), ae.value = new ResizeObserver(l), ce.value = te.value.parentNode, ae.value.observe(ce.value);
@@ -189,27 +189,27 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
-    Te(e, () => {
+    ze(e, () => {
       H.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.tooltip.show
       };
     }, { immediate: !0 });
-    const E = M({
+    const F = M({
       height: e.value.style.layout.height,
       width: e.value.style.layout.width
     }), Ce = T(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), n = T(() => {
       let l = 0, s = 0;
-      return Ee.value && (l = Ee.value.getBBox().width + 6), Fe.value && (s = Fe.value.getBBox().height + 6), {
+      return Fe.value && (l = Fe.value.getBBox().width + 6), We.value && (s = We.value.getBBox().height + 6), {
         top: e.value.style.layout.padding.top + Ce.value + e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        right: E.value.width - e.value.style.layout.padding.right - Ce.value - 6,
-        bottom: E.value.height - e.value.style.layout.padding.bottom - s,
+        right: F.value.width - e.value.style.layout.padding.right - Ce.value - 6,
+        bottom: F.value.height - e.value.style.layout.padding.bottom - s,
         left: e.value.style.layout.padding.left + l,
-        height: E.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - Ce.value - s - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
-        width: E.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - Ce.value - l - 6
+        height: F.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - Ce.value - s - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+        width: F.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - Ce.value - l - 6
       };
     }), P = T(() => {
-      We.value.forEach((a, u) => {
+      Ne.value.forEach((a, u) => {
         Dt({
           datasetObject: a,
           requiredAttributes: ["values"]
@@ -236,10 +236,10 @@ 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)));
       return { xMin: l >= 0 ? 0 : l, xMax: s, yMin: t >= 0 ? 0 : t, yMax: o };
-    }), F = T(() => ({
+    }), 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(() => We.value.map((l, s) => {
+    })), oe = T(() => Ne.value.map((l, s) => {
       const t = `cluster_${W.value}_${s}`;
       return {
         ...l,
@@ -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" : ""
-    })), Ye = T(() => oe.value.map((l, s) => ({
+    })), Ae = 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,
@@ -281,8 +281,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           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 O = L.filter($), C = [];
-        for (const _ of 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(_);
         if (C.length < 2) return null;
         let z = C[0], I = C[1], B = 0;
@@ -293,7 +293,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           }
         return { x1: z.x, y1: z.y, x2: I.x, y2: I.y };
       };
-      return Ye.value.map((t) => {
+      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;
         let i = 0, p = 0;
         for (const h of t.plots) {
@@ -304,14 +304,14 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         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 O = t.plots.every((h) => h.v && typeof h.v.x == "number" && typeof h.v.y == "number");
+        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;
-          O ? (h = t.plots.reduce((R, ve) => R + ve.v.x, 0) / o, S = t.plots.reduce((R, ve) => R + ve.v.y, 0) / o) : (h = a, S = -u);
+          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 V = 0, Q = 0, se = 0;
           for (const R of t.plots) {
-            const ve = O ? R.v.x : R.x, He = O ? R.v.y : -R.y, ke = ve - h, de = He - S;
+            const ve = D ? R.v.x : R.x, He = D ? R.v.y : -R.y, ke = ve - h, de = He - S;
             V += ke * de, Q += ke * ke, se += de * de;
           }
           if (Q >= 1e-9 && se >= 1e-9) {
@@ -375,15 +375,15 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         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 O = [], C = [];
+      const D = [], C = [];
       for (let B = 0; B < s; B += 1)
-        O.push(o + (B + 0.5) * g), C.push(u + (B + 0.5) * L);
+        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: O, avgY: C, maxX: z, maxY: I };
+      return { x: d, y: $, avgX: D, avgY: C, maxX: z, maxY: I };
     }
-    const b = T(() => e.value.style.layout.marginalBars.tranches), A = T(() => kt(Ye.value, b.value)), el = T(() => {
+    const b = T(() => e.value.style.layout.marginalBars.tranches), A = T(() => kt(Ae.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 Ye.value.map((t) => {
+      return Ae.value.map((t) => {
         const o = kt(t, b.value);
         return {
           coords: o,
@@ -415,7 +415,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         seriesIndex: s,
         series: U.value,
         config: e.value
-      })) ? Oe.value = o({
+      })) ? De.value = o({
         datapoint: l,
         seriesIndex: s,
         series: U.value,
@@ -443,16 +443,16 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       )}</b></div>`, t += `${e.value.style.layout.plots.deviation.translation}: <b>${K({
         v: l.deviation,
         r: e.value.style.layout.plots.deviation.roundingValue
-      })}</b>`, t += "</div>", Oe.value = `<div>${t}</div>`), Pe.value = !0;
+      })}</b>`, t += "</div>", De.value = `<div>${t}</div>`), Oe.value = !0;
     }
-    function Ae(l, s) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s }), Pe.value = !1, Y.value = void 0, f.value = null;
+    function Se(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 < We.value.length - 1 && N.value.push(l);
+      N.value.includes(l) ? N.value = N.value.filter((s) => s !== l) : N.value.length < Ne.value.length - 1 && N.value.push(l);
     }
     function Ve(l = null) {
       bl(() => {
@@ -466,7 +466,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         l ? l(a) : Tl({ csvContent: a, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
-    const Se = T(() => {
+    const Le = T(() => {
       const l = [
         e.value.table.translations.series,
         e.value.table.translations.correlationCoefficient,
@@ -507,9 +507,9 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
     function Mt() {
       H.value.showTooltip = !H.value.showTooltip;
     }
-    const Le = M(!1);
+    const Be = M(!1);
     function Ge() {
-      Le.value = !Le.value;
+      Be.value = !Be.value;
     }
     async function tl({ scale: l = 2 } = {}) {
       if (!te.value) return;
@@ -615,13 +615,13 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           }));
         }
         if (!$.length) return null;
-        const O = u(d.plots.length) > i || d.plots.length > p;
+        const D = u(d.plots.length) > i || d.plots.length > p;
         return {
           id: d.id,
           d: $.join(""),
-          fill: ze(d.color, L * 100),
-          stroke: O ? "none" : v,
-          strokeWidth: O ? 0 : g,
+          fill: Pe(d.color, L * 100),
+          stroke: D ? "none" : v,
+          strokeWidth: D ? 0 : g,
           strokeOpacity: 1
         };
       }).filter(Boolean);
@@ -637,15 +637,15 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         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, $) => {
-          d.plots.forEach((O) => {
-            const C = O.x - u.x, z = O.y - u.y, I = C * C + z * z;
-            I <= p && I < g && (g = I, v = O, L = $);
+          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 = $);
           });
         }), v)
           Y.value !== v.id && (Y.value = v.id, je(v, L));
         else if (Y.value) {
           const d = f.value;
-          Y.value = void 0, Ae(d, L);
+          Y.value = void 0, Se(d, L);
         }
       } : () => null;
     }
@@ -653,7 +653,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
     function ul() {
       if (Y.value) {
         const l = f.value;
-        Y.value = void 0, Ae(l, null);
+        Y.value = void 0, Se(l, null);
       }
     }
     function il(l) {
@@ -693,11 +693,11 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         }
       };
     });
-    Te(() => H.value.showTable, (l) => {
+    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() {
-      H.value.showTable = !1, De.value && De.value.setTableIconState(!1);
+      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({
       svg: Me,
@@ -738,7 +738,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         svgRef: c(Me),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        active: Le.value,
+        active: Be.value,
         onClose: Ge
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : x("", !0),
       Qt.value ? (r(), y("div", {
@@ -771,9 +771,9 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
       w("div", {
         id: `legend-top-${W.value}`
       }, null, 8, Hl),
-      e.value.userOptions.show && et.value && (c(ct) || c(Ie)) ? (r(), le(c(jt), {
+      e.value.userOptions.show && et.value && (c(ct) || c(Xe)) ? (r(), le(c(jt), {
         ref_key: "userOptionsRef",
-        ref: De,
+        ref: Ee,
         key: `user_options_${tt.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
@@ -793,7 +793,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         chartElement: te.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Le.value,
+        isAnnotation: Be.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
@@ -806,7 +806,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         onToggleTooltip: Mt,
         onToggleAnnotator: Ge,
         style: ue({
-          visibility: c(ct) ? c(Ie) ? "visible" : "hidden" : "visible"
+          visibility: c(ct) ? c(Xe) ? "visible" : "hidden" : "visible"
         })
       }, zt({ _: 2 }, [
         l.$slots.menuIcon ? {
@@ -871,7 +871,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         ref: Me,
         xmlns: c(Sl),
         class: Tt({ "vue-data-ui-fullscreen--on": re.value, "vue-data-ui-fulscreen--off": !re.value, animated: e.value.useCssAnimation }),
-        viewBox: `0 0 ${E.value.width <= 0 ? 10 : E.value.width} ${E.value.height <= 0 ? 10 : E.value.height}`,
+        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
       }, [
@@ -880,8 +880,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           key: 0,
           x: 0,
           y: 0,
-          width: E.value.width <= 0 ? 10 : E.value.width,
-          height: E.value.height <= 0 ? 10 : E.value.height,
+          width: F.value.width <= 0 ? 10 : F.value.width,
+          height: F.value.height <= 0 ? 10 : F.value.height,
           style: {
             pointerEvents: "none"
           }
@@ -890,8 +890,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         ], 8, Ql)) : x("", !0),
         e.value.style.layout.axis.show ? (r(), y("g", Jl, [
           w("line", {
-            x1: F.value.x,
-            x2: F.value.x,
+            x1: O.value.x,
+            x2: O.value.x,
             y1: n.value.top,
             y2: n.value.bottom,
             stroke: e.value.style.layout.axis.stroke,
@@ -901,8 +901,8 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           w("line", {
             x1: n.value.left,
             x2: n.value.right,
-            y1: F.value.y,
-            y2: F.value.y,
+            y1: O.value.y,
+            y2: O.value.y,
             stroke: e.value.style.layout.axis.stroke,
             "stroke-width": e.value.style.layout.axis.strokeWidth,
             "stroke-linecap": "round"
@@ -1031,7 +1031,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               }, null, 8, ga),
               w("line", {
                 x1: n.value.left,
-                x2: E.value.width,
+                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,
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
@@ -1041,7 +1041,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               }, null, 8, ma),
               w("line", {
                 x1: n.value.left,
-                x2: E.value.width,
+                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),
                 stroke: e.value.style.layout.marginalBars.highlighter.stroke,
@@ -1097,7 +1097,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             t.plots.length > 2 ? (r(), y("polygon", {
               key: 0,
               points: c(Ll)({ series: t.plots }),
-              fill: c(ze)(t.color, e.value.style.layout.plots.giftWrap.fillOpacity * 100),
+              fill: c(Pe)(t.color, e.value.style.layout.plots.giftWrap.fillOpacity * 100),
               "stroke-width": e.value.style.layout.plots.giftWrap.strokeWidth,
               "stroke-dasharray": e.value.style.layout.plots.giftWrap.strokeDasharray,
               stroke: t.color,
@@ -1112,12 +1112,12 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               cx: a.x,
               cy: a.y,
               r: Y.value && Y.value === a.id ? a.weight * 2 : a.weight,
-              fill: c(ze)(t.color, e.value.style.layout.plots.opacity * 100),
+              fill: c(Pe)(t.color, e.value.style.layout.plots.opacity * 100),
               stroke: e.value.style.layout.plots.stroke,
               "stroke-width": e.value.style.layout.plots.strokeWidth,
               style: ue(`opacity:${Y.value && Y.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / bt.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
               onMouseover: (i) => je(a, o),
-              onMouseleave: (i) => Ae(a, o),
+              onMouseleave: (i) => Se(a, o),
               onClick: (i) => Ue(a, o)
             }, null, 44, Sa))), 256))
           ])) : (r(), y("g", La, [
@@ -1125,12 +1125,12 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
               plot: { x: a.x, y: a.y },
               radius: Y.value && Y.value === a.id ? a.weight * 2 : a.weight,
               shape: t.shape,
-              color: c(ze)(t.color, e.value.style.layout.plots.opacity * 100),
+              color: c(Pe)(t.color, e.value.style.layout.plots.opacity * 100),
               stroke: e.value.style.layout.plots.stroke,
               strokeWidth: e.value.style.layout.plots.strokeWidth,
               style: ue(`opacity:${Y.value && Y.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / bt.value : e.value.style.layout.plots.significance.show && Math.abs(a.deviation) > e.value.style.layout.plots.significance.deviationThreshold ? e.value.style.layout.plots.significance.opacity : 1}`),
               onMouseover: (i) => je(a, o),
-              onMouseleave: (i) => Ae(a, o),
+              onMouseleave: (i) => Se(a, o),
               onClick: (i) => Ue(a, o)
             }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "style", "onMouseover", "onMouseleave", "onClick"]))), 256))
           ]))
@@ -1173,7 +1173,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         ], 64)) : x("", !0),
         f.value && e.value.style.layout.plots.selectors.show ? (r(), y("g", Oa, [
           w("line", {
-            x1: F.value.x,
+            x1: O.value.x,
             x2: f.value.x,
             y1: f.value.y,
             y2: f.value.y,
@@ -1186,7 +1186,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           w("line", {
             x1: f.value.x,
             x2: f.value.x,
-            y1: F.value.y,
+            y1: O.value.y,
             y2: f.value.y,
             stroke: e.value.style.layout.plots.selectors.stroke,
             "stroke-width": e.value.style.layout.plots.selectors.strokeWidth,
@@ -1195,12 +1195,12 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             class: "line-pointer"
           }, null, 8, Ea),
           w("text", {
-            x: F.value.x + (f.value.x > F.value.x ? -6 : 6),
+            x: O.value.x + (f.value.x > O.value.x ? -6 : 6),
             y: f.value.y + e.value.style.layout.plots.selectors.labels.fontSize / 3,
             "font-size": e.value.style.layout.plots.selectors.labels.fontSize,
             fill: e.value.style.layout.plots.selectors.labels.color,
             "font-weight": e.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
-            "text-anchor": f.value.x > F.value.x ? "end" : "start"
+            "text-anchor": f.value.x > O.value.x ? "end" : "start"
           }, G(c(ie)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
             c(q)(f.value.v.y),
@@ -1214,7 +1214,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           )), 9, Fa),
           w("text", {
             x: f.value.x,
-            y: F.value.y + (f.value.y > F.value.y ? -6 : e.value.style.layout.plots.selectors.labels.fontSize + 6),
+            y: O.value.y + (f.value.y > O.value.y ? -6 : e.value.style.layout.plots.selectors.labels.fontSize + 6),
             "font-size": e.value.style.layout.plots.selectors.labels.fontSize,
             fill: e.value.style.layout.plots.selectors.labels.color,
             "font-weight": e.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
@@ -1231,7 +1231,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             { datapoint: f.value }
           )), 9, Wa),
           w("circle", {
-            cx: F.value.x,
+            cx: O.value.x,
             cy: f.value.y,
             r: e.value.style.layout.plots.selectors.markers.radius,
             fill: e.value.style.layout.plots.selectors.markers.fill,
@@ -1241,7 +1241,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           }, null, 8, Na),
           w("circle", {
             cx: f.value.x,
-            cy: F.value.y,
+            cy: O.value.y,
             r: e.value.style.layout.plots.selectors.markers.radius,
             fill: e.value.style.layout.plots.selectors.markers.fill,
             stroke: e.value.style.layout.plots.selectors.markers.stroke,
@@ -1251,17 +1251,17 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           e.value.style.layout.plots.selectors.labels.showName ? (r(), y("text", {
             key: 0,
             x: f.value.x,
-            y: f.value.y + (f.value.y < F.value.y ? -e.value.style.layout.plots.selectors.labels.fontSize / 2 : e.value.style.layout.plots.selectors.labels.fontSize),
+            y: f.value.y + (f.value.y < O.value.y ? -e.value.style.layout.plots.selectors.labels.fontSize / 2 : e.value.style.layout.plots.selectors.labels.fontSize),
             "font-size": e.value.style.layout.plots.selectors.labels.fontSize,
             fill: e.value.style.layout.plots.selectors.labels.color,
             "font-weight": e.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
-            "text-anchor": f.value.x < n.value.left + 100 ? "start" : f.value.x > n.value.right - 100 ? "end" : f.value.x > F.value.x ? "start" : "end"
+            "text-anchor": f.value.x < n.value.left + 100 ? "start" : f.value.x > n.value.right - 100 ? "end" : f.value.x > O.value.x ? "start" : "end"
           }, G(f.value.v.name), 9, Xa)) : x("", !0)
         ])) : x("", !0),
         e.value.style.layout.dataLabels.xAxis.show ? (r(), y("g", {
           key: 7,
           ref_key: "xAxisLabelLeft",
-          ref: Ee
+          ref: Fe
         }, [
           w("text", {
             id: `vue-ui-scatter-xAxis-label-${W.value}`,
@@ -1275,7 +1275,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             "text-anchor": "middle",
             "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
             fill: e.value.style.layout.dataLabels.xAxis.color,
-            transform: `translate(${e.value.style.layout.dataLabels.xAxis.name ? e.value.style.layout.dataLabels.xAxis.fontSize * 3 : 0}, ${F.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
+            transform: `translate(${e.value.style.layout.dataLabels.xAxis.name ? e.value.style.layout.dataLabels.xAxis.fontSize * 3 : 0}, ${O.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`
           }, G(c(ie)(
             e.value.style.layout.plots.selectors.labels.x.formatter,
             c(q)(P.value.xMin),
@@ -1292,7 +1292,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           ref_key: "xAxisLabelRight",
           ref: qt,
           "text-anchor": "middle",
-          transform: `translate(${n.value.right + e.value.style.layout.padding.right + 6}, ${F.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`,
+          transform: `translate(${n.value.right + e.value.style.layout.padding.right + 6}, ${O.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3}), rotate(-90)`,
           "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
           fill: e.value.style.layout.dataLabels.xAxis.color
         }, G(c(ie)(
@@ -1309,7 +1309,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
           key: 9,
           ref_key: "yAxisLabelTop",
           ref: Ht,
-          x: F.value.x,
+          x: O.value.x,
           y: n.value.top - e.value.style.layout.dataLabels.yAxis.fontSize,
           "text-anchor": "middle",
           "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
@@ -1327,11 +1327,11 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         e.value.style.layout.dataLabels.yAxis.show ? (r(), y("g", {
           key: 10,
           ref_key: "yAxisLabelBottom",
-          ref: Fe
+          ref: We
         }, [
           w("text", {
-            x: F.value.x,
-            y: E.value.height - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
+            x: O.value.x,
+            y: F.value.height - e.value.style.layout.dataLabels.yAxis.fontSize * 2,
             "text-anchor": "middle",
             "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
             fill: e.value.style.layout.dataLabels.yAxis.color
@@ -1351,7 +1351,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal",
             fill: e.value.style.layout.dataLabels.yAxis.color,
             x: n.value.left + n.value.width / 2,
-            y: E.value.height
+            y: F.value.height
           }, G(e.value.style.layout.dataLabels.yAxis.name), 9, Ga)
         ], 512)) : x("", !0),
         w("clipPath", {
@@ -1390,7 +1390,16 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
             })), 9, Ja)) : x("", !0)
           ]))), 256))
         ])) : x("", !0),
-        j(l.$slots, "svg", { svg: E.value }, void 0, !0)
+        j(l.$slots, "svg", {
+          svg: {
+            ...F.value,
+            drawingArea: {
+              ...n.value,
+              zero: O.value
+            },
+            data: Ae.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)
@@ -1434,7 +1443,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         j(l.$slots, "source", {}, void 0, !0)
       ], 512)) : x("", !0),
       $e(c(Nt), {
-        show: H.value.showTooltip && Pe.value,
+        show: H.value.showTooltip && Oe.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
         borderRadius: e.value.style.tooltip.borderRadius,
@@ -1445,7 +1454,7 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
         parent: te.value,
-        content: Oe.value,
+        content: De.value,
         isFullscreen: re.value,
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function",
         smooth: e.value.style.tooltip.smooth,
@@ -1481,10 +1490,10 @@ const ql = ["id"], Hl = ["id"], Zl = ["xmlns", "viewBox"], Ql = ["width", "heigh
         content: X(() => [
           (r(), le(c(Yt), {
             key: `table_${ut.value}`,
-            colNames: Se.value.colNames,
-            head: Se.value.head,
-            body: Se.value.body,
-            config: Se.value.config,
+            colNames: Le.value.colNames,
+            head: Le.value.head,
+            body: Le.value.body,
+            config: Le.value.config,
             title: e.value.table.useDialog ? "" : be.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: St
@@ -1532,7 +1541,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-33f7d698"]]);
+}, _o = /* @__PURE__ */ Gl(no, [["__scopeId", "data-v-5baf3192"]]);
 export {
   _o as default
 };