vue-data-ui 3.3.2 → 3.4.0

package/dist/{vue-ui-dumbbell-Cw45EBO0.js → vue-ui-dumbbell-DMPndU1O.js}

@@ -1,19 +1,19 @@
-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, 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 Rt, createTextVNode as we, resolveDynamicComponent as Bt, mergeProps as Vt, nextTick as Ut } from "vue";
-import { c as rt, t as Wt, o as qt, f as ut, g as Yt, q as it, C as jt, d as w, a as P, X as ct, s as vt, m as Z, r as J, x as Zt, y as Jt } from "./lib-CEjkWSLj.js";
+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-BcBZIm6u.js";
 import { t as $e, u as Kt } from "./useResponsive-DfdjqQps.js";
-import { u as Qt, a as dt } from "./useNestedProp-Ce3PwN8T.js";
-import { u as el } from "./usePrinter-DJ1iH-F_.js";
-import { u as tl, B as ll } from "./BaseScanner-BgWxam9d.js";
-import { u as al } from "./useSvgExport-DrjCWun4.js";
-import { u as sl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ol } from "./useChartAccessibility-9icAAmYg.js";
-import { u as nl, a as rl } from "./useResizeObserverEffect-DfnWps4W.js";
-import ul from "./img-J2dLIr8Y.js";
-import il from "./Title-Camz1Lce.js";
+import { u as el, a as dt } from "./useNestedProp-B7CiTRDS.js";
+import { u as tl } from "./usePrinter-C1GiglOH.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-CFY3JivG.js";
+import il from "./Title-CFmv95In.js";
 import { t as cl } from "./themes-Dw-dDudK.js";
-import vl from "./Legend-By4rru90.js";
+import vl from "./Legend-C8u37J42.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 = {
+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"], Pl = ["stop-color"], Hl = ["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"], Ql = ["stop-color"], Zl = ["id"], Jl = ["stop-color"], Kl = ["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"
 }, ya = ["id"], ga = ["xmlns", "height", "width"], ma = ["fill"], pa = ["innerHTML"], xa = {
@@ -34,14 +34,14 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
   },
   emits: ["selectDatapoint"],
   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-r-Q1R3nV.js")), _t = H(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_dumbbell: kt } = Qt(), S = ht, K = g({
+    const bt = P(() => import("./BaseIcon-B5KaGWWC.js")), yt = P(() => import("./vue-ui-accordion-BKkTS12x.js")), gt = P(() => import("./DataTable-DOx3zgih.js")), mt = P(() => import("./PenAndPaper-Dj2diYr0.js")), pt = P(() => import("./UserOptions-C0YT60JN.js")), xt = P(() => import("./PackageVersion-DyDViSOy.js")), _t = P(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_dumbbell: kt } = el(), S = ht, J = g({
       get() {
         return !!S.dataset && S.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), 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 } = tl({
+    }), 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),
       FINAL_CONFIG: e,
       prepareConfig: fe,
@@ -52,7 +52,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         { name: "_", start: 5, end: 8 },
         { name: "_", start: 3, end: 5 }
       ],
-      skeletonConfig: Wt({
+      skeletonConfig: qt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -94,7 +94,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           }
         }
       })
-    }), { userOptionsVisible: de, setUserOptionsVisibility: De, keepUserOptionState: Ie } = sl({ config: e.value }), { svgRef: he } = ol({ config: e.value.style.chart.title });
+    }), { 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,
@@ -108,26 +108,26 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       } : l;
     }
     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;
+      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) => {
       Array.isArray(l) && l.length > 0 && (Ct.value = !1), We(), qe();
     }, { deep: !0 });
     const M = tt(null), G = tt(null);
     lt(() => {
-      Oe.value = !0, He();
+      Oe.value = !0, Pe();
     });
     const Fe = g(() => !!e.value.debug);
-    function He() {
-      if (qt(S.dataset) ? ut({
+    function Pe() {
+      if (Yt(S.dataset) ? ut({
         componentName: "VueUiDumbbell",
         type: "dataset",
         debug: Fe.value
       }) : S.dataset.forEach((l, s) => {
-        Yt({
+        jt({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
         }).forEach((t) => {
-          K.value = !1, ut({
+          J.value = !1, ut({
             componentName: "VueUiDumbbell",
             type: "datasetSerieAttribute",
             property: t,
@@ -145,17 +145,17 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             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();
+            B.value = Math.max(0.1, s), R.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);
       }
-      Je();
+      Ze();
     }
     at(() => {
       L.value != null && (cancelAnimationFrame(L.value), L.value = null), M.value && (G.value && M.value.unobserve(G.value), M.value.disconnect());
     });
-    const { isPrinting: Pe, isImaging: Ge, generatePdf: Ee, generateImage: Re } = el({
+    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
@@ -175,7 +175,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
     }))), 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(() => jt(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)), 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) => {
@@ -188,7 +188,14 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
     const be = h(0), Lt = $e((l) => {
       be.value = l;
     }, 100);
-    nl({ elementRef: Q, callback: Lt, attr: "height" }), at(() => {
+    Rt((l) => {
+      const s = K.value;
+      if (!s) return;
+      const t = new ResizeObserver((a) => {
+        Lt(a[0].contentRect.height);
+      });
+      t.observe(s), l(() => t.disconnect());
+    }), at(() => {
       be.value = 0;
     });
     const Ve = g(() => {
@@ -196,7 +203,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       let l = 0;
       ie.value && (l = ie.value.getBBox().height);
       let s = 0;
-      return Q.value && (s = be.value), l + s;
+      return K.value && (s = be.value), l + s;
     }), ye = g(() => E.value.length);
     function Ue(l, s, t) {
       const a = Number(l), u = Number(s.min), d = Number(s.max), b = Number(t.width);
@@ -352,7 +359,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       };
     });
     function me(l = null) {
-      Ut(() => {
+      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 = Zt(t);
@@ -385,10 +392,10 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         aspectRatio: a
       };
     }
-    const Ze = g(() => $.value.ticks), Mt = g(() => ({ start: 0, end: Ze.value.length }));
+    const Qe = g(() => $.value.ticks), Mt = g(() => ({ start: 0, end: Qe.value.length }));
     rl({
-      timeLabelsEls: Q,
-      timeLabels: Ze,
+      timeLabelsEls: K,
+      timeLabels: Qe,
       slicer: Mt,
       configRef: e,
       rotationPath: ["style", "chart", "labels", "xAxisLabels", "rotation"],
@@ -418,7 +425,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         }
         l === null || l !== a ? (l = a, s = 1) : (s += 1, s >= t && (I.value = a, l = null, s = 0));
       };
-    })(), Je = $e(() => {
+    })(), Ze = $e(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
           const l = Xt({
@@ -447,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 = P(
+      return l && (t = H(
         e.value.style.chart.labels.formatter,
         r.value.start,
         w({
@@ -457,7 +464,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           r: e.value.style.chart.labels.startLabels.rounding
         }),
         { datapoint: r.value, seriesIndex: D.value }
-      )), s && (a = P(
+      )), s && (a = H(
         e.value.style.chart.labels.formatter,
         r.value.end,
         w({
@@ -501,25 +508,25 @@ 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());
     });
-    function Ke() {
+    function Je() {
       F.value.showTable = !1, ne.value && ne.value.setTableIconState(!1);
     }
     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 } = al({
+    }))), Dt = g(() => e.value.style.chart.backgroundColor), It = g(() => e.value.style.chart.legend), Ft = g(() => e.value.style.chart.title), { exportSvg: Pt, getSvg: Ht } = sl({
       svg: he,
       title: Ft,
       legend: It,
       legendItems: Ot,
       backgroundColor: Dt
     });
-    async function Qe({ isCb: l }) {
+    async function Ke({ isCb: l }) {
       if (l) {
-        const { blob: s, url: t, text: a, dataUrl: u } = await Pt();
+        const { blob: s, url: t, text: a, dataUrl: u } = await Ht();
         e.value.userOptions.callbacks.svg({ blob: s, url: t, text: a, dataUrl: u });
       } else
-        Ht();
+        Pt();
     }
     return ft({
       getData: St,
@@ -527,7 +534,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       generatePdf: Ee,
       generateCsv: me,
       generateImage: Re,
-      generateSvg: Qe,
+      generateSvg: Ke,
       toggleTable: je,
       toggleAnnotator: pe,
       toggleFullscreen: Ye
@@ -578,13 +585,13 @@ 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 && K.value && (i(Ie) || i(de)) ? (n(), O(i(pt), {
+      e.value.userOptions.show && J.value && (i(Ie) || i(de)) ? (n(), O(i(pt), {
         ref_key: "userOptionsRef",
         ref: ne,
         key: `user_option_${Le.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: i(Pe),
+        isPrinting: i(He),
         isImaging: i(Ge),
         uid: f.value,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -606,7 +613,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         onGeneratePdf: i(Ee),
         onGenerateCsv: me,
         onGenerateImage: i(Re),
-        onGenerateSvg: Qe,
+        onGenerateSvg: Ke,
         onToggleTable: je,
         onToggleAnnotator: pe,
         style: ae({
@@ -741,7 +748,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(P)(
+          }, _(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)(
             e.value.style.chart.labels.yAxisLabels.formatter,
             100 * (t.end / t.start - 1),
             i(w)({
@@ -761,7 +768,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(P)(
+          }, _([null, void 0].includes(t.start) || [null, void 0].includes(t.end) ? "" : i(H)(
             e.value.style.chart.labels.yAxisLabels.formatter,
             100 * (t.end / t.start - 1),
             i(w)({
@@ -785,7 +792,7 @@ 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: Q
+          ref: K
         }, [
           (n(!0), v(C, null, A($.value.ticks, (t, a) => (n(), v("text", {
             class: "vue-ui-dumbbell-scale-label",
@@ -795,7 +802,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(P)(
+          }, _(i(H)(
             e.value.style.chart.labels.formatter,
             t,
             i(w)({
@@ -855,11 +862,11 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["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)
+              "stop-color": i(Q)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, zl),
             c("stop", {
               offset: "90%",
-              "stop-color": i(J)(e.value.style.chart.plots.startColor, 0.1)
+              "stop-color": i(Z)(e.value.style.chart.plots.startColor, 0.1)
             }, null, 8, Tl),
             c("stop", {
               offset: "100%",
@@ -872,16 +879,16 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["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)
+              "stop-color": i(Q)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
             }, null, 8, Il),
             c("stop", {
               offset: "90%",
-              "stop-color": i(J)(e.value.style.chart.plots.endColor, 0.1)
+              "stop-color": i(Z)(e.value.style.chart.plots.endColor, 0.1)
             }, null, 8, Fl),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.endColor
-            }, null, 8, Hl)
+            }, null, 8, Pl)
           ], 8, Dl),
           c("radialGradient", {
             id: `positive_grad_${f.value}`,
@@ -889,28 +896,28 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["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)
+              "stop-color": i(Q)(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(J)(e.value.style.chart.plots.evaluationColors.positive, 0.1)
+              "stop-color": i(Z)(e.value.style.chart.plots.evaluationColors.positive, 0.1)
             }, null, 8, El),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.positive
             }, null, 8, Rl)
-          ], 8, Pl),
+          ], 8, Hl),
           c("radialGradient", {
             id: `negative_grad_${f.value}`,
             fy: "30%"
           }, [
             c("stop", {
               offset: "10%",
-              "stop-color": i(Z)(e.value.style.chart.plots.evaluationColors.negative, e.value.style.chart.plots.gradient.intensity / 100)
+              "stop-color": i(Q)(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(J)(e.value.style.chart.plots.evaluationColors.negative, 0.1)
+              "stop-color": i(Z)(e.value.style.chart.plots.evaluationColors.negative, 0.1)
             }, null, 8, Ul),
             c("stop", {
               offset: "100%",
@@ -923,16 +930,16 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["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)
+              "stop-color": i(Q)(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(J)(e.value.style.chart.plots.evaluationColors.neutral, 0.1)
+              "stop-color": i(Z)(e.value.style.chart.plots.evaluationColors.neutral, 0.1)
             }, null, 8, jl),
             c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.neutral
-            }, null, 8, Zl)
+            }, null, 8, Ql)
           ], 8, ql)
         ]),
         (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("g", {
@@ -949,12 +956,12 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
               c("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, Kl),
+              }, null, 8, Jl),
               c("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, Ql)
-            ], 8, Jl),
+              }, null, 8, Kl)
+            ], 8, Zl),
             c("linearGradient", {
               id: `grad_neg_${f.value}`,
               x1: "0%",
@@ -1026,7 +1033,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
               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(P)(
+            }, _(i(H)(
               e.value.style.chart.labels.formatter,
               t.start,
               i(w)({
@@ -1050,7 +1057,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
               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(P)(
+            }, _(i(H)(
               e.value.style.chart.labels.formatter,
               t.end,
               i(w)({
@@ -1078,12 +1085,12 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
         x(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(Pe) || i(Ge) })), void 0, !0)
+        x(l.$slots, "watermark", se(oe({ isPrinting: i(He) || i(Ge) })), void 0, !0)
       ])) : y("", !0),
       c("div", {
         id: `legend-bottom-${f.value}`
       }, null, 8, ya),
-      Oe.value ? (n(), O(Rt, {
+      Oe.value ? (n(), O(Bt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${f.value}` : `#legend-bottom-${f.value}`
       }, [
@@ -1091,7 +1098,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           ref_key: "chartLegend",
           ref: Se
         }, [
-          e.value.style.chart.legend.show && K.value ? (n(), O(vl, {
+          e.value.style.chart.legend.show && J.value ? (n(), O(vl, {
             key: `legend_${Te.value}`,
             legendSet: ge.value,
             config: At.value,
@@ -1134,10 +1141,10 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
       }, [
         x(l.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      K.value && e.value.userOptions.buttons.table ? (n(), O(Bt(q.value.component), Vt({ key: 7 }, q.value.props, {
+      J.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
+        onClose: Je
       }), ot({
         content: p(() => [
           (n(), O(i(gt), {
@@ -1148,7 +1155,7 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
             config: ee.value.config,
             title: e.value.table.useDialog ? "" : q.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: Ke
+            onClose: Je
           }, {
             th: p(({ th: t }) => [
               c("div", {
@@ -1188,10 +1195,10 @@ const hl = ["id"], fl = ["id"], bl = ["xmlns", "viewBox"], yl = ["x", "y", "widt
           key: "1"
         } : void 0
       ]), 1040)) : y("", !0),
-      i(ce) ? (n(), O(ll, { key: 8 })) : y("", !0)
+      i(ce) ? (n(), O(al, { key: 8 })) : y("", !0)
     ], 46, hl));
   }
-}, Fa = /* @__PURE__ */ dl(xa, [["__scopeId", "data-v-276f03ce"]]);
+}, Fa = /* @__PURE__ */ dl(xa, [["__scopeId", "data-v-92925706"]]);
 export {
   Fa as default
 };