vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-onion-CeLy3EjT.js → vue-ui-onion-DMMLNXVu.js}

@@ -1,22 +1,22 @@
 import { defineAsyncComponent as L, computed as h, ref as s, toRefs as Jt, watch as q, shallowRef as et, onMounted as Qt, onBeforeUnmount as Zt, openBlock as u, createElementBlock as g, unref as r, normalizeStyle as R, normalizeClass as ne, createElementVNode as S, toDisplayString as J, createBlock as O, createCommentVNode as m, withCtx as v, renderSlot as d, normalizeProps as k, guardReactiveProps as w, createSlots as tt, createVNode as Ce, Fragment as Q, renderList as Z, Teleport as ea, resolveDynamicComponent as ta, mergeProps as aa, createTextVNode as at, nextTick as $e } from "vue";
-import { j as la, t as lt, m as oa, p as ot, n as na, o as nt, q as Te, s as sa, k as Pe, l as E, X as ua, T as st, a0 as ra, a1 as ia, U as ca } from "./lib-DBptbyyI.js";
-import { b as va } from "./labelUtils-CqTHa20R.js";
+import { j as la, t as lt, m as oa, p as ot, n as na, o as nt, q as Te, s as sa, k as Pe, l as E, X as ua, T as st, a0 as ra, a1 as ia, U as ca } from "./lib-DMzrGQHK.js";
+import { b as va } from "./labelUtils-DX9oyq3C.js";
 import { t as da, u as ha } from "./useResponsive-DfdjqQps.js";
-import { u as ga } from "./useConfig-C40HvGpD.js";
-import { u as fa, B as pa } from "./BaseScanner-BhhkKVoj.js";
-import { u as ya } from "./usePrinter-CEpYU3r5.js";
-import { u as ma } from "./useSvgExport-ByUukOZt.js";
-import { u as Ae } from "./useNestedProp-Bf5XFbs8.js";
-import { u as ba } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ka } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as wa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Ca } from "./useAutoSizeLabelsInsideViewbox-DX7LdvFX.js";
-import $a from "./img-LXxMLmCg.js";
-import Ta from "./Title-BeMKE1cj.js";
-import Pa from "./Legend-CS7Xo5LK.js";
+import { u as ga } from "./useConfig-DTHxOX6V.js";
+import { u as fa, B as pa } from "./BaseScanner-BON3d_Sx.js";
+import { u as ya } from "./usePrinter-C4t8DdQ-.js";
+import { u as ma } from "./useSvgExport-BTG4hVPO.js";
+import { u as Ae } from "./useNestedProp-DH0BEVVS.js";
+import { u as ba } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as ka } from "./useUserOptionState-B7Ej974k.js";
+import { u as wa } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as Ca } from "./useAutoSizeLabelsInsideViewbox-izlGDfwu.js";
+import $a from "./img-CjTQXS0U.js";
+import Ta from "./Title-BbKoiBk2.js";
+import Pa from "./Legend-DGN5lY60.js";
 import Aa from "./vue_ui_onion-CxWH9_OZ.js";
-import { A as Sa } from "./A11yDataTable-KcVAX2cP.js";
-import { B as xa } from "./BaseLegendToggle-BQVIawmA.js";
+import { A as Sa } from "./A11yDataTable-BpmuNomI.js";
+import { B as xa } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as Oa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative" } }, _a = ["xmlns", "aria-describedby", "viewBox"], La = ["width", "height"], Ra = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Ba = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Na = ["id"], za = ["stdDeviation"], Va = ["filter"], Ua = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Ea = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter", "onMouseleave", "onClick"], Ya = { key: 2 }, Xa = ["onMouseenter", "onMouseleave", "onClick"], Ga = ["x", "y", "font-size", "fill", "font-weight"], Ha = {
   key: 0,
@@ -44,7 +44,17 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
   },
   emits: ["selectLegend", "copyAlt"],
   setup(ut, { expose: rt, emit: it }) {
-    const ct = L(() => import("./Tooltip-C8KGyqQk.js")), vt = L(() => import("./BaseIcon-Cb3zzG6s.js")), dt = L(() => import("./vue-ui-accordion-DDuJT1xA.js")), ht = L(() => import("./DataTable-DT2kIdQ6.js")), gt = L(() => import("./UserOptions-rW2fRf3V.js")), ft = L(() => import("./PenAndPaper-Ct3qJ4lA.js")), pt = L(() => import("./PackageVersion-DP_kfXUM.js")), yt = L(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_onion: mt } = ga(), { isThemeValid: bt, warnInvalidTheme: kt } = ba(), P = ut, Se = h(() => !!P.dataset && P.dataset.length), C = s(la()), wt = s(null), xe = s(0), Y = s(!1), se = s(""), y = s([]), I = s(null), Oe = s(null), Ie = s(null), De = s(null), Fe = s(null), Me = s(0), _e = s(0), Le = s(0), D = s(!1), Re = s(!1), X = s(null), ee = s(!1), te = s(!1), F = s(null), Be = s({ x: 0, y: 0 }), G = s("pointer"), ue = s(!1), e = s(ce()), B = h(() => e.value.userOptions.useCursorPointer), Ct = h(() => lt({
+    const ct = L(() => import("./Tooltip-Cvt7Fi0Q.js")), vt = L(() => import("./BaseIcon-DX0hTWa-.js")), dt = L(() => import("./vue-ui-accordion-BHmfmb_6.js")), ht = L(() => import("./DataTable-cMnb68Ik.js")), gt = L(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), ft = L(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), pt = L(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), yt = L(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_onion: mt } = ga(), { isThemeValid: bt, warnInvalidTheme: kt } = ba(), P = ut, Se = h(() => !!P.dataset && P.dataset.length), C = s(la()), wt = s(null), xe = s(0), Y = s(!1), se = s(""), y = s([]), I = s(null), Oe = s(null), Ie = s(null), De = s(null), Fe = s(null), Me = s(0), _e = s(0), Le = s(0), D = s(!1), Re = s(!1), X = s(null), ee = s(!1), te = s(!1), F = s(null), Be = s({ x: 0, y: 0 }), G = s("pointer"), ue = s(!1), e = s(ce()), B = h(
+      () => e.value.userOptions.useCursorPointer
+    ), Ct = h(() => lt({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -83,7 +93,9 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
         defaultConfig: e.value,
         userConfig: Ct.value
       })
-    }), { userOptionsVisible: ie, setUserOptionsVisibility: ze, keepUserOptionState: Ve } = ka({ config: e.value }), { svgRef: M } = wa({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ie, setUserOptionsVisibility: ze, keepUserOptionState: Ve } = ka({ config: e.value }), { svgRef: M } = wa({
+      config: e.value.style.chart.title
+    });
     function ce() {
       const t = Ae({
         userConfig: P.config,
@@ -104,9 +116,13 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
         customPalette: o.customPalette.length ? o.customPalette : oa[l] || ot
       };
     }
-    q(() => P.config, (t) => {
-      A.value || (e.value = ce()), ie.value = !e.value.userOptions.showOnChartHover, Xe(), Me.value += 1, _e.value += 1, Le.value += 1, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show;
-    }, { deep: !0 });
+    q(
+      () => P.config,
+      (t) => {
+        A.value || (e.value = ce()), ie.value = !e.value.userOptions.showOnChartHover, Xe(), Me.value += 1, _e.value += 1, Le.value += 1, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show;
+      },
+      { deep: !0 }
+    );
     const { isPrinting: ve, isImaging: de, generatePdf: Ue, generateImage: Ee } = ya({
       elementId: `vue-ui-onion_${C.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-onion",
@@ -115,12 +131,16 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    q(e, () => {
-      $.value = {
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.chart.tooltip.show
-      };
-    }, { immediate: !0 });
+    q(
+      e,
+      () => {
+        $.value = {
+          showTable: e.value.table.show,
+          showTooltip: e.value.style.chart.tooltip.show
+        };
+      },
+      { immediate: !0 }
+    );
     const n = s({
       height: 512,
       width: 512,
@@ -236,10 +256,16 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
         ...t,
         display: `${t.name}${a || o ? ": " : ""}${T}`
       };
-    })), K = s(b.value), St = h(() => e.value.useStartAnimation), xt = s(null), Ot = h(() => Math.max(...b.value.map((t) => t.percentage))), ge = s(!1);
-    q(() => b.value, Ge, { immediate: !0, deep: !0 }), q(() => P.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (re.value = !1);
-    }, { deep: !0 });
+    })), K = s(b.value), St = h(() => e.value.useStartAnimation), xt = s(null), Ot = h(
+      () => Math.max(...b.value.map((t) => t.percentage))
+    ), ge = s(!1);
+    q(() => b.value, Ge, { immediate: !0, deep: !0 }), q(
+      () => P.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (re.value = !1);
+      },
+      { deep: !0 }
+    );
     function Ge() {
       if (St.value && !ge.value && !A.value) {
         let l = function() {
@@ -264,7 +290,9 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), Dt = h(() => b.value.filter((t) => !y.value.includes(t.id)).length), N = h(() => {
+    })), Dt = h(() => b.value.filter(
+      (t) => !y.value.includes(t.id)
+    ).length), N = h(() => {
       const t = Math.min(p.value.width, p.value.height) / 2 / b.value.length;
       return {
         gutter: (t > e.value.style.chart.layout.maxThickness ? e.value.style.chart.layout.maxThickness : t) * e.value.style.chart.layout.gutter.width,
@@ -305,7 +333,8 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
       if (y.value.includes(t))
         y.value = y.value.filter((l) => l !== t);
       else {
-        if (y.value.length === b.value.length - 1) return;
+        if (y.value.length === b.value.length - 1)
+          return;
         y.value.push(t);
       }
       He("selectLegend", f.value);
@@ -328,11 +357,11 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
       return f.value;
     }
     const fe = h(() => {
-      const t = [e.value.table.translations.serie, e.value.table.translations.percentage, e.value.table.translations.value], l = f.value.map((a) => [
-        a.name,
-        a.percentage,
-        a.value
-      ]);
+      const t = [
+        e.value.table.translations.serie,
+        e.value.table.translations.percentage,
+        e.value.table.translations.value
+      ], l = f.value.map((a) => [a.name, a.percentage, a.value]);
       return { head: t, body: l };
     }), U = h(() => {
       const t = fe.value.head, l = f.value.map((o) => [
@@ -356,8 +385,15 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
     });
     function pe(t = null) {
       $e(() => {
-        const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = fe.value.head, o = fe.value.body, c = l.concat([a]).concat(o), i = ra(c);
-        t ? t(i) : ia({ csvContent: i, title: e.value.style.chart.title.text || "vue-ui-onion" });
+        const l = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text],
+          [""]
+        ], a = fe.value.head, o = fe.value.body, c = l.concat([a]).concat(o), i = ra(c);
+        t ? t(i) : ia({
+          csvContent: i,
+          title: e.value.style.chart.title.text || "vue-ui-onion"
+        });
       });
     }
     const x = s(void 0), z = s(!1);
@@ -365,18 +401,18 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
       z.value = t, xe.value += 1;
     }
     function ye({ datapoint: t }) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.absoluteIndex });
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: t,
+        seriesIndex: t.absoluteIndex
+      });
     }
     function je({ datapoint: t }) {
-      x.value = void 0, Y.value = !1, F.value = null, G.value = "pointer", e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.absoluteIndex });
+      x.value = void 0, Y.value = !1, F.value = null, G.value = "pointer", e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: t,
+        seriesIndex: t.absoluteIndex
+      });
     }
-    function me({
-      val: t,
-      percentage: l,
-      showVal: a,
-      showPercentage: o,
-      config: c
-    }) {
+    function me({ val: t, percentage: l, showVal: a, showPercentage: o, config: c }) {
       return va({
         config: c,
         val: t,
@@ -410,8 +446,16 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
       return `${t.name}${a || o ? ": " : ""}${c}`;
     }
     const le = s(null);
-    function be({ datapoint: t, seriesIndex: l, show: a = !0, triggerMode: o = "pointer" }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: t.absoluteIndex }), G.value = o, F.value = l;
+    function be({
+      datapoint: t,
+      seriesIndex: l,
+      show: a = !0,
+      triggerMode: o = "pointer"
+    }) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: t,
+        seriesIndex: t.absoluteIndex
+      }), G.value = o, F.value = l;
       const c = t.absoluteIndex;
       x.value = l, le.value = {
         datapoint: t,
@@ -421,12 +465,14 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
       }, Y.value = a;
       let i = "";
       const T = e.value.style.chart.tooltip.customFormat;
-      if (st(T) && ca(() => T({
-        seriesIndex: c,
-        datapoint: t,
-        series: b.value,
-        config: e.value
-      })))
+      if (st(T) && ca(
+        () => T({
+          seriesIndex: c,
+          datapoint: t,
+          series: b.value,
+          config: e.value
+        })
+      ))
         se.value = T({
           seriesIndex: c,
           datapoint: t,
@@ -473,7 +519,12 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
     }
     async function Nt({ scale: t = 2 } = {}) {
       if (!I.value) return;
-      const { width: l, height: a } = I.value.getBoundingClientRect(), o = l / a, { imageUri: c, base64: i } = await $a({ domElement: I.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = I.value.getBoundingClientRect(), o = l / a, { imageUri: c, base64: i } = await $a({
+        domElement: I.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: c,
         base64: i,
@@ -514,9 +565,12 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
         }
       };
     });
-    q(() => $.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && X.value ? X.value.open() : "close" in X.value && X.value.close());
-    });
+    q(
+      () => $.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && X.value ? X.value.open() : "close" in X.value && X.value.close());
+      }
+    );
     const zt = h(() => H.value.map((t) => ({
       ...t,
       name: t.display
@@ -532,7 +586,14 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
       try {
         if (t) {
           const { blob: l, url: a, text: o, dataUrl: c } = await Xt();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: c }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: l,
+              url: a,
+              text: o,
+              dataUrl: c
+            })
+          );
         } else
           await Promise.resolve(Yt());
       } finally {
@@ -555,13 +616,17 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
         config: e.value,
         dataset: f.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: f.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: f.value
+        })
+      );
     }
     function Ht() {
       F.value = null, ue.value = !0;
@@ -572,7 +637,8 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
     function Wt(t) {
       if (!M.value || W.value || document.activeElement !== M.value || !f.value.length) return;
       const l = ["ArrowLeft", "ArrowDown"].includes(t.key), a = ["ArrowRight", "ArrowUp"].includes(t.key), o = t.key === "Enter" || t.key === " ", c = t.key === "Escape";
-      if (!l && !a && !o && !c) return;
+      if (!l && !a && !o && !c)
+        return;
       if (t.preventDefault(), t.stopPropagation(), c) {
         F.value = null, G.value = "pointer", Y.value = !1, x.value = void 0;
         return;
@@ -822,7 +888,11 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
           ref: M,
           xmlns: r(ua),
           "aria-describedby": `chart-instructions-${C.value}`,
-          class: ne({ "vue-data-ui-fullscreen--on": z.value, "vue-data-ui-fulscreen--off": !z.value, resizing: D.value }),
+          class: ne({
+            "vue-data-ui-fullscreen--on": z.value,
+            "vue-data-ui-fulscreen--off": !z.value,
+            resizing: D.value
+          }),
           viewBox: `0 0 ${n.value.width <= 0 ? 10 : n.value.width} ${n.value.height <= 0 ? 10 : n.value.height}`,
           style: R(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
           tabindex: "0",
@@ -853,7 +923,10 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
             "stroke-dasharray": a.path.bgDashArray,
             "stroke-dashoffset": a.path.fullOffset,
             "stroke-linecap": "round",
-            class: ne({ "vue-ui-onion-path": !0, "vue-ui-onion-blur": e.value.useBlurOnHover && ![null, void 0].includes(x.value) && x.value !== o }),
+            class: ne({
+              "vue-ui-onion-path": !0,
+              "vue-ui-onion-blur": e.value.useBlurOnHover && ![null, void 0].includes(x.value) && x.value !== o
+            }),
             style: R({
               transform: "rotate(-90deg)",
               transformOrigin: "50% 50%",
@@ -870,7 +943,10 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
             fill: "none",
             "stroke-dasharray": a.path.dashArray,
             "stroke-dashoffset": a.path.dashOffset,
-            class: ne({ "vue-ui-onion-path": !0, "vue-ui-onion-blur": e.value.useBlurOnHover && ![null, void 0].includes(x.value) && x.value !== o }),
+            class: ne({
+              "vue-ui-onion-path": !0,
+              "vue-ui-onion-blur": e.value.useBlurOnHover && ![null, void 0].includes(x.value) && x.value !== o
+            }),
             "stroke-linecap": "round",
             style: R({
               transform: "rotate(-90deg)",
@@ -971,11 +1047,16 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
           }, void 0, !0)
         ], 46, _a)),
         t.$slots.hint ? (u(), g("div", Ha, [
-          d(t.$slots, "hint", k(w({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: ue.value })), void 0, !0)
+          d(t.$slots, "hint", k(w({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: ue.value
+          })), void 0, !0)
         ])) : m("", !0)
       ]),
       t.$slots.watermark ? (u(), g("div", Ka, [
-        d(t.$slots, "watermark", k(w({ isPrinting: r(ve) || r(de) || ee.value || te.value })), void 0, !0)
+        d(t.$slots, "watermark", k(w({
+          isPrinting: r(ve) || r(de) || ee.value || te.value
+        })), void 0, !0)
       ])) : m("", !0),
       S("div", {
         id: `legend-bottom-${C.value}`
@@ -1121,7 +1202,7 @@ const Ia = ["id"], Da = ["id"], Fa = ["id"], Ma = { style: { position: "relative
       ], !0)
     ], 46, Ia));
   }
-}, ml = /* @__PURE__ */ Oa(Ja, [["__scopeId", "data-v-a1697707"]]);
+}, ml = /* @__PURE__ */ Oa(Ja, [["__scopeId", "data-v-d346370d"]]);
 export {
   ml as default
 };