vue-data-ui 3.7.16 → 3.8.1

package/dist/{vue-ui-donut-CKSt_cq4.js → vue-ui-donut-DsCBPM7k.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as le, useSlots as Ll, computed as f, shallowRef as Z, ref as b, onMounted as Tt, onBeforeUnmount as Pt, toRefs as Ml, watch as ye, createElementBlock as r, openBlock as s, normalizeStyle as _, normalizeClass as We, createBlock as oe, createCommentVNode as c, renderSlot as y, createElementVNode as h, createVNode as Se, unref as u, withCtx as m, normalizeProps as O, guardReactiveProps as E, createSlots as qe, Fragment as k, renderList as D, mergeProps as je, toDisplayString as U, withDirectives as Dt, createTextVNode as Te, vShow as It, Teleport as Bl, resolveDynamicComponent as zl, nextTick as Ol } from "vue";
-import { o as Lt, g as He, k as El, c as Nl, t as Yl, j as Xl, M as Vl, l as Mt, p as ie, a as W, d as N, Z as Bt, a1 as Rl, X as Gl, s as Pe, h as Ul, _ as Wl, a2 as T, $ as ge, a0 as x, a3 as zt, f as ql, i as jl, W as Ze, u as Hl, q as Zl, x as Jl, a4 as Ot } from "./lib-DUaaQGCv.js";
-import { t as Kl, u as Ql } from "./useResponsive-DfdjqQps.js";
-import { u as eo, a as Je } from "./useNestedProp-CoXaJ2T6.js";
-import { u as to } from "./usePrinter-BdVu83IN.js";
+import { defineAsyncComponent as le, useSlots as Ll, computed as f, shallowRef as J, ref as b, onMounted as Tt, onBeforeUnmount as Pt, toRefs as Ml, watch as ye, createElementBlock as r, openBlock as s, normalizeStyle as _, normalizeClass as qe, createBlock as oe, createCommentVNode as c, renderSlot as y, createElementVNode as h, createVNode as Se, unref as u, withCtx as m, normalizeProps as O, guardReactiveProps as E, createSlots as We, Fragment as k, renderList as D, mergeProps as je, toDisplayString as U, withDirectives as Dt, createTextVNode as Te, vShow as It, Teleport as Bl, resolveDynamicComponent as zl, nextTick as Ol } from "vue";
+import { o as Lt, g as He, k as El, c as Nl, t as Yl, j as Xl, T as Vl, l as Mt, p as ie, a as q, d as N, a2 as Bt, a6 as Rl, X as Gl, s as Pe, h as Ul, a3 as ql, a7 as T, a4 as ge, a5 as x, a8 as zt, f as Wl, i as jl, a0 as Je, u as Hl, q as Jl, x as Kl, a9 as Ot } from "./lib-qMPkcvmh.js";
+import { t as Ql, u as Zl } from "./useResponsive-DfdjqQps.js";
+import { u as eo, a as Ke } from "./useNestedProp-DH2Pjkde.js";
+import { u as to } from "./usePrinter-CjGh4mFJ.js";
 import { u as lo, B as oo } from "./BaseScanner-BgWxam9d.js";
 import { u as ao } from "./useSvgExport-DrjCWun4.js";
 import { u as no } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as so } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as uo } from "./useChartAccessibility-9icAAmYg.js";
-import ro from "./img-BYzbY8TZ.js";
-import { _ as io } from "./Shape-rPzC8L-O.js";
-import co from "./Title-CM2dM0rQ.js";
-import vo from "./Legend-DSyOOSJ1.js";
+import ro from "./img-CwrkWkkl.js";
+import { _ as io } from "./Shape-BEGGcaL8.js";
+import co from "./Title-CWX8otQg.js";
+import vo from "./Legend-Djkw4FGq.js";
 import { _ as ho } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { percentage: { color: "#CCCCCC" }, name: { color: "#CCCCCC" }, hollow: { total: { color: "#CCCCCC", value: { color: "#CCCCCC" } }, average: { color: "#CCCCCC", value: { color: "#CCCCCC" } } } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Nt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { labels: { percentage: { color: "#424242" }, name: { color: "#424242" }, hollow: { total: { color: "#424242", value: { color: "#424242" } }, average: { color: "#424242", value: { color: "#424242" } } } } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Yt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { labels: { percentage: { color: "#BDBDBD" }, name: { color: "#BDBDBD" }, hollow: { total: { color: "#BDBDBD", value: { color: "#BDBDBD" } }, average: { color: "#BDBDBD", value: { color: "#BDBDBD" } } } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Xt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { labels: { percentage: { color: "#61747E" }, name: { color: "#8A9892" }, hollow: { total: { color: "#8A9892", value: { color: "#61747E" } }, average: { color: "#8A9892", value: { color: "#61747E" } } } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Vt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { labels: { percentage: { color: "#AACCAA" }, name: { color: "#99CC99" }, hollow: { total: { color: "#99CC99", value: { color: "#AACCAA" } }, average: { color: "#99CC99", value: { color: "#AACCAA" } } } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Rt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { labels: { percentage: { color: "#A0AC94" }, name: { color: "#8A9892" }, hollow: { total: { color: "#8A9892", value: { color: "#A0AC94" } }, average: { color: "#8A9892", value: { color: "#A0AC94" } } } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Gt = {
   default: {},
@@ -21,7 +21,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   concrete: Xt,
   hack: Vt,
   zen: Rt
-}, Wa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: Nt,
   celebrationNight: Yt,
@@ -30,7 +30,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   default: Gt,
   hack: Vt,
   zen: Rt
-}, Symbol.toStringTag, { value: "Module" })), fo = ["id"], yo = ["id"], go = ["xmlns", "viewBox"], po = ["width", "height"], bo = { key: 1 }, mo = ["id"], wo = ["stop-color"], ko = ["offset", "stop-color"], Co = ["offset", "stop-color"], xo = ["stop-color"], Ao = { key: 2 }, _o = ["id", "cx", "cy"], $o = ["stop-color", "stop-opacity"], Fo = ["stop-color"], So = ["id"], To = ["id"], Po = ["id"], Do = ["flood-color"], Io = ["id"], Lo = ["flood-color"], Mo = ["d", "stroke", "filter"], Bo = ["d", "stroke", "filter"], zo = ["cx", "cy", "r", "fill", "filter"], Oo = { key: 6 }, Eo = ["stroke", "d"], No = ["d", "fill", "stroke", "stroke-width", "filter"], Yo = { key: 0 }, Xo = ["d", "fill", "stroke", "stroke-width", "filter"], Vo = { key: 0 }, Ro = ["stroke", "d"], Go = { key: 0 }, Uo = ["d", "stroke", "stroke-width", "filter"], Wo = { key: 1 }, qo = ["d", "fill", "stroke", "stroke-width", "filter"], jo = ["d", "fill", "stroke", "stroke-width", "filter"], Ho = { key: 1 }, Zo = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Jo = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ko = { key: 0 }, Qo = ["d", "fill", "stroke", "stroke-width"], ea = ["cx", "cy", "r", "stroke"], ta = ["cx", "cy", "r", "fill"], la = ["cx", "cy", "r"], oa = { key: 0 }, aa = ["d", "stroke", "fill", "onMouseenter", "onMouseleave", "onClick"], na = { key: 1 }, sa = ["cx", "cy", "r"], ua = ["x", "y", "fill", "font-size"], ra = ["x", "y", "fill", "font-size"], ia = ["x", "y", "fill", "font-size"], ca = ["x", "y", "fill", "font-size"], va = ["filter"], da = { key: 0 }, ha = ["x", "y"], fa = { key: 1 }, ya = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], ga = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], pa = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], ba = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "innerHTML"], ma = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], wa = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "innerHTML"], ka = { key: 2 }, Ca = ["x", "y", "width"], xa = ["x", "y", "width"], Aa = {
+}, Symbol.toStringTag, { value: "Module" })), fo = ["id"], yo = ["id"], go = ["xmlns", "viewBox"], po = ["width", "height"], bo = { key: 1 }, mo = ["id"], wo = ["stop-color"], ko = ["offset", "stop-color"], Co = ["offset", "stop-color"], xo = ["stop-color"], Ao = { key: 2 }, _o = ["id", "cx", "cy"], $o = ["stop-color", "stop-opacity"], Fo = ["stop-color"], So = ["id"], To = ["id"], Po = ["id"], Do = ["flood-color"], Io = ["id"], Lo = ["flood-color"], Mo = ["d", "stroke", "filter"], Bo = ["d", "stroke", "filter"], zo = ["cx", "cy", "r", "fill", "filter"], Oo = { key: 6 }, Eo = ["stroke", "d"], No = ["d", "fill", "stroke", "stroke-width", "filter"], Yo = { key: 0 }, Xo = ["d", "fill", "stroke", "stroke-width", "filter"], Vo = { key: 0 }, Ro = ["stroke", "d"], Go = { key: 0 }, Uo = ["d", "stroke", "stroke-width", "filter"], qo = { key: 1 }, Wo = ["d", "fill", "stroke", "stroke-width", "filter"], jo = ["d", "fill", "stroke", "stroke-width", "filter"], Ho = { key: 1 }, Jo = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ko = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Qo = { key: 0 }, Zo = ["d", "fill", "stroke", "stroke-width"], ea = ["cx", "cy", "r", "stroke"], ta = ["cx", "cy", "r", "fill"], la = ["cx", "cy", "r"], oa = { key: 0 }, aa = ["d", "stroke", "fill", "onMouseenter", "onMouseleave", "onClick"], na = { key: 1 }, sa = ["cx", "cy", "r"], ua = ["x", "y", "fill", "font-size"], ra = ["x", "y", "fill", "font-size"], ia = ["x", "y", "fill", "font-size"], ca = ["x", "y", "fill", "font-size"], va = ["filter"], da = { key: 0 }, ha = ["x", "y"], fa = { key: 1 }, ya = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], ga = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], pa = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], ba = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "innerHTML"], ma = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], wa = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "innerHTML"], ka = { key: 2 }, Ca = ["x", "y", "width"], xa = ["x", "y", "width"], Aa = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, _a = ["id"], $a = ["onClick"], Fa = {
@@ -53,23 +53,23 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
   },
   emits: ["selectLegend", "selectDatapoint"],
-  setup(Ke, { expose: Ut, emit: Wt }) {
-    const qt = le(() => import("./Tooltip-De7i-i20.js")), jt = le(() => import("./BaseIcon--wNsuYtd.js")), Ht = le(() => import("./vue-ui-accordion-WOXCCkiC.js")), Zt = le(() => import("./DataTable-DRZJOlJB.js")), Jt = le(() => import("./PenAndPaper-CMmG5Mka.js")), Kt = le(() => import("./UserOptions-5GYBcJJU.js")), Qt = le(() => import("./PackageVersion-BW9_gimf.js")), el = le(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_donut: tl } = eo(), { isThemeValid: ll, warnInvalidTheme: ol } = no(), al = Ll(), C = Ke, we = f({
+  setup(Qe, { expose: Ut, emit: qt }) {
+    const Wt = le(() => import("./Tooltip-OHx7yHlS.js")), jt = le(() => import("./BaseIcon-CALhpING.js")), Ht = le(() => import("./vue-ui-accordion-DiNnR-ZE.js")), Jt = le(() => import("./DataTable-Ca1twcf7.js")), Kt = le(() => import("./PenAndPaper-DscVdZ1u.js")), Qt = le(() => import("./UserOptions-ChRXLqps.js")), Zt = le(() => import("./PackageVersion-Dc4fCiDF.js")), el = le(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_donut: tl } = eo(), { isThemeValid: ll, warnInvalidTheme: ol } = no(), al = Ll(), C = Qe, we = f({
       get() {
         return !!C.dataset && C.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), Y = Z(null), ke = b(null), nl = b(null), sl = b(null), Qe = Z(null), et = Z(null), J = Z(null), ce = Z(null), tt = Z(null), lt = Z(null), ot = b(0), at = b(0), nt = b(0), st = b(!1), pe = b(null), De = b(null), Ce = f({
+    }), Y = J(null), ke = b(null), nl = b(null), sl = b(null), Ze = J(null), et = J(null), K = J(null), ce = J(null), tt = J(null), lt = J(null), ot = b(0), at = b(0), nt = b(0), st = b(!1), pe = b(null), De = b(null), Ce = f({
       get: () => e.value.style.chart.layout.labels.percentage.fontSize,
       set: (t) => t
-    }), K = f({
+    }), Q = f({
       get: () => e.value.style.chart.layout.labels.name.fontSize,
       set: (t) => t
     });
     let Ie = !1;
-    const q = () => {
+    const W = () => {
       !e.value.autoSize || Ie || (Ie = !0, requestAnimationFrame(() => {
         Ie = !1;
         const t = e.value, a = ke.value, l = ae.value;
@@ -85,12 +85,12 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             selector: ".vue-data-ui-datalabel-name",
             baseSize: t.style.chart.layout.labels.name.fontSize,
             minSize: t.style.chart.layout.labels.name.minFontSize,
-            sizeRef: K
+            sizeRef: Q
           }
         ];
         B.map((G) => a.querySelectorAll(G.selector).length).reduce((G, te) => G + te, 0) !== 0 && B.forEach(({ selector: G, baseSize: te, minSize: Ue, sizeRef: Pl }) => {
           a.querySelectorAll(G).forEach((Dl) => {
-            const Il = ql({
+            const Il = Wl({
               el: Dl,
               bounds: $,
               currentFontSize: te,
@@ -104,7 +104,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       }));
     };
     Tt(async () => {
-      st.value = !0, ut(), requestAnimationFrame(q);
+      st.value = !0, ut(), requestAnimationFrame(W);
     });
     let Le;
     Tt(() => {
@@ -112,7 +112,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         for (const a of t) {
           const { width: l, height: o } = a.contentRect;
           if (l > 0 && o > 0) {
-            q();
+            W();
             break;
           }
         }
@@ -120,7 +120,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }), Pt(() => {
       Le?.disconnect();
     }), Pt(() => {
-      J.value && (ce.value && J.value.unobserve(ce.value), J.value.disconnect());
+      K.value && (ce.value && K.value.unobserve(ce.value), K.value.disconnect());
     });
     const Me = f(() => !!e.value.debug);
     function ut() {
@@ -150,25 +150,25 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           debug: Me.value
         });
       })), Lt(C.dataset) || (Ae.value = e.value.loading), e.value.responsive) {
-        const t = Kl(() => {
-          const { width: a, height: l } = Ql({
+        const t = Ql(() => {
+          const { width: a, height: l } = Zl({
             chart: Y.value,
-            title: e.value.style.chart.title.text ? Qe.value : null,
+            title: e.value.style.chart.title.text ? Ze.value : null,
             legend: e.value.style.chart.legend.show ? et.value : null,
             source: tt.value,
             noTitle: lt.value,
             padding: e.value.autoSize ? void 0 : dt.value
           });
           requestAnimationFrame(() => {
-            n.value.width = a, n.value.height = l, q();
+            n.value.width = a, n.value.height = l, W();
           });
         });
-        J.value && (ce.value && J.value.unobserve(ce.value), J.value.disconnect()), J.value = new ResizeObserver(t), ce.value = Y.value.parentNode, J.value.observe(ce.value);
+        K.value && (ce.value && K.value.unobserve(ce.value), K.value.disconnect()), K.value = new ResizeObserver(t), ce.value = Y.value.parentNode, K.value.observe(ce.value);
       }
     }
     const g = b(Nl()), Be = b(!1), ze = b(""), X = b(null), rt = b(0);
     function Oe() {
-      const t = Je({
+      const t = Ke({
         userConfig: C.config,
         defaultConfig: tl
       });
@@ -179,19 +179,19 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       else if (!ll.value(t))
         ol(t), a = t;
       else {
-        const o = Je({
+        const o = Ke({
           userConfig: Gt[l] || C.config,
           defaultConfig: t
         });
         a = {
-          ...Je({
+          ...Ke({
             userConfig: C.config,
             defaultConfig: o
           }),
           customPalette: t.customPalette.length ? t.customPalette : jl[l] || ie
         };
       }
-      return C.config && Ze(C.config, "events.datapointEnter") ? a.events.datapointEnter = C.config.events.datapointEnter : a.events.datapointEnter = null, C.config && Ze(C.config, "events.datapointLeave") ? a.events.datapointLeave = C.config.events.datapointLeave : a.events.datapointLeave = null, C.config && Ze(C.config, "events.datapointClick") ? a.events.datapointClick = C.config.events.datapointClick : a.events.datapointClick = null, a;
+      return C.config && Je(C.config, "events.datapointEnter") ? a.events.datapointEnter = C.config.events.datapointEnter : a.events.datapointEnter = null, C.config && Je(C.config, "events.datapointLeave") ? a.events.datapointLeave = C.config.events.datapointLeave : a.events.datapointLeave = null, C.config && Je(C.config, "events.datapointClick") ? a.events.datapointClick = C.config.events.datapointClick : a.events.datapointClick = null, a;
     }
     const e = b(Oe()), { loading: xe, FINAL_DATASET: ve, manualLoading: Ae, skeletonDataset: ul } = lo({
       ...Ml(C),
@@ -251,7 +251,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         }
       })
-    }), F = b(!0), j = Z([]);
+    }), F = b(!0), j = J([]);
     function rl(t, a = 1e3, l = 50) {
       return new Promise((o) => {
         const i = t.length;
@@ -262,7 +262,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             const B = performance.now();
             function z(G) {
               const te = Math.min((G - B) / a, 1), Ue = Ot(te);
-              j.value[$] = w * Ue, j.value = [...j.value], te < 1 ? (requestAnimationFrame(z), requestAnimationFrame(q)) : (j.value[$] = w, j.value = [...j.value], d += 1, d === i && o(), requestAnimationFrame(q));
+              j.value[$] = w * Ue, j.value = [...j.value], te < 1 ? (requestAnimationFrame(z), requestAnimationFrame(W)) : (j.value[$] = w, j.value = [...j.value], d += 1, d === i && o(), requestAnimationFrame(W));
             }
             requestAnimationFrame(z);
           }, $ * l);
@@ -337,7 +337,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         return A.value;
       const t = e.value.style.chart.layout.donut.strokeWidth / 512, a = Math.min(n.value.width, n.value.height) * t, l = a > A.value ? A.value : a;
       return Math.max(l, 12 * (1 + t));
-    }), bt = Wt, I = f(() => ve.value.map((t, a) => ({
+    }), bt = qt, I = f(() => ve.value.map((t, a) => ({
       name: t.name,
       color: Mt(t.color) || pt.value[a] || ie[a] || ie[a % ie.length],
       value: Vl(t.values.reduce((l, o) => l + o, 0)),
@@ -351,9 +351,9 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     ye(() => C.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (Ae.value = !1);
     }, { immediate: !0 });
-    const L = Z(I.value);
+    const L = J(I.value);
     ye(() => I.value, (t) => {
-      L.value = t, requestAnimationFrame(q);
+      L.value = t, requestAnimationFrame(W);
     });
     function dl() {
       return I.value.map((t) => ({
@@ -387,7 +387,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             onUpdate: ($, B) => {
               L.value = L.value.map(
                 (z, G) => t === G ? { ...z, value: $ } : z
-              ), requestAnimationFrame(q);
+              ), requestAnimationFrame(W);
             },
             onDone: () => {
               d(), se.value = !1;
@@ -396,7 +396,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         };
         M.value = M.value.filter(($) => $ !== t);
         const i = a.value;
-        e.value.serieToggleAnimation.show && e.value.type === "classic" ? w() : (d(), requestAnimationFrame(q));
+        e.value.serieToggleAnimation.show && e.value.type === "classic" ? w() : (d(), requestAnimationFrame(W));
       } else if (M.value.length < I.value.length - 1) {
         let i = function() {
           M.value.push(t), L.value = L.value.map(
@@ -410,10 +410,10 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             onUpdate: (w, $) => {
               L.value = L.value.map(
                 (B, z) => t === z ? { ...B, value: w } : B
-              ), requestAnimationFrame(q);
+              ), requestAnimationFrame(W);
             },
             onDone: () => {
-              i(), requestAnimationFrame(q), se.value = !1;
+              i(), requestAnimationFrame(W), se.value = !1;
             }
           });
         };
@@ -479,12 +479,12 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       opacity: M.value.includes(a) ? 0.5 : 1,
       segregate: () => !se.value && _e(a),
       isSegregated: M.value.includes(a),
-      display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${e.value.style.chart.legend.showValue ? W(e.value.style.chart.layout.labels.value.formatter, t.value, N({
+      display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${e.value.style.chart.legend.showValue ? q(e.value.style.chart.layout.labels.value.formatter, t.value, N({
         p: e.value.style.chart.layout.labels.dataLabels.prefix,
         v: t.value,
         s: e.value.style.chart.layout.labels.dataLabels.suffix,
         r: e.value.style.chart.legend.roundingValue
-      }), { datapoint: t, index: a }) : ""}${e.value.style.chart.legend.showPercentage ? M.value.includes(a) ? `${e.value.style.chart.legend.showValue ? "(" : ""}${kl(t.proportion * 100)}%${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? " (" : ""}${isNaN(t.value / P.value) ? "-" : W(e.value.style.chart.layout.labels.percentage.formatter, kt(t), N({
+      }), { datapoint: t, index: a }) : ""}${e.value.style.chart.legend.showPercentage ? M.value.includes(a) ? `${e.value.style.chart.legend.showValue ? "(" : ""}${kl(t.proportion * 100)}%${e.value.style.chart.legend.showValue ? ")" : ""}` : `${e.value.style.chart.legend.showValue ? " (" : ""}${isNaN(t.value / P.value) ? "-" : q(e.value.style.chart.layout.labels.percentage.formatter, kt(t), N({
         v: kt(t),
         s: "%",
         r: e.value.style.chart.legend.roundingPercentage
@@ -534,7 +534,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
     function Ye(t, a) {
       const l = t.value / wl(a);
-      return isNaN(l) ? 0 : W(
+      return isNaN(l) ? 0 : q(
         e.value.style.chart.layout.labels.percentage.formatter,
         l * 100,
         N({
@@ -560,7 +560,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), Ve.value = { datapoint: t, seriesIndex: l, config: e.value, series: I.value }, Be.value = o, X.value = a;
       let i = "";
       const d = e.value.style.chart.tooltip.customFormat;
-      if (be.value = !1, Jl(d))
+      if (be.value = !1, Kl(d))
         try {
           const w = d({
             seriesIndex: l,
@@ -573,7 +573,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           console.warn("Custom format cannot be applied."), be.value = !1;
         }
       if (!be.value) {
-        if (i += `<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>`, i += `<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="${t.color}"/>${al.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${g.value}_${l})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (i += `<b>${W(
+        if (i += `<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>`, i += `<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="${t.color}"/>${al.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${g.value}_${l})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (i += `<b>${q(
           e.value.style.chart.layout.labels.value.formatter,
           t.value,
           N({
@@ -588,7 +588,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             seriesIndex: l
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
-          const w = W(
+          const w = q(
             e.value.style.chart.layout.labels.percentage.formatter,
             t.proportion * 100,
             N({
@@ -610,7 +610,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function ue(t) {
       return e.value.useBlurOnHover && ![null, void 0].includes(X.value) && X.value !== t ? `url(#blur_${g.value})` : "";
     }
-    const Q = f(() => {
+    const Z = f(() => {
       const t = H.value.map((l) => ({
         name: l.name,
         color: l.color
@@ -619,10 +619,10 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     });
     function Re(t = null) {
       Ol(() => {
-        const a = Q.value.head.map((i, d) => [[
+        const a = Z.value.head.map((i, d) => [[
           i.name
-        ], [Q.value.body[d]], [isNaN(Q.value.body[d] / P.value) ? "-" : Q.value.body[d] / P.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), o = Hl(l);
-        t ? t(o) : Zl({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-donut" });
+        ], [Z.value.body[d]], [isNaN(Z.value.body[d] / P.value) ? "-" : Z.value.body[d] / P.value * 100]]), l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(a), o = Hl(l);
+        t ? t(o) : Jl({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-donut" });
       });
     }
     const $e = f(() => {
@@ -630,13 +630,13 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ' <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: P.value, s: e.value.style.chart.layout.labels.dataLabels.suffix, r: e.value.table.td.roundingValue }),
         "100%"
-      ], a = Q.value.head.map((i, d) => [
+      ], a = Z.value.head.map((i, d) => [
         {
           color: i.color,
           name: i.name || "-"
         },
-        Q.value.body[d],
-        isNaN(Q.value.body[d] / P.value) ? "-" : (Q.value.body[d] / P.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
+        Z.value.body[d],
+        isNaN(Z.value.body[d] / P.value) ? "-" : (Z.value.body[d] / P.value * 100).toFixed(e.value.table.td.roundingPercentage) + "%"
       ]), l = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -772,13 +772,13 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }), (t, a) => (s(), r("div", {
       ref_key: "donutChart",
       ref: Y,
-      class: We(`vue-data-ui-component vue-ui-donut ${re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: qe(`vue-data-ui-component vue-ui-donut ${re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: _(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height:100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `donut__${g.value}`,
       onMouseenter: il,
       onMouseleave: cl
     }, [
-      e.value.userOptions.buttons.annotator && u(ae) ? (s(), oe(u(Jt), {
+      e.value.userOptions.buttons.annotator && u(ae) ? (s(), oe(u(Kt), {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -817,7 +817,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       e.value.style.chart.title.text ? (s(), r("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Qe,
+        ref: Ze,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
         (s(), oe(co, {
@@ -837,7 +837,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       h("div", {
         id: `legend-top-${g.value}`
       }, null, 8, yo),
-      e.value.userOptions.show && we.value && (u(vt) || u(Ee)) ? (s(), oe(u(Kt), {
+      e.value.userOptions.show && we.value && (u(vt) || u(Ee)) ? (s(), oe(u(Qt), {
         ref_key: "userOptionsRef",
         ref: De,
         key: `user_option_${rt.value}`,
@@ -874,7 +874,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         onToggleTooltip: $t,
         onToggleAnnotator: Ge,
         style: _({ visibility: u(vt) ? u(Ee) ? "visible" : "hidden" : "visible" })
-      }, qe({ _: 2 }, [
+      }, We({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: m(({ isOpen: l, color: o }) => [
@@ -950,7 +950,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ref_key: "svgRef",
         ref: ae,
         xmlns: u(Gl),
-        class: We({ "vue-data-ui-fullscreen--on": re.value, "vue-data-ui-fulscreen--off": !re.value, "vue-data-ui-svg": !0 }),
+        class: qe({ "vue-data-ui-fullscreen--on": re.value, "vue-data-ui-fulscreen--off": !re.value, "vue-data-ui-svg": !0 }),
         viewBox: `0 0 ${n.value.width <= 0 ? 10 : n.value.width} ${n.value.height <= 0 ? 10 : n.value.height}`,
         style: _(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};${dt.value.css}`)
       }, [
@@ -959,7 +959,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           ref: ke,
           class: "vue-data-ui-g"
         }, [
-          Se(u(Qt)),
+          Se(u(Zt)),
           t.$slots["chart-background"] ? (s(), r("foreignObject", {
             key: 0,
             x: 0,
@@ -1066,7 +1066,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           e.value.type === "classic" ? (s(!0), r(k, { key: 3 }, D(S.value.filter((l) => !l.ghost), (l, o) => (s(), r("g", null, [
             R(l) && p.value.dataLabels.show ? (s(), r("path", {
               key: 0,
-              d: u(Wl)(l, { x: n.value.width / 2, y: n.value.height / 2 }, 16, 16, !1, !1, ne.value, 12, e.value.style.chart.layout.curvedMarkers),
+              d: u(ql)(l, { x: n.value.width / 2, y: n.value.height / 2 }, 16, 16, !1, !1, ne.value, 12, e.value.style.chart.layout.curvedMarkers),
               stroke: l.color,
               "stroke-width": "1",
               "stroke-linecap": "round",
@@ -1099,7 +1099,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             filter: `url(#shadow_${g.value})`
           }, null, 8, zo)) : c("", !0),
           t.$slots.pattern ? (s(), r("g", Oo, [
-            (s(!0), r(k, null, D(Ke.dataset, (l, o) => (s(), r("defs", {
+            (s(!0), r(k, null, D(Qe.dataset, (l, o) => (s(), r("defs", {
               key: `pattern-${l.patternIndex}`
             }, [
               y(t.$slots, "pattern", je({ ref_for: !0 }, { seriesIndex: o, patternId: `pattern_${g.value}_${o}` }), void 0, !0)
@@ -1153,7 +1153,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                   })
                 }, null, 12, Uo))), 256))
               ])) : c("", !0),
-              t.$slots.pattern ? (s(), r("g", Wo, [
+              t.$slots.pattern ? (s(), r("g", qo, [
                 (s(!0), r(k, null, D(V.value, (l, o) => (s(), r("path", {
                   class: "vue-ui-donut-arc-path",
                   d: v.value[o].path,
@@ -1165,7 +1165,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                     transition: F.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`,
                     transformOrigin: "center"
                   })
-                }, null, 12, qo))), 256))
+                }, null, 12, Wo))), 256))
               ])) : c("", !0),
               (s(!0), r(k, null, D(V.value, (l, o) => (s(), r("path", {
                 class: "vue-ui-donut-arc-path",
@@ -1187,7 +1187,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                 fill: `url(#pattern_${g.value}_${S.value[0].patternIndex})`,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.layout.donut.borderWidth
-              }, null, 8, Zo)) : c("", !0),
+              }, null, 8, Jo)) : c("", !0),
               h("circle", {
                 cx: n.value.width / 2,
                 cy: n.value.height / 2,
@@ -1195,17 +1195,17 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                 fill: e.value.style.chart.useGradient ? `url(#polar_gradient_0_${g.value})` : S.value[0].color,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.layout.donut.borderWidth
-              }, null, 8, Jo)
+              }, null, 8, Ko)
             ]))
           ], 64)) : (s(), r(k, { key: 9 }, [
-            e.value.type === "classic" && !pl.value ? (s(), r("g", Ko, [
+            e.value.type === "classic" && !pl.value ? (s(), r("g", Qo, [
               (s(!0), r(k, null, D(bl.value, (l, o) => (s(), r("path", {
                 class: "vue-ui-donut-arc-path",
                 d: l.arcSlice,
                 fill: l.color,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.layout.donut.borderWidth
-              }, null, 8, Qo))), 256))
+              }, null, 8, Zo))), 256))
             ])) : c("", !0),
             h("circle", {
               cx: n.value.width / 2,
@@ -1289,7 +1289,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               fill: e.value.style.chart.layout.labels.hollow.total.value.color,
               "font-size": e.value.style.chart.layout.labels.hollow.total.value.fontSize,
               style: _(`font-weight:${e.value.style.chart.layout.labels.hollow.total.value.bold ? "bold" : ""}`)
-            }, U(u(W)(
+            }, U(u(q)(
               e.value.style.chart.layout.labels.hollow.total.value.formatter,
               P.value,
               u(N)({
@@ -1315,7 +1315,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               fill: e.value.style.chart.layout.labels.hollow.average.value.color,
               "font-size": e.value.style.chart.layout.labels.hollow.average.value.fontSize,
               style: _(`font-weight:${e.value.style.chart.layout.labels.hollow.average.value.bold ? "bold" : ""}`)
-            }, U(se.value || F.value ? "--" : u(W)(
+            }, U(se.value || F.value ? "--" : u(q)(
               e.value.style.chart.layout.labels.hollow.average.value.formatter,
               Xe.value,
               u(N)({
@@ -1328,7 +1328,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           ], 512)) : c("", !0),
           (s(!0), r(k, null, D(V.value.filter((l) => !l.ghost), (l, o) => (s(), r("g", {
             filter: ue(o),
-            class: We({ animated: e.value.useCssAnimation }),
+            class: qe({ animated: e.value.useCssAnimation }),
             key: l.seriesIndex
           }, [
             e.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (s(), r("g", da, [
@@ -1412,7 +1412,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                     show: !0
                   }),
                   onMouseleave: (i) => he({ datapoint: l, seriesIndex: l.seriesIndex })
-                }, U(Ye(l, V.value)) + " " + U(e.value.style.chart.layout.labels.value.show ? `(${u(W)(
+                }, U(Ye(l, V.value)) + " " + U(e.value.style.chart.layout.labels.value.show ? `(${u(q)(
                   e.value.style.chart.layout.labels.value.formatter,
                   l.value,
                   u(N)({
@@ -1429,17 +1429,17 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                   class: "vue-data-ui-datalabel-name",
                   "text-anchor": u(x)(l).anchor,
                   x: u(x)(l, !0, 12).x,
-                  y: u(ge)(l) + K.value * 1.2,
+                  y: u(ge)(l) + Q.value * 1.2,
                   fill: e.value.style.chart.layout.labels.name.color,
-                  "font-size": K.value + "px",
+                  "font-size": Q.value + "px",
                   style: _(`font-weight:${e.value.style.chart.layout.labels.name.bold ? "bold" : ""}`),
                   onClick: (i) => ee(l, o),
                   innerHTML: u(zt)({
                     content: l.name,
-                    fontSize: K.value,
+                    fontSize: Q.value,
                     fill: e.value.style.chart.layout.labels.name.color,
                     x: u(x)(l, !0, 12).x,
-                    y: u(ge)(l) + K.value
+                    y: u(ge)(l) + Q.value
                   })
                 }, null, 12, ba), [
                   [It, R(l) && p.value.dataLabels.show]
@@ -1467,7 +1467,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                     show: !0
                   }),
                   onMouseleave: (i) => he({ datapoint: l, seriesIndex: l.seriesIndex })
-                }, U(Ye(l, V.value)) + " " + U(e.value.style.chart.layout.labels.value.show ? `(${u(W)(
+                }, U(Ye(l, V.value)) + " " + U(e.value.style.chart.layout.labels.value.show ? `(${u(q)(
                   e.value.style.chart.layout.labels.value.formatter,
                   l.value,
                   u(N)({
@@ -1483,9 +1483,9 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                   class: "vue-data-ui-datalabel-name",
                   "text-anchor": de(v.value[o].middlePoint),
                   x: u(T)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).x,
-                  y: u(T)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).y + K.value * 1.2,
+                  y: u(T)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).y + Q.value * 1.2,
                   fill: e.value.style.chart.layout.labels.name.color,
-                  "font-size": K.value,
+                  "font-size": Q.value,
                   style: _({
                     transition: F.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`,
                     fontWeight: e.value.style.chart.layout.labels.name.bold ? "bold" : "normal"
@@ -1496,7 +1496,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                     fontSize: Ce.value,
                     fill: e.value.style.chart.layout.labels.name.color,
                     x: u(T)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).x,
-                    y: u(T)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).y + K.value * 1.2
+                    y: u(T)({ initX: v.value[o].middlePoint.x, initY: v.value[o].middlePoint.y, offset: 42, centerX: n.value.width / 2, centerY: n.value.height / 2 }).y + Q.value * 1.2
                   })
                 }, null, 12, wa)) : c("", !0),
                 a[7] || (a[7] = Te(' @mouseenter="useTooltip({ datapoint: arc, relativeIndex: i, seriesIndex: arc.seriesIndex, show: true })" @mouseleave="handleDatapointLeave({ datapoint: arc, seriesIndex: arc.seriesIndex })" /> ', -1))
@@ -1559,7 +1559,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             legendSet: Ne.value,
             config: gl.value,
             onClickMarker: a[3] || (a[3] = ({ i: l }) => _e(l))
-          }, qe({
+          }, We({
             item: m(({ legend: l, index: o }) => [
               h("div", {
                 style: _(`opacity:${M.value.includes(o) ? 0.5 : 1}`),
@@ -1600,7 +1600,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           dataset: I.value
         })), void 0, !0)
       ])) : c("", !0),
-      Se(u(qt), {
+      Se(u(Wt), {
         show: p.value.showTooltip && Be.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1632,9 +1632,9 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ref_key: "tableUnit",
         ref: pe,
         onClose: Ft
-      }), qe({
+      }), We({
         content: m(() => [
-          (s(), oe(u(Zt), {
+          (s(), oe(u(Jt), {
             key: `table_${at.value}`,
             colNames: $e.value.colNames,
             head: $e.value.head,
@@ -1651,7 +1651,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               }, null, 8, Sa)
             ]),
             td: m(({ td: l }) => [
-              Te(U(l.name ? l.name : isNaN(Number(l)) ? l.includes("%") ? l : u(W)(
+              Te(U(l.name ? l.name : isNaN(Number(l)) ? l.includes("%") ? l : u(q)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 l,
                 u(N)({
@@ -1659,7 +1659,7 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                   s: "%",
                   r: e.value.style.chart.layout.labels.percentage.rounding
                 })
-              ) : u(W)(
+              ) : u(q)(
                 e.value.style.chart.layout.labels.value.formatter,
                 l,
                 u(N)({
@@ -1702,12 +1702,12 @@ const Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       u(xe) ? (s(), oe(oo, { key: 9 })) : c("", !0)
     ], 46, fo));
   }
-}, Pa = /* @__PURE__ */ ho(Ta, [["__scopeId", "data-v-24401cdc"]]), qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Pa = /* @__PURE__ */ ho(Ta, [["__scopeId", "data-v-24401cdc"]]), Wa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Pa
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Pa as V,
-  qa as a,
-  Wa as v
+  Wa as a,
+  qa as v
 };