vue-data-ui 3.2.0 → 3.2.1

package/dist/{vue-ui-xy-Cm3dbAmQ.js → vue-ui-xy-DlcJVA22.js}

@@ -1,18 +1,18 @@
-import { useCssVars as Yo, computed as x, ref as y, watch as ht, onMounted as Zl, onBeforeUnmount as Ll, onUpdated as ho, nextTick as Ml, createElementBlock as u, openBlock as n, createElementVNode as k, createCommentVNode as g, renderSlot as te, normalizeStyle as C, createVNode as ml, withDirectives as Oa, unref as h, Fragment as b, renderList as L, normalizeProps as Yt, mergeProps as Gt, normalizeClass as Ze, withKeys as fo, vModelText as mo, toDisplayString as re, defineAsyncComponent as Wt, useSlots as Go, getCurrentInstance as qo, toRefs as Uo, watchEffect as go, createBlock as ct, createSlots as xo, withCtx as we, guardReactiveProps as dl, Teleport as Zo, resolveDynamicComponent as Ko, vModelCheckbox as Jo, createTextVNode as bo } from "vue";
-import { c as ga, z as xa, X as Qo, G as dt, ae as ya, W as pa, af as ka, V as wa, ag as yo, f as Na, t as jo, e as en, E as Ul, aa as hl, h as po, p as ko, ap as ha, a6 as j, a0 as Pa, a8 as tn, q as U, ac as ln, aq as wo, ar as So, a as Ae, as as an, A as on, j as $o, k as wt, d as lt, i as fl, s as vt, a4 as ie, Q as nn, ak as fa, N as un, at as Xt, D as Ue, b as sn, o as _o, x as rn, y as cn, F as _l } from "./lib-p5pfHmOX.js";
+import { useCssVars as Yo, computed as x, ref as y, watch as ht, onMounted as Zl, onBeforeUnmount as Ll, onUpdated as ho, nextTick as Ml, createElementBlock as u, openBlock as n, createElementVNode as k, createCommentVNode as g, renderSlot as te, normalizeStyle as C, createVNode as ml, withDirectives as Oa, unref as h, Fragment as b, renderList as L, normalizeProps as Yt, mergeProps as Gt, normalizeClass as Ze, withKeys as fo, vModelText as mo, toDisplayString as ce, defineAsyncComponent as Wt, useSlots as Go, getCurrentInstance as qo, toRefs as Uo, watchEffect as go, createBlock as ct, createSlots as xo, withCtx as Se, guardReactiveProps as dl, Teleport as Zo, resolveDynamicComponent as Ko, vModelCheckbox as Jo, createTextVNode as bo } from "vue";
+import { c as ga, z as xa, X as Qo, G as dt, ae as ya, W as pa, af as ka, V as wa, ag as yo, f as Na, t as jo, e as en, E as Ul, aa as hl, h as po, p as ko, ap as ha, a6 as j, a0 as Pa, a8 as tn, q as U, ac as ln, aq as wo, ar as So, a as Ae, as as an, A as on, j as $o, k as St, d as lt, i as fl, s as vt, a4 as ie, Q as nn, ak as fa, N as un, at as Xt, D as Ue, b as sn, o as _o, x as rn, y as cn, F as _l } from "./lib-p5pfHmOX.js";
 import { t as ba, d as vn, u as dn } from "./useResponsive-DfdjqQps.js";
-import { u as hn, a as Fa } from "./useNestedProp-DF7e2h1z.js";
+import { u as hn, a as Fa } from "./useNestedProp-7BbqoAYu.js";
 import { u as fn } from "./usePrinter-Yeu5jOfm.js";
 import { u as mn, B as gn } from "./BaseScanner-BgWxam9d.js";
 import { u as Mo, a as xn, l as bn } from "./useTimeLabels-BGFjWgrv.js";
 import { u as yn } from "./useTimeLabelCollider-CIsgDrl9.js";
 import pn from "./img-CH7J0fYg.js";
-import kn from "./Title-pI68ZJsq.js";
+import kn from "./Title-BIaVNiUQ.js";
 import { t as wn } from "./themes-D3cUNuKw.js";
 import { _ as ma } from "./Shape-BDy56-wS.js";
 import Sn from "./BaseIcon-D2f9w5Z5.js";
 import { _ as Lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import $n from "./vue-ui-accordion-D-L73-T2.js";
+import $n from "./vue-ui-accordion-BSrtaPYx.js";
 const _n = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
@@ -189,30 +189,30 @@ const _n = {
     }
   },
   emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
-  setup($, { expose: Sa, emit: $a }) {
+  setup(S, { expose: Sa, emit: $a }) {
     Yo((v) => ({
-      "64664f38": Tl.value,
-      "074850a8": ne.value,
-      "0460f41d": mt.value,
-      "46ddce48": $.selectColor,
-      fcd4952c: zl.value
+      31489338: Tl.value,
+      "7f513ed8": ne.value,
+      "74ff4a49": mt.value,
+      "5f868008": S.selectColor,
+      "2feba696": zl.value
     }));
-    const d = $, Ne = y(null), ce = y(d.min), fe = y(d.max), me = x(() => !!d.minimap.length), Cl = y(ga()), St = y(!1), Nt = x(() => me.value && d.minimapCompact), Kl = y(0), qt = ba((v) => Le("futureStart", v), 0), gl = ba((v) => Le("futureEnd", v), 0), Ut = x({
-      get: () => ce.value,
+    const d = S, Ne = y(null), ve = y(d.min), me = y(d.max), ge = x(() => !!d.minimap.length), Cl = y(ga()), $t = y(!1), Nt = x(() => ge.value && d.minimapCompact), Kl = y(0), qt = ba((v) => Le("futureStart", v), 0), gl = ba((v) => Le("futureEnd", v), 0), Ut = x({
+      get: () => ve.value,
       set(v) {
-        const m = Math.min(v, fe.value - 1);
-        m !== ce.value && (ce.value = m, Mt.value && (Mt.value.value = String(m)), d.immediate ? Le("update:start", Number(m)) : St.value && qt(m));
+        const m = Math.min(v, me.value - 1);
+        m !== ve.value && (ve.value = m, Lt.value && (Lt.value.value = String(m)), d.immediate ? Le("update:start", Number(m)) : $t.value && qt(m));
       }
-    }), $t = x({
-      get: () => fe.value,
+    }), _t = x({
+      get: () => me.value,
       set(v) {
-        const m = Math.max(v, ce.value + 1);
-        m !== fe.value && (fe.value = m, t.value && (t.value.value = String(m)), d.immediate ? Le("update:end", Number(m)) : St.value && gl(m));
+        const m = Math.max(v, ve.value + 1);
+        m !== me.value && (me.value = m, t.value && (t.value.value = String(m)), d.immediate ? Le("update:end", Number(m)) : $t.value && gl(m));
       }
     });
     let Be = null;
     function Te() {
-      clearTimeout(Be), d.immediate || (Le("update:start", Number(ce.value)), Le("update:end", Number(fe.value))), St.value = !1;
+      clearTimeout(Be), d.immediate || (Le("update:start", Number(ve.value)), Le("update:end", Number(me.value))), $t.value = !1;
     }
     const Ke = x(() => d.refreshEndPoint === null ? d.max : d.refreshEndPoint), Le = $a, ft = x(() => {
       if (Nt.value) {
@@ -220,30 +220,30 @@ const _n = {
         return Pt.value / m * 100;
       }
       const v = Math.max(1, d.max - d.min);
-      return (ce.value - d.min) / v * 100;
-    }), _t = x(() => {
+      return (ve.value - d.min) / v * 100;
+    }), Mt = x(() => {
       if (Nt.value) {
         const m = Math.max(1, at.value - 1);
         return el.value / m * 100;
       }
       const v = Math.max(1, d.max - d.min);
-      return (fe.value - d.min) / v * 100;
-    }), Al = x(() => (ft.value + _t.value) / 2), Zt = x(() => {
+      return (me.value - d.min) / v * 100;
+    }), Al = x(() => (ft.value + Mt.value) / 2), Zt = x(() => {
       if (!Ne.value) return !1;
       const v = Math.max(1, d.max - d.min);
-      return Ne.value.getBoundingClientRect().width * ((ce.value - d.min) / v) - yl.value / 2 < 0;
+      return Ne.value.getBoundingClientRect().width * ((ve.value - d.min) / v) - yl.value / 2 < 0;
     }), Kt = x(() => {
       if (!Ne.value) return !1;
       const v = Math.max(1, d.max - d.min), m = Ne.value.getBoundingClientRect().width;
-      return m * ((fe.value - d.min) / v) + c.value / 2 > m;
-    }), Se = x(() => {
+      return m * ((me.value - d.min) / v) + c.value / 2 > m;
+    }), $e = x(() => {
       const v = Kt.value ? `calc(${Al.value}% - ${Bt.value.width}px - 2px)` : Zt.value ? `calc(${Al.value}% - 8px)` : `calc(${Al.value}% - ${Bt.value.width / 2}px - 4px)`;
       return {
         left: `${ft.value}%`,
-        width: `${Math.max(0, _t.value - ft.value)}%`,
+        width: `${Math.max(0, Mt.value - ft.value)}%`,
         background: d.selectColor,
         tooltipLeft: `calc(${ft.value}% - ${Zt.value ? 9 : yl.value / 2 + 3.5}px)`,
-        tooltipRight: `calc(${_t.value}% - ${Kt.value ? c.value - 9 : c.value / 2 - 3.5}px)`,
+        tooltipRight: `calc(${Mt.value}% - ${Kt.value ? c.value - 9 : c.value / 2 - 3.5}px)`,
         tooltipCenter: v,
         arrowLeft: !Zt.value,
         arrowRight: !Kt.value
@@ -260,12 +260,12 @@ const _n = {
     ht(
       () => d.min,
       (v) => {
-        Number(ce.value) < Number(v) && (ce.value = Number(v)), Number(fe.value) < Number(v) && (fe.value = Number(v));
+        Number(ve.value) < Number(v) && (ve.value = Number(v)), Number(me.value) < Number(v) && (me.value = Number(v));
       }
     ), ht(
       () => d.max,
       (v) => {
-        Number(ce.value) > Number(v) && (ce.value = Number(v)), Number(fe.value) > Number(v) && (fe.value = Number(v));
+        Number(ve.value) > Number(v) && (ve.value = Number(v)), Number(me.value) > Number(v) && (me.value = Number(v));
       }
     );
     const Jt = y(null), W = y({
@@ -273,7 +273,7 @@ const _n = {
       height: 1
     }), le = y(null);
     Zl(() => {
-      if (me.value) {
+      if (ge.value) {
         const v = ba(() => {
           if (!Jt.value) return;
           const { width: m, height: f } = dn({ chart: Jt.value }), _ = Math.max(0, Math.round(m)), T = Math.max(0, Math.round(f - 47));
@@ -293,13 +293,13 @@ const _n = {
       const m = Math.ceil(v - d.min);
       return Math.min(Math.max(0, m), at.value);
     }
-    const Ee = x(() => Ql(ce.value)), Pe = x(() => Qt(fe.value)), xl = x(() => Math.max(...d.allMinimaps.map((v) => v.series.length))), ae = x(() => {
+    const Ee = x(() => Ql(ve.value)), Pe = x(() => Qt(me.value)), xl = x(() => Math.max(...d.allMinimaps.map((v) => v.series.length))), ae = x(() => {
       if (!d.minimap.length) return 0;
       const v = Math.max(1, xl.value - (d.minimapCompact ? 1 : 0));
       return W.value.width / v;
-    }), ve = x(() => d.allMinimaps.length ? d.allMinimaps.filter((v) => v.type === "bar").length : 0), Z = x(() => ae.value / (ve.value || 1) * 0.8);
+    }), de = x(() => d.allMinimaps.length ? d.allMinimaps.filter((v) => v.type === "bar").length : 0), Z = x(() => ae.value / (de.value || 1) * 0.8);
     function Il(v, m, f) {
-      const _ = Z.value, T = Math.max(1, ve.value), D = xl.value - 1;
+      const _ = Z.value, T = Math.max(1, de.value), D = xl.value - 1;
       return f === 0 ? v + _ / 2 * m : f === D ? v - _ / 2 * (T - m) : v - T * _ / 2 + m * _;
     }
     function Nl(v, m) {
@@ -320,18 +320,18 @@ const _n = {
         const f = Math.min(0, He.value), _ = Math.max(0, gt.value);
         return m - (v - f) / Math.max(1e-9, _ - f) * m;
       }
-    }, $e = x(() => bl(0));
+    }, _e = x(() => bl(0));
     function ot(v, m, f) {
-      const _ = (D, ke, S) => Math.max(ke, Math.min(S, D));
+      const _ = (D, we, $) => Math.max(we, Math.min($, D));
       if (m <= 0) {
         const D = Math.max(1e-9, 0 - v);
-        return (ke) => f - (ke - v) / D * f;
+        return (we) => f - (we - v) / D * f;
       } else if (v >= 0) {
         const D = Math.max(1e-9, m - 0);
-        return (ke) => f - (ke - 0) / D * f;
+        return (we) => f - (we - 0) / D * f;
       } else {
         const D = Math.max(1e-9, Math.max(Math.abs(v), Math.abs(m)));
-        return (ke) => (1 - (_(ke / D, -1, 1) + 1) / 2) * f;
+        return (we) => (1 - (_(we / D, -1, 1) + 1) / 2) * f;
       }
     }
     function jt(v, m = !1) {
@@ -348,26 +348,26 @@ const _n = {
           fullMarkers: [],
           selectionMarkers: []
         };
-      const f = Math.max(1, W.value.height), _ = ot(He.value, gt.value, f), T = v.length, D = Math.min(Math.max(0, Ee.value), Math.max(0, T - 1)), ke = Math.min(T, Math.max(D + 1, Pe.value)), S = v.map((Me, il) => {
-        const Tt = d.cutNullValues ? Me : Me === null ? 0 : Me, oa = Number.isFinite(Tt), La = ae.value * il + (d.minimapCompact ? 0 : ae.value / 2), Ca = _(0);
+      const f = Math.max(1, W.value.height), _ = ot(He.value, gt.value, f), T = v.length, D = Math.min(Math.max(0, Ee.value), Math.max(0, T - 1)), we = Math.min(T, Math.max(D + 1, Pe.value)), $ = v.map((se, il) => {
+        const wt = se, oa = Number.isFinite(wt), La = ae.value * il + (d.minimapCompact ? 0 : ae.value / 2), Ca = _(0);
         return {
           x: La,
-          y: oa ? _(Tt) : NaN,
-          v: Tt,
-          value: oa ? Tt : null,
+          y: oa ? _(wt) : NaN,
+          v: wt,
+          value: wt == null ? null : oa ? wt : null,
           y0: Ca,
           i: il
         };
-      }), kl = (Me) => Me >= 0 && Me < S.length && Number.isFinite(S[Me]?.value), st = S.filter((Me) => Number.isFinite(Me.value) && !kl(Me.i - 1) && !kl(Me.i + 1)), Et = st.filter((Me) => Me.i >= D && Me.i < ke), At = S.slice(D, ke), aa = S.length >= 2 ? d.smoothMinimap || m ? d.cutNullValues ? ya(S) : pa(S) : d.cutNullValues ? ka(S) : wa(S) : "", ul = At.length >= 2 ? d.smoothMinimap || m ? d.cutNullValues ? ya(At) : pa(At) : d.cutNullValues ? ka(At) : wa(At) : "";
+      }), kl = (se) => se >= 0 && se < $.length && Number.isFinite($[se]?.value), st = $.filter((se) => Number.isFinite(se.value) && !kl(se.i - 1) && !kl(se.i + 1)), Et = st.filter((se) => se.i >= D && se.i < we), Tt = $.slice(D, we), aa = $.length >= 2 ? d.smoothMinimap || m ? d.cutNullValues ? ya($) : pa($.filter((se) => se.value != null)) : d.cutNullValues ? ka($) : wa($.filter((se) => se.value != null)) : "", ul = Tt.length >= 2 ? d.smoothMinimap || m ? d.cutNullValues ? ya(Tt) : pa(Tt.filter((se) => se.value != null)) : d.cutNullValues ? ka(Tt) : wa(Tt.filter((se) => se.value != null)) : "";
       return {
         fullSet: aa,
-        points: S,
+        points: $,
         selectionSet: ul,
-        sliced: At,
-        firstPlot: S[D] || null,
-        lastPlot: S[Math.max(0, ke - 1)] || null,
-        hasFull: S.length >= 2,
-        hasSelection: At.length >= 2,
+        sliced: Tt,
+        firstPlot: $[D] || null,
+        lastPlot: $[Math.max(0, we - 1)] || null,
+        hasFull: $.length >= 2,
+        hasSelection: Tt.length >= 2,
         fullMarkers: st,
         selectionMarkers: Et
       };
@@ -394,25 +394,25 @@ const _n = {
       set(v) {
         if (Nt.value) {
           const m = Math.round(+v || 0);
-          Lt(Rl(m));
+          Ct(Rl(m));
         } else {
           let m = Math.round(+v || 0);
-          const f = Number(fe.value) - 1, _ = Math.min(Math.max(d.min, m), f);
-          Mt.value && (Mt.value.valueAsNumber = _), Lt(_);
+          const f = Number(me.value) - 1, _ = Math.min(Math.max(d.min, m), f);
+          Lt.value && (Lt.value.valueAsNumber = _), Ct(_);
         }
       }
     }), el = x({
       get() {
-        return Nt.value ? Math.max(Ee.value, Pe.value - 1) : Number($t.value);
+        return Nt.value ? Math.max(Ee.value, Pe.value - 1) : Number(_t.value);
       },
       set(v) {
         if (Nt.value) {
           const m = Math.round(+v || 0);
-          _e(Rl(m + 1));
+          Me(Rl(m + 1));
         } else {
           let m = Math.round(+v || 0);
-          const f = Number(ce.value) + 1, _ = Math.max(f, Math.min(m, d.max));
-          t.value && (t.value.valueAsNumber = _), _e(_);
+          const f = Number(ve.value) + 1, _ = Math.max(f, Math.min(m, d.max));
+          t.value && (t.value.valueAsNumber = _), Me(_);
         }
       }
     });
@@ -432,7 +432,7 @@ const _n = {
       const m = Ee.value, f = Pe.value;
       v >= m && v < f && !tt.value && Le("trapMouse", v - m);
     }
-    const Mt = y(null), t = y(null);
+    const Lt = y(null), t = y(null);
     function p(v) {
       if (typeof v == "object" && v && "target" in v) {
         const f = v.target, _ = "valueAsNumber" in f ? f.valueAsNumber : +f.value;
@@ -442,36 +442,36 @@ const _n = {
       return Number.isFinite(m) ? m : NaN;
     }
     let tl = 0;
-    function Lt(v) {
-      St.value = !0;
+    function Ct(v) {
+      $t.value = !0;
       const m = p(v);
       Number.isFinite(m) && (cancelAnimationFrame(tl), tl = requestAnimationFrame(() => {
         Ut.value = m;
       }));
     }
-    let xe = 0;
-    function _e(v) {
-      St.value = !0;
+    let be = 0;
+    function Me(v) {
+      $t.value = !0;
       const m = p(v);
-      Number.isFinite(m) && (cancelAnimationFrame(xe), xe = requestAnimationFrame(() => {
-        $t.value = m;
+      Number.isFinite(m) && (cancelAnimationFrame(be), be = requestAnimationFrame(() => {
+        _t.value = m;
       }));
     }
     Ll(() => {
-      cancelAnimationFrame(tl), cancelAnimationFrame(xe);
+      cancelAnimationFrame(tl), cancelAnimationFrame(be);
     });
     const bt = x(() => d.valueEnd - d.valueStart), _a = x(() => bt.value < d.max - d.min), Ft = y(!1);
     let yt = y(null);
-    const Qe = x(() => (Kl.value - 48) / (d.max - d.min) * bt.value), w = x(() => Math.max(1, Kl.value - Ra - Qe.value)), We = x(() => Math.max(1, d.max - d.min - bt.value)), ea = x(() => We.value / w.value), Vl = y(0), Ct = y(0), Ma = y(0), Bl = y(0);
+    const Qe = x(() => (Kl.value - 48) / (d.max - d.min) * bt.value), w = x(() => Math.max(1, Kl.value - Ra - Qe.value)), We = x(() => Math.max(1, d.max - d.min - bt.value)), ea = x(() => We.value / w.value), Vl = y(0), At = y(0), Ma = y(0), Bl = y(0);
     let nt = null, ut = null, it = null, pt = null;
     const ll = y(d.min);
     function Rt(v) {
       if (!Ne.value) return d.min;
-      const m = Ne.value.getBoundingClientRect(), f = m.left + Ra / 2, _ = m.right - Ra / 2, T = Math.max(1, _ - f), ke = (Math.max(f, Math.min(v, _)) - f) / T, S = Math.max(1, d.max - d.min);
-      return Math.round(d.min + ke * S);
+      const m = Ne.value.getBoundingClientRect(), f = m.left + Ra / 2, _ = m.right - Ra / 2, T = Math.max(1, _ - f), we = (Math.max(f, Math.min(v, _)) - f) / T, $ = Math.max(1, d.max - d.min);
+      return Math.round(d.min + we * $);
     }
     const al = async (v) => {
-      if (St.value = !0, Vt.value = !0, !d.enableSelectionDrag) return;
+      if ($t.value = !0, Vt.value = !0, !d.enableSelectionDrag) return;
       const m = v.type === "touchstart";
       m || v.stopPropagation();
       const f = m && v.targetTouches && v.targetTouches[0] ? v.targetTouches[0] : null, _ = m ? f ? f.target : null : v.target;
@@ -480,13 +480,13 @@ const _n = {
       const T = m ? f ? f.clientX : 0 : v.clientX;
       if (yt.value = T, Vl.value = T, d.focusOnDrag && !_a.value && Ne.value) {
         ll.value = Rt(T);
-        const D = Math.min(0.95, Math.max(0.05, d.focusRangeRatio)), ke = d.max - d.min, S = Math.max(1, Math.round(ke * D)), kl = Math.floor(S / 2);
+        const D = Math.min(0.95, Math.max(0.05, d.focusRangeRatio)), we = d.max - d.min, $ = Math.max(1, Math.round(we * D)), kl = Math.floor($ / 2);
         let st = ll.value - kl;
-        st = Math.max(d.min, Math.min(st, d.max - S));
-        const Et = Math.min(d.max, st + S);
-        Ut.value = st, $t.value = Et, qt(st), gl(Et), yo(Ne.value, "mouseup"), await Ml(), yo(Ne.value, "mousedown", { clientX: T });
+        st = Math.max(d.min, Math.min(st, d.max - $));
+        const Et = Math.min(d.max, st + $);
+        Ut.value = st, _t.value = Et, qt(st), gl(Et), yo(Ne.value, "mouseup"), await Ml(), yo(Ne.value, "mousedown", { clientX: T });
       }
-      Ct.value = ce.value, Ma.value = fe.value, Bl.value = ea.value, nt = m ? "touchmove" : "mousemove", ut = m ? "touchend" : "mouseup", it = m ? ol : Xe, pt = m ? Fe : et, window.addEventListener(nt, it, { passive: !1 }), window.addEventListener(ut, pt);
+      At.value = ve.value, Ma.value = me.value, Bl.value = ea.value, nt = m ? "touchmove" : "mousemove", ut = m ? "touchend" : "mouseup", it = m ? ol : Xe, pt = m ? Fe : et, window.addEventListener(nt, it, { passive: !1 }), window.addEventListener(ut, pt);
     };
     function Xe(v) {
       Ft.value && je(v.clientX);
@@ -502,10 +502,10 @@ const _n = {
     function je(v) {
       if (!Ft.value) return;
       const m = Rt(Vl.value), _ = Rt(v) - m;
-      let T = Math.round(Ct.value + _);
+      let T = Math.round(At.value + _);
       T = Math.max(d.min, Math.min(T, d.max - bt.value));
       const D = T + bt.value;
-      Ut.value = T, $t.value = D, qt(T), gl(D);
+      Ut.value = T, _t.value = D, qt(T), gl(D);
     }
     function et() {
       ta();
@@ -540,7 +540,7 @@ const _n = {
       width: 0,
       left: 0
     });
-    ht([ce, fe], async () => {
+    ht([ve, me], async () => {
       if (await Ml(), !nl.value || !Ot.value) {
         kt.value = !1, Bt.value = { width: 0, left: 0 };
         return;
@@ -559,16 +559,16 @@ const _n = {
     }, { deep: !0 }), ht(() => d.labelRight, () => {
       Ml(pl);
     }, { deep: !0 });
-    const ge = x(() => {
+    const xe = x(() => {
       let v = "", m = "", f = !1;
       if (xa(d.customFormat))
         try {
           const _ = d.customFormat({
-            absoluteIndex: ce.value,
-            seriesIndex: ce.value,
+            absoluteIndex: ve.value,
+            seriesIndex: ve.value,
             datapoint: d.selectedSeries
           }), T = d.customFormat({
-            absoluteIndex: fe.value - 1,
+            absoluteIndex: me.value - 1,
             seriesIndex: -1,
             datapoint: d.selectedSeries
           });
@@ -577,7 +577,7 @@ const _n = {
           f = !1;
         }
       if (!f) {
-        const _ = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === ce.value) : d.timeLabels.find((D) => D.absoluteIndex === ce.value), T = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === fe.value - 1) : d.timeLabels.find((D) => D.absoluteIndex === fe.value - 1);
+        const _ = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === ve.value) : d.timeLabels.find((D) => D.absoluteIndex === ve.value), T = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === me.value - 1) : d.timeLabels.find((D) => D.absoluteIndex === me.value - 1);
         v = _ ? _.text : "", m = T ? T.text : "";
       }
       return { left: v, right: m };
@@ -603,8 +603,8 @@ const _n = {
         return null;
     });
     return Sa({
-      setStartValue: Lt,
-      setEndValue: _e
+      setStartValue: Ct,
+      setEndValue: Me
     }), (v, m) => (n(), u("div", {
       "data-dom-to-png-ignore": "",
       style: { padding: "0 24px" },
@@ -615,8 +615,8 @@ const _n = {
       onTouchstart: al
     }, [
       k("div", _n, [
-        $.valueStart !== $.refreshStartPoint || $.valueEnd !== Ke.value ? (n(), u("div", Mn, [
-          $.useResetSlot ? te(v.$slots, "reset-action", {
+        S.valueStart !== S.refreshStartPoint || S.valueEnd !== Ke.value ? (n(), u("div", Mn, [
+          S.useResetSlot ? te(v.$slots, "reset-action", {
             key: 1,
             reset: E
           }, void 0, !0) : (n(), u("button", {
@@ -625,14 +625,14 @@ const _n = {
             role: "button",
             class: "vue-data-ui-refresh-button",
             style: C({
-              top: me.value ? "36px" : "-16px",
+              top: ge.value ? "36px" : "-16px",
               pointerEvents: "all !important"
             }),
             onClick: E
           }, [
             ml(Sn, {
               name: "refresh",
-              stroke: $.textColor
+              stroke: S.textColor
             }, null, 8, ["stroke"])
           ], 4))
         ])) : g("", !0)
@@ -645,9 +645,9 @@ const _n = {
         onMouseenter: m[11] || (m[11] = (f) => Vt.value = !0),
         onMouseleave: m[12] || (m[12] = (f) => Vt.value = !1)
       }, [
-        me.value ? (n(), u("div", Ln, [
+        ge.value ? (n(), u("div", Ln, [
           (n(), u("svg", {
-            key: `mm-${$.minimapMerged ? "merged" : "split"}-${$.minimapCompact ? "compact" : "normal"}`,
+            key: `mm-${S.minimapMerged ? "merged" : "split"}-${S.minimapCompact ? "compact" : "normal"}`,
             xmlns: h(Qo),
             viewBox: `0 0 ${Math.max(0, W.value.width)} ${Math.max(0, W.value.height)}`
           }, [
@@ -661,7 +661,7 @@ const _n = {
               }, [
                 k("stop", {
                   offset: "0%",
-                  "stop-color": `${$.minimapLineColor}50`
+                  "stop-color": `${S.minimapLineColor}50`
                 }, null, 8, Tn),
                 m[13] || (m[13] = k("stop", {
                   offset: "100%",
@@ -669,7 +669,7 @@ const _n = {
                 }, null, -1))
               ], 8, An)
             ]),
-            $.minimapCompact ? (n(), u("rect", {
+            S.minimapCompact ? (n(), u("rect", {
               key: 0,
               class: "vue-ui-zoom-minimap-frame",
               x: 0,
@@ -677,26 +677,26 @@ const _n = {
               width: W.value.width,
               height: W.value.height,
               fill: "none",
-              stroke: $.minimapFrameColor,
+              stroke: S.minimapFrameColor,
               rx: 3
             }, null, 8, zn)) : g("", !0),
-            $.minimapMerged ? (n(), u("path", {
+            S.minimapMerged ? (n(), u("path", {
               key: 1,
               d: `M${H.value.fullSet}`,
-              stroke: `${$.minimapLineColor}`,
+              stroke: `${S.minimapLineColor}`,
               fill: "none",
               "stroke-width": "1",
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { opacity: "0.6" }
             }, null, 8, In)) : g("", !0),
-            $.minimapMerged && !$.minimapCompact ? (n(), u("path", {
+            S.minimapMerged && !S.minimapCompact ? (n(), u("path", {
               key: 2,
               d: `M${ae.value / 2},${Math.max(W.value.height, 0)} ${H.value.fullSet} L${W.value.width - ae.value / 2},${Math.max(W.value.height, 0)}Z`,
               fill: `url(#${Cl.value})`,
               stroke: "none",
               style: { opacity: "0.6" }
-            }, null, 8, Nn)) : $.minimapMerged ? g("", !0) : (n(), u(b, { key: 3 }, [
+            }, null, 8, Nn)) : S.minimapMerged ? g("", !0) : (n(), u(b, { key: 3 }, [
               (n(!0), u(b, null, L(Je.value.filter((f) => f.type === "bar"), (f, _) => (n(), u("g", null, [
                 (n(!0), u(b, null, L(f.points, (T, D) => (n(), u(b, null, [
                   f.isVisible && !isNaN(T.y) ? (n(), u("rect", {
@@ -718,7 +718,7 @@ const _n = {
                   stroke: f.color,
                   style: { opacity: "0.6" }
                 }, null, 8, Fn)) : g("", !0),
-                f.isVisible ? (n(!0), u(b, { key: 1 }, L(f.fullMarkers, (_) => (n(), u("circle", {
+                f.isVisible && S.cutNullValues ? (n(!0), u(b, { key: 1 }, L(f.fullMarkers, (_) => (n(), u("circle", {
                   key: `sel-dot-under-${f.key}-${_.i}`,
                   cx: _.x,
                   cy: _.y,
@@ -736,7 +736,7 @@ const _n = {
               width: Math.max(0, M.value.width),
               height: Math.max(W.value.height, 0),
               fill: ne.value,
-              rx: $.minimapSelectionRadius,
+              rx: S.minimapSelectionRadius,
               stroke: "none"
             }, null, 8, On),
             k("rect", {
@@ -744,30 +744,30 @@ const _n = {
               y: 0,
               width: M.value.width < 0 ? 0 : M.value.width,
               height: Math.max(W.value.height, 0),
-              rx: $.minimapSelectionRadius,
+              rx: S.minimapSelectionRadius,
               fill: ne.value,
-              style: C({ opacity: Ft.value || St.value ? 0 : 1 })
+              style: C({ opacity: Ft.value || $t.value ? 0 : 1 })
             }, null, 12, Vn),
             k("rect", {
               x: M.value.x,
               y: 0,
               width: M.value.width < 0 ? 0 : M.value.width,
               height: Math.max(W.value.height, 0),
-              fill: $.minimapSelectedColor,
-              rx: $.minimapSelectionRadius,
-              style: C({ opacity: $.minimapSelectedColorOpacity })
+              fill: S.minimapSelectedColor,
+              rx: S.minimapSelectionRadius,
+              style: C({ opacity: S.minimapSelectedColorOpacity })
             }, null, 12, Bn),
-            !$.minimapMerged && X.value < 0 ? (n(), u("line", {
+            !S.minimapMerged && X.value < 0 ? (n(), u("line", {
               key: 4,
               class: "slicer-minimap-zero-line",
               x1: 0,
               x2: W.value.width,
-              y1: $e.value,
-              y2: $e.value,
-              stroke: $.minimapFrameColor,
+              y1: _e.value,
+              y2: _e.value,
+              stroke: S.minimapFrameColor,
               "stroke-width": "0.5"
             }, null, 8, En)) : g("", !0),
-            $.minimapMerged ? (n(), u("g", Hn, [
+            S.minimapMerged ? (n(), u("g", Hn, [
               H.value && H.value.sliced && H.value.sliced.length ? (n(), u(b, { key: 0 }, [
                 H.value.selectionSet ? (n(), u("path", {
                   key: 0,
@@ -779,7 +779,7 @@ const _n = {
                 H.value.selectionSet ? (n(), u("path", {
                   key: 1,
                   d: `M ${H.value.selectionSet}`,
-                  stroke: `${$.minimapLineColor}`,
+                  stroke: `${S.minimapLineColor}`,
                   fill: "transparent",
                   "stroke-width": "2",
                   "stroke-linecap": "round",
@@ -793,7 +793,7 @@ const _n = {
                 "stroke-width": "0.5",
                 stroke: ne.value,
                 r: "3",
-                fill: $.minimapLineColor
+                fill: S.minimapLineColor
               }, null, 8, Xn)) : g("", !0),
               H.value && H.value.lastPlot ? (n(), u("circle", {
                 key: 2,
@@ -802,7 +802,7 @@ const _n = {
                 "stroke-width": "0.5",
                 stroke: ne.value,
                 r: "3",
-                fill: $.minimapLineColor
+                fill: S.minimapLineColor
               }, null, 8, Yn)) : g("", !0)
             ])) : (n(), u("g", Gn, [
               (n(!0), u(b, null, L(Je.value.filter((f) => f.type === "bar"), (f, _) => (n(), u("g", null, [
@@ -814,7 +814,7 @@ const _n = {
                     width: Nl(_, D),
                     height: T.v >= 0 ? T.y0 - T.y : T.y - T.y0,
                     fill: f.color,
-                    style: C({ opacity: D >= Ut.value && D < $t.value ? 1 : 0 })
+                    style: C({ opacity: D >= Ut.value && D < _t.value ? 1 : 0 })
                   }, null, 12, qn)) : g("", !0)
                 ], 64))), 256))
               ]))), 256)),
@@ -832,7 +832,7 @@ const _n = {
                 }, null, 8, Un)) : g("", !0)
               ]))), 128))
             ])),
-            me.value && $.minimapCompact ? (n(), u("rect", {
+            ge.value && S.minimapCompact ? (n(), u("rect", {
               key: 7,
               class: "vue-ui-zoom-compact-minimap-handle",
               x: M.value.x - 8,
@@ -840,10 +840,10 @@ const _n = {
               width: 8,
               height: W.value.height,
               fill: ne.value,
-              stroke: $.textColor,
+              stroke: S.textColor,
               rx: 3
             }, null, 8, Zn)) : g("", !0),
-            me.value && $.minimapCompact ? (n(), u("rect", {
+            ge.value && S.minimapCompact ? (n(), u("rect", {
               key: 8,
               class: "vue-ui-zoom-compact-minimap-handle",
               x: M.value.x + M.value.width,
@@ -851,11 +851,11 @@ const _n = {
               width: 8,
               height: W.value.height,
               fill: ne.value,
-              stroke: $.textColor,
+              stroke: S.textColor,
               rx: 3
             }, null, 8, Kn)) : g("", !0),
             xt.value !== null && !tt.value ? (n(), u("line", Yt(Gt({ key: 9 }, Dl.value)), null, 16)) : g("", !0),
-            $.minimapMerged ? (n(), u("g", Jn, [
+            S.minimapMerged ? (n(), u("g", Jn, [
               H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), u("circle", {
                 key: 0,
                 cx: H.value.firstPlot.x,
@@ -863,7 +863,7 @@ const _n = {
                 "stroke-width": "0.5",
                 stroke: ne.value,
                 r: "4",
-                fill: $.minimapLineColor
+                fill: S.minimapLineColor
               }, null, 8, Qn)) : g("", !0),
               H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), u("circle", {
                 key: 1,
@@ -879,7 +879,7 @@ const _n = {
                 "stroke-width": "0.5",
                 stroke: ne.value,
                 r: "4",
-                fill: $.minimapLineColor
+                fill: S.minimapLineColor
               }, null, 8, eu)) : g("", !0),
               H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (n(), u("circle", {
                 key: 3,
@@ -901,7 +901,7 @@ const _n = {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 }, null, 8, au)) : g("", !0),
-                f.isVisible ? (n(!0), u(b, { key: 1 }, L(f.selectionMarkers, (_) => (n(), u("circle", {
+                f.isVisible && S.cutNullValues ? (n(!0), u(b, { key: 1 }, L(f.selectionMarkers, (_) => (n(), u("circle", {
                   key: `sel-dot-${f.key}-${_.i}`,
                   cx: _.x,
                   cy: _.y,
@@ -945,12 +945,12 @@ const _n = {
               ]))), 128))
             ])),
             (n(!0), u(b, null, L(Jl.value, (f, _) => (n(), u("rect", {
-              x: ae.value * _ - ($.minimapCompact ? ae.value / 2 : 0),
+              x: ae.value * _ - (S.minimapCompact ? ae.value / 2 : 0),
               y: 0,
               height: Math.max(W.value.height, 0),
               width: ae.value < 0 ? 0 : ae.value,
               fill: "transparent",
-              style: C([{ "pointer-events": "all !important" }, { cursor: f >= Ee.value && f < Pe.value && $.enableSelectionDrag ? tt.value ? "grabbing" : "grab" : "default" }]),
+              style: C([{ "pointer-events": "all !important" }, { cursor: f >= Ee.value && f < Pe.value && S.enableSelectionDrag ? tt.value ? "grabbing" : "grab" : "default" }]),
               onMousedown: m[0] || (m[0] = (T) => tt.value = !0),
               onMouseup: m[1] || (m[1] = (T) => tt.value = !1),
               onMouseenter: (T) => Ol(f),
@@ -962,31 +962,31 @@ const _n = {
         ])) : g("", !0),
         k("div", {
           class: "slider-track",
-          style: C({ visibility: me.value && $.minimapCompact ? "hidden" : "visible" })
+          style: C({ visibility: ge.value && S.minimapCompact ? "hidden" : "visible" })
         }, null, 4),
         k("div", {
-          class: Ze({ "range-highlight": !0, move: $.enableSelectionDrag }),
+          class: Ze({ "range-highlight": !0, move: S.enableSelectionDrag }),
           onMousedown: m[3] || (m[3] = (f) => tt.value = !0),
           onMouseup: m[4] || (m[4] = (f) => tt.value = !1),
           style: C({
-            ...Se.value,
+            ...$e.value,
             cursor: tt.value ? "grabbing" : "grab",
-            visibility: me.value && $.minimapCompact ? "hidden" : "visible"
+            visibility: ge.value && S.minimapCompact ? "hidden" : "visible"
           })
         }, null, 38),
-        $.enableRangeHandles ? Oa((n(), u("input", {
+        S.enableRangeHandles ? Oa((n(), u("input", {
           key: 1,
           ref_key: "rangeStart",
-          ref: Mt,
+          ref: Lt,
           type: "range",
           class: Ze({
             "range-left": !0,
             "range-handle": !0,
-            "range-minimap": me.value && $.verticalHandles,
-            "range-invisible": me.value && $.minimapCompact
+            "range-minimap": ge.value && S.verticalHandles,
+            "range-invisible": ge.value && S.minimapCompact
           }),
-          min: $.min,
-          max: $.minimapCompact && me.value ? Math.max(0, at.value - 1) : $.max,
+          min: S.min,
+          max: S.minimapCompact && ge.value ? Math.max(0, at.value - 1) : S.max,
           "onUpdate:modelValue": m[5] || (m[5] = (f) => Pt.value = f),
           onInput: m[6] || (m[6] = (f) => Pt.value = f.target.valueAsNumber),
           onChange: Te,
@@ -1002,7 +1002,7 @@ const _n = {
             { number: !0 }
           ]
         ]) : g("", !0),
-        $.enableRangeHandles ? Oa((n(), u("input", {
+        S.enableRangeHandles ? Oa((n(), u("input", {
           key: 2,
           ref_key: "rangeEnd",
           ref: t,
@@ -1010,11 +1010,11 @@ const _n = {
           class: Ze({
             "range-right": !0,
             "range-handle": !0,
-            "range-minimap": me.value && $.verticalHandles,
-            "range-invisible": me.value && $.minimapCompact
+            "range-minimap": ge.value && S.verticalHandles,
+            "range-invisible": ge.value && S.minimapCompact
           }),
-          min: $.min,
-          max: $.minimapCompact && me.value ? Math.max(0, at.value - 1) : $.max,
+          min: S.min,
+          max: S.minimapCompact && ge.value ? Math.max(0, at.value - 1) : S.max,
           "onUpdate:modelValue": m[8] || (m[8] = (f) => el.value = f),
           onInput: m[9] || (m[9] = (f) => el.value = f.target.valueAsNumber),
           onChange: Te,
@@ -1030,70 +1030,70 @@ const _n = {
             { number: !0 }
           ]
         ]) : g("", !0),
-        ge.value.left ? (n(), u("div", {
+        xe.value.left ? (n(), u("div", {
           key: 3,
           ref_key: "tooltipLeft",
           ref: nl,
           class: Ze({
             "range-tooltip": !0,
             "range-tooltip-visible": Vt.value,
-            "range-tooltip-arrow": Se.value.arrowLeft && !$.verticalHandles,
-            "range-tooltip-arrow-left": !Se.value.arrowLeft && !$.verticalHandles
+            "range-tooltip-arrow": $e.value.arrowLeft && !S.verticalHandles,
+            "range-tooltip-arrow-left": !$e.value.arrowLeft && !S.verticalHandles
           }),
           style: C({
-            left: Se.value.tooltipLeft,
-            color: h(dt)($.selectColor),
-            backgroundColor: $.selectColor,
+            left: $e.value.tooltipLeft,
+            color: h(dt)(S.selectColor),
+            backgroundColor: S.selectColor,
             border: `1px solid ${ne.value}`,
             zIndex: `${la.value + 4}`,
-            visibility: kt.value || ge.value.left === ge.value.right ? "hidden" : "visible",
-            top: me.value && $.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+            visibility: kt.value || xe.value.left === xe.value.right ? "hidden" : "visible",
+            top: ge.value && S.minimapCompact ? "calc(-100% - 12px)" : "-100%"
           })
-        }, re(ge.value.left), 7)) : g("", !0),
-        (kt.value || ge.value.left === ge.value.right) && (ge.value.left || ge.value.right) ? (n(), u("div", {
+        }, ce(xe.value.left), 7)) : g("", !0),
+        (kt.value || xe.value.left === xe.value.right) && (xe.value.left || xe.value.right) ? (n(), u("div", {
           key: 4,
           ref: "tooltipMerge",
           class: Ze({
             "range-tooltip": !0,
             "range-tooltip-visible": Vt.value,
             "range-tooltip-arrow": !0,
-            "range-tooltip-arrow-left": !Se.value.arrowLeft && !$.verticalHandles,
-            "range-tooltip-arrow-right": !Se.value.arrowRight && !$.verticalHandles
+            "range-tooltip-arrow-left": !$e.value.arrowLeft && !S.verticalHandles,
+            "range-tooltip-arrow-right": !$e.value.arrowRight && !S.verticalHandles
           }),
           style: C({
-            left: Se.value.tooltipCenter,
+            left: $e.value.tooltipCenter,
             width: Bt.value.width + "px",
-            color: h(dt)($.selectColor),
-            backgroundColor: $.selectColor,
+            color: h(dt)(S.selectColor),
+            backgroundColor: S.selectColor,
             border: `1px solid ${ne.value}`,
             zIndex: "4",
-            top: me.value && $.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+            top: ge.value && S.minimapCompact ? "calc(-100% - 12px)" : "-100%"
           })
-        }, re(ge.value.left === ge.value.right ? ge.value.left : `${ge.value.left} - ${ge.value.right}`), 7)) : g("", !0),
-        ge.value.right ? (n(), u("div", {
+        }, ce(xe.value.left === xe.value.right ? xe.value.left : `${xe.value.left} - ${xe.value.right}`), 7)) : g("", !0),
+        xe.value.right ? (n(), u("div", {
           key: 5,
           ref_key: "tooltipRight",
           ref: Ot,
           class: Ze({
             "range-tooltip": !0,
             "range-tooltip-visible": Vt.value,
-            "range-tooltip-arrow": Se.value.arrowRight && !$.verticalHandles,
-            "range-tooltip-arrow-right": !Se.value.arrowRight && !$.verticalHandles
+            "range-tooltip-arrow": $e.value.arrowRight && !S.verticalHandles,
+            "range-tooltip-arrow-right": !$e.value.arrowRight && !S.verticalHandles
           }),
           style: C({
-            left: Se.value.tooltipRight,
-            color: h(dt)($.selectColor),
-            backgroundColor: $.selectColor,
+            left: $e.value.tooltipRight,
+            color: h(dt)(S.selectColor),
+            backgroundColor: S.selectColor,
             border: `1px solid ${ne.value}`,
             zIndex: "4",
-            visibility: kt.value || ge.value.left === ge.value.right ? "hidden" : "visible",
-            top: me.value && $.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+            visibility: kt.value || xe.value.left === xe.value.right ? "hidden" : "visible",
+            top: ge.value && S.minimapCompact ? "calc(-100% - 12px)" : "-100%"
           })
-        }, re(ge.value.right), 7)) : g("", !0)
+        }, ce(xe.value.right), 7)) : g("", !0)
       ], 544)
     ], 544));
   }
-}, hu = /* @__PURE__ */ Lo(du, [["__scopeId", "data-v-3e0d2bcb"]]), fu = ["id"], mu = ["id"], gu = ["viewBox", "aria-label"], xu = ["x", "y", "width", "height"], bu = { key: 1 }, yu = { class: "vue-ui-xy-grid" }, pu = ["stroke", "x1", "x2", "y1", "y2"], ku = ["stroke", "x1", "x2", "y1", "y2"], wu = { key: 1 }, Su = ["x1", "x2", "y1", "y2", "stroke"], $u = ["x1", "x2", "y1", "y2", "stroke"], _u = ["x1", "x2", "y1", "y2", "stroke"], Mu = { key: 3 }, Lu = ["d", "stroke"], Cu = { key: 4 }, Au = ["d", "stroke"], Tu = ["id"], zu = ["stop-color"], Iu = ["stop-color"], Nu = ["stop-color"], Pu = ["id"], Fu = ["stop-color"], Ru = ["stop-color"], Ou = ["stop-color"], Vu = ["id"], Bu = ["stop-color"], Eu = ["stop-color"], Hu = ["id"], Du = ["stop-color"], Wu = ["stop-color"], Xu = ["id"], Yu = ["stop-color"], Gu = ["stop-color"], qu = ["x", "y", "height", "width", "fill"], Uu = ["x", "y", "width"], Zu = { key: 0 }, Ku = ["x", "y", "height", "width", "fill"], Ju = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Qu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ju = ["width", "x", "y"], ei = { key: 0 }, ti = ["id"], li = ["fill"], ai = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], oi = ["x", "y", "font-size", "fill"], ni = ["stroke", "x1", "x2", "y1", "y2"], ui = { key: 3 }, ii = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], si = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], ri = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ci = ["fill", "font-size", "transform"], vi = ["x1", "x2", "y1", "y2", "stroke"], di = ["x", "y", "font-size", "fill"], hi = ["x1", "x2", "y1", "y2", "stroke"], fi = ["x", "y", "font-size", "fill"], mi = ["width", "x", "y"], gi = { style: { width: "100%" } }, xi = { key: 0 }, bi = ["id"], yi = ["fill"], pi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ki = ["x", "y", "font-size", "fill"], wi = ["d", "stroke", "stroke-width", "stroke-dasharray"], Si = ["d", "stroke", "stroke-width", "stroke-dasharray"], $i = { key: 6 }, _i = { key: 7 }, Mi = ["d", "fill", "fill-opacity"], Li = { key: 0 }, Ci = ["d", "fill"], Ai = ["d", "fill"], Ti = ["d", "fill"], zi = ["d", "fill"], Ii = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ni = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pi = ["width", "x", "y"], Fi = { style: { width: "100%" } }, Ri = { key: 3 }, Oi = ["id"], Vi = ["fill"], Bi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ei = ["x", "y", "font-size", "fill"], Hi = { key: 8 }, Di = ["x", "y", "font-size", "fill"], Wi = ["x", "y", "font-size", "fill", "font-weight"], Xi = { key: 9 }, Yi = ["x", "y", "font-size", "fill"], Gi = { key: 10 }, qi = ["x", "y"], Ui = ["innerHTML"], Zi = ["x", "y"], Ki = ["innerHTML"], Ji = ["x1", "x2", "y1", "y2", "stroke"], Qi = { key: 11 }, ji = ["x", "y", "font-size", "fill"], es = { key: 12 }, ts = ["x", "y"], ls = ["innerHTML"], as = ["x", "y"], os = ["innerHTML"], ns = ["x1", "x2", "y1", "y2", "stroke"], us = ["x", "y", "font-size", "fill", "innerHTML"], is = ["x", "y", "font-size", "fill", "innerHTML"], ss = ["x", "y", "font-size", "fill", "innerHTML"], rs = ["x", "y", "font-size", "fill", "innerHTML"], cs = ["id"], vs = ["stop-color"], ds = ["stop-color"], hs = ["x", "y", "width", "height", "fill", "onMouseenter"], fs = ["font-size", "fill", "transform"], ms = ["x", "y", "font-size", "fill"], gs = ["text-anchor", "font-size", "fill", "transform", "onClick"], xs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], bs = { key: 15 }, ys = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ps = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ks = ["y", "x", "width", "height", "fill"], ws = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ss = {
+}, hu = /* @__PURE__ */ Lo(du, [["__scopeId", "data-v-8840236b"]]), fu = ["id"], mu = ["id"], gu = ["viewBox", "aria-label"], xu = ["x", "y", "width", "height"], bu = { key: 1 }, yu = { class: "vue-ui-xy-grid" }, pu = ["stroke", "x1", "x2", "y1", "y2"], ku = ["stroke", "x1", "x2", "y1", "y2"], wu = { key: 1 }, Su = ["x1", "x2", "y1", "y2", "stroke"], $u = ["x1", "x2", "y1", "y2", "stroke"], _u = ["x1", "x2", "y1", "y2", "stroke"], Mu = { key: 3 }, Lu = ["d", "stroke"], Cu = { key: 4 }, Au = ["d", "stroke"], Tu = ["id"], zu = ["stop-color"], Iu = ["stop-color"], Nu = ["stop-color"], Pu = ["id"], Fu = ["stop-color"], Ru = ["stop-color"], Ou = ["stop-color"], Vu = ["id"], Bu = ["stop-color"], Eu = ["stop-color"], Hu = ["id"], Du = ["stop-color"], Wu = ["stop-color"], Xu = ["id"], Yu = ["stop-color"], Gu = ["stop-color"], qu = ["x", "y", "height", "width", "fill"], Uu = ["x", "y", "width"], Zu = { key: 0 }, Ku = ["x", "y", "height", "width", "fill"], Ju = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Qu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ju = ["width", "x", "y"], ei = { key: 0 }, ti = ["id"], li = ["fill"], ai = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], oi = ["x", "y", "font-size", "fill"], ni = ["stroke", "x1", "x2", "y1", "y2"], ui = { key: 3 }, ii = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], si = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], ri = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ci = ["fill", "font-size", "transform"], vi = ["x1", "x2", "y1", "y2", "stroke"], di = ["x", "y", "font-size", "fill"], hi = ["x1", "x2", "y1", "y2", "stroke"], fi = ["x", "y", "font-size", "fill"], mi = ["width", "x", "y"], gi = { style: { width: "100%" } }, xi = { key: 0 }, bi = ["id"], yi = ["fill"], pi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ki = ["x", "y", "font-size", "fill"], wi = ["d", "stroke", "stroke-width", "stroke-dasharray"], Si = ["d", "stroke", "stroke-width", "stroke-dasharray"], $i = { key: 6 }, _i = { key: 7 }, Mi = ["d", "fill", "fill-opacity"], Li = { key: 0 }, Ci = ["d", "fill"], Ai = ["d", "fill"], Ti = ["d", "fill"], zi = ["d", "fill"], Ii = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ni = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pi = ["width", "x", "y"], Fi = { style: { width: "100%" } }, Ri = { key: 3 }, Oi = ["id"], Vi = ["fill"], Bi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ei = ["x", "y", "font-size", "fill"], Hi = { key: 8 }, Di = ["x", "y", "font-size", "fill"], Wi = ["x", "y", "font-size", "fill", "font-weight"], Xi = { key: 9 }, Yi = ["x", "y", "font-size", "fill"], Gi = { key: 10 }, qi = ["x", "y"], Ui = ["innerHTML"], Zi = ["x", "y"], Ki = ["innerHTML"], Ji = ["x1", "x2", "y1", "y2", "stroke"], Qi = { key: 11 }, ji = ["x", "y", "font-size", "fill"], es = { key: 12 }, ts = ["x", "y"], ls = ["innerHTML"], as = ["x", "y"], os = ["innerHTML"], ns = ["x1", "x2", "y1", "y2", "stroke"], us = ["x", "y", "font-size", "fill", "innerHTML"], is = ["x", "y", "font-size", "fill", "innerHTML"], ss = ["x", "y", "font-size", "fill", "innerHTML"], rs = ["x", "y", "font-size", "fill", "innerHTML"], cs = ["id"], vs = ["stop-color"], ds = ["stop-color"], hs = ["x", "y", "width", "height", "fill", "onMouseenter"], fs = ["font-size", "fill", "transform"], ms = ["x", "y", "font-size", "fill"], gs = ["text-anchor", "font-size", "fill", "transform", "onClick"], xs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], bs = { key: 15 }, ys = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ps = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ks = ["y", "x", "width", "height", "fill"], ws = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ss = {
   key: 16,
   style: { "pointer-events": "none" }
 }, $s = ["x", "y"], _s = ["innerHTML"], Ms = ["cx", "cy", "r", "fill"], Ls = ["data-start", "data-end"], Cs = {
@@ -1158,8 +1158,8 @@ const _n = {
     }
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
-  setup($, { expose: Sa, emit: $a }) {
-    const d = $, Ne = Wt(() => import("./DataTable-xISHA7Pu.js")), ce = Wt(() => import("./Tooltip-Clf2K3CF.js")), fe = Wt(() => import("./UserOptions-Bn3u4JQu.js")), me = Wt(() => import("./BaseIcon-D2f9w5Z5.js")), Cl = Wt(() => import("./vue-ui-table-sparkline-kJAE3iUQ.js")), St = Wt(() => import("./PackageVersion-D242JXMq.js")), Nt = Wt(() => import("./PenAndPaper-CtDMyIvW.js")), Kl = Wt(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), qt = $a, gl = Go(), Ut = qo(), { vue_ui_xy: $t } = hn(), Be = y(null), Te = y(null), Ke = y(null), Le = y(null), ft = y(null), _t = y(null), Al = y(null), Zt = y(null), Kt = y(null), Se = y(null), Tl = y(null), zl = y(null), mt = y(null), ne = y(null), Jl = y(0), E = y(null), Jt = y(!0), W = y(600), le = y(1e3), at = y("0 0 1000 600"), Ql = y({ x: 0, y: 0 }), Qt = y({ line: "line", bar: "bar", plot: "plot" }), Ee = y(!1), Pe = y(!1), xl = y(!1), ae = y(null), ve = y([]), Z = y(ga()), Il = y(0), Nl = y(0), Pl = y(0), He = y(!0), gt = y(0), X = y(null), jl = y(!1), Fl = y(!0), bl = y(!0), $e = y(null), ot = y({}), jt = y(null), H = y(!1), Je = y(null), M = y(null), xt = x(() => ({
+  setup(S, { expose: Sa, emit: $a }) {
+    const d = S, Ne = Wt(() => import("./DataTable-xISHA7Pu.js")), ve = Wt(() => import("./Tooltip-Clf2K3CF.js")), me = Wt(() => import("./UserOptions-Bn3u4JQu.js")), ge = Wt(() => import("./BaseIcon-D2f9w5Z5.js")), Cl = Wt(() => import("./vue-ui-table-sparkline-D6oTAFEO.js")), $t = Wt(() => import("./PackageVersion-BB7joYAK.js")), Nt = Wt(() => import("./PenAndPaper-CtDMyIvW.js")), Kl = Wt(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), qt = $a, gl = Go(), Ut = qo(), { vue_ui_xy: _t } = hn(), Be = y(null), Te = y(null), Ke = y(null), Le = y(null), ft = y(null), Mt = y(null), Al = y(null), Zt = y(null), Kt = y(null), $e = y(null), Tl = y(null), zl = y(null), mt = y(null), ne = y(null), Jl = y(0), E = y(null), Jt = y(!0), W = y(600), le = y(1e3), at = y("0 0 1000 600"), Ql = y({ x: 0, y: 0 }), Qt = y({ line: "line", bar: "bar", plot: "plot" }), Ee = y(!1), Pe = y(!1), xl = y(!1), ae = y(null), de = y([]), Z = y(ga()), Il = y(0), Nl = y(0), Pl = y(0), He = y(!0), gt = y(0), X = y(null), jl = y(!1), Fl = y(!0), bl = y(!0), _e = y(null), ot = y({}), jt = y(null), H = y(!1), Je = y(null), M = y(null), xt = x(() => ({
       height: W.value,
       width: le.value
     }));
@@ -1182,19 +1182,19 @@ const _n = {
           type: "datasetSerieAttribute",
           property: "series (number[])",
           index: s,
-          debug: Lt.value
+          debug: Ct.value
         });
       });
     });
     function Ol() {
       if (!Object.keys(d.config || {}).length)
-        return $t;
+        return _t;
       const l = Fa({
         userConfig: d.config,
-        defaultConfig: $t
+        defaultConfig: _t
       });
       return d.config && Ue(d.config, "chart.highlightArea") && (Array.isArray(d.config.chart.highlightArea) ? l.chart.highlightArea = d.config.chart.highlightArea : l.chart.highlightArea = [d.config.chart.highlightArea]), d.config && Ue(d.config, "chart.grid.labels.yAxis.scaleMin") ? l.chart.grid.labels.yAxis.scaleMin = d.config.chart.grid.labels.yAxis.scaleMin : l.chart.grid.labels.yAxis.scaleMin = null, d.config && Ue(d.config, "chart.grid.labels.yAxis.scaleMax") ? l.chart.grid.labels.yAxis.scaleMax = d.config.chart.grid.labels.yAxis.scaleMax : l.chart.grid.labels.yAxis.scaleMax = null, d.config && Ue(d.config, "chart.zoom.startIndex") ? l.chart.zoom.startIndex = d.config.chart.zoom.startIndex : l.chart.zoom.startIndex = null, d.config && Ue(d.config, "chart.zoom.endIndex") ? l.chart.zoom.endIndex = d.config.chart.zoom.endIndex : l.chart.zoom.endIndex = null, d.config && Ue(d.config, "chart.grid.labels.yAxis.groupColor") ? l.chart.grid.labels.yAxis.groupColor = d.config.chart.grid.labels.yAxis.groupColor : l.chart.grid.labels.yAxis.groupColor = null, d.config && Ue(d.config, "chart.annotations") && Array.isArray(d.config.chart.annotations) && d.config.chart.annotations.length ? l.chart.annotations = d.config.chart.annotations.map((s) => Fa({
-        defaultConfig: $t.chart.annotations[0],
+        defaultConfig: _t.chart.annotations[0],
         userConfig: s
       })) : l.chart.annotations = [], d.config && Ue(d.config, "chart.grid.position") && d.config.chart.grid.position === "start" && d.dataset.length && d.dataset.some((s) => s.type === "bar") && (l.chart.grid.position = "middle", Ue(d.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), d.config && Ue(d.config, "chart.grid.labels.yAxis.serieNameFormatter") ? l.chart.grid.labels.yAxis.serieNameFormatter = d.config.chart.grid.labels.yAxis.serieNameFormatter : l.chart.grid.labels.yAxis.serieNameFormatter = null, d.config && Ue(d.config, "events.datapointEnter") ? l.events.datapointEnter = d.config.events.datapointEnter : l.events.datapointEnter = null, d.config && Ue(d.config, "events.datapointLeave") ? l.events.datapointLeave = d.config.events.datapointLeave : l.events.datapointLeave = null, d.config && Ue(d.config, "events.datapointClick") ? l.events.datapointClick = d.config.events.datapointClick : l.events.datapointClick = null, l.theme ? {
         ...Fa({
@@ -1204,7 +1204,7 @@ const _n = {
         customPalette: sn[l.theme] || d.palette
       } : l;
     }
-    const Mt = x({
+    const Lt = x({
       get() {
         return !!d.dataset && d.dataset.length;
       },
@@ -1227,7 +1227,7 @@ const _n = {
         useIndividualScale: t.value.chart.grid.labels.yAxis.useIndividualScale
       }, el.value = !0);
     }
-    const Lt = x(() => !!t.value.debug), { loading: xe, FINAL_DATASET: _e, manualLoading: bt } = mn({
+    const Ct = x(() => !!t.value.debug), { loading: be, FINAL_DATASET: Me, manualLoading: bt } = mn({
       ...Uo(d),
       FINAL_CONFIG: t,
       prepareConfig: Ol,
@@ -1320,16 +1320,16 @@ const _n = {
       };
     }
     const Ft = _a((l, s) => Pa({ data: l, threshold: s })), yt = (l) => Ft(l, t.value.downsample.threshold), Qe = x({
-      get: () => Math.max(..._e.value.map((l) => yt(l.series).length)),
+      get: () => Math.max(...Me.value.map((l) => yt(l.series).length)),
       set: (l) => l
     }), w = y({ start: 0, end: Qe.value }), We = y({ start: 0, end: Qe.value }), ea = x(() => t.value.chart.zoom.preview.enable && (We.value.start !== w.value.start || We.value.end !== w.value.end));
     function Vl(l, s) {
       We.value[l] = s;
     }
-    function Ct() {
+    function At() {
       const l = Math.max(
         1,
-        ..._e.value.map((i) => yt(i.series).length)
+        ...Me.value.map((i) => yt(i.series).length)
       );
       let s = Math.max(0, Math.min(w.value.start ?? 0, l - 1)), e = Math.max(s + 1, Math.min(w.value.end ?? l, l));
       (!Number.isFinite(s) || !Number.isFinite(e) || e <= s) && (s = 0, e = l), w.value = { start: s, end: e }, We.value.start = s, We.value.end = e, Ke.value && (Ke.value.setStartValue(s), Ke.value.setEndValue(e));
@@ -1369,14 +1369,14 @@ const _n = {
     }), pt = y(!1), ll = x(() => en(t.value.customPalette)), Rt = x(() => {
       if (t.value.chart.grid.labels.yAxis.scaleMin !== null)
         return t.value.chart.grid.labels.yAxis.scaleMin;
-      const l = Math.min(...je.value.filter((s) => !ve.value.includes(s.id)).map((s) => Math.min(...s.series)));
+      const l = Math.min(...je.value.filter((s) => !de.value.includes(s.id)).map((s) => Math.min(...s.series)));
       return l > 0 ? 0 : l;
     }), al = x(() => {
       if (t.value.chart.grid.labels.yAxis.scaleMax)
         return t.value.chart.grid.labels.yAxis.scaleMax;
-      const l = Math.max(...je.value.filter((s) => !ve.value.includes(s.id)).map((s) => Math.max(...s.series)));
+      const l = Math.max(...je.value.filter((s) => !de.value.includes(s.id)).map((s) => Math.max(...s.series)));
       return Rt.value === l ? l + 1 : l;
-    }), Xe = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(Rt.value, al.value < 0 ? 0 : al.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : hl(Rt.value, al.value < 0 ? 0 : al.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), ol = x(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Xe.value.min >= 0 ? 0 : Math.abs(Xe.value.min) : -Xe.value.min), je = x(() => Jt.value ? _e.value.map((l, s) => {
+    }), Xe = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(Rt.value, al.value < 0 ? 0 : al.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : hl(Rt.value, al.value < 0 ? 0 : al.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), ol = x(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Xe.value.min >= 0 ? 0 : Math.abs(Xe.value.min) : -Xe.value.min), je = x(() => Jt.value ? Me.value.map((l, s) => {
       const e = yt(l.series), i = `uniqueId_${s}`;
       return {
         ...l,
@@ -1386,18 +1386,18 @@ const _n = {
         id: i,
         scaleLabel: l.scaleLabel || i
       };
-    }) : _e.value), et = x(() => je.value.map((l, s) => ({
+    }) : Me.value), et = x(() => je.value.map((l, s) => ({
       absoluteIndex: s,
       ...l,
       series: l.series.map((e) => e + ol.value),
       absoluteValues: l.series,
       segregate: () => Ga(l),
-      isSegregated: ve.value.includes(l.id)
+      isSegregated: de.value.includes(l.id)
     }))), Fe = x(() => je.value.map((l, s) => ({
       ...l,
       series: l.series.map((e) => e + ol.value),
       absoluteValues: l.series
-    })).filter((l) => !ve.value.includes(l.id)));
+    })).filter((l) => !de.value.includes(l.id)));
     function ta() {
       let l = 0;
       Tl.value && (l = Array.from(Tl.value.querySelectorAll("text")).reduce((a, r) => {
@@ -1411,7 +1411,7 @@ const _n = {
       tt.value = l;
     }, 100);
     go((l) => {
-      const s = Se.value;
+      const s = $e.value;
       if (!s) return;
       const e = new ResizeObserver((i) => {
         nl(i[0].contentRect.height);
@@ -1424,17 +1424,17 @@ const _n = {
       let l = 0;
       Zt.value && (l = Zt.value.getBBox().height);
       let s = 0;
-      return Se.value && (s = tt.value), l + s + A.value.xAxis;
-    }), yl = x(() => _e.value.some((l) => l.useProgression)), c = x(() => {
+      return $e.value && (s = tt.value), l + s + A.value.xAxis;
+    }), yl = x(() => Me.value.some((l) => l.useProgression)), c = x(() => {
       let l = 0;
       const s = 36;
-      t.value.chart.grid.labels.show && (p.value.useIndividualScale && !p.value.isStacked ? l = (_e.value.length - ve.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + s) : p.value.useIndividualScale && p.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + s : l = ta());
+      t.value.chart.grid.labels.show && (p.value.useIndividualScale && !p.value.isStacked ? l = (Me.value.length - de.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + s) : p.value.useIndividualScale && p.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + s : l = ta());
       const e = t.value.chart.labels.fontSize * 1.1, i = yl.value ? 24 : 6;
-      if (Se.value) {
-        const o = Se.value.getBBox().x;
+      if ($e.value) {
+        const o = $e.value.getBBox().x;
         o < 0 && (l += Math.abs(o));
       }
-      const a = le.value - l - t.value.chart.grid.labels.yAxis.crosshairSize - i - t.value.chart.padding.left - t.value.chart.padding.right, r = t.value.chart.grid.position === "middle" ? 0 : a / S.value / 2;
+      const a = le.value - l - t.value.chart.grid.labels.yAxis.crosshairSize - i - t.value.chart.padding.left - t.value.chart.padding.right, r = t.value.chart.grid.position === "middle" ? 0 : a / $.value / 2;
       return {
         top: t.value.chart.padding.top + e,
         right: le.value - i - t.value.chart.padding.right,
@@ -1446,14 +1446,14 @@ const _n = {
         individualOffsetX: s
       };
     }), Vt = x(() => {
-      const l = t.value.chart.grid.position === "middle" ? 1 : 0, s = S.value + l, e = j(c.value.top), i = j(c.value.bottom);
+      const l = t.value.chart.grid.position === "middle" ? 1 : 0, s = $.value + l, e = j(c.value.top), i = j(c.value.bottom);
       return Array.from({ length: s }).map((a, r) => {
-        const o = c.value.width / S.value * r + c.value.left + ue.value;
+        const o = c.value.width / $.value * r + c.value.left + ue.value;
         return `M${o},${e} L${o},${i}`;
       }).join(" ");
     }), El = x(() => {
       if (!t.value.chart.grid.labels.xAxis.showCrosshairs) return "";
-      const l = c.value.width / S.value, s = t.value.chart.grid.labels.xAxis.crosshairSize, e = t.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
+      const l = c.value.width / $.value, s = t.value.chart.grid.labels.xAxis.crosshairSize, e = t.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
       return D.value.map((i, a) => {
         if (!i || !i.text) return null;
         const r = c.value.left + l * a + l / 2, o = e ? ze.value - (ze.value === c.value.bottom ? 0 : s / 2) : c.value.bottom, F = e ? ze.value + s / (ze.value === c.value.bottom ? 1 : 2) : c.value.bottom + s;
@@ -1478,14 +1478,14 @@ const _n = {
       e && (ot.value[`${l}_${s}_${i}_${a}`] = e);
     }
     const Bt = y(!1);
-    async function ge(l = !1) {
+    async function xe(l = !1) {
       await Ml(), Bt.value = l, jl.value && (bl.value = l);
     }
     function Dl() {
       Ee.value = !Ee.value;
     }
     const v = x(() => {
-      const l = Math.max(..._e.value.map((s) => Pa({ data: s.series, threshold: t.value.downsample.threshold }).length));
+      const l = Math.max(...Me.value.map((s) => Pa({ data: s.series, threshold: t.value.downsample.threshold }).length));
       return Mo({
         values: t.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: l,
@@ -1494,7 +1494,7 @@ const _n = {
         end: w.value.end
       });
     }), m = x(() => {
-      const l = Math.max(..._e.value.map((s) => Pa({ data: s.series, threshold: t.value.downsample.threshold }).length));
+      const l = Math.max(...Me.value.map((s) => Pa({ data: s.series, threshold: t.value.downsample.threshold }).length));
       return Mo({
         values: t.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: l,
@@ -1515,7 +1515,7 @@ const _n = {
     }
     const T = _((l, s, e, i, a, r, o, F) => {
       if (l)
-        return i.length <= 2 ? i.map((B, se) => ({ text: B, absoluteIndex: se })) : i.map((B, se) => ({ text: se === 0 || se === i.length - 1 || o != null && se === o ? B : "", absoluteIndex: se }));
+        return i.length <= 2 ? i.map((B, re) => ({ text: B, absoluteIndex: re })) : i.map((B, re) => ({ text: re === 0 || re === i.length - 1 || o != null && re === o ? B : "", absoluteIndex: re }));
       if (!s)
         return i.map((Y, B) => ({ text: Y, absoluteIndex: B }));
       const R = Math.max(1, e || 1);
@@ -1525,31 +1525,31 @@ const _n = {
       for (let Y = 0; Y < i.length; Y += 1) {
         const B = i[Y] ?? "";
         if (!B) continue;
-        const se = r + Y - 1 >= 0 ? a[r + Y - 1] ?? "" : null;
-        B !== se && O.push(Y);
+        const re = r + Y - 1 >= 0 ? a[r + Y - 1] ?? "" : null;
+        B !== re && O.push(Y);
       }
       if (!O.length)
         return i.map((Y, B) => ({ text: "", absoluteIndex: B }));
       const z = O.length, N = R, ee = Math.max(2, Math.min(N - 3, z)), I = Math.min(z, N + 3);
       let q = Math.min(N, z), V = 1 / 0;
       for (let Y = ee; Y <= I; Y += 1) {
-        const B = (z - 1) % (Y - 1), se = Math.abs(Y - N), Oe = B * 10 + se;
+        const B = (z - 1) % (Y - 1), re = Math.abs(Y - N), Oe = B * 10 + re;
         Oe < V && (V = Oe, q = Y);
       }
-      const he = /* @__PURE__ */ new Set();
+      const fe = /* @__PURE__ */ new Set();
       if (q <= 1)
-        he.add(O[Math.round((z - 1) / 2)]);
+        fe.add(O[Math.round((z - 1) / 2)]);
       else {
         const Y = (z - 1) / (q - 1);
         for (let B = 0; B < q; B += 1)
-          he.add(O[Math.round(B * Y)]);
+          fe.add(O[Math.round(B * Y)]);
       }
       return i.map((Y, B) => ({
-        text: he.has(B) ? Y : "",
+        text: fe.has(B) ? Y : "",
         absoluteIndex: B
       }));
     }), D = x(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels, s = v.value || [], e = m.value || [], i = w.value.start ?? 0, a = M.value, r = S.value, o = s.map((R) => R?.text ?? ""), F = e.map((R) => R?.text ?? "");
+      const l = t.value.chart.grid.labels.xAxisLabels, s = v.value || [], e = m.value || [], i = w.value.start ?? 0, a = M.value, r = $.value, o = s.map((R) => R?.text ?? ""), F = e.map((R) => R?.text ?? "");
       return T(
         !!l.showOnlyFirstAndLast,
         !!l.showOnlyAtModulo,
@@ -1561,7 +1561,7 @@ const _n = {
         r
       );
     });
-    function ke(l, s) {
+    function we(l, s) {
       const e = Fe.value.map((i) => ({
         shape: i.shape || null,
         name: i.name,
@@ -1578,7 +1578,7 @@ const _n = {
         label: l.text
       });
     }
-    const S = x(() => {
+    const $ = x(() => {
       const l = Rl((w.value.end ?? 0) - (w.value.start ?? 0));
       return Math.max(1, l);
     });
@@ -1589,39 +1589,39 @@ const _n = {
       p.value.isStacked = !p.value.isStacked, p.value.isStacked ? p.value.useIndividualScale = !0 : p.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale;
     }
     function Et(l) {
-      Lt.value && l.autoScaling && (t.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), t.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
+      Ct.value && l.autoScaling && (t.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), t.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     }
-    function At(l, s) {
+    function Tt(l, s) {
       const e = Rl(l), i = Array(e).fill(0);
       for (let a = 0; a < s.length && a < e; a += 1) i[a] = s[a] ?? 0;
       return i;
     }
     function aa(l) {
-      const s = Math.max(..._e.value.map((e) => yt(e.series).length));
+      const s = Math.max(...Me.value.map((e) => yt(e.series).length));
       return l > s ? s : l < 0 || t.value.chart.zoom.startIndex !== null && l < t.value.chart.zoom.startIndex ? t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex + 1 : 1 : l;
     }
-    const ul = y(!1), Me = y(!1);
+    const ul = y(!1), se = y(!1);
     function il() {
       if (!ul.value) {
         ul.value = !0;
         try {
-          const { startIndex: l, endIndex: s } = t.value.chart.zoom, e = Math.max(..._e.value.map((r) => yt(r.series).length)), i = l ?? 0, a = s != null ? Math.min(aa(s + 1), e) : e;
-          Tt.value = !0, w.value.start = i, w.value.end = a, We.value.start = i, We.value.end = a, Ct(), Me.value = !0;
+          const { startIndex: l, endIndex: s } = t.value.chart.zoom, e = Math.max(...Me.value.map((r) => yt(r.series).length)), i = l ?? 0, a = s != null ? Math.min(aa(s + 1), e) : e;
+          wt.value = !0, w.value.start = i, w.value.end = a, We.value.start = i, We.value.end = a, At(), se.value = !0;
         } finally {
           queueMicrotask(() => {
-            Tt.value = !1;
+            wt.value = !1;
           }), ul.value = !1;
         }
       }
     }
-    const Tt = y(!1);
+    const wt = y(!1);
     function oa(l) {
-      ul.value || Tt.value || l !== w.value.start && (w.value.start = l, We.value.start = l, Ct());
+      ul.value || wt.value || l !== w.value.start && (w.value.start = l, We.value.start = l, At());
     }
     function La(l) {
-      if (ul.value || Tt.value) return;
+      if (ul.value || wt.value) return;
       const s = aa(l);
-      s !== w.value.end && (w.value.end = s, We.value.end = s, Ct());
+      s !== w.value.end && (w.value.end = s, We.value.end = s, At());
     }
     async function Ca() {
       await il();
@@ -1641,8 +1641,8 @@ const _n = {
     function Ea(l) {
       return l.value >= 0 ? U(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : U(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
     }
-    const de = x(() => {
-      const l = Math.max(1, S.value), s = Math.max(1, c.value.width), e = Math.max(1, je.value.filter((i) => i.type === "bar" && !ve.value.includes(i.id)).length);
+    const he = x(() => {
+      const l = Math.max(1, $.value), s = Math.max(1, c.value.width), e = Math.max(1, je.value.filter((i) => i.type === "bar" && !de.value.includes(i.id)).length);
       return {
         bar: Pt(s, l * e, 1),
         plot: Pt(s, l, 1),
@@ -1650,10 +1650,10 @@ const _n = {
       };
     });
     function wl() {
-      return p.value.useIndividualScale && p.value.isStacked ? de.value.line - c.value.width / S.value * 0.1 : de.value.bar;
+      return p.value.useIndividualScale && p.value.isStacked ? he.value.line - c.value.width / $.value * 0.1 : he.value.bar;
     }
     function na(l) {
-      return p.value.useIndividualScale && p.value.isStacked ? l.x + c.value.width / S.value * 0.05 : l.x + de.value.bar / 2;
+      return p.value.useIndividualScale && p.value.isStacked ? l.x + c.value.width / $.value * 0.05 : l.x + he.value.bar / 2;
     }
     function Ha(l) {
       return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(ze.value) ? c.bottom.value : ze.value;
@@ -1663,7 +1663,7 @@ const _n = {
     }
     const Wl = y(null);
     function Wa(l) {
-      const s = $e.value;
+      const s = _e.value;
       if (!s) return null;
       if (s.createSVGPoint && s.getScreenCTM) {
         const N = s.createSVGPoint();
@@ -1682,7 +1682,7 @@ const _n = {
       Ee.value || (rl && cancelAnimationFrame(rl), rl = requestAnimationFrame(() => {
         rl = 0;
         const s = Wa(l);
-        if (!s || !$e.value) {
+        if (!s || !_e.value) {
           ua();
           return;
         }
@@ -1691,8 +1691,8 @@ const _n = {
           ua();
           return;
         }
-        const F = s.x - e, R = o / S.value, O = Math.floor(F / R);
-        O >= 0 && O < S.value ? Wl.value !== O && (Wl.value = O, to(!0, O)) : ua();
+        const F = s.x - e, R = o / $.value, O = Math.floor(F / R);
+        O >= 0 && O < $.value ? Wl.value !== O && (Wl.value = O, to(!0, O)) : ua();
       }));
     }
     function ua() {
@@ -1700,11 +1700,11 @@ const _n = {
     }
     function Xa(l) {
       const s = Wa(l);
-      if (s && $e.value) {
+      if (s && _e.value) {
         const { left: e, right: i, top: a, bottom: r, width: o } = c.value;
         if (s.x >= e && s.x <= i && s.y >= a && s.y <= r) {
-          const F = o / Math.max(1, S.value), R = Math.floor((s.x - e) / F);
-          if (R >= 0 && R < S.value) {
+          const F = o / Math.max(1, $.value), R = Math.floor((s.x - e) / F);
+          if (R >= 0 && R < $.value) {
             Ya(R);
             return;
           }
@@ -1749,11 +1749,11 @@ const _n = {
       };
     }
     function Ga(l) {
-      if (ve.value.includes(l.id))
-        ve.value = ve.value.filter((s) => s !== l.id);
+      if (de.value.includes(l.id))
+        de.value = de.value.filter((s) => s !== l.id);
       else {
-        if (ve.value.length + 1 === je.value.length) return;
-        ve.value.push(l.id);
+        if (de.value.length + 1 === je.value.length) return;
+        de.value.push(l.id);
       }
       qt("selectLegend", Fe.value.map((s) => ({
         name: s.name,
@@ -1766,7 +1766,7 @@ const _n = {
       const l = t.value.chart.title.text || "Chart visualization", s = t.value.chart.title.subtitle.text || "";
       return `${l}. ${s}`;
     }), qa = x(() => ({
-      linePlot: S.value > t.value.line.dot.hideAboveMaxSerieLength
+      linePlot: $.value > t.value.line.dot.hideAboveMaxSerieLength
     })), Io = x(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), No = x(() => {
       if (Array.isArray(t.value.chart.highlightArea))
         return t.value.chart.highlightArea.map((s) => {
@@ -1781,18 +1781,18 @@ const _n = {
         to: Math.min(t.value.chart.highlightArea.to, Qe.value - 1)
       };
       return [{ ...l, span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1 }];
-    }), Ua = x(() => Jt.value ? _e.value.map((l, s) => ({
+    }), Ua = x(() => Jt.value ? Me.value.map((l, s) => ({
       ...l,
       series: yt(l.series),
       id: `uniqueId_${s}`,
       color: po(l.color ? l.color : ll.value[s] ? ll.value[s] : ko[s])
-    })) : _e.value), Po = x(() => Fe.value.map((l) => {
+    })) : Me.value), Po = x(() => Fe.value.map((l) => {
       const s = l.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
         id: l.id,
         name: l.name,
         color: l.color,
-        values: At(S.value, s)
+        values: Tt($.value, s)
       };
     })), Fo = x(() => ({
       responsiveBreakpoint: t.value.table.responsiveBreakpoint,
@@ -1820,7 +1820,7 @@ const _n = {
       sparkline: {
         animation: { show: !1 }
       }
-    })), ue = x(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value / 2), cl = x(() => tn(et.value.filter((l) => !ve.value.includes(l.id)))), P = x(() => {
+    })), ue = x(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value / 2), cl = x(() => tn(et.value.filter((l) => !de.value.includes(l.id)))), P = x(() => {
       const l = Object.groupBy(cl.value, (e) => e.scaleLabel), s = {};
       for (const [e, i] of Object.entries(l)) {
         const a = i.flatMap((r) => r.absoluteValues);
@@ -1832,18 +1832,18 @@ const _n = {
       }
       return s;
     }), Ro = x(() => {
-      const l = je.value.filter((s) => s.type === "bar").filter((s) => !ve.value.includes(s.id)).length;
-      return c.value.width / S.value / l - ia.value * l;
-    }), ia = x(() => de.value.line * t.value.bar.periodGap), sa = x(() => Math.max(1e-5, wl() - (p.value.useIndividualScale && p.value.isStacked ? 0 : ia.value))), ra = x(() => sa.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Oo = x(() => {
+      const l = je.value.filter((s) => s.type === "bar").filter((s) => !de.value.includes(s.id)).length;
+      return c.value.width / $.value / l - ia.value * l;
+    }), ia = x(() => he.value.line * t.value.bar.periodGap), sa = x(() => Math.max(1e-5, wl() - (p.value.useIndividualScale && p.value.isStacked ? 0 : ia.value))), ra = x(() => sa.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Oo = x(() => {
       if (!t.value.chart.zoom.minimap.show) return [];
-      const l = Ua.value.filter((a) => !ve.value.includes(a.id)), s = Math.max(...l.map((a) => a.series.length)), e = [];
+      const l = Ua.value.filter((a) => !de.value.includes(a.id)), s = Math.max(...l.map((a) => a.series.length)), e = [];
       for (let a = 0; a < s; a += 1)
         e.push(l.map((r) => r.series[a] || 0).reduce((r, o) => (r || 0) + (o || 0), 0));
       const i = Math.min(...e);
       return e.map((a) => a + (i < 0 ? Math.abs(i) : 0));
     }), Vo = x(() => t.value.chart.zoom.minimap.show ? Ua.value.map((s) => ({
       ...s,
-      isVisible: !ve.value.includes(s.id)
+      isVisible: !de.value.includes(s.id)
     })) : []), zt = x(() => Fe.value.map((l) => ({
       slotAbsoluteIndex: l.slotAbsoluteIndex,
       shape: l.shape || null,
@@ -1871,19 +1871,19 @@ const _n = {
         return a - N * r;
       };
       return s.map((z) => {
-        const { yAxis: { yTop: N, yBottom: ee, label: I } } = z, q = N != null && ee != null && N !== ee, V = N == null ? null : O(N), he = ee == null ? null : O(ee), Y = la(I.fontSize);
+        const { yAxis: { yTop: N, yBottom: ee, label: I } } = z, q = N != null && ee != null && N !== ee, V = N == null ? null : O(N), fe = ee == null ? null : O(ee), Y = la(I.fontSize);
         Y.font = `${I.fontSize}px sans-serif`;
-        const B = Y.measureText(I.text).width, se = I.fontSize, Oe = (I.position === "start" ? e + I.padding.left : i - I.padding.right) + I.offsetX, Ge = (V != null && he != null ? Math.min(V, he) : V ?? he) - I.fontSize / 3 + I.offsetY - I.padding.top;
+        const B = Y.measureText(I.text).width, re = I.fontSize, Oe = (I.position === "start" ? e + I.padding.left : i - I.padding.right) + I.offsetX, Ge = (V != null && fe != null ? Math.min(V, fe) : V ?? fe) - I.fontSize / 3 + I.offsetY - I.padding.top;
         let J;
         I.textAnchor === "middle" ? J = Oe - B / 2 - I.padding.left : I.textAnchor === "end" ? J = Oe - B - I.padding.right : J = Oe - I.padding.left;
-        const Q = Ge - se * 0.75 - I.padding.top;
+        const Q = Ge - re * 0.75 - I.padding.top;
         return {
-          show: ![V, he, Q].includes(NaN),
+          show: ![V, fe, Q].includes(NaN),
           id: `annotation_y_${ga()}`,
           hasArea: q,
-          areaHeight: q ? Math.abs(V - he) : 0,
+          areaHeight: q ? Math.abs(V - fe) : 0,
           yTop: V,
-          yBottom: he,
+          yBottom: fe,
           config: z.yAxis,
           x1: e,
           x2: i,
@@ -1892,7 +1892,7 @@ const _n = {
             x: J,
             y: Q,
             width: B + I.padding.left + I.padding.right,
-            height: se + I.padding.top + I.padding.bottom,
+            height: re + I.padding.top + I.padding.bottom,
             fill: I.backgroundColor,
             stroke: I.border.stroke,
             rx: I.border.rx,
@@ -1919,55 +1919,55 @@ const _n = {
         }, N = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((K) => ![void 0, null].includes(K))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((K) => ![null, void 0].includes(K)))
-        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, q = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(N.min, N.max === N.min ? N.max * I : N.max, ee) : hl(N.min, N.max === N.min ? N.max * I : N.max, ee), V = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee) : hl(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee), he = q.min >= 0 ? 0 : Math.abs(q.min), Y = 0, B = q.max + he, se = V.max + Math.abs(Y), Oe = o.stackIndex, $l = s - 1 - Oe, Ge = i ? 1 - o.cumulatedStackRatio : 0, J = i ? r * Ge + e * $l : 0, Q = i ? r * o.stackRatio : c.value.height, be = c.value.bottom - J - Q * he / B, qe = c.value.bottom - J - Q * Y / se, Ie = et.value.filter((K) => K.type === "bar").filter((K) => !ve.value.includes(K.id)).length, Gl = o.series.map((K, pe) => {
-          const Dt = p.value.useIndividualScale ? (o.absoluteValues[pe] + he) / B : sl(K), vl = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / S.value * pe : c.value.left + de.value.bar * F + de.value.bar * pe * Ie - Ro.value / 2 - F * ia.value;
+        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, q = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(N.min, N.max === N.min ? N.max * I : N.max, ee) : hl(N.min, N.max === N.min ? N.max * I : N.max, ee), V = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee) : hl(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee), fe = q.min >= 0 ? 0 : Math.abs(q.min), Y = 0, B = q.max + fe, re = V.max + Math.abs(Y), Oe = o.stackIndex, $l = s - 1 - Oe, Ge = i ? 1 - o.cumulatedStackRatio : 0, J = i ? r * Ge + e * $l : 0, Q = i ? r * o.stackRatio : c.value.height, ye = c.value.bottom - J - Q * fe / B, qe = c.value.bottom - J - Q * Y / re, Ie = et.value.filter((K) => K.type === "bar").filter((K) => !de.value.includes(K.id)).length, Gl = o.series.map((K, ke) => {
+          const Dt = p.value.useIndividualScale ? (o.absoluteValues[ke] + fe) / B : sl(K), vl = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / $.value * ke : c.value.left + he.value.bar * F + he.value.bar * ke * Ie - Ro.value / 2 - F * ia.value;
           return {
             yOffset: U(J),
             individualHeight: U(Q),
             x: U(vl),
             y: c.value.bottom - J - Q * Dt,
-            value: o.absoluteValues[pe],
-            zeroPosition: U(be),
+            value: o.absoluteValues[ke],
+            zeroPosition: U(ye),
             individualMax: U(B),
-            comment: o.comments && o.comments.slice(w.value.start, w.value.end)[pe] || ""
+            comment: o.comments && o.comments.slice(w.value.start, w.value.end)[ke] || ""
           };
-        }), Ve = o.absoluteValues.map((K) => V.min >= 0 ? (K - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (K + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Ht = o.series.map((K, pe) => {
-          const Dt = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / S.value * pe : c.value.left - de.value.bar / 2 + de.value.bar * F + de.value.bar * pe * et.value.filter((vl) => vl.type === "bar").filter((vl) => !ve.value.includes(vl.id)).length;
+        }), Ve = o.absoluteValues.map((K) => V.min >= 0 ? (K - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (K + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Ht = o.series.map((K, ke) => {
+          const Dt = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / $.value * ke : c.value.left - he.value.bar / 2 + he.value.bar * F + he.value.bar * ke * et.value.filter((vl) => vl.type === "bar").filter((vl) => !de.value.includes(vl.id)).length;
           return {
             yOffset: U(J),
             individualHeight: U(Q),
             x: U(Dt),
-            y: U(c.value.bottom - U(J) - (U(Q) * Ve[pe] || 0)),
-            value: o.absoluteValues[pe],
-            zeroPosition: U(be),
+            y: U(c.value.bottom - U(J) - (U(Q) * Ve[ke] || 0)),
+            value: o.absoluteValues[ke],
+            zeroPosition: U(ye),
             individualMax: U(B),
-            comment: o.comments && o.comments.slice(w.value.start, w.value.end)[pe] || ""
+            comment: o.comments && o.comments.slice(w.value.start, w.value.end)[ke] || ""
           };
         }), oe = q.ticks.map((K) => ({
-          y: K >= 0 ? be - Q * (K / B) : be + Q * Math.abs(K) / B,
+          y: K >= 0 ? ye - Q * (K / B) : ye + Q * Math.abs(K) / B,
           value: K,
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
           datapoint: o
-        })), ye = V.ticks.map((K) => {
-          const pe = (K - V.min) / (V.max - V.min);
+        })), pe = V.ticks.map((K) => {
+          const ke = (K - V.min) / (V.max - V.min);
           return {
-            y: K >= 0 ? qe - Q * pe : qe + Q * pe,
+            y: K >= 0 ? qe - Q * ke : qe + Q * ke,
             value: K,
             prefix: o.prefix || t.value.chart.labels.prefix,
             suffix: o.suffix || t.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? ye : oe, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? qe : be, P.value[o.scaleLabel].individualMax = o.autoScaling ? se : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = J, P.value[o.scaleLabel].individualHeight = Q, P.value[o.scaleLabel].autoScaleYLabels = ye, P.value[o.scaleLabel].unique = cl.value.filter((K) => K.scaleLabel === o.scaleLabel).length === 1, {
+        return P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? pe : oe, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? qe : ye, P.value[o.scaleLabel].individualMax = o.autoScaling ? re : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = J, P.value[o.scaleLabel].individualHeight = Q, P.value[o.scaleLabel].autoScaleYLabels = pe, P.value[o.scaleLabel].unique = cl.value.filter((K) => K.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: J,
-          autoScaleYLabels: ye,
+          autoScaleYLabels: pe,
           individualHeight: Q,
-          scaleYLabels: o.autoScaling ? ye : oe,
+          scaleYLabels: o.autoScaling ? pe : oe,
           individualScale: o.autoScaling ? V : q,
-          individualMax: o.autoScaling ? se : B,
-          zeroPosition: o.autoScaling ? qe : be,
+          individualMax: o.autoScaling ? re : B,
+          zeroPosition: o.autoScaling ? qe : ye,
           plots: o.autoScaling ? Ht : Gl,
           groupId: P.value[o.scaleLabel].groupId
         };
@@ -1984,26 +1984,26 @@ const _n = {
         }, N = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, q = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(N.min, N.max === N.min ? N.max * I : N.max, ee) : hl(N.min, N.max === N.min ? N.max * I : N.max, ee), V = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee) : hl(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee), he = q.min >= 0 ? 0 : Math.abs(q.min), Y = 0, B = q.max + Math.abs(he), se = V.max + Math.abs(Y), Oe = o.stackIndex, $l = s - 1 - Oe, Ge = i ? 1 - o.cumulatedStackRatio : 0, J = i ? r * Ge + e * $l : 0, Q = i ? r * o.stackRatio : c.value.height, be = c.value.bottom - J - Q * he / B, qe = c.value.bottom - J - Q * Y / se, Ie = o.series.map((G, Ce) => {
-          const Xo = p.value.useIndividualScale ? (o.absoluteValues[Ce] + Math.abs(he)) / B : sl(G);
+        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, q = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(N.min, N.max === N.min ? N.max * I : N.max, ee) : hl(N.min, N.max === N.min ? N.max * I : N.max, ee), V = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee) : hl(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee), fe = q.min >= 0 ? 0 : Math.abs(q.min), Y = 0, B = q.max + Math.abs(fe), re = V.max + Math.abs(Y), Oe = o.stackIndex, $l = s - 1 - Oe, Ge = i ? 1 - o.cumulatedStackRatio : 0, J = i ? r * Ge + e * $l : 0, Q = i ? r * o.stackRatio : c.value.height, ye = c.value.bottom - J - Q * fe / B, qe = c.value.bottom - J - Q * Y / re, Ie = o.series.map((G, Ce) => {
+          const Xo = p.value.useIndividualScale ? (o.absoluteValues[Ce] + Math.abs(fe)) / B : sl(G);
           return {
-            x: U(c.value.left + de.value.line / 2 + de.value.line * Ce),
+            x: U(c.value.left + he.value.line / 2 + he.value.line * Ce),
             y: U(c.value.bottom - J - Q * Xo),
             value: o.absoluteValues[Ce],
             comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ce] || ""
           };
         }), Gl = o.absoluteValues.map((G) => V.min >= 0 ? (G - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (G + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Ve = o.series.map((G, Ce) => [void 0, null].includes(o.absoluteValues[Ce]) ? {
-          x: U(c.value.left + de.value.line / 2 + de.value.line * Ce),
-          y: be,
+          x: U(c.value.left + he.value.line / 2 + he.value.line * Ce),
+          y: ye,
           value: o.absoluteValues[Ce],
           comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ce] || ""
         } : {
-          x: U(c.value.left + de.value.line / 2 + de.value.line * Ce),
+          x: U(c.value.left + he.value.line / 2 + he.value.line * Ce),
           y: U(c.value.bottom - J - (Q * Gl[Ce] || 0)),
           value: o.absoluteValues[Ce],
           comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ce] || ""
-        }), Ht = t.value.line.cutNullValues ? ya(Ie) : pa(Ie.filter((G) => G.value !== null)), oe = t.value.line.cutNullValues ? ya(Ve) : pa(Ve.filter((G) => G.value !== null)), ye = t.value.line.cutNullValues ? ka(Ie) : wa(Ie.filter((G) => G.value !== null)), K = t.value.line.cutNullValues ? ka(Ve) : wa(Ve.filter((G) => G.value !== null)), pe = q.ticks.map((G) => ({
-          y: G >= 0 ? be - Q * (G / B) : be + Q * Math.abs(G) / B,
+        }), Ht = t.value.line.cutNullValues ? ya(Ie) : pa(Ie.filter((G) => G.value !== null)), oe = t.value.line.cutNullValues ? ya(Ve) : pa(Ve.filter((G) => G.value !== null)), pe = t.value.line.cutNullValues ? ka(Ie) : wa(Ie.filter((G) => G.value !== null)), K = t.value.line.cutNullValues ? ka(Ve) : wa(Ve.filter((G) => G.value !== null)), ke = q.ticks.map((G) => ({
+          y: G >= 0 ? ye - Q * (G / B) : ye + Q * Math.abs(G) / B,
           value: G,
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
@@ -2018,17 +2018,17 @@ const _n = {
             datapoint: o
           };
         });
-        P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Dt : pe, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? qe : be, P.value[o.scaleLabel].individualMax = o.autoScaling ? se : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = J, P.value[o.scaleLabel].individualHeight = Q, P.value[o.scaleLabel].autoScaleYLabels = Dt, P.value[o.scaleLabel].unique = cl.value.filter((G) => G.scaleLabel === o.scaleLabel).length === 1;
-        const vl = p.value.useIndividualScale ? o.autoScaling ? qe : be : ze.value, ql = Math.max(Math.max(o.autoScaling ? qe : pe.at(-1) ? pe.at(-1).y : 0, c.value.top), vl);
+        P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Dt : ke, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? qe : ye, P.value[o.scaleLabel].individualMax = o.autoScaling ? re : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = J, P.value[o.scaleLabel].individualHeight = Q, P.value[o.scaleLabel].autoScaleYLabels = Dt, P.value[o.scaleLabel].unique = cl.value.filter((G) => G.scaleLabel === o.scaleLabel).length === 1;
+        const vl = p.value.useIndividualScale ? o.autoScaling ? qe : ye : ze.value, ql = Math.max(Math.max(o.autoScaling ? qe : ke.at(-1) ? ke.at(-1).y : 0, c.value.top), vl);
         return {
           ...o,
           yOffset: J,
           autoScaleYLabels: Dt,
           individualHeight: Q,
-          scaleYLabels: o.autoScaling ? Dt : pe,
+          scaleYLabels: o.autoScaling ? Dt : ke,
           individualScale: o.autoScaling ? V : q,
-          individualMax: o.autoScaling ? se : B,
-          zeroPosition: o.autoScaling ? qe : be,
+          individualMax: o.autoScaling ? re : B,
+          zeroPosition: o.autoScaling ? qe : ye,
           curve: o.autoScaling ? oe : Ht,
           plots: o.autoScaling ? Ve : Ie,
           area: o.useArea ? p.value.useIndividualScale ? t.value.line.cutNullValues ? wo(
@@ -2043,7 +2043,7 @@ const _n = {
             ql,
             t.value.line.cutNullValues
           ) : [],
-          straight: o.autoScaling ? K : ye,
+          straight: o.autoScaling ? K : pe,
           groupId: P.value[o.scaleLabel].groupId
         };
       });
@@ -2059,19 +2059,19 @@ const _n = {
         }, z = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, N = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, ee = 1.0000001, I = hl(z.min, z.max === z.min ? z.max * ee : z.max, N), q = hl(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * ee : O.valueMax, N), V = I.min >= 0 ? 0 : Math.abs(I.min), he = 0, Y = I.max + V, B = q.max + Math.abs(he), se = o.stackIndex, Oe = s - 1 - se, $l = i ? 1 - o.cumulatedStackRatio : 0, Ge = i ? r * $l + e * Oe : 0, J = i ? r * o.stackRatio : c.value.height, Q = c.value.bottom - Ge - J * V / Y, be = c.value.bottom - Ge - J * he / B, qe = o.series.map((oe, ye) => {
-          const K = p.value.useIndividualScale ? (o.absoluteValues[ye] + Math.abs(V)) / Y : sl(oe);
+        }, N = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, ee = 1.0000001, I = hl(z.min, z.max === z.min ? z.max * ee : z.max, N), q = hl(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * ee : O.valueMax, N), V = I.min >= 0 ? 0 : Math.abs(I.min), fe = 0, Y = I.max + V, B = q.max + Math.abs(fe), re = o.stackIndex, Oe = s - 1 - re, $l = i ? 1 - o.cumulatedStackRatio : 0, Ge = i ? r * $l + e * Oe : 0, J = i ? r * o.stackRatio : c.value.height, Q = c.value.bottom - Ge - J * V / Y, ye = c.value.bottom - Ge - J * fe / B, qe = o.series.map((oe, pe) => {
+          const K = p.value.useIndividualScale ? (o.absoluteValues[pe] + Math.abs(V)) / Y : sl(oe);
           return {
-            x: U(c.value.left + de.value.plot / 2 + de.value.plot * ye),
+            x: U(c.value.left + he.value.plot / 2 + he.value.plot * pe),
             y: U(c.value.bottom - Ge - J * K),
-            value: o.absoluteValues[ye],
-            comment: o.comments && o.comments.slice(w.value.start, w.value.end)[ye] || ""
+            value: o.absoluteValues[pe],
+            comment: o.comments && o.comments.slice(w.value.start, w.value.end)[pe] || ""
           };
-        }), Ie = o.absoluteValues.map((oe) => q.min >= 0 ? (oe - Math.abs(q.min)) / (q.max - Math.abs(q.min)) : (oe + Math.abs(q.min)) / (q.max + Math.abs(q.min))), Gl = o.series.map((oe, ye) => ({
-          x: U(c.value.left + de.value.plot / 2 + de.value.plot * ye),
-          y: U(c.value.bottom - Ge - (J * Ie[ye] || 0)),
-          value: o.absoluteValues[ye],
-          comment: o.comments && o.comments.slice(w.value.start, w.value.end)[ye] || ""
+        }), Ie = o.absoluteValues.map((oe) => q.min >= 0 ? (oe - Math.abs(q.min)) / (q.max - Math.abs(q.min)) : (oe + Math.abs(q.min)) / (q.max + Math.abs(q.min))), Gl = o.series.map((oe, pe) => ({
+          x: U(c.value.left + he.value.plot / 2 + he.value.plot * pe),
+          y: U(c.value.bottom - Ge - (J * Ie[pe] || 0)),
+          value: o.absoluteValues[pe],
+          comment: o.comments && o.comments.slice(w.value.start, w.value.end)[pe] || ""
         })), Ve = I.ticks.map((oe) => ({
           y: oe >= 0 ? Q - J * (oe / Y) : Q + J * Math.abs(oe) / Y,
           value: oe,
@@ -2079,16 +2079,16 @@ const _n = {
           suffix: o.suffix || t.value.chart.labels.suffix,
           datapoint: o
         })), Ht = q.ticks.map((oe) => {
-          const ye = (oe - q.min) / (q.max - q.min);
+          const pe = (oe - q.min) / (q.max - q.min);
           return {
-            y: oe >= 0 ? be - J * ye : be + J * ye,
+            y: oe >= 0 ? ye - J * pe : ye + J * pe,
             value: oe,
             prefix: o.prefix || t.value.chart.labels.prefix,
             suffix: o.suffix || t.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ht : Ve, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? be : Q, P.value[o.scaleLabel].individualMax = o.autoScaling ? B : Y, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = Ge, P.value[o.scaleLabel].individualHeight = J, P.value[o.scaleLabel].autoScaleYLabels = Ht, P.value[o.scaleLabel].unique = cl.value.filter((oe) => oe.scaleLabel === o.scaleLabel).length === 1, {
+        return P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ht : Ve, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? ye : Q, P.value[o.scaleLabel].individualMax = o.autoScaling ? B : Y, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = Ge, P.value[o.scaleLabel].individualHeight = J, P.value[o.scaleLabel].autoScaleYLabels = Ht, P.value[o.scaleLabel].unique = cl.value.filter((oe) => oe.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: Ge,
           autoScaleYLabels: Ht,
@@ -2096,7 +2096,7 @@ const _n = {
           scaleYLabels: o.autoScaling ? Ht : Ve,
           individualScale: o.autoScaling ? q : I,
           individualMax: o.autoScaling ? B : Y,
-          zeroPosition: o.autoScaling ? be : Q,
+          zeroPosition: o.autoScaling ? ye : Q,
           plots: o.autoScaling ? Gl : qe,
           groupId: P.value[o.scaleLabel].groupId
         };
@@ -2272,7 +2272,7 @@ const _n = {
               r = `<svg viewBox="0 0 40 40" height="14" width="14">${gl.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${a.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${gl.pattern ? `url(#pattern_${Z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
               break;
             case "line":
-              !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? o = `<path d="${wt({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? o = `<path d="${wt({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? o = `<path d="${wt({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? o = `<path d="${wt({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? o = `<path d="${wt({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (o = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${$o({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), r = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${o}</svg>`;
+              !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? o = `<path d="${St({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? o = `<path d="${St({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? o = `<path d="${St({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? o = `<path d="${St({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? o = `<path d="${St({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (o = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${$o({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), r = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${o}</svg>`;
               break;
             case "plot":
               if (!a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape)) {
@@ -2284,23 +2284,23 @@ const _n = {
                 break;
               }
               if (a.shape === "triangle") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${wt({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${St({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (a.shape === "square") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${wt({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${St({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (a.shape === "diamond") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${wt({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${St({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (a.shape === "pentagon") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${wt({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${St({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (a.shape === "hexagon") {
-                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${wt({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                r = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${St({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
           }
@@ -2339,7 +2339,7 @@ const _n = {
       let s = [""].concat(Fe.value.map((r) => r.name));
       l && (s = s.concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'));
       let e = [];
-      for (let r = 0; r < S.value; r += 1) {
+      for (let r = 0; r < $.value; r += 1) {
         const o = Fe.value.map((F) => F.absoluteValues[r] ?? 0).reduce((F, R) => F + R, 0);
         e.push(
           [
@@ -2446,16 +2446,16 @@ const _n = {
       _o(d.dataset) ? (Na({
         componentName: "VueUiXy",
         type: "dataset",
-        debug: Lt.value
+        debug: Ct.value
       }), bt.value = !0) : d.dataset.forEach((s, e) => {
         [null, void 0].includes(s.name) && (Na({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
           index: e,
-          debug: Lt.value
+          debug: Ct.value
         }), bt.value = !0);
-      }), Lt.value && d.dataset.forEach((s) => {
+      }), Ct.value && d.dataset.forEach((s) => {
         s.series.forEach((e, i) => {
           ha(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
 -----> The serie '${s.name}' contains the value '${e}' at index ${i}.
@@ -2470,16 +2470,16 @@ const _n = {
         let r = null, o = 0;
         t.value.chart.title.show && Te.value && (r = Te.value, o = r.getBoundingClientRect().height);
         let F = null, R = 0;
-        t.value.chart.zoom.show && Qe.value > 6 && Mt.value && Ke.value && Ke.value.$el && (F = Ke.value.$el, R = F.getBoundingClientRect().height);
+        t.value.chart.zoom.show && Qe.value > 6 && Lt.value && Ke.value && Ke.value.$el && (F = Ke.value.$el, R = F.getBoundingClientRect().height);
         let O = null, z = 0;
         t.value.chart.legend.show && Le.value && (O = Le.value, z = O.getBoundingClientRect().height);
         let N = 0;
         ft.value && (N = ft.value.getBoundingClientRect().height);
         let ee = 0;
-        _t.value && (ee = _t.value.getBoundingClientRect().height), W.value = i - o - z - R - N - ee - l, le.value = a, at.value = `0 0 ${le.value < 0 ? 10 : le.value} ${W.value < 0 ? 10 : W.value}`, uo();
+        Mt.value && (ee = Mt.value.getBoundingClientRect().height), W.value = i - o - z - R - N - ee - l, le.value = a, at.value = `0 0 ${le.value < 0 ? 10 : le.value} ${W.value < 0 ? 10 : W.value}`, uo();
         const I = new ResizeObserver((q) => {
           for (const V of q)
-            t.value.chart.title.show && Te.value ? o = Te.value.getBoundingClientRect().height : o = 0, Ke.value && Ke.value.$el ? R = Ke.value.$el.getBoundingClientRect().height : R = 0, Le.value ? z = Le.value.getBoundingClientRect().height : z = 0, ft.value ? N = ft.value.getBoundingClientRect().height : N = 0, _t.value ? ee = _t.value.getBoundingClientRect().height : ee = 0, requestAnimationFrame(() => {
+            t.value.chart.title.show && Te.value ? o = Te.value.getBoundingClientRect().height : o = 0, Ke.value && Ke.value.$el ? R = Ke.value.$el.getBoundingClientRect().height : R = 0, Le.value ? z = Le.value.getBoundingClientRect().height : z = 0, ft.value ? N = ft.value.getBoundingClientRect().height : N = 0, Mt.value ? ee = Mt.value.getBoundingClientRect().height : ee = 0, requestAnimationFrame(() => {
               W.value = V.contentRect.height - o - z - R - N - ee - l, le.value = V.contentBoxSize[0].inlineSize, at.value = `0 0 ${le.value < 0 ? 10 : le.value} ${W.value < 0 ? 10 : W.value}`, uo();
             });
         });
@@ -2498,7 +2498,7 @@ const _n = {
     }), Ll(() => {
       document.removeEventListener("scroll", Hl, { passive: !0 }), document.removeEventListener("mousemove", io, { passive: !0 }), mt.value && (mt.value.unobserve(ne.value), mt.value.disconnect(), mt.value = null);
     }), yn({
-      timeLabelsEls: Se,
+      timeLabelsEls: $e,
       timeLabels: v,
       slicer: w,
       configRef: t,
@@ -2517,7 +2517,7 @@ const _n = {
       return Math.min(Math.max(l, 1), 200);
     }
     function Do() {
-      const l = Ho(), s = 200, e = Math.max(1, S.value), i = c.value.width / e, r = c.value.left + Eo.value * i + i / 2 - l / 2 - (s - l) / 2, o = c.value.left - (s - l) / 2, F = c.value.right - (s + l) / 2, R = Math.max(o, Math.min(r, F));
+      const l = Ho(), s = 200, e = Math.max(1, $.value), i = c.value.width / e, r = c.value.left + Eo.value * i + i / 2 - l / 2 - (s - l) / 2, o = c.value.left - (s - l) / 2, F = c.value.right - (s + l) / 2, R = Math.max(o, Math.min(r, F));
       return U(R);
     }
     Zl(() => {
@@ -2567,12 +2567,12 @@ const _n = {
         return [null, void 0].includes(v.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? Sl.value(l + w.value.start, t.value.chart.timeTag.timeFormat) : v.value[l].text;
     });
     ht(() => d.dataset, (l) => {
-      Array.isArray(l) && l.length > 0 && (bt.value = !1), Qe.value = Math.max(..._e.value.map((s) => yt(s.series).length)), w.value = {
+      Array.isArray(l) && l.length > 0 && (bt.value = !1), Qe.value = Math.max(...Me.value.map((s) => yt(s.series).length)), w.value = {
         start: 0,
         end: Qe.value
-      }, Jl.value += 1, gt.value += 1, Ct();
+      }, Jl.value += 1, gt.value += 1, At();
     }, { deep: !0 }), ht(() => d.config, (l) => {
-      xe.value || (t.value = Ol()), za(), Pl.value += 1, Nl.value += 1, tl(), Ct();
+      be.value || (t.value = Ol()), za(), Pl.value += 1, Nl.value += 1, tl(), At();
     }, { deep: !0 });
     const Ia = y(!1);
     function co() {
@@ -2587,7 +2587,7 @@ const _n = {
     Zl(() => {
       co();
       const l = new ResizeObserver(() => {
-        co(), Ia.value && (za(), Ct(), il());
+        co(), Ia.value && (za(), At(), il());
       });
       Be.value?.parentNode && l.observe(Be.value.parentNode);
     }), ht(t, () => {
@@ -2647,13 +2647,13 @@ const _n = {
       ref_key: "chart",
       ref: Be,
       style: C(`background:${t.value.chart.backgroundColor}; color:${t.value.chart.color};width:100%;font-family:${t.value.chart.fontFamily};${t.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: s[6] || (s[6] = () => ge(!0)),
-      onMouseleave: s[7] || (s[7] = () => ge(!1)),
+      onMouseenter: s[6] || (s[6] = () => xe(!0)),
+      onMouseleave: s[7] || (s[7] = () => xe(!1)),
       onClick: Xa
     }, [
-      t.value.chart.userOptions.buttons.annotator && $e.value ? (n(), ct(h(Nt), {
+      t.value.chart.userOptions.buttons.annotator && _e.value ? (n(), ct(h(Nt), {
         key: 0,
-        svgRef: $e.value,
+        svgRef: _e.value,
         backgroundColor: t.value.chart.backgroundColor,
         color: t.value.chart.color,
         active: Ee.value,
@@ -2662,7 +2662,7 @@ const _n = {
       Io.value ? (n(), u("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: _t,
+        ref: Mt,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%; background:transparent"
       }, null, 512)) : g("", !0),
@@ -2690,7 +2690,7 @@ const _n = {
       k("div", {
         id: `legend-top-${Z.value}`
       }, null, 8, mu),
-      t.value.chart.userOptions.show && (Fl.value || bl.value) ? (n(), ct(h(fe), {
+      t.value.chart.userOptions.show && (Fl.value || bl.value) ? (n(), ct(h(me), {
         ref_key: "userOptionsRef",
         ref: zl,
         key: `user_options_${Il.value}`,
@@ -2705,7 +2705,7 @@ const _n = {
         hasImg: t.value.chart.userOptions.buttons.img,
         hasLabel: t.value.chart.userOptions.buttons.labels,
         hasTable: t.value.chart.userOptions.buttons.table,
-        hasStack: $.dataset.length > 1 && t.value.chart.userOptions.buttons.stack,
+        hasStack: S.dataset.length > 1 && t.value.chart.userOptions.buttons.stack,
         hasFullscreen: t.value.chart.userOptions.buttons.fullscreen,
         isStacked: p.value.isStacked,
         isFullscreen: Pe.value,
@@ -2733,70 +2733,70 @@ const _n = {
       }, xo({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: we(({ isOpen: e, color: i }) => [
+          fn: Se(({ isOpen: e, color: i }) => [
             te(l.$slots, "menuIcon", Yt(dl({ isOpen: e, color: i })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: we(() => [
+          fn: Se(() => [
             te(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: we(() => [
+          fn: Se(() => [
             te(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: we(() => [
+          fn: Se(() => [
             te(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: we(() => [
+          fn: Se(() => [
             te(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: we(() => [
+          fn: Se(() => [
             te(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: we(() => [
+          fn: Se(() => [
             te(l.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionStack ? {
           name: "optionStack",
-          fn: we(() => [
+          fn: Se(() => [
             te(l.$slots, "optionStack", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: we(({ toggleFullscreen: e, isFullscreen: i }) => [
+          fn: Se(({ toggleFullscreen: e, isFullscreen: i }) => [
             te(l.$slots, "optionFullscreen", Yt(dl({ toggleFullscreen: e, isFullscreen: i })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: we(({ toggleAnnotator: e, isAnnotator: i }) => [
+          fn: Se(({ toggleAnnotator: e, isAnnotator: i }) => [
             te(l.$slots, "optionAnnotator", Yt(dl({ toggleAnnotator: e, isAnnotator: i })), void 0, !0)
           ]),
           key: "9"
@@ -2804,7 +2804,7 @@ const _n = {
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "tableDialog", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
       (n(), u("svg", {
         ref_key: "svgRef",
-        ref: $e,
+        ref: _e,
         xmlns: "http://www.w3.org/2000/svg",
         class: Ze([{ "vue-data-ui-fullscreen--on": Pe.value, "vue-data-ui-fulscreen--off": !Pe.value }, "vue-ui-xy-svg vue-data-ui-svg"]),
         width: "100%",
@@ -2827,12 +2827,12 @@ const _n = {
           ref: Al,
           class: "vue-data-ui-g"
         }, [
-          ml(h(St)),
+          ml(h($t)),
           l.$slots["chart-background"] ? (n(), u("foreignObject", {
             key: 0,
             x: c.value.left + ue.value < 0 ? 0 : c.value.left + ue.value,
             y: c.value.top,
-            width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value),
+            width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value),
             height: c.value.height < 0 ? 0 : c.value.height,
             style: {
               pointerEvents: "none"
@@ -2840,7 +2840,7 @@ const _n = {
           }, [
             te(l.$slots, "chart-background", {}, void 0, !0)
           ], 8, xu)) : g("", !0),
-          S.value > 0 ? (n(), u("g", bu, [
+          $.value > 0 ? (n(), u("g", bu, [
             k("g", yu, [
               t.value.chart.grid.labels.xAxis.showBaseline ? (n(), u("line", {
                 key: 0,
@@ -3032,41 +3032,41 @@ const _n = {
                       transition: "none",
                       opacity: e.from + a >= w.value.start && e.from + a <= w.value.end - 1 ? 1 : 0
                     }),
-                    x: c.value.left + c.value.width / S.value * (e.from + a - w.value.start),
+                    x: c.value.left + c.value.width / $.value * (e.from + a - w.value.start),
                     y: c.value.top,
                     height: c.value.height < 0 ? 10 : c.value.height,
-                    width: c.value.width / S.value < 0 ? 1e-5 : c.value.width / S.value,
+                    width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
                     fill: h(vt)(e.color, e.opacity)
                   }, null, 12, qu)
                 ]))), 256)),
                 (n(!0), u(b, null, L(e.span, (i, a) => (n(), u("g", null, [
                   e.caption.text && a === 0 ? (n(), u("foreignObject", {
                     key: 0,
-                    x: c.value.left + c.value.width / S.value * (e.from + a - w.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / S.value * e.span / 2),
+                    x: c.value.left + c.value.width / $.value * (e.from + a - w.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / $.value * e.span / 2),
                     y: c.value.top + e.caption.offsetY,
                     style: C({
                       overflow: "visible",
                       opacity: e.to >= w.value.start && e.from < w.value.end ? 1 : 0
                     }),
                     height: "1",
-                    width: e.caption.width === "auto" ? c.value.width / S.value * e.span : e.caption.width
+                    width: e.caption.width === "auto" ? c.value.width / $.value * e.span : e.caption.width
                   }, [
                     k("div", {
                       style: C(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
-                    }, re(e.caption.text), 5)
+                    }, ce(e.caption.text), 5)
                   ], 12, Uu)) : g("", !0)
                 ]))), 256))
               ], 64)) : g("", !0)
             ]))), 256)),
             Bt.value ? (n(), u("g", Zu, [
-              (n(!0), u(b, null, L(S.value, (e, i) => (n(), u("g", {
+              (n(!0), u(b, null, L($.value, (e, i) => (n(), u("g", {
                 key: `tooltip_trap_highlighter_${i}`
               }, [
                 k("rect", {
-                  x: c.value.left + c.value.width / S.value * i,
+                  x: c.value.left + c.value.width / $.value * i,
                   y: c.value.top,
                   height: c.value.height < 0 ? 10 : c.value.height,
-                  width: c.value.width / S.value < 0 ? 1e-5 : c.value.width / S.value,
+                  width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
                   fill: [X.value, M.value, ae.value].includes(i) ? h(vt)(t.value.chart.highlighter.color, t.value.chart.highlighter.opacity) : "transparent",
                   style: { transition: "none !important", animation: "none !important" }
                 }, null, 8, Ku)
@@ -3091,7 +3091,7 @@ const _n = {
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
                   style: C({
-                    transition: h(xe) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
+                    transition: h(be) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
                   })
                 }, null, 12, Ju)) : g("", !0),
                 Ye(a.value) && l.$slots.pattern ? (n(), u("rect", {
@@ -3104,7 +3104,7 @@ const _n = {
                   fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
-                  style: C({ transition: h(xe) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
+                  style: C({ transition: h(be) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
                 }, null, 12, Qu)) : g("", !0),
                 a.comment && t.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 2,
@@ -3153,7 +3153,7 @@ const _n = {
                   y: h(ie)(e.plots).y2 - 6,
                   "font-size": A.value.plotLabels,
                   fill: e.color
-                }, re(h(lt)({
+                }, ce(h(lt)({
                   v: h(ie)(e.plots).trend * 100,
                   s: "%",
                   r: 2
@@ -3173,8 +3173,8 @@ const _n = {
             }, null, 8, ni)) : g("", !0),
             t.value.chart.highlighter.useLine && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), u("g", ui, [
               k("line", {
-                x1: c.value.left + c.value.width / S.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / S.value / 2,
-                x2: c.value.left + c.value.width / S.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / S.value / 2,
+                x1: c.value.left + c.value.width / $.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / $.value / 2,
+                x2: c.value.left + c.value.width / $.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / $.value / 2,
                 y1: h(j)(c.value.top),
                 y2: h(j)(c.value.bottom),
                 stroke: t.value.chart.highlighter.color,
@@ -3189,7 +3189,7 @@ const _n = {
               style: { pointerEvents: "none", transition: "none", animation: "none !important" },
               x: c.value.left + ue.value < 0 ? 0 : c.value.left + ue.value,
               y: c.value.top,
-              width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value),
+              width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value),
               height: c.value.height < 0 ? 0 : c.value.height,
               fill: "transparent",
               stroke: t.value.chart.grid.frame.stroke,
@@ -3224,7 +3224,7 @@ const _n = {
                     "font-size": A.value.dataLabels * 0.8,
                     "text-anchor": "middle",
                     transform: `translate(${e.x - A.value.dataLabels * 0.8 / 2 + ue.value}, ${p.value.isStacked ? c.value.bottom - e.yOffset - e.individualHeight / 2 : c.value.top + c.value.height / 2}) rotate(-90)`
-                  }, re(e.name) + " " + re(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
+                  }, ce(e.name) + " " + ce(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
                                     ${e.scaleLabel}` : ""), 9, ci),
                   (n(!0), u(b, null, L(e.yLabels, (i, a) => (n(), u(b, null, [
                     t.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), u("line", {
@@ -3245,7 +3245,7 @@ const _n = {
                     "font-size": A.value.dataLabels,
                     "text-anchor": "end",
                     fill: e.color
-                  }, re(h(Ae)(
+                  }, ce(h(Ae)(
                     t.value.chart.grid.labels.yAxis.formatter,
                     i.value,
                     h(lt)({
@@ -3278,7 +3278,7 @@ const _n = {
                   "font-size": A.value.dataLabels,
                   "text-anchor": "end",
                   fill: t.value.chart.grid.labels.color
-                }, re(Ye(e.value) ? h(Ae)(
+                }, ce(Ye(e.value) ? h(Ae)(
                   t.value.chart.grid.labels.yAxis.formatter,
                   e.value,
                   h(lt)({
@@ -3306,7 +3306,7 @@ const _n = {
                   radius: M.value !== null && M.value === r || X.value !== null && X.value === r ? (De.value.plot || 6) * 1.5 : De.value.plot || 6,
                   stroke: t.value.plot.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                   strokeWidth: t.value.plot.dot.strokeWidth,
-                  transition: h(xe) || !t.value.plot.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.plot.transitionDurationMs}ms ease-in-out`
+                  transition: h(be) || !t.value.plot.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.plot.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : g("", !0),
                 a.comment && t.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 1,
@@ -3357,7 +3357,7 @@ const _n = {
                   y: h(ie)(e.plots).y2 - 6,
                   "font-size": A.value.plotLabels,
                   fill: e.color
-                }, re(h(lt)({
+                }, ce(h(lt)({
                   v: h(ie)(e.plots).trend * 100,
                   s: "%",
                   r: 2
@@ -3376,7 +3376,7 @@ const _n = {
                 "stroke-width": t.value.line.strokeWidth + 1,
                 "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
                 fill: "none",
-                style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, wi)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
                 key: 1,
                 d: `M${e.straight}`,
@@ -3386,7 +3386,7 @@ const _n = {
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, Si)) : g("", !0)
             ], 6))), 128)),
             l.$slots.pattern ? (n(), u("defs", $i, [
@@ -3402,7 +3402,7 @@ const _n = {
                 "fill-opacity": t.value.line.interLine.fillOpacity,
                 stroke: "none",
                 "pointer-events": "none",
-                style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, Mi))), 128))
             ])) : g("", !0),
             (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u("g", {
@@ -3416,26 +3416,26 @@ const _n = {
                     key: 0,
                     d: a,
                     fill: t.value.line.area.useGradient ? `url(#areaGradient_${i}_${Z.value})` : h(vt)(e.color, t.value.line.area.opacity),
-                    style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                    style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, Ci)) : g("", !0),
                   l.$slots.pattern && a ? (n(), u("path", {
                     key: 1,
                     d: a,
                     fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
-                    style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                    style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, Ai)) : g("", !0)
                 ], 64))), 128)) : (n(!0), u(b, { key: 1 }, L(e.area.split(";"), (a, r) => (n(), u(b, { key: r }, [
                   a ? (n(), u("path", {
                     key: 0,
                     d: `M${a}Z`,
                     fill: t.value.line.area.useGradient ? `url(#areaGradient_${i}_${Z.value})` : h(vt)(e.color, t.value.line.area.opacity),
-                    style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                    style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, Ti)) : g("", !0),
                   l.$slots.pattern && a ? (n(), u("path", {
                     key: 1,
                     d: `M${a}Z`,
                     fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
-                    style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                    style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, zi)) : g("", !0)
                 ], 64))), 128))
               ])) : g("", !0),
@@ -3447,7 +3447,7 @@ const _n = {
                 "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 "stroke-linecap": "round",
-                style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, Ii)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
                 key: 2,
                 d: `M${e.straight}`,
@@ -3457,7 +3457,7 @@ const _n = {
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, Ni)) : g("", !0),
               (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
                 key: `circle_line_${i}_${r}`
@@ -3470,7 +3470,7 @@ const _n = {
                   radius: M.value !== null && M.value === r || X.value !== null && X.value === r ? (De.value.line || 6) * 1.5 : (Ja(e.plots, r), De.value.line || 6),
                   stroke: t.value.line.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                   strokeWidth: t.value.line.dot.strokeWidth,
-                  transition: h(xe) || !t.value.line.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                  transition: h(be) || !t.value.line.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : g("", !0),
                 a.comment && t.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 1,
@@ -3521,7 +3521,7 @@ const _n = {
                   y: h(ie)(e.plots).y2 - 6,
                   "font-size": A.value.plotLabels,
                   fill: e.color
-                }, re(h(lt)({
+                }, ce(h(lt)({
                   v: h(ie)(e.plots).trend * 100,
                   s: "%",
                   r: 2
@@ -3537,13 +3537,13 @@ const _n = {
                 }, [
                   a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || M.value !== null && M.value === r || X.value !== null && X.value === r) && t.value.bar.labels.show ? (n(), u("text", {
                     key: 0,
-                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + de.value.line / 2 : na(a) + wl() / 2 - ia.value / 2,
+                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + he.value.line / 2 : na(a) + wl() / 2 - ia.value / 2,
                     y: h(U)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": A.value.plotLabels,
                     fill: t.value.bar.labels.color,
                     style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, re(Ye(a.value) ? h(Ae)(
+                  }, ce(Ye(a.value) ? h(Ae)(
                     t.value.bar.labels.formatter,
                     a.value,
                     h(lt)({
@@ -3559,14 +3559,14 @@ const _n = {
                   ) : ""), 13, Di)) : g("", !0),
                   a && t.value.bar.serieName.show ? (n(), u("text", {
                     key: 1,
-                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + de.value.line / 2 : a.x + wl() * 1.1,
+                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + he.value.line / 2 : a.x + wl() * 1.1,
                     y: a.y + (a.value > 0 ? t.value.bar.serieName.offsetY : -t.value.bar.serieName.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": A.value.plotLabels,
                     fill: t.value.bar.serieName.useSerieColor ? e.color : t.value.bar.serieName.color,
                     "font-weight": t.value.bar.serieName.bold ? "bold" : "normal",
                     style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, re(t.value.bar.serieName.useAbbreviation ? h(nn)({
+                  }, ce(t.value.bar.serieName.useAbbreviation ? h(nn)({
                     source: e.name,
                     length: t.value.bar.serieName.abbreviationSize
                   }) : e.name), 13, Wi)) : g("", !0)
@@ -3588,7 +3588,7 @@ const _n = {
                     "font-size": A.value.plotLabels,
                     fill: t.value.plot.labels.color,
                     style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, re(Ye(a.value) ? h(Ae)(
+                  }, ce(Ye(a.value) ? h(Ae)(
                     t.value.plot.labels.formatter,
                     a.value,
                     h(lt)({
@@ -3688,7 +3688,7 @@ const _n = {
                     "font-size": A.value.plotLabels,
                     fill: t.value.line.labels.color,
                     style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, re(Ye(a.value) ? h(Ae)(
+                  }, ce(Ye(a.value) ? h(Ae)(
                     t.value.line.labels.formatter,
                     a.value,
                     h(lt)({
@@ -3898,7 +3898,7 @@ const _n = {
                 transform: `translate(${t.value.chart.grid.labels.axis.fontSize}, ${c.value.top + c.value.height / 2}) rotate(-90)`,
                 "text-anchor": "middle",
                 style: { transition: "none" }
-              }, re(t.value.chart.grid.labels.axis.yLabel), 9, fs)) : g("", !0),
+              }, ce(t.value.chart.grid.labels.axis.yLabel), 9, fs)) : g("", !0),
               t.value.chart.grid.labels.axis.xLabel ? (n(), u("text", {
                 key: 1,
                 ref_key: "xAxisLabel",
@@ -3908,22 +3908,22 @@ const _n = {
                 y: W.value - 3,
                 "font-size": A.value.yAxis,
                 fill: t.value.chart.grid.labels.color
-              }, re(t.value.chart.grid.labels.axis.xLabel), 9, ms)) : g("", !0)
+              }, ce(t.value.chart.grid.labels.axis.xLabel), 9, ms)) : g("", !0)
             ]),
             t.value.chart.grid.labels.xAxisLabels.show ? (n(), u("g", {
               key: 14,
               ref_key: "timeLabelsEls",
-              ref: Se
+              ref: $e
             }, [
               l.$slots["time-label"] ? (n(!0), u(b, { key: 0 }, L(D.value, (e, i) => te(l.$slots, "time-label", Gt({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
-                x: c.value.left + c.value.width / S.value * i + c.value.width / S.value / 2,
+                x: c.value.left + c.value.width / $.value * i + c.value.width / $.value / 2,
                 y: c.value.bottom,
                 fontSize: A.value.xAxis,
                 fill: t.value.chart.grid.labels.xAxisLabels.color,
-                transform: `translate(${c.value.left + c.value.width / S.value * i + c.value.width / S.value / 2}, ${c.value.bottom + A.value.xAxis * 1.3 + t.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
+                transform: `translate(${c.value.left + c.value.width / $.value * i + c.value.width / $.value / 2}, ${c.value.bottom + A.value.xAxis * 1.3 + t.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
                 absoluteIndex: e.absoluteIndex,
                 content: e.text,
                 textAnchor: t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
@@ -3939,7 +3939,7 @@ const _n = {
                     "text-anchor": t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                     "font-size": A.value.xAxis,
                     fill: t.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value.left + c.value.width / S.value * i + c.value.width / S.value / 2}, ${c.value.bottom + A.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    transform: `translate(${c.value.left + c.value.width / $.value * i + c.value.width / $.value / 2}, ${c.value.bottom + A.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: C({
                       cursor: pl() ? "pointer" : "default"
                     }),
@@ -3950,19 +3950,19 @@ const _n = {
                       x: 0,
                       y: 0
                     }),
-                    onClick: () => ke(e, i)
+                    onClick: () => we(e, i)
                   }, null, 12, xs)) : (n(), u("text", {
                     key: 0,
                     class: "vue-data-ui-time-label",
                     "text-anchor": t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                     "font-size": A.value.xAxis,
                     fill: t.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value.left + c.value.width / S.value * i + c.value.width / S.value / 2}, ${c.value.bottom + A.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    transform: `translate(${c.value.left + c.value.width / $.value * i + c.value.width / $.value / 2}, ${c.value.bottom + A.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: C({
                       cursor: pl() ? "pointer" : "default"
                     }),
-                    onClick: () => ke(e, i)
-                  }, re(e.text || ""), 13, gs))
+                    onClick: () => we(e, i)
+                  }, ce(e.text || ""), 13, gs))
                 ], 64)) : g("", !0)
               ]))), 128))
             ], 512)) : g("", !0),
@@ -4016,7 +4016,7 @@ const _n = {
                   "font-size": e.config.label.fontSize,
                   fill: e.config.label.color,
                   "text-anchor": e.config.label.textAnchor
-                }, re(e.config.label.text), 9, ws)) : g("", !0)
+                }, ce(e.config.label.text), 9, ws)) : g("", !0)
               ]))), 128))
             ])) : g("", !0),
             t.value.chart.timeTag.show && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), u("g", Ss, [
@@ -4036,7 +4036,7 @@ const _n = {
                 }, null, 12, _s)
               ], 8, $s)),
               k("circle", {
-                cx: c.value.left + c.value.width / S.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / S.value / 2,
+                cx: c.value.left + c.value.width / $.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / $.value / 2,
                 cy: c.value.bottom,
                 r: t.value.chart.timeTag.circleMarker.radius,
                 fill: t.value.chart.timeTag.circleMarker.color
@@ -4068,14 +4068,14 @@ const _n = {
             style: C({
               position: "fixed",
               top: h(Xt)({
-                svgElement: $e.value,
+                svgElement: _e.value,
                 x: c.value.right + t.value.line.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_right_line`],
                 position: "right"
               }).top + "px",
               left: h(Xt)({
-                svgElement: $e.value,
+                svgElement: _e.value,
                 x: c.value.right + t.value.line.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_right_line`],
@@ -4120,14 +4120,14 @@ const _n = {
             style: C({
               position: "fixed",
               top: h(Xt)({
-                svgElement: $e.value,
+                svgElement: _e.value,
                 x: c.value.left - t.value.line.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_left_line`],
                 position: "left"
               }).top + "px",
               left: h(Xt)({
-                svgElement: $e.value,
+                svgElement: _e.value,
                 x: c.value.left - t.value.line.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_left_line`],
@@ -4180,14 +4180,14 @@ const _n = {
             style: C({
               position: "fixed",
               top: h(Xt)({
-                svgElement: $e.value,
+                svgElement: _e.value,
                 x: c.value.right + t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_right_plot`],
                 position: "right"
               }).top + "px",
               left: h(Xt)({
-                svgElement: $e.value,
+                svgElement: _e.value,
                 x: c.value.right + t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_right_plot`],
@@ -4232,14 +4232,14 @@ const _n = {
             style: C({
               position: "fixed",
               top: h(Xt)({
-                svgElement: $e.value,
+                svgElement: _e.value,
                 x: c.value.left - t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_left_plot`],
                 position: "left"
               }).top + "px",
               left: h(Xt)({
-                svgElement: $e.value,
+                svgElement: _e.value,
                 x: c.value.left - t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_left_plot`],
@@ -4277,7 +4277,7 @@ const _n = {
           ], 4)) : g("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      t.value.chart.zoom.show && Qe.value > 6 && Mt.value && Me.value ? (n(), ct(hu, {
+      t.value.chart.zoom.show && Qe.value > 6 && Lt.value && se.value ? (n(), ct(hu, {
         key: 5,
         ref_key: "chartSlicer",
         ref: Ke,
@@ -4313,7 +4313,7 @@ const _n = {
         minimapIndicatorColor: t.value.chart.zoom.minimap.indicatorColor,
         verticalHandles: t.value.chart.zoom.minimap.verticalHandles,
         refreshStartPoint: t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex : 0,
-        refreshEndPoint: t.value.chart.zoom.endIndex !== null ? t.value.chart.zoom.endIndex + 1 : Math.max(...$.dataset.map((e) => yt(e.series).length)),
+        refreshEndPoint: t.value.chart.zoom.endIndex !== null ? t.value.chart.zoom.endIndex + 1 : Math.max(...S.dataset.map((e) => yt(e.series).length)),
         enableRangeHandles: t.value.chart.zoom.enableRangeHandles,
         enableSelectionDrag: t.value.chart.zoom.enableSelectionDrag,
         minimapCompact: t.value.chart.zoom.minimap.compact,
@@ -4330,7 +4330,7 @@ const _n = {
         timeLabels: m.value,
         isPreview: ea.value
       }, {
-        "reset-action": we(({ reset: e }) => [
+        "reset-action": Se(({ reset: e }) => [
           te(l.$slots, "reset-action", Yt(dl({ reset: e })), void 0, !0)
         ]),
         _: 3
@@ -4354,7 +4354,7 @@ const _n = {
           (n(!0), u(b, null, L(et.value, (e, i) => (n(), u("div", {
             key: `div_legend_item_${i}`,
             onClick: (a) => Ga(e),
-            class: Ze({ "vue-ui-xy-legend-item-alone": et.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": ve.value.includes(e.id) })
+            class: Ze({ "vue-ui-xy-legend-item-alone": et.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": de.value.includes(e.id) })
           }, [
             Qt.value[e.type] === "line" ? (n(), u("svg", Ws, [
               k("rect", {
@@ -4406,7 +4406,7 @@ const _n = {
             ])),
             k("span", {
               style: C(`color:${t.value.chart.legend.color}`)
-            }, re(e.name), 5)
+            }, ce(e.name), 5)
           ], 10, Ds))), 128))
         ], 4)) : (n(), u("div", {
           key: 1,
@@ -4424,7 +4424,7 @@ const _n = {
       }, [
         te(l.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      ml(h(ce), {
+      ml(h(ve), {
         show: p.value.showTooltip && xl.value,
         backgroundColor: t.value.chart.tooltip.backgroundColor,
         color: t.value.chart.tooltip.color,
@@ -4444,20 +4444,20 @@ const _n = {
         smoothForce: t.value.chart.tooltip.smoothForce,
         smoothSnapThreshold: t.value.chart.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": we(() => [
+        "tooltip-before": Se(() => [
           te(l.$slots, "tooltip-before", Yt(dl({ ...ja.value })), void 0, !0)
         ]),
-        "tooltip-after": we(() => [
+        "tooltip-after": Se(() => [
           te(l.$slots, "tooltip-after", Yt(dl({ ...ja.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      Mt.value && t.value.chart.userOptions.buttons.table ? (n(), ct(Ko(Yl.value.component), Gt({ key: 8 }, Yl.value.props, {
+      Lt.value && t.value.chart.userOptions.buttons.table ? (n(), ct(Ko(Yl.value.component), Gt({ key: 8 }, Yl.value.props, {
         ref_key: "tableUnit",
         ref: Je,
         onClose: vo
       }), xo({
-        content: we(() => [
+        content: Se(() => [
           k("div", {
             style: C(`${h(Bl) || t.value.table.useDialog ? "" : "max-height:400px"};${t.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${t.value.table.useDialog ? "" : "margin-top:48px"}`)
           }, [
@@ -4472,7 +4472,7 @@ const _n = {
                 onClick: s[5] || (s[5] = (e) => He.value = !He.value),
                 style: { cursor: "pointer" }
               }, [
-                ml(h(me), {
+                ml(h(ge), {
                   name: "chartLine",
                   size: 20,
                   stroke: t.value.chart.color
@@ -4493,11 +4493,11 @@ const _n = {
               withCloseButton: !t.value.table.useDialog,
               onClose: vo
             }, {
-              th: we(({ th: e }) => [
+              th: Se(({ th: e }) => [
                 k("div", { innerHTML: e }, null, 8, Ks)
               ]),
-              td: we(({ td: e }) => [
-                bo(re(isNaN(Number(e)) ? e : h(lt)({
+              td: Se(({ td: e }) => [
+                bo(ce(isNaN(Number(e)) ? e : h(lt)({
                   p: t.value.chart.labels.prefix,
                   v: e,
                   s: t.value.chart.labels.suffix,
@@ -4512,20 +4512,20 @@ const _n = {
       }, [
         t.value.table.useDialog ? {
           name: "title",
-          fn: we(() => [
-            bo(re(Yl.value.title), 1)
+          fn: Se(() => [
+            bo(ce(Yl.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         t.value.table.useDialog ? {
           name: "actions",
-          fn: we(() => [
+          fn: Se(() => [
             k("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: s[3] || (s[3] = (e) => Ta(t.value.chart.userOptions.callbacks.csv))
             }, [
-              ml(h(me), {
+              ml(h(ge), {
                 name: "excel",
                 stroke: Yl.value.props.color
               }, null, 8, ["stroke"])
@@ -4534,7 +4534,7 @@ const _n = {
           key: "1"
         } : void 0
       ]), 1040)) : g("", !0),
-      h(xe) ? (n(), ct(gn, { key: 9 })) : g("", !0)
+      h(be) ? (n(), ct(gn, { key: 9 })) : g("", !0)
     ], 46, fu));
   }
 }, hr = /* @__PURE__ */ Lo(Js, [["__scopeId", "data-v-d218b34b"]]);