vue-data-ui 3.4.9 → 3.5.1

package/dist/{vue-ui-3d-bar-CLE7f9pl.js → vue-ui-3d-bar-CMNYyVa2.js}

@@ -1,20 +1,20 @@
-import { defineAsyncComponent as H, computed as P, ref as _, toRefs as Pt, watch as we, onMounted as St, createElementBlock as v, openBlock as u, unref as n, normalizeStyle as z, normalizeClass as Ye, createBlock as J, createCommentVNode as p, createSlots as Ke, withCtx as D, renderSlot as S, normalizeProps as de, guardReactiveProps as ce, createVNode as Qe, createElementVNode as i, Fragment as C, renderList as M, toDisplayString as j, withKeys as Je, withModifiers as et, mergeProps as Ce, resolveDynamicComponent as Dt, createTextVNode as tt, nextTick as lt } from "vue";
-import { c as ot, t as At, b as Ot, p as ve, e as Bt, h as It, o as zt, f as he, g as Me, S as R, T as st, x as jt, d as B, X as Nt, s as $, U as X, a as fe, V as at, W as pe, Y as G, P as Lt, Q as Wt } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as Z, computed as D, ref as _, toRefs as Pt, watch as we, onMounted as St, createElementBlock as v, openBlock as u, unref as n, normalizeStyle as z, normalizeClass as Ye, createBlock as te, createCommentVNode as p, withCtx as w, renderSlot as m, normalizeProps as j, guardReactiveProps as N, createSlots as Ke, createVNode as Qe, createElementVNode as i, Fragment as F, renderList as T, toDisplayString as L, withKeys as Je, withModifiers as et, mergeProps as Ce, resolveDynamicComponent as Dt, createTextVNode as tt, nextTick as ot } from "vue";
+import { c as lt, t as At, b as Ot, p as ve, e as Bt, h as It, o as zt, f as he, g as Me, S as V, T as at, x as jt, d as B, X as Nt, s as $, U as q, a as fe, V as st, W as pe, Y as U, P as Lt, Q as Wt } from "./lib-C_mNZmhD.js";
 import { t as Et, u as Rt } from "./useResponsive-DfdjqQps.js";
-import { u as Gt, a as nt } from "./useNestedProp-BjZe1Y85.js";
+import { u as Gt, a as nt } from "./useNestedProp-DjGXw6S9.js";
 import { u as Vt, B as Ut } from "./BaseScanner-BgWxam9d.js";
 import { u as Ht } from "./usePrinter-DTzqpYKF.js";
 import { u as Xt } from "./useSvgExport-DrjCWun4.js";
 import { u as Zt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as qt } from "./useChartAccessibility-9icAAmYg.js";
 import Yt from "./img-BecE5qXd.js";
-import Kt from "./Title-l36lOBMx.js";
+import Kt from "./Title-isbiM8i8.js";
 import { t as Qt } from "./themes-AUNCOb2G.js";
 import { _ as Jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["id"], sl = ["stop-color"], al = ["stop-color"], nl = ["id"], rl = ["stop-color"], ul = ["stop-color"], il = ["id"], dl = ["stop-color"], cl = ["stop-color"], vl = ["id"], hl = ["stop-color"], fl = ["stop-color"], pl = ["id"], gl = ["stop-color"], yl = ["stop-color"], kl = ["stop-color"], $l = ["stop-color"], _l = ["stop-color"], ml = { key: 1 }, bl = ["id"], xl = ["stop-color"], wl = ["stop-color"], Cl = ["id"], Ml = ["stop-color"], Fl = ["stop-color"], Tl = ["id"], Pl = ["stop-color"], Sl = ["stop-color"], Dl = ["id"], Al = ["x", "y", "font-size", "font-weight", "fill"], Ol = ["x", "y"], Bl = ["cx", "cy", "stroke", "opacity"], Il = ["d", "stroke"], zl = ["d", "stroke"], jl = { key: 4 }, Nl = { key: 0 }, Ll = ["stroke-dasharray", "d", "stroke", "stroke-width"], Wl = ["stroke-dasharray", "d", "stroke", "stroke-width"], El = ["stroke-dasharray", "d", "stroke", "stroke-width"], Rl = ["stroke-dasharray", "d", "stroke", "stroke-width"], Gl = { key: 1 }, Vl = ["d", "stroke", "stroke-width", "fill"], Ul = ["d", "stroke", "stroke-width", "fill"], Hl = ["d", "stroke", "stroke-width", "fill"], Xl = { key: 2 }, Zl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], ql = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], Yl = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], Kl = ["d", "onMouseenter", "onClick", "onMouseout"], Ql = ["d"], Jl = ["d", "stroke"], eo = ["onClick"], to = ["stroke", "d"], lo = ["cx", "cy", "fill", "stroke"], oo = ["x", "y", "width", "height"], so = ["x", "y", "width", "height"], ao = { key: 3 }, no = ["d", "stroke"], ro = ["d", "fill", "stroke"], uo = { key: 0 }, io = ["text-anchor", "x", "y", "fill", "font-size"], co = ["text-anchor", "x", "y", "fill", "font-size"], vo = { key: 4 }, ho = ["d", "fill", "stroke"], fo = { key: 5 }, po = { key: 0 }, go = ["stroke-dasharray", "d", "stroke", "stroke-width"], yo = ["stroke-dasharray", "d", "stroke", "stroke-width"], ko = ["stroke-dasharray", "d", "stroke", "stroke-width"], $o = ["stroke-dasharray", "d", "stroke", "stroke-width"], _o = ["d", "stroke", "stroke-width", "fill"], mo = ["d", "stroke", "stroke-width", "fill"], bo = ["d"], xo = { key: 1 }, wo = ["onClick"], Co = ["id"], Mo = ["stop-color"], Fo = ["stop-color"], To = ["id"], Po = ["stop-color"], So = ["stop-color"], Do = ["stop-color"], Ao = ["stop-color"], Oo = ["stop-color"], Bo = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], Io = ["onMouseenter", "onClick", "onMouseout", "d"], zo = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], jo = ["onClick"], No = ["stroke", "d"], Lo = ["cx", "cy", "fill", "stroke"], Wo = ["x", "y", "width", "height"], Eo = ["x", "y", "width", "height"], Ro = { key: 3 }, Go = ["d", "stroke"], Vo = ["d", "fill", "stroke"], Uo = { key: 0 }, Ho = ["text-anchor", "x", "y", "fill", "font-size"], Xo = ["text-anchor", "x", "y", "fill", "font-size"], Zo = { key: 4 }, qo = ["d", "fill", "stroke"], Yo = {
+const eo = ["id"], to = ["xmlns", "viewBox"], oo = ["width", "height"], lo = ["id"], ao = ["stop-color"], so = ["stop-color"], no = ["id"], ro = ["stop-color"], uo = ["stop-color"], io = ["id"], co = ["stop-color"], vo = ["stop-color"], ho = ["id"], fo = ["stop-color"], po = ["stop-color"], go = ["id"], yo = ["stop-color"], ko = ["stop-color"], $o = ["stop-color"], _o = ["stop-color"], mo = ["stop-color"], bo = { key: 1 }, xo = ["id"], wo = ["stop-color"], Co = ["stop-color"], Mo = ["id"], Fo = ["stop-color"], To = ["stop-color"], Po = ["id"], So = ["stop-color"], Do = ["stop-color"], Ao = ["id"], Oo = ["x", "y", "font-size", "font-weight", "fill"], Bo = ["x", "y"], Io = ["cx", "cy", "stroke", "opacity"], zo = ["d", "stroke"], jo = ["d", "stroke"], No = { key: 4 }, Lo = { key: 0 }, Wo = ["stroke-dasharray", "d", "stroke", "stroke-width"], Eo = ["stroke-dasharray", "d", "stroke", "stroke-width"], Ro = ["stroke-dasharray", "d", "stroke", "stroke-width"], Go = ["stroke-dasharray", "d", "stroke", "stroke-width"], Vo = { key: 1 }, Uo = ["d", "stroke", "stroke-width", "fill"], Ho = ["d", "stroke", "stroke-width", "fill"], Xo = ["d", "stroke", "stroke-width", "fill"], Zo = { key: 2 }, qo = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], Yo = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], Ko = ["d", "fill", "onMouseenter", "onClick", "onMouseout"], Qo = ["d", "onMouseenter", "onClick", "onMouseout"], Jo = ["d"], el = ["d", "stroke"], tl = ["onClick"], ol = ["stroke", "d"], ll = ["cx", "cy", "fill", "stroke"], al = ["x", "y", "width", "height"], sl = ["x", "y", "width", "height"], nl = { key: 3 }, rl = ["d", "stroke"], ul = ["d", "fill", "stroke"], il = { key: 0 }, dl = ["text-anchor", "x", "y", "fill", "font-size"], cl = ["text-anchor", "x", "y", "fill", "font-size"], vl = { key: 4 }, hl = ["d", "fill", "stroke"], fl = { key: 5 }, pl = { key: 0 }, gl = ["stroke-dasharray", "d", "stroke", "stroke-width"], yl = ["stroke-dasharray", "d", "stroke", "stroke-width"], kl = ["stroke-dasharray", "d", "stroke", "stroke-width"], $l = ["stroke-dasharray", "d", "stroke", "stroke-width"], _l = ["d", "stroke", "stroke-width", "fill"], ml = ["d", "stroke", "stroke-width", "fill"], bl = ["d"], xl = { key: 1 }, wl = ["onClick"], Cl = ["id"], Ml = ["stop-color"], Fl = ["stop-color"], Tl = ["id"], Pl = ["stop-color"], Sl = ["stop-color"], Dl = ["stop-color"], Al = ["stop-color"], Ol = ["stop-color"], Bl = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], Il = ["onMouseenter", "onClick", "onMouseout", "d"], zl = ["onMouseenter", "onClick", "onMouseout", "d", "fill"], jl = ["onClick"], Nl = ["stroke", "d"], Ll = ["cx", "cy", "fill", "stroke"], Wl = ["x", "y", "width", "height"], El = ["x", "y", "width", "height"], Rl = { key: 3 }, Gl = ["d", "stroke"], Vl = ["d", "fill", "stroke"], Ul = { key: 0 }, Hl = ["text-anchor", "x", "y", "fill", "font-size"], Xl = ["text-anchor", "x", "y", "fill", "font-size"], Zl = { key: 4 }, ql = ["d", "fill", "stroke"], Yl = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Ko = ["innerHTML"], Qo = {
+}, Kl = ["innerHTML"], Ql = {
   __name: "vue-ui-3d-bar",
   props: {
     config: {
@@ -32,13 +32,13 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
   },
   emits: ["selectDatapoint"],
   setup(rt, { expose: ut, emit: it }) {
-    const dt = H(() => import("./BaseIcon-BmMbm4d0.js")), ct = H(() => import("./vue-ui-accordion-CZ0thhxa.js")), vt = H(() => import("./DataTable-BT7VF2ua.js")), ht = H(() => import("./PenAndPaper-DSvu9dwa.js")), ft = H(() => import("./UserOptions-CGnQt6Fd.js")), pt = H(() => import("./PackageVersion-CTUqGqWV.js")), gt = H(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_3d_bar: yt } = Gt(), O = rt, se = it, Fe = P(() => !!O.dataset && Object.keys(O.dataset).length), F = _(ot()), N = _(null), I = _(!1), Te = _(0), Pe = _(0), Se = _(null), ee = _(null), ae = _(null), De = _(null), te = _(!1), le = _(null), ge = _(null), e = _($e()), { loading: Z, FINAL_DATASET: A } = Vt({
+    const dt = Z(() => import("./BaseIcon-BmMbm4d0.js")), ct = Z(() => import("./vue-ui-accordion-CqhVCfc2.js")), vt = Z(() => import("./DataTable-BT7VF2ua.js")), ht = Z(() => import("./PenAndPaper-SZQIAgkg.js")), ft = Z(() => import("./UserOptions-CGnQt6Fd.js")), pt = Z(() => import("./PackageVersion-DQvyATVa.js")), gt = Z(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_3d_bar: yt } = Gt(), O = rt, ne = it, Fe = D(() => !!O.dataset && Object.keys(O.dataset).length), P = _(lt()), W = _(null), I = _(!1), Te = _(0), Pe = _(0), Se = _(null), oe = _(null), re = _(null), De = _(null), le = _(!1), ae = _(null), ge = _(null), e = _($e()), { loading: Y, FINAL_DATASET: A } = Vt({
       ...Pt(O),
       FINAL_CONFIG: e,
       prepareConfig: $e,
       callback: () => {
         Promise.resolve().then(async () => {
-          await lt(), Le();
+          await ot(), Le();
         });
       },
       skeletonDataset: {
@@ -105,21 +105,21 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
       } : a;
     }
     we(() => O.config, (a) => {
-      Z.value || (e.value = $e()), ye.value = !e.value.userOptions.showOnChartHover, We(), Te.value += 1, Pe.value += 1, V.value.showTable = e.value.table.show;
+      Y.value || (e.value = $e()), ye.value = !e.value.userOptions.showOnChartHover, We(), Te.value += 1, Pe.value += 1, H.value.showTable = e.value.table.show;
     }, { deep: !0 });
     const { isPrinting: Be, isImaging: Ie, generatePdf: ze, generateImage: je } = Ht({
-      elementId: `3d_bar_${F.value}`,
+      elementId: `3d_bar_${P.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-3d-bar",
       options: e.value.userOptions.print
-    }), kt = P(() => Bt(e.value.customPalette)), V = _({
+    }), kt = D(() => Bt(e.value.customPalette)), H = _({
       showTable: e.value.table.show
     });
     we(e, () => {
-      V.value = {
+      H.value = {
         showTable: e.value.table.show
       };
     }, { immediate: !0 });
-    const x = P(() => A.value.series && A.value.series.length), _e = _(e.value.style.chart.box.dimensions.width * (x.value ? 2 : 1)), Ne = _(e.value.style.chart.box.dimensions.height), o = P(() => ({
+    const C = D(() => A.value.series && A.value.series.length), _e = _(e.value.style.chart.box.dimensions.width * (C.value ? 2 : 1)), Ne = _(e.value.style.chart.box.dimensions.height), l = D(() => ({
       height: Ne.value,
       width: _e.value,
       absoluteWidth: _e.value,
@@ -128,54 +128,54 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
       left: e.value.style.chart.box.dimensions.left,
       right: e.value.style.chart.box.dimensions.right,
       perspective: e.value.style.chart.box.dimensions.perspective
-    })), w = P(() => {
-      if (x.value) {
-        const a = A.value.series.map((l) => l.value || 0).reduce((l, d) => l + d, 0), s = A.value.series.map((l, d) => ({
-          ...l,
+    })), M = D(() => {
+      if (C.value) {
+        const a = A.value.series.map((o) => o.value || 0).reduce((o, d) => o + d, 0), s = A.value.series.map((o, d) => ({
+          ...o,
           seriesIndex: d,
-          id: ot(),
-          proportion: (l.value || 0) / a,
-          color: It(l.color) || kt.value[d] || ve[d] || ve[d % ve.length],
-          breakdown: l.breakdown ? l.breakdown.sort((r, y) => y.value - r.value) : null
-        })).sort((l, d) => d.value - l.value), t = [];
+          id: lt(),
+          proportion: (o.value || 0) / a,
+          color: It(o.color) || kt.value[d] || ve[d] || ve[d % ve.length],
+          breakdown: o.breakdown ? o.breakdown.sort((r, y) => y.value - r.value) : null
+        })).sort((o, d) => d.value - o.value), t = [];
         let c = 0;
-        for (let l = 0; l < s.length; l += 1)
+        for (let o = 0; o < s.length; o += 1)
           t.push({
-            ...s[l],
-            fill: $t(c, s[l].proportion, s[l].breakdown, s[l].color)
-          }), c += s[l].proportion;
+            ...s[o],
+            fill: $t(c, s[o].proportion, s[o].breakdown, s[o].color)
+          }), c += s[o].proportion;
         return t;
       }
       return null;
-    }), L = P(() => {
-      const a = o.value.width / 2;
+    }), E = D(() => {
+      const a = l.value.width / 2;
       return {
-        right: `M${a},${o.value.top} ${o.value.width - o.value.right}, ${o.value.top + o.value.perspective} ${o.value.width - o.value.right},${o.value.height - o.value.bottom - o.value.perspective} ${a},${o.value.height - o.value.bottom}`,
-        left: `M${a},${o.value.top} ${o.value.left},${o.value.top + o.value.perspective} ${o.value.left},${o.value.height - o.value.bottom - o.value.perspective} ${a},${o.value.height - o.value.bottom}`,
-        side: `M${a},${o.value.height - o.value.bottom} ${a},${o.value.top + o.value.perspective * 2}`,
-        topSides: `M${o.value.left},${o.value.top + o.value.perspective} ${a},${o.value.top + o.value.perspective * 2} ${o.value.width - o.value.right},${o.value.top + o.value.perspective}`,
-        tubeTop: `M${o.value.left},${o.value.top + o.value.perspective} C ${o.value.left},${o.value.top - o.value.perspective / 3} ${o.value.width - o.value.right},${o.value.top - o.value.perspective / 3} ${o.value.width - o.value.right},${o.value.top + o.value.perspective} C ${o.value.width - o.value.right},${o.value.top + o.value.perspective * 2.3} ${o.value.left},${o.value.top + o.value.perspective * 2.3} ${o.value.left},${o.value.top + o.value.perspective}`,
-        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}`
+        right: `M${a},${l.value.top} ${l.value.width - l.value.right}, ${l.value.top + l.value.perspective} ${l.value.width - l.value.right},${l.value.height - l.value.bottom - l.value.perspective} ${a},${l.value.height - l.value.bottom}`,
+        left: `M${a},${l.value.top} ${l.value.left},${l.value.top + l.value.perspective} ${l.value.left},${l.value.height - l.value.bottom - l.value.perspective} ${a},${l.value.height - l.value.bottom}`,
+        side: `M${a},${l.value.height - l.value.bottom} ${a},${l.value.top + l.value.perspective * 2}`,
+        topSides: `M${l.value.left},${l.value.top + l.value.perspective} ${a},${l.value.top + l.value.perspective * 2} ${l.value.width - l.value.right},${l.value.top + l.value.perspective}`,
+        tubeTop: `M${l.value.left},${l.value.top + l.value.perspective} C ${l.value.left},${l.value.top - l.value.perspective / 3} ${l.value.width - l.value.right},${l.value.top - l.value.perspective / 3} ${l.value.width - l.value.right},${l.value.top + l.value.perspective} C ${l.value.width - l.value.right},${l.value.top + l.value.perspective * 2.3} ${l.value.left},${l.value.top + l.value.perspective * 2.3} ${l.value.left},${l.value.top + l.value.perspective}`,
+        tubeLeft: `M${l.value.left},${l.value.top + l.value.perspective} ${l.value.left},${l.value.height - l.value.bottom - l.value.perspective}`,
+        tubeRight: `M${l.value.width - l.value.right},${l.value.top + l.value.perspective} ${l.value.width - l.value.right},${l.value.height - l.value.bottom - l.value.perspective}`,
+        tubeBottom: `M${l.value.width - l.value.right},${l.value.height - l.value.bottom - l.value.perspective} C ${l.value.width - l.value.right},${l.value.height} ${l.value.left},${l.value.height} ${l.value.left},${l.value.height - l.value.bottom - l.value.perspective}`
       };
-    }), q = _(e.value.style.chart.animation.use ? 0 : A.value.percentage);
+    }), K = _(e.value.style.chart.animation.use ? 0 : A.value.percentage);
     function Le() {
       let a = 0, s = e.value.style.chart.animation.speed, t = 5e-3 * e.value.style.chart.animation.acceleration;
       function c() {
-        q.value += s + a, a += t, q.value < A.value.percentage ? requestAnimationFrame(c) : q.value = A.value.percentage;
+        K.value += s + a, a += t, K.value < A.value.percentage ? requestAnimationFrame(c) : K.value = A.value.percentage;
       }
-      e.value.style.chart.animation.use && (q.value = 0, c());
+      e.value.style.chart.animation.use && (K.value = 0, c());
     }
     St(() => {
       We(), Le();
     });
-    const ne = P(() => !!e.value.debug);
+    const ue = D(() => !!e.value.debug);
     function We() {
       if (zt(O.dataset) ? he({
         componentName: "VueUi3dBar",
         type: "dataset",
-        debug: ne.value
+        debug: ue.value
       }) : O.dataset.series ? O.dataset.series.forEach((a, s) => {
         Me({
           datasetObject: a,
@@ -186,19 +186,19 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
             type: "datasetSerieAttribute",
             property: t,
             index: s,
-            debug: ne.value
+            debug: ue.value
           });
         }), a.breakdown && a.breakdown.forEach((t, c) => {
           Me({
             datasetObject: t,
             requiredAttributes: ["name", "value"]
-          }).forEach((l) => {
+          }).forEach((o) => {
             he({
               componentName: "VueUi3dBar",
               type: "datasetSerieAttribute",
-              property: l,
+              property: o,
               index: `${s} - ${c}`,
-              debug: ne.value
+              debug: ue.value
             });
           });
         });
@@ -210,12 +210,12 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
           componentName: "VueUi3dBar",
           type: "datasetAttribute",
           property: a,
-          debug: ne.value
+          debug: ue.value
         });
       }), e.value.responsive) {
         const a = Et(() => {
           const { width: s, height: t } = Rt({
-            chart: N.value,
+            chart: W.value,
             title: e.value.style.chart.title.text ? Se.value : null,
             source: De.value
           });
@@ -223,18 +223,18 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
             Ne.value = t - 12, _e.value = s;
           });
         });
-        ee.value && (ae.value && ee.value.unobserve(ae.value), ee.value.disconnect()), ee.value = new ResizeObserver(a), ae.value = N.value.parentNode, ee.value.observe(ae.value);
+        oe.value && (re.value && oe.value.unobserve(re.value), oe.value.disconnect()), oe.value = new ResizeObserver(a), re.value = W.value.parentNode, oe.value.observe(re.value);
       }
     }
-    const Y = P(() => o.value.width / 4);
+    const Q = D(() => l.value.width / 4);
     function $t(a, s, t, c) {
-      const l = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: d, height: r, bottom: y, right: E, left: k, perspective: g } = o.value, f = x.value ? d / 4 : d / 2, b = f * 2 + k, h = y + l * a, xe = r - h - g - l * s / 2, Mt = xe > o.value.height / 2 ? "top" : "bottom", He = r * 0.25, Ft = !!t;
+      const o = l.value.height - l.value.bottom - l.value.top - l.value.perspective * 2, { width: d, height: r, bottom: y, right: G, left: k, perspective: g } = l.value, f = C.value ? d / 4 : d / 2, x = f * 2 + k, h = y + o * a, xe = r - h - g - o * s / 2, Mt = xe > l.value.height / 2 ? "top" : "bottom", He = r * 0.25, Ft = !!t;
       let Xe = null, Ze = null;
       return Ft && (t = t.map((qe, Tt) => ({
         ...qe,
         value: qe.value || 0,
-        color: R(c, Tt / t.length)
-      })), Xe = st(
+        color: V(c, Tt / t.length)
+      })), Xe = at(
         { series: t },
         d / 2 + d / 5,
         Mt === "top" ? xe - He : xe + He,
@@ -246,10 +246,10 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
         360,
         105.25,
         d / 20
-      ), Ze = st(
+      ), Ze = at(
         { series: t },
-        d - b + d / 14,
-        r - h - g - l * s / 2,
+        d - x + d / 14,
+        r - h - g - o * s / 2,
         d / 40,
         d / 40,
         1.99999,
@@ -264,40 +264,40 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
         donutR: d / 20,
         CENTER_X: f,
         sidePointer: {
-          x: d - b,
-          x2: d - b + d / 14,
-          xText: d - b + d / 9,
-          y: r - h - g - l * s / 2,
-          topY: r - h - g - l * s,
-          height: l * s
+          x: d - x,
+          x2: d - x + d / 14,
+          xText: d - x + d / 9,
+          y: r - h - g - o * s / 2,
+          topY: r - h - g - o * s,
+          height: o * s
         },
         apexBottom: { y: r - h, x: f },
-        apexTop: { y: r - h - l * s, x: f },
-        right: `M${f},${r - h} ${f},${r - h - l * s} ${d - b},${r - h - g - l * s} ${d - b},${r - h - g}Z`,
-        left: `M${f},${r - h} ${f},${r - h - l * s} ${k}, ${r - h - g - l * s} ${k},${r - h - g}Z`,
-        liningTop: `M${k},${r - h - g - l * s} ${f},${r - h - l * s} ${d - b},${r - h - g - l * s}`,
-        liningTopShade: `M${k},${r - h - g - l * s - 0.5} ${f},${r - h - l * s - 0.5} ${d - b},${r - h - g - l * s - 0.5}`,
-        top: `M${f},${r - h - l * s} ${k},${r - h - g - l * s} ${f},${r - h - g * 2 - l * s} ${d - b},${r - h - g - l * s} Z`,
-        tubeTop: `M${k},${r - h - l * s - g} C ${k},${r - h - l * s - g * 2.5} ${d - b},${r - h - l * s - g * 2.5} ${d - b},${r - h - l * s - g} C ${d - b},${r - h - l * s + g / 2} ${k},${r - h - l * s + g / 2} ${k},${r - h - l * s - g}`,
-        bottomTubeTop: `M ${d - b - 0.5},${r - h - g} C ${d - b - 0.5},${r - h + g / 2} ${k},${r - h + g / 2} ${k + 0.5},${r - h - g}`,
+        apexTop: { y: r - h - o * s, x: f },
+        right: `M${f},${r - h} ${f},${r - h - o * s} ${d - x},${r - h - g - o * s} ${d - x},${r - h - g}Z`,
+        left: `M${f},${r - h} ${f},${r - h - o * s} ${k}, ${r - h - g - o * s} ${k},${r - h - g}Z`,
+        liningTop: `M${k},${r - h - g - o * s} ${f},${r - h - o * s} ${d - x},${r - h - g - o * s}`,
+        liningTopShade: `M${k},${r - h - g - o * s - 0.5} ${f},${r - h - o * s - 0.5} ${d - x},${r - h - g - o * s - 0.5}`,
+        top: `M${f},${r - h - o * s} ${k},${r - h - g - o * s} ${f},${r - h - g * 2 - o * s} ${d - x},${r - h - g - o * s} Z`,
+        tubeTop: `M${k},${r - h - o * s - g} C ${k},${r - h - o * s - g * 2.5} ${d - x},${r - h - o * s - g * 2.5} ${d - x},${r - h - o * s - g} C ${d - x},${r - h - o * s + g / 2} ${k},${r - h - o * s + g / 2} ${k},${r - h - o * s - g}`,
+        bottomTubeTop: `M ${d - x - 0.5},${r - h - g} C ${d - x - 0.5},${r - h + g / 2} ${k},${r - h + g / 2} ${k + 0.5},${r - h - g}`,
         tubeBody: `M
-        ${k},${r - h - l * s - g} 
-        C ${k},${r - h - l * s + g / 2} 
-        ${d - b},${r - h - l * s + g / 2} 
-        ${d - b},${r - h - l * s - g} 
-        L${d - b},${r - h - g}
+        ${k},${r - h - o * s - g} 
+        C ${k},${r - h - o * s + g / 2} 
+        ${d - x},${r - h - o * s + g / 2} 
+        ${d - x},${r - h - o * s - g} 
+        L${d - x},${r - h - g}
         C 
-        ${d - b},${r - h + g / 2}
+        ${d - x},${r - h + g / 2}
         ${k},${r - h + g / 2}
         ${k},${r - h - g}Z`
       };
     }
-    const K = P(() => {
-      const a = jt(q.value / 100), s = o.value.height - o.value.bottom - o.value.top - o.value.perspective * 2, { width: t, height: c, bottom: l, right: d, left: r, perspective: y } = o.value, E = x.value ? t / 4 : t / 2, k = x.value ? E * 2 + r : d, f = l + s * 0;
+    const J = D(() => {
+      const a = jt(K.value / 100), s = l.value.height - l.value.bottom - l.value.top - l.value.perspective * 2, { width: t, height: c, bottom: o, right: d, left: r, perspective: y } = l.value, G = C.value ? t / 4 : t / 2, k = C.value ? G * 2 + r : d, f = o + s * 0;
       return {
-        right: `M${E},${c - f} ${E},${c - f - s * a} ${t - k},${c - f - y - s * a} ${t - k},${c - f - y}Z`,
-        left: `M${E},${c - f} ${E},${c - f - s * a} ${r}, ${c - f - y - s * a} ${r},${c - f - y}Z`,
-        top: `M${E},${c - f - s * a} ${r},${c - f - y - s * a} ${E},${c - f - y * 2 - s * a} ${t - k},${c - f - y - s * a} Z`,
+        right: `M${G},${c - f} ${G},${c - f - s * a} ${t - k},${c - f - y - s * a} ${t - k},${c - f - y}Z`,
+        left: `M${G},${c - f} ${G},${c - f - s * a} ${r}, ${c - f - y - s * a} ${r},${c - f - y}Z`,
+        top: `M${G},${c - f - s * a} ${r},${c - f - y - s * a} ${G},${c - f - y * 2 - s * a} ${t - k},${c - f - y - s * a} Z`,
         tubeTop: `M${r},${c - f - s * a - y} C ${r},${c - f - s * a - y * 2.5} ${t - k},${c - f - s * a - y * 2.5} ${t - k},${c - f - s * a - y} C ${t - k},${c - f - s * a + y / 2} ${r},${c - f - s * a + y / 2} ${r},${c - f - s * a - y}`,
         tubeBody: `M
         ${r},${c - f - s * a - y} 
@@ -310,67 +310,67 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
         ${r},${c}
         ${r},${c - f - y}Z`
       };
-    }), m = _(null);
-    function T(a, s = !1) {
-      e.value.events.datapointEnter && !s && e.value.events.datapointEnter({ datapoint: a, seriesIndex: a.seriesIndex }), e.value.events.datapointClick && s && e.value.events.datapointClick({ datapoint: a, seriesIndex: a.seriesIndex }), se("selectDatapoint", a), s || (m.value = a.id), s && I.value && (I.value = !1), s && !I.value && (I.value = !0);
+    }), b = _(null);
+    function S(a, s = !1) {
+      e.value.events.datapointEnter && !s && e.value.events.datapointEnter({ datapoint: a, seriesIndex: a.seriesIndex }), e.value.events.datapointClick && s && e.value.events.datapointClick({ datapoint: a, seriesIndex: a.seriesIndex }), ne("selectDatapoint", a), s || (b.value = a.id), s && I.value && (I.value = !1), s && !I.value && (I.value = !0);
     }
-    function U(a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: a.seriesIndex }), !I.value && (m.value = null);
+    function X(a) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: a, seriesIndex: a.seriesIndex }), !I.value && (b.value = null);
     }
-    function Q(a, s, t = !1) {
-      const c = A.value.series.map((r) => r.value || 0).reduce((r, y) => r + y, 0), l = isNaN(a.value / c) ? 0 : a.value / c * 100, d = isNaN(a.value / Ee(s)) ? 0 : a.value / Ee(s) * 100;
-      return t ? d : l.toFixed(0) + "%";
+    function ee(a, s, t = !1) {
+      const c = A.value.series.map((r) => r.value || 0).reduce((r, y) => r + y, 0), o = isNaN(a.value / c) ? 0 : a.value / c * 100, d = isNaN(a.value / Ee(s)) ? 0 : a.value / Ee(s) * 100;
+      return t ? d : o.toFixed(0) + "%";
     }
     function Ee(a) {
       return [...a].map((s) => s.value).reduce((s, t) => s + t, 0);
     }
-    const re = _(!1);
+    const ie = _(!1);
     function Re(a) {
-      re.value = a;
+      ie.value = a;
     }
     function _t() {
-      return x.value ? w.value : A.value.percentage;
+      return C.value ? M.value : A.value.percentage;
     }
-    const W = P(() => {
-      if (x.value) {
-        const a = w.value.flatMap((t) => t.breakdown && t.breakdown.length ? [{ name: t.name, color: t.color }, ...t.breakdown.map((c, l) => ({
+    const R = D(() => {
+      if (C.value) {
+        const a = M.value.flatMap((t) => t.breakdown && t.breakdown.length ? [{ name: t.name, color: t.color }, ...t.breakdown.map((c, o) => ({
           name: c.name,
-          color: R(t.color, l / t.breakdown.length)
+          color: V(t.color, o / t.breakdown.length)
         }))] : {
           name: t.name,
           color: t.color
-        }), s = w.value.flatMap((t) => t.breakdown && t.breakdown.length ? [t.value, ...t.breakdown.map((c) => c.value)] : t.value);
+        }), s = M.value.flatMap((t) => t.breakdown && t.breakdown.length ? [t.value, ...t.breakdown.map((c) => c.value)] : t.value);
         return { head: a, body: s };
       } else
         return null;
     });
     function me(a = null) {
-      if (!x.value) {
+      if (!C.value) {
         console.warn("VueUi3dBar : CSV download is only available in stack mode (providing dataset.series instead of dataset.percentage)");
         return;
       }
-      lt(() => {
-        const s = w.value.map((d) => d.value).reduce((d, r) => d + r, 0), t = W.value.head.map((d, r) => [[
+      ot(() => {
+        const s = M.value.map((d) => d.value).reduce((d, r) => d + r, 0), t = R.value.head.map((d, r) => [[
           d.name
-        ], [W.value.body[r]], [isNaN(W.value.body[r] / s) ? "-" : W.value.body[r] / s * 100]]), c = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), l = Lt(c);
-        a ? a(l) : Wt({ csvContent: l, title: e.value.style.chart.title.text || "vue-ui-3d-bar" });
+        ], [R.value.body[r]], [isNaN(R.value.body[r] / s) ? "-" : R.value.body[r] / s * 100]]), c = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(t), o = Lt(c);
+        a ? a(o) : Wt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-3d-bar" });
       });
     }
-    const ue = P(() => {
-      const a = w.value.map((d) => d.value).reduce((d, r) => d + r, 0), s = [
+    const de = D(() => {
+      const a = M.value.map((d) => d.value).reduce((d, r) => d + r, 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>',
         B({ p: e.value.style.chart.legend.prefix, v: a, s: e.value.style.chart.legend.suffix, r: e.value.table.td.roundingValue }),
         "100%"
-      ], t = W.value.head.map((d, r) => {
-        const y = B({ p: e.value.style.chart.legend.prefix, v: W.value.body[r], s: e.value.style.chart.legend.suffix, r: e.value.table.td.roundingValue });
+      ], t = R.value.head.map((d, r) => {
+        const y = B({ p: e.value.style.chart.legend.prefix, v: R.value.body[r], s: e.value.style.chart.legend.suffix, r: e.value.table.td.roundingValue });
         return [
           {
             color: d.color,
             name: d.name
           },
           y,
-          isNaN(W.value.body[r] / a) ? "-" : B({
-            v: W.value.body[r] / a * 100,
+          isNaN(R.value.body[r] / a) ? "-" : B({
+            v: R.value.body[r] / a * 100,
             s: "%",
             r: e.value.table.td.roundingPercentage
           })
@@ -401,17 +401,17 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
       };
     });
     function Ge() {
-      V.value.showTable = !V.value.showTable;
+      H.value.showTable = !H.value.showTable;
     }
-    const ie = _(!1);
+    const ce = _(!1);
     function be() {
-      ie.value = !ie.value;
+      ce.value = !ce.value;
     }
     async function mt({ scale: a = 2 } = {}) {
-      if (!N.value) return;
-      const { width: s, height: t } = N.value.getBoundingClientRect(), c = s / t, { imageUri: l, base64: d } = await Yt({ domElement: N.value, base64: !0, img: !0, scale: a });
+      if (!W.value) return;
+      const { width: s, height: t } = W.value.getBoundingClientRect(), c = s / t, { imageUri: o, base64: d } = await Yt({ domElement: W.value, base64: !0, img: !0, scale: a });
       return {
-        imageUri: l,
+        imageUri: o,
         base64: d,
         title: e.value.style.chart.title.text,
         width: s,
@@ -419,8 +419,8 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
         aspectRatio: c
       };
     }
-    const oe = P(() => {
-      const a = e.value.table.useDialog && !e.value.table.show, s = V.value.showTable;
+    const se = D(() => {
+      const a = e.value.table.useDialog && !e.value.table.show, s = H.value.showTable;
       return {
         component: a ? gt : ct,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -429,8 +429,8 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: re.value,
-          fullscreenParent: N.value,
+          isFullscreen: ie.value,
+          fullscreenParent: W.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -449,21 +449,21 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
         }
       };
     });
-    we(() => V.value.showTable, (a) => {
-      e.value.table.show || (a && e.value.table.useDialog && le.value ? le.value.open() : "close" in le.value && le.value.close());
+    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 Ve() {
-      V.value.showTable = !1, ge.value && ge.value.setTableIconState(!1);
+      H.value.showTable = !1, ge.value && ge.value.setTableIconState(!1);
     }
-    const bt = P(() => e.value.style.chart.backgroundColor), xt = P(() => e.value.style.chart.title), { exportSvg: wt, getSvg: Ct } = Xt({
+    const bt = D(() => e.value.style.chart.backgroundColor), xt = D(() => e.value.style.chart.title), { exportSvg: wt, getSvg: Ct } = Xt({
       svg: ke,
       title: xt,
       backgroundColor: bt
     });
     async function Ue({ isCb: a }) {
       if (a) {
-        const { blob: s, url: t, text: c, dataUrl: l } = await Ct();
-        e.value.userOptions.callbacks.svg({ blob: s, url: t, text: c, dataUrl: l });
+        const { blob: s, url: t, text: c, dataUrl: o } = await Ct();
+        e.value.userOptions.callbacks.svg({ blob: s, url: t, text: c, dataUrl: o });
       } else
         wt();
     }
@@ -479,28 +479,48 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
       toggleFullscreen: Re
     }), (a, s) => (u(), v("div", {
       ref_key: "bar3dChart",
-      ref: N,
+      ref: W,
       class: Ye("vue-data-ui-component vue-ui-3d-bar"),
       style: z(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: `3d_bar_${F.value}`,
+      id: `3d_bar_${P.value}`,
       onMouseenter: s[8] || (s[8] = () => n(Ae)(!0)),
       onMouseleave: s[9] || (s[9] = () => n(Ae)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), J(n(ht), {
+      e.value.userOptions.buttons.annotator ? (u(), te(n(ht), {
         key: 0,
         svgRef: n(ke),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: ie.value,
+        active: ce.value,
         onClose: be
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
+      }, {
+        "annotator-action-close": w(() => [
+          m(a.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": w(({ color: t }) => [
+          m(a.$slots, "annotator-action-color", j(N({ color: t })), void 0, !0)
+        ]),
+        "annotator-action-draw": w(({ mode: t }) => [
+          m(a.$slots, "annotator-action-draw", j(N({ mode: t })), void 0, !0)
+        ]),
+        "annotator-action-undo": w(({ disabled: t }) => [
+          m(a.$slots, "annotator-action-undo", j(N({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-redo": w(({ disabled: t }) => [
+          m(a.$slots, "annotator-action-redo", j(N({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-delete": w(({ disabled: t }) => [
+          m(a.$slots, "annotator-action-delete", j(N({ disabled: t })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
       e.value.style.chart.title.text ? (u(), v("div", {
         key: 1,
         ref_key: "chartTitle",
         ref: Se,
         style: "width:100%;background:transparent"
       }, [
-        (u(), J(Kt, {
+        (u(), te(Kt, {
           key: `title_${Te.value}`,
           config: {
             title: {
@@ -514,7 +534,7 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
           }
         }, null, 8, ["config"]))
       ], 512)) : p("", !0),
-      e.value.userOptions.show && Fe.value && (n(Oe) || n(ye)) ? (u(), J(n(ft), {
+      e.value.userOptions.show && Fe.value && (n(Oe) || n(ye)) ? (u(), te(n(ft), {
         key: 2,
         ref_key: "userOptionsRef",
         ref: ge,
@@ -522,18 +542,18 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
         color: e.value.style.chart.color,
         isPrinting: n(Be),
         isImaging: n(Ie),
-        uid: F.value,
+        uid: P.value,
         hasPdf: e.value.userOptions.buttons.pdf,
-        hasTable: !!x.value && e.value.userOptions.buttons.table,
-        hasXls: !!x.value && e.value.userOptions.buttons.csv,
+        hasTable: !!C.value && e.value.userOptions.buttons.table,
+        hasXls: !!C.value && e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
         hasSvg: e.value.userOptions.buttons.svg,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: N.value,
+        chartElement: W.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: ie.value,
+        isAnnotation: ce.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
@@ -550,57 +570,57 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
       }, Ke({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: D(({ isOpen: t, color: c }) => [
-            S(a.$slots, "menuIcon", de(ce({ isOpen: t, color: c })), void 0, !0)
+          fn: w(({ isOpen: t, color: c }) => [
+            m(a.$slots, "menuIcon", j(N({ isOpen: t, color: c })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: D(() => [
-            S(a.$slots, "optionPdf", {}, void 0, !0)
+          fn: w(() => [
+            m(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: D(() => [
-            S(a.$slots, "optionCsv", {}, void 0, !0)
+          fn: w(() => [
+            m(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: D(() => [
-            S(a.$slots, "optionImg", {}, void 0, !0)
+          fn: w(() => [
+            m(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: D(() => [
-            S(a.$slots, "optionSvg", {}, void 0, !0)
+          fn: w(() => [
+            m(a.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
-          fn: D(() => [
-            S(a.$slots, "optionTable", {}, void 0, !0)
+          fn: w(() => [
+            m(a.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: D(({ toggleFullscreen: t, isFullscreen: c }) => [
-            S(a.$slots, "optionFullscreen", de(ce({ toggleFullscreen: t, isFullscreen: c })), void 0, !0)
+          fn: w(({ toggleFullscreen: t, isFullscreen: c }) => [
+            m(a.$slots, "optionFullscreen", j(N({ toggleFullscreen: t, isFullscreen: c })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: D(({ toggleAnnotator: t, isAnnotator: c }) => [
-            S(a.$slots, "optionAnnotator", de(ce({ toggleAnnotator: t, isAnnotator: c })), void 0, !0)
+          fn: w(({ toggleAnnotator: t, isAnnotator: c }) => [
+            m(a.$slots, "optionAnnotator", j(N({ toggleAnnotator: t, isAnnotator: c })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -609,8 +629,8 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
         ref_key: "svgRef",
         ref: ke,
         xmlns: n(Nt),
-        class: Ye({ "vue-data-ui-fullscreen--on": re.value, "vue-data-ui-fulscreen--off": !re.value, animated: e.value.useCssAnimation }),
-        viewBox: `0 0 ${o.value.absoluteWidth} ${o.value.height}`,
+        class: Ye({ "vue-data-ui-fullscreen--on": ie.value, "vue-data-ui-fulscreen--off": !ie.value, animated: e.value.useCssAnimation }),
+        viewBox: `0 0 ${l.value.absoluteWidth} ${l.value.height}`,
         style: z(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         Qe(n(pt)),
@@ -618,65 +638,65 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
           key: 0,
           x: 0,
           y: 0,
-          width: o.value.absoluteWidth,
-          height: o.value.height,
+          width: l.value.absoluteWidth,
+          height: l.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
-          S(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ll)) : p("", !0),
+          m(a.$slots, "chart-background", {}, void 0, !0)
+        ], 8, oo)) : p("", !0),
         i("defs", null, [
           i("radialGradient", {
-            id: `gradient_top${F.value}`
+            id: `gradient_top${P.value}`
           }, [
             i("stop", {
               offset: "0%",
               "stop-color": n($)(e.value.style.chart.backgroundColor, 0)
-            }, null, 8, sl),
+            }, null, 8, ao),
             i("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.bar.color
-            }, null, 8, al)
-          ], 8, ol),
+            }, null, 8, so)
+          ], 8, lo),
           i("radialGradient", {
-            id: `gradient_tube_top${F.value}`
+            id: `gradient_tube_top${P.value}`
           }, [
             i("stop", {
               offset: "0%",
-              "stop-color": n($)(n(R)(e.value.style.chart.bar.color, 0.5), 80)
-            }, null, 8, rl),
+              "stop-color": n($)(n(V)(e.value.style.chart.bar.color, 0.5), 80)
+            }, null, 8, ro),
             i("stop", {
               offset: "100%",
-              "stop-color": n($)(n(X)(e.value.style.chart.bar.color, 0.1), 80)
-            }, null, 8, ul)
-          ], 8, nl),
+              "stop-color": n($)(n(q)(e.value.style.chart.bar.color, 0.1), 80)
+            }, null, 8, uo)
+          ], 8, no),
           i("radialGradient", {
-            id: `gradient_left${F.value}`
+            id: `gradient_left${P.value}`
           }, [
             i("stop", {
               offset: "0%",
               "stop-color": n($)(e.value.style.chart.backgroundColor, 0)
-            }, null, 8, dl),
+            }, null, 8, co),
             i("stop", {
               offset: "100%",
               "stop-color": n($)(e.value.style.chart.bar.color, 20)
-            }, null, 8, cl)
-          ], 8, il),
+            }, null, 8, vo)
+          ], 8, io),
           i("radialGradient", {
-            id: `gradient_right${F.value}`
+            id: `gradient_right${P.value}`
           }, [
             i("stop", {
               offset: "0%",
               "stop-color": n($)(e.value.style.chart.backgroundColor, 0)
-            }, null, 8, hl),
+            }, null, 8, fo),
             i("stop", {
               offset: "100%",
               "stop-color": n($)(e.value.style.chart.bar.color, 20)
-            }, null, 8, fl)
-          ], 8, vl),
+            }, null, 8, po)
+          ], 8, ho),
           i("linearGradient", {
-            id: `gradient_tube_body${F.value}`,
+            id: `gradient_tube_body${P.value}`,
             x1: "0%",
             y1: "0%",
             x2: "100%",
@@ -685,68 +705,68 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
             i("stop", {
               offset: "0%",
               "stop-color": `${e.value.style.chart.bar.color}`
-            }, null, 8, gl),
+            }, null, 8, yo),
             i("stop", {
               offset: "10%",
-              "stop-color": n($)(n(X)(e.value.style.chart.bar.color, 0.7), 100)
-            }, null, 8, yl),
+              "stop-color": n($)(n(q)(e.value.style.chart.bar.color, 0.7), 100)
+            }, null, 8, ko),
             i("stop", {
               offset: "25%",
-              "stop-color": n($)(n(X)(e.value.style.chart.bar.color, 0.5), 100)
-            }, null, 8, kl),
+              "stop-color": n($)(n(q)(e.value.style.chart.bar.color, 0.5), 100)
+            }, null, 8, $o),
             i("stop", {
               offset: "75%",
               "stop-color": n($)(e.value.style.chart.bar.color, 80)
-            }, null, 8, $l),
+            }, null, 8, _o),
             i("stop", {
               offset: "100%",
-              "stop-color": n($)(n(R)(e.value.style.chart.bar.color, 0.7), 100)
-            }, null, 8, _l)
-          ], 8, pl)
+              "stop-color": n($)(n(V)(e.value.style.chart.bar.color, 0.7), 100)
+            }, null, 8, mo)
+          ], 8, go)
         ]),
-        x.value ? (u(), v("defs", ml, [
-          (u(!0), v(C, null, M(w.value, (t) => (u(), v("radialGradient", {
+        C.value ? (u(), v("defs", bo, [
+          (u(!0), v(F, null, T(M.value, (t) => (u(), v("radialGradient", {
             id: `grad_top_${t.id}`
           }, [
             i("stop", {
               offset: "0%",
-              "stop-color": n($)(n(R)(t.color, 0.5), 80)
-            }, null, 8, xl),
+              "stop-color": n($)(n(V)(t.color, 0.5), 80)
+            }, null, 8, wo),
             i("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, wl)
-          ], 8, bl))), 256)),
-          (u(!0), v(C, null, M(w.value, (t) => (u(), v("linearGradient", {
+            }, null, 8, Co)
+          ], 8, xo))), 256)),
+          (u(!0), v(F, null, T(M.value, (t) => (u(), v("linearGradient", {
             id: `grad_left_${t.id}`
           }, [
             i("stop", {
               offset: "0%",
               "stop-color": n($)(t.color, 80)
-            }, null, 8, Ml),
+            }, null, 8, Fo),
             i("stop", {
               offset: "100%",
-              "stop-color": n($)(n(X)(t.color, 0.5), 100)
-            }, null, 8, Fl)
-          ], 8, Cl))), 256)),
-          (u(!0), v(C, null, M(w.value, (t) => (u(), v("linearGradient", {
+              "stop-color": n($)(n(q)(t.color, 0.5), 100)
+            }, null, 8, To)
+          ], 8, Mo))), 256)),
+          (u(!0), v(F, null, T(M.value, (t) => (u(), v("linearGradient", {
             id: `grad_right_${t.id}`
           }, [
             i("stop", {
               offset: "2%",
-              "stop-color": n($)(n(R)(t.color, 0.5), 100)
-            }, null, 8, Pl),
+              "stop-color": n($)(n(V)(t.color, 0.5), 100)
+            }, null, 8, So),
             i("stop", {
               offset: "100%",
               "stop-color": n($)(t.color, 80)
-            }, null, 8, Sl)
-          ], 8, Tl))), 256)),
+            }, null, 8, Do)
+          ], 8, Po))), 256)),
           i("linearGradient", {
             x1: "0%",
             y1: "0%",
             x2: "0%",
             y2: "100%",
-            id: `vertical_line_${F.value}`
+            id: `vertical_line_${P.value}`
           }, [...s[10] || (s[10] = [
             i("stop", {
               offset: "0%",
@@ -756,189 +776,189 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
               offset: "100%",
               "stop-color": "#FFFFFF33"
             }, null, -1)
-          ])], 8, Dl)
+          ])], 8, Ao)
         ])) : p("", !0),
         e.value.style.chart.dataLabel.show && ![null, void 0].includes(n(A).percentage) && [null, void 0].includes(n(A).series) ? (u(), v("text", {
           key: 2,
-          x: o.value.width / 2,
-          y: o.value.top - e.value.style.chart.dataLabel.fontSize / 2,
+          x: l.value.width / 2,
+          y: l.value.top - e.value.style.chart.dataLabel.fontSize / 2,
           "font-size": e.value.style.chart.dataLabel.fontSize,
           "font-weight": e.value.style.chart.dataLabel.bold ? "bold" : "normal",
           fill: e.value.style.chart.dataLabel.color,
           "text-anchor": "middle"
-        }, j(n(B)({
-          v: q.value,
+        }, L(n(B)({
+          v: K.value,
           s: "%",
           r: e.value.style.chart.dataLabel.rounding
-        })), 9, Al)) : p("", !0),
+        })), 9, Oo)) : p("", !0),
         I.value ? (u(), v("g", {
           key: 3,
           role: "button",
           tabindex: "0",
           "aria-label": "Clear selection",
           onClick: s[0] || (s[0] = (t) => {
-            I.value = !1, m.value = null;
+            I.value = !1, b.value = null;
           }),
           onKeydown: [
             s[1] || (s[1] = Je(et((t) => {
-              I.value = !1, m.value = null;
+              I.value = !1, b.value = null;
             }, ["prevent"]), ["enter"])),
             s[2] || (s[2] = Je(et((t) => {
-              I.value = !1, m.value = null;
+              I.value = !1, b.value = null;
             }, ["prevent"]), ["space"]))
           ],
-          onFocus: s[3] || (s[3] = (t) => te.value = !0),
-          onBlur: s[4] || (s[4] = (t) => te.value = !1),
-          onMouseenter: s[5] || (s[5] = (t) => te.value = !0),
-          onMouseleave: s[6] || (s[6] = (t) => te.value = !1),
+          onFocus: s[3] || (s[3] = (t) => le.value = !0),
+          onBlur: s[4] || (s[4] = (t) => le.value = !1),
+          onMouseenter: s[5] || (s[5] = (t) => le.value = !0),
+          onMouseleave: s[6] || (s[6] = (t) => le.value = !1),
           class: "svg-btn",
           "data-dom-to-png-ignore": "",
           style: { cursor: "pointer", outline: "none" }
         }, [
           s[11] || (s[11] = i("title", null, "Clear selection", -1)),
           i("rect", {
-            x: Y.value - 12,
-            y: o.value.top - 24,
+            x: Q.value - 12,
+            y: l.value.top - 24,
             width: 24,
             height: 24,
             fill: "transparent",
             "pointer-events": "all"
-          }, null, 8, Ol),
+          }, null, 8, Bo),
           i("circle", {
-            cx: Y.value,
-            cy: o.value.top - 12,
+            cx: Q.value,
+            cy: l.value.top - 12,
             r: "10",
             fill: "none",
             stroke: e.value.style.chart.color,
             "stroke-width": "2",
             "vector-effect": "non-scaling-stroke",
-            opacity: te.value ? 0.5 : 0
-          }, null, 8, Bl),
+            opacity: le.value ? 0.5 : 0
+          }, null, 8, Io),
           i("path", {
-            d: `M${Y.value - 6},${o.value.top - 18} ${Y.value + 6},${o.value.top - 6}`,
+            d: `M${Q.value - 6},${l.value.top - 18} ${Q.value + 6},${l.value.top - 6}`,
             stroke: e.value.style.chart.color,
             "stroke-linecap": "round",
             "stroke-width": "2",
             "vector-effect": "non-scaling-stroke"
-          }, null, 8, Il),
+          }, null, 8, zo),
           i("path", {
-            d: `M${Y.value + 6},${o.value.top - 18} ${Y.value - 6},${o.value.top - 6}`,
+            d: `M${Q.value + 6},${l.value.top - 18} ${Q.value - 6},${l.value.top - 6}`,
             stroke: e.value.style.chart.color,
             "stroke-linecap": "round",
             "stroke-width": "2",
             "vector-effect": "non-scaling-stroke"
-          }, null, 8, zl)
+          }, null, 8, jo)
         ], 32)) : p("", !0),
-        !e.value.style.shape || e.value.style.shape === "bar" ? (u(), v("g", jl, [
-          x.value ? p("", !0) : (u(), v("g", Nl, [
+        !e.value.style.shape || e.value.style.shape === "bar" ? (u(), v("g", No, [
+          C.value ? p("", !0) : (u(), v("g", Lo, [
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
-              d: L.value.right,
+              d: E.value.right,
               stroke: e.value.style.chart.box.stroke,
               "stroke-width": e.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Ll),
+            }, null, 8, Wo),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
-              d: L.value.left,
+              d: E.value.left,
               stroke: e.value.style.chart.box.stroke,
               "stroke-width": e.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Wl),
+            }, null, 8, Eo),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
-              d: L.value.side,
+              d: E.value.side,
               stroke: e.value.style.chart.box.stroke,
               "stroke-width": e.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, El),
+            }, null, 8, Ro),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
-              d: L.value.topSides,
+              d: E.value.topSides,
               stroke: e.value.style.chart.box.stroke,
               "stroke-width": e.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, Rl)
+            }, null, 8, Go)
           ])),
-          x.value ? p("", !0) : (u(), v("g", Gl, [
+          C.value ? p("", !0) : (u(), v("g", Vo, [
             i("path", {
-              d: K.value.right,
+              d: J.value.right,
               stroke: e.value.style.chart.bar.stroke,
               "stroke-width": e.value.style.chart.bar.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
-              fill: `url(#gradient_right${F.value})`
-            }, null, 8, Vl),
+              fill: `url(#gradient_right${P.value})`
+            }, null, 8, Uo),
             i("path", {
-              d: K.value.left,
+              d: J.value.left,
               stroke: e.value.style.chart.bar.stroke,
               "stroke-width": e.value.style.chart.bar.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
-              fill: `url(#gradient_left${F.value})`
-            }, null, 8, Ul),
+              fill: `url(#gradient_left${P.value})`
+            }, null, 8, Ho),
             i("path", {
-              d: K.value.top,
+              d: J.value.top,
               stroke: e.value.style.chart.bar.stroke,
               "stroke-width": e.value.style.chart.bar.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
-              fill: `url(#gradient_top${F.value})`
-            }, null, 8, Hl)
+              fill: `url(#gradient_top${P.value})`
+            }, null, 8, Xo)
           ])),
-          x.value ? (u(), v("g", Xl, [
-            (u(!0), v(C, null, M(w.value, (t, c) => (u(), v("g", {
-              style: z(`opacity:${m.value ? m.value === t.id ? 1 : 0.3 : 1}`),
+          C.value ? (u(), v("g", Zo, [
+            (u(!0), v(F, null, T(M.value, (t, c) => (u(), v("g", {
+              style: z(`opacity:${b.value ? b.value === t.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack"
             }, [
               i("path", {
                 d: t.fill.right,
                 fill: `url(#grad_right_${t.id})`,
-                onMouseenter: (l) => T(t),
-                onClick: (l) => T(t, !0),
-                onMouseout: (l) => U(t)
-              }, null, 40, Zl),
+                onMouseenter: (o) => S(t),
+                onClick: (o) => S(t, !0),
+                onMouseout: (o) => X(t)
+              }, null, 40, qo),
               i("path", {
                 d: t.fill.left,
                 fill: `url(#grad_left_${t.id})`,
-                onMouseenter: (l) => T(t),
-                onClick: (l) => T(t, !0),
-                onMouseout: (l) => U(t)
-              }, null, 40, ql),
+                onMouseenter: (o) => S(t),
+                onClick: (o) => S(t, !0),
+                onMouseout: (o) => X(t)
+              }, null, 40, Yo),
               i("path", {
                 d: t.fill.top,
                 fill: `url(#grad_top_${t.id})`,
-                onMouseenter: (l) => T(t),
-                onClick: (l) => T(t, !0),
-                onMouseout: (l) => U(t)
-              }, null, 40, Yl),
+                onMouseenter: (o) => S(t),
+                onClick: (o) => S(t, !0),
+                onMouseout: (o) => X(t)
+              }, null, 40, Ko),
               i("path", {
                 d: t.fill.liningTop,
                 stroke: "#FFFFFF",
                 "stroke-width": "0.5",
                 "stroke-linecap": "round",
                 fill: "none",
-                onMouseenter: (l) => T(t),
-                onClick: (l) => T(t, !0),
-                onMouseout: (l) => U(t)
-              }, null, 40, Kl),
+                onMouseenter: (o) => S(t),
+                onClick: (o) => S(t, !0),
+                onMouseout: (o) => X(t)
+              }, null, 40, Qo),
               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, Ql)
+              }, null, 8, Jo)
             ], 4))), 256)),
-            (u(!0), v(C, null, M(w.value, (t, c) => (u(), v("g", null, [
-              c !== w.value.length - 1 ? (u(), v("path", {
+            (u(!0), v(F, null, T(M.value, (t, c) => (u(), v("g", null, [
+              c !== M.value.length - 1 ? (u(), v("path", {
                 key: 0,
                 d: t.fill.liningTopShade,
                 stroke: e.value.style.chart.bar.shadeColor,
@@ -946,11 +966,11 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
                 "stroke-linecap": "round",
                 fill: "none",
                 style: { "pointer-events": "none" }
-              }, null, 8, Jl)) : p("", !0)
+              }, null, 8, el)) : p("", !0)
             ]))), 256)),
-            (u(!0), v(C, null, M(w.value, (t, c) => (u(), v("g", {
-              style: z(`opacity:${m.value ? m.value === t.id ? 1 : 0 : t.proportion * 100 > e.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
-              onClick: (l) => se("selectDatapoint", t)
+            (u(!0), v(F, null, T(M.value, (t, c) => (u(), v("g", {
+              style: z(`opacity:${b.value ? b.value === t.id ? 1 : 0 : t.proportion * 100 > e.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
+              onClick: (o) => ne("selectDatapoint", t)
             }, [
               i("path", {
                 stroke: e.value.style.chart.color,
@@ -958,36 +978,36 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
                 "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, to),
-              !t.fill.miniDonut || m.value ? (u(), v("circle", {
+              }, null, 8, ol),
+              !t.fill.miniDonut || b.value ? (u(), v("circle", {
                 key: 0,
                 cx: t.fill.sidePointer.x2,
                 cy: t.fill.sidePointer.y,
                 r: 2,
                 fill: t.color,
                 stroke: e.value.style.chart.backgroundColor
-              }, null, 8, lo)) : p("", !0),
-              n(Z) ? (u(), v("rect", {
+              }, null, 8, ll)) : p("", !0),
+              n(Y) ? (u(), v("rect", {
                 key: 1,
                 x: t.fill.sidePointer.xText,
                 y: t.fill.sidePointer.y - e.value.style.chart.legend.fontSize / 2,
-                width: o.value.width / 3,
+                width: l.value.width / 3,
                 height: e.value.style.chart.legend.fontSize,
                 fill: "#6A6A6A80",
                 rx: "3"
-              }, null, 8, oo)) : p("", !0),
-              n(Z) ? p("", !0) : (u(), v("foreignObject", {
+              }, null, 8, al)) : p("", !0),
+              n(Y) ? p("", !0) : (u(), v("foreignObject", {
                 key: 2,
                 x: t.fill.sidePointer.xText,
                 y: t.fill.sidePointer.y - e.value.style.chart.legend.fontSize,
-                width: o.value.absoluteWidth / 3,
+                width: l.value.absoluteWidth / 3,
                 height: e.value.style.chart.legend.fontSize * 2,
                 style: { overflow: "visible", position: "relative" }
               }, [
                 e.value.style.chart.legend.showDefault ? (u(), v("div", {
                   key: 0,
                   style: z(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${e.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${e.value.style.chart.legend.fontSize}px; color:${e.value.style.chart.legend.color}`)
-                }, j(n(fe)(
+                }, L(n(fe)(
                   e.value.style.chart.dataLabel.formatter,
                   t.value,
                   `${t.name}: ${n(B)({ v: t.proportion * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })} (${n(B)({
@@ -998,137 +1018,137 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
                   })})`,
                   { datapoint: t, seriesIndex: c, type: "barDatapoint" }
                 )), 5)) : p("", !0),
-                S(a.$slots, "legend", Ce({ ref_for: !0 }, { datapoint: t, config: e.value, dataset: w.value }), void 0, !0)
-              ], 8, so)),
-              t.fill.donut && m.value === t.id ? (u(), v("g", ao, [
-                (u(!0), v(C, null, M(t.fill.donut, (l, d) => (u(), v("g", null, [
-                  Q(l, t.fill.donut, !0) > 6 ? (u(), v("path", {
+                m(a.$slots, "legend", Ce({ ref_for: !0 }, { datapoint: t, config: e.value, dataset: M.value }), void 0, !0)
+              ], 8, sl)),
+              t.fill.donut && b.value === t.id ? (u(), v("g", nl, [
+                (u(!0), v(F, null, T(t.fill.donut, (o, d) => (u(), v("g", null, [
+                  ee(o, t.fill.donut, !0) > 6 ? (u(), v("path", {
                     key: 0,
-                    d: n(at)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 10),
-                    stroke: l.color,
+                    d: n(st)(o, { x: o.cx, y: o.cy }, 0, 8, !1, !0, 10),
+                    stroke: o.color,
                     class: "vue-ui-donut-arc-path",
                     "stroke-width": "0.5",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     fill: "none"
-                  }, null, 8, no)) : p("", !0)
+                  }, null, 8, rl)) : p("", !0)
                 ]))), 256)),
-                (u(!0), v(C, null, M(t.fill.donut, (l, d) => (u(), v("path", {
+                (u(!0), v(F, null, T(t.fill.donut, (o, d) => (u(), v("path", {
                   class: "vue-ui-donut-arc-path",
-                  d: l.arcSlice,
-                  fill: `${l.color}`,
+                  d: o.arcSlice,
+                  fill: `${o.color}`,
                   stroke: e.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, ro))), 256)),
-                (u(!0), v(C, null, M(t.fill.donut, (l, d) => (u(), v("g", null, [
-                  Q(l, t.fill.donut, !0) > 6 ? (u(), v("g", uo, [
+                }, null, 8, ul))), 256)),
+                (u(!0), v(F, null, T(t.fill.donut, (o, d) => (u(), v("g", null, [
+                  ee(o, t.fill.donut, !0) > 6 ? (u(), v("g", il, [
                     i("text", {
-                      "text-anchor": n(G)(l, !0, 0).anchor,
-                      x: n(G)(l, !0, 2).x,
-                      y: n(pe)(l, 12, 12),
+                      "text-anchor": n(U)(o, !0, 0).anchor,
+                      x: n(U)(o, !0, 2).x,
+                      y: n(pe)(o, 12, 12),
                       fill: e.value.style.chart.legend.color,
                       "font-size": e.value.style.chart.legend.fontSize / 1.5
-                    }, j(n(fe)(
+                    }, L(n(fe)(
                       e.value.style.chart.dataLabel.formatter,
-                      l.value,
-                      `${Q(l, t.fill.donut)} (${n(B)({
+                      o.value,
+                      `${ee(o, t.fill.donut)} (${n(B)({
                         p: e.value.style.chart.legend.prefix,
-                        v: l.value,
+                        v: o.value,
                         s: e.value.style.chart.legend.suffix,
                         r: e.value.style.chart.legend.roundingValue
                       })})`,
-                      { datapoint: l, seriesIndex: d, type: "donutDatapoint" }
-                    )), 9, io),
+                      { datapoint: o, seriesIndex: d, type: "donutDatapoint" }
+                    )), 9, dl),
                     i("text", {
-                      "text-anchor": n(G)(l).anchor,
-                      x: n(G)(l, !0, 2).x,
-                      y: n(pe)(l, 12, 12) + e.value.style.chart.legend.fontSize / 1.5,
+                      "text-anchor": n(U)(o).anchor,
+                      x: n(U)(o, !0, 2).x,
+                      y: n(pe)(o, 12, 12) + e.value.style.chart.legend.fontSize / 1.5,
                       fill: e.value.style.chart.legend.color,
                       "font-size": e.value.style.chart.legend.fontSize / 1.5
-                    }, j(l.name), 9, co)
+                    }, L(o.name), 9, cl)
                   ])) : p("", !0)
                 ]))), 256))
               ])) : p("", !0),
-              t.fill.miniDonut && !m.value ? (u(), v("g", vo, [
-                (u(!0), v(C, null, M(t.fill.miniDonut, (l, d) => (u(), v("path", {
+              t.fill.miniDonut && !b.value ? (u(), v("g", vl, [
+                (u(!0), v(F, null, T(t.fill.miniDonut, (o, d) => (u(), v("path", {
                   class: "vue-ui-donut-arc-path",
-                  d: l.arcSlice,
-                  fill: `${l.color}`,
+                  d: o.arcSlice,
+                  fill: `${o.color}`,
                   stroke: e.value.style.chart.backgroundColor,
                   "stroke-width": 0.5
-                }, null, 8, ho))), 256))
+                }, null, 8, hl))), 256))
               ])) : p("", !0)
-            ], 12, eo))), 256))
+            ], 12, tl))), 256))
           ])) : p("", !0)
         ])) : p("", !0),
-        e.value.style.shape === "tube" ? (u(), v("g", fo, [
-          x.value ? p("", !0) : (u(), v("g", po, [
+        e.value.style.shape === "tube" ? (u(), v("g", fl, [
+          C.value ? p("", !0) : (u(), v("g", pl, [
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
-              d: L.value.tubeTop,
+              d: E.value.tubeTop,
               stroke: e.value.style.chart.box.stroke,
               "stroke-width": e.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, go),
+            }, null, 8, gl),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
-              d: L.value.tubeLeft,
+              d: E.value.tubeLeft,
               stroke: e.value.style.chart.box.stroke,
               "stroke-width": e.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, yo),
+            }, null, 8, yl),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
-              d: L.value.tubeRight,
+              d: E.value.tubeRight,
               stroke: e.value.style.chart.box.stroke,
               "stroke-width": e.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, ko),
+            }, null, 8, kl),
             i("path", {
               "stroke-dasharray": e.value.style.chart.box.strokeDasharray,
-              d: L.value.tubeBottom,
+              d: E.value.tubeBottom,
               stroke: e.value.style.chart.box.stroke,
               "stroke-width": e.value.style.chart.box.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, $o),
+            }, null, 8, $l),
             i("path", {
-              d: K.value.tubeTop,
+              d: J.value.tubeTop,
               stroke: e.value.style.chart.bar.stroke,
               "stroke-width": e.value.style.chart.bar.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
-              fill: `url(#gradient_tube_top${F.value})`
-            }, null, 8, _o),
+              fill: `url(#gradient_tube_top${P.value})`
+            }, null, 8, _l),
             i("path", {
-              d: K.value.tubeBody,
+              d: J.value.tubeBody,
               stroke: e.value.style.chart.bar.stroke,
               "stroke-width": e.value.style.chart.bar.strokeWidth,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
-              fill: `url(#gradient_tube_body${F.value})`
-            }, null, 8, mo),
+              fill: `url(#gradient_tube_body${P.value})`
+            }, null, 8, ml),
             i("path", {
-              d: K.value.tubeTop,
+              d: J.value.tubeTop,
               stroke: "#FFFFFF",
               "stroke-width": 0.5,
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, bo)
+            }, null, 8, bl)
           ])),
-          x.value ? (u(), v("g", xo, [
-            (u(!0), v(C, null, M(w.value, (t, c) => (u(), v("g", {
-              style: z(`opacity:${m.value ? m.value === t.id ? 1 : 0.3 : 1}`),
+          C.value ? (u(), v("g", xl, [
+            (u(!0), v(F, null, T(M.value, (t, c) => (u(), v("g", {
+              style: z(`opacity:${b.value ? b.value === t.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack",
-              onClick: (l) => se("selectDatapoint", t)
+              onClick: (o) => ne("selectDatapoint", t)
             }, [
               i("defs", null, [
                 i("radialGradient", {
@@ -1138,13 +1158,13 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
                 }, [
                   i("stop", {
                     offset: "0%",
-                    "stop-color": n($)(n(R)(t.color, 0.5), 80)
-                  }, null, 8, Mo),
+                    "stop-color": n($)(n(V)(t.color, 0.5), 80)
+                  }, null, 8, Ml),
                   i("stop", {
                     offset: "100%",
-                    "stop-color": n($)(n(X)(t.color, 0.1), 80)
-                  }, null, 8, Fo)
-                ], 8, Co),
+                    "stop-color": n($)(n(q)(t.color, 0.1), 80)
+                  }, null, 8, Fl)
+                ], 8, Cl),
                 i("linearGradient", {
                   id: `gradient_tube_body_${t.id}`,
                   x1: "0%",
@@ -1155,63 +1175,63 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
                   i("stop", {
                     offset: "0%",
                     "stop-color": `${t.color}`
-                  }, null, 8, Po),
+                  }, null, 8, Pl),
                   i("stop", {
                     offset: "10%",
-                    "stop-color": n($)(n(X)(t.color, 0.7), 100)
-                  }, null, 8, So),
+                    "stop-color": n($)(n(q)(t.color, 0.7), 100)
+                  }, null, 8, Sl),
                   i("stop", {
                     offset: "25%",
-                    "stop-color": n($)(n(X)(t.color, 0.5), 100)
-                  }, null, 8, Do),
+                    "stop-color": n($)(n(q)(t.color, 0.5), 100)
+                  }, null, 8, Dl),
                   i("stop", {
                     offset: "75%",
                     "stop-color": n($)(t.color, 80)
-                  }, null, 8, Ao),
+                  }, null, 8, Al),
                   i("stop", {
                     offset: "100%",
-                    "stop-color": n($)(n(R)(t.color, 0.7), 100)
-                  }, null, 8, Oo)
-                ], 8, To)
+                    "stop-color": n($)(n(V)(t.color, 0.7), 100)
+                  }, null, 8, Ol)
+                ], 8, Tl)
               ]),
               i("path", {
-                onMouseenter: (l) => T(t),
-                onClick: (l) => T(t, !0),
-                onMouseout: (l) => U(t),
+                onMouseenter: (o) => S(t),
+                onClick: (o) => S(t, !0),
+                onMouseout: (o) => X(t),
                 d: t.fill.tubeBody,
                 stroke: "#FFFFFF",
                 "stroke-width": 0.5,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_body_${t.id})`
-              }, null, 40, Bo),
+              }, null, 40, Bl),
               c > 0 ? (u(), v("path", {
                 key: 0,
-                onMouseenter: (l) => T(t),
-                onClick: (l) => T(t, !0),
-                onMouseout: (l) => U(t),
+                onMouseenter: (o) => S(t),
+                onClick: (o) => S(t, !0),
+                onMouseout: (o) => X(t),
                 d: t.fill.bottomTubeTop,
                 stroke: "#000000",
                 "stroke-width": 0.5,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: "none"
-              }, null, 40, Io)) : p("", !0),
+              }, null, 40, Il)) : p("", !0),
               i("path", {
-                onMouseenter: (l) => T(t),
-                onClick: (l) => T(t, !0),
-                onMouseout: (l) => U(t),
+                onMouseenter: (o) => S(t),
+                onClick: (o) => S(t, !0),
+                onMouseout: (o) => X(t),
                 d: t.fill.tubeTop,
                 stroke: "#FFFFFF",
                 "stroke-width": 0.5,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_top_${t.id})`
-              }, null, 40, zo)
-            ], 12, wo))), 256)),
-            (u(!0), v(C, null, M(w.value, (t, c) => (u(), v("g", {
-              style: z(`opacity:${m.value ? m.value === t.id ? 1 : 0 : t.proportion * 100 > e.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
-              onClick: (l) => se("selectDatapoint", t)
+              }, null, 40, zl)
+            ], 12, wl))), 256)),
+            (u(!0), v(F, null, T(M.value, (t, c) => (u(), v("g", {
+              style: z(`opacity:${b.value ? b.value === t.id ? 1 : 0 : t.proportion * 100 > e.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
+              onClick: (o) => ne("selectDatapoint", t)
             }, [
               i("path", {
                 stroke: e.value.style.chart.color,
@@ -1219,36 +1239,36 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
                 "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, No),
-              !t.fill.miniDonut || m.value ? (u(), v("circle", {
+              }, null, 8, Nl),
+              !t.fill.miniDonut || b.value ? (u(), v("circle", {
                 key: 0,
                 cx: t.fill.sidePointer.x2,
                 cy: t.fill.sidePointer.y,
                 r: 2,
                 fill: t.color,
                 stroke: e.value.style.chart.backgroundColor
-              }, null, 8, Lo)) : p("", !0),
-              n(Z) ? (u(), v("rect", {
+              }, null, 8, Ll)) : p("", !0),
+              n(Y) ? (u(), v("rect", {
                 key: 1,
                 x: t.fill.sidePointer.xText,
                 y: t.fill.sidePointer.y - e.value.style.chart.legend.fontSize / 2,
-                width: o.value.width / 3,
+                width: l.value.width / 3,
                 height: e.value.style.chart.legend.fontSize,
                 fill: "#6A6A6A80",
                 rx: "3"
-              }, null, 8, Wo)) : p("", !0),
-              n(Z) ? p("", !0) : (u(), v("foreignObject", {
+              }, null, 8, Wl)) : p("", !0),
+              n(Y) ? p("", !0) : (u(), v("foreignObject", {
                 key: 2,
                 x: t.fill.sidePointer.xText,
                 y: t.fill.sidePointer.y - e.value.style.chart.legend.fontSize,
-                width: o.value.absoluteWidth / 3,
+                width: l.value.absoluteWidth / 3,
                 height: e.value.style.chart.legend.fontSize * 2,
                 style: { overflow: "visible", position: "relative" }
               }, [
                 e.value.style.chart.legend.showDefault ? (u(), v("div", {
                   key: 0,
                   style: z(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${e.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${e.value.style.chart.legend.fontSize}px; color:${e.value.style.chart.legend.color}`)
-                }, j(n(fe)(
+                }, L(n(fe)(
                   e.value.style.chart.dataLabel.formatter,
                   t.value,
                   `${t.name}: ${n(B)({ v: t.proportion * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage })} (${n(B)({
@@ -1259,73 +1279,73 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
                   })})`,
                   { datapoint: t, seriesIndex: c, type: "barDatapoint" }
                 )), 5)) : p("", !0),
-                S(a.$slots, "legend", Ce({ ref_for: !0 }, { datapoint: t, config: e.value, dataset: w.value }), void 0, !0)
-              ], 8, Eo)),
-              t.fill.donut && m.value === t.id ? (u(), v("g", Ro, [
-                (u(!0), v(C, null, M(t.fill.donut, (l, d) => (u(), v("g", null, [
-                  Q(l, t.fill.donut, !0) > 6 ? (u(), v("path", {
+                m(a.$slots, "legend", Ce({ ref_for: !0 }, { datapoint: t, config: e.value, dataset: M.value }), void 0, !0)
+              ], 8, El)),
+              t.fill.donut && b.value === t.id ? (u(), v("g", Rl, [
+                (u(!0), v(F, null, T(t.fill.donut, (o, d) => (u(), v("g", null, [
+                  ee(o, t.fill.donut, !0) > 6 ? (u(), v("path", {
                     key: 0,
-                    d: n(at)(l, { x: l.cx, y: l.cy }, 0, 8, !1, !0, 10),
-                    stroke: l.color,
+                    d: n(st)(o, { x: o.cx, y: o.cy }, 0, 8, !1, !0, 10),
+                    stroke: o.color,
                     class: "vue-ui-donut-arc-path",
                     "stroke-width": "0.5",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     fill: "none"
-                  }, null, 8, Go)) : p("", !0)
+                  }, null, 8, Gl)) : p("", !0)
                 ]))), 256)),
-                (u(!0), v(C, null, M(t.fill.donut, (l, d) => (u(), v("path", {
+                (u(!0), v(F, null, T(t.fill.donut, (o, d) => (u(), v("path", {
                   class: "vue-ui-donut-arc-path",
-                  d: l.arcSlice,
-                  fill: `${l.color}`,
+                  d: o.arcSlice,
+                  fill: `${o.color}`,
                   stroke: e.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, Vo))), 256)),
-                (u(!0), v(C, null, M(t.fill.donut, (l, d) => (u(), v("g", null, [
-                  Q(l, t.fill.donut, !0) > 6 ? (u(), v("g", Uo, [
+                }, null, 8, Vl))), 256)),
+                (u(!0), v(F, null, T(t.fill.donut, (o, d) => (u(), v("g", null, [
+                  ee(o, t.fill.donut, !0) > 6 ? (u(), v("g", Ul, [
                     i("text", {
-                      "text-anchor": n(G)(l, !0, 0).anchor,
-                      x: n(G)(l, !0, 2).x,
-                      y: n(pe)(l, 12, 12),
+                      "text-anchor": n(U)(o, !0, 0).anchor,
+                      x: n(U)(o, !0, 2).x,
+                      y: n(pe)(o, 12, 12),
                       fill: e.value.style.chart.legend.color,
                       "font-size": e.value.style.chart.legend.fontSize / 1.5
-                    }, j(n(fe)(
+                    }, L(n(fe)(
                       e.value.style.chart.dataLabel.formatter,
-                      l.value,
-                      `${Q(l, t.fill.donut)} (${n(B)({
+                      o.value,
+                      `${ee(o, t.fill.donut)} (${n(B)({
                         p: e.value.style.chart.legend.prefix,
-                        v: l.value,
+                        v: o.value,
                         s: e.value.style.chart.legend.suffix,
                         r: e.value.style.chart.legend.roundingValue
                       })})`,
-                      { datapoint: l, seriesIndex: d, type: "donutDatapoint" }
-                    )), 9, Ho),
+                      { datapoint: o, seriesIndex: d, type: "donutDatapoint" }
+                    )), 9, Hl),
                     i("text", {
-                      "text-anchor": n(G)(l).anchor,
-                      x: n(G)(l, !0, 2).x,
-                      y: n(pe)(l, 12, 12) + e.value.style.chart.legend.fontSize / 1.5,
+                      "text-anchor": n(U)(o).anchor,
+                      x: n(U)(o, !0, 2).x,
+                      y: n(pe)(o, 12, 12) + e.value.style.chart.legend.fontSize / 1.5,
                       fill: e.value.style.chart.legend.color,
                       "font-size": e.value.style.chart.legend.fontSize / 1.5
-                    }, j(l.name), 9, Xo)
+                    }, L(o.name), 9, Xl)
                   ])) : p("", !0)
                 ]))), 256))
               ])) : p("", !0),
-              t.fill.miniDonut && !m.value ? (u(), v("g", Zo, [
-                (u(!0), v(C, null, M(t.fill.miniDonut, (l, d) => (u(), v("path", {
+              t.fill.miniDonut && !b.value ? (u(), v("g", Zl, [
+                (u(!0), v(F, null, T(t.fill.miniDonut, (o, d) => (u(), v("path", {
                   class: "vue-ui-donut-arc-path",
-                  d: l.arcSlice,
-                  fill: `${l.color}`,
+                  d: o.arcSlice,
+                  fill: `${o.color}`,
                   stroke: e.value.style.chart.backgroundColor,
                   "stroke-width": 0.5
-                }, null, 8, qo))), 256))
+                }, null, 8, ql))), 256))
               ])) : p("", !0)
-            ], 12, jo))), 256))
+            ], 12, jl))), 256))
           ])) : p("", !0)
         ])) : p("", !0),
-        S(a.$slots, "svg", { svg: o.value }, void 0, !0)
-      ], 14, tl)),
-      a.$slots.watermark ? (u(), v("div", Yo, [
-        S(a.$slots, "watermark", de(ce({ isPrinting: n(Be) || n(Ie) })), void 0, !0)
+        m(a.$slots, "svg", { svg: l.value }, void 0, !0)
+      ], 14, to)),
+      a.$slots.watermark ? (u(), v("div", Yl, [
+        m(a.$slots, "watermark", j(N({ isPrinting: n(Be) || n(Ie) })), void 0, !0)
       ])) : p("", !0),
       a.$slots.source ? (u(), v("div", {
         key: 4,
@@ -1333,32 +1353,32 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
         ref: De,
         dir: "auto"
       }, [
-        S(a.$slots, "source", {}, void 0, !0)
+        m(a.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
-      Fe.value && x.value && e.value.userOptions.buttons.table ? (u(), J(Dt(oe.value.component), Ce({ key: 5 }, oe.value.props, {
+      Fe.value && C.value && e.value.userOptions.buttons.table ? (u(), te(Dt(se.value.component), Ce({ key: 5 }, se.value.props, {
         ref_key: "tableUnit",
-        ref: le,
+        ref: ae,
         onClose: Ve
       }), Ke({
-        content: D(() => [
-          (u(), J(n(vt), {
+        content: w(() => [
+          (u(), te(n(vt), {
             key: `table_${Pe.value}`,
-            colNames: ue.value.colNames,
-            head: ue.value.head,
-            body: ue.value.body,
-            config: ue.value.config,
-            title: e.value.table.useDialog ? "" : oe.value.title,
+            colNames: de.value.colNames,
+            head: de.value.head,
+            body: de.value.body,
+            config: de.value.config,
+            title: e.value.table.useDialog ? "" : se.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: Ve
           }, {
-            th: D(({ th: t }) => [
+            th: w(({ th: t }) => [
               i("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Ko)
+              }, null, 8, Kl)
             ]),
-            td: D(({ td: t }) => [
-              tt(j(t.name || t), 1)
+            td: w(({ td: t }) => [
+              tt(L(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1367,14 +1387,14 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: D(() => [
-            tt(j(oe.value.title), 1)
+          fn: w(() => [
+            tt(L(se.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: D(() => [
+          fn: w(() => [
             i("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1382,17 +1402,17 @@ const el = ["id"], tl = ["xmlns", "viewBox"], ll = ["width", "height"], ol = ["i
             }, [
               Qe(n(dt), {
                 name: "excel",
-                stroke: oe.value.props.color
+                stroke: se.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
       ]), 1040)) : p("", !0),
-      n(Z) ? (u(), J(Ut, { key: 6 })) : p("", !0)
-    ], 44, el));
+      n(Y) ? (u(), te(Ut, { key: 6 })) : p("", !0)
+    ], 44, eo));
   }
-}, hs = /* @__PURE__ */ Jt(Qo, [["__scopeId", "data-v-64641079"]]);
+}, ha = /* @__PURE__ */ Jt(Ql, [["__scopeId", "data-v-8adbefaa"]]);
 export {
-  hs as default
+  ha as default
 };