vue-data-ui 3.1.18 → 3.1.19-next.1

package/dist/{vue-ui-dumbbell-Bi11rDL7.js → vue-ui-dumbbell-COm32YHr.js}

@@ -1,17 +1,18 @@
-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 y, createElementVNode as c, createSlots as st, withCtx as p, renderSlot as x, normalizeProps as se, guardReactiveProps as oe, createVNode as ot, withDirectives as j, Fragment as C, renderList as A, toDisplayString as _, vShow as Y, Teleport as It, createTextVNode as ke, resolveDynamicComponent as Ft, mergeProps as Ht, nextTick as Pt } from "vue";
-import { u as Gt, c as nt, t as Et, b as Rt, o as Bt, f as rt, g as Vt, h as ut, D as Ut, i as w, k as P, X as it, s as ct, l as Z, j as J, v as Wt, w as qt } from "./index-smzxfsyV.js";
-import { t as Ce, u as jt } from "./useResponsive-DfdjqQps.js";
-import { u as Yt } from "./usePrinter-nFj0xF0a.js";
-import { u as Zt, B as Jt } from "./BaseScanner-BgWxam9d.js";
-import { u as vt } from "./useNestedProp-DeKmJzsE.js";
-import { u as Kt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Qt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as el } from "./useTimeLabelCollider-CIsgDrl9.js";
-import tl from "./img-BArHHegM.js";
-import ll from "./Title-B_WMW2Bp.js";
-import al from "./Legend-h35dp0Qf.js";
+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, E 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-p5pfHmOX.js";
+import { t as Ce, u as Wt } from "./useResponsive-DfdjqQps.js";
+import { u as qt, a as vt } from "./useNestedProp-DF7e2h1z.js";
+import { u as Yt } from "./usePrinter-Yeu5jOfm.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-CH7J0fYg.js";
+import tl from "./Title-pI68ZJsq.js";
+import { t as ll } from "./themes-D3cUNuKw.js";
+import al from "./Legend-_Rv594VS.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"], bl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], yl = ["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"], jl = ["stop-color"], Yl = { key: 0 }, Zl = { key: 0 }, Jl = ["d", "fill"], Kl = { key: 1 }, Ql = ["x", "y", "height", "width", "fill"], ea = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ta = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], la = { key: 7 }, aa = ["x", "y", "fill", "font-size"], sa = { key: 8 }, oa = ["x", "y", "fill", "font-size"], na = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], ra = {
+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 = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, ua = ["id"], ia = ["xmlns", "height", "width"], ca = ["fill"], va = ["innerHTML"], da = {
@@ -32,14 +33,14 @@ 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-BPiT94Lb.js")), bt = H(() => import("./vue-ui-accordion-7cfJUVx5.js")), yt = H(() => import("./DataTable-CywujQw9.js")), gt = H(() => import("./PenAndPaper-Deh70G9d.js")), mt = H(() => import("./UserOptions-CtECQwBN.js")), pt = H(() => import("./PackageVersion-BzGzkGiC.js")), xt = H(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_dumbbell: _t } = Gt(), N = dt, K = g({
+    const ft = H(() => import("./BaseIcon-D2f9w5Z5.js")), yt = H(() => import("./vue-ui-accordion-D-L73-T2.js")), bt = H(() => import("./DataTable-xISHA7Pu.js")), gt = H(() => import("./PenAndPaper-CtDMyIvW.js")), mt = H(() => import("./UserOptions-Bn3u4JQu.js")), pt = H(() => import("./PackageVersion-B6W-zkH-.js")), xt = H(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_dumbbell: _t } = qt(), N = dt, K = g({
       get() {
         return !!N.dataset && N.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 } = Zt({
+    }), 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),
       FINAL_CONFIG: e,
       prepareConfig: he,
@@ -50,7 +51,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         { name: "_", start: 5, end: 8 },
         { name: "_", start: 3, end: 5 }
       ],
-      skeletonConfig: Et({
+      skeletonConfig: Gt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -92,7 +93,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
           }
         }
       })
-    }), { userOptionsVisible: de, setUserOptionsVisibility: Te, keepUserOptionState: De } = Kt({ config: e.value }), { svgRef: Oe } = Qt({ config: e.value.style.chart.title });
+    }), { 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,
@@ -100,7 +101,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
       });
       return l.theme ? {
         ...vt({
-          userConfig: Rt.vue_ui_dumbbell[l.theme] || N.config,
+          userConfig: ll.vue_ui_dumbbell[l.theme] || N.config,
           defaultConfig: l
         })
       } : l;
@@ -116,12 +117,12 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
     });
     const Ie = g(() => !!e.value.debug);
     function Fe() {
-      if (Bt(N.dataset) ? rt({
+      if (Et(N.dataset) ? rt({
         componentName: "VueUiDumbbell",
         type: "dataset",
         debug: Ie.value
       }) : N.dataset.forEach((l, s) => {
-        Vt({
+        Rt({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
         }).forEach((t) => {
@@ -135,7 +136,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         });
       }), e.value.responsive) {
         const l = Ce(() => {
-          const { width: s, height: t } = jt({
+          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,
@@ -171,9 +172,9 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
       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((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 = E.value.flatMap((y) => [y.start, y.end]).map((y) => Number(y)).filter((y) => Number.isFinite(y)), t = s.length ? Math.min(...s) : 0, a = s.length ? Math.max(...s) : 0, u = l.scaleMin ?? Math.min(t, 0), d = l.scaleMax ?? a;
       return { min: u, max: d };
-    }), $ = g(() => Ut(Re.value.min, Re.value.max, e.value.style.chart.grid.scaleSteps)), R = h(e.value.style.chart.rowHeight), B = h(e.value.style.chart.width);
+    }), $ = 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() {
       let l = 0;
       ue.value && (l = Array.from(ue.value.querySelectorAll("text")).reduce((a, u) => {
@@ -202,23 +203,23 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
       ie.value && (l = ie.value.getBBox().height);
       let s = 0;
       return Q.value && (s = fe.value), l + s;
-    }), be = g(() => E.value.length);
+    }), ye = g(() => E.value.length);
     function Ve(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))
+      const a = Number(l), u = Number(s.min), d = Number(s.max), y = Number(t.width);
+      if (!Number.isFinite(a) || !Number.isFinite(u) || !Number.isFinite(d) || !Number.isFinite(y))
         return t.left;
       const m = d - u;
-      return m <= 0 ? t.left : t.left + (a - u) / m * b;
+      return m <= 0 ? t.left : t.left + (a - u) / m * y;
     }
     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 * be.value - Be.value - s.top - s.bottom - t, u = a / be.value, d = R.value * be.value, b = B.value - l - s.left - s.right, m = $.value.ticks.length * (b / $.value.ticks.length);
+      const l = wt(), s = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = R.value * ye.value - Be.value - s.top - s.bottom - t, u = a / ye.value, d = R.value * ye.value, y = B.value - l - s.left - s.right, m = $.value.ticks.length * (y / $.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left + l,
         right: 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: b,
+        width: y,
         height: a,
         rowHeight: u,
         absoluteHeight: d,
@@ -228,7 +229,7 @@ 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), 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, 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 = Ve(t.start, s, l), d = Ve(t.endVal, s, l), y = u + (d - u) / 2, m = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end > t.start, T = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end < t.start, Qe = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end === t.start || [null, void 0].includes(t.start) || [null, void 0].includes(t.end), Tt = m ? e.value.style.chart.plots.evaluationColors.positive : T ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
           return {
             ...t,
             isPositive: m,
@@ -238,7 +239,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             evaluationGrad: `url(#${m ? "positive" : T ? "negative" : "neutral"}_grad_${f.value})`,
             startX: u,
             endX: d,
-            centerX: b,
+            centerX: y,
             y: l.top + a * l.rowHeight + l.rowHeight / 2
           };
         });
@@ -269,13 +270,13 @@ 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), b = Number.isFinite(u) ? u : 0;
-        return (Number.isFinite(d) ? d : b) - b;
+        const u = Number(a.start), d = Number(a.end), y = Number.isFinite(u) ? u : 0;
+        return (Number.isFinite(d) ? d : y) - y;
       }), 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 };
+          const y = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, m = u.endVal + s[d] * l, T = s[d] >= 0 ? Math.min(m, y) : Math.max(m, y);
+          return T !== y && (a = !1), { ...u, endVal: T };
         }), a ? L.value = null : L.value = requestAnimationFrame(t);
       };
       L.value = requestAnimationFrame(t);
@@ -310,7 +311,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 b = w({
+        const y = w({
           p: e.value.style.chart.labels.prefix,
           v: z.value.body[d].start,
           s: e.value.style.chart.labels.suffix,
@@ -327,7 +328,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         });
         return [
           { name: u.name },
-          b,
+          y,
           m,
           T
         ];
@@ -356,22 +357,22 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         config: t
       };
     });
-    function ye(l = null) {
+    function be(l = null) {
       Pt(() => {
         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 = Wt(t);
-        l ? l(a) : qt({ 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 = Vt(t);
+        l ? l(a) : Ut({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
     const V = h(!1);
-    function je(l) {
+    function Ye(l) {
       V.value = l, we.value += 1;
     }
     function At() {
       return E.value;
     }
-    function Ye() {
+    function je() {
       F.value.showTable = !F.value.showTable;
     }
     const te = h(!1);
@@ -380,7 +381,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
     }
     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 tl({ domElement: S.value, base64: !0, img: !0, scale: l });
+      const { width: s, height: t } = S.value.getBoundingClientRect(), a = s / t, { imageUri: u, base64: d } = await el({ domElement: S.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: u,
         base64: d,
@@ -391,7 +392,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
       };
     }
     const Ze = g(() => $.value.ticks), St = g(() => ({ start: 0, end: Ze.value.length }));
-    el({
+    Qt({
       timeLabelsEls: Q,
       timeLabels: Ze,
       slicer: St,
@@ -410,8 +411,8 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
       showProgression: t
     }) {
       if (!t) return !1;
-      const a = l / 3, u = l / 1.3, d = Math.abs(u - a), b = s * 1.2;
-      return d < b;
+      const a = l / 3, u = l / 1.3, d = Math.abs(u - a), y = s * 1.2;
+      return d < y;
     }
     const Xt = /* @__PURE__ */ (() => {
       let l = null, s = 0;
@@ -476,7 +477,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
     }), q = g(() => {
       const l = e.value.table.useDialog && !e.value.table.show, s = F.value.showTable;
       return {
-        component: l ? xt : bt,
+        component: l ? xt : yt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -513,11 +514,11 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
       getData: At,
       getImage: Nt,
       generatePdf: Ge,
-      generateCsv: ye,
+      generateCsv: be,
       generateImage: Ee,
-      toggleTable: Ye,
+      toggleTable: je,
       toggleAnnotator: ge,
-      toggleFullscreen: je
+      toggleFullscreen: Ye
     }), (l, s) => (n(), v("div", {
       ref_key: "dumbbellChart",
       ref: S,
@@ -534,21 +535,21 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         color: e.value.style.chart.color,
         active: te.value,
         onClose: ge
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
       Ct.value ? (n(), v("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Ne,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : y("", !0),
+      }, null, 512)) : b("", !0),
       e.value.style.chart.title.text ? (n(), v("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: $e,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), D(ll, {
+        (n(), D(tl, {
           key: `title_${Se.value}`,
           config: {
             title: {
@@ -561,7 +562,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : y("", !0),
+      ], 512)) : b("", !0),
       c("div", {
         id: `legend-top-${f.value}`
       }, null, 8, nl),
@@ -588,11 +589,11 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: je,
+        onToggleFullscreen: Ye,
         onGeneratePdf: i(Ge),
-        onGenerateCsv: ye,
+        onGenerateCsv: be,
         onGenerateImage: i(Ee),
-        onToggleTable: Ye,
+        onToggleTable: je,
         onToggleAnnotator: ge,
         style: ae({
           visibility: i(De) ? i(de) ? "visible" : "hidden" : "visible"
@@ -647,7 +648,7 @@ 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"])) : y("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : b("", !0),
       (n(), v("svg", {
         ref_key: "svgRef",
         ref: Oe,
@@ -668,7 +669,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
           }
         }, [
           x(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ul)) : y("", !0),
+        ], 8, ul)) : b("", !0),
         e.value.style.chart.grid.verticalGrid.show ? (n(), v("g", il, [
           (n(!0), v(C, null, A($.value.ticks, (t, a) => (n(), v("line", {
             x1: o.value.left + a * o.value.width / ($.value.ticks.length - 1),
@@ -679,7 +680,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             "stroke-width": e.value.style.chart.grid.verticalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.verticalGrid.strokeDasharray
           }, null, 8, cl))), 256))
-        ])) : y("", !0),
+        ])) : b("", !0),
         e.value.style.chart.grid.horizontalGrid.show ? (n(), v("g", vl, [
           (n(!0), v(C, null, A(E.value, (t, a) => (n(), v("line", {
             x1: o.value.left,
@@ -699,7 +700,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
           }, null, 8, hl)
-        ])) : y("", !0),
+        ])) : b("", !0),
         e.value.style.chart.labels.axis.yLabel ? (n(), v("text", {
           key: 3,
           ref_key: "yAxisLabel",
@@ -708,7 +709,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)) : y("", !0),
+        }, _(e.value.style.chart.labels.axis.yLabel), 9, fl)) : b("", !0),
         e.value.style.chart.labels.yAxisLabels.show ? (n(), v("g", {
           key: 4,
           ref_key: "serieLabels",
@@ -735,7 +736,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
               r: e.value.style.chart.labels.yAxisLabels.rounding
             }),
             { datapoint: t }
-          )})` : ""), 41, bl))), 128)),
+          )})` : ""), 41, yl))), 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,
@@ -755,8 +756,8 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
               r: e.value.style.chart.labels.yAxisLabels.rounding
             }),
             { datapoint: t }
-          )), 41, yl))), 256)) : y("", !0)
-        ], 512)) : y("", !0),
+          )), 41, bl))), 256)) : b("", !0)
+        ], 512)) : b("", !0),
         e.value.style.chart.labels.axis.xLabel ? (n(), v("text", {
           key: 5,
           ref_key: "xAxisLabel",
@@ -766,7 +767,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)) : y("", !0),
+        }, _(e.value.style.chart.labels.axis.xLabel), 9, gl)) : b("", !0),
         e.value.style.chart.labels.xAxisLabels.show ? (n(), v("g", {
           key: 6,
           ref_key: "scaleLabels",
@@ -791,27 +792,27 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             }),
             { datapoint: t, seriesIndex: a }
           )), 9, ml))), 128))
-        ], 512)) : y("", !0),
-        j(c("g", null, [
-          j(c("path", {
+        ], 512)) : b("", !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}`,
             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, pl), [
-            [Y, r.value !== null && ![null, void 0].includes(r.value.start)]
+            [j, r.value !== null && ![null, void 0].includes(r.value.start)]
           ]),
-          j(c("path", {
+          Y(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, xl), [
-            [Y, r.value !== null && ![null, void 0].includes(r.value.end)]
+            [j, r.value !== null && ![null, void 0].includes(r.value.end)]
           ]),
-          j(c("rect", {
+          Y(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),
@@ -819,19 +820,19 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             fill: r.value ? i(ct)(e.value.style.chart.comparisonLines.rectColor, e.value.style.chart.comparisonLines.rectOpacity) : "transparent",
             style: { transition: "all 0.3s ease-in-out" }
           }, null, 8, _l), [
-            [Y, e.value.style.chart.comparisonLines.showRect && r.value !== null && ![null, void 0].includes(r.value.start) && ![null, void 0].includes(r.value.end)]
+            [j, e.value.style.chart.comparisonLines.showRect && r.value !== null && ![null, void 0].includes(r.value.start) && ![null, void 0].includes(r.value.end)]
           ]),
-          j(c("text", {
+          Y(c("text", {
             transform: `translate(${_e.value == null ? 0 : _e.value}, ${o.value.top - 6})`,
             fill: e.value.style.chart.comparisonLines.labelColor,
             "font-size": e.value.style.chart.comparisonLines.labelFontSize,
             "text-anchor": "middle",
             style: { transition: "all 0.3s ease-in-out" }
           }, _(zt.value), 9, kl), [
-            [Y, r.value !== null && _e.value !== null && e.value.style.chart.comparisonLines.showLabel]
+            [j, r.value !== null && _e.value !== null && e.value.style.chart.comparisonLines.showLabel]
           ])
         ], 512), [
-          [Y, e.value.style.chart.comparisonLines.show && O.value !== null]
+          [j, e.value.style.chart.comparisonLines.show && O.value !== null]
         ]),
         c("defs", null, [
           c("radialGradient", {
@@ -954,10 +955,10 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
               c("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, jl)
+              }, null, 8, Yl)
             ], 8, Wl)
           ]),
-          ![void 0, null].includes(t.end) && ![void 0, null].includes(t.start) ? (n(), v("g", Yl, [
+          ![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, [
               c("path", {
                 d: `M 
@@ -980,8 +981,8 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
                 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)
             ]))
-          ])) : y("", !0),
-          [null, void 0].includes(t.start) ? y("", !0) : (n(), v("circle", {
+          ])) : b("", !0),
+          [null, void 0].includes(t.start) ? b("", !0) : (n(), v("circle", {
             key: 1,
             cx: t.startX,
             cy: t.y,
@@ -990,7 +991,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
           }, null, 8, ea)),
-          [null, void 0].includes(t.end) ? y("", !0) : (n(), v("circle", {
+          [null, void 0].includes(t.end) ? b("", !0) : (n(), v("circle", {
             key: 2,
             cx: t.endX,
             cy: t.y,
@@ -1004,7 +1005,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
           (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) ? y("", !0) : (n(), v("text", {
+            [null, void 0].includes(t.start) ? b("", !0) : (n(), v("text", {
               key: 0,
               x: t.startX,
               y: t.y + X.value * 2 + e.value.style.chart.labels.startLabels.fontSize / 2,
@@ -1023,12 +1024,12 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
               { datapoint: t, seriesIndex: a }
             )), 9, aa))
           ]))), 128))
-        ])) : y("", !0),
+        ])) : b("", !0),
         e.value.style.chart.labels.endLabels.show ? (n(), v("g", sa, [
           (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("g", {
             key: `end_label_${a}_${t.id}`
           }, [
-            [null, void 0].includes(t.end) ? y("", !0) : (n(), v("text", {
+            [null, void 0].includes(t.end) ? b("", !0) : (n(), v("text", {
               key: 0,
               x: t.endX,
               y: t.y - (X.value * 2 - e.value.style.chart.labels.startLabels.fontSize / 3),
@@ -1047,7 +1048,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
               { datapoint: t, seriesIndex: a }
             )), 9, oa))
           ]))), 128))
-        ])) : y("", !0),
+        ])) : b("", !0),
         c("g", null, [
           (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("rect", {
             x: o.value.left,
@@ -1064,7 +1065,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
       ], 14, rl)),
       l.$slots.watermark ? (n(), v("div", ra, [
         x(l.$slots, "watermark", se(oe({ isPrinting: i(He) || i(Pe) })), void 0, !0)
-      ])) : y("", !0),
+      ])) : b("", !0),
       c("div", {
         id: `legend-bottom-${f.value}`
       }, null, 8, ua),
@@ -1099,7 +1100,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
                     fill: t.color
                   }, null, 8, ca)
                 ], 8, ia)),
-                i(ce) ? y("", !0) : (n(), v(C, { key: 0 }, [
+                i(ce) ? b("", !0) : (n(), v(C, { key: 0 }, [
                   ke(_(t.name), 1)
                 ], 64))
               ], 4)
@@ -1110,7 +1111,7 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
             legend: qe.value
           }, void 0, !0)
         ], 512)
-      ], 8, ["to"])) : y("", !0),
+      ], 8, ["to"])) : b("", !0),
       l.$slots.source ? (n(), v("div", {
         key: 6,
         ref_key: "source",
@@ -1118,14 +1119,14 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
         dir: "auto"
       }, [
         x(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : y("", !0),
+      ], 512)) : b("", !0),
       K.value && e.value.userOptions.buttons.table ? (n(), D(Ft(q.value.component), Ht({ key: 7 }, q.value.props, {
         ref_key: "tableUnit",
         ref: U,
         onClose: Ke
       }), st({
         content: p(() => [
-          (n(), D(i(yt), {
+          (n(), D(i(bt), {
             key: `table_${Me.value}`,
             colNames: ee.value.colNames,
             head: ee.value.head,
@@ -1162,7 +1163,7 @@ 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) => ye(e.value.userOptions.callbacks.csv))
+              onClick: s[0] || (s[0] = (t) => be(e.value.userOptions.callbacks.csv))
             }, [
               ot(i(ft), {
                 name: "excel",
@@ -1172,11 +1173,11 @@ const ol = ["id"], nl = ["id"], rl = ["xmlns", "viewBox"], ul = ["x", "y", "widt
           ]),
           key: "1"
         } : void 0
-      ]), 1040)) : y("", !0),
-      i(ce) ? (n(), D(Jt, { key: 8 })) : y("", !0)
+      ]), 1040)) : b("", !0),
+      i(ce) ? (n(), D(Zt, { key: 8 })) : b("", !0)
     ], 46, ol));
   }
-}, Aa = /* @__PURE__ */ sl(da, [["__scopeId", "data-v-07ee566c"]]);
+}, Na = /* @__PURE__ */ sl(da, [["__scopeId", "data-v-07ee566c"]]);
 export {
-  Aa as default
+  Na as default
 };