vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-scatter-BrVEK5YL.js → vue-ui-scatter-GFzM-YYz.js}

@@ -1,21 +1,21 @@
 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 { 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-DMzrGQHK.js";
 import { t as va, u as ca } from "./useResponsive-DfdjqQps.js";
-import { u as ya } from "./useConfig-C40HvGpD.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";
-import { u as ft } from "./useNestedProp-Bf5XFbs8.js";
-import { u as ga } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ma } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as xa } from "./useChartAccessibility-9icAAmYg.js";
-import ba from "./img-LXxMLmCg.js";
-import { _ as pt } from "./Shape-BKRUOeKk.js";
-import ka from "./Title-BeMKE1cj.js";
+import { u as ya } from "./useConfig-DTHxOX6V.js";
+import { u as da, B as ha } from "./BaseScanner-BON3d_Sx.js";
+import { u as fa } from "./usePrinter-C4t8DdQ-.js";
+import { u as pa } from "./useSvgExport-BTG4hVPO.js";
+import { u as ft } from "./useNestedProp-DH0BEVVS.js";
+import { u as ga } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as ma } from "./useUserOptionState-B7Ej974k.js";
+import { u as xa } from "./useChartAccessibility-cp6XQtqi.js";
+import ba from "./img-CjTQXS0U.js";
+import { _ as pt } from "./Shape-CxJ5_Rre.js";
+import ka from "./Title-BbKoiBk2.js";
 import wa from "./vue_ui_scatter-CO5Iq9ai.js";
-import $a from "./Legend-CS7Xo5LK.js";
-import { A as Ma } from "./A11yDataTable-KcVAX2cP.js";
-import { B as _a } from "./BaseLegendToggle-BQVIawmA.js";
+import $a from "./Legend-DGN5lY60.js";
+import { A as Ma } from "./A11yDataTable-BpmuNomI.js";
+import { B as _a } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as Ca } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Aa = ["id"], Sa = ["id"], Ta = {
   key: 0,
@@ -74,7 +74,17 @@ const Aa = ["id"], Sa = ["id"], Ta = {
   },
   emits: ["copyAlt"],
   setup(el, { expose: tl, emit: ll }) {
-    const al = ye(() => import("./Tooltip-C8KGyqQk.js")), ol = ye(() => import("./BaseIcon-Cb3zzG6s.js")), sl = ye(() => import("./vue-ui-accordion-DDuJT1xA.js")), nl = ye(() => import("./DataTable-DT2kIdQ6.js")), ul = ye(() => import("./PenAndPaper-Ct3qJ4lA.js")), il = ye(() => import("./UserOptions-rW2fRf3V.js")), rl = ye(() => import("./PackageVersion-PjmqM4wb.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);
+    const al = ye(() => import("./Tooltip-Cvt7Fi0Q.js")), ol = ye(() => import("./BaseIcon-DX0hTWa-.js")), sl = ye(() => import("./vue-ui-accordion-BHmfmb_6.js")), nl = ye(() => import("./DataTable-cMnb68Ik.js")), ul = ye(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), il = ye(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), rl = ye(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), vl = ye(
+      () => import("./BaseDraggableDialog-Di8Hlru3.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;
@@ -143,7 +153,9 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         defaultConfig: e.value,
         userConfig: ml.value
       })
-    }), { userOptionsVisible: tt, setUserOptionsVisibility: St, keepUserOptionState: Tt } = ma({ config: e.value }), { svgRef: ie } = xa({ config: e.value.style.title });
+    }), { 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,
@@ -164,8 +176,11 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         customPalette: s.customPalette.length ? s.customPalette : Jl[a] || ge
       };
     }
-    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
+    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
 
@@ -173,10 +188,17 @@ 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 }), je(() => te.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (et.value = !1);
-    }, { deep: !0 });
+ℹ️ To remove this warning, set config.debug to false.`
+        );
+      },
+      { 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(() => {
       Ct.value = !0, Pt();
@@ -214,12 +236,16 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
-    je(e, () => {
-      K.value = {
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.tooltip.show
-      };
-    }, { immediate: !0 });
+    je(
+      e,
+      () => {
+        K.value = {
+          showTable: e.value.table.show,
+          showTooltip: e.value.style.tooltip.show
+        };
+      },
+      { immediate: !0 }
+    );
     const Y = w({
       height: e.value.style.layout.height,
       width: e.value.style.layout.width
@@ -259,8 +285,21 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           });
         });
       });
-      const t = Math.min(...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.x))), a = Math.max(...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.x))), l = Math.min(...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.y))), s = Math.max(...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.y)));
-      return { xMin: t >= 0 ? 0 : t, xMax: a, yMin: l >= 0 ? 0 : l, yMax: s };
+      const t = Math.min(
+        ...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.x))
+      ), a = Math.max(
+        ...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.x))
+      ), l = Math.min(
+        ...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.y))
+      ), s = Math.max(
+        ...J.value.filter((o) => !I.value.includes(o.id)).flatMap((o) => o.values.map((n) => n.y))
+      );
+      return {
+        xMin: t >= 0 ? 0 : t,
+        xMax: a,
+        yMin: l >= 0 ? 0 : l,
+        yMax: s
+      };
     }), 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
@@ -309,7 +348,9 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         n !== null ? n >= i - 1e-9 && n <= y + 1e-9 && (d(n, r), d(n, f)) : Number.isFinite(l) && (d(i, l * i + s), d(y, l * y + s), Math.abs(l) > 1e-9 ? (d((r - s) / l, r), d((f - s) / l, f)) : s >= r - 1e-9 && s <= f + 1e-9 && (d(i, s), d(y, s)));
         const E = A.filter(m), _ = [];
         for (const C of E)
-          _.some((p) => Math.abs(p.x - C.x) < 1e-6 && Math.abs(p.y - C.y) < 1e-6) || _.push(C);
+          _.some(
+            (p) => Math.abs(p.x - C.x) < 1e-6 && Math.abs(p.y - C.y) < 1e-6
+          ) || _.push(C);
         if (_.length < 2) return null;
         let O = _[0], D = _[1], L = 0;
         for (let C = 0; C < _.length; C += 1)
@@ -330,7 +371,9 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         y < 1e-9 ? (A = o, r = 1 / 0, f = null) : (r = i / y, f = n - r * o);
         let d, m;
         A !== null ? (d = 1 / 0, m = null) : (d = r, m = f);
-        const E = l.plots.every((p) => p.v && typeof p.v.x == "number" && typeof p.v.y == "number");
+        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, B = 0;
@@ -345,7 +388,12 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             _ = Math.max(-1, Math.min(1, j));
           }
         }
-        const O = a({ m: d, b: m, rect: u.value, verticalX: A });
+        const O = a({
+          m: d,
+          b: m,
+          rect: u.value,
+          verticalX: A
+        });
         if (!O)
           return {
             ...l,
@@ -380,7 +428,11 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           })
         };
       });
-    }), Ot = T(() => Math.max(...U.value.flatMap((t) => t.plots.map((a) => Math.abs(a.deviation)))));
+    }), Ot = T(() => Math.max(
+      ...U.value.flatMap(
+        (t) => t.plots.map((a) => Math.abs(a.deviation))
+      )
+    ));
     function kl() {
       return U.value;
     }
@@ -407,20 +459,26 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       const O = Math.max(...d), D = Math.max(...m);
       return { x: d, y: m, avgX: E, avgY: _, maxX: O, maxY: D };
     }
-    const $ = T(() => e.value.style.layout.marginalBars.tranches), S = T(() => Dt(be.value, $.value)), wl = T(() => {
+    const $ = T(
+      () => e.value.style.layout.marginalBars.tranches
+    ), S = T(() => Dt(be.value, $.value)), wl = T(() => {
       const t = u.value.top - e.value.style.layout.marginalBars.offset, a = u.value.right + e.value.style.layout.marginalBars.offset;
       return be.value.map((l) => {
         const s = Dt(l, $.value);
         return {
           coords: s,
-          dX: la(s.avgX.map((o, n) => ({
-            x: o,
-            y: t - s.x[n] / s.maxX * e.value.style.layout.marginalBars.size
-          }))),
-          dY: ta(s.avgY.map((o, n) => ({
-            y: o,
-            x: a + e.value.style.layout.marginalBars.size * s.y[n] / s.maxY
-          }))),
+          dX: la(
+            s.avgX.map((o, n) => ({
+              x: o,
+              y: t - s.x[n] / s.maxX * e.value.style.layout.marginalBars.size
+            }))
+          ),
+          dY: ta(
+            s.avgY.map((o, n) => ({
+              y: o,
+              x: a + e.value.style.layout.marginalBars.size * s.y[n] / s.maxY
+            }))
+          ),
           color: l.color,
           id: l.id
         };
@@ -437,19 +495,24 @@ 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 }), Xe.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: t,
+        seriesIndex: a
+      }), Xe.value = {
         datapoint: t,
         seriesIndex: a,
         series: U.value,
         config: e.value
       };
       const n = e.value.style.tooltip.customFormat;
-      ua(n) && ia(() => n({
-        datapoint: t,
-        seriesIndex: a,
-        series: U.value,
-        config: e.value
-      })) ? qe.value = n({
+      ua(n) && ia(
+        () => n({
+          datapoint: t,
+          seriesIndex: a,
+          series: U.value,
+          config: e.value
+        })
+      ) ? qe.value = n({
         datapoint: t,
         seriesIndex: a,
         series: U.value,
@@ -474,10 +537,12 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           r: e.value.style.tooltip.roundingValue
         }),
         { datapoint: t, seriesIndex: a }
-      )}</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>", qe.value = `<div>${o}</div>`), De.value = !0, l === "keyboard" && yt(() => {
+      )}</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>", qe.value = `<div>${o}</div>`), De.value = !0, l === "keyboard" && yt(() => {
         $l(t);
       });
     }
@@ -511,14 +576,27 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     }
     function nt(t = null) {
       yt(() => {
-        const a = ["", e.value.table.translations.correlationCoefficient, e.value.table.translations.nbrPlots, `${e.value.style.layout.dataLabels.xAxis.name} ${e.value.table.translations.average}`, `${e.value.style.layout.dataLabels.yAxis.name} ${e.value.table.translations.average}`], l = U.value.map((n) => [
+        const a = [
+          "",
+          e.value.table.translations.correlationCoefficient,
+          e.value.table.translations.nbrPlots,
+          `${e.value.style.layout.dataLabels.xAxis.name} ${e.value.table.translations.average}`,
+          `${e.value.style.layout.dataLabels.yAxis.name} ${e.value.table.translations.average}`
+        ], l = U.value.map((n) => [
           n.name,
           n.correlation.coefficient,
           n.plots.length,
           n.plots.map((i) => i.v.x).reduce((i, y) => i + y, 0) / n.plots.length,
           n.plots.map((i) => i.v.y).reduce((i, y) => i + y, 0) / n.plots.length
-        ]), s = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(l), o = sa(s);
-        t ? t(o) : na({ csvContent: o, title: e.value.style.title.text || "vue-ui-heatmap" });
+        ]), s = [
+          [e.value.style.title.text],
+          [e.value.style.title.subtitle.text],
+          [[""], [""], [""]]
+        ].concat([a]).concat(l), o = sa(s);
+        t ? t(o) : na({
+          csvContent: o,
+          title: e.value.style.title.text || "vue-ui-heatmap"
+        });
       });
     }
     const ke = T(() => {
@@ -534,10 +612,18 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           content: o.name,
           color: o.color
         },
-        Number((o.correlation.coefficient ?? 0).toFixed(e.value.table.td.roundingValue)).toLocaleString(),
+        Number(
+          (o.correlation.coefficient ?? 0).toFixed(
+            e.value.table.td.roundingValue
+          )
+        ).toLocaleString(),
         o.plots.length.toLocaleString(),
-        Number((o.plots.map((n) => n.v.x ?? 0).reduce((n, i) => n + i, 0) / o.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString(),
-        Number((o.plots.map((n) => n.v.y ?? 0).reduce((n, i) => n + i, 0) / o.plots.length).toFixed(e.value.table.td.roundingAverage)).toLocaleString()
+        Number(
+          (o.plots.map((n) => n.v.x ?? 0).reduce((n, i) => n + i, 0) / o.plots.length).toFixed(e.value.table.td.roundingAverage)
+        ).toLocaleString(),
+        Number(
+          (o.plots.map((n) => n.v.y ?? 0).reduce((n, i) => n + i, 0) / o.plots.length).toFixed(e.value.table.td.roundingAverage)
+        ).toLocaleString()
       ]), l = a.map((o) => o.map((n, i) => i === 0 ? n.content : n)), s = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -568,7 +654,12 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     }
     async function Al({ scale: t = 2 } = {}) {
       if (!ne.value) return;
-      const { width: a, height: l } = ne.value.getBoundingClientRect(), s = a / l, { imageUri: o, base64: n } = await ba({ domElement: ne.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = ne.value.getBoundingClientRect(), s = a / l, { imageUri: o, base64: n } = await ba({
+        domElement: ne.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: o,
         base64: n,
@@ -631,20 +722,28 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           const i = [];
           for (let r = 0; r < 5; r += 1) {
             const f = (-90 + r * 72) * Math.PI / 180;
-            i.push([a + o * Math.cos(f), l + o * Math.sin(f)]);
+            i.push([
+              a + o * Math.cos(f),
+              l + o * Math.sin(f)
+            ]);
           }
           let y = `M ${M(i[0][0])} ${M(i[0][1])}`;
-          for (let r = 1; r < 5; r += 1) y += ` L ${M(i[r][0])} ${M(i[r][1])}`;
+          for (let r = 1; r < 5; r += 1)
+            y += ` L ${M(i[r][0])} ${M(i[r][1])}`;
           return y + " Z";
         }
         case "hexagon": {
           const i = [];
           for (let r = 0; r < 6; r += 1) {
             const f = (-60 + r * 60) * Math.PI / 180;
-            i.push([a + o * Math.cos(f), l + o * Math.sin(f)]);
+            i.push([
+              a + o * Math.cos(f),
+              l + o * Math.sin(f)
+            ]);
           }
           let y = `M ${M(i[0][0])} ${M(i[0][1])}`;
-          for (let r = 1; r < 6; r += 1) y += ` L ${M(i[r][0])} ${M(i[r][1])}`;
+          for (let r = 1; r < 6; r += 1)
+            y += ` L ${M(i[r][0])} ${M(i[r][1])}`;
           return y + " Z";
         }
         default: {
@@ -661,13 +760,18 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         for (const _ of d.plots) {
           const O = _.x, D = _.y;
           if (O < t || O > a || D < l || D > s) continue;
-          const L = Math.max(e.value.style.layout.plots.radius, _.weight);
-          m.push(Ll({
-            shape: d.shape || "circle",
-            cx: O,
-            cy: D,
-            r: L
-          }));
+          const L = Math.max(
+            e.value.style.layout.plots.radius,
+            _.weight
+          );
+          m.push(
+            Ll({
+              shape: d.shape || "circle",
+              cx: O,
+              cy: D,
+              r: L
+            })
+          );
         }
         if (!m.length) return null;
         const E = n(d.plots.length) > i || d.plots.length > y;
@@ -697,7 +801,12 @@ const Aa = ["id"], Sa = ["id"], Ta = {
             D <= y && D < f && (f = D, r = E, A = m);
           });
         }), r)
-          R.value !== r.id && (R.value = r.id, he(r, A, "pointer", ve.value.get(r.id) ?? null));
+          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, Ye(d, A);
@@ -714,7 +823,9 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     function Il(t) {
       const a = g.value;
       if (a) {
-        const l = U.value.findIndex((s) => s.id === a.clusterId);
+        const l = U.value.findIndex(
+          (s) => s.id === a.clusterId
+        );
         Re(a, l >= 0 ? l : 0);
       }
     }
@@ -749,9 +860,12 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         }
       };
     });
-    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());
-    });
+    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() {
       K.value.showTable = !1, He.value && He.value.setTableIconState(!1);
     }
@@ -767,7 +881,14 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       try {
         if (t) {
           const { blob: a, url: l, text: s, dataUrl: o } = await Fl();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: a, url: l, text: s, dataUrl: o }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: a,
+              url: l,
+              text: s,
+              dataUrl: o
+            })
+          );
         } else
           await Promise.resolve(Nl());
       } finally {
@@ -790,13 +911,17 @@ const Aa = ["id"], Sa = ["id"], Ta = {
         config: e.value,
         dataset: be.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: be.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: be.value
+        })
+      );
     }
     function jt(t, a) {
       const l = we.value.filter((n) => n.id === t.id ? !1 : a === "right" ? n.x > t.x : a === "left" ? n.x < t.x : a === "down" ? n.y > t.y : a === "up" ? n.y < t.y : !1);
@@ -819,7 +944,8 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     function Rl(t) {
       if (!ie.value || Le.value || document.activeElement !== ie.value || !we.value.length) return;
       const a = t.key === "ArrowLeft", l = t.key === "ArrowRight", s = t.key === "ArrowUp", o = t.key === "ArrowDown", n = t.key === "Enter" || t.key === " ", i = t.key === "Escape";
-      if (!a && !l && !s && !o && !n && !i) return;
+      if (!a && !l && !s && !o && !n && !i)
+        return;
       if (t.preventDefault(), t.stopPropagation(), i) {
         st(), Se.value = "pointer";
         return;
@@ -839,7 +965,12 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           if (!D) {
             const C = ve.value.get(m.id);
             if (C === void 0) return;
-            he(m, m.seriesIndex, "keyboard", C);
+            he(
+              m,
+              m.seriesIndex,
+              "keyboard",
+              C
+            );
             return;
           }
           const L = ve.value.get(D.id);
@@ -1125,7 +1256,11 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           ref: ie,
           xmlns: h(aa),
           "aria-describedby": `chart-instructions-${N.value}`,
-          class: qt({ "vue-data-ui-fullscreen--on": fe.value, "vue-data-ui-fulscreen--off": !fe.value, animated: e.value.useCssAnimation }),
+          class: qt({
+            "vue-data-ui-fullscreen--on": fe.value,
+            "vue-data-ui-fulscreen--off": !fe.value,
+            animated: e.value.useCssAnimation
+          }),
           viewBox: `0 0 ${Y.value.width <= 0 ? 10 : Y.value.width} ${Y.value.height <= 0 ? 10 : Y.value.height}`,
           style: ue(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
           onMouseleave: it,
@@ -1220,7 +1355,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 x: S.value.avgX[s] - u.value.width / $.value / 2,
                 y: u.value.top - e.value.style.layout.marginalBars.offset - e.value.style.layout.marginalBars.size,
                 width: u.value.width / $.value <= 0 ? 1e-4 : u.value.width / $.value,
-                height: Math.max(0.1, e.value.style.layout.marginalBars.size),
+                height: Math.max(
+                  0.1,
+                  e.value.style.layout.marginalBars.size
+                ),
                 fill: "transparent",
                 onMouseenter: (o) => Sl(s),
                 onMouseleave: a[0] || (a[0] = (o) => it())
@@ -1242,7 +1380,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                   stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                   "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                   "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
-                  style: { transition: "none !important", animation: "none !important" }
+                  style: {
+                    transition: "none !important",
+                    animation: "none !important"
+                  }
                 }, null, 8, qa),
                 k("line", {
                   x1: S.value.avgX[s] - u.value.width / $.value / 2 + (u.value.width / $.value <= 0 ? 1e-4 : u.value.width / $.value),
@@ -1252,7 +1393,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                   stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                   "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                   "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
-                  style: { transition: "none !important", animation: "none !important" }
+                  style: {
+                    transition: "none !important",
+                    animation: "none !important"
+                  }
                 }, null, 8, Ha)
               ])) : x("", !0)
             ]))), 256)),
@@ -1273,7 +1417,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 key: 1,
                 x: u.value.right + e.value.style.layout.marginalBars.offset,
                 y: S.value.avgY[s] - u.value.height / $.value / 2,
-                width: Math.max(0.1, e.value.style.layout.marginalBars.size),
+                width: Math.max(
+                  0.1,
+                  e.value.style.layout.marginalBars.size
+                ),
                 height: u.value.height / $.value <= 0 ? 1e-4 : u.value.height / $.value,
                 fill: "transparent",
                 onMouseenter: (o) => Tl(s),
@@ -1296,7 +1443,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                   stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                   "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                   "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
-                  style: { transition: "none !important", animation: "none !important" }
+                  style: {
+                    transition: "none !important",
+                    animation: "none !important"
+                  }
                 }, null, 8, eo),
                 k("line", {
                   x1: u.value.left,
@@ -1306,7 +1456,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                   stroke: e.value.style.layout.marginalBars.highlighter.stroke,
                   "stroke-dasharray": e.value.style.layout.marginalBars.highlighter.strokeDasharray,
                   "stroke-width": e.value.style.layout.marginalBars.highlighter.strokeWidth,
-                  style: { transition: "none !important", animation: "none !important" }
+                  style: {
+                    transition: "none !important",
+                    animation: "none !important"
+                  }
                 }, null, 8, to)
               ])) : x("", !0)
             ]))), 256)),
@@ -1356,7 +1509,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
               l.plots.length > 2 ? (v(), c("polygon", {
                 key: 0,
                 points: h(oa)({ series: l.plots }),
-                fill: h(Ge)(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,11 +1527,19 @@ 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(Ge)(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)),
+                onMouseover: (i) => he(
+                  o,
+                  s,
+                  "pointer",
+                  ve.value.get(o.id)
+                ),
                 onMouseleave: (i) => Ye(o, s),
                 onClick: (i) => Re(o, s)
               }, null, 44, vo))), 256))
@@ -1384,11 +1548,19 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 plot: { x: o.x, y: o.y },
                 radius: R.value && R.value === o.id ? o.weight * 2 : o.weight,
                 shape: l.shape,
-                color: h(Ge)(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)),
+                onMouseover: (i) => he(
+                  o,
+                  s,
+                  "pointer",
+                  ve.value.get(o.id)
+                ),
                 onMouseleave: (i) => Ye(o, s),
                 onClick: (i) => Re(o, s)
               }, null, 8, ["plot", "radius", "shape", "color", "stroke", "strokeWidth", "style", "onMouseover", "onMouseleave", "onClick"]))), 256))
@@ -1414,7 +1586,10 @@ const Aa = ["id"], Sa = ["id"], Ta = {
                 shape: g.value.shape || "circle",
                 color: g.value.color,
                 plot: { x: g.value.x, y: g.value.y },
-                radius: Math.max(4 * Xt[g.value.shape || "circle"], g.value.weight * 2),
+                radius: Math.max(
+                  4 * Xt[g.value.shape || "circle"],
+                  g.value.weight * 2
+                ),
                 stroke: e.value.style.layout.plots.stroke,
                 strokeWidth: e.value.style.layout.plots.strokeWidth
               }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])
@@ -1663,11 +1838,16 @@ const Aa = ["id"], Sa = ["id"], Ta = {
           }, void 0, !0)
         ], 46, Ba)),
         t.$slots.hint ? (v(), c("div", Do, [
-          z(t.$slots, "hint", q(H({ 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", q(H({ isPrinting: h(at) || h(ot) || 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}`
@@ -1828,7 +2008,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       ], !0)
     ], 46, Aa));
   }
-}, vs = /* @__PURE__ */ Ca(Vo, [["__scopeId", "data-v-c5a02553"]]);
+}, vs = /* @__PURE__ */ Ca(Vo, [["__scopeId", "data-v-89d70408"]]);
 export {
   vs as default
 };