vue-data-ui 2.3.75 → 2.3.77

package/dist/{vue-ui-3d-bar-Bg9IgVVc.js → vue-ui-3d-bar-Dasj0J9j.js}

@@ -1,31 +1,31 @@
-import { computed as P, ref as D, watch as Oe, onMounted as We, openBlock as r, createElementBlock as i, normalizeClass as be, normalizeStyle as j, createBlock as H, createCommentVNode as y, unref as h, createSlots as Ge, withCtx as I, renderSlot as T, normalizeProps as Y, guardReactiveProps as J, createElementVNode as u, Fragment as g, renderList as _, toDisplayString as M, createTextVNode as Ve, nextTick as Ae, pushScopeId as Ue, popScopeId as Ee } from "vue";
-import { u as He, c as we, t as Ze, a as qe, p as K, b as Xe, d as z, o as Re, e as Q, g as ne, l as A, m as Ce, f as S, X as Ye, h as ee, i as te, j as Fe, k as L, n as le, q as Je, r as Ke } from "./index-Cm4Iry5c.js";
-import { _ as Qe } from "./Title-C26I_HC3.js";
-import { u as et, U as tt } from "./usePrinter-B8RnF8_q.js";
-import lt from "./vue-ui-skeleton-C1oUnz7R.js";
-import { D as ot } from "./DataTable-CQANRZju.js";
-import st from "./vue-ui-accordion-Cb6XBCbu.js";
-import { u as Me } from "./useNestedProp-CurQIHTa.js";
-import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = ["xmlns", "viewBox"], ut = ["id"], it = ["stop-color"], dt = ["stop-color"], ct = ["id"], ht = ["stop-color"], vt = ["stop-color"], ft = ["id"], pt = ["stop-color"], yt = ["stop-color"], kt = ["id"], $t = ["stop-color"], gt = ["stop-color"], _t = ["stop-color"], mt = { key: 0 }, xt = ["id"], bt = ["stop-color"], wt = ["stop-color"], Ct = ["id"], Ft = ["stop-color"], Mt = ["stop-color"], Pt = ["id"], Dt = ["stop-color"], St = ["stop-color"], jt = ["id"], Tt = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
+import { computed as S, ref as j, watch as Oe, onMounted as We, openBlock as r, createElementBlock as i, normalizeClass as be, normalizeStyle as z, createBlock as H, createCommentVNode as y, unref as c, createSlots as Ge, withCtx as I, renderSlot as D, normalizeProps as Y, guardReactiveProps as J, createElementVNode as u, Fragment as _, renderList as m, toDisplayString as P, createTextVNode as Ve, nextTick as Ae, pushScopeId as Ue, popScopeId as Ee } from "vue";
+import { u as He, c as we, t as Ze, a as qe, p as K, b as Xe, d as Re, o as Ye, e as Q, g as ne, l as A, m as Ce, f as T, X as Je, s as g, h as ee, i as te, j as Fe, k as L, n as le, q as Ke, r as Qe } from "./index-0KN57HdM.js";
+import { _ as et } from "./Title-gvR5aS6q.js";
+import { u as tt, U as lt } from "./usePrinter-BvKYEc1z.js";
+import ot from "./vue-ui-skeleton-dgMXr8k9.js";
+import { D as st } from "./DataTable-OAUXdIYA.js";
+import at from "./vue-ui-accordion-CczyfFaC.js";
+import { u as Me } from "./useNestedProp-NeGalTYk.js";
+import { _ as nt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = ["xmlns", "viewBox"], it = ["id"], dt = ["stop-color"], ct = ["stop-color"], ht = ["id"], vt = ["stop-color"], ft = ["stop-color"], pt = ["id"], yt = ["stop-color"], kt = ["stop-color"], gt = ["id"], $t = ["stop-color"], _t = ["stop-color"], mt = ["stop-color"], xt = { key: 0 }, bt = ["id"], wt = ["stop-color"], Ct = ["stop-color"], Ft = ["id"], Mt = ["stop-color"], Pt = ["stop-color"], St = ["id"], jt = ["stop-color"], Tt = ["stop-color"], zt = ["id"], Dt = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
   offset: "0%",
   "stop-color": "#FFFFFF"
-}, null, -1)), zt = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
+}, null, -1)), Nt = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
   offset: "100%",
   "stop-color": "#FFFFFF33"
-}, null, -1)), Nt = [
-  Tt,
-  zt
-], Bt = ["x", "y", "font-size", "font-weight", "fill"], It = ["x", "y"], Lt = ["d", "stroke"], Ot = ["d", "stroke"], Wt = { key: 3 }, Gt = { key: 0 }, Vt = ["stroke-dasharray", "d", "stroke", "stroke-width"], At = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ut = ["stroke-dasharray", "d", "stroke", "stroke-width"], Et = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ht = { key: 1 }, Zt = ["d", "stroke", "stroke-width", "fill"], qt = ["d", "stroke", "stroke-width", "fill"], Xt = ["d", "stroke", "stroke-width", "fill"], Rt = { key: 2 }, Yt = ["d", "fill", "onMouseenter", "onClick"], Jt = ["d", "fill", "onMouseenter", "onClick"], Kt = ["d", "fill", "onMouseenter", "onClick"], Qt = ["d", "onMouseenter", "onClick"], el = ["d"], tl = ["d", "stroke"], ll = ["onClick"], ol = ["stroke", "d"], sl = ["cx", "cy", "fill", "stroke"], al = ["x", "y", "width", "height"], nl = { key: 1 }, rl = ["d", "stroke"], ul = ["d", "fill", "stroke"], il = ["id"], dl = ["stop-color"], cl = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
+}, null, -1)), Bt = [
+  Dt,
+  Nt
+], It = ["x", "y", "font-size", "font-weight", "fill"], Lt = ["x", "y"], Ot = ["d", "stroke"], Wt = ["d", "stroke"], Gt = { key: 3 }, Vt = { key: 0 }, At = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ut = ["stroke-dasharray", "d", "stroke", "stroke-width"], Et = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ht = ["stroke-dasharray", "d", "stroke", "stroke-width"], Zt = { key: 1 }, qt = ["d", "stroke", "stroke-width", "fill"], Xt = ["d", "stroke", "stroke-width", "fill"], Rt = ["d", "stroke", "stroke-width", "fill"], Yt = { key: 2 }, Jt = ["d", "fill", "onMouseenter", "onClick"], Kt = ["d", "fill", "onMouseenter", "onClick"], Qt = ["d", "fill", "onMouseenter", "onClick"], el = ["d", "onMouseenter", "onClick"], tl = ["d"], ll = ["d", "stroke"], ol = ["onClick"], sl = ["stroke", "d"], al = ["cx", "cy", "fill", "stroke"], nl = ["x", "y", "width", "height"], rl = { key: 1 }, ul = ["d", "stroke"], il = ["d", "fill", "stroke"], dl = ["id"], cl = ["stop-color"], hl = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
   offset: "77%",
   "stop-color": "#FFFFFF20"
-}, null, -1)), hl = ["stop-color"], vl = ["cx", "cy", "fill"], fl = ["cx", "cy", "fill"], pl = { key: 0 }, yl = ["text-anchor", "x", "y", "fill", "font-size"], kl = ["text-anchor", "x", "y", "fill", "font-size"], $l = { key: 2 }, gl = ["d", "fill", "stroke"], _l = { key: 4 }, ml = { key: 0 }, xl = ["stroke-dasharray", "d", "stroke", "stroke-width"], bl = ["stroke-dasharray", "d", "stroke", "stroke-width"], wl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Cl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Fl = ["d", "stroke", "stroke-width", "fill"], Ml = ["d", "stroke", "stroke-width", "fill"], Pl = { key: 1 }, Dl = ["onClick"], Sl = ["id"], jl = ["stop-color"], Tl = ["stop-color"], zl = ["id"], Nl = ["stop-color"], Bl = ["stop-color"], Il = ["stop-color"], Ll = ["stop-color"], Ol = ["stop-color"], Wl = ["onMouseenter", "onClick", "d", "fill"], Gl = ["onMouseenter", "onClick", "d"], Vl = ["onMouseenter", "onClick", "d", "fill"], Al = ["onClick"], Ul = ["stroke", "d"], El = ["cx", "cy", "fill", "stroke"], Hl = ["x", "y", "width", "height"], Zl = { key: 1 }, ql = ["d", "stroke"], Xl = ["d", "fill", "stroke"], Rl = ["id"], Yl = ["stop-color"], Jl = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
+}, null, -1)), vl = ["stop-color"], fl = ["cx", "cy", "fill"], pl = ["cx", "cy", "fill"], yl = { key: 0 }, kl = ["text-anchor", "x", "y", "fill", "font-size"], gl = ["text-anchor", "x", "y", "fill", "font-size"], $l = { key: 2 }, _l = ["d", "fill", "stroke"], ml = { key: 4 }, xl = { key: 0 }, bl = ["stroke-dasharray", "d", "stroke", "stroke-width"], wl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Cl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Fl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ml = ["d", "stroke", "stroke-width", "fill"], Pl = ["d", "stroke", "stroke-width", "fill"], Sl = { key: 1 }, jl = ["onClick"], Tl = ["id"], zl = ["stop-color"], Dl = ["stop-color"], Nl = ["id"], Bl = ["stop-color"], Il = ["stop-color"], Ll = ["stop-color"], Ol = ["stop-color"], Wl = ["stop-color"], Gl = ["onMouseenter", "onClick", "d", "fill"], Vl = ["onMouseenter", "onClick", "d"], Al = ["onMouseenter", "onClick", "d", "fill"], Ul = ["onClick"], El = ["stroke", "d"], Hl = ["cx", "cy", "fill", "stroke"], Zl = ["x", "y", "width", "height"], ql = { key: 1 }, Xl = ["d", "stroke"], Rl = ["d", "fill", "stroke"], Yl = ["id"], Jl = ["stop-color"], Kl = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
   offset: "77%",
   "stop-color": "#FFFFFF20"
-}, null, -1)), Kl = ["stop-color"], Ql = ["cx", "cy", "fill"], eo = ["cx", "cy", "fill"], to = { key: 0 }, lo = ["text-anchor", "x", "y", "fill", "font-size"], oo = ["text-anchor", "x", "y", "fill", "font-size"], so = { key: 2 }, ao = ["d", "fill", "stroke"], no = {
+}, null, -1)), Ql = ["stop-color"], eo = ["cx", "cy", "fill"], to = ["cx", "cy", "fill"], lo = { key: 0 }, oo = ["text-anchor", "x", "y", "fill", "font-size"], so = ["text-anchor", "x", "y", "fill", "font-size"], ao = { key: 2 }, no = ["d", "fill", "stroke"], ro = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, ro = ["innerHTML"], uo = {
+}, uo = ["innerHTML"], io = {
   __name: "vue-ui-3d-bar",
   props: {
     config: {
@@ -43,14 +43,14 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
   },
   emits: ["selectDatapoint"],
   setup(U, { expose: Pe, emit: Z }) {
-    const $ = U, { vue_ui_3d_bar: De } = He(), q = P(() => !!$.dataset && Object.keys($.dataset).length), m = D(we()), Se = D(null), re = D(null), O = D(!1), ue = D(0), ie = D(0), t = P({
+    const $ = U, { vue_ui_3d_bar: Se } = He(), q = S(() => !!$.dataset && Object.keys($.dataset).length), x = j(we()), je = j(null), re = j(null), O = j(!1), ue = j(0), ie = j(0), t = S({
       get: () => de(),
       set: (a) => a
     });
     function de() {
       const a = Me({
         userConfig: $.config,
-        defaultConfig: De
+        defaultConfig: Se
       });
       return a.theme ? {
         ...Me({
@@ -63,39 +63,39 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
     Oe(() => $.config, (a) => {
       t.value = de(), pe(), ue.value += 1, ie.value += 1;
     }, { deep: !0 });
-    const { isPrinting: ce, isImaging: he, generatePdf: ve, generateImage: fe } = et({
-      elementId: `3d_bar_${m.value}`,
+    const { isPrinting: ce, isImaging: he, generatePdf: ve, generateImage: fe } = tt({
+      elementId: `3d_bar_${x.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-3d-bar"
-    }), je = P(() => Xe(t.value.customPalette)), X = D({
+    }), Te = S(() => Xe(t.value.customPalette)), X = j({
       showTable: t.value.table.show
-    }), C = P(() => $.dataset.series && $.dataset.series.length), o = P(() => ({
+    }), F = S(() => $.dataset.series && $.dataset.series.length), o = S(() => ({
       height: t.value.style.chart.box.dimensions.height,
       width: t.value.style.chart.box.dimensions.width,
-      absoluteWidth: t.value.style.chart.box.dimensions.width * (C.value ? 2 : 1),
+      absoluteWidth: t.value.style.chart.box.dimensions.width * (F.value ? 2 : 1),
       top: t.value.style.chart.box.dimensions.top,
       bottom: t.value.style.chart.box.dimensions.bottom,
       left: t.value.style.chart.box.dimensions.left,
       right: t.value.style.chart.box.dimensions.right,
       perspective: t.value.style.chart.box.dimensions.perspective
-    })), w = P(() => {
-      if (C.value) {
+    })), C = S(() => {
+      if (F.value) {
         const a = $.dataset.series.map((l) => l.value || 0).reduce((l, n) => l + n, 0), s = $.dataset.series.map((l, n) => ({
           ...l,
           id: we(),
           proportion: (l.value || 0) / a,
-          color: z(l.color) || je.value[n] || K[n] || K[n % K.length],
+          color: Re(l.color) || Te.value[n] || K[n] || K[n % K.length],
           breakdown: l.breakdown ? l.breakdown.sort((d, k) => k.value - d.value) : null
         })).sort((l, n) => n.value - l.value), e = [];
-        let c = 0;
+        let h = 0;
         for (let l = 0; l < s.length; l += 1)
           e.push({
             ...s[l],
-            fill: Te(c, s[l].proportion, s[l].breakdown, s[l].color)
-          }), c += s[l].proportion;
+            fill: ze(h, s[l].proportion, s[l].breakdown, s[l].color)
+          }), h += s[l].proportion;
         return e;
       }
       return null;
-    }), N = P(() => ({
+    }), N = S(() => ({
       right: `M${o.value.width / 2},${o.value.top} ${o.value.width - o.value.right}, ${o.value.top + o.value.perspective} ${o.value.width - o.value.right},${o.value.height - o.value.bottom - o.value.perspective} ${o.value.width / 2},${o.value.height - o.value.bottom}`,
       left: `M${o.value.width / 2},${o.value.top} ${o.value.left},${o.value.top + o.value.perspective} ${o.value.left},${o.value.height - o.value.bottom - o.value.perspective} ${o.value.width / 2},${o.value.height - o.value.bottom}`,
       side: `M${o.value.width / 2},${o.value.height - o.value.bottom} ${o.value.width / 2},${o.value.top + o.value.perspective * 2}`,
@@ -104,17 +104,17 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
       tubeLeft: `M${o.value.left},${o.value.top + o.value.perspective} ${o.value.left},${o.value.height - o.value.bottom - o.value.perspective}`,
       tubeRight: `M${o.value.width - o.value.right},${o.value.top + o.value.perspective} ${o.value.width - o.value.right},${o.value.height - o.value.bottom - o.value.perspective}`,
       tubeBottom: `M${o.value.width - o.value.right},${o.value.height - o.value.bottom - o.value.perspective} C ${o.value.width - o.value.right},${o.value.height} ${o.value.left},${o.value.height} ${o.value.left},${o.value.height - o.value.bottom - o.value.perspective}`
-    })), G = D(t.value.style.chart.animation.use ? 0 : $.dataset.percentage);
+    })), G = j(t.value.style.chart.animation.use ? 0 : $.dataset.percentage);
     We(() => {
       pe();
       let a = 0, s = t.value.style.chart.animation.speed, e = 5e-3 * t.value.style.chart.animation.acceleration;
-      function c() {
-        G.value += s + a, a += e, G.value < $.dataset.percentage ? requestAnimationFrame(c) : G.value = $.dataset.percentage;
+      function h() {
+        G.value += s + a, a += e, G.value < $.dataset.percentage ? requestAnimationFrame(h) : G.value = $.dataset.percentage;
       }
-      t.value.style.chart.animation.use && (G.value = 0, c());
+      t.value.style.chart.animation.use && (G.value = 0, h());
     });
     function pe() {
-      Re($.dataset) ? Q({
+      Ye($.dataset) ? Q({
         componentName: "VueUi3dBar",
         type: "dataset"
       }) : $.dataset.series ? $.dataset.series.forEach((a, s) => {
@@ -128,7 +128,7 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
             property: e,
             index: s
           });
-        }), a.breakdown && a.breakdown.forEach((e, c) => {
+        }), a.breakdown && a.breakdown.forEach((e, h) => {
           ne({
             datasetObject: e,
             requiredAttributes: ["name", "value"]
@@ -137,7 +137,7 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               componentName: "VueUi3dBar",
               type: "datasetSerieAttribute",
               property: l,
-              index: `${s} - ${c}`
+              index: `${s} - ${h}`
             });
           });
         });
@@ -152,17 +152,17 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
         });
       });
     }
-    function Te(a, s, e, c) {
-      const l = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: n, height: d, bottom: k, right: b, left: f, perspective: p } = o.value, v = k + l * a, ae = d - v - p - l * s / 2, Be = ae > o.value.height / 2 ? "top" : "bottom", ge = 64, Ie = !!e;
+    function ze(a, s, e, h) {
+      const l = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: n, height: d, bottom: k, right: w, left: f, perspective: p } = o.value, v = k + l * a, ae = d - v - p - l * s / 2, Be = ae > o.value.height / 2 ? "top" : "bottom", $e = 64, Ie = !!e;
       let _e = null, me = null;
       return Ie && (e = e.map((xe, Le) => ({
         ...xe,
         value: xe.value || 0,
-        color: A(c, Le / e.length)
+        color: A(h, Le / e.length)
       })), _e = Ce(
         { series: e },
         n + o.value.absoluteWidth / 4 - 14,
-        Be === "top" ? ae - ge : ae + ge,
+        Be === "top" ? ae - $e : ae + $e,
         28,
         28,
         1.99999,
@@ -173,7 +173,7 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
         14
       ), me = Ce(
         { series: e },
-        n - b + 20,
+        n - w + 20,
         d - v - p - l * s / 2,
         6,
         6,
@@ -187,116 +187,116 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
         donut: _e,
         miniDonut: me,
         sidePointer: {
-          x: n - b,
+          x: n - w,
           y: d - v - p - l * s / 2,
           topY: d - v - p - l * s,
           height: l * s
         },
         apexBottom: { y: d - v, x: n / 2 },
         apexTop: { y: d - v - l * s, x: n / 2 },
-        right: `M${n / 2},${d - v} ${n / 2},${d - v - l * s} ${n - b},${d - v - p - l * s} ${n - b},${d - v - p}Z`,
+        right: `M${n / 2},${d - v} ${n / 2},${d - v - l * s} ${n - w},${d - v - p - l * s} ${n - w},${d - v - p}Z`,
         left: `M${n / 2},${d - v} ${n / 2},${d - v - l * s} ${f}, ${d - v - p - l * s} ${f},${d - v - p}Z`,
-        liningTop: `M${f},${d - v - p - l * s} ${n / 2},${d - v - l * s} ${n - b},${d - v - p - l * s}`,
-        liningTopShade: `M${f},${d - v - p - l * s - 0.5} ${n / 2},${d - v - l * s - 0.5} ${n - b},${d - v - p - l * s - 0.5}`,
-        top: `M${n / 2},${d - v - l * s} ${f},${d - v - p - l * s} ${n / 2},${d - v - p * 2 - l * s} ${n - b},${d - v - p - l * s} Z`,
-        tubeTop: `M${f},${d - v - l * s - p} C ${f},${d - v - l * s - p * 2.5} ${n - b},${d - v - l * s - p * 2.5} ${n - b},${d - v - l * s - p} C ${n - b},${d - v - l * s + p / 2} ${f},${d - v - l * s + p / 2} ${f},${d - v - l * s - p}`,
-        bottomTubeTop: `M ${n - b - 0.5},${d - v - p} C ${n - b - 0.5},${d - v + p / 2} ${f},${d - v + p / 2} ${f + 0.5},${d - v - p}`,
+        liningTop: `M${f},${d - v - p - l * s} ${n / 2},${d - v - l * s} ${n - w},${d - v - p - l * s}`,
+        liningTopShade: `M${f},${d - v - p - l * s - 0.5} ${n / 2},${d - v - l * s - 0.5} ${n - w},${d - v - p - l * s - 0.5}`,
+        top: `M${n / 2},${d - v - l * s} ${f},${d - v - p - l * s} ${n / 2},${d - v - p * 2 - l * s} ${n - w},${d - v - p - l * s} Z`,
+        tubeTop: `M${f},${d - v - l * s - p} C ${f},${d - v - l * s - p * 2.5} ${n - w},${d - v - l * s - p * 2.5} ${n - w},${d - v - l * s - p} C ${n - w},${d - v - l * s + p / 2} ${f},${d - v - l * s + p / 2} ${f},${d - v - l * s - p}`,
+        bottomTubeTop: `M ${n - w - 0.5},${d - v - p} C ${n - w - 0.5},${d - v + p / 2} ${f},${d - v + p / 2} ${f + 0.5},${d - v - p}`,
         tubeBody: `M
         ${f},${d - v - l * s - p} 
         C ${f},${d - v - l * s + p / 2} 
-        ${n - b},${d - v - l * s + p / 2} 
-        ${n - b},${d - v - l * s - p} 
-        L${n - b},${d - v - p}
+        ${n - w},${d - v - l * s + p / 2} 
+        ${n - w},${d - v - l * s - p} 
+        L${n - w},${d - v - p}
         C 
-        ${n - b},${d - v + p / 2}
+        ${n - w},${d - v + p / 2}
         ${f},${d - v + p / 2}
         ${f},${d - v - p}Z`
       };
     }
-    const E = P(() => {
-      const a = G.value / 100, s = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: e, height: c, bottom: l, right: n, left: d, perspective: k } = o.value, f = l + s * 0;
+    const E = S(() => {
+      const a = G.value / 100, s = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: e, height: h, bottom: l, right: n, left: d, perspective: k } = o.value, f = l + s * 0;
       return {
-        right: `M${e / 2},${c - f} ${e / 2},${c - f - s * a} ${e - n},${c - f - k - s * a} ${e - n},${c - f - k}Z`,
-        left: `M${e / 2},${c - f} ${e / 2},${c - f - s * a} ${d}, ${c - f - k - s * a} ${d},${c - f - k}Z`,
-        top: `M${e / 2},${c - f - s * a} ${d},${c - f - k - s * a} ${e / 2},${c - f - k * 2 - s * a} ${e - n},${c - f - k - s * a} Z`,
-        tubeTop: `M${d},${c - f - s * a - k} C ${d},${c - f - s * a - k * 2.5} ${e - n},${c - f - s * a - k * 2.5} ${e - n},${c - f - s * a - k} C ${e - n},${c - f - s * a + k / 2} ${d},${c - f - s * a + k / 2} ${d},${c - f - s * a - k}`,
+        right: `M${e / 2},${h - f} ${e / 2},${h - f - s * a} ${e - n},${h - f - k - s * a} ${e - n},${h - f - k}Z`,
+        left: `M${e / 2},${h - f} ${e / 2},${h - f - s * a} ${d}, ${h - f - k - s * a} ${d},${h - f - k}Z`,
+        top: `M${e / 2},${h - f - s * a} ${d},${h - f - k - s * a} ${e / 2},${h - f - k * 2 - s * a} ${e - n},${h - f - k - s * a} Z`,
+        tubeTop: `M${d},${h - f - s * a - k} C ${d},${h - f - s * a - k * 2.5} ${e - n},${h - f - s * a - k * 2.5} ${e - n},${h - f - s * a - k} C ${e - n},${h - f - s * a + k / 2} ${d},${h - f - s * a + k / 2} ${d},${h - f - s * a - k}`,
         tubeBody: `M
-        ${d},${c - f - s * a - k} 
-        C ${d},${c - f - s * a + k / 2} 
-        ${e - n},${c - f - s * a + k / 2} 
-        ${e - n},${c - f - s * a - k} 
-        L${e - n},${c - k * 1.5}
+        ${d},${h - f - s * a - k} 
+        C ${d},${h - f - s * a + k / 2} 
+        ${e - n},${h - f - s * a + k / 2} 
+        ${e - n},${h - f - s * a - k} 
+        L${e - n},${h - k * 1.5}
         C 
-        ${e - n},${c}
-        ${d},${c}
-        ${d},${c - f - k}Z`
+        ${e - n},${h}
+        ${d},${h}
+        ${d},${h - f - k}Z`
       };
-    }), x = D(null);
-    function F(a, s = !1) {
-      Z("selectDatapoint", a), s || (x.value = a.id), s && O.value && (O.value = !1), s && !O.value && (O.value = !0);
+    }), b = j(null);
+    function M(a, s = !1) {
+      Z("selectDatapoint", a), s || (b.value = a.id), s && O.value && (O.value = !1), s && !O.value && (O.value = !0);
     }
     function W() {
-      O.value || (x.value = null);
+      O.value || (b.value = null);
     }
     function V(a, s, e = !1) {
-      const c = $.dataset.series.map((d) => d.value || 0).reduce((d, k) => d + k, 0), l = isNaN(a.value / c) ? 0 : a.value / c * 100, n = isNaN(a.value / ye(s)) ? 0 : a.value / ye(s) * 100;
+      const h = $.dataset.series.map((d) => d.value || 0).reduce((d, k) => d + k, 0), l = isNaN(a.value / h) ? 0 : a.value / h * 100, n = isNaN(a.value / ye(s)) ? 0 : a.value / ye(s) * 100;
       return e ? n : l.toFixed(0) + "%";
     }
     function ye(a) {
       return [...a].map((s) => s.value).reduce((s, e) => s + e, 0);
     }
-    const se = D(!1);
-    function ze(a) {
+    const se = j(!1);
+    function De(a) {
       se.value = a;
     }
     function Ne() {
-      return C.value ? w.value : $.dataset.percentage;
+      return F.value ? C.value : $.dataset.percentage;
     }
-    const B = P(() => {
-      if (C.value) {
-        const a = w.value.flatMap((e) => e.breakdown && e.breakdown.length ? [{ name: e.name, color: e.color }, ...e.breakdown.map((c, l) => ({
-          name: c.name,
+    const B = S(() => {
+      if (F.value) {
+        const a = C.value.flatMap((e) => e.breakdown && e.breakdown.length ? [{ name: e.name, color: e.color }, ...e.breakdown.map((h, l) => ({
+          name: h.name,
           color: A(e.color, l / e.breakdown.length)
         }))] : {
           name: e.name,
           color: e.color
-        }), s = w.value.flatMap((e) => e.breakdown && e.breakdown.length ? [e.value, ...e.breakdown.map((c) => c.value)] : e.value);
+        }), s = C.value.flatMap((e) => e.breakdown && e.breakdown.length ? [e.value, ...e.breakdown.map((h) => h.value)] : e.value);
         return { head: a, body: s };
       } else
         return null;
     });
     function ke() {
-      if (!C.value) {
+      if (!F.value) {
         console.warn("VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)");
         return;
       }
       Ae(() => {
-        const a = w.value.map((l) => l.value).reduce((l, n) => l + n, 0), s = B.value.head.map((l, n) => [[
+        const a = C.value.map((l) => l.value).reduce((l, n) => l + n, 0), s = B.value.head.map((l, n) => [[
           l.name
-        ], [B.value.body[n]], [isNaN(B.value.body[n] / a) ? "-" : B.value.body[n] / a * 100]]), e = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(s), c = Je(e);
-        Ke({ csvContent: c, title: t.value.style.chart.title.text || "vue-ui-3d-bar" });
+        ], [B.value.body[n]], [isNaN(B.value.body[n] / a) ? "-" : B.value.body[n] / a * 100]]), e = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(s), h = Ke(e);
+        Qe({ csvContent: h, title: t.value.style.chart.title.text || "vue-ui-3d-bar" });
       });
     }
-    const R = P(() => {
-      const a = w.value.map((n) => n.value).reduce((n, d) => n + d, 0), s = [
+    const R = S(() => {
+      const a = C.value.map((n) => n.value).reduce((n, d) => n + d, 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>',
-        S({ p: t.value.style.chart.legend.prefix, v: a, s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue }),
+        T({ p: t.value.style.chart.legend.prefix, v: a, s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue }),
         "100%"
       ], e = B.value.head.map((n, d) => {
-        const k = S({ p: t.value.style.chart.legend.prefix, v: B.value.body[d], s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue });
+        const k = T({ p: t.value.style.chart.legend.prefix, v: B.value.body[d], s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue });
         return [
           {
             color: n.color,
             name: n.name
           },
           k,
-          isNaN(B.value.body[d] / a) ? "-" : S({
+          isNaN(B.value.body[d] / a) ? "-" : T({
             v: B.value.body[d] / a * 100,
             s: "%",
             r: t.value.table.td.roundingPercentage
           })
         ];
-      }), c = {
+      }), h = {
         th: {
           backgroundColor: t.value.table.th.backgroundColor,
           color: t.value.table.th.color,
@@ -318,10 +318,10 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
         ],
         head: s,
         body: e,
-        config: c
+        config: h
       };
     });
-    function $e() {
+    function ge() {
       X.value.showTable = !X.value.showTable;
     }
     return Pe({
@@ -329,19 +329,19 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
       generatePdf: ve,
       generateImage: fe,
       getData: Ne,
-      toggleTable: $e
+      toggleTable: ge
     }), (a, s) => (r(), i("div", {
       ref_key: "bar3dChart",
       ref: re,
       class: be("vue-ui-3d-bar"),
-      style: j(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),
-      id: `3d_bar_${m.value}`
+      style: z(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),
+      id: `3d_bar_${x.value}`
     }, [
       t.value.style.chart.title.text ? (r(), i("div", {
         key: 0,
-        style: j(`width:100%;background:${t.value.style.chart.backgroundColor}`)
+        style: z(`width:100%;background:${t.value.style.chart.backgroundColor}`)
       }, [
-        (r(), H(Qe, {
+        (r(), H(et, {
           key: `title_${ue.value}`,
           config: {
             title: {
@@ -355,110 +355,110 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
           }
         }, null, 8, ["config"]))
       ], 4)) : y("", !0),
-      t.value.userOptions.show && q.value ? (r(), H(tt, {
+      t.value.userOptions.show && q.value ? (r(), H(lt, {
         key: 1,
         ref_key: "details",
-        ref: Se,
+        ref: je,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isPrinting: h(ce),
-        isImaging: h(he),
-        uid: m.value,
+        isPrinting: c(ce),
+        isImaging: c(he),
+        uid: x.value,
         hasPdf: t.value.userOptions.buttons.pdf,
-        hasTable: !!C.value && t.value.userOptions.buttons.table,
-        hasXls: !!C.value && t.value.userOptions.buttons.csv,
+        hasTable: !!F.value && t.value.userOptions.buttons.table,
+        hasXls: !!F.value && t.value.userOptions.buttons.csv,
         hasImg: t.value.userOptions.buttons.img,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
         titles: { ...t.value.userOptions.buttonTitles },
         chartElement: re.value,
-        onToggleFullscreen: ze,
-        onGeneratePdf: h(ve),
+        onToggleFullscreen: De,
+        onGeneratePdf: c(ve),
         onGenerateCsv: ke,
-        onGenerateImage: h(fe),
-        onToggleTable: $e
+        onGenerateImage: c(fe),
+        onToggleTable: ge
       }, Ge({ _: 2 }, [
         a.$slots.optionPdf ? {
           name: "optionPdf",
           fn: I(() => [
-            T(a.$slots, "optionPdf", {}, void 0, !0)
+            D(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
           fn: I(() => [
-            T(a.$slots, "optionCsv", {}, void 0, !0)
+            D(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
           fn: I(() => [
-            T(a.$slots, "optionImg", {}, void 0, !0)
+            D(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
           fn: I(() => [
-            T(a.$slots, "optionTable", {}, void 0, !0)
+            D(a.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: I(({ toggleFullscreen: e, isFullscreen: c }) => [
-            T(a.$slots, "optionFullscreen", Y(J({ toggleFullscreen: e, isFullscreen: c })), void 0, !0)
+          fn: I(({ toggleFullscreen: e, isFullscreen: h }) => [
+            D(a.$slots, "optionFullscreen", Y(J({ toggleFullscreen: e, isFullscreen: h })), void 0, !0)
           ]),
           key: "4"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasTable", "hasXls", "hasImg", "hasFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : y("", !0),
       q.value ? (r(), i("svg", {
         key: 2,
-        xmlns: h(Ye),
+        xmlns: c(Je),
         class: be({ "vue-data-ui-fullscreen--on": se.value, "vue-data-ui-fulscreen--off": !se.value }),
         viewBox: `0 0 ${o.value.absoluteWidth} ${o.value.height}`,
-        style: j(`max-width:100%; overflow: visible; background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)
+        style: z(`max-width:100%; overflow: visible; background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)
       }, [
         u("defs", null, [
           u("radialGradient", {
-            id: `gradient_top${m.value}`
+            id: `gradient_top${x.value}`
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": `${h(z)(t.value.style.chart.backgroundColor)}00`
-            }, null, 8, it),
+              "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
+            }, null, 8, dt),
             u("stop", {
               offset: "100%",
-              "stop-color": `${t.value.style.chart.bar.color}`
-            }, null, 8, dt)
-          ], 8, ut),
+              "stop-color": t.value.style.chart.bar.color
+            }, null, 8, ct)
+          ], 8, it),
           u("radialGradient", {
-            id: `gradient_left${m.value}`
+            id: `gradient_left${x.value}`
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": `${h(z)(t.value.style.chart.backgroundColor)}00`
-            }, null, 8, ht),
+              "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
+            }, null, 8, vt),
             u("stop", {
               offset: "100%",
-              "stop-color": `${t.value.style.chart.bar.color}33`
-            }, null, 8, vt)
-          ], 8, ct),
+              "stop-color": c(g)(t.value.style.chart.bar.color, 20)
+            }, null, 8, ft)
+          ], 8, ht),
           u("radialGradient", {
-            id: `gradient_right${m.value}`
+            id: `gradient_right${x.value}`
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": `${h(z)(t.value.style.chart.backgroundColor)}00`
-            }, null, 8, pt),
+              "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
+            }, null, 8, yt),
             u("stop", {
               offset: "100%",
-              "stop-color": `${t.value.style.chart.bar.color}33`
-            }, null, 8, yt)
-          ], 8, ft),
+              "stop-color": c(g)(t.value.style.chart.bar.color, 20)
+            }, null, 8, kt)
+          ], 8, pt),
           u("linearGradient", {
-            id: `gradient_tube_body${m.value}`,
+            id: `gradient_tube_body${x.value}`,
             x1: "0%",
             y1: "0%",
             x2: "100%",
@@ -470,58 +470,58 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
             }, null, 8, $t),
             u("stop", {
               offset: "75%",
-              "stop-color": `${h(z)(t.value.style.chart.backgroundColor)}00`
-            }, null, 8, gt),
+              "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
+            }, null, 8, _t),
             u("stop", {
               offset: "100%",
-              "stop-color": `${t.value.style.chart.bar.color}66`
-            }, null, 8, _t)
-          ], 8, kt)
+              "stop-color": c(g)(t.value.style.chart.bar.color, 40)
+            }, null, 8, mt)
+          ], 8, gt)
         ]),
-        C.value ? (r(), i("defs", mt, [
-          (r(!0), i(g, null, _(w.value, (e) => (r(), i("radialGradient", {
+        F.value ? (r(), i("defs", xt, [
+          (r(!0), i(_, null, m(C.value, (e) => (r(), i("radialGradient", {
             id: `grad_top_${e.id}`
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": `${h(A)(e.color, 0.5)}DD`
-            }, null, 8, bt),
+              "stop-color": c(g)(c(A)(e.color, 0.5), 80)
+            }, null, 8, wt),
             u("stop", {
               offset: "100%",
-              "stop-color": `${e.color}`
-            }, null, 8, wt)
-          ], 8, xt))), 256)),
-          (r(!0), i(g, null, _(w.value, (e) => (r(), i("linearGradient", {
+              "stop-color": e.color
+            }, null, 8, Ct)
+          ], 8, bt))), 256)),
+          (r(!0), i(_, null, m(C.value, (e) => (r(), i("linearGradient", {
             id: `grad_left_${e.id}`
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": `${e.color}DD`
-            }, null, 8, Ft),
+              "stop-color": c(g)(e.color, 80)
+            }, null, 8, Mt),
             u("stop", {
               offset: "100%",
-              "stop-color": `${h(ee)(e.color, 0.5)}FF`
-            }, null, 8, Mt)
-          ], 8, Ct))), 256)),
-          (r(!0), i(g, null, _(w.value, (e) => (r(), i("linearGradient", {
+              "stop-color": c(g)(c(ee)(e.color, 0.5), 100)
+            }, null, 8, Pt)
+          ], 8, Ft))), 256)),
+          (r(!0), i(_, null, m(C.value, (e) => (r(), i("linearGradient", {
             id: `grad_right_${e.id}`
           }, [
             u("stop", {
               offset: "2%",
-              "stop-color": `${h(A)(e.color, 0.5)}FF`
-            }, null, 8, Dt),
+              "stop-color": c(g)(c(A)(e.color, 0.5), 100)
+            }, null, 8, jt),
             u("stop", {
               offset: "100%",
-              "stop-color": `${e.color}DD`
-            }, null, 8, St)
-          ], 8, Pt))), 256)),
+              "stop-color": c(g)(e.color, 80)
+            }, null, 8, Tt)
+          ], 8, St))), 256)),
           u("linearGradient", {
             x1: "0%",
             y1: "0%",
             x2: "0%",
             y2: "100%",
-            id: `vertical_line_${m.value}`
-          }, Nt, 8, jt)
+            id: `vertical_line_${x.value}`
+          }, Bt, 8, zt)
         ])) : y("", !0),
         t.value.style.chart.dataLabel.show && ![null, void 0].includes($.dataset.percentage) && [null, void 0].includes($.dataset.series) ? (r(), i("text", {
           key: 1,
@@ -531,15 +531,15 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
           "font-weight": t.value.style.chart.dataLabel.bold ? "bold" : "normal",
           fill: t.value.style.chart.dataLabel.color,
           "text-anchor": "middle"
-        }, M(h(S)({
+        }, P(c(T)({
           v: G.value,
           s: "%",
           r: t.value.style.chart.dataLabel.rounding
-        })), 9, Bt)) : y("", !0),
+        })), 9, It)) : y("", !0),
         O.value ? (r(), i("g", {
           key: 2,
           onClick: s[0] || (s[0] = (e) => {
-            O.value = !1, x.value = null;
+            O.value = !1, b.value = null;
           }),
           "data-html2canvas-ignore": "",
           style: { cursor: "pointer" }
@@ -550,22 +550,22 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
             height: 12,
             width: 12,
             fill: "transparent"
-          }, null, 8, It),
+          }, null, 8, Lt),
           u("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, Lt),
+          }, null, 8, Ot),
           u("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, Ot)
+          }, null, 8, Wt)
         ])) : y("", !0),
-        !t.value.style.shape || t.value.style.shape === "bar" ? (r(), i("g", Wt, [
-          C.value ? y("", !0) : (r(), i("g", Gt, [
+        !t.value.style.shape || t.value.style.shape === "bar" ? (r(), i("g", Gt, [
+          F.value ? y("", !0) : (r(), i("g", Vt, [
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: N.value.right,
@@ -574,7 +574,7 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Vt),
+            }, null, 8, At),
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: N.value.left,
@@ -583,7 +583,7 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, At),
+            }, null, 8, Ut),
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: N.value.side,
@@ -592,7 +592,7 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Ut),
+            }, null, 8, Et),
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: N.value.topSides,
@@ -601,79 +601,79 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Et)
+            }, null, 8, Ht)
           ])),
-          C.value ? y("", !0) : (r(), i("g", Ht, [
+          F.value ? y("", !0) : (r(), i("g", Zt, [
             u("path", {
               d: E.value.right,
               stroke: t.value.style.chart.bar.stroke,
               "stroke-width": t.value.style.chart.bar.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
-              fill: `url(#gradient_right${m.value})`
-            }, null, 8, Zt),
+              fill: `url(#gradient_right${x.value})`
+            }, null, 8, qt),
             u("path", {
               d: E.value.left,
               stroke: t.value.style.chart.bar.stroke,
               "stroke-width": t.value.style.chart.bar.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
-              fill: `url(#gradient_left${m.value})`
-            }, null, 8, qt),
+              fill: `url(#gradient_left${x.value})`
+            }, null, 8, Xt),
             u("path", {
               d: E.value.top,
               stroke: t.value.style.chart.bar.stroke,
               "stroke-width": t.value.style.chart.bar.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
-              fill: `url(#gradient_top${m.value})`
-            }, null, 8, Xt)
+              fill: `url(#gradient_top${x.value})`
+            }, null, 8, Rt)
           ])),
-          C.value ? (r(), i("g", Rt, [
-            (r(!0), i(g, null, _(w.value, (e, c) => (r(), i("g", {
-              style: j(`opacity:${x.value ? x.value === e.id ? 1 : 0.3 : 1}`),
+          F.value ? (r(), i("g", Yt, [
+            (r(!0), i(_, null, m(C.value, (e, h) => (r(), i("g", {
+              style: z(`opacity:${b.value ? b.value === e.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack"
             }, [
               u("path", {
                 d: e.fill.right,
                 fill: `url(#grad_right_${e.id})`,
-                onMouseenter: (l) => F(e),
-                onClick: (l) => F(e, !0),
+                onMouseenter: (l) => M(e),
+                onClick: (l) => M(e, !0),
                 onMouseout: W
-              }, null, 40, Yt),
+              }, null, 40, Jt),
               u("path", {
                 d: e.fill.left,
                 fill: `url(#grad_left_${e.id})`,
-                onMouseenter: (l) => F(e),
-                onClick: (l) => F(e, !0),
+                onMouseenter: (l) => M(e),
+                onClick: (l) => M(e, !0),
                 onMouseout: W
-              }, null, 40, Jt),
+              }, null, 40, Kt),
               u("path", {
                 d: e.fill.top,
                 fill: `url(#grad_top_${e.id})`,
-                onMouseenter: (l) => F(e),
-                onClick: (l) => F(e, !0),
+                onMouseenter: (l) => M(e),
+                onClick: (l) => M(e, !0),
                 onMouseout: W
-              }, null, 40, Kt),
+              }, null, 40, Qt),
               u("path", {
                 d: e.fill.liningTop,
                 stroke: "#FFFFFF",
                 "stroke-width": "0.5",
                 "stroke-linecap": "round",
                 fill: "none",
-                onMouseenter: (l) => F(e),
-                onClick: (l) => F(e, !0),
+                onMouseenter: (l) => M(e),
+                onClick: (l) => M(e, !0),
                 onMouseout: W
-              }, null, 40, Qt),
+              }, null, 40, el),
               u("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, el)
+              }, null, 8, tl)
             ], 4))), 256)),
-            (r(!0), i(g, null, _(w.value, (e, c) => (r(), i("g", null, [
-              c !== w.value.length - 1 ? (r(), i("path", {
+            (r(!0), i(_, null, m(C.value, (e, h) => (r(), i("g", null, [
+              h !== C.value.length - 1 ? (r(), i("path", {
                 key: 0,
                 d: e.fill.liningTopShade,
                 stroke: t.value.style.chart.bar.shadeColor,
@@ -681,10 +681,10 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
                 "stroke-linecap": "round",
                 fill: "none",
                 style: { "pointer-events": "none" }
-              }, null, 8, tl)) : y("", !0)
+              }, null, 8, ll)) : y("", !0)
             ]))), 256)),
-            (r(!0), i(g, null, _(w.value, (e, c) => (r(), i("g", {
-              style: j(`opacity:${x.value ? x.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
+            (r(!0), i(_, null, m(C.value, (e, h) => (r(), i("g", {
+              style: z(`opacity:${b.value ? b.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
               onClick: (l) => Z("selectDatapoint", e)
             }, [
               u("path", {
@@ -693,15 +693,15 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
                 "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, ol),
-              !e.fill.miniDonut || x.value ? (r(), i("circle", {
+              }, null, 8, sl),
+              !e.fill.miniDonut || b.value ? (r(), i("circle", {
                 key: 0,
                 cx: e.fill.sidePointer.x + 20,
                 cy: e.fill.sidePointer.y,
                 r: 2,
                 fill: e.color,
                 stroke: t.value.style.chart.backgroundColor
-              }, null, 8, sl)) : y("", !0),
+              }, null, 8, al)) : y("", !0),
               (r(), i("foreignObject", {
                 x: e.fill.sidePointer.x + 30,
                 y: e.fill.sidePointer.y - t.value.style.chart.legend.fontSize,
@@ -711,112 +711,112 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               }, [
                 t.value.style.chart.legend.showDefault ? (r(), i("div", {
                   key: 0,
-                  style: j(`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}`)
-                }, M(e.name) + ": " + M(h(S)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })) + " (" + M(h(te)(
+                  style: z(`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}`)
+                }, P(e.name) + ": " + P(c(T)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })) + " (" + P(c(te)(
                   t.value.style.chart.dataLabel.formatter,
                   e.value,
-                  h(S)({
+                  c(T)({
                     p: t.value.style.chart.legend.prefix,
                     v: e.value,
                     s: t.value.style.chart.legend.suffix,
                     r: t.value.style.chart.legend.roundingValue
                   }),
-                  { datapoint: e, seriesIndex: c }
+                  { datapoint: e, seriesIndex: h }
                 )) + ") ", 5)) : y("", !0),
-                T(a.$slots, "legend", Y(J({ datapoint: e, config: t.value, dataset: w.value })), void 0, !0)
-              ], 8, al)),
-              e.fill.donut && x.value === e.id ? (r(), i("g", nl, [
-                (r(!0), i(g, null, _(e.fill.donut, (l, n) => (r(), i("g", null, [
+                D(a.$slots, "legend", Y(J({ datapoint: e, config: t.value, dataset: C.value })), void 0, !0)
+              ], 8, nl)),
+              e.fill.donut && b.value === e.id ? (r(), i("g", rl, [
+                (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("g", null, [
                   V(l, e.fill.donut, !0) > 6 ? (r(), i("path", {
                     key: 0,
-                    d: h(Fe)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 0.5),
+                    d: c(Fe)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 10),
                     stroke: l.color,
                     class: "vue-ui-donut-arc-path",
                     "stroke-width": "0.5",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     fill: "none"
-                  }, null, 8, rl)) : y("", !0)
+                  }, null, 8, ul)) : y("", !0)
                 ]))), 256)),
-                (r(!0), i(g, null, _(e.fill.donut, (l, n) => (r(), i("path", {
+                (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("path", {
                   class: "vue-ui-donut-arc-path",
                   d: l.arcSlice,
                   fill: `${l.color}`,
                   stroke: t.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, ul))), 256)),
+                }, null, 8, il))), 256)),
                 u("defs", null, [
                   u("radialGradient", {
-                    id: `hollow_gradient_${m.value}`
+                    id: `hollow_gradient_${x.value}`
                   }, [
                     u("stop", {
                       offset: "0%",
-                      "stop-color": `${h(z)(t.value.style.chart.backgroundColor)}00`
-                    }, null, 8, dl),
-                    cl,
+                      "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
+                    }, null, 8, cl),
+                    hl,
                     u("stop", {
                       offset: "100%",
-                      "stop-color": `${h(z)(t.value.style.chart.backgroundColor)}00`
-                    }, null, 8, hl)
-                  ], 8, il)
+                      "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
+                    }, null, 8, vl)
+                  ], 8, dl)
                 ]),
-                (r(!0), i(g, null, _(e.fill.donut, (l, n) => (r(), i("circle", {
+                (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 28,
-                  fill: `url(#hollow_gradient_${m.value})`
-                }, null, 8, vl))), 256)),
-                (r(!0), i(g, null, _(e.fill.donut, (l, n) => (r(), i("circle", {
+                  fill: `url(#hollow_gradient_${x.value})`
+                }, null, 8, fl))), 256)),
+                (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 14,
                   fill: t.value.style.chart.backgroundColor
-                }, null, 8, fl))), 256)),
-                (r(!0), i(g, null, _(e.fill.donut, (l, n) => (r(), i("g", null, [
-                  V(l, e.fill.donut, !0) > 6 ? (r(), i("g", pl, [
+                }, null, 8, pl))), 256)),
+                (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("g", null, [
+                  V(l, e.fill.donut, !0) > 6 ? (r(), i("g", yl, [
                     u("text", {
-                      "text-anchor": h(L)(l, !0, 0).anchor,
-                      x: h(L)(l, !0, 2).x,
-                      y: h(le)(l, 12, 12),
+                      "text-anchor": c(L)(l, !0, 0).anchor,
+                      x: c(L)(l, !0, 2).x,
+                      y: c(le)(l, 12, 12),
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
-                    }, M(V(l, e.fill.donut)) + " (" + M(h(te)(
+                    }, P(V(l, e.fill.donut)) + " (" + P(c(te)(
                       t.value.style.chart.dataLabel.formatter,
                       l.value,
-                      h(S)({
+                      c(T)({
                         p: t.value.style.chart.legend.prefix,
                         v: l.value,
                         s: t.value.style.chart.legend.suffix,
                         r: t.value.style.chart.legend.roundingValue
                       }),
                       { datapoint: l, seriesIndex: n }
-                    )) + ") ", 9, yl),
+                    )) + ") ", 9, kl),
                     u("text", {
-                      "text-anchor": h(L)(l).anchor,
-                      x: h(L)(l, !0, 2).x,
-                      y: h(le)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
+                      "text-anchor": c(L)(l).anchor,
+                      x: c(L)(l, !0, 2).x,
+                      y: c(le)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
-                    }, M(l.name), 9, kl)
+                    }, P(l.name), 9, gl)
                   ])) : y("", !0)
                 ]))), 256))
               ])) : y("", !0),
-              e.fill.miniDonut && !x.value ? (r(), i("g", $l, [
-                (r(!0), i(g, null, _(e.fill.miniDonut, (l, n) => (r(), i("path", {
+              e.fill.miniDonut && !b.value ? (r(), i("g", $l, [
+                (r(!0), i(_, null, m(e.fill.miniDonut, (l, n) => (r(), i("path", {
                   class: "vue-ui-donut-arc-path",
                   d: l.arcSlice,
                   fill: `${l.color}`,
                   stroke: t.value.style.chart.backgroundColor,
                   "stroke-width": 0.5
-                }, null, 8, gl))), 256))
+                }, null, 8, _l))), 256))
               ])) : y("", !0)
-            ], 12, ll))), 256))
+            ], 12, ol))), 256))
           ])) : y("", !0)
         ])) : y("", !0),
-        t.value.style.shape === "tube" ? (r(), i("g", _l, [
-          C.value ? y("", !0) : (r(), i("g", ml, [
+        t.value.style.shape === "tube" ? (r(), i("g", ml, [
+          F.value ? y("", !0) : (r(), i("g", xl, [
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: N.value.tubeTop,
@@ -825,7 +825,7 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, xl),
+            }, null, 8, bl),
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: N.value.tubeLeft,
@@ -834,7 +834,7 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, bl),
+            }, null, 8, wl),
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: N.value.tubeRight,
@@ -843,7 +843,7 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, wl),
+            }, null, 8, Cl),
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: N.value.tubeBottom,
@@ -852,27 +852,27 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Cl),
+            }, null, 8, Fl),
             u("path", {
               d: E.value.tubeTop,
               stroke: t.value.style.chart.bar.stroke,
               "stroke-width": t.value.style.chart.bar.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
-              fill: `url(#gradient_top${m.value})`
-            }, null, 8, Fl),
+              fill: `url(#gradient_top${x.value})`
+            }, null, 8, Ml),
             u("path", {
               d: E.value.tubeBody,
               stroke: t.value.style.chart.bar.stroke,
               "stroke-width": t.value.style.chart.bar.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
-              fill: `url(#gradient_tube_body${m.value})`
-            }, null, 8, Ml)
+              fill: `url(#gradient_tube_body${x.value})`
+            }, null, 8, Pl)
           ])),
-          C.value ? (r(), i("g", Pl, [
-            (r(!0), i(g, null, _(w.value, (e, c) => (r(), i("g", {
-              style: j(`opacity:${x.value ? x.value === e.id ? 1 : 0.3 : 1}`),
+          F.value ? (r(), i("g", Sl, [
+            (r(!0), i(_, null, m(C.value, (e, h) => (r(), i("g", {
+              style: z(`opacity:${b.value ? b.value === e.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack",
               onClick: (l) => Z("selectDatapoint", e)
             }, [
@@ -884,13 +884,13 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
                 }, [
                   u("stop", {
                     offset: "0%",
-                    "stop-color": `${h(A)(e.color, 0.5)}DD`
-                  }, null, 8, jl),
+                    "stop-color": c(g)(c(A)(e.color, 0.5), 80)
+                  }, null, 8, zl),
                   u("stop", {
                     offset: "100%",
-                    "stop-color": `${h(ee)(e.color, 0.1)}DD`
-                  }, null, 8, Tl)
-                ], 8, Sl),
+                    "stop-color": c(g)(c(ee)(e.color, 0.1), 80)
+                  }, null, 8, Dl)
+                ], 8, Tl),
                 u("linearGradient", {
                   id: `gradient_tube_body_${e.id}`,
                   x1: "0%",
@@ -901,28 +901,28 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
                   u("stop", {
                     offset: "0%",
                     "stop-color": `${e.color}`
-                  }, null, 8, Nl),
+                  }, null, 8, Bl),
                   u("stop", {
                     offset: "10%",
-                    "stop-color": `${h(ee)(e.color, 0.7)}FF`
-                  }, null, 8, Bl),
+                    "stop-color": c(g)(c(ee)(e.color, 0.7), 100)
+                  }, null, 8, Il),
                   u("stop", {
                     offset: "25%",
-                    "stop-color": `${h(ee)(e.color, 0.5)}FF`
-                  }, null, 8, Il),
+                    "stop-color": c(g)(c(ee)(e.color, 0.5), 100)
+                  }, null, 8, Ll),
                   u("stop", {
                     offset: "75%",
-                    "stop-color": `${e.color}DD`
-                  }, null, 8, Ll),
+                    "stop-color": c(g)(e.color, 80)
+                  }, null, 8, Ol),
                   u("stop", {
                     offset: "100%",
-                    "stop-color": `${h(A)(e.color, 0.7)}FF`
-                  }, null, 8, Ol)
-                ], 8, zl)
+                    "stop-color": c(g)(c(A)(e.color, 0.7), 100)
+                  }, null, 8, Wl)
+                ], 8, Nl)
               ]),
               u("path", {
-                onMouseenter: (l) => F(e),
-                onClick: (l) => F(e, !0),
+                onMouseenter: (l) => M(e),
+                onClick: (l) => M(e, !0),
                 onMouseout: W,
                 d: e.fill.tubeBody,
                 stroke: "#FFFFFF",
@@ -930,11 +930,11 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_body_${e.id})`
-              }, null, 40, Wl),
-              c > 0 ? (r(), i("path", {
+              }, null, 40, Gl),
+              h > 0 ? (r(), i("path", {
                 key: 0,
-                onMouseenter: (l) => F(e),
-                onClick: (l) => F(e, !0),
+                onMouseenter: (l) => M(e),
+                onClick: (l) => M(e, !0),
                 onMouseout: W,
                 d: e.fill.bottomTubeTop,
                 stroke: "#000000",
@@ -942,10 +942,10 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: "none"
-              }, null, 40, Gl)) : y("", !0),
+              }, null, 40, Vl)) : y("", !0),
               u("path", {
-                onMouseenter: (l) => F(e),
-                onClick: (l) => F(e, !0),
+                onMouseenter: (l) => M(e),
+                onClick: (l) => M(e, !0),
                 onMouseout: W,
                 d: e.fill.tubeTop,
                 stroke: "#FFFFFF",
@@ -953,10 +953,10 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_top_${e.id})`
-              }, null, 40, Vl)
-            ], 12, Dl))), 256)),
-            (r(!0), i(g, null, _(w.value, (e, c) => (r(), i("g", {
-              style: j(`opacity:${x.value ? x.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
+              }, null, 40, Al)
+            ], 12, jl))), 256)),
+            (r(!0), i(_, null, m(C.value, (e, h) => (r(), i("g", {
+              style: z(`opacity:${b.value ? b.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
               onClick: (l) => Z("selectDatapoint", e)
             }, [
               u("path", {
@@ -965,15 +965,15 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
                 "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, Ul),
-              !e.fill.miniDonut || x.value ? (r(), i("circle", {
+              }, null, 8, El),
+              !e.fill.miniDonut || b.value ? (r(), i("circle", {
                 key: 0,
                 cx: e.fill.sidePointer.x + 20,
                 cy: e.fill.sidePointer.y,
                 r: 2,
                 fill: e.color,
                 stroke: t.value.style.chart.backgroundColor
-              }, null, 8, El)) : y("", !0),
+              }, null, 8, Hl)) : y("", !0),
               (r(), i("foreignObject", {
                 x: e.fill.sidePointer.x + 30,
                 y: e.fill.sidePointer.y - t.value.style.chart.legend.fontSize,
@@ -983,116 +983,116 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               }, [
                 t.value.style.chart.legend.showDefault ? (r(), i("div", {
                   key: 0,
-                  style: j(`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}`)
-                }, M(e.name) + ": " + M(h(S)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })) + " (" + M(h(te)(
+                  style: z(`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}`)
+                }, P(e.name) + ": " + P(c(T)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })) + " (" + P(c(te)(
                   t.value.style.chart.dataLabel.formatter,
                   e.value,
-                  h(S)({
+                  c(T)({
                     p: t.value.style.chart.legend.prefix,
                     v: e.value,
                     s: t.value.style.chart.legend.suffix,
                     r: t.value.style.chart.legend.roundingValue
                   }),
-                  { datapoint: e, seriesIndex: c }
+                  { datapoint: e, seriesIndex: h }
                 )) + ") ", 5)) : y("", !0),
-                T(a.$slots, "legend", Y(J({ datapoint: e, config: t.value, dataset: w.value })), void 0, !0)
-              ], 8, Hl)),
-              e.fill.donut && x.value === e.id ? (r(), i("g", Zl, [
-                (r(!0), i(g, null, _(e.fill.donut, (l, n) => (r(), i("g", null, [
+                D(a.$slots, "legend", Y(J({ datapoint: e, config: t.value, dataset: C.value })), void 0, !0)
+              ], 8, Zl)),
+              e.fill.donut && b.value === e.id ? (r(), i("g", ql, [
+                (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("g", null, [
                   V(l, e.fill.donut, !0) > 6 ? (r(), i("path", {
                     key: 0,
-                    d: h(Fe)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 0.5),
+                    d: c(Fe)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 10),
                     stroke: l.color,
                     class: "vue-ui-donut-arc-path",
                     "stroke-width": "0.5",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     fill: "none"
-                  }, null, 8, ql)) : y("", !0)
+                  }, null, 8, Xl)) : y("", !0)
                 ]))), 256)),
-                (r(!0), i(g, null, _(e.fill.donut, (l, n) => (r(), i("path", {
+                (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("path", {
                   class: "vue-ui-donut-arc-path",
                   d: l.arcSlice,
                   fill: `${l.color}`,
                   stroke: t.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, Xl))), 256)),
+                }, null, 8, Rl))), 256)),
                 u("defs", null, [
                   u("radialGradient", {
-                    id: `hollow_gradient_${m.value}`
+                    id: `hollow_gradient_${x.value}`
                   }, [
                     u("stop", {
                       offset: "0%",
-                      "stop-color": `${h(z)(t.value.style.chart.backgroundColor)}00`
-                    }, null, 8, Yl),
-                    Jl,
+                      "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
+                    }, null, 8, Jl),
+                    Kl,
                     u("stop", {
                       offset: "100%",
-                      "stop-color": `${h(z)(t.value.style.chart.backgroundColor)}00`
-                    }, null, 8, Kl)
-                  ], 8, Rl)
+                      "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
+                    }, null, 8, Ql)
+                  ], 8, Yl)
                 ]),
-                (r(!0), i(g, null, _(e.fill.donut, (l, n) => (r(), i("circle", {
+                (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 28,
-                  fill: `url(#hollow_gradient_${m.value})`
-                }, null, 8, Ql))), 256)),
-                (r(!0), i(g, null, _(e.fill.donut, (l, n) => (r(), i("circle", {
+                  fill: `url(#hollow_gradient_${x.value})`
+                }, null, 8, eo))), 256)),
+                (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 14,
                   fill: t.value.style.chart.backgroundColor
-                }, null, 8, eo))), 256)),
-                (r(!0), i(g, null, _(e.fill.donut, (l, n) => (r(), i("g", null, [
-                  V(l, e.fill.donut, !0) > 6 ? (r(), i("g", to, [
+                }, null, 8, to))), 256)),
+                (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("g", null, [
+                  V(l, e.fill.donut, !0) > 6 ? (r(), i("g", lo, [
                     u("text", {
-                      "text-anchor": h(L)(l, !0, 0).anchor,
-                      x: h(L)(l, !0, 2).x,
-                      y: h(le)(l, 12, 12),
+                      "text-anchor": c(L)(l, !0, 0).anchor,
+                      x: c(L)(l, !0, 2).x,
+                      y: c(le)(l, 12, 12),
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
-                    }, M(V(l, e.fill.donut)) + " (" + M(h(te)(
+                    }, P(V(l, e.fill.donut)) + " (" + P(c(te)(
                       t.value.style.chart.dataLabel.formatter,
                       l.value,
-                      h(S)({
+                      c(T)({
                         p: t.value.style.chart.legend.prefix,
                         v: l.value,
                         s: t.value.style.chart.legend.suffix,
                         r: t.value.style.chart.legend.roundingValue
                       }),
                       { datapoint: l, seriesIndex: n }
-                    )) + ") ", 9, lo),
+                    )) + ") ", 9, oo),
                     u("text", {
-                      "text-anchor": h(L)(l).anchor,
-                      x: h(L)(l, !0, 2).x,
-                      y: h(le)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
+                      "text-anchor": c(L)(l).anchor,
+                      x: c(L)(l, !0, 2).x,
+                      y: c(le)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
-                    }, M(l.name), 9, oo)
+                    }, P(l.name), 9, so)
                   ])) : y("", !0)
                 ]))), 256))
               ])) : y("", !0),
-              e.fill.miniDonut && !x.value ? (r(), i("g", so, [
-                (r(!0), i(g, null, _(e.fill.miniDonut, (l, n) => (r(), i("path", {
+              e.fill.miniDonut && !b.value ? (r(), i("g", ao, [
+                (r(!0), i(_, null, m(e.fill.miniDonut, (l, n) => (r(), i("path", {
                   class: "vue-ui-donut-arc-path",
                   d: l.arcSlice,
                   fill: `${l.color}`,
                   stroke: t.value.style.chart.backgroundColor,
                   "stroke-width": 0.5
-                }, null, 8, ao))), 256))
+                }, null, 8, no))), 256))
               ])) : y("", !0)
-            ], 12, Al))), 256))
+            ], 12, Ul))), 256))
           ])) : y("", !0)
         ])) : y("", !0),
-        T(a.$slots, "svg", { svg: o.value }, void 0, !0)
-      ], 14, rt)) : y("", !0),
-      a.$slots.watermark ? (r(), i("div", no, [
-        T(a.$slots, "watermark", Y(J({ isPrinting: h(ce) || h(he) })), void 0, !0)
+        D(a.$slots, "svg", { svg: o.value }, void 0, !0)
+      ], 14, ut)) : y("", !0),
+      a.$slots.watermark ? (r(), i("div", ro, [
+        D(a.$slots, "watermark", Y(J({ isPrinting: c(ce) || c(he) })), void 0, !0)
       ])) : y("", !0),
-      q.value ? y("", !0) : (r(), H(lt, {
+      q.value ? y("", !0) : (r(), H(ot, {
         key: 4,
         config: {
           type: "bar3d",
@@ -1104,7 +1104,7 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
           }
         }
       }, null, 8, ["config"])),
-      q.value && C.value ? (r(), H(st, {
+      q.value && F.value ? (r(), H(at, {
         key: 5,
         hideDetails: "",
         config: {
@@ -1121,7 +1121,7 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
         }
       }, {
         content: I(() => [
-          (r(), H(ot, {
+          (r(), H(st, {
             key: `table_${ie.value}`,
             colNames: R.value.colNames,
             head: R.value.head,
@@ -1134,19 +1134,19 @@ const oe = (U) => (Ue("data-v-11451b65"), U = U(), Ee(), U), nt = ["id"], rt = [
               u("div", {
                 innerHTML: e,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, ro)
+              }, null, 8, uo)
             ]),
             td: I(({ td: e }) => [
-              Ve(M(e.name || e), 1)
+              Ve(P(e.name || e), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0)
-    ], 12, nt));
+    ], 12, rt));
   }
-}, go = /* @__PURE__ */ at(uo, [["__scopeId", "data-v-11451b65"]]);
+}, _o = /* @__PURE__ */ nt(io, [["__scopeId", "data-v-c6fbaa1b"]]);
 export {
-  go as default
+  _o as default
 };