vue-data-ui 3.16.0 → 3.16.1

package/dist/{vue-ui-nested-donuts-FbiXKFZX.js → vue-ui-nested-donuts-YTFtb4CL.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as G, computed as w, ref as v, toRefs as Il, watch as fe, onMounted as Fl, shallowRef as Ft, onBeforeUnmount as Dl, openBlock as u, createElementBlock as r, unref as c, normalizeStyle as pe, normalizeClass as Q, createElementVNode as g, toDisplayString as B, createBlock as N, createCommentVNode as A, withCtx as y, renderSlot as m, normalizeProps as P, guardReactiveProps as S, createSlots as Dt, createVNode as Xe, Fragment as T, renderList as _, withDirectives as Nt, vShow as Vt, Teleport as Nl, resolveDynamicComponent as Vl, mergeProps as Ml, createTextVNode as Mt, nextTick as qe } from "vue";
-import { j as zl, t as zt, m as Bl, p as He, o as El, q as oe, n as Ul, a8 as Y, s as Rl, a4 as je, k as Ae, l as F, X as Gl, u as Yl, a as Bt, a6 as Et, a7 as Le, B as Ut, T as Rt, a0 as Wl, a1 as Kl, U as Xl, ai as Gt, K as Je } from "./lib-DBptbyyI.js";
-import { b as ql } from "./labelUtils-CqTHa20R.js";
-import { t as Hl, u as jl } from "./useResponsive-DfdjqQps.js";
+import { defineAsyncComponent as G, computed as $, ref as h, toRefs as Ol, watch as fe, onMounted as Fl, shallowRef as Ft, onBeforeUnmount as Dl, openBlock as u, createElementBlock as r, unref as v, normalizeStyle as pe, normalizeClass as Z, createElementVNode as g, toDisplayString as E, createBlock as V, createCommentVNode as A, withCtx as y, renderSlot as w, normalizeProps as P, guardReactiveProps as S, createSlots as Dt, createVNode as Xe, Fragment as T, renderList as _, withDirectives as Nt, vShow as Vt, Teleport as Nl, resolveDynamicComponent as Vl, mergeProps as Ml, createTextVNode as Mt, nextTick as He } from "vue";
+import { j as zl, t as zt, m as Bl, p as qe, o as El, q as oe, n as Ul, a8 as Y, s as Rl, a4 as je, k as Ae, l as D, X as Gl, u as Yl, a as Bt, a6 as Et, a7 as Le, B as Ut, T as Rt, a0 as Wl, a1 as Kl, U as Xl, ai as Gt, K as Je } from "./lib-DBptbyyI.js";
+import { b as Hl } from "./labelUtils-CqTHa20R.js";
+import { t as ql, u as jl } from "./useResponsive-DfdjqQps.js";
 import { u as Jl } from "./useConfig-DO94Aj5s.js";
 import { u as Ql, B as Zl } from "./BaseScanner-BhhkKVoj.js";
 import { u as ea } from "./usePrinter-CEpYU3r5.js";
@@ -17,7 +17,7 @@ import ra from "./Legend-CS7Xo5LK.js";
 import { A as ia } from "./A11yDataTable-KcVAX2cP.js";
 import { B as da } from "./BaseLegendToggle-BQVIawmA.js";
 import { _ as ca } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative" } }, ga = ["xmlns", "aria-describedby", "viewBox"], ya = ["width", "height"], ba = ["id"], ma = ["offset", "stop-color"], wa = ["offset", "stop-opacity"], ka = ["id"], $a = ["id"], Ca = ["id"], Aa = ["flood-color"], La = ["id", "d"], xa = ["d", "fill", "stroke", "stroke-width", "filter"], Ta = ["d", "fill", "stroke", "stroke-width"], _a = { key: 1 }, Pa = ["d", "fill"], Sa = { key: 2 }, Oa = ["font-size", "font-weight", "fill", "dy"], Ia = ["href"], Fa = ["x", "y", "font-size", "font-weight", "fill"], Da = { key: 3 }, Na = ["filter"], Va = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], Ma = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], za = ["d", "fill", "onMouseenter", "onClick", "onMouseleave"], Ba = {
+const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative" } }, ga = ["xmlns", "aria-describedby", "viewBox"], ya = ["width", "height"], ba = ["id"], ma = ["offset", "stop-color"], wa = ["offset", "stop-opacity"], ka = ["id"], $a = ["id"], Ca = ["id"], Aa = ["flood-color"], La = ["id", "d"], xa = ["d", "fill", "stroke", "stroke-width", "filter"], Ta = ["d", "fill", "stroke", "stroke-width"], _a = { key: 1 }, Pa = ["d", "fill"], Sa = { key: 2 }, Ia = ["font-size", "font-weight", "fill", "dy"], Oa = ["href"], Fa = ["x", "y", "font-size", "font-weight", "fill"], Da = { key: 3 }, Na = ["filter"], Va = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], Ma = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], za = ["d", "fill", "onMouseenter", "onClick", "onMouseleave"], Ba = {
   key: 0,
   style: { position: "absolute", top: "100%", left: "0", width: "100%" },
   "data-dom-to-png-ignore": "",
@@ -46,18 +46,18 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
   },
   emits: ["selectLegend", "selectDatapoint", "copyAlt"],
   setup(Yt, { expose: Wt, emit: Kt }) {
-    const Xt = G(() => import("./Tooltip-Bf-kM3_A.js")), qt = G(() => import("./BaseIcon-Cb3zzG6s.js")), Ht = G(() => import("./vue-ui-accordion-nvggWcGN.js")), jt = G(() => import("./DataTable-DT2kIdQ6.js")), Jt = G(() => import("./UserOptions-DWHf8jyO.js")), Qt = G(() => import("./PenAndPaper-DARlvvKW.js")), Zt = G(() => import("./PackageVersion-IIGK_e2C.js")), el = G(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_nested_donuts: tl } = Jl(), { isThemeValid: ll, warnInvalidTheme: al } = la(), O = Yt, xe = w({
+    const Xt = G(() => import("./Tooltip-Bf-kM3_A.js")), Ht = G(() => import("./BaseIcon-Cb3zzG6s.js")), qt = G(() => import("./vue-ui-accordion-nvggWcGN.js")), jt = G(() => import("./DataTable-DT2kIdQ6.js")), Jt = G(() => import("./UserOptions-rW2fRf3V.js")), Qt = G(() => import("./PenAndPaper-Ct3qJ4lA.js")), Zt = G(() => import("./PackageVersion-DPO-OOVI.js")), el = G(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_nested_donuts: tl } = Jl(), { isThemeValid: ll, warnInvalidTheme: al } = la(), I = Yt, xe = $({
       get() {
-        return !!O.dataset && O.dataset.length;
+        return !!I.dataset && I.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), f = v(zl()), se = v(!1), Te = v(""), ne = v(null), Ze = v(0), V = v(null), et = v(null), _e = v(null), tt = v(null), lt = v(null), at = v(0), ot = v(0), st = v(0), W = v(!0), K = v([]), ue = v([]), nt = v(!1), re = v(null), Pe = v(null), ge = v(!1), ye = v(!1), D = v(null), ut = v({ x: 0, y: 0 }), ie = v("pointer"), Se = v(!1), X = v(!1);
+    }), f = h(zl()), se = h(!1), Te = h(""), ne = h(null), Ze = h(0), M = h(null), et = h(null), _e = h(null), tt = h(null), lt = h(null), at = h(0), ot = h(0), st = h(0), W = h(!0), K = h([]), ue = h([]), nt = h(!1), re = h(null), Pe = h(null), ge = h(!1), ye = h(!1), N = h(null), ut = h({ x: 0, y: 0 }), ie = h("pointer"), Se = h(!1), X = h(!1);
     function rt(t) {
       X.value = t, Ze.value += 1;
     }
-    const e = v(Fe()), q = w(() => e.value.userOptions.useCursorPointer), it = {
+    const e = h(Fe()), H = $(() => e.value.userOptions.useCursorPointer), it = {
       name: "",
       series: [
         {
@@ -76,7 +76,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
           color: "#CACACA"
         }
       ]
-    }, ol = w(() => zt({
+    }, ol = $(() => zt({
       defaultConfig: {
         useCssAnimation: !1,
         table: { show: !1 },
@@ -101,8 +101,8 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         }
       },
       userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: be, FINAL_DATASET: H, manualLoading: Oe } = Ql({
-      ...Il(O),
+    })), { loading: be, FINAL_DATASET: q, manualLoading: Ie } = Ql({
+      ...Ol(I),
       FINAL_CONFIG: e,
       prepareConfig: Fe,
       callback: () => {
@@ -110,17 +110,17 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
           await ht();
         });
       },
-      skeletonDataset: O.config?.skeletonDataset ?? [it, it],
+      skeletonDataset: I.config?.skeletonDataset ?? [it, it],
       skeletonConfig: zt({
         defaultConfig: e.value,
         userConfig: ol.value
       })
-    }), { userOptionsVisible: Ie, setUserOptionsVisibility: dt, keepUserOptionState: ct } = aa({ config: e.value }), { svgRef: M } = oa({
+    }), { userOptionsVisible: Oe, setUserOptionsVisibility: dt, keepUserOptionState: ct } = aa({ config: e.value }), { svgRef: z } = oa({
       config: e.value.style.chart.title
     });
     function Fe() {
       const t = Qe({
-        userConfig: O.config,
+        userConfig: I.config,
         defaultConfig: tl
       });
       let s = {};
@@ -130,15 +130,15 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
           al(t), s = t;
         else {
           const o = Qe({
-            userConfig: ua[l] || O.config,
+            userConfig: ua[l] || I.config,
             defaultConfig: t
           });
           s = {
             ...Qe({
-              userConfig: O.config,
+              userConfig: I.config,
               defaultConfig: o
             }),
-            customPalette: t.customPalette.length ? t.customPalette : Bl[l] || He
+            customPalette: t.customPalette.length ? t.customPalette : Bl[l] || qe
           };
         }
       else
@@ -146,13 +146,13 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       return s;
     }
     fe(
-      () => O.config,
+      () => I.config,
       (t) => {
-        be.value || (e.value = Fe()), Ie.value = !e.value.userOptions.showOnChartHover, ft(), at.value += 1, ot.value += 1, st.value += 1, L.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, L.value.showTable = e.value.table.show, L.value.showTooltip = e.value.style.chart.tooltip.show, p.value.width = e.value.style.chart.width, p.value.height = e.value.style.chart.height;
+        be.value || (e.value = Fe()), Oe.value = !e.value.userOptions.showOnChartHover, ft(), at.value += 1, ot.value += 1, st.value += 1, L.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, L.value.showTable = e.value.table.show, L.value.showTooltip = e.value.style.chart.tooltip.show, p.value.width = e.value.style.chart.width, p.value.height = e.value.style.chart.height;
       },
       { deep: !0 }
     );
-    const vt = w(() => {
+    const vt = $(() => {
       const { top: t, right: s, bottom: l, left: o } = e.value.style.chart.padding;
       return {
         css: `padding:${t}px ${s}px ${l}px ${o}px`,
@@ -167,17 +167,17 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         const a = t.length;
         K.value = Array(a).fill(0), ue.value = [];
         let n = 0;
-        t.forEach((h, i) => {
+        t.forEach((d, c) => {
           setTimeout(() => {
             const k = performance.now();
-            function d($) {
-              const x = Math.min(($ - k) / s, 1), ve = Gt(x), he = h * ve;
-              K.value[i] = he, K.value = [...K.value];
+            function i(m) {
+              const x = Math.min((m - k) / s, 1), ve = Gt(x), he = d * ve;
+              K.value[c] = he, K.value = [...K.value];
               const $e = [];
               let Re = 0;
-              O.dataset.forEach((Ce, Ge) => {
+              I.dataset.forEach((Ce, Ge) => {
                 const _l = Je(Ce.series.reduce(
-                  (We, Ke) => We + Je(Y(Ke.values).reduce((Sl, Ol) => Sl + Ol, 0)),
+                  (We, Ke) => We + Je(Y(Ke.values).reduce((Sl, Il) => Sl + Il, 0)),
                   0
                 )), Pl = Je(K.value.slice(Re, Re + Ce.series.length).reduce((We, Ke) => We + Ke, 0)), Ye = _l - Pl;
                 Ye > Number.MIN_VALUE && $e.push({
@@ -193,21 +193,21 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                   absoluteValues: [],
                   ghost: !0
                 }), Re += Ce.series.length;
-              }), ue.value = $e, x < 1 ? requestAnimationFrame(d) : (n += 1, n === a && o());
+              }), ue.value = $e, x < 1 ? requestAnimationFrame(i) : (n += 1, n === a && o());
             }
-            requestAnimationFrame(d);
-          }, i * l);
+            requestAnimationFrame(i);
+          }, c * l);
         });
       });
     }
     async function ht() {
       if (e.value.startAnimation?.show) {
-        const s = H.value.flatMap((l) => l.series).map(
+        const s = q.value.flatMap((l) => l.series).map(
           (l) => Y(l.values).reduce((o, a) => o + a, 0)
         );
-        K.value = s.map(() => 0), W.value = !0, ue.value = H.value.map((l, o) => {
+        K.value = s.map(() => 0), W.value = !0, ue.value = q.value.map((l, o) => {
           const a = l.series.reduce(
-            (n, h) => n + Y(h.values).reduce((i, k) => i + k, 0),
+            (n, d) => n + Y(d.values).reduce((c, k) => c + k, 0),
             0
           );
           return {
@@ -223,7 +223,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             absoluteValues: [],
             ghost: !0
           };
-        }), await qe(), sl(
+        }), await He(), sl(
           s,
           e.value.startAnimation.durationMs,
           e.value.startAnimation.staggerMs
@@ -236,16 +236,16 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     Fl(async () => {
       nt.value = !0, ft(), await ht();
     });
-    const E = Ft(null), Z = Ft(null), ee = w(() => !!e.value.debug);
+    const U = Ft(null), ee = Ft(null), te = $(() => !!e.value.debug);
     function ft() {
-      if (El(O.dataset) ? (oe({
+      if (El(I.dataset) ? (oe({
         componentName: "VueUiNestedDonuts",
         type: "dataset",
-        debug: ee.value
-      }), xe.value = !1, Oe.value = !0) : Oe.value = e.value.loading, e.value.responsive) {
-        const t = Hl(() => {
+        debug: te.value
+      }), xe.value = !1, Ie.value = !0) : Ie.value = e.value.loading, e.value.responsive) {
+        const t = ql(() => {
           const { width: s, height: l } = jl({
-            chart: V.value,
+            chart: M.value,
             title: e.value.style.chart.title.text ? et.value : null,
             legend: e.value.style.chart.legend.show ? _e.value : null,
             source: tt.value,
@@ -256,17 +256,17 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             p.value.width = s, p.value.height = l;
           });
         });
-        E.value && (Z.value && E.value.unobserve(Z.value), E.value.disconnect()), E.value = new ResizeObserver(t), Z.value = V.value.parentNode, E.value.observe(Z.value);
+        U.value && (ee.value && U.value.unobserve(ee.value), U.value.disconnect()), U.value = new ResizeObserver(t), ee.value = M.value.parentNode, U.value.observe(ee.value);
       }
     }
     Dl(() => {
-      E.value && (Z.value && E.value.unobserve(Z.value), E.value.disconnect());
+      U.value && (ee.value && U.value.unobserve(ee.value), U.value.disconnect());
     });
     const { isPrinting: De, isImaging: Ne, generatePdf: pt, generateImage: gt } = ea({
       elementId: `nested_donuts_${f.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-nested-donuts",
       options: e.value.userOptions.print
-    }), nl = w(() => e.value.userOptions.show && !e.value.style.chart.title.text), ul = w(() => Ul(e.value.customPalette)), L = v({
+    }), nl = $(() => e.value.userOptions.show && !e.value.style.chart.title.text), ul = $(() => Ul(e.value.customPalette)), L = h({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -282,7 +282,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const p = v({
+    const p = h({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height
     }), Ve = Kt;
@@ -297,32 +297,32 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       onDone: a,
       easing: n = Gt
     }) {
-      const h = performance.now();
-      function i(k) {
-        const d = Math.min((k - h) / l, 1), $ = n(d), x = t + (s - t) * $;
-        o(x, d), d < 1 ? requestAnimationFrame(i) : (o(s, 1), a && a());
+      const d = performance.now();
+      function c(k) {
+        const i = Math.min((k - d) / l, 1), m = n(i), x = t + (s - t) * m;
+        o(x, i), i < 1 ? requestAnimationFrame(c) : (o(s, 1), a && a());
       }
-      requestAnimationFrame(i);
+      requestAnimationFrame(c);
     }
-    const b = v([]), I = w(() => {
-      be.value, H.value.forEach((s, l) => {
+    const b = h([]), O = $(() => {
+      be.value, q.value.forEach((s, l) => {
         [null, void 0].includes(s.name) && oe({
           componentName: "VueUiNestedDonuts",
           type: "datasetSerieAttribute",
           property: "name",
           index: l,
-          debug: ee.value
+          debug: te.value
         }), [null, void 0].includes(s.series) ? oe({
           componentName: "VueUiNestedDonuts",
           type: "datasetSerieAttribute",
           property: "series",
           index: l,
-          debug: ee.value
+          debug: te.value
         }) : s.series.length === 0 ? oe({
           componentName: "VueUiNestedDonuts",
           type: "datasetAttributeEmpty",
           property: `series at index ${l}`,
-          debug: ee.value
+          debug: te.value
         }) : s.series.forEach((o, a) => {
           [null, void 0].includes(o.name) && oe({
             componentName: "VueUiNestedDonuts",
@@ -330,25 +330,25 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             property: "name",
             index: a,
             key: "serie",
-            debug: ee.value
+            debug: te.value
           }), [null, void 0].includes(o.values) && oe({
             componentName: "VueUiNestedDonuts",
             type: "datasetSerieAttribute",
             property: "values",
             index: a,
             key: "serie",
-            debug: ee.value
+            debug: te.value
           });
         });
       });
       let t = 0;
-      return H.value.map((s, l) => ({
+      return q.value.map((s, l) => ({
         ...s,
         total: s.series.filter((o) => !b.value.includes(o.id)).map((o) => Y(o.values).reduce((a, n) => a + n, 0)).reduce((o, a) => o + a, 0),
         datasetIndex: l,
         id: `${f.value}_${l}`,
         series: s.series.map((o, a) => {
-          const n = Y(o.values).reduce((h, i) => h + i, 0);
+          const n = Y(o.values).reduce((d, c) => d + c, 0);
           return {
             name: o.name,
             arcOf: s.name,
@@ -356,17 +356,17 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             id: `${f.value}_${l}_${a}`,
             seriesIndex: a,
             datasetIndex: l,
-            color: Rl(o.color) || ul.value[a] || He[a % He.length],
+            color: Rl(o.color) || ul.value[a] || qe[a % qe.length],
             value: W.value ? K.value[t++] ?? 0 : n,
             absoluteValues: o.values || []
           };
         })
       }));
     });
-    fe(() => O.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Oe.value = !1);
+    fe(() => I.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (Ie.value = !1);
     }, { immediate: !0 });
-    const z = w(() => Math.min(p.value.height, p.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), mt = w(() => [...I.value].map((t, s) => {
+    const B = $(() => Math.min(p.value.height, p.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), mt = $(() => [...O.value].map((t, s) => {
       const l = t.series.filter((o) => !b.value.includes(o.id)).map((o) => o.value).reduce((o, a) => o + a, 0);
       return {
         ...t,
@@ -383,7 +383,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         l.includes(t[a]) && (o += 1);
       return o < s;
     }
-    const C = v(mt.value);
+    const C = h(mt.value);
     fe(
       () => mt.value,
       (t) => C.value = t
@@ -398,60 +398,60 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     }
     function j(t) {
       Ve("selectLegend", t);
-      const s = O.dataset.flatMap(
-        (d, $) => d.series.map((x, ve) => ({
+      const s = I.dataset.flatMap(
+        (i, m) => i.series.map((x, ve) => ({
           value: Y(x.values).reduce((he, $e) => he + $e, 0),
-          id: `${f.value}_${$}_${ve}`,
-          arcOfId: `${f.value}_${$}`
+          id: `${f.value}_${m}_${ve}`,
+          arcOfId: `${f.value}_${m}`
         }))
-      ).find((d) => d.id === t.id);
+      ).find((i) => i.id === t.id);
       if (!s) return;
-      const l = I.value.flatMap((d) => d.series).find((d) => d.id === t.id)?.value ?? 0, o = C.value.flatMap((d) => d.series).find((d) => d.id === t.id);
+      const l = O.value.flatMap((i) => i.series).find((i) => i.id === t.id)?.value ?? 0, o = C.value.flatMap((i) => i.series).find((i) => i.id === t.id);
       let n = o ? o.value : 0;
-      const h = I.value.find(
-        (d) => d.id === s.arcOfId
+      const d = O.value.find(
+        (i) => i.id === s.arcOfId
       );
-      if (!h) return;
-      const i = h.series.map((d) => d.id), k = rl(
-        i,
-        i.length - 1,
+      if (!d) return;
+      const c = d.series.map((i) => i.id), k = rl(
+        c,
+        c.length - 1,
         b.value
       );
-      b.value.includes(t.id) ? (b.value = b.value.filter((d) => d !== t.id), e.value.serieToggleAnimation.show ? bt({
+      b.value.includes(t.id) ? (b.value = b.value.filter((i) => i !== t.id), e.value.serieToggleAnimation.show ? bt({
         from: n,
         to: l,
         duration: e.value.serieToggleAnimation.durationMs,
-        onUpdate: (d) => {
-          C.value = C.value.map(($) => ({
-            ...$,
-            series: $.series.map((x) => x.id === t.id ? { ...x, value: d } : x)
+        onUpdate: (i) => {
+          C.value = C.value.map((m) => ({
+            ...m,
+            series: m.series.map((x) => x.id === t.id ? { ...x, value: i } : x)
           }));
         }
-      }) : C.value = C.value.map((d) => ({
-        ...d,
-        series: d.series.map(($) => $.id === t.id ? { ...$, value: l } : $)
+      }) : C.value = C.value.map((i) => ({
+        ...i,
+        series: i.series.map((m) => m.id === t.id ? { ...m, value: l } : m)
       }))) : k && (e.value.serieToggleAnimation.show ? bt({
         from: n,
         to: 0,
         duration: e.value.serieToggleAnimation.durationMs,
-        onUpdate: (d) => {
-          C.value = C.value.map(($) => ({
-            ...$,
-            series: $.series.map((x) => x.id === t.id ? { ...x, value: d } : x)
+        onUpdate: (i) => {
+          C.value = C.value.map((m) => ({
+            ...m,
+            series: m.series.map((x) => x.id === t.id ? { ...x, value: i } : x)
           }));
         },
         onDone: () => {
           b.value.push(t.id);
         }
-      }) : (C.value = C.value.map((d) => ({
-        ...d,
-        series: d.series.map(($) => $.id === t.id ? { ...$, value: 0 } : $)
+      }) : (C.value = C.value.map((i) => ({
+        ...i,
+        series: i.series.map((m) => m.id === t.id ? { ...m, value: 0 } : m)
       })), b.value.push(t.id)));
     }
     function wt(t) {
-      if (!I.value.length)
+      if (!O.value.length)
         return e.value.debug && console.warn("VueUiNestedDonuts - There are no series to show."), null;
-      const s = I.value.flatMap((l) => l.series).filter((l) => l.name === t);
+      const s = O.value.flatMap((l) => l.series).filter((l) => l.name === t);
       return s || (e.value.debug && console.warn(`VueUiNestedDonuts - Series name not found "${t}"`), null);
     }
     function dl(t) {
@@ -466,11 +466,11 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         b.value.includes(l.id) || j({ id: l.id });
       }) : b.value.includes(s.id) || j({ id: s.id }));
     }
-    const me = w(() => z.value / I.value.length * e.value.style.chart.layout.donut.spacingRatio), kt = w(() => C.value.map((t, s) => z.value - s * z.value / I.value.length)), J = w(() => C.value.map((t, s) => {
-      const l = Math.abs(t.series.map((k) => k.value).reduce((k, d) => k + d, 0)) > 0, o = z.value - s * z.value / C.value.length, a = W.value ? ue.value.find((k) => k.datasetIndex === s) : null, n = [...t.series, ...a ? [a] : []].map((k) => ({
+    const me = $(() => B.value / O.value.length * e.value.style.chart.layout.donut.spacingRatio), kt = $(() => C.value.map((t, s) => B.value - s * B.value / O.value.length)), J = $(() => C.value.map((t, s) => {
+      const l = Math.abs(t.series.map((k) => k.value).reduce((k, i) => k + i, 0)) > 0, o = B.value - s * B.value / C.value.length, a = W.value ? ue.value.find((k) => k.datasetIndex === s) : null, n = [...t.series, ...a ? [a] : []].map((k) => ({
         ...k,
         value: k.value < 1e-11 ? Number.MIN_VALUE : k.value
-      })), h = je(
+      })), d = je(
         { series: [
           { name: "_", color: e.value.style.chart.layout.donut.emptyFill, value: 1 }
         ] },
@@ -484,15 +484,15 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         360,
         105.25,
         me.value
-      ), i = `M ${p.value.width / 2},${p.value.height / 2 + o}
+      ), c = `M ${p.value.width / 2},${p.value.height / 2 + o}
             a ${o},${o} 0 1,1 0,${-2 * o}
             a ${o},${o} 0 1,1 0,${2 * o}`;
       return {
         ...t,
         hasData: l,
         radius: o,
-        skeleton: h,
-        fullCirclePath: i,
+        skeleton: d,
+        fullCirclePath: c,
         donut: je(
           { series: n },
           p.value.width / 2,
@@ -507,27 +507,27 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
           me.value
         )
       };
-    })), $t = w(() => [...I.value].map((t, s) => {
-      const l = s * z.value / I.value.length;
+    })), $t = $(() => [...O.value].map((t, s) => {
+      const l = s * B.value / O.value.length;
       return {
         sizeRatio: l,
         donut: je(
           { series: [{ value: 1 }] },
           p.value.width / 2,
           p.value.height / 2,
-          z.value - l,
-          z.value - l,
+          B.value - l,
+          B.value - l,
           1.99999,
           2,
           1,
           360,
           105.25,
-          z.value / I.value.length * e.value.style.chart.layout.donut.spacingRatio
+          B.value / O.value.length * e.value.style.chart.layout.donut.spacingRatio
         )[0]
       };
-    })), we = v(null), te = v(null), le = v(null), Me = v(null);
+    })), we = h(null), le = h(null), Q = h(null), Me = h(null);
     function vl({ datapoint: t, seriesIndex: s }) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: s }), se.value = !1, we.value = null, ne.value = null, te.value = null, le.value = null, D.value = null, ie.value = "pointer";
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: s }), se.value = !1, we.value = null, ne.value = null, le.value = null, Q.value = null, N.value = null, ie.value = "pointer";
     }
     function Ct({
       val: t,
@@ -536,7 +536,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       showPercentage: o,
       config: a
     }) {
-      return ql({
+      return Hl({
         config: a,
         val: t,
         percentage: s,
@@ -545,7 +545,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       });
     }
     function At({ datapoint: t, _relativeIndex: s, seriesIndex: l, triggerMode: o = "pointer" }) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), ie.value = o, D.value = l, we.value = t.arcOfId, te.value = t.id, le.value = l, ne.value = t.id, Me.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), ie.value = o, N.value = l, we.value = t.arcOfId, le.value = t.id, Q.value = l, ne.value = t.id, Me.value = {
         datapoint: t,
         seriesIndex: l,
         series: C.value,
@@ -569,17 +569,17 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       else {
         let n = "";
         if (e.value.style.chart.tooltip.showAllItemsAtIndex && b.value.length === 0) {
-          const h = C.value.map((i) => i.series.find((k) => k.seriesIndex === l));
-          h.forEach((i, k) => {
-            if (!i) return "";
+          const d = C.value.map((c) => c.series.find((k) => k.seriesIndex === l));
+          d.forEach((c, k) => {
+            if (!c) return "";
             n += `
-                    <div style="display:flex; flex-direction: column; justify-content:flex-start; align-items:flex-start;padding:6px 0; ${k < h.length - 1 ? `border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor}` : ""}">
+                    <div style="display:flex; flex-direction: column; justify-content:flex-start; align-items:flex-start;padding:6px 0; ${k < d.length - 1 ? `border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor}` : ""}">
                         <div style="display:flex; flex-direction: row; gap: 3px; justify-content:flex-start; align-items:center;">
                             <svg viewBox="0 0 20 20" height="${e.value.style.chart.tooltip.fontSize}" width="${e.value.style.chart.tooltip.fontSize}">
-                                <circle cx="10" cy="10" r="10" fill="${i.color}"/>
+                                <circle cx="10" cy="10" r="10" fill="${c.color}"/>
                             </svg>
                             <span>
-                                ${i.arcOf ?? ""} - ${i.name}
+                                ${c.arcOf ?? ""} - ${c.name}
                             </span>
                         </div>
                         <span>
@@ -591,7 +591,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
               val: Ae(
                 e.value.style.chart.layout.labels.dataLabels.formatter,
                 t.value,
-                F({
+                D({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -599,8 +599,8 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                 }),
                 { datapoint: t, seriesIndex: l }
               ),
-              percentage: F({
-                v: i.proportion * 100,
+              percentage: D({
+                v: c.proportion * 100,
                 s: "%",
                 r: e.value.style.chart.tooltip.roundingPercentage
               })
@@ -614,18 +614,18 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
           n += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.arcOf ?? ""} - ${t.name}</div>`, n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (n += `<b>${Ae(
             e.value.style.chart.layout.labels.dataLabels.formatter,
             t.value,
-            F({
+            D({
               p: e.value.style.chart.layout.labels.dataLabels.prefix,
               v: t.value,
               s: e.value.style.chart.layout.labels.dataLabels.suffix,
               r: e.value.style.chart.tooltip.roundingValue
             }),
             { datapoint: t, seriesIndex: l }
-          )}</b>`), e.value.style.chart.tooltip.showPercentage && (e.value.style.chart.tooltip.showValue ? n += `<span>(${F({
+          )}</b>`), e.value.style.chart.tooltip.showPercentage && (e.value.style.chart.tooltip.showValue ? n += `<span>(${D({
             v: t.proportion * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
-          })})</span></div>` : n += `<b>${F({
+          })})</span></div>` : n += `<b>${D({
             v: t.proportion * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
@@ -641,50 +641,50 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       if (!e.value.useBlurOnHover)
         return "";
       if (e.value.style.chart.tooltip.showAllItemsAtIndex && b.value.length === 0)
-        return [null, void 0].includes(le.value) || le.value === s ? "" : `url(#blur_${f.value})`;
+        return [null, void 0].includes(Q.value) || Q.value === s ? "" : `url(#blur_${f.value})`;
       if (!e.value.style.chart.tooltip.showAllItemsAtIndex || b.value.length)
-        return [null, void 0].includes(te.value) || te.value === t.id ? "" : `url(#blur_${f.value})`;
+        return [null, void 0].includes(le.value) || le.value === t.id ? "" : `url(#blur_${f.value})`;
     }
-    const ke = w(() => I.value.map((t, s) => {
+    const ke = $(() => O.value.map((t, s) => {
       const l = t.series.filter(
         (a) => !b.value.includes(a.id)
       ), o = W.value ? l.map((a) => {
-        const n = H.value[s].series.findIndex(
-          (h) => h.name === a.name
+        const n = q.value[s].series.findIndex(
+          (d) => d.name === a.name
         );
         return Y(
-          H.value[s].series[n].values
-        ).reduce((h, i) => h + i, 0);
+          q.value[s].series[n].values
+        ).reduce((d, c) => d + c, 0);
       }).reduce((a, n) => a + n, 0) : l.map((a) => a.value).reduce((a, n) => a + n, 0);
       return t.series.map((a, n) => {
-        const h = Y(H.value[s].series[n].values).reduce(
+        const d = Y(q.value[s].series[n].values).reduce(
           (ve, he) => ve + he,
           0
-        ), i = W.value ? h : a.value, k = Ae(
+        ), c = W.value ? d : a.value, k = Ae(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          i,
-          F({
+          c,
+          D({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: i,
+            v: c,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.style.chart.legend.roundingValue
           }),
           { datapoint: a, seriesIndex: n }
-        ), d = isNaN(i / o) || b.value.includes(a.id) ? "-" : F({
-          v: i / o * 100,
+        ), i = isNaN(c / o) || b.value.includes(a.id) ? "-" : D({
+          v: c / o * 100,
           s: "%",
           r: e.value.style.chart.legend.roundingPercentage
-        }), $ = Ct({
+        }), m = Ct({
           val: k,
-          percentage: d,
+          percentage: i,
           showVal: e.value.style.chart.legend.showValue,
           showPercentage: e.value.style.chart.legend.showPercentage,
           config: e.value.style.chart.legend
-        }), x = `${a.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${$}`;
+        }), x = `${a.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${m}`;
         return {
           name: a.name,
           color: a.color,
-          value: i,
+          value: c,
           display: x,
           svgDisplay: `${a.arcOf ? `${a.arcOf} - ` : ""}${x}`,
           shape: "circle",
@@ -698,14 +698,14 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
           isSegregated: b.value.includes(a.id)
         };
       });
-    })), hl = w(() => ({
+    })), hl = $(() => ({
       cy: "nested-donuts-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), U = w(() => {
+    })), R = $(() => {
       const t = C.value.flatMap((l) => l.series.map((o) => ({
         name: `${l.name} - ${o.name}`,
         color: o.color,
@@ -714,12 +714,12 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       return { head: t, body: s };
     });
     function ze(t = null) {
-      qe(() => {
-        const s = U.value.head.map((a, n) => [
+      He(() => {
+        const s = R.value.head.map((a, n) => [
           [a.name],
-          [U.value.body[n]],
+          [R.value.body[n]],
           [
-            isNaN(U.value.body[n] / a.total) ? "-" : U.value.body[n] / a.total * 100
+            isNaN(R.value.body[n] / a.total) ? "-" : R.value.body[n] / a.total * 100
           ]
         ]), l = [
           [e.value.style.chart.title.text],
@@ -732,15 +732,15 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         });
       });
     }
-    const ae = w(() => {
+    const ae = $(() => {
       const t = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.value,
         e.value.table.columnNames.percentage
-      ], s = U.value.head.map((n, h) => {
-        const i = F({
+      ], s = R.value.head.map((n, d) => {
+        const c = D({
           p: e.value.style.chart.layout.labels.dataLabels.prefix,
-          v: U.value.body[h],
+          v: R.value.body[d],
           s: e.value.style.chart.layout.labels.dataLabels.suffix,
           r: e.value.table.td.roundingValue
         });
@@ -749,14 +749,14 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             color: n.color,
             name: n.name
           },
-          i,
-          isNaN(U.value.body[h] / n.total) ? "-" : F({
-            v: U.value.body[h] / n.total * 100,
+          c,
+          isNaN(R.value.body[d] / n.total) ? "-" : D({
+            v: R.value.body[d] / n.total * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
           })
         ];
-      }), l = s.map((n) => n.map((h, i) => i === 0 ? h.name : h)), o = {
+      }), l = s.map((n) => n.map((d, c) => c === 0 ? d.name : d)), o = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
@@ -782,7 +782,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       };
     });
     function fl() {
-      return I.value;
+      return O.value;
     }
     function Tt() {
       L.value.showTable = !L.value.showTable;
@@ -793,13 +793,13 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     function Pt() {
       L.value.showTooltip = !L.value.showTooltip;
     }
-    const de = v(!1);
+    const de = h(!1);
     function Be() {
       de.value = !de.value;
     }
     async function pl({ scale: t = 2 } = {}) {
-      if (!V.value) return;
-      const { width: s, height: l } = V.value.getBoundingClientRect(), o = s / l, { imageUri: a, base64: n } = await sa({ domElement: V.value, base64: !0, img: !0, scale: t });
+      if (!M.value) return;
+      const { width: s, height: l } = M.value.getBoundingClientRect(), o = s / l, { imageUri: a, base64: n } = await sa({ domElement: M.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: a,
         base64: n,
@@ -809,16 +809,16 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         aspectRatio: o
       };
     }
-    const Ee = v(null);
+    const Ee = h(null);
     function gl() {
       if (!Ee.value) return;
       const { x: t, y: s, width: l, height: o } = Ee.value.getBBox();
-      M.value && M.value.setAttribute("viewBox", `${t} ${s} ${l + Math.min(0, t)} ${o + Math.min(0, s)}`);
+      z.value && z.value.setAttribute("viewBox", `${t} ${s} ${l + Math.min(0, t)} ${o + Math.min(0, s)}`);
     }
-    const ce = w(() => {
+    const ce = $(() => {
       const t = e.value.table.useDialog && !e.value.table.show, s = L.value.showTable;
       return {
-        component: t ? el : Ht,
+        component: t ? el : qt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -826,9 +826,9 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: X.value,
-          fullscreenParent: V.value,
+          fullscreenParent: M.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: q.value
+          isCursorPointer: H.value
         } : {
           hideDetails: !0,
           config: {
@@ -852,18 +852,18 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
     function St() {
       L.value.showTable = !1, Pe.value && Pe.value.setTableIconState(!1);
     }
-    const yl = w(() => e.value.style.chart.backgroundColor), bl = w(() => e.value.style.chart.legend), ml = w(() => e.value.style.chart.title), wl = w(() => ke.value.flat().map((t) => ({
+    const yl = $(() => e.value.style.chart.backgroundColor), bl = $(() => e.value.style.chart.legend), ml = $(() => e.value.style.chart.title), wl = $(() => ke.value.flat().map((t) => ({
       ...t,
       name: t.svgDisplay
     }))), { exportSvg: kl, getSvg: $l } = ta({
-      svg: M,
+      svg: z,
       title: ml,
       legend: bl,
       legendItems: wl,
       backgroundColor: yl
     });
-    async function Ot({ isCb: t }) {
-      ye.value = !0, await qe();
+    async function It({ isCb: t }) {
+      ye.value = !0, await He();
       try {
         if (t) {
           const { blob: s, url: l, text: o, dataUrl: a } = await $l();
@@ -885,7 +885,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       }
       gt();
     }
-    async function It() {
+    async function Ot() {
       if (Ve("copyAlt", {
         config: e.value,
         dataset: C.value
@@ -898,50 +898,51 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         dataset: C.value
       }));
     }
-    const R = w(() => J.value.flatMap((t) => t.donut.filter((s) => !s.ghost)));
+    const F = $(() => J.value.flatMap((t) => t.donut.filter((s) => !s.ghost)));
     function Al() {
-      D.value = null, Se.value = !0;
+      N.value = null, Se.value = !0;
     }
     function Ll() {
-      D.value = null, ie.value = "pointer", se.value = !1, we.value = null, ne.value = null, te.value = null, le.value = null, Se.value = !1;
+      N.value = null, ie.value = "pointer", se.value = !1, we.value = null, ne.value = null, le.value = null, Q.value = null, Se.value = !1;
     }
     function xl(t) {
-      if (!M.value || de.value || document.activeElement !== M.value || !R.value.length) return;
+      if (!z.value || de.value || document.activeElement !== z.value || !F.value.length) return;
       const s = ["ArrowLeft", "ArrowUp"].includes(t.key), l = ["ArrowRight", "ArrowDown"].includes(t.key), o = t.key === "Enter" || t.key === " ", a = t.key === "Escape";
       if (!s && !l && !o && !a) return;
       if (t.preventDefault(), t.stopPropagation(), a) {
-        D.value = null, ie.value = "pointer", se.value = !1, we.value = null, ne.value = null, te.value = null, le.value = null;
+        N.value = null, ie.value = "pointer", se.value = !1, we.value = null, ne.value = null, le.value = null, Q.value = null;
         return;
       }
       if (o) {
-        if (D.value === null) return;
-        const i = R.value[D.value];
-        if (!i) return;
+        if (N.value === null) return;
+        const m = F.value[N.value];
+        if (!m) return;
         yt({
-          datapoint: i,
-          index: D.value,
-          seriesIndex: i.seriesIndex
+          datapoint: m,
+          index: N.value,
+          seriesIndex: m.seriesIndex
         });
         return;
       }
-      let n = D.value;
-      n === null || n < 0 || n >= R.value.length ? n = l ? 0 : R.value.length - 1 : l ? (n += 1, n >= R.value.length && (n = 0)) : s && (n -= 1, n < 0 && (n = R.value.length - 1));
-      const h = R.value[n];
-      h && (D.value = n, Tl(), At({
-        datapoint: h,
-        seriesIndex: h.seriesIndex,
+      let n = N.value;
+      const d = Q.value, c = n !== null && n >= 0 && n < F.value.length, k = d !== null && d >= 0 && d < F.value.length;
+      c ? l ? (n += 1, n >= F.value.length && (n = 0)) : s && (n -= 1, n < 0 && (n = F.value.length - 1)) : k ? (n = l ? d + 1 : d - 1, n >= F.value.length && (n = 0), n < 0 && (n = F.value.length - 1)) : l ? n = 0 : n = F.value.length - 1;
+      const i = F.value[n];
+      i && (N.value = n, Tl(), At({
+        datapoint: i,
+        seriesIndex: i.seriesIndex,
         triggerMode: "keyboard"
       }));
     }
     function Tl() {
-      if (!M.value) return;
-      const t = M.value.getBoundingClientRect();
+      if (!z.value) return;
+      const t = z.value.getBoundingClientRect();
       ut.value = {
         x: t.left + t.width / 2,
         y: t.top + t.height / 2
       };
     }
-    const Ue = w(() => {
+    const Ue = $(() => {
       const t = ae.value?.colNames ?? [], s = ae.value?.a11yBody ?? [];
       return { headers: t, rows: s };
     });
@@ -952,7 +953,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       generatePdf: pt,
       generateCsv: ze,
       generateImage: gt,
-      generateSvg: Ot,
+      generateSvg: It,
       hideSeries: cl,
       showSeries: dl,
       toggleTable: Tt,
@@ -960,23 +961,23 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       toggleTooltip: Pt,
       toggleAnnotator: Be,
       toggleFullscreen: rt,
-      copyAlt: It
+      copyAlt: Ot
     }), (t, s) => (u(), r("div", {
       ref_key: "nestedDonutsChart",
-      ref: V,
-      class: Q(`vue-data-ui-component vue-ui-nested-donuts ${X.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      ref: M,
+      class: Z(`vue-data-ui-component vue-ui-nested-donuts ${X.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: pe(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `nested_donuts_${f.value}`,
-      onMouseenter: s[2] || (s[2] = () => c(dt)(!0)),
-      onMouseleave: s[3] || (s[3] = () => c(dt)(!1))
+      onMouseenter: s[2] || (s[2] = () => v(dt)(!0)),
+      onMouseleave: s[3] || (s[3] = () => v(dt)(!1))
     }, [
       g("div", {
         id: `chart-instructions-${f.value}`,
         class: "sr-only"
       }, [
-        g("p", null, B(e.value.a11y.translations.keyboardNavigation), 1)
+        g("p", null, E(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, ha),
-      Ue.value?.rows?.length ? (u(), N(ia, {
+      Ue.value?.rows?.length ? (u(), V(ia, {
         key: 0,
         uid: f.value,
         head: Ue.value.headers,
@@ -984,32 +985,32 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         notice: e.value.a11y.translations.tableAvailable,
         caption: e.value.a11y.translations.tableCaption
       }, null, 8, ["uid", "head", "body", "notice", "caption"])) : A("", !0),
-      e.value.userOptions.buttons.annotator ? (u(), N(c(Qt), {
+      e.value.userOptions.buttons.annotator ? (u(), V(v(Qt), {
         key: 1,
-        svgRef: c(M),
+        svgRef: v(z),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: de.value,
-        isCursorPointer: q.value,
+        isCursorPointer: H.value,
         onClose: Be
       }, {
         "annotator-action-close": y(() => [
-          m(t.$slots, "annotator-action-close", {}, void 0, !0)
+          w(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": y(({ color: l }) => [
-          m(t.$slots, "annotator-action-color", P(S({ color: l })), void 0, !0)
+          w(t.$slots, "annotator-action-color", P(S({ color: l })), void 0, !0)
         ]),
         "annotator-action-draw": y(({ mode: l }) => [
-          m(t.$slots, "annotator-action-draw", P(S({ mode: l })), void 0, !0)
+          w(t.$slots, "annotator-action-draw", P(S({ mode: l })), void 0, !0)
         ]),
         "annotator-action-undo": y(({ disabled: l }) => [
-          m(t.$slots, "annotator-action-undo", P(S({ disabled: l })), void 0, !0)
+          w(t.$slots, "annotator-action-undo", P(S({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-redo": y(({ disabled: l }) => [
-          m(t.$slots, "annotator-action-redo", P(S({ disabled: l })), void 0, !0)
+          w(t.$slots, "annotator-action-redo", P(S({ disabled: l })), void 0, !0)
         ]),
         "annotator-action-delete": y(({ disabled: l }) => [
-          m(t.$slots, "annotator-action-delete", P(S({ disabled: l })), void 0, !0)
+          w(t.$slots, "annotator-action-delete", P(S({ disabled: l })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : A("", !0),
@@ -1025,7 +1026,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         ref_key: "chartTitle",
         ref: et
       }, [
-        (u(), N(na, {
+        (u(), V(na, {
           key: `title_${at.value}`,
           config: {
             title: {
@@ -1042,14 +1043,14 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       g("div", {
         id: `legend-top-${f.value}`
       }, null, 8, fa),
-      e.value.userOptions.show && xe.value && (c(ct) || c(Ie)) ? (u(), N(c(Jt), {
+      e.value.userOptions.show && xe.value && (v(ct) || v(Oe)) ? (u(), V(v(Jt), {
         ref_key: "userOptionsRef",
         ref: Pe,
         key: `user_option_${Ze.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: c(De),
-        isImaging: c(Ne),
+        isPrinting: v(De),
+        isImaging: v(Ne),
         uid: f.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -1063,102 +1064,102 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         isFullscreen: X.value,
         isTooltip: L.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: V.value,
+        chartElement: M.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: de.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        isCursorPointer: q.value,
+        isCursorPointer: H.value,
         onToggleFullscreen: rt,
-        onGeneratePdf: c(pt),
+        onGeneratePdf: v(pt),
         onGenerateCsv: ze,
         onGenerateImage: Cl,
-        onGenerateSvg: Ot,
+        onGenerateSvg: It,
         onToggleTable: Tt,
         onToggleLabels: _t,
         onToggleTooltip: Pt,
         onToggleAnnotator: Be,
-        onCopyAlt: It,
+        onCopyAlt: Ot,
         style: pe({
-          visibility: c(ct) ? c(Ie) ? "visible" : "hidden" : "visible"
+          visibility: v(ct) ? v(Oe) ? "visible" : "hidden" : "visible"
         })
       }, Dt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: y(({ isOpen: l, color: o }) => [
-            m(t.$slots, "menuIcon", P(S({ isOpen: l, color: o })), void 0, !0)
+            w(t.$slots, "menuIcon", P(S({ isOpen: l, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: y(() => [
-            m(t.$slots, "optionTooltip", {}, void 0, !0)
+            w(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: y(() => [
-            m(t.$slots, "optionPdf", {}, void 0, !0)
+            w(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: y(() => [
-            m(t.$slots, "optionCsv", {}, void 0, !0)
+            w(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: y(() => [
-            m(t.$slots, "optionImg", {}, void 0, !0)
+            w(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
           fn: y(() => [
-            m(t.$slots, "optionSvg", {}, void 0, !0)
+            w(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
           fn: y(() => [
-            m(t.$slots, "optionTable", {}, void 0, !0)
+            w(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
           fn: y(() => [
-            m(t.$slots, "optionLabels", {}, void 0, !0)
+            w(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: y(({ toggleFullscreen: l, isFullscreen: o }) => [
-            m(t.$slots, "optionFullscreen", P(S({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
+            w(t.$slots, "optionFullscreen", P(S({ toggleFullscreen: l, isFullscreen: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: y(({ toggleAnnotator: l, isAnnotator: o }) => [
-            m(t.$slots, "optionAnnotator", P(S({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
+            w(t.$slots, "optionAnnotator", P(S({ toggleAnnotator: l, isAnnotator: o })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         t.$slots.optionAltCopy ? {
           name: "optionAltCopy",
           fn: y(({ altCopy: l }) => [
-            m(t.$slots, "optionAltCopy", P(S({ altCopy: l })), void 0, !0)
+            w(t.$slots, "optionAltCopy", P(S({ altCopy: l })), void 0, !0)
           ]),
           key: "10"
         } : void 0
@@ -1166,10 +1167,10 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
       g("div", pa, [
         (u(), r("svg", {
           ref_key: "svgRef",
-          ref: M,
-          xmlns: c(Gl),
+          ref: z,
+          xmlns: v(Gl),
           "aria-describedby": `chart-instructions-${f.value}`,
-          class: Q({
+          class: Z({
             "vue-data-ui-fullscreen--on": X.value,
             "vue-data-ui-fulscreen--off": !X.value,
             "vue-data-ui-svg": !0
@@ -1186,7 +1187,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             ref: Ee,
             class: "vue-data-ui-g"
           }, [
-            Xe(c(Zt)),
+            Xe(v(Zt)),
             t.$slots["chart-background"] ? (u(), r("foreignObject", {
               key: 0,
               x: 0,
@@ -1197,7 +1198,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                 pointerEvents: "none"
               }
             }, [
-              m(t.$slots, "chart-background", {}, void 0, !0)
+              w(t.$slots, "chart-background", {}, void 0, !0)
             ], 8, ya)) : A("", !0),
             g("defs", null, [
               (u(!0), r(T, null, _($t.value, (l, o) => (u(), r("radialGradient", {
@@ -1210,7 +1211,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                 }, null, -1)),
                 g("stop", {
                   offset: `${(1 - me.value / kt.value[o]) * 100}%`,
-                  "stop-color": c(Yl)("#FFFFFF", 0),
+                  "stop-color": v(Yl)("#FFFFFF", 0),
                   "stop-opacity": "0"
                 }, null, 8, ma),
                 g("stop", {
@@ -1299,7 +1300,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                 (u(!0), r(T, null, _(l.donut, (a, n) => (u(), r("g", null, [
                   n === 0 && p.value.width && p.value.height ? (u(), r("text", {
                     key: 0,
-                    class: Q({ animated: e.value.useCssAnimation }),
+                    class: Z({ animated: e.value.useCssAnimation }),
                     "text-anchor": "middle",
                     "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                     "font-weight": e.value.style.chart.layout.labels.dataLabels.boldDonutName ? "bold" : "normal",
@@ -1312,24 +1313,24 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                       "text-anchor": "middle",
                       method: "align",
                       spacing: "auto"
-                    }, B(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? c(Bt)({
+                    }, E(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? v(Bt)({
                       source: l.name,
                       length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
-                    }) : l.name), 9, Ia)
-                  ], 10, Oa)) : A("", !0)
+                    }) : l.name), 9, Oa)
+                  ], 10, Ia)) : A("", !0)
                 ]))), 256))
               ]))), 256)) : (u(!0), r(T, { key: 1 }, _(J.value, (l, o) => (u(), r("g", null, [
                 (u(!0), r(T, null, _(l.donut, (a, n) => (u(), r("g", null, [
                   n === 0 && p.value.width && p.value.height ? (u(), r("text", {
                     key: 0,
-                    class: Q({ animated: e.value.useCssAnimation }),
+                    class: Z({ animated: e.value.useCssAnimation }),
                     x: p.value.width / 2,
                     y: a.startY - e.value.style.chart.layout.labels.dataLabels.fontSize + e.value.style.chart.layout.labels.dataLabels.donutNameOffsetY,
                     "text-anchor": "middle",
                     "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
-                  }, B(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? c(Bt)({
+                  }, E(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? v(Bt)({
                     source: l.name,
                     length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
                   }) : l.name), 11, Fa)) : A("", !0)
@@ -1342,15 +1343,15 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                   filter: xt(a, n)
                 }, [
                   Nt(g("text", {
-                    class: Q({ animated: e.value.useCssAnimation }),
+                    class: Z({ animated: e.value.useCssAnimation }),
                     opacity: Lt(a) ? 1 : 0,
-                    "text-anchor": c(Le)(a, !0).anchor,
-                    x: c(Le)(
+                    "text-anchor": v(Le)(a, !0).anchor,
+                    x: v(Le)(
                       a,
                       !1,
                       e.value.style.chart.layout.labels.dataLabels.offsetX
                     ).x || 0,
-                    y: c(Et)(
+                    y: v(Et)(
                       a,
                       e.value.style.chart.layout.labels.dataLabels.offsetY,
                       e.value.style.chart.layout.labels.dataLabels.offsetY
@@ -1358,8 +1359,8 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                     fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? a.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"
-                  }, B(c(Ut)(
-                    c(F)({
+                  }, E(v(Ut)(
+                    v(D)({
                       v: a.proportion * 100,
                       s: "%",
                       r: e.value.style.chart.layout.labels.dataLabels.roundingPercentage
@@ -1370,15 +1371,15 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                     [Vt, L.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage]
                   ]),
                   Nt(g("text", {
-                    class: Q({ animated: e.value.useCssAnimation }),
+                    class: Z({ animated: e.value.useCssAnimation }),
                     opacity: Lt(a) ? 1 : 0,
-                    "text-anchor": c(Le)(a, !0).anchor,
-                    x: c(Le)(
+                    "text-anchor": v(Le)(a, !0).anchor,
+                    x: v(Le)(
                       a,
                       !1,
                       e.value.style.chart.layout.labels.dataLabels.offsetX
                     ).x || 0,
-                    y: c(Et)(
+                    y: v(Et)(
                       a,
                       e.value.style.chart.layout.labels.dataLabels.offsetY,
                       e.value.style.chart.layout.labels.dataLabels.offsetY
@@ -1386,11 +1387,11 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                     fill: e.value.style.chart.layout.labels.dataLabels.useSerieColor ? a.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"
-                  }, B(c(Ut)(
-                    c(Ae)(
+                  }, E(v(Ut)(
+                    v(Ae)(
                       e.value.style.chart.layout.labels.dataLabels.formatter,
                       a.value,
-                      c(F)({
+                      v(D)({
                         p: e.value.style.chart.layout.labels.dataLabels.prefix,
                         v: a.value,
                         s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1411,33 +1412,33 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
                 g("path", {
                   d: a.arcSlice,
                   fill: ne.value === a.id ? e.value.style.chart.layout.donut.selectedColor : "transparent",
-                  onMouseenter: (h) => At({
+                  onMouseenter: (d) => At({
                     datapoint: a,
-                    relativeIndex: R.value.findIndex((i) => i.id === a.id),
+                    relativeIndex: F.value.findIndex((c) => c.id === a.id),
                     seriesIndex: a.seriesIndex
                   }),
-                  onClick: (h) => yt({ datapoint: a, index: n, seriesIndex: a.seriesIndex }),
-                  onMouseleave: (h) => vl({ datapoint: a, seriesIndex: a.seriesIndex })
+                  onClick: (d) => yt({ datapoint: a, index: n, seriesIndex: a.seriesIndex }),
+                  onMouseleave: (d) => vl({ datapoint: a, seriesIndex: a.seriesIndex })
                 }, null, 40, za)
               ]))), 256))
             ]))), 256)),
-            m(t.$slots, "svg", {
+            w(t.$slots, "svg", {
               svg: {
                 ...p.value,
-                isPrintingImg: c(De) | c(Ne) | ge.value,
+                isPrintingImg: v(De) | v(Ne) | ge.value,
                 isPrintingSvg: ye.value
               }
             }, void 0, !0)
           ], 512)
         ], 46, ga)),
         t.$slots.hint ? (u(), r("div", Ba, [
-          m(t.$slots, "hint", P(S({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Se.value })), void 0, !0)
+          w(t.$slots, "hint", P(S({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: Se.value })), void 0, !0)
         ])) : A("", !0)
       ]),
       t.$slots.watermark ? (u(), r("div", Ea, [
-        m(t.$slots, "watermark", P(S({ isPrinting: c(De) || c(Ne) || ge.value || ye.value })), void 0, !0)
+        w(t.$slots, "watermark", P(S({ isPrinting: v(De) || v(Ne) || ge.value || ye.value })), void 0, !0)
       ])) : A("", !0),
-      Xe(c(Xt), {
+      Xe(v(Xt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: L.value.showTooltip && se.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -1449,10 +1450,10 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: V.value,
+        parent: M.value,
         content: Te.value,
         isFullscreen: X.value,
-        isCustom: c(Rt)(e.value.style.chart.tooltip.customFormat),
+        isCustom: v(Rt)(e.value.style.chart.tooltip.customFormat),
         smooth: e.value.style.chart.tooltip.smooth,
         backdropFilter: e.value.style.chart.tooltip.backdropFilter,
         smoothForce: e.value.style.chart.tooltip.smoothForce,
@@ -1461,17 +1462,17 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         a11yPosition: ut.value
       }, {
         "tooltip-before": y(() => [
-          m(t.$slots, "tooltip-before", P(S({ ...Me.value })), void 0, !0)
+          w(t.$slots, "tooltip-before", P(S({ ...Me.value })), void 0, !0)
         ]),
         "tooltip-after": y(() => [
-          m(t.$slots, "tooltip-after", P(S({ ...Me.value })), void 0, !0)
+          w(t.$slots, "tooltip-after", P(S({ ...Me.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
       g("div", {
         id: `legend-bottom-${f.value}`
       }, null, 8, Ua),
-      nt.value ? (u(), N(Nl, {
+      nt.value ? (u(), V(Nl, {
         key: 6,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${f.value}` : `#legend-bottom-${f.value}`
       }, [
@@ -1479,32 +1480,32 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
           key: 0,
           ref_key: "chartLegend",
           ref: _e,
-          class: Q({ "vue-ui-nested-donuts-legend": ke.value.length > 1 })
+          class: Z({ "vue-ui-nested-donuts-legend": ke.value.length > 1 })
         }, [
-          (u(!0), r(T, null, _(ke.value, (l, o) => (u(), N(ra, {
+          (u(!0), r(T, null, _(ke.value, (l, o) => (u(), V(ra, {
             key: `legend_${o}_${st.value}`,
             legendSet: l,
             config: hl.value,
-            isCursorPointer: q.value,
+            isCursorPointer: H.value,
             onClickMarker: s[0] || (s[0] = ({ legend: a }) => j(a))
           }, {
             legendTitle: y(({ titleSet: a }) => [
-              a[0] && a[0].arcOf ? (u(), r("div", Ra, B(a[0].arcOf), 1)) : A("", !0)
+              a[0] && a[0].arcOf ? (u(), r("div", Ra, E(a[0].arcOf), 1)) : A("", !0)
             ]),
             item: y(({ legend: a, index: n }) => [
               g("div", {
-                onClick: (h) => j(a),
+                onClick: (d) => j(a),
                 style: pe(`opacity:${b.value.includes(a.id) ? 0.5 : 1}`)
-              }, B(a.display), 13, Ga)
+              }, E(a.display), 13, Ga)
             ]),
             legendToggle: y(() => [
-              l.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !c(be) ? (u(), N(da, {
+              l.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !v(be) ? (u(), V(da, {
                 key: `toggle-${o}`,
                 backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
                 color: e.value.style.chart.legend.selectAllToggle.color,
                 fontSize: e.value.style.chart.legend.fontSize,
                 checked: l.some((a) => b.value.includes(a.id)),
-                isCursorPointer: q.value,
+                isCursorPointer: H.value,
                 onToggle: (a) => il(l)
               }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer", "onToggle"])) : A("", !0)
             ]),
@@ -1517,7 +1518,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         ref_key: "chartLegend",
         ref: _e
       }, [
-        m(t.$slots, "legend", { legend: ke.value }, void 0, !0)
+        w(t.$slots, "legend", { legend: ke.value }, void 0, !0)
       ], 512)),
       t.$slots.source ? (u(), r("div", {
         key: 8,
@@ -1525,15 +1526,15 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         ref: tt,
         dir: "auto"
       }, [
-        m(t.$slots, "source", {}, void 0, !0)
+        w(t.$slots, "source", {}, void 0, !0)
       ], 512)) : A("", !0),
-      xe.value && e.value.userOptions.buttons.table ? (u(), N(Vl(ce.value.component), Ml({ key: 9 }, ce.value.props, {
+      xe.value && e.value.userOptions.buttons.table ? (u(), V(Vl(ce.value.component), Ml({ key: 9 }, ce.value.props, {
         ref_key: "tableUnit",
         ref: re,
         onClose: St
       }), Dt({
         content: y(() => [
-          (u(), N(c(jt), {
+          (u(), V(v(jt), {
             key: `table_${ot.value}`,
             colNames: ae.value.colNames,
             head: ae.value.head,
@@ -1541,7 +1542,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
             config: ae.value.config,
             title: e.value.table.useDialog ? "" : ce.value.title,
             withCloseButton: !e.value.table.useDialog,
-            isCursorPointer: q.value,
+            isCursorPointer: H.value,
             onClose: St
           }, {
             th: y(({ th: l }) => [
@@ -1551,7 +1552,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
               }, null, 8, Ya)
             ]),
             td: y(({ td: l }) => [
-              Mt(B(l.name || l), 1)
+              Mt(E(l.name || l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
@@ -1561,7 +1562,7 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
         e.value.table.useDialog ? {
           name: "title",
           fn: y(() => [
-            Mt(B(ce.value.title), 1)
+            Mt(E(ce.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1572,9 +1573,9 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: s[1] || (s[1] = (l) => ze(e.value.userOptions.callbacks.csv)),
-              style: pe({ cursor: q.value ? "pointer" : "default" })
+              style: pe({ cursor: H.value ? "pointer" : "default" })
             }, [
-              Xe(c(qt), {
+              Xe(v(Ht), {
                 name: "fileCsv",
                 stroke: ce.value.props.color
               }, null, 8, ["stroke"])
@@ -1583,12 +1584,12 @@ const va = ["id"], ha = ["id"], fa = ["id"], pa = { style: { position: "relative
           key: "1"
         } : void 0
       ]), 1040)) : A("", !0),
-      m(t.$slots, "skeleton", {}, () => [
-        c(be) ? (u(), N(Zl, { key: 0 })) : A("", !0)
+      w(t.$slots, "skeleton", {}, () => [
+        v(be) ? (u(), V(Zl, { key: 0 })) : A("", !0)
       ], !0)
     ], 46, va));
   }
-}, vo = /* @__PURE__ */ ca(Wa, [["__scopeId", "data-v-f40e8575"]]);
+}, vo = /* @__PURE__ */ ca(Wa, [["__scopeId", "data-v-37af710e"]]);
 export {
   vo as default
 };