vue-data-ui 2.4.51 → 2.4.52

package/dist/{vue-ui-scatter-dgs1m3-2.js → vue-ui-scatter-q6Sfqa4W.js}

@@ -1,23 +1,23 @@
-import { computed as m, ref as p, watch as lt, onMounted as at, onBeforeUnmount as ot, openBlock as o, createElementBlock as r, normalizeClass as je, normalizeStyle as Y, unref as n, createBlock as V, createCommentVNode as c, createSlots as st, withCtx as _, renderSlot as M, normalizeProps as Q, guardReactiveProps as Z, createVNode as pe, createElementVNode as d, Fragment as O, renderList as X, toDisplayString as $, createTextVNode as ut, nextTick as rt } from "vue";
-import { u as it, c as nt, t as vt, a as yt, p as q, o as ct, e as he, b as dt, g as Ue, T as pt, R as ht, W as ft, X as gt, U as xt, s as fe, i as j, v as C, f as P, x as mt, y as bt, q as kt, r as _t } from "./index-BbPeL8Gp.js";
+import { computed as m, ref as h, watch as lt, onMounted as at, onBeforeUnmount as ot, openBlock as o, createElementBlock as r, normalizeClass as je, normalizeStyle as Y, unref as n, createBlock as V, createCommentVNode as c, createSlots as st, withCtx as _, renderSlot as M, normalizeProps as Q, guardReactiveProps as Z, createVNode as pe, createElementVNode as d, Fragment as N, renderList as X, toDisplayString as $, createTextVNode as ut, nextTick as rt } from "vue";
+import { u as it, c as nt, t as vt, a as yt, p as q, o as ct, e as fe, b as dt, g as Ue, T as ht, R as pt, W as ft, X as gt, U as xt, s as ge, i as j, v as C, f as P, x as mt, y as bt, q as kt, r as _t } from "./index-K5uyh1gA.js";
 import { t as wt, u as Mt } from "./useResponsive-CoxXLe23.js";
-import { _ as $t } from "./Title-aSAft5dl.js";
-import { u as Ct, U as zt } from "./usePrinter-DaybDVqP.js";
-import { _ as At } from "./Tooltip-smutPF--.js";
-import { L as St } from "./Legend-BLaZxMge.js";
-import { _ as Ee } from "./Shape-DIKzzpFm.js";
-import { D as Lt } from "./DataTable-DGf6RrOJ.js";
-import Tt from "./vue-ui-skeleton-Bniq21d9.js";
-import Bt from "./vue-ui-accordion-5d5iVpr7.js";
-import { u as Ge } from "./useNestedProp-BN8claGG.js";
-import { _ as Nt } from "./PackageVersion-CxJghxYD.js";
-import { P as Ot } from "./PenAndPaper-ZdZEumki.js";
+import { _ as $t } from "./Title-aMb2ETf7.js";
+import { u as Ct, U as zt } from "./usePrinter-p_ZZlGc9.js";
+import { _ as At } from "./Tooltip-BRZ3DT4p.js";
+import { L as St } from "./Legend-bYlSC7I7.js";
+import { _ as Ee } from "./Shape-BDJJ38uM.js";
+import { D as Lt } from "./DataTable-COkA4Nyz.js";
+import Tt from "./vue-ui-skeleton-BhA2lIT6.js";
+import Bt from "./vue-ui-accordion-CsJT7Az3.js";
+import { u as Ge } from "./useNestedProp-DifqJZAs.js";
+import { _ as Ot } from "./PackageVersion-Dz3KcTL4.js";
+import { P as Nt } from "./PenAndPaper-BycdTwSP.js";
 import { u as Pt } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vt = { key: 1 }, jt = ["points", "fill", "stroke-width", "stroke-dasharray", "stroke"], Ut = { key: 0 }, Et = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseover"], Gt = { key: 1 }, Rt = { key: 2 }, qt = ["id"], Ht = ["stop-color"], Jt = ["stop-color"], Kt = ["id"], Qt = ["stop-color"], Zt = ["stop-color"], el = ["x", "y", "width", "height", "fill", "stroke", "stroke-width", "rx"], tl = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], ll = { key: 0 }, al = ["d", "stroke", "stroke-width"], ol = ["d", "stroke", "stroke-width"], sl = ["d", "stroke", "stroke-width"], ul = ["d", "stroke", "stroke-width"], rl = {
   key: 3,
   style: { "pointer-events": "none !important" }
-}, il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vl = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], yl = ["x", "y", "font-size", "fill", "font-weight"], cl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], dl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], pl = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], hl = { key: 4 }, fl = ["x", "y", "font-size", "fill"], gl = ["x", "y", "font-size", "fill"], xl = ["id", "transform", "font-size", "font-weight", "fill"], ml = { key: 5 }, bl = ["x", "y", "font-size", "fill"], kl = ["x", "y", "font-size", "fill"], _l = ["font-size", "font-weight", "fill", "x", "y"], wl = ["id"], Ml = ["x", "y", "width", "height"], $l = { key: 6 }, Cl = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], zl = ["x", "y", "fill", "font-size", "font-weight"], Al = {
+}, il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vl = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], yl = ["x", "y", "font-size", "fill", "font-weight"], cl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], dl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], hl = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], pl = { key: 4 }, fl = ["x", "y", "font-size", "fill"], gl = ["x", "y", "font-size", "fill"], xl = ["id", "transform", "font-size", "font-weight", "fill"], ml = { key: 5 }, bl = ["x", "y", "font-size", "fill"], kl = ["x", "y", "font-size", "fill"], _l = ["font-size", "font-weight", "fill", "x", "y"], wl = ["id"], Ml = ["x", "y", "width", "height"], $l = { key: 6 }, Cl = ["x1", "x2", "y1", "y2", "stroke-dasharray", "stroke", "stroke-width", "clip-path"], zl = ["x", "y", "fill", "font-size", "font-weight"], Al = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Sl = ["onClick"], Ll = {
@@ -28,7 +28,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
   height: "20",
   width: "20",
   style: { overflow: "hidden", background: "transparent" }
-}, Bl = { key: 0 }, Nl = ["innerHTML"], Ol = {
+}, Bl = { key: 0 }, Ol = ["innerHTML"], Nl = {
   __name: "vue-ui-scatter",
   props: {
     config: {
@@ -45,10 +45,10 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
     }
   },
   setup(Re, { expose: qe }) {
-    const W = Re, { vue_ui_scatter: He } = it(), ee = m(() => !!W.dataset && W.dataset.length), z = p(nt()), Je = p(null), ue = p(!1), re = p(""), ge = p(0), H = p(null), xe = p(null), me = p(null), be = p(null), ke = p(null), _e = p(0), we = p(0), Me = p(0), e = m({
+    const W = Re, { vue_ui_scatter: He } = it(), ee = m(() => !!W.dataset && W.dataset.length), z = h(nt()), Je = h(null), ue = h(!1), re = h(""), xe = h(0), H = h(null), me = h(null), be = h(null), ke = h(null), _e = h(null), we = h(0), Me = h(0), $e = h(0), e = m({
       get: () => Ae(),
       set: (l) => l
-    }), { userOptionsVisible: $e, setUserOptionsVisibility: Ce, keepUserOptionState: ze } = Pt({ config: e.value });
+    }), { userOptionsVisible: ie, setUserOptionsVisibility: Ce, keepUserOptionState: ze } = Pt({ config: e.value });
     function Ae() {
       const l = Ge({
         userConfig: W.config,
@@ -63,24 +63,24 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
       } : l;
     }
     lt(() => W.config, (l) => {
-      e.value = Ae(), Se(), _e.value += 1, we.value += 1, Me.value += 1;
+      e.value = Ae(), ie.value = !e.value.showOnChartHover, Se(), we.value += 1, Me.value += 1, $e.value += 1;
     }, { deep: !0 });
-    const te = p(null);
+    const te = h(null);
     at(() => {
       Se();
     });
     function Se() {
-      if (ct(W.dataset) && he({
+      if (ct(W.dataset) && fe({
         componentName: "VueUiScatter",
         type: "dataset"
       }), e.value.responsive) {
         const l = wt(() => {
           const { width: u, height: t } = Mt({
             chart: H.value,
-            title: e.value.style.title.text ? xe.value : null,
-            legend: e.value.style.legend.show ? me.value : null,
-            source: be.value,
-            noTitle: ke.value
+            title: e.value.style.title.text ? me.value : null,
+            legend: e.value.style.legend.show ? be.value : null,
+            source: ke.value,
+            noTitle: _e.value
           });
           A.value.width = u, A.value.height = t;
         });
@@ -90,13 +90,13 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
     ot(() => {
       te.value && te.value.disconnect();
     });
-    const { isPrinting: Le, isImaging: Te, generatePdf: Be, generateImage: Ne } = Ct({
+    const { isPrinting: Le, isImaging: Te, generatePdf: Be, generateImage: Oe } = Ct({
       elementId: `vue-ui-scatter_${z.value}`,
       fileName: e.value.style.title.text || "vue-ui-scatter"
-    }), Ke = m(() => e.value.userOptions.show && !e.value.style.title.text), Oe = m(() => dt(e.value.customPalette)), I = p({
+    }), Ke = m(() => e.value.userOptions.show && !e.value.style.title.text), Ne = m(() => dt(e.value.customPalette)), I = h({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
-    }), A = p({
+    }), A = h({
       height: e.value.style.layout.height,
       width: e.value.style.layout.width
     }), le = m(() => e.value.style.layout.marginalBars.show ? e.value.style.layout.marginalBars.size + e.value.style.layout.marginalBars.offset : 0), i = m(() => ({
@@ -106,13 +106,13 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
       left: e.value.style.layout.padding.left,
       height: A.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - le.value,
       width: A.value.width - e.value.style.layout.padding.left - e.value.style.layout.padding.right - le.value
-    })), h = m(() => {
+    })), p = m(() => {
       W.dataset.forEach((a, v) => {
         Ue({
           datasetObject: a,
           requiredAttributes: ["values"]
         }).forEach((b) => {
-          he({
+          fe({
             componentName: "VueUiScatter",
             type: "datasetSerieAttribute",
             property: b,
@@ -123,7 +123,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
             datasetObject: b,
             requiredAttributes: ["x", "y"]
           }).forEach((K) => {
-            he({
+            fe({
               componentName: "VueUiScatter",
               type: "datasetSerieAttribute",
               property: `values.${K}`,
@@ -135,18 +135,18 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
       const l = Math.min(...U.value.filter((a) => !x.value.includes(a.id)).flatMap((a) => a.values.map((v) => v.x))), u = Math.max(...U.value.filter((a) => !x.value.includes(a.id)).flatMap((a) => a.values.map((v) => v.x))), t = Math.min(...U.value.filter((a) => !x.value.includes(a.id)).flatMap((a) => a.values.map((v) => v.y))), s = Math.max(...U.value.filter((a) => !x.value.includes(a.id)).flatMap((a) => a.values.map((v) => v.y)));
       return { xMin: l >= 0 ? 0 : l, xMax: u, yMin: t >= 0 ? 0 : t, yMax: s };
     }), f = m(() => ({
-      x: i.value.left + Math.abs(h.value.xMin) / (h.value.xMax + Math.abs(h.value.xMin)) * i.value.width,
-      y: i.value.bottom - Math.abs(h.value.yMin) / (h.value.yMax + Math.abs(h.value.yMin)) * i.value.height
+      x: i.value.left + Math.abs(p.value.xMin) / (p.value.xMax + Math.abs(p.value.xMin)) * i.value.width,
+      y: i.value.bottom - Math.abs(p.value.yMin) / (p.value.yMax + Math.abs(p.value.yMin)) * i.value.height
     })), U = m(() => W.dataset.map((l, u) => {
       const t = `cluster_${z.value}_${u}`;
       return {
         ...l,
-        values: pt({
+        values: ht({
           data: l.values,
           threshold: e.value.downsample.threshold
         }),
         id: t,
-        color: l.color ? l.color : Oe.value[u] || q[u] || q[u % q.length],
+        color: l.color ? l.color : Ne.value[u] || q[u] || q[u % q.length],
         opacity: x.value.includes(t) ? 0.5 : 1,
         shape: l.shape ?? "circle",
         segregate: () => Ie(t),
@@ -159,41 +159,41 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
       fontSize: e.value.style.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.legend.bold ? "bold" : ""
-    })), ie = m(() => U.value.map((l, u) => ({
+    })), ne = m(() => U.value.map((l, u) => ({
       ...l,
       plots: l.values.map((t) => ({
-        x: i.value.left + (t.x + Math.abs(h.value.xMin)) / (h.value.xMax + Math.abs(h.value.xMin)) * i.value.width,
-        y: i.value.bottom - (t.y + Math.abs(h.value.yMin)) / (h.value.yMax + Math.abs(h.value.yMin)) * i.value.height,
+        x: i.value.left + (t.x + Math.abs(p.value.xMin)) / (p.value.xMax + Math.abs(p.value.xMin)) * i.value.width,
+        y: i.value.bottom - (t.y + Math.abs(p.value.yMin)) / (p.value.yMax + Math.abs(p.value.yMin)) * i.value.height,
         v: {
           ...t,
           name: t.name || ""
         },
         clusterName: l.name,
-        color: l.color ? l.color : Oe.value[u] || q[u] || q[u % q.length],
+        color: l.color ? l.color : Ne.value[u] || q[u] || q[u % q.length],
         id: `plot_${z.value}_${Math.random()}`,
         weight: t.weight ?? e.value.style.layout.plots.radius
       }))
-    })).filter((l) => !x.value.includes(l.id))), S = m(() => ie.value.map((l) => {
+    })).filter((l) => !x.value.includes(l.id))), S = m(() => ne.value.map((l) => {
       const u = l.plots.reduce((g, G) => g + G.x, 0) / l.plots.length, t = l.plots.reduce((g, G) => g + G.y, 0) / l.plots.length;
       let s = 0, a = 0, v = 0;
       for (const g of l.plots)
         s += (g.x - u) * (g.y - t), a += (g.x - u) ** 2, v += (g.y - t) ** 2;
-      const b = s / Math.sqrt(a * v), E = b * (Math.sqrt(v) / Math.sqrt(a)), K = t - E * u, N = {
+      const b = s / Math.sqrt(a * v), E = b * (Math.sqrt(v) / Math.sqrt(a)), K = t - E * u, O = {
         x1: i.value.left,
         x2: i.value.right,
         y1: E * i.value.left + K,
         y2: E * i.value.right + K,
         coefficient: b
-      }, w = (N.y2 - N.y1) / (N.x2 - N.x1), T = N.y1 - w * N.x1, F = Math.min(A.value.width - e.value.style.layout.padding.right, Math.max(e.value.style.layout.padding.left, (i.value.top - T) / w)), se = {
+      }, w = (O.y2 - O.y1) / (O.x2 - O.x1), T = O.y1 - w * O.x1, F = Math.min(A.value.width - e.value.style.layout.padding.right, Math.max(e.value.style.layout.padding.left, (i.value.top - T) / w)), se = {
         x: F,
         y: w * F + T <= e.value.style.layout.padding.top ? i.value.top : w * F + T
       };
       return {
         ...l,
-        correlation: N,
+        correlation: O,
         label: se,
         plots: l.plots.map((g) => {
-          const G = (g.x + w * g.y - w * T) / (1 + Math.pow(w, 2)), ye = (w * g.x + Math.pow(w, 2) * g.y + T) / (1 + Math.pow(w, 2)), k = Math.sqrt(Math.pow(g.x - G, 2) + Math.pow(g.y - ye, 2));
+          const G = (g.x + w * g.y - w * T) / (1 + Math.pow(w, 2)), ce = (w * g.x + Math.pow(w, 2) * g.y + T) / (1 + Math.pow(w, 2)), k = Math.sqrt(Math.pow(g.x - G, 2) + Math.pow(g.y - ce, 2));
           return {
             ...g,
             deviation: k,
@@ -218,24 +218,24 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
       t.forEach(({ x: k, y: R }) => {
         s = Math.min(s, k), a = Math.max(a, k), v = Math.min(v, R), b = Math.max(b, R);
       });
-      const E = a - s, K = b - v, N = E / u, w = K / u, T = Array(u).fill(0), F = Array(u).fill(0);
+      const E = a - s, K = b - v, O = E / u, w = K / u, T = Array(u).fill(0), F = Array(u).fill(0);
       t.forEach(({ x: k, y: R }) => {
-        const ce = Math.floor((k - s) / N), de = Math.floor((R - v) / w);
-        T[ce] || (T[ce] = 0), F[de] || (F[de] = 0), T[ce] += 1, F[de] += 1;
+        const de = Math.floor((k - s) / O), he = Math.floor((R - v) / w);
+        T[de] || (T[de] = 0), F[he] || (F[he] = 0), T[de] += 1, F[he] += 1;
       });
       const se = [], g = [];
       for (let k = 0; k < u; k += 1)
-        se.push(s + (k + 0.5) * N), g.push(v + (k + 0.5) * w);
-      const G = Math.max(...T), ye = Math.max(...F);
-      return { x: T, y: F, avgX: se, avgY: g, maxX: G, maxY: ye };
+        se.push(s + (k + 0.5) * O), g.push(v + (k + 0.5) * w);
+      const G = Math.max(...T), ce = Math.max(...F);
+      return { x: T, y: F, avgX: se, avgY: g, maxX: G, maxY: ce };
     }
-    const D = m(() => e.value.style.layout.marginalBars.tranches), L = m(() => We(ie.value, D.value)), et = m(() => {
+    const D = m(() => e.value.style.layout.marginalBars.tranches), L = m(() => We(ne.value, D.value)), et = m(() => {
       const l = i.value.top - e.value.style.layout.marginalBars.offset, u = i.value.right + e.value.style.layout.marginalBars.offset;
-      return ie.value.map((t) => {
+      return ne.value.map((t) => {
         const s = We(t, D.value);
         return {
           coords: s,
-          dX: ht(s.avgX.map((a, v) => ({
+          dX: pt(s.avgX.map((a, v) => ({
             x: a,
             y: l - s.x[v] / s.maxX * e.value.style.layout.marginalBars.size
           }))),
@@ -247,11 +247,11 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
           id: t.id
         };
       });
-    }), B = p(void 0), y = p(null), ne = p(null);
+    }), B = h(void 0), y = h(null), ve = h(null);
     function Fe(l, u) {
       B.value = l.id, y.value = l;
       let t = "";
-      ne.value = {
+      ve.value = {
         datapoint: l,
         seriesIndex: u,
         series: S.value,
@@ -296,7 +296,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
     function Xe() {
       ue.value = !1, B.value = void 0, y.value = null;
     }
-    const x = p([]);
+    const x = h([]);
     function Ie(l) {
       x.value.includes(l) ? x.value = x.value.filter((u) => u !== l) : x.value.length < W.dataset.length - 1 && x.value.push(l);
     }
@@ -343,9 +343,9 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
         breakpoint: e.value.table.responsiveBreakpoint
       };
       return { head: l, body: u, config: t, colNames: l };
-    }), J = p(!1);
+    }), J = h(!1);
     function tt(l) {
-      J.value = l, ge.value += 1;
+      J.value = l, xe.value += 1;
     }
     function Ye() {
       I.value.showTable = !I.value.showTable;
@@ -353,18 +353,18 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
     function Ve() {
       I.value.showTooltip = !I.value.showTooltip;
     }
-    const oe = p(!1);
-    function ve() {
+    const oe = h(!1);
+    function ye() {
       oe.value = !oe.value;
     }
     return qe({
       getData: Ze,
       generatePdf: Be,
       generateCsv: De,
-      generateImage: Ne,
+      generateImage: Oe,
       toggleTable: Ye,
       toggleTooltip: Ve,
-      toggleAnnotator: ve
+      toggleAnnotator: ye
     }), (l, u) => (o(), r("div", {
       class: je(`vue-ui-scatter ${J.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "scatterChart",
@@ -374,29 +374,29 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
       onMouseenter: u[2] || (u[2] = () => n(Ce)(!0)),
       onMouseleave: u[3] || (u[3] = () => n(Ce)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (o(), V(Ot, {
+      e.value.userOptions.buttons.annotator ? (o(), V(Nt, {
         key: 0,
         parent: H.value,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: oe.value,
-        onClose: ve
+        onClose: ye
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : c("", !0),
       Ke.value ? (o(), r("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ke,
+        ref: _e,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : c("", !0),
       e.value.style.title.text ? (o(), r("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: xe,
+        ref: me,
         style: "width:100%;background:transparent"
       }, [
         (o(), V($t, {
-          key: `title_${_e.value}`,
+          key: `title_${we.value}`,
           config: {
             title: {
               cy: "scatter-div-title",
@@ -409,10 +409,10 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
           }
         }, null, 8, ["config"]))
       ], 512)) : c("", !0),
-      e.value.userOptions.show && ee.value && (n(ze) || n($e)) ? (o(), V(zt, {
+      e.value.userOptions.show && ee.value && (n(ze) || n(ie)) ? (o(), V(zt, {
         ref_key: "details",
         ref: Je,
-        key: `user_options_${ge.value}`,
+        key: `user_options_${xe.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         isImaging: n(Te),
@@ -434,12 +434,12 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
         onToggleFullscreen: tt,
         onGeneratePdf: n(Be),
         onGenerateCsv: De,
-        onGenerateImage: n(Ne),
+        onGenerateImage: n(Oe),
         onToggleTable: Ye,
         onToggleTooltip: Ve,
-        onToggleAnnotator: ve,
+        onToggleAnnotator: ye,
         style: Y({
-          visibility: n(ze) ? n($e) ? "visible" : "hidden" : "visible"
+          visibility: n(ze) ? n(ie) ? "visible" : "hidden" : "visible"
         })
       }, st({ _: 2 }, [
         l.$slots.optionTooltip ? {
@@ -499,7 +499,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
         viewBox: `0 0 ${A.value.width <= 0 ? 10 : A.value.width} ${A.value.height <= 0 ? 10 : A.value.height}`,
         style: Y(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
-        pe(Nt),
+        pe(Ot),
         e.value.style.layout.axis.show ? (o(), r("g", It, [
           d("line", {
             x1: f.value.x,
@@ -521,11 +521,11 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
           }, null, 8, Yt)
         ])) : c("", !0),
         e.value.style.layout.plots.giftWrap.show ? (o(), r("g", Vt, [
-          (o(!0), r(O, null, X(S.value, (t, s) => (o(), r("g", null, [
+          (o(!0), r(N, null, X(S.value, (t, s) => (o(), r("g", null, [
             t.plots.length > 2 ? (o(), r("polygon", {
               key: 0,
               points: n(xt)({ series: t.plots }),
-              fill: n(fe)(t.color, e.value.style.layout.plots.giftWrap.fillOpacity * 100),
+              fill: n(ge)(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,
@@ -534,13 +534,13 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
             }, null, 8, jt)) : c("", !0)
           ]))), 256))
         ])) : c("", !0),
-        (o(!0), r(O, null, X(S.value, (t, s) => (o(), r("g", null, [
+        (o(!0), r(N, null, X(S.value, (t, s) => (o(), r("g", null, [
           !t.shape || t.shape === "circle" ? (o(), r("g", Ut, [
-            (o(!0), r(O, null, X(t.plots, (a, v) => (o(), r("circle", {
+            (o(!0), r(N, null, X(t.plots, (a, v) => (o(), r("circle", {
               cx: a.x,
               cy: a.y,
               r: B.value && B.value === a.id ? a.weight * 2 : a.weight,
-              fill: n(fe)(t.color, e.value.style.layout.plots.opacity * 100),
+              fill: n(ge)(t.color, e.value.style.layout.plots.opacity * 100),
               stroke: e.value.style.layout.plots.stroke,
               "stroke-width": e.value.style.layout.plots.strokeWidth,
               onMouseover: (b) => Fe(a, s),
@@ -548,11 +548,11 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
               style: Y(`opacity:${B.value && B.value === a.id ? 1 : e.value.style.layout.plots.significance.useDistanceOpacity ? 1 - Math.abs(a.deviation) / Pe.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}`)
             }, null, 44, Et))), 256))
           ])) : (o(), r("g", Gt, [
-            (o(!0), r(O, null, X(t.plots, (a, v) => (o(), V(Ee, {
+            (o(!0), r(N, null, X(t.plots, (a, v) => (o(), V(Ee, {
               plot: { x: a.x, y: a.y },
               radius: B.value && B.value === a.id ? a.weight * 2 : a.weight,
               shape: t.shape,
-              color: n(fe)(t.color, e.value.style.layout.plots.opacity * 100),
+              color: n(ge)(t.color, e.value.style.layout.plots.opacity * 100),
               stroke: e.value.style.layout.plots.stroke,
               strokeWidth: e.value.style.layout.plots.strokeWidth,
               onMouseover: (b) => Fe(a, s),
@@ -596,7 +596,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
               }, null, 8, Zt)
             ], 8, Kt)
           ]),
-          (o(!0), r(O, null, X(L.value.x, (t, s) => (o(), r("g", null, [
+          (o(!0), r(N, null, X(L.value.x, (t, s) => (o(), r("g", null, [
             t && L.value.avgX[s] ? (o(), r("rect", {
               key: 0,
               x: L.value.avgX[s] - i.value.width / D.value / 2,
@@ -610,7 +610,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
               rx: e.value.style.layout.marginalBars.borderRadius
             }, null, 12, el)) : c("", !0)
           ]))), 256)),
-          (o(!0), r(O, null, X(L.value.y, (t, s) => (o(), r("g", null, [
+          (o(!0), r(N, null, X(L.value.y, (t, s) => (o(), r("g", null, [
             t && L.value.avgY[s] ? (o(), r("rect", {
               key: 0,
               x: i.value.right + e.value.style.layout.marginalBars.offset,
@@ -625,7 +625,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
             }, null, 12, tl)) : c("", !0)
           ]))), 256)),
           e.value.style.layout.marginalBars.showLines ? (o(), r("g", ll, [
-            (o(!0), r(O, null, X(et.value, (t) => (o(), r(O, null, [
+            (o(!0), r(N, null, X(et.value, (t) => (o(), r(N, null, [
               x.value.includes(t.id) ? c("", !0) : (o(), r("path", {
                 key: 0,
                 d: `M ${t.dX}`,
@@ -750,9 +750,9 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
             fill: e.value.style.layout.plots.selectors.labels.color,
             "font-weight": e.value.style.layout.plots.selectors.labels.bold ? "bold" : "normal",
             "text-anchor": y.value.x < i.value.left + 100 ? "start" : y.value.x > i.value.right - 100 ? "end" : y.value.x > f.value.x ? "start" : "end"
-          }, $(y.value.v.name), 9, pl)) : c("", !0)
+          }, $(y.value.v.name), 9, hl)) : c("", !0)
         ])) : c("", !0),
-        e.value.style.layout.dataLabels.xAxis.show ? (o(), r("g", hl, [
+        e.value.style.layout.dataLabels.xAxis.show ? (o(), r("g", pl, [
           d("text", {
             x: i.value.left - 5,
             y: f.value.y + e.value.style.layout.dataLabels.xAxis.fontSize / 3,
@@ -761,10 +761,10 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
             fill: e.value.style.layout.dataLabels.xAxis.color
           }, $(n(j)(
             e.value.style.layout.plots.selectors.labels.x.formatter,
-            n(C)(h.value.xMin),
+            n(C)(p.value.xMin),
             n(P)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: n(C)(h.value.xMin),
+              v: n(C)(p.value.xMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.xAxis.rounding
             })
@@ -777,10 +777,10 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
             fill: e.value.style.layout.dataLabels.xAxis.color
           }, $(n(j)(
             e.value.style.layout.plots.selectors.labels.x.formatter,
-            n(C)(h.value.xMax),
+            n(C)(p.value.xMax),
             n(P)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: n(C)(h.value.xMax),
+              v: n(C)(p.value.xMax),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.xAxis.rounding
             })
@@ -803,10 +803,10 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
             fill: e.value.style.layout.dataLabels.yAxis.color
           }, $(n(j)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            n(C)(h.value.yMin),
+            n(C)(p.value.yMin),
             n(P)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: n(C)(h.value.yMin),
+              v: n(C)(p.value.yMin),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.yAxis.rounding
             })
@@ -819,10 +819,10 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
             fill: e.value.style.layout.dataLabels.yAxis.color
           }, $(n(j)(
             e.value.style.layout.plots.selectors.labels.y.formatter,
-            n(C)(h.value.yMax),
+            n(C)(p.value.yMax),
             n(P)({
               p: e.value.style.layout.plots.selectors.labels.prefix,
-              v: n(C)(h.value.yMax),
+              v: n(C)(p.value.yMax),
               s: e.value.style.layout.plots.selectors.labels.suffix,
               r: e.value.style.layout.dataLabels.yAxis.rounding
             })
@@ -847,7 +847,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
           }, null, 8, Ml)
         ], 8, wl),
         e.value.style.layout.correlation.show ? (o(), r("g", $l, [
-          (o(!0), r(O, null, X(S.value, (t, s) => (o(), r("line", {
+          (o(!0), r(N, null, X(S.value, (t, s) => (o(), r("line", {
             x1: t.correlation.x1,
             x2: t.correlation.x2,
             y1: t.correlation.y1,
@@ -857,7 +857,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
             "stroke-width": e.value.style.layout.correlation.strokeWidth,
             "clip-path": `url(#clip_path_${z.value})`
           }, null, 8, Cl))), 256)),
-          (o(!0), r(O, null, X(S.value, (t, s) => (o(), r("g", null, [
+          (o(!0), r(N, null, X(S.value, (t, s) => (o(), r("g", null, [
             e.value.style.layout.correlation.label.show ? (o(), r("text", {
               key: 0,
               x: t.label.x,
@@ -896,10 +896,10 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
       }, null, 8, ["config"])),
       d("div", {
         ref_key: "chartLegend",
-        ref: me
+        ref: be
       }, [
         e.value.style.legend.show ? (o(), V(St, {
-          key: `legend_${Me.value}`,
+          key: `legend_${$e.value}`,
           legendSet: U.value,
           config: Qe.value,
           onClickMarker: u[0] || (u[0] = ({ legend: t }) => Ie(t.id))
@@ -919,7 +919,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
       l.$slots.source ? (o(), r("div", {
         key: 7,
         ref_key: "source",
-        ref: be,
+        ref: ke,
         dir: "auto"
       }, [
         M(l.$slots, "source", {}, void 0, !0)
@@ -941,10 +941,10 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function"
       }, {
         "tooltip-before": _(() => [
-          M(l.$slots, "tooltip-before", Q(Z({ ...ne.value })), void 0, !0)
+          M(l.$slots, "tooltip-before", Q(Z({ ...ve.value })), void 0, !0)
         ]),
         "tooltip-after": _(() => [
-          M(l.$slots, "tooltip-after", Q(Z({ ...ne.value })), void 0, !0)
+          M(l.$slots, "tooltip-after", Q(Z({ ...ve.value })), void 0, !0)
         ]),
         default: _(() => [
           e.value.style.tooltip.showShape ? (o(), r("div", Ll, [
@@ -978,7 +978,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
       }, {
         content: _(() => [
           (o(), V(Lt, {
-            key: `table_${we.value}`,
+            key: `table_${Me.value}`,
             colNames: ae.value.colNames,
             head: ae.value.head,
             body: ae.value.body,
@@ -995,7 +995,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
               ])) : (o(), r("div", {
                 key: 1,
                 innerHTML: t
-              }, null, 8, Nl))
+              }, null, 8, Ol))
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
@@ -1004,7 +1004,7 @@ const Ft = ["id"], Xt = ["xmlns", "viewBox"], It = { key: 0 }, Dt = ["x1", "x2",
       }, 8, ["config"])) : c("", !0)
     ], 46, Ft));
   }
-}, Kl = /* @__PURE__ */ Wt(Ol, [["__scopeId", "data-v-96686c8a"]]);
+}, Kl = /* @__PURE__ */ Wt(Nl, [["__scopeId", "data-v-ba4dc4e0"]]);
 export {
   Kl as default
 };

package/dist/{vue-ui-screenshot-Dxj0l8Jg.js → vue-ui-screenshot-CEy169Mc.js}

@@ -1,5 +1,5 @@
 import { ref as i, computed as N, openBlock as V, createElementBlock as U, nextTick as G } from "vue";
-import { u as K, A as P, B as q } from "./index-BbPeL8Gp.js";
+import { u as K, A as P, B as q } from "./index-K5uyh1gA.js";
 import J from "./html2canvas.esm-d2sM-0Wm.js";
 const te = {
   __name: "vue-ui-screenshot",