vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-donut-acdGdmqY.js → vue-ui-donut-Bc492JeS.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as ee, useSlots as kl, computed as y, shallowRef as H, ref as g, onMounted as Tt, onBeforeUnmount as St, toRefs as xl, watch as fe, createElementBlock as r, openBlock as n, normalizeStyle as $, normalizeClass as Ue, createBlock as te, createCommentVNode as v, renderSlot as b, createElementVNode as h, createVNode as Te, unref as u, createSlots as We, withCtx as A, normalizeProps as ue, guardReactiveProps as re, Fragment as w, renderList as L, mergeProps as qe, toDisplayString as V, withDirectives as Pt, createTextVNode as Se, vShow as Ft, Teleport as _l, resolveDynamicComponent as $l, nextTick as Cl } from "vue";
-import { o as Lt, f as He, g as Al, c as Tl, t as Sl, e as Pl, x as Fl, h as It, p as ie, a as E, d as O, T as Mt, Z as Ll, X as Il, s as Pe, i as Ml, V as zl, _ as P, W as ge, Y as x, $ as zt, l as Ol, b as Dl, O as je, P as Nl, Q as Yl, G as Xl, a0 as Ot } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as ee, useSlots as kl, computed as y, shallowRef as H, ref as g, onMounted as St, onBeforeUnmount as Tt, toRefs as xl, watch as fe, createElementBlock as r, openBlock as n, normalizeStyle as $, normalizeClass as Ue, createBlock as te, createCommentVNode as v, renderSlot as b, createElementVNode as h, createVNode as Se, unref as u, createSlots as We, withCtx as C, normalizeProps as ue, guardReactiveProps as re, Fragment as w, renderList as L, mergeProps as qe, toDisplayString as V, withDirectives as Pt, createTextVNode as Te, vShow as Ft, Teleport as _l, resolveDynamicComponent as $l, nextTick as Cl } from "vue";
+import { o as Lt, f as He, g as Al, c as Sl, t as Tl, e as Pl, x as Fl, h as It, p as ie, a as E, d as O, T as Mt, Z as Ll, X as Il, s as Pe, i as Ml, V as zl, _ as P, W as ge, Y as x, $ as zt, l as Ol, b as Dl, O as je, P as Nl, Q as Yl, G as Xl, a0 as Ot } from "./lib-C_mNZmhD.js";
 import { t as Bl, u as Vl } from "./useResponsive-DfdjqQps.js";
 import { u as El, a as Dt } from "./useNestedProp-BjZe1Y85.js";
 import { u as Rl } from "./usePrinter-DTzqpYKF.js";
@@ -13,7 +13,7 @@ import Zl from "./Title-l36lOBMx.js";
 import { t as Jl } from "./themes-AUNCOb2G.js";
 import Kl from "./Legend-G6GMcdAc.js";
 import { _ as ea } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "height"], sa = { key: 1 }, na = ["id"], ua = ["stop-color"], ra = ["offset", "stop-color"], ia = ["offset", "stop-color"], va = ["stop-color"], da = { key: 2 }, ca = ["id", "cx", "cy"], ha = ["stop-color", "stop-opacity"], ya = ["stop-color"], fa = ["id"], ga = ["id"], pa = ["id"], ma = ["flood-color"], ba = ["id"], wa = ["flood-color"], ka = ["d", "stroke", "filter"], xa = ["d", "stroke", "filter"], _a = ["cx", "cy", "r", "fill", "filter"], $a = { key: 6 }, Ca = ["stroke", "d"], Aa = ["d", "fill", "stroke", "stroke-width", "filter"], Ta = { key: 0 }, Sa = ["d", "fill", "stroke", "stroke-width", "filter"], Pa = { key: 0 }, Fa = ["stroke", "d"], La = { key: 0 }, Ia = ["d", "stroke", "stroke-width", "filter"], Ma = { key: 1 }, za = ["d", "fill", "stroke", "stroke-width", "filter"], Oa = ["d", "fill", "stroke", "stroke-width", "filter"], Da = { key: 1 }, Na = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ya = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Xa = { key: 0 }, Ba = ["d", "fill", "stroke", "stroke-width"], Va = ["cx", "cy", "r", "stroke"], Ea = ["cx", "cy", "r", "fill"], Ra = ["cx", "cy", "r"], Ga = { key: 0 }, Ua = ["d", "stroke", "fill", "onMouseenter", "onMouseleave", "onClick"], Wa = { key: 1 }, qa = ["cx", "cy", "r"], Ha = ["x", "y", "fill", "font-size"], ja = ["x", "y", "fill", "font-size"], Qa = ["x", "y", "fill", "font-size"], Za = ["x", "y", "fill", "font-size"], Ja = ["filter"], Ka = { key: 0 }, eo = ["x", "y"], to = { key: 1 }, lo = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], ao = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], oo = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], so = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "innerHTML"], no = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], uo = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "innerHTML"], ro = { key: 2 }, io = ["x", "y", "width"], vo = ["x", "y", "width"], co = {
+const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "height"], sa = { key: 1 }, na = ["id"], ua = ["stop-color"], ra = ["offset", "stop-color"], ia = ["offset", "stop-color"], va = ["stop-color"], da = { key: 2 }, ca = ["id", "cx", "cy"], ha = ["stop-color", "stop-opacity"], ya = ["stop-color"], fa = ["id"], ga = ["id"], pa = ["id"], ma = ["flood-color"], ba = ["id"], wa = ["flood-color"], ka = ["d", "stroke", "filter"], xa = ["d", "stroke", "filter"], _a = ["cx", "cy", "r", "fill", "filter"], $a = { key: 6 }, Ca = ["stroke", "d"], Aa = ["d", "fill", "stroke", "stroke-width", "filter"], Sa = { key: 0 }, Ta = ["d", "fill", "stroke", "stroke-width", "filter"], Pa = { key: 0 }, Fa = ["stroke", "d"], La = { key: 0 }, Ia = ["d", "stroke", "stroke-width", "filter"], Ma = { key: 1 }, za = ["d", "fill", "stroke", "stroke-width", "filter"], Oa = ["d", "fill", "stroke", "stroke-width", "filter"], Da = { key: 1 }, Na = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ya = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Xa = { key: 0 }, Ba = ["d", "fill", "stroke", "stroke-width"], Va = ["cx", "cy", "r", "stroke"], Ea = ["cx", "cy", "r", "fill"], Ra = ["cx", "cy", "r"], Ga = { key: 0 }, Ua = ["d", "stroke", "fill", "onMouseenter", "onMouseleave", "onClick"], Wa = { key: 1 }, qa = ["cx", "cy", "r"], Ha = ["x", "y", "fill", "font-size"], ja = ["x", "y", "fill", "font-size"], Qa = ["x", "y", "fill", "font-size"], Za = ["x", "y", "fill", "font-size"], Ja = ["filter"], Ka = { key: 0 }, eo = ["x", "y"], to = { key: 1 }, lo = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], ao = ["cx", "cy", "fill", "stroke", "filter", "onClick", "onMouseenter", "onMouseleave"], oo = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], so = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "innerHTML"], no = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "onMouseenter", "onMouseleave"], uo = ["text-anchor", "x", "y", "fill", "font-size", "onClick", "innerHTML"], ro = { key: 2 }, io = ["x", "y", "width"], vo = ["x", "y", "width"], co = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, ho = ["id"], yo = ["onClick"], fo = {
@@ -37,7 +37,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Qe, { expose: Nt, emit: Yt }) {
-    const Xt = ee(() => import("./Tooltip-oWCO1HKy.js")), Bt = ee(() => import("./BaseIcon-BmMbm4d0.js")), Vt = ee(() => import("./vue-ui-accordion-CZ0thhxa.js")), Et = ee(() => import("./DataTable-BT7VF2ua.js")), Rt = ee(() => import("./PenAndPaper-DSvu9dwa.js")), Gt = ee(() => import("./UserOptions-CnzumGJj.js")), Ut = ee(() => import("./PackageVersion-BSldVhnp.js")), Wt = ee(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_donut: qt } = El(), Ht = kl(), k = Qe, we = y({
+    const Xt = ee(() => import("./Tooltip-oWCO1HKy.js")), Bt = ee(() => import("./BaseIcon-BmMbm4d0.js")), Vt = ee(() => import("./vue-ui-accordion-CZ0thhxa.js")), Et = ee(() => import("./DataTable-BT7VF2ua.js")), Rt = ee(() => import("./PenAndPaper-DSvu9dwa.js")), Gt = ee(() => import("./UserOptions-CGnQt6Fd.js")), Ut = ee(() => import("./PackageVersion-D-auaEEJ.js")), Wt = ee(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_donut: qt } = El(), Ht = kl(), k = Qe, we = y({
       get() {
         return !!k.dataset && k.dataset.length;
       },
@@ -57,7 +57,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
         Le = !1;
         const t = e.value, o = ke.value, l = le.value;
         if (!t.autoSize || !o || !l) return;
-        const [a, i, c, m] = l.getAttribute("viewBox").split(" ").map(Number), C = { x: a, y: i, width: c, height: m }, M = [
+        const [a, i, c, m] = l.getAttribute("viewBox").split(" ").map(Number), A = { x: a, y: i, width: c, height: m }, M = [
           {
             selector: ".vue-data-ui-datalabel-value",
             baseSize: t.style.chart.layout.labels.percentage.fontSize,
@@ -75,7 +75,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
           o.querySelectorAll(B).forEach((bl) => {
             const wl = Ol({
               el: bl,
-              bounds: C,
+              bounds: A,
               currentFontSize: K,
               minFontSize: Ge,
               attempts: 200,
@@ -86,11 +86,11 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
         });
       }));
     };
-    Tt(async () => {
+    St(async () => {
       ot.value = !0, st(), requestAnimationFrame(R);
     });
     let Ie;
-    Tt(() => {
+    St(() => {
       D.value && (Ie = new ResizeObserver((t) => {
         for (const o of t) {
           const { width: l, height: a } = o.contentRect;
@@ -100,9 +100,9 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
           }
         }
       }), Ie.observe(D.value.parentElement));
-    }), St(() => {
+    }), Tt(() => {
       Ie?.disconnect();
-    }), St(() => {
+    }), Tt(() => {
       j.value && (ve.value && j.value.unobserve(ve.value), j.value.disconnect());
     });
     const Me = y(() => !!e.value.debug);
@@ -149,7 +149,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
         j.value && (ve.value && j.value.unobserve(ve.value), j.value.disconnect()), j.value = new ResizeObserver(t), ve.value = D.value.parentNode, j.value.observe(ve.value);
       }
     }
-    const f = g(Tl());
+    const f = g(Sl());
     g(null);
     const ze = g(!1), Oe = g(""), N = g(null), nt = g(0);
     function De() {
@@ -187,7 +187,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
           color: "#CACACA"
         }
       ],
-      skeletonConfig: Sl({
+      skeletonConfig: Tl({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -224,21 +224,21 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
           }
         }
       })
-    }), T = g(!0), W = H([]);
+    }), S = g(!0), W = H([]);
     function Jt(t, o = 1e3, l = 50) {
       return new Promise((a) => {
         const i = t.length;
         W.value = Array(i).fill(0);
         let c = 0;
-        t.forEach((m, C) => {
+        t.forEach((m, A) => {
           setTimeout(() => {
             const M = performance.now();
             function z(B) {
               const K = Math.min((B - M) / o, 1), Ge = Ot(K);
-              W.value[C] = m * Ge, W.value = [...W.value], K < 1 ? (requestAnimationFrame(z), requestAnimationFrame(R)) : (W.value[C] = m, W.value = [...W.value], c += 1, c === i && a(), requestAnimationFrame(R));
+              W.value[A] = m * Ge, W.value = [...W.value], K < 1 ? (requestAnimationFrame(z), requestAnimationFrame(R)) : (W.value[A] = m, W.value = [...W.value], c += 1, c === i && a(), requestAnimationFrame(R));
             }
             requestAnimationFrame(z);
-          }, C * l);
+          }, A * l);
         });
       });
     }
@@ -259,7 +259,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
             e.value.startAnimation.staggerMs
           );
         }
-        T.value = !1;
+        S.value = !1;
       },
       { immediate: !0 }
     );
@@ -338,11 +338,11 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
     const U = g([]), oe = g(!1);
     function pt({ from: t, to: o, duration: l, onUpdate: a, onDone: i, easing: c = Ot }) {
       const m = performance.now();
-      function C(M) {
+      function A(M) {
         const z = Math.min((M - m) / l, 1), B = c(z), K = t + (o - t) * B;
-        a(K, z), z < 1 ? requestAnimationFrame(C) : (a(o, 1), i && i());
+        a(K, z), z < 1 ? requestAnimationFrame(A) : (a(o, 1), i && i());
       }
-      requestAnimationFrame(C);
+      requestAnimationFrame(A);
     }
     function mt(t) {
       const o = G.value.find((i, c) => c === t);
@@ -350,16 +350,16 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
       if (U.value.includes(t)) {
         let c = function() {
           I.value = I.value.map(
-            (C, M) => t === M ? { ...C, value: i } : C
+            (A, M) => t === M ? { ...A, value: i } : A
           );
         }, m = function() {
           oe.value = !0, pt({
             from: a,
             to: i,
             duration: e.value.serieToggleAnimation.durationMs,
-            onUpdate: (C, M) => {
+            onUpdate: (A, M) => {
               I.value = I.value.map(
-                (z, B) => t === B ? { ...z, value: C } : z
+                (z, B) => t === B ? { ...z, value: A } : z
               ), requestAnimationFrame(R);
             },
             onDone: () => {
@@ -367,20 +367,20 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
             }
           });
         };
-        U.value = U.value.filter((C) => C !== t);
+        U.value = U.value.filter((A) => A !== t);
         const i = o.value;
         e.value.serieToggleAnimation.show && e.value.type === "classic" ? m() : (c(), requestAnimationFrame(R));
       } else if (U.value.length < G.value.length - 1) {
         let i = function() {
           U.value.push(t), I.value = I.value.map(
-            (m, C) => t === C ? { ...m, value: 0 } : m
+            (m, A) => t === A ? { ...m, value: 0 } : m
           );
         }, c = function() {
           oe.value = !0, pt({
             from: a,
             to: 0,
             duration: e.value.serieToggleAnimation.durationMs,
-            onUpdate: (m, C) => {
+            onUpdate: (m, A) => {
               I.value = I.value.map(
                 (M, z) => t === z ? { ...M, value: m } : M
               ), requestAnimationFrame(R);
@@ -399,7 +399,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
       })));
     }
     const al = y(() => de.value.reduce((t, o) => t + o.values.reduce((l, a) => l + a, 0), 0)), q = y(() => {
-      if (T.value && !_e.value) {
+      if (S.value && !_e.value) {
         const t = W.value.map((l, a) => ({
           ...G.value[a],
           value: l,
@@ -458,7 +458,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
     })), _ = y(() => {
       const t = e.value.style.chart.layout.donut.radiusRatio, o = Math.max(0.1, Math.min(0.50001, t)), l = Math.min(s.value.width * o, s.value.height * o);
       return Math.max(12, l);
-    }), S = y(() => Mt({ series: q.value }, s.value.width / 2, s.value.height / 2, _.value, _.value, 1.99999, 2, 1, 360, 105.25, ae.value)), sl = y(() => Math.abs(q.value.map((t) => t.value).reduce((t, o) => t + o, 0)) > 0), nl = y(() => Mt({
+    }), T = y(() => Mt({ series: q.value }, s.value.width / 2, s.value.height / 2, _.value, _.value, 1.99999, 2, 1, 360, 105.25, ae.value)), sl = y(() => Math.abs(q.value.map((t) => t.value).reduce((t, o) => t + o, 0)) > 0), nl = y(() => Mt({
       series: [
         {
           value: 1,
@@ -470,7 +470,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
           absoluteValues: [1]
         }
       ]
-    }, s.value.width / 2, s.value.height / 2, _.value, _.value, 1.99999, 2, 1, 360, 105.25, ae.value)), Y = y(() => S.value.filter((t) => !t.ghost)), d = y(() => {
+    }, s.value.width / 2, s.value.height / 2, _.value, _.value, 1.99999, 2, 1, 360, 105.25, ae.value)), Y = y(() => T.value.filter((t) => !t.ghost)), d = y(() => {
       const t = Math.max(...q.value.map((l) => l.value)), o = q.value.map((l) => l.value / t);
       return Ll({
         series: o,
@@ -479,7 +479,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
           y: s.value.height / 2
         },
         maxRadius: Math.min(s.value.width, s.value.height) / 3,
-        hasGhost: T.value
+        hasGhost: S.value
       });
     });
     function ce(t) {
@@ -814,66 +814,73 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
       }, We({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: A(({ isOpen: l, color: a }) => [
+          fn: C(({ isOpen: l, color: a }) => [
             b(t.$slots, "menuIcon", ue(re({ isOpen: l, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: A(() => [
+          fn: C(() => [
             b(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: A(() => [
+          fn: C(() => [
             b(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: A(() => [
+          fn: C(() => [
             b(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: A(() => [
+          fn: C(() => [
             b(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: C(() => [
+            b(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: A(() => [
+          fn: C(() => [
             b(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: A(() => [
+          fn: C(() => [
             b(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: A(({ toggleFullscreen: l, isFullscreen: a }) => [
+          fn: C(({ toggleFullscreen: l, isFullscreen: a }) => [
             b(t.$slots, "optionFullscreen", ue(re({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: A(({ toggleAnnotator: l, isAnnotator: a }) => [
+          fn: C(({ toggleAnnotator: l, isAnnotator: a }) => [
             b(t.$slots, "optionAnnotator", ue(re({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
           ]),
-          key: "8"
+          key: "9"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "chartElement", "position", "callbacks", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
       (n(), r("svg", {
@@ -889,7 +896,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
           ref: ke,
           class: "vue-data-ui-g"
         }, [
-          Te(u(Ut)),
+          Se(u(Ut)),
           t.$slots["chart-background"] ? (n(), r("foreignObject", {
             key: 0,
             x: 0,
@@ -937,12 +944,12 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
             }, [
               h("stop", {
                 offset: "0%",
-                "stop-color": u(Ml)(S.value[a].color, 0.05),
+                "stop-color": u(Ml)(T.value[a].color, 0.05),
                 "stop-opacity": e.value.style.chart.gradientIntensity / 100
               }, null, 8, ha),
               h("stop", {
                 offset: "100%",
-                "stop-color": S.value[a].color
+                "stop-color": T.value[a].color
               }, null, 8, ya)
             ], 8, ca))), 256))
           ])) : v("", !0),
@@ -993,7 +1000,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
               }, null, 8, wa)
             ], 8, ba)
           ]),
-          e.value.type === "classic" ? (n(!0), r(w, { key: 3 }, L(S.value.filter((l) => !l.ghost), (l, a) => (n(), r("g", null, [
+          e.value.type === "classic" ? (n(!0), r(w, { key: 3 }, L(T.value.filter((l) => !l.ghost), (l, a) => (n(), r("g", null, [
             X(l) && p.value.dataLabels.show ? (n(), r("path", {
               key: 0,
               d: u(zl)(l, { x: s.value.width / 2, y: s.value.height / 2 }, 16, 16, !1, !1, ae.value, 12, e.value.style.chart.layout.curvedMarkers),
@@ -1005,7 +1012,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
               filter: se(a)
             }, null, 8, ka)) : v("", !0)
           ]))), 256)) : v("", !0),
-          e.value.type === "polar" ? (n(!0), r(w, { key: 4 }, L(S.value.filter((l) => !l.ghost), (l, a) => (n(), r("g", null, [
+          e.value.type === "polar" ? (n(!0), r(w, { key: 4 }, L(T.value.filter((l) => !l.ghost), (l, a) => (n(), r("g", null, [
             X(l) && p.value.dataLabels.show ? (n(), r("path", {
               key: 0,
               d: `M ${u(P)({ initX: d.value[a].middlePoint.x, initY: d.value[a].middlePoint.y, offset: 24, centerX: s.value.width / 2, centerY: s.value.height / 2 }).x},${u(P)({ initX: d.value[a].middlePoint.x, initY: d.value[a].middlePoint.y, offset: 24, centerX: s.value.width / 2, centerY: s.value.height / 2 }).y} ${d.value[a].middlePoint.x},${d.value[a].middlePoint.y}`,
@@ -1016,7 +1023,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
               fill: "none",
               filter: se(a),
               style: $({
-                transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
+                transition: S.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
               })
             }, null, 12, xa)) : v("", !0)
           ]))), 256)) : v("", !0),
@@ -1049,7 +1056,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
               "stroke-width": e.value.style.chart.layout.donut.borderWidth,
               filter: se(a)
             }, null, 8, Aa))), 256)),
-            t.$slots.pattern ? (n(), r("g", Ta, [
+            t.$slots.pattern ? (n(), r("g", Sa, [
               (n(!0), r(w, null, L(Y.value, (l, a) => (n(), r("path", {
                 class: "vue-ui-donut-arc-path",
                 d: l.arcSlice,
@@ -1057,17 +1064,17 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                 stroke: e.value.style.chart.layout.donut.borderColorAuto ? e.value.style.chart.backgroundColor : e.value.style.chart.layout.donut.borderColor,
                 "stroke-width": e.value.style.chart.layout.donut.borderWidth,
                 filter: se(a)
-              }, null, 8, Sa))), 256))
+              }, null, 8, Ta))), 256))
             ])) : v("", !0)
           ], 64)) : v("", !0),
           F.value && e.value.type === "polar" ? (n(), r(w, { key: 8 }, [
-            S.value.length > 1 ? (n(), r("g", Pa, [
+            T.value.length > 1 ? (n(), r("g", Pa, [
               (n(!0), r(w, null, L(Y.value, (l, a) => (n(), r("path", {
                 stroke: e.value.style.chart.layout.donut.borderColorAuto ? e.value.style.chart.backgroundColor : e.value.style.chart.layout.donut.borderColor,
                 d: d.value[a].path,
                 fill: "#FFFFFF",
                 style: $({
-                  transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
+                  transition: S.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
                 })
               }, null, 12, Fa))), 256)),
               e.value.style.chart.layout.donut.useShadow ? (n(), r("g", La, [
@@ -1079,7 +1086,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                   "stroke-width": e.value.style.chart.layout.donut.borderWidth,
                   filter: `url(#drop_shadow_${f.value})`,
                   style: $({
-                    transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
+                    transition: S.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
                   })
                 }, null, 12, Ia))), 256))
               ])) : v("", !0),
@@ -1092,7 +1099,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                   "stroke-width": e.value.style.chart.layout.donut.borderWidth,
                   filter: se(a),
                   style: $({
-                    transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`,
+                    transition: S.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`,
                     transformOrigin: "center"
                   })
                 }, null, 12, za))), 256))
@@ -1105,7 +1112,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                 "stroke-width": e.value.style.chart.layout.donut.borderWidth,
                 filter: se(a),
                 style: $({
-                  transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
+                  transition: S.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
                 })
               }, null, 12, Oa))), 256))
             ])) : (n(), r("g", Da, [
@@ -1114,7 +1121,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                 cx: s.value.width / 2,
                 cy: s.value.height / 2,
                 r: _.value,
-                fill: `url(#pattern_${f.value}_${S.value[0].patternIndex})`,
+                fill: `url(#pattern_${f.value}_${T.value[0].patternIndex})`,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.layout.donut.borderWidth
               }, null, 8, Na)) : v("", !0),
@@ -1122,7 +1129,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                 cx: s.value.width / 2,
                 cy: s.value.height / 2,
                 r: _.value,
-                fill: e.value.style.chart.useGradient ? `url(#polar_gradient_0_${f.value})` : S.value[0].color,
+                fill: e.value.style.chart.useGradient ? `url(#polar_gradient_0_${f.value})` : T.value[0].color,
                 stroke: e.value.style.chart.backgroundColor,
                 "stroke-width": e.value.style.chart.layout.donut.borderWidth
               }, null, 8, Ya)
@@ -1165,8 +1172,8 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
             r: Math.max(0.1, ae.value * 1.7)
           }, null, 8, Ra),
           F.value ? (n(), r(w, { key: 11 }, [
-            S.value.length > 1 || e.value.type === "classic" ? (n(), r("g", Ga, [
-              (n(!0), r(w, null, L(S.value.filter((l) => !l.ghost), (l, a) => (n(), r("path", {
+            T.value.length > 1 || e.value.type === "classic" ? (n(), r("g", Ga, [
+              (n(!0), r(w, null, L(T.value.filter((l) => !l.ghost), (l, a) => (n(), r("path", {
                 d: e.value.type === "classic" ? l.arcSlice : d.value[a].path,
                 stroke: e.value.style.chart.layout.donut.borderColorAuto ? e.value.style.chart.backgroundColor : e.value.style.chart.layout.donut.borderColor,
                 fill: N.value === a ? e.value.style.chart.layout.donut.selectedColor : "transparent",
@@ -1186,13 +1193,13 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                 r: _.value,
                 fill: "transparent",
                 onMouseenter: o[0] || (o[0] = (l) => ye({
-                  datapoint: S.value[0],
+                  datapoint: T.value[0],
                   relativeIndex: 0,
-                  seriesIndex: S.value[0].seriesIndex,
+                  seriesIndex: T.value[0].seriesIndex,
                   show: !0
                 })),
-                onMouseleave: o[1] || (o[1] = (l) => he({ datapoint: S.value[0], seriesIndex: S.value[0].seriesIndex })),
-                onClick: o[2] || (o[2] = (l) => J(S.value[0], t.i))
+                onMouseleave: o[1] || (o[1] = (l) => he({ datapoint: T.value[0], seriesIndex: T.value[0].seriesIndex })),
+                onClick: o[2] || (o[2] = (l) => J(T.value[0], t.i))
               }, null, 40, qa)
             ]))
           ], 64)) : v("", !0),
@@ -1245,7 +1252,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
               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" : ""}`)
-            }, V(oe.value || T.value ? "--" : u(E)(
+            }, V(oe.value || S.value ? "--" : u(E)(
               e.value.style.chart.layout.labels.hollow.average.value.formatter,
               Be.value,
               u(O)({
@@ -1321,7 +1328,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                   }),
                   onMouseleave: (i) => he({ datapoint: l, seriesIndex: l.seriesIndex }),
                   style: $({
-                    transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
+                    transition: S.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`
                   })
                 }, null, 44, ao)) : v("", !0)
               ], 64)) : v("", !0),
@@ -1374,7 +1381,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                 }, null, 12, so), [
                   [Ft, X(l) && p.value.dataLabels.show]
                 ]),
-                o[6] || (o[6] = Se(' @mouseenter="useTooltip({ datapoint: arc, relativeIndex: i, seriesIndex: arc.seriesIndex, show: true })" @mouseleave="handleDatapointLeave({ datapoint: arc, seriesIndex: arc.seriesIndex })" /> ', -1))
+                o[6] || (o[6] = Te(' @mouseenter="useTooltip({ datapoint: arc, relativeIndex: i, seriesIndex: arc.seriesIndex, show: true })" @mouseleave="handleDatapointLeave({ datapoint: arc, seriesIndex: arc.seriesIndex })" /> ', -1))
               ], 64)) : v("", !0),
               e.value.type === "polar" ? (n(), r(w, { key: 3 }, [
                 X(l) && p.value.dataLabels.show ? (n(), r("text", {
@@ -1386,7 +1393,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                   fill: e.value.style.chart.layout.labels.percentage.color,
                   "font-size": xe.value,
                   style: $({
-                    transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`,
+                    transition: S.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`,
                     fontWeight: e.value.style.chart.layout.labels.percentage.bold ? "bold" : "normal"
                   }),
                   onClick: (i) => J(l, a),
@@ -1417,7 +1424,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                   fill: e.value.style.chart.layout.labels.name.color,
                   "font-size": Q.value,
                   style: $({
-                    transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`,
+                    transition: S.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"
                   }),
                   onClick: (i) => J(l, a),
@@ -1429,7 +1436,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                     y: u(P)({ initX: d.value[a].middlePoint.x, initY: d.value[a].middlePoint.y, offset: 42, centerX: s.value.width / 2, centerY: s.value.height / 2 }).y + Q.value * 1.2
                   })
                 }, null, 12, uo)) : v("", !0),
-                o[7] || (o[7] = Se(' @mouseenter="useTooltip({ datapoint: arc, relativeIndex: i, seriesIndex: arc.seriesIndex, show: true })" @mouseleave="handleDatapointLeave({ datapoint: arc, seriesIndex: arc.seriesIndex })" /> ', -1))
+                o[7] || (o[7] = Te(' @mouseenter="useTooltip({ datapoint: arc, relativeIndex: i, seriesIndex: arc.seriesIndex, show: true })" @mouseleave="handleDatapointLeave({ datapoint: arc, seriesIndex: arc.seriesIndex })" /> ', -1))
               ], 64)) : v("", !0)
             ])),
             p.value.dataLabels.show && e.value.style.chart.comments.show && l.comment ? (n(), r("g", ro, [
@@ -1443,7 +1450,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
               }, [
                 h("div", null, [
                   b(t.$slots, "plot-comment", {
-                    plot: { ...l, textAlign: u(x)(l, !0, 16, !0).anchor, flexAlign: u(x)(l, !0, 16).anchor, isFirstLoad: T.value }
+                    plot: { ...l, textAlign: u(x)(l, !0, 16, !0).anchor, flexAlign: u(x)(l, !0, 16).anchor, isFirstLoad: S.value }
                   }, void 0, !0)
                 ])
               ], 8, io)) : v("", !0),
@@ -1454,14 +1461,14 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
                 width: e.value.style.chart.comments.width,
                 height: "200",
                 style: $({
-                  transition: T.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`,
+                  transition: S.value || !e.value.serieToggleAnimation.show ? "none" : `all ${e.value.serieToggleAnimation.durationMs}ms ease-in-out`,
                   overflow: "visible",
                   pointerEvents: "none"
                 })
               }, [
                 h("div", null, [
                   b(t.$slots, "plot-comment", {
-                    plot: { ...l, textAlign: ce(d.value[a].middlePoint), flexAlign: ce(d.value[a].middlePoint), isFirstLoad: T.value }
+                    plot: { ...l, textAlign: ce(d.value[a].middlePoint), flexAlign: ce(d.value[a].middlePoint), isFirstLoad: S.value }
                   }, void 0, !0)
                 ])
               ], 12, vo)) : v("", !0)
@@ -1490,7 +1497,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
             config: ol.value,
             onClickMarker: o[3] || (o[3] = ({ i: l }) => mt(l))
           }, We({
-            item: A(({ legend: l, index: a }) => [
+            item: C(({ legend: l, index: a }) => [
               h("div", {
                 style: $(`opacity:${U.value.includes(a) ? 0.5 : 1}`),
                 onClick: (i) => l.segregate()
@@ -1500,8 +1507,8 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
           }, [
             t.$slots.pattern ? {
               name: "legend-pattern",
-              fn: A(({ legend: l, index: a }) => [
-                Te(Ql, {
+              fn: C(({ legend: l, index: a }) => [
+                Se(Ql, {
                   shape: l.shape,
                   radius: 30,
                   stroke: "none",
@@ -1530,7 +1537,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
           dataset: G.value
         })), void 0, !0)
       ])) : v("", !0),
-      Te(u(Xt), {
+      Se(u(Xt), {
         show: p.value.showTooltip && ze.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -1550,10 +1557,10 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThrehsold
       }, {
-        "tooltip-before": A(() => [
+        "tooltip-before": C(() => [
           b(t.$slots, "tooltip-before", ue(re({ ...Ve.value })), void 0, !0)
         ]),
-        "tooltip-after": A(() => [
+        "tooltip-after": C(() => [
           b(t.$slots, "tooltip-after", ue(re({ ...Ve.value })), void 0, !0)
         ]),
         _: 3
@@ -1563,7 +1570,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
         ref: pe,
         onClose: Ct
       }), We({
-        content: A(() => [
+        content: C(() => [
           (n(), te(u(Et), {
             key: `table_${lt.value}`,
             colNames: Ce.value.colNames,
@@ -1574,14 +1581,14 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
             withCloseButton: !e.value.table.useDialog,
             onClose: Ct
           }, {
-            th: A(({ th: l }) => [
+            th: C(({ th: l }) => [
               h("div", {
                 innerHTML: l,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, go)
             ]),
-            td: A(({ td: l }) => [
-              Se(V(l.name ? l.name : isNaN(Number(l)) ? l.includes("%") ? l : u(E)(
+            td: C(({ td: l }) => [
+              Te(V(l.name ? l.name : isNaN(Number(l)) ? l.includes("%") ? l : u(E)(
                 e.value.style.chart.layout.labels.percentage.formatter,
                 l,
                 u(O)({
@@ -1607,20 +1614,20 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: A(() => [
-            Se(V(be.value.title), 1)
+          fn: C(() => [
+            Te(V(be.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: A(() => [
+          fn: C(() => [
             h("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: o[4] || (o[4] = (l) => Ee(e.value.userOptions.callbacks.csv))
             }, [
-              Te(u(Bt), {
+              Se(u(Bt), {
                 name: "excel",
                 stroke: be.value.props.color
               }, null, 8, ["stroke"])
@@ -1632,7 +1639,7 @@ const ta = ["id"], la = ["id"], aa = ["xmlns", "viewBox"], oa = ["width", "heigh
       u(_e) ? (n(), te(Ul, { key: 9 })) : v("", !0)
     ], 46, ta));
   }
-}, Mo = /* @__PURE__ */ ea(po, [["__scopeId", "data-v-e95e3a20"]]);
+}, Mo = /* @__PURE__ */ ea(po, [["__scopeId", "data-v-2942bdc6"]]);
 export {
   Mo as default
 };