vue-data-ui 2.3.84 → 2.3.85

package/dist/{vue-ui-3d-bar-lKgwKkVj.js → vue-ui-3d-bar-CploAEkY.js}

@@ -1,31 +1,34 @@
-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-DI4DaxVG.js";
-import { _ as et } from "./Title-Bk3h09h9.js";
-import { u as tt, U as lt } from "./usePrinter-D9bNzUQP.js";
-import ot from "./vue-ui-skeleton-DH4t1hrL.js";
-import { D as st } from "./DataTable-C-iU_7h7.js";
-import at from "./vue-ui-accordion-DsN9lxvc.js";
-import { u as Me } from "./useNestedProp-COsQo-tX.js";
+import { computed as S, ref as j, watch as Oe, onMounted as We, openBlock as r, createElementBlock as i, normalizeClass as be, normalizeStyle as B, createBlock as H, createCommentVNode as y, unref as c, createSlots as Ge, withCtx as I, renderSlot as z, 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-BiuHBtkZ.js";
+import { _ as et } from "./Title-ISDbzCH8.js";
+import { u as tt, U as lt } from "./usePrinter-Do8KiK5h.js";
+import ot from "./vue-ui-skeleton-Du4zw-c1.js";
+import { D as st } from "./DataTable-MkG5Dqrn.js";
+import at from "./vue-ui-accordion-D2fhyKpk.js";
+import { u as Me } from "./useNestedProp-Ck5_RzLu.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", {
+const oe = (U) => (Ue("data-v-582e5018"), U = U(), Ee(), U), rt = ["id"], ut = {
+  key: 0,
+  style: "width:100%;background:transparent"
+}, it = ["xmlns", "viewBox"], dt = ["id"], ct = ["stop-color"], ht = ["stop-color"], vt = ["id"], ft = ["stop-color"], pt = ["stop-color"], yt = ["id"], kt = ["stop-color"], gt = ["stop-color"], $t = ["id"], _t = ["stop-color"], mt = ["stop-color"], xt = ["stop-color"], bt = { key: 0 }, wt = ["id"], Ct = ["stop-color"], Ft = ["stop-color"], Mt = ["id"], Pt = ["stop-color"], St = ["stop-color"], jt = ["id"], Tt = ["stop-color"], zt = ["stop-color"], Dt = ["id"], Nt = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
   offset: "0%",
   "stop-color": "#FFFFFF"
-}, null, -1)), Nt = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
+}, null, -1)), Bt = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
   offset: "100%",
   "stop-color": "#FFFFFF33"
-}, 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", {
+}, null, -1)), It = [
+  Nt,
+  Bt
+], Lt = ["x", "y", "font-size", "font-weight", "fill"], Ot = ["x", "y"], Wt = ["d", "stroke"], Gt = ["d", "stroke"], Vt = { key: 3 }, At = { key: 0 }, Ut = ["stroke-dasharray", "d", "stroke", "stroke-width"], Et = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ht = ["stroke-dasharray", "d", "stroke", "stroke-width"], Zt = ["stroke-dasharray", "d", "stroke", "stroke-width"], qt = { key: 1 }, Xt = ["d", "stroke", "stroke-width", "fill"], Rt = ["d", "stroke", "stroke-width", "fill"], Yt = ["d", "stroke", "stroke-width", "fill"], Jt = { key: 2 }, Kt = ["d", "fill", "onMouseenter", "onClick"], Qt = ["d", "fill", "onMouseenter", "onClick"], el = ["d", "fill", "onMouseenter", "onClick"], tl = ["d", "onMouseenter", "onClick"], ll = ["d"], ol = ["d", "stroke"], sl = ["onClick"], al = ["stroke", "d"], nl = ["cx", "cy", "fill", "stroke"], rl = ["x", "y", "width", "height"], ul = { key: 1 }, il = ["d", "stroke"], dl = ["d", "fill", "stroke"], cl = ["id"], hl = ["stop-color"], vl = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
   offset: "77%",
   "stop-color": "#FFFFFF20"
-}, 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", {
+}, null, -1)), fl = ["stop-color"], pl = ["cx", "cy", "fill"], yl = ["cx", "cy", "fill"], kl = { key: 0 }, gl = ["text-anchor", "x", "y", "fill", "font-size"], $l = ["text-anchor", "x", "y", "fill", "font-size"], _l = { key: 2 }, ml = ["d", "fill", "stroke"], xl = { key: 4 }, bl = { key: 0 }, wl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Cl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Fl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ml = ["stroke-dasharray", "d", "stroke", "stroke-width"], Pl = ["d", "stroke", "stroke-width", "fill"], Sl = ["d", "stroke", "stroke-width", "fill"], jl = { key: 1 }, Tl = ["onClick"], zl = ["id"], Dl = ["stop-color"], Nl = ["stop-color"], Bl = ["id"], Il = ["stop-color"], Ll = ["stop-color"], Ol = ["stop-color"], Wl = ["stop-color"], Gl = ["stop-color"], Vl = ["onMouseenter", "onClick", "d", "fill"], Al = ["onMouseenter", "onClick", "d"], Ul = ["onMouseenter", "onClick", "d", "fill"], El = ["onClick"], Hl = ["stroke", "d"], Zl = ["cx", "cy", "fill", "stroke"], ql = ["x", "y", "width", "height"], Xl = { key: 1 }, Rl = ["d", "stroke"], Yl = ["d", "fill", "stroke"], Jl = ["id"], Kl = ["stop-color"], Ql = /* @__PURE__ */ oe(() => /* @__PURE__ */ u("stop", {
   offset: "77%",
   "stop-color": "#FFFFFF20"
-}, 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 = {
+}, null, -1)), eo = ["stop-color"], to = ["cx", "cy", "fill"], lo = ["cx", "cy", "fill"], oo = { key: 0 }, so = ["text-anchor", "x", "y", "fill", "font-size"], ao = ["text-anchor", "x", "y", "fill", "font-size"], no = { key: 2 }, ro = ["d", "fill", "stroke"], uo = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, uo = ["innerHTML"], io = {
+}, io = ["innerHTML"], co = {
   __name: "vue-ui-3d-bar",
   props: {
     config: {
@@ -95,7 +98,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
         return e;
       }
       return null;
-    }), N = S(() => ({
+    }), D = 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}`,
@@ -252,7 +255,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
     function Ne() {
       return F.value ? C.value : $.dataset.percentage;
     }
-    const B = S(() => {
+    const N = 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,
@@ -271,9 +274,9 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
         return;
       }
       Ae(() => {
-        const a = C.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 = N.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), h = Ke(e);
+        ], [N.value.body[n]], [isNaN(N.value.body[n] / a) ? "-" : N.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" });
       });
     }
@@ -282,16 +285,16 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
         ' <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>',
         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 = 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 });
+      ], e = N.value.head.map((n, d) => {
+        const k = T({ p: t.value.style.chart.legend.prefix, v: N.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) ? "-" : T({
-            v: B.value.body[d] / a * 100,
+          isNaN(N.value.body[d] / a) ? "-" : T({
+            v: N.value.body[d] / a * 100,
             s: "%",
             r: t.value.table.td.roundingPercentage
           })
@@ -334,13 +337,10 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
       ref_key: "bar3dChart",
       ref: re,
       class: be("vue-ui-3d-bar"),
-      style: z(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),
+      style: B(`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: z(`width:100%;background:${t.value.style.chart.backgroundColor}`)
-      }, [
+      t.value.style.chart.title.text ? (r(), i("div", ut, [
         (r(), H(et, {
           key: `title_${ue.value}`,
           config: {
@@ -354,7 +354,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
             }
           }
         }, null, 8, ["config"]))
-      ], 4)) : y("", !0),
+      ])) : y("", !0),
       t.value.userOptions.show && q.value ? (r(), H(lt, {
         key: 1,
         ref_key: "details",
@@ -380,35 +380,35 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
         a.$slots.optionPdf ? {
           name: "optionPdf",
           fn: I(() => [
-            D(a.$slots, "optionPdf", {}, void 0, !0)
+            z(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
           fn: I(() => [
-            D(a.$slots, "optionCsv", {}, void 0, !0)
+            z(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
           fn: I(() => [
-            D(a.$slots, "optionImg", {}, void 0, !0)
+            z(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
           fn: I(() => [
-            D(a.$slots, "optionTable", {}, void 0, !0)
+            z(a.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: I(({ toggleFullscreen: e, isFullscreen: h }) => [
-            D(a.$slots, "optionFullscreen", Y(J({ toggleFullscreen: e, isFullscreen: h })), void 0, !0)
+            z(a.$slots, "optionFullscreen", Y(J({ toggleFullscreen: e, isFullscreen: h })), void 0, !0)
           ]),
           key: "4"
         } : void 0
@@ -418,7 +418,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
         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: z(`max-width:100%; overflow: visible; background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)
+        style: B(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)
       }, [
         u("defs", null, [
           u("radialGradient", {
@@ -427,36 +427,36 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
             u("stop", {
               offset: "0%",
               "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
-            }, null, 8, dt),
+            }, null, 8, ct),
             u("stop", {
               offset: "100%",
               "stop-color": t.value.style.chart.bar.color
-            }, null, 8, ct)
-          ], 8, it),
+            }, null, 8, ht)
+          ], 8, dt),
           u("radialGradient", {
             id: `gradient_left${x.value}`
           }, [
             u("stop", {
               offset: "0%",
               "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
-            }, null, 8, vt),
+            }, null, 8, ft),
             u("stop", {
               offset: "100%",
               "stop-color": c(g)(t.value.style.chart.bar.color, 20)
-            }, null, 8, ft)
-          ], 8, ht),
+            }, null, 8, pt)
+          ], 8, vt),
           u("radialGradient", {
             id: `gradient_right${x.value}`
           }, [
             u("stop", {
               offset: "0%",
               "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
-            }, null, 8, yt),
+            }, null, 8, kt),
             u("stop", {
               offset: "100%",
               "stop-color": c(g)(t.value.style.chart.bar.color, 20)
-            }, null, 8, kt)
-          ], 8, pt),
+            }, null, 8, gt)
+          ], 8, yt),
           u("linearGradient", {
             id: `gradient_tube_body${x.value}`,
             x1: "0%",
@@ -467,61 +467,61 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
             u("stop", {
               offset: "0%",
               "stop-color": `${t.value.style.chart.bar.color}`
-            }, null, 8, $t),
+            }, null, 8, _t),
             u("stop", {
               offset: "75%",
               "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
-            }, null, 8, _t),
+            }, null, 8, mt),
             u("stop", {
               offset: "100%",
               "stop-color": c(g)(t.value.style.chart.bar.color, 40)
-            }, null, 8, mt)
-          ], 8, gt)
+            }, null, 8, xt)
+          ], 8, $t)
         ]),
-        F.value ? (r(), i("defs", xt, [
+        F.value ? (r(), i("defs", bt, [
           (r(!0), i(_, null, m(C.value, (e) => (r(), i("radialGradient", {
             id: `grad_top_${e.id}`
           }, [
             u("stop", {
               offset: "0%",
               "stop-color": c(g)(c(A)(e.color, 0.5), 80)
-            }, null, 8, wt),
+            }, null, 8, Ct),
             u("stop", {
               offset: "100%",
               "stop-color": e.color
-            }, null, 8, Ct)
-          ], 8, bt))), 256)),
+            }, null, 8, Ft)
+          ], 8, wt))), 256)),
           (r(!0), i(_, null, m(C.value, (e) => (r(), i("linearGradient", {
             id: `grad_left_${e.id}`
           }, [
             u("stop", {
               offset: "0%",
               "stop-color": c(g)(e.color, 80)
-            }, null, 8, Mt),
+            }, null, 8, Pt),
             u("stop", {
               offset: "100%",
               "stop-color": c(g)(c(ee)(e.color, 0.5), 100)
-            }, null, 8, Pt)
-          ], 8, Ft))), 256)),
+            }, null, 8, St)
+          ], 8, Mt))), 256)),
           (r(!0), i(_, null, m(C.value, (e) => (r(), i("linearGradient", {
             id: `grad_right_${e.id}`
           }, [
             u("stop", {
               offset: "2%",
               "stop-color": c(g)(c(A)(e.color, 0.5), 100)
-            }, null, 8, jt),
+            }, null, 8, Tt),
             u("stop", {
               offset: "100%",
               "stop-color": c(g)(e.color, 80)
-            }, null, 8, Tt)
-          ], 8, St))), 256)),
+            }, null, 8, zt)
+          ], 8, jt))), 256)),
           u("linearGradient", {
             x1: "0%",
             y1: "0%",
             x2: "0%",
             y2: "100%",
             id: `vertical_line_${x.value}`
-          }, Bt, 8, zt)
+          }, It, 8, Dt)
         ])) : 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,
@@ -535,7 +535,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
           v: G.value,
           s: "%",
           r: t.value.style.chart.dataLabel.rounding
-        })), 9, It)) : y("", !0),
+        })), 9, Lt)) : y("", !0),
         O.value ? (r(), i("g", {
           key: 2,
           onClick: s[0] || (s[0] = (e) => {
@@ -550,60 +550,60 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
             height: 12,
             width: 12,
             fill: "transparent"
-          }, 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),
           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, Wt)
+          }, null, 8, Gt)
         ])) : y("", !0),
-        !t.value.style.shape || t.value.style.shape === "bar" ? (r(), i("g", Gt, [
-          F.value ? y("", !0) : (r(), i("g", Vt, [
+        !t.value.style.shape || t.value.style.shape === "bar" ? (r(), i("g", Vt, [
+          F.value ? y("", !0) : (r(), i("g", At, [
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
-              d: N.value.right,
+              d: D.value.right,
               stroke: t.value.style.chart.box.stroke,
               "stroke-width": t.value.style.chart.box.strokeWidth,
               "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.left,
+              d: D.value.left,
               stroke: t.value.style.chart.box.stroke,
               "stroke-width": t.value.style.chart.box.strokeWidth,
               "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.side,
+              d: D.value.side,
               stroke: t.value.style.chart.box.stroke,
               "stroke-width": t.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Et),
+            }, null, 8, Ht),
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
-              d: N.value.topSides,
+              d: D.value.topSides,
               stroke: t.value.style.chart.box.stroke,
               "stroke-width": t.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Ht)
+            }, null, 8, Zt)
           ])),
-          F.value ? y("", !0) : (r(), i("g", Zt, [
+          F.value ? y("", !0) : (r(), i("g", qt, [
             u("path", {
               d: E.value.right,
               stroke: t.value.style.chart.bar.stroke,
@@ -611,7 +611,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_right${x.value})`
-            }, null, 8, qt),
+            }, null, 8, Xt),
             u("path", {
               d: E.value.left,
               stroke: t.value.style.chart.bar.stroke,
@@ -619,7 +619,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_left${x.value})`
-            }, null, 8, Xt),
+            }, null, 8, Rt),
             u("path", {
               d: E.value.top,
               stroke: t.value.style.chart.bar.stroke,
@@ -627,11 +627,11 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_top${x.value})`
-            }, null, 8, Rt)
+            }, null, 8, Yt)
           ])),
-          F.value ? (r(), i("g", Yt, [
+          F.value ? (r(), i("g", Jt, [
             (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}`),
+              style: B(`opacity:${b.value ? b.value === e.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack"
             }, [
               u("path", {
@@ -640,21 +640,21 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: W
-              }, null, 40, Jt),
+              }, null, 40, Kt),
               u("path", {
                 d: e.fill.left,
                 fill: `url(#grad_left_${e.id})`,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: W
-              }, null, 40, Kt),
+              }, null, 40, Qt),
               u("path", {
                 d: e.fill.top,
                 fill: `url(#grad_top_${e.id})`,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: W
-              }, null, 40, Qt),
+              }, null, 40, el),
               u("path", {
                 d: e.fill.liningTop,
                 stroke: "#FFFFFF",
@@ -664,13 +664,13 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: W
-              }, null, 40, el),
+              }, null, 40, tl),
               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, tl)
+              }, null, 8, ll)
             ], 4))), 256)),
             (r(!0), i(_, null, m(C.value, (e, h) => (r(), i("g", null, [
               h !== C.value.length - 1 ? (r(), i("path", {
@@ -681,10 +681,10 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                 "stroke-linecap": "round",
                 fill: "none",
                 style: { "pointer-events": "none" }
-              }, null, 8, ll)) : y("", !0)
+              }, null, 8, ol)) : y("", !0)
             ]))), 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}`),
+              style: B(`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,7 +693,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                 "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, sl),
+              }, null, 8, al),
               !e.fill.miniDonut || b.value ? (r(), i("circle", {
                 key: 0,
                 cx: e.fill.sidePointer.x + 20,
@@ -701,7 +701,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                 r: 2,
                 fill: e.color,
                 stroke: t.value.style.chart.backgroundColor
-              }, null, 8, al)) : y("", !0),
+              }, null, 8, nl)) : y("", !0),
               (r(), i("foreignObject", {
                 x: e.fill.sidePointer.x + 30,
                 y: e.fill.sidePointer.y - t.value.style.chart.legend.fontSize,
@@ -711,7 +711,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
               }, [
                 t.value.style.chart.legend.showDefault ? (r(), i("div", {
                   key: 0,
-                  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}`)
+                  style: B(`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,
@@ -723,9 +723,9 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                   }),
                   { datapoint: e, seriesIndex: h }
                 )) + ") ", 5)) : y("", !0),
-                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, [
+                z(a.$slots, "legend", Y(J({ datapoint: e, config: t.value, dataset: C.value })), void 0, !0)
+              ], 8, rl)),
+              e.fill.donut && b.value === e.id ? (r(), i("g", ul, [
                 (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,
@@ -736,7 +736,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     fill: "none"
-                  }, null, 8, ul)) : y("", !0)
+                  }, null, 8, il)) : y("", !0)
                 ]))), 256)),
                 (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("path", {
                   class: "vue-ui-donut-arc-path",
@@ -744,7 +744,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                   fill: `${l.color}`,
                   stroke: t.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, il))), 256)),
+                }, null, 8, dl))), 256)),
                 u("defs", null, [
                   u("radialGradient", {
                     id: `hollow_gradient_${x.value}`
@@ -752,13 +752,13 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                     u("stop", {
                       offset: "0%",
                       "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
-                    }, null, 8, cl),
-                    hl,
+                    }, null, 8, hl),
+                    vl,
                     u("stop", {
                       offset: "100%",
                       "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
-                    }, null, 8, vl)
-                  ], 8, dl)
+                    }, null, 8, fl)
+                  ], 8, cl)
                 ]),
                 (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("circle", {
                   class: "vue-ui-donut-arc-path",
@@ -766,16 +766,16 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                   cy: l.cy,
                   r: 28,
                   fill: `url(#hollow_gradient_${x.value})`
-                }, null, 8, fl))), 256)),
+                }, null, 8, pl))), 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, pl))), 256)),
+                }, null, 8, yl))), 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, [
+                  V(l, e.fill.donut, !0) > 6 ? (r(), i("g", kl, [
                     u("text", {
                       "text-anchor": c(L)(l, !0, 0).anchor,
                       x: c(L)(l, !0, 2).x,
@@ -792,67 +792,67 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                         r: t.value.style.chart.legend.roundingValue
                       }),
                       { datapoint: l, seriesIndex: n }
-                    )) + ") ", 9, kl),
+                    )) + ") ", 9, gl),
                     u("text", {
                       "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
-                    }, P(l.name), 9, gl)
+                    }, P(l.name), 9, $l)
                   ])) : y("", !0)
                 ]))), 256))
               ])) : y("", !0),
-              e.fill.miniDonut && !b.value ? (r(), i("g", $l, [
+              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, _l))), 256))
+                }, null, 8, ml))), 256))
               ])) : y("", !0)
-            ], 12, ol))), 256))
+            ], 12, sl))), 256))
           ])) : y("", !0)
         ])) : y("", !0),
-        t.value.style.shape === "tube" ? (r(), i("g", ml, [
-          F.value ? y("", !0) : (r(), i("g", xl, [
+        t.value.style.shape === "tube" ? (r(), i("g", xl, [
+          F.value ? y("", !0) : (r(), i("g", bl, [
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
-              d: N.value.tubeTop,
+              d: D.value.tubeTop,
               stroke: t.value.style.chart.box.stroke,
               "stroke-width": t.value.style.chart.box.strokeWidth,
               "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.tubeLeft,
+              d: D.value.tubeLeft,
               stroke: t.value.style.chart.box.stroke,
               "stroke-width": t.value.style.chart.box.strokeWidth,
               "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.tubeRight,
+              d: D.value.tubeRight,
               stroke: t.value.style.chart.box.stroke,
               "stroke-width": t.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Cl),
+            }, null, 8, Fl),
             u("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
-              d: N.value.tubeBottom,
+              d: D.value.tubeBottom,
               stroke: t.value.style.chart.box.stroke,
               "stroke-width": t.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Fl),
+            }, null, 8, Ml),
             u("path", {
               d: E.value.tubeTop,
               stroke: t.value.style.chart.bar.stroke,
@@ -860,7 +860,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_top${x.value})`
-            }, null, 8, Ml),
+            }, null, 8, Pl),
             u("path", {
               d: E.value.tubeBody,
               stroke: t.value.style.chart.bar.stroke,
@@ -868,11 +868,11 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_tube_body${x.value})`
-            }, null, 8, Pl)
+            }, null, 8, Sl)
           ])),
-          F.value ? (r(), i("g", Sl, [
+          F.value ? (r(), i("g", jl, [
             (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}`),
+              style: B(`opacity:${b.value ? b.value === e.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack",
               onClick: (l) => Z("selectDatapoint", e)
             }, [
@@ -885,12 +885,12 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                   u("stop", {
                     offset: "0%",
                     "stop-color": c(g)(c(A)(e.color, 0.5), 80)
-                  }, null, 8, zl),
+                  }, null, 8, Dl),
                   u("stop", {
                     offset: "100%",
                     "stop-color": c(g)(c(ee)(e.color, 0.1), 80)
-                  }, null, 8, Dl)
-                ], 8, Tl),
+                  }, null, 8, Nl)
+                ], 8, zl),
                 u("linearGradient", {
                   id: `gradient_tube_body_${e.id}`,
                   x1: "0%",
@@ -901,24 +901,24 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                   u("stop", {
                     offset: "0%",
                     "stop-color": `${e.color}`
-                  }, null, 8, Bl),
+                  }, null, 8, Il),
                   u("stop", {
                     offset: "10%",
                     "stop-color": c(g)(c(ee)(e.color, 0.7), 100)
-                  }, null, 8, Il),
+                  }, null, 8, Ll),
                   u("stop", {
                     offset: "25%",
                     "stop-color": c(g)(c(ee)(e.color, 0.5), 100)
-                  }, null, 8, Ll),
+                  }, null, 8, Ol),
                   u("stop", {
                     offset: "75%",
                     "stop-color": c(g)(e.color, 80)
-                  }, null, 8, Ol),
+                  }, null, 8, Wl),
                   u("stop", {
                     offset: "100%",
                     "stop-color": c(g)(c(A)(e.color, 0.7), 100)
-                  }, null, 8, Wl)
-                ], 8, Nl)
+                  }, null, 8, Gl)
+                ], 8, Bl)
               ]),
               u("path", {
                 onMouseenter: (l) => M(e),
@@ -930,7 +930,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_body_${e.id})`
-              }, null, 40, Gl),
+              }, null, 40, Vl),
               h > 0 ? (r(), i("path", {
                 key: 0,
                 onMouseenter: (l) => M(e),
@@ -942,7 +942,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: "none"
-              }, null, 40, Vl)) : y("", !0),
+              }, null, 40, Al)) : y("", !0),
               u("path", {
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
@@ -953,10 +953,10 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_top_${e.id})`
-              }, null, 40, Al)
-            ], 12, jl))), 256)),
+              }, null, 40, Ul)
+            ], 12, Tl))), 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}`),
+              style: B(`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,7 +965,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                 "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, El),
+              }, null, 8, Hl),
               !e.fill.miniDonut || b.value ? (r(), i("circle", {
                 key: 0,
                 cx: e.fill.sidePointer.x + 20,
@@ -973,7 +973,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                 r: 2,
                 fill: e.color,
                 stroke: t.value.style.chart.backgroundColor
-              }, null, 8, Hl)) : y("", !0),
+              }, null, 8, Zl)) : y("", !0),
               (r(), i("foreignObject", {
                 x: e.fill.sidePointer.x + 30,
                 y: e.fill.sidePointer.y - t.value.style.chart.legend.fontSize,
@@ -983,7 +983,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
               }, [
                 t.value.style.chart.legend.showDefault ? (r(), i("div", {
                   key: 0,
-                  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}`)
+                  style: B(`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,
@@ -995,9 +995,9 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                   }),
                   { datapoint: e, seriesIndex: h }
                 )) + ") ", 5)) : y("", !0),
-                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, [
+                z(a.$slots, "legend", Y(J({ datapoint: e, config: t.value, dataset: C.value })), void 0, !0)
+              ], 8, ql)),
+              e.fill.donut && b.value === e.id ? (r(), i("g", Xl, [
                 (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,
@@ -1008,7 +1008,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     fill: "none"
-                  }, null, 8, Xl)) : y("", !0)
+                  }, null, 8, Rl)) : y("", !0)
                 ]))), 256)),
                 (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("path", {
                   class: "vue-ui-donut-arc-path",
@@ -1016,7 +1016,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                   fill: `${l.color}`,
                   stroke: t.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, Rl))), 256)),
+                }, null, 8, Yl))), 256)),
                 u("defs", null, [
                   u("radialGradient", {
                     id: `hollow_gradient_${x.value}`
@@ -1024,13 +1024,13 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                     u("stop", {
                       offset: "0%",
                       "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
-                    }, null, 8, Jl),
-                    Kl,
+                    }, null, 8, Kl),
+                    Ql,
                     u("stop", {
                       offset: "100%",
                       "stop-color": c(g)(t.value.style.chart.backgroundColor, 0)
-                    }, null, 8, Ql)
-                  ], 8, Yl)
+                    }, null, 8, eo)
+                  ], 8, Jl)
                 ]),
                 (r(!0), i(_, null, m(e.fill.donut, (l, n) => (r(), i("circle", {
                   class: "vue-ui-donut-arc-path",
@@ -1038,16 +1038,16 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                   cy: l.cy,
                   r: 28,
                   fill: `url(#hollow_gradient_${x.value})`
-                }, null, 8, eo))), 256)),
+                }, null, 8, to))), 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, to))), 256)),
+                }, null, 8, lo))), 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, [
+                  V(l, e.fill.donut, !0) > 6 ? (r(), i("g", oo, [
                     u("text", {
                       "text-anchor": c(L)(l, !0, 0).anchor,
                       x: c(L)(l, !0, 2).x,
@@ -1064,33 +1064,33 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
                         r: t.value.style.chart.legend.roundingValue
                       }),
                       { datapoint: l, seriesIndex: n }
-                    )) + ") ", 9, oo),
+                    )) + ") ", 9, so),
                     u("text", {
                       "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
-                    }, P(l.name), 9, so)
+                    }, P(l.name), 9, ao)
                   ])) : y("", !0)
                 ]))), 256))
               ])) : y("", !0),
-              e.fill.miniDonut && !b.value ? (r(), i("g", ao, [
+              e.fill.miniDonut && !b.value ? (r(), i("g", no, [
                 (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, no))), 256))
+                }, null, 8, ro))), 256))
               ])) : y("", !0)
-            ], 12, Ul))), 256))
+            ], 12, El))), 256))
           ])) : y("", !0)
         ])) : y("", !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)
+        z(a.$slots, "svg", { svg: o.value }, void 0, !0)
+      ], 14, it)) : y("", !0),
+      a.$slots.watermark ? (r(), i("div", uo, [
+        z(a.$slots, "watermark", Y(J({ isPrinting: c(ce) || c(he) })), void 0, !0)
       ])) : y("", !0),
       q.value ? y("", !0) : (r(), H(ot, {
         key: 4,
@@ -1134,7 +1134,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
               u("div", {
                 innerHTML: e,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, uo)
+              }, null, 8, io)
             ]),
             td: I(({ td: e }) => [
               Ve(P(e.name || e), 1)
@@ -1146,7 +1146,7 @@ const oe = (U) => (Ue("data-v-c6fbaa1b"), U = U(), Ee(), U), rt = ["id"], ut = [
       }, 8, ["config"])) : y("", !0)
     ], 12, rt));
   }
-}, _o = /* @__PURE__ */ nt(io, [["__scopeId", "data-v-c6fbaa1b"]]);
+}, mo = /* @__PURE__ */ nt(co, [["__scopeId", "data-v-582e5018"]]);
 export {
-  _o as default
+  mo as default
 };