vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-donut-evolution-Cp0-8Deg.js → vue-ui-donut-evolution-6sMhQduN.js}

@@ -1,23 +1,23 @@
 import { defineAsyncComponent as W, ref as c, shallowRef as Tt, computed as y, onMounted as zl, toRefs as Tl, nextTick as ge, watch as fe, watchEffect as Pt, onBeforeUnmount as Pl, openBlock as u, createElementBlock as r, unref as v, normalizeStyle as Z, normalizeClass as E, createElementVNode as x, toDisplayString as w, createBlock as $, createCommentVNode as h, withCtx as b, renderSlot as k, normalizeProps as I, guardReactiveProps as D, createSlots as It, createVNode as Dt, Fragment as z, renderList as T, Teleport as Il, resolveDynamicComponent as Dl, mergeProps as Ol, createTextVNode as He } from "vue";
-import { j as Ot, o as Nt, q as be, r as Nl, t as Et, m as El, p as me, n as Fl, s as We, a8 as Rl, a9 as Ft, D as Vl, a4 as Xe, k as Ge, l as pe, X as Ml, u as ne, aa as Bl, Z as Ul, a5 as Hl, a6 as Wl, a7 as Rt, a0 as Xl, a1 as Gl, ab as Vt, ac as Yl } from "./lib-DBptbyyI.js";
+import { j as Ot, o as Nt, q as be, r as Nl, t as Et, m as El, p as me, n as Fl, s as We, a8 as Rl, a9 as Ft, D as Vl, a4 as Xe, k as Ge, l as pe, X as Ml, u as ne, aa as Bl, Z as Ul, a5 as Hl, a6 as Wl, a7 as Rt, a0 as Xl, a1 as Gl, ab as Vt, ac as Yl } from "./lib-DMzrGQHK.js";
 import { t as Mt, u as jl } from "./useResponsive-DfdjqQps.js";
-import { u as ql } from "./useConfig-C40HvGpD.js";
-import { u as Kl } from "./usePrinter-CEpYU3r5.js";
-import { u as Zl, B as Jl } from "./BaseScanner-BhhkKVoj.js";
-import { u as Ql } from "./useSvgExport-ByUukOZt.js";
-import { u as ea } from "./useTimeLabels-C-A2uZKi.js";
-import { u as Ye } from "./useNestedProp-Bf5XFbs8.js";
-import { u as ta } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as la } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as aa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as oa } from "./useTimeLabelCollider-CIsgDrl9.js";
-import ua from "./img-LXxMLmCg.js";
-import na from "./Title-BeMKE1cj.js";
+import { u as ql } from "./useConfig-DTHxOX6V.js";
+import { u as Kl } from "./usePrinter-C4t8DdQ-.js";
+import { u as Zl, B as Jl } from "./BaseScanner-BON3d_Sx.js";
+import { u as Ql } from "./useSvgExport-BTG4hVPO.js";
+import { u as ea } from "./useTimeLabels-Cv0tD9In.js";
+import { u as Ye } from "./useNestedProp-DH0BEVVS.js";
+import { u as ta } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as la } from "./useUserOptionState-B7Ej974k.js";
+import { u as aa } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as oa } from "./useTimeLabelCollider-D3JeJ6Ye.js";
+import ua from "./img-CjTQXS0U.js";
+import na from "./Title-BbKoiBk2.js";
 import sa from "./vue_ui_donut_evolution-DFQU-rqE.js";
-import ra from "./Legend-CS7Xo5LK.js";
-import { S as ia } from "./Slicer-CIHwwuNR.js";
-import { A as ca } from "./A11yDataTable-KcVAX2cP.js";
-import { B as va } from "./BaseLegendToggle-BQVIawmA.js";
+import ra from "./Legend-DGN5lY60.js";
+import { S as ia } from "./Slicer-D7UcO8sN.js";
+import { A as ca } from "./A11yDataTable-BpmuNomI.js";
+import { B as va } from "./BaseLegendToggle-cMP8M2u0.js";
 import { _ as da } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative" } }, ba = ["xmlns", "aria-describedby", "viewBox"], ma = ["x", "y", "width", "height"], pa = ["id"], xa = ["stop-color"], ka = ["stop-color"], Ca = ["id"], wa = ["stop-color"], Aa = ["stop-color"], La = ["stop-color"], Sa = { key: 1 }, _a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $a = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], za = { key: 0 }, Ta = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pa = ["font-size", "fill", "transform"], Ia = ["x", "y", "font-size", "fill"], Da = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Oa = ["x", "y", "font-size", "fill", "font-weight"], Na = { key: 0 }, Ea = ["text-anchor", "font-size", "fill", "transform"], Fa = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], Ra = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Va = { key: 1 }, Ma = ["cx", "cy", "r", "fill"], Ba = { key: 0 }, Ua = { key: 0 }, Ha = ["d", "stroke"], Wa = ["text-anchor", "x", "y", "fill"], Xa = ["cx", "cy", "r", "fill"], Ga = { key: 0 }, Ya = ["cx", "cy", "fill"], ja = { key: 1 }, qa = ["d", "fill", "stroke"], Ka = { key: 2 }, Za = ["d", "fill", "stroke"], Ja = ["x", "y", "font-size", "fill"], Qa = ["x", "y", "width", "height", "fill"], eo = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], to = {
   key: 0,
@@ -45,7 +45,15 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
   },
   emits: ["selectLegend", "copyAlt"],
   setup(Bt, { expose: Ut, emit: Ht }) {
-    const Wt = W(() => import("./vue-ui-accordion-DDuJT1xA.js")), Xt = W(() => import("./BaseIcon-Cb3zzG6s.js")), Gt = W(() => import("./DataTable-DT2kIdQ6.js")), Yt = W(() => import("./PackageVersion-PjmqM4wb.js")), jt = W(() => import("./PenAndPaper-Ct3qJ4lA.js")), qt = W(() => import("./UserOptions-rW2fRf3V.js")), Kt = W(() => import("./vue-ui-donut-Cz7rvM7I.js")), je = W(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_donut_evolution: Zt } = ql(), { isThemeValid: Jt, warnInvalidTheme: Qt } = ta(), S = Bt, _ = c(Ot()), C = c([]), m = c(null), q = c(null), xe = c(!1), X = c(null), F = c(null), el = c(null), qe = c(0), Ke = c(0), Ze = c(0), Je = c(0), Qe = c(0), ke = c(null), se = c(null), Ce = c(null), we = c(null), et = c(!1), J = c(null), Ae = c(null), re = c(!1), ie = c(!1), tt = c(null), lt = c(null), at = c(null), ot = c(null), ut = c(null), Le = c(!1), Q = Tt(null), ce = Tt(null), nt = c(null), R = c(null), Se = c(!1), _e = Ht, st = y(() => !!S.dataset && S.dataset.length);
+    const Wt = W(() => import("./vue-ui-accordion-BHmfmb_6.js")), Xt = W(() => import("./BaseIcon-DX0hTWa-.js")), Gt = W(() => import("./DataTable-cMnb68Ik.js")), Yt = W(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), jt = W(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), qt = W(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Kt = W(() => import("./vue-ui-donut-d0LLrlKG.js")), je = W(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_donut_evolution: Zt } = ql(), { isThemeValid: Jt, warnInvalidTheme: Qt } = ta(), S = Bt, _ = c(Ot()), C = c([]), m = c(null), q = c(null), xe = c(!1), X = c(null), F = c(null), el = c(null), qe = c(0), Ke = c(0), Ze = c(0), Je = c(0), Qe = c(0), ke = c(null), se = c(null), Ce = c(null), we = c(null), et = c(!1), J = c(null), Ae = c(null), re = c(!1), ie = c(!1), tt = c(null), lt = c(null), at = c(null), ot = c(null), ut = c(null), Le = c(!1), Q = Tt(null), ce = Tt(null), nt = c(null), R = c(null), Se = c(!1), _e = Ht, st = y(() => !!S.dataset && S.dataset.length);
     zl(() => {
       et.value = !0, rt();
     });
@@ -89,7 +97,9 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
         Q.value && (ce.value && Q.value.unobserve(ce.value), Q.value.disconnect()), Q.value = new ResizeObserver(t), ce.value = F.value.parentNode, Q.value.observe(ce.value);
       }
     }
-    const e = c(Ie()), V = y(() => e.value.userOptions.useCursorPointer), tl = y(() => Et({
+    const e = c(Ie()), V = y(
+      () => e.value.userOptions.useCursorPointer
+    ), tl = y(() => Et({
       defaultConfig: {
         useCssAnimation: !1,
         table: { show: !1 },
@@ -185,7 +195,9 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
       const a = N.value;
       return t > a ? a : t < 0 || e.value.style.chart.zoom.startIndex !== null && t < e.value.style.chart.zoom.startIndex ? e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex + 1 : 1 : t;
     }
-    const { userOptionsVisible: Pe, setUserOptionsVisibility: vt, keepUserOptionState: dt } = la({ config: e.value }), { svgRef: ee } = aa({ config: e.value.style.chart.title });
+    const { userOptionsVisible: Pe, setUserOptionsVisibility: vt, keepUserOptionState: dt } = la({ config: e.value }), { svgRef: ee } = aa({
+      config: e.value.style.chart.title
+    });
     function Ie() {
       const t = Ye({
         userConfig: S.config,
@@ -213,11 +225,19 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
         a = t;
       return a;
     }
-    fe(() => S.config, (t) => {
-      $e.value || (e.value = Ie()), Pe.value = !e.value.userOptions.showOnChartHover, rt(), Ze.value += 1, Je.value += 1, Qe.value += 1, G.value.showTable = e.value.table.show;
-    }, { deep: !0 }), fe(() => S.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (de.value = !1), ct();
-    }, { deep: !0 });
+    fe(
+      () => S.config,
+      (t) => {
+        $e.value || (e.value = Ie()), Pe.value = !e.value.userOptions.showOnChartHover, rt(), Ze.value += 1, Je.value += 1, Qe.value += 1, G.value.showTable = e.value.table.show;
+      },
+      { deep: !0 }
+    ), fe(
+      () => S.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (de.value = !1), ct();
+      },
+      { deep: !0 }
+    );
     const { isPrinting: De, isImaging: Oe, generatePdf: ht, generateImage: yt } = Kl({
       elementId: _.value,
       fileName: e.value.style.chart.title.text || "vue-ui-donut-evolution",
@@ -225,11 +245,15 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
     }), al = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), ol = y(() => Fl(e.value.customPalette)), G = c({
       showTable: e.value.table.show
     });
-    fe(e, () => {
-      G.value = {
-        showTable: e.value.table.show
-      };
-    }, { immediate: !0 });
+    fe(
+      e,
+      () => {
+        G.value = {
+          showTable: e.value.table.show
+        };
+      },
+      { immediate: !0 }
+    );
     const Y = y(() => ({
       top: e.value.style.chart.layout.padding.top,
       right: e.value.style.chart.layout.padding.right,
@@ -299,7 +323,9 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
       uid: Ot()
     })))), he = y(() => O.value.filter((t) => !C.value.includes(t.uid)).map((t) => ({
       ...t,
-      values: t.values.filter((a, l) => l >= g.value.start && l <= g.value.end)
+      values: t.values.filter(
+        (a, l) => l >= g.value.start && l <= g.value.end
+      )
     }))), N = y(() => Math.max(...O.value.map((t) => t.length))), A = c([]);
     let ft = 0;
     Pt(() => {
@@ -329,15 +355,29 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
       }
       return t;
     }), Ee = y(() => {
-      const t = Math.max(...ye.value.map((n) => n.subtotal).filter((n) => Ft(n))) ?? 1, a = Math.min(...ye.value.map((n) => n.subtotal).filter((n) => Ft(n))) ?? 0;
-      let l = Math.max(e.value.style.chart.layout.grid.yAxis.scaleMax ?? 0, t), o;
-      return e.value.style.chart.layout.grid.yAxis.scaleMin != null ? o = Math.min(a, e.value.style.chart.layout.grid.yAxis.scaleMin) : o = 0, e.value.style.chart.layout.grid.yAxis.autoScale && (o = a, l = t), o === l && (o = l / 2, l *= 1.5), {
+      const t = Math.max(
+        ...ye.value.map((n) => n.subtotal).filter((n) => Ft(n))
+      ) ?? 1, a = Math.min(
+        ...ye.value.map((n) => n.subtotal).filter((n) => Ft(n))
+      ) ?? 0;
+      let l = Math.max(
+        e.value.style.chart.layout.grid.yAxis.scaleMax ?? 0,
+        t
+      ), o;
+      return e.value.style.chart.layout.grid.yAxis.scaleMin != null ? o = Math.min(
+        a,
+        e.value.style.chart.layout.grid.yAxis.scaleMin
+      ) : o = 0, e.value.style.chart.layout.grid.yAxis.autoScale && (o = a, l = t), o === l && (o = l / 2, l *= 1.5), {
         max: l,
         min: o
       };
     }), M = y(() => {
       const t = ye.value.length === 1 ? Ee.value.max * 2 : Ee.value.max;
-      return Vl(Ee.value.min, t, e.value.style.chart.layout.grid.yAxis.dataLabels.steps);
+      return Vl(
+        Ee.value.min,
+        t,
+        e.value.style.chart.layout.grid.yAxis.dataLabels.steps
+      );
     });
     function bt(t) {
       return (t - M.value.min) / (M.value.max - M.value.min);
@@ -348,7 +388,10 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
     }))), p = y(() => {
       const t = ye.value, a = Math.max(...t.map((l) => l.subtotal));
       return t.length === 1 && a * 2, t.map((l, o) => {
-        const n = Math.min(i.value.width / 24, L.value / 2 * 0.7), s = n > i.value.width / 16 ? i.value.width / 16 : n, f = m.value === l.index ? i.value.width / 16 : s, d = t.length > 4 ? n * 2 : n * 2 > L.value / 2 * 0.7 ? L.value / 2 * 0.7 : n * 2, P = i.value.bottom - i.value.height * bt(l.subtotal), U = he.value.map((H) => ({
+        const n = Math.min(
+          i.value.width / 24,
+          L.value / 2 * 0.7
+        ), s = n > i.value.width / 16 ? i.value.width / 16 : n, f = m.value === l.index ? i.value.width / 16 : s, d = t.length > 4 ? n * 2 : n * 2 > L.value / 2 * 0.7 ? L.value / 2 * 0.7 : n * 2, P = i.value.bottom - i.value.height * bt(l.subtotal), U = he.value.map((H) => ({
           color: H.color,
           name: H.name,
           value: H.values[o] ?? 0
@@ -359,9 +402,45 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
           radius: s,
           activeRadius: f,
           hoverRadius: d,
-          donut: Xe({ series: U }, l.x, P, s, s, 1.99999, 2, 1, 360, 105.25, s / 2),
-          donutHover: Xe({ series: U }, l.x, P, d, d, 1.99999, 2, 1, 360, 105.25, d / 2),
-          donutFocus: Xe({ series: U }, i.value.centerX, i.value.centerY, i.value.height / 3.6, i.value.height / 3.6, 1.99999, 2, 1, 360, 105.25, i.value.height / 6)
+          donut: Xe(
+            { series: U },
+            l.x,
+            P,
+            s,
+            s,
+            1.99999,
+            2,
+            1,
+            360,
+            105.25,
+            s / 2
+          ),
+          donutHover: Xe(
+            { series: U },
+            l.x,
+            P,
+            d,
+            d,
+            1.99999,
+            2,
+            1,
+            360,
+            105.25,
+            d / 2
+          ),
+          donutFocus: Xe(
+            { series: U },
+            i.value.centerX,
+            i.value.centerY,
+            i.value.height / 3.6,
+            i.value.height / 3.6,
+            1.99999,
+            2,
+            1,
+            360,
+            105.25,
+            i.value.height / 6
+          )
         };
       });
     });
@@ -379,17 +458,28 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
       );
     }
     function rl(t, a) {
-      return isNaN(t.value / Vt(a, "value")) ? 0 : (t.value / Vt(a, "value") * 100).toFixed(0) + "%";
+      return isNaN(t.value / Vt(a, "value")) ? 0 : (t.value / Vt(a, "value") * 100).toFixed(
+        0
+      ) + "%";
     }
     function mt(t) {
-      m.value = null, q.value = null, R.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.seriesIndex + g.value.start });
+      m.value = null, q.value = null, R.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: t,
+        seriesIndex: t.seriesIndex + g.value.start
+      });
     }
     function pt(t) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: t.index + g.value.start }), m.value = t.index, q.value = t, R.value = t.index;
+      e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: t,
+        seriesIndex: t.index + g.value.start
+      }), m.value = t.index, q.value = t, R.value = t.index;
     }
     const te = c(null);
     function Re(t, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.index + g.value.start }), !(!t.subtotal || !e.value.style.chart.dialog.show) && (q.value = null, m.value = null, xe.value = !0, X.value = t, yl(t), [null, void 0].includes(a) || (te.value = a));
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: t,
+        seriesIndex: t.index + g.value.start
+      }), !(!t.subtotal || !e.value.style.chart.dialog.show) && (q.value = null, m.value = null, xe.value = !0, X.value = t, yl(t), [null, void 0].includes(a) || (te.value = a));
     }
     const le = y(() => O.value.map((t, a) => ({
       name: t.name,
@@ -434,16 +524,23 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
       if (C.value.includes(t))
         C.value = C.value.filter((a) => a !== t), _e("selectLegend", he.value);
       else {
-        if (C.value.length === O.value.length - 1) return;
+        if (C.value.length === O.value.length - 1)
+          return;
         C.value.push(t), _e("selectLegend", he.value);
       }
-      X.value && Re(p.value.find((a, l) => l === te.value));
+      X.value && Re(
+        p.value.find(
+          (a, l) => l === te.value
+        )
+      );
     }
     function kt(t) {
       if (!O.value.length)
         return e.value.debug && console.warn("VueUiDonutEvolution - There are no series to show."), null;
       const a = O.value.find((l) => l.name === t);
-      return a || (e.value.debug && console.warn(`VueUiDonutEvolution - Series name not found "${t}"`), null);
+      return a || (e.value.debug && console.warn(
+        `VueUiDonutEvolution - Series name not found "${t}"`
+      ), null);
     }
     function vl(t) {
       const a = kt(t);
@@ -454,17 +551,25 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
       a !== null && (C.value.includes(a.uid) || ae(a.uid));
     }
     const B = y(() => {
-      const t = [""].concat(O.value.filter((s) => !C.value.includes(s.uid)).map((s) => ({
-        name: s.name,
-        color: s.color
-      }))).concat(["Σ"]);
+      const t = [""].concat(
+        O.value.filter((s) => !C.value.includes(s.uid)).map((s) => ({
+          name: s.name,
+          color: s.color
+        }))
+      ).concat(["Σ"]);
       let a = [];
       for (let s = 0; s < N.value; s += 1) {
         const f = O.value.filter((d) => !C.value.includes(d.uid)).map((d) => d.values[s] ?? 0).reduce((d, P) => d + P, 0);
-        a.push([A.value[s] ? A.value[s].text : "-"].concat(O.value.filter((d) => !C.value.includes(d.uid)).map((d) => ({
-          value: d.values[s] ?? 0,
-          percentage: d.values[s] ? d.values[s] / f * 100 : 0
-        }))).concat([`${e.value.style.chart.layout.dataLabels.prefix}${Number(f.toFixed(e.value.table.td.roundingValue))}${e.value.style.chart.layout.dataLabels.suffix}`]));
+        a.push(
+          [A.value[s] ? A.value[s].text : "-"].concat(
+            O.value.filter((d) => !C.value.includes(d.uid)).map((d) => ({
+              value: d.values[s] ?? 0,
+              percentage: d.values[s] ? d.values[s] / f * 100 : 0
+            }))
+          ).concat([
+            `${e.value.style.chart.layout.dataLabels.prefix}${Number(f.toFixed(e.value.table.td.roundingValue))}${e.value.style.chart.layout.dataLabels.suffix}`
+          ])
+        );
       }
       const l = a.map((s) => s.map((f, d) => d === 0 || d === s.length - 1 ? f : `${Fe(f.value ?? 0, null, d)} (${f.percentage.toFixed(1)}%)`)), o = {
         th: {
@@ -478,9 +583,9 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
           outline: e.value.table.td.outline
         },
         breakpoint: e.value.table.responsiveBreakpoint
-      }, n = [
-        e.value.table.columnNames.period
-      ].concat(O.value.filter((s) => !C.value.includes(s.uid)).map((s) => s.name)).concat(e.value.table.columnNames.total);
+      }, n = [e.value.table.columnNames.period].concat(
+        O.value.filter((s) => !C.value.includes(s.uid)).map((s) => s.name)
+      ).concat(e.value.table.columnNames.total);
       return { head: t, body: a, bodyA11y: l, config: o, colNames: n };
     });
     function hl() {
@@ -488,8 +593,17 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
     }
     function Ve(t = null) {
       ge(() => {
-        const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = [...B.value.head.map((f) => f.name ?? f)], o = [...B.value.body.map((f) => f.map((d) => d.value ?? d))], n = a.concat([l]).concat(o), s = Xl(n);
-        t ? t(s) : Gl({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-donut-evolution" });
+        const a = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text],
+          [""]
+        ], l = [...B.value.head.map((f) => f.name ?? f)], o = [
+          ...B.value.body.map((f) => f.map((d) => d.value ?? d))
+        ], n = a.concat([l]).concat(o), s = Xl(n);
+        t ? t(s) : Gl({
+          csvContent: s,
+          title: e.value.style.chart.title.text || "vue-ui-donut-evolution"
+        });
       });
     }
     const j = c(!1);
@@ -520,7 +634,12 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
     }
     async function gl({ scale: t = 2 } = {}) {
       if (!F.value) return;
-      const { width: a, height: l } = F.value.getBoundingClientRect(), o = a / l, { imageUri: n, base64: s } = await ua({ domElement: F.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = F.value.getBoundingClientRect(), o = a / l, { imageUri: n, base64: s } = await ua({
+        domElement: F.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: n,
         base64: s,
@@ -536,8 +655,25 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
       timeLabels: A,
       slicer: g,
       configRef: e,
-      rotationPath: ["style", "chart", "layout", "grid", "xAxis", "dataLabels", "rotation"],
-      autoRotatePath: ["style", "chart", "layout", "grid", "xAxis", "dataLabels", "autoRotate", "enable"],
+      rotationPath: [
+        "style",
+        "chart",
+        "layout",
+        "grid",
+        "xAxis",
+        "dataLabels",
+        "rotation"
+      ],
+      autoRotatePath: [
+        "style",
+        "chart",
+        "layout",
+        "grid",
+        "xAxis",
+        "dataLabels",
+        "autoRotate",
+        "enable"
+      ],
       isAutoSize: !1,
       width: fl,
       height: bl,
@@ -574,9 +710,12 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
         }
       };
     });
-    fe(() => G.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && J.value ? J.value.open() : "close" in J.value && J.value.close());
-    });
+    fe(
+      () => G.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && J.value ? J.value.open() : "close" in J.value && J.value.close());
+      }
+    );
     function _t() {
       G.value.showTable = !1, Ae.value && Ae.value.setTableIconState(!1);
     }
@@ -595,7 +734,14 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
       try {
         if (t) {
           const { blob: a, url: l, text: o, dataUrl: n } = await wl();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: a, url: l, text: o, dataUrl: n }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: a,
+              url: l,
+              text: o,
+              dataUrl: n
+            })
+          );
         } else
           await Promise.resolve(Cl());
       } finally {
@@ -618,13 +764,17 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
         config: e.value,
         dataset: p.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: p.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: p.value
+        })
+      );
     }
     function Ll() {
       R.value = null, Se.value = !0;
@@ -635,7 +785,8 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
     function _l(t) {
       if (!ee.value || oe.value || document.activeElement !== ee.value || !p.value.length) return;
       const a = t.key === "ArrowLeft", l = t.key === "ArrowRight", o = t.key === "Enter" || t.key === " ", n = t.key === "Escape";
-      if (!a && !l && !o && !n) return;
+      if (!a && !l && !o && !n)
+        return;
       if (t.preventDefault(), t.stopPropagation(), n) {
         R.value = null, m.value = null, q.value = null;
         return;
@@ -861,7 +1012,10 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
           ref: ee,
           xmlns: v(Ml),
           "aria-describedby": `chart-instructions-${_.value}`,
-          class: E({ "vue-data-ui-fullscreen--on": j.value, "vue-data-ui-fulscreen--off": !j.value }),
+          class: E({
+            "vue-data-ui-fullscreen--on": j.value,
+            "vue-data-ui-fulscreen--off": !j.value
+          }),
           viewBox: `0 0 ${i.value.absoluteWidth} ${i.value.absoluteHeight}`,
           style: Z(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`),
           tabindex: "0",
@@ -892,11 +1046,17 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
             }, [
               x("stop", {
                 offset: "0%",
-                "stop-color": v(ne)(e.value.style.chart.backgroundColor, e.value.style.chart.layout.highlighter.opacity)
+                "stop-color": v(ne)(
+                  e.value.style.chart.backgroundColor,
+                  e.value.style.chart.layout.highlighter.opacity
+                )
               }, null, 8, xa),
               x("stop", {
                 offset: "100%",
-                "stop-color": v(ne)(e.value.style.chart.layout.highlighter.color, e.value.style.chart.layout.highlighter.opacity)
+                "stop-color": v(ne)(
+                  e.value.style.chart.layout.highlighter.color,
+                  e.value.style.chart.layout.highlighter.opacity
+                )
               }, null, 8, ka)
             ], 8, pa),
             x("radialGradient", {
@@ -904,7 +1064,12 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
             }, [
               x("stop", {
                 offset: "0%",
-                "stop-color": v(ne)(v(We)(e.value.style.chart.backgroundColor), 0)
+                "stop-color": v(ne)(
+                  v(We)(
+                    e.value.style.chart.backgroundColor
+                  ),
+                  0
+                )
               }, null, 8, wa),
               x("stop", {
                 offset: "77%",
@@ -912,7 +1077,12 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
               }, null, 8, Aa),
               x("stop", {
                 offset: "100%",
-                "stop-color": v(ne)(v(We)(e.value.style.chart.backgroundColor), 0)
+                "stop-color": v(ne)(
+                  v(We)(
+                    e.value.style.chart.backgroundColor
+                  ),
+                  0
+                )
               }, null, 8, La)
             ], 8, Ca)
           ]),
@@ -973,7 +1143,10 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
             key: 2,
             ref_key: "scaleLabels",
             ref: ke,
-            class: E({ "donut-opacity": !0, "donut-behind": m.value !== null })
+            class: E({
+              "donut-opacity": !0,
+              "donut-behind": m.value !== null
+            })
           }, [
             (u(!0), r(z, null, T(sl.value, (l, o) => (u(), r("g", null, [
               l.value >= M.value.min && l.value <= M.value.max ? (u(), r("line", {
@@ -1041,9 +1214,15 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
             ]))), 256))
           ], 512)) : h("", !0),
           (u(!0), r(z, null, T(p.value, (l, o) => (u(), r("g", null, [
-            e.value.style.chart.layout.line.show && o < p.value.length - 1 && ![l.subtotal, p.value[o + 1].subtotal].includes(null) ? (u(), r("line", {
+            e.value.style.chart.layout.line.show && o < p.value.length - 1 && ![
+              l.subtotal,
+              p.value[o + 1].subtotal
+            ].includes(null) ? (u(), r("line", {
               key: 0,
-              class: E({ "donut-opacity": !0, "donut-behind": m.value !== null }),
+              class: E({
+                "donut-opacity": !0,
+                "donut-behind": m.value !== null
+              }),
               x1: l.x,
               y1: l.y,
               x2: p.value[o + 1].x,
@@ -1064,14 +1243,28 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
             ])) : h("", !0)
           ]))), 256)),
           (u(!0), r(z, null, T(p.value, (l, o) => (u(), r("g", {
-            class: E({ "donut-opacity": !0, "donut-behind": o !== m.value && m.value !== null })
+            class: E({
+              "donut-opacity": !0,
+              "donut-behind": o !== m.value && m.value !== null
+            })
           }, [
             l.subtotal ? (u(), r("g", Ba, [
               m.value !== null && m.value === o ? (u(), r("g", Ua, [
                 (u(!0), r(z, null, T(l.donutHover, (n) => (u(), r("g", null, [
                   At(n) ? (u(), r("path", {
                     key: 0,
-                    d: v(Hl)(n, { x: n.center.endX, y: n.center.endY }, 12, 12, { x: l.x, y: l.y }, !1, 20),
+                    d: v(Hl)(
+                      n,
+                      {
+                        x: n.center.endX,
+                        y: n.center.endY
+                      },
+                      12,
+                      12,
+                      { x: l.x, y: l.y },
+                      !1,
+                      20
+                    ),
                     stroke: n.color,
                     "stroke-width": "1",
                     "stroke-linecap": "round",
@@ -1089,7 +1282,10 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
                     fill: e.value.style.chart.layout.grid.yAxis.dataLabels.color,
                     "font-size": 8,
                     "font-weight": "bold"
-                  }, w(n.name) + ": " + w(rl(n, l.donut)) + " (" + w(n.value === null ? "-" : Fe(n.value, n, s)) + ") ", 9, Wa)) : h("", !0)
+                  }, w(n.name) + ": " + w(rl(
+                    n,
+                    l.donut
+                  )) + " (" + w(n.value === null ? "-" : Fe(n.value, n, s)) + ") ", 9, Wa)) : h("", !0)
                 ]))), 256)),
                 x("g", null, [
                   x("circle", {
@@ -1103,7 +1299,10 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
             ])) : h("", !0)
           ], 2))), 256)),
           (u(!0), r(z, null, T(p.value, (l, o) => (u(), r("g", {
-            class: E({ "donut-opacity": !0, "donut-behind": o !== m.value && m.value !== null })
+            class: E({
+              "donut-opacity": !0,
+              "donut-behind": o !== m.value && m.value !== null
+            })
           }, [
             l.subtotal !== null ? (u(), r("g", Ga, [
               l.subtotal === 0 ? (u(), r("circle", {
@@ -1130,7 +1329,10 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
             ])) : h("", !0)
           ], 2))), 256)),
           (u(!0), r(z, null, T(p.value, (l, o) => (u(), r("g", {
-            class: E({ "donut-opacity": !0, "donut-behind": o !== m.value && m.value !== null || xe.value && o !== X.value.index })
+            class: E({
+              "donut-opacity": !0,
+              "donut-behind": o !== m.value && m.value !== null || xe.value && o !== X.value.index
+            })
           }, [
             l.subtotal !== null && e.value.style.chart.layout.dataLabels.show ? (u(), r("text", {
               key: 0,
@@ -1147,8 +1349,14 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
             y: i.value.top,
             width: L.value,
             height: i.value.height,
-            fill: [m.value, te.value].includes(l.index) ? `url(#hover_${_.value})` : "transparent",
-            class: E({ "donut-hover": V.value && l.subtotal && [m.value, te.value].includes(l.index) }),
+            fill: [m.value, te.value].includes(
+              l.index
+            ) ? `url(#hover_${_.value})` : "transparent",
+            class: E({
+              "donut-hover": V.value && l.subtotal && [m.value, te.value].includes(
+                l.index
+              )
+            }),
             style: {
               pointerEvents: "none"
             }
@@ -1163,7 +1371,9 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
             onMouseenter: (n) => pt(l),
             onMouseleave: (n) => mt(l),
             onClick: (n) => Re(l, o),
-            class: E({ "donut-hover": V.value && m.value === l.index && l.subtotal })
+            class: E({
+              "donut-hover": V.value && m.value === l.index && l.subtotal
+            })
           }, null, 42, eo))), 256)),
           k(t.$slots, "svg", {
             svg: {
@@ -1174,11 +1384,16 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
           }, void 0, !0)
         ], 46, ba)),
         t.$slots.hint ? (u(), r("div", to, [
-          k(t.$slots, "hint", I(D({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Se.value })), void 0, !0)
+          k(t.$slots, "hint", I(D({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: Se.value
+          })), void 0, !0)
         ])) : h("", !0)
       ]),
       t.$slots.watermark ? (u(), r("div", lo, [
-        k(t.$slots, "watermark", I(D({ isPrinting: v(De) || v(Oe) || re.value || ie.value })), void 0, !0)
+        k(t.$slots, "watermark", I(D({
+          isPrinting: v(De) || v(Oe) || re.value || ie.value
+        })), void 0, !0)
       ])) : h("", !0),
       x("div", {
         ref_key: "chartSlicer",
@@ -1290,7 +1505,11 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
               He(w(l.name ?? l), 1)
             ]),
             td: b(({ td: l }) => [
-              l.value === null ? (u(), r("span", uo, "-")) : (u(), r("b", no, w(isNaN(l.value) ? "" : e.value.style.chart.layout.dataLabels.prefix) + w(!isNaN(l.value) && l.value !== null ? Number(l.value.toFixed(e.value.table.td.roundingValue)).toLocaleString() : l) + w(isNaN(l.value) ? "" : e.value.style.chart.layout.dataLabels.suffix), 1)),
+              l.value === null ? (u(), r("span", uo, "-")) : (u(), r("b", no, w(isNaN(l.value) ? "" : e.value.style.chart.layout.dataLabels.prefix) + w(!isNaN(l.value) && l.value !== null ? Number(
+                l.value.toFixed(
+                  e.value.table.td.roundingValue
+                )
+              ).toLocaleString() : l) + w(isNaN(l.value) ? "" : e.value.style.chart.layout.dataLabels.suffix), 1)),
               x("span", null, w(l.percentage && !isNaN(l.percentage) ? `(${Number(l.percentage.toFixed(e.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)
             ]),
             _: 1
@@ -1352,7 +1571,7 @@ const ha = ["id"], ya = ["id"], ga = ["id"], fa = { style: { position: "relative
       v($e) ? (u(), $(Jl, { key: 10 })) : h("", !0)
     ], 46, ha));
   }
-}, To = /* @__PURE__ */ da(so, [["__scopeId", "data-v-30c5dcbc"]]);
+}, To = /* @__PURE__ */ da(so, [["__scopeId", "data-v-c83626a5"]]);
 export {
   To as default
 };