vue-data-ui 2.14.2 → 2.14.3-beta.1

package/dist/{vue-ui-donut-6ioyEN3H.js → vue-ui-donut-B3cs-HjU.js}

@@ -1,15 +1,15 @@
-import { defineAsyncComponent as K, useSlots as Mt, computed as p, shallowRef as W, ref as _, onMounted as tt, onBeforeUnmount as Nt, watch as lt, createElementBlock as r, openBlock as o, normalizeStyle as b, normalizeClass as _e, createBlock as Q, createCommentVNode as i, renderSlot as g, createElementVNode as f, createVNode as xe, unref as n, createSlots as at, withCtx as C, normalizeProps as oe, guardReactiveProps as se, Fragment as m, renderList as S, mergeProps as ot, toDisplayString as P, createTextVNode as st, nextTick as Yt } from "vue";
-import { u as Xt, o as It, e as ut, g as Dt, c as Vt, b as Bt, d as nt, p as Z, m as Gt, _ as Rt, f as N, X as Wt, s as ve, w as Et, j as Ut, M as L, i as D, k as ce, n as w, t as jt, a as Ht, q as qt, r as Jt, x as Kt, S as rt } from "./index-DBYSSUsg.js";
+import { defineAsyncComponent as K, useSlots as Nt, computed as p, shallowRef as W, ref as _, onMounted as tt, onBeforeUnmount as Mt, watch as lt, createElementBlock as r, openBlock as o, normalizeStyle as b, normalizeClass as _e, createBlock as Q, createCommentVNode as i, renderSlot as g, createElementVNode as f, createVNode as $e, unref as n, createSlots as at, withCtx as C, normalizeProps as oe, guardReactiveProps as se, Fragment as m, renderList as S, mergeProps as ot, toDisplayString as P, createTextVNode as st, nextTick as Yt } from "vue";
+import { u as Xt, o as It, e as ut, g as Dt, c as Vt, b as Bt, d as nt, p as Z, m as Gt, $ as Rt, f as M, X as Wt, s as fe, w as Et, j as Ut, N as L, i as D, k as ve, n as w, t as jt, a as Ht, q as qt, r as Jt, x as Kt, T as rt } from "./index-DpgjO9No.js";
 import { t as Qt, u as Zt } from "./useResponsive-JZ9xq-JV.js";
-import { u as it } from "./useNestedProp-Cu77c3W4.js";
-import { u as el } from "./usePrinter-xF9W73YL.js";
+import { u as it } from "./useNestedProp-BS0-lsm3.js";
+import { u as el } from "./usePrinter-EqGRLYQ_.js";
 import { u as tl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ll } from "./useChartAccessibility-9icAAmYg.js";
-import al from "./Legend-DLJ9I-cg.js";
-import ol from "./Title-xtSGHclp.js";
-import { _ as sl } from "./Shape-DdpwkHh8.js";
+import al from "./Legend-XakQeDJw.js";
+import ol from "./Title-Be-4IBib.js";
+import { _ as sl } from "./Shape-D_nY-zV8.js";
 import { _ as ul } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { key: 1 }, cl = ["id"], dl = ["stop-color"], hl = ["offset", "stop-color"], yl = ["offset", "stop-color"], fl = ["stop-color"], pl = { key: 2 }, gl = ["id", "cx", "cy"], ml = ["stop-color", "stop-opacity"], bl = ["stop-color"], wl = ["id"], kl = ["id"], _l = ["id"], xl = ["flood-color"], $l = ["id"], Cl = ["flood-color"], Tl = ["d", "stroke", "filter"], Pl = ["d", "stroke", "filter"], Al = ["cx", "cy", "r", "fill", "filter"], Fl = { key: 6 }, Sl = ["stroke", "d"], Ll = { key: 0 }, zl = ["d", "fill", "stroke", "stroke-width", "filter"], Ol = ["d", "fill", "stroke", "stroke-width", "filter"], Ml = { key: 0 }, Nl = ["stroke", "d"], Yl = { key: 0 }, Xl = ["d", "stroke", "stroke-width", "filter"], Il = { key: 1 }, Dl = ["d", "fill", "stroke", "stroke-width", "filter"], Vl = ["d", "fill", "stroke", "stroke-width", "filter"], Bl = { key: 1 }, Gl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Rl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Wl = ["cx", "cy", "r", "stroke"], El = ["cx", "cy", "r", "fill"], Ul = { key: 0 }, jl = ["d", "fill", "onMouseenter", "onClick"], Hl = { key: 1 }, ql = ["cx", "cy", "r"], Jl = ["x", "y", "fill", "font-size"], Kl = ["x", "y", "fill", "font-size"], Ql = ["x", "y", "fill", "font-size"], Zl = ["x", "y", "fill", "font-size"], ea = ["filter"], ta = { key: 0 }, la = ["x", "y"], aa = { key: 1 }, oa = ["cx", "cy", "fill", "stroke", "filter", "onClick"], sa = ["cx", "cy", "fill", "stroke", "filter", "onClick"], ua = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], na = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], ra = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], ia = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], va = { key: 2 }, ca = ["x", "y", "width"], da = ["x", "y", "width"], ha = {
+const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { key: 1 }, cl = ["id"], dl = ["stop-color"], hl = ["offset", "stop-color"], yl = ["offset", "stop-color"], fl = ["stop-color"], pl = { key: 2 }, gl = ["id", "cx", "cy"], ml = ["stop-color", "stop-opacity"], bl = ["stop-color"], wl = ["id"], kl = ["id"], _l = ["id"], $l = ["flood-color"], xl = ["id"], Cl = ["flood-color"], Tl = ["d", "stroke", "filter"], Pl = ["d", "stroke", "filter"], Al = ["cx", "cy", "r", "fill", "filter"], Fl = { key: 6 }, Sl = ["stroke", "d"], Ll = ["d", "fill", "stroke", "stroke-width", "filter"], zl = { key: 0 }, Ol = ["d", "fill", "stroke", "stroke-width", "filter"], Nl = { key: 0 }, Ml = ["stroke", "d"], Yl = { key: 0 }, Xl = ["d", "stroke", "stroke-width", "filter"], Il = { key: 1 }, Dl = ["d", "fill", "stroke", "stroke-width", "filter"], Vl = ["d", "fill", "stroke", "stroke-width", "filter"], Bl = { key: 1 }, Gl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Rl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Wl = ["cx", "cy", "r", "stroke"], El = ["cx", "cy", "r", "fill"], Ul = { key: 0 }, jl = ["d", "fill", "onMouseenter", "onClick"], Hl = { key: 1 }, ql = ["cx", "cy", "r"], Jl = ["x", "y", "fill", "font-size"], Kl = ["x", "y", "fill", "font-size"], Ql = ["x", "y", "fill", "font-size"], Zl = ["x", "y", "fill", "font-size"], ea = ["filter"], ta = { key: 0 }, la = ["x", "y"], aa = { key: 1 }, oa = ["cx", "cy", "fill", "stroke", "filter", "onClick"], sa = ["cx", "cy", "fill", "stroke", "filter", "onClick"], ua = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], na = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], ra = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], ia = ["text-anchor", "x", "y", "fill", "font-size", "onClick"], va = { key: 2 }, ca = ["x", "y", "width"], da = ["x", "y", "width"], ha = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, ya = ["onClick"], fa = {
@@ -32,8 +32,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup($e, { expose: vt, emit: ct }) {
-    const dt = K(() => import("./vue-ui-accordion-CEZHj_of.js")), ht = K(() => import("./DataTable-DzCoab4C.js")), yt = K(() => import("./PackageVersion-DrhYhyQR.js")), ft = K(() => import("./PenAndPaper-BdnVqpO9.js")), pt = K(() => import("./vue-ui-skeleton-BJy7bURO.js")), gt = K(() => import("./Tooltip-D8swCIay.js")), mt = K(() => import("./UserOptions-BbJkNcCM.js")), { vue_ui_donut: bt } = Xt(), wt = Mt(), z = $e, ue = p({
+  setup(xe, { expose: vt, emit: ct }) {
+    const dt = K(() => import("./vue-ui-accordion-B7SuIgFc.js")), ht = K(() => import("./DataTable-CQHjdD9t.js")), yt = K(() => import("./PackageVersion-mH9eFSdi.js")), ft = K(() => import("./PenAndPaper-C49A3fVl.js")), pt = K(() => import("./vue-ui-skeleton-C-ca3jum.js")), gt = K(() => import("./Tooltip-B4lRAXc3.js")), mt = K(() => import("./UserOptions-CZOjPjId.js")), { vue_ui_donut: bt } = Xt(), wt = Nt(), z = xe, ue = p({
       get() {
         return !!z.dataset && z.dataset.length;
       },
@@ -43,7 +43,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
     }), ne = W(null), Ce = W(null), Te = W(null), E = W(null), ee = W(null), Pe = W(null), Ae = W(null), Fe = _(0), Se = _(0), Le = _(0);
     tt(() => {
       ze();
-    }), Nt(() => {
+    }), Mt(() => {
       E.value && (ee.value && E.value.unobserve(ee.value), E.value.disconnect());
     });
     function ze() {
@@ -79,8 +79,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         E.value && (ee.value && E.value.unobserve(ee.value), E.value.disconnect()), E.value = new ResizeObserver(l), ee.value = ne.value.parentNode, E.value.observe(ee.value);
       }
     }
-    const y = _(Vt()), kt = _(null), de = _(!1), pe = _(""), O = _(null), Oe = _(0);
-    function Me() {
+    const y = _(Vt()), kt = _(null), ce = _(!1), pe = _(""), O = _(null), Oe = _(0);
+    function Ne() {
       const l = it({
         userConfig: z.config,
         defaultConfig: bt
@@ -94,7 +94,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       } : l;
     }
     const e = p({
-      get: () => Me(),
+      get: () => Ne(),
       set: (l) => l
     }), T = _(!0), B = W([]);
     function _t(l, s = 1e3, t = 50) {
@@ -102,15 +102,15 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         const v = l.length;
         B.value = Array(v).fill(0);
         let d = 0;
-        l.forEach((k, $) => {
+        l.forEach((k, x) => {
           setTimeout(() => {
             const R = performance.now();
             function I(ie) {
-              const fe = Math.min((ie - R) / s, 1), Ot = rt(fe);
-              B.value[$] = k * Ot, B.value = [...B.value], fe < 1 ? requestAnimationFrame(I) : (B.value[$] = k, B.value = [...B.value], d += 1, d === v && a());
+              const ye = Math.min((ie - R) / s, 1), Ot = rt(ye);
+              B.value[x] = k * Ot, B.value = [...B.value], ye < 1 ? requestAnimationFrame(I) : (B.value[x] = k, B.value = [...B.value], d += 1, d === v && a());
             }
             requestAnimationFrame(I);
-          }, $ * t);
+          }, x * t);
         });
       });
     }
@@ -122,15 +122,15 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         e.value.startAnimation.staggerMs
       ), T.value = !1;
     });
-    const { userOptionsVisible: ge, setUserOptionsVisibility: Ne, keepUserOptionState: Ye } = tl({ config: e.value }), { svgRef: me } = ll({ config: e.value.style.chart.title });
-    function xt() {
-      Ne(!0);
-    }
+    const { userOptionsVisible: ge, setUserOptionsVisibility: Me, keepUserOptionState: Ye } = tl({ config: e.value }), { svgRef: me } = ll({ config: e.value.style.chart.title });
     function $t() {
-      Ne(!1);
+      Me(!0);
+    }
+    function xt() {
+      Me(!1);
     }
     lt(() => z.config, (l) => {
-      e.value = Me(), ge.value = !e.value.userOptions.showOnChartHover, ze(), Fe.value += 1, Se.value += 1, Le.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, u.value.height = e.value.style.chart.height, u.value.width = e.value.style.chart.width;
+      e.value = Ne(), ge.value = !e.value.userOptions.showOnChartHover, ze(), Fe.value += 1, Se.value += 1, Le.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, u.value.height = e.value.style.chart.height, u.value.width = e.value.style.chart.width;
     }, { deep: !0 });
     const Xe = p(() => {
       const { top: l, right: s, bottom: t, left: a } = e.value.style.chart.padding;
@@ -155,7 +155,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       height: e.value.style.chart.height,
       width: e.value.style.chart.width
     }), te = p(() => {
-      const l = e.value.style.chart.layout.donut.strokeWidth / 512, s = Math.min(u.value.width, u.value.height) * l, t = s > x.value ? x.value : s;
+      const l = e.value.style.chart.layout.donut.strokeWidth / 512, s = Math.min(u.value.width, u.value.height) * l, t = s > $.value ? $.value : s;
       return Math.max(t, 3);
     }), Re = ct, G = p(() => z.dataset.map((l, s) => ({
       name: l.name,
@@ -167,8 +167,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       seriesIndex: s,
       ghost: !1,
       pattern: `pattern_${y.value}_${s}`
-    }))), M = W(G.value);
-    lt(() => G.value, (l) => M.value = l);
+    }))), N = W(G.value);
+    lt(() => G.value, (l) => N.value = l);
     function Tt() {
       return G.value.map((l) => ({
         name: l.name,
@@ -179,28 +179,28 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
     const V = _([]), q = _(!1);
     function We({ from: l, to: s, duration: t, onUpdate: a, onDone: v, easing: d = rt }) {
       const k = performance.now();
-      function $(R) {
-        const I = Math.min((R - k) / t, 1), ie = d(I), fe = l + (s - l) * ie;
-        a(fe, I), I < 1 ? requestAnimationFrame($) : (a(s, 1), v && v());
+      function x(R) {
+        const I = Math.min((R - k) / t, 1), ie = d(I), ye = l + (s - l) * ie;
+        a(ye, I), I < 1 ? requestAnimationFrame(x) : (a(s, 1), v && v());
       }
-      requestAnimationFrame($);
+      requestAnimationFrame(x);
     }
     function Ee(l) {
       const s = G.value.find((v, d) => d === l);
-      let a = M.value.find((v, d) => d === l).value;
+      let a = N.value.find((v, d) => d === l).value;
       if (V.value.includes(l)) {
         let d = function() {
-          M.value = M.value.map(
-            ($, R) => l === R ? { ...$, value: v } : $
+          N.value = N.value.map(
+            (x, R) => l === R ? { ...x, value: v } : x
           );
         }, k = function() {
           q.value = !0, We({
             from: a,
             to: v,
             duration: e.value.serieToggleAnimation.durationMs,
-            onUpdate: ($, R) => {
-              M.value = M.value.map(
-                (I, ie) => l === ie ? { ...I, value: $ } : I
+            onUpdate: (x, R) => {
+              N.value = N.value.map(
+                (I, ie) => l === ie ? { ...I, value: x } : I
               );
             },
             onDone: () => {
@@ -208,21 +208,21 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             }
           });
         };
-        V.value = V.value.filter(($) => $ !== l);
+        V.value = V.value.filter((x) => x !== l);
         const v = s.value;
         e.value.serieToggleAnimation.show && e.value.type === "classic" ? k() : d();
       } else if (V.value.length < G.value.length - 1) {
         let v = function() {
-          V.value.push(l), M.value = M.value.map(
-            (k, $) => l === $ ? { ...k, value: 0 } : k
+          V.value.push(l), N.value = N.value.map(
+            (k, x) => l === x ? { ...k, value: 0 } : k
           );
         }, d = function() {
           q.value = !0, We({
             from: a,
             to: 0,
             duration: e.value.serieToggleAnimation.durationMs,
-            onUpdate: (k, $) => {
-              M.value = M.value.map(
+            onUpdate: (k, x) => {
+              N.value = N.value.map(
                 (R, I) => l === I ? { ...R, value: k } : R
               );
             },
@@ -254,13 +254,13 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           ghost: !0
         }), l;
       } else
-        return M.value.forEach((l, s) => {
+        return N.value.forEach((l, s) => {
           if ([null, void 0].includes(l.values))
             return {
               ...l,
               values: []
             };
-        }), M.value.map((l, s) => ({
+        }), N.value.map((l, s) => ({
           ...l,
           seriesIndex: s
         })).filter((l, s) => !V.value.includes(s));
@@ -283,10 +283,10 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), x = p(() => {
+    })), $ = p(() => {
       const l = Math.min(u.value.width / 3, u.value.height / 3);
       return l < 55 ? 55 : l;
-    }), A = p(() => Gt({ series: U.value }, u.value.width / 2, u.value.height / 2, x.value, x.value, 1.99999, 2, 1, 360, 105.25, te.value)), Y = p(() => A.value.filter((l) => !l.ghost)), c = p(() => {
+    }), A = p(() => Gt({ series: U.value }, u.value.width / 2, u.value.height / 2, $.value, $.value, 1.99999, 2, 1, 360, 105.25, te.value)), Y = p(() => A.value.filter((l) => !l.ghost)), c = p(() => {
       const l = Math.max(...U.value.map((t) => t.value)), s = U.value.map((t) => t.value / l);
       return Rt({
         series: s,
@@ -312,7 +312,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       return isNaN(t) ? 0 : D(
         e.value.style.chart.layout.labels.percentage.formatter,
         t * 100,
-        N({
+        M({
           v: t * 100,
           s: "%",
           r: e.value.style.chart.layout.labels.percentage.rounding
@@ -325,7 +325,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
     }
     const F = p(() => U.value.map((l) => l.value).reduce((l, s) => l + s, 0)), je = p(() => F.value / U.value.length), He = p(() => (l) => q.value ? l.proportion * 100 : l.value / F.value * 100), we = _(null), re = _(!1);
     function qe({ datapoint: l, relativeIndex: s, seriesIndex: t, show: a = !1 }) {
-      we.value = { datapoint: l, seriesIndex: t, config: e.value, series: G.value }, de.value = a, O.value = s;
+      we.value = { datapoint: l, seriesIndex: t, config: e.value, series: G.value }, ce.value = a, O.value = s;
       let v = "";
       const d = e.value.style.chart.tooltip.customFormat;
       if (re.value = !1, Kt(d))
@@ -344,7 +344,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { 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}"/>${wt.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,
-          N({
+          M({
             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 nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           const k = D(
             e.value.style.chart.layout.labels.percentage.formatter,
             l.proportion * 100,
-            N({
+            M({
               v: l.proportion * 100,
               s: "%",
               r: e.value.style.chart.tooltip.roundingPercentage
@@ -393,10 +393,10 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         l ? l(a) : Jt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-donut" });
       });
     }
-    const he = p(() => {
+    const de = p(() => {
       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>',
-        N({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: F.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
+        M({ p: e.value.style.chart.layout.labels.dataLabels.prefix, v: F.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
         "100%"
       ], s = j.value.head.map((v, d) => [
         {
@@ -448,9 +448,9 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
     function et() {
       h.value.showTooltip = !h.value.showTooltip;
     }
-    const ye = _(!1);
+    const he = _(!1);
     function ke() {
-      ye.value = !ye.value;
+      he.value = !he.value;
     }
     return vt({
       getData: Tt,
@@ -467,14 +467,14 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       class: _e(`vue-ui-donut ${ae.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: b(`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: xt,
-      onMouseleave: $t
+      onMouseenter: $t,
+      onMouseleave: xt
     }, [
       e.value.userOptions.buttons.annotator && n(me) ? (o(), Q(n(ft), {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
-        active: ye.value,
+        active: he.value,
         svgRef: n(me),
         onClose: ke
       }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : i("", !0),
@@ -529,7 +529,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         isTooltip: h.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: ye.value,
+        isAnnotation: he.value,
         onToggleFullscreen: Lt,
         onGeneratePdf: n(Ve),
         onGenerateCsv: Je,
@@ -615,7 +615,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         viewBox: `0 0 ${u.value.width <= 0 ? 10 : u.value.width} ${u.value.height <= 0 ? 10 : u.value.height}`,
         style: b(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};${Xe.value.css}`)
       }, [
-        xe(n(yt)),
+        $e(n(yt)),
         l.$slots["chart-background"] ? (o(), r("foreignObject", {
           key: 0,
           x: 0,
@@ -628,28 +628,28 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         }, [
           g(l.$slots, "chart-background", {}, void 0, !0)
         ], 8, il)) : i("", !0),
-        e.value.type === "classic" && !isNaN(te.value / x.value) ? (o(), r("defs", vl, [
+        e.value.type === "classic" && !isNaN(te.value / $.value) ? (o(), r("defs", vl, [
           e.value.style.chart.useGradient ? (o(), r("radialGradient", {
             key: 0,
             id: `gradient_${y.value}`
           }, [
             f("stop", {
               offset: "0%",
-              "stop-color": n(ve)(e.value.style.chart.backgroundColor, 0),
+              "stop-color": n(fe)(e.value.style.chart.backgroundColor, 0),
               "stop-opacity": "0"
             }, null, 8, dl),
             f("stop", {
-              offset: `${(1 - te.value / x.value) * 100}%`,
-              "stop-color": n(ve)("#FFFFFF", 0),
+              offset: `${(1 - te.value / $.value) * 100}%`,
+              "stop-color": n(fe)("#FFFFFF", 0),
               "stop-opacity": "0"
             }, null, 8, hl),
             f("stop", {
-              offset: `${(1 - te.value / x.value / 2) * 100}%`,
-              "stop-color": n(ve)("#FFFFFF", e.value.style.chart.gradientIntensity)
+              offset: `${(1 - te.value / $.value / 2) * 100}%`,
+              "stop-color": n(fe)("#FFFFFF", e.value.style.chart.gradientIntensity)
             }, null, 8, yl),
             f("stop", {
               offset: "100%",
-              "stop-color": n(ve)(e.value.style.chart.backgroundColor, 0),
+              "stop-color": n(fe)(e.value.style.chart.backgroundColor, 0),
               "stop-opacity": "0"
             }, null, 8, fl)
           ], 8, cl)) : i("", !0)
@@ -700,7 +700,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               stdDeviation: "10",
               "flood-opacity": "0.5",
               "flood-color": e.value.style.chart.layout.donut.shadowColor
-            }, null, 8, xl)
+            }, null, 8, $l)
           ], 8, _l),
           f("filter", {
             id: `drop_shadow_${y.value}`,
@@ -717,7 +717,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               "flood-opacity": "1",
               "flood-color": e.value.style.chart.layout.donut.shadowColor
             }, null, 8, Cl)
-          ], 8, $l)
+          ], 8, xl)
         ]),
         e.value.type === "classic" ? (o(!0), r(m, { key: 3 }, S(A.value.filter((t) => !t.ghost), (t, a) => (o(), r("g", null, [
           X(t) && h.value.dataLabels.show ? (o(), r("path", {
@@ -750,12 +750,12 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           key: 5,
           cx: u.value.width / 2,
           cy: u.value.height / 2,
-          r: x.value <= 0 ? 10 : x.value,
+          r: $.value <= 0 ? 10 : $.value,
           fill: e.value.style.chart.backgroundColor,
           filter: `url(#shadow_${y.value})`
         }, null, 8, Al)) : i("", !0),
         l.$slots.pattern ? (o(), r("g", Fl, [
-          (o(!0), r(m, null, S($e.dataset, (t, a) => (o(), r("defs", {
+          (o(!0), r(m, null, S(xe.dataset, (t, a) => (o(), r("defs", {
             key: `pattern-${t.patternIndex}`
           }, [
             g(l.$slots, "pattern", ot({ ref_for: !0 }, { seriesIndex: a, patternId: `pattern_${y.value}_${a}` }), void 0, !0)
@@ -767,7 +767,15 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             d: t.arcSlice,
             fill: "#FFFFFF"
           }, null, 8, Sl))), 256)),
-          l.$slots.pattern ? (o(), r("g", Ll, [
+          (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
+            class: "vue-ui-donut-arc-path",
+            d: t.arcSlice,
+            fill: t.color,
+            stroke: e.value.style.chart.backgroundColor,
+            "stroke-width": e.value.style.chart.layout.donut.borderWidth,
+            filter: J(a)
+          }, null, 8, Ll))), 256)),
+          l.$slots.pattern ? (o(), r("g", zl, [
             (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
               class: "vue-ui-donut-arc-path",
               d: t.arcSlice,
@@ -775,19 +783,11 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth,
               filter: J(a)
-            }, null, 8, zl))), 256))
-          ])) : i("", !0),
-          (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
-            class: "vue-ui-donut-arc-path",
-            d: t.arcSlice,
-            fill: n(ve)(t.color, 80),
-            stroke: e.value.style.chart.backgroundColor,
-            "stroke-width": e.value.style.chart.layout.donut.borderWidth,
-            filter: J(a)
-          }, null, 8, Ol))), 256))
+            }, null, 8, Ol))), 256))
+          ])) : i("", !0)
         ], 64)) : i("", !0),
         F.value && e.value.type === "polar" ? (o(), r(m, { key: 8 }, [
-          A.value.length > 1 ? (o(), r("g", Ml, [
+          A.value.length > 1 ? (o(), r("g", Nl, [
             (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
               stroke: e.value.style.chart.backgroundColor,
               d: c.value[a].path,
@@ -795,7 +795,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               style: b({
                 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)),
             e.value.style.chart.layout.donut.useShadow ? (o(), r("g", Yl, [
               (o(!0), r(m, null, S(Y.value, (t, a) => (o(), r("path", {
                 class: "vue-ui-donut-arc-path",
@@ -838,7 +838,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               key: 0,
               cx: u.value.width / 2,
               cy: u.value.height / 2,
-              r: x.value,
+              r: $.value,
               fill: `url(#pattern_${y.value}_${A.value[0].patternIndex})`,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth
@@ -846,7 +846,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             f("circle", {
               cx: u.value.width / 2,
               cy: u.value.height / 2,
-              r: x.value,
+              r: $.value,
               fill: e.value.style.chart.useGradient ? `url(#polar_gradient_0_${y.value})` : A.value[0].color,
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.donut.borderWidth
@@ -856,7 +856,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           key: 9,
           cx: u.value.width / 2,
           cy: u.value.height / 2,
-          r: x.value <= 0 ? 10 : x.value,
+          r: $.value <= 0 ? 10 : $.value,
           fill: "transparent",
           stroke: e.value.style.chart.backgroundColor
         }, null, 8, Wl)),
@@ -866,7 +866,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           cy: u.value.height / 2,
           r: (
             /* This might require adjustments */
-            x.value <= 0 ? 10 : x.value
+            $.value <= 0 ? 10 : $.value
           ),
           fill: `url(#gradient_${y.value})`
         }, null, 8, El)) : i("", !0),
@@ -882,7 +882,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                 show: !0
               }),
               onMouseleave: s[0] || (s[0] = (v) => {
-                de.value = !1, O.value = null;
+                ce.value = !1, O.value = null;
               }),
               onClick: (v) => H(t, a)
             }, null, 40, jl))), 256))
@@ -890,7 +890,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             f("circle", {
               cx: u.value.width / 2,
               cy: u.value.height / 2,
-              r: x.value,
+              r: $.value,
               fill: "transparent",
               onMouseenter: s[1] || (s[1] = (t) => qe({
                 datapoint: A.value[0],
@@ -899,7 +899,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                 show: !0
               })),
               onMouseleave: s[2] || (s[2] = (t) => {
-                de.value = !1, O.value = null;
+                ce.value = !1, O.value = null;
               }),
               onClick: s[3] || (s[3] = (t) => H(A.value[0], l.i))
             }, null, 40, ql)
@@ -926,7 +926,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           }, P(n(D)(
             e.value.style.chart.layout.labels.hollow.total.value.formatter,
             F.value,
-            n(N)({
+            n(M)({
               p: e.value.style.chart.layout.labels.hollow.total.value.prefix,
               v: F.value,
               s: e.value.style.chart.layout.labels.hollow.total.value.suffix
@@ -952,7 +952,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           }, P(q.value || T.value ? "--" : n(D)(
             e.value.style.chart.layout.labels.hollow.average.value.formatter,
             je.value,
-            n(N)({
+            n(M)({
               p: e.value.style.chart.layout.labels.hollow.average.value.prefix,
               v: je.value,
               s: e.value.style.chart.layout.labels.hollow.average.value.suffix,
@@ -967,7 +967,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           e.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (o(), r("g", ta, [
             (o(), r("foreignObject", {
               x: n(w)(t, !0).anchor === "end" ? n(w)(t).x - 120 : n(w)(t, !0).anchor === "middle" ? n(w)(t).x - 60 : n(w)(t).x,
-              y: n(ce)(t) - (Ke.value ? 20 : 0),
+              y: n(ve)(t) - (Ke.value ? 20 : 0),
               width: "120",
               height: "60",
               style: { overflow: "visible" }
@@ -989,7 +989,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               X(t) && h.value.dataLabels.show ? (o(), r("circle", {
                 key: 0,
                 cx: n(w)(t).x,
-                cy: n(ce)(t) - 3.5,
+                cy: n(ve)(t) - 3.5,
                 fill: t.color,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": 1,
@@ -1019,7 +1019,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                 key: 0,
                 "text-anchor": n(w)(t, !0, 12).anchor,
                 x: n(w)(t, !0, 12).x,
-                y: n(ce)(t),
+                y: n(ve)(t),
                 fill: e.value.style.chart.layout.labels.percentage.color,
                 "font-size": e.value.style.chart.layout.labels.percentage.fontSize,
                 style: b(`font-weight:${e.value.style.chart.layout.labels.percentage.bold ? "bold" : ""}`),
@@ -1027,7 +1027,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               }, P(be(t, Y.value)) + " " + P(e.value.style.chart.layout.labels.value.show ? `(${n(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t.value,
-                n(N)({
+                n(M)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1039,7 +1039,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
                 key: 1,
                 "text-anchor": n(w)(t).anchor,
                 x: n(w)(t, !0, 12).x,
-                y: n(ce)(t) + e.value.style.chart.layout.labels.percentage.fontSize,
+                y: n(ve)(t) + 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: b(`font-weight:${e.value.style.chart.layout.labels.name.bold ? "bold" : ""}`),
@@ -1062,7 +1062,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               }, P(be(t, Y.value)) + " " + P(e.value.style.chart.layout.labels.value.show ? `(${n(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t.value,
-                n(N)({
+                n(M)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1089,7 +1089,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
             X(t) && e.value.type === "classic" ? (o(), r("foreignObject", {
               key: 0,
               x: e.value.style.chart.comments.offsetX + (n(w)(t, !0).anchor === "end" ? n(w)(t).x - e.value.style.chart.comments.width : n(w)(t, !0).anchor === "middle" ? n(w)(t).x - e.value.style.chart.comments.width / 2 : n(w)(t).x),
-              y: n(ce)(t) + 24 + e.value.style.chart.comments.offsetY,
+              y: n(ve)(t) + 24 + e.value.style.chart.comments.offsetY,
               width: e.value.style.chart.comments.width,
               height: "200",
               style: { overflow: "visible", "pointer-events": "none" }
@@ -1156,7 +1156,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               st(P(t.name) + ": " + P(n(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t.value,
-                n(N)({
+                n(M)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t.value,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1170,7 +1170,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               V.value.includes(a) ? (o(), r("span", pa, " ( " + P(zt(t.proportion * 100)) + " % ) ", 1)) : (o(), r("span", fa, " (" + P(isNaN(t.value / F.value) ? "-" : n(D)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 He.value(t),
-                n(N)({
+                n(M)({
                   v: He.value(t),
                   s: "%",
                   r: e.value.style.chart.legend.roundingPercentage
@@ -1183,7 +1183,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
           l.$slots.pattern ? {
             name: "legend-pattern",
             fn: C(({ legend: t, index: a }) => [
-              xe(sl, {
+              $e(sl, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -1204,8 +1204,8 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       }, [
         g(l.$slots, "source", {}, void 0, !0)
       ], 512)) : i("", !0),
-      xe(n(gt), {
-        show: h.value.showTooltip && de.value,
+      $e(n(gt), {
+        show: h.value.showTooltip && ce.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -1247,10 +1247,10 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
         content: C(() => [
           (o(), Q(n(ht), {
             key: `table_${Se.value}`,
-            colNames: he.value.colNames,
-            head: he.value.head,
-            body: he.value.body,
-            config: he.value.config,
+            colNames: de.value.colNames,
+            head: de.value.head,
+            body: de.value.body,
+            config: de.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: s[5] || (s[5] = (t) => h.value.showTable = !1)
           }, {
@@ -1264,7 +1264,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               st(P(t.name ? t.name : isNaN(Number(t)) ? t.includes("%") ? t : n(D)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 t,
-                n(N)({
+                n(M)({
                   v: t,
                   s: "%",
                   r: e.value.style.chart.layout.labels.percentage.rounding
@@ -1272,7 +1272,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
               ) : n(D)(
                 e.value.style.chart.layout.labels.value.formatter,
                 t,
-                n(N)({
+                n(M)({
                   p: e.value.style.chart.layout.labels.dataLabels.prefix,
                   v: t,
                   s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1287,7 +1287,7 @@ const nl = ["id"], rl = ["xmlns", "viewBox"], il = ["width", "height"], vl = { k
       }, 8, ["config"])) : i("", !0)
     ], 46, nl));
   }
-}, Sa = /* @__PURE__ */ ul(ma, [["__scopeId", "data-v-ecf724bd"]]);
+}, Sa = /* @__PURE__ */ ul(ma, [["__scopeId", "data-v-b5044af7"]]);
 export {
   Sa as default
 };