vue-data-ui 2.3.60 → 2.3.62

package/dist/{vue-ui-nested-donuts-BYLc86qs.js → vue-ui-nested-donuts-CZ9vcclX.js}

@@ -1,33 +1,33 @@
-import { computed as L, ref as c, onMounted as Be, onBeforeUnmount as Ue, watch as Re, openBlock as u, createElementBlock as n, normalizeClass as z, normalizeStyle as se, createVNode as ue, createCommentVNode as y, createBlock as H, unref as r, createSlots as Ee, withCtx as m, renderSlot as _, normalizeProps as q, guardReactiveProps as J, createElementVNode as b, Fragment as w, renderList as $, toDisplayString as F, createTextVNode as K, nextTick as Ge, pushScopeId as Ye, popScopeId as Xe } from "vue";
-import { u as We, c as He, t as qe, a as Je, p as Q, o as Ke, e as O, b as Qe, d as Ze, m as Ce, f as C, X as je, F as et, k as A, n as ne, i as R, w as Se, x as tt, q as lt, r as at } from "./index-CpHoINpJ.js";
-import { t as ot, u as st } from "./useResponsive-NZB-WLRF.js";
-import { _ as ut } from "./Title-xP0rAF4q.js";
-import { u as nt, U as rt } from "./usePrinter-BHy-mfVg.js";
-import { D as it } from "./DataTable-1VV0us-8.js";
-import { _ as dt } from "./Tooltip-DfBa_7Ur.js";
-import { L as ct } from "./Legend-DB6v_LvZ.js";
-import vt from "./vue-ui-skeleton-DuM6yey6.js";
-import ht from "./vue-ui-accordion-BZloYo0L.js";
-import { u as Ne } from "./useNestedProp-BOjw3Yqn.js";
-import { _ as ft } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = ["xmlns", "viewBox"], pt = ["id", "fr"], gt = /* @__PURE__ */ re(() => /* @__PURE__ */ b("stop", {
+import { computed as L, ref as c, onMounted as Ue, onBeforeUnmount as Re, watch as Ee, openBlock as u, createElementBlock as n, normalizeClass as P, normalizeStyle as se, createVNode as ue, createCommentVNode as y, createBlock as H, unref as r, createSlots as Ge, withCtx as m, renderSlot as _, normalizeProps as q, guardReactiveProps as J, createElementVNode as b, Fragment as w, renderList as $, toDisplayString as F, createTextVNode as K, nextTick as Ye, pushScopeId as Xe, popScopeId as We } from "vue";
+import { u as He, c as qe, t as Je, a as Ke, p as Q, o as Qe, e as O, b as Ze, F as Ce, d as je, m as Ne, f as C, X as et, H as tt, k as A, n as ne, i as R, x as Se, y as lt, q as at, r as ot } from "./index-BshV7sX1.js";
+import { t as st, u as ut } from "./useResponsive-NZB-WLRF.js";
+import { _ as nt } from "./Title-fb3BzoXj.js";
+import { u as rt, U as it } from "./usePrinter-Culo-aKo.js";
+import { D as dt } from "./DataTable-luIjNnne.js";
+import { _ as ct } from "./Tooltip-CBugtvWB.js";
+import { L as vt } from "./Legend-B9dawQa7.js";
+import ht from "./vue-ui-skeleton-7qakoAGH.js";
+import ft from "./vue-ui-accordion-B6AxEnAr.js";
+import { u as Te } from "./useNestedProp-B235bkr5.js";
+import { _ as yt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const re = (V) => (Xe("data-v-7f596bd8"), V = V(), We(), V), bt = ["id"], pt = ["xmlns", "viewBox"], gt = ["id", "fr"], mt = /* @__PURE__ */ re(() => /* @__PURE__ */ b("stop", {
   offset: "0%",
   "stop-color": "#FFFFFF",
   "stop-opacity": "0"
-}, null, -1)), mt = ["offset", "stop-opacity"], wt = /* @__PURE__ */ re(() => /* @__PURE__ */ b("stop", {
+}, null, -1)), wt = ["offset", "stop-opacity"], xt = /* @__PURE__ */ re(() => /* @__PURE__ */ b("stop", {
   offset: "100%",
   "stop-color": "#FFFFFF",
   "stop-opacity": "0"
-}, null, -1)), xt = ["id"], kt = ["id"], Lt = /* @__PURE__ */ re(() => /* @__PURE__ */ b("feColorMatrix", {
+}, null, -1)), kt = ["id"], Lt = ["id"], _t = /* @__PURE__ */ re(() => /* @__PURE__ */ b("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), _t = ["id"], $t = ["flood-color"], Ct = ["cx", "cy", "r", "fill", "filter"], St = ["d", "fill", "stroke", "stroke-width", "filter"], Nt = { key: 0 }, Tt = ["d", "fill"], Ft = { key: 1 }, It = ["x", "y", "font-size", "font-weight", "fill"], Dt = { key: 2 }, Pt = ["filter"], zt = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Ot = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], At = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Vt = ["d", "fill", "onMouseenter", "onClick"], Mt = {
+}, null, -1)), $t = ["id"], Ct = ["flood-color"], Nt = ["cx", "cy", "r", "fill", "filter"], St = ["d", "fill", "stroke", "stroke-width", "filter"], Tt = { key: 0 }, Ft = ["d", "fill"], It = { key: 1 }, Dt = ["x", "y", "font-size", "font-weight", "fill"], zt = { key: 2 }, Pt = ["filter"], Ot = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], At = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Vt = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Mt = ["d", "fill", "onMouseenter", "onClick"], Bt = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Bt = {
+}, Ut = {
   key: 0,
   class: "vue-ui-nested-donuts-legend-title"
-}, Ut = ["onClick"], Rt = ["innerHTML"], Et = {
+}, Rt = ["onClick"], Et = ["innerHTML"], Gt = {
   __name: "vue-ui-nested-donuts",
   props: {
     config: {
@@ -44,31 +44,31 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(V, { expose: Te, emit: ie }) {
-    const D = V, { vue_ui_nested_donuts: Fe } = We(), E = L(() => !!D.dataset && D.dataset.length), p = c(He()), Z = c(!1), j = c(""), Ie = c(null), de = c(0), M = c(null), ce = c(null), ee = c(null), B = c(!1);
-    function De(t) {
+  setup(V, { expose: Fe, emit: ie }) {
+    const D = V, { vue_ui_nested_donuts: Ie } = He(), E = L(() => !!D.dataset && D.dataset.length), p = c(qe()), Z = c(!1), j = c(""), De = c(null), de = c(0), M = c(null), ce = c(null), ee = c(null), B = c(!1);
+    function ze(t) {
       B.value = t, de.value += 1;
     }
     const e = L(() => {
-      const t = Ne({
+      const t = Te({
         userConfig: D.config,
-        defaultConfig: Fe
+        defaultConfig: Ie
       });
       return t.theme ? {
-        ...Ne({
-          userConfig: qe.vue_ui_nested_donuts[t.theme] || D.config,
+        ...Te({
+          userConfig: Je.vue_ui_nested_donuts[t.theme] || D.config,
           defaultConfig: t
         }),
-        customPalette: Je[t.theme] || Q
+        customPalette: Ke[t.theme] || Q
       } : t;
     }), G = c(null);
-    Be(() => {
-      if (Ke(D.dataset) && O({
+    Ue(() => {
+      if (Qe(D.dataset) && O({
         componentName: "VueUiNestedDonuts",
         type: "dataset"
       }), e.value.responsive) {
-        const t = ot(() => {
-          const { width: s, height: l } = st({
+        const t = st(() => {
+          const { width: s, height: l } = ut({
             chart: M.value,
             title: e.value.style.chart.title.text ? ce.value : null,
             legend: e.value.style.chart.legend.show ? ee.value : null
@@ -77,13 +77,13 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
         });
         G.value = new ResizeObserver(t), G.value.observe(M.value.parentNode);
       }
-    }), Ue(() => {
+    }), Re(() => {
       G.value && G.value.disconnect();
     });
-    const { isPrinting: ve, isImaging: he, generatePdf: fe, generateImage: ye } = nt({
+    const { isPrinting: ve, isImaging: he, generatePdf: fe, generateImage: ye } = rt({
       elementId: `nested_donuts_${p.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-nested-donuts"
-    }), Pe = L(() => Qe(e.value.customPalette)), x = c({
+    }), Pe = L(() => Ze(e.value.customPalette)), x = c({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -93,10 +93,10 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
       height: 512,
       width: 512
     });
-    function ze({ datapoint: t, index: s }) {
+    function Oe({ datapoint: t, index: s }) {
       ie("selectDatapoint", { datapoint: t, index: s });
     }
-    const f = c([]), S = L(() => (D.dataset.forEach((t, s) => {
+    const f = c([]), N = L(() => (D.dataset.forEach((t, s) => {
       [null, void 0].includes(t.name) && O({
         componentName: "VueUiNestedDonuts",
         type: "datasetSerieAttribute",
@@ -128,7 +128,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
       });
     }), D.dataset.map((t, s) => ({
       ...t,
-      total: t.series.filter((l) => !f.value.includes(l.id)).map((l) => (l.values || []).reduce((a, o) => a + o, 0)).reduce((l, a) => l + a, 0),
+      total: t.series.filter((l) => !f.value.includes(l.id)).map((l) => Ce(l.values).reduce((a, o) => a + o, 0)).reduce((l, a) => l + a, 0),
       datasetIndex: s,
       id: `${p.value}_${s}`,
       series: t.series.map((l, a) => ({
@@ -138,13 +138,13 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
         id: `${p.value}_${s}_${a}`,
         seriesIndex: a,
         datasetIndex: s,
-        color: Ze(l.color) || Pe.value[a] || Q[a] || Q[a % Q.length],
-        value: (l.values || []).reduce((o, i) => o + i, 0),
+        color: je(l.color) || Pe.value[a] || Q[a] || Q[a % Q.length],
+        value: Ce(l.values).reduce((o, i) => o + i, 0),
         absoluteValues: l.values || []
       }))
     }))));
     c(e.value.style.chart.layout.donut.strokeWidth);
-    const N = L(() => Math.min(v.value.height, v.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), be = L(() => [...S.value].map((t, s) => {
+    const S = L(() => Math.min(v.value.height, v.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), be = L(() => [...N.value].map((t, s) => {
       const l = t.series.filter((a) => !f.value.includes(a.id)).map((a) => a.value).reduce((a, o) => a + o, 0);
       return {
         ...t,
@@ -155,20 +155,20 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
         }))
       };
     }));
-    function Oe(t, s, l) {
+    function Ae(t, s, l) {
       let a = 0;
       for (let o = 0; o < t.length; o += 1)
         l.includes(t[o]) && (a += 1);
       return a < s;
     }
     const h = c(be.value);
-    Re(() => be.value, (t) => h.value = t);
+    Ee(() => be.value, (t) => h.value = t);
     const pe = c(null), ge = c(null);
     function te(t) {
       ie("selectLegend", t);
-      const s = S.value.flatMap((d) => d.series).find((d) => d.id === t.id), l = h.value.flatMap((d) => d.series).find((d) => d.id === t.id);
+      const s = N.value.flatMap((d) => d.series).find((d) => d.id === t.id), l = h.value.flatMap((d) => d.series).find((d) => d.id === t.id);
       let o = l ? l.value : 0;
-      const i = S.value.find((d) => d.id === s.arcOfId).series.map((d) => d.id), g = Oe(i, i.length - 1, f.value);
+      const i = N.value.find((d) => d.id === s.arcOfId).series.map((d) => d.id), g = Ae(i, i.length - 1, f.value);
       if (f.value.includes(t.id)) {
         let d = function() {
           o > s.value ? (cancelAnimationFrame(pe.value), h.value = h.value.map((k) => ({
@@ -190,60 +190,60 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
         let d = function() {
           o < 0.1 ? (cancelAnimationFrame(ge.value), f.value.push(t.id), h.value = h.value.map((k, T) => ({
             ...k,
-            series: k.series.map((P) => P.id === t.id ? {
-              ...P,
+            series: k.series.map((z) => z.id === t.id ? {
+              ...z,
               value: 0
-            } : P)
+            } : z)
           }))) : (o /= 1.1, h.value = h.value.map((k, T) => ({
             ...k,
-            series: k.series.map((P) => P.id === t.id ? {
-              ...P,
+            series: k.series.map((z) => z.id === t.id ? {
+              ...z,
               value: o
-            } : P)
+            } : z)
           })), ge.value = requestAnimationFrame(d));
         };
         d();
       }
     }
     const U = L(() => h.value.map((t, s) => {
-      const l = s * N.value / S.value.length;
+      const l = s * S.value / N.value.length;
       return {
         ...t,
-        radius: N.value - l,
-        donut: Ce(
+        radius: S.value - l,
+        donut: Ne(
           { series: t.series },
           v.value.width / 2,
           v.value.height / 2,
-          N.value - l,
-          N.value - l,
+          S.value - l,
+          S.value - l,
           1.99999,
           2,
           1,
           360,
           105.25,
-          N.value / S.value.length * e.value.style.chart.layout.donut.spacingRatio
+          S.value / N.value.length * e.value.style.chart.layout.donut.spacingRatio
         )
       };
-    })), me = L(() => [...S.value].map((t, s) => {
-      const l = s * N.value / S.value.length;
+    })), me = L(() => [...N.value].map((t, s) => {
+      const l = s * S.value / N.value.length;
       return {
         sizeRatio: l,
-        donut: Ce(
+        donut: Ne(
           { series: [{ value: 1 }] },
           v.value.width / 2,
           v.value.height / 2,
-          N.value - l,
-          N.value - l,
+          S.value - l,
+          S.value - l,
           1.99999,
           2,
           1,
           360,
           105.25,
-          N.value / S.value.length * e.value.style.chart.layout.donut.spacingRatio
+          S.value / N.value.length * e.value.style.chart.layout.donut.spacingRatio
         )[0]
       };
     })), we = c(null), Y = c(null), X = c(null), le = c(null);
-    function Ae({ datapoint: t, _relativeIndex: s, seriesIndex: l }) {
+    function Ve({ datapoint: t, _relativeIndex: s, seriesIndex: l }) {
       we.value = t.arcOfId, Y.value = t.id, X.value = l, le.value = {
         datapoint: t,
         seriesIndex: l,
@@ -251,7 +251,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
         config: e.value
       };
       const a = e.value.style.chart.tooltip.customFormat;
-      if (Se(a) && tt(() => a({
+      if (Se(a) && lt(() => a({
         seriesIndex: l,
         datapoint: t,
         series: h.value,
@@ -336,7 +336,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
       if (!e.value.style.chart.tooltip.showAllItemsAtIndex || f.value.length)
         return [null, void 0].includes(Y.value) || Y.value === t.id ? "" : `url(#blur_${p.value})`;
     }
-    const oe = L(() => S.value.map((t, s) => t.series.map((l, a) => ({
+    const oe = L(() => N.value.map((t, s) => t.series.map((l, a) => ({
       name: l.name,
       color: l.color,
       value: l.value,
@@ -351,7 +351,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
       opacity: f.value.includes(l.id) ? 0.5 : 1,
       segregate: () => te(l),
       isSegregated: f.value.includes(l.id)
-    })))), Ve = L(() => ({
+    })))), Me = L(() => ({
       cy: "nested-donuts-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -367,11 +367,11 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
       return { head: t, body: s };
     });
     function ke() {
-      Ge(() => {
+      Ye(() => {
         const t = I.value.head.map((a, o) => [[
           a.name
-        ], [I.value.body[o]], [isNaN(I.value.body[o] / a.total) ? "-" : I.value.body[o] / a.total * 100]]), s = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = lt(s);
-        at({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-nested-donuts" });
+        ], [I.value.body[o]], [isNaN(I.value.body[o] / a.total) ? "-" : I.value.body[o] / a.total * 100]]), s = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = at(s);
+        ot({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-nested-donuts" });
       });
     }
     const W = L(() => {
@@ -417,8 +417,8 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
         config: l
       };
     });
-    function Me() {
-      return S.value;
+    function Be() {
+      return N.value;
     }
     function Le() {
       x.value.showTable = !x.value.showTable;
@@ -429,8 +429,8 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
     function $e() {
       x.value.showTooltip = !x.value.showTooltip;
     }
-    return Te({
-      getData: Me,
+    return Fe({
+      getData: Be,
       generatePdf: fe,
       generateCsv: ke,
       generateImage: ye,
@@ -440,7 +440,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
     }), (t, s) => (u(), n("div", {
       ref_key: "nestedDonutsChart",
       ref: M,
-      class: z(`vue-ui-nested-donuts ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: P(`vue-ui-nested-donuts ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: se(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${!e.value.style.chart.title.text && e.value.userOptions.show ? "padding-top:36px" : ""};background:${e.value.style.chart.backgroundColor}`),
       id: `nested_donuts_${p.value}`
     }, [
@@ -449,7 +449,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
         ref_key: "chartTitle",
         ref: ce
       }, [
-        ue(ut, {
+        ue(nt, {
           config: {
             title: {
               cy: "donut-div-title",
@@ -462,7 +462,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
           }
         }, null, 8, ["config"])
       ], 512)) : y("", !0),
-      e.value.userOptions.show && E.value ? (u(), H(rt, {
+      e.value.userOptions.show && E.value ? (u(), H(it, {
         ref: "details",
         key: `user_option_${de.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -481,14 +481,14 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
         isTooltip: x.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: M.value,
-        onToggleFullscreen: De,
+        onToggleFullscreen: ze,
         onGeneratePdf: r(fe),
         onGenerateCsv: ke,
         onGenerateImage: r(ye),
         onToggleTable: Le,
         onToggleLabels: _e,
         onToggleTooltip: $e
-      }, Ee({ _: 2 }, [
+      }, Ge({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: m(() => [
@@ -541,8 +541,8 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : y("", !0),
       E.value ? (u(), n("svg", {
         key: 2,
-        xmlns: r(je),
-        class: z({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
+        xmlns: r(et),
+        class: P({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
         viewBox: `0 0 ${v.value.width <= 0 ? 1e-3 : v.value.width} ${v.value.height < 0 ? 1e-3 : v.value.height}`,
         style: se(`max-width:100%; overflow: visible; background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
       }, [
@@ -554,14 +554,14 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
             r: "50%",
             fr: 30 - 1 * (a + 1) + "%"
           }, [
-            gt,
+            mt,
             b("stop", {
               offset: 70 - 20 * a + "%",
               "stop-color": "#FFFFFF",
               "stop-opacity": e.value.style.chart.gradientIntensity / 100
-            }, null, 8, mt),
-            wt
-          ], 8, pt))), 256))
+            }, null, 8, wt),
+            xt
+          ], 8, gt))), 256))
         ]),
         b("defs", null, [
           b("filter", {
@@ -575,9 +575,9 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${p.value}`
-            }, null, 8, kt),
-            Lt
-          ], 8, xt),
+            }, null, 8, Lt),
+            _t
+          ], 8, kt),
           b("filter", {
             id: `shadow_${p.value}`,
             "color-interpolation-filters": "sRGB"
@@ -588,8 +588,8 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.style.chart.layout.donut.shadowColor
-            }, null, 8, $t)
-          ], 8, _t)
+            }, null, 8, Ct)
+          ], 8, $t)
         ]),
         (u(!0), n(w, null, $(U.value, (l) => (u(), n("circle", {
           cx: v.value.width / 2,
@@ -597,7 +597,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
           r: l.radius < 0 ? 1e-5 : l.radius,
           fill: e.value.style.chart.backgroundColor,
           filter: e.value.style.chart.layout.donut.useShadow ? `url(#shadow_${p.value})` : ""
-        }, null, 8, Ct))), 256)),
+        }, null, 8, Nt))), 256)),
         (u(!0), n(w, null, $(U.value, (l, a) => (u(), n("g", null, [
           (u(!0), n(w, null, $(l.donut, (o, i) => (u(), n("g", null, [
             b("path", {
@@ -610,50 +610,50 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
             }, null, 8, St)
           ]))), 256))
         ]))), 256)),
-        e.value.style.chart.useGradient ? (u(), n("g", Nt, [
+        e.value.style.chart.useGradient ? (u(), n("g", Tt, [
           (u(!0), n(w, null, $(me.value, (l, a) => (u(), n("g", null, [
             b("path", {
               d: l.donut.arcSlice,
               fill: `url(#radial_${p.value}_${a})`,
               stroke: "transparent",
               "stroke-width": "0"
-            }, null, 8, Tt)
+            }, null, 8, Ft)
           ]))), 256))
         ])) : y("", !0),
-        e.value.style.chart.layout.labels.dataLabels.showDonutName ? (u(), n("g", Ft, [
+        e.value.style.chart.layout.labels.dataLabels.showDonutName ? (u(), n("g", It, [
           (u(!0), n(w, null, $(U.value, (l, a) => (u(), n("g", null, [
             (u(!0), n(w, null, $(l.donut, (o, i) => (u(), n("g", null, [
               i === 0 && v.value.width && v.value.height ? (u(), n("text", {
                 key: 0,
-                class: z({ animated: e.value.useCssAnimation }),
+                class: P({ animated: e.value.useCssAnimation }),
                 x: v.value.width / 2,
                 y: o.startY - e.value.style.chart.layout.labels.dataLabels.fontSize + e.value.style.chart.layout.labels.dataLabels.donutNameOffsetY,
                 "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",
                 fill: e.value.style.chart.layout.labels.dataLabels.color
-              }, F(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? r(et)({ source: l.name, length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize }) : l.name), 11, It)) : y("", !0)
+              }, F(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? r(tt)({ source: l.name, length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize }) : l.name), 11, Dt)) : y("", !0)
             ]))), 256))
           ]))), 256))
         ])) : y("", !0),
-        e.value.style.chart.layout.labels.dataLabels.show ? (u(), n("g", Dt, [
+        e.value.style.chart.layout.labels.dataLabels.show ? (u(), n("g", zt, [
           (u(!0), n(w, null, $(U.value, (l, a) => (u(), n("g", null, [
             (u(!0), n(w, null, $(l.donut, (o, i) => (u(), n("g", {
               filter: xe(o, i)
             }, [
               ae(o) && x.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage ? (u(), n("text", {
                 key: 0,
-                class: z({ animated: e.value.useCssAnimation }),
+                class: P({ animated: e.value.useCssAnimation }),
                 "text-anchor": r(A)(o, !0).anchor,
                 x: r(A)(o, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
                 y: r(ne)(o, e.value.style.chart.layout.labels.dataLabels.offsetY, e.value.style.chart.layout.labels.dataLabels.offsetY),
                 fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? o.color : e.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": e.value.style.chart.layout.labels.dataLabels.boldPercentage ? "bold" : "normal"
-              }, F(r(C)({ v: o.proportion * 100, s: "%", r: e.value.style.chart.layout.labels.dataLabels.roundingPercentage })), 11, zt)) : y("", !0),
+              }, F(r(C)({ v: o.proportion * 100, s: "%", r: e.value.style.chart.layout.labels.dataLabels.roundingPercentage })), 11, Ot)) : y("", !0),
               ae(o) && x.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue ? (u(), n("text", {
                 key: 1,
-                class: z({ animated: e.value.useCssAnimation }),
+                class: P({ animated: e.value.useCssAnimation }),
                 "text-anchor": r(A)(o, !0).anchor,
                 x: r(A)(o, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
                 y: r(ne)(o, e.value.style.chart.layout.labels.dataLabels.offsetY, e.value.style.chart.layout.labels.dataLabels.offsetY) + e.value.style.chart.layout.labels.dataLabels.fontSize,
@@ -670,10 +670,10 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
                   r: e.value.style.chart.layout.labels.dataLabels.roundingValue
                 }),
                 { datapoint: o, seriesIndex: a, datapointIndex: i }
-              )) + ") ", 11, Ot)) : y("", !0),
+              )) + ") ", 11, At)) : y("", !0),
               ae(o) && x.value.dataLabels.show && !e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue ? (u(), n("text", {
                 key: 2,
-                class: z({ animated: e.value.useCssAnimation }),
+                class: P({ animated: e.value.useCssAnimation }),
                 "text-anchor": r(A)(o, !0).anchor,
                 x: r(A)(o, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
                 y: r(ne)(o, e.value.style.chart.layout.labels.dataLabels.offsetY, e.value.style.chart.layout.labels.dataLabels.offsetY),
@@ -690,7 +690,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
                   r: e.value.style.chart.layout.labels.dataLabels.roundingValue
                 }),
                 { datapoint: o, seriesIndex: a, datapointIndex: i }
-              )), 11, At)) : y("", !0)
+              )), 11, Vt)) : y("", !0)
             ], 8, Pt))), 256))
           ]))), 256))
         ])) : y("", !0),
@@ -699,25 +699,25 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
             b("path", {
               "data-cy-donut-trap": "",
               d: o.arcSlice,
-              fill: Ie.value === a ? "rgba(0,0,0,0.1)" : "transparent",
-              onMouseenter: (g) => Ae({
+              fill: De.value === a ? "rgba(0,0,0,0.1)" : "transparent",
+              onMouseenter: (g) => Ve({
                 datapoint: o,
                 relativeIndex: a,
                 seriesIndex: o.seriesIndex
               }),
-              onClick: (g) => ze({ datapoint: o, index: i }),
+              onClick: (g) => Oe({ datapoint: o, index: i }),
               onMouseleave: s[0] || (s[0] = (g) => {
                 Z.value = !1, we.value = null, Y.value = null, X.value = null;
               })
-            }, null, 40, Vt)
+            }, null, 40, Mt)
           ]))), 256))
         ]))), 256)),
         _(t.$slots, "svg", { svg: v.value }, void 0, !0)
-      ], 14, bt)) : y("", !0),
-      t.$slots.watermark ? (u(), n("div", Mt, [
+      ], 14, pt)) : y("", !0),
+      t.$slots.watermark ? (u(), n("div", Bt, [
         _(t.$slots, "watermark", q(J({ isPrinting: r(ve) || r(he) })), void 0, !0)
       ])) : y("", !0),
-      E.value ? y("", !0) : (u(), H(vt, {
+      E.value ? y("", !0) : (u(), H(ht, {
         key: 4,
         config: {
           type: "donut",
@@ -729,7 +729,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
           }
         }
       }, null, 8, ["config"])),
-      ue(dt, {
+      ue(ct, {
         show: x.value.showTooltip && Z.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -756,15 +756,15 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
         key: 5,
         ref_key: "chartLegend",
         ref: ee,
-        class: z({ "vue-ui-nested-donuts-legend": oe.value.length > 1 })
+        class: P({ "vue-ui-nested-donuts-legend": oe.value.length > 1 })
       }, [
-        (u(!0), n(w, null, $(oe.value, (l) => (u(), H(ct, {
+        (u(!0), n(w, null, $(oe.value, (l) => (u(), H(vt, {
           legendSet: l,
-          config: Ve.value,
+          config: Me.value,
           onClickMarker: s[1] || (s[1] = ({ legend: a }) => te(a))
         }, {
           legendTitle: m(({ titleSet: a }) => [
-            a[0].arcOf ? (u(), n("div", Bt, F(a[0].arcOf), 1)) : y("", !0)
+            a[0] && a[0].arcOf ? (u(), n("div", Ut, F(a[0].arcOf), 1)) : y("", !0)
           ]),
           item: m(({ legend: a, index: o }) => [
             b("div", {
@@ -787,7 +787,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
               ], 64)) : (u(), n(w, { key: 0 }, [
                 K(" (" + F(isNaN(a.value / a.total) ? "-" : r(C)({ v: a.value / a.total * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })) + ") ", 1)
               ], 64))
-            ], 12, Ut)
+            ], 12, Rt)
           ]),
           _: 2
         }, 1032, ["legendSet", "config"]))), 256))
@@ -799,7 +799,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
       }, [
         _(t.$slots, "legend", { legend: oe.value }, void 0, !0)
       ], 512)),
-      E.value ? (u(), H(ht, {
+      E.value ? (u(), H(ft, {
         key: 7,
         hideDetails: "",
         config: {
@@ -816,7 +816,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
         }
       }, {
         content: m(() => [
-          ue(it, {
+          ue(dt, {
             colNames: W.value.colNames,
             head: W.value.head,
             body: W.value.body,
@@ -828,7 +828,7 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
               b("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Rt)
+              }, null, 8, Et)
             ]),
             td: m(({ td: l }) => [
               K(F(l.name || l), 1)
@@ -838,9 +838,9 @@ const re = (V) => (Ye("data-v-57753849"), V = V(), Xe(), V), yt = ["id"], bt = [
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0)
-    ], 14, yt));
+    ], 14, bt));
   }
-}, tl = /* @__PURE__ */ ft(Et, [["__scopeId", "data-v-57753849"]]);
+}, ll = /* @__PURE__ */ yt(Gt, [["__scopeId", "data-v-7f596bd8"]]);
 export {
-  tl as default
+  ll as default
 };