vue-data-ui 3.5.0 → 3.5.2

package/dist/{vue-ui-dumbbell-iQJ0BUhm.js → vue-ui-dumbbell-BlF3CLbN.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as P, 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, x as it, m as Qt, d as w, a as H, X as ct, s as vt, S as Q, U as Z, P as Zt, Q as Jt } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as G, computed as g, ref as h, toRefs as Et, watch as se, shallowRef as tt, onMounted as lt, onBeforeUnmount as at, watchEffect as Rt, createElementBlock as v, openBlock as n, unref as i, normalizeStyle as oe, normalizeClass as st, createBlock as I, createCommentVNode as y, createElementVNode as c, withCtx as m, renderSlot as p, normalizeProps as A, guardReactiveProps as S, createSlots as ot, createVNode as nt, withDirectives as Q, Fragment as C, renderList as N, toDisplayString as _, vShow as Z, 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, x as it, m as Qt, d as w, a as E, X as ct, s as vt, S as J, U as K, P as Zt, Q as Jt } from "./lib-C_mNZmhD.js";
 import { t as $e, u as Kt } from "./useResponsive-DfdjqQps.js";
-import { u as el, a as dt } from "./useNestedProp-BjZe1Y85.js";
+import { u as el, a as dt } from "./useNestedProp-CReNavA0.js";
 import { u as tl } from "./usePrinter-DTzqpYKF.js";
 import { u as ll, B as al } from "./BaseScanner-BgWxam9d.js";
 import { u as sl } from "./useSvgExport-DrjCWun4.js";
@@ -9,7 +9,7 @@ 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-BecE5qXd.js";
-import il from "./Title-l36lOBMx.js";
+import il from "./Title-BzH_LEA3.js";
 import { t as cl } from "./themes-AUNCOb2G.js";
 import vl from "./Legend-G6GMcdAc.js";
 import { _ as dl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -34,15 +34,15 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
   },
   emits: ["selectDatapoint"],
   setup(ht, { expose: ft, emit: _a }) {
-    const bt = P(() => import("./BaseIcon-BmMbm4d0.js")), yt = P(() => import("./vue-ui-accordion-CZ0thhxa.js")), gt = P(() => import("./DataTable-BT7VF2ua.js")), mt = P(() => import("./PenAndPaper-DSvu9dwa.js")), pt = P(() => import("./UserOptions-CGnQt6Fd.js")), xt = P(() => import("./PackageVersion-Cyx_s25h.js")), _t = P(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_dumbbell: kt } = el(), S = ht, J = g({
+    const bt = G(() => import("./BaseIcon-BmMbm4d0.js")), yt = G(() => import("./vue-ui-accordion-BmFTVF1a.js")), gt = G(() => import("./DataTable-BT7VF2ua.js")), mt = G(() => import("./PenAndPaper-SZQIAgkg.js")), pt = G(() => import("./UserOptions-CGnQt6Fd.js")), xt = G(() => import("./PackageVersion-Y7t79Jtq.js")), _t = G(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_dumbbell: kt } = el(), M = ht, ee = g({
       get() {
-        return !!S.dataset && S.dataset.length;
+        return !!M.dataset && M.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), 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), K = 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),
+    }), f = h(rt()), Le = h(0), X = 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), q = h(null), ne = h(null), re = h(null), ue = h(null), te = h(null), ie = h(null), F = h(null), r = h(null), P = h(!1), e = h(fe()), { loading: ce, FINAL_DATASET: ve, manualLoading: Ct } = ll({
+      ...Et(M),
       FINAL_CONFIG: e,
       prepareConfig: fe,
       skeletonDataset: [
@@ -97,37 +97,37 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
     }), { 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,
+        userConfig: M.config,
         defaultConfig: kt
       });
       return l.theme ? {
         ...dt({
-          userConfig: cl.vue_ui_dumbbell[l.theme] || S.config,
+          userConfig: cl.vue_ui_dumbbell[l.theme] || M.config,
           defaultConfig: l
         })
       } : l;
     }
-    le(() => S.config, (l) => {
-      ce.value || (e.value = fe()), de.value = !e.value.userOptions.showOnChartHover, Pe(), 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) => {
+    se(() => M.config, (l) => {
+      ce.value || (e.value = fe()), de.value = !e.value.userOptions.showOnChartHover, Pe(), Xe.value += 1, ze.value += 1, Te.value += 1, V.value = e.value.style.chart.rowHeight, U.value = e.value.style.chart.width, H.value.showTable = e.value.table.show;
+    }, { deep: !0 }), se(() => ve.value, (l) => {
       Array.isArray(l) && l.length > 0 && (Ct.value = !1), We(), qe();
     }, { deep: !0 });
-    const M = tt(null), G = tt(null);
+    const z = tt(null), R = tt(null);
     lt(() => {
       Oe.value = !0, Pe();
     });
     const Fe = g(() => !!e.value.debug);
     function Pe() {
-      if (Yt(S.dataset) ? ut({
+      if (Yt(M.dataset) ? ut({
         componentName: "VueUiDumbbell",
         type: "dataset",
         debug: Fe.value
-      }) : S.dataset.forEach((l, s) => {
+      }) : M.dataset.forEach((l, s) => {
         jt({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
         }).forEach((t) => {
-          J.value = !1, ut({
+          ee.value = !1, ut({
             componentName: "VueUiDumbbell",
             type: "datasetSerieAttribute",
             property: t,
@@ -138,44 +138,44 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       }), e.value.responsive) {
         const l = $e(() => {
           const { width: s, height: t } = Kt({
-            chart: N.value,
+            chart: X.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), Ze();
+            U.value = Math.max(0.1, s), V.value = Math.max(0.1, (Math.max(0.1, t) - (a + u)) / ve.value.length), Ze();
           });
         });
-        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);
+        z.value && (R.value && z.value.unobserve(R.value), z.value.disconnect()), z.value = new ResizeObserver(l), R.value = X.value.parentNode, z.value.observe(R.value);
       }
       Ze();
     }
     at(() => {
-      L.value != null && (cancelAnimationFrame(L.value), L.value = null), M.value && (G.value && M.value.unobserve(G.value), M.value.disconnect());
+      L.value != null && (cancelAnimationFrame(L.value), L.value = null), z.value && (R.value && z.value.unobserve(R.value), z.value.disconnect());
     });
     const { isPrinting: He, 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
-    }), wt = 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), H = h({
       showTable: e.value.table.show
     });
-    le(e, () => {
-      F.value = {
+    se(e, () => {
+      H.value = {
         showTable: e.value.table.show
       };
     }, { immediate: !0 });
-    const E = g(() => ve.value.map((l, s) => ({
+    const B = g(() => ve.value.map((l, s) => ({
       ...l,
       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;
+      const l = e.value.style.chart.grid, s = B.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(() => Qt(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);
+    }), $ = g(() => Qt(Be.value.min, Be.value.max, e.value.style.chart.grid.scaleSteps)), V = h(e.value.style.chart.rowHeight), U = h(e.value.style.chart.width);
     function $t() {
       let l = 0;
       ue.value && (l = Array.from(ue.value.querySelectorAll("text")).reduce((a, u) => {
@@ -189,7 +189,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       be.value = l;
     }, 100);
     Rt((l) => {
-      const s = K.value;
+      const s = te.value;
       if (!s) return;
       const t = new ResizeObserver((a) => {
         Lt(a[0].contentRect.height);
@@ -199,45 +199,45 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       be.value = 0;
     });
     const Ve = g(() => {
-      I.value;
+      P.value;
       let l = 0;
       ie.value && (l = ie.value.getBBox().height);
       let s = 0;
-      return K.value && (s = be.value), l + s;
-    }), ye = g(() => E.value.length);
+      return te.value && (s = be.value), l + s;
+    }), ye = g(() => B.value.length);
     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 * b;
+      const x = d - u;
+      return x <= 0 ? t.left : t.left + (a - u) / x * b;
     }
     const o = g(() => {
-      I.value;
-      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);
+      P.value;
+      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 = V.value * ye.value - Ve.value - s.top - s.bottom - t, u = a / ye.value, d = V.value * ye.value, b = U.value - l - s.left - s.right, x = $.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,
+        right: U.value - e.value.style.chart.padding.right,
         top: e.value.style.chart.padding.top,
         bottom: d - e.value.style.chart.padding.bottom - Ve.value - t,
         width: b,
         height: a,
         rowHeight: u,
         absoluteHeight: d,
-        widthPlotReference: m
+        widthPlotReference: x
       };
-    }), X = g(() => Math.min(R.value / 2 * 0.7, e.value.style.chart.plots.radius)), W = h([]), k = g({
+    }), T = g(() => Math.min(V.value / 2 * 0.7, e.value.style.chart.plots.radius)), Y = h([]), k = g({
       get() {
         const l = o.value, s = $.value;
-        return W.value.map((t, a) => {
-          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 Y.value.map((t, a) => {
+          const u = Ue(t.start, s, l), d = Ue(t.endVal, s, l), b = u + (d - u) / 2, x = ![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, 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 = x ? e.value.style.chart.plots.evaluationColors.positive : D ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
           return {
             ...t,
-            isPositive: m,
-            isNegative: T,
+            isPositive: x,
+            isNegative: D,
             isNeutral: et,
             evaluationColor: Gt,
-            evaluationGrad: `url(#${m ? "positive" : T ? "negative" : "neutral"}_grad_${f.value})`,
+            evaluationGrad: `url(#${x ? "positive" : D ? "negative" : "neutral"}_grad_${f.value})`,
             startX: u,
             endX: d,
             centerX: b,
@@ -246,11 +246,11 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         });
       },
       set(l) {
-        W.value = l;
+        Y.value = l;
       }
     });
     function We() {
-      W.value = E.value.map((l) => {
+      Y.value = B.value.map((l) => {
         const s = Number(l.start);
         return {
           ...l,
@@ -264,20 +264,20 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
     });
     function qe() {
       if (L.value != null && (cancelAnimationFrame(L.value), L.value = null), We(), !e.value.useAnimation) {
-        k.value = W.value.map((a) => {
+        k.value = Y.value.map((a) => {
           const u = Number(a.end);
           return { ...a, endVal: Number.isFinite(u) ? u : a.endVal };
         });
         return;
       }
-      const l = Math.max(1, Math.min(100, e.value.animationSpeed || 100)) / 100, s = E.value.map((a) => {
+      const l = Math.max(1, Math.min(100, e.value.animationSpeed || 100)) / 100, s = B.value.map((a) => {
         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 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 };
+        k.value = Y.value.map((u, d) => {
+          const b = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, x = u.endVal + s[d] * l, D = s[d] >= 0 ? Math.min(x, b) : Math.max(x, b);
+          return D !== b && (a = !1), { ...u, endVal: D };
         }), a ? L.value = null : L.value = requestAnimationFrame(t);
       };
       L.value = requestAnimationFrame(t);
@@ -297,7 +297,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       paddingBottom: 12,
       paddingTop: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), z = g(() => {
+    })), O = g(() => {
       const l = k.value.map((t) => ({
         name: t.name
       })), s = k.value.map((t) => ({
@@ -305,33 +305,33 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         end: t.end
       }));
       return { head: l, body: s };
-    }), ee = g(() => {
+    }), le = g(() => {
       const l = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.start,
         e.value.table.columnNames.end,
         e.value.table.columnNames.progression
-      ], s = z.value.head.map((u, d) => {
+      ], s = O.value.head.map((u, d) => {
         const b = w({
           p: e.value.style.chart.labels.prefix,
-          v: z.value.body[d].start,
+          v: O.value.body[d].start,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
-        }), m = w({
+        }), x = w({
           p: e.value.style.chart.labels.prefix,
-          v: z.value.body[d].end,
+          v: O.value.body[d].end,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
-        }), T = w({
-          v: 100 * (z.value.body[d].end / z.value.body[d].start - 1),
+        }), D = w({
+          v: 100 * (O.value.body[d].end / O.value.body[d].start - 1),
           s: "%",
           r: e.value.table.td.roundingPercentage
         });
         return [
           { name: u.name },
           b,
-          m,
-          T
+          x,
+          D
         ];
       }), t = {
         th: {
@@ -360,29 +360,29 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
     });
     function me(l = null) {
       Wt(() => {
-        const s = z.value.head.map((u, d) => [[
+        const s = O.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 = Zt(t);
+        ], [O.value.body[d].start], [O.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 = Zt(t);
         l ? l(a) : Jt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
-    const V = h(!1);
+    const W = h(!1);
     function Ye(l) {
-      V.value = l, Le.value += 1;
+      W.value = l, Le.value += 1;
     }
     function St() {
-      return E.value;
+      return B.value;
     }
     function je() {
-      F.value.showTable = !F.value.showTable;
+      H.value.showTable = !H.value.showTable;
     }
-    const te = h(!1);
+    const ae = h(!1);
     function pe() {
-      te.value = !te.value;
+      ae.value = !ae.value;
     }
     async function Nt({ scale: l = 2 } = {}) {
-      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 });
+      if (!X.value) return;
+      const { width: s, height: t } = X.value.getBoundingClientRect(), a = s / t, { imageUri: u, base64: d } = await ul({ domElement: X.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: u,
         base64: d,
@@ -394,15 +394,15 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
     }
     const Qe = g(() => $.value.ticks), Mt = g(() => ({ start: 0, end: Qe.value.length }));
     rl({
-      timeLabelsEls: K,
+      timeLabelsEls: te,
       timeLabels: Qe,
       slicer: Mt,
       configRef: e,
       rotationPath: ["style", "chart", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["style", "chart", "labels", "xAxisLabels", "autoRotate", "enable"],
       isAutoSize: !1,
-      width: B,
-      height: R,
+      width: U,
+      height: V,
       targetClass: ".vue-ui-dumbbell-scale-label",
       rotation: e.value.style.chart.labels.xAxisLabels.autoRotate.angle
     });
@@ -419,11 +419,11 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       let l = null, s = 0;
       const t = 1;
       return (a) => {
-        if (a === I.value) {
+        if (a === P.value) {
           l = null, s = 0;
           return;
         }
-        l === null || l !== a ? (l = a, s = 1) : (s += 1, s >= t && (I.value = a, l = null, s = 0));
+        l === null || l !== a ? (l = a, s = 1) : (s += 1, s >= t && (P.value = a, l = null, s = 0));
       };
     })(), Ze = $e(() => {
       requestAnimationFrame(() => {
@@ -438,10 +438,10 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       });
     }, 100);
     function xe({ datapoint: l, seriesIndex: s }) {
-      D.value = s, r.value = l, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s });
+      F.value = s, r.value = l, e.value.events.datapointEnter && e.value.events.datapointEnter({ 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 });
+      F.value = null, r.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s });
     }
     function ke({ datapoint: l, seriesIndex: s }) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
@@ -454,7 +454,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       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 = "";
-      return l && (t = H(
+      return l && (t = E(
         e.value.style.chart.labels.formatter,
         r.value.start,
         w({
@@ -463,8 +463,8 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           s: e.value.style.chart.labels.suffix,
           r: e.value.style.chart.labels.startLabels.rounding
         }),
-        { datapoint: r.value, seriesIndex: D.value }
-      )), s && (a = H(
+        { datapoint: r.value, seriesIndex: F.value }
+      )), s && (a = E(
         e.value.style.chart.labels.formatter,
         r.value.end,
         w({
@@ -473,10 +473,10 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           s: e.value.style.chart.labels.suffix,
           r: e.value.style.chart.labels.startLabels.rounding
         }),
-        { datapoint: r.value, seriesIndex: D.value }
+        { datapoint: r.value, seriesIndex: F.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;
+    }), j = g(() => {
+      const l = e.value.table.useDialog && !e.value.table.show, s = H.value.showTable;
       return {
         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}` : ""}`,
@@ -485,8 +485,8 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: V.value,
-          fullscreenParent: N.value,
+          isFullscreen: W.value,
+          fullscreenParent: X.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
@@ -505,11 +505,11 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         }
       };
     });
-    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());
+    se(() => H.value.showTable, (l) => {
+      e.value.table.show || (l && e.value.table.useDialog && q.value ? q.value.open() : "close" in q.value && q.value.close());
     });
     function Je() {
-      F.value.showTable = !1, ne.value && ne.value.setTableIconState(!1);
+      H.value.showTable = !1, ne.value && ne.value.setTableIconState(!1);
     }
     const Ot = g(() => ge.value.map((l) => ({
       ...l,
@@ -540,21 +540,41 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       toggleFullscreen: Ye
     }), (l, s) => (n(), v("div", {
       ref_key: "dumbbellChart",
-      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%" : ""}`),
+      ref: X,
+      class: st(`vue-data-ui-component vue-ui-dumbbell ${W.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      style: oe(`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(De)(!0)),
       onMouseleave: s[2] || (s[2] = () => i(De)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), O(i(mt), {
+      e.value.userOptions.buttons.annotator ? (n(), I(i(mt), {
         key: 0,
         svgRef: i(he),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: te.value,
+        active: ae.value,
         onClose: pe
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
+      }, {
+        "annotator-action-close": m(() => [
+          p(l.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": m(({ color: t }) => [
+          p(l.$slots, "annotator-action-color", A(S({ color: t })), void 0, !0)
+        ]),
+        "annotator-action-draw": m(({ mode: t }) => [
+          p(l.$slots, "annotator-action-draw", A(S({ mode: t })), void 0, !0)
+        ]),
+        "annotator-action-undo": m(({ disabled: t }) => [
+          p(l.$slots, "annotator-action-undo", A(S({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-redo": m(({ disabled: t }) => [
+          p(l.$slots, "annotator-action-redo", A(S({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-delete": m(({ disabled: t }) => [
+          p(l.$slots, "annotator-action-delete", A(S({ disabled: t })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
       wt.value ? (n(), v("div", {
         key: 1,
         ref_key: "noTitle",
@@ -568,7 +588,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         ref: Ae,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), O(il, {
+        (n(), I(il, {
           key: `title_${Xe.value}`,
           config: {
             title: {
@@ -585,7 +605,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       c("div", {
         id: `legend-top-${f.value}`
       }, null, 8, fl),
-      e.value.userOptions.show && J.value && (i(Ie) || i(de)) ? (n(), O(i(pt), {
+      e.value.userOptions.show && ee.value && (i(Ie) || i(de)) ? (n(), I(i(pt), {
         ref_key: "userOptionsRef",
         ref: ne,
         key: `user_option_${Le.value}`,
@@ -600,12 +620,12 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         hasSvg: e.value.userOptions.buttons.svg,
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: V.value,
+        isFullscreen: W.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: N.value,
+        chartElement: X.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: te.value,
+        isAnnotation: ae.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
@@ -616,63 +636,63 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         onGenerateSvg: Ke,
         onToggleTable: je,
         onToggleAnnotator: pe,
-        style: ae({
+        style: oe({
           visibility: i(Ie) ? i(de) ? "visible" : "hidden" : "visible"
         })
       }, ot({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: p(({ isOpen: t, color: a }) => [
-            x(l.$slots, "menuIcon", se(oe({ isOpen: t, color: a })), void 0, !0)
+          fn: m(({ isOpen: t, color: a }) => [
+            p(l.$slots, "menuIcon", A(S({ isOpen: t, color: a })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: p(() => [
-            x(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: m(() => [
+            p(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: p(() => [
-            x(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: m(() => [
+            p(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: p(() => [
-            x(l.$slots, "optionImg", {}, void 0, !0)
+          fn: m(() => [
+            p(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: p(() => [
-            x(l.$slots, "optionSvg", {}, void 0, !0)
+          fn: m(() => [
+            p(l.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: p(() => [
-            x(l.$slots, "optionTable", {}, void 0, !0)
+          fn: m(() => [
+            p(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: p(({ toggleFullscreen: t, isFullscreen: a }) => [
-            x(l.$slots, "optionFullscreen", se(oe({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
+          fn: m(({ toggleFullscreen: t, isFullscreen: a }) => [
+            p(l.$slots, "optionFullscreen", A(S({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: p(({ toggleAnnotator: t, isAnnotator: a }) => [
-            x(l.$slots, "optionAnnotator", se(oe({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
+          fn: m(({ toggleAnnotator: t, isAnnotator: a }) => [
+            p(l.$slots, "optionAnnotator", A(S({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -681,9 +701,9 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         ref_key: "svgRef",
         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}`)
+        class: st({ "vue-data-ui-fullscreen--on": W.value, "vue-data-ui-fulscreen--off": !W.value }),
+        viewBox: `0 0 ${U.value} ${o.value.absoluteHeight <= 0 ? 10 : o.value.absoluteHeight}`,
+        style: oe(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         nt(i(xt)),
         l.$slots["chart-background"] ? (n(), v("foreignObject", {
@@ -696,10 +716,10 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             pointerEvents: "none"
           }
         }, [
-          x(l.$slots, "chart-background", {}, void 0, !0)
+          p(l.$slots, "chart-background", {}, void 0, !0)
         ], 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", {
+          (n(!0), v(C, null, N($.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),
             y1: o.value.top,
@@ -710,7 +730,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           }, 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", {
+          (n(!0), v(C, null, N(B.value, (t, a) => (n(), v("line", {
             x1: o.value.left,
             x2: o.value.right,
             y1: o.value.top + a * o.value.rowHeight,
@@ -743,11 +763,11 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           ref_key: "serieLabels",
           ref: ue
         }, [
-          (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("text", {
+          (n(!0), v(C, null, N(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 || I.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 || P.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",
@@ -755,7 +775,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             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(H)(
+          }, _(t.name) + " " + _(P.value && e.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(t.start) || [null, void 0].includes(t.end) ? "" : `(${i(E)(
             e.value.style.chart.labels.yAxisLabels.formatter,
             100 * (t.end / t.start - 1),
             i(w)({
@@ -765,7 +785,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             }),
             { datapoint: t }
           )})` : ""), 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", {
+          e.value.style.chart.labels.yAxisLabels.showProgression && !P.value ? (n(!0), v(C, { key: 0 }, N(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,
@@ -775,7 +795,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             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(H)(
+          }, _([null, void 0].includes(t.start) || [null, void 0].includes(t.end) ? "" : i(E)(
             e.value.style.chart.labels.yAxisLabels.formatter,
             100 * (t.end / t.start - 1),
             i(w)({
@@ -799,9 +819,9 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         e.value.style.chart.labels.xAxisLabels.show ? (n(), v("g", {
           key: 6,
           ref_key: "scaleLabels",
-          ref: K
+          ref: te
         }, [
-          (n(!0), v(C, null, A($.value.ticks, (t, a) => (n(), v("text", {
+          (n(!0), v(C, null, N($.value.ticks, (t, a) => (n(), v("text", {
             class: "vue-ui-dumbbell-scale-label",
             key: `tick_${a}`,
             transform: `translate(${o.value.left + a * (o.value.width / ($.value.ticks.length - 1))}, ${o.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize + e.value.style.chart.labels.xAxisLabels.offsetY}), rotate(${e.value.style.chart.labels.xAxisLabels.rotation})`,
@@ -809,7 +829,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             fill: e.value.style.chart.labels.xAxisLabels.color,
             "font-weight": e.value.style.chart.labels.xAxisLabels.bold ? "bold" : "normal",
             "text-anchor": e.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : e.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle"
-          }, _(i(H)(
+          }, _(i(E)(
             e.value.style.chart.labels.formatter,
             t,
             i(w)({
@@ -821,26 +841,26 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             { datapoint: t, seriesIndex: a }
           )), 9, Ll))), 128))
         ], 512)) : y("", !0),
-        Y(c("g", null, [
-          Y(c("path", {
+        Q(c("g", null, [
+          Q(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}`,
             stroke: r.value ? e.value.style.chart.plots.evaluationColors.enable ? r.value.evaluationColor : e.value.style.chart.plots.startColor : "transparent",
             "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, Al), [
-            [j, r.value !== null && ![null, void 0].includes(r.value.start)]
+            [Z, r.value !== null && ![null, void 0].includes(r.value.start)]
           ]),
-          Y(c("path", {
+          Q(c("path", {
             d: `M ${r.value ? r.value.endX : o.value.left},${o.value.top} ${r.value ? r.value.endX : o.value.left},${o.value.bottom}`,
             stroke: r.value ? e.value.style.chart.plots.evaluationColors.enable ? r.value.evaluationColor : e.value.style.chart.plots.endColor : "transparent",
             "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, Sl), [
-            [j, r.value !== null && ![null, void 0].includes(r.value.end)]
+            [Z, r.value !== null && ![null, void 0].includes(r.value.end)]
           ]),
-          Y(c("rect", {
+          Q(c("rect", {
             x: r.value ? Math.min(r.value.startX, r.value.endX) : o.value.left,
             y: o.value.top,
             height: Math.max(0.1, o.value.height),
@@ -848,19 +868,19 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             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, 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)]
+            [Z, 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", {
+          Q(c("text", {
             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" }
           }, _(Tt.value), 9, Ml), [
-            [j, r.value !== null && Ce.value !== null && e.value.style.chart.comparisonLines.showLabel]
+            [Z, r.value !== null && Ce.value !== null && e.value.style.chart.comparisonLines.showLabel]
           ])
         ], 512), [
-          [j, e.value.style.chart.comparisonLines.show && D.value !== null]
+          [Z, e.value.style.chart.comparisonLines.show && F.value !== null]
         ]),
         c("defs", null, [
           c("radialGradient", {
@@ -869,11 +889,11 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           }, [
             c("stop", {
               offset: "10%",
-              "stop-color": i(Q)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
+              "stop-color": i(J)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, zl),
             c("stop", {
               offset: "90%",
-              "stop-color": i(Z)(e.value.style.chart.plots.startColor, 0.1)
+              "stop-color": i(K)(e.value.style.chart.plots.startColor, 0.1)
             }, null, 8, Tl),
             c("stop", {
               offset: "100%",
@@ -886,11 +906,11 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           }, [
             c("stop", {
               offset: "10%",
-              "stop-color": i(Q)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
+              "stop-color": i(J)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, Il),
             c("stop", {
               offset: "90%",
-              "stop-color": i(Z)(e.value.style.chart.plots.endColor, 0.1)
+              "stop-color": i(K)(e.value.style.chart.plots.endColor, 0.1)
             }, null, 8, Fl),
             c("stop", {
               offset: "100%",
@@ -903,11 +923,11 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           }, [
             c("stop", {
               offset: "10%",
-              "stop-color": i(Q)(e.value.style.chart.plots.evaluationColors.positive, e.value.style.chart.plots.gradient.intensity / 100)
+              "stop-color": i(J)(e.value.style.chart.plots.evaluationColors.positive, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, Gl),
             c("stop", {
               offset: "90%",
-              "stop-color": i(Z)(e.value.style.chart.plots.evaluationColors.positive, 0.1)
+              "stop-color": i(K)(e.value.style.chart.plots.evaluationColors.positive, 0.1)
             }, null, 8, El),
             c("stop", {
               offset: "100%",
@@ -920,11 +940,11 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           }, [
             c("stop", {
               offset: "10%",
-              "stop-color": i(Q)(e.value.style.chart.plots.evaluationColors.negative, e.value.style.chart.plots.gradient.intensity / 100)
+              "stop-color": i(J)(e.value.style.chart.plots.evaluationColors.negative, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, Vl),
             c("stop", {
               offset: "90%",
-              "stop-color": i(Z)(e.value.style.chart.plots.evaluationColors.negative, 0.1)
+              "stop-color": i(K)(e.value.style.chart.plots.evaluationColors.negative, 0.1)
             }, null, 8, Ul),
             c("stop", {
               offset: "100%",
@@ -937,11 +957,11 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           }, [
             c("stop", {
               offset: "10%",
-              "stop-color": i(Q)(e.value.style.chart.plots.evaluationColors.neutral, e.value.style.chart.plots.gradient.intensity / 100)
+              "stop-color": i(J)(e.value.style.chart.plots.evaluationColors.neutral, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, Yl),
             c("stop", {
               offset: "90%",
-              "stop-color": i(Z)(e.value.style.chart.plots.evaluationColors.neutral, 0.1)
+              "stop-color": i(K)(e.value.style.chart.plots.evaluationColors.neutral, 0.1)
             }, null, 8, jl),
             c("stop", {
               offset: "100%",
@@ -949,7 +969,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             }, null, 8, Ql)
           ], 8, ql)
         ]),
-        (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("g", {
+        (n(!0), v(C, null, N(k.value, (t, a) => (n(), v("g", {
           key: `plot_${a}_${t.id}`
         }, [
           c("defs", null, [
@@ -990,12 +1010,12 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             e.value.style.chart.plots.link.type === "curved" ? (n(), v("g", sa, [
               c("path", {
                 d: `M 
-                                ${t.startX},${t.y + X.value / 2} 
+                                ${t.startX},${t.y + T.value / 2} 
                                 C ${t.centerX},${t.y} ${t.centerX},${t.y} 
-                                ${t.endX},${t.y + X.value / 2}
-                                L ${t.endX},${t.y - X.value / 2}
+                                ${t.endX},${t.y + T.value / 2}
+                                L ${t.endX},${t.y - T.value / 2}
                                 C ${t.centerX},${t.y} ${t.centerX},${t.y}
-                                ${t.startX},${t.y - X.value / 2}
+                                ${t.startX},${t.y - T.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})`
@@ -1014,7 +1034,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             key: 1,
             cx: t.startX,
             cy: t.y,
-            r: X.value,
+            r: T.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
@@ -1023,24 +1043,24 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             key: 2,
             cx: t.endX,
             cy: t.y,
-            r: X.value,
+            r: T.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, ia))
         ]))), 128)),
         e.value.style.chart.labels.startLabels.show ? (n(), v("g", ca, [
-          (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("g", {
+          (n(!0), v(C, null, N(k.value, (t, a) => (n(), v("g", {
             key: `start_label_${a}_${t.id}`
           }, [
             [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,
+              y: t.y + T.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"
-            }, _(i(H)(
+            }, _(i(E)(
               e.value.style.chart.labels.formatter,
               t.start,
               i(w)({
@@ -1054,17 +1074,17 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           ]))), 128))
         ])) : 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", {
+          (n(!0), v(C, null, N(k.value, (t, a) => (n(), v("g", {
             key: `end_label_${a}_${t.id}`
           }, [
             [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),
+              y: t.y - (T.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"
-            }, _(i(H)(
+            }, _(i(E)(
               e.value.style.chart.labels.formatter,
               t.end,
               i(w)({
@@ -1078,26 +1098,26 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           ]))), 128))
         ])) : y("", !0),
         c("g", null, [
-          (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("rect", {
+          (n(!0), v(C, null, N(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: D.value !== null && D.value === a ? i(vt)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
+            fill: F.value !== null && F.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)
+        p(l.$slots, "svg", { svg: o.value }, void 0, !0)
       ], 14, bl)),
       l.$slots.watermark ? (n(), v("div", ba, [
-        x(l.$slots, "watermark", se(oe({ isPrinting: i(He) || i(Ge) })), void 0, !0)
+        p(l.$slots, "watermark", A(S({ isPrinting: i(He) || i(Ge) })), void 0, !0)
       ])) : y("", !0),
       c("div", {
         id: `legend-bottom-${f.value}`
       }, null, 8, ya),
-      Oe.value ? (n(), O(Bt, {
+      Oe.value ? (n(), I(Bt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${f.value}` : `#legend-bottom-${f.value}`
       }, [
@@ -1105,15 +1125,15 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           ref_key: "chartLegend",
           ref: Se
         }, [
-          e.value.style.chart.legend.show && J.value ? (n(), O(vl, {
+          e.value.style.chart.legend.show && ee.value ? (n(), I(vl, {
             key: `legend_${Te.value}`,
             legendSet: ge.value,
             config: At.value,
             clickable: !1
           }, {
-            item: p(({ legend: t }) => [
+            item: m(({ legend: t }) => [
               c("div", {
-                style: ae(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
+                style: oe(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
               }, [
                 (n(), v("svg", {
                   xmlns: i(ct),
@@ -1134,7 +1154,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
               ], 4)
             ]),
             _: 1
-          }, 8, ["legendSet", "config"])) : x(l.$slots, "legend", {
+          }, 8, ["legendSet", "config"])) : p(l.$slots, "legend", {
             key: 1,
             legend: ge.value
           }, void 0, !0)
@@ -1146,31 +1166,31 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         ref: Ne,
         dir: "auto"
       }, [
-        x(l.$slots, "source", {}, void 0, !0)
+        p(l.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      J.value && e.value.userOptions.buttons.table ? (n(), O(Vt(q.value.component), Ut({ key: 7 }, q.value.props, {
+      ee.value && e.value.userOptions.buttons.table ? (n(), I(Vt(j.value.component), Ut({ key: 7 }, j.value.props, {
         ref_key: "tableUnit",
-        ref: U,
+        ref: q,
         onClose: Je
       }), ot({
-        content: p(() => [
-          (n(), O(i(gt), {
+        content: m(() => [
+          (n(), I(i(gt), {
             key: `table_${ze.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,
+            colNames: le.value.colNames,
+            head: le.value.head,
+            body: le.value.body,
+            config: le.value.config,
+            title: e.value.table.useDialog ? "" : j.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: Je
           }, {
-            th: p(({ th: t }) => [
+            th: m(({ th: t }) => [
               c("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, pa)
             ]),
-            td: p(({ td: t }) => [
+            td: m(({ td: t }) => [
               we(_(t.name || t), 1)
             ]),
             _: 1
@@ -1180,14 +1200,14 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: p(() => [
-            we(_(q.value.title), 1)
+          fn: m(() => [
+            we(_(j.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: p(() => [
+          fn: m(() => [
             c("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -1195,17 +1215,17 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             }, [
               nt(i(bt), {
                 name: "excel",
-                stroke: q.value.props.color
+                stroke: j.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
       ]), 1040)) : y("", !0),
-      i(ce) ? (n(), O(al, { key: 8 })) : y("", !0)
+      i(ce) ? (n(), I(al, { key: 8 })) : y("", !0)
     ], 46, hl));
   }
-}, Fa = /* @__PURE__ */ dl(xa, [["__scopeId", "data-v-aeb2adfe"]]);
+}, Fa = /* @__PURE__ */ dl(xa, [["__scopeId", "data-v-172d4caf"]]);
 export {
   Fa as default
 };