vue-data-ui 2.12.6 → 2.12.7-beta.0

package/dist/{vue-ui-3d-bar-DoklA4DT.js → vue-ui-3d-bar-rtuSc8FS.js}

@@ -1,27 +1,22 @@
-import { computed as T, ref as j, watch as He, onMounted as Re, createElementBlock as i, openBlock as n, unref as d, normalizeStyle as O, normalizeClass as Me, createBlock as G, createCommentVNode as y, createSlots as Ze, withCtx as S, renderSlot as P, normalizeProps as Y, guardReactiveProps as J, createVNode as qe, createElementVNode as u, Fragment as _, renderList as m, toDisplayString as B, mergeProps as Pe, createTextVNode as Xe, nextTick as Ye } from "vue";
-import { u as Je, c as je, t as Ke, p as K, a as Qe, b as et, d as tt, o as lt, e as Q, g as re, l as U, m as Te, f as D, X as ot, s as g, h as ee, i as te, j as Se, k as le, n as I, q as st, r as at } from "./index-BFzQMJda.js";
-import { _ as nt } from "./Title-CzaCeCOm.js";
-import { u as rt, U as ut } from "./usePrinter-C5bLp34h.js";
-import it from "./vue-ui-skeleton-B_YI7Yuc.js";
-import { D as dt } from "./DataTable-Rajdtaf6.js";
-import ct from "./vue-ui-accordion-BUz4JIIX.js";
-import { u as De } from "./useNestedProp-v7KPpwuP.js";
-import { _ as ht } from "./PackageVersion-BjrblLPQ.js";
-import { _ as vt } from "./PenAndPaper-BkP3J-Ft.js";
+import { defineAsyncComponent as G, computed as T, ref as j, watch as Ke, onMounted as Qe, createElementBlock as d, openBlock as n, unref as u, normalizeStyle as O, normalizeClass as Pe, createBlock as U, createCommentVNode as y, createSlots as et, withCtx as S, renderSlot as P, normalizeProps as J, guardReactiveProps as K, createVNode as tt, createElementVNode as i, Fragment as _, renderList as m, toDisplayString as B, mergeProps as je, createTextVNode as lt, nextTick as ot } from "vue";
+import { u as st, c as Te, t as at, p as Q, a as nt, b as rt, d as ut, o as it, e as ee, g as ue, l as E, m as Se, f as D, X as dt, s as g, h as te, i as le, j as De, k as oe, n as A, q as ct, r as ht } from "./index-BiHmNd1-.js";
+import { u as Oe } from "./useNestedProp-tRqS0ZAM.js";
+import { u as vt } from "./usePrinter-CRCbl1WG.js";
 import { u as ft } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as pt } from "./useChartAccessibility-BWojgys7.js";
-import { _ as yt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const kt = ["id"], gt = {
+import { u as pt } from "./useChartAccessibility-9icAAmYg.js";
+import yt from "./Title-B5qqUI3M.js";
+import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const gt = ["id"], $t = {
   key: 1,
   style: "width:100%;background:transparent"
-}, $t = ["xmlns", "viewBox"], _t = ["width", "height"], mt = ["id"], bt = ["stop-color"], xt = ["stop-color"], wt = ["id"], Ct = ["stop-color"], Ft = ["stop-color"], Mt = ["id"], Pt = ["stop-color"], jt = ["stop-color"], Tt = ["id"], St = ["stop-color"], Dt = ["stop-color"], Ot = ["stop-color"], zt = { key: 1 }, Nt = ["id"], Bt = ["stop-color"], It = ["stop-color"], At = ["id"], Lt = ["stop-color"], Wt = ["stop-color"], Vt = ["id"], Gt = ["stop-color"], Ut = ["stop-color"], Et = ["id"], Ht = ["x", "y", "font-size", "font-weight", "fill"], Rt = ["x", "y"], Zt = ["d", "stroke"], qt = ["d", "stroke"], Xt = { key: 4 }, Yt = { key: 0 }, Jt = ["stroke-dasharray", "d", "stroke", "stroke-width"], Kt = ["stroke-dasharray", "d", "stroke", "stroke-width"], Qt = ["stroke-dasharray", "d", "stroke", "stroke-width"], el = ["stroke-dasharray", "d", "stroke", "stroke-width"], tl = { key: 1 }, ll = ["d", "stroke", "stroke-width", "fill"], ol = ["d", "stroke", "stroke-width", "fill"], sl = ["d", "stroke", "stroke-width", "fill"], al = { key: 2 }, nl = ["d", "fill", "onMouseenter", "onClick"], rl = ["d", "fill", "onMouseenter", "onClick"], ul = ["d", "fill", "onMouseenter", "onClick"], il = ["d", "onMouseenter", "onClick"], dl = ["d"], cl = ["d", "stroke"], hl = ["onClick"], vl = ["stroke", "d"], fl = ["cx", "cy", "fill", "stroke"], pl = ["x", "y", "width", "height"], yl = { key: 1 }, kl = ["d", "stroke"], gl = ["d", "fill", "stroke"], $l = ["id"], _l = ["stop-color"], ml = ["stop-color"], bl = ["cx", "cy", "fill"], xl = ["cx", "cy", "fill"], wl = { key: 0 }, Cl = ["text-anchor", "x", "y", "fill", "font-size"], Fl = ["text-anchor", "x", "y", "fill", "font-size"], Ml = { key: 2 }, Pl = ["d", "fill", "stroke"], jl = { key: 5 }, Tl = { key: 0 }, Sl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Dl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ol = ["stroke-dasharray", "d", "stroke", "stroke-width"], zl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Nl = ["d", "stroke", "stroke-width", "fill"], Bl = ["d", "stroke", "stroke-width", "fill"], Il = { key: 1 }, Al = ["onClick"], Ll = ["id"], Wl = ["stop-color"], Vl = ["stop-color"], Gl = ["id"], Ul = ["stop-color"], El = ["stop-color"], Hl = ["stop-color"], Rl = ["stop-color"], Zl = ["stop-color"], ql = ["onMouseenter", "onClick", "d", "fill"], Xl = ["onMouseenter", "onClick", "d"], Yl = ["onMouseenter", "onClick", "d", "fill"], Jl = ["onClick"], Kl = ["stroke", "d"], Ql = ["cx", "cy", "fill", "stroke"], eo = ["x", "y", "width", "height"], to = { key: 1 }, lo = ["d", "stroke"], oo = ["d", "fill", "stroke"], so = ["id"], ao = ["stop-color"], no = ["stop-color"], ro = ["cx", "cy", "fill"], uo = ["cx", "cy", "fill"], io = { key: 0 }, co = ["text-anchor", "x", "y", "fill", "font-size"], ho = ["text-anchor", "x", "y", "fill", "font-size"], vo = { key: 2 }, fo = ["d", "fill", "stroke"], po = {
+}, _t = ["xmlns", "viewBox"], mt = ["width", "height"], bt = ["id"], xt = ["stop-color"], wt = ["stop-color"], Ct = ["id"], Ft = ["stop-color"], Mt = ["stop-color"], Pt = ["id"], jt = ["stop-color"], Tt = ["stop-color"], St = ["id"], Dt = ["stop-color"], Ot = ["stop-color"], zt = ["stop-color"], Nt = { key: 1 }, Bt = ["id"], At = ["stop-color"], It = ["stop-color"], Lt = ["id"], Vt = ["stop-color"], Wt = ["stop-color"], Gt = ["id"], Ut = ["stop-color"], Et = ["stop-color"], Ht = ["id"], Rt = ["x", "y", "font-size", "font-weight", "fill"], Zt = ["x", "y"], qt = ["d", "stroke"], Xt = ["d", "stroke"], Yt = { key: 4 }, Jt = { key: 0 }, Kt = ["stroke-dasharray", "d", "stroke", "stroke-width"], Qt = ["stroke-dasharray", "d", "stroke", "stroke-width"], el = ["stroke-dasharray", "d", "stroke", "stroke-width"], tl = ["stroke-dasharray", "d", "stroke", "stroke-width"], ll = { key: 1 }, ol = ["d", "stroke", "stroke-width", "fill"], sl = ["d", "stroke", "stroke-width", "fill"], al = ["d", "stroke", "stroke-width", "fill"], nl = { key: 2 }, rl = ["d", "fill", "onMouseenter", "onClick"], ul = ["d", "fill", "onMouseenter", "onClick"], il = ["d", "fill", "onMouseenter", "onClick"], dl = ["d", "onMouseenter", "onClick"], cl = ["d"], hl = ["d", "stroke"], vl = ["onClick"], fl = ["stroke", "d"], pl = ["cx", "cy", "fill", "stroke"], yl = ["x", "y", "width", "height"], kl = { key: 1 }, gl = ["d", "stroke"], $l = ["d", "fill", "stroke"], _l = ["id"], ml = ["stop-color"], bl = ["stop-color"], xl = ["cx", "cy", "fill"], wl = ["cx", "cy", "fill"], Cl = { key: 0 }, Fl = ["text-anchor", "x", "y", "fill", "font-size"], Ml = ["text-anchor", "x", "y", "fill", "font-size"], Pl = { key: 2 }, jl = ["d", "fill", "stroke"], Tl = { key: 5 }, Sl = { key: 0 }, Dl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ol = ["stroke-dasharray", "d", "stroke", "stroke-width"], zl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Nl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Bl = ["d", "stroke", "stroke-width", "fill"], Al = ["d", "stroke", "stroke-width", "fill"], Il = { key: 1 }, Ll = ["onClick"], Vl = ["id"], Wl = ["stop-color"], Gl = ["stop-color"], Ul = ["id"], El = ["stop-color"], Hl = ["stop-color"], Rl = ["stop-color"], Zl = ["stop-color"], ql = ["stop-color"], Xl = ["onMouseenter", "onClick", "d", "fill"], Yl = ["onMouseenter", "onClick", "d"], Jl = ["onMouseenter", "onClick", "d", "fill"], Kl = ["onClick"], Ql = ["stroke", "d"], eo = ["cx", "cy", "fill", "stroke"], to = ["x", "y", "width", "height"], lo = { key: 1 }, oo = ["d", "stroke"], so = ["d", "fill", "stroke"], ao = ["id"], no = ["stop-color"], ro = ["stop-color"], uo = ["cx", "cy", "fill"], io = ["cx", "cy", "fill"], co = { key: 0 }, ho = ["text-anchor", "x", "y", "fill", "font-size"], vo = ["text-anchor", "x", "y", "fill", "font-size"], fo = { key: 2 }, po = ["d", "fill", "stroke"], yo = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, yo = {
+}, ko = {
   key: 6,
   ref: "source",
   dir: "auto"
-}, ko = ["innerHTML"], go = {
+}, go = ["innerHTML"], $o = {
   __name: "vue-ui-3d-bar",
   props: {
     config: {
@@ -38,32 +33,32 @@ const kt = ["id"], gt = {
     }
   },
   emits: ["selectDatapoint"],
-  setup(Oe, { expose: ze, emit: Ne }) {
-    const { vue_ui_3d_bar: Be } = Je(), $ = Oe, R = Ne, Z = T(() => !!$.dataset && Object.keys($.dataset).length), b = j(je()), Ie = j(null), ue = j(null), A = j(!1), ie = j(0), de = j(0), t = T({
-      get: () => fe(),
+  setup(ze, { expose: Ne, emit: Be }) {
+    const Ae = G(() => import("./vue-ui-accordion-CmCs2yR2.js")), Ie = G(() => import("./DataTable-Cv9CIz-a.js")), Le = G(() => import("./PackageVersion-CLY-udAA.js")), Ve = G(() => import("./PenAndPaper-B9na2mbr.js")), We = G(() => import("./vue-ui-skeleton-CbYQYRvD.js")), Ge = G(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_3d_bar: Ue } = st(), $ = ze, Z = Be, q = T(() => !!$.dataset && Object.keys($.dataset).length), b = j(Te()), Ee = j(null), ie = j(null), I = j(!1), de = j(0), ce = j(0), t = T({
+      get: () => pe(),
       set: (a) => a
-    }), { userOptionsVisible: oe, setUserOptionsVisibility: ce, keepUserOptionState: he } = ft({ config: t.value }), { svgRef: ve } = pt({ config: t.value.style.chart.title });
-    function fe() {
-      const a = De({
+    }), { userOptionsVisible: se, setUserOptionsVisibility: he, keepUserOptionState: ve } = ft({ config: t.value }), { svgRef: fe } = pt({ config: t.value.style.chart.title });
+    function pe() {
+      const a = Oe({
         userConfig: $.config,
-        defaultConfig: Be
+        defaultConfig: Ue
       });
       return a.theme ? {
-        ...De({
-          userConfig: Qe.vue_ui_3d_bar[a.theme] || $.config,
+        ...Oe({
+          userConfig: nt.vue_ui_3d_bar[a.theme] || $.config,
           defaultConfig: a
         }),
-        customPalette: Ke[a.theme] || K
+        customPalette: at[a.theme] || Q
       } : a;
     }
-    He(() => $.config, (a) => {
-      t.value = fe(), oe.value = !t.value.userOptions.showOnChartHover, $e(), ie.value += 1, de.value += 1, E.value.showTable = t.value.table.show;
+    Ke(() => $.config, (a) => {
+      t.value = pe(), se.value = !t.value.userOptions.showOnChartHover, _e(), de.value += 1, ce.value += 1, H.value.showTable = t.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: pe, isImaging: ye, generatePdf: ke, generateImage: ge } = rt({
+    const { isPrinting: ye, isImaging: ke, generatePdf: ge, generateImage: $e } = vt({
       elementId: `3d_bar_${b.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-3d-bar",
       options: t.value.userOptions.print
-    }), Ae = T(() => et(t.value.customPalette)), E = j({
+    }), He = T(() => rt(t.value.customPalette)), H = j({
       showTable: t.value.table.show
     }), F = T(() => $.dataset.series && $.dataset.series.length), o = T(() => ({
       height: t.value.style.chart.box.dimensions.height,
@@ -78,16 +73,16 @@ const kt = ["id"], gt = {
       if (F.value) {
         const a = $.dataset.series.map((l) => l.value || 0).reduce((l, r) => l + r, 0), s = $.dataset.series.map((l, r) => ({
           ...l,
-          id: je(),
+          id: Te(),
           proportion: (l.value || 0) / a,
-          color: tt(l.color) || Ae.value[r] || K[r] || K[r % K.length],
+          color: ut(l.color) || He.value[r] || Q[r] || Q[r % Q.length],
           breakdown: l.breakdown ? l.breakdown.sort((c, k) => k.value - c.value) : null
         })).sort((l, r) => r.value - l.value), e = [];
         let h = 0;
         for (let l = 0; l < s.length; l += 1)
           e.push({
             ...s[l],
-            fill: Le(h, s[l].proportion, s[l].breakdown, s[l].color)
+            fill: Re(h, s[l].proportion, s[l].breakdown, s[l].color)
           }), h += s[l].proportion;
         return e;
       }
@@ -101,36 +96,36 @@ const kt = ["id"], gt = {
       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}`
-    })), W = j(t.value.style.chart.animation.use ? 0 : $.dataset.percentage);
-    Re(() => {
-      $e();
+    })), V = j(t.value.style.chart.animation.use ? 0 : $.dataset.percentage);
+    Qe(() => {
+      _e();
       let a = 0, s = t.value.style.chart.animation.speed, e = 5e-3 * t.value.style.chart.animation.acceleration;
       function h() {
-        W.value += s + a, a += e, W.value < $.dataset.percentage ? requestAnimationFrame(h) : W.value = $.dataset.percentage;
+        V.value += s + a, a += e, V.value < $.dataset.percentage ? requestAnimationFrame(h) : V.value = $.dataset.percentage;
       }
-      t.value.style.chart.animation.use && (W.value = 0, h());
+      t.value.style.chart.animation.use && (V.value = 0, h());
     });
-    function $e() {
-      lt($.dataset) ? Q({
+    function _e() {
+      it($.dataset) ? ee({
         componentName: "VueUi3dBar",
         type: "dataset"
       }) : $.dataset.series ? $.dataset.series.forEach((a, s) => {
-        re({
+        ue({
           datasetObject: a,
           requiredAttributes: ["name", "value"]
         }).forEach((e) => {
-          Q({
+          ee({
             componentName: "VueUi3dBar",
             type: "datasetSerieAttribute",
             property: e,
             index: s
           });
         }), a.breakdown && a.breakdown.forEach((e, h) => {
-          re({
+          ue({
             datasetObject: e,
             requiredAttributes: ["name", "value"]
           }).forEach((l) => {
-            Q({
+            ee({
               componentName: "VueUi3dBar",
               type: "datasetSerieAttribute",
               property: l,
@@ -138,28 +133,28 @@ const kt = ["id"], gt = {
             });
           });
         });
-      }) : re({
+      }) : ue({
         datasetObject: $.dataset,
         requiredAttributes: ["percentage"]
       }).forEach((a) => {
-        Q({
+        ee({
           componentName: "VueUi3dBar",
           type: "datasetAttribute",
           property: a
         });
       });
     }
-    function Le(a, s, e, h) {
-      const l = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: r, height: c, bottom: k, right: w, left: f, perspective: p } = o.value, v = k + l * a, ne = c - v - p - l * s / 2, Ge = ne > o.value.height / 2 ? "top" : "bottom", xe = 64, Ue = !!e;
-      let we = null, Ce = null;
-      return Ue && (e = e.map((Fe, Ee) => ({
-        ...Fe,
-        value: Fe.value || 0,
-        color: U(h, Ee / e.length)
-      })), we = Te(
+    function Re(a, s, e, h) {
+      const l = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: r, height: c, bottom: k, right: w, left: f, perspective: p } = o.value, v = k + l * a, re = c - v - p - l * s / 2, Xe = re > o.value.height / 2 ? "top" : "bottom", we = 64, Ye = !!e;
+      let Ce = null, Fe = null;
+      return Ye && (e = e.map((Me, Je) => ({
+        ...Me,
+        value: Me.value || 0,
+        color: E(h, Je / e.length)
+      })), Ce = Se(
         { series: e },
         r + o.value.absoluteWidth / 4 - 14,
-        Ge === "top" ? ne - xe : ne + xe,
+        Xe === "top" ? re - we : re + we,
         28,
         28,
         1.99999,
@@ -168,7 +163,7 @@ const kt = ["id"], gt = {
         360,
         105.25,
         14
-      ), Ce = Te(
+      ), Fe = Se(
         { series: e },
         r - w + 20,
         c - v - p - l * s / 2,
@@ -181,8 +176,8 @@ const kt = ["id"], gt = {
         105.25,
         6
       )), {
-        donut: we,
-        miniDonut: Ce,
+        donut: Ce,
+        miniDonut: Fe,
         sidePointer: {
           x: r - w,
           y: c - v - p - l * s / 2,
@@ -210,8 +205,8 @@ const kt = ["id"], gt = {
         ${f},${c - v - p}Z`
       };
     }
-    const H = T(() => {
-      const a = W.value / 100, s = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: e, height: h, bottom: l, right: r, left: c, perspective: k } = o.value, f = l + s * 0;
+    const R = T(() => {
+      const a = V.value / 100, s = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: e, height: h, bottom: l, right: r, left: c, perspective: k } = o.value, f = l + s * 0;
       return {
         right: `M${e / 2},${h - f} ${e / 2},${h - f - s * a} ${e - r},${h - f - k - s * a} ${e - r},${h - f - k}Z`,
         left: `M${e / 2},${h - f} ${e / 2},${h - f - s * a} ${c}, ${h - f - k - s * a} ${c},${h - f - k}Z`,
@@ -230,30 +225,30 @@ const kt = ["id"], gt = {
       };
     }), x = j(null);
     function M(a, s = !1) {
-      R("selectDatapoint", a), s || (x.value = a.id), s && A.value && (A.value = !1), s && !A.value && (A.value = !0);
+      Z("selectDatapoint", a), s || (x.value = a.id), s && I.value && (I.value = !1), s && !I.value && (I.value = !0);
     }
     function L() {
-      A.value || (x.value = null);
+      I.value || (x.value = null);
     }
-    function V(a, s, e = !1) {
-      const h = $.dataset.series.map((c) => c.value || 0).reduce((c, k) => c + k, 0), l = isNaN(a.value / h) ? 0 : a.value / h * 100, r = isNaN(a.value / _e(s)) ? 0 : a.value / _e(s) * 100;
+    function W(a, s, e = !1) {
+      const h = $.dataset.series.map((c) => c.value || 0).reduce((c, k) => c + k, 0), l = isNaN(a.value / h) ? 0 : a.value / h * 100, r = isNaN(a.value / me(s)) ? 0 : a.value / me(s) * 100;
       return e ? r : l.toFixed(0) + "%";
     }
-    function _e(a) {
+    function me(a) {
       return [...a].map((s) => s.value).reduce((s, e) => s + e, 0);
     }
-    const se = j(!1);
-    function We(a) {
-      se.value = a;
+    const ae = j(!1);
+    function Ze(a) {
+      ae.value = a;
     }
-    function Ve() {
+    function qe() {
       return F.value ? C.value : $.dataset.percentage;
     }
     const N = T(() => {
       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: U(e.color, l / e.breakdown.length)
+          color: E(e.color, l / e.breakdown.length)
         }))] : {
           name: e.name,
           color: e.color
@@ -262,19 +257,19 @@ const kt = ["id"], gt = {
       } else
         return null;
     });
-    function me() {
+    function be() {
       if (!F.value) {
         console.warn("VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)");
         return;
       }
-      Ye(() => {
+      ot(() => {
         const a = C.value.map((l) => l.value).reduce((l, r) => l + r, 0), s = N.value.head.map((l, r) => [[
           l.name
-        ], [N.value.body[r]], [isNaN(N.value.body[r] / a) ? "-" : N.value.body[r] / a * 100]]), e = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(s), h = st(e);
-        at({ csvContent: h, title: t.value.style.chart.title.text || "vue-ui-3d-bar" });
+        ], [N.value.body[r]], [isNaN(N.value.body[r] / a) ? "-" : N.value.body[r] / a * 100]]), e = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(s), h = ct(e);
+        ht({ csvContent: h, title: t.value.style.chart.title.text || "vue-ui-3d-bar" });
       });
     }
-    const q = T(() => {
+    const X = T(() => {
       const a = C.value.map((r) => r.value).reduce((r, c) => r + c, 0), s = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
         D({ p: t.value.style.chart.legend.prefix, v: a, s: t.value.style.chart.legend.suffix, r: t.value.table.td.roundingValue }),
@@ -318,40 +313,40 @@ const kt = ["id"], gt = {
         config: h
       };
     });
-    function be() {
-      E.value.showTable = !E.value.showTable;
+    function xe() {
+      H.value.showTable = !H.value.showTable;
     }
-    const X = j(!1);
-    function ae() {
-      X.value = !X.value;
+    const Y = j(!1);
+    function ne() {
+      Y.value = !Y.value;
     }
-    return ze({
-      generateCsv: me,
-      generatePdf: ke,
-      generateImage: ge,
-      getData: Ve,
-      toggleTable: be,
-      toggleAnnotator: ae
-    }), (a, s) => (n(), i("div", {
+    return Ne({
+      generateCsv: be,
+      generatePdf: ge,
+      generateImage: $e,
+      getData: qe,
+      toggleTable: xe,
+      toggleAnnotator: ne
+    }), (a, s) => (n(), d("div", {
       ref_key: "bar3dChart",
-      ref: ue,
-      class: Me("vue-ui-3d-bar"),
+      ref: ie,
+      class: Pe("vue-ui-3d-bar"),
       style: O(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),
       id: `3d_bar_${b.value}`,
-      onMouseenter: s[2] || (s[2] = () => d(ce)(!0)),
-      onMouseleave: s[3] || (s[3] = () => d(ce)(!1))
+      onMouseenter: s[2] || (s[2] = () => u(he)(!0)),
+      onMouseleave: s[3] || (s[3] = () => u(he)(!1))
     }, [
-      t.value.userOptions.buttons.annotator ? (n(), G(vt, {
+      t.value.userOptions.buttons.annotator ? (n(), U(u(Ve), {
         key: 0,
-        svgRef: d(ve),
+        svgRef: u(fe),
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        active: X.value,
-        onClose: ae
+        active: Y.value,
+        onClose: ne
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
-      t.value.style.chart.title.text ? (n(), i("div", gt, [
-        (n(), G(nt, {
-          key: `title_${ie.value}`,
+      t.value.style.chart.title.text ? (n(), d("div", $t, [
+        (n(), U(yt, {
+          key: `title_${de.value}`,
           config: {
             title: {
               cy: "3dBar-div-title",
@@ -364,14 +359,14 @@ const kt = ["id"], gt = {
           }
         }, null, 8, ["config"]))
       ])) : y("", !0),
-      t.value.userOptions.show && Z.value && (d(he) || d(oe)) ? (n(), G(ut, {
+      t.value.userOptions.show && q.value && (u(ve) || u(se)) ? (n(), U(u(Ge), {
         key: 2,
         ref_key: "details",
-        ref: Ie,
+        ref: Ee,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isPrinting: d(pe),
-        isImaging: d(ye),
+        isPrinting: u(ye),
+        isImaging: u(ke),
         uid: b.value,
         hasPdf: t.value.userOptions.buttons.pdf,
         hasTable: !!F.value && t.value.userOptions.buttons.table,
@@ -379,24 +374,24 @@ const kt = ["id"], gt = {
         hasImg: t.value.userOptions.buttons.img,
         hasFullscreen: t.value.userOptions.buttons.fullscreen,
         titles: { ...t.value.userOptions.buttonTitles },
-        chartElement: ue.value,
+        chartElement: ie.value,
         position: t.value.userOptions.position,
         hasAnnotator: t.value.userOptions.buttons.annotator,
-        isAnnotation: X.value,
-        onToggleFullscreen: We,
-        onGeneratePdf: d(ke),
-        onGenerateCsv: me,
-        onGenerateImage: d(ge),
-        onToggleTable: be,
-        onToggleAnnotator: ae,
+        isAnnotation: Y.value,
+        onToggleFullscreen: Ze,
+        onGeneratePdf: u(ge),
+        onGenerateCsv: be,
+        onGenerateImage: u($e),
+        onToggleTable: xe,
+        onToggleAnnotator: ne,
         style: O({
-          visibility: d(he) ? d(oe) ? "visible" : "hidden" : "visible"
+          visibility: u(ve) ? u(se) ? "visible" : "hidden" : "visible"
         })
-      }, Ze({ _: 2 }, [
+      }, et({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: S(({ isOpen: e, color: h }) => [
-            P(a.$slots, "menuIcon", Y(J({ isOpen: e, color: h })), void 0, !0)
+            P(a.$slots, "menuIcon", J(K({ isOpen: e, color: h })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -431,29 +426,29 @@ const kt = ["id"], gt = {
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: S(({ toggleFullscreen: e, isFullscreen: h }) => [
-            P(a.$slots, "optionFullscreen", Y(J({ toggleFullscreen: e, isFullscreen: h })), void 0, !0)
+            P(a.$slots, "optionFullscreen", J(K({ toggleFullscreen: e, isFullscreen: h })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: S(({ toggleAnnotator: e, isAnnotator: h }) => [
-            P(a.$slots, "optionAnnotator", Y(J({ toggleAnnotator: e, isAnnotator: h })), void 0, !0)
+            P(a.$slots, "optionAnnotator", J(K({ toggleAnnotator: e, isAnnotator: h })), void 0, !0)
           ]),
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasTable", "hasXls", "hasImg", "hasFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
-      Z.value ? (n(), i("svg", {
+      q.value ? (n(), d("svg", {
         key: 3,
         ref_key: "svgRef",
-        ref: ve,
-        xmlns: d(ot),
-        class: Me({ "vue-data-ui-fullscreen--on": se.value, "vue-data-ui-fulscreen--off": !se.value }),
+        ref: fe,
+        xmlns: u(dt),
+        class: Pe({ "vue-data-ui-fullscreen--on": ae.value, "vue-data-ui-fulscreen--off": !ae.value }),
         viewBox: `0 0 ${o.value.absoluteWidth} ${o.value.height}`,
         style: O(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)
       }, [
-        qe(ht),
-        a.$slots["chart-background"] ? (n(), i("foreignObject", {
+        tt(u(Le)),
+        a.$slots["chart-background"] ? (n(), d("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -464,120 +459,120 @@ const kt = ["id"], gt = {
           }
         }, [
           P(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, _t)) : y("", !0),
-        u("defs", null, [
-          u("radialGradient", {
+        ], 8, mt)) : y("", !0),
+        i("defs", null, [
+          i("radialGradient", {
             id: `gradient_top${b.value}`
           }, [
-            u("stop", {
+            i("stop", {
               offset: "0%",
-              "stop-color": d(g)(t.value.style.chart.backgroundColor, 0)
-            }, null, 8, bt),
-            u("stop", {
+              "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
+            }, null, 8, xt),
+            i("stop", {
               offset: "100%",
               "stop-color": t.value.style.chart.bar.color
-            }, null, 8, xt)
-          ], 8, mt),
-          u("radialGradient", {
+            }, null, 8, wt)
+          ], 8, bt),
+          i("radialGradient", {
             id: `gradient_left${b.value}`
           }, [
-            u("stop", {
+            i("stop", {
               offset: "0%",
-              "stop-color": d(g)(t.value.style.chart.backgroundColor, 0)
-            }, null, 8, Ct),
-            u("stop", {
+              "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
+            }, null, 8, Ft),
+            i("stop", {
               offset: "100%",
-              "stop-color": d(g)(t.value.style.chart.bar.color, 20)
-            }, null, 8, Ft)
-          ], 8, wt),
-          u("radialGradient", {
+              "stop-color": u(g)(t.value.style.chart.bar.color, 20)
+            }, null, 8, Mt)
+          ], 8, Ct),
+          i("radialGradient", {
             id: `gradient_right${b.value}`
           }, [
-            u("stop", {
+            i("stop", {
               offset: "0%",
-              "stop-color": d(g)(t.value.style.chart.backgroundColor, 0)
-            }, null, 8, Pt),
-            u("stop", {
+              "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
+            }, null, 8, jt),
+            i("stop", {
               offset: "100%",
-              "stop-color": d(g)(t.value.style.chart.bar.color, 20)
-            }, null, 8, jt)
-          ], 8, Mt),
-          u("linearGradient", {
+              "stop-color": u(g)(t.value.style.chart.bar.color, 20)
+            }, null, 8, Tt)
+          ], 8, Pt),
+          i("linearGradient", {
             id: `gradient_tube_body${b.value}`,
             x1: "0%",
             y1: "0%",
             x2: "100%",
             y2: "0%"
           }, [
-            u("stop", {
+            i("stop", {
               offset: "0%",
               "stop-color": `${t.value.style.chart.bar.color}`
-            }, null, 8, St),
-            u("stop", {
-              offset: "75%",
-              "stop-color": d(g)(t.value.style.chart.backgroundColor, 0)
             }, null, 8, Dt),
-            u("stop", {
+            i("stop", {
+              offset: "75%",
+              "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
+            }, null, 8, Ot),
+            i("stop", {
               offset: "100%",
-              "stop-color": d(g)(t.value.style.chart.bar.color, 40)
-            }, null, 8, Ot)
-          ], 8, Tt)
+              "stop-color": u(g)(t.value.style.chart.bar.color, 40)
+            }, null, 8, zt)
+          ], 8, St)
         ]),
-        F.value ? (n(), i("defs", zt, [
-          (n(!0), i(_, null, m(C.value, (e) => (n(), i("radialGradient", {
+        F.value ? (n(), d("defs", Nt, [
+          (n(!0), d(_, null, m(C.value, (e) => (n(), d("radialGradient", {
             id: `grad_top_${e.id}`
           }, [
-            u("stop", {
+            i("stop", {
               offset: "0%",
-              "stop-color": d(g)(d(U)(e.color, 0.5), 80)
-            }, null, 8, Bt),
-            u("stop", {
+              "stop-color": u(g)(u(E)(e.color, 0.5), 80)
+            }, null, 8, At),
+            i("stop", {
               offset: "100%",
               "stop-color": e.color
             }, null, 8, It)
-          ], 8, Nt))), 256)),
-          (n(!0), i(_, null, m(C.value, (e) => (n(), i("linearGradient", {
+          ], 8, Bt))), 256)),
+          (n(!0), d(_, null, m(C.value, (e) => (n(), d("linearGradient", {
             id: `grad_left_${e.id}`
           }, [
-            u("stop", {
+            i("stop", {
               offset: "0%",
-              "stop-color": d(g)(e.color, 80)
-            }, null, 8, Lt),
-            u("stop", {
+              "stop-color": u(g)(e.color, 80)
+            }, null, 8, Vt),
+            i("stop", {
               offset: "100%",
-              "stop-color": d(g)(d(ee)(e.color, 0.5), 100)
+              "stop-color": u(g)(u(te)(e.color, 0.5), 100)
             }, null, 8, Wt)
-          ], 8, At))), 256)),
-          (n(!0), i(_, null, m(C.value, (e) => (n(), i("linearGradient", {
+          ], 8, Lt))), 256)),
+          (n(!0), d(_, null, m(C.value, (e) => (n(), d("linearGradient", {
             id: `grad_right_${e.id}`
           }, [
-            u("stop", {
+            i("stop", {
               offset: "2%",
-              "stop-color": d(g)(d(U)(e.color, 0.5), 100)
-            }, null, 8, Gt),
-            u("stop", {
+              "stop-color": u(g)(u(E)(e.color, 0.5), 100)
+            }, null, 8, Ut),
+            i("stop", {
               offset: "100%",
-              "stop-color": d(g)(e.color, 80)
-            }, null, 8, Ut)
-          ], 8, Vt))), 256)),
-          u("linearGradient", {
+              "stop-color": u(g)(e.color, 80)
+            }, null, 8, Et)
+          ], 8, Gt))), 256)),
+          i("linearGradient", {
             x1: "0%",
             y1: "0%",
             x2: "0%",
             y2: "100%",
             id: `vertical_line_${b.value}`
           }, s[4] || (s[4] = [
-            u("stop", {
+            i("stop", {
               offset: "0%",
               "stop-color": "#FFFFFF"
             }, null, -1),
-            u("stop", {
+            i("stop", {
               offset: "100%",
               "stop-color": "#FFFFFF33"
             }, null, -1)
-          ]), 8, Et)
+          ]), 8, Ht)
         ])) : y("", !0),
-        t.value.style.chart.dataLabel.show && ![null, void 0].includes($.dataset.percentage) && [null, void 0].includes($.dataset.series) ? (n(), i("text", {
+        t.value.style.chart.dataLabel.show && ![null, void 0].includes($.dataset.percentage) && [null, void 0].includes($.dataset.series) ? (n(), d("text", {
           key: 2,
           x: o.value.width / 2,
           y: o.value.top - t.value.style.chart.dataLabel.fontSize / 2,
@@ -585,42 +580,42 @@ const kt = ["id"], gt = {
           "font-weight": t.value.style.chart.dataLabel.bold ? "bold" : "normal",
           fill: t.value.style.chart.dataLabel.color,
           "text-anchor": "middle"
-        }, B(d(D)({
-          v: W.value,
+        }, B(u(D)({
+          v: V.value,
           s: "%",
           r: t.value.style.chart.dataLabel.rounding
-        })), 9, Ht)) : y("", !0),
-        A.value ? (n(), i("g", {
+        })), 9, Rt)) : y("", !0),
+        I.value ? (n(), d("g", {
           key: 3,
           onClick: s[0] || (s[0] = (e) => {
-            A.value = !1, x.value = null;
+            I.value = !1, x.value = null;
           }),
           "data-dom-to-png-ignore": "",
           style: { cursor: "pointer" }
         }, [
-          u("rect", {
+          i("rect", {
             x: o.value.width / 2 - 6,
             y: o.value.top - 20,
             height: 12,
             width: 12,
             fill: "transparent"
-          }, null, 8, Rt),
-          u("path", {
+          }, null, 8, Zt),
+          i("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, Zt),
-          u("path", {
+          }, null, 8, qt),
+          i("path", {
             d: `M${o.value.width / 2 + 6},${o.value.top - 20} ${o.value.width / 2 - 6},${o.value.top - 9}`,
             stroke: t.value.style.chart.color,
             "stroke-linecap": "round",
             "stroke-width": "1"
-          }, null, 8, qt)
+          }, null, 8, Xt)
         ])) : y("", !0),
-        !t.value.style.shape || t.value.style.shape === "bar" ? (n(), i("g", Xt, [
-          F.value ? y("", !0) : (n(), i("g", Yt, [
-            u("path", {
+        !t.value.style.shape || t.value.style.shape === "bar" ? (n(), d("g", Yt, [
+          F.value ? y("", !0) : (n(), d("g", Jt, [
+            i("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.right,
               stroke: t.value.style.chart.box.stroke,
@@ -628,8 +623,8 @@ const kt = ["id"], gt = {
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Jt),
-            u("path", {
+            }, null, 8, Kt),
+            i("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.left,
               stroke: t.value.style.chart.box.stroke,
@@ -637,8 +632,8 @@ const kt = ["id"], gt = {
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Kt),
-            u("path", {
+            }, null, 8, Qt),
+            i("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.side,
               stroke: t.value.style.chart.box.stroke,
@@ -646,8 +641,8 @@ const kt = ["id"], gt = {
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Qt),
-            u("path", {
+            }, null, 8, el),
+            i("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.topSides,
               stroke: t.value.style.chart.box.stroke,
@@ -655,61 +650,61 @@ const kt = ["id"], gt = {
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, el)
+            }, null, 8, tl)
           ])),
-          F.value ? y("", !0) : (n(), i("g", tl, [
-            u("path", {
-              d: H.value.right,
+          F.value ? y("", !0) : (n(), d("g", ll, [
+            i("path", {
+              d: R.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${b.value})`
-            }, null, 8, ll),
-            u("path", {
-              d: H.value.left,
+            }, null, 8, ol),
+            i("path", {
+              d: R.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${b.value})`
-            }, null, 8, ol),
-            u("path", {
-              d: H.value.top,
+            }, null, 8, sl),
+            i("path", {
+              d: R.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${b.value})`
-            }, null, 8, sl)
+            }, null, 8, al)
           ])),
-          F.value ? (n(), i("g", al, [
-            (n(!0), i(_, null, m(C.value, (e, h) => (n(), i("g", {
+          F.value ? (n(), d("g", nl, [
+            (n(!0), d(_, null, m(C.value, (e, h) => (n(), d("g", {
               style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack"
             }, [
-              u("path", {
+              i("path", {
                 d: e.fill.right,
                 fill: `url(#grad_right_${e.id})`,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: L
-              }, null, 40, nl),
-              u("path", {
+              }, null, 40, rl),
+              i("path", {
                 d: e.fill.left,
                 fill: `url(#grad_left_${e.id})`,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: L
-              }, null, 40, rl),
-              u("path", {
+              }, null, 40, ul),
+              i("path", {
                 d: e.fill.top,
                 fill: `url(#grad_top_${e.id})`,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: L
-              }, null, 40, ul),
-              u("path", {
+              }, null, 40, il),
+              i("path", {
                 d: e.fill.liningTop,
                 stroke: "#FFFFFF",
                 "stroke-width": "0.5",
@@ -718,16 +713,16 @@ const kt = ["id"], gt = {
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: L
-              }, null, 40, il),
-              u("path", {
+              }, null, 40, dl),
+              i("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, dl)
+              }, null, 8, cl)
             ], 4))), 256)),
-            (n(!0), i(_, null, m(C.value, (e, h) => (n(), i("g", null, [
-              h !== C.value.length - 1 ? (n(), i("path", {
+            (n(!0), d(_, null, m(C.value, (e, h) => (n(), d("g", null, [
+              h !== C.value.length - 1 ? (n(), d("path", {
                 key: 0,
                 d: e.fill.liningTopShade,
                 stroke: t.value.style.chart.bar.shadeColor,
@@ -735,41 +730,41 @@ const kt = ["id"], gt = {
                 "stroke-linecap": "round",
                 fill: "none",
                 style: { "pointer-events": "none" }
-              }, null, 8, cl)) : y("", !0)
+              }, null, 8, hl)) : y("", !0)
             ]))), 256)),
-            (n(!0), i(_, null, m(C.value, (e, h) => (n(), i("g", {
+            (n(!0), d(_, null, m(C.value, (e, h) => (n(), d("g", {
               style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
-              onClick: (l) => R("selectDatapoint", e)
+              onClick: (l) => Z("selectDatapoint", e)
             }, [
-              u("path", {
+              i("path", {
                 stroke: t.value.style.chart.color,
                 "stroke-dasharray": "1",
                 "stroke-width": "0.5",
                 "stroke-linecap": "round",
                 d: `M${e.fill.sidePointer.x},${e.fill.sidePointer.y} ${e.fill.sidePointer.x + 20},${e.fill.sidePointer.y}`
-              }, null, 8, vl),
-              !e.fill.miniDonut || x.value ? (n(), i("circle", {
+              }, null, 8, fl),
+              !e.fill.miniDonut || x.value ? (n(), d("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, fl)) : y("", !0),
-              (n(), i("foreignObject", {
+              }, null, 8, pl)) : y("", !0),
+              (n(), d("foreignObject", {
                 x: e.fill.sidePointer.x + 30,
                 y: e.fill.sidePointer.y - t.value.style.chart.legend.fontSize,
                 width: o.value.absoluteWidth / 2 - 12,
                 height: t.value.style.chart.legend.fontSize * 2,
                 style: { overflow: "visible", position: "relative" }
               }, [
-                t.value.style.chart.legend.showDefault ? (n(), i("div", {
+                t.value.style.chart.legend.showDefault ? (n(), d("div", {
                   key: 0,
                   style: O(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${t.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${t.value.style.chart.legend.fontSize}px; color:${t.value.style.chart.legend.color}`)
-                }, B(d(te)(
+                }, B(u(le)(
                   t.value.style.chart.dataLabel.formatter,
                   e.value,
-                  `${e.name}: ${d(D)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })} (${d(D)({
+                  `${e.name}: ${u(D)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })} (${u(D)({
                     p: t.value.style.chart.legend.prefix,
                     v: e.value,
                     s: t.value.style.chart.legend.suffix,
@@ -777,104 +772,104 @@ const kt = ["id"], gt = {
                   })})`,
                   { datapoint: e, seriesIndex: h, type: "barDatapoint" }
                 )), 5)) : y("", !0),
-                P(a.$slots, "legend", Pe({ ref_for: !0 }, { datapoint: e, config: t.value, dataset: C.value }), void 0, !0)
-              ], 8, pl)),
-              e.fill.donut && x.value === e.id ? (n(), i("g", yl, [
-                (n(!0), i(_, null, m(e.fill.donut, (l, r) => (n(), i("g", null, [
-                  V(l, e.fill.donut, !0) > 6 ? (n(), i("path", {
+                P(a.$slots, "legend", je({ ref_for: !0 }, { datapoint: e, config: t.value, dataset: C.value }), void 0, !0)
+              ], 8, yl)),
+              e.fill.donut && x.value === e.id ? (n(), d("g", kl, [
+                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("g", null, [
+                  W(l, e.fill.donut, !0) > 6 ? (n(), d("path", {
                     key: 0,
-                    d: d(Se)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 10),
+                    d: u(De)(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, kl)) : y("", !0)
+                  }, null, 8, gl)) : y("", !0)
                 ]))), 256)),
-                (n(!0), i(_, null, m(e.fill.donut, (l, r) => (n(), i("path", {
+                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("path", {
                   class: "vue-ui-donut-arc-path",
                   d: l.arcSlice,
                   fill: `${l.color}`,
                   stroke: t.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, gl))), 256)),
-                u("defs", null, [
-                  u("radialGradient", {
+                }, null, 8, $l))), 256)),
+                i("defs", null, [
+                  i("radialGradient", {
                     id: `hollow_gradient_${b.value}`
                   }, [
-                    u("stop", {
+                    i("stop", {
                       offset: "0%",
-                      "stop-color": d(g)(t.value.style.chart.backgroundColor, 0)
-                    }, null, 8, _l),
-                    s[5] || (s[5] = u("stop", {
+                      "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
+                    }, null, 8, ml),
+                    s[5] || (s[5] = i("stop", {
                       offset: "77%",
                       "stop-color": "#FFFFFF20"
                     }, null, -1)),
-                    u("stop", {
+                    i("stop", {
                       offset: "100%",
-                      "stop-color": d(g)(t.value.style.chart.backgroundColor, 0)
-                    }, null, 8, ml)
-                  ], 8, $l)
+                      "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
+                    }, null, 8, bl)
+                  ], 8, _l)
                 ]),
-                (n(!0), i(_, null, m(e.fill.donut, (l, r) => (n(), i("circle", {
+                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 28,
                   fill: `url(#hollow_gradient_${b.value})`
-                }, null, 8, bl))), 256)),
-                (n(!0), i(_, null, m(e.fill.donut, (l, r) => (n(), i("circle", {
+                }, null, 8, xl))), 256)),
+                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 14,
                   fill: t.value.style.chart.backgroundColor
-                }, null, 8, xl))), 256)),
-                (n(!0), i(_, null, m(e.fill.donut, (l, r) => (n(), i("g", null, [
-                  V(l, e.fill.donut, !0) > 6 ? (n(), i("g", wl, [
-                    u("text", {
-                      "text-anchor": d(I)(l, !0, 0).anchor,
-                      x: d(I)(l, !0, 2).x,
-                      y: d(le)(l, 12, 12),
+                }, null, 8, wl))), 256)),
+                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("g", null, [
+                  W(l, e.fill.donut, !0) > 6 ? (n(), d("g", Cl, [
+                    i("text", {
+                      "text-anchor": u(A)(l, !0, 0).anchor,
+                      x: u(A)(l, !0, 2).x,
+                      y: u(oe)(l, 12, 12),
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
-                    }, B(d(te)(
+                    }, B(u(le)(
                       t.value.style.chart.dataLabel.formatter,
                       l.value,
-                      `${V(l, e.fill.donut)} (${d(D)({
+                      `${W(l, e.fill.donut)} (${u(D)({
                         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: r, type: "donutDatapoint" }
-                    )), 9, Cl),
-                    u("text", {
-                      "text-anchor": d(I)(l).anchor,
-                      x: d(I)(l, !0, 2).x,
-                      y: d(le)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
+                    )), 9, Fl),
+                    i("text", {
+                      "text-anchor": u(A)(l).anchor,
+                      x: u(A)(l, !0, 2).x,
+                      y: u(oe)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
-                    }, B(l.name), 9, Fl)
+                    }, B(l.name), 9, Ml)
                   ])) : y("", !0)
                 ]))), 256))
               ])) : y("", !0),
-              e.fill.miniDonut && !x.value ? (n(), i("g", Ml, [
-                (n(!0), i(_, null, m(e.fill.miniDonut, (l, r) => (n(), i("path", {
+              e.fill.miniDonut && !x.value ? (n(), d("g", Pl, [
+                (n(!0), d(_, null, m(e.fill.miniDonut, (l, r) => (n(), d("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, Pl))), 256))
+                }, null, 8, jl))), 256))
               ])) : y("", !0)
-            ], 12, hl))), 256))
+            ], 12, vl))), 256))
           ])) : y("", !0)
         ])) : y("", !0),
-        t.value.style.shape === "tube" ? (n(), i("g", jl, [
-          F.value ? y("", !0) : (n(), i("g", Tl, [
-            u("path", {
+        t.value.style.shape === "tube" ? (n(), d("g", Tl, [
+          F.value ? y("", !0) : (n(), d("g", Sl, [
+            i("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.tubeTop,
               stroke: t.value.style.chart.box.stroke,
@@ -882,8 +877,8 @@ const kt = ["id"], gt = {
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Sl),
-            u("path", {
+            }, null, 8, Dl),
+            i("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.tubeLeft,
               stroke: t.value.style.chart.box.stroke,
@@ -891,8 +886,8 @@ const kt = ["id"], gt = {
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Dl),
-            u("path", {
+            }, null, 8, Ol),
+            i("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.tubeRight,
               stroke: t.value.style.chart.box.stroke,
@@ -900,8 +895,8 @@ const kt = ["id"], gt = {
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Ol),
-            u("path", {
+            }, null, 8, zl),
+            i("path", {
               "stroke-dasharray": t.value.style.chart.box.strokeDasharray,
               d: z.value.tubeBottom,
               stroke: t.value.style.chart.box.stroke,
@@ -909,75 +904,75 @@ const kt = ["id"], gt = {
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, zl),
-            u("path", {
-              d: H.value.tubeTop,
+            }, null, 8, Nl),
+            i("path", {
+              d: R.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${b.value})`
-            }, null, 8, Nl),
-            u("path", {
-              d: H.value.tubeBody,
+            }, null, 8, Bl),
+            i("path", {
+              d: R.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${b.value})`
-            }, null, 8, Bl)
+            }, null, 8, Al)
           ])),
-          F.value ? (n(), i("g", Il, [
-            (n(!0), i(_, null, m(C.value, (e, h) => (n(), i("g", {
+          F.value ? (n(), d("g", Il, [
+            (n(!0), d(_, null, m(C.value, (e, h) => (n(), d("g", {
               style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack",
-              onClick: (l) => R("selectDatapoint", e)
+              onClick: (l) => Z("selectDatapoint", e)
             }, [
-              u("defs", null, [
-                u("radialGradient", {
+              i("defs", null, [
+                i("radialGradient", {
                   id: `gradient_tube_top_${e.id}`,
                   fx: "10%",
                   cy: "55%"
                 }, [
-                  u("stop", {
+                  i("stop", {
                     offset: "0%",
-                    "stop-color": d(g)(d(U)(e.color, 0.5), 80)
+                    "stop-color": u(g)(u(E)(e.color, 0.5), 80)
                   }, null, 8, Wl),
-                  u("stop", {
+                  i("stop", {
                     offset: "100%",
-                    "stop-color": d(g)(d(ee)(e.color, 0.1), 80)
-                  }, null, 8, Vl)
-                ], 8, Ll),
-                u("linearGradient", {
+                    "stop-color": u(g)(u(te)(e.color, 0.1), 80)
+                  }, null, 8, Gl)
+                ], 8, Vl),
+                i("linearGradient", {
                   id: `gradient_tube_body_${e.id}`,
                   x1: "0%",
                   y1: "0%",
                   x2: "100%",
                   y2: "0%"
                 }, [
-                  u("stop", {
+                  i("stop", {
                     offset: "0%",
                     "stop-color": `${e.color}`
-                  }, null, 8, Ul),
-                  u("stop", {
-                    offset: "10%",
-                    "stop-color": d(g)(d(ee)(e.color, 0.7), 100)
                   }, null, 8, El),
-                  u("stop", {
-                    offset: "25%",
-                    "stop-color": d(g)(d(ee)(e.color, 0.5), 100)
+                  i("stop", {
+                    offset: "10%",
+                    "stop-color": u(g)(u(te)(e.color, 0.7), 100)
                   }, null, 8, Hl),
-                  u("stop", {
-                    offset: "75%",
-                    "stop-color": d(g)(e.color, 80)
+                  i("stop", {
+                    offset: "25%",
+                    "stop-color": u(g)(u(te)(e.color, 0.5), 100)
                   }, null, 8, Rl),
-                  u("stop", {
+                  i("stop", {
+                    offset: "75%",
+                    "stop-color": u(g)(e.color, 80)
+                  }, null, 8, Zl),
+                  i("stop", {
                     offset: "100%",
-                    "stop-color": d(g)(d(U)(e.color, 0.7), 100)
-                  }, null, 8, Zl)
-                ], 8, Gl)
+                    "stop-color": u(g)(u(E)(e.color, 0.7), 100)
+                  }, null, 8, ql)
+                ], 8, Ul)
               ]),
-              u("path", {
+              i("path", {
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: L,
@@ -987,8 +982,8 @@ const kt = ["id"], gt = {
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_body_${e.id})`
-              }, null, 40, ql),
-              h > 0 ? (n(), i("path", {
+              }, null, 40, Xl),
+              h > 0 ? (n(), d("path", {
                 key: 0,
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
@@ -999,8 +994,8 @@ const kt = ["id"], gt = {
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: "none"
-              }, null, 40, Xl)) : y("", !0),
-              u("path", {
+              }, null, 40, Yl)) : y("", !0),
+              i("path", {
                 onMouseenter: (l) => M(e),
                 onClick: (l) => M(e, !0),
                 onMouseout: L,
@@ -1010,41 +1005,41 @@ const kt = ["id"], gt = {
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_top_${e.id})`
-              }, null, 40, Yl)
-            ], 12, Al))), 256)),
-            (n(!0), i(_, null, m(C.value, (e, h) => (n(), i("g", {
+              }, null, 40, Jl)
+            ], 12, Ll))), 256)),
+            (n(!0), d(_, null, m(C.value, (e, h) => (n(), d("g", {
               style: O(`opacity:${x.value ? x.value === e.id ? 1 : 0 : e.proportion * 100 > t.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
-              onClick: (l) => R("selectDatapoint", e)
+              onClick: (l) => Z("selectDatapoint", e)
             }, [
-              u("path", {
+              i("path", {
                 stroke: t.value.style.chart.color,
                 "stroke-dasharray": "1",
                 "stroke-width": "0.5",
                 "stroke-linecap": "round",
                 d: `M${e.fill.sidePointer.x},${e.fill.sidePointer.y} ${e.fill.sidePointer.x + 20},${e.fill.sidePointer.y}`
-              }, null, 8, Kl),
-              !e.fill.miniDonut || x.value ? (n(), i("circle", {
+              }, null, 8, Ql),
+              !e.fill.miniDonut || x.value ? (n(), d("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, Ql)) : y("", !0),
-              (n(), i("foreignObject", {
+              }, null, 8, eo)) : y("", !0),
+              (n(), d("foreignObject", {
                 x: e.fill.sidePointer.x + 30,
                 y: e.fill.sidePointer.y - t.value.style.chart.legend.fontSize,
                 width: o.value.absoluteWidth / 2 - 12,
                 height: t.value.style.chart.legend.fontSize * 2,
                 style: { overflow: "visible", position: "relative" }
               }, [
-                t.value.style.chart.legend.showDefault ? (n(), i("div", {
+                t.value.style.chart.legend.showDefault ? (n(), d("div", {
                   key: 0,
                   style: O(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${t.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${t.value.style.chart.legend.fontSize}px; color:${t.value.style.chart.legend.color}`)
-                }, B(d(te)(
+                }, B(u(le)(
                   t.value.style.chart.dataLabel.formatter,
                   e.value,
-                  `${e.name}: ${d(D)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })} (${d(D)({
+                  `${e.name}: ${u(D)({ v: e.proportion * 100, s: "%", r: t.value.style.chart.legend.roundingPercentage })} (${u(D)({
                     p: t.value.style.chart.legend.prefix,
                     v: e.value,
                     s: t.value.style.chart.legend.suffix,
@@ -1052,107 +1047,107 @@ const kt = ["id"], gt = {
                   })})`,
                   { datapoint: e, seriesIndex: h, type: "barDatapoint" }
                 )), 5)) : y("", !0),
-                P(a.$slots, "legend", Pe({ ref_for: !0 }, { datapoint: e, config: t.value, dataset: C.value }), void 0, !0)
-              ], 8, eo)),
-              e.fill.donut && x.value === e.id ? (n(), i("g", to, [
-                (n(!0), i(_, null, m(e.fill.donut, (l, r) => (n(), i("g", null, [
-                  V(l, e.fill.donut, !0) > 6 ? (n(), i("path", {
+                P(a.$slots, "legend", je({ ref_for: !0 }, { datapoint: e, config: t.value, dataset: C.value }), void 0, !0)
+              ], 8, to)),
+              e.fill.donut && x.value === e.id ? (n(), d("g", lo, [
+                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("g", null, [
+                  W(l, e.fill.donut, !0) > 6 ? (n(), d("path", {
                     key: 0,
-                    d: d(Se)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 10),
+                    d: u(De)(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, lo)) : y("", !0)
+                  }, null, 8, oo)) : y("", !0)
                 ]))), 256)),
-                (n(!0), i(_, null, m(e.fill.donut, (l, r) => (n(), i("path", {
+                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("path", {
                   class: "vue-ui-donut-arc-path",
                   d: l.arcSlice,
                   fill: `${l.color}`,
                   stroke: t.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, oo))), 256)),
-                u("defs", null, [
-                  u("radialGradient", {
+                }, null, 8, so))), 256)),
+                i("defs", null, [
+                  i("radialGradient", {
                     id: `hollow_gradient_${b.value}`
                   }, [
-                    u("stop", {
+                    i("stop", {
                       offset: "0%",
-                      "stop-color": d(g)(t.value.style.chart.backgroundColor, 0)
-                    }, null, 8, ao),
-                    s[6] || (s[6] = u("stop", {
+                      "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
+                    }, null, 8, no),
+                    s[6] || (s[6] = i("stop", {
                       offset: "77%",
                       "stop-color": "#FFFFFF20"
                     }, null, -1)),
-                    u("stop", {
+                    i("stop", {
                       offset: "100%",
-                      "stop-color": d(g)(t.value.style.chart.backgroundColor, 0)
-                    }, null, 8, no)
-                  ], 8, so)
+                      "stop-color": u(g)(t.value.style.chart.backgroundColor, 0)
+                    }, null, 8, ro)
+                  ], 8, ao)
                 ]),
-                (n(!0), i(_, null, m(e.fill.donut, (l, r) => (n(), i("circle", {
+                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 28,
                   fill: `url(#hollow_gradient_${b.value})`
-                }, null, 8, ro))), 256)),
-                (n(!0), i(_, null, m(e.fill.donut, (l, r) => (n(), i("circle", {
+                }, null, 8, uo))), 256)),
+                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: l.cx,
                   cy: l.cy,
                   r: 14,
                   fill: t.value.style.chart.backgroundColor
-                }, null, 8, uo))), 256)),
-                (n(!0), i(_, null, m(e.fill.donut, (l, r) => (n(), i("g", null, [
-                  V(l, e.fill.donut, !0) > 6 ? (n(), i("g", io, [
-                    u("text", {
-                      "text-anchor": d(I)(l, !0, 0).anchor,
-                      x: d(I)(l, !0, 2).x,
-                      y: d(le)(l, 12, 12),
+                }, null, 8, io))), 256)),
+                (n(!0), d(_, null, m(e.fill.donut, (l, r) => (n(), d("g", null, [
+                  W(l, e.fill.donut, !0) > 6 ? (n(), d("g", co, [
+                    i("text", {
+                      "text-anchor": u(A)(l, !0, 0).anchor,
+                      x: u(A)(l, !0, 2).x,
+                      y: u(oe)(l, 12, 12),
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
-                    }, B(d(te)(
+                    }, B(u(le)(
                       t.value.style.chart.dataLabel.formatter,
                       l.value,
-                      `${V(l, e.fill.donut)} (${d(D)({
+                      `${W(l, e.fill.donut)} (${u(D)({
                         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: r, type: "donutDatapoint" }
-                    )), 9, co),
-                    u("text", {
-                      "text-anchor": d(I)(l).anchor,
-                      x: d(I)(l, !0, 2).x,
-                      y: d(le)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
+                    )), 9, ho),
+                    i("text", {
+                      "text-anchor": u(A)(l).anchor,
+                      x: u(A)(l, !0, 2).x,
+                      y: u(oe)(l, 12, 12) + t.value.style.chart.legend.fontSize / 1.5,
                       fill: t.value.style.chart.legend.color,
                       "font-size": t.value.style.chart.legend.fontSize / 1.5
-                    }, B(l.name), 9, ho)
+                    }, B(l.name), 9, vo)
                   ])) : y("", !0)
                 ]))), 256))
               ])) : y("", !0),
-              e.fill.miniDonut && !x.value ? (n(), i("g", vo, [
-                (n(!0), i(_, null, m(e.fill.miniDonut, (l, r) => (n(), i("path", {
+              e.fill.miniDonut && !x.value ? (n(), d("g", fo, [
+                (n(!0), d(_, null, m(e.fill.miniDonut, (l, r) => (n(), d("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, fo))), 256))
+                }, null, 8, po))), 256))
               ])) : y("", !0)
-            ], 12, Jl))), 256))
+            ], 12, Kl))), 256))
           ])) : y("", !0)
         ])) : y("", !0),
         P(a.$slots, "svg", { svg: o.value }, void 0, !0)
-      ], 14, $t)) : y("", !0),
-      a.$slots.watermark ? (n(), i("div", po, [
-        P(a.$slots, "watermark", Y(J({ isPrinting: d(pe) || d(ye) })), void 0, !0)
+      ], 14, _t)) : y("", !0),
+      a.$slots.watermark ? (n(), d("div", yo, [
+        P(a.$slots, "watermark", J(K({ isPrinting: u(ye) || u(ke) })), void 0, !0)
       ])) : y("", !0),
-      Z.value ? y("", !0) : (n(), G(it, {
+      q.value ? y("", !0) : (n(), U(u(We), {
         key: 5,
         config: {
           type: "bar3d",
@@ -1164,14 +1159,14 @@ const kt = ["id"], gt = {
           }
         }
       }, null, 8, ["config"])),
-      a.$slots.source ? (n(), i("div", yo, [
+      a.$slots.source ? (n(), d("div", ko, [
         P(a.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      Z.value && F.value ? (n(), G(ct, {
+      q.value && F.value ? (n(), U(u(Ae), {
         key: 7,
         hideDetails: "",
         config: {
-          open: E.value.showTable,
+          open: H.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: t.value.style.chart.backgroundColor,
@@ -1184,32 +1179,32 @@ const kt = ["id"], gt = {
         }
       }, {
         content: S(() => [
-          (n(), G(dt, {
-            key: `table_${de.value}`,
-            colNames: q.value.colNames,
-            head: q.value.head,
-            body: q.value.body,
-            config: q.value.config,
+          (n(), U(u(Ie), {
+            key: `table_${ce.value}`,
+            colNames: X.value.colNames,
+            head: X.value.head,
+            body: X.value.body,
+            config: X.value.config,
             title: `${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text ? ` : ${t.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: s[1] || (s[1] = (e) => E.value.showTable = !1)
+            onClose: s[1] || (s[1] = (e) => H.value.showTable = !1)
           }, {
             th: S(({ th: e }) => [
-              u("div", {
+              i("div", {
                 innerHTML: e,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, ko)
+              }, null, 8, go)
             ]),
             td: S(({ td: e }) => [
-              Xe(B(e.name || e), 1)
+              lt(B(e.name || e), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0)
-    ], 44, kt));
+    ], 44, gt));
   }
-}, Do = /* @__PURE__ */ yt(go, [["__scopeId", "data-v-178469b1"]]);
+}, Po = /* @__PURE__ */ kt($o, [["__scopeId", "data-v-1fcdcf56"]]);
 export {
-  Do as default
+  Po as default
 };