vue-data-ui 3.17.3 → 3.17.5

package/dist/{vue-ui-nested-donuts-CDtrnUDs.js → vue-ui-nested-donuts-DegYxm8S.js}

@@ -1,21 +1,21 @@
 import { defineAsyncComponent as G, computed as $, ref as h, toRefs as Ol, watch as fe, onMounted as Fl, shallowRef as Ft, onBeforeUnmount as Dl, openBlock as u, createElementBlock as r, unref as v, normalizeStyle as pe, normalizeClass as Z, createElementVNode as g, toDisplayString as E, createBlock as V, createCommentVNode as A, withCtx as y, renderSlot as b, normalizeProps as P, guardReactiveProps as S, createSlots as Dt, createVNode as Xe, Fragment as T, renderList as _, withDirectives as Nt, vShow as Vt, Teleport as Nl, resolveDynamicComponent as Vl, mergeProps as Ml, createTextVNode as Mt, nextTick as He } from "vue";
-import { j as zl, t as zt, m as Bl, p as qe, o as El, q as oe, n as Ul, a8 as Y, s as Rl, a4 as je, k as Le, l as D, X as Gl, u as Yl, a as Bt, a6 as Et, a7 as xe, B as Ut, T as Rt, a0 as Wl, a1 as Kl, U as Xl, ai as Gt, K as Je } from "./lib-DBptbyyI.js";
-import { b as Hl } from "./labelUtils-CqTHa20R.js";
+import { j as zl, t as zt, m as Bl, p as qe, o as El, q as oe, n as Ul, a8 as Y, s as Rl, a4 as je, k as Le, l as D, X as Gl, u as Yl, a as Bt, a6 as Et, a7 as xe, B as Ut, T as Rt, a0 as Wl, a1 as Kl, U as Xl, ai as Gt, K as Je } from "./lib-DMzrGQHK.js";
+import { b as Hl } from "./labelUtils-DX9oyq3C.js";
 import { t as ql, u as jl } from "./useResponsive-DfdjqQps.js";
-import { u as Jl } from "./useConfig-C40HvGpD.js";
-import { u as Ql, B as Zl } from "./BaseScanner-BhhkKVoj.js";
-import { u as ea } from "./usePrinter-CEpYU3r5.js";
-import { u as ta } from "./useSvgExport-ByUukOZt.js";
-import { u as Qe } from "./useNestedProp-Bf5XFbs8.js";
-import { u as la } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as aa } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as oa } from "./useChartAccessibility-9icAAmYg.js";
-import sa from "./img-LXxMLmCg.js";
-import na from "./Title-BeMKE1cj.js";
+import { u as Jl } from "./useConfig-DTHxOX6V.js";
+import { u as Ql, B as Zl } from "./BaseScanner-C2j3TsSY.js";
+import { u as ea } from "./usePrinter-C4t8DdQ-.js";
+import { u as ta } from "./useSvgExport-BTG4hVPO.js";
+import { u as Qe } from "./useNestedProp-DH0BEVVS.js";
+import { u as la } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as aa } from "./useUserOptionState-B7Ej974k.js";
+import { u as oa } from "./useChartAccessibility-cp6XQtqi.js";
+import sa from "./img-CjTQXS0U.js";
+import na from "./Title-BbKoiBk2.js";
 import ua from "./vue_ui_nested_donuts-DvTrWT_C.js";
-import ra from "./Legend-CS7Xo5LK.js";
-import { A as ia } from "./A11yDataTable-KcVAX2cP.js";
-import { B as da } from "./BaseLegendToggle-BQVIawmA.js";
+import ra from "./Legend-DGN5lY60.js";
+import { A as ia } from "./A11yDataTable-BpmuNomI.js";
+import { B as da } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as ca } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative" } }, ga = ["xmlns", "aria-describedby", "viewBox"], ya = ["width", "height"], ba = ["id"], ma = ["offset", "stop-color"], wa = ["offset", "stop-opacity"], ka = ["id"], $a = ["id"], Ca = ["id"], Aa = ["flood-color"], La = ["id", "d"], xa = ["d", "fill", "stroke", "stroke-width", "filter"], Ta = ["d", "fill", "stroke", "stroke-width"], _a = { key: 1 }, Pa = ["d", "fill"], Sa = { key: 2 }, Ia = ["font-size", "font-weight", "fill", "dy"], Oa = ["href"], Fa = ["x", "y", "font-size", "font-weight", "fill"], Da = { key: 3 }, Na = ["filter"], Va = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], Ma = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], za = ["d", "fill", "onMouseenter", "onClick", "onMouseleave"], Ba = {
   key: 0,
@@ -46,7 +46,15 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
   },
   emits: ["selectLegend", "selectDatapoint", "copyAlt"],
   setup(Yt, { expose: Wt, emit: Kt }) {
-    const Xt = G(() => import("./Tooltip-C8KGyqQk.js")), Ht = G(() => import("./BaseIcon-Cb3zzG6s.js")), qt = G(() => import("./vue-ui-accordion-DDuJT1xA.js")), jt = G(() => import("./DataTable-DT2kIdQ6.js")), Jt = G(() => import("./UserOptions-rW2fRf3V.js")), Qt = G(() => import("./PenAndPaper-Ct3qJ4lA.js")), Zt = G(() => import("./PackageVersion-DP_kfXUM.js")), el = G(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_nested_donuts: tl } = Jl(), { isThemeValid: ll, warnInvalidTheme: al } = la(), I = Yt, Te = $({
+    const Xt = G(() => import("./Tooltip-Cvt7Fi0Q.js")), Ht = G(() => import("./BaseIcon-DX0hTWa-.js")), qt = G(() => import("./vue-ui-accordion-BHmfmb_6.js")), jt = G(() => import("./DataTable-cMnb68Ik.js")), Jt = G(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Qt = G(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Zt = G(
+      () => import("./PackageVersion-BjeuEImy.js")
+    ), el = G(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_nested_donuts: tl } = Jl(), { isThemeValid: ll, warnInvalidTheme: al } = la(), I = Yt, Te = $({
       get() {
         return !!I.dataset && I.dataset.length;
       },
@@ -57,7 +65,9 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     function rt(t) {
       X.value = t, Ze.value += 1;
     }
-    const e = h(De()), H = $(() => e.value.userOptions.useCursorPointer), it = {
+    const e = h(De()), H = $(
+      () => e.value.userOptions.useCursorPointer
+    ), it = {
       name: "",
       series: [
         {
@@ -90,7 +100,11 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                 dataLabels: { show: !1 }
               }
             },
-            legend: { backgroundColor: "transparent", showValue: !1, showPercentage: !1 },
+            legend: {
+              backgroundColor: "transparent",
+              showValue: !1,
+              showPercentage: !1
+            },
             title: {
               color: "#1A1A1A",
               subtitle: {
@@ -176,10 +190,19 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
               const Ce = [];
               let Re = 0;
               I.dataset.forEach((Ae, Ge) => {
-                const _l = Je(Ae.series.reduce(
-                  (We, Ke) => We + Je(Y(Ke.values).reduce((Sl, Il) => Sl + Il, 0)),
-                  0
-                )), Pl = Je(K.value.slice(Re, Re + Ae.series.length).reduce((We, Ke) => We + Ke, 0)), Ye = _l - Pl;
+                const _l = Je(
+                  Ae.series.reduce(
+                    (We, Ke) => We + Je(
+                      Y(Ke.values).reduce(
+                        (Sl, Il) => Sl + Il,
+                        0
+                      )
+                    ),
+                    0
+                  )
+                ), Pl = Je(
+                  K.value.slice(Re, Re + Ae.series.length).reduce((We, Ke) => We + Ke, 0)
+                ), Ye = _l - Pl;
                 Ye > Number.MIN_VALUE && Ce.push({
                   name: "__ghost__",
                   arcOf: Ae.name,
@@ -273,15 +296,19 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    fe(e, () => {
-      L.value = {
-        dataLabels: {
-          show: e.value.style.chart.layout.labels.dataLabels.show
-        },
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.chart.tooltip.show
-      };
-    }, { immediate: !0 });
+    fe(
+      e,
+      () => {
+        L.value = {
+          dataLabels: {
+            show: e.value.style.chart.layout.labels.dataLabels.show
+          },
+          showTable: e.value.table.show,
+          showTooltip: e.value.style.chart.tooltip.show
+        };
+      },
+      { immediate: !0 }
+    );
     const p = h({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height
@@ -348,7 +375,10 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         datasetIndex: l,
         id: `${f.value}_${l}`,
         series: s.series.map((o, a) => {
-          const n = Y(o.values).reduce((d, c) => d + c, 0);
+          const n = Y(o.values).reduce(
+            (d, c) => d + c,
+            0
+          );
           return {
             name: o.name,
             arcOf: s.name,
@@ -363,9 +393,13 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         })
       }));
     });
-    fe(() => I.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Oe.value = !1);
-    }, { immediate: !0 });
+    fe(
+      () => I.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (Oe.value = !1);
+      },
+      { immediate: !0 }
+    );
     const B = $(() => Math.min(p.value.height, p.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), mt = $(() => [...O.value].map((t, s) => {
       const l = t.series.filter((o) => !m.value.includes(o.id)).map((o) => o.value).reduce((o, a) => o + a, 0);
       return {
@@ -424,12 +458,16 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         onUpdate: (i) => {
           C.value = C.value.map((w) => ({
             ...w,
-            series: w.series.map((x) => x.id === t.id ? { ...x, value: i } : x)
+            series: w.series.map(
+              (x) => x.id === t.id ? { ...x, value: i } : x
+            )
           }));
         }
       }) : C.value = C.value.map((i) => ({
         ...i,
-        series: i.series.map((w) => w.id === t.id ? { ...w, value: l } : w)
+        series: i.series.map(
+          (w) => w.id === t.id ? { ...w, value: l } : w
+        )
       }))) : k && (e.value.serieToggleAnimation.show ? bt({
         from: n,
         to: 0,
@@ -437,7 +475,9 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         onUpdate: (i) => {
           C.value = C.value.map((w) => ({
             ...w,
-            series: w.series.map((x) => x.id === t.id ? { ...x, value: i } : x)
+            series: w.series.map(
+              (x) => x.id === t.id ? { ...x, value: i } : x
+            )
           }));
         },
         onDone: () => {
@@ -445,7 +485,9 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         }
       }) : (C.value = C.value.map((i) => ({
         ...i,
-        series: i.series.map((w) => w.id === t.id ? { ...w, value: 0 } : w)
+        series: i.series.map(
+          (w) => w.id === t.id ? { ...w, value: 0 } : w
+        )
       })), m.value.push(t.id)));
     }
     function wt(t) {
@@ -471,9 +513,15 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         ...k,
         value: k.value < 1e-11 ? Number.MIN_VALUE : k.value
       })), d = je(
-        { series: [
-          { name: "_", color: e.value.style.chart.layout.donut.emptyFill, value: 1 }
-        ] },
+        {
+          series: [
+            {
+              name: "_",
+              color: e.value.style.chart.layout.donut.emptyFill,
+              value: 1
+            }
+          ]
+        },
         p.value.width / 2,
         p.value.height / 2,
         o,
@@ -529,13 +577,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     function vl({ datapoint: t, seriesIndex: s }) {
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: s }), se.value = !1, we.value = null, ne.value = null, le.value = null, Q.value = null, N.value = null, ie.value = "pointer";
     }
-    function Ct({
-      val: t,
-      percentage: s,
-      showVal: l,
-      showPercentage: o,
-      config: a
-    }) {
+    function Ct({ val: t, percentage: s, showVal: l, showPercentage: o, config: a }) {
       return Hl({
         config: a,
         val: t,
@@ -544,7 +586,12 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         showPercentage: o
       });
     }
-    function At({ datapoint: t, _relativeIndex: s, seriesIndex: l, triggerMode: o = "pointer" }) {
+    function At({
+      datapoint: t,
+      _relativeIndex: s,
+      seriesIndex: l,
+      triggerMode: o = "pointer"
+    }) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), ie.value = o, N.value = l, we.value = t.arcOfId, le.value = t.id, Q.value = l, ne.value = t.id, ke.value = {
         datapoint: t,
         seriesIndex: l,
@@ -649,18 +696,15 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       const l = t.series.filter(
         (a) => !m.value.includes(a.id)
       ), o = W.value ? l.map((a) => {
-        const n = q.value[s].series.findIndex(
-          (d) => d.name === a.name
-        );
+        const n = q.value[s].series.findIndex((d) => d.name === a.name);
         return Y(
           q.value[s].series[n].values
         ).reduce((d, c) => d + c, 0);
       }).reduce((a, n) => a + n, 0) : l.map((a) => a.value).reduce((a, n) => a + n, 0);
       return t.series.map((a, n) => {
-        const d = Y(q.value[s].series[n].values).reduce(
-          (ve, he) => ve + he,
-          0
-        ), c = W.value ? d : a.value, k = Le(
+        const d = Y(
+          q.value[s].series[n].values
+        ).reduce((ve, he) => ve + he, 0), c = W.value ? d : a.value, k = Le(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           c,
           D({
@@ -799,7 +843,12 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     }
     async function pl({ scale: t = 2 } = {}) {
       if (!M.value) return;
-      const { width: s, height: l } = M.value.getBoundingClientRect(), o = s / l, { imageUri: a, base64: n } = await sa({ domElement: M.value, base64: !0, img: !0, scale: t });
+      const { width: s, height: l } = M.value.getBoundingClientRect(), o = s / l, { imageUri: a, base64: n } = await sa({
+        domElement: M.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: a,
         base64: n,
@@ -813,7 +862,10 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     function gl() {
       if (!Ee.value) return;
       const { x: t, y: s, width: l, height: o } = Ee.value.getBBox();
-      z.value && z.value.setAttribute("viewBox", `${t} ${s} ${l + Math.min(0, t)} ${o + Math.min(0, s)}`);
+      z.value && z.value.setAttribute(
+        "viewBox",
+        `${t} ${s} ${l + Math.min(0, t)} ${o + Math.min(0, s)}`
+      );
     }
     const ce = $(() => {
       const t = e.value.table.useDialog && !e.value.table.show, s = L.value.showTable;
@@ -846,16 +898,21 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         }
       };
     });
-    fe(() => L.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && re.value ? re.value.open() : "close" in re.value && re.value.close());
-    });
+    fe(
+      () => L.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && re.value ? re.value.open() : "close" in re.value && re.value.close());
+      }
+    );
     function St() {
       L.value.showTable = !1, Se.value && Se.value.setTableIconState(!1);
     }
-    const yl = $(() => e.value.style.chart.backgroundColor), bl = $(() => e.value.style.chart.legend), ml = $(() => e.value.style.chart.title), wl = $(() => $e.value.flat().map((t) => ({
-      ...t,
-      name: t.svgDisplay
-    }))), { exportSvg: kl, getSvg: $l } = ta({
+    const yl = $(() => e.value.style.chart.backgroundColor), bl = $(() => e.value.style.chart.legend), ml = $(() => e.value.style.chart.title), wl = $(
+      () => $e.value.flat().map((t) => ({
+        ...t,
+        name: t.svgDisplay
+      }))
+    ), { exportSvg: kl, getSvg: $l } = ta({
       svg: z,
       title: ml,
       legend: bl,
@@ -867,7 +924,14 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       try {
         if (t) {
           const { blob: s, url: l, text: o, dataUrl: a } = await $l();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: s, url: l, text: o, dataUrl: a }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: s,
+              url: l,
+              text: o,
+              dataUrl: a
+            })
+          );
         } else
           await Promise.resolve(kl());
       } finally {
@@ -890,13 +954,17 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         config: e.value,
         dataset: C.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: C.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: C.value
+        })
+      );
     }
     const F = $(() => J.value.flatMap((t) => t.donut.filter((s) => !s.ghost)));
     function Al() {
@@ -908,7 +976,8 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     function xl(t) {
       if (!z.value || de.value || document.activeElement !== z.value || !F.value.length) return;
       const s = ["ArrowLeft", "ArrowUp"].includes(t.key), l = ["ArrowRight", "ArrowDown"].includes(t.key), o = t.key === "Enter" || t.key === " ", a = t.key === "Escape";
-      if (!s && !l && !o && !a) return;
+      if (!s && !l && !o && !a)
+        return;
       if (t.preventDefault(), t.stopPropagation(), a) {
         N.value = null, ie.value = "pointer", se.value = !1, we.value = null, ne.value = null, le.value = null, Q.value = null;
         return;
@@ -1266,7 +1335,9 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
               }, null, 8, La))), 128))
             ]),
             (u(!0), r(T, null, _(J.value, (l, o) => (u(), r("g", null, [
-              l.hasData ? (u(!0), r(T, { key: 0 }, _(l.donut.filter((a) => !a.ghost), (a, n) => (u(), r("g", null, [
+              l.hasData ? (u(!0), r(T, { key: 0 }, _(l.donut.filter(
+                (a) => !a.ghost
+              ), (a, n) => (u(), r("g", null, [
                 g("path", {
                   class: "vue-ui-donut-arc-path",
                   d: a.arcSlice,
@@ -1300,7 +1371,9 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                 (u(!0), r(T, null, _(l.donut, (a, n) => (u(), r("g", null, [
                   n === 0 && p.value.width && p.value.height ? (u(), r("text", {
                     key: 0,
-                    class: Z({ animated: e.value.useCssAnimation }),
+                    class: Z({
+                      animated: e.value.useCssAnimation
+                    }),
                     "text-anchor": "middle",
                     "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                     "font-weight": e.value.style.chart.layout.labels.dataLabels.boldDonutName ? "bold" : "normal",
@@ -1323,7 +1396,9 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                 (u(!0), r(T, null, _(l.donut, (a, n) => (u(), r("g", null, [
                   n === 0 && p.value.width && p.value.height ? (u(), r("text", {
                     key: 0,
-                    class: Z({ animated: e.value.useCssAnimation }),
+                    class: Z({
+                      animated: e.value.useCssAnimation
+                    }),
                     x: p.value.width / 2,
                     y: a.startY - e.value.style.chart.layout.labels.dataLabels.fontSize + e.value.style.chart.layout.labels.dataLabels.donutNameOffsetY,
                     "text-anchor": "middle",
@@ -1339,11 +1414,15 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             ])) : A("", !0),
             e.value.style.chart.layout.labels.dataLabels.show ? (u(), r("g", Da, [
               (u(!0), r(T, null, _(J.value, (l, o) => (u(), r("g", null, [
-                (u(!0), r(T, null, _(l.donut.filter((a) => !a.ghost), (a, n) => (u(), r("g", {
+                (u(!0), r(T, null, _(l.donut.filter(
+                  (a) => !a.ghost
+                ), (a, n) => (u(), r("g", {
                   filter: xt(a, n)
                 }, [
                   Nt(g("text", {
-                    class: Z({ animated: e.value.useCssAnimation }),
+                    class: Z({
+                      animated: e.value.useCssAnimation
+                    }),
                     opacity: Lt(a) ? 1 : 0,
                     "text-anchor": v(xe)(a, !0).anchor,
                     x: v(xe)(
@@ -1368,10 +1447,15 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                     e.value.style.chart.layout.labels.dataLabels.usePercentageParens ? "(" : "",
                     e.value.style.chart.layout.labels.dataLabels.usePercentageParens ? ")" : ""
                   )), 11, Va), [
-                    [Vt, L.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage]
+                    [
+                      Vt,
+                      L.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage
+                    ]
                   ]),
                   Nt(g("text", {
-                    class: Z({ animated: e.value.useCssAnimation }),
+                    class: Z({
+                      animated: e.value.useCssAnimation
+                    }),
                     opacity: Lt(a) ? 1 : 0,
                     "text-anchor": v(xe)(a, !0).anchor,
                     x: v(xe)(
@@ -1397,12 +1481,19 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                         s: e.value.style.chart.layout.labels.dataLabels.suffix,
                         r: e.value.style.chart.layout.labels.dataLabels.roundingValue
                       }),
-                      { datapoint: a, seriesIndex: o, datapointIndex: n }
+                      {
+                        datapoint: a,
+                        seriesIndex: o,
+                        datapointIndex: n
+                      }
                     ),
                     e.value.style.chart.layout.labels.dataLabels.useValueParens ? "(" : "",
                     e.value.style.chart.layout.labels.dataLabels.useValueParens ? ")" : ""
                   )), 11, Ma), [
-                    [Vt, L.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showValue]
+                    [
+                      Vt,
+                      L.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showValue
+                    ]
                   ])
                 ], 8, Na))), 256))
               ]))), 256))
@@ -1414,11 +1505,20 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                   fill: ne.value === a.id ? e.value.style.chart.layout.donut.selectedColor : "transparent",
                   onMouseenter: (d) => At({
                     datapoint: a,
-                    relativeIndex: F.value.findIndex((c) => c.id === a.id),
+                    relativeIndex: F.value.findIndex(
+                      (c) => c.id === a.id
+                    ),
                     seriesIndex: a.seriesIndex
                   }),
-                  onClick: (d) => yt({ datapoint: a, index: n, seriesIndex: a.seriesIndex }),
-                  onMouseleave: (d) => vl({ datapoint: a, seriesIndex: a.seriesIndex })
+                  onClick: (d) => yt({
+                    datapoint: a,
+                    index: n,
+                    seriesIndex: a.seriesIndex
+                  }),
+                  onMouseleave: (d) => vl({
+                    datapoint: a,
+                    seriesIndex: a.seriesIndex
+                  })
                 }, null, 40, za)
               ]))), 256))
             ]))), 256)),
@@ -1432,11 +1532,16 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
           ], 512)
         ], 46, ga)),
         t.$slots.hint ? (u(), r("div", Ba, [
-          b(t.$slots, "hint", P(S({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Ie.value })), void 0, !0)
+          b(t.$slots, "hint", P(S({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: Ie.value
+          })), void 0, !0)
         ])) : A("", !0)
       ]),
       t.$slots.watermark ? (u(), r("div", Ea, [
-        b(t.$slots, "watermark", P(S({ isPrinting: v(Ne) || v(Ve) || ge.value || ye.value })), void 0, !0)
+        b(t.$slots, "watermark", P(S({
+          isPrinting: v(Ne) || v(Ve) || ge.value || ye.value
+        })), void 0, !0)
       ])) : A("", !0),
       Xe(v(Xt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
@@ -1483,7 +1588,9 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
           key: 0,
           ref_key: "chartLegend",
           ref: Pe,
-          class: Z({ "vue-ui-nested-donuts-legend": $e.value.length > 1 })
+          class: Z({
+            "vue-ui-nested-donuts-legend": $e.value.length > 1
+          })
         }, [
           (u(!0), r(T, null, _($e.value, (l, o) => (u(), V(ra, {
             key: `legend_${o}_${st.value}`,
@@ -1592,7 +1699,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       ], !0)
     ], 46, va));
   }
-}, vo = /* @__PURE__ */ ca(Wa, [["__scopeId", "data-v-821b36c3"]]);
+}, vo = /* @__PURE__ */ ca(Wa, [["__scopeId", "data-v-5d2304e8"]]);
 export {
   vo as default
 };