vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-3d-bar-DAr11NEe.js → vue-ui-3d-bar-t_E9saCp.js}

@@ -1,37 +1,41 @@
-import { defineAsyncComponent as Z, computed as P, ref as b, toRefs as It, watch as xe, onMounted as Nt, createElementBlock as v, openBlock as u, unref as n, normalizeStyle as j, normalizeClass as Ke, createBlock as te, createCommentVNode as p, withCtx as x, renderSlot as _, normalizeProps as z, guardReactiveProps as I, createSlots as Je, createVNode as Qe, createElementVNode as i, Fragment as D, renderList as F, toDisplayString as N, withKeys as et, withModifiers as tt, mergeProps as we, resolveDynamicComponent as Lt, createTextVNode as ot, nextTick as lt } from "vue";
-import { c as at, t as Wt, i as Rt, j as ve, k as Gt, m as Vt, o as Ut, g as he, l as Ae, q as V, a3 as st, U as Ht, d as O, X as Xt, s as $, u as q, a as fe, a4 as nt, a5 as pe, a6 as U, v as Zt, r as qt } from "./lib-2iaAPQ_c.js";
-import { t as Yt, u as Kt } from "./useResponsive-DfdjqQps.js";
-import { u as Jt, a as De } from "./useNestedProp-BCt4DMkT.js";
-import { u as Qt, B as eo } from "./BaseScanner-BMpwQAfz.js";
-import { u as to } from "./usePrinter-ChVMpU2f.js";
-import { u as oo } from "./useSvgExport-ByUukOZt.js";
-import { u as lo } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as ao } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as so } from "./useChartAccessibility-9icAAmYg.js";
-import no from "./img-CqYIrJ8I.js";
-import ro from "./Title-B5L2jweB.js";
-import { _ as uo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box: { stroke: "#5A5A5A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { color: "#CCCCCC" }, dataLabel: { color: "#CCCCCC" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ut = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", bar: { color: "#D32F2F" }, box: { stroke: "#5D4037" }, title: { color: "#424242", subtitle: { color: "#757575" } }, legend: { color: "#424242" }, dataLabel: { color: "#424242" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, it = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", bar: { color: "#D32F2F" }, box: { stroke: "#5D4037" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { color: "#BDBDBD" }, dataLabel: { color: "#BDBDBD" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, dt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", bar: { color: "#66CC66" }, box: { stroke: "#333333" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { color: "#99AA99" }, dataLabel: { color: "#AACCAA" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, ct = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", bar: { color: "#B9B99D" }, box: { stroke: "#DCDFE7" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { color: "#99AA99" }, dataLabel: { color: "#A0AC94" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, vt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", bar: { color: "#4A6A75" }, box: { stroke: "#DEE1DE" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { color: "#61747E" }, dataLabel: { color: "#61747E" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, ht = {
+import { defineAsyncComponent as Z, computed as P, ref as b, toRefs as Lt, watch as we, onMounted as Wt, createElementBlock as v, openBlock as u, unref as n, normalizeStyle as j, normalizeClass as Ke, createBlock as te, createCommentVNode as p, withCtx as w, renderSlot as _, normalizeProps as z, guardReactiveProps as I, createSlots as Je, createVNode as Qe, createElementVNode as i, Fragment as D, renderList as F, toDisplayString as N, withKeys as et, withModifiers as tt, mergeProps as xe, resolveDynamicComponent as Rt, createTextVNode as ot, nextTick as lt } from "vue";
+import { c as at, t as Gt, i as Vt, j as ve, k as Ut, m as Ht, o as Xt, g as he, l as Ae, q as V, a3 as st, U as Zt, d as O, X as qt, s as $, u as q, a as fe, a4 as nt, a5 as pe, a6 as U, v as Yt, r as Kt } from "./lib-CVHM9FhP.js";
+import { t as Jt, u as Qt } from "./useResponsive-DfdjqQps.js";
+import { u as eo, a as De } from "./useNestedProp-Ckf_2P_V.js";
+import { u as to, B as oo } from "./BaseScanner-BMpwQAfz.js";
+import { u as lo } from "./usePrinter-1NmjuP-i.js";
+import { u as ao } from "./useSvgExport-ByUukOZt.js";
+import { u as so } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as no } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as ro } from "./useChartAccessibility-9icAAmYg.js";
+import uo from "./img-6fNF_rG0.js";
+import io from "./Title-NgeRXqRA.js";
+import { _ as co } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const rt = { userOptions: { show: !1 } }, ut = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box: { stroke: "#5A5A5A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { color: "#CCCCCC" }, dataLabel: { color: "#CCCCCC" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, it = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box: { stroke: "#5A5A5A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { color: "#CCCCCC" }, dataLabel: { color: "#CCCCCC" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, dt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", bar: { color: "#D32F2F" }, box: { stroke: "#5D4037" }, title: { color: "#424242", subtitle: { color: "#757575" } }, legend: { color: "#424242" }, dataLabel: { color: "#424242" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, ct = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", bar: { color: "#D32F2F" }, box: { stroke: "#5D4037" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { color: "#BDBDBD" }, dataLabel: { color: "#BDBDBD" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, vt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", bar: { color: "#66CC66" }, box: { stroke: "#333333" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { color: "#99AA99" }, dataLabel: { color: "#AACCAA" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, ht = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", bar: { color: "#B9B99D" }, box: { stroke: "#DCDFE7" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { color: "#99AA99" }, dataLabel: { color: "#A0AC94" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, ft = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", bar: { color: "#4A6A75" }, box: { stroke: "#DEE1DE" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { color: "#61747E" }, dataLabel: { color: "#61747E" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, pt = {
   default: {},
-  dark: rt,
-  celebration: ut,
-  celebrationNight: it,
-  hack: dt,
-  zen: ct,
-  concrete: vt
-}, Ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: rt,
+  minimalDark: ut,
+  dark: it,
+  celebration: dt,
+  celebrationNight: ct,
+  hack: vt,
+  zen: ht,
+  concrete: ft
+}, xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: ut,
-  celebrationNight: it,
-  concrete: vt,
-  dark: rt,
-  default: ht,
-  hack: dt,
-  zen: ct
-}, Symbol.toStringTag, { value: "Module" })), io = ["id"], co = ["xmlns", "viewBox"], vo = ["width", "height"], ho = ["id"], fo = ["stop-color"], po = ["stop-color"], go = ["id"], ko = ["stop-color"], yo = ["stop-color"], $o = ["id"], bo = ["stop-color"], _o = ["stop-color"], mo = ["id"], Co = ["stop-color"], xo = ["stop-color"], wo = ["id"], Ao = ["stop-color"], Do = ["stop-color"], Fo = ["stop-color"], Mo = ["stop-color"], To = ["stop-color"], Po = { key: 1 }, So = ["id"], Bo = ["stop-color"], Oo = ["stop-color"], Eo = ["id"], jo = ["stop-color"], zo = ["stop-color"], Io = ["id"], No = ["stop-color"], Lo = ["stop-color"], Wo = ["id"], Ro = ["x", "y", "font-size", "font-weight", "fill"], Go = ["x", "y"], Vo = ["cx", "cy", "stroke", "opacity"], Uo = ["d", "stroke"], Ho = ["d", "stroke"], Xo = { key: 4 }, Zo = { key: 0 }, qo = ["stroke-dasharray", "d", "stroke", "stroke-width"], Yo = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ko = ["stroke-dasharray", "d", "stroke", "stroke-width"], Jo = ["stroke-dasharray", "d", "stroke", "stroke-width"], Qo = { key: 1 }, el = ["d", "stroke", "stroke-width", "fill"], tl = ["d", "stroke", "stroke-width", "fill"], ol = ["d", "stroke", "stroke-width", "fill"], ll = { key: 2 }, al = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], sl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], nl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], rl = ["d", "onMouseenter", "onClick", "onMouseout"], ul = ["d"], il = ["d", "stroke"], dl = ["onClick"], cl = ["stroke", "d"], vl = ["cx", "cy", "fill", "stroke"], hl = ["x", "y", "width", "height"], fl = ["x", "y", "width", "height"], pl = { key: 3 }, gl = ["d", "stroke"], kl = ["d", "fill", "stroke"], yl = { key: 0 }, $l = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], bl = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], _l = { key: 4 }, ml = ["d", "fill", "stroke"], Cl = { key: 5 }, xl = { key: 0 }, wl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Al = ["stroke-dasharray", "d", "stroke", "stroke-width"], Dl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Fl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ml = ["d", "stroke", "stroke-width", "fill"], Tl = ["d", "stroke", "stroke-width", "fill"], Pl = ["d"], Sl = { key: 1 }, Bl = ["onClick"], Ol = ["id"], El = ["stop-color"], jl = ["stop-color"], zl = ["id"], Il = ["stop-color"], Nl = ["stop-color"], Ll = ["stop-color"], Wl = ["stop-color"], Rl = ["stop-color"], Gl = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], Vl = ["onMouseenter", "onClick", "onMouseout", "d"], Ul = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], Hl = ["onClick"], Xl = ["stroke", "d"], Zl = ["cx", "cy", "fill", "stroke"], ql = ["x", "y", "width", "height"], Yl = ["x", "y", "width", "height"], Kl = { key: 3 }, Jl = ["d", "stroke"], Ql = ["d", "fill", "stroke"], ea = { key: 0 }, ta = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], oa = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], la = { key: 4 }, aa = ["d", "fill", "stroke"], sa = {
+  celebration: dt,
+  celebrationNight: ct,
+  concrete: ft,
+  dark: it,
+  default: pt,
+  hack: vt,
+  minimal: rt,
+  minimalDark: ut,
+  zen: ht
+}, Symbol.toStringTag, { value: "Module" })), vo = ["id"], ho = ["xmlns", "viewBox"], fo = ["width", "height"], po = ["id"], go = ["stop-color"], ko = ["stop-color"], yo = ["id"], $o = ["stop-color"], bo = ["stop-color"], _o = ["id"], mo = ["stop-color"], Co = ["stop-color"], wo = ["id"], xo = ["stop-color"], Ao = ["stop-color"], Do = ["id"], Fo = ["stop-color"], Mo = ["stop-color"], To = ["stop-color"], Po = ["stop-color"], So = ["stop-color"], Bo = { key: 1 }, Oo = ["id"], Eo = ["stop-color"], jo = ["stop-color"], zo = ["id"], Io = ["stop-color"], No = ["stop-color"], Lo = ["id"], Wo = ["stop-color"], Ro = ["stop-color"], Go = ["id"], Vo = ["x", "y", "font-size", "font-weight", "fill"], Uo = ["x", "y"], Ho = ["cx", "cy", "stroke", "opacity"], Xo = ["d", "stroke"], Zo = ["d", "stroke"], qo = { key: 4 }, Yo = { key: 0 }, Ko = ["stroke-dasharray", "d", "stroke", "stroke-width"], Jo = ["stroke-dasharray", "d", "stroke", "stroke-width"], Qo = ["stroke-dasharray", "d", "stroke", "stroke-width"], el = ["stroke-dasharray", "d", "stroke", "stroke-width"], tl = { key: 1 }, ol = ["d", "stroke", "stroke-width", "fill"], ll = ["d", "stroke", "stroke-width", "fill"], al = ["d", "stroke", "stroke-width", "fill"], sl = { key: 2 }, nl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], rl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], ul = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], il = ["d", "onMouseenter", "onClick", "onMouseout"], dl = ["d"], cl = ["d", "stroke"], vl = ["onClick"], hl = ["stroke", "d"], fl = ["cx", "cy", "fill", "stroke"], pl = ["x", "y", "width", "height"], gl = ["x", "y", "width", "height"], kl = { key: 3 }, yl = ["d", "stroke"], $l = ["d", "fill", "stroke"], bl = { key: 0 }, _l = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], ml = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], Cl = { key: 4 }, wl = ["d", "fill", "stroke"], xl = { key: 5 }, Al = { key: 0 }, Dl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Fl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ml = ["stroke-dasharray", "d", "stroke", "stroke-width"], Tl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Pl = ["d", "stroke", "stroke-width", "fill"], Sl = ["d", "stroke", "stroke-width", "fill"], Bl = ["d"], Ol = { key: 1 }, El = ["onClick"], jl = ["id"], zl = ["stop-color"], Il = ["stop-color"], Nl = ["id"], Ll = ["stop-color"], Wl = ["stop-color"], Rl = ["stop-color"], Gl = ["stop-color"], Vl = ["stop-color"], Ul = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], Hl = ["onMouseenter", "onClick", "onMouseout", "d"], Xl = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], Zl = ["onClick"], ql = ["stroke", "d"], Yl = ["cx", "cy", "fill", "stroke"], Kl = ["x", "y", "width", "height"], Jl = ["x", "y", "width", "height"], Ql = { key: 3 }, ea = ["d", "stroke"], ta = ["d", "fill", "stroke"], oa = { key: 0 }, la = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], aa = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], sa = { key: 4 }, na = ["d", "fill", "stroke"], ra = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, na = ["innerHTML"], ra = {
+}, ua = ["innerHTML"], ia = {
   __name: "vue-ui-3d-bar",
   props: {
     config: {
@@ -48,9 +52,9 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
     }
   },
   emits: ["selectDatapoint"],
-  setup(ft, { expose: pt, emit: gt }) {
-    const kt = Z(() => import("./BaseIcon-B9bGT7HU.js")), yt = Z(() => import("./vue-ui-accordion-CAXPDm31.js")), $t = Z(() => import("./DataTable-DEwh__D8.js")), bt = Z(() => import("./PenAndPaper-CulSakut.js")), _t = Z(() => import("./UserOptions-5pXc4J-c.js")), mt = Z(() => import("./PackageVersion-C-JOGZBL.js")), Ct = Z(() => import("./BaseDraggableDialog-O2XSymlZ.js")), { vue_ui_3d_bar: xt } = Jt(), { isThemeValid: wt, warnInvalidTheme: At } = lo(), S = ft, ne = gt, Fe = P(() => !!S.dataset && Object.keys(S.dataset).length), M = b(at()), L = b(null), E = b(!1), Me = b(0), Te = b(0), Pe = b(null), oe = b(null), re = b(null), Se = b(null), le = b(!1), ae = b(null), ge = b(null), e = b($e()), { loading: Y, FINAL_DATASET: B } = Qt({
-      ...It(S),
+  setup(gt, { expose: kt, emit: yt }) {
+    const $t = Z(() => import("./BaseIcon-4uOct8re.js")), bt = Z(() => import("./vue-ui-accordion-DFKaB_05.js")), _t = Z(() => import("./DataTable-DyoDzNNY.js")), mt = Z(() => import("./PenAndPaper-LTuSTmWE.js")), Ct = Z(() => import("./UserOptions-CX7Xsusk.js")), wt = Z(() => import("./PackageVersion-CQxJyGQr.js")), xt = Z(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_3d_bar: At } = eo(), { isThemeValid: Dt, warnInvalidTheme: Ft } = so(), S = gt, ne = yt, Fe = P(() => !!S.dataset && Object.keys(S.dataset).length), M = b(at()), L = b(null), E = b(!1), Me = b(0), Te = b(0), Pe = b(null), oe = b(null), re = b(null), Se = b(null), le = b(!1), ae = b(null), ge = b(null), e = b($e()), { loading: Y, FINAL_DATASET: B } = to({
+      ...Lt(S),
       FINAL_CONFIG: e,
       prepareConfig: $e,
       callback: () => {
@@ -86,7 +90,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
           }
         ]
       },
-      skeletonConfig: Wt({
+      skeletonConfig: Gt({
         defaultConfig: e.value,
         userConfig: {
           customPalette: ["#808080", "#ADADAD", "#DBDBDB"],
@@ -107,17 +111,17 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
           }
         }
       })
-    }), { userOptionsVisible: ke, setUserOptionsVisibility: Be, keepUserOptionState: Oe } = ao({ config: e.value }), { svgRef: ye } = so({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ke, setUserOptionsVisibility: Be, keepUserOptionState: Oe } = no({ config: e.value }), { svgRef: ye } = ro({ config: e.value.style.chart.title });
     function $e() {
       const a = De({
         userConfig: S.config,
-        defaultConfig: xt
+        defaultConfig: At
       }), l = a.theme;
       if (!l) return a;
-      if (!wt.value(a))
-        return At(a), a;
+      if (!Dt.value(a))
+        return Ft(a), a;
       const t = De({
-        userConfig: ht[l] || S.config,
+        userConfig: pt[l] || S.config,
         defaultConfig: a
       }), d = De({
         userConfig: S.config,
@@ -125,25 +129,25 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
       });
       return {
         ...d,
-        customPalette: d.customPalette.length ? d.customPalette : Rt[l] || ve
+        customPalette: d.customPalette.length ? d.customPalette : Vt[l] || ve
       };
     }
-    xe(() => S.config, (a) => {
+    we(() => S.config, (a) => {
       Y.value || (e.value = $e()), ke.value = !e.value.userOptions.showOnChartHover, We(), Me.value += 1, Te.value += 1, H.value.showTable = e.value.table.show;
     }, { deep: !0 });
-    const { isPrinting: Ee, isImaging: je, generatePdf: ze, generateImage: Ie } = to({
+    const { isPrinting: Ee, isImaging: je, generatePdf: ze, generateImage: Ie } = lo({
       elementId: `3d_bar_${M.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-3d-bar",
       options: e.value.userOptions.print
-    }), Dt = P(() => Gt(e.value.customPalette)), H = b({
+    }), Mt = P(() => Ut(e.value.customPalette)), H = b({
       showTable: e.value.table.show
     });
-    xe(e, () => {
+    we(e, () => {
       H.value = {
         showTable: e.value.table.show
       };
     }, { immediate: !0 });
-    const w = P(() => B.value.series && B.value.series.length), be = b(e.value.style.chart.box.dimensions.width * (w.value ? 2 : 1)), Ne = b(e.value.style.chart.box.dimensions.height), s = P(() => ({
+    const x = P(() => B.value.series && B.value.series.length), be = b(e.value.style.chart.box.dimensions.width * (x.value ? 2 : 1)), Ne = b(e.value.style.chart.box.dimensions.height), s = P(() => ({
       height: Ne.value,
       width: be.value,
       absoluteWidth: be.value,
@@ -153,20 +157,20 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
       right: e.value.style.chart.box.dimensions.right,
       perspective: e.value.style.chart.box.dimensions.perspective
     })), A = P(() => {
-      if (w.value) {
+      if (x.value) {
         const a = B.value.series.map((o) => o.value || 0).reduce((o, c) => o + c, 0), l = B.value.series.map((o, c) => ({
           ...o,
           seriesIndex: c,
           id: at(),
           proportion: (o.value || 0) / a,
-          color: Vt(o.color) || Dt.value[c] || ve[c] || ve[c % ve.length],
+          color: Ht(o.color) || Mt.value[c] || ve[c] || ve[c % ve.length],
           breakdown: o.breakdown ? o.breakdown.sort((r, k) => k.value - r.value) : null
         })).sort((o, c) => c.value - o.value), t = [];
         let d = 0;
         for (let o = 0; o < l.length; o += 1)
           t.push({
             ...l[o],
-            fill: Ft(d, l[o].proportion, l[o].breakdown, l[o].color)
+            fill: Tt(d, l[o].proportion, l[o].breakdown, l[o].color)
           }), d += l[o].proportion;
         return t;
       }
@@ -191,12 +195,12 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
       }
       e.value.style.chart.animation.use && (K.value = 0, d());
     }
-    Nt(() => {
+    Wt(() => {
       We(), Le();
     });
     const ue = P(() => !!e.value.debug);
     function We() {
-      if (Ut(S.dataset) ? he({
+      if (Xt(S.dataset) ? he({
         componentName: "VueUi3dBar",
         type: "dataset",
         debug: ue.value
@@ -237,8 +241,8 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
           debug: ue.value
         });
       }), e.value.responsive) {
-        const a = Yt(() => {
-          const { width: l, height: t } = Kt({
+        const a = Jt(() => {
+          const { width: l, height: t } = Qt({
             chart: L.value,
             title: e.value.style.chart.title.text ? Pe.value : null,
             source: Se.value
@@ -251,17 +255,17 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
       }
     }
     const J = P(() => s.value.width / 4);
-    function Ft(a, l, t, d) {
-      const o = s.value.height - s.value.bottom - s.value.top - s.value.perspective * 2, { width: c, height: r, bottom: k, right: G, left: y, perspective: g } = s.value, f = w.value ? c / 4 : c / 2, C = f * 2 + y, h = k + o * a, Ce = r - h - g - o * l / 2, Et = Ce > s.value.height / 2 ? "top" : "bottom", Xe = r * 0.25, jt = !!t;
+    function Tt(a, l, t, d) {
+      const o = s.value.height - s.value.bottom - s.value.top - s.value.perspective * 2, { width: c, height: r, bottom: k, right: G, left: y, perspective: g } = s.value, f = x.value ? c / 4 : c / 2, C = f * 2 + y, h = k + o * a, Ce = r - h - g - o * l / 2, zt = Ce > s.value.height / 2 ? "top" : "bottom", Xe = r * 0.25, It = !!t;
       let Ze = null, qe = null;
-      return jt && (t = t.map((Ye, zt) => ({
+      return It && (t = t.map((Ye, Nt) => ({
         ...Ye,
         value: Ye.value || 0,
-        color: V(d, zt / t.length)
+        color: V(d, Nt / t.length)
       })), Ze = st(
         { series: t },
         c / 2 + c / 5,
-        Et === "top" ? Ce - Xe : Ce + Xe,
+        zt === "top" ? Ce - Xe : Ce + Xe,
         c / 10,
         c / 10,
         1.99999,
@@ -317,7 +321,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
       };
     }
     const Q = P(() => {
-      const a = Ht(K.value / 100), l = s.value.height - s.value.bottom - s.value.top - s.value.perspective * 2, { width: t, height: d, bottom: o, right: c, left: r, perspective: k } = s.value, G = w.value ? t / 4 : t / 2, y = w.value ? G * 2 + r : c, f = o + l * 0;
+      const a = Zt(K.value / 100), l = s.value.height - s.value.bottom - s.value.top - s.value.perspective * 2, { width: t, height: d, bottom: o, right: c, left: r, perspective: k } = s.value, G = x.value ? t / 4 : t / 2, y = x.value ? G * 2 + r : c, f = o + l * 0;
       return {
         right: `M${G},${d - f} ${G},${d - f - l * a} ${t - y},${d - f - k - l * a} ${t - y},${d - f - k}Z`,
         left: `M${G},${d - f} ${G},${d - f - l * a} ${r}, ${d - f - k - l * a} ${r},${d - f - k}Z`,
@@ -352,11 +356,11 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
     function Ge(a) {
       ie.value = a;
     }
-    function Mt() {
-      return w.value ? A.value : B.value.percentage;
+    function Pt() {
+      return x.value ? A.value : B.value.percentage;
     }
     const R = P(() => {
-      if (w.value) {
+      if (x.value) {
         const a = A.value.flatMap((t) => t.breakdown && t.breakdown.length ? [{ name: t.name, color: t.color }, ...t.breakdown.map((d, o) => ({
           name: d.name,
           color: V(t.color, o / t.breakdown.length)
@@ -369,15 +373,15 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
         return null;
     });
     function _e(a = null) {
-      if (!w.value) {
+      if (!x.value) {
         console.warn("VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)");
         return;
       }
       lt(() => {
         const l = A.value.map((c) => c.value).reduce((c, r) => c + r, 0), t = R.value.head.map((c, r) => [[
           c.name
-        ], [R.value.body[r]], [isNaN(R.value.body[r] / l) ? "-" : R.value.body[r] / l * 100]]), d = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = Zt(d);
-        a ? a(o) : qt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-3d-bar" });
+        ], [R.value.body[r]], [isNaN(R.value.body[r] / l) ? "-" : R.value.body[r] / l * 100]]), d = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = Yt(d);
+        a ? a(o) : Kt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-3d-bar" });
       });
     }
     const de = P(() => {
@@ -431,9 +435,9 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
     function me() {
       ce.value = !ce.value;
     }
-    async function Tt({ scale: a = 2 } = {}) {
+    async function St({ scale: a = 2 } = {}) {
       if (!L.value) return;
-      const { width: l, height: t } = L.value.getBoundingClientRect(), d = l / t, { imageUri: o, base64: c } = await no({ domElement: L.value, base64: !0, img: !0, scale: a });
+      const { width: l, height: t } = L.value.getBoundingClientRect(), d = l / t, { imageUri: o, base64: c } = await uo({ domElement: L.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: o,
         base64: c,
@@ -446,7 +450,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
     const se = P(() => {
       const a = e.value.table.useDialog && !e.value.table.show, l = H.value.showTable;
       return {
-        component: a ? Ct : yt,
+        component: a ? xt : bt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: a ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -473,31 +477,31 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
         }
       };
     });
-    xe(() => H.value.showTable, (a) => {
+    we(() => H.value.showTable, (a) => {
       e.value.table.show || (a && e.value.table.useDialog && ae.value ? ae.value.open() : "close" in ae.value && ae.value.close());
     });
     function Ue() {
       H.value.showTable = !1, ge.value && ge.value.setTableIconState(!1);
     }
-    const Pt = P(() => e.value.style.chart.backgroundColor), St = P(() => e.value.style.chart.title), { exportSvg: Bt, getSvg: Ot } = oo({
+    const Bt = P(() => e.value.style.chart.backgroundColor), Ot = P(() => e.value.style.chart.title), { exportSvg: Et, getSvg: jt } = ao({
       svg: ye,
-      title: St,
-      backgroundColor: Pt
+      title: Ot,
+      backgroundColor: Bt
     });
     async function He({ isCb: a }) {
       if (a) {
-        const { blob: l, url: t, text: d, dataUrl: o } = await Ot();
+        const { blob: l, url: t, text: d, dataUrl: o } = await jt();
         e.value.userOptions.callbacks.svg({ blob: l, url: t, text: d, dataUrl: o });
       } else
-        Bt();
+        Et();
     }
-    return pt({
-      getImage: Tt,
+    return kt({
+      getImage: St,
       generateCsv: _e,
       generatePdf: ze,
       generateImage: Ie,
       generateSvg: He,
-      getData: Mt,
+      getData: Pt,
       toggleTable: Ve,
       toggleAnnotator: me,
       toggleFullscreen: Ge
@@ -510,7 +514,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
       onMouseenter: l[8] || (l[8] = () => n(Be)(!0)),
       onMouseleave: l[9] || (l[9] = () => n(Be)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), te(n(bt), {
+      e.value.userOptions.buttons.annotator ? (u(), te(n(mt), {
         key: 0,
         svgRef: n(ye),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -518,22 +522,22 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
         active: ce.value,
         onClose: me
       }, {
-        "annotator-action-close": x(() => [
+        "annotator-action-close": w(() => [
           _(a.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": x(({ color: t }) => [
+        "annotator-action-color": w(({ color: t }) => [
           _(a.$slots, "annotator-action-color", z(I({ color: t })), void 0, !0)
         ]),
-        "annotator-action-draw": x(({ mode: t }) => [
+        "annotator-action-draw": w(({ mode: t }) => [
           _(a.$slots, "annotator-action-draw", z(I({ mode: t })), void 0, !0)
         ]),
-        "annotator-action-undo": x(({ disabled: t }) => [
+        "annotator-action-undo": w(({ disabled: t }) => [
           _(a.$slots, "annotator-action-undo", z(I({ disabled: t })), void 0, !0)
         ]),
-        "annotator-action-redo": x(({ disabled: t }) => [
+        "annotator-action-redo": w(({ disabled: t }) => [
           _(a.$slots, "annotator-action-redo", z(I({ disabled: t })), void 0, !0)
         ]),
-        "annotator-action-delete": x(({ disabled: t }) => [
+        "annotator-action-delete": w(({ disabled: t }) => [
           _(a.$slots, "annotator-action-delete", z(I({ disabled: t })), void 0, !0)
         ]),
         _: 3
@@ -544,7 +548,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
         ref: Pe,
         style: "width:100%;background:transparent"
       }, [
-        (u(), te(ro, {
+        (u(), te(io, {
           key: `title_${Me.value}`,
           config: {
             title: {
@@ -558,7 +562,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
           }
         }, null, 8, ["config"]))
       ], 512)) : p("", !0),
-      e.value.userOptions.show && Fe.value && (n(Oe) || n(ke)) ? (u(), te(n(_t), {
+      e.value.userOptions.show && Fe.value && (n(Oe) || n(ke)) ? (u(), te(n(Ct), {
         key: 2,
         ref_key: "userOptionsRef",
         ref: ge,
@@ -568,8 +572,8 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
         isImaging: n(je),
         uid: M.value,
         hasPdf: e.value.userOptions.buttons.pdf,
-        hasTable: !!w.value && e.value.userOptions.buttons.table,
-        hasXls: !!w.value && e.value.userOptions.buttons.csv,
+        hasTable: !!x.value && e.value.userOptions.buttons.table,
+        hasXls: !!x.value && e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
         hasSvg: e.value.userOptions.buttons.svg,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
@@ -594,56 +598,56 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
       }, Je({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: x(({ isOpen: t, color: d }) => [
+          fn: w(({ isOpen: t, color: d }) => [
             _(a.$slots, "menuIcon", z(I({ isOpen: t, color: d })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: x(() => [
+          fn: w(() => [
             _(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: x(() => [
+          fn: w(() => [
             _(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: x(() => [
+          fn: w(() => [
             _(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: x(() => [
+          fn: w(() => [
             _(a.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
-          fn: x(() => [
+          fn: w(() => [
             _(a.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: x(({ toggleFullscreen: t, isFullscreen: d }) => [
+          fn: w(({ toggleFullscreen: t, isFullscreen: d }) => [
             _(a.$slots, "optionFullscreen", z(I({ toggleFullscreen: t, isFullscreen: d })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: x(({ toggleAnnotator: t, isAnnotator: d }) => [
+          fn: w(({ toggleAnnotator: t, isAnnotator: d }) => [
             _(a.$slots, "optionAnnotator", z(I({ toggleAnnotator: t, isAnnotator: d })), void 0, !0)
           ]),
           key: "7"
@@ -652,12 +656,12 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
       (u(), v("svg", {
         ref_key: "svgRef",
         ref: ye,
-        xmlns: n(Xt),
+        xmlns: n(qt),
         class: Ke({ "vue-data-ui-fullscreen--on": ie.value, "vue-data-ui-fulscreen--off": !ie.value, animated: e.value.useCssAnimation }),
         viewBox: `0 0 ${s.value.absoluteWidth} ${s.value.height}`,
         style: j(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Qe(n(mt)),
+        Qe(n(wt)),
         a.$slots["chart-background"] ? (u(), v("foreignObject", {
           key: 0,
           x: 0,
@@ -669,7 +673,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
           }
         }, [
           _(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, vo)) : p("", !0),
+        ], 8, fo)) : p("", !0),
         i("defs", null, [
           i("radialGradient", {
             id: `gradient_top${M.value}`
@@ -677,48 +681,48 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
             i("stop", {
               offset: "0%",
               "stop-color": n($)(e.value.style.chart.backgroundColor, 0)
-            }, null, 8, fo),
+            }, null, 8, go),
             i("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.bar.color
-            }, null, 8, po)
-          ], 8, ho),
+            }, null, 8, ko)
+          ], 8, po),
           i("radialGradient", {
             id: `gradient_tube_top${M.value}`
           }, [
             i("stop", {
               offset: "0%",
               "stop-color": n($)(n(V)(e.value.style.chart.bar.color, 0.5), 80)
-            }, null, 8, ko),
+            }, null, 8, $o),
             i("stop", {
               offset: "100%",
               "stop-color": n($)(n(q)(e.value.style.chart.bar.color, 0.1), 80)
-            }, null, 8, yo)
-          ], 8, go),
+            }, null, 8, bo)
+          ], 8, yo),
           i("radialGradient", {
             id: `gradient_left${M.value}`
           }, [
             i("stop", {
               offset: "0%",
               "stop-color": n($)(e.value.style.chart.backgroundColor, 0)
-            }, null, 8, bo),
+            }, null, 8, mo),
             i("stop", {
               offset: "100%",
               "stop-color": n($)(e.value.style.chart.bar.color, 20)
-            }, null, 8, _o)
-          ], 8, $o),
+            }, null, 8, Co)
+          ], 8, _o),
           i("radialGradient", {
             id: `gradient_right${M.value}`
           }, [
             i("stop", {
               offset: "0%",
               "stop-color": n($)(e.value.style.chart.backgroundColor, 0)
-            }, null, 8, Co),
+            }, null, 8, xo),
             i("stop", {
               offset: "100%",
               "stop-color": n($)(e.value.style.chart.bar.color, 20)
-            }, null, 8, xo)
-          ], 8, mo),
+            }, null, 8, Ao)
+          ], 8, wo),
           i("linearGradient", {
             id: `gradient_tube_body${M.value}`,
             x1: "0%",
@@ -729,62 +733,62 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
             i("stop", {
               offset: "0%",
               "stop-color": `${e.value.style.chart.bar.color}`
-            }, null, 8, Ao),
+            }, null, 8, Fo),
             i("stop", {
               offset: "10%",
               "stop-color": n($)(n(q)(e.value.style.chart.bar.color, 0.7), 100)
-            }, null, 8, Do),
+            }, null, 8, Mo),
             i("stop", {
               offset: "25%",
               "stop-color": n($)(n(q)(e.value.style.chart.bar.color, 0.5), 100)
-            }, null, 8, Fo),
+            }, null, 8, To),
             i("stop", {
               offset: "75%",
               "stop-color": n($)(e.value.style.chart.bar.color, 80)
-            }, null, 8, Mo),
+            }, null, 8, Po),
             i("stop", {
               offset: "100%",
               "stop-color": n($)(n(V)(e.value.style.chart.bar.color, 0.7), 100)
-            }, null, 8, To)
-          ], 8, wo)
+            }, null, 8, So)
+          ], 8, Do)
         ]),
-        w.value ? (u(), v("defs", Po, [
+        x.value ? (u(), v("defs", Bo, [
           (u(!0), v(D, null, F(A.value, (t) => (u(), v("radialGradient", {
             id: `grad_top_${t.id}`
           }, [
             i("stop", {
               offset: "0%",
               "stop-color": n($)(n(V)(t.color, 0.5), 80)
-            }, null, 8, Bo),
+            }, null, 8, Eo),
             i("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, Oo)
-          ], 8, So))), 256)),
+            }, null, 8, jo)
+          ], 8, Oo))), 256)),
           (u(!0), v(D, null, F(A.value, (t) => (u(), v("linearGradient", {
             id: `grad_left_${t.id}`
           }, [
             i("stop", {
               offset: "0%",
               "stop-color": n($)(t.color, 80)
-            }, null, 8, jo),
+            }, null, 8, Io),
             i("stop", {
               offset: "100%",
               "stop-color": n($)(n(q)(t.color, 0.5), 100)
-            }, null, 8, zo)
-          ], 8, Eo))), 256)),
+            }, null, 8, No)
+          ], 8, zo))), 256)),
           (u(!0), v(D, null, F(A.value, (t) => (u(), v("linearGradient", {
             id: `grad_right_${t.id}`
           }, [
             i("stop", {
               offset: "2%",
               "stop-color": n($)(n(V)(t.color, 0.5), 100)
-            }, null, 8, No),
+            }, null, 8, Wo),
             i("stop", {
               offset: "100%",
               "stop-color": n($)(t.color, 80)
-            }, null, 8, Lo)
-          ], 8, Io))), 256)),
+            }, null, 8, Ro)
+          ], 8, Lo))), 256)),
           i("linearGradient", {
             x1: "0%",
             y1: "0%",
@@ -800,7 +804,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               offset: "100%",
               "stop-color": "#FFFFFF33"
             }, null, -1)
-          ])], 8, Wo)
+          ])], 8, Go)
         ])) : p("", !0),
         e.value.style.chart.dataLabel.show && ![null, void 0].includes(n(B).percentage) && [null, void 0].includes(n(B).series) ? (u(), v("text", {
           key: 2,
@@ -814,7 +818,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
           v: K.value,
           s: "%",
           r: e.value.style.chart.dataLabel.rounding
-        })), 9, Ro)) : p("", !0),
+        })), 9, Vo)) : p("", !0),
         E.value ? (u(), v("g", {
           key: 3,
           role: "button",
@@ -847,7 +851,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
             height: 24,
             fill: "transparent",
             "pointer-events": "all"
-          }, null, 8, Go),
+          }, null, 8, Uo),
           i("circle", {
             cx: J.value,
             cy: s.value.top - 12,
@@ -857,24 +861,24 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
             "stroke-width": "2",
             "vector-effect": "non-scaling-stroke",
             opacity: le.value ? 0.5 : 0
-          }, null, 8, Vo),
+          }, null, 8, Ho),
           i("path", {
             d: `M${J.value - 6},${s.value.top - 18} ${J.value + 6},${s.value.top - 6}`,
             stroke: e.value.style.chart.color,
             "stroke-linecap": "round",
             "stroke-width": "2",
             "vector-effect": "non-scaling-stroke"
-          }, null, 8, Uo),
+          }, null, 8, Xo),
           i("path", {
             d: `M${J.value + 6},${s.value.top - 18} ${J.value - 6},${s.value.top - 6}`,
             stroke: e.value.style.chart.color,
             "stroke-linecap": "round",
             "stroke-width": "2",
             "vector-effect": "non-scaling-stroke"
-          }, null, 8, Ho)
+          }, null, 8, Zo)
         ], 32)) : p("", !0),
-        !e.value.style.shape || e.value.style.shape === "bar" ? (u(), v("g", Xo, [
-          w.value ? p("", !0) : (u(), v("g", Zo, [
+        !e.value.style.shape || e.value.style.shape === "bar" ? (u(), v("g", qo, [
+          x.value ? p("", !0) : (u(), v("g", Yo, [
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
               d: W.value.right,
@@ -883,7 +887,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, qo),
+            }, null, 8, Ko),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
               d: W.value.left,
@@ -892,7 +896,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Yo),
+            }, null, 8, Jo),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
               d: W.value.side,
@@ -901,7 +905,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Ko),
+            }, null, 8, Qo),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
               d: W.value.topSides,
@@ -910,9 +914,9 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Jo)
+            }, null, 8, el)
           ])),
-          w.value ? p("", !0) : (u(), v("g", Qo, [
+          x.value ? p("", !0) : (u(), v("g", tl, [
             i("path", {
               d: Q.value.right,
               stroke: e.value.style.chart.bar.stroke,
@@ -920,7 +924,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_right${M.value})`
-            }, null, 8, el),
+            }, null, 8, ol),
             i("path", {
               d: Q.value.left,
               stroke: e.value.style.chart.bar.stroke,
@@ -928,7 +932,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_left${M.value})`
-            }, null, 8, tl),
+            }, null, 8, ll),
             i("path", {
               d: Q.value.top,
               stroke: e.value.style.chart.bar.stroke,
@@ -936,9 +940,9 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_top${M.value})`
-            }, null, 8, ol)
+            }, null, 8, al)
           ])),
-          w.value ? (u(), v("g", ll, [
+          x.value ? (u(), v("g", sl, [
             (u(!0), v(D, null, F(A.value, (t, d) => (u(), v("g", {
               style: j(`opacity:${m.value ? m.value === t.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack"
@@ -949,21 +953,21 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 onMouseenter: (o) => T(t),
                 onClick: (o) => T(t, !0),
                 onMouseout: (o) => X(t)
-              }, null, 40, al),
+              }, null, 40, nl),
               i("path", {
                 d: t.fill.left,
                 fill: `url(#grad_left_${t.id})`,
                 onMouseenter: (o) => T(t),
                 onClick: (o) => T(t, !0),
                 onMouseout: (o) => X(t)
-              }, null, 40, sl),
+              }, null, 40, rl),
               i("path", {
                 d: t.fill.top,
                 fill: `url(#grad_top_${t.id})`,
                 onMouseenter: (o) => T(t),
                 onClick: (o) => T(t, !0),
                 onMouseout: (o) => X(t)
-              }, null, 40, nl),
+              }, null, 40, ul),
               i("path", {
                 d: t.fill.liningTop,
                 stroke: "#FFFFFF",
@@ -973,13 +977,13 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 onMouseenter: (o) => T(t),
                 onClick: (o) => T(t, !0),
                 onMouseout: (o) => X(t)
-              }, null, 40, rl),
+              }, null, 40, il),
               i("path", {
                 d: `M ${t.fill.apexTop.x},${t.fill.apexTop.y} ${t.fill.apexBottom.x},${t.fill.apexBottom.y}`,
                 stroke: "#FFFFFF",
                 "stroke-width": "0.5",
                 "stroke-linecap": "round"
-              }, null, 8, ul)
+              }, null, 8, dl)
             ], 4))), 256)),
             (u(!0), v(D, null, F(A.value, (t, d) => (u(), v("g", null, [
               d !== A.value.length - 1 ? (u(), v("path", {
@@ -990,7 +994,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 "stroke-linecap": "round",
                 fill: "none",
                 style: { "pointer-events": "none" }
-              }, null, 8, il)) : p("", !0)
+              }, null, 8, cl)) : p("", !0)
             ]))), 256)),
             (u(!0), v(D, null, F(A.value, (t, d) => (u(), v("g", {
               style: j(`opacity:${m.value ? m.value === t.id ? 1 : 0 : t.proportion * 100 > e.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
@@ -1002,7 +1006,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 "stroke-width": "0.5",
                 "stroke-linecap": "round",
                 d: `M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x2},${t.fill.sidePointer.y}`
-              }, null, 8, cl),
+              }, null, 8, hl),
               !t.fill.miniDonut || m.value ? (u(), v("circle", {
                 key: 0,
                 cx: t.fill.sidePointer.x2,
@@ -1010,7 +1014,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 r: 2,
                 fill: t.color,
                 stroke: e.value.style.chart.backgroundColor
-              }, null, 8, vl)) : p("", !0),
+              }, null, 8, fl)) : p("", !0),
               n(Y) ? (u(), v("rect", {
                 key: 1,
                 x: t.fill.sidePointer.xText,
@@ -1019,7 +1023,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 height: e.value.style.chart.legend.fontSize,
                 fill: "#6A6A6A80",
                 rx: "3"
-              }, null, 8, hl)) : p("", !0),
+              }, null, 8, pl)) : p("", !0),
               n(Y) ? p("", !0) : (u(), v("foreignObject", {
                 key: 2,
                 x: t.fill.sidePointer.xText,
@@ -1042,9 +1046,9 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                   })})`,
                   { datapoint: t, seriesIndex: d, type: "barDatapoint" }
                 )), 5)) : p("", !0),
-                _(a.$slots, "legend", we({ ref_for: !0 }, { datapoint: t, config: e.value, dataset: A.value }), void 0, !0)
-              ], 8, fl)),
-              t.fill.donut && m.value === t.id ? (u(), v("g", pl, [
+                _(a.$slots, "legend", xe({ ref_for: !0 }, { datapoint: t, config: e.value, dataset: A.value }), void 0, !0)
+              ], 8, gl)),
+              t.fill.donut && m.value === t.id ? (u(), v("g", kl, [
                 (u(!0), v(D, null, F(t.fill.donut, (o, c) => (u(), v("g", null, [
                   ee(o, t.fill.donut, !0) > 6 ? (u(), v("path", {
                     key: 0,
@@ -1055,7 +1059,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     fill: "none"
-                  }, null, 8, gl)) : p("", !0)
+                  }, null, 8, yl)) : p("", !0)
                 ]))), 256)),
                 (u(!0), v(D, null, F(t.fill.donut, (o, c) => (u(), v("path", {
                   class: "vue-ui-donut-arc-path",
@@ -1063,9 +1067,9 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                   fill: `${o.color}`,
                   stroke: e.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, kl))), 256)),
+                }, null, 8, $l))), 256)),
                 (u(!0), v(D, null, F(t.fill.donut, (o, c) => (u(), v("g", null, [
-                  ee(o, t.fill.donut, !0) > 6 ? (u(), v("g", yl, [
+                  ee(o, t.fill.donut, !0) > 6 ? (u(), v("g", bl, [
                     i("text", {
                       "text-anchor": n(U)(o, !0, 0).anchor,
                       x: n(U)(o, !0, 2).x,
@@ -1083,7 +1087,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                         r: e.value.style.chart.legend.roundingValue
                       })})`,
                       { datapoint: o, seriesIndex: c, type: "donutDatapoint" }
-                    )), 9, $l),
+                    )), 9, _l),
                     i("text", {
                       "text-anchor": n(U)(o).anchor,
                       x: n(U)(o, !0, 2).x,
@@ -1091,24 +1095,24 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                       fill: e.value.style.chart.legend.color,
                       "font-size": e.value.style.chart.legend.fontSize / 1.5,
                       "font-weight": e.value.style.chart.legend.bold ? "bold" : "normal"
-                    }, N(o.name), 9, bl)
+                    }, N(o.name), 9, ml)
                   ])) : p("", !0)
                 ]))), 256))
               ])) : p("", !0),
-              t.fill.miniDonut && !m.value ? (u(), v("g", _l, [
+              t.fill.miniDonut && !m.value ? (u(), v("g", Cl, [
                 (u(!0), v(D, null, F(t.fill.miniDonut, (o, c) => (u(), v("path", {
                   class: "vue-ui-donut-arc-path",
                   d: o.arcSlice,
                   fill: `${o.color}`,
                   stroke: e.value.style.chart.backgroundColor,
                   "stroke-width": 0.5
-                }, null, 8, ml))), 256))
+                }, null, 8, wl))), 256))
               ])) : p("", !0)
-            ], 12, dl))), 256))
+            ], 12, vl))), 256))
           ])) : p("", !0)
         ])) : p("", !0),
-        e.value.style.shape === "tube" ? (u(), v("g", Cl, [
-          w.value ? p("", !0) : (u(), v("g", xl, [
+        e.value.style.shape === "tube" ? (u(), v("g", xl, [
+          x.value ? p("", !0) : (u(), v("g", Al, [
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
               d: W.value.tubeTop,
@@ -1117,7 +1121,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, wl),
+            }, null, 8, Dl),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
               d: W.value.tubeLeft,
@@ -1126,7 +1130,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Al),
+            }, null, 8, Fl),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
               d: W.value.tubeRight,
@@ -1135,7 +1139,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Dl),
+            }, null, 8, Ml),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
               d: W.value.tubeBottom,
@@ -1144,7 +1148,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Fl),
+            }, null, 8, Tl),
             i("path", {
               d: Q.value.tubeTop,
               stroke: e.value.style.chart.bar.stroke,
@@ -1152,7 +1156,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_tube_top${M.value})`
-            }, null, 8, Ml),
+            }, null, 8, Pl),
             i("path", {
               d: Q.value.tubeBody,
               stroke: e.value.style.chart.bar.stroke,
@@ -1160,7 +1164,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_tube_body${M.value})`
-            }, null, 8, Tl),
+            }, null, 8, Sl),
             i("path", {
               d: Q.value.tubeTop,
               stroke: "#FFFFFF",
@@ -1168,9 +1172,9 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Pl)
+            }, null, 8, Bl)
           ])),
-          w.value ? (u(), v("g", Sl, [
+          x.value ? (u(), v("g", Ol, [
             (u(!0), v(D, null, F(A.value, (t, d) => (u(), v("g", {
               style: j(`opacity:${m.value ? m.value === t.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack",
@@ -1185,12 +1189,12 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                   i("stop", {
                     offset: "0%",
                     "stop-color": n($)(n(V)(t.color, 0.5), 80)
-                  }, null, 8, El),
+                  }, null, 8, zl),
                   i("stop", {
                     offset: "100%",
                     "stop-color": n($)(n(q)(t.color, 0.1), 80)
-                  }, null, 8, jl)
-                ], 8, Ol),
+                  }, null, 8, Il)
+                ], 8, jl),
                 i("linearGradient", {
                   id: `gradient_tube_body_${t.id}`,
                   x1: "0%",
@@ -1201,24 +1205,24 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                   i("stop", {
                     offset: "0%",
                     "stop-color": `${t.color}`
-                  }, null, 8, Il),
+                  }, null, 8, Ll),
                   i("stop", {
                     offset: "10%",
                     "stop-color": n($)(n(q)(t.color, 0.7), 100)
-                  }, null, 8, Nl),
+                  }, null, 8, Wl),
                   i("stop", {
                     offset: "25%",
                     "stop-color": n($)(n(q)(t.color, 0.5), 100)
-                  }, null, 8, Ll),
+                  }, null, 8, Rl),
                   i("stop", {
                     offset: "75%",
                     "stop-color": n($)(t.color, 80)
-                  }, null, 8, Wl),
+                  }, null, 8, Gl),
                   i("stop", {
                     offset: "100%",
                     "stop-color": n($)(n(V)(t.color, 0.7), 100)
-                  }, null, 8, Rl)
-                ], 8, zl)
+                  }, null, 8, Vl)
+                ], 8, Nl)
               ]),
               i("path", {
                 onMouseenter: (o) => T(t),
@@ -1230,7 +1234,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_body_${t.id})`
-              }, null, 40, Gl),
+              }, null, 40, Ul),
               d > 0 ? (u(), v("path", {
                 key: 0,
                 onMouseenter: (o) => T(t),
@@ -1242,7 +1246,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: "none"
-              }, null, 40, Vl)) : p("", !0),
+              }, null, 40, Hl)) : p("", !0),
               i("path", {
                 onMouseenter: (o) => T(t),
                 onClick: (o) => T(t, !0),
@@ -1253,8 +1257,8 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_top_${t.id})`
-              }, null, 40, Ul)
-            ], 12, Bl))), 256)),
+              }, null, 40, Xl)
+            ], 12, El))), 256)),
             (u(!0), v(D, null, F(A.value, (t, d) => (u(), v("g", {
               style: j(`opacity:${m.value ? m.value === t.id ? 1 : 0 : t.proportion * 100 > e.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
               onClick: (o) => ne("selectDatapoint", t)
@@ -1265,7 +1269,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 "stroke-width": "0.5",
                 "stroke-linecap": "round",
                 d: `M${t.fill.sidePointer.x},${t.fill.sidePointer.y} ${t.fill.sidePointer.x2},${t.fill.sidePointer.y}`
-              }, null, 8, Xl),
+              }, null, 8, ql),
               !t.fill.miniDonut || m.value ? (u(), v("circle", {
                 key: 0,
                 cx: t.fill.sidePointer.x2,
@@ -1273,7 +1277,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 r: 2,
                 fill: t.color,
                 stroke: e.value.style.chart.backgroundColor
-              }, null, 8, Zl)) : p("", !0),
+              }, null, 8, Yl)) : p("", !0),
               n(Y) ? (u(), v("rect", {
                 key: 1,
                 x: t.fill.sidePointer.xText,
@@ -1282,7 +1286,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                 height: e.value.style.chart.legend.fontSize,
                 fill: "#6A6A6A80",
                 rx: "3"
-              }, null, 8, ql)) : p("", !0),
+              }, null, 8, Kl)) : p("", !0),
               n(Y) ? p("", !0) : (u(), v("foreignObject", {
                 key: 2,
                 x: t.fill.sidePointer.xText,
@@ -1305,9 +1309,9 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                   })})`,
                   { datapoint: t, seriesIndex: d, type: "barDatapoint" }
                 )), 5)) : p("", !0),
-                _(a.$slots, "legend", we({ ref_for: !0 }, { datapoint: t, config: e.value, dataset: A.value }), void 0, !0)
-              ], 8, Yl)),
-              t.fill.donut && m.value === t.id ? (u(), v("g", Kl, [
+                _(a.$slots, "legend", xe({ ref_for: !0 }, { datapoint: t, config: e.value, dataset: A.value }), void 0, !0)
+              ], 8, Jl)),
+              t.fill.donut && m.value === t.id ? (u(), v("g", Ql, [
                 (u(!0), v(D, null, F(t.fill.donut, (o, c) => (u(), v("g", null, [
                   ee(o, t.fill.donut, !0) > 6 ? (u(), v("path", {
                     key: 0,
@@ -1318,7 +1322,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     fill: "none"
-                  }, null, 8, Jl)) : p("", !0)
+                  }, null, 8, ea)) : p("", !0)
                 ]))), 256)),
                 (u(!0), v(D, null, F(t.fill.donut, (o, c) => (u(), v("path", {
                   class: "vue-ui-donut-arc-path",
@@ -1326,9 +1330,9 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                   fill: `${o.color}`,
                   stroke: e.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, Ql))), 256)),
+                }, null, 8, ta))), 256)),
                 (u(!0), v(D, null, F(t.fill.donut, (o, c) => (u(), v("g", null, [
-                  ee(o, t.fill.donut, !0) > 6 ? (u(), v("g", ea, [
+                  ee(o, t.fill.donut, !0) > 6 ? (u(), v("g", oa, [
                     i("text", {
                       "text-anchor": n(U)(o, !0, 0).anchor,
                       x: n(U)(o, !0, 2).x,
@@ -1346,7 +1350,7 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                         r: e.value.style.chart.legend.roundingValue
                       })})`,
                       { datapoint: o, seriesIndex: c, type: "donutDatapoint" }
-                    )), 9, ta),
+                    )), 9, la),
                     i("text", {
                       "text-anchor": n(U)(o).anchor,
                       x: n(U)(o, !0, 2).x,
@@ -1354,25 +1358,25 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
                       fill: e.value.style.chart.legend.color,
                       "font-size": e.value.style.chart.legend.fontSize / 1.5,
                       "font-weight": e.value.style.chart.legend.bold ? "bold" : "normal"
-                    }, N(o.name), 9, oa)
+                    }, N(o.name), 9, aa)
                   ])) : p("", !0)
                 ]))), 256))
               ])) : p("", !0),
-              t.fill.miniDonut && !m.value ? (u(), v("g", la, [
+              t.fill.miniDonut && !m.value ? (u(), v("g", sa, [
                 (u(!0), v(D, null, F(t.fill.miniDonut, (o, c) => (u(), v("path", {
                   class: "vue-ui-donut-arc-path",
                   d: o.arcSlice,
                   fill: `${o.color}`,
                   stroke: e.value.style.chart.backgroundColor,
                   "stroke-width": 0.5
-                }, null, 8, aa))), 256))
+                }, null, 8, na))), 256))
               ])) : p("", !0)
-            ], 12, Hl))), 256))
+            ], 12, Zl))), 256))
           ])) : p("", !0)
         ])) : p("", !0),
         _(a.$slots, "svg", { svg: s.value }, void 0, !0)
-      ], 14, co)),
-      a.$slots.watermark ? (u(), v("div", sa, [
+      ], 14, ho)),
+      a.$slots.watermark ? (u(), v("div", ra, [
         _(a.$slots, "watermark", z(I({ isPrinting: n(Ee) || n(je) })), void 0, !0)
       ])) : p("", !0),
       a.$slots.source ? (u(), v("div", {
@@ -1383,13 +1387,13 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
       }, [
         _(a.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
-      Fe.value && w.value && e.value.userOptions.buttons.table ? (u(), te(Lt(se.value.component), we({ key: 5 }, se.value.props, {
+      Fe.value && x.value && e.value.userOptions.buttons.table ? (u(), te(Rt(se.value.component), xe({ key: 5 }, se.value.props, {
         ref_key: "tableUnit",
         ref: ae,
         onClose: Ue
       }), Je({
-        content: x(() => [
-          (u(), te(n($t), {
+        content: w(() => [
+          (u(), te(n(_t), {
             key: `table_${Te.value}`,
             colNames: de.value.colNames,
             head: de.value.head,
@@ -1399,13 +1403,13 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
             withCloseButton: !e.value.table.useDialog,
             onClose: Ue
           }, {
-            th: x(({ th: t }) => [
+            th: w(({ th: t }) => [
               i("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, na)
+              }, null, 8, ua)
             ]),
-            td: x(({ td: t }) => [
+            td: w(({ td: t }) => [
               ot(N(t.name || t), 1)
             ]),
             _: 1
@@ -1415,20 +1419,20 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: x(() => [
+          fn: w(() => [
             ot(N(se.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: x(() => [
+          fn: w(() => [
             i("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: l[7] || (l[7] = (t) => _e(e.value.userOptions.callbacks.csv))
             }, [
-              Qe(n(kt), {
+              Qe(n($t), {
                 name: "excel",
                 stroke: se.value.props.color
               }, null, 8, ["stroke"])
@@ -1437,15 +1441,15 @@ const rt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", box
           key: "1"
         } : void 0
       ]), 1040)) : p("", !0),
-      n(Y) ? (u(), te(eo, { key: 6 })) : p("", !0)
-    ], 44, io));
+      n(Y) ? (u(), te(oo, { key: 6 })) : p("", !0)
+    ], 44, vo));
   }
-}, ua = /* @__PURE__ */ uo(ra, [["__scopeId", "data-v-e8c0c9f3"]]), xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, da = /* @__PURE__ */ co(ia, [["__scopeId", "data-v-e8c0c9f3"]]), Aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ua
+  default: da
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ca as a,
-  xa as b,
-  ua as v
+  xa as a,
+  Aa as b,
+  da as v
 };