vue-data-ui 2.4.51 → 2.4.52

package/dist/{vue-ui-nested-donuts-C8at93dN.js → vue-ui-nested-donuts-F1pwFa1Y.js}

@@ -1,30 +1,30 @@
 import { computed as g, ref as i, watch as Ue, onMounted as at, onBeforeUnmount as ot, openBlock as u, createElementBlock as n, normalizeClass as P, normalizeStyle as Q, unref as r, createBlock as D, createCommentVNode as v, createSlots as st, withCtx as m, renderSlot as k, normalizeProps as R, guardReactiveProps as E, createVNode as Be, createElementVNode as y, Fragment as _, renderList as T, toDisplayString as N, createTextVNode as Z, nextTick as ut, pushScopeId as nt, popScopeId as rt } from "vue";
-import { u as it, c as dt, t as ct, a as vt, p as j, o as ft, e as M, b as ht, J as Re, d as pt, m as Ee, f as x, X as yt, s as Ge, L as bt, k as U, n as ie, i as G, x as Ye, y as gt, q as mt, r as kt } from "./index-BbPeL8Gp.js";
+import { u as it, c as dt, t as ct, a as vt, p as j, o as ft, e as M, b as ht, J as Re, d as pt, m as Ee, f as x, X as yt, s as Ge, L as bt, k as U, n as de, i as G, x as Ye, y as gt, q as mt, r as kt } from "./index-K5uyh1gA.js";
 import { t as wt, u as $t } from "./useResponsive-CoxXLe23.js";
-import { _ as Lt } from "./Title-aSAft5dl.js";
-import { u as _t, U as xt } from "./usePrinter-DaybDVqP.js";
-import { D as Ct } from "./DataTable-DGf6RrOJ.js";
-import { _ as Ft } from "./Tooltip-smutPF--.js";
-import { L as Tt } from "./Legend-BLaZxMge.js";
-import St from "./vue-ui-skeleton-Bniq21d9.js";
-import Nt from "./vue-ui-accordion-5d5iVpr7.js";
-import { u as Xe } from "./useNestedProp-BN8claGG.js";
-import { _ as It } from "./PackageVersion-CxJghxYD.js";
-import { P as Ot } from "./PenAndPaper-ZdZEumki.js";
+import { _ as Lt } from "./Title-aMb2ETf7.js";
+import { u as _t, U as xt } from "./usePrinter-p_ZZlGc9.js";
+import { D as Ct } from "./DataTable-COkA4Nyz.js";
+import { _ as Ft } from "./Tooltip-BRZ3DT4p.js";
+import { L as Tt } from "./Legend-bYlSC7I7.js";
+import St from "./vue-ui-skeleton-BhA2lIT6.js";
+import Nt from "./vue-ui-accordion-CsJT7Az3.js";
+import { u as Xe } from "./useNestedProp-DifqJZAs.js";
+import { _ as Ot } from "./PackageVersion-Dz3KcTL4.js";
+import { P as It } from "./PenAndPaper-BycdTwSP.js";
 import { u as At } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["id"], Mt = /* @__PURE__ */ de(() => /* @__PURE__ */ y("stop", {
+const ce = (B) => (nt("data-v-36b04f69"), B = B(), rt(), B), Dt = ["id"], zt = ["xmlns", "viewBox"], Vt = ["id"], Mt = /* @__PURE__ */ ce(() => /* @__PURE__ */ y("stop", {
   offset: "0%",
   "stop-color": "#FFFFFF",
   "stop-opacity": "0"
-}, null, -1)), Ut = ["offset", "stop-color"], Bt = ["offset", "stop-opacity"], Rt = /* @__PURE__ */ de(() => /* @__PURE__ */ y("stop", {
+}, null, -1)), Ut = ["offset", "stop-color"], Bt = ["offset", "stop-opacity"], Rt = /* @__PURE__ */ ce(() => /* @__PURE__ */ y("stop", {
   offset: "100%",
   "stop-color": "#FFFFFF",
   "stop-opacity": "0"
-}, null, -1)), Et = ["id"], Gt = ["id"], Yt = /* @__PURE__ */ de(() => /* @__PURE__ */ y("feColorMatrix", {
+}, null, -1)), Et = ["id"], Gt = ["id"], Yt = /* @__PURE__ */ ce(() => /* @__PURE__ */ y("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), Xt = ["id"], Wt = ["flood-color"], Ht = ["d", "fill", "stroke", "stroke-width", "filter"], qt = { key: 0 }, Jt = ["d", "fill"], Kt = { key: 1 }, Qt = ["x", "y", "font-size", "font-weight", "fill"], Zt = { key: 2 }, jt = ["filter"], el = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], tl = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], ll = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], al = ["d", "fill", "onMouseenter", "onClick"], ol = {
+}, null, -1)), Xt = ["id"], Ht = ["flood-color"], Wt = ["d", "fill", "stroke", "stroke-width", "filter"], qt = { key: 0 }, Jt = ["d", "fill"], Kt = { key: 1 }, Qt = ["x", "y", "font-size", "font-weight", "fill"], Zt = { key: 2 }, jt = ["filter"], el = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], tl = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], ll = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], al = ["d", "fill", "onMouseenter", "onClick"], ol = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, sl = {
@@ -47,47 +47,47 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(B, { expose: We, emit: ce }) {
-    const I = B, { vue_ui_nested_donuts: He } = it(), Y = g(() => !!I.dataset && I.dataset.length), w = i(dt()), ee = i(!1), te = i(""), qe = i(null), ve = i(0), z = i(null), fe = i(null), le = i(null), he = i(null), pe = i(null), ye = i(0), be = i(0), ge = i(0), V = i(!1);
+  setup(B, { expose: He, emit: ve }) {
+    const O = B, { vue_ui_nested_donuts: We } = it(), Y = g(() => !!O.dataset && O.dataset.length), w = i(dt()), ee = i(!1), te = i(""), qe = i(null), fe = i(0), z = i(null), he = i(null), le = i(null), pe = i(null), ye = i(null), be = i(0), ge = i(0), me = i(0), V = i(!1);
     function Je(t) {
-      V.value = t, ve.value += 1;
+      V.value = t, fe.value += 1;
     }
     const e = g({
       get: () => $e(),
       set: (t) => t
-    }), { userOptionsVisible: me, setUserOptionsVisibility: ke, keepUserOptionState: we } = At({ config: e.value });
+    }), { userOptionsVisible: ae, setUserOptionsVisibility: ke, keepUserOptionState: we } = At({ config: e.value });
     function $e() {
       const t = Xe({
-        userConfig: I.config,
-        defaultConfig: He
+        userConfig: O.config,
+        defaultConfig: We
       });
       return t.theme ? {
         ...Xe({
-          userConfig: ct.vue_ui_nested_donuts[t.theme] || I.config,
+          userConfig: ct.vue_ui_nested_donuts[t.theme] || O.config,
           defaultConfig: t
         }),
         customPalette: vt[t.theme] || j
       } : t;
     }
-    Ue(() => I.config, (t) => {
-      e.value = $e(), Le(), ye.value += 1, be.value += 1, ge.value += 1;
+    Ue(() => O.config, (t) => {
+      e.value = $e(), ae.value = !e.value.showOnChartHover, Le(), be.value += 1, ge.value += 1, me.value += 1;
     }, { deep: !0 });
     const X = i(null);
     at(() => {
       Le();
     });
     function Le() {
-      if (ft(I.dataset) && M({
+      if (ft(O.dataset) && M({
         componentName: "VueUiNestedDonuts",
         type: "dataset"
       }), e.value.responsive) {
         const t = wt(() => {
           const { width: s, height: a } = $t({
             chart: z.value,
-            title: e.value.style.chart.title.text ? fe.value : null,
+            title: e.value.style.chart.title.text ? he.value : null,
             legend: e.value.style.chart.legend.show ? le.value : null,
-            source: he.value,
-            noTitle: pe.value
+            source: pe.value,
+            noTitle: ye.value
           });
           h.value.width = s, h.value.height = a;
         });
@@ -111,9 +111,9 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
       width: 512
     });
     function Ze({ datapoint: t, index: s }) {
-      ce("selectDatapoint", { datapoint: t, index: s });
+      ve("selectDatapoint", { datapoint: t, index: s });
     }
-    const p = i([]), C = g(() => (I.dataset.forEach((t, s) => {
+    const p = i([]), C = g(() => (O.dataset.forEach((t, s) => {
       [null, void 0].includes(t.name) && M({
         componentName: "VueUiNestedDonuts",
         type: "datasetSerieAttribute",
@@ -143,7 +143,7 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
           key: "serie"
         });
       });
-    }), I.dataset.map((t, s) => ({
+    }), O.dataset.map((t, s) => ({
       ...t,
       total: t.series.filter((a) => !p.value.includes(a.id)).map((a) => Re(a.values).reduce((o, l) => o + l, 0)).reduce((a, o) => a + o, 0),
       datasetIndex: s,
@@ -179,8 +179,8 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
     const f = i(Te.value);
     Ue(() => Te.value, (t) => f.value = t);
     const Se = i(null), Ne = i(null);
-    function ae(t) {
-      ce("selectLegend", t);
+    function oe(t) {
+      ve("selectLegend", t);
       const s = C.value.flatMap((c) => c.series).find((c) => c.id === t.id), a = f.value.flatMap((c) => c.series).find((c) => c.id === t.id);
       let l = a ? a.value : 0;
       const d = C.value.find((c) => c.id === s.arcOfId).series.map((c) => c.id), b = je(d, d.length - 1, p.value);
@@ -220,7 +220,7 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
         c();
       }
     }
-    const oe = g(() => F.value / C.value.length * e.value.style.chart.layout.donut.spacingRatio), Ie = g(() => f.value.map((t, s) => F.value - s * F.value / C.value.length)), W = g(() => f.value.map((t, s) => {
+    const se = g(() => F.value / C.value.length * e.value.style.chart.layout.donut.spacingRatio), Oe = g(() => f.value.map((t, s) => F.value - s * F.value / C.value.length)), H = g(() => f.value.map((t, s) => {
       const a = s * F.value / C.value.length;
       return {
         ...t,
@@ -236,10 +236,10 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
           1,
           360,
           105.25,
-          oe.value
+          se.value
         )
       };
-    })), Oe = g(() => [...C.value].map((t, s) => {
+    })), Ie = g(() => [...C.value].map((t, s) => {
       const a = s * F.value / C.value.length;
       return {
         sizeRatio: a,
@@ -257,9 +257,9 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
           F.value / C.value.length * e.value.style.chart.layout.donut.spacingRatio
         )[0]
       };
-    })), Ae = i(null), H = i(null), q = i(null), se = i(null);
+    })), Ae = i(null), W = i(null), q = i(null), ue = i(null);
     function et({ datapoint: t, _relativeIndex: s, seriesIndex: a }) {
-      Ae.value = t.arcOfId, H.value = t.id, q.value = a, se.value = {
+      Ae.value = t.arcOfId, W.value = t.id, q.value = a, ue.value = {
         datapoint: t,
         seriesIndex: a,
         series: f.value,
@@ -340,7 +340,7 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
       }
       ee.value = !0;
     }
-    function ue(t) {
+    function ne(t) {
       return t.proportion * 100 > e.value.style.chart.layout.labels.dataLabels.hideUnderValue;
     }
     function Pe(t, s) {
@@ -349,9 +349,9 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
       if (e.value.style.chart.tooltip.showAllItemsAtIndex && p.value.length === 0)
         return [null, void 0].includes(q.value) || q.value === s ? "" : `url(#blur_${w.value})`;
       if (!e.value.style.chart.tooltip.showAllItemsAtIndex || p.value.length)
-        return [null, void 0].includes(H.value) || H.value === t.id ? "" : `url(#blur_${w.value})`;
+        return [null, void 0].includes(W.value) || W.value === t.id ? "" : `url(#blur_${w.value})`;
     }
-    const ne = g(() => C.value.map((t, s) => t.series.map((a, o) => ({
+    const re = g(() => C.value.map((t, s) => t.series.map((a, o) => ({
       name: a.name,
       color: a.color,
       value: a.value,
@@ -364,7 +364,7 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
     })).map((a) => ({
       ...a,
       opacity: p.value.includes(a.id) ? 0.5 : 1,
-      segregate: () => ae(a),
+      segregate: () => oe(a),
       isSegregated: p.value.includes(a.id)
     })))), tt = g(() => ({
       cy: "nested-donuts-legend",
@@ -373,7 +373,7 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), O = g(() => {
+    })), I = g(() => {
       const t = f.value.flatMap((a) => a.series.map((o) => ({
         name: `${a.name} - ${o.name}`,
         color: o.color,
@@ -383,9 +383,9 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
     });
     function De() {
       ut(() => {
-        const t = O.value.head.map((o, l) => [[
+        const t = I.value.head.map((o, l) => [[
           o.name
-        ], [O.value.body[l]], [isNaN(O.value.body[l] / o.total) ? "-" : O.value.body[l] / o.total * 100]]), s = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), a = mt(s);
+        ], [I.value.body[l]], [isNaN(I.value.body[l] / o.total) ? "-" : I.value.body[l] / o.total * 100]]), s = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), a = mt(s);
         kt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-nested-donuts" });
       });
     }
@@ -394,16 +394,16 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
-      ], s = O.value.head.map((l, d) => {
-        const b = x({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: O.value.body[d], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
+      ], s = I.value.head.map((l, d) => {
+        const b = x({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: I.value.body[d], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: l.color,
             name: l.name
           },
           b,
-          isNaN(O.value.body[d] / l.total) ? "-" : x({
-            v: O.value.body[d] / l.total * 100,
+          isNaN(I.value.body[d] / l.total) ? "-" : x({
+            v: I.value.body[d] / l.total * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
           })
@@ -445,10 +445,10 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
       $.value.showTooltip = !$.value.showTooltip;
     }
     const K = i(!1);
-    function re() {
+    function ie() {
       K.value = !K.value;
     }
-    return We({
+    return He({
       getData: lt,
       generatePdf: Ce,
       generateCsv: De,
@@ -456,7 +456,7 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
       toggleTable: ze,
       toggleLabels: Ve,
       toggleTooltip: Me,
-      toggleAnnotator: re
+      toggleAnnotator: ie
     }), (t, s) => (u(), n("div", {
       ref_key: "nestedDonutsChart",
       ref: z,
@@ -466,28 +466,28 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
       onMouseenter: s[3] || (s[3] = () => r(ke)(!0)),
       onMouseleave: s[4] || (s[4] = () => r(ke)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), D(Ot, {
+      e.value.userOptions.buttons.annotator ? (u(), D(It, {
         key: 0,
         parent: z.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: K.value,
-        onClose: re
+        onClose: ie
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : v("", !0),
       Ke.value ? (u(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: pe,
+        ref: ye,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : v("", !0),
       e.value.style.chart.title.text ? (u(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: fe
+        ref: he
       }, [
         (u(), D(Lt, {
-          key: `title_${ye.value}`,
+          key: `title_${be.value}`,
           config: {
             title: {
               cy: "donut-div-title",
@@ -500,9 +500,9 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
           }
         }, null, 8, ["config"]))
       ], 512)) : v("", !0),
-      e.value.userOptions.show && Y.value && (r(we) || r(me)) ? (u(), D(xt, {
+      e.value.userOptions.show && Y.value && (r(we) || r(ae)) ? (u(), D(xt, {
         ref: "details",
-        key: `user_option_${ve.value}`,
+        key: `user_option_${fe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: r(_e),
@@ -529,9 +529,9 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
         onToggleTable: ze,
         onToggleLabels: Ve,
         onToggleTooltip: Me,
-        onToggleAnnotator: re,
+        onToggleAnnotator: ie,
         style: Q({
-          visibility: r(we) ? r(me) ? "visible" : "hidden" : "visible"
+          visibility: r(we) ? r(ae) ? "visible" : "hidden" : "visible"
         })
       }, st({ _: 2 }, [
         t.$slots.optionTooltip ? {
@@ -598,19 +598,19 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
         viewBox: `0 0 ${h.value.width <= 0 ? 1e-3 : h.value.width} ${h.value.height < 0 ? 1e-3 : h.value.height}`,
         style: Q(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Be(It),
+        Be(Ot),
         y("defs", null, [
-          (u(!0), n(_, null, T(Oe.value, (a, o) => (u(), n("radialGradient", {
+          (u(!0), n(_, null, T(Ie.value, (a, o) => (u(), n("radialGradient", {
             id: `radial_${w.value}_${o}`
           }, [
             Mt,
             y("stop", {
-              offset: `${(1 - oe.value / Ie.value[o]) * 100}%`,
+              offset: `${(1 - se.value / Oe.value[o]) * 100}%`,
               "stop-color": r(Ge)("#FFFFFF", 0),
               "stop-opacity": "0"
             }, null, 8, Ut),
             y("stop", {
-              offset: `${(1 - oe.value / Ie.value[o] / 2) * 100}%`,
+              offset: `${(1 - se.value / Oe.value[o] / 2) * 100}%`,
               "stop-color": "#FFFFFF",
               "stop-opacity": e.value.style.chart.gradientIntensity / 100
             }, null, 8, Bt),
@@ -642,10 +642,10 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.style.chart.layout.donut.shadowColor
-            }, null, 8, Wt)
+            }, null, 8, Ht)
           ], 8, Xt)
         ]),
-        (u(!0), n(_, null, T(W.value, (a, o) => (u(), n("g", null, [
+        (u(!0), n(_, null, T(H.value, (a, o) => (u(), n("g", null, [
           (u(!0), n(_, null, T(a.donut, (l, d) => (u(), n("g", null, [
             y("path", {
               class: "vue-ui-donut-arc-path",
@@ -654,11 +654,11 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth,
               filter: Pe(l, d)
-            }, null, 8, Ht)
+            }, null, 8, Wt)
           ]))), 256))
         ]))), 256)),
         e.value.style.chart.useGradient ? (u(), n("g", qt, [
-          (u(!0), n(_, null, T(Oe.value, (a, o) => (u(), n("g", null, [
+          (u(!0), n(_, null, T(Ie.value, (a, o) => (u(), n("g", null, [
             y("path", {
               d: a.donut.arcSlice,
               fill: `url(#radial_${w.value}_${o})`,
@@ -668,7 +668,7 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
           ]))), 256))
         ])) : v("", !0),
         e.value.style.chart.layout.labels.dataLabels.showDonutName ? (u(), n("g", Kt, [
-          (u(!0), n(_, null, T(W.value, (a, o) => (u(), n("g", null, [
+          (u(!0), n(_, null, T(H.value, (a, o) => (u(), n("g", null, [
             (u(!0), n(_, null, T(a.donut, (l, d) => (u(), n("g", null, [
               d === 0 && h.value.width && h.value.height ? (u(), n("text", {
                 key: 0,
@@ -684,26 +684,26 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
           ]))), 256))
         ])) : v("", !0),
         e.value.style.chart.layout.labels.dataLabels.show ? (u(), n("g", Zt, [
-          (u(!0), n(_, null, T(W.value, (a, o) => (u(), n("g", null, [
+          (u(!0), n(_, null, T(H.value, (a, o) => (u(), n("g", null, [
             (u(!0), n(_, null, T(a.donut, (l, d) => (u(), n("g", {
               filter: Pe(l, d)
             }, [
-              ue(l) && $.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage ? (u(), n("text", {
+              ne(l) && $.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage ? (u(), n("text", {
                 key: 0,
                 class: P({ animated: e.value.useCssAnimation }),
                 "text-anchor": r(U)(l, !0).anchor,
                 x: r(U)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
-                y: r(ie)(l, e.value.style.chart.layout.labels.dataLabels.offsetY, e.value.style.chart.layout.labels.dataLabels.offsetY),
+                y: r(de)(l, 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 ? l.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"
               }, N(r(x)({ v: l.proportion * 100, s: "%", r: e.value.style.chart.layout.labels.dataLabels.roundingPercentage })), 11, el)) : v("", !0),
-              ue(l) && $.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue ? (u(), n("text", {
+              ne(l) && $.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: P({ animated: e.value.useCssAnimation }),
                 "text-anchor": r(U)(l, !0).anchor,
                 x: r(U)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
-                y: r(ie)(l, e.value.style.chart.layout.labels.dataLabels.offsetY, e.value.style.chart.layout.labels.dataLabels.offsetY) + e.value.style.chart.layout.labels.dataLabels.fontSize,
+                y: r(de)(l, e.value.style.chart.layout.labels.dataLabels.offsetY, e.value.style.chart.layout.labels.dataLabels.offsetY) + e.value.style.chart.layout.labels.dataLabels.fontSize,
                 fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? l.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.boldValue ? "bold" : "normal"
@@ -718,12 +718,12 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
                 }),
                 { datapoint: l, seriesIndex: o, datapointIndex: d }
               )) + ") ", 11, tl)) : v("", !0),
-              ue(l) && $.value.dataLabels.show && !e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue ? (u(), n("text", {
+              ne(l) && $.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: P({ animated: e.value.useCssAnimation }),
                 "text-anchor": r(U)(l, !0).anchor,
                 x: r(U)(l, !1, e.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
-                y: r(ie)(l, e.value.style.chart.layout.labels.dataLabels.offsetY, e.value.style.chart.layout.labels.dataLabels.offsetY),
+                y: r(de)(l, 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 ? l.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.boldValue ? "bold" : "normal"
@@ -741,7 +741,7 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
             ], 8, jt))), 256))
           ]))), 256))
         ])) : v("", !0),
-        (u(!0), n(_, null, T(W.value, (a, o) => (u(), n("g", null, [
+        (u(!0), n(_, null, T(H.value, (a, o) => (u(), n("g", null, [
           (u(!0), n(_, null, T(a.donut, (l, d) => (u(), n("g", null, [
             y("path", {
               "data-cy-donut-trap": "",
@@ -754,7 +754,7 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
               }),
               onClick: (b) => Ze({ datapoint: l, index: d }),
               onMouseleave: s[0] || (s[0] = (b) => {
-                ee.value = !1, Ae.value = null, H.value = null, q.value = null;
+                ee.value = !1, Ae.value = null, W.value = null, q.value = null;
               })
             }, null, 40, al)
           ]))), 256))
@@ -793,10 +793,10 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
         isCustom: r(Ye)(e.value.style.chart.tooltip.customFormat)
       }, {
         "tooltip-before": m(() => [
-          k(t.$slots, "tooltip-before", R(E({ ...se.value })), void 0, !0)
+          k(t.$slots, "tooltip-before", R(E({ ...ue.value })), void 0, !0)
         ]),
         "tooltip-after": m(() => [
-          k(t.$slots, "tooltip-after", R(E({ ...se.value })), void 0, !0)
+          k(t.$slots, "tooltip-after", R(E({ ...ue.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -804,20 +804,20 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
         key: 7,
         ref_key: "chartLegend",
         ref: le,
-        class: P({ "vue-ui-nested-donuts-legend": ne.value.length > 1 })
+        class: P({ "vue-ui-nested-donuts-legend": re.value.length > 1 })
       }, [
-        (u(!0), n(_, null, T(ne.value, (a, o) => (u(), D(Tt, {
-          key: `legend_${o}_${ge.value}`,
+        (u(!0), n(_, null, T(re.value, (a, o) => (u(), D(Tt, {
+          key: `legend_${o}_${me.value}`,
           legendSet: a,
           config: tt.value,
-          onClickMarker: s[1] || (s[1] = ({ legend: l }) => ae(l))
+          onClickMarker: s[1] || (s[1] = ({ legend: l }) => oe(l))
         }, {
           legendTitle: m(({ titleSet: l }) => [
             l[0] && l[0].arcOf ? (u(), n("div", sl, N(l[0].arcOf), 1)) : v("", !0)
           ]),
           item: m(({ legend: l, index: d }) => [
             y("div", {
-              onClick: (b) => ae(l),
+              onClick: (b) => oe(l),
               style: Q(`opacity:${p.value.includes(l.id) ? 0.5 : 1}`)
             }, [
               Z(N(l.name) + ": " + N(r(G)(
@@ -846,12 +846,12 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
         ref_key: "chartLegend",
         ref: le
       }, [
-        k(t.$slots, "legend", { legend: ne.value }, void 0, !0)
+        k(t.$slots, "legend", { legend: re.value }, void 0, !0)
       ], 512)),
       t.$slots.source ? (u(), n("div", {
         key: 9,
         ref_key: "source",
-        ref: he,
+        ref: pe,
         dir: "auto"
       }, [
         k(t.$slots, "source", {}, void 0, !0)
@@ -874,7 +874,7 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
       }, {
         content: m(() => [
           (u(), D(Ct, {
-            key: `table_${be.value}`,
+            key: `table_${ge.value}`,
             colNames: J.value.colNames,
             head: J.value.head,
             body: J.value.body,
@@ -898,7 +898,7 @@ const de = (B) => (nt("data-v-5dacef14"), B = B(), rt(), B), Dt = ["id"], zt = [
       }, 8, ["config"])) : v("", !0)
     ], 46, Dt));
   }
-}, _l = /* @__PURE__ */ Pt(rl, [["__scopeId", "data-v-5dacef14"]]);
+}, _l = /* @__PURE__ */ Pt(rl, [["__scopeId", "data-v-36b04f69"]]);
 export {
   _l as default
 };