vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-3d-bar-CWaSxiqw.js → vue-ui-3d-bar-CzXlsUEJ.js}

@@ -1,18 +1,18 @@
 import { defineAsyncComponent as Z, computed as M, ref as m, toRefs as Xt, watch as Oe, onMounted as Kt, openBlock as c, createElementBlock as v, unref as s, normalizeStyle as j, normalizeClass as rt, createElementVNode as d, toDisplayString as N, createBlock as Y, createCommentVNode as p, withCtx as C, renderSlot as _, normalizeProps as z, guardReactiveProps as L, createSlots as ut, createVNode as it, Fragment as T, renderList as F, withKeys as dt, withModifiers as ct, mergeProps as Be, resolveDynamicComponent as qt, createTextVNode as vt, nextTick as Ie } from "vue";
-import { j as ht, t as ft, m as Zt, p as $e, n as Yt, s as Jt, o as Qt, q as me, r as Ne, x as G, a4 as pt, K as el, l as B, X as tl, u as w, w as J, k as be, a5 as gt, a6 as _e, a7 as U, a0 as ll, a1 as ol } from "./lib-DBptbyyI.js";
+import { j as ht, t as ft, m as Zt, p as $e, n as Yt, s as Jt, o as Qt, q as me, r as Ne, x as G, a4 as pt, K as el, l as B, X as tl, u as w, w as J, k as be, a5 as gt, a6 as _e, a7 as U, a0 as ll, a1 as ol } from "./lib-DMzrGQHK.js";
 import { t as al, u as nl } from "./useResponsive-DfdjqQps.js";
-import { u as sl } from "./useConfig-C40HvGpD.js";
-import { u as rl, B as ul } from "./BaseScanner-BhhkKVoj.js";
-import { u as il } from "./usePrinter-CEpYU3r5.js";
-import { u as dl } from "./useSvgExport-ByUukOZt.js";
-import { u as je } from "./useNestedProp-Bf5XFbs8.js";
-import { u as cl } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as vl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as hl } from "./useChartAccessibility-9icAAmYg.js";
-import fl from "./img-LXxMLmCg.js";
-import pl from "./Title-BeMKE1cj.js";
+import { u as sl } from "./useConfig-DTHxOX6V.js";
+import { u as rl, B as ul } from "./BaseScanner-BON3d_Sx.js";
+import { u as il } from "./usePrinter-C4t8DdQ-.js";
+import { u as dl } from "./useSvgExport-BTG4hVPO.js";
+import { u as je } from "./useNestedProp-DH0BEVVS.js";
+import { u as cl } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as vl } from "./useUserOptionState-B7Ej974k.js";
+import { u as hl } from "./useChartAccessibility-cp6XQtqi.js";
+import fl from "./img-CjTQXS0U.js";
+import pl from "./Title-BbKoiBk2.js";
 import gl from "./vue_ui_3d_bar-CL0iX8Qi.js";
-import { A as yl } from "./A11yDataTable-KcVAX2cP.js";
+import { A as yl } from "./A11yDataTable-BpmuNomI.js";
 import { _ as kl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const $l = ["id"], ml = ["id"], bl = {
   "aria-live": "polite",
@@ -38,7 +38,17 @@ const $l = ["id"], ml = ["id"], bl = {
   },
   emits: ["selectDatapoint", "copyAlt"],
   setup(yt, { expose: kt, emit: $t }) {
-    const mt = Z(() => import("./BaseIcon-Cb3zzG6s.js")), bt = Z(() => import("./vue-ui-accordion-DDuJT1xA.js")), _t = Z(() => import("./DataTable-DT2kIdQ6.js")), wt = Z(() => import("./PenAndPaper-Ct3qJ4lA.js")), xt = Z(() => import("./UserOptions-rW2fRf3V.js")), Ct = Z(() => import("./PackageVersion-DP_kfXUM.js")), Pt = Z(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_3d_bar: At } = sl(), { isThemeValid: Mt, warnInvalidTheme: Tt } = cl(), O = yt, ce = $t, ze = M(() => !!O.dataset && Object.keys(O.dataset).length), A = m(ht()), V = m(null), I = m(!1), Le = m(0), Ee = m(0), Ve = m(null), se = m(null), ve = m(null), We = m(null), H = m(!1), re = m(null), we = m(null), he = m(!1), fe = m(!1), E = m(null), X = m(""), e = m(Ce()), pe = M(() => e.value.userOptions.useCursorPointer), Ft = M(() => ft({
+    const mt = Z(() => import("./BaseIcon-DX0hTWa-.js")), bt = Z(() => import("./vue-ui-accordion-BHmfmb_6.js")), _t = Z(() => import("./DataTable-cMnb68Ik.js")), wt = Z(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), xt = Z(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Ct = Z(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), Pt = Z(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_3d_bar: At } = sl(), { isThemeValid: Mt, warnInvalidTheme: Tt } = cl(), O = yt, ce = $t, ze = M(() => !!O.dataset && Object.keys(O.dataset).length), A = m(ht()), V = m(null), I = m(!1), Le = m(0), Ee = m(0), Ve = m(null), se = m(null), ve = m(null), We = m(null), H = m(!1), re = m(null), we = m(null), he = m(!1), fe = m(!1), E = m(null), X = m(""), e = m(Ce()), pe = M(
+      () => e.value.userOptions.useCursorPointer
+    ), Ft = M(() => ft({
       defaultConfig: {
         customPalette: ["#808080", "#ADADAD", "#DBDBDB"],
         userOptions: { show: !1 },
@@ -99,7 +109,9 @@ const $l = ["id"], ml = ["id"], bl = {
         defaultConfig: e.value,
         userConfig: Ft.value
       })
-    }), { userOptionsVisible: xe, setUserOptionsVisibility: Re, keepUserOptionState: Ge } = vl({ config: e.value }), { svgRef: ue } = hl({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: xe, setUserOptionsVisibility: Re, keepUserOptionState: Ge } = vl({ config: e.value }), { svgRef: ue } = hl({
+      config: e.value.style.chart.title
+    });
     function Ce() {
       const o = je({
         userConfig: O.config,
@@ -120,9 +132,13 @@ const $l = ["id"], ml = ["id"], bl = {
         customPalette: i.customPalette.length ? i.customPalette : Zt[a] || $e
       };
     }
-    Oe(() => O.config, (o) => {
-      Q.value || (e.value = Ce()), xe.value = !e.value.userOptions.showOnChartHover, qe(), Le.value += 1, Ee.value += 1, K.value.showTable = e.value.table.show;
-    }, { deep: !0 });
+    Oe(
+      () => O.config,
+      (o) => {
+        Q.value || (e.value = Ce()), xe.value = !e.value.userOptions.showOnChartHover, qe(), Le.value += 1, Ee.value += 1, K.value.showTable = e.value.table.show;
+      },
+      { deep: !0 }
+    );
     const { isPrinting: Pe, isImaging: Ae, generatePdf: Ue, generateImage: He } = il({
       elementId: `3d_bar_${A.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-3d-bar",
@@ -130,12 +146,18 @@ const $l = ["id"], ml = ["id"], bl = {
     }), St = M(() => Yt(e.value.customPalette)), K = m({
       showTable: e.value.table.show
     });
-    Oe(e, () => {
-      K.value = {
-        showTable: e.value.table.show
-      };
-    }, { immediate: !0 });
-    const x = M(() => D.value.series && D.value.series.length), Me = m(e.value.style.chart.box.dimensions.width * (x.value ? 2 : 1)), Xe = m(e.value.style.chart.box.dimensions.height), n = M(() => ({
+    Oe(
+      e,
+      () => {
+        K.value = {
+          showTable: e.value.table.show
+        };
+      },
+      { immediate: !0 }
+    );
+    const x = M(() => D.value.series && D.value.series.length), Me = m(
+      e.value.style.chart.box.dimensions.width * (x.value ? 2 : 1)
+    ), Xe = m(e.value.style.chart.box.dimensions.height), n = M(() => ({
       height: Xe.value,
       width: Me.value,
       absoluteWidth: Me.value,
@@ -158,7 +180,12 @@ const $l = ["id"], ml = ["id"], bl = {
         for (let l = 0; l < a.length; l += 1)
           t.push({
             ...a[l],
-            fill: Dt(i, a[l].proportion, a[l].breakdown, a[l].color)
+            fill: Dt(
+              i,
+              a[l].proportion,
+              a[l].breakdown,
+              a[l].color
+            )
           }), i += a[l].proportion;
         return t;
       }
@@ -175,7 +202,9 @@ const $l = ["id"], ml = ["id"], bl = {
         tubeRight: `M${n.value.width - n.value.right},${n.value.top + n.value.perspective} ${n.value.width - n.value.right},${n.value.height - n.value.bottom - n.value.perspective}`,
         tubeBottom: `M${n.value.width - n.value.right},${n.value.height - n.value.bottom - n.value.perspective} C ${n.value.width - n.value.right},${n.value.height} ${n.value.left},${n.value.height} ${n.value.left},${n.value.height - n.value.bottom - n.value.perspective}`
       };
-    }), ee = m(e.value.style.chart.animation.use ? 0 : D.value.percentage);
+    }), ee = m(
+      e.value.style.chart.animation.use ? 0 : D.value.percentage
+    );
     function Ke() {
       let o = 0, a = e.value.style.chart.animation.speed, t = 5e-3 * e.value.style.chart.animation.acceleration;
       function i() {
@@ -244,7 +273,14 @@ const $l = ["id"], ml = ["id"], bl = {
     }
     const te = M(() => n.value.width / 4);
     function Dt(o, a, t, i) {
-      const l = n.value.height - n.value.bottom - n.value.top - n.value.perspective * 2, { width: r, height: u, bottom: $, right: R, left: k, perspective: g } = n.value, f = x.value ? r / 4 : r / 2, P = f * 2 + k, h = $ + l * o, De = u - h - g - l * a / 2, Gt = De > n.value.height / 2 ? "top" : "bottom", ot = u * 0.25, Ut = !!t;
+      const l = n.value.height - n.value.bottom - n.value.top - n.value.perspective * 2, {
+        width: r,
+        height: u,
+        bottom: $,
+        right: R,
+        left: k,
+        perspective: g
+      } = n.value, f = x.value ? r / 4 : r / 2, P = f * 2 + k, h = $ + l * o, De = u - h - g - l * a / 2, Gt = De > n.value.height / 2 ? "top" : "bottom", ot = u * 0.25, Ut = !!t;
       let at = null, nt = null;
       return Ut && (t = t.map((st, Ht) => ({
         ...st,
@@ -309,7 +345,14 @@ const $l = ["id"], ml = ["id"], bl = {
       };
     }
     const le = M(() => {
-      const o = el(ee.value / 100), a = n.value.height - n.value.bottom - n.value.top - n.value.perspective * 2, { width: t, height: i, bottom: l, right: r, left: u, perspective: $ } = n.value, R = x.value ? t / 4 : t / 2, k = x.value ? R * 2 + u : r, f = l + a * 0;
+      const o = el(ee.value / 100), a = n.value.height - n.value.bottom - n.value.top - n.value.perspective * 2, {
+        width: t,
+        height: i,
+        bottom: l,
+        right: r,
+        left: u,
+        perspective: $
+      } = n.value, R = x.value ? t / 4 : t / 2, k = x.value ? R * 2 + u : r, f = l + a * 0;
       return {
         right: `M${R},${i - f} ${R},${i - f - a * o} ${t - k},${i - f - $ - a * o} ${t - k},${i - f - $}Z`,
         left: `M${R},${i - f} ${R},${i - f - a * o} ${u}, ${i - f - $ - a * o} ${u},${i - f - $}Z`,
@@ -328,12 +371,21 @@ const $l = ["id"], ml = ["id"], bl = {
       };
     }), b = m(null);
     function S(o, a = !1) {
-      e.value.events.datapointEnter && !a && e.value.events.datapointEnter({ datapoint: o, seriesIndex: o.seriesIndex }), e.value.events.datapointClick && a && e.value.events.datapointClick({ datapoint: o, seriesIndex: o.seriesIndex }), ce("selectDatapoint", o);
+      e.value.events.datapointEnter && !a && e.value.events.datapointEnter({
+        datapoint: o,
+        seriesIndex: o.seriesIndex
+      }), e.value.events.datapointClick && a && e.value.events.datapointClick({
+        datapoint: o,
+        seriesIndex: o.seriesIndex
+      }), ce("selectDatapoint", o);
       const t = y.value?.findIndex((i) => i.id === o.id) ?? null;
       t !== null && t !== -1 && (E.value = t, X.value = de(o)), a || (b.value = o.id), a && I.value && (I.value = !1), a && !I.value && (I.value = !0);
     }
     function q(o) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: o, seriesIndex: o.seriesIndex }), !I.value && (b.value = null, E.value = null, X.value = "");
+      e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: o,
+        seriesIndex: o.seriesIndex
+      }), !I.value && (b.value = null, E.value = null, X.value = "");
     }
     function oe(o, a, t = !1) {
       const i = D.value.series.map((u) => u.value || 0).reduce((u, $) => u + $, 0), l = isNaN(o.value / i) ? 0 : o.value / i * 100, r = isNaN(o.value / Ze(a)) ? 0 : o.value / Ze(a) * 100;
@@ -351,10 +403,16 @@ const $l = ["id"], ml = ["id"], bl = {
     }
     const ae = M(() => {
       if (x.value) {
-        const o = y.value.flatMap((t) => t.breakdown && t.breakdown.length ? [{ name: t.name, color: t.color }, ...t.breakdown.map((i, l) => ({
-          name: i.name,
-          color: G(t.color, l / t.breakdown.length)
-        }))] : {
+        const o = y.value.flatMap((t) => t.breakdown && t.breakdown.length ? [
+          { name: t.name, color: t.color },
+          ...t.breakdown.map((i, l) => ({
+            name: i.name,
+            color: G(
+              t.color,
+              l / t.breakdown.length
+            )
+          }))
+        ] : {
           name: t.name,
           color: t.color
         }), a = y.value.flatMap((t) => t.breakdown && t.breakdown.length ? [t.value, ...t.breakdown.map((i) => i.value)] : t.value);
@@ -364,14 +422,27 @@ const $l = ["id"], ml = ["id"], bl = {
     });
     function Te(o = null) {
       if (!x.value) {
-        console.warn("VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)");
+        console.warn(
+          "VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)"
+        );
         return;
       }
       Ie(() => {
-        const a = y.value.map((r) => r.value).reduce((r, u) => r + u, 0), t = ae.value.head.map((r, u) => [[
-          r.name
-        ], [ae.value.body[u]], [isNaN(ae.value.body[u] / a) ? "-" : ae.value.body[u] / a * 100]]), i = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = ll(i);
-        o ? o(l) : ol({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-3d-bar" });
+        const a = y.value.map((r) => r.value).reduce((r, u) => r + u, 0), t = ae.value.head.map((r, u) => [
+          [r.name],
+          [ae.value.body[u]],
+          [
+            isNaN(ae.value.body[u] / a) ? "-" : ae.value.body[u] / a * 100
+          ]
+        ]), i = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text],
+          [[""], ["val"], ["%"]]
+        ].concat(t), l = ll(i);
+        o ? o(l) : ol({
+          csvContent: l,
+          title: e.value.style.chart.title.text || "vue-ui-3d-bar"
+        });
       });
     }
     const ne = M(() => {
@@ -459,7 +530,12 @@ const $l = ["id"], ml = ["id"], bl = {
     }
     async function Bt({ scale: o = 2 } = {}) {
       if (!V.value) return;
-      const { width: a, height: t } = V.value.getBoundingClientRect(), i = a / t, { imageUri: l, base64: r } = await fl({ domElement: V.value, base64: !0, img: !0, scale: o });
+      const { width: a, height: t } = V.value.getBoundingClientRect(), i = a / t, { imageUri: l, base64: r } = await fl({
+        domElement: V.value,
+        base64: !0,
+        img: !0,
+        scale: o
+      });
       return {
         imageUri: l,
         base64: r,
@@ -499,9 +575,12 @@ const $l = ["id"], ml = ["id"], bl = {
         }
       };
     });
-    Oe(() => K.value.showTable, (o) => {
-      e.value.table.show || (o && e.value.table.useDialog && re.value ? re.value.open() : "close" in re.value && re.value.close());
-    });
+    Oe(
+      () => K.value.showTable,
+      (o) => {
+        e.value.table.show || (o && e.value.table.useDialog && re.value ? re.value.open() : "close" in re.value && re.value.close());
+      }
+    );
     function Qe() {
       K.value.showTable = !1, we.value && we.value.setTableIconState(!1);
     }
@@ -515,7 +594,14 @@ const $l = ["id"], ml = ["id"], bl = {
       try {
         if (o) {
           const { blob: a, url: t, text: i, dataUrl: l } = await zt();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: a, url: t, text: i, dataUrl: l }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: a,
+              url: t,
+              text: i,
+              dataUrl: l
+            })
+          );
         } else
           await Promise.resolve(jt());
       } finally {
@@ -538,10 +624,17 @@ const $l = ["id"], ml = ["id"], bl = {
         config: e.value,
         dataset: D.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: D.value }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: D.value
+        })
+      );
     }
     function Et() {
       E.value = null, X.value = "", I.value = !1, b.value = null;
@@ -574,7 +667,8 @@ const $l = ["id"], ml = ["id"], bl = {
     function Rt(o) {
       if (!x.value || !y.value?.length || !ue.value || document.activeElement !== ue.value) return;
       const a = ["ArrowLeft", "ArrowDown"].includes(o.key), t = ["ArrowRight", "ArrowUp"].includes(o.key), i = o.key === "Enter" || o.key === " ", l = o.key === "Escape";
-      if (!a && !t && !i && !l) return;
+      if (!a && !t && !i && !l)
+        return;
       if (o.preventDefault(), o.stopPropagation(), l) {
         Et();
         return;
@@ -783,7 +877,11 @@ const $l = ["id"], ml = ["id"], bl = {
           ref_key: "svgRef",
           ref: ue,
           xmlns: s(tl),
-          class: rt({ "vue-data-ui-fullscreen--on": ye.value, "vue-data-ui-fulscreen--off": !ye.value, animated: e.value.useCssAnimation }),
+          class: rt({
+            "vue-data-ui-fullscreen--on": ye.value,
+            "vue-data-ui-fulscreen--off": !ye.value,
+            animated: e.value.useCssAnimation
+          }),
           viewBox: `0 0 ${n.value.absoluteWidth} ${n.value.height}`,
           style: j(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`),
           tabindex: "0",
@@ -811,7 +909,10 @@ const $l = ["id"], ml = ["id"], bl = {
             }, [
               d("stop", {
                 offset: "0%",
-                "stop-color": s(w)(e.value.style.chart.backgroundColor, 0)
+                "stop-color": s(w)(
+                  e.value.style.chart.backgroundColor,
+                  0
+                )
               }, null, 8, Pl),
               d("stop", {
                 offset: "100%",
@@ -823,11 +924,23 @@ const $l = ["id"], ml = ["id"], bl = {
             }, [
               d("stop", {
                 offset: "0%",
-                "stop-color": s(w)(s(G)(e.value.style.chart.bar.color, 0.5), 80)
+                "stop-color": s(w)(
+                  s(G)(
+                    e.value.style.chart.bar.color,
+                    0.5
+                  ),
+                  80
+                )
               }, null, 8, Tl),
               d("stop", {
                 offset: "100%",
-                "stop-color": s(w)(s(J)(e.value.style.chart.bar.color, 0.1), 80)
+                "stop-color": s(w)(
+                  s(J)(
+                    e.value.style.chart.bar.color,
+                    0.1
+                  ),
+                  80
+                )
               }, null, 8, Fl)
             ], 8, Ml),
             d("radialGradient", {
@@ -835,11 +948,17 @@ const $l = ["id"], ml = ["id"], bl = {
             }, [
               d("stop", {
                 offset: "0%",
-                "stop-color": s(w)(e.value.style.chart.backgroundColor, 0)
+                "stop-color": s(w)(
+                  e.value.style.chart.backgroundColor,
+                  0
+                )
               }, null, 8, Dl),
               d("stop", {
                 offset: "100%",
-                "stop-color": s(w)(e.value.style.chart.bar.color, 20)
+                "stop-color": s(w)(
+                  e.value.style.chart.bar.color,
+                  20
+                )
               }, null, 8, Ol)
             ], 8, Sl),
             d("radialGradient", {
@@ -847,11 +966,17 @@ const $l = ["id"], ml = ["id"], bl = {
             }, [
               d("stop", {
                 offset: "0%",
-                "stop-color": s(w)(e.value.style.chart.backgroundColor, 0)
+                "stop-color": s(w)(
+                  e.value.style.chart.backgroundColor,
+                  0
+                )
               }, null, 8, Il),
               d("stop", {
                 offset: "100%",
-                "stop-color": s(w)(e.value.style.chart.bar.color, 20)
+                "stop-color": s(w)(
+                  e.value.style.chart.bar.color,
+                  20
+                )
               }, null, 8, Nl)
             ], 8, Bl),
             d("linearGradient", {
@@ -867,19 +992,40 @@ const $l = ["id"], ml = ["id"], bl = {
               }, null, 8, zl),
               d("stop", {
                 offset: "10%",
-                "stop-color": s(w)(s(J)(e.value.style.chart.bar.color, 0.7), 100)
+                "stop-color": s(w)(
+                  s(J)(
+                    e.value.style.chart.bar.color,
+                    0.7
+                  ),
+                  100
+                )
               }, null, 8, Ll),
               d("stop", {
                 offset: "25%",
-                "stop-color": s(w)(s(J)(e.value.style.chart.bar.color, 0.5), 100)
+                "stop-color": s(w)(
+                  s(J)(
+                    e.value.style.chart.bar.color,
+                    0.5
+                  ),
+                  100
+                )
               }, null, 8, El),
               d("stop", {
                 offset: "75%",
-                "stop-color": s(w)(e.value.style.chart.bar.color, 80)
+                "stop-color": s(w)(
+                  e.value.style.chart.bar.color,
+                  80
+                )
               }, null, 8, Vl),
               d("stop", {
                 offset: "100%",
-                "stop-color": s(w)(s(G)(e.value.style.chart.bar.color, 0.7), 100)
+                "stop-color": s(w)(
+                  s(G)(
+                    e.value.style.chart.bar.color,
+                    0.7
+                  ),
+                  100
+                )
               }, null, 8, Wl)
             ], 8, jl)
           ]),
@@ -1174,21 +1320,43 @@ const $l = ["id"], ml = ["id"], bl = {
                   }, N(s(be)(
                     e.value.style.chart.dataLabel.formatter,
                     t.value,
-                    `${t.name}: ${s(B)({ v: t.proportion * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })} (${s(B)({
-                      p: e.value.style.chart.legend.prefix,
-                      v: t.value,
-                      s: e.value.style.chart.legend.suffix,
-                      r: e.value.style.chart.legend.roundingValue
-                    })})`,
-                    { datapoint: t, seriesIndex: i, type: "barDatapoint" }
+                    `${t.name}: ${s(B)({ v: t.proportion * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })} (${s(B)(
+                      {
+                        p: e.value.style.chart.legend.prefix,
+                        v: t.value,
+                        s: e.value.style.chart.legend.suffix,
+                        r: e.value.style.chart.legend.roundingValue
+                      }
+                    )})`,
+                    {
+                      datapoint: t,
+                      seriesIndex: i,
+                      type: "barDatapoint"
+                    }
                   )), 5)) : p("", !0),
-                  _(o.$slots, "legend", Be({ ref_for: !0 }, { datapoint: t, config: e.value, dataset: y.value }), void 0, !0)
+                  _(o.$slots, "legend", Be({ ref_for: !0 }, {
+                    datapoint: t,
+                    config: e.value,
+                    dataset: y.value
+                  }), void 0, !0)
                 ], 8, Mo)),
                 t.fill.donut && b.value === t.id ? (c(), v("g", To, [
                   (c(!0), v(T, null, F(t.fill.donut, (l, r) => (c(), v("g", null, [
-                    oe(l, t.fill.donut, !0) > 6 ? (c(), v("path", {
+                    oe(
+                      l,
+                      t.fill.donut,
+                      !0
+                    ) > 6 ? (c(), v("path", {
                       key: 0,
-                      d: s(gt)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 10),
+                      d: s(gt)(
+                        l,
+                        { x: l.cx, y: l.cy },
+                        0,
+                        8,
+                        !1,
+                        !0,
+                        10
+                      ),
                       stroke: l.color,
                       class: "vue-ui-donut-arc-path",
                       "stroke-width": "0.5",
@@ -1205,7 +1373,11 @@ const $l = ["id"], ml = ["id"], bl = {
                     "stroke-width": 1
                   }, null, 8, So))), 256)),
                   (c(!0), v(T, null, F(t.fill.donut, (l, r) => (c(), v("g", null, [
-                    oe(l, t.fill.donut, !0) > 6 ? (c(), v("g", Do, [
+                    oe(
+                      l,
+                      t.fill.donut,
+                      !0
+                    ) > 6 ? (c(), v("g", Do, [
                       d("text", {
                         "text-anchor": s(U)(l, !0, 0).anchor,
                         x: s(U)(l, !0, 2).x,
@@ -1216,13 +1388,19 @@ const $l = ["id"], ml = ["id"], bl = {
                       }, N(s(be)(
                         e.value.style.chart.dataLabel.formatter,
                         l.value,
-                        `${oe(l, t.fill.donut)} (${s(B)({
-                          p: e.value.style.chart.legend.prefix,
-                          v: l.value,
-                          s: e.value.style.chart.legend.suffix,
-                          r: e.value.style.chart.legend.roundingValue
-                        })})`,
-                        { datapoint: l, seriesIndex: r, type: "donutDatapoint" }
+                        `${oe(l, t.fill.donut)} (${s(B)(
+                          {
+                            p: e.value.style.chart.legend.prefix,
+                            v: l.value,
+                            s: e.value.style.chart.legend.suffix,
+                            r: e.value.style.chart.legend.roundingValue
+                          }
+                        )})`,
+                        {
+                          datapoint: l,
+                          seriesIndex: r,
+                          type: "donutDatapoint"
+                        }
                       )), 9, Oo),
                       d("text", {
                         "text-anchor": s(U)(l).anchor,
@@ -1325,11 +1503,17 @@ const $l = ["id"], ml = ["id"], bl = {
                   }, [
                     d("stop", {
                       offset: "0%",
-                      "stop-color": s(w)(s(G)(t.color, 0.5), 80)
+                      "stop-color": s(w)(
+                        s(G)(t.color, 0.5),
+                        80
+                      )
                     }, null, 8, qo),
                     d("stop", {
                       offset: "100%",
-                      "stop-color": s(w)(s(J)(t.color, 0.1), 80)
+                      "stop-color": s(w)(
+                        s(J)(t.color, 0.1),
+                        80
+                      )
                     }, null, 8, Zo)
                   ], 8, Ko),
                   d("linearGradient", {
@@ -1345,11 +1529,17 @@ const $l = ["id"], ml = ["id"], bl = {
                     }, null, 8, Jo),
                     d("stop", {
                       offset: "10%",
-                      "stop-color": s(w)(s(J)(t.color, 0.7), 100)
+                      "stop-color": s(w)(
+                        s(J)(t.color, 0.7),
+                        100
+                      )
                     }, null, 8, Qo),
                     d("stop", {
                       offset: "25%",
-                      "stop-color": s(w)(s(J)(t.color, 0.5), 100)
+                      "stop-color": s(w)(
+                        s(J)(t.color, 0.5),
+                        100
+                      )
                     }, null, 8, ea),
                     d("stop", {
                       offset: "75%",
@@ -1357,7 +1547,10 @@ const $l = ["id"], ml = ["id"], bl = {
                     }, null, 8, ta),
                     d("stop", {
                       offset: "100%",
-                      "stop-color": s(w)(s(G)(t.color, 0.7), 100)
+                      "stop-color": s(w)(
+                        s(G)(t.color, 0.7),
+                        100
+                      )
                     }, null, 8, la)
                   ], 8, Yo)
                 ]),
@@ -1438,21 +1631,43 @@ const $l = ["id"], ml = ["id"], bl = {
                   }, N(s(be)(
                     e.value.style.chart.dataLabel.formatter,
                     t.value,
-                    `${t.name}: ${s(B)({ v: t.proportion * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })} (${s(B)({
-                      p: e.value.style.chart.legend.prefix,
-                      v: t.value,
-                      s: e.value.style.chart.legend.suffix,
-                      r: e.value.style.chart.legend.roundingValue
-                    })})`,
-                    { datapoint: t, seriesIndex: i, type: "barDatapoint" }
+                    `${t.name}: ${s(B)({ v: t.proportion * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })} (${s(B)(
+                      {
+                        p: e.value.style.chart.legend.prefix,
+                        v: t.value,
+                        s: e.value.style.chart.legend.suffix,
+                        r: e.value.style.chart.legend.roundingValue
+                      }
+                    )})`,
+                    {
+                      datapoint: t,
+                      seriesIndex: i,
+                      type: "barDatapoint"
+                    }
                   )), 5)) : p("", !0),
-                  _(o.$slots, "legend", Be({ ref_for: !0 }, { datapoint: t, config: e.value, dataset: y.value }), void 0, !0)
+                  _(o.$slots, "legend", Be({ ref_for: !0 }, {
+                    datapoint: t,
+                    config: e.value,
+                    dataset: y.value
+                  }), void 0, !0)
                 ], 8, da)),
                 t.fill.donut && b.value === t.id ? (c(), v("g", ca, [
                   (c(!0), v(T, null, F(t.fill.donut, (l, r) => (c(), v("g", null, [
-                    oe(l, t.fill.donut, !0) > 6 ? (c(), v("path", {
+                    oe(
+                      l,
+                      t.fill.donut,
+                      !0
+                    ) > 6 ? (c(), v("path", {
                       key: 0,
-                      d: s(gt)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 10),
+                      d: s(gt)(
+                        l,
+                        { x: l.cx, y: l.cy },
+                        0,
+                        8,
+                        !1,
+                        !0,
+                        10
+                      ),
                       stroke: l.color,
                       class: "vue-ui-donut-arc-path",
                       "stroke-width": "0.5",
@@ -1469,7 +1684,11 @@ const $l = ["id"], ml = ["id"], bl = {
                     "stroke-width": 1
                   }, null, 8, ha))), 256)),
                   (c(!0), v(T, null, F(t.fill.donut, (l, r) => (c(), v("g", null, [
-                    oe(l, t.fill.donut, !0) > 6 ? (c(), v("g", fa, [
+                    oe(
+                      l,
+                      t.fill.donut,
+                      !0
+                    ) > 6 ? (c(), v("g", fa, [
                       d("text", {
                         "text-anchor": s(U)(l, !0, 0).anchor,
                         x: s(U)(l, !0, 2).x,
@@ -1480,13 +1699,19 @@ const $l = ["id"], ml = ["id"], bl = {
                       }, N(s(be)(
                         e.value.style.chart.dataLabel.formatter,
                         l.value,
-                        `${oe(l, t.fill.donut)} (${s(B)({
-                          p: e.value.style.chart.legend.prefix,
-                          v: l.value,
-                          s: e.value.style.chart.legend.suffix,
-                          r: e.value.style.chart.legend.roundingValue
-                        })})`,
-                        { datapoint: l, seriesIndex: r, type: "donutDatapoint" }
+                        `${oe(l, t.fill.donut)} (${s(B)(
+                          {
+                            p: e.value.style.chart.legend.prefix,
+                            v: l.value,
+                            s: e.value.style.chart.legend.suffix,
+                            r: e.value.style.chart.legend.roundingValue
+                          }
+                        )})`,
+                        {
+                          datapoint: l,
+                          seriesIndex: r,
+                          type: "donutDatapoint"
+                        }
                       )), 9, pa),
                       d("text", {
                         "text-anchor": s(U)(l).anchor,
@@ -1521,7 +1746,9 @@ const $l = ["id"], ml = ["id"], bl = {
         ], 46, wl))
       ]),
       o.$slots.watermark ? (c(), v("div", $a, [
-        _(o.$slots, "watermark", z(L({ isPrinting: s(Pe) || s(Ae) || he.value || fe.value })), void 0, !0)
+        _(o.$slots, "watermark", z(L({
+          isPrinting: s(Pe) || s(Ae) || he.value || fe.value
+        })), void 0, !0)
       ])) : p("", !0),
       o.$slots.source ? (c(), v("div", {
         key: 5,
@@ -1591,7 +1818,7 @@ const $l = ["id"], ml = ["id"], bl = {
       ], !0)
     ], 44, $l));
   }
-}, La = /* @__PURE__ */ kl(ba, [["__scopeId", "data-v-3ffa78a4"]]);
+}, La = /* @__PURE__ */ kl(ba, [["__scopeId", "data-v-29ba63f9"]]);
 export {
   La as default
 };