vue-data-ui 2.12.8-beta.2 → 2.12.8-beta.4

package/dist/{vue-ui-3d-bar-Du4TkjPV.js → vue-ui-3d-bar-fAJK0nIB.js}

@@ -1,10 +1,10 @@
-import { defineAsyncComponent as G, computed as T, ref as j, watch as Ke, onMounted as Qe, createElementBlock as d, openBlock as n, unref as u, normalizeStyle as O, normalizeClass as Pe, createBlock as U, createCommentVNode as y, createSlots as et, withCtx as S, renderSlot as P, normalizeProps as J, guardReactiveProps as K, createVNode as tt, createElementVNode as i, Fragment as _, renderList as m, toDisplayString as B, mergeProps as je, createTextVNode as lt, nextTick as ot } from "vue";
-import { u as st, c as Te, t as at, p as Q, a as nt, b as rt, d as ut, o as it, e as ee, g as ue, l as E, m as Se, f as D, X as dt, s as g, h as te, i as le, j as De, k as oe, n as A, q as ct, r as ht } from "./index-CbcpITE_.js";
-import { u as Oe } from "./useNestedProp-y56W8I7J.js";
-import { u as vt } from "./usePrinter-u-gQiRNz.js";
+import { defineAsyncComponent as G, computed as T, ref as j, watch as Ke, onMounted as Qe, createElementBlock as c, openBlock as n, unref as u, normalizeStyle as O, normalizeClass as Pe, createBlock as U, createCommentVNode as y, createSlots as et, withCtx as S, renderSlot as P, normalizeProps as J, guardReactiveProps as K, createVNode as tt, createElementVNode as d, Fragment as _, renderList as m, toDisplayString as B, mergeProps as je, createTextVNode as lt, nextTick as ot } from "vue";
+import { u as st, c as Te, t as at, p as Q, a as nt, b as rt, d as ut, o as it, e as ee, g as ue, l as E, m as Se, f as D, X as dt, s as g, h as te, i as le, j as De, k as oe, n as A, q as ct, r as ht } from "./index-BzQ0j5xI.js";
+import { u as Oe } from "./useNestedProp-DqpZEE3h.js";
+import { u as vt } from "./usePrinter-CpG5jh_z.js";
 import { u as ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pt } from "./useChartAccessibility-9icAAmYg.js";
-import yt from "./Title-Dx8ctnVy.js";
+import yt from "./Title-CJcZXNtK.js";
 import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const gt = ["id"], $t = {
   key: 1,
@@ -34,7 +34,7 @@ const gt = ["id"], $t = {
   },
   emits: ["selectDatapoint"],
   setup(ze, { expose: Ne, emit: Be }) {
-    const Ae = G(() => import("./vue-ui-accordion-BkA7rtwr.js")), Ie = G(() => import("./DataTable-CsoAI95B.js")), Le = G(() => import("./PackageVersion-DCAZ9Z7V.js")), Ve = G(() => import("./PenAndPaper-B9RP4oFj.js")), We = G(() => import("./vue-ui-skeleton-miKWlCAi.js")), Ge = G(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_3d_bar: Ue } = st(), $ = ze, Z = Be, q = T(() => !!$.dataset && Object.keys($.dataset).length), b = j(Te()), Ee = j(null), ie = j(null), I = j(!1), de = j(0), ce = j(0), t = T({
+    const Ae = G(() => import("./vue-ui-accordion-bpaEpjqI.js")), Ie = G(() => import("./DataTable-CmbjnjRg.js")), Le = G(() => import("./PackageVersion-OcbP0WH2.js")), Ve = G(() => import("./PenAndPaper-BgPXmpGI.js")), We = G(() => import("./vue-ui-skeleton-CavMQlAm.js")), Ge = G(() => import("./UserOptions-Cs7JW3dK.js")), { vue_ui_3d_bar: Ue } = st(), $ = ze, Z = Be, q = T(() => !!$.dataset && Object.keys($.dataset).length), b = j(Te()), Ee = j(null), ie = j(null), I = j(!1), de = j(0), ce = j(0), t = T({
       get: () => pe(),
       set: (a) => a
     }), { userOptionsVisible: se, setUserOptionsVisibility: he, keepUserOptionState: ve } = ft({ config: t.value }), { svgRef: fe } = pt({ config: t.value.style.chart.title });
@@ -76,7 +76,7 @@ const gt = ["id"], $t = {
           id: Te(),
           proportion: (l.value || 0) / a,
           color: ut(l.color) || He.value[r] || Q[r] || Q[r % Q.length],
-          breakdown: l.breakdown ? l.breakdown.sort((c, k) => k.value - c.value) : null
+          breakdown: l.breakdown ? l.breakdown.sort((i, k) => k.value - i.value) : null
         })).sort((l, r) => r.value - l.value), e = [];
         let h = 0;
         for (let l = 0; l < s.length; l += 1)
@@ -145,7 +145,7 @@ const gt = ["id"], $t = {
       });
     }
     function Re(a, s, e, h) {
-      const l = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: r, height: c, bottom: k, right: w, left: f, perspective: p } = o.value, v = k + l * a, re = c - v - p - l * s / 2, Xe = re > o.value.height / 2 ? "top" : "bottom", we = 64, Ye = !!e;
+      const l = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: r, height: i, bottom: k, right: w, left: f, perspective: p } = o.value, v = k + l * a, re = i - v - p - l * s / 2, Xe = re > o.value.height / 2 ? "top" : "bottom", we = 64, Ye = !!e;
       let Ce = null, Fe = null;
       return Ye && (e = e.map((Me, Je) => ({
         ...Me,
@@ -166,7 +166,7 @@ const gt = ["id"], $t = {
       ), Fe = Se(
         { series: e },
         r - w + 20,
-        c - v - p - l * s / 2,
+        i - v - p - l * s / 2,
         6,
         6,
         1.99999,
@@ -180,48 +180,48 @@ const gt = ["id"], $t = {
         miniDonut: Fe,
         sidePointer: {
           x: r - w,
-          y: c - v - p - l * s / 2,
-          topY: c - v - p - l * s,
+          y: i - v - p - l * s / 2,
+          topY: i - v - p - l * s,
           height: l * s
         },
-        apexBottom: { y: c - v, x: r / 2 },
-        apexTop: { y: c - v - l * s, x: r / 2 },
-        right: `M${r / 2},${c - v} ${r / 2},${c - v - l * s} ${r - w},${c - v - p - l * s} ${r - w},${c - v - p}Z`,
-        left: `M${r / 2},${c - v} ${r / 2},${c - v - l * s} ${f}, ${c - v - p - l * s} ${f},${c - v - p}Z`,
-        liningTop: `M${f},${c - v - p - l * s} ${r / 2},${c - v - l * s} ${r - w},${c - v - p - l * s}`,
-        liningTopShade: `M${f},${c - v - p - l * s - 0.5} ${r / 2},${c - v - l * s - 0.5} ${r - w},${c - v - p - l * s - 0.5}`,
-        top: `M${r / 2},${c - v - l * s} ${f},${c - v - p - l * s} ${r / 2},${c - v - p * 2 - l * s} ${r - w},${c - v - p - l * s} Z`,
-        tubeTop: `M${f},${c - v - l * s - p} C ${f},${c - v - l * s - p * 2.5} ${r - w},${c - v - l * s - p * 2.5} ${r - w},${c - v - l * s - p} C ${r - w},${c - v - l * s + p / 2} ${f},${c - v - l * s + p / 2} ${f},${c - v - l * s - p}`,
-        bottomTubeTop: `M ${r - w - 0.5},${c - v - p} C ${r - w - 0.5},${c - v + p / 2} ${f},${c - v + p / 2} ${f + 0.5},${c - v - p}`,
+        apexBottom: { y: i - v, x: r / 2 },
+        apexTop: { y: i - v - l * s, x: r / 2 },
+        right: `M${r / 2},${i - v} ${r / 2},${i - v - l * s} ${r - w},${i - v - p - l * s} ${r - w},${i - v - p}Z`,
+        left: `M${r / 2},${i - v} ${r / 2},${i - v - l * s} ${f}, ${i - v - p - l * s} ${f},${i - v - p}Z`,
+        liningTop: `M${f},${i - v - p - l * s} ${r / 2},${i - v - l * s} ${r - w},${i - v - p - l * s}`,
+        liningTopShade: `M${f},${i - v - p - l * s - 0.5} ${r / 2},${i - v - l * s - 0.5} ${r - w},${i - v - p - l * s - 0.5}`,
+        top: `M${r / 2},${i - v - l * s} ${f},${i - v - p - l * s} ${r / 2},${i - v - p * 2 - l * s} ${r - w},${i - v - p - l * s} Z`,
+        tubeTop: `M${f},${i - v - l * s - p} C ${f},${i - v - l * s - p * 2.5} ${r - w},${i - v - l * s - p * 2.5} ${r - w},${i - v - l * s - p} C ${r - w},${i - v - l * s + p / 2} ${f},${i - v - l * s + p / 2} ${f},${i - v - l * s - p}`,
+        bottomTubeTop: `M ${r - w - 0.5},${i - v - p} C ${r - w - 0.5},${i - v + p / 2} ${f},${i - v + p / 2} ${f + 0.5},${i - v - p}`,
         tubeBody: `M
-        ${f},${c - v - l * s - p} 
-        C ${f},${c - v - l * s + p / 2} 
-        ${r - w},${c - v - l * s + p / 2} 
-        ${r - w},${c - v - l * s - p} 
-        L${r - w},${c - v - p}
+        ${f},${i - v - l * s - p} 
+        C ${f},${i - v - l * s + p / 2} 
+        ${r - w},${i - v - l * s + p / 2} 
+        ${r - w},${i - v - l * s - p} 
+        L${r - w},${i - v - p}
         C 
-        ${r - w},${c - v + p / 2}
-        ${f},${c - v + p / 2}
-        ${f},${c - v - p}Z`
+        ${r - w},${i - v + p / 2}
+        ${f},${i - v + p / 2}
+        ${f},${i - v - p}Z`
       };
     }
     const R = T(() => {
-      const a = V.value / 100, s = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: e, height: h, bottom: l, right: r, left: c, perspective: k } = o.value, f = l + s * 0;
+      const a = V.value / 100, s = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: e, height: h, bottom: l, right: r, left: i, perspective: k } = o.value, f = l + s * 0;
       return {
         right: `M${e / 2},${h - f} ${e / 2},${h - f - s * a} ${e - r},${h - f - k - s * a} ${e - r},${h - f - k}Z`,
-        left: `M${e / 2},${h - f} ${e / 2},${h - f - s * a} ${c}, ${h - f - k - s * a} ${c},${h - f - k}Z`,
-        top: `M${e / 2},${h - f - s * a} ${c},${h - f - k - s * a} ${e / 2},${h - f - k * 2 - s * a} ${e - r},${h - f - k - s * a} Z`,
-        tubeTop: `M${c},${h - f - s * a - k} C ${c},${h - f - s * a - k * 2.5} ${e - r},${h - f - s * a - k * 2.5} ${e - r},${h - f - s * a - k} C ${e - r},${h - f - s * a + k / 2} ${c},${h - f - s * a + k / 2} ${c},${h - f - s * a - k}`,
+        left: `M${e / 2},${h - f} ${e / 2},${h - f - s * a} ${i}, ${h - f - k - s * a} ${i},${h - f - k}Z`,
+        top: `M${e / 2},${h - f - s * a} ${i},${h - f - k - s * a} ${e / 2},${h - f - k * 2 - s * a} ${e - r},${h - f - k - s * a} Z`,
+        tubeTop: `M${i},${h - f - s * a - k} C ${i},${h - f - s * a - k * 2.5} ${e - r},${h - f - s * a - k * 2.5} ${e - r},${h - f - s * a - k} C ${e - r},${h - f - s * a + k / 2} ${i},${h - f - s * a + k / 2} ${i},${h - f - s * a - k}`,
         tubeBody: `M
-        ${c},${h - f - s * a - k} 
-        C ${c},${h - f - s * a + k / 2} 
+        ${i},${h - f - s * a - k} 
+        C ${i},${h - f - s * a + k / 2} 
         ${e - r},${h - f - s * a + k / 2} 
         ${e - r},${h - f - s * a - k} 
         L${e - r},${h - k * 1.5}
         C 
         ${e - r},${h}
-        ${c},${h}
-        ${c},${h - f - k}Z`
+        ${i},${h}
+        ${i},${h - f - k}Z`
       };
     }), x = j(null);
     function M(a, s = !1) {
@@ -231,7 +231,7 @@ const gt = ["id"], $t = {
       I.value || (x.value = null);
     }
     function W(a, s, e = !1) {
-      const h = $.dataset.series.map((c) => c.value || 0).reduce((c, k) => c + k, 0), l = isNaN(a.value / h) ? 0 : a.value / h * 100, r = isNaN(a.value / me(s)) ? 0 : a.value / me(s) * 100;
+      const h = $.dataset.series.map((i) => i.value || 0).reduce((i, k) => i + k, 0), l = isNaN(a.value / h) ? 0 : a.value / h * 100, r = isNaN(a.value / me(s)) ? 0 : a.value / me(s) * 100;
       return e ? r : l.toFixed(0) + "%";
     }
     function me(a) {
@@ -257,33 +257,33 @@ const gt = ["id"], $t = {
       } else
         return null;
     });
-    function be() {
+    function be(a = null) {
       if (!F.value) {
         console.warn("VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)");
         return;
       }
       ot(() => {
-        const a = C.value.map((l) => l.value).reduce((l, r) => l + r, 0), s = N.value.head.map((l, r) => [[
-          l.name
-        ], [N.value.body[r]], [isNaN(N.value.body[r] / a) ? "-" : N.value.body[r] / a * 100]]), e = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(s), h = ct(e);
-        ht({ csvContent: h, title: t.value.style.chart.title.text || "vue-ui-3d-bar" });
+        const s = C.value.map((r) => r.value).reduce((r, i) => r + i, 0), e = N.value.head.map((r, i) => [[
+          r.name
+        ], [N.value.body[i]], [isNaN(N.value.body[i] / s) ? "-" : N.value.body[i] / s * 100]]), h = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(e), l = ct(h);
+        a ? a(l) : ht({ csvContent: l, title: t.value.style.chart.title.text || "vue-ui-3d-bar" });
       });
     }
     const X = T(() => {
-      const a = C.value.map((r) => r.value).reduce((r, c) => r + c, 0), s = [
+      const a = C.value.map((r) => r.value).reduce((r, i) => r + i, 0), s = [
         ' <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>',
         D({ p: t.value.style.chart.legend.prefix, v: a, s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue }),
         "100%"
-      ], e = N.value.head.map((r, c) => {
-        const k = D({ p: t.value.style.chart.legend.prefix, v: N.value.body[c], s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue });
+      ], e = N.value.head.map((r, i) => {
+        const k = D({ p: t.value.style.chart.legend.prefix, v: N.value.body[i], s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue });
         return [
           {
             color: r.color,
             name: r.name
           },
           k,
-          isNaN(N.value.body[c] / a) ? "-" : D({
-            v: N.value.body[c] / a * 100,
+          isNaN(N.value.body[i] / a) ? "-" : D({
+            v: N.value.body[i] / a * 100,
             s: "%",
             r: t.value.table.td.roundingPercentage
           })
@@ -327,7 +327,7 @@ const gt = ["id"], $t = {
       getData: qe,
       toggleTable: xe,
       toggleAnnotator: ne
-    }), (a, s) => (n(), d("div", {
+    }), (a, s) => (n(), c("div", {
       ref_key: "bar3dChart",
       ref: ie,
       class: Pe("vue-ui-3d-bar"),
@@ -344,7 +344,7 @@ const gt = ["id"], $t = {
         active: Y.value,
         onClose: ne
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
-      t.value.style.chart.title.text ? (n(), d("div", $t, [
+      t.value.style.chart.title.text ? (n(), c("div", $t, [
         (n(), U(yt, {
           key: `title_${de.value}`,
           config: {
@@ -378,6 +378,7 @@ const gt = ["id"], $t = {
         position: t.value.userOptions.position,
         hasAnnotator: t.value.userOptions.buttons.annotator,
         isAnnotation: Y.value,
+        callbacks: t.value.userOptions.callbacks,
         onToggleFullscreen: Ze,
         onGeneratePdf: u(ge),
         onGenerateCsv: be,
@@ -437,8 +438,8 @@ const gt = ["id"], $t = {
           ]),
           key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasTable", "hasXls", "hasImg", "hasFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
-      q.value ? (n(), d("svg", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasTable", "hasXls", "hasImg", "hasFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
+      q.value ? (n(), c("svg", {
         key: 3,
         ref_key: "svgRef",
         ref: fe,
@@ -448,7 +449,7 @@ const gt = ["id"], $t = {
         style: O(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)
       }, [
         tt(u(Le)),
-        a.$slots["chart-background"] ? (n(), d("foreignObject", {
+        a.$slots["chart-background"] ? (n(), c("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -460,119 +461,119 @@ const gt = ["id"], $t = {
         }, [
           P(a.$slots, "chart-background", {}, void 0, !0)
         ], 8, mt)) : y("", !0),
-        i("defs", null, [
-          i("radialGradient", {
+        d("defs", null, [
+          d("radialGradient", {
             id: `gradient_top${b.value}`
           }, [
-            i("stop", {
+            d("stop", {
               offset: "0%",
               "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
             }, null, 8, xt),
-            i("stop", {
+            d("stop", {
               offset: "100%",
               "stop-color": t.value.style.chart.bar.color
             }, null, 8, wt)
           ], 8, bt),
-          i("radialGradient", {
+          d("radialGradient", {
             id: `gradient_left${b.value}`
           }, [
-            i("stop", {
+            d("stop", {
               offset: "0%",
               "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
             }, null, 8, Ft),
-            i("stop", {
+            d("stop", {
               offset: "100%",
               "stop-color": u(g)(t.value.style.chart.bar.color, 20)
             }, null, 8, Mt)
           ], 8, Ct),
-          i("radialGradient", {
+          d("radialGradient", {
             id: `gradient_right${b.value}`
           }, [
-            i("stop", {
+            d("stop", {
               offset: "0%",
               "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
             }, null, 8, jt),
-            i("stop", {
+            d("stop", {
               offset: "100%",
               "stop-color": u(g)(t.value.style.chart.bar.color, 20)
             }, null, 8, Tt)
           ], 8, Pt),
-          i("linearGradient", {
+          d("linearGradient", {
             id: `gradient_tube_body${b.value}`,
             x1: "0%",
             y1: "0%",
             x2: "100%",
             y2: "0%"
           }, [
-            i("stop", {
+            d("stop", {
               offset: "0%",
               "stop-color": `${t.value.style.chart.bar.color}`
             }, null, 8, Dt),
-            i("stop", {
+            d("stop", {
               offset: "75%",
               "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
             }, null, 8, Ot),
-            i("stop", {
+            d("stop", {
               offset: "100%",
               "stop-color": u(g)(t.value.style.chart.bar.color, 40)
             }, null, 8, zt)
           ], 8, St)
         ]),
-        F.value ? (n(), d("defs", Nt, [
-          (n(!0), d(_, null, m(C.value, (e) => (n(), d("radialGradient", {
+        F.value ? (n(), c("defs", Nt, [
+          (n(!0), c(_, null, m(C.value, (e) => (n(), c("radialGradient", {
             id: `grad_top_${e.id}`
           }, [
-            i("stop", {
+            d("stop", {
               offset: "0%",
               "stop-color": u(g)(u(E)(e.color, 0.5), 80)
             }, null, 8, At),
-            i("stop", {
+            d("stop", {
               offset: "100%",
               "stop-color": e.color
             }, null, 8, It)
           ], 8, Bt))), 256)),
-          (n(!0), d(_, null, m(C.value, (e) => (n(), d("linearGradient", {
+          (n(!0), c(_, null, m(C.value, (e) => (n(), c("linearGradient", {
             id: `grad_left_${e.id}`
           }, [
-            i("stop", {
+            d("stop", {
               offset: "0%",
               "stop-color": u(g)(e.color, 80)
             }, null, 8, Vt),
-            i("stop", {
+            d("stop", {
               offset: "100%",
               "stop-color": u(g)(u(te)(e.color, 0.5), 100)
             }, null, 8, Wt)
           ], 8, Lt))), 256)),
-          (n(!0), d(_, null, m(C.value, (e) => (n(), d("linearGradient", {
+          (n(!0), c(_, null, m(C.value, (e) => (n(), c("linearGradient", {
             id: `grad_right_${e.id}`
           }, [
-            i("stop", {
+            d("stop", {
               offset: "2%",
               "stop-color": u(g)(u(E)(e.color, 0.5), 100)
             }, null, 8, Ut),
-            i("stop", {
+            d("stop", {
               offset: "100%",
               "stop-color": u(g)(e.color, 80)
             }, null, 8, Et)
           ], 8, Gt))), 256)),
-          i("linearGradient", {
+          d("linearGradient", {
             x1: "0%",
             y1: "0%",
             x2: "0%",
             y2: "100%",
             id: `vertical_line_${b.value}`
           }, s[4] || (s[4] = [
-            i("stop", {
+            d("stop", {
               offset: "0%",
               "stop-color": "#FFFFFF"
             }, null, -1),
-            i("stop", {
+            d("stop", {
               offset: "100%",
               "stop-color": "#FFFFFF33"
             }, null, -1)
           ]), 8, Ht)
         ])) : y("", !0),
-        t.value.style.chart.dataLabel.show && ![null, void 0].includes($.dataset.percentage) && [null, void 0].includes($.dataset.series) ? (n(), d("text", {
+        t.value.style.chart.dataLabel.show && ![null, void 0].includes($.dataset.percentage) && [null, void 0].includes($.dataset.series) ? (n(), c("text", {
           key: 2,
           x: o.value.width / 2,
           y: o.value.top - t.value.style.chart.dataLabel.fontSize / 2,
@@ -585,7 +586,7 @@ const gt = ["id"], $t = {
           s: "%",
           r: t.value.style.chart.dataLabel.rounding
         })), 9, Rt)) : y("", !0),
-        I.value ? (n(), d("g", {
+        I.value ? (n(), c("g", {
           key: 3,
           onClick: s[0] || (s[0] = (e) => {
             I.value = !1, x.value = null;
@@ -593,29 +594,29 @@ const gt = ["id"], $t = {
           "data-dom-to-png-ignore": "",
           style: { cursor: "pointer" }
         }, [
-          i("rect", {
+          d("rect", {
             x: o.value.width / 2 - 6,
             y: o.value.top - 20,
             height: 12,
             width: 12,
             fill: "transparent"
           }, null, 8, Zt),
-          i("path", {
+          d("path", {
             d: `M${o.value.width / 2 - 6},${o.value.top - 20} ${o.value.width / 2 + 6},${o.value.top - 9}`,
             stroke: t.value.style.chart.color,
             "stroke-linecap": "round",
             "stroke-width": "1"
           }, null, 8, qt),
-          i("path", {
+          d("path", {
             d: `M${o.value.width / 2 + 6},${o.value.top - 20} ${o.value.width / 2 - 6},${o.value.top - 9}`,
             stroke: t.value.style.chart.color,
             "stroke-linecap": "round",
             "stroke-width": "1"
           }, null, 8, Xt)
         ])) : y("", !0),
-        !t.value.style.shape || t.value.style.shape === "bar" ? (n(), d("g", Yt, [
-          F.value ? y("", !0) : (n(), d("g", Jt, [
-            i("path", {
+        !t.value.style.shape || t.value.style.shape === "bar" ? (n(), c("g", Yt, [
+          F.value ? y("", !0) : (n(), c("g", Jt, [
+            d("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.right,
               stroke: t.value.style.chart.box.stroke,
@@ -624,7 +625,7 @@ const gt = ["id"], $t = {
               "stroke-linecap": "round",
               fill: "none"
             }, null, 8, Kt),
-            i("path", {
+            d("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.left,
               stroke: t.value.style.chart.box.stroke,
@@ -633,7 +634,7 @@ const gt = ["id"], $t = {
               "stroke-linecap": "round",
               fill: "none"
             }, null, 8, Qt),
-            i("path", {
+            d("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.side,
               stroke: t.value.style.chart.box.stroke,
@@ -642,7 +643,7 @@ const gt = ["id"], $t = {
               "stroke-linecap": "round",
               fill: "none"
             }, null, 8, el),
-            i("path", {
+            d("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.topSides,
               stroke: t.value.style.chart.box.stroke,
@@ -652,8 +653,8 @@ const gt = ["id"], $t = {
               fill: "none"
             }, null, 8, tl)
           ])),
-          F.value ? y("", !0) : (n(), d("g", ll, [
-            i("path", {
+          F.value ? y("", !0) : (n(), c("g", ll, [
+            d("path", {
               d: R.value.right,
               stroke: t.value.style.chart.bar.stroke,
               "stroke-width": t.value.style.chart.bar.strokeWidth,
@@ -661,7 +662,7 @@ const gt = ["id"], $t = {
               "stroke-linecap": "round",
               fill: `url(#gradient_right${b.value})`
             }, null, 8, ol),
-            i("path", {
+            d("path", {
               d: R.value.left,
               stroke: t.value.style.chart.bar.stroke,
               "stroke-width": t.value.style.chart.bar.strokeWidth,
@@ -669,7 +670,7 @@ const gt = ["id"], $t = {
               "stroke-linecap": "round",
               fill: `url(#gradient_left${b.value})`
             }, null, 8, sl),
-            i("path", {
+            d("path", {
               d: R.value.top,
               stroke: t.value.style.chart.bar.stroke,
               "stroke-width": t.value.style.chart.bar.strokeWidth,
@@ -678,33 +679,33 @@ const gt = ["id"], $t = {
               fill: `url(#gradient_top${b.value})`
             }, null, 8, al)
           ])),
-          F.value ? (n(), d("g", nl, [
-            (n(!0), d(_, null, m(C.value, (e, h) => (n(), d("g", {
+          F.value ? (n(), c("g", nl, [
+            (n(!0), c(_, null, m(C.value, (e, h) => (n(), c("g", {
               style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack"
             }, [
-              i("path", {
+              d("path", {
                 d: e.fill.right,
                 fill: `url(#grad_right_${e.id})`,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: L
               }, null, 40, rl),
-              i("path", {
+              d("path", {
                 d: e.fill.left,
                 fill: `url(#grad_left_${e.id})`,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: L
               }, null, 40, ul),
-              i("path", {
+              d("path", {
                 d: e.fill.top,
                 fill: `url(#grad_top_${e.id})`,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: L
               }, null, 40, il),
-              i("path", {
+              d("path", {
                 d: e.fill.liningTop,
                 stroke: "#FFFFFF",
                 "stroke-width": "0.5",
@@ -714,15 +715,15 @@ const gt = ["id"], $t = {
                 onClick: (l) => M(e, !0),
                 onMouseout: L
               }, null, 40, dl),
-              i("path", {
+              d("path", {
                 d: `M ${e.fill.apexTop.x},${e.fill.apexTop.y} ${e.fill.apexBottom.x},${e.fill.apexBottom.y}`,
                 stroke: "#FFFFFF",
                 "stroke-width": "0.5",
                 "stroke-linecap": "round"
               }, null, 8, cl)
             ], 4))), 256)),
-            (n(!0), d(_, null, m(C.value, (e, h) => (n(), d("g", null, [
-              h !== C.value.length - 1 ? (n(), d("path", {
+            (n(!0), c(_, null, m(C.value, (e, h) => (n(), c("g", null, [
+              h !== C.value.length - 1 ? (n(), c("path", {
                 key: 0,
                 d: e.fill.liningTopShade,
                 stroke: t.value.style.chart.bar.shadeColor,
@@ -732,18 +733,18 @@ const gt = ["id"], $t = {
                 style: { "pointer-events": "none" }
               }, null, 8, hl)) : y("", !0)
             ]))), 256)),
-            (n(!0), d(_, null, m(C.value, (e, h) => (n(), d("g", {
+            (n(!0), c(_, null, m(C.value, (e, h) => (n(), c("g", {
               style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
               onClick: (l) => Z("selectDatapoint", e)
             }, [
-              i("path", {
+              d("path", {
                 stroke: t.value.style.chart.color,
                 "stroke-dasharray": "1",
                 "stroke-width": "0.5",
                 "stroke-linecap": "round",
                 d: `M${e.fill.sidePointer.x},${e.fill.sidePointer.y} ${e.fill.sidePointer.x + 20},${e.fill.sidePointer.y}`
               }, null, 8, fl),
-              !e.fill.miniDonut || x.value ? (n(), d("circle", {
+              !e.fill.miniDonut || x.value ? (n(), c("circle", {
                 key: 0,
                 cx: e.fill.sidePointer.x + 20,
                 cy: e.fill.sidePointer.y,
@@ -751,14 +752,14 @@ const gt = ["id"], $t = {
                 fill: e.color,
                 stroke: t.value.style.chart.backgroundColor
               }, null, 8, pl)) : y("", !0),
-              (n(), d("foreignObject", {
+              (n(), c("foreignObject", {
                 x: e.fill.sidePointer.x + 30,
                 y: e.fill.sidePointer.y - t.value.style.chart.legend.fontSize,
                 width: o.value.absoluteWidth / 2 - 12,
                 height: t.value.style.chart.legend.fontSize * 2,
                 style: { overflow: "visible", position: "relative" }
               }, [
-                t.value.style.chart.legend.showDefault ? (n(), d("div", {
+                t.value.style.chart.legend.showDefault ? (n(), c("div", {
                   key: 0,
                   style: O(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${t.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${t.value.style.chart.legend.fontSize}px; color:${t.value.style.chart.legend.color}`)
                 }, B(u(le)(
@@ -774,9 +775,9 @@ const gt = ["id"], $t = {
                 )), 5)) : y("", !0),
                 P(a.$slots, "legend", je({ ref_for: !0 }, { datapoint: e, config: t.value, dataset: C.value }), void 0, !0)
               ], 8, yl)),
-              e.fill.donut && x.value === e.id ? (n(), d("g", kl, [
-                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("g", null, [
-                  W(l, e.fill.donut, !0) > 6 ? (n(), d("path", {
+              e.fill.donut && x.value === e.id ? (n(), c("g", kl, [
+                (n(!0), c(_, null, m(e.fill.donut, (l, r) => (n(), c("g", null, [
+                  W(l, e.fill.donut, !0) > 6 ? (n(), c("path", {
                     key: 0,
                     d: u(De)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 10),
                     stroke: l.color,
@@ -787,48 +788,48 @@ const gt = ["id"], $t = {
                     fill: "none"
                   }, null, 8, gl)) : y("", !0)
                 ]))), 256)),
-                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("path", {
+                (n(!0), c(_, null, m(e.fill.donut, (l, r) => (n(), c("path", {
                   class: "vue-ui-donut-arc-path",
                   d: l.arcSlice,
                   fill: `${l.color}`,
                   stroke: t.value.style.chart.backgroundColor,
                   "stroke-width": 1
                 }, null, 8, $l))), 256)),
-                i("defs", null, [
-                  i("radialGradient", {
+                d("defs", null, [
+                  d("radialGradient", {
                     id: `hollow_gradient_${b.value}`
                   }, [
-                    i("stop", {
+                    d("stop", {
                       offset: "0%",
                       "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
                     }, null, 8, ml),
-                    s[5] || (s[5] = i("stop", {
+                    s[5] || (s[5] = d("stop", {
                       offset: "77%",
                       "stop-color": "#FFFFFF20"
                     }, null, -1)),
-                    i("stop", {
+                    d("stop", {
                       offset: "100%",
                       "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
                     }, null, 8, bl)
                   ], 8, _l)
                 ]),
-                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("circle", {
+                (n(!0), c(_, null, m(e.fill.donut, (l, r) => (n(), c("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 28,
                   fill: `url(#hollow_gradient_${b.value})`
                 }, null, 8, xl))), 256)),
-                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("circle", {
+                (n(!0), c(_, null, m(e.fill.donut, (l, r) => (n(), c("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 14,
                   fill: t.value.style.chart.backgroundColor
                 }, null, 8, wl))), 256)),
-                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("g", null, [
-                  W(l, e.fill.donut, !0) > 6 ? (n(), d("g", Cl, [
-                    i("text", {
+                (n(!0), c(_, null, m(e.fill.donut, (l, r) => (n(), c("g", null, [
+                  W(l, e.fill.donut, !0) > 6 ? (n(), c("g", Cl, [
+                    d("text", {
                       "text-anchor": u(A)(l, !0, 0).anchor,
                       x: u(A)(l, !0, 2).x,
                       y: u(oe)(l, 12, 12),
@@ -845,7 +846,7 @@ const gt = ["id"], $t = {
                       })})`,
                       { datapoint: l, seriesIndex: r, type: "donutDatapoint" }
                     )), 9, Fl),
-                    i("text", {
+                    d("text", {
                       "text-anchor": u(A)(l).anchor,
                       x: u(A)(l, !0, 2).x,
                       y: u(oe)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
@@ -855,8 +856,8 @@ const gt = ["id"], $t = {
                   ])) : y("", !0)
                 ]))), 256))
               ])) : y("", !0),
-              e.fill.miniDonut && !x.value ? (n(), d("g", Pl, [
-                (n(!0), d(_, null, m(e.fill.miniDonut, (l, r) => (n(), d("path", {
+              e.fill.miniDonut && !x.value ? (n(), c("g", Pl, [
+                (n(!0), c(_, null, m(e.fill.miniDonut, (l, r) => (n(), c("path", {
                   class: "vue-ui-donut-arc-path",
                   d: l.arcSlice,
                   fill: `${l.color}`,
@@ -867,9 +868,9 @@ const gt = ["id"], $t = {
             ], 12, vl))), 256))
           ])) : y("", !0)
         ])) : y("", !0),
-        t.value.style.shape === "tube" ? (n(), d("g", Tl, [
-          F.value ? y("", !0) : (n(), d("g", Sl, [
-            i("path", {
+        t.value.style.shape === "tube" ? (n(), c("g", Tl, [
+          F.value ? y("", !0) : (n(), c("g", Sl, [
+            d("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.tubeTop,
               stroke: t.value.style.chart.box.stroke,
@@ -878,7 +879,7 @@ const gt = ["id"], $t = {
               "stroke-linecap": "round",
               fill: "none"
             }, null, 8, Dl),
-            i("path", {
+            d("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.tubeLeft,
               stroke: t.value.style.chart.box.stroke,
@@ -887,7 +888,7 @@ const gt = ["id"], $t = {
               "stroke-linecap": "round",
               fill: "none"
             }, null, 8, Ol),
-            i("path", {
+            d("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.tubeRight,
               stroke: t.value.style.chart.box.stroke,
@@ -896,7 +897,7 @@ const gt = ["id"], $t = {
               "stroke-linecap": "round",
               fill: "none"
             }, null, 8, zl),
-            i("path", {
+            d("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.tubeBottom,
               stroke: t.value.style.chart.box.stroke,
@@ -905,7 +906,7 @@ const gt = ["id"], $t = {
               "stroke-linecap": "round",
               fill: "none"
             }, null, 8, Nl),
-            i("path", {
+            d("path", {
               d: R.value.tubeTop,
               stroke: t.value.style.chart.bar.stroke,
               "stroke-width": t.value.style.chart.bar.strokeWidth,
@@ -913,7 +914,7 @@ const gt = ["id"], $t = {
               "stroke-linecap": "round",
               fill: `url(#gradient_top${b.value})`
             }, null, 8, Bl),
-            i("path", {
+            d("path", {
               d: R.value.tubeBody,
               stroke: t.value.style.chart.bar.stroke,
               "stroke-width": t.value.style.chart.bar.strokeWidth,
@@ -922,57 +923,57 @@ const gt = ["id"], $t = {
               fill: `url(#gradient_tube_body${b.value})`
             }, null, 8, Al)
           ])),
-          F.value ? (n(), d("g", Il, [
-            (n(!0), d(_, null, m(C.value, (e, h) => (n(), d("g", {
+          F.value ? (n(), c("g", Il, [
+            (n(!0), c(_, null, m(C.value, (e, h) => (n(), c("g", {
               style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack",
               onClick: (l) => Z("selectDatapoint", e)
             }, [
-              i("defs", null, [
-                i("radialGradient", {
+              d("defs", null, [
+                d("radialGradient", {
                   id: `gradient_tube_top_${e.id}`,
                   fx: "10%",
                   cy: "55%"
                 }, [
-                  i("stop", {
+                  d("stop", {
                     offset: "0%",
                     "stop-color": u(g)(u(E)(e.color, 0.5), 80)
                   }, null, 8, Wl),
-                  i("stop", {
+                  d("stop", {
                     offset: "100%",
                     "stop-color": u(g)(u(te)(e.color, 0.1), 80)
                   }, null, 8, Gl)
                 ], 8, Vl),
-                i("linearGradient", {
+                d("linearGradient", {
                   id: `gradient_tube_body_${e.id}`,
                   x1: "0%",
                   y1: "0%",
                   x2: "100%",
                   y2: "0%"
                 }, [
-                  i("stop", {
+                  d("stop", {
                     offset: "0%",
                     "stop-color": `${e.color}`
                   }, null, 8, El),
-                  i("stop", {
+                  d("stop", {
                     offset: "10%",
                     "stop-color": u(g)(u(te)(e.color, 0.7), 100)
                   }, null, 8, Hl),
-                  i("stop", {
+                  d("stop", {
                     offset: "25%",
                     "stop-color": u(g)(u(te)(e.color, 0.5), 100)
                   }, null, 8, Rl),
-                  i("stop", {
+                  d("stop", {
                     offset: "75%",
                     "stop-color": u(g)(e.color, 80)
                   }, null, 8, Zl),
-                  i("stop", {
+                  d("stop", {
                     offset: "100%",
                     "stop-color": u(g)(u(E)(e.color, 0.7), 100)
                   }, null, 8, ql)
                 ], 8, Ul)
               ]),
-              i("path", {
+              d("path", {
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: L,
@@ -983,7 +984,7 @@ const gt = ["id"], $t = {
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_body_${e.id})`
               }, null, 40, Xl),
-              h > 0 ? (n(), d("path", {
+              h > 0 ? (n(), c("path", {
                 key: 0,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
@@ -995,7 +996,7 @@ const gt = ["id"], $t = {
                 "stroke-linecap": "round",
                 fill: "none"
               }, null, 40, Yl)) : y("", !0),
-              i("path", {
+              d("path", {
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: L,
@@ -1007,18 +1008,18 @@ const gt = ["id"], $t = {
                 fill: `url(#gradient_tube_top_${e.id})`
               }, null, 40, Jl)
             ], 12, Ll))), 256)),
-            (n(!0), d(_, null, m(C.value, (e, h) => (n(), d("g", {
+            (n(!0), c(_, null, m(C.value, (e, h) => (n(), c("g", {
               style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
               onClick: (l) => Z("selectDatapoint", e)
             }, [
-              i("path", {
+              d("path", {
                 stroke: t.value.style.chart.color,
                 "stroke-dasharray": "1",
                 "stroke-width": "0.5",
                 "stroke-linecap": "round",
                 d: `M${e.fill.sidePointer.x},${e.fill.sidePointer.y} ${e.fill.sidePointer.x + 20},${e.fill.sidePointer.y}`
               }, null, 8, Ql),
-              !e.fill.miniDonut || x.value ? (n(), d("circle", {
+              !e.fill.miniDonut || x.value ? (n(), c("circle", {
                 key: 0,
                 cx: e.fill.sidePointer.x + 20,
                 cy: e.fill.sidePointer.y,
@@ -1026,14 +1027,14 @@ const gt = ["id"], $t = {
                 fill: e.color,
                 stroke: t.value.style.chart.backgroundColor
               }, null, 8, eo)) : y("", !0),
-              (n(), d("foreignObject", {
+              (n(), c("foreignObject", {
                 x: e.fill.sidePointer.x + 30,
                 y: e.fill.sidePointer.y - t.value.style.chart.legend.fontSize,
                 width: o.value.absoluteWidth / 2 - 12,
                 height: t.value.style.chart.legend.fontSize * 2,
                 style: { overflow: "visible", position: "relative" }
               }, [
-                t.value.style.chart.legend.showDefault ? (n(), d("div", {
+                t.value.style.chart.legend.showDefault ? (n(), c("div", {
                   key: 0,
                   style: O(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${t.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${t.value.style.chart.legend.fontSize}px; color:${t.value.style.chart.legend.color}`)
                 }, B(u(le)(
@@ -1049,9 +1050,9 @@ const gt = ["id"], $t = {
                 )), 5)) : y("", !0),
                 P(a.$slots, "legend", je({ ref_for: !0 }, { datapoint: e, config: t.value, dataset: C.value }), void 0, !0)
               ], 8, to)),
-              e.fill.donut && x.value === e.id ? (n(), d("g", lo, [
-                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("g", null, [
-                  W(l, e.fill.donut, !0) > 6 ? (n(), d("path", {
+              e.fill.donut && x.value === e.id ? (n(), c("g", lo, [
+                (n(!0), c(_, null, m(e.fill.donut, (l, r) => (n(), c("g", null, [
+                  W(l, e.fill.donut, !0) > 6 ? (n(), c("path", {
                     key: 0,
                     d: u(De)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 10),
                     stroke: l.color,
@@ -1062,48 +1063,48 @@ const gt = ["id"], $t = {
                     fill: "none"
                   }, null, 8, oo)) : y("", !0)
                 ]))), 256)),
-                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("path", {
+                (n(!0), c(_, null, m(e.fill.donut, (l, r) => (n(), c("path", {
                   class: "vue-ui-donut-arc-path",
                   d: l.arcSlice,
                   fill: `${l.color}`,
                   stroke: t.value.style.chart.backgroundColor,
                   "stroke-width": 1
                 }, null, 8, so))), 256)),
-                i("defs", null, [
-                  i("radialGradient", {
+                d("defs", null, [
+                  d("radialGradient", {
                     id: `hollow_gradient_${b.value}`
                   }, [
-                    i("stop", {
+                    d("stop", {
                       offset: "0%",
                       "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
                     }, null, 8, no),
-                    s[6] || (s[6] = i("stop", {
+                    s[6] || (s[6] = d("stop", {
                       offset: "77%",
                       "stop-color": "#FFFFFF20"
                     }, null, -1)),
-                    i("stop", {
+                    d("stop", {
                       offset: "100%",
                       "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
                     }, null, 8, ro)
                   ], 8, ao)
                 ]),
-                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("circle", {
+                (n(!0), c(_, null, m(e.fill.donut, (l, r) => (n(), c("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 28,
                   fill: `url(#hollow_gradient_${b.value})`
                 }, null, 8, uo))), 256)),
-                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("circle", {
+                (n(!0), c(_, null, m(e.fill.donut, (l, r) => (n(), c("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 14,
                   fill: t.value.style.chart.backgroundColor
                 }, null, 8, io))), 256)),
-                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("g", null, [
-                  W(l, e.fill.donut, !0) > 6 ? (n(), d("g", co, [
-                    i("text", {
+                (n(!0), c(_, null, m(e.fill.donut, (l, r) => (n(), c("g", null, [
+                  W(l, e.fill.donut, !0) > 6 ? (n(), c("g", co, [
+                    d("text", {
                       "text-anchor": u(A)(l, !0, 0).anchor,
                       x: u(A)(l, !0, 2).x,
                       y: u(oe)(l, 12, 12),
@@ -1120,7 +1121,7 @@ const gt = ["id"], $t = {
                       })})`,
                       { datapoint: l, seriesIndex: r, type: "donutDatapoint" }
                     )), 9, ho),
-                    i("text", {
+                    d("text", {
                       "text-anchor": u(A)(l).anchor,
                       x: u(A)(l, !0, 2).x,
                       y: u(oe)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
@@ -1130,8 +1131,8 @@ const gt = ["id"], $t = {
                   ])) : y("", !0)
                 ]))), 256))
               ])) : y("", !0),
-              e.fill.miniDonut && !x.value ? (n(), d("g", fo, [
-                (n(!0), d(_, null, m(e.fill.miniDonut, (l, r) => (n(), d("path", {
+              e.fill.miniDonut && !x.value ? (n(), c("g", fo, [
+                (n(!0), c(_, null, m(e.fill.miniDonut, (l, r) => (n(), c("path", {
                   class: "vue-ui-donut-arc-path",
                   d: l.arcSlice,
                   fill: `${l.color}`,
@@ -1144,7 +1145,7 @@ const gt = ["id"], $t = {
         ])) : y("", !0),
         P(a.$slots, "svg", { svg: o.value }, void 0, !0)
       ], 14, _t)) : y("", !0),
-      a.$slots.watermark ? (n(), d("div", yo, [
+      a.$slots.watermark ? (n(), c("div", yo, [
         P(a.$slots, "watermark", J(K({ isPrinting: u(ye) || u(ke) })), void 0, !0)
       ])) : y("", !0),
       q.value ? y("", !0) : (n(), U(u(We), {
@@ -1159,7 +1160,7 @@ const gt = ["id"], $t = {
           }
         }
       }, null, 8, ["config"])),
-      a.$slots.source ? (n(), d("div", ko, [
+      a.$slots.source ? (n(), c("div", ko, [
         P(a.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
       q.value && F.value ? (n(), U(u(Ae), {
@@ -1189,7 +1190,7 @@ const gt = ["id"], $t = {
             onClose: s[1] || (s[1] = (e) => H.value.showTable = !1)
           }, {
             th: S(({ th: e }) => [
-              i("div", {
+              d("div", {
                 innerHTML: e,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, go)
@@ -1204,7 +1205,7 @@ const gt = ["id"], $t = {
       }, 8, ["config"])) : y("", !0)
     ], 44, gt));
   }
-}, Po = /* @__PURE__ */ kt($o, [["__scopeId", "data-v-1fcdcf56"]]);
+}, Po = /* @__PURE__ */ kt($o, [["__scopeId", "data-v-f21d1895"]]);
 export {
   Po as default
 };