vue-data-ui 3.0.2 → 3.0.3

package/dist/{vue-ui-dumbbell-C__nFV3V.js → vue-ui-dumbbell-BJ8qcUud.js}

@@ -1,20 +1,20 @@
-import { defineAsyncComponent as U, computed as g, ref as h, toRefs as $t, watch as ge, shallowRef as je, onMounted as Ye, onBeforeUnmount as Ze, watchEffect as Lt, createElementBlock as c, openBlock as n, unref as i, normalizeStyle as ee, normalizeClass as Je, createBlock as F, createCommentVNode as f, createElementVNode as v, createSlots as At, withCtx as x, renderSlot as p, normalizeProps as te, guardReactiveProps as le, createVNode as Nt, withDirectives as W, Fragment as C, renderList as A, toDisplayString as _, vShow as q, createTextVNode as Ke, nextTick as St } from "vue";
-import { u as Mt, c as Qe, t as Xt, b as zt, o as Tt, f as et, g as It, h as tt, D as Ot, i as w, k as H, X as lt, s as at, l as j, j as Y, v as Ft, w as Ht } from "./index-B9Ct1B_p.js";
-import { t as me, u as Pt } from "./useResponsive-DfdjqQps.js";
-import { u as Dt } from "./usePrinter-DcZXg1hH.js";
-import { u as Gt, B as Et } from "./useLoading-D7YHNtLX.js";
-import { u as st } from "./useNestedProp-C0gKxLur.js";
-import { u as Rt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Bt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Vt } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Ut from "./img-Cv4nScI0.js";
-import Wt from "./Title-CntvKJss.js";
-import qt from "./Legend-CQsASoei.js";
-import { _ as jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"], Kt = { key: 1 }, Qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], el = { key: 2 }, tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], al = ["transform", "font-size", "fill"], sl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], ol = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], nl = ["x", "y", "font-size", "fill"], rl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], ul = ["d", "stroke", "stroke-width", "stroke-dasharray"], il = ["d", "stroke", "stroke-width", "stroke-dasharray"], cl = ["x", "y", "height", "width", "fill"], vl = ["transform", "fill", "font-size"], dl = ["id"], hl = ["stop-color"], yl = ["stop-color"], fl = ["stop-color"], bl = ["id"], gl = ["stop-color"], ml = ["stop-color"], pl = ["stop-color"], xl = ["id"], _l = ["stop-color"], kl = ["stop-color"], Cl = ["stop-color"], wl = ["id"], $l = ["stop-color"], Ll = ["stop-color"], Al = ["stop-color"], Nl = ["id"], Sl = ["stop-color"], Ml = ["stop-color"], Xl = ["stop-color"], zl = ["id"], Tl = ["stop-color"], Il = ["stop-color"], Ol = ["id"], Fl = ["stop-color"], Hl = ["stop-color"], Pl = { key: 0 }, Dl = { key: 0 }, Gl = ["d", "fill"], El = { key: 1 }, Rl = ["x", "y", "height", "width", "fill"], Bl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Vl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ul = { key: 7 }, Wl = ["x", "y", "fill", "font-size"], ql = { key: 8 }, jl = ["x", "y", "fill", "font-size"], Yl = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Zl = {
+import { defineAsyncComponent as U, computed as g, ref as h, toRefs as Lt, watch as ge, shallowRef as Ye, onMounted as Ze, onBeforeUnmount as Je, watchEffect as At, createElementBlock as v, openBlock as n, unref as i, normalizeStyle as ee, normalizeClass as Ke, createBlock as T, createCommentVNode as b, createElementVNode as c, createSlots as Nt, withCtx as x, renderSlot as p, normalizeProps as te, guardReactiveProps as le, createVNode as St, withDirectives as W, Fragment as C, renderList as A, toDisplayString as _, vShow as q, Teleport as Mt, createTextVNode as Qe, nextTick as Xt } from "vue";
+import { u as zt, c as et, t as Tt, b as It, o as Ot, f as tt, g as Ft, h as lt, D as Ht, i as w, k as H, X as at, s as st, l as j, j as Y, v as Pt, w as Dt } from "./index-DrRiscPm.js";
+import { t as me, u as Gt } from "./useResponsive-DfdjqQps.js";
+import { u as Et } from "./usePrinter-CZk2ISUm.js";
+import { u as Rt, B as Bt } from "./useLoading-D7YHNtLX.js";
+import { u as ot } from "./useNestedProp-BXhArS-K.js";
+import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Ut } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Wt } from "./useTimeLabelCollider-CIsgDrl9.js";
+import qt from "./img-CBdOMFyn.js";
+import jt from "./Title-CINHji0n.js";
+import Yt from "./Legend-CevCqVZ5.js";
+import { _ as Zt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Jt = ["id"], Kt = ["id"], Qt = ["xmlns", "viewBox"], el = ["x", "y", "width", "height"], tl = { key: 1 }, ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], al = { key: 2 }, sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], nl = ["transform", "font-size", "fill"], rl = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], ul = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], il = ["x", "y", "font-size", "fill"], cl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], vl = ["d", "stroke", "stroke-width", "stroke-dasharray"], dl = ["d", "stroke", "stroke-width", "stroke-dasharray"], hl = ["x", "y", "height", "width", "fill"], yl = ["transform", "fill", "font-size"], fl = ["id"], bl = ["stop-color"], gl = ["stop-color"], ml = ["stop-color"], pl = ["id"], xl = ["stop-color"], _l = ["stop-color"], kl = ["stop-color"], 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"], Il = ["stop-color"], Ol = ["id"], Fl = ["stop-color"], Hl = ["stop-color"], Pl = ["id"], Dl = ["stop-color"], Gl = ["stop-color"], El = { key: 0 }, Rl = { key: 0 }, Bl = ["d", "fill"], Vl = { key: 1 }, Ul = ["x", "y", "height", "width", "fill"], Wl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ql = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], jl = { key: 7 }, Yl = ["x", "y", "fill", "font-size"], Zl = { key: 8 }, Jl = ["x", "y", "fill", "font-size"], Kl = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Ql = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Jl = ["xmlns", "height", "width"], Kl = ["fill"], Ql = ["innerHTML"], ea = {
+}, ea = ["id"], ta = ["xmlns", "height", "width"], la = ["fill"], aa = ["innerHTML"], sa = {
   __name: "vue-ui-dumbbell",
   props: {
     config: {
@@ -31,16 +31,16 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint"],
-  setup(ot, { expose: nt, emit: ta }) {
-    const rt = U(() => import("./vue-ui-accordion-B31QK9Hj.js")), ut = U(() => import("./DataTable-osx68WLA.js")), it = U(() => import("./PenAndPaper-CdXspg5R.js")), ct = U(() => import("./UserOptions-DQyIO0ts.js")), vt = U(() => import("./PackageVersion-DZGrOKw5.js")), { vue_ui_dumbbell: dt } = Mt(), N = ot, Z = g({
+  setup(nt, { expose: rt, emit: oa }) {
+    const ut = U(() => import("./vue-ui-accordion-s_m_NJzJ.js")), it = U(() => import("./DataTable-CWzb1j8d.js")), ct = U(() => import("./PenAndPaper-C_R9vJkU.js")), vt = U(() => import("./UserOptions-r0epwyXR.js")), dt = U(() => import("./PackageVersion-n4qokxnx.js")), { vue_ui_dumbbell: ht } = zt(), N = nt, Z = g({
       get() {
         return !!N.dataset && N.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), b = h(Qe()), pe = h(0), T = h(null), xe = h(null), _e = h(null), ke = h(null), Ce = h(null), we = h(0), $e = h(0), Le = h(0), ae = h(null), se = h(null), J = h(null), oe = h(null), I = h(null), r = h(null), O = h(!1), e = h(ie()), { loading: ne, FINAL_DATASET: re, manualLoading: ht } = Gt({
-      ...$t(N),
+    }), y = h(et()), pe = h(0), I = h(null), xe = h(null), _e = h(null), ke = h(null), Ce = h(null), we = h(0), $e = h(0), Le = h(0), Ae = h(!1), ae = h(null), se = h(null), J = h(null), oe = h(null), O = h(null), r = h(null), F = h(!1), e = h(ie()), { loading: ne, FINAL_DATASET: re, manualLoading: yt } = Rt({
+      ...Lt(N),
       FINAL_CONFIG: e,
       prepareConfig: ie,
       skeletonDataset: [
@@ -50,7 +50,7 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
         { name: "_", start: 5, end: 8 },
         { name: "_", start: 3, end: 5 }
       ],
-      skeletonConfig: Xt({
+      skeletonConfig: Tt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -92,72 +92,72 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
           }
         }
       })
-    }), { userOptionsVisible: ue, setUserOptionsVisibility: Ae, keepUserOptionState: Ne } = Rt({ config: e.value }), { svgRef: Se } = Bt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ue, setUserOptionsVisibility: Ne, keepUserOptionState: Se } = Vt({ config: e.value }), { svgRef: Me } = Ut({ config: e.value.style.chart.title });
     function ie() {
-      const l = st({
+      const l = ot({
         userConfig: N.config,
-        defaultConfig: dt
+        defaultConfig: ht
       });
       return l.theme ? {
-        ...st({
-          userConfig: zt.vue_ui_dumbbell[l.theme] || N.config,
+        ...ot({
+          userConfig: It.vue_ui_dumbbell[l.theme] || N.config,
           defaultConfig: l
         })
       } : l;
     }
     ge(() => N.config, (l) => {
-      ne.value || (e.value = ie()), ue.value = !e.value.userOptions.showOnChartHover, Xe(), we.value += 1, $e.value += 1, Le.value += 1, E.value = e.value.style.chart.rowHeight, R.value = e.value.style.chart.width, D.value.showTable = e.value.table.show;
+      ne.value || (e.value = ie()), ue.value = !e.value.userOptions.showOnChartHover, ze(), we.value += 1, $e.value += 1, Le.value += 1, E.value = e.value.style.chart.rowHeight, R.value = e.value.style.chart.width, D.value.showTable = e.value.table.show;
     }, { deep: !0 }), ge(() => re.value, (l) => {
-      Array.isArray(l) && l.length > 0 && (ht.value = !1), De(), Ge();
+      Array.isArray(l) && l.length > 0 && (yt.value = !1), Ge(), Ee();
     }, { deep: !0 });
-    const S = je(null), P = je(null);
-    Ye(() => {
-      Xe();
+    const S = Ye(null), P = Ye(null);
+    Ze(() => {
+      Ae.value = !0, ze();
     });
-    const Me = g(() => !!e.value.debug);
-    function Xe() {
-      if (Tt(N.dataset) ? et({
+    const Xe = g(() => !!e.value.debug);
+    function ze() {
+      if (Ot(N.dataset) ? tt({
         componentName: "VueUiDumbbell",
         type: "dataset",
-        debug: Me.value
+        debug: Xe.value
       }) : N.dataset.forEach((l, s) => {
-        It({
+        Ft({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
         }).forEach((t) => {
-          Z.value = !1, et({
+          Z.value = !1, tt({
             componentName: "VueUiDumbbell",
             type: "datasetSerieAttribute",
             property: t,
             index: s,
-            debug: Me.value
+            debug: Xe.value
           });
         });
       }), e.value.responsive) {
         const l = me(() => {
-          const { width: s, height: t } = Pt({
-            chart: T.value,
+          const { width: s, height: t } = Gt({
+            chart: I.value,
             title: e.value.style.chart.title.text ? xe.value : null,
             legend: e.value.style.chart.legend.show ? _e.value : null,
             source: ke.value,
             noTitle: Ce.value
           }), a = e.value.style.chart.title.text ? 24 : 0, u = e.value.style.chart.legend.show ? 24 : 0;
           requestAnimationFrame(async () => {
-            R.value = Math.max(0.1, s), E.value = Math.max(0.1, (Math.max(0.1, t) - (a + u)) / re.value.length), We();
+            R.value = Math.max(0.1, s), E.value = Math.max(0.1, (Math.max(0.1, t) - (a + u)) / re.value.length), qe();
           });
         });
-        S.value && (P.value && S.value.unobserve(P.value), S.value.disconnect()), S.value = new ResizeObserver(l), P.value = T.value.parentNode, S.value.observe(P.value);
+        S.value && (P.value && S.value.unobserve(P.value), S.value.disconnect()), S.value = new ResizeObserver(l), P.value = I.value.parentNode, S.value.observe(P.value);
       }
-      We();
+      qe();
     }
-    Ze(() => {
+    Je(() => {
       L.value != null && (cancelAnimationFrame(L.value), L.value = null), S.value && (P.value && S.value.unobserve(P.value), S.value.disconnect());
     });
-    const { isPrinting: ze, isImaging: Te, generatePdf: Ie, generateImage: Oe } = Dt({
-      elementId: `dumbbell_${b.value}`,
+    const { isPrinting: Te, isImaging: Ie, generatePdf: Oe, generateImage: Fe } = Et({
+      elementId: `dumbbell_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-dumbbell",
       options: e.value.userOptions.print
-    }), yt = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), D = h({
+    }), ft = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), D = h({
       showTable: e.value.table.show
     });
     ge(e, () => {
@@ -167,14 +167,14 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
     }, { immediate: !0 });
     const G = g(() => re.value.map((l, s) => ({
       ...l,
-      start: tt(l.start),
-      end: tt(l.end),
-      id: l.id ?? `${String(l.name)}__${String(l.start)}__${String(l.end)}__${Qe()}`
-    }))), Fe = g(() => {
-      const l = e.value.style.chart.grid, s = G.value.flatMap((y) => [y.start, y.end]).map((y) => Number(y)).filter((y) => Number.isFinite(y)), t = s.length ? Math.min(...s) : 0, a = s.length ? Math.max(...s) : 0, u = l.scaleMin ?? Math.min(t, 0), d = l.scaleMax ?? a;
+      start: lt(l.start),
+      end: lt(l.end),
+      id: l.id ?? `${String(l.name)}__${String(l.start)}__${String(l.end)}__${et()}`
+    }))), He = g(() => {
+      const l = e.value.style.chart.grid, s = G.value.flatMap((f) => [f.start, f.end]).map((f) => Number(f)).filter((f) => Number.isFinite(f)), 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(() => Ot(Fe.value.min, Fe.value.max, e.value.style.chart.grid.scaleSteps)), E = h(e.value.style.chart.rowHeight), R = h(e.value.style.chart.width);
-    function ft() {
+    }), $ = g(() => Ht(He.value.min, He.value.max, e.value.style.chart.grid.scaleSteps)), E = h(e.value.style.chart.rowHeight), R = h(e.value.style.chart.width);
+    function bt() {
       let l = 0;
       se.value && (l = Array.from(se.value.querySelectorAll("text")).reduce((a, u) => {
         const d = u.getComputedTextLength();
@@ -183,42 +183,42 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
       const s = ae.value ? ae.value.getBoundingClientRect().width : 0;
       return l + s + (s ? 24 + e.value.style.chart.labels.axis.yLabelOffsetX : 0);
     }
-    const ce = h(0), bt = me((l) => {
+    const ce = h(0), gt = me((l) => {
       ce.value = l;
     }, 100);
-    Lt((l) => {
+    At((l) => {
       const s = J.value;
       if (!s) return;
       const t = new ResizeObserver((a) => {
-        bt(a[0].contentRect.height);
+        gt(a[0].contentRect.height);
       });
       t.observe(s), l(() => t.disconnect());
-    }), Ze(() => {
+    }), Je(() => {
       ce.value = 0;
     });
-    const He = g(() => {
-      O.value;
+    const Pe = g(() => {
+      F.value;
       let l = 0;
       oe.value && (l = oe.value.getBBox().height);
       let s = 0;
       return J.value && (s = ce.value), l + s;
     }), ve = g(() => G.value.length);
-    function Pe(l, s, t) {
-      const a = Number(l), u = Number(s.min), d = Number(s.max), y = Number(t.width);
-      if (!Number.isFinite(a) || !Number.isFinite(u) || !Number.isFinite(d) || !Number.isFinite(y))
+    function De(l, s, t) {
+      const a = Number(l), u = Number(s.min), d = Number(s.max), f = Number(t.width);
+      if (!Number.isFinite(a) || !Number.isFinite(u) || !Number.isFinite(d) || !Number.isFinite(f))
         return t.left;
       const m = d - u;
-      return m <= 0 ? t.left : t.left + (a - u) / m * y;
+      return m <= 0 ? t.left : t.left + (a - u) / m * f;
     }
     const o = g(() => {
-      O.value;
-      const l = ft(), s = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = E.value * ve.value - He.value - s.top - s.bottom - t, u = a / ve.value, d = E.value * ve.value, y = R.value - l - s.left - s.right, m = $.value.ticks.length * (y / $.value.ticks.length);
+      F.value;
+      const l = bt(), s = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = E.value * ve.value - Pe.value - s.top - s.bottom - t, u = a / ve.value, d = E.value * ve.value, f = R.value - l - s.left - s.right, m = $.value.ticks.length * (f / $.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left + l,
         right: R.value - e.value.style.chart.padding.right,
         top: e.value.style.chart.padding.top,
-        bottom: d - e.value.style.chart.padding.bottom - He.value - t,
-        width: y,
+        bottom: d - e.value.style.chart.padding.bottom - Pe.value - t,
+        width: f,
         height: a,
         rowHeight: u,
         absoluteHeight: d,
@@ -228,17 +228,17 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
       get() {
         const l = o.value, s = $.value;
         return B.value.map((t, a) => {
-          const u = Pe(t.start, s, l), d = Pe(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, z = ![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), wt = m ? e.value.style.chart.plots.evaluationColors.positive : z ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
+          const u = De(t.start, s, l), d = De(t.endVal, s, l), f = u + (d - u) / 2, m = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end > t.start, z = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end < t.start, je = ![null, void 0].includes(t.start) && ![null, void 0].includes(t.end) && t.end === t.start || [null, void 0].includes(t.start) || [null, void 0].includes(t.end), $t = m ? e.value.style.chart.plots.evaluationColors.positive : z ? e.value.style.chart.plots.evaluationColors.negative : e.value.style.chart.plots.evaluationColors.neutral;
           return {
             ...t,
             isPositive: m,
             isNegative: z,
-            isNeutral: qe,
-            evaluationColor: wt,
-            evaluationGrad: `url(#${m ? "positive" : z ? "negative" : "neutral"}_grad_${b.value})`,
+            isNeutral: je,
+            evaluationColor: $t,
+            evaluationGrad: `url(#${m ? "positive" : z ? "negative" : "neutral"}_grad_${y.value})`,
             startX: u,
             endX: d,
-            centerX: y,
+            centerX: f,
             y: l.top + a * l.rowHeight + l.rowHeight / 2
           };
         });
@@ -247,7 +247,7 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
         B.value = l;
       }
     });
-    function De() {
+    function Ge() {
       B.value = G.value.map((l) => {
         const s = Number(l.start);
         return {
@@ -257,11 +257,11 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
       });
     }
     const L = h(null);
-    Ye(() => {
-      Ge();
+    Ze(() => {
+      Ee();
     });
-    function Ge() {
-      if (L.value != null && (cancelAnimationFrame(L.value), L.value = null), De(), !e.value.useAnimation) {
+    function Ee() {
+      if (L.value != null && (cancelAnimationFrame(L.value), L.value = null), Ge(), !e.value.useAnimation) {
         k.value = B.value.map((a) => {
           const u = Number(a.end);
           return { ...a, endVal: Number.isFinite(u) ? u : a.endVal };
@@ -269,25 +269,25 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
         return;
       }
       const l = Math.max(1, Math.min(100, e.value.animationSpeed || 100)) / 100, s = G.value.map((a) => {
-        const u = Number(a.start), d = Number(a.end), y = Number.isFinite(u) ? u : 0;
-        return (Number.isFinite(d) ? d : y) - y;
+        const u = Number(a.start), d = Number(a.end), f = Number.isFinite(u) ? u : 0;
+        return (Number.isFinite(d) ? d : f) - f;
       }), t = () => {
         let a = !0;
         k.value = B.value.map((u, d) => {
-          const y = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, m = u.endVal + s[d] * l, z = s[d] >= 0 ? Math.min(m, y) : Math.max(m, y);
-          return z !== y && (a = !1), { ...u, endVal: z };
+          const f = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, m = u.endVal + s[d] * l, z = s[d] >= 0 ? Math.min(m, f) : Math.max(m, f);
+          return z !== f && (a = !1), { ...u, endVal: z };
         }), a ? L.value = null : L.value = requestAnimationFrame(t);
       };
       L.value = requestAnimationFrame(t);
     }
-    const Ee = g(() => e.value.style.chart.plots.evaluationColors.enable ? [
-      { name: e.value.style.chart.legend.labelNegative, color: e.value.style.chart.plots.gradient.show ? `url(#negative_grad_${b.value})` : e.value.style.chart.plots.evaluationColors.negative },
-      { name: e.value.style.chart.legend.labelNeutral, color: e.value.style.chart.plots.gradient.show ? `url(#neutral_grad_${b.value})` : e.value.style.chart.plots.evaluationColors.neutral },
-      { name: e.value.style.chart.legend.labelPositive, color: e.value.style.chart.plots.gradient.show ? `url(#positive_grad_${b.value})` : e.value.style.chart.plots.evaluationColors.positive }
+    const Re = g(() => e.value.style.chart.plots.evaluationColors.enable ? [
+      { name: e.value.style.chart.legend.labelNegative, color: e.value.style.chart.plots.gradient.show ? `url(#negative_grad_${y.value})` : e.value.style.chart.plots.evaluationColors.negative },
+      { name: e.value.style.chart.legend.labelNeutral, color: e.value.style.chart.plots.gradient.show ? `url(#neutral_grad_${y.value})` : e.value.style.chart.plots.evaluationColors.neutral },
+      { name: e.value.style.chart.legend.labelPositive, color: e.value.style.chart.plots.gradient.show ? `url(#positive_grad_${y.value})` : e.value.style.chart.plots.evaluationColors.positive }
     ] : [
-      { name: e.value.style.chart.legend.labelStart, color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${b.value})` : e.value.style.chart.plots.startColor },
-      { name: e.value.style.chart.legend.labelEnd, color: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${b.value})` : e.value.style.chart.plots.endColor }
-    ]), gt = g(() => ({
+      { name: e.value.style.chart.legend.labelStart, color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${y.value})` : e.value.style.chart.plots.startColor },
+      { name: e.value.style.chart.legend.labelEnd, color: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${y.value})` : e.value.style.chart.plots.endColor }
+    ]), mt = g(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -310,7 +310,7 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
         e.value.table.columnNames.end,
         e.value.table.columnNames.progression
       ], s = X.value.head.map((u, d) => {
-        const y = w({
+        const f = w({
           p: e.value.style.chart.labels.prefix,
           v: X.value.body[d].start,
           s: e.value.style.chart.labels.suffix,
@@ -327,7 +327,7 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
         });
         return [
           { name: u.name },
-          y,
+          f,
           m,
           z
         ];
@@ -356,31 +356,31 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
         config: t
       };
     });
-    function Re(l = null) {
-      St(() => {
+    function Be(l = null) {
+      Xt(() => {
         const s = X.value.head.map((u, d) => [[
           u.name
-        ], [X.value.body[d].start], [X.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 = Ft(t);
-        l ? l(a) : Ht({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
+        ], [X.value.body[d].start], [X.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 = Pt(t);
+        l ? l(a) : Dt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
     const V = h(!1);
-    function Be(l) {
+    function Ve(l) {
       V.value = l, pe.value += 1;
     }
-    function mt() {
+    function pt() {
       return G.value;
     }
-    function Ve() {
+    function Ue() {
       D.value.showTable = !D.value.showTable;
     }
     const Q = h(!1);
     function de() {
       Q.value = !Q.value;
     }
-    async function pt({ scale: l = 2 } = {}) {
-      if (!T.value) return;
-      const { width: s, height: t } = T.value.getBoundingClientRect(), a = s / t, { imageUri: u, base64: d } = await Ut({ domElement: T.value, base64: !0, img: !0, scale: l });
+    async function xt({ scale: l = 2 } = {}) {
+      if (!I.value) return;
+      const { width: s, height: t } = I.value.getBoundingClientRect(), a = s / t, { imageUri: u, base64: d } = await qt({ domElement: I.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: u,
         base64: d,
@@ -390,11 +390,11 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
         aspectRatio: a
       };
     }
-    const Ue = g(() => $.value.ticks), xt = g(() => ({ start: 0, end: Ue.value.length }));
-    Vt({
+    const We = g(() => $.value.ticks), _t = g(() => ({ start: 0, end: We.value.length }));
+    Wt({
       timeLabelsEls: J,
-      timeLabels: Ue,
-      slicer: xt,
+      timeLabels: We,
+      slicer: _t,
       configRef: e,
       rotationPath: ["style", "chart", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["style", "chart", "labels", "xAxisLabels", "autoRotate", "enable"],
@@ -404,42 +404,42 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
       targetClass: ".vue-ui-dumbbell-scale-label",
       rotation: e.value.style.chart.labels.xAxisLabels.autoRotate.angle
     });
-    function _t({
+    function kt({
       rowHeight: l,
       fontSize: s,
       showProgression: t
     }) {
       if (!t) return !1;
-      const a = l / 3, u = l / 1.3, d = Math.abs(u - a), y = s * 1.2;
-      return d < y;
+      const a = l / 3, u = l / 1.3, d = Math.abs(u - a), f = s * 1.2;
+      return d < f;
     }
-    const kt = /* @__PURE__ */ (() => {
+    const Ct = /* @__PURE__ */ (() => {
       let l = null, s = 0;
       const t = 1;
       return (a) => {
-        if (a === O.value) {
+        if (a === F.value) {
           l = null, s = 0;
           return;
         }
-        l === null || l !== a ? (l = a, s = 1) : (s += 1, s >= t && (O.value = a, l = null, s = 0));
+        l === null || l !== a ? (l = a, s = 1) : (s += 1, s >= t && (F.value = a, l = null, s = 0));
       };
-    })(), We = me(() => {
+    })(), qe = me(() => {
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          const l = _t({
+          const l = kt({
             rowHeight: o.value.rowHeight,
             fontSize: e.value.style.chart.labels.yAxisLabels.fontSize,
             showProgression: e.value.style.chart.labels.yAxisLabels.showProgression
           });
-          kt(l);
+          Ct(l);
         });
       });
     }, 100);
     function he({ datapoint: l, seriesIndex: s }) {
-      I.value = s, r.value = l, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s });
+      O.value = s, r.value = l, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s });
     }
     function ye({ datapoint: l, seriesIndex: s }) {
-      I.value = null, r.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s });
+      O.value = null, r.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s });
     }
     function fe({ datapoint: l, seriesIndex: s }) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
@@ -448,7 +448,7 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
       if (r.value === null) return 0;
       const l = ![null, void 0].includes(r.value.start), s = ![null, void 0].includes(r.value.end);
       return l && s ? Math.min(r.value.startX, r.value.endX) + Math.abs(r.value.startX - r.value.endX) / 2 : l && !s ? r.value.startX : s && !l ? r.value.endX : null;
-    }), Ct = g(() => {
+    }), wt = g(() => {
       if (r.value === null) return "";
       const l = ![null, void 0].includes(r.value.start), s = ![null, void 0].includes(r.value.end);
       let t = "", a = "";
@@ -461,7 +461,7 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
           s: e.value.style.chart.labels.suffix,
           r: e.value.style.chart.labels.startLabels.rounding
         }),
-        { datapoint: r.value, seriesIndex: I.value }
+        { datapoint: r.value, seriesIndex: O.value }
       )), s && (a = H(
         e.value.style.chart.labels.formatter,
         r.value.end,
@@ -471,49 +471,49 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
           s: e.value.style.chart.labels.suffix,
           r: e.value.style.chart.labels.startLabels.rounding
         }),
-        { datapoint: r.value, seriesIndex: I.value }
+        { datapoint: r.value, seriesIndex: O.value }
       )), l && s ? `${t} → ${a}` : l && !s ? t : s && !l ? a : "";
     });
-    return nt({
-      getData: mt,
-      getImage: pt,
-      generatePdf: Ie,
-      generateCsv: Re,
-      generateImage: Oe,
-      toggleTable: Ve,
+    return rt({
+      getData: pt,
+      getImage: xt,
+      generatePdf: Oe,
+      generateCsv: Be,
+      generateImage: Fe,
+      toggleTable: Ue,
       toggleAnnotator: de,
-      toggleFullscreen: Be
-    }), (l, s) => (n(), c("div", {
+      toggleFullscreen: Ve
+    }), (l, s) => (n(), v("div", {
       ref_key: "dumbbellChart",
-      ref: T,
-      class: Je(`vue-ui-dumbbell ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      ref: I,
+      class: Ke(`vue-ui-dumbbell ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: ee(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      id: `dumbbell_${b.value}`,
-      onMouseenter: s[1] || (s[1] = () => i(Ae)(!0)),
-      onMouseleave: s[2] || (s[2] = () => i(Ae)(!1))
+      id: `dumbbell_${y.value}`,
+      onMouseenter: s[1] || (s[1] = () => i(Ne)(!0)),
+      onMouseleave: s[2] || (s[2] = () => i(Ne)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), F(i(it), {
+      e.value.userOptions.buttons.annotator ? (n(), T(i(ct), {
         key: 0,
-        svgRef: i(Se),
+        svgRef: i(Me),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: Q.value,
         onClose: de
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
-      yt.value ? (n(), c("div", {
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
+      ft.value ? (n(), v("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Ce,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : f("", !0),
-      e.value.style.chart.title.text ? (n(), c("div", {
+      }, null, 512)) : b("", !0),
+      e.value.style.chart.title.text ? (n(), v("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: xe,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), F(Wt, {
+        (n(), T(jt, {
           key: `title_${we.value}`,
           config: {
             title: {
@@ -526,15 +526,18 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : f("", !0),
-      e.value.userOptions.show && Z.value && (i(Ne) || i(ue)) ? (n(), F(i(ct), {
+      ], 512)) : b("", !0),
+      c("div", {
+        id: `legend-top-${y.value}`
+      }, null, 8, Kt),
+      e.value.userOptions.show && Z.value && (i(Se) || i(ue)) ? (n(), T(i(vt), {
         ref: "details",
         key: `user_option_${pe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: i(ze),
-        isImaging: i(Te),
-        uid: b.value,
+        isPrinting: i(Te),
+        isImaging: i(Ie),
+        uid: y.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
@@ -542,22 +545,22 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: V.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: T.value,
+        chartElement: I.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: Q.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: Be,
-        onGeneratePdf: i(Ie),
-        onGenerateCsv: Re,
-        onGenerateImage: i(Oe),
-        onToggleTable: Ve,
+        onToggleFullscreen: Ve,
+        onGeneratePdf: i(Oe),
+        onGenerateCsv: Be,
+        onGenerateImage: i(Fe),
+        onToggleTable: Ue,
         onToggleAnnotator: de,
         style: ee({
-          visibility: i(Ne) ? i(ue) ? "visible" : "hidden" : "visible"
+          visibility: i(Se) ? i(ue) ? "visible" : "hidden" : "visible"
         })
-      }, At({ _: 2 }, [
+      }, Nt({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: x(({ isOpen: t, color: a }) => [
@@ -607,17 +610,17 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
           ]),
           key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
-      (n(), c("svg", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : b("", !0),
+      (n(), v("svg", {
         ref_key: "svgRef",
-        ref: Se,
-        xmlns: i(lt),
-        class: Je({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
+        ref: Me,
+        xmlns: i(at),
+        class: Ke({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
         viewBox: `0 0 ${R.value} ${o.value.absoluteHeight <= 0 ? 10 : o.value.absoluteHeight}`,
         style: ee(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Nt(i(vt)),
-        l.$slots["chart-background"] ? (n(), c("foreignObject", {
+        St(i(dt)),
+        l.$slots["chart-background"] ? (n(), v("foreignObject", {
           key: 0,
           x: o.value.left,
           y: o.value.top,
@@ -628,9 +631,9 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
           }
         }, [
           p(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Jt)) : f("", !0),
-        e.value.style.chart.grid.verticalGrid.show ? (n(), c("g", Kt, [
-          (n(!0), c(C, null, A($.value.ticks, (t, a) => (n(), c("line", {
+        ], 8, el)) : b("", !0),
+        e.value.style.chart.grid.verticalGrid.show ? (n(), v("g", tl, [
+          (n(!0), v(C, null, A($.value.ticks, (t, a) => (n(), v("line", {
             x1: o.value.left + a * o.value.width / ($.value.ticks.length - 1),
             x2: o.value.left + a * o.value.width / ($.value.ticks.length - 1),
             y1: o.value.top,
@@ -638,10 +641,10 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.verticalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.verticalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.verticalGrid.strokeDasharray
-          }, null, 8, Qt))), 256))
-        ])) : f("", !0),
-        e.value.style.chart.grid.horizontalGrid.show ? (n(), c("g", el, [
-          (n(!0), c(C, null, A(G.value, (t, a) => (n(), c("line", {
+          }, null, 8, ll))), 256))
+        ])) : b("", !0),
+        e.value.style.chart.grid.horizontalGrid.show ? (n(), v("g", al, [
+          (n(!0), v(C, null, A(G.value, (t, a) => (n(), v("line", {
             x1: o.value.left,
             x2: o.value.right,
             y1: o.value.top + a * o.value.rowHeight,
@@ -649,8 +652,8 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, tl))), 256)),
-          v("line", {
+          }, null, 8, sl))), 256)),
+          c("line", {
             x1: o.value.left,
             x2: o.value.right,
             y1: o.value.bottom,
@@ -658,9 +661,9 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, ll)
-        ])) : f("", !0),
-        e.value.style.chart.labels.axis.yLabel ? (n(), c("text", {
+          }, null, 8, ol)
+        ])) : b("", !0),
+        e.value.style.chart.labels.axis.yLabel ? (n(), v("text", {
           key: 3,
           ref_key: "yAxisLabel",
           ref: ae,
@@ -668,17 +671,17 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
           "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, al)) : f("", !0),
-        e.value.style.chart.labels.yAxisLabels.show ? (n(), c("g", {
+        }, _(e.value.style.chart.labels.axis.yLabel), 9, nl)) : b("", !0),
+        e.value.style.chart.labels.yAxisLabels.show ? (n(), v("g", {
           key: 4,
           ref_key: "serieLabels",
           ref: se
         }, [
-          (n(!0), c(C, null, A(k.value, (t, a) => (n(), c("text", {
+          (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("text", {
             class: "vue-ui-dumbbell-serie-name",
             key: `serieLabel_${t.id}_${a}`,
             x: o.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
-            y: o.value.top + a * o.value.rowHeight + (!e.value.style.chart.labels.yAxisLabels.showProgression || O.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 || F.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",
@@ -686,7 +689,7 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
             onMouseenter: (u) => he({ datapoint: t, seriesIndex: a }),
             onMouseleave: (u) => ye({ datapoint: t, seriesIndex: a }),
             onClick: (u) => fe({ datapoint: t, seriesIndex: a })
-          }, _(t.name) + " " + _(O.value && e.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(t.start) || [null, void 0].includes(t.end) ? "" : `(${i(H)(
+          }, _(t.name) + " " + _(F.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)({
@@ -695,8 +698,8 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
               r: e.value.style.chart.labels.yAxisLabels.rounding
             }),
             { datapoint: t }
-          )})` : ""), 41, sl))), 128)),
-          e.value.style.chart.labels.yAxisLabels.showProgression && !O.value ? (n(!0), c(C, { key: 0 }, A(k.value, (t, a) => (n(), c("text", {
+          )})` : ""), 41, rl))), 128)),
+          e.value.style.chart.labels.yAxisLabels.showProgression && !F.value ? (n(!0), v(C, { key: 0 }, A(k.value, (t, a) => (n(), v("text", {
             class: "vue-ui-dumbbell-serie-value",
             x: o.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
             y: o.value.top + a * o.value.rowHeight + o.value.rowHeight / 1.3 + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
@@ -715,9 +718,9 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
               r: e.value.style.chart.labels.yAxisLabels.rounding
             }),
             { datapoint: t }
-          )), 41, ol))), 256)) : f("", !0)
-        ], 512)) : f("", !0),
-        e.value.style.chart.labels.axis.xLabel ? (n(), c("text", {
+          )), 41, ul))), 256)) : b("", !0)
+        ], 512)) : b("", !0),
+        e.value.style.chart.labels.axis.xLabel ? (n(), v("text", {
           key: 5,
           ref_key: "xAxisLabel",
           ref: oe,
@@ -726,13 +729,13 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
           "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, nl)) : f("", !0),
-        e.value.style.chart.labels.xAxisLabels.show ? (n(), c("g", {
+        }, _(e.value.style.chart.labels.axis.xLabel), 9, il)) : b("", !0),
+        e.value.style.chart.labels.xAxisLabels.show ? (n(), v("g", {
           key: 6,
           ref_key: "scaleLabels",
           ref: J
         }, [
-          (n(!0), c(C, null, A($.value.ticks, (t, a) => (n(), c("text", {
+          (n(!0), v(C, null, A($.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})`,
@@ -750,176 +753,176 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
               r: e.value.style.chart.labels.xAxisLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, rl))), 128))
-        ], 512)) : f("", !0),
-        W(v("g", null, [
-          W(v("path", {
+          )), 9, cl))), 128))
+        ], 512)) : b("", !0),
+        W(c("g", null, [
+          W(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, ul), [
+          }, null, 8, vl), [
             [q, r.value !== null && ![null, void 0].includes(r.value.start)]
           ]),
-          W(v("path", {
+          W(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, il), [
+          }, null, 8, dl), [
             [q, r.value !== null && ![null, void 0].includes(r.value.end)]
           ]),
-          W(v("rect", {
+          W(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),
             width: r.value ? Math.max(0.1, Math.abs(r.value.endX - r.value.startX)) : 0,
-            fill: r.value ? i(at)(e.value.style.chart.comparisonLines.rectColor, e.value.style.chart.comparisonLines.rectOpacity) : "transparent",
+            fill: r.value ? i(st)(e.value.style.chart.comparisonLines.rectColor, e.value.style.chart.comparisonLines.rectOpacity) : "transparent",
             style: { transition: "all 0.3s ease-in-out" }
-          }, null, 8, cl), [
+          }, null, 8, hl), [
             [q, e.value.style.chart.comparisonLines.showRect && r.value !== null && ![null, void 0].includes(r.value.start) && ![null, void 0].includes(r.value.end)]
           ]),
-          W(v("text", {
+          W(c("text", {
             transform: `translate(${be.value == null ? 0 : be.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" }
-          }, _(Ct.value), 9, vl), [
+          }, _(wt.value), 9, yl), [
             [q, r.value !== null && be.value !== null && e.value.style.chart.comparisonLines.showLabel]
           ])
         ], 512), [
-          [q, e.value.style.chart.comparisonLines.show && I.value !== null]
+          [q, e.value.style.chart.comparisonLines.show && O.value !== null]
         ]),
-        v("defs", null, [
-          v("radialGradient", {
-            id: `start_grad_${b.value}`,
+        c("defs", null, [
+          c("radialGradient", {
+            id: `start_grad_${y.value}`,
             fy: "30%"
           }, [
-            v("stop", {
+            c("stop", {
               offset: "10%",
               "stop-color": i(j)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, hl),
-            v("stop", {
+            }, null, 8, bl),
+            c("stop", {
               offset: "90%",
               "stop-color": i(Y)(e.value.style.chart.plots.startColor, 0.1)
-            }, null, 8, yl),
-            v("stop", {
+            }, null, 8, gl),
+            c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.startColor
-            }, null, 8, fl)
-          ], 8, dl),
-          v("radialGradient", {
-            id: `end_grad_${b.value}`,
+            }, null, 8, ml)
+          ], 8, fl),
+          c("radialGradient", {
+            id: `end_grad_${y.value}`,
             fy: "30%"
           }, [
-            v("stop", {
+            c("stop", {
               offset: "10%",
               "stop-color": i(j)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, gl),
-            v("stop", {
+            }, null, 8, xl),
+            c("stop", {
               offset: "90%",
               "stop-color": i(Y)(e.value.style.chart.plots.endColor, 0.1)
-            }, null, 8, ml),
-            v("stop", {
+            }, null, 8, _l),
+            c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.endColor
-            }, null, 8, pl)
-          ], 8, bl),
-          v("radialGradient", {
-            id: `positive_grad_${b.value}`,
+            }, null, 8, kl)
+          ], 8, pl),
+          c("radialGradient", {
+            id: `positive_grad_${y.value}`,
             fy: "30%"
           }, [
-            v("stop", {
+            c("stop", {
               offset: "10%",
               "stop-color": i(j)(e.value.style.chart.plots.evaluationColors.positive, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, _l),
-            v("stop", {
+            }, null, 8, wl),
+            c("stop", {
               offset: "90%",
               "stop-color": i(Y)(e.value.style.chart.plots.evaluationColors.positive, 0.1)
-            }, null, 8, kl),
-            v("stop", {
+            }, null, 8, $l),
+            c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.positive
-            }, null, 8, Cl)
-          ], 8, xl),
-          v("radialGradient", {
-            id: `negative_grad_${b.value}`,
+            }, null, 8, Ll)
+          ], 8, Cl),
+          c("radialGradient", {
+            id: `negative_grad_${y.value}`,
             fy: "30%"
           }, [
-            v("stop", {
+            c("stop", {
               offset: "10%",
               "stop-color": i(j)(e.value.style.chart.plots.evaluationColors.negative, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, $l),
-            v("stop", {
+            }, null, 8, Nl),
+            c("stop", {
               offset: "90%",
               "stop-color": i(Y)(e.value.style.chart.plots.evaluationColors.negative, 0.1)
-            }, null, 8, Ll),
-            v("stop", {
+            }, null, 8, Sl),
+            c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.negative
-            }, null, 8, Al)
-          ], 8, wl),
-          v("radialGradient", {
-            id: `neutral_grad_${b.value}`,
+            }, null, 8, Ml)
+          ], 8, Al),
+          c("radialGradient", {
+            id: `neutral_grad_${y.value}`,
             fy: "30%"
           }, [
-            v("stop", {
+            c("stop", {
               offset: "10%",
               "stop-color": i(j)(e.value.style.chart.plots.evaluationColors.neutral, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, Sl),
-            v("stop", {
+            }, null, 8, zl),
+            c("stop", {
               offset: "90%",
               "stop-color": i(Y)(e.value.style.chart.plots.evaluationColors.neutral, 0.1)
-            }, null, 8, Ml),
-            v("stop", {
+            }, null, 8, Tl),
+            c("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.evaluationColors.neutral
-            }, null, 8, Xl)
-          ], 8, Nl)
+            }, null, 8, Il)
+          ], 8, Xl)
         ]),
-        (n(!0), c(C, null, A(k.value, (t, a) => (n(), c("g", {
+        (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("g", {
           key: `plot_${a}_${t.id}`
         }, [
-          v("defs", null, [
-            v("linearGradient", {
-              id: `grad_pos_${b.value}`,
+          c("defs", null, [
+            c("linearGradient", {
+              id: `grad_pos_${y.value}`,
               x1: "0%",
               x2: "100%",
               y1: "0%",
               y2: "0%"
             }, [
-              v("stop", {
+              c("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, Tl),
-              v("stop", {
+              }, null, 8, Fl),
+              c("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, Il)
-            ], 8, zl),
-            v("linearGradient", {
-              id: `grad_neg_${b.value}`,
+              }, null, 8, Hl)
+            ], 8, Ol),
+            c("linearGradient", {
+              id: `grad_neg_${y.value}`,
               x1: "0%",
               x2: "100%",
               y1: "0%",
               y2: "0%"
             }, [
-              v("stop", {
+              c("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, Fl),
-              v("stop", {
+              }, null, 8, Dl),
+              c("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, Hl)
-            ], 8, Ol)
+              }, null, 8, Gl)
+            ], 8, Pl)
           ]),
-          ![void 0, null].includes(t.end) && ![void 0, null].includes(t.start) ? (n(), c("g", Pl, [
-            e.value.style.chart.plots.link.type === "curved" ? (n(), c("g", Dl, [
-              v("path", {
+          ![void 0, null].includes(t.end) && ![void 0, null].includes(t.start) ? (n(), v("g", El, [
+            e.value.style.chart.plots.link.type === "curved" ? (n(), v("g", Rl, [
+              c("path", {
                 d: `M 
                                 ${t.startX},${t.y + M.value / 2} 
                                 C ${t.centerX},${t.y} ${t.centerX},${t.y} 
@@ -929,42 +932,42 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
                                 ${t.startX},${t.y - M.value / 2}
                                 Z
                             `,
-                fill: e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : t.endX > t.startX ? `url(#grad_pos_${b.value})` : `url(#grad_neg_${b.value})`
-              }, null, 8, Gl)
-            ])) : (n(), c("g", El, [
-              v("rect", {
+                fill: e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : t.endX > t.startX ? `url(#grad_pos_${y.value})` : `url(#grad_neg_${y.value})`
+              }, null, 8, Bl)
+            ])) : (n(), v("g", Vl, [
+              c("rect", {
                 x: t.endX > t.startX ? t.startX : t.endX,
                 y: t.y - e.value.style.chart.plots.link.strokeWidth / 2,
                 height: Math.max(0.01, e.value.style.chart.plots.link.strokeWidth),
                 width: Math.max(0.01, Math.abs(t.endX - t.startX)),
-                fill: e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : t.endX > t.startX ? `url(#grad_pos_${b.value})` : `url(#grad_neg_${b.value})`
-              }, null, 8, Rl)
+                fill: e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : t.endX > t.startX ? `url(#grad_pos_${y.value})` : `url(#grad_neg_${y.value})`
+              }, null, 8, Ul)
             ]))
-          ])) : f("", !0),
-          [null, void 0].includes(t.start) ? f("", !0) : (n(), c("circle", {
+          ])) : b("", !0),
+          [null, void 0].includes(t.start) ? b("", !0) : (n(), v("circle", {
             key: 1,
             cx: t.startX,
             cy: t.y,
             r: M.value,
-            fill: e.value.style.chart.plots.gradient.show ? e.value.style.chart.plots.evaluationColors.enable ? t.evaluationGrad : `url(#start_grad_${b.value})` : e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : e.value.style.chart.plots.startColor,
+            fill: e.value.style.chart.plots.gradient.show ? e.value.style.chart.plots.evaluationColors.enable ? t.evaluationGrad : `url(#start_grad_${y.value})` : e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : e.value.style.chart.plots.startColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, Bl)),
-          [null, void 0].includes(t.end) ? f("", !0) : (n(), c("circle", {
+          }, null, 8, Wl)),
+          [null, void 0].includes(t.end) ? b("", !0) : (n(), v("circle", {
             key: 2,
             cx: t.endX,
             cy: t.y,
             r: M.value,
-            fill: e.value.style.chart.plots.gradient.show ? e.value.style.chart.plots.evaluationColors.enable ? t.evaluationGrad : `url(#end_grad_${b.value})` : e.value.style.chart.plots.evaluationColors.enable ? t.evaluationColor : e.value.style.chart.plots.endColor,
+            fill: e.value.style.chart.plots.gradient.show ? e.value.style.chart.plots.evaluationColors.enable ? t.evaluationGrad : `url(#end_grad_${y.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, Vl))
+          }, null, 8, ql))
         ]))), 128)),
-        e.value.style.chart.labels.startLabels.show ? (n(), c("g", Ul, [
-          (n(!0), c(C, null, A(k.value, (t, a) => (n(), c("g", {
+        e.value.style.chart.labels.startLabels.show ? (n(), v("g", jl, [
+          (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) ? f("", !0) : (n(), c("text", {
+            [null, void 0].includes(t.start) ? b("", !0) : (n(), v("text", {
               key: 0,
               x: t.startX,
               y: t.y + M.value * 2 + e.value.style.chart.labels.startLabels.fontSize / 2,
@@ -981,14 +984,14 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
                 r: e.value.style.chart.labels.startLabels.rounding
               }),
               { datapoint: t, seriesIndex: a }
-            )), 9, Wl))
+            )), 9, Yl))
           ]))), 128))
-        ])) : f("", !0),
-        e.value.style.chart.labels.endLabels.show ? (n(), c("g", ql, [
-          (n(!0), c(C, null, A(k.value, (t, a) => (n(), c("g", {
+        ])) : b("", !0),
+        e.value.style.chart.labels.endLabels.show ? (n(), v("g", Zl, [
+          (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) ? f("", !0) : (n(), c("text", {
+            [null, void 0].includes(t.end) ? b("", !0) : (n(), v("text", {
               key: 0,
               x: t.endX,
               y: t.y - (M.value * 2 - e.value.style.chart.labels.startLabels.fontSize / 3),
@@ -1005,74 +1008,82 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
                 r: e.value.style.chart.labels.endLabels.rounding
               }),
               { datapoint: t, seriesIndex: a }
-            )), 9, jl))
+            )), 9, Jl))
           ]))), 128))
-        ])) : f("", !0),
-        v("g", null, [
-          (n(!0), c(C, null, A(k.value, (t, a) => (n(), c("rect", {
+        ])) : b("", !0),
+        c("g", null, [
+          (n(!0), v(C, null, A(k.value, (t, a) => (n(), v("rect", {
             x: o.value.left,
             y: o.value.top + a * Math.max(0.1, o.value.rowHeight),
             width: Math.max(0.1, o.value.width),
             height: Math.max(0.1, o.value.rowHeight),
-            fill: I.value !== null && I.value === a ? i(at)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
+            fill: O.value !== null && O.value === a ? i(st)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
             onMouseenter: (u) => he({ datapoint: t, seriesIndex: a }),
             onMouseleave: (u) => ye({ datapoint: t, seriesIndex: a }),
             onClick: (u) => fe({ datapoint: t, seriesIndex: a })
-          }, null, 40, Yl))), 256))
+          }, null, 40, Kl))), 256))
         ]),
         p(l.$slots, "svg", { svg: o.value }, void 0, !0)
-      ], 14, Zt)),
-      l.$slots.watermark ? (n(), c("div", Zl, [
-        p(l.$slots, "watermark", te(le({ isPrinting: i(ze) || i(Te) })), void 0, !0)
-      ])) : f("", !0),
-      v("div", {
-        ref_key: "chartLegend",
-        ref: _e
+      ], 14, Qt)),
+      l.$slots.watermark ? (n(), v("div", Ql, [
+        p(l.$slots, "watermark", te(le({ isPrinting: i(Te) || i(Ie) })), void 0, !0)
+      ])) : b("", !0),
+      c("div", {
+        id: `legend-bottom-${y.value}`
+      }, null, 8, ea),
+      Ae.value ? (n(), T(Mt, {
+        key: 5,
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${y.value}` : `#legend-bottom-${y.value}`
       }, [
-        e.value.style.chart.legend.show && Z.value ? (n(), F(qt, {
-          key: `legend_${Le.value}`,
-          legendSet: Ee.value,
-          config: gt.value,
-          clickable: !1
-        }, {
-          item: x(({ legend: t }) => [
-            v("div", {
-              style: ee(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
-            }, [
-              (n(), c("svg", {
-                xmlns: i(lt),
-                viewBox: "0 0 20 20",
-                height: e.value.style.chart.legend.fontSize,
-                width: e.value.style.chart.legend.fontSize
+        c("div", {
+          ref_key: "chartLegend",
+          ref: _e
+        }, [
+          e.value.style.chart.legend.show && Z.value ? (n(), T(Yt, {
+            key: `legend_${Le.value}`,
+            legendSet: Re.value,
+            config: mt.value,
+            clickable: !1
+          }, {
+            item: x(({ legend: t }) => [
+              c("div", {
+                style: ee(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
               }, [
-                v("circle", {
-                  cx: 10,
-                  cy: 10,
-                  r: 9,
-                  fill: t.color
-                }, null, 8, Kl)
-              ], 8, Jl)),
-              i(ne) ? f("", !0) : (n(), c(C, { key: 0 }, [
-                Ke(_(t.name), 1)
-              ], 64))
-            ], 4)
-          ]),
-          _: 1
-        }, 8, ["legendSet", "config"])) : p(l.$slots, "legend", {
-          key: 1,
-          legend: Ee.value
-        }, void 0, !0)
-      ], 512),
-      l.$slots.source ? (n(), c("div", {
-        key: 5,
+                (n(), v("svg", {
+                  xmlns: i(at),
+                  viewBox: "0 0 20 20",
+                  height: e.value.style.chart.legend.fontSize,
+                  width: e.value.style.chart.legend.fontSize
+                }, [
+                  c("circle", {
+                    cx: 10,
+                    cy: 10,
+                    r: 9,
+                    fill: t.color
+                  }, null, 8, la)
+                ], 8, ta)),
+                i(ne) ? b("", !0) : (n(), v(C, { key: 0 }, [
+                  Qe(_(t.name), 1)
+                ], 64))
+              ], 4)
+            ]),
+            _: 1
+          }, 8, ["legendSet", "config"])) : p(l.$slots, "legend", {
+            key: 1,
+            legend: Re.value
+          }, void 0, !0)
+        ], 512)
+      ], 8, ["to"])) : b("", !0),
+      l.$slots.source ? (n(), v("div", {
+        key: 6,
         ref_key: "source",
         ref: ke,
         dir: "auto"
       }, [
         p(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : f("", !0),
-      Z.value ? (n(), F(i(rt), {
-        key: 6,
+      ], 512)) : b("", !0),
+      Z.value ? (n(), T(i(ut), {
+        key: 7,
         hideDetails: "",
         config: {
           open: D.value.showTable,
@@ -1088,7 +1099,7 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
         }
       }, {
         content: x(() => [
-          (n(), F(i(ut), {
+          (n(), T(i(it), {
             key: `table_${$e.value}`,
             colNames: K.value.colNames,
             head: K.value.head,
@@ -1098,23 +1109,23 @@ const Yt = ["id"], Zt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"]
             onClose: s[0] || (s[0] = (t) => D.value.showTable = !1)
           }, {
             th: x(({ th: t }) => [
-              v("div", {
+              c("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Ql)
+              }, null, 8, aa)
             ]),
             td: x(({ td: t }) => [
-              Ke(_(t.name || t), 1)
+              Qe(_(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : f("", !0),
-      i(ne) ? (n(), F(Et, { key: 7 })) : f("", !0)
-    ], 46, Yt));
+      }, 8, ["config"])) : b("", !0),
+      i(ne) ? (n(), T(Bt, { key: 8 })) : b("", !0)
+    ], 46, Jt));
   }
-}, fa = /* @__PURE__ */ jt(ea, [["__scopeId", "data-v-3777c0fc"]]);
+}, pa = /* @__PURE__ */ Zt(sa, [["__scopeId", "data-v-3328933a"]]);
 export {
-  fa as default
+  pa as default
 };