vue-data-ui 3.1.1 → 3.1.3

package/dist/{vue-ui-dumbbell-DfPYl3fu.js → vue-ui-dumbbell-BArS1nXS.js}

@@ -1,20 +1,20 @@
-import { defineAsyncComponent as H, computed as g, ref as h, toRefs as zt, watch as le, shallowRef as Ke, onMounted as Qe, onBeforeUnmount as et, watchEffect as Tt, createElementBlock as v, openBlock as n, unref as i, normalizeStyle as ae, normalizeClass as tt, createBlock as I, createCommentVNode as b, createElementVNode as c, createSlots as lt, withCtx as p, renderSlot as x, normalizeProps as se, guardReactiveProps as oe, createVNode as at, withDirectives as j, Fragment as C, renderList as A, toDisplayString as _, vShow as Y, Teleport as Dt, createTextVNode as _e, resolveDynamicComponent as It, mergeProps as Ot, nextTick as Ft } from "vue";
-import { u as Ht, c as st, t as Pt, b as Gt, o as Et, f as ot, g as Bt, h as nt, D as Rt, i as w, k as P, X as rt, s as ut, l as Z, j as J, v as Vt, w as Ut } from "./index-BKQqb9lF.js";
-import { t as ke, u as Wt } from "./useResponsive-DfdjqQps.js";
-import { u as qt } from "./usePrinter-BzuXiubT.js";
-import { u as jt, B as Yt } from "./BaseScanner-BgWxam9d.js";
-import { u as it } from "./useNestedProp-aBOhgs4U.js";
-import { u as Zt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Jt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Kt } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Qt from "./img-gBDz7xQQ.js";
-import el from "./Title-Dz-j6ERs.js";
-import tl from "./Legend-8_V5egWW.js";
-import { _ as ll } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "width", "height"], rl = { key: 1 }, ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], il = { key: 2 }, cl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dl = ["transform", "font-size", "fill"], hl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], fl = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], yl = ["x", "y", "font-size", "fill"], bl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], gl = ["d", "stroke", "stroke-width", "stroke-dasharray"], ml = ["d", "stroke", "stroke-width", "stroke-dasharray"], pl = ["x", "y", "height", "width", "fill"], xl = ["transform", "fill", "font-size"], _l = ["id"], kl = ["stop-color"], Cl = ["stop-color"], wl = ["stop-color"], $l = ["id"], Ll = ["stop-color"], Al = ["stop-color"], Nl = ["stop-color"], Sl = ["id"], Ml = ["stop-color"], Xl = ["stop-color"], zl = ["stop-color"], Tl = ["id"], Dl = ["stop-color"], Il = ["stop-color"], Ol = ["stop-color"], Fl = ["id"], Hl = ["stop-color"], Pl = ["stop-color"], Gl = ["stop-color"], El = ["id"], Bl = ["stop-color"], Rl = ["stop-color"], Vl = ["id"], Ul = ["stop-color"], Wl = ["stop-color"], ql = { key: 0 }, jl = { key: 0 }, Yl = ["d", "fill"], Zl = { key: 1 }, Jl = ["x", "y", "height", "width", "fill"], Kl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ql = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ea = { key: 7 }, ta = ["x", "y", "fill", "font-size"], la = { key: 8 }, aa = ["x", "y", "fill", "font-size"], sa = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], oa = {
+import { defineAsyncComponent as H, computed as g, ref as h, toRefs as Dt, watch as le, shallowRef as et, onMounted as tt, onBeforeUnmount as lt, watchEffect as It, createElementBlock as v, openBlock as n, unref as i, normalizeStyle as ae, normalizeClass as at, createBlock as D, createCommentVNode as b, createElementVNode as c, createSlots as st, withCtx as p, renderSlot as x, normalizeProps as se, guardReactiveProps as oe, createVNode as ot, withDirectives as j, Fragment as C, renderList as A, toDisplayString as _, vShow as Y, Teleport as Ot, createTextVNode as ke, resolveDynamicComponent as Ft, mergeProps as Ht, nextTick as Pt } from "vue";
+import { u as Gt, c as nt, t as Et, b as Rt, o as Bt, f as rt, g as Vt, h as ut, D as Ut, i as w, k as P, X as it, s as ct, l as Z, j as J, v as Wt, w as qt } from "./index-CaxArMHL.js";
+import { t as Ce, u as jt } from "./useResponsive-DfdjqQps.js";
+import { u as Yt } from "./usePrinter-BYtPmEo8.js";
+import { u as Zt, B as Jt } from "./BaseScanner-BgWxam9d.js";
+import { u as vt } from "./useNestedProp-tWT02_6S.js";
+import { u as Kt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Qt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as el } from "./useTimeLabelCollider-CIsgDrl9.js";
+import tl from "./img-DSrvx9J6.js";
+import ll from "./Title-CqYBs02Y.js";
+import al from "./Legend-5qvgVkrY.js";
+import { _ as sl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "width", "height"], il = { key: 1 }, cl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vl = { key: 2 }, dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], hl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], fl = ["transform", "font-size", "fill"], yl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], bl = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], gl = ["x", "y", "font-size", "fill"], ml = ["transform", "font-size", "fill", "font-weight", "text-anchor"], pl = ["d", "stroke", "stroke-width", "stroke-dasharray"], xl = ["d", "stroke", "stroke-width", "stroke-dasharray"], _l = ["x", "y", "height", "width", "fill"], kl = ["transform", "fill", "font-size"], Cl = ["id"], wl = ["stop-color"], $l = ["stop-color"], Ll = ["stop-color"], Al = ["id"], Nl = ["stop-color"], Sl = ["stop-color"], Ml = ["stop-color"], Xl = ["id"], zl = ["stop-color"], Tl = ["stop-color"], Dl = ["stop-color"], Il = ["id"], Ol = ["stop-color"], Fl = ["stop-color"], Hl = ["stop-color"], Pl = ["id"], Gl = ["stop-color"], El = ["stop-color"], Rl = ["stop-color"], Bl = ["id"], Vl = ["stop-color"], Ul = ["stop-color"], Wl = ["id"], ql = ["stop-color"], jl = ["stop-color"], Yl = { key: 0 }, Zl = { key: 0 }, Jl = ["d", "fill"], Kl = { key: 1 }, Ql = ["x", "y", "height", "width", "fill"], ea = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ta = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], la = { key: 7 }, aa = ["x", "y", "fill", "font-size"], sa = { key: 8 }, oa = ["x", "y", "fill", "font-size"], na = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], ra = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, na = ["id"], ra = ["xmlns", "height", "width"], ua = ["fill"], ia = ["innerHTML"], ca = {
+}, ua = ["id"], ia = ["xmlns", "height", "width"], ca = ["fill"], va = ["innerHTML"], da = {
   __name: "vue-ui-dumbbell",
   props: {
     config: {
@@ -31,18 +31,18 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
     }
   },
   emits: ["selectDatapoint"],
-  setup(ct, { expose: vt, emit: va }) {
-    const dt = H(() => import("./BaseIcon-DLesaZpW.js")), ht = H(() => import("./vue-ui-accordion-B5QeV3BK.js")), ft = H(() => import("./DataTable-BAf4Obr9.js")), yt = H(() => import("./PenAndPaper-B6OvfyHH.js")), bt = H(() => import("./UserOptions-CsDlFB0L.js")), gt = H(() => import("./PackageVersion-Cv_ypT0N.js")), mt = H(() => import("./BaseDraggableDialog-B2BQC0-h.js")), { vue_ui_dumbbell: pt } = Ht(), N = ct, K = g({
+  setup(dt, { expose: ht, emit: ha }) {
+    const ft = H(() => import("./BaseIcon-BcOSijbz.js")), yt = H(() => import("./vue-ui-accordion-DUlNpLir.js")), bt = H(() => import("./DataTable-Cm8Tt9PQ.js")), gt = H(() => import("./PenAndPaper-CyH7Ip2i.js")), mt = H(() => import("./UserOptions-ZmwlARCV.js")), pt = H(() => import("./PackageVersion-0XlRFsI_.js")), xt = H(() => import("./BaseDraggableDialog-BmN9jTP8.js")), { vue_ui_dumbbell: _t } = Gt(), N = dt, K = g({
       get() {
         return !!N.dataset && N.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), f = h(st()), Ce = h(0), S = h(null), we = h(null), $e = h(null), Le = h(null), Ae = h(null), Ne = h(0), Se = h(0), Me = h(0), Xe = h(!1), U = h(null), ne = h(null), re = h(null), Q = h(null), ue = h(null), O = h(null), r = h(null), F = h(!1), e = h(de()), { loading: ie, FINAL_DATASET: ce, manualLoading: xt } = jt({
-      ...zt(N),
+    }), f = h(nt()), we = h(0), S = h(null), $e = h(null), Le = h(null), Ae = h(null), Ne = h(null), Se = h(0), Me = h(0), Xe = h(0), ze = h(!1), U = h(null), ne = h(null), re = h(null), ue = h(null), Q = h(null), ie = h(null), I = h(null), r = h(null), O = h(!1), e = h(he()), { loading: ce, FINAL_DATASET: ve, manualLoading: kt } = Zt({
+      ...Dt(N),
       FINAL_CONFIG: e,
-      prepareConfig: de,
+      prepareConfig: he,
       skeletonDataset: [
         { name: "_", start: 21, end: 34 },
         { name: "_", start: 13, end: 21 },
@@ -50,7 +50,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
         { name: "_", start: 5, end: 8 },
         { name: "_", start: 3, end: 5 }
       ],
-      skeletonConfig: Pt({
+      skeletonConfig: Et({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -92,118 +92,118 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
           }
         }
       })
-    }), { userOptionsVisible: ve, setUserOptionsVisibility: ze, keepUserOptionState: Te } = Zt({ config: e.value }), { svgRef: De } = Jt({ config: e.value.style.chart.title });
-    function de() {
-      const l = it({
+    }), { userOptionsVisible: de, setUserOptionsVisibility: Te, keepUserOptionState: De } = Kt({ config: e.value }), { svgRef: Ie } = Qt({ config: e.value.style.chart.title });
+    function he() {
+      const l = vt({
         userConfig: N.config,
-        defaultConfig: pt
+        defaultConfig: _t
       });
       return l.theme ? {
-        ...it({
-          userConfig: Gt.vue_ui_dumbbell[l.theme] || N.config,
+        ...vt({
+          userConfig: Rt.vue_ui_dumbbell[l.theme] || N.config,
           defaultConfig: l
         })
       } : l;
     }
     le(() => N.config, (l) => {
-      ie.value || (e.value = de()), ve.value = !e.value.userOptions.showOnChartHover, Oe(), Ne.value += 1, Se.value += 1, Me.value += 1, B.value = e.value.style.chart.rowHeight, R.value = e.value.style.chart.width, X.value.showTable = e.value.table.show;
-    }, { deep: !0 }), le(() => ce.value, (l) => {
-      Array.isArray(l) && l.length > 0 && (xt.value = !1), Ve(), Ue();
+      ce.value || (e.value = he()), de.value = !e.value.userOptions.showOnChartHover, Fe(), Se.value += 1, Me.value += 1, Xe.value += 1, R.value = e.value.style.chart.rowHeight, B.value = e.value.style.chart.width, F.value.showTable = e.value.table.show;
+    }, { deep: !0 }), le(() => ve.value, (l) => {
+      Array.isArray(l) && l.length > 0 && (kt.value = !1), Ue(), We();
     }, { deep: !0 });
-    const M = Ke(null), G = Ke(null);
-    Qe(() => {
-      Xe.value = !0, Oe();
+    const M = et(null), G = et(null);
+    tt(() => {
+      ze.value = !0, Fe();
     });
-    const Ie = g(() => !!e.value.debug);
-    function Oe() {
-      if (Et(N.dataset) ? ot({
+    const Oe = g(() => !!e.value.debug);
+    function Fe() {
+      if (Bt(N.dataset) ? rt({
         componentName: "VueUiDumbbell",
         type: "dataset",
-        debug: Ie.value
+        debug: Oe.value
       }) : N.dataset.forEach((l, s) => {
-        Bt({
+        Vt({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
         }).forEach((t) => {
-          K.value = !1, ot({
+          K.value = !1, rt({
             componentName: "VueUiDumbbell",
             type: "datasetSerieAttribute",
             property: t,
             index: s,
-            debug: Ie.value
+            debug: Oe.value
           });
         });
       }), e.value.responsive) {
-        const l = ke(() => {
-          const { width: s, height: t } = Wt({
+        const l = Ce(() => {
+          const { width: s, height: t } = jt({
             chart: S.value,
-            title: e.value.style.chart.title.text ? we.value : null,
-            legend: e.value.style.chart.legend.show ? $e.value : null,
-            source: Le.value,
-            noTitle: Ae.value
+            title: e.value.style.chart.title.text ? $e.value : null,
+            legend: e.value.style.chart.legend.show ? Le.value : null,
+            source: Ae.value,
+            noTitle: Ne.value
           }), a = e.value.style.chart.title.text ? 24 : 0, u = e.value.style.chart.legend.show ? 24 : 0;
           requestAnimationFrame(async () => {
-            R.value = Math.max(0.1, s), B.value = Math.max(0.1, (Math.max(0.1, t) - (a + u)) / ce.value.length), Ze();
+            B.value = Math.max(0.1, s), R.value = Math.max(0.1, (Math.max(0.1, t) - (a + u)) / ve.value.length), Je();
           });
         });
         M.value && (G.value && M.value.unobserve(G.value), M.value.disconnect()), M.value = new ResizeObserver(l), G.value = S.value.parentNode, M.value.observe(G.value);
       }
-      Ze();
+      Je();
     }
-    et(() => {
+    lt(() => {
       L.value != null && (cancelAnimationFrame(L.value), L.value = null), M.value && (G.value && M.value.unobserve(G.value), M.value.disconnect());
     });
-    const { isPrinting: Fe, isImaging: He, generatePdf: Pe, generateImage: Ge } = qt({
+    const { isPrinting: He, isImaging: Pe, generatePdf: Ge, generateImage: Ee } = Yt({
       elementId: `dumbbell_${f.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-dumbbell",
       options: e.value.userOptions.print
-    }), _t = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), X = h({
+    }), Ct = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), F = h({
       showTable: e.value.table.show
     });
     le(e, () => {
-      X.value = {
+      F.value = {
         showTable: e.value.table.show
       };
     }, { immediate: !0 });
-    const E = g(() => ce.value.map((l, s) => ({
+    const E = g(() => ve.value.map((l, s) => ({
       ...l,
-      start: nt(l.start),
-      end: nt(l.end),
-      id: l.id ?? `${String(l.name)}__${String(l.start)}__${String(l.end)}__${st()}`
-    }))), Ee = g(() => {
+      start: ut(l.start),
+      end: ut(l.end),
+      id: l.id ?? `${String(l.name)}__${String(l.start)}__${String(l.end)}__${nt()}`
+    }))), Re = g(() => {
       const l = e.value.style.chart.grid, s = E.value.flatMap((y) => [y.start, y.end]).map((y) => Number(y)).filter((y) => Number.isFinite(y)), t = s.length ? Math.min(...s) : 0, a = s.length ? Math.max(...s) : 0, u = l.scaleMin ?? Math.min(t, 0), d = l.scaleMax ?? a;
       return { min: u, max: d };
-    }), $ = g(() => Rt(Ee.value.min, Ee.value.max, e.value.style.chart.grid.scaleSteps)), B = h(e.value.style.chart.rowHeight), R = h(e.value.style.chart.width);
-    function kt() {
+    }), $ = g(() => Ut(Re.value.min, Re.value.max, e.value.style.chart.grid.scaleSteps)), R = h(e.value.style.chart.rowHeight), B = h(e.value.style.chart.width);
+    function wt() {
       let l = 0;
-      re.value && (l = Array.from(re.value.querySelectorAll("text")).reduce((a, u) => {
+      ue.value && (l = Array.from(ue.value.querySelectorAll("text")).reduce((a, u) => {
         const d = u.getComputedTextLength();
         return d > a ? d : a;
       }, 0));
-      const s = ne.value ? ne.value.getBoundingClientRect().width : 0;
+      const s = re.value ? re.value.getBoundingClientRect().width : 0;
       return l + s + (s ? 24 + e.value.style.chart.labels.axis.yLabelOffsetX : 0);
     }
-    const he = h(0), Ct = ke((l) => {
-      he.value = l;
+    const fe = h(0), $t = Ce((l) => {
+      fe.value = l;
     }, 100);
-    Tt((l) => {
+    It((l) => {
       const s = Q.value;
       if (!s) return;
       const t = new ResizeObserver((a) => {
-        Ct(a[0].contentRect.height);
+        $t(a[0].contentRect.height);
       });
       t.observe(s), l(() => t.disconnect());
-    }), et(() => {
-      he.value = 0;
+    }), lt(() => {
+      fe.value = 0;
     });
     const Be = g(() => {
-      F.value;
+      O.value;
       let l = 0;
-      ue.value && (l = ue.value.getBBox().height);
+      ie.value && (l = ie.value.getBBox().height);
       let s = 0;
-      return Q.value && (s = he.value), l + s;
-    }), fe = g(() => E.value.length);
-    function Re(l, s, t) {
+      return Q.value && (s = fe.value), l + s;
+    }), ye = g(() => E.value.length);
+    function Ve(l, s, t) {
       const a = Number(l), u = Number(s.min), d = Number(s.max), y = Number(t.width);
       if (!Number.isFinite(a) || !Number.isFinite(u) || !Number.isFinite(d) || !Number.isFinite(y))
         return t.left;
@@ -211,11 +211,11 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
       return m <= 0 ? t.left : t.left + (a - u) / m * y;
     }
     const o = g(() => {
-      F.value;
-      const l = kt(), s = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = B.value * fe.value - Be.value - s.top - s.bottom - t, u = a / fe.value, d = B.value * fe.value, y = R.value - l - s.left - s.right, m = $.value.ticks.length * (y / $.value.ticks.length);
+      O.value;
+      const l = wt(), s = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = R.value * ye.value - Be.value - s.top - s.bottom - t, u = a / ye.value, d = R.value * ye.value, y = B.value - l - s.left - s.right, m = $.value.ticks.length * (y / $.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left + l,
-        right: R.value - e.value.style.chart.padding.right,
+        right: B.value - e.value.style.chart.padding.right,
         top: e.value.style.chart.padding.top,
         bottom: d - e.value.style.chart.padding.bottom - Be.value - t,
         width: y,
@@ -224,18 +224,18 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
         absoluteHeight: d,
         widthPlotReference: m
       };
-    }), z = g(() => Math.min(B.value / 2 * 0.7, e.value.style.chart.plots.radius)), W = h([]), k = g({
+    }), X = g(() => Math.min(R.value / 2 * 0.7, e.value.style.chart.plots.radius)), W = h([]), k = g({
       get() {
         const l = o.value, s = $.value;
         return W.value.map((t, a) => {
-          const u = Re(t.start, s, l), d = Re(t.endVal, s, l), y = u + (d - u) / 2, m = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end > t.start, D = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end < t.start, Je = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end === t.start || [null, void 0].includes(t.start) || [null, void 0].includes(t.end), Xt = m ? e.value.style.chart.plots.evaluationColors.positive : D ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
+          const u = Ve(t.start, s, l), d = Ve(t.endVal, s, l), y = u + (d - u) / 2, m = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end > t.start, T = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end < t.start, Qe = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end === t.start || [null, void 0].includes(t.start) || [null, void 0].includes(t.end), Tt = m ? e.value.style.chart.plots.evaluationColors.positive : T ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
           return {
             ...t,
             isPositive: m,
-            isNegative: D,
-            isNeutral: Je,
-            evaluationColor: Xt,
-            evaluationGrad: `url(#${m ? "positive" : D ? "negative" : "neutral"}_grad_${f.value})`,
+            isNegative: T,
+            isNeutral: Qe,
+            evaluationColor: Tt,
+            evaluationGrad: `url(#${m ? "positive" : T ? "negative" : "neutral"}_grad_${f.value})`,
             startX: u,
             endX: d,
             centerX: y,
@@ -247,7 +247,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
         W.value = l;
       }
     });
-    function Ve() {
+    function Ue() {
       W.value = E.value.map((l) => {
         const s = Number(l.start);
         return {
@@ -257,11 +257,11 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
       });
     }
     const L = h(null);
-    Qe(() => {
-      Ue();
+    tt(() => {
+      We();
     });
-    function Ue() {
-      if (L.value != null && (cancelAnimationFrame(L.value), L.value = null), Ve(), !e.value.useAnimation) {
+    function We() {
+      if (L.value != null && (cancelAnimationFrame(L.value), L.value = null), Ue(), !e.value.useAnimation) {
         k.value = W.value.map((a) => {
           const u = Number(a.end);
           return { ...a, endVal: Number.isFinite(u) ? u : a.endVal };
@@ -274,20 +274,20 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
       }), t = () => {
         let a = !0;
         k.value = W.value.map((u, d) => {
-          const y = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, m = u.endVal + s[d] * l, D = s[d] >= 0 ? Math.min(m, y) : Math.max(m, y);
-          return D !== y && (a = !1), { ...u, endVal: D };
+          const y = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, m = u.endVal + s[d] * l, T = s[d] >= 0 ? Math.min(m, y) : Math.max(m, y);
+          return T !== y && (a = !1), { ...u, endVal: T };
         }), a ? L.value = null : L.value = requestAnimationFrame(t);
       };
       L.value = requestAnimationFrame(t);
     }
-    const We = g(() => e.value.style.chart.plots.evaluationColors.enable ? [
+    const qe = g(() => e.value.style.chart.plots.evaluationColors.enable ? [
       { name: e.value.style.chart.legend.labelNegative, color: e.value.style.chart.plots.gradient.show ? `url(#negative_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.negative },
       { name: e.value.style.chart.legend.labelNeutral, color: e.value.style.chart.plots.gradient.show ? `url(#neutral_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.neutral },
       { name: e.value.style.chart.legend.labelPositive, color: e.value.style.chart.plots.gradient.show ? `url(#positive_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.positive }
     ] : [
       { name: e.value.style.chart.legend.labelStart, color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${f.value})` : e.value.style.chart.plots.startColor },
       { name: e.value.style.chart.legend.labelEnd, color: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${f.value})` : e.value.style.chart.plots.endColor }
-    ]), wt = g(() => ({
+    ]), Lt = g(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -295,7 +295,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
       paddingBottom: 12,
       paddingTop: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), T = g(() => {
+    })), z = g(() => {
       const l = k.value.map((t) => ({
         name: t.name
       })), s = k.value.map((t) => ({
@@ -309,19 +309,19 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
         e.value.table.columnNames.start,
         e.value.table.columnNames.end,
         e.value.table.columnNames.progression
-      ], s = T.value.head.map((u, d) => {
+      ], s = z.value.head.map((u, d) => {
         const y = w({
           p: e.value.style.chart.labels.prefix,
-          v: T.value.body[d].start,
+          v: z.value.body[d].start,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         }), m = w({
           p: e.value.style.chart.labels.prefix,
-          v: T.value.body[d].end,
+          v: z.value.body[d].end,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
-        }), D = w({
-          v: 100 * (T.value.body[d].end / T.value.body[d].start - 1),
+        }), T = w({
+          v: 100 * (z.value.body[d].end / z.value.body[d].start - 1),
           s: "%",
           r: e.value.table.td.roundingPercentage
         });
@@ -329,7 +329,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
           { name: u.name },
           y,
           m,
-          D
+          T
         ];
       }), t = {
         th: {
@@ -356,31 +356,31 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
         config: t
       };
     });
-    function ye(l = null) {
-      Ft(() => {
-        const s = T.value.head.map((u, d) => [[
+    function be(l = null) {
+      Pt(() => {
+        const s = z.value.head.map((u, d) => [[
           u.name
-        ], [T.value.body[d].start], [T.value.body[d].end]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(s), a = Vt(t);
-        l ? l(a) : Ut({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
+        ], [z.value.body[d].start], [z.value.body[d].end]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(s), a = Wt(t);
+        l ? l(a) : qt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
     const V = h(!1);
-    function qe(l) {
-      V.value = l, Ce.value += 1;
+    function je(l) {
+      V.value = l, we.value += 1;
     }
-    function $t() {
+    function At() {
       return E.value;
     }
-    function je() {
-      X.value.showTable = !X.value.showTable;
+    function Ye() {
+      F.value.showTable = !F.value.showTable;
     }
     const te = h(!1);
-    function be() {
+    function ge() {
       te.value = !te.value;
     }
-    async function Lt({ scale: l = 2 } = {}) {
+    async function Nt({ scale: l = 2 } = {}) {
       if (!S.value) return;
-      const { width: s, height: t } = S.value.getBoundingClientRect(), a = s / t, { imageUri: u, base64: d } = await Qt({ domElement: S.value, base64: !0, img: !0, scale: l });
+      const { width: s, height: t } = S.value.getBoundingClientRect(), a = s / t, { imageUri: u, base64: d } = await tl({ domElement: S.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: u,
         base64: d,
@@ -390,21 +390,21 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
         aspectRatio: a
       };
     }
-    const Ye = g(() => $.value.ticks), At = g(() => ({ start: 0, end: Ye.value.length }));
-    Kt({
+    const Ze = g(() => $.value.ticks), St = g(() => ({ start: 0, end: Ze.value.length }));
+    el({
       timeLabelsEls: Q,
-      timeLabels: Ye,
-      slicer: At,
+      timeLabels: Ze,
+      slicer: St,
       configRef: e,
       rotationPath: ["style", "chart", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["style", "chart", "labels", "xAxisLabels", "autoRotate", "enable"],
       isAutoSize: !1,
-      width: R,
-      height: B,
+      width: B,
+      height: R,
       targetClass: ".vue-ui-dumbbell-scale-label",
       rotation: e.value.style.chart.labels.xAxisLabels.autoRotate.angle
     });
-    function Nt({
+    function Mt({
       rowHeight: l,
       fontSize: s,
       showProgression: t
@@ -413,42 +413,42 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
       const a = l / 3, u = l / 1.3, d = Math.abs(u - a), y = s * 1.2;
       return d < y;
     }
-    const St = /* @__PURE__ */ (() => {
+    const Xt = /* @__PURE__ */ (() => {
       let l = null, s = 0;
       const t = 1;
       return (a) => {
-        if (a === F.value) {
+        if (a === O.value) {
           l = null, s = 0;
           return;
         }
-        l === null || l !== a ? (l = a, s = 1) : (s += 1, s >= t && (F.value = a, l = null, s = 0));
+        l === null || l !== a ? (l = a, s = 1) : (s += 1, s >= t && (O.value = a, l = null, s = 0));
       };
-    })(), Ze = ke(() => {
+    })(), Je = Ce(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          const l = Nt({
+          const l = Mt({
             rowHeight: o.value.rowHeight,
             fontSize: e.value.style.chart.labels.yAxisLabels.fontSize,
             showProgression: e.value.style.chart.labels.yAxisLabels.showProgression
           });
-          St(l);
+          Xt(l);
         });
       });
     }, 100);
-    function ge({ datapoint: l, seriesIndex: s }) {
-      O.value = s, r.value = l, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s });
-    }
     function me({ datapoint: l, seriesIndex: s }) {
-      O.value = null, r.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s });
+      I.value = s, r.value = l, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s });
     }
     function pe({ datapoint: l, seriesIndex: s }) {
+      I.value = null, r.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s });
+    }
+    function xe({ datapoint: l, seriesIndex: s }) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
     }
-    const xe = g(() => {
+    const _e = g(() => {
       if (r.value === null) return 0;
       const l = ![null, void 0].includes(r.value.start), s = ![null, void 0].includes(r.value.end);
       return l && s ? Math.min(r.value.startX, r.value.endX) + Math.abs(r.value.startX - r.value.endX) / 2 : l && !s ? r.value.startX : s && !l ? r.value.endX : null;
-    }), Mt = g(() => {
+    }), zt = g(() => {
       if (r.value === null) return "";
       const l = ![null, void 0].includes(r.value.start), s = ![null, void 0].includes(r.value.end);
       let t = "", a = "";
@@ -461,7 +461,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
           s: e.value.style.chart.labels.suffix,
           r: e.value.style.chart.labels.startLabels.rounding
         }),
-        { datapoint: r.value, seriesIndex: O.value }
+        { datapoint: r.value, seriesIndex: I.value }
       )), s && (a = P(
         e.value.style.chart.labels.formatter,
         r.value.end,
@@ -471,12 +471,12 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
           s: e.value.style.chart.labels.suffix,
           r: e.value.style.chart.labels.startLabels.rounding
         }),
-        { datapoint: r.value, seriesIndex: O.value }
+        { datapoint: r.value, seriesIndex: I.value }
       )), l && s ? `${t} → ${a}` : l && !s ? t : s && !l ? a : "";
     }), q = g(() => {
-      const l = e.value.table.useDialog && !e.value.table.show, s = X.value.showTable;
+      const l = e.value.table.useDialog && !e.value.table.show, s = F.value.showTable;
       return {
-        component: l ? mt : ht,
+        component: l ? xt : yt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -503,49 +503,53 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
         }
       };
     });
-    return le(() => X.value.showTable, (l) => {
+    le(() => F.value.showTable, (l) => {
       e.value.table.show || (l && e.value.table.useDialog && U.value ? U.value.open() : "close" in U.value && U.value.close());
-    }), vt({
-      getData: $t,
-      getImage: Lt,
-      generatePdf: Pe,
-      generateCsv: ye,
-      generateImage: Ge,
-      toggleTable: je,
-      toggleAnnotator: be,
-      toggleFullscreen: qe
+    });
+    function Ke() {
+      F.value.showTable = !1, ne.value && ne.value.setTableIconState(!1);
+    }
+    return ht({
+      getData: At,
+      getImage: Nt,
+      generatePdf: Ge,
+      generateCsv: be,
+      generateImage: Ee,
+      toggleTable: Ye,
+      toggleAnnotator: ge,
+      toggleFullscreen: je
     }), (l, s) => (n(), v("div", {
       ref_key: "dumbbellChart",
       ref: S,
-      class: tt(`vue-ui-dumbbell ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: at(`vue-ui-dumbbell ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: ae(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `dumbbell_${f.value}`,
-      onMouseenter: s[3] || (s[3] = () => i(ze)(!0)),
-      onMouseleave: s[4] || (s[4] = () => i(ze)(!1))
+      onMouseenter: s[1] || (s[1] = () => i(Te)(!0)),
+      onMouseleave: s[2] || (s[2] = () => i(Te)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), I(i(yt), {
+      e.value.userOptions.buttons.annotator ? (n(), D(i(gt), {
         key: 0,
-        svgRef: i(De),
+        svgRef: i(Ie),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: te.value,
-        onClose: be
+        onClose: ge
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
-      _t.value ? (n(), v("div", {
+      Ct.value ? (n(), v("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Ae,
+        ref: Ne,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : b("", !0),
       e.value.style.chart.title.text ? (n(), v("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: we,
+        ref: $e,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), I(el, {
-          key: `title_${Ne.value}`,
+        (n(), D(ll, {
+          key: `title_${Se.value}`,
           config: {
             title: {
               cy: "donut-div-title",
@@ -560,14 +564,15 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
       ], 512)) : b("", !0),
       c("div", {
         id: `legend-top-${f.value}`
-      }, null, 8, sl),
-      e.value.userOptions.show && K.value && (i(Te) || i(ve)) ? (n(), I(i(bt), {
-        ref: "details",
-        key: `user_option_${Ce.value}`,
+      }, null, 8, nl),
+      e.value.userOptions.show && K.value && (i(De) || i(de)) ? (n(), D(i(mt), {
+        ref_key: "userOptionsRef",
+        ref: ne,
+        key: `user_option_${we.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: i(Fe),
-        isImaging: i(He),
+        isPrinting: i(He),
+        isImaging: i(Pe),
         uid: f.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -582,16 +587,17 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
         isAnnotation: te.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: qe,
-        onGeneratePdf: i(Pe),
-        onGenerateCsv: ye,
-        onGenerateImage: i(Ge),
-        onToggleTable: je,
-        onToggleAnnotator: be,
+        tableDialog: e.value.table.useDialog,
+        onToggleFullscreen: je,
+        onGeneratePdf: i(Ge),
+        onGenerateCsv: be,
+        onGenerateImage: i(Ee),
+        onToggleTable: Ye,
+        onToggleAnnotator: ge,
         style: ae({
-          visibility: i(Te) ? i(ve) ? "visible" : "hidden" : "visible"
+          visibility: i(De) ? i(de) ? "visible" : "hidden" : "visible"
         })
-      }, lt({ _: 2 }, [
+      }, st({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: p(({ isOpen: t, color: a }) => [
@@ -641,16 +647,16 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
           ]),
           key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : b("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : b("", !0),
       (n(), v("svg", {
         ref_key: "svgRef",
-        ref: De,
-        xmlns: i(rt),
-        class: tt({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
-        viewBox: `0 0 ${R.value} ${o.value.absoluteHeight <= 0 ? 10 : o.value.absoluteHeight}`,
+        ref: Ie,
+        xmlns: i(it),
+        class: at({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
+        viewBox: `0 0 ${B.value} ${o.value.absoluteHeight <= 0 ? 10 : o.value.absoluteHeight}`,
         style: ae(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        at(i(gt)),
+        ot(i(pt)),
         l.$slots["chart-background"] ? (n(), v("foreignObject", {
           key: 0,
           x: o.value.left,
@@ -662,8 +668,8 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
           }
         }, [
           x(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, nl)) : b("", !0),
-        e.value.style.chart.grid.verticalGrid.show ? (n(), v("g", rl, [
+        ], 8, ul)) : b("", !0),
+        e.value.style.chart.grid.verticalGrid.show ? (n(), v("g", il, [
           (n(!0), v(C, null, A($.value.ticks, (t, a) => (n(), v("line", {
             x1: o.value.left + a * o.value.width / ($.value.ticks.length - 1),
             x2: o.value.left + a * o.value.width / ($.value.ticks.length - 1),
@@ -672,9 +678,9 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             stroke: e.value.style.chart.grid.verticalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.verticalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.verticalGrid.strokeDasharray
-          }, null, 8, ul))), 256))
+          }, null, 8, cl))), 256))
         ])) : b("", !0),
-        e.value.style.chart.grid.horizontalGrid.show ? (n(), v("g", il, [
+        e.value.style.chart.grid.horizontalGrid.show ? (n(), v("g", vl, [
           (n(!0), v(C, null, A(E.value, (t, a) => (n(), v("line", {
             x1: o.value.left,
             x2: o.value.right,
@@ -683,7 +689,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, cl))), 256)),
+          }, null, 8, dl))), 256)),
           c("line", {
             x1: o.value.left,
             x2: o.value.right,
@@ -692,35 +698,35 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, vl)
+          }, null, 8, hl)
         ])) : b("", !0),
         e.value.style.chart.labels.axis.yLabel ? (n(), v("text", {
           key: 3,
           ref_key: "yAxisLabel",
-          ref: ne,
+          ref: re,
           transform: `translate(${e.value.style.chart.labels.axis.fontSize}, ${o.value.absoluteHeight / 2}), rotate(-90)`,
           "font-size": e.value.style.chart.labels.axis.fontSize,
           fill: e.value.style.chart.labels.axis.color,
           "text-anchor": "middle"
-        }, _(e.value.style.chart.labels.axis.yLabel), 9, dl)) : b("", !0),
+        }, _(e.value.style.chart.labels.axis.yLabel), 9, fl)) : b("", !0),
         e.value.style.chart.labels.yAxisLabels.show ? (n(), v("g", {
           key: 4,
           ref_key: "serieLabels",
-          ref: re
+          ref: ue
         }, [
           (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("text", {
             class: "vue-ui-dumbbell-serie-name",
             key: `serieLabel_${t.id}_${a}`,
             x: o.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
-            y: o.value.top + a * o.value.rowHeight + (!e.value.style.chart.labels.yAxisLabels.showProgression || F.value ? o.value.rowHeight / 2 : o.value.rowHeight / 3) + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
+            y: o.value.top + a * o.value.rowHeight + (!e.value.style.chart.labels.yAxisLabels.showProgression || O.value ? o.value.rowHeight / 2 : o.value.rowHeight / 3) + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
             "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
             fill: e.value.style.chart.labels.yAxisLabels.color,
             "font-weight": e.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
             "text-anchor": "end",
-            onMouseenter: (u) => ge({ datapoint: t, seriesIndex: a }),
-            onMouseleave: (u) => me({ datapoint: t, seriesIndex: a }),
-            onClick: (u) => pe({ datapoint: t, seriesIndex: a })
-          }, _(t.name) + " " + _(F.value && e.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(t.start) || [null, void 0].includes(t.end) ? "" : `(${i(P)(
+            onMouseenter: (u) => me({ datapoint: t, seriesIndex: a }),
+            onMouseleave: (u) => pe({ datapoint: t, seriesIndex: a }),
+            onClick: (u) => xe({ datapoint: t, seriesIndex: a })
+          }, _(t.name) + " " + _(O.value && e.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(t.start) || [null, void 0].includes(t.end) ? "" : `(${i(P)(
             e.value.style.chart.labels.yAxisLabels.formatter,
             100 * (t.end / t.start - 1),
             i(w)({
@@ -729,17 +735,17 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
               r: e.value.style.chart.labels.yAxisLabels.rounding
             }),
             { datapoint: t }
-          )})` : ""), 41, hl))), 128)),
-          e.value.style.chart.labels.yAxisLabels.showProgression && !F.value ? (n(!0), v(C, { key: 0 }, A(k.value, (t, a) => (n(), v("text", {
+          )})` : ""), 41, yl))), 128)),
+          e.value.style.chart.labels.yAxisLabels.showProgression && !O.value ? (n(!0), v(C, { key: 0 }, A(k.value, (t, a) => (n(), v("text", {
             class: "vue-ui-dumbbell-serie-value",
             x: o.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
             y: o.value.top + a * o.value.rowHeight + o.value.rowHeight / 1.3 + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
             "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
             fill: e.value.style.chart.labels.yAxisLabels.color,
             "text-anchor": "end",
-            onMouseenter: (u) => ge({ datapoint: t, seriesIndex: a }),
-            onMouseleave: (u) => me({ datapoint: t, seriesIndex: a }),
-            onClick: (u) => pe({ datapoint: t, seriesIndex: a })
+            onMouseenter: (u) => me({ datapoint: t, seriesIndex: a }),
+            onMouseleave: (u) => pe({ datapoint: t, seriesIndex: a }),
+            onClick: (u) => xe({ datapoint: t, seriesIndex: a })
           }, _([null, void 0].includes(t.start) || [null, void 0].includes(t.end) ? "" : i(P)(
             e.value.style.chart.labels.yAxisLabels.formatter,
             100 * (t.end / t.start - 1),
@@ -749,18 +755,18 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
               r: e.value.style.chart.labels.yAxisLabels.rounding
             }),
             { datapoint: t }
-          )), 41, fl))), 256)) : b("", !0)
+          )), 41, bl))), 256)) : b("", !0)
         ], 512)) : b("", !0),
         e.value.style.chart.labels.axis.xLabel ? (n(), v("text", {
           key: 5,
           ref_key: "xAxisLabel",
-          ref: ue,
+          ref: ie,
           x: o.value.left + o.value.width / 2,
           y: o.value.absoluteHeight - e.value.style.chart.labels.axis.fontSize / 3,
           "font-size": e.value.style.chart.labels.axis.fontSize,
           fill: e.value.style.chart.labels.axis.color,
           "text-anchor": "middle"
-        }, _(e.value.style.chart.labels.axis.xLabel), 9, yl)) : b("", !0),
+        }, _(e.value.style.chart.labels.axis.xLabel), 9, gl)) : b("", !0),
         e.value.style.chart.labels.xAxisLabels.show ? (n(), v("g", {
           key: 6,
           ref_key: "scaleLabels",
@@ -784,7 +790,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
               r: e.value.style.chart.labels.xAxisLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, bl))), 128))
+          )), 9, ml))), 128))
         ], 512)) : b("", !0),
         j(c("g", null, [
           j(c("path", {
@@ -793,7 +799,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             "stroke-width": e.value.style.chart.comparisonLines.strokeWidth,
             "stroke-dasharray": e.value.style.chart.comparisonLines.strokeDasharray,
             style: { transition: "all 0.3s ease-in-out" }
-          }, null, 8, gl), [
+          }, null, 8, pl), [
             [Y, r.value !== null && ![null, void 0].includes(r.value.start)]
           ]),
           j(c("path", {
@@ -802,7 +808,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             "stroke-width": e.value.style.chart.comparisonLines.strokeWidth,
             "stroke-dasharray": e.value.style.chart.comparisonLines.strokeDasharray,
             style: { transition: "all 0.3s ease-in-out" }
-          }, null, 8, ml), [
+          }, null, 8, xl), [
             [Y, r.value !== null && ![null, void 0].includes(r.value.end)]
           ]),
           j(c("rect", {
@@ -810,22 +816,22 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             y: o.value.top,
             height: Math.max(0.1, o.value.height),
             width: r.value ? Math.max(0.1, Math.abs(r.value.endX - r.value.startX)) : 0,
-            fill: r.value ? i(ut)(e.value.style.chart.comparisonLines.rectColor, e.value.style.chart.comparisonLines.rectOpacity) : "transparent",
+            fill: r.value ? i(ct)(e.value.style.chart.comparisonLines.rectColor, e.value.style.chart.comparisonLines.rectOpacity) : "transparent",
             style: { transition: "all 0.3s ease-in-out" }
-          }, null, 8, pl), [
+          }, null, 8, _l), [
             [Y, e.value.style.chart.comparisonLines.showRect && r.value !== null && ![null, void 0].includes(r.value.start) && ![null, void 0].includes(r.value.end)]
           ]),
           j(c("text", {
-            transform: `translate(${xe.value == null ? 0 : xe.value}, ${o.value.top - 6})`,
+            transform: `translate(${_e.value == null ? 0 : _e.value}, ${o.value.top - 6})`,
             fill: e.value.style.chart.comparisonLines.labelColor,
             "font-size": e.value.style.chart.comparisonLines.labelFontSize,
             "text-anchor": "middle",
             style: { transition: "all 0.3s ease-in-out" }
-          }, _(Mt.value), 9, xl), [
-            [Y, r.value !== null && xe.value !== null && e.value.style.chart.comparisonLines.showLabel]
+          }, _(zt.value), 9, kl), [
+            [Y, r.value !== null && _e.value !== null && e.value.style.chart.comparisonLines.showLabel]
           ])
         ], 512), [
-          [Y, e.value.style.chart.comparisonLines.show && O.value !== null]
+          [Y, e.value.style.chart.comparisonLines.show && I.value !== null]
         ]),
         c("defs", null, [
           c("radialGradient", {
@@ -835,16 +841,16 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             c("stop", {
               offset: "10%",
               "stop-color": i(Z)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, kl),
+            }, null, 8, wl),
             c("stop", {
               offset: "90%",
               "stop-color": i(J)(e.value.style.chart.plots.startColor, 0.1)
-            }, null, 8, Cl),
+            }, null, 8, $l),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.startColor
-            }, null, 8, wl)
-          ], 8, _l),
+            }, null, 8, Ll)
+          ], 8, Cl),
           c("radialGradient", {
             id: `end_grad_${f.value}`,
             fy: "30%"
@@ -852,16 +858,16 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             c("stop", {
               offset: "10%",
               "stop-color": i(Z)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, Ll),
+            }, null, 8, Nl),
             c("stop", {
               offset: "90%",
               "stop-color": i(J)(e.value.style.chart.plots.endColor, 0.1)
-            }, null, 8, Al),
+            }, null, 8, Sl),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.endColor
-            }, null, 8, Nl)
-          ], 8, $l),
+            }, null, 8, Ml)
+          ], 8, Al),
           c("radialGradient", {
             id: `positive_grad_${f.value}`,
             fy: "30%"
@@ -869,16 +875,16 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             c("stop", {
               offset: "10%",
               "stop-color": i(Z)(e.value.style.chart.plots.evaluationColors.positive, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, Ml),
+            }, null, 8, zl),
             c("stop", {
               offset: "90%",
               "stop-color": i(J)(e.value.style.chart.plots.evaluationColors.positive, 0.1)
-            }, null, 8, Xl),
+            }, null, 8, Tl),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.positive
-            }, null, 8, zl)
-          ], 8, Sl),
+            }, null, 8, Dl)
+          ], 8, Xl),
           c("radialGradient", {
             id: `negative_grad_${f.value}`,
             fy: "30%"
@@ -886,16 +892,16 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             c("stop", {
               offset: "10%",
               "stop-color": i(Z)(e.value.style.chart.plots.evaluationColors.negative, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, Dl),
+            }, null, 8, Ol),
             c("stop", {
               offset: "90%",
               "stop-color": i(J)(e.value.style.chart.plots.evaluationColors.negative, 0.1)
-            }, null, 8, Il),
+            }, null, 8, Fl),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.negative
-            }, null, 8, Ol)
-          ], 8, Tl),
+            }, null, 8, Hl)
+          ], 8, Il),
           c("radialGradient", {
             id: `neutral_grad_${f.value}`,
             fy: "30%"
@@ -903,16 +909,16 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             c("stop", {
               offset: "10%",
               "stop-color": i(Z)(e.value.style.chart.plots.evaluationColors.neutral, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, Hl),
+            }, null, 8, Gl),
             c("stop", {
               offset: "90%",
               "stop-color": i(J)(e.value.style.chart.plots.evaluationColors.neutral, 0.1)
-            }, null, 8, Pl),
+            }, null, 8, El),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.neutral
-            }, null, 8, Gl)
-          ], 8, Fl)
+            }, null, 8, Rl)
+          ], 8, Pl)
         ]),
         (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("g", {
           key: `plot_${a}_${t.id}`
@@ -928,12 +934,12 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
               c("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, Bl),
+              }, null, 8, Vl),
               c("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, Rl)
-            ], 8, El),
+              }, null, 8, Ul)
+            ], 8, Bl),
             c("linearGradient", {
               id: `grad_neg_${f.value}`,
               x1: "0%",
@@ -944,64 +950,64 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
               c("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, Ul),
+              }, null, 8, ql),
               c("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, Wl)
-            ], 8, Vl)
+              }, null, 8, jl)
+            ], 8, Wl)
           ]),
-          ![void 0, null].includes(t.end) && ![void 0, null].includes(t.start) ? (n(), v("g", ql, [
-            e.value.style.chart.plots.link.type === "curved" ? (n(), v("g", jl, [
+          ![void 0, null].includes(t.end) && ![void 0, null].includes(t.start) ? (n(), v("g", Yl, [
+            e.value.style.chart.plots.link.type === "curved" ? (n(), v("g", Zl, [
               c("path", {
                 d: `M 
-                                ${t.startX},${t.y + z.value / 2} 
+                                ${t.startX},${t.y + X.value / 2} 
                                 C ${t.centerX},${t.y} ${t.centerX},${t.y} 
-                                ${t.endX},${t.y + z.value / 2}
-                                L ${t.endX},${t.y - z.value / 2}
+                                ${t.endX},${t.y + X.value / 2}
+                                L ${t.endX},${t.y - X.value / 2}
                                 C ${t.centerX},${t.y} ${t.centerX},${t.y}
-                                ${t.startX},${t.y - z.value / 2}
+                                ${t.startX},${t.y - X.value / 2}
                                 Z
                             `,
                 fill: e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : t.endX > t.startX ? `url(#grad_pos_${f.value})` : `url(#grad_neg_${f.value})`
-              }, null, 8, Yl)
-            ])) : (n(), v("g", Zl, [
+              }, null, 8, Jl)
+            ])) : (n(), v("g", Kl, [
               c("rect", {
                 x: t.endX > t.startX ? t.startX : t.endX,
                 y: t.y - e.value.style.chart.plots.link.strokeWidth / 2,
                 height: Math.max(0.01, e.value.style.chart.plots.link.strokeWidth),
                 width: Math.max(0.01, Math.abs(t.endX - t.startX)),
                 fill: e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : t.endX > t.startX ? `url(#grad_pos_${f.value})` : `url(#grad_neg_${f.value})`
-              }, null, 8, Jl)
+              }, null, 8, Ql)
             ]))
           ])) : b("", !0),
           [null, void 0].includes(t.start) ? b("", !0) : (n(), v("circle", {
             key: 1,
             cx: t.startX,
             cy: t.y,
-            r: z.value,
+            r: X.value,
             fill: e.value.style.chart.plots.gradient.show ? e.value.style.chart.plots.evaluationColors.enable ? t.evaluationGrad : `url(#start_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : e.value.style.chart.plots.startColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, Kl)),
+          }, null, 8, ea)),
           [null, void 0].includes(t.end) ? b("", !0) : (n(), v("circle", {
             key: 2,
             cx: t.endX,
             cy: t.y,
-            r: z.value,
+            r: X.value,
             fill: e.value.style.chart.plots.gradient.show ? e.value.style.chart.plots.evaluationColors.enable ? t.evaluationGrad : `url(#end_grad_${f.value})` : e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : e.value.style.chart.plots.endColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, Ql))
+          }, null, 8, ta))
         ]))), 128)),
-        e.value.style.chart.labels.startLabels.show ? (n(), v("g", ea, [
+        e.value.style.chart.labels.startLabels.show ? (n(), v("g", la, [
           (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("g", {
             key: `start_label_${a}_${t.id}`
           }, [
             [null, void 0].includes(t.start) ? b("", !0) : (n(), v("text", {
               key: 0,
               x: t.startX,
-              y: t.y + z.value * 2 + e.value.style.chart.labels.startLabels.fontSize / 2,
+              y: t.y + X.value * 2 + e.value.style.chart.labels.startLabels.fontSize / 2,
               fill: e.value.style.chart.plots.evaluationColors.enable && e.value.style.chart.labels.startLabels.useEvaluationColor ? t.evaluationColor : e.value.style.chart.labels.startLabels.useStartColor ? e.value.style.chart.plots.startColor : e.value.style.chart.labels.startLabels.color,
               "font-size": e.value.style.chart.labels.startLabels.fontSize,
               "text-anchor": "middle"
@@ -1015,17 +1021,17 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
                 r: e.value.style.chart.labels.startLabels.rounding
               }),
               { datapoint: t, seriesIndex: a }
-            )), 9, ta))
+            )), 9, aa))
           ]))), 128))
         ])) : b("", !0),
-        e.value.style.chart.labels.endLabels.show ? (n(), v("g", la, [
+        e.value.style.chart.labels.endLabels.show ? (n(), v("g", sa, [
           (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("g", {
             key: `end_label_${a}_${t.id}`
           }, [
             [null, void 0].includes(t.end) ? b("", !0) : (n(), v("text", {
               key: 0,
               x: t.endX,
-              y: t.y - (z.value * 2 - e.value.style.chart.labels.startLabels.fontSize / 3),
+              y: t.y - (X.value * 2 - e.value.style.chart.labels.startLabels.fontSize / 3),
               fill: e.value.style.chart.plots.evaluationColors.enable && e.value.style.chart.labels.endLabels.useEvaluationColor ? t.evaluationColor : e.value.style.chart.labels.endLabels.useEndColor ? e.value.style.chart.plots.endColor : e.value.style.chart.labels.endLabels.color,
               "font-size": e.value.style.chart.labels.endLabels.fontSize,
               "text-anchor": "middle"
@@ -1039,7 +1045,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
                 r: e.value.style.chart.labels.endLabels.rounding
               }),
               { datapoint: t, seriesIndex: a }
-            )), 9, aa))
+            )), 9, oa))
           ]))), 128))
         ])) : b("", !0),
         c("g", null, [
@@ -1048,32 +1054,32 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             y: o.value.top + a * Math.max(0.1, o.value.rowHeight),
             width: Math.max(0.1, o.value.width),
             height: Math.max(0.1, o.value.rowHeight),
-            fill: O.value !== null && O.value === a ? i(ut)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
-            onMouseenter: (u) => ge({ datapoint: t, seriesIndex: a }),
-            onMouseleave: (u) => me({ datapoint: t, seriesIndex: a }),
-            onClick: (u) => pe({ datapoint: t, seriesIndex: a })
-          }, null, 40, sa))), 256))
+            fill: I.value !== null && I.value === a ? i(ct)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
+            onMouseenter: (u) => me({ datapoint: t, seriesIndex: a }),
+            onMouseleave: (u) => pe({ datapoint: t, seriesIndex: a }),
+            onClick: (u) => xe({ datapoint: t, seriesIndex: a })
+          }, null, 40, na))), 256))
         ]),
         x(l.$slots, "svg", { svg: o.value }, void 0, !0)
-      ], 14, ol)),
-      l.$slots.watermark ? (n(), v("div", oa, [
-        x(l.$slots, "watermark", se(oe({ isPrinting: i(Fe) || i(He) })), void 0, !0)
+      ], 14, rl)),
+      l.$slots.watermark ? (n(), v("div", ra, [
+        x(l.$slots, "watermark", se(oe({ isPrinting: i(He) || i(Pe) })), void 0, !0)
       ])) : b("", !0),
       c("div", {
         id: `legend-bottom-${f.value}`
-      }, null, 8, na),
-      Xe.value ? (n(), I(Dt, {
+      }, null, 8, ua),
+      ze.value ? (n(), D(Ot, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${f.value}` : `#legend-bottom-${f.value}`
       }, [
         c("div", {
           ref_key: "chartLegend",
-          ref: $e
+          ref: Le
         }, [
-          e.value.style.chart.legend.show && K.value ? (n(), I(tl, {
-            key: `legend_${Me.value}`,
-            legendSet: We.value,
-            config: wt.value,
+          e.value.style.chart.legend.show && K.value ? (n(), D(al, {
+            key: `legend_${Xe.value}`,
+            legendSet: qe.value,
+            config: Lt.value,
             clickable: !1
           }, {
             item: p(({ legend: t }) => [
@@ -1081,7 +1087,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
                 style: ae(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
               }, [
                 (n(), v("svg", {
-                  xmlns: i(rt),
+                  xmlns: i(it),
                   viewBox: "0 0 20 20",
                   height: e.value.style.chart.legend.fontSize,
                   width: e.value.style.chart.legend.fontSize
@@ -1091,52 +1097,52 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
                     cy: 10,
                     r: 9,
                     fill: t.color
-                  }, null, 8, ua)
-                ], 8, ra)),
-                i(ie) ? b("", !0) : (n(), v(C, { key: 0 }, [
-                  _e(_(t.name), 1)
+                  }, null, 8, ca)
+                ], 8, ia)),
+                i(ce) ? b("", !0) : (n(), v(C, { key: 0 }, [
+                  ke(_(t.name), 1)
                 ], 64))
               ], 4)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : x(l.$slots, "legend", {
             key: 1,
-            legend: We.value
+            legend: qe.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : b("", !0),
       l.$slots.source ? (n(), v("div", {
         key: 6,
         ref_key: "source",
-        ref: Le,
+        ref: Ae,
         dir: "auto"
       }, [
         x(l.$slots, "source", {}, void 0, !0)
       ], 512)) : b("", !0),
-      K.value ? (n(), I(It(q.value.component), Ot({ key: 7 }, q.value.props, {
+      K.value ? (n(), D(Ft(q.value.component), Ht({ key: 7 }, q.value.props, {
         ref_key: "tableUnit",
         ref: U,
-        onClose: s[2] || (s[2] = (t) => X.value.showTable = !1)
-      }), lt({
+        onClose: Ke
+      }), st({
         content: p(() => [
-          (n(), I(i(ft), {
-            key: `table_${Se.value}`,
+          (n(), D(i(bt), {
+            key: `table_${Me.value}`,
             colNames: ee.value.colNames,
             head: ee.value.head,
             body: ee.value.body,
             config: ee.value.config,
             title: e.value.table.useDialog ? "" : q.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: s[1] || (s[1] = (t) => X.value.showTable = !1)
+            onClose: Ke
           }, {
             th: p(({ th: t }) => [
               c("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, ia)
+              }, null, 8, va)
             ]),
             td: p(({ td: t }) => [
-              _e(_(t.name || t), 1)
+              ke(_(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1146,7 +1152,7 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
         e.value.table.useDialog ? {
           name: "title",
           fn: p(() => [
-            _e(_(q.value.title), 1)
+            ke(_(q.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1156,9 +1162,9 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
             c("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: s[0] || (s[0] = (t) => ye(e.value.userOptions.callbacks.csv))
+              onClick: s[0] || (s[0] = (t) => be(e.value.userOptions.callbacks.csv))
             }, [
-              at(i(dt), {
+              ot(i(ft), {
                 name: "excel",
                 stroke: q.value.props.color
               }, null, 8, ["stroke"])
@@ -1167,10 +1173,10 @@ const al = ["id"], sl = ["id"], ol = ["xmlns", "viewBox"], nl = ["x", "y", "widt
           key: "1"
         } : void 0
       ]), 1040)) : b("", !0),
-      i(ie) ? (n(), I(Yt, { key: 8 })) : b("", !0)
-    ], 46, al));
+      i(ce) ? (n(), D(Jt, { key: 8 })) : b("", !0)
+    ], 46, ol));
   }
-}, $a = /* @__PURE__ */ ll(ca, [["__scopeId", "data-v-0a9a1b98"]]);
+}, Aa = /* @__PURE__ */ sl(da, [["__scopeId", "data-v-78988231"]]);
 export {
-  $a as default
+  Aa as default
 };