vue-data-ui 2.3.78 → 2.3.80

package/dist/{vue-ui-donut-DJTeGLVG.js → vue-ui-donut-DC6mZWdM.js}

@@ -1,19 +1,19 @@
-import { computed as b, ref as v, onMounted as Ye, onBeforeUnmount as He, watch as Ne, openBlock as s, createElementBlock as n, normalizeClass as ue, normalizeStyle as T, renderSlot as g, createBlock as V, createCommentVNode as d, unref as o, createSlots as We, withCtx as w, normalizeProps as Y, guardReactiveProps as H, createElementVNode as f, Fragment as M, renderList as W, toDisplayString as _, createTextVNode as Pe, createVNode as Xe, nextTick as qe, pushScopeId as Je, popScopeId as Ke } from "vue";
-import { u as Qe, o as Ze, e as Oe, g as el, c as ll, b as tl, d as Ae, p as D, m as al, f as C, X as ol, s as X, j as ul, F as sl, i as F, k as y, n as q, t as rl, a as nl, x as il, q as vl, r as cl } from "./index-DP8dqFNd.js";
+import { computed as b, ref as v, onMounted as Ye, onBeforeUnmount as He, watch as Ne, openBlock as s, createElementBlock as n, normalizeClass as ue, normalizeStyle as F, renderSlot as g, createBlock as V, createCommentVNode as d, unref as o, createSlots as We, withCtx as w, normalizeProps as H, guardReactiveProps as W, createElementVNode as y, Fragment as M, renderList as X, toDisplayString as C, createTextVNode as Pe, createVNode as Xe, nextTick as qe, pushScopeId as Je, popScopeId as Ke } from "vue";
+import { u as Qe, o as Ze, e as Oe, g as el, c as ll, b as tl, d as Ae, p as D, m as al, f as x, X as ol, s as q, j as ul, F as sl, i as T, k as f, n as J, t as rl, a as nl, x as il, q as vl, r as cl } from "./index-C_xZ1jJj.js";
 import { t as dl, u as hl } from "./useResponsive-NZB-WLRF.js";
-import { _ as yl } from "./Title-Bx-VO3md.js";
-import { u as fl, U as pl } from "./usePrinter-DiuHo4LO.js";
-import { D as bl } from "./DataTable-y1lX5jVj.js";
-import { _ as gl } from "./Tooltip-Dk-cimhQ.js";
-import { L as ml } from "./Legend-BLXcdrri.js";
-import wl from "./vue-ui-skeleton-B30ZhUV7.js";
-import kl from "./vue-ui-accordion-Dl8zkZPk.js";
-import { u as De } from "./useNestedProp-B-oZxD4x.js";
+import { _ as fl } from "./Title-Bgh58KWs.js";
+import { u as yl, U as pl } from "./usePrinter-BJ7GxAOO.js";
+import { D as bl } from "./DataTable-CThhaAYT.js";
+import { _ as gl } from "./Tooltip-HqwVgkYT.js";
+import { L as ml } from "./Legend-DxRA5XXC.js";
+import wl from "./vue-ui-skeleton-C3UWXP3Q.js";
+import kl from "./vue-ui-accordion-issoIPFd.js";
+import { u as De } from "./useNestedProp-9QKvGow8.js";
 import { _ as _l } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = ["xmlns", "viewBox"], Sl = ["id"], Ll = ["stop-color"], Tl = ["stop-color"], Fl = ["stop-color"], zl = ["stop-color"], Nl = ["id"], Pl = ["id"], Ol = /* @__PURE__ */ Cl(() => /* @__PURE__ */ f("feColorMatrix", {
+const Cl = (G) => (Je("data-v-036ff913"), G = G(), Ke(), G), xl = ["id"], $l = ["xmlns", "viewBox"], Sl = ["id"], Ll = ["stop-color"], Fl = ["offset", "stop-color"], Tl = ["offset", "stop-color"], zl = ["stop-color"], Nl = ["id"], Pl = ["id"], Ol = /* @__PURE__ */ Cl(() => /* @__PURE__ */ y("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), Al = ["id"], Dl = ["flood-color"], Il = ["d", "stroke", "filter"], Bl = ["cx", "cy", "r", "fill", "filter"], Vl = ["stroke", "d"], Ml = ["d", "fill", "stroke", "stroke-width", "filter"], Gl = ["cx", "cy", "r", "fill", "stroke"], Ul = ["cx", "cy", "r", "fill"], El = ["d", "fill", "onMouseenter", "onClick"], jl = ["x", "y", "fill", "font-size"], Rl = ["x", "y", "fill", "font-size"], Yl = ["x", "y", "fill", "font-size"], Hl = ["x", "y", "fill", "font-size"], Wl = ["filter"], Xl = { key: 0 }, ql = ["x", "y"], Jl = { key: 1 }, Kl = ["cx", "cy", "fill", "filter", "onClick"], Ql = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], Zl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], et = { key: 2 }, lt = ["x", "y", "width"], tt = {
+}, null, -1)), Al = ["id"], Dl = ["flood-color"], Il = ["d", "stroke", "filter"], Bl = ["cx", "cy", "r", "fill", "filter"], Vl = ["stroke", "d"], Ml = ["d", "fill", "stroke", "stroke-width", "filter"], Gl = ["cx", "cy", "r", "fill", "stroke"], Ul = ["cx", "cy", "r", "fill"], jl = ["d", "fill", "onMouseenter", "onClick"], El = ["x", "y", "fill", "font-size"], Rl = ["x", "y", "fill", "font-size"], Yl = ["x", "y", "fill", "font-size"], Hl = ["x", "y", "fill", "font-size"], Wl = ["filter"], Xl = { key: 0 }, ql = ["x", "y"], Jl = { key: 1 }, Kl = ["cx", "cy", "fill", "filter", "onClick"], Ql = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], Zl = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], et = { key: 2 }, lt = ["x", "y", "width"], tt = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, at = ["onClick"], ot = {
@@ -37,70 +37,70 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(G, { expose: Ie, emit: se }) {
-    const $ = G, { vue_ui_donut: Be } = Qe(), U = b({
+    const S = G, { vue_ui_donut: Be } = Qe(), U = b({
       get() {
-        return !!$.dataset && $.dataset.length;
+        return !!S.dataset && S.dataset.length;
       },
-      set(l) {
-        return l;
+      set(t) {
+        return t;
       }
-    }), E = v(null), re = v(null), ne = v(null), J = v(null), ie = v(0), ve = v(0), ce = v(0);
+    }), j = v(null), re = v(null), ne = v(null), K = v(null), ie = v(0), ve = v(0), ce = v(0);
     Ye(() => {
       de();
     }), He(() => {
-      J.value && J.value.disconnect();
+      K.value && K.value.disconnect();
     });
     function de() {
-      if (Ze($.dataset) ? Oe({
+      if (Ze(S.dataset) ? Oe({
         componentName: "VueUiDonut",
         type: "dataset"
-      }) : $.dataset.forEach((l, a) => {
+      }) : S.dataset.forEach((t, a) => {
         el({
-          datasetObject: l,
+          datasetObject: t,
           requiredAttributes: ["name", "values"]
-        }).forEach((t) => {
+        }).forEach((l) => {
           U.value = !1, Oe({
             componentName: "VueUiDonut",
             type: "datasetSerieAttribute",
-            property: t,
+            property: l,
             index: a
           });
         });
       }), e.value.responsive) {
-        const l = dl(() => {
-          const { width: a, height: t } = hl({
-            chart: E.value,
+        const t = dl(() => {
+          const { width: a, height: l } = hl({
+            chart: j.value,
             title: e.value.style.chart.title.text ? re.value : null,
             legend: e.value.style.chart.legend.show ? ne.value : null
           });
-          i.value.width = a, i.value.height = t;
+          i.value.width = a, i.value.height = l;
         });
-        J.value = new ResizeObserver(l), J.value.observe(E.value.parentNode);
+        K.value = new ResizeObserver(t), K.value.observe(j.value.parentNode);
       }
     }
-    const x = v(ll()), Ve = v(null), Z = v(!1), ee = v(""), z = v(null), he = v(0);
-    function ye() {
-      const l = De({
-        userConfig: $.config,
+    const $ = v(ll()), Ve = v(null), ee = v(!1), le = v(""), z = v(null), he = v(0);
+    function fe() {
+      const t = De({
+        userConfig: S.config,
         defaultConfig: Be
       });
-      return l.theme ? {
+      return t.theme ? {
         ...De({
-          userConfig: rl.vue_ui_donut[l.theme] || $.config,
-          defaultConfig: l
+          userConfig: rl.vue_ui_donut[t.theme] || S.config,
+          defaultConfig: t
         }),
-        customPalette: nl[l.theme] || D
-      } : l;
+        customPalette: nl[t.theme] || D
+      } : t;
     }
     const e = b({
-      get: () => ye(),
-      set: (l) => l
+      get: () => fe(),
+      set: (t) => t
     });
-    Ne(() => $.config, (l) => {
-      e.value = ye(), de(), ie.value += 1, ve.value += 1, ce.value += 1;
+    Ne(() => S.config, (t) => {
+      e.value = fe(), de(), ie.value += 1, ve.value += 1, ce.value += 1;
     }, { deep: !0 });
-    const { isPrinting: fe, isImaging: pe, generatePdf: be, generateImage: ge } = fl({
-      elementId: `donut__${x.value}`,
+    const { isPrinting: ye, isImaging: pe, generatePdf: be, generateImage: ge } = yl({
+      elementId: `donut__${$.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-donut"
     }), me = b(() => tl(e.value.customPalette)), p = v({
       dataLabels: {
@@ -111,47 +111,47 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
     }), i = v({
       height: 360,
       width: 512
-    }), le = b(() => {
-      const l = e.value.style.chart.layout.donut.strokeWidth / 512, a = i.value.width * l;
-      return a > L.value ? L.value : a;
-    }), P = b(() => $.dataset.map((l, a) => ({
-      name: l.name,
-      color: Ae(l.color) || me.value[a] || D[a] || D[a % D.length],
-      value: l.values.reduce((t, u) => t + u, 0),
-      absoluteValues: l.values,
-      comment: l.comment || ""
+    }), E = b(() => {
+      const t = e.value.style.chart.layout.donut.strokeWidth / 512, a = i.value.width * t, l = a > _.value ? _.value : a;
+      return l < 24 ? 24 : l;
+    }), P = b(() => S.dataset.map((t, a) => ({
+      name: t.name,
+      color: Ae(t.color) || me.value[a] || D[a] || D[a % D.length],
+      value: t.values.reduce((l, u) => l + u, 0),
+      absoluteValues: t.values,
+      comment: t.comment || ""
     }))), k = v(P.value);
-    Ne(() => P.value, (l) => k.value = l);
+    Ne(() => P.value, (t) => k.value = t);
     function Me() {
-      return P.value.map((l) => ({
-        name: l.name,
-        color: l.color,
-        value: l.value
+      return P.value.map((t) => ({
+        name: t.name,
+        color: t.color,
+        value: t.value
       }));
     }
-    const S = v([]), we = v(null), ke = v(null), O = v(!1);
-    function _e(l) {
-      const a = P.value.find((r, h) => h === l);
-      let u = k.value.find((r, h) => h === l).value;
-      if (S.value.includes(l)) {
+    const L = v([]), we = v(null), ke = v(null), O = v(!1);
+    function _e(t) {
+      const a = P.value.find((r, h) => h === t);
+      let u = k.value.find((r, h) => h === t).value;
+      if (L.value.includes(t)) {
         let h = function() {
-          u > r ? (cancelAnimationFrame(we.value), k.value = k.value.map((c, oe) => l === oe ? {
+          u > r ? (cancelAnimationFrame(we.value), k.value = k.value.map((c, oe) => t === oe ? {
             ...c,
             value: r
-          } : c), O.value = !1) : (O.value = !0, u += r * 0.025, k.value = k.value.map((c, oe) => l === oe ? {
+          } : c), O.value = !1) : (O.value = !0, u += r * 0.025, k.value = k.value.map((c, oe) => t === oe ? {
             ...c,
             value: u
           } : c), we.value = requestAnimationFrame(h));
         };
-        S.value = S.value.filter((c) => c !== l);
+        L.value = L.value.filter((c) => c !== t);
         const r = a.value;
         h();
-      } else if (S.value.length < P.value.length - 1) {
+      } else if (L.value.length < P.value.length - 1) {
         let r = function() {
-          u < 0.1 ? (cancelAnimationFrame(ke.value), S.value.push(l), k.value = k.value.map((h, c) => l === c ? {
+          u < 0.1 ? (cancelAnimationFrame(ke.value), L.value.push(t), k.value = k.value.map((h, c) => t === c ? {
             ...h,
             value: 0
-          } : h), O.value = !1) : (O.value = !0, u /= 1.1, k.value = k.value.map((h, c) => l === c ? {
+          } : h), O.value = !1) : (O.value = !0, u /= 1.1, k.value = k.value.map((h, c) => t === c ? {
             ...h,
             value: u
           } : h), ke.value = requestAnimationFrame(r));
@@ -164,26 +164,26 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
         value: r.value
       })));
     }
-    const I = b(() => (k.value.forEach((l, a) => {
-      if ([null, void 0].includes(l.values))
+    const I = b(() => (k.value.forEach((t, a) => {
+      if ([null, void 0].includes(t.values))
         return {
-          ...l,
+          ...t,
           values: []
         };
-    }), k.value.map((l, a) => ({
-      ...l,
+    }), k.value.map((t, a) => ({
+      ...t,
       seriesIndex: a
-    })).filter((l, a) => !S.value.includes(a)))), Ce = b(() => $.dataset.map((l, a) => ({
-      name: l.name,
-      color: Ae(l.color) || me.value[a] || D[a] || D[a % D.length],
-      value: (l.values || []).reduce((t, u) => t + u, 0),
+    })).filter((t, a) => !L.value.includes(a)))), Ce = b(() => S.dataset.map((t, a) => ({
+      name: t.name,
+      color: Ae(t.color) || me.value[a] || D[a] || D[a % D.length],
+      value: (t.values || []).reduce((l, u) => l + u, 0),
       shape: "circle"
-    })).map((l, a) => ({
-      ...l,
-      proportion: l.value / $.dataset.map((t) => (t.values || []).reduce((u, r) => u + r, 0)).reduce((t, u) => t + u, 0),
-      opacity: S.value.includes(a) ? 0.5 : 1,
+    })).map((t, a) => ({
+      ...t,
+      proportion: t.value / S.dataset.map((l) => (l.values || []).reduce((u, r) => u + r, 0)).reduce((l, u) => l + u, 0),
+      opacity: L.value.includes(a) ? 0.5 : 1,
       segregate: () => _e(a),
-      isSegregated: S.value.includes(a)
+      isSegregated: L.value.includes(a)
     }))), Ge = b(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
@@ -191,106 +191,106 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), L = b(() => {
-      const l = Math.min(i.value.width / 3, i.value.height / 3);
-      return l < 55 ? 55 : l;
-    }), A = b(() => al({ series: I.value }, i.value.width / 2, i.value.height / 2, L.value, L.value, 1.99999, 2, 1, 360, 105.25, le.value));
-    function B(l) {
-      return l.proportion * 100 > e.value.style.chart.layout.labels.dataLabels.hideUnderValue;
+    })), _ = b(() => {
+      const t = Math.min(i.value.width / 3, i.value.height / 3);
+      return t < 55 ? 55 : t;
+    }), A = b(() => al({ series: I.value }, i.value.width / 2, i.value.height / 2, _.value, _.value, 1.99999, 2, 1, 360, 105.25, E.value));
+    function B(t) {
+      return t.proportion * 100 > e.value.style.chart.layout.labels.dataLabels.hideUnderValue;
     }
-    function xe(l, a) {
-      const t = l.value / Ue(a);
-      return isNaN(t) ? 0 : F(
+    function xe(t, a) {
+      const l = t.value / Ue(a);
+      return isNaN(l) ? 0 : T(
         e.value.style.chart.layout.labels.percentage.formatter,
-        t * 100,
-        C({
-          v: t * 100,
+        l * 100,
+        x({
+          v: l * 100,
           s: "%",
           r: e.value.style.chart.layout.labels.percentage.rounding
         }),
-        { datapoint: l }
+        { datapoint: t }
       );
     }
-    function Ue(l) {
-      return [...l].map((a) => a.value).reduce((a, t) => a + t, 0);
+    function Ue(t) {
+      return [...t].map((a) => a.value).reduce((a, l) => a + l, 0);
     }
-    const m = b(() => I.value.map((l) => l.value).reduce((l, a) => l + a, 0)), $e = b(() => m.value / I.value.length), te = v(null), j = v(!1);
-    function Ee({ datapoint: l, relativeIndex: a, seriesIndex: t, show: u = !1 }) {
-      te.value = { datapoint: l, seriesIndex: t, config: e.value, series: P.value }, Z.value = u, z.value = a;
+    const m = b(() => I.value.map((t) => t.value).reduce((t, a) => t + a, 0)), $e = b(() => m.value / I.value.length), te = v(null), R = v(!1);
+    function je({ datapoint: t, relativeIndex: a, seriesIndex: l, show: u = !1 }) {
+      te.value = { datapoint: t, seriesIndex: l, config: e.value, series: P.value }, ee.value = u, z.value = a;
       let r = "";
       const h = e.value.style.chart.tooltip.customFormat;
-      if (j.value = !1, il(h))
+      if (R.value = !1, il(h))
         try {
           const c = h({
-            seriesIndex: t,
-            datapoint: l,
+            seriesIndex: l,
+            datapoint: t,
             series: P.value,
             config: e.value
           });
-          typeof c == "string" && (ee.value = c, j.value = !0);
+          typeof c == "string" && (le.value = c, R.value = !0);
         } catch {
-          console.warn("Custom format cannot be applied."), j.value = !1;
+          console.warn("Custom format cannot be applied."), R.value = !1;
         }
-      if (!j.value) {
-        if (r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.name}</div>`, r += `<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="${l.color}"/></svg>`, e.value.style.chart.tooltip.showValue && (r += `<b>${F(
+      if (!R.value) {
+        if (r += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`, r += `<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 && (r += `<b>${T(
           e.value.style.chart.layout.labels.value.formatter,
-          l.value,
-          C({
+          t.value,
+          x({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: l.value,
+            v: t.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.style.chart.tooltip.roundingValue
           }),
           {
-            datapoint: l,
+            datapoint: t,
             relativeIndex: a,
-            seriesIndex: t
+            seriesIndex: l
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
-          const c = F(
+          const c = T(
             e.value.style.chart.layout.labels.percentage.formatter,
-            l.proportion * 100,
-            C({
-              v: l.proportion * 100,
+            t.proportion * 100,
+            x({
+              v: t.proportion * 100,
               s: "%",
               r: e.value.style.chart.tooltip.roundingPercentage
             }),
             {
-              datapoint: l,
+              datapoint: t,
               relativeIndex: a,
-              seriesIndex: t
+              seriesIndex: l
             }
           );
           e.value.style.chart.tooltip.showValue ? r += `<span>(${c})</span></div>` : r += `<b>${c}%</b></div>`;
         }
-        e.value.style.chart.comments.showInTooltip && l.comment && (r += `<div class="vue-data-ui-tooltip-comment" style="background:${l.color}20; padding: 6px; margin-bottom: 6px; margin-top:6px; border-left: 1px solid ${l.color}">${l.comment}</div>`), ee.value = `<div>${r}</div>`;
+        e.value.style.chart.comments.showInTooltip && t.comment && (r += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; margin-top:6px; border-left: 1px solid ${t.color}">${t.comment}</div>`), le.value = `<div>${r}</div>`;
       }
     }
-    function ae(l) {
-      return e.value.useBlurOnHover && ![null, void 0].includes(z.value) && z.value !== l ? `url(#blur_${x.value})` : "";
+    function ae(t) {
+      return e.value.useBlurOnHover && ![null, void 0].includes(z.value) && z.value !== t ? `url(#blur_${$.value})` : "";
     }
     const N = b(() => {
-      const l = I.value.map((t) => ({
-        name: t.name,
-        color: t.color
-      })), a = I.value.map((t) => t.value);
-      return { head: l, body: a };
+      const t = I.value.map((l) => ({
+        name: l.name,
+        color: l.color
+      })), a = I.value.map((l) => l.value);
+      return { head: t, body: a };
     });
     function Se() {
       qe(() => {
-        const l = N.value.head.map((u, r) => [[
+        const t = N.value.head.map((u, r) => [[
           u.name
-        ], [N.value.body[r]], [isNaN(N.value.body[r] / m.value) ? "-" : N.value.body[r] / m.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), t = vl(a);
-        cl({ csvContent: t, title: e.value.style.chart.title.text || "vue-ui-donut" });
+        ], [N.value.body[r]], [isNaN(N.value.body[r] / m.value) ? "-" : N.value.body[r] / m.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = vl(a);
+        cl({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-donut" });
       });
     }
-    const K = b(() => {
-      const l = [
+    const Q = b(() => {
+      const t = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        C({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: m.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
+        x({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: m.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
         "100%"
       ], a = N.value.head.map((r, h) => {
-        const c = C({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: N.value.body[h], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
+        const c = x({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: N.value.body[h], s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: r.color,
@@ -299,7 +299,7 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
           c,
           isNaN(N.value.body[h] / m.value) ? "-" : (N.value.body[h] / m.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
         ];
-      }), t = {
+      }), l = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
@@ -318,25 +318,25 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
           e.value.table.columnNames.value,
           e.value.table.columnNames.percentage
         ],
-        head: l,
+        head: t,
         body: a,
-        config: t
+        config: l
       };
-    }), R = v(!1);
-    function je(l) {
-      R.value = l, he.value += 1;
+    }), Y = v(!1);
+    function Ee(t) {
+      Y.value = t, he.value += 1;
     }
     const Le = b(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent));
-    function Re(l) {
-      return l.toFixed(e.value.style.chart.legend.roundingPercentage).split("").map((a) => "-").join("");
+    function Re(t) {
+      return t.toFixed(e.value.style.chart.legend.roundingPercentage).split("").map((a) => "-").join("");
     }
-    function Q(l, a) {
-      se("selectDatapoint", { datapoint: l, index: a });
+    function Z(t, a) {
+      se("selectDatapoint", { datapoint: t, index: a });
     }
-    function Te() {
+    function Fe() {
       p.value.showTable = !p.value.showTable;
     }
-    function Fe() {
+    function Te() {
       p.value.dataLabels.show = !p.value.dataLabels.show;
     }
     function ze() {
@@ -347,24 +347,24 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
       generatePdf: be,
       generateCsv: Se,
       generateImage: ge,
-      toggleTable: Te,
-      toggleLabels: Fe,
+      toggleTable: Fe,
+      toggleLabels: Te,
       toggleTooltip: ze
-    }), (l, a) => (s(), n("div", {
+    }), (t, a) => (s(), n("div", {
       ref_key: "donutChart",
-      ref: E,
-      class: ue(`vue-ui-donut ${R.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: T(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`),
-      id: `donut__${x.value}`
+      ref: j,
+      class: ue(`vue-ui-donut ${Y.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      style: F(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`),
+      id: `donut__${$.value}`
     }, [
-      g(l.$slots, "userConfig", {}, void 0, !0),
+      g(t.$slots, "userConfig", {}, void 0, !0),
       e.value.style.chart.title.text ? (s(), n("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: re,
-        style: T(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:24px`)
+        style: F(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:24px`)
       }, [
-        (s(), V(yl, {
+        (s(), V(fl, {
           key: `title_${ie.value}`,
           config: {
             title: {
@@ -384,9 +384,9 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
         key: `user_option_${he.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: o(fe),
+        isPrinting: o(ye),
         isImaging: o(pe),
-        uid: x.value,
+        uid: $.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -394,64 +394,64 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: R.value,
-        chartElement: E.value,
+        isFullscreen: Y.value,
+        chartElement: j.value,
         isTooltip: p.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        onToggleFullscreen: je,
+        onToggleFullscreen: Ee,
         onGeneratePdf: o(be),
         onGenerateCsv: Se,
         onGenerateImage: o(ge),
-        onToggleTable: Te,
-        onToggleLabels: Fe,
+        onToggleTable: Fe,
+        onToggleLabels: Te,
         onToggleTooltip: ze
       }, We({ _: 2 }, [
-        l.$slots.optionTooltip ? {
+        t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: w(() => [
-            g(l.$slots, "optionTooltip", {}, void 0, !0)
+            g(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
-        l.$slots.optionPdf ? {
+        t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: w(() => [
-            g(l.$slots, "optionPdf", {}, void 0, !0)
+            g(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
-        l.$slots.optionCsv ? {
+        t.$slots.optionCsv ? {
           name: "optionCsv",
           fn: w(() => [
-            g(l.$slots, "optionCsv", {}, void 0, !0)
+            g(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        l.$slots.optionImg ? {
+        t.$slots.optionImg ? {
           name: "optionImg",
           fn: w(() => [
-            g(l.$slots, "optionImg", {}, void 0, !0)
+            g(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
-        l.$slots.optionTable ? {
+        t.$slots.optionTable ? {
           name: "optionTable",
           fn: w(() => [
-            g(l.$slots, "optionTable", {}, void 0, !0)
+            g(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
-        l.$slots.optionLabels ? {
+        t.$slots.optionLabels ? {
           name: "optionLabels",
           fn: w(() => [
-            g(l.$slots, "optionLabels", {}, void 0, !0)
+            g(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
-        l.$slots.optionFullscreen ? {
+        t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: w(({ toggleFullscreen: t, isFullscreen: u }) => [
-            g(l.$slots, "optionFullscreen", Y(H({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
+          fn: w(({ toggleFullscreen: l, isFullscreen: u }) => [
+            g(t.$slots, "optionFullscreen", H(W({ toggleFullscreen: l, isFullscreen: u })), void 0, !0)
           ]),
           key: "6"
         } : void 0
@@ -459,56 +459,56 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
       U.value ? (s(), n("svg", {
         key: 2,
         xmlns: o(ol),
-        class: ue({ "vue-data-ui-fullscreen--on": R.value, "vue-data-ui-fulscreen--off": !R.value }),
+        class: ue({ "vue-data-ui-fullscreen--on": Y.value, "vue-data-ui-fulscreen--off": !Y.value }),
         viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
-        style: T(`max-width:100%; overflow: visible; background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
+        style: F(`max-width:100%; overflow: visible; background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
       }, [
-        f("defs", null, [
+        y("defs", null, [
           e.value.style.chart.useGradient ? (s(), n("radialGradient", {
             key: 0,
-            id: `gradient_${x.value}`
+            id: `gradient_${$.value}`
           }, [
-            f("stop", {
+            y("stop", {
               offset: "0%",
-              "stop-color": o(X)(e.value.style.chart.backgroundColor, 0),
+              "stop-color": o(q)(e.value.style.chart.backgroundColor, 0),
               "stop-opacity": "0"
             }, null, 8, Ll),
-            f("stop", {
-              offset: "60%",
-              "stop-color": o(X)(e.value.style.chart.backgroundColor, 0),
+            y("stop", {
+              offset: `${(1 - E.value / _.value) * 100}%`,
+              "stop-color": o(q)("#FFFFFF", 0),
               "stop-opacity": "0"
-            }, null, 8, Tl),
-            f("stop", {
-              offset: "77%",
-              "stop-color": o(X)("#FFFFFF", e.value.style.chart.gradientIntensity)
             }, null, 8, Fl),
-            f("stop", {
+            y("stop", {
+              offset: `${(1 - E.value / _.value / 2) * 100}%`,
+              "stop-color": o(q)("#FFFFFF", e.value.style.chart.gradientIntensity)
+            }, null, 8, Tl),
+            y("stop", {
               offset: "100%",
-              "stop-color": o(X)(e.value.style.chart.backgroundColor, 0),
+              "stop-color": o(q)(e.value.style.chart.backgroundColor, 0),
               "stop-opacity": "0"
             }, null, 8, zl)
           ], 8, Sl)) : d("", !0)
         ]),
-        f("defs", null, [
-          f("filter", {
-            id: `blur_${x.value}`,
+        y("defs", null, [
+          y("filter", {
+            id: `blur_${$.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            f("feGaussianBlur", {
+            y("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 2,
-              id: `blur_std_${x.value}`
+              id: `blur_std_${$.value}`
             }, null, 8, Pl),
             Ol
           ], 8, Nl),
-          f("filter", {
-            id: `shadow_${x.value}`,
+          y("filter", {
+            id: `shadow_${$.value}`,
             "color-interpolation-filters": "sRGB"
           }, [
-            f("feDropShadow", {
+            y("feDropShadow", {
               dx: "0",
               dy: "0",
               stdDeviation: "10",
@@ -517,11 +517,11 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
             }, null, 8, Dl)
           ], 8, Al)
         ]),
-        (s(!0), n(M, null, W(A.value, (t, u) => (s(), n("g", null, [
-          B(t) && p.value.dataLabels.show ? (s(), n("path", {
+        (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("g", null, [
+          B(l) && p.value.dataLabels.show ? (s(), n("path", {
             key: 0,
-            d: o(ul)(t, { x: i.value.width / 2, y: i.value.height / 2 }, 16, 16, !1, !1, le.value),
-            stroke: t.color,
+            d: o(ul)(l, { x: i.value.width / 2, y: i.value.height / 2 }, 16, 16, !1, !1, E.value),
+            stroke: l.color,
             "stroke-width": "1",
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
@@ -529,23 +529,23 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
             filter: ae(u)
           }, null, 8, Il)) : d("", !0)
         ]))), 256)),
-        f("circle", {
+        y("circle", {
           cx: i.value.width / 2,
           cy: i.value.height / 2,
-          r: L.value <= 0 ? 10 : L.value,
+          r: _.value <= 0 ? 10 : _.value,
           fill: e.value.style.chart.backgroundColor,
-          filter: e.value.style.chart.layout.donut.useShadow ? `url(#shadow_${x.value})` : ""
+          filter: e.value.style.chart.layout.donut.useShadow ? `url(#shadow_${$.value})` : ""
         }, null, 8, Bl),
         m.value ? (s(), n(M, { key: 0 }, [
-          (s(!0), n(M, null, W(A.value, (t, u) => (s(), n("path", {
+          (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("path", {
             stroke: e.value.style.chart.backgroundColor,
-            d: t.arcSlice,
+            d: l.arcSlice,
             fill: "#FFFFFF"
           }, null, 8, Vl))), 256)),
-          (s(!0), n(M, null, W(A.value, (t, u) => (s(), n("path", {
+          (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("path", {
             class: "vue-ui-donut-arc-path",
-            d: t.arcSlice,
-            fill: o(X)(t.color, 80),
+            d: l.arcSlice,
+            fill: o(q)(l.color, 80),
             stroke: e.value.style.chart.backgroundColor,
             "stroke-width": e.value.style.chart.layout.donut.borderWidth,
             filter: ae(u)
@@ -554,7 +554,7 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
           key: 1,
           cx: i.value.width / 2,
           cy: i.value.height / 2,
-          r: L.value <= 0 ? 10 : L.value,
+          r: _.value <= 0 ? 10 : _.value,
           fill: e.value.style.chart.backgroundColor,
           stroke: o(sl)(e.value.style.chart.background)
         }, null, 8, Gl)),
@@ -564,25 +564,25 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
           cy: i.value.height / 2,
           r: (
             /* This might require adjustments */
-            L.value <= 0 ? 10 : L.value
+            _.value <= 0 ? 10 : _.value
           ),
-          fill: `url(#gradient_${x.value})`
+          fill: `url(#gradient_${$.value})`
         }, null, 8, Ul)) : d("", !0),
-        m.value ? (s(!0), n(M, { key: 3 }, W(A.value, (t, u) => (s(), n("path", {
+        m.value ? (s(!0), n(M, { key: 3 }, X(A.value, (l, u) => (s(), n("path", {
           "data-cy-donut-trap": "",
-          d: t.arcSlice,
+          d: l.arcSlice,
           fill: z.value === u ? "rgba(0,0,0,0.1)" : "transparent",
-          onMouseenter: (r) => Ee({
-            datapoint: t,
+          onMouseenter: (r) => je({
+            datapoint: l,
             relativeIndex: u,
-            seriesIndex: t.seriesIndex,
+            seriesIndex: l.seriesIndex,
             show: !0
           }),
           onMouseleave: a[0] || (a[0] = (r) => {
-            Z.value = !1, z.value = null;
+            ee.value = !1, z.value = null;
           }),
-          onClick: (r) => Q(t, u)
-        }, null, 40, El))), 256)) : d("", !0),
+          onClick: (r) => Z(l, u)
+        }, null, 40, jl))), 256)) : d("", !0),
         e.value.style.chart.layout.labels.hollow.total.show ? (s(), n("text", {
           key: 4,
           "text-anchor": "middle",
@@ -590,8 +590,8 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
           y: i.value.height / 2 - (e.value.style.chart.layout.labels.hollow.average.show ? e.value.style.chart.layout.labels.hollow.total.fontSize : 0) + e.value.style.chart.layout.labels.hollow.total.offsetY,
           fill: e.value.style.chart.layout.labels.hollow.total.color,
           "font-size": e.value.style.chart.layout.labels.hollow.total.fontSize,
-          style: T(`font-weight:${e.value.style.chart.layout.labels.hollow.total.bold ? "bold" : ""}`)
-        }, _(e.value.style.chart.layout.labels.hollow.total.text), 13, jl)) : d("", !0),
+          style: F(`font-weight:${e.value.style.chart.layout.labels.hollow.total.bold ? "bold" : ""}`)
+        }, C(e.value.style.chart.layout.labels.hollow.total.text), 13, El)) : d("", !0),
         e.value.style.chart.layout.labels.hollow.total.show ? (s(), n("text", {
           key: 5,
           "text-anchor": "middle",
@@ -599,11 +599,11 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
           y: i.value.height / 2 + e.value.style.chart.layout.labels.hollow.total.fontSize - (e.value.style.chart.layout.labels.hollow.average.show ? e.value.style.chart.layout.labels.hollow.total.fontSize : 0) + e.value.style.chart.layout.labels.hollow.total.value.offsetY,
           fill: e.value.style.chart.layout.labels.hollow.total.value.color,
           "font-size": e.value.style.chart.layout.labels.hollow.total.value.fontSize,
-          style: T(`font-weight:${e.value.style.chart.layout.labels.hollow.total.value.bold ? "bold" : ""}`)
-        }, _(o(F)(
+          style: F(`font-weight:${e.value.style.chart.layout.labels.hollow.total.value.bold ? "bold" : ""}`)
+        }, C(o(T)(
           e.value.style.chart.layout.labels.hollow.total.value.formatter,
           m.value,
-          o(C)({
+          o(x)({
             p: e.value.style.chart.layout.labels.hollow.total.value.prefix,
             v: m.value,
             s: e.value.style.chart.layout.labels.hollow.total.value.suffix
@@ -616,8 +616,8 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
           y: i.value.height / 2 + (e.value.style.chart.layout.labels.hollow.total.show ? e.value.style.chart.layout.labels.hollow.average.fontSize : 0) + e.value.style.chart.layout.labels.hollow.average.offsetY,
           fill: e.value.style.chart.layout.labels.hollow.average.color,
           "font-size": e.value.style.chart.layout.labels.hollow.average.fontSize,
-          style: T(`font-weight:${e.value.style.chart.layout.labels.hollow.average.bold ? "bold" : ""}`)
-        }, _(e.value.style.chart.layout.labels.hollow.average.text), 13, Yl)) : d("", !0),
+          style: F(`font-weight:${e.value.style.chart.layout.labels.hollow.average.bold ? "bold" : ""}`)
+        }, C(e.value.style.chart.layout.labels.hollow.average.text), 13, Yl)) : d("", !0),
         e.value.style.chart.layout.labels.hollow.average.show ? (s(), n("text", {
           key: 7,
           "text-anchor": "middle",
@@ -625,103 +625,103 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
           y: i.value.height / 2 + (e.value.style.chart.layout.labels.hollow.total.show ? e.value.style.chart.layout.labels.hollow.average.fontSize : 0) + e.value.style.chart.layout.labels.hollow.average.fontSize + e.value.style.chart.layout.labels.hollow.average.value.offsetY,
           fill: e.value.style.chart.layout.labels.hollow.average.value.color,
           "font-size": e.value.style.chart.layout.labels.hollow.average.value.fontSize,
-          style: T(`font-weight:${e.value.style.chart.layout.labels.hollow.average.value.bold ? "bold" : ""}`)
-        }, _(O.value ? "--" : o(F)(
+          style: F(`font-weight:${e.value.style.chart.layout.labels.hollow.average.value.bold ? "bold" : ""}`)
+        }, C(O.value ? "--" : o(T)(
           e.value.style.chart.layout.labels.hollow.average.value.formatter,
           $e.value,
-          o(C)({
+          o(x)({
             p: e.value.style.chart.layout.labels.hollow.average.value.prefix,
             v: $e.value,
             s: e.value.style.chart.layout.labels.hollow.average.value.suffix,
             r: e.value.style.chart.layout.labels.hollow.average.value.rounding
           })
         )), 13, Hl)) : d("", !0),
-        (s(!0), n(M, null, W(A.value, (t, u) => (s(), n("g", {
+        (s(!0), n(M, null, X(A.value, (l, u) => (s(), n("g", {
           filter: ae(u),
           class: ue({ animated: e.value.useCssAnimation })
         }, [
           e.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (s(), n("g", Xl, [
             (s(), n("foreignObject", {
-              x: o(y)(t, !0).anchor === "end" ? o(y)(t).x - 120 : o(y)(t, !0).anchor === "middle" ? o(y)(t).x - 60 : o(y)(t).x,
-              y: o(q)(t) - (Le.value ? 20 : 0),
+              x: o(f)(l, !0).anchor === "end" ? o(f)(l).x - 120 : o(f)(l, !0).anchor === "middle" ? o(f)(l).x - 60 : o(f)(l).x,
+              y: o(J)(l) - (Le.value ? 20 : 0),
               width: "120",
               height: "60",
               style: { overflow: "visible" }
             }, [
-              f("div", null, [
-                g(l.$slots, "dataLabel", Y(H({
-                  datapoint: t,
+              y("div", null, [
+                g(t.$slots, "dataLabel", H(W({
+                  datapoint: l,
                   isBlur: !e.value.useBlurOnHover || [null, void 0].includes(z.value) || z.value === u,
                   isSafari: Le.value,
-                  isVisible: B(t) && p.value.dataLabels.show,
-                  textAlign: o(y)(t, !0, 16, !0).anchor,
-                  flexAlign: o(y)(t, !0, 16).anchor,
-                  percentage: xe(t, A.value)
+                  isVisible: B(l) && p.value.dataLabels.show,
+                  textAlign: o(f)(l, !0, 16, !0).anchor,
+                  flexAlign: o(f)(l, !0, 16).anchor,
+                  percentage: xe(l, A.value)
                 })), void 0, !0)
               ])
             ], 8, ql))
           ])) : (s(), n("g", Jl, [
-            B(t) && p.value.dataLabels.show ? (s(), n("circle", {
+            B(l) && p.value.dataLabels.show ? (s(), n("circle", {
               key: 0,
-              cx: o(y)(t).x,
-              cy: o(q)(t) - 3.5,
-              fill: t.color,
+              cx: o(f)(l).x,
+              cy: o(J)(l) - 3.5,
+              fill: l.color,
               r: 3,
-              filter: !e.value.useBlurOnHover || [null, void 0].includes(z.value) || z.value === u ? "" : `url(#blur_${x.value})`,
-              onClick: (r) => Q(t, u)
+              filter: !e.value.useBlurOnHover || [null, void 0].includes(z.value) || z.value === u ? "" : `url(#blur_${$.value})`,
+              onClick: (r) => Z(l, u)
             }, null, 8, Kl)) : d("", !0),
-            B(t) && p.value.dataLabels.show ? (s(), n("text", {
+            B(l) && p.value.dataLabels.show ? (s(), n("text", {
               key: 1,
-              "text-anchor": o(y)(t, !0, 12).anchor,
-              x: o(y)(t, !0, 12).x,
-              y: o(q)(t),
+              "text-anchor": o(f)(l, !0, 12).anchor,
+              x: o(f)(l, !0, 12).x,
+              y: o(J)(l),
               fill: e.value.style.chart.layout.labels.percentage.color,
               "font-size": e.value.style.chart.layout.labels.percentage.fontSize,
-              style: T(`font-weight:${e.value.style.chart.layout.labels.percentage.bold ? "bold" : ""}`),
-              onClick: (r) => Q(t, u)
-            }, _(xe(t, A.value)) + " " + _(e.value.style.chart.layout.labels.value.show ? `(${o(F)(
+              style: F(`font-weight:${e.value.style.chart.layout.labels.percentage.bold ? "bold" : ""}`),
+              onClick: (r) => Z(l, u)
+            }, C(xe(l, A.value)) + " " + C(e.value.style.chart.layout.labels.value.show ? `(${o(T)(
               e.value.style.chart.layout.labels.value.formatter,
-              t.value,
-              o(C)({
+              l.value,
+              o(x)({
                 p: e.value.style.chart.layout.labels.dataLabels.prefix,
-                v: t.value,
+                v: l.value,
                 s: e.value.style.chart.layout.labels.dataLabels.suffix,
                 r: e.value.style.chart.layout.labels.value.rounding
               }),
-              { datapoint: t }
+              { datapoint: l }
             )})` : ""), 13, Ql)) : d("", !0),
-            B(t) && p.value.dataLabels.show ? (s(), n("text", {
+            B(l) && p.value.dataLabels.show ? (s(), n("text", {
               key: 2,
-              "text-anchor": o(y)(t).anchor,
-              x: o(y)(t, !0, 12).x,
-              y: o(q)(t) + e.value.style.chart.layout.labels.percentage.fontSize,
+              "text-anchor": o(f)(l).anchor,
+              x: o(f)(l, !0, 12).x,
+              y: o(J)(l) + e.value.style.chart.layout.labels.percentage.fontSize,
               fill: e.value.style.chart.layout.labels.name.color,
               "font-size": e.value.style.chart.layout.labels.name.fontSize,
-              style: T(`font-weight:${e.value.style.chart.layout.labels.name.bold ? "bold" : ""}`),
-              onClick: (r) => Q(t, u)
-            }, _(t.name), 13, Zl)) : d("", !0)
+              style: F(`font-weight:${e.value.style.chart.layout.labels.name.bold ? "bold" : ""}`),
+              onClick: (r) => Z(l, u)
+            }, C(l.name), 13, Zl)) : d("", !0)
           ])),
-          p.value.dataLabels.show && e.value.style.chart.comments.show && t.comment ? (s(), n("g", et, [
-            B(t) ? (s(), n("foreignObject", {
+          p.value.dataLabels.show && e.value.style.chart.comments.show && l.comment ? (s(), n("g", et, [
+            B(l) ? (s(), n("foreignObject", {
               key: 0,
-              x: e.value.style.chart.comments.offsetX + (o(y)(t, !0).anchor === "end" ? o(y)(t).x - e.value.style.chart.comments.width : o(y)(t, !0).anchor === "middle" ? o(y)(t).x - e.value.style.chart.comments.width / 2 : o(y)(t).x),
-              y: o(q)(t) + 24 + e.value.style.chart.comments.offsetY,
+              x: e.value.style.chart.comments.offsetX + (o(f)(l, !0).anchor === "end" ? o(f)(l).x - e.value.style.chart.comments.width : o(f)(l, !0).anchor === "middle" ? o(f)(l).x - e.value.style.chart.comments.width / 2 : o(f)(l).x),
+              y: o(J)(l) + 24 + e.value.style.chart.comments.offsetY,
               width: e.value.style.chart.comments.width,
               height: "200",
               style: { overflow: "visible", "pointer-events": "none" }
             }, [
-              f("div", null, [
-                g(l.$slots, "plot-comment", {
-                  plot: { ...t, textAlign: o(y)(t, !0, 16, !0).anchor, flexAlign: o(y)(t, !0, 16).anchor }
+              y("div", null, [
+                g(t.$slots, "plot-comment", {
+                  plot: { ...l, textAlign: o(f)(l, !0, 16, !0).anchor, flexAlign: o(f)(l, !0, 16).anchor }
                 }, void 0, !0)
               ])
             ], 8, lt)) : d("", !0)
           ])) : d("", !0)
         ], 10, Wl))), 256)),
-        g(l.$slots, "svg", { svg: i.value }, void 0, !0)
+        g(t.$slots, "svg", { svg: i.value }, void 0, !0)
       ], 14, $l)) : d("", !0),
-      l.$slots.watermark ? (s(), n("div", tt, [
-        g(l.$slots, "watermark", Y(H({ isPrinting: o(fe) || o(pe) })), void 0, !0)
+      t.$slots.watermark ? (s(), n("div", tt, [
+        g(t.$slots, "watermark", H(W({ isPrinting: o(ye) || o(pe) })), void 0, !0)
       ])) : d("", !0),
       U.value ? d("", !0) : (s(), V(wl, {
         key: 4,
@@ -731,12 +731,12 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
             backgroundColor: e.value.style.chart.backgroundColor,
             donut: {
               color: "#CCCCCC",
-              strokeWidth: le.value * 0.8
+              strokeWidth: E.value * 0.8
             }
           }
         }
       }, null, 8, ["config"])),
-      f("div", {
+      y("div", {
         ref_key: "chartLegend",
         ref: ne
       }, [
@@ -744,32 +744,32 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
           key: `legend_${ce.value}`,
           legendSet: Ce.value,
           config: Ge.value,
-          onClickMarker: a[1] || (a[1] = ({ i: t }) => _e(t))
+          onClickMarker: a[1] || (a[1] = ({ i: l }) => _e(l))
         }, {
-          item: w(({ legend: t, index: u }) => [
-            f("div", {
-              onClick: (r) => t.segregate(),
-              style: T(`opacity:${S.value.includes(u) ? 0.5 : 1}`)
+          item: w(({ legend: l, index: u }) => [
+            y("div", {
+              onClick: (r) => l.segregate(),
+              style: F(`opacity:${L.value.includes(u) ? 0.5 : 1}`)
             }, [
-              Pe(_(t.name) + ": " + _(o(F)(
+              Pe(C(l.name) + ": " + C(o(T)(
                 e.value.style.chart.layout.labels.value.formatter,
-                t.value,
-                o(C)({
+                l.value,
+                o(x)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
-                  v: t.value,
+                  v: l.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
                   r: e.value.style.chart.legend.roundingValue
                 }),
                 {
-                  datapoint: t,
+                  datapoint: l,
                   index: u
                 }
               )) + " ", 1),
-              S.value.includes(u) ? (s(), n("span", ut, " ( " + _(Re(t.proportion * 100)) + " % ) ", 1)) : (s(), n("span", ot, " (" + _(isNaN(t.value / m.value) ? "-" : o(F)(
+              L.value.includes(u) ? (s(), n("span", ut, " ( " + C(Re(l.proportion * 100)) + " % ) ", 1)) : (s(), n("span", ot, " (" + C(isNaN(l.value / m.value) ? "-" : o(T)(
                 e.value.style.chart.layout.labels.percentage.formatter,
-                O.value ? t.proportion * 100 : t.value / m.value * 100,
-                o(C)({
-                  v: O.value ? t.proportion * 100 : t.value / m.value * 100,
+                O.value ? l.proportion * 100 : l.value / m.value * 100,
+                o(x)({
+                  v: O.value ? l.proportion * 100 : l.value / m.value * 100,
                   s: "%",
                   r: e.value.style.chart.legend.roundingPercentage
                 })
@@ -778,10 +778,10 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : d("", !0),
-        g(l.$slots, "legend", { legend: Ce.value }, void 0, !0)
+        g(t.$slots, "legend", { legend: Ce.value }, void 0, !0)
       ], 512),
       Xe(gl, {
-        show: p.value.showTooltip && Z.value,
+        show: p.value.showTooltip && ee.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -791,15 +791,15 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
         backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: E.value,
-        content: ee.value,
-        isCustom: j.value
+        parent: j.value,
+        content: le.value,
+        isCustom: R.value
       }, {
         "tooltip-before": w(() => [
-          g(l.$slots, "tooltip-before", Y(H({ ...te.value })), void 0, !0)
+          g(t.$slots, "tooltip-before", H(W({ ...te.value })), void 0, !0)
         ]),
         "tooltip-after": w(() => [
-          g(l.$slots, "tooltip-after", Y(H({ ...te.value })), void 0, !0)
+          g(t.$slots, "tooltip-after", H(W({ ...te.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
@@ -822,34 +822,34 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
         content: w(() => [
           (s(), V(bl, {
             key: `table_${ve.value}`,
-            colNames: K.value.colNames,
-            head: K.value.head,
-            body: K.value.body,
-            config: K.value.config,
+            colNames: Q.value.colNames,
+            head: Q.value.head,
+            body: Q.value.body,
+            config: Q.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: a[2] || (a[2] = (t) => p.value.showTable = !1)
+            onClose: a[2] || (a[2] = (l) => p.value.showTable = !1)
           }, {
-            th: w(({ th: t }) => [
-              f("div", {
-                innerHTML: t,
+            th: w(({ th: l }) => [
+              y("div", {
+                innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, st)
             ]),
-            td: w(({ td: t }) => [
-              Pe(_(t.name ? t.name : isNaN(Number(t)) ? t.includes("%") ? o(F)(
+            td: w(({ td: l }) => [
+              Pe(C(l.name ? l.name : isNaN(Number(l)) ? l.includes("%") ? o(T)(
                 e.value.style.chart.layout.labels.percentage.formatter,
-                t,
-                o(C)({
-                  v: t,
+                l,
+                o(x)({
+                  v: l,
                   s: "%",
                   r: e.value.style.chart.layout.labels.percentage.rounding
                 })
-              ) : t : o(F)(
+              ) : l : o(T)(
                 e.value.style.chart.layout.labels.value.formatter,
-                t,
-                o(C)({
+                l,
+                o(x)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
-                  v: t,
+                  v: l,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
                   r: e.value.style.chart.layout.labels.value.rounding
                 })
@@ -862,7 +862,7 @@ const Cl = (G) => (Je("data-v-21a9622a"), G = G(), Ke(), G), xl = ["id"], $l = [
       }, 8, ["config"])) : d("", !0)
     ], 14, xl));
   }
-}, wt = /* @__PURE__ */ _l(rt, [["__scopeId", "data-v-21a9622a"]]);
+}, wt = /* @__PURE__ */ _l(rt, [["__scopeId", "data-v-036ff913"]]);
 export {
   wt as default
 };