vue-data-ui 2.12.3 → 2.12.5

package/dist/{vue-ui-donut-Dwsm3xe8.js → vue-ui-donut-CRdQFQgA.js}

@@ -1,21 +1,21 @@
-import { useSlots as _t, computed as g, ref as d, onMounted as Ke, onBeforeUnmount as $t, watch as Qe, createElementBlock as n, openBlock as s, unref as r, normalizeStyle as w, normalizeClass as be, createBlock as q, createCommentVNode as i, renderSlot as p, createElementVNode as f, createVNode as we, createSlots as et, withCtx as C, normalizeProps as ee, guardReactiveProps as te, Fragment as m, renderList as L, mergeProps as tt, toDisplayString as P, createTextVNode as lt, nextTick as xt } from "vue";
-import { u as Ct, o as Tt, e as at, g as Pt, c as At, b as Ft, d as ot, p as Z, m as St, Z as Lt, f as M, X as zt, s as ue, w as Ot, j as Nt, L as z, i as D, k as ne, n as k, t as Mt, a as Yt, q as Xt, r as It, x as Dt, R as st } from "./index-CK9QG5R4.js";
+import { useSlots as _t, computed as g, ref as d, onMounted as Qe, onBeforeUnmount as $t, watch as Ze, createElementBlock as n, openBlock as s, unref as r, normalizeStyle as w, normalizeClass as be, createBlock as q, createCommentVNode as i, renderSlot as p, createElementVNode as f, createVNode as we, createSlots as et, withCtx as C, normalizeProps as ee, guardReactiveProps as te, Fragment as m, renderList as L, mergeProps as tt, toDisplayString as P, createTextVNode as lt, nextTick as xt } from "vue";
+import { u as Ct, o as Tt, e as at, g as Pt, c as At, b as Ft, d as ot, p as J, m as St, _ as Lt, f as N, X as zt, s as ue, w as Ot, j as Mt, M as z, i as D, k as ne, n as k, t as Nt, a as Yt, q as Xt, r as It, x as Dt, S as st } from "./index-vjCxtaM0.js";
 import { t as Vt, u as Bt } from "./useResponsive-JZ9xq-JV.js";
-import { _ as Gt } from "./Title-9qKNVCMA.js";
-import { u as Rt, U as Wt } from "./usePrinter-BZsCVIwN.js";
-import { D as Ut } from "./DataTable-CXRbXtrU.js";
-import { _ as jt } from "./Tooltip-n2JxyMqg.js";
-import { L as Et } from "./Legend-CMVT8Hmn.js";
-import Ht from "./vue-ui-skeleton-CCPLO_mW.js";
-import qt from "./vue-ui-accordion-BA3mkouQ.js";
-import { u as ut } from "./useNestedProp-X5zYwXdP.js";
-import { _ as Zt } from "./PackageVersion-DrcIKw3H.js";
-import { _ as Jt } from "./PenAndPaper-B52M1Af-.js";
-import { u as Kt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as Qt } from "./Shape-DsC3hyrC.js";
+import { _ as Gt } from "./Title-xO1jFsSw.js";
+import { u as Wt, U as Rt } from "./usePrinter-CcgJXHIK.js";
+import { D as Ut } from "./DataTable-CicthvOV.js";
+import { _ as jt } from "./Tooltip-LKe8L-Mg.js";
+import { L as Et } from "./Legend-0UY0Mmli.js";
+import Ht from "./vue-ui-skeleton-DfOIDTJM.js";
+import qt from "./vue-ui-accordion-CAN430Oy.js";
+import { u as ut } from "./useNestedProp-Du1hnYFA.js";
+import { _ as Jt } from "./PackageVersion-Cw2caN1c.js";
+import { _ as Kt } from "./PenAndPaper-DLsvRwoD.js";
+import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as Zt } from "./Shape-DICeBEtN.js";
 import { u as el } from "./useChartAccessibility-BWojgys7.js";
 import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { key: 1 }, ul = ["id"], nl = ["stop-color"], rl = ["offset", "stop-color"], il = ["offset", "stop-color"], vl = ["stop-color"], cl = { key: 2 }, dl = ["id", "cx", "cy"], hl = ["stop-color", "stop-opacity"], yl = ["stop-color"], fl = ["id"], gl = ["id"], pl = ["id"], ml = ["flood-color"], bl = ["id"], wl = ["flood-color"], kl = ["d", "stroke", "filter"], _l = ["d", "stroke", "filter"], $l = ["cx", "cy", "r", "fill", "filter"], xl = { key: 6 }, Cl = ["stroke", "d"], Tl = { key: 0 }, Pl = ["d", "fill", "stroke", "stroke-width", "filter"], Al = ["d", "fill", "stroke", "stroke-width", "filter"], Fl = { key: 0 }, Sl = ["stroke", "d"], Ll = { key: 0 }, zl = ["d", "stroke", "stroke-width", "filter"], Ol = { key: 1 }, Nl = ["d", "fill", "stroke", "stroke-width", "filter"], Ml = ["d", "fill", "stroke", "stroke-width", "filter"], Yl = { key: 1 }, Xl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Il = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Dl = ["cx", "cy", "r", "stroke"], Vl = ["cx", "cy", "r", "fill"], Bl = { key: 0 }, Gl = ["d", "fill", "onMouseenter", "onClick"], Rl = { key: 1 }, Wl = ["cx", "cy", "r", "fill"], Ul = ["x", "y", "fill", "font-size"], jl = ["x", "y", "fill", "font-size"], El = ["x", "y", "fill", "font-size"], Hl = ["x", "y", "fill", "font-size"], ql = ["filter"], Zl = { key: 0 }, Jl = ["x", "y"], Kl = { key: 1 }, Ql = ["cx", "cy", "fill", "stroke", "filter", "onClick"], ea = ["cx", "cy", "fill", "stroke", "filter", "onClick"], ta = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], la = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], aa = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], oa = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], sa = { key: 2 }, ua = ["x", "y", "width"], na = ["x", "y", "width"], ra = {
+const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { key: 1 }, ul = ["id"], nl = ["stop-color"], rl = ["offset", "stop-color"], il = ["offset", "stop-color"], vl = ["stop-color"], cl = { key: 2 }, dl = ["id", "cx", "cy"], hl = ["stop-color", "stop-opacity"], yl = ["stop-color"], fl = ["id"], gl = ["id"], pl = ["id"], ml = ["flood-color"], bl = ["id"], wl = ["flood-color"], kl = ["d", "stroke", "filter"], _l = ["d", "stroke", "filter"], $l = ["cx", "cy", "r", "fill", "filter"], xl = { key: 6 }, Cl = ["stroke", "d"], Tl = { key: 0 }, Pl = ["d", "fill", "stroke", "stroke-width", "filter"], Al = ["d", "fill", "stroke", "stroke-width", "filter"], Fl = { key: 0 }, Sl = ["stroke", "d"], Ll = { key: 0 }, zl = ["d", "stroke", "stroke-width", "filter"], Ol = { key: 1 }, Ml = ["d", "fill", "stroke", "stroke-width", "filter"], Nl = ["d", "fill", "stroke", "stroke-width", "filter"], Yl = { key: 1 }, Xl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Il = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Dl = ["cx", "cy", "r", "stroke"], Vl = ["cx", "cy", "r", "fill"], Bl = { key: 0 }, Gl = ["d", "fill", "onMouseenter", "onClick"], Wl = { key: 1 }, Rl = ["cx", "cy", "r", "fill"], Ul = ["x", "y", "fill", "font-size"], jl = ["x", "y", "fill", "font-size"], El = ["x", "y", "fill", "font-size"], Hl = ["x", "y", "fill", "font-size"], ql = ["filter"], Jl = { key: 0 }, Kl = ["x", "y"], Ql = { key: 1 }, Zl = ["cx", "cy", "fill", "stroke", "filter", "onClick"], ea = ["cx", "cy", "fill", "stroke", "filter", "onClick"], ta = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], la = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], aa = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], oa = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], sa = { key: 2 }, ua = ["x", "y", "width"], na = ["x", "y", "width"], ra = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, ia = ["onClick"], va = {
@@ -47,7 +47,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         return l;
       }
     }), ae = d(null), _e = d(null), $e = d(null), re = d(null), xe = d(null), Ce = d(null), Te = d(0), Pe = d(0), Ae = d(0);
-    Ke(() => {
+    Qe(() => {
       Fe();
     }), $t(() => {
       re.value && re.value.disconnect();
@@ -76,7 +76,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
             legend: e.value.style.chart.legend.show ? $e.value : null,
             source: xe.value,
             noTitle: Ce.value,
-            padding: Ne.value
+            padding: Me.value
           });
           requestAnimationFrame(() => {
             u.value.width = o, u.value.height = t;
@@ -96,7 +96,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
           userConfig: Yt.vue_ui_donut[l.theme] || O.config,
           defaultConfig: l
         }),
-        customPalette: Mt[l.theme] || Z
+        customPalette: Nt[l.theme] || J
       } : l;
     }
     const e = g({
@@ -110,9 +110,9 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         let b = 0;
         l.forEach((_, x) => {
           setTimeout(() => {
-            const R = performance.now();
+            const W = performance.now();
             function I(se) {
-              const de = Math.min((se - R) / o, 1), kt = st(de);
+              const de = Math.min((se - W) / o, 1), kt = st(de);
               B.value[x] = _ * kt, B.value = [...B.value], de < 1 ? requestAnimationFrame(I) : (B.value[x] = _, B.value = [...B.value], b += 1, b === v && a());
             }
             requestAnimationFrame(I);
@@ -120,7 +120,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         });
       });
     }
-    Ke(async () => {
+    Qe(async () => {
       const l = O.dataset.map((o) => o.values.reduce((t, a) => t + a, 0));
       e.value.startAnimation.show && await dt(
         l,
@@ -128,11 +128,11 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         e.value.startAnimation.staggerMs
       ), T.value = !1;
     });
-    const { userOptionsVisible: ye, setUserOptionsVisibility: ze, keepUserOptionState: Oe } = Kt({ config: e.value }), { svgRef: fe } = el({ config: e.value.style.chart.title });
-    Qe(() => O.config, (l) => {
+    const { userOptionsVisible: ye, setUserOptionsVisibility: ze, keepUserOptionState: Oe } = Qt({ config: e.value }), { svgRef: fe } = el({ config: e.value.style.chart.title });
+    Ze(() => O.config, (l) => {
       e.value = Le(), ye.value = !e.value.userOptions.showOnChartHover, Fe(), Te.value += 1, Pe.value += 1, Ae.value += 1, h.value.dataLabels.show = e.value.style.chart.layout.labels.dataLabels.show, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const Ne = g(() => {
+    const Me = g(() => {
       const { top: l, right: o, bottom: t, left: a } = e.value.style.chart.padding;
       return {
         css: `padding:${l}px ${o}px ${t}px ${a}px`,
@@ -141,7 +141,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         bottom: t,
         left: a
       };
-    }), { isPrinting: Me, isImaging: Ye, generatePdf: Xe, generateImage: Ie } = Rt({
+    }), { isPrinting: Ne, isImaging: Ye, generatePdf: Xe, generateImage: Ie } = Wt({
       elementId: `donut__${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-donut",
       options: e.value.userOptions.print
@@ -154,12 +154,12 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
     }), u = d({
       height: 360,
       width: 512
-    }), J = g(() => {
+    }), K = g(() => {
       const l = e.value.style.chart.layout.donut.strokeWidth / 512, o = Math.min(u.value.width, u.value.height) * l, t = o > $.value ? $.value : o;
       return Math.max(t, 3);
     }), Ve = rt, G = g(() => O.dataset.map((l, o) => ({
       name: l.name,
-      color: ot(l.color) || De.value[o] || Z[o] || Z[o % Z.length],
+      color: ot(l.color) || De.value[o] || J[o] || J[o % J.length],
       value: l.values.reduce((t, a) => t + a, 0),
       absoluteValues: l.values,
       comment: l.comment || "",
@@ -167,8 +167,8 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
       seriesIndex: o,
       ghost: !1,
       pattern: `pattern_${y.value}_${o}`
-    }))), N = d(G.value);
-    Qe(() => G.value, (l) => N.value = l);
+    }))), M = d(G.value);
+    Ze(() => G.value, (l) => M.value = l);
     function yt() {
       return G.value.map((l) => ({
         name: l.name,
@@ -179,27 +179,27 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
     const V = d([]), E = d(!1);
     function Be({ from: l, to: o, duration: t, onUpdate: a, onDone: v, easing: b = st }) {
       const _ = performance.now();
-      function x(R) {
-        const I = Math.min((R - _) / t, 1), se = b(I), de = l + (o - l) * se;
+      function x(W) {
+        const I = Math.min((W - _) / t, 1), se = b(I), de = l + (o - l) * se;
         a(de, I), I < 1 ? requestAnimationFrame(x) : (a(o, 1), v && v());
       }
       requestAnimationFrame(x);
     }
     function Ge(l) {
       const o = G.value.find((v, b) => b === l);
-      let a = N.value.find((v, b) => b === l).value;
+      let a = M.value.find((v, b) => b === l).value;
       if (V.value.includes(l)) {
         let b = function() {
-          N.value = N.value.map(
-            (x, R) => l === R ? { ...x, value: v } : x
+          M.value = M.value.map(
+            (x, W) => l === W ? { ...x, value: v } : x
           );
         }, _ = function() {
           E.value = !0, Be({
             from: a,
             to: v,
             duration: e.value.serieToggleAnimation.durationMs,
-            onUpdate: (x, R) => {
-              N.value = N.value.map(
+            onUpdate: (x, W) => {
+              M.value = M.value.map(
                 (I, se) => l === se ? { ...I, value: x } : I
               );
             },
@@ -213,7 +213,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         e.value.serieToggleAnimation.show && e.value.type === "classic" ? _() : b();
       } else if (V.value.length < G.value.length - 1) {
         let v = function() {
-          V.value.push(l), N.value = N.value.map(
+          V.value.push(l), M.value = M.value.map(
             (_, x) => l === x ? { ..._, value: 0 } : _
           );
         }, b = function() {
@@ -222,8 +222,8 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
             to: 0,
             duration: e.value.serieToggleAnimation.durationMs,
             onUpdate: (_, x) => {
-              N.value = N.value.map(
-                (R, I) => l === I ? { ...R, value: _ } : R
+              M.value = M.value.map(
+                (W, I) => l === I ? { ...W, value: _ } : W
               );
             },
             onDone: () => {
@@ -233,13 +233,13 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         };
         e.value.serieToggleAnimation.show && e.value.type === "classic" ? b() : v();
       }
-      Ve("selectLegend", W.value.map((v) => ({
+      Ve("selectLegend", R.value.map((v) => ({
         name: v.name,
         color: v.color,
         value: v.value
       })));
     }
-    const ft = g(() => O.dataset.reduce((l, o) => l + o.values.reduce((t, a) => t + a, 0), 0)), W = g(() => {
+    const ft = g(() => O.dataset.reduce((l, o) => l + o.values.reduce((t, a) => t + a, 0), 0)), R = g(() => {
       if (T.value) {
         const l = B.value.map((t, a) => ({
           ...G.value[a],
@@ -254,19 +254,19 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
           ghost: !0
         }), l;
       } else
-        return N.value.forEach((l, o) => {
+        return M.value.forEach((l, o) => {
           if ([null, void 0].includes(l.values))
             return {
               ...l,
               values: []
             };
-        }), N.value.map((l, o) => ({
+        }), M.value.map((l, o) => ({
           ...l,
           seriesIndex: o
         })).filter((l, o) => !V.value.includes(o));
-    }), Re = g(() => O.dataset.map((l, o) => ({
+    }), We = g(() => O.dataset.map((l, o) => ({
       name: l.name,
-      color: ot(l.color) || De.value[o] || Z[o] || Z[o % Z.length],
+      color: ot(l.color) || De.value[o] || J[o] || J[o % J.length],
       value: (l.values || []).reduce((t, a) => t + a, 0),
       shape: "circle",
       patternIndex: o
@@ -286,8 +286,8 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
     })), $ = g(() => {
       const l = Math.min(u.value.width / 3, u.value.height / 3);
       return l < 55 ? 55 : l;
-    }), F = g(() => St({ series: W.value }, u.value.width / 2, u.value.height / 2, $.value, $.value, 1.99999, 2, 1, 360, 105.25, J.value)), Y = g(() => F.value.filter((l) => !l.ghost)), c = g(() => {
-      const l = Math.max(...W.value.map((t) => t.value)), o = W.value.map((t) => t.value / l);
+    }), F = g(() => St({ series: R.value }, u.value.width / 2, u.value.height / 2, $.value, $.value, 1.99999, 2, 1, 360, 105.25, K.value)), Y = g(() => F.value.filter((l) => !l.ghost)), c = g(() => {
+      const l = Math.max(...R.value.map((t) => t.value)), o = R.value.map((t) => t.value / l);
       return Lt({
         series: o,
         center: {
@@ -298,7 +298,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         hasGhost: T.value
       });
     });
-    function K(l) {
+    function Q(l) {
       return l.x > u.value.width / 2 + 6 ? "start" : l.x < u.value.width / 2 - 6 ? "end" : "middle";
     }
     function pt(l) {
@@ -312,7 +312,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
       return isNaN(t) ? 0 : D(
         e.value.style.chart.layout.labels.percentage.formatter,
         t * 100,
-        M({
+        N({
           v: t * 100,
           s: "%",
           r: e.value.style.chart.layout.labels.percentage.rounding
@@ -323,7 +323,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
     function mt(l) {
       return [...l].map((o) => o.value).reduce((o, t) => o + t, 0);
     }
-    const S = g(() => W.value.map((l) => l.value).reduce((l, o) => l + o, 0)), We = g(() => S.value / W.value.length), Ue = g(() => (l) => E.value ? l.proportion * 100 : l.value / S.value * 100), pe = d(null), oe = d(!1);
+    const S = g(() => R.value.map((l) => l.value).reduce((l, o) => l + o, 0)), Re = g(() => S.value / R.value.length), Ue = g(() => (l) => E.value ? l.proportion * 100 : l.value / S.value * 100), pe = d(null), oe = d(!1);
     function je({ datapoint: l, relativeIndex: o, seriesIndex: t, show: a = !1 }) {
       pe.value = { datapoint: l, seriesIndex: t, config: e.value, series: G.value }, ie.value = a, A.value = o;
       let v = "";
@@ -344,7 +344,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         if (v += `<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>`, v += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${l.color}"/>${vt.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${y.value}_${t})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (v += `<b>${D(
           e.value.style.chart.layout.labels.value.formatter,
           l.value,
-          M({
+          N({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
             v: l.value,
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -359,7 +359,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
           const _ = D(
             e.value.style.chart.layout.labels.percentage.formatter,
             l.proportion * 100,
-            M({
+            N({
               v: l.proportion * 100,
               s: "%",
               r: e.value.style.chart.tooltip.roundingPercentage
@@ -379,10 +379,10 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
       return e.value.useBlurOnHover && ![null, void 0].includes(A.value) && A.value !== l ? `url(#blur_${y.value})` : "";
     }
     const U = g(() => {
-      const l = W.value.map((t) => ({
+      const l = R.value.map((t) => ({
         name: t.name,
         color: t.color
-      })), o = W.value.map((t) => t.value);
+      })), o = R.value.map((t) => t.value);
       return { head: l, body: o };
     });
     function Ee() {
@@ -396,7 +396,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
     const ve = g(() => {
       const l = [
         ' <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>',
-        M({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: S.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
+        N({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: S.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
         "100%"
       ], o = U.value.head.map((v, b) => [
         {
@@ -428,9 +428,9 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         body: o,
         config: t
       };
-    }), Q = d(!1);
+    }), Z = d(!1);
     function bt(l) {
-      Q.value = l, Se.value += 1;
+      Z.value = l, Se.value += 1;
     }
     const He = g(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent));
     function wt(l) {
@@ -442,10 +442,10 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
     function qe() {
       h.value.showTable = !h.value.showTable;
     }
-    function Ze() {
+    function Je() {
       h.value.dataLabels.show = !h.value.dataLabels.show;
     }
-    function Je() {
+    function Ke() {
       h.value.showTooltip = !h.value.showTooltip;
     }
     const ce = d(!1);
@@ -458,19 +458,19 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
       generateCsv: Ee,
       generateImage: Ie,
       toggleTable: qe,
-      toggleLabels: Ze,
-      toggleTooltip: Je,
+      toggleLabels: Je,
+      toggleTooltip: Ke,
       toggleAnnotator: me
     }), (l, o) => (s(), n("div", {
       ref_key: "donutChart",
       ref: ae,
-      class: be(`vue-ui-donut ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: be(`vue-ui-donut ${Z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: w(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `donut__${y.value}`,
       onMouseenter: o[6] || (o[6] = () => r(ze)(!0)),
       onMouseleave: o[7] || (o[7] = () => r(ze)(!1))
     }, [
-      e.value.userOptions.buttons.annotator && r(fe) ? (s(), q(Jt, {
+      e.value.userOptions.buttons.annotator && r(fe) ? (s(), q(Kt, {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -506,13 +506,13 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
           }
         }, null, 8, ["config"]))
       ], 512)) : i("", !0),
-      e.value.userOptions.show && le.value && (r(Oe) || r(ye)) ? (s(), q(Wt, {
+      e.value.userOptions.show && le.value && (r(Oe) || r(ye)) ? (s(), q(Rt, {
         ref_key: "details",
         ref: ct,
         key: `user_option_${Se.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: r(Me),
+        isPrinting: r(Ne),
         isImaging: r(Ye),
         uid: y.value,
         hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
@@ -522,7 +522,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: e.value.userOptions.buttons.labels,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: Q.value,
+        isFullscreen: Z.value,
         chartElement: ae.value,
         position: e.value.userOptions.position,
         isTooltip: h.value.showTooltip,
@@ -534,8 +534,8 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         onGenerateCsv: Ee,
         onGenerateImage: r(Ie),
         onToggleTable: qe,
-        onToggleLabels: Ze,
-        onToggleTooltip: Je,
+        onToggleLabels: Je,
+        onToggleTooltip: Ke,
         onToggleAnnotator: me,
         style: w({
           visibility: r(Oe) ? r(ye) ? "visible" : "hidden" : "visible"
@@ -610,11 +610,11 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         ref_key: "svgRef",
         ref: fe,
         xmlns: r(zt),
-        class: be({ "vue-data-ui-fullscreen--on": Q.value, "vue-data-ui-fulscreen--off": !Q.value }),
+        class: be({ "vue-data-ui-fullscreen--on": Z.value, "vue-data-ui-fulscreen--off": !Z.value }),
         viewBox: `0 0 ${u.value.width <= 0 ? 10 : u.value.width} ${u.value.height <= 0 ? 10 : u.value.height}`,
-        style: w(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};${Ne.value.css}`)
+        style: w(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};${Me.value.css}`)
       }, [
-        we(Zt),
+        we(Jt),
         l.$slots["chart-background"] ? (s(), n("foreignObject", {
           key: 0,
           x: 0,
@@ -627,7 +627,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         }, [
           p(l.$slots, "chart-background", {}, void 0, !0)
         ], 8, ol)) : i("", !0),
-        e.value.type === "classic" && !isNaN(J.value / $.value) ? (s(), n("defs", sl, [
+        e.value.type === "classic" && !isNaN(K.value / $.value) ? (s(), n("defs", sl, [
           e.value.style.chart.useGradient ? (s(), n("radialGradient", {
             key: 0,
             id: `gradient_${y.value}`
@@ -638,12 +638,12 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
               "stop-opacity": "0"
             }, null, 8, nl),
             f("stop", {
-              offset: `${(1 - J.value / $.value) * 100}%`,
+              offset: `${(1 - K.value / $.value) * 100}%`,
               "stop-color": r(ue)("#FFFFFF", 0),
               "stop-opacity": "0"
             }, null, 8, rl),
             f("stop", {
-              offset: `${(1 - J.value / $.value / 2) * 100}%`,
+              offset: `${(1 - K.value / $.value / 2) * 100}%`,
               "stop-color": r(ue)("#FFFFFF", e.value.style.chart.gradientIntensity)
             }, null, 8, il),
             f("stop", {
@@ -721,7 +721,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         e.value.type === "classic" ? (s(!0), n(m, { key: 3 }, L(F.value.filter((t) => !t.ghost), (t, a) => (s(), n("g", null, [
           X(t) && h.value.dataLabels.show ? (s(), n("path", {
             key: 0,
-            d: r(Nt)(t, { x: u.value.width / 2, y: u.value.height / 2 }, 16, 16, !1, !1, J.value, 12, e.value.style.chart.layout.curvedMarkers),
+            d: r(Mt)(t, { x: u.value.width / 2, y: u.value.height / 2 }, 16, 16, !1, !1, K.value, 12, e.value.style.chart.layout.curvedMarkers),
             stroke: t.color,
             "stroke-width": "1",
             "stroke-linecap": "round",
@@ -819,7 +819,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
                 style: w({
                   transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
                 })
-              }, null, 12, Nl))), 256))
+              }, null, 12, Ml))), 256))
             ])) : i("", !0),
             (s(!0), n(m, null, L(Y.value, (t, a) => (s(), n("path", {
               class: "vue-ui-donut-arc-path",
@@ -831,7 +831,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
               style: w({
                 transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
               })
-            }, null, 12, Ml))), 256))
+            }, null, 12, Nl))), 256))
           ])) : (s(), n("g", Yl, [
             l.$slots.pattern ? (s(), n("circle", {
               key: 0,
@@ -885,7 +885,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
               }),
               onClick: (v) => j(t, a)
             }, null, 40, Gl))), 256))
-          ])) : (s(), n("g", Rl, [
+          ])) : (s(), n("g", Wl, [
             f("circle", {
               cx: u.value.width / 2,
               cy: u.value.height / 2,
@@ -901,7 +901,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
                 ie.value = !1, A.value = null;
               }),
               onClick: o[3] || (o[3] = (t) => j(F.value[0], l.i))
-            }, null, 40, Wl)
+            }, null, 40, Rl)
           ]))
         ], 64)) : i("", !0),
         e.value.type === "classic" ? (s(), n(m, { key: 12 }, [
@@ -925,7 +925,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
           }, P(r(D)(
             e.value.style.chart.layout.labels.hollow.total.value.formatter,
             S.value,
-            r(M)({
+            r(N)({
               p: e.value.style.chart.layout.labels.hollow.total.value.prefix,
               v: S.value,
               s: e.value.style.chart.layout.labels.hollow.total.value.suffix
@@ -950,10 +950,10 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
             style: w(`font-weight:${e.value.style.chart.layout.labels.hollow.average.value.bold ? "bold" : ""}`)
           }, P(E.value || T.value ? "--" : r(D)(
             e.value.style.chart.layout.labels.hollow.average.value.formatter,
-            We.value,
-            r(M)({
+            Re.value,
+            r(N)({
               p: e.value.style.chart.layout.labels.hollow.average.value.prefix,
-              v: We.value,
+              v: Re.value,
               s: e.value.style.chart.layout.labels.hollow.average.value.suffix,
               r: e.value.style.chart.layout.labels.hollow.average.value.rounding
             })
@@ -963,7 +963,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
           filter: H(a),
           class: be({ animated: e.value.useCssAnimation })
         }, [
-          e.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (s(), n("g", Zl, [
+          e.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (s(), n("g", Jl, [
             (s(), n("foreignObject", {
               x: r(k)(t, !0).anchor === "end" ? r(k)(t).x - 120 : r(k)(t, !0).anchor === "middle" ? r(k)(t).x - 60 : r(k)(t).x,
               y: r(ne)(t) - (He.value ? 20 : 0),
@@ -982,8 +982,8 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
                   percentage: ge(t, Y.value)
                 }), void 0, !0)
               ])
-            ], 8, Jl))
-          ])) : (s(), n("g", Kl, [
+            ], 8, Kl))
+          ])) : (s(), n("g", Ql, [
             e.value.type === "classic" ? (s(), n(m, { key: 0 }, [
               X(t) && h.value.dataLabels.show ? (s(), n("circle", {
                 key: 0,
@@ -995,7 +995,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
                 r: 3,
                 filter: !e.value.useBlurOnHover || [null, void 0].includes(A.value) || A.value === a ? "" : `url(#blur_${y.value})`,
                 onClick: (v) => j(t, a)
-              }, null, 8, Ql)) : i("", !0)
+              }, null, 8, Zl)) : i("", !0)
             ], 64)) : i("", !0),
             e.value.type === "polar" ? (s(), n(m, { key: 1 }, [
               X(t) && h.value.dataLabels.show ? (s(), n("circle", {
@@ -1026,7 +1026,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
               }, P(ge(t, Y.value)) + " " + P(e.value.style.chart.layout.labels.value.show ? `(${r(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t.value,
-                r(M)({
+                r(N)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1048,7 +1048,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
             e.value.type === "polar" ? (s(), n(m, { key: 3 }, [
               X(t) && h.value.dataLabels.show ? (s(), n("text", {
                 key: 0,
-                "text-anchor": K(c.value[a].middlePoint),
+                "text-anchor": Q(c.value[a].middlePoint),
                 x: r(z)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x,
                 y: r(z)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).y,
                 fill: e.value.style.chart.layout.labels.percentage.color,
@@ -1061,7 +1061,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
               }, P(ge(t, Y.value)) + " " + P(e.value.style.chart.layout.labels.value.show ? `(${r(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t.value,
-                r(M)({
+                r(N)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1071,7 +1071,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
               )})` : ""), 13, aa)) : i("", !0),
               X(t) && h.value.dataLabels.show ? (s(), n("text", {
                 key: 1,
-                "text-anchor": K(c.value[a].middlePoint),
+                "text-anchor": Q(c.value[a].middlePoint),
                 x: r(z)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x,
                 y: r(z)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).y + e.value.style.chart.layout.labels.percentage.fontSize,
                 fill: e.value.style.chart.layout.labels.name.color,
@@ -1101,7 +1101,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
             ], 8, ua)) : i("", !0),
             X(t) && e.value.type === "polar" ? (s(), n("foreignObject", {
               key: 1,
-              x: e.value.style.chart.comments.offsetX + (K(c.value[a].middlePoint) === "end" ? r(z)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x - e.value.style.chart.comments.width : K(c.value[a].middlePoint) === "middle" ? r(z)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x - e.value.style.chart.comments.width / 2 : r(z)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x),
+              x: e.value.style.chart.comments.offsetX + (Q(c.value[a].middlePoint) === "end" ? r(z)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x - e.value.style.chart.comments.width : Q(c.value[a].middlePoint) === "middle" ? r(z)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x - e.value.style.chart.comments.width / 2 : r(z)({ initX: c.value[a].middlePoint.x, initY: c.value[a].middlePoint.y, offset: 42, centerX: u.value.width / 2, centerY: u.value.height / 2 }).x),
               y: pt(c.value[a]) + e.value.style.chart.comments.offsetY,
               width: e.value.style.chart.comments.width,
               height: "200",
@@ -1113,7 +1113,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
             }, [
               f("div", null, [
                 p(l.$slots, "plot-comment", {
-                  plot: { ...t, textAlign: K(c.value[a].middlePoint), flexAlign: K(c.value[a].middlePoint), isFirstLoad: T.value }
+                  plot: { ...t, textAlign: Q(c.value[a].middlePoint), flexAlign: Q(c.value[a].middlePoint), isFirstLoad: T.value }
                 }, void 0, !0)
               ])
             ], 12, na)) : i("", !0)
@@ -1122,7 +1122,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         p(l.$slots, "svg", { svg: u.value }, void 0, !0)
       ], 14, al)) : i("", !0),
       l.$slots.watermark ? (s(), n("div", ra, [
-        p(l.$slots, "watermark", ee(te({ isPrinting: r(Me) || r(Ye) })), void 0, !0)
+        p(l.$slots, "watermark", ee(te({ isPrinting: r(Ne) || r(Ye) })), void 0, !0)
       ])) : i("", !0),
       le.value ? i("", !0) : (s(), q(Ht, {
         key: 6,
@@ -1132,7 +1132,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
             backgroundColor: e.value.style.chart.backgroundColor,
             donut: {
               color: "#CCCCCC",
-              strokeWidth: J.value * 0.8
+              strokeWidth: K.value * 0.8
             }
           }
         }
@@ -1143,7 +1143,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
       }, [
         e.value.style.chart.legend.show ? (s(), q(Et, {
           key: `legend_${Ae.value}`,
-          legendSet: Re.value,
+          legendSet: We.value,
           config: gt.value,
           onClickMarker: o[4] || (o[4] = ({ i: t }) => Ge(t))
         }, et({
@@ -1155,7 +1155,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
               lt(P(t.name) + ": " + P(r(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t.value,
-                r(M)({
+                r(N)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1169,7 +1169,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
               V.value.includes(a) ? (s(), n("span", ca, " ( " + P(wt(t.proportion * 100)) + " % ) ", 1)) : (s(), n("span", va, " (" + P(isNaN(t.value / S.value) ? "-" : r(D)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 Ue.value(t),
-                r(M)({
+                r(N)({
                   v: Ue.value(t),
                   s: "%",
                   r: e.value.style.chart.legend.roundingPercentage
@@ -1182,7 +1182,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
           l.$slots.pattern ? {
             name: "legend-pattern",
             fn: C(({ legend: t, index: a }) => [
-              we(Qt, {
+              we(Zt, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -1193,7 +1193,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
             key: "0"
           } : void 0
         ]), 1032, ["legendSet", "config"])) : i("", !0),
-        p(l.$slots, "legend", { legend: Re.value }, void 0, !0)
+        p(l.$slots, "legend", { legend: We.value }, void 0, !0)
       ], 512),
       l.$slots.source ? (s(), n("div", {
         key: 7,
@@ -1217,7 +1217,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
         parent: ae.value,
         content: he.value,
         isCustom: oe.value,
-        isFullscreen: Q.value
+        isFullscreen: Z.value
       }, {
         "tooltip-before": C(() => [
           p(l.$slots, "tooltip-before", ee(te({ ...pe.value })), void 0, !0)
@@ -1263,7 +1263,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
               lt(P(t.name ? t.name : isNaN(Number(t)) ? t.includes("%") ? t : r(D)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 t,
-                r(M)({
+                r(N)({
                   v: t,
                   s: "%",
                   r: e.value.style.chart.layout.labels.percentage.rounding
@@ -1271,7 +1271,7 @@ const ll = ["id"], al = ["xmlns", "viewBox"], ol = ["width", "height"], sl = { k
               ) : r(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t,
-                r(M)({
+                r(N)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,