vue-data-ui 3.2.8 → 3.3.1

package/dist/{vue-ui-dumbbell-CRHvtmq9.js → vue-ui-dumbbell-siD31WFG.js}

@@ -1,21 +1,22 @@
-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 Ot, 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 Y, Fragment as C, renderList as A, toDisplayString as _, vShow as j, Teleport as It, createTextVNode as ke, resolveDynamicComponent as Ft, mergeProps as Ht, nextTick as Pt } from "vue";
-import { c as nt, t as Gt, o as Et, f as rt, g as Rt, q as ut, C as Bt, d as w, a as P, X as it, s as ct, m as Z, r as J, x as Vt, y as Ut } from "./lib-BEpWEyMm.js";
-import { t as Ce, u as Wt } from "./useResponsive-DfdjqQps.js";
-import { u as qt, a as vt } from "./useNestedProp-BOk-tPdu.js";
-import { u as Yt } from "./usePrinter-w23K-ezx.js";
-import { u as jt, B as Zt } from "./BaseScanner-BgWxam9d.js";
-import { u as Jt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Kt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Qt } from "./useTimeLabelCollider-CIsgDrl9.js";
-import el from "./img-DjWwQXVS.js";
-import tl from "./Title-DG2nloSB.js";
-import { t as ll } from "./themes-Dw-dDudK.js";
-import al from "./Legend-BpoFJ8fc.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"], Ol = ["id"], Il = ["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"], Yl = ["stop-color"], jl = { 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 = {
+import { defineAsyncComponent as H, computed as g, ref as h, toRefs as Et, watch as le, shallowRef as tt, onMounted as lt, onBeforeUnmount as at, watchEffect as Rt, createElementBlock as v, openBlock as n, unref as i, normalizeStyle as ae, normalizeClass as st, createBlock as O, createCommentVNode as y, createElementVNode as c, createSlots as ot, withCtx as p, renderSlot as x, normalizeProps as se, guardReactiveProps as oe, createVNode as nt, withDirectives as Y, Fragment as C, renderList as A, toDisplayString as _, vShow as j, Teleport as Bt, createTextVNode as we, resolveDynamicComponent as Vt, mergeProps as Ut, nextTick as Wt } from "vue";
+import { c as rt, t as qt, o as Yt, f as ut, g as jt, q as it, C as Zt, d as w, a as P, X as ct, s as vt, m as Z, r as J, x as Jt, y as Kt } from "./lib-CEjkWSLj.js";
+import { t as $e, u as Qt } from "./useResponsive-DfdjqQps.js";
+import { u as el, a as dt } from "./useNestedProp-Ce3PwN8T.js";
+import { u as tl } from "./usePrinter-DJ1iH-F_.js";
+import { u as ll, B as al } from "./BaseScanner-BgWxam9d.js";
+import { u as sl } from "./useSvgExport-DrjCWun4.js";
+import { u as ol } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as nl } from "./useChartAccessibility-9icAAmYg.js";
+import { u as rl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import ul from "./img-J2dLIr8Y.js";
+import il from "./Title-Camz1Lce.js";
+import { t as cl } from "./themes-Dw-dDudK.js";
+import vl from "./Legend-By4rru90.js";
+import { _ as dl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "width", "height"], gl = { key: 1 }, ml = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pl = { key: 2 }, xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], _l = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], kl = ["transform", "font-size", "fill"], Cl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], wl = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], $l = ["x", "y", "font-size", "fill"], Ll = ["transform", "font-size", "fill", "font-weight", "text-anchor"], Al = ["d", "stroke", "stroke-width", "stroke-dasharray"], Sl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Nl = ["x", "y", "height", "width", "fill"], Ml = ["transform", "fill", "font-size"], Xl = ["id"], zl = ["stop-color"], Tl = ["stop-color"], Ol = ["stop-color"], Dl = ["id"], Il = ["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 = ["stop-color"], ql = ["id"], Yl = ["stop-color"], jl = ["stop-color"], Zl = ["stop-color"], Jl = ["id"], Kl = ["stop-color"], Ql = ["stop-color"], ea = ["id"], ta = ["stop-color"], la = ["stop-color"], aa = { key: 0 }, sa = { key: 0 }, oa = ["d", "fill"], na = { key: 1 }, ra = ["x", "y", "height", "width", "fill"], ua = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ia = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ca = { key: 7 }, va = ["x", "y", "fill", "font-size"], da = { key: 8 }, ha = ["x", "y", "fill", "font-size"], fa = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], ba = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, ua = ["id"], ia = ["xmlns", "height", "width"], ca = ["fill"], va = ["innerHTML"], da = {
+}, ya = ["id"], ga = ["xmlns", "height", "width"], ma = ["fill"], pa = ["innerHTML"], xa = {
   __name: "vue-ui-dumbbell",
   props: {
     config: {
@@ -32,18 +33,18 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
     }
   },
   emits: ["selectDatapoint"],
-  setup(dt, { expose: ht, emit: ha }) {
-    const ft = H(() => import("./BaseIcon-Bz-1GQhu.js")), yt = H(() => import("./vue-ui-accordion-CDIzGCG1.js")), bt = H(() => import("./DataTable-BvjacRbw.js")), gt = H(() => import("./PenAndPaper-CR8q353D.js")), mt = H(() => import("./UserOptions-DsTgvAok.js")), pt = H(() => import("./PackageVersion-C40g0Rfc.js")), xt = H(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_dumbbell: _t } = qt(), N = dt, K = g({
+  setup(ht, { expose: ft, emit: _a }) {
+    const bt = H(() => import("./BaseIcon-eZbszQrv.js")), yt = H(() => import("./vue-ui-accordion-VTP418mC.js")), gt = H(() => import("./DataTable-yAMEyP6y.js")), mt = H(() => import("./PenAndPaper-Bo-lMUik.js")), pt = H(() => import("./UserOptions-CSja1SGU.js")), xt = H(() => import("./PackageVersion-BfykJm_B.js")), _t = H(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_dumbbell: kt } = el(), S = ht, K = g({
       get() {
-        return !!N.dataset && N.dataset.length;
+        return !!S.dataset && S.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), 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), O = h(null), r = h(null), I = h(!1), e = h(he()), { loading: ce, FINAL_DATASET: ve, manualLoading: kt } = jt({
-      ...Dt(N),
+    }), f = h(rt()), Le = h(0), N = h(null), Ae = h(null), Se = h(null), Ne = h(null), Me = h(null), Xe = h(0), ze = h(0), Te = h(0), Oe = h(!1), U = h(null), ne = h(null), re = h(null), ue = h(null), Q = h(null), ie = h(null), D = h(null), r = h(null), I = h(!1), e = h(fe()), { loading: ce, FINAL_DATASET: ve, manualLoading: Ct } = ll({
+      ...Et(S),
       FINAL_CONFIG: e,
-      prepareConfig: he,
+      prepareConfig: fe,
       skeletonDataset: [
         { name: "_", start: 21, end: 34 },
         { name: "_", start: 13, end: 21 },
@@ -51,7 +52,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         { name: "_", start: 5, end: 8 },
         { name: "_", start: 3, end: 5 }
       ],
-      skeletonConfig: Gt({
+      skeletonConfig: qt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -93,72 +94,72 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
           }
         }
       })
-    }), { userOptionsVisible: de, setUserOptionsVisibility: Te, keepUserOptionState: De } = Jt({ config: e.value }), { svgRef: Oe } = Kt({ config: e.value.style.chart.title });
-    function he() {
-      const l = vt({
-        userConfig: N.config,
-        defaultConfig: _t
+    }), { userOptionsVisible: de, setUserOptionsVisibility: De, keepUserOptionState: Ie } = ol({ config: e.value }), { svgRef: he } = nl({ config: e.value.style.chart.title });
+    function fe() {
+      const l = dt({
+        userConfig: S.config,
+        defaultConfig: kt
       });
       return l.theme ? {
-        ...vt({
-          userConfig: ll.vue_ui_dumbbell[l.theme] || N.config,
+        ...dt({
+          userConfig: cl.vue_ui_dumbbell[l.theme] || S.config,
           defaultConfig: l
         })
       } : l;
     }
-    le(() => N.config, (l) => {
-      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;
+    le(() => S.config, (l) => {
+      ce.value || (e.value = fe()), de.value = !e.value.userOptions.showOnChartHover, He(), Xe.value += 1, ze.value += 1, Te.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();
+      Array.isArray(l) && l.length > 0 && (Ct.value = !1), We(), qe();
     }, { deep: !0 });
-    const M = et(null), G = et(null);
-    tt(() => {
-      ze.value = !0, Fe();
+    const M = tt(null), G = tt(null);
+    lt(() => {
+      Oe.value = !0, He();
     });
-    const Ie = g(() => !!e.value.debug);
-    function Fe() {
-      if (Et(N.dataset) ? rt({
+    const Fe = g(() => !!e.value.debug);
+    function He() {
+      if (Yt(S.dataset) ? ut({
         componentName: "VueUiDumbbell",
         type: "dataset",
-        debug: Ie.value
-      }) : N.dataset.forEach((l, s) => {
-        Rt({
+        debug: Fe.value
+      }) : S.dataset.forEach((l, s) => {
+        jt({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
         }).forEach((t) => {
-          K.value = !1, rt({
+          K.value = !1, ut({
             componentName: "VueUiDumbbell",
             type: "datasetSerieAttribute",
             property: t,
             index: s,
-            debug: Ie.value
+            debug: Fe.value
           });
         });
       }), e.value.responsive) {
-        const l = Ce(() => {
-          const { width: s, height: t } = Wt({
-            chart: S.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
+        const l = $e(() => {
+          const { width: s, height: t } = Qt({
+            chart: N.value,
+            title: e.value.style.chart.title.text ? Ae.value : null,
+            legend: e.value.style.chart.legend.show ? Se.value : null,
+            source: Ne.value,
+            noTitle: Me.value
           }), a = e.value.style.chart.title.text ? 24 : 0, u = e.value.style.chart.legend.show ? 24 : 0;
           requestAnimationFrame(async () => {
             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);
+        M.value && (G.value && M.value.unobserve(G.value), M.value.disconnect()), M.value = new ResizeObserver(l), G.value = N.value.parentNode, M.value.observe(G.value);
       }
       Je();
     }
-    lt(() => {
+    at(() => {
       L.value != null && (cancelAnimationFrame(L.value), L.value = null), M.value && (G.value && M.value.unobserve(G.value), M.value.disconnect());
     });
-    const { isPrinting: He, isImaging: Pe, generatePdf: Ge, generateImage: Ee } = Yt({
+    const { isPrinting: Pe, isImaging: Ge, generatePdf: Ee, generateImage: Re } = tl({
       elementId: `dumbbell_${f.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-dumbbell",
       options: e.value.userOptions.print
-    }), Ct = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), F = h({
+    }), wt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), F = h({
       showTable: e.value.table.show
     });
     le(e, () => {
@@ -168,14 +169,14 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
     }, { immediate: !0 });
     const E = g(() => ve.value.map((l, s) => ({
       ...l,
-      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;
+      start: it(l.start),
+      end: it(l.end),
+      id: l.id ?? `${String(l.name)}__${String(l.start)}__${String(l.end)}__${rt()}`
+    }))), Be = g(() => {
+      const l = e.value.style.chart.grid, s = E.value.flatMap((b) => [b.start, b.end]).map((b) => Number(b)).filter((b) => Number.isFinite(b)), 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(() => Bt(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() {
+    }), $ = g(() => Zt(Be.value.min, Be.value.max, e.value.style.chart.grid.scaleSteps)), R = h(e.value.style.chart.rowHeight), B = h(e.value.style.chart.width);
+    function $t() {
       let l = 0;
       ue.value && (l = Array.from(ue.value.querySelectorAll("text")).reduce((a, u) => {
         const d = u.getComputedTextLength();
@@ -184,42 +185,42 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
       const s = re.value ? re.value.getBoundingClientRect().width : 0;
       return l + s + (s ? 24 + e.value.style.chart.labels.axis.yLabelOffsetX : 0);
     }
-    const fe = h(0), $t = Ce((l) => {
-      fe.value = l;
+    const be = h(0), Lt = $e((l) => {
+      be.value = l;
     }, 100);
-    Ot((l) => {
+    Rt((l) => {
       const s = Q.value;
       if (!s) return;
       const t = new ResizeObserver((a) => {
-        $t(a[0].contentRect.height);
+        Lt(a[0].contentRect.height);
       });
       t.observe(s), l(() => t.disconnect());
-    }), lt(() => {
-      fe.value = 0;
+    }), at(() => {
+      be.value = 0;
     });
-    const Be = g(() => {
+    const Ve = g(() => {
       I.value;
       let l = 0;
       ie.value && (l = ie.value.getBBox().height);
       let s = 0;
-      return Q.value && (s = fe.value), l + s;
+      return Q.value && (s = be.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))
+    function Ue(l, s, t) {
+      const a = Number(l), u = Number(s.min), d = Number(s.max), b = Number(t.width);
+      if (!Number.isFinite(a) || !Number.isFinite(u) || !Number.isFinite(d) || !Number.isFinite(b))
         return t.left;
       const m = d - u;
-      return m <= 0 ? t.left : t.left + (a - u) / m * y;
+      return m <= 0 ? t.left : t.left + (a - u) / m * b;
     }
     const o = g(() => {
       I.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);
+      const l = $t(), 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 - Ve.value - s.top - s.bottom - t, u = a / ye.value, d = R.value * ye.value, b = B.value - l - s.left - s.right, m = $.value.ticks.length * (b / $.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left + l,
         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,
+        bottom: d - e.value.style.chart.padding.bottom - Ve.value - t,
+        width: b,
         height: a,
         rowHeight: u,
         absoluteHeight: d,
@@ -229,17 +230,17 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
       get() {
         const l = o.value, s = $.value;
         return W.value.map((t, a) => {
-          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;
+          const u = Ue(t.start, s, l), d = Ue(t.endVal, s, l), b = 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, et = ![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), Gt = 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: T,
-            isNeutral: Qe,
-            evaluationColor: Tt,
+            isNeutral: et,
+            evaluationColor: Gt,
             evaluationGrad: `url(#${m ? "positive" : T ? "negative" : "neutral"}_grad_${f.value})`,
             startX: u,
             endX: d,
-            centerX: y,
+            centerX: b,
             y: l.top + a * l.rowHeight + l.rowHeight / 2
           };
         });
@@ -248,7 +249,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         W.value = l;
       }
     });
-    function Ue() {
+    function We() {
       W.value = E.value.map((l) => {
         const s = Number(l.start);
         return {
@@ -258,11 +259,11 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
       });
     }
     const L = h(null);
-    tt(() => {
-      We();
+    lt(() => {
+      qe();
     });
-    function We() {
-      if (L.value != null && (cancelAnimationFrame(L.value), L.value = null), Ue(), !e.value.useAnimation) {
+    function qe() {
+      if (L.value != null && (cancelAnimationFrame(L.value), L.value = null), We(), !e.value.useAnimation) {
         k.value = W.value.map((a) => {
           const u = Number(a.end);
           return { ...a, endVal: Number.isFinite(u) ? u : a.endVal };
@@ -270,25 +271,25 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         return;
       }
       const l = Math.max(1, Math.min(100, e.value.animationSpeed || 100)) / 100, s = E.value.map((a) => {
-        const u = Number(a.start), d = Number(a.end), y = Number.isFinite(u) ? u : 0;
-        return (Number.isFinite(d) ? d : y) - y;
+        const u = Number(a.start), d = Number(a.end), b = Number.isFinite(u) ? u : 0;
+        return (Number.isFinite(d) ? d : b) - b;
       }), 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, T = s[d] >= 0 ? Math.min(m, y) : Math.max(m, y);
-          return T !== y && (a = !1), { ...u, endVal: T };
+          const b = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, m = u.endVal + s[d] * l, T = s[d] >= 0 ? Math.min(m, b) : Math.max(m, b);
+          return T !== b && (a = !1), { ...u, endVal: T };
         }), a ? L.value = null : L.value = requestAnimationFrame(t);
       };
       L.value = requestAnimationFrame(t);
     }
-    const qe = g(() => e.value.style.chart.plots.evaluationColors.enable ? [
+    const ge = 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 }
-    ]), Lt = g(() => ({
+    ]), At = g(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -311,7 +312,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         e.value.table.columnNames.end,
         e.value.table.columnNames.progression
       ], s = z.value.head.map((u, d) => {
-        const y = w({
+        const b = w({
           p: e.value.style.chart.labels.prefix,
           v: z.value.body[d].start,
           s: e.value.style.chart.labels.suffix,
@@ -328,7 +329,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         });
         return [
           { name: u.name },
-          y,
+          b,
           m,
           T
         ];
@@ -357,31 +358,31 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         config: t
       };
     });
-    function be(l = null) {
-      Pt(() => {
+    function me(l = null) {
+      Wt(() => {
         const s = z.value.head.map((u, d) => [[
           u.name
-        ], [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 = 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 = Jt(t);
+        l ? l(a) : Kt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
     const V = h(!1);
     function Ye(l) {
-      V.value = l, we.value += 1;
+      V.value = l, Le.value += 1;
     }
-    function At() {
+    function St() {
       return E.value;
     }
     function je() {
       F.value.showTable = !F.value.showTable;
     }
     const te = h(!1);
-    function ge() {
+    function pe() {
       te.value = !te.value;
     }
     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 el({ domElement: S.value, base64: !0, img: !0, scale: l });
+      if (!N.value) return;
+      const { width: s, height: t } = N.value.getBoundingClientRect(), a = s / t, { imageUri: u, base64: d } = await ul({ domElement: N.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: u,
         base64: d,
@@ -391,11 +392,11 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         aspectRatio: a
       };
     }
-    const Ze = g(() => $.value.ticks), St = g(() => ({ start: 0, end: Ze.value.length }));
-    Qt({
+    const Ze = g(() => $.value.ticks), Mt = g(() => ({ start: 0, end: Ze.value.length }));
+    rl({
       timeLabelsEls: Q,
       timeLabels: Ze,
-      slicer: St,
+      slicer: Mt,
       configRef: e,
       rotationPath: ["style", "chart", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["style", "chart", "labels", "xAxisLabels", "autoRotate", "enable"],
@@ -405,16 +406,16 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
       targetClass: ".vue-ui-dumbbell-scale-label",
       rotation: e.value.style.chart.labels.xAxisLabels.autoRotate.angle
     });
-    function Mt({
+    function Xt({
       rowHeight: l,
       fontSize: s,
       showProgression: t
     }) {
       if (!t) return !1;
-      const a = l / 3, u = l / 1.3, d = Math.abs(u - a), y = s * 1.2;
-      return d < y;
+      const a = l / 3, u = l / 1.3, d = Math.abs(u - a), b = s * 1.2;
+      return d < b;
     }
-    const Xt = /* @__PURE__ */ (() => {
+    const zt = /* @__PURE__ */ (() => {
       let l = null, s = 0;
       const t = 1;
       return (a) => {
@@ -424,32 +425,32 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         }
         l === null || l !== a ? (l = a, s = 1) : (s += 1, s >= t && (I.value = a, l = null, s = 0));
       };
-    })(), Je = Ce(() => {
+    })(), Je = $e(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          const l = Mt({
+          const l = Xt({
             rowHeight: o.value.rowHeight,
             fontSize: e.value.style.chart.labels.yAxisLabels.fontSize,
             showProgression: e.value.style.chart.labels.yAxisLabels.showProgression
           });
-          Xt(l);
+          zt(l);
         });
       });
     }, 100);
-    function me({ datapoint: l, seriesIndex: s }) {
-      O.value = s, r.value = l, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s });
+    function xe({ datapoint: l, seriesIndex: s }) {
+      D.value = s, r.value = l, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s });
     }
-    function pe({ datapoint: l, seriesIndex: s }) {
-      O.value = null, r.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s });
+    function _e({ datapoint: l, seriesIndex: s }) {
+      D.value = null, r.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s });
     }
-    function xe({ datapoint: l, seriesIndex: s }) {
+    function ke({ datapoint: l, seriesIndex: s }) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
     }
-    const _e = g(() => {
+    const Ce = 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;
-    }), zt = g(() => {
+    }), Tt = 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 = "";
@@ -462,7 +463,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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: D.value }
       )), s && (a = P(
         e.value.style.chart.labels.formatter,
         r.value.end,
@@ -472,12 +473,12 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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: D.value }
       )), l && s ? `${t} → ${a}` : l && !s ? t : s && !l ? a : "";
     }), q = g(() => {
       const l = e.value.table.useDialog && !e.value.table.show, s = F.value.showTable;
       return {
-        component: l ? xt : yt,
+        component: l ? _t : 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,
@@ -485,7 +486,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
           isFullscreen: V.value,
-          fullscreenParent: S.value,
+          fullscreenParent: N.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -510,47 +511,65 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
     function Ke() {
       F.value.showTable = !1, ne.value && ne.value.setTableIconState(!1);
     }
-    return ht({
-      getData: At,
+    const Ot = g(() => ge.value.map((l) => ({
+      ...l,
+      shape: "circle"
+    }))), Dt = g(() => e.value.style.chart.backgroundColor), It = g(() => e.value.style.chart.legend), Ft = g(() => e.value.style.chart.title), { exportSvg: Ht, getSvg: Pt } = sl({
+      svg: he,
+      title: Ft,
+      legend: It,
+      legendItems: Ot,
+      backgroundColor: Dt
+    });
+    async function Qe({ isCb: l }) {
+      if (l) {
+        const { blob: s, url: t, text: a, dataUrl: u } = await Pt();
+        e.value.userOptions.callbacks.svg({ blob: s, url: t, text: a, dataUrl: u });
+      } else
+        Ht();
+    }
+    return ft({
+      getData: St,
       getImage: Nt,
-      generatePdf: Ge,
-      generateCsv: be,
-      generateImage: Ee,
+      generatePdf: Ee,
+      generateCsv: me,
+      generateImage: Re,
+      generateSvg: Qe,
       toggleTable: je,
-      toggleAnnotator: ge,
+      toggleAnnotator: pe,
       toggleFullscreen: Ye
     }), (l, s) => (n(), v("div", {
       ref_key: "dumbbellChart",
-      ref: S,
-      class: at(`vue-data-ui-component vue-ui-dumbbell ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      ref: N,
+      class: st(`vue-data-ui-component 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[1] || (s[1] = () => i(Te)(!0)),
-      onMouseleave: s[2] || (s[2] = () => i(Te)(!1))
+      onMouseenter: s[1] || (s[1] = () => i(De)(!0)),
+      onMouseleave: s[2] || (s[2] = () => i(De)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), D(i(gt), {
+      e.value.userOptions.buttons.annotator ? (n(), O(i(mt), {
         key: 0,
-        svgRef: i(Oe),
+        svgRef: i(he),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: te.value,
-        onClose: ge
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
-      Ct.value ? (n(), v("div", {
+        onClose: pe
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
+      wt.value ? (n(), v("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Ne,
+        ref: Me,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : b("", !0),
+      }, null, 512)) : y("", !0),
       e.value.style.chart.title.text ? (n(), v("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: $e,
+        ref: Ae,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), D(tl, {
-          key: `title_${Se.value}`,
+        (n(), O(il, {
+          key: `title_${Xe.value}`,
           config: {
             title: {
               cy: "donut-div-title",
@@ -562,27 +581,28 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : b("", !0),
+      ], 512)) : y("", !0),
       c("div", {
         id: `legend-top-${f.value}`
-      }, null, 8, nl),
-      e.value.userOptions.show && K.value && (i(De) || i(de)) ? (n(), D(i(mt), {
+      }, null, 8, fl),
+      e.value.userOptions.show && K.value && (i(Ie) || i(de)) ? (n(), O(i(pt), {
         ref_key: "userOptionsRef",
         ref: ne,
-        key: `user_option_${we.value}`,
+        key: `user_option_${Le.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: i(He),
-        isImaging: i(Pe),
+        isPrinting: i(Pe),
+        isImaging: i(Ge),
         uid: f.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
+        hasSvg: e.value.userOptions.buttons.svg,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: V.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: S.value,
+        chartElement: N.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: te.value,
@@ -590,15 +610,16 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: Ye,
-        onGeneratePdf: i(Ge),
-        onGenerateCsv: be,
-        onGenerateImage: i(Ee),
+        onGeneratePdf: i(Ee),
+        onGenerateCsv: me,
+        onGenerateImage: i(Re),
+        onGenerateSvg: Qe,
         onToggleTable: je,
-        onToggleAnnotator: ge,
+        onToggleAnnotator: pe,
         style: ae({
-          visibility: i(De) ? i(de) ? "visible" : "hidden" : "visible"
+          visibility: i(Ie) ? i(de) ? "visible" : "hidden" : "visible"
         })
-      }, st({ _: 2 }, [
+      }, ot({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: p(({ isOpen: t, color: a }) => [
@@ -648,16 +669,16 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : b("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
       (n(), v("svg", {
         ref_key: "svgRef",
-        ref: Oe,
-        xmlns: i(it),
-        class: at({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
+        ref: he,
+        xmlns: i(ct),
+        class: st({ "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}`)
       }, [
-        ot(i(pt)),
+        nt(i(xt)),
         l.$slots["chart-background"] ? (n(), v("foreignObject", {
           key: 0,
           x: o.value.left,
@@ -669,8 +690,8 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
           }
         }, [
           x(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ul)) : b("", !0),
-        e.value.style.chart.grid.verticalGrid.show ? (n(), v("g", il, [
+        ], 8, yl)) : y("", !0),
+        e.value.style.chart.grid.verticalGrid.show ? (n(), v("g", gl, [
           (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),
@@ -679,9 +700,9 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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, cl))), 256))
-        ])) : b("", !0),
-        e.value.style.chart.grid.horizontalGrid.show ? (n(), v("g", vl, [
+          }, null, 8, ml))), 256))
+        ])) : y("", !0),
+        e.value.style.chart.grid.horizontalGrid.show ? (n(), v("g", pl, [
           (n(!0), v(C, null, A(E.value, (t, a) => (n(), v("line", {
             x1: o.value.left,
             x2: o.value.right,
@@ -690,7 +711,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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, dl))), 256)),
+          }, null, 8, xl))), 256)),
           c("line", {
             x1: o.value.left,
             x2: o.value.right,
@@ -699,8 +720,8 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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, hl)
-        ])) : b("", !0),
+          }, null, 8, _l)
+        ])) : y("", !0),
         e.value.style.chart.labels.axis.yLabel ? (n(), v("text", {
           key: 3,
           ref_key: "yAxisLabel",
@@ -709,7 +730,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
           "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, fl)) : b("", !0),
+        }, _(e.value.style.chart.labels.axis.yLabel), 9, kl)) : y("", !0),
         e.value.style.chart.labels.yAxisLabels.show ? (n(), v("g", {
           key: 4,
           ref_key: "serieLabels",
@@ -724,9 +745,9 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             fill: e.value.style.chart.labels.yAxisLabels.color,
             "font-weight": e.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
             "text-anchor": "end",
-            onMouseenter: (u) => me({ datapoint: t, seriesIndex: a }),
-            onMouseleave: (u) => pe({ datapoint: t, seriesIndex: a }),
-            onClick: (u) => xe({ datapoint: t, seriesIndex: a })
+            onMouseenter: (u) => xe({ datapoint: t, seriesIndex: a }),
+            onMouseleave: (u) => _e({ datapoint: t, seriesIndex: a }),
+            onClick: (u) => ke({ datapoint: t, seriesIndex: a })
           }, _(t.name) + " " + _(I.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),
@@ -736,7 +757,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
               r: e.value.style.chart.labels.yAxisLabels.rounding
             }),
             { datapoint: t }
-          )})` : ""), 41, yl))), 128)),
+          )})` : ""), 41, Cl))), 128)),
           e.value.style.chart.labels.yAxisLabels.showProgression && !I.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,
@@ -744,9 +765,9 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
             fill: e.value.style.chart.labels.yAxisLabels.color,
             "text-anchor": "end",
-            onMouseenter: (u) => me({ datapoint: t, seriesIndex: a }),
-            onMouseleave: (u) => pe({ datapoint: t, seriesIndex: a }),
-            onClick: (u) => xe({ datapoint: t, seriesIndex: a })
+            onMouseenter: (u) => xe({ datapoint: t, seriesIndex: a }),
+            onMouseleave: (u) => _e({ datapoint: t, seriesIndex: a }),
+            onClick: (u) => ke({ 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),
@@ -756,8 +777,8 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
               r: e.value.style.chart.labels.yAxisLabels.rounding
             }),
             { datapoint: t }
-          )), 41, bl))), 256)) : b("", !0)
-        ], 512)) : b("", !0),
+          )), 41, wl))), 256)) : y("", !0)
+        ], 512)) : y("", !0),
         e.value.style.chart.labels.axis.xLabel ? (n(), v("text", {
           key: 5,
           ref_key: "xAxisLabel",
@@ -767,7 +788,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
           "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, gl)) : b("", !0),
+        }, _(e.value.style.chart.labels.axis.xLabel), 9, $l)) : y("", !0),
         e.value.style.chart.labels.xAxisLabels.show ? (n(), v("g", {
           key: 6,
           ref_key: "scaleLabels",
@@ -791,8 +812,8 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
               r: e.value.style.chart.labels.xAxisLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, ml))), 128))
-        ], 512)) : b("", !0),
+          )), 9, Ll))), 128))
+        ], 512)) : y("", !0),
         Y(c("g", null, [
           Y(c("path", {
             d: `M ${r.value ? r.value.startX : o.value.left},${o.value.top} ${r.value ? r.value.startX : o.value.left},${o.value.bottom}`,
@@ -800,7 +821,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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, pl), [
+          }, null, 8, Al), [
             [j, r.value !== null && ![null, void 0].includes(r.value.start)]
           ]),
           Y(c("path", {
@@ -809,7 +830,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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, xl), [
+          }, null, 8, Sl), [
             [j, r.value !== null && ![null, void 0].includes(r.value.end)]
           ]),
           Y(c("rect", {
@@ -817,22 +838,22 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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(ct)(e.value.style.chart.comparisonLines.rectColor, e.value.style.chart.comparisonLines.rectOpacity) : "transparent",
+            fill: r.value ? i(vt)(e.value.style.chart.comparisonLines.rectColor, e.value.style.chart.comparisonLines.rectOpacity) : "transparent",
             style: { transition: "all 0.3s ease-in-out" }
-          }, null, 8, _l), [
+          }, null, 8, Nl), [
             [j, e.value.style.chart.comparisonLines.showRect && r.value !== null && ![null, void 0].includes(r.value.start) && ![null, void 0].includes(r.value.end)]
           ]),
           Y(c("text", {
-            transform: `translate(${_e.value == null ? 0 : _e.value}, ${o.value.top - 6})`,
+            transform: `translate(${Ce.value == null ? 0 : Ce.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" }
-          }, _(zt.value), 9, kl), [
-            [j, r.value !== null && _e.value !== null && e.value.style.chart.comparisonLines.showLabel]
+          }, _(Tt.value), 9, Ml), [
+            [j, r.value !== null && Ce.value !== null && e.value.style.chart.comparisonLines.showLabel]
           ])
         ], 512), [
-          [j, e.value.style.chart.comparisonLines.show && O.value !== null]
+          [j, e.value.style.chart.comparisonLines.show && D.value !== null]
         ]),
         c("defs", null, [
           c("radialGradient", {
@@ -842,16 +863,16 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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, wl),
+            }, null, 8, zl),
             c("stop", {
               offset: "90%",
               "stop-color": i(J)(e.value.style.chart.plots.startColor, 0.1)
-            }, null, 8, $l),
+            }, null, 8, Tl),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.startColor
-            }, null, 8, Ll)
-          ], 8, Cl),
+            }, null, 8, Ol)
+          ], 8, Xl),
           c("radialGradient", {
             id: `end_grad_${f.value}`,
             fy: "30%"
@@ -859,16 +880,16 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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, Nl),
+            }, null, 8, Il),
             c("stop", {
               offset: "90%",
               "stop-color": i(J)(e.value.style.chart.plots.endColor, 0.1)
-            }, null, 8, Sl),
+            }, null, 8, Fl),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.endColor
-            }, null, 8, Ml)
-          ], 8, Al),
+            }, null, 8, Hl)
+          ], 8, Dl),
           c("radialGradient", {
             id: `positive_grad_${f.value}`,
             fy: "30%"
@@ -876,16 +897,16 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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, zl),
+            }, null, 8, Gl),
             c("stop", {
               offset: "90%",
               "stop-color": i(J)(e.value.style.chart.plots.evaluationColors.positive, 0.1)
-            }, null, 8, Tl),
+            }, null, 8, El),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.positive
-            }, null, 8, Dl)
-          ], 8, Xl),
+            }, null, 8, Rl)
+          ], 8, Pl),
           c("radialGradient", {
             id: `negative_grad_${f.value}`,
             fy: "30%"
@@ -893,16 +914,16 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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, Il),
+            }, null, 8, Vl),
             c("stop", {
               offset: "90%",
               "stop-color": i(J)(e.value.style.chart.plots.evaluationColors.negative, 0.1)
-            }, null, 8, Fl),
+            }, null, 8, Ul),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.negative
-            }, null, 8, Hl)
-          ], 8, Ol),
+            }, null, 8, Wl)
+          ], 8, Bl),
           c("radialGradient", {
             id: `neutral_grad_${f.value}`,
             fy: "30%"
@@ -910,16 +931,16 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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, Gl),
+            }, null, 8, Yl),
             c("stop", {
               offset: "90%",
               "stop-color": i(J)(e.value.style.chart.plots.evaluationColors.neutral, 0.1)
-            }, null, 8, El),
+            }, null, 8, jl),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.neutral
-            }, null, 8, Rl)
-          ], 8, Pl)
+            }, null, 8, Zl)
+          ], 8, ql)
         ]),
         (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("g", {
           key: `plot_${a}_${t.id}`
@@ -935,12 +956,12 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
               c("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, Vl),
+              }, null, 8, Kl),
               c("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, Ul)
-            ], 8, Bl),
+              }, null, 8, Ql)
+            ], 8, Jl),
             c("linearGradient", {
               id: `grad_neg_${f.value}`,
               x1: "0%",
@@ -951,15 +972,15 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
               c("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, ql),
+              }, null, 8, ta),
               c("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, Yl)
-            ], 8, Wl)
+              }, null, 8, la)
+            ], 8, ea)
           ]),
-          ![void 0, null].includes(t.end) && ![void 0, null].includes(t.start) ? (n(), v("g", jl, [
-            e.value.style.chart.plots.link.type === "curved" ? (n(), v("g", Zl, [
+          ![void 0, null].includes(t.end) && ![void 0, null].includes(t.start) ? (n(), v("g", aa, [
+            e.value.style.chart.plots.link.type === "curved" ? (n(), v("g", sa, [
               c("path", {
                 d: `M 
                                 ${t.startX},${t.y + X.value / 2} 
@@ -971,18 +992,18 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
                                 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, Jl)
-            ])) : (n(), v("g", Kl, [
+              }, null, 8, oa)
+            ])) : (n(), v("g", na, [
               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, Ql)
+              }, null, 8, ra)
             ]))
-          ])) : b("", !0),
-          [null, void 0].includes(t.start) ? b("", !0) : (n(), v("circle", {
+          ])) : y("", !0),
+          [null, void 0].includes(t.start) ? y("", !0) : (n(), v("circle", {
             key: 1,
             cx: t.startX,
             cy: t.y,
@@ -990,8 +1011,8 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             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, ea)),
-          [null, void 0].includes(t.end) ? b("", !0) : (n(), v("circle", {
+          }, null, 8, ua)),
+          [null, void 0].includes(t.end) ? y("", !0) : (n(), v("circle", {
             key: 2,
             cx: t.endX,
             cy: t.y,
@@ -999,13 +1020,13 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             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, ta))
+          }, null, 8, ia))
         ]))), 128)),
-        e.value.style.chart.labels.startLabels.show ? (n(), v("g", la, [
+        e.value.style.chart.labels.startLabels.show ? (n(), v("g", ca, [
           (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", {
+            [null, void 0].includes(t.start) ? y("", !0) : (n(), v("text", {
               key: 0,
               x: t.startX,
               y: t.y + X.value * 2 + e.value.style.chart.labels.startLabels.fontSize / 2,
@@ -1022,14 +1043,14 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
                 r: e.value.style.chart.labels.startLabels.rounding
               }),
               { datapoint: t, seriesIndex: a }
-            )), 9, aa))
+            )), 9, va))
           ]))), 128))
-        ])) : b("", !0),
-        e.value.style.chart.labels.endLabels.show ? (n(), v("g", sa, [
+        ])) : y("", !0),
+        e.value.style.chart.labels.endLabels.show ? (n(), v("g", da, [
           (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", {
+            [null, void 0].includes(t.end) ? y("", !0) : (n(), v("text", {
               key: 0,
               x: t.endX,
               y: t.y - (X.value * 2 - e.value.style.chart.labels.startLabels.fontSize / 3),
@@ -1046,41 +1067,41 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
                 r: e.value.style.chart.labels.endLabels.rounding
               }),
               { datapoint: t, seriesIndex: a }
-            )), 9, oa))
+            )), 9, ha))
           ]))), 128))
-        ])) : b("", !0),
+        ])) : y("", !0),
         c("g", null, [
           (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("rect", {
             x: o.value.left,
             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(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))
+            fill: D.value !== null && D.value === a ? i(vt)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
+            onMouseenter: (u) => xe({ datapoint: t, seriesIndex: a }),
+            onMouseleave: (u) => _e({ datapoint: t, seriesIndex: a }),
+            onClick: (u) => ke({ datapoint: t, seriesIndex: a })
+          }, null, 40, fa))), 256))
         ]),
         x(l.$slots, "svg", { svg: o.value }, 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),
+      ], 14, bl)),
+      l.$slots.watermark ? (n(), v("div", ba, [
+        x(l.$slots, "watermark", se(oe({ isPrinting: i(Pe) || i(Ge) })), void 0, !0)
+      ])) : y("", !0),
       c("div", {
         id: `legend-bottom-${f.value}`
-      }, null, 8, ua),
-      ze.value ? (n(), D(It, {
+      }, null, 8, ya),
+      Oe.value ? (n(), O(Bt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${f.value}` : `#legend-bottom-${f.value}`
       }, [
         c("div", {
           ref_key: "chartLegend",
-          ref: Le
+          ref: Se
         }, [
-          e.value.style.chart.legend.show && K.value ? (n(), D(al, {
-            key: `legend_${Xe.value}`,
-            legendSet: qe.value,
-            config: Lt.value,
+          e.value.style.chart.legend.show && K.value ? (n(), O(vl, {
+            key: `legend_${Te.value}`,
+            legendSet: ge.value,
+            config: At.value,
             clickable: !1
           }, {
             item: p(({ legend: t }) => [
@@ -1088,7 +1109,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["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(it),
+                  xmlns: i(ct),
                   viewBox: "0 0 20 20",
                   height: e.value.style.chart.legend.fontSize,
                   width: e.value.style.chart.legend.fontSize
@@ -1098,36 +1119,36 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
                     cy: 10,
                     r: 9,
                     fill: t.color
-                  }, null, 8, ca)
-                ], 8, ia)),
-                i(ce) ? b("", !0) : (n(), v(C, { key: 0 }, [
-                  ke(_(t.name), 1)
+                  }, null, 8, ma)
+                ], 8, ga)),
+                i(ce) ? y("", !0) : (n(), v(C, { key: 0 }, [
+                  we(_(t.name), 1)
                 ], 64))
               ], 4)
             ]),
             _: 1
           }, 8, ["legendSet", "config"])) : x(l.$slots, "legend", {
             key: 1,
-            legend: qe.value
+            legend: ge.value
           }, void 0, !0)
         ], 512)
-      ], 8, ["to"])) : b("", !0),
+      ], 8, ["to"])) : y("", !0),
       l.$slots.source ? (n(), v("div", {
         key: 6,
         ref_key: "source",
-        ref: Ae,
+        ref: Ne,
         dir: "auto"
       }, [
         x(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : b("", !0),
-      K.value && e.value.userOptions.buttons.table ? (n(), D(Ft(q.value.component), Ht({ key: 7 }, q.value.props, {
+      ], 512)) : y("", !0),
+      K.value && e.value.userOptions.buttons.table ? (n(), O(Vt(q.value.component), Ut({ key: 7 }, q.value.props, {
         ref_key: "tableUnit",
         ref: U,
         onClose: Ke
-      }), st({
+      }), ot({
         content: p(() => [
-          (n(), D(i(bt), {
-            key: `table_${Me.value}`,
+          (n(), O(i(gt), {
+            key: `table_${ze.value}`,
             colNames: ee.value.colNames,
             head: ee.value.head,
             body: ee.value.body,
@@ -1140,10 +1161,10 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
               c("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, va)
+              }, null, 8, pa)
             ]),
             td: p(({ td: t }) => [
-              ke(_(t.name || t), 1)
+              we(_(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1153,7 +1174,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         e.value.table.useDialog ? {
           name: "title",
           fn: p(() => [
-            ke(_(q.value.title), 1)
+            we(_(q.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1163,9 +1184,9 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             c("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: s[0] || (s[0] = (t) => be(e.value.userOptions.callbacks.csv))
+              onClick: s[0] || (s[0] = (t) => me(e.value.userOptions.callbacks.csv))
             }, [
-              ot(i(ft), {
+              nt(i(bt), {
                 name: "excel",
                 stroke: q.value.props.color
               }, null, 8, ["stroke"])
@@ -1173,11 +1194,11 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : b("", !0),
-      i(ce) ? (n(), D(Zt, { key: 8 })) : b("", !0)
-    ], 46, ol));
+      ]), 1040)) : y("", !0),
+      i(ce) ? (n(), O(al, { key: 8 })) : y("", !0)
+    ], 46, hl));
   }
-}, Na = /* @__PURE__ */ sl(da, [["__scopeId", "data-v-1edd0ed2"]]);
+}, Fa = /* @__PURE__ */ dl(xa, [["__scopeId", "data-v-92925706"]]);
 export {
-  Na as default
+  Fa as default
 };