vue-data-ui 3.1.17 → 3.1.18

package/dist/{vue-ui-xy-Uqdl2nk-.js → vue-ui-xy-Cll76_i9.js}

@@ -1,17 +1,17 @@
-import { useCssVars as Yo, computed as x, ref as y, onMounted as Ll, onBeforeUnmount as gl, watch as ht, onUpdated as ho, nextTick as Cl, 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 Uo, toRefs as qo, 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 xa, y as ba, X as Qo, F as dt, $ as ya, V as pa, a0 as ka, U as wa, a1 as yo, u as jo, f as Na, t as en, d as tn, D as Kl, af as hl, e as po, p as ko, ag as fa, ac as j, a7 as Pa, ah as ln, h as q, ai as an, aj as wo, ak as So, k as ze, al as on, z as nn, _ as $o, R as wt, i as lt, x as fl, s as vt, aa as ie, L as un, am as ma, I as sn, an as Xt, C as qe, a as rn, b as cn, o as _o, v as vn, w as dn, E as Ml } from "./index-Lg17rmB1.js";
-import { t as Jl, d as hn, u as fn } from "./useResponsive-DfdjqQps.js";
-import { u as mn } from "./usePrinter-DGI4Mlad.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 re, defineAsyncComponent as Wt, useSlots as Go, getCurrentInstance as Uo, toRefs as qo, 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, y as xa, X as Qo, F as dt, $ as ya, V as pa, a0 as ka, U as wa, a1 as yo, u as jo, f as Na, t as en, d as tn, D as ql, af as hl, e as po, p as ko, ag as ha, ac as j, a7 as Pa, ah as ln, h as q, ai as an, aj as wo, ak as So, k as Ae, al as on, z as nn, _ as $o, R as wt, i as lt, x as fl, s as vt, aa as ie, L as un, am as fa, I as sn, an as Xt, C as qe, a as rn, b as cn, o as _o, v as vn, w as dn, E as _l } from "./index-smzxfsyV.js";
+import { t as ba, d as hn, u as fn } from "./useResponsive-DfdjqQps.js";
+import { u as mn } from "./usePrinter-nFj0xF0a.js";
 import { u as gn, B as xn } from "./BaseScanner-BgWxam9d.js";
 import { u as Mo, a as bn, l as yn } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Fa } from "./useNestedProp-DpwLJMsW.js";
+import { u as Fa } from "./useNestedProp-DeKmJzsE.js";
 import { u as pn } from "./useTimeLabelCollider-CIsgDrl9.js";
-import kn from "./img-CeCjiMpr.js";
-import wn from "./Title-BVMfF0uu.js";
-import { _ as ga } from "./Shape-6PexQroB.js";
-import Sn from "./BaseIcon-7s-tCFcQ.js";
+import kn from "./img-BArHHegM.js";
+import wn from "./Title-B_WMW2Bp.js";
+import { _ as ma } from "./Shape-sVxD_SDm.js";
+import Sn from "./BaseIcon-BPiT94Lb.js";
 import { _ as Lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import $n from "./vue-ui-accordion-BJG-ogQj.js";
+import $n from "./vue-ui-accordion-7cfJUVx5.js";
 const _n = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
@@ -22,7 +22,7 @@ const _n = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, Cn = ["xmlns", "viewBox"], An = ["id"], zn = ["stop-color"], Tn = ["width", "height", "stroke"], In = ["d", "stroke"], Nn = ["d", "fill"], Pn = ["x", "y", "width", "height", "fill"], Fn = ["d", "stroke"], Rn = ["cx", "cy", "fill", "stroke"], On = ["x", "width", "height", "fill", "rx"], Vn = ["x", "width", "height", "rx", "fill"], Bn = ["x", "width", "height", "fill", "rx"], En = ["x2", "y1", "y2", "stroke"], Hn = { key: "merged-tree" }, Dn = ["d", "fill"], Wn = ["d", "stroke"], Xn = ["cx", "cy", "stroke", "fill"], Yn = ["cx", "cy", "stroke", "fill"], Gn = { key: "split-tree" }, Un = ["x", "y", "width", "height", "fill"], qn = ["d", "stroke"], Zn = ["x", "height", "fill", "stroke"], Kn = ["x", "height", "fill", "stroke"], Jn = { key: "merged-tree" }, Qn = ["cx", "cy", "stroke", "fill"], jn = ["cx", "cy", "fill"], eu = ["cx", "cy", "stroke", "fill"], tu = ["cx", "cy", "fill"], lu = { key: 11 }, au = ["d", "stroke"], ou = ["cx", "cy", "fill", "stroke"], nu = ["cx", "cy", "stroke", "fill"], uu = ["cx", "cy", "fill"], iu = ["cx", "cy", "stroke", "fill"], su = ["cx", "cy", "fill"], ru = ["x", "height", "width", "onMouseenter"], cu = ["min", "max"], vu = ["min", "max"], Ra = 48, du = {
+}, Cn = ["xmlns", "viewBox"], An = ["id"], Tn = ["stop-color"], zn = ["width", "height", "stroke"], In = ["d", "stroke"], Nn = ["d", "fill"], Pn = ["x", "y", "width", "height", "fill"], Fn = ["d", "stroke"], Rn = ["cx", "cy", "fill", "stroke"], On = ["x", "width", "height", "fill", "rx"], Vn = ["x", "width", "height", "rx", "fill"], Bn = ["x", "width", "height", "fill", "rx"], En = ["x2", "y1", "y2", "stroke"], Hn = { key: "merged-tree" }, Dn = ["d", "fill"], Wn = ["d", "stroke"], Xn = ["cx", "cy", "stroke", "fill"], Yn = ["cx", "cy", "stroke", "fill"], Gn = { key: "split-tree" }, Un = ["x", "y", "width", "height", "fill"], qn = ["d", "stroke"], Zn = ["x", "height", "fill", "stroke"], Kn = ["x", "height", "fill", "stroke"], Jn = { key: "merged-tree" }, Qn = ["cx", "cy", "stroke", "fill"], jn = ["cx", "cy", "fill"], eu = ["cx", "cy", "stroke", "fill"], tu = ["cx", "cy", "fill"], lu = { key: 11 }, au = ["d", "stroke"], ou = ["cx", "cy", "fill", "stroke"], nu = ["cx", "cy", "stroke", "fill"], uu = ["cx", "cy", "fill"], iu = ["cx", "cy", "stroke", "fill"], su = ["cx", "cy", "fill"], ru = ["x", "height", "width", "onMouseenter"], cu = ["min", "max"], vu = ["min", "max"], Ra = 48, du = {
   __name: "SlicerPreview",
   props: {
     immediate: {
@@ -190,40 +190,30 @@ const _n = {
   emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
   setup($, { expose: Sa, emit: $a }) {
     Yo((v) => ({
-      "2a038cf8": Il.value,
-      "7c0dd528": ne.value,
-      "2dee3c46": mt.value,
-      bba352c8: $.selectColor,
-      d243d9ac: Nl.value
+      "64664f38": Tl.value,
+      "074850a8": ne.value,
+      "0460f41d": mt.value,
+      "46ddce48": $.selectColor,
+      fcd4952c: zl.value
     }));
-    const d = $, Le = y(null), ce = y(d.min), fe = y(d.max), me = x(() => !!d.minimap.length), Al = y(xa()), St = y(!1), Nt = x(() => me.value && d.minimapCompact), zl = y(0), Ut = Jl((v) => Ce("futureStart", v), 0), xl = Jl((v) => Ce("futureEnd", v), 0), qt = x({
+    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), Ut = ba((v) => Le("futureStart", v), 0), gl = ba((v) => Le("futureEnd", v), 0), qt = x({
       get: () => ce.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 ? Ce("update:start", Number(m)) : St.value && Ut(m));
+        m !== ce.value && (ce.value = m, Mt.value && (Mt.value.value = String(m)), d.immediate ? Le("update:start", Number(m)) : St.value && Ut(m));
       }
     }), $t = x({
       get: () => fe.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 ? Ce("update:end", Number(m)) : St.value && xl(m));
+        m !== fe.value && (fe.value = m, t.value && (t.value.value = String(m)), d.immediate ? Le("update:end", Number(m)) : St.value && gl(m));
       }
     });
-    Ll(() => {
-      const v = () => {
-        Le.value && (zl.value = Le.value.getBoundingClientRect().width);
-      };
-      v();
-      const m = Jl(v, 50);
-      window.addEventListener("resize", m), gl(() => {
-        window.removeEventListener("resize", m);
-      });
-    });
     let Be = null;
     function Te() {
-      clearTimeout(Be), d.immediate || (Ce("update:start", Number(ce.value)), Ce("update:end", Number(fe.value))), St.value = !1;
+      clearTimeout(Be), d.immediate || (Le("update:start", Number(ce.value)), Le("update:end", Number(fe.value))), St.value = !1;
     }
-    const Ke = x(() => d.refreshEndPoint === null ? d.max : d.refreshEndPoint), Ce = $a, ft = x(() => {
+    const Ke = x(() => d.refreshEndPoint === null ? d.max : d.refreshEndPoint), Le = $a, ft = x(() => {
       if (Nt.value) {
         const m = Math.max(1, at.value - 1);
         return Pt.value / m * 100;
@@ -237,34 +227,34 @@ const _n = {
       }
       const v = Math.max(1, d.max - d.min);
       return (fe.value - d.min) / v * 100;
-    }), Tl = x(() => (ft.value + _t.value) / 2), Zt = x(() => {
-      if (!Le.value) return !1;
+    }), Al = x(() => (ft.value + _t.value) / 2), Zt = x(() => {
+      if (!Ne.value) return !1;
       const v = Math.max(1, d.max - d.min);
-      return Le.value.getBoundingClientRect().width * ((ce.value - d.min) / v) - pl.value / 2 < 0;
+      return Ne.value.getBoundingClientRect().width * ((ce.value - d.min) / v) - yl.value / 2 < 0;
     }), Kt = x(() => {
-      if (!Le.value) return !1;
-      const v = Math.max(1, d.max - d.min), m = Le.value.getBoundingClientRect().width;
+      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(() => {
-      const v = Kt.value ? `calc(${Tl.value}% - ${Bt.value.width}px - 2px)` : Zt.value ? `calc(${Tl.value}% - 8px)` : `calc(${Tl.value}% - ${Bt.value.width / 2}px - 4px)`;
+      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)}%`,
         background: d.selectColor,
-        tooltipLeft: `calc(${ft.value}% - ${Zt.value ? 9 : pl.value / 2 + 3.5}px)`,
+        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)`,
         tooltipCenter: v,
         arrowLeft: !Zt.value,
         arrowRight: !Kt.value
       };
-    }), Il = x(() => d.inputColor), Nl = x(() => d.background), mt = x(() => `${d.selectColor}33`), ne = x(() => d.borderColor), Ql = x(() => {
+    }), Tl = x(() => d.inputColor), zl = x(() => d.background), mt = x(() => `${d.selectColor}33`), ne = x(() => d.borderColor), Jl = x(() => {
       let v = [];
       for (let m = 0; m < d.max; m += 1)
         v.push(m);
       return v;
     });
     function E() {
-      Ce("reset");
+      Le("reset");
     }
     ht(
       () => d.min,
@@ -281,20 +271,20 @@ const _n = {
       width: 1,
       height: 1
     }), le = y(null);
-    Ll(() => {
+    Zl(() => {
       if (me.value) {
-        const v = Jl(() => {
+        const v = ba(() => {
           if (!Jt.value) return;
-          const { width: m, height: f } = fn({ chart: Jt.value }), _ = Math.max(0, Math.round(m)), z = Math.max(0, Math.round(f - 47));
-          (_ !== W.value.width || z !== W.value.height) && (W.value.width = _, W.value.height = z);
-        }, 50);
+          const { width: m, height: f } = fn({ chart: Jt.value }), _ = Math.max(0, Math.round(m)), T = Math.max(0, Math.round(f - 47));
+          (_ !== W.value.width || T !== W.value.height) && (W.value.width = _, W.value.height = T);
+        }, 0);
         le.value = new ResizeObserver(v), le.value.observe(Jt.value);
       }
-    }), gl(() => {
+    }), Ll(() => {
       le.value && le.value.disconnect();
     });
     const at = x(() => Math.max(1, d.max - d.min));
-    function jl(v) {
+    function Ql(v) {
       const m = Math.floor(v - d.min);
       return Math.min(Math.max(0, m), at.value);
     }
@@ -302,34 +292,34 @@ const _n = {
       const m = Math.ceil(v - d.min);
       return Math.min(Math.max(0, m), at.value);
     }
-    const Ee = x(() => jl(ce.value)), Pe = x(() => Qt(fe.value)), bl = x(() => Math.max(...d.allMinimaps.map((v) => v.series.length))), ae = x(() => {
+    const Ee = x(() => Ql(ce.value)), Pe = x(() => Qt(fe.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, bl.value - (d.minimapCompact ? 1 : 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);
-    function Pl(v, m, f) {
-      const _ = Z.value, z = Math.max(1, ve.value), D = bl.value - 1;
-      return f === 0 ? v + _ / 2 * m : f === D ? v - _ / 2 * (z - m) : v - z * _ / 2 + m * _;
+    function Il(v, m, f) {
+      const _ = Z.value, T = Math.max(1, ve.value), D = xl.value - 1;
+      return f === 0 ? v + _ / 2 * m : f === D ? v - _ / 2 * (T - m) : v - T * _ / 2 + m * _;
     }
-    function Fl(v, m) {
-      return [0, bl.value - 1].includes(m) ? Z.value / 2 : Z.value;
+    function Nl(v, m) {
+      return [0, xl.value - 1].includes(m) ? Z.value / 2 : Z.value;
     }
-    const Rl = x(() => {
+    const Pl = x(() => {
       const v = [];
       if (Array.isArray(d.minimap) && d.minimap.length && d.minimapMerged && v.push(...d.minimap.filter(Number.isFinite)), Array.isArray(d.allMinimaps) && d.allMinimaps.length)
         for (const m of d.allMinimaps)
           m?.isVisible && Array.isArray(m?.series) && v.push(...m.series.filter(Number.isFinite));
       return v.length ? { min: Math.min(...v), max: Math.max(...v) } : { min: 0, max: 1 };
-    }), He = x(() => Rl.value.min), gt = x(() => Rl.value.max), X = x(() => He.value < 0 && gt.value > 0 || gt.value <= 0 ? He.value : 0), ea = x(() => Math.max(1e-9, Math.max(Math.abs(He.value), Math.abs(gt.value)))), Ol = x(() => He.value < 0 && gt.value > 0), yl = (v) => {
+    }), He = x(() => Pl.value.min), gt = x(() => Pl.value.max), X = x(() => He.value < 0 && gt.value > 0 || gt.value <= 0 ? He.value : 0), jl = x(() => Math.max(1e-9, Math.max(Math.abs(He.value), Math.abs(gt.value)))), Fl = x(() => He.value < 0 && gt.value > 0), bl = (v) => {
       const m = Math.max(1, W.value.height);
-      if (Ol.value) {
-        const f = ea.value;
+      if (Fl.value) {
+        const f = jl.value;
         return (1 - (Math.max(-1, Math.min(1, v / f)) + 1) / 2) * m;
       } else {
         const f = Math.min(0, He.value), _ = Math.max(0, gt.value);
         return m - (v - f) / Math.max(1e-9, _ - f) * m;
       }
-    }, $e = x(() => yl(0));
+    }, $e = x(() => bl(0));
     function ot(v, m, f) {
       const _ = (D, ke, S) => Math.max(ke, Math.min(S, D));
       if (m <= 0) {
@@ -357,19 +347,19 @@ const _n = {
           fullMarkers: [],
           selectionMarkers: []
         };
-      const f = Math.max(1, W.value.height), _ = ot(He.value, gt.value, f), z = v.length, D = Math.min(Math.max(0, Ee.value), Math.max(0, z - 1)), ke = Math.min(z, Math.max(D + 1, Pe.value)), S = v.map((Me, il) => {
-        const zt = d.cutNullValues ? Me : Me === null ? 0 : Me, na = Number.isFinite(zt), 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)), 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);
         return {
           x: La,
-          y: na ? _(zt) : NaN,
-          v: zt,
-          value: na ? zt : null,
+          y: oa ? _(Tt) : NaN,
+          v: Tt,
+          value: oa ? Tt : null,
           y0: Ca,
           i: il
         };
-      }), wl = (Me) => Me >= 0 && Me < S.length && Number.isFinite(S[Me]?.value), st = S.filter((Me) => Number.isFinite(Me.value) && !wl(Me.i - 1) && !wl(Me.i + 1)), Et = st.filter((Me) => Me.i >= D && Me.i < ke), At = S.slice(D, ke), oa = 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 = (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) : "";
       return {
-        fullSet: oa,
+        fullSet: aa,
         points: S,
         selectionSet: ul,
         sliced: At,
@@ -396,14 +386,14 @@ const _n = {
         x: ae.value * v + (d.minimapCompact ? 0 : ae.value / 2),
         width: ae.value * (m - v) - ae.value
       };
-    }), xt = y(d.minimapSelectedIndex), Vl = (v) => Math.round(d.min + v), Pt = x({
+    }), xt = y(d.minimapSelectedIndex), Rl = (v) => Math.round(d.min + v), Pt = x({
       get() {
         return Nt.value ? Ee.value : Number(qt.value);
       },
       set(v) {
         if (Nt.value) {
           const m = Math.round(+v || 0);
-          Lt(Vl(m));
+          Lt(Rl(m));
         } else {
           let m = Math.round(+v || 0);
           const f = Number(fe.value) - 1, _ = Math.min(Math.max(d.min, m), f);
@@ -417,7 +407,7 @@ const _n = {
       set(v) {
         if (Nt.value) {
           const m = Math.round(+v || 0);
-          _e(Vl(m + 1));
+          _e(Rl(m + 1));
         } else {
           let m = Math.round(+v || 0);
           const f = Number(ce.value) + 1, _ = Math.max(f, Math.min(m, d.max));
@@ -426,7 +416,7 @@ const _n = {
       }
     });
     function A(v) {
-      xt.value = jl(d.valueStart) + v;
+      xt.value = Ql(d.valueStart) + v;
     }
     const De = hn(A, 60);
     ht(() => d.minimapSelectedIndex, (v, m) => {
@@ -436,10 +426,10 @@ const _n = {
       }
       v !== m && De(v);
     }, { immediate: !0 });
-    function Bl(v) {
+    function Ol(v) {
       xt.value = v;
       const m = Ee.value, f = Pe.value;
-      v >= m && v < f && !tt.value && Ce("trapMouse", v - m);
+      v >= m && v < f && !tt.value && Le("trapMouse", v - m);
     }
     const Mt = y(null), t = y(null);
     function p(v) {
@@ -466,17 +456,17 @@ const _n = {
         $t.value = m;
       }));
     }
-    gl(() => {
+    Ll(() => {
       cancelAnimationFrame(tl), cancelAnimationFrame(xe);
     });
     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(() => (zl.value - 48) / (d.max - d.min) * bt.value), w = x(() => Math.max(1, zl.value - Ra - Qe.value)), We = x(() => Math.max(1, d.max - d.min - bt.value)), ta = x(() => We.value / w.value), El = y(0), Ct = y(0), Ma = y(0), Hl = 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), Ct = 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 (!Le.value) return d.min;
-      const m = Le.value.getBoundingClientRect(), f = m.left + Ra / 2, _ = m.right - Ra / 2, z = Math.max(1, _ - f), ke = (Math.max(f, Math.min(v, _)) - f) / z, S = Math.max(1, d.max - d.min);
+      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 al = async (v) => {
@@ -486,116 +476,116 @@ const _n = {
       const f = m && v.targetTouches && v.targetTouches[0] ? v.targetTouches[0] : null, _ = m ? f ? f.target : null : v.target;
       if (!_ || !(_ instanceof Element) || _.classList && _.classList.contains("range-handle")) return;
       Ft.value = !0;
-      const z = m ? f ? f.clientX : 0 : v.clientX;
-      if (yt.value = z, El.value = z, d.focusOnDrag && !_a.value && Le.value) {
-        ll.value = Rt(z);
-        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)), wl = Math.floor(S / 2);
-        let st = ll.value - wl;
+      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);
+        let st = ll.value - kl;
         st = Math.max(d.min, Math.min(st, d.max - S));
         const Et = Math.min(d.max, st + S);
-        qt.value = st, $t.value = Et, Ut(st), xl(Et), yo(Le.value, "mouseup"), await Cl(), yo(Le.value, "mousedown", { clientX: z });
+        qt.value = st, $t.value = Et, Ut(st), gl(Et), yo(Ne.value, "mouseup"), await Ml(), yo(Ne.value, "mousedown", { clientX: T });
       }
-      Ct.value = ce.value, Ma.value = fe.value, Hl.value = ta.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);
+      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);
     };
     function Xe(v) {
       Ft.value && je(v.clientX);
     }
     function ol(v) {
-      if (!Ft.value || !Le.value) return;
+      if (!Ft.value || !Ne.value) return;
       const m = v.target;
-      if (!(m instanceof Element) || !Le.value.contains(m) || m.classList && m.classList.contains("range-handle")) return;
+      if (!(m instanceof Element) || !Ne.value.contains(m) || m.classList && m.classList.contains("range-handle")) return;
       v.preventDefault();
       const f = v.targetTouches && v.targetTouches[0] ? v.targetTouches[0] : null;
       f && je(f.clientX);
     }
     function je(v) {
       if (!Ft.value) return;
-      const m = Rt(El.value), _ = Rt(v) - m;
-      let z = Math.round(Ct.value + _);
-      z = Math.max(d.min, Math.min(z, d.max - bt.value));
-      const D = z + bt.value;
-      qt.value = z, $t.value = D, Ut(z), xl(D);
+      const m = Rt(Vl.value), _ = Rt(v) - m;
+      let T = Math.round(Ct.value + _);
+      T = Math.max(d.min, Math.min(T, d.max - bt.value));
+      const D = T + bt.value;
+      qt.value = T, $t.value = D, Ut(T), gl(D);
     }
     function et() {
-      la();
+      ta();
     }
     function Fe() {
-      la();
+      ta();
     }
-    function la() {
+    function ta() {
       Ft.value = !1, nt && it && window.removeEventListener(nt, it), ut && pt && window.removeEventListener(ut, pt), nt = ut = null, it = pt = null, Te();
     }
-    const tt = y(!1), nl = y(null), Ot = y(null), pl = y(1), c = y(1), Vt = y(!1);
-    function Dl() {
+    const tt = y(!1), nl = y(null), Ot = y(null), yl = y(1), c = y(1), Vt = y(!1);
+    function El() {
       if (nl.value) {
         const v = Math.round(nl.value.getBoundingClientRect().width);
-        v !== pl.value && (pl.value = v);
+        v !== yl.value && (yl.value = v);
       }
     }
-    function kl() {
+    function pl() {
       if (Ot.value) {
         const v = Math.round(Ot.value.getBoundingClientRect().width);
         v !== c.value && (c.value = v);
       }
     }
     ho(() => {
-      Dl(), kl();
+      El(), pl();
     });
-    const aa = y(0);
-    function Wl(v) {
-      aa.value = v === "start" ? 1 : 0;
+    const la = y(0);
+    function Hl(v) {
+      la.value = v === "start" ? 1 : 0;
     }
     const kt = y(!1), Bt = y({
       width: 0,
       left: 0
     });
     ht([ce, fe], async () => {
-      if (await Cl(), !nl.value || !Ot.value) {
+      if (await Ml(), !nl.value || !Ot.value) {
         kt.value = !1, Bt.value = { width: 0, left: 0 };
         return;
       }
       const v = nl.value.getBoundingClientRect(), m = Ot.value.getBoundingClientRect();
       kt.value = v.x + v.width > m.x;
-      const f = v.x + v.width / 2, _ = m.x + m.width / 2, z = v.width + m.width, D = (f + _) / 2;
+      const f = v.x + v.width / 2, _ = m.x + m.width / 2, T = v.width + m.width, D = (f + _) / 2;
       Bt.value = {
-        width: z,
-        left: D - z / 2
+        width: T,
+        left: D - T / 2
       };
     }), ho(() => {
-      Dl(), kl();
+      El(), pl();
     }), ht(() => d.labelLeft, () => {
-      Cl(Dl);
+      Ml(El);
     }, { deep: !0 }), ht(() => d.labelRight, () => {
-      Cl(kl);
+      Ml(pl);
     }, { deep: !0 });
     const ge = x(() => {
       let v = "", m = "", f = !1;
-      if (ba(d.customFormat))
+      if (xa(d.customFormat))
         try {
           const _ = d.customFormat({
             absoluteIndex: ce.value,
             seriesIndex: ce.value,
             datapoint: d.selectedSeries
-          }), z = d.customFormat({
+          }), T = d.customFormat({
             absoluteIndex: fe.value - 1,
             seriesIndex: -1,
             datapoint: d.selectedSeries
           });
-          typeof _ == "string" && typeof z == "string" && (v = _, m = z, f = !0);
+          typeof _ == "string" && typeof T == "string" && (v = _, m = T, f = !0);
         } catch {
           f = !1;
         }
       if (!f) {
-        const _ = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === ce.value) : d.timeLabels.find((D) => D.absoluteIndex === ce.value), z = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === fe.value - 1) : d.timeLabels.find((D) => D.absoluteIndex === fe.value - 1);
-        v = _ ? _.text : "", m = z ? z.text : "";
+        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);
+        v = _ ? _.text : "", m = T ? T.text : "";
       }
       return { left: v, right: m };
     });
-    gl(() => {
+    Ll(() => {
       le.value && le.value.disconnect(), nt && it && window.removeEventListener(nt, it), ut && pt && window.removeEventListener(ut, pt), nt = ut = null, it = pt = null, clearTimeout(Be);
     });
-    const Xl = x(() => {
-      if (!Ql.value.length) return null;
+    const Dl = x(() => {
+      if (!Jl.value.length) return null;
       if (xt.value >= Ee.value && xt.value < Pe.value) {
         const v = xt.value;
         return {
@@ -619,7 +609,7 @@ const _n = {
       style: { padding: "0 24px" },
       class: "vue-data-ui-zoom",
       ref_key: "zoomWrapper",
-      ref: Le,
+      ref: Ne,
       onMousedown: al,
       onTouchstart: al
     }, [
@@ -662,7 +652,7 @@ const _n = {
           }, [
             k("defs", null, [
               k("linearGradient", {
-                id: Al.value,
+                id: Cl.value,
                 x1: "0%",
                 y1: "0%",
                 x2: "0%",
@@ -671,7 +661,7 @@ const _n = {
                 k("stop", {
                   offset: "0%",
                   "stop-color": `${$.minimapLineColor}50`
-                }, null, 8, zn),
+                }, null, 8, Tn),
                 m[13] || (m[13] = k("stop", {
                   offset: "100%",
                   "stop-color": "transparent"
@@ -688,7 +678,7 @@ const _n = {
               fill: "none",
               stroke: $.minimapFrameColor,
               rx: 3
-            }, null, 8, Tn)) : g("", !0),
+            }, null, 8, zn)) : g("", !0),
             $.minimapMerged ? (n(), u("path", {
               key: 1,
               d: `M${H.value.fullSet}`,
@@ -702,18 +692,18 @@ const _n = {
             $.minimapMerged && !$.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(#${Al.value})`,
+              fill: `url(#${Cl.value})`,
               stroke: "none",
               style: { opacity: "0.6" }
             }, null, 8, Nn)) : $.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, (z, D) => (n(), u(b, null, [
-                  f.isVisible && !isNaN(z.y) ? (n(), u("rect", {
+                (n(!0), u(b, null, L(f.points, (T, D) => (n(), u(b, null, [
+                  f.isVisible && !isNaN(T.y) ? (n(), u("rect", {
                     key: 0,
-                    x: Pl(z.x, _, D),
-                    y: z.v >= 0 ? z.y : z.y0,
-                    width: Fl(_, D),
-                    height: z.v >= 0 ? z.y0 - z.y : z.y - z.y0,
+                    x: Il(T.x, _, D),
+                    y: T.v >= 0 ? T.y : T.y0,
+                    width: Nl(_, D),
+                    height: T.v >= 0 ? T.y0 - T.y : T.y - T.y0,
                     fill: f.color,
                     style: { opacity: 0.6 }
                   }, null, 8, Pn)) : g("", !0)
@@ -781,7 +771,7 @@ const _n = {
                 H.value.selectionSet ? (n(), u("path", {
                   key: 0,
                   d: `M${H.value.sliced[0].x},${Math.max(W.value.height, 0)} ${H.value.selectionSet} L${H.value.sliced[H.value.sliced.length - 1].x},${Math.max(W.value.height, 0)}Z`,
-                  fill: `url(#${Al.value})`,
+                  fill: `url(#${Cl.value})`,
                   stroke: "none",
                   style: { opacity: "1" }
                 }, null, 8, Dn)) : g("", !0),
@@ -815,13 +805,13 @@ const _n = {
               }, 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, [
-                (n(!0), u(b, null, L(f.points, (z, D) => (n(), u(b, null, [
-                  f && f.isVisible && !isNaN(z.y) ? (n(), u("rect", {
+                (n(!0), u(b, null, L(f.points, (T, D) => (n(), u(b, null, [
+                  f && f.isVisible && !isNaN(T.y) ? (n(), u("rect", {
                     key: 0,
-                    x: Pl(z.x, _, D),
-                    y: z.v >= 0 ? z.y : z.y0,
-                    width: Fl(_, D),
-                    height: z.v >= 0 ? z.y0 - z.y : z.y - z.y0,
+                    x: Il(T.x, _, D),
+                    y: T.v >= 0 ? T.y : T.y0,
+                    width: Nl(_, D),
+                    height: T.v >= 0 ? T.y0 - T.y : T.y - T.y0,
                     fill: f.color,
                     style: C({ opacity: D >= qt.value && D < $t.value ? 1 : 0 })
                   }, null, 12, Un)) : g("", !0)
@@ -863,7 +853,7 @@ const _n = {
               stroke: $.textColor,
               rx: 3
             }, null, 8, Kn)) : g("", !0),
-            xt.value !== null && !tt.value ? (n(), u("line", Yt(Gt({ key: 9 }, Xl.value)), null, 16)) : 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, [
               H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), u("circle", {
                 key: 0,
@@ -953,18 +943,18 @@ const _n = {
                 }, null, 8, su)) : g("", !0)
               ]))), 128))
             ])),
-            (n(!0), u(b, null, L(Ql.value, (f, _) => (n(), u("rect", {
+            (n(!0), u(b, null, L(Jl.value, (f, _) => (n(), u("rect", {
               x: ae.value * _ - ($.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" }]),
-              onMousedown: m[0] || (m[0] = (z) => tt.value = !0),
-              onMouseup: m[1] || (m[1] = (z) => tt.value = !1),
-              onMouseenter: (z) => Bl(f),
-              onMouseleave: m[2] || (m[2] = (z) => {
-                xt.value = null, Ce("trapMouse", null);
+              onMousedown: m[0] || (m[0] = (T) => tt.value = !0),
+              onMouseup: m[1] || (m[1] = (T) => tt.value = !1),
+              onMouseenter: (T) => Ol(f),
+              onMouseleave: m[2] || (m[2] = (T) => {
+                xt.value = null, Le("trapMouse", null);
               })
             }, null, 44, ru))), 256))
           ], 8, Cn))
@@ -1001,7 +991,7 @@ const _n = {
           onChange: Te,
           onKeyup: fo(Te, ["enter"]),
           onBlur: Te,
-          onMouseenter: m[7] || (m[7] = (f) => Wl("start")),
+          onMouseenter: m[7] || (m[7] = (f) => Hl("start")),
           onPointerup: Te
         }, null, 42, cu)), [
           [
@@ -1029,7 +1019,7 @@ const _n = {
           onChange: Te,
           onKeyup: fo(Te, ["enter"]),
           onBlur: Te,
-          onMouseenter: m[10] || (m[10] = (f) => Wl("end")),
+          onMouseenter: m[10] || (m[10] = (f) => Hl("end")),
           onPointerup: Te
         }, null, 42, vu)), [
           [
@@ -1054,7 +1044,7 @@ const _n = {
             color: h(dt)($.selectColor),
             backgroundColor: $.selectColor,
             border: `1px solid ${ne.value}`,
-            zIndex: `${aa.value + 4}`,
+            zIndex: `${la.value + 4}`,
             visibility: kt.value || ge.value.left === ge.value.right ? "hidden" : "visible",
             top: me.value && $.minimapCompact ? "calc(-100% - 12px)" : "-100%"
           })
@@ -1102,7 +1092,7 @@ const _n = {
       ], 544)
     ], 544));
   }
-}, hu = /* @__PURE__ */ Lo(du, [["__scopeId", "data-v-df735051"]]), 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"], zu = ["id"], Tu = ["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"], Uu = ["x", "y", "height", "width", "fill"], qu = ["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"], zi = ["d", "fill"], Ti = ["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 }, Ui = ["x", "y"], qi = ["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-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"], Uu = ["x", "y", "height", "width", "fill"], qu = ["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 }, Ui = ["x", "y"], qi = ["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 = {
@@ -1113,7 +1103,7 @@ const _n = {
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, zs = ["fill"], Ts = ["innerHTML"], Is = {
+}, Ts = ["fill"], zs = ["innerHTML"], Is = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
@@ -1168,11 +1158,11 @@ const _n = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup($, { expose: Sa, emit: $a }) {
-    const d = $, Le = Wt(() => import("./DataTable-Dw6dxJk3.js")), ce = Wt(() => import("./Tooltip-DBvmoYXU.js")), fe = Wt(() => import("./UserOptions-CKzW9w0Q.js")), me = Wt(() => import("./BaseIcon-7s-tCFcQ.js")), Al = Wt(() => import("./vue-ui-table-sparkline-DnSLwUNN.js")), St = Wt(() => import("./PackageVersion-D1HToLlZ.js")), Nt = Wt(() => import("./PenAndPaper-BKnXOYre.js")), zl = Wt(() => import("./BaseDraggableDialog-CrCjMg89.js")), Ut = $a, xl = Go(), qt = Uo(), { vue_ui_xy: $t } = jo(), Be = y(null), Te = y(null), Ke = y(null), Ce = y(null), ft = y(null), _t = y(null), Tl = y(null), Zt = y(null), Kt = y(null), Se = y(null), Il = y(null), Nl = y(null), mt = y(null), ne = y(null), Ql = y(0), E = y(null), Jt = y(!0), W = y(600), le = y(1e3), at = y("0 0 1000 600"), jl = y({ x: 0, y: 0 }), Qt = y({ line: "line", bar: "bar", plot: "plot" }), Ee = y(!1), Pe = y(!1), bl = y(!1), ae = y(null), ve = y([]), Z = y(xa()), Pl = y(0), Fl = y(0), Rl = y(0), He = y(!0), gt = y(0), X = y(null), ea = y(!1), Ol = y(!0), yl = y(!0), $e = y(null), ot = y({}), jt = y(null), H = y(!1), Je = y(null), M = y(null), xt = x(() => ({
+    const d = $, Ne = Wt(() => import("./DataTable-CywujQw9.js")), ce = Wt(() => import("./Tooltip-Db9jy0Iu.js")), fe = Wt(() => import("./UserOptions-CtECQwBN.js")), me = Wt(() => import("./BaseIcon-BPiT94Lb.js")), Cl = Wt(() => import("./vue-ui-table-sparkline-DyrnPNGv.js")), St = Wt(() => import("./PackageVersion-BzGzkGiC.js")), Nt = Wt(() => import("./PenAndPaper-Deh70G9d.js")), Kl = Wt(() => import("./BaseDraggableDialog-CkjMZyIs.js")), Ut = $a, gl = Go(), qt = Uo(), { vue_ui_xy: $t } = jo(), 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(() => ({
       height: W.value,
       width: le.value
     }));
-    function Vl(l) {
+    function Rl(l) {
       return Number.isFinite(l) ? Math.max(0, Math.floor(l)) : 0;
     }
     function Pt(l, s, e = 0) {
@@ -1184,7 +1174,7 @@ const _n = {
       dataLabels: 20,
       plotLabels: 10
     }), De = y({ plot: 3, line: 3 });
-    Ll(() => {
+    Zl(() => {
       H.value = !0, d.dataset.length && d.dataset.forEach((l, s) => {
         [null, void 0].includes(l.series) && Na({
           componentName: "VueUiXy",
@@ -1195,7 +1185,7 @@ const _n = {
         });
       });
     });
-    function Bl() {
+    function Ol() {
       if (!Object.keys(d.config || {}).length)
         return $t;
       const l = Fa({
@@ -1220,7 +1210,7 @@ const _n = {
       set(l) {
         return l;
       }
-    }), t = y(Bl()), p = y({
+    }), t = y(Ol()), p = y({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
@@ -1239,7 +1229,7 @@ const _n = {
     const Lt = x(() => !!t.value.debug), { loading: xe, FINAL_DATASET: _e, manualLoading: bt } = gn({
       ...qo(d),
       FINAL_CONFIG: t,
-      prepareConfig: Bl,
+      prepareConfig: Ol,
       callback: () => {
         Promise.resolve().then(async () => {
           await il(), p.value.showTable = t.value.showTable;
@@ -1331,8 +1321,8 @@ 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)),
       set: (l) => l
-    }), w = y({ start: 0, end: Qe.value }), We = y({ start: 0, end: Qe.value }), ta = x(() => t.value.chart.zoom.preview.enable && (We.value.start !== w.value.start || We.value.end !== w.value.end));
-    function El(l, s) {
+    }), 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() {
@@ -1344,11 +1334,11 @@ const _n = {
       (!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));
     }
     const Ma = x(() => {
-      const { left: l, top: s, width: e, height: i } = c.value, a = w.value.start, o = w.value.end - a, F = e / o, R = We.value.start - a, O = We.value.end - a, T = Math.max(0, Math.min(o, R)), N = Math.max(0, Math.min(o, O));
+      const { left: l, top: s, width: e, height: i } = c.value, a = w.value.start, o = w.value.end - a, F = e / o, R = We.value.start - a, O = We.value.end - a, z = Math.max(0, Math.min(o, R)), N = Math.max(0, Math.min(o, O));
       return {
-        x: l + T * F,
+        x: l + z * F,
         y: s,
-        width: (N - T) * F,
+        width: (N - z) * F,
         height: i,
         fill: t.value.chart.zoom.preview.fill,
         stroke: t.value.chart.zoom.preview.stroke,
@@ -1371,7 +1361,7 @@ const _n = {
       const s = l - w.value.start;
       s < 0 || l >= w.value.end ? M.value = null : M.value = s ?? null;
     }, { immediate: !0 });
-    const { isPrinting: Hl, isImaging: nt, generatePdf: ut, generateImage: it } = mn({
+    const { isPrinting: Bl, isImaging: nt, generatePdf: ut, generateImage: it } = mn({
       elementId: `vue-ui-xy_${Z.value}`,
       fileName: t.value.chart.title.text || "vue-ui-xy",
       options: t.value.chart.userOptions.print
@@ -1385,12 +1375,12 @@ const _n = {
         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)));
       return Rt.value === l ? l + 1 : l;
-    }), Xe = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(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 ? ql(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) => {
       const e = yt(l.series), i = `uniqueId_${s}`;
       return {
         ...l,
         slotAbsoluteIndex: s,
-        series: e.map((a) => fa(a) ? a : null).slice(w.value.start, w.value.end),
+        series: e.map((a) => ha(a) ? a : null).slice(w.value.start, w.value.end),
         color: po(l.color ? l.color : ll.value[s] ? ll.value[s] : ko[s]),
         id: i,
         scaleLabel: l.scaleLabel || i
@@ -1407,16 +1397,16 @@ const _n = {
       series: l.series.map((e) => e + ol.value),
       absoluteValues: l.series
     })).filter((l) => !ve.value.includes(l.id)));
-    function la() {
+    function ta() {
       let l = 0;
-      Il.value && (l = Array.from(Il.value.querySelectorAll("text")).reduce((a, r) => {
+      Tl.value && (l = Array.from(Tl.value.querySelectorAll("text")).reduce((a, r) => {
         const o = r.getComputedTextLength();
         return (o > a ? o : a) + t.value.chart.grid.labels.yAxis.scaleValueOffsetX;
       }, 0));
       const s = Kt.value ? Kt.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + A.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
       return l + s + e;
     }
-    const tt = y(0), nl = Jl((l) => {
+    const tt = y(0), nl = ba((l) => {
       tt.value = l;
     }, 100);
     go((l) => {
@@ -1426,7 +1416,7 @@ const _n = {
         nl(i[0].contentRect.height);
       });
       e.observe(s), l(() => e.disconnect());
-    }), gl(() => {
+    }), Ll(() => {
       tt.value = 0;
     });
     const Ot = x(() => {
@@ -1434,11 +1424,11 @@ const _n = {
       Zt.value && (l = Zt.value.getBBox().height);
       let s = 0;
       return Se.value && (s = tt.value), l + s + A.value.xAxis;
-    }), pl = x(() => _e.value.some((l) => l.useProgression)), c = x(() => {
+    }), yl = x(() => _e.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 = la());
-      const e = t.value.chart.labels.fontSize * 1.1, i = pl.value ? 24 : 6;
+      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());
+      const e = t.value.chart.labels.fontSize * 1.1, i = yl.value ? 24 : 6;
       if (Se.value) {
         const o = Se.value.getBBox().x;
         o < 0 && (l += Math.abs(o));
@@ -1460,26 +1450,26 @@ const _n = {
         const o = c.value.width / S.value * r + c.value.left + ue.value;
         return `M${o},${e} L${o},${i}`;
       }).join(" ");
-    }), Dl = x(() => {
+    }), 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;
       return D.value.map((i, a) => {
         if (!i || !i.text) return null;
-        const r = c.value.left + l * a + l / 2, o = e ? Ie.value - (Ie.value === c.value.bottom ? 0 : s / 2) : c.value.bottom, F = e ? Ie.value + s / (Ie.value === c.value.bottom ? 1 : 2) : c.value.bottom + s;
+        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;
         return `M${r},${o} L${r},${F}`;
       }).filter(Boolean).join(" ");
     });
-    function kl() {
+    function pl() {
       return !!qt?.vnode.props?.onSelectTimeLabel;
     }
-    function aa(l, s, e) {
+    function la(l, s, e) {
       if (!jt.value) {
         const i = document.createElement("canvas");
         jt.value = i.getContext("2d");
       }
       return jt.value.font = `normal ${l}px sans-serif`, jt.value;
     }
-    function Wl() {
+    function Hl() {
       const l = Be.value.querySelectorAll(".vue-ui-xy-tag");
       l.length && Array.from(l).forEach((s) => s.style.opacity = "0");
     }
@@ -1488,9 +1478,9 @@ const _n = {
     }
     const Bt = y(!1);
     async function ge(l = !1) {
-      await Cl(), Bt.value = l, ea.value && (yl.value = l);
+      await Ml(), Bt.value = l, jl.value && (bl.value = l);
     }
-    function Xl() {
+    function Dl() {
       Ee.value = !Ee.value;
     }
     const v = x(() => {
@@ -1522,7 +1512,7 @@ const _n = {
         return a === s || (s = a, e = l(...i)), e;
       };
     }
-    const z = _((l, s, e, i, a, r, o, F) => {
+    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 }));
       if (!s)
@@ -1539,17 +1529,17 @@ const _n = {
       }
       if (!O.length)
         return i.map((Y, B) => ({ text: "", absoluteIndex: B }));
-      const T = O.length, N = R, ee = Math.max(2, Math.min(N - 3, T)), I = Math.min(T, N + 3);
-      let U = Math.min(N, T), V = 1 / 0;
+      const z = O.length, N = R, ee = Math.max(2, Math.min(N - 3, z)), I = Math.min(z, N + 3);
+      let U = Math.min(N, z), V = 1 / 0;
       for (let Y = ee; Y <= I; Y += 1) {
-        const B = (T - 1) % (Y - 1), se = Math.abs(Y - N), Oe = B * 10 + se;
+        const B = (z - 1) % (Y - 1), se = Math.abs(Y - N), Oe = B * 10 + se;
         Oe < V && (V = Oe, U = Y);
       }
       const he = /* @__PURE__ */ new Set();
       if (U <= 1)
-        he.add(O[Math.round((T - 1) / 2)]);
+        he.add(O[Math.round((z - 1) / 2)]);
       else {
-        const Y = (T - 1) / (U - 1);
+        const Y = (z - 1) / (U - 1);
         for (let B = 0; B < U; B += 1)
           he.add(O[Math.round(B * Y)]);
       }
@@ -1559,7 +1549,7 @@ const _n = {
       }));
     }), 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 ?? "");
-      return z(
+      return T(
         !!l.showOnlyFirstAndLast,
         !!l.showOnlyAtModulo,
         Math.max(1, f.value || 1),
@@ -1588,10 +1578,10 @@ const _n = {
       });
     }
     const S = x(() => {
-      const l = Vl((w.value.end ?? 0) - (w.value.start ?? 0));
+      const l = Rl((w.value.end ?? 0) - (w.value.start ?? 0));
       return Math.max(1, l);
     });
-    function wl(l) {
+    function kl(l) {
       X.value = l;
     }
     function st() {
@@ -1601,11 +1591,11 @@ const _n = {
       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`));
     }
     function At(l, s) {
-      const e = Vl(l), i = Array(e).fill(0);
+      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 oa(l) {
+    function aa(l) {
       const s = Math.max(..._e.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;
     }
@@ -1614,22 +1604,22 @@ const _n = {
       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(oa(s + 1), e) : e;
-          zt.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(..._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;
         } finally {
           queueMicrotask(() => {
-            zt.value = !1;
+            Tt.value = !1;
           }), ul.value = !1;
         }
       }
     }
-    const zt = y(!1);
-    function na(l) {
-      ul.value || zt.value || l !== w.value.start && (w.value.start = l, We.value.start = l, Ct());
+    const Tt = y(!1);
+    function oa(l) {
+      ul.value || Tt.value || l !== w.value.start && (w.value.start = l, We.value.start = l, Ct());
     }
     function La(l) {
-      if (ul.value || zt.value) return;
-      const s = oa(l);
+      if (ul.value || Tt.value) return;
+      const s = aa(l);
       s !== w.value.end && (w.value.end = s, We.value.end = s, Ct());
     }
     async function Ca() {
@@ -1642,10 +1632,10 @@ const _n = {
     function sl(l) {
       return l / (Ye(Va.value) ? Va.value : 1);
     }
-    const Ie = x(() => isNaN(sl(ol.value)) ? c.value.bottom : c.value.bottom - c.value.height * sl(ol.value));
+    const ze = x(() => isNaN(sl(ol.value)) ? c.value.bottom : c.value.bottom - c.value.height * sl(ol.value));
     function Ba(l) {
-      const s = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && Rt.value >= 0 ? c.value.bottom : Ie.value;
-      return l.value >= 0 ? q(s - l.y <= 0 ? 1e-5 : s - l.y) : q(l.y - Ie.value <= 0 ? 1e-5 : l.y - Ie.value);
+      const s = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && Rt.value >= 0 ? c.value.bottom : ze.value;
+      return l.value >= 0 ? q(s - l.y <= 0 ? 1e-5 : s - l.y) : q(l.y - ze.value <= 0 ? 1e-5 : l.y - ze.value);
     }
     function Ea(l) {
       return l.value >= 0 ? q(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : q(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
@@ -1658,19 +1648,19 @@ const _n = {
         line: Pt(s, l, 1)
       };
     });
-    function Sl() {
+    function wl() {
       return p.value.useIndividualScale && p.value.isStacked ? de.value.line - c.value.width / S.value * 0.1 : de.value.bar;
     }
-    function ua(l) {
+    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;
     }
     function Ha(l) {
-      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(Ie.value) ? c.bottom.value : Ie.value;
+      return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(ze.value) ? c.bottom.value : ze.value;
     }
     function Da(l) {
       return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(l.zeroPosition) ? 0 : l.zeroPosition;
     }
-    const Yl = y(null);
+    const Wl = y(null);
     function Wa(l) {
       const s = $e.value;
       if (!s) return null;
@@ -1683,8 +1673,8 @@ const _n = {
           return { x: I.x, y: I.y, ok: !0 };
         }
       }
-      const e = s.getBoundingClientRect(), i = s.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, a = Math.min(e.width / i.width, e.height / i.height), r = i.width * a, o = i.height * a, F = (e.width - r) / 2, R = (e.height - o) / 2, O = (l.clientX - e.left - F) / a + i.x, T = (l.clientY - e.top - R) / a + i.y;
-      return { x: O, y: T, ok: !0 };
+      const e = s.getBoundingClientRect(), i = s.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, a = Math.min(e.width / i.width, e.height / i.height), r = i.width * a, o = i.height * a, F = (e.width - r) / 2, R = (e.height - o) / 2, O = (l.clientX - e.left - F) / a + i.x, z = (l.clientY - e.top - R) / a + i.y;
+      return { x: O, y: z, ok: !0 };
     }
     let rl = 0;
     function Co(l) {
@@ -1692,20 +1682,20 @@ const _n = {
         rl = 0;
         const s = Wa(l);
         if (!s || !$e.value) {
-          ia();
+          ua();
           return;
         }
         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) {
-          ia();
+          ua();
           return;
         }
         const F = s.x - e, R = o / S.value, O = Math.floor(F / R);
-        O >= 0 && O < S.value ? Yl.value !== O && (Yl.value = O, to(!0, O)) : ia();
+        O >= 0 && O < S.value ? Wl.value !== O && (Wl.value = O, to(!0, O)) : ua();
       }));
     }
-    function ia() {
-      rl && (cancelAnimationFrame(rl), rl = 0), Yl.value = null, to(!1, null);
+    function ua() {
+      rl && (cancelAnimationFrame(rl), rl = 0), Wl.value = null, to(!1, null);
     }
     function Xa(l) {
       const s = Wa(l);
@@ -1719,7 +1709,7 @@ const _n = {
           }
         }
       }
-      Yl.value != null && Ya(Yl.value);
+      Wl.value != null && Ya(Wl.value);
     }
     function Ya(l) {
       const s = Fe.value.map((e) => ({
@@ -1745,7 +1735,7 @@ const _n = {
         type: l.type
       }));
     }
-    async function zo({ scale: l = 2 } = {}) {
+    async function To({ scale: l = 2 } = {}) {
       if (!Be.value) return;
       const { width: s, height: e } = Be.value.getBoundingClientRect(), i = s / e, { imageUri: a, base64: r } = await kn({ domElement: Be.value, base64: !0, img: !0, scale: l });
       return {
@@ -1771,7 +1761,7 @@ const _n = {
         type: s.type
       }))), gt.value += 1;
     }
-    const To = x(() => {
+    const zo = x(() => {
       const l = t.value.chart.title.text || "Chart visualization", s = t.value.chart.title.subtitle.text || "";
       return `${l}. ${s}`;
     }), Ua = x(() => ({
@@ -1812,7 +1802,7 @@ const _n = {
       fontFamily: t.value.chart.fontFamily,
       prefix: t.value.chart.labels.prefix,
       suffix: t.value.chart.labels.suffix,
-      colNames: v.value.map((l, s) => t.value.table.useDefaultTimeFormat ? l.text : $l.value(s + w.value.start, t.value.table.timeFormat)),
+      colNames: v.value.map((l, s) => t.value.table.useDefaultTimeFormat ? l.text : Sl.value(s + w.value.start, t.value.table.timeFormat)),
       thead: {
         backgroundColor: t.value.table.th.backgroundColor,
         color: t.value.table.th.color,
@@ -1836,14 +1826,14 @@ const _n = {
         s[e] = {
           min: Math.min(...a) || 0,
           max: Math.max(...a) || 1,
-          groupId: `scale_group_${xa()}`
+          groupId: `scale_group_${ga()}`
         };
       }
       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 - sa.value * l;
-    }), sa = x(() => de.value.line * t.value.bar.periodGap), ra = x(() => Math.max(1e-5, Sl() - (p.value.useIndividualScale && p.value.isStacked ? 0 : sa.value))), ca = x(() => ra.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Oo = x(() => {
+      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(() => {
       if (!t.value.chart.zoom.minimap.show) return [];
       const l = qa.value.filter((a) => !ve.value.includes(a.id)), s = Math.max(...l.map((a) => a.series.length)), e = [];
       for (let a = 0; a < s; a += 1)
@@ -1853,7 +1843,7 @@ const _n = {
     }), Vo = x(() => t.value.chart.zoom.minimap.show ? qa.value.map((s) => ({
       ...s,
       isVisible: !ve.value.includes(s.id)
-    })) : []), Tt = x(() => Fe.value.map((l) => ({
+    })) : []), zt = x(() => Fe.value.map((l) => ({
       slotAbsoluteIndex: l.slotAbsoluteIndex,
       shape: l.shape || null,
       name: l.name,
@@ -1864,23 +1854,23 @@ const _n = {
       prefix: l.prefix || t.value.chart.labels.prefix,
       suffix: l.suffix || t.value.chart.labels.suffix
     }))), Za = x(() => Xe.value.ticks.map((l) => ({
-      y: l >= 0 ? Ie.value - c.value.height * sl(l) : Ie.value + c.value.height * sl(Math.abs(l)),
+      y: l >= 0 ? ze.value - c.value.height * sl(l) : ze.value + c.value.height * sl(Math.abs(l)),
       value: l,
       prefix: t.value.chart.labels.prefix,
       suffix: t.value.chart.labels.suffix
     }))), Ka = x(() => {
       const l = t.value.chart.annotations;
-      if (!l || !Array.isArray(l) || l.every((T) => !T.show)) return [];
+      if (!l || !Array.isArray(l) || l.every((z) => !z.show)) return [];
       const s = l.filter(
-        (T) => T.show && (T.yAxis.yTop != null || T.yAxis.yBottom != null)
+        (z) => z.show && (z.yAxis.yTop != null || z.yAxis.yBottom != null)
       );
       if (!s.length) return [];
-      const { left: e, right: i } = c.value, a = Ie.value, r = c.value.height, o = Xe.value.min, R = Xe.value.max - o, O = (T) => {
-        const N = (T - 0) / R;
+      const { left: e, right: i } = c.value, a = ze.value, r = c.value.height, o = Xe.value.min, R = Xe.value.max - o, O = (z) => {
+        const N = (z - 0) / R;
         return a - N * r;
       };
-      return s.map((T) => {
-        const { yAxis: { yTop: N, yBottom: ee, label: I } } = T, U = N != null && ee != null && N !== ee, V = N == null ? null : O(N), he = ee == null ? null : O(ee), Y = aa(I.fontSize);
+      return s.map((z) => {
+        const { yAxis: { yTop: N, yBottom: ee, label: I } } = z, U = N != null && ee != null && N !== ee, V = N == null ? null : O(N), he = 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;
         let J;
@@ -1888,12 +1878,12 @@ const _n = {
         const Q = Ge - se * 0.75 - I.padding.top;
         return {
           show: ![V, he, Q].includes(NaN),
-          id: `annotation_y_${xa()}`,
+          id: `annotation_y_${ga()}`,
           hasArea: U,
           areaHeight: U ? Math.abs(V - he) : 0,
           yTop: V,
           yBottom: he,
-          config: T.yAxis,
+          config: z.yAxis,
           x1: e,
           x2: i,
           _text: { x: Oe, y: Ge },
@@ -1922,14 +1912,14 @@ const _n = {
         Et(o);
         const R = P.value[o.scaleLabel].min, O = P.value[o.scaleLabel].max;
         o.absoluteValues.filter((K) => ![null, void 0].includes(K)).map((K) => (K - R) / (O - R));
-        const T = {
+        const z = {
           valueMin: R,
           valueMax: O < 0 ? 0 : O
         }, 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, U = t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(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 ? Kl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee) : hl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee), he = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.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, Ue = c.value.bottom - J - Q * Y / se, Ne = et.value.filter((K) => K.type === "bar").filter((K) => !ve.value.includes(K.id)).length, ql = 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 * Ne - Ro.value / 2 - F * sa.value;
+        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(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 ? ql(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 = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.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, Ue = 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;
           return {
             yOffset: q(J),
             individualHeight: q(Q),
@@ -1977,7 +1967,7 @@ const _n = {
           individualScale: o.autoScaling ? V : U,
           individualMax: o.autoScaling ? se : B,
           zeroPosition: o.autoScaling ? Ue : be,
-          plots: o.autoScaling ? Ht : ql,
+          plots: o.autoScaling ? Ht : Gl,
           groupId: P.value[o.scaleLabel].groupId
         };
       });
@@ -1987,40 +1977,40 @@ const _n = {
         Et(o);
         const R = P.value[o.scaleLabel].min, O = P.value[o.scaleLabel].max;
         o.absoluteValues.filter((G) => ![null, void 0].includes(G)).map((G) => (G - R) / (O - R));
-        const T = {
+        const z = {
           valueMin: R,
           valueMax: O
         }, 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, U = t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(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 ? Kl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee) : hl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee), he = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.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, Ue = c.value.bottom - J - Q * Y / se, Ne = o.series.map((G, Ae) => {
-          const Xo = p.value.useIndividualScale ? (o.absoluteValues[Ae] + Math.abs(he)) / B : sl(G);
+        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(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 ? ql(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 = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.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, Ue = 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);
           return {
-            x: q(c.value.left + de.value.line / 2 + de.value.line * Ae),
+            x: q(c.value.left + de.value.line / 2 + de.value.line * Ce),
             y: q(c.value.bottom - J - Q * Xo),
-            value: o.absoluteValues[Ae],
-            comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ae] || ""
+            value: o.absoluteValues[Ce],
+            comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ce] || ""
           };
-        }), ql = 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, Ae) => [void 0, null].includes(o.absoluteValues[Ae]) ? {
-          x: q(c.value.left + de.value.line / 2 + de.value.line * Ae),
+        }), 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: q(c.value.left + de.value.line / 2 + de.value.line * Ce),
           y: be,
-          value: o.absoluteValues[Ae],
-          comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ae] || ""
+          value: o.absoluteValues[Ce],
+          comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ce] || ""
         } : {
-          x: q(c.value.left + de.value.line / 2 + de.value.line * Ae),
-          y: q(c.value.bottom - J - (Q * ql[Ae] || 0)),
-          value: o.absoluteValues[Ae],
-          comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ae] || ""
-        }), Ht = t.value.line.cutNullValues ? ya(Ne) : pa(Ne.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(Ne) : wa(Ne.filter((G) => G.value !== null)), K = t.value.line.cutNullValues ? ka(Ve) : wa(Ve.filter((G) => G.value !== null)), pe = U.ticks.map((G) => ({
+          x: q(c.value.left + de.value.line / 2 + de.value.line * Ce),
+          y: q(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 = U.ticks.map((G) => ({
           y: G >= 0 ? be - Q * (G / B) : be + Q * Math.abs(G) / B,
           value: G,
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
           datapoint: o
         })), Dt = V.ticks.map((G) => {
-          const Ae = (G - V.min) / (V.max - V.min);
+          const Ce = (G - V.min) / (V.max - V.min);
           return {
-            y: G >= 0 ? Ue - Q * Ae : Ue + Q * Ae,
+            y: G >= 0 ? Ue - Q * Ce : Ue + Q * Ce,
             value: G,
             prefix: o.prefix || t.value.chart.labels.prefix,
             suffix: o.suffix || t.value.chart.labels.suffix,
@@ -2028,7 +2018,7 @@ const _n = {
           };
         });
         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 ? Ue : 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 ? Ue : be : Ie.value, Zl = Math.max(Math.max(o.autoScaling ? Ue : pe.at(-1) ? pe.at(-1).y : 0, c.value.top), vl);
+        const vl = p.value.useIndividualScale ? o.autoScaling ? Ue : be : ze.value, Ul = Math.max(Math.max(o.autoScaling ? Ue : pe.at(-1) ? pe.at(-1).y : 0, c.value.top), vl);
         return {
           ...o,
           yOffset: J,
@@ -2039,17 +2029,17 @@ const _n = {
           individualMax: o.autoScaling ? se : B,
           zeroPosition: o.autoScaling ? Ue : be,
           curve: o.autoScaling ? oe : Ht,
-          plots: o.autoScaling ? Ve : Ne,
+          plots: o.autoScaling ? Ve : Ie,
           area: o.useArea ? p.value.useIndividualScale ? t.value.line.cutNullValues ? wo(
-            o.autoScaling ? Ve : Ne,
-            Zl
+            o.autoScaling ? Ve : Ie,
+            Ul
           ) : So(
-            o.autoScaling ? Ve.filter((G) => G.value !== null) : Ne.filter((G) => G.value !== null),
-            Zl
-          ) : t.value.line.cutNullValues ? wo(Ne, Zl) : So(Ne.filter((G) => G.value !== null), Zl) : "",
+            o.autoScaling ? Ve.filter((G) => G.value !== null) : Ie.filter((G) => G.value !== null),
+            Ul
+          ) : t.value.line.cutNullValues ? wo(Ie, Ul) : So(Ie.filter((G) => G.value !== null), Ul) : "",
           curveAreas: o.useArea ? an(
-            o.autoScaling ? t.value.line.cutNullValues ? Ve : Ve.filter((G) => G.value !== null) : t.value.line.cutNullValues ? Ne : Ne.filter((G) => G.value !== null),
-            Zl,
+            o.autoScaling ? t.value.line.cutNullValues ? Ve : Ve.filter((G) => G.value !== null) : t.value.line.cutNullValues ? Ie : Ie.filter((G) => G.value !== null),
+            Ul,
             t.value.line.cutNullValues
           ) : [],
           straight: o.autoScaling ? K : ye,
@@ -2065,10 +2055,10 @@ const _n = {
         const O = {
           valueMin: F,
           valueMax: R
-        }, T = {
+        }, 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(T.min, T.max === T.min ? T.max * ee : T.max, N), U = 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 = U.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, Ue = o.series.map((oe, ye) => {
+        }, 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), U = 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 = U.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, Ue = o.series.map((oe, ye) => {
           const K = p.value.useIndividualScale ? (o.absoluteValues[ye] + Math.abs(V)) / Y : sl(oe);
           return {
             x: q(c.value.left + de.value.plot / 2 + de.value.plot * ye),
@@ -2076,9 +2066,9 @@ const _n = {
             value: o.absoluteValues[ye],
             comment: o.comments && o.comments.slice(w.value.start, w.value.end)[ye] || ""
           };
-        }), Ne = o.absoluteValues.map((oe) => U.min >= 0 ? (oe - Math.abs(U.min)) / (U.max - Math.abs(U.min)) : (oe + Math.abs(U.min)) / (U.max + Math.abs(U.min))), ql = o.series.map((oe, ye) => ({
+        }), Ie = o.absoluteValues.map((oe) => U.min >= 0 ? (oe - Math.abs(U.min)) / (U.max - Math.abs(U.min)) : (oe + Math.abs(U.min)) / (U.max + Math.abs(U.min))), Gl = o.series.map((oe, ye) => ({
           x: q(c.value.left + de.value.plot / 2 + de.value.plot * ye),
-          y: q(c.value.bottom - Ge - (J * Ne[ye] || 0)),
+          y: q(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] || ""
         })), Ve = I.ticks.map((oe) => ({
@@ -2106,11 +2096,11 @@ const _n = {
           individualScale: o.autoScaling ? U : I,
           individualMax: o.autoScaling ? B : Y,
           zeroPosition: o.autoScaling ? be : Q,
-          plots: o.autoScaling ? ql : Ue,
+          plots: o.autoScaling ? Gl : Ue,
           groupId: P.value[o.scaleLabel].groupId
         };
       });
-    }), Gl = x(() => {
+    }), Xl = x(() => {
       const l = Re.value.map((r) => ({
         name: r.name,
         color: r.color,
@@ -2156,7 +2146,7 @@ const _n = {
           id: r.id,
           groupId: r.groupId,
           scaleLabel: r.scaleLabel,
-          name: ze(
+          name: Ae(
             t.value.chart.grid.labels.yAxis.serieNameFormatter,
             R,
             R,
@@ -2182,13 +2172,13 @@ const _n = {
         if (!o || !F) return;
         const R = Re.value.find((I) => I.name === o), O = Re.value.find((I) => I.name === F);
         if (!R || !O || R.type !== "line" || O.type !== "line") return;
-        const T = e?.[r]?.[0] ?? R.color, N = e?.[r]?.[1] ?? O.color;
+        const z = e?.[r]?.[0] ?? R.color, N = e?.[r]?.[1] ?? O.color;
         on({
           lineA: R.plots,
           lineB: O.plots,
           smoothA: !!R.smooth,
           smoothB: !!O.smooth,
-          colorLineA: T,
+          colorLineA: z,
           colorLineB: N,
           sampleStepPx: 2,
           cutNullValues: t.value.line.cutNullValues
@@ -2197,14 +2187,14 @@ const _n = {
         });
       }), i;
     }), ja = x(() => ({
-      datapoint: Tt.value,
+      datapoint: zt.value,
       seriesIndex: M.value,
       series: et.value,
       bars: It.value,
       lines: Re.value,
       plots: rt.value,
       config: t.value
-    })), $l = x(() => {
+    })), Sl = x(() => {
       const l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter, s = bn({
         useUTC: l.useUTC,
         locale: yn[l.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
@@ -2215,31 +2205,31 @@ const _n = {
         return r == null ? "" : s.formatDate(new Date(r), i);
       };
     }), Aa = x(() => (t.value.chart.grid.labels.xAxisLabels.values || []).map((s, e) => ({
-      text: $l.value(e, t.value.chart.zoom.timeFormat),
+      text: Sl.value(e, t.value.chart.zoom.timeFormat),
       absoluteIndex: e
-    }))), va = y(!1);
+    }))), ca = y(!1);
     x(() => {
       let l = "", s = "";
       if (t.value.chart.zoom.preview.enable)
         return { left: l, right: s };
-      va.value = !1;
+      ca.value = !1;
       const e = t.value.chart.zoom.customFormat;
-      if (ba(e))
+      if (xa(e))
         try {
           const i = e({
             absoluteIndex: w.value.start,
             seriesIndex: w.value.start,
-            datapoint: Tt.value
+            datapoint: zt.value
           }), a = e({
             absoluteIndex: w.value.end - 1,
             seriesIndex: w.value.end - 1,
-            datapoint: Tt.value
+            datapoint: zt.value
           });
-          typeof i == "string" && typeof a == "string" && (l = i, s = a, va.value = !0);
+          typeof i == "string" && typeof a == "string" && (l = i, s = a, ca.value = !0);
         } catch {
-          console.warn("Custom format cannot be applied on zoom labels."), va.value = !1;
+          console.warn("Custom format cannot be applied on zoom labels."), ca.value = !1;
         }
-      if (!va.value) {
+      if (!ca.value) {
         l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Aa.value[w.value.start]?.text || "" : v.value[0]?.text || "";
         const i = Math.max(w.value.start, w.value.end - 1);
         s = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Aa.value[i]?.text || "" : v.value.at(-1)?.text || "";
@@ -2247,12 +2237,12 @@ const _n = {
       return { left: l, right: s };
     });
     const Bo = x(() => {
-      let l = "", s = Tt.value.map((a) => a.value).filter((a) => fa(a) && a !== null).reduce((a, r) => Math.abs(a) + Math.abs(r), 0);
+      let l = "", s = zt.value.map((a) => a.value).filter((a) => ha(a) && a !== null).reduce((a, r) => Math.abs(a) + Math.abs(r), 0);
       const e = v.value[M.value], i = t.value.chart.tooltip.customFormat;
-      if (ba(i) && nn(() => i({
+      if (xa(i) && nn(() => i({
         absoluteIndex: M.value + w.value.start,
         seriesIndex: M.value,
-        datapoint: Tt.value,
+        datapoint: zt.value,
         series: et.value,
         bars: It.value,
         lines: Re.value,
@@ -2262,7 +2252,7 @@ const _n = {
         return i({
           absoluteIndex: M.value + w.value.start,
           seriesIndex: M.value,
-          datapoint: Tt.value,
+          datapoint: zt.value,
           series: et.value,
           bars: It.value,
           lines: Re.value,
@@ -2270,15 +2260,15 @@ const _n = {
           config: t.value
         });
       if (e && e.text && t.value.chart.tooltip.showTimeLabel) {
-        const a = $l.value(M.value + w.value.start, t.value.chart.tooltip.timeFormat);
+        const a = Sl.value(M.value + w.value.start, t.value.chart.tooltip.timeFormat);
         l += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.chart.tooltip.borderColor}; width:100%">${t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.tooltip.useDefaultTimeFormat ? a : e.text}</div>`;
       }
-      return Tt.value.forEach((a) => {
-        if (fa(a.value)) {
+      return zt.value.forEach((a) => {
+        if (ha(a.value)) {
           let r = "", o = "";
           switch (Qt.value[a.type]) {
             case "bar":
-              r = `<svg viewBox="0 0 40 40" height="14" width="14">${xl.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="${xl.pattern ? `url(#pattern_${Z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
+              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>`;
@@ -2313,7 +2303,7 @@ const _n = {
                 break;
               }
           }
-          l += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${r}</div> ${a.name}: <b>${t.value.chart.tooltip.showValue ? ze(
+          l += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${r}</div> ${a.name}: <b>${t.value.chart.tooltip.showValue ? Ae(
             a.type === "line" ? t.value.line.labels.formatter : a.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
             a.value,
             lt({
@@ -2338,12 +2328,12 @@ const _n = {
         type: e.type
       })), s = [];
       return v.value.forEach((e, i) => {
-        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [$l.value(i + w.value.start, t.value.table.timeFormat)];
+        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [Sl.value(i + w.value.start, t.value.table.timeFormat)];
         Fe.value.forEach((r) => {
           a.push(Ye(r.absoluteValues[i]) ? Number(r.absoluteValues[i].toFixed(t.value.table.rounding)) : "");
         }), s.push(a);
       }), { head: l, body: s };
-    }), da = x(() => {
+    }), va = x(() => {
       const l = t.value.table.showSum;
       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>'));
@@ -2352,9 +2342,9 @@ const _n = {
         const o = Fe.value.map((F) => F.absoluteValues[r] ?? 0).reduce((F, R) => F + R, 0);
         e.push(
           [
-            t.value.table.useDefaultTimeFormat ? v.value[r].text ?? "-" : $l.value(r + w.value.start, t.value.table.timeFormat)
+            t.value.table.useDefaultTimeFormat ? v.value[r].text ?? "-" : Sl.value(r + w.value.start, t.value.table.timeFormat)
           ].concat(Fe.value.map(
-            (F) => ze(
+            (F) => Ae(
               F.type === "line" ? t.value.line.labels.formatter : F.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
               F.absoluteValues[r] ?? 0,
               lt({
@@ -2382,12 +2372,12 @@ const _n = {
       }, a = [t.value.table.columnNames.period].concat(Fe.value.map((r) => r.name)).concat(t.value.table.columnNames.total);
       return { head: s, body: e, config: i, colNames: a };
     });
-    function za(l = null) {
+    function Ta(l = null) {
       const s = [[t.value.chart.title.text], [t.value.chart.title.subtitle.text], [""]], e = ["", ...eo.value.head.map((o) => o.label)], i = eo.value.body, a = s.concat([e]).concat(i), r = vn(a);
       l ? l(r) : dn({ csvContent: r, title: t.value.chart.title.text || "vue-ui-xy" });
     }
     function to(l, s = null) {
-      bl.value = l;
+      xl.value = l;
       const e = Fe.value.map((i) => ({
         name: i.name,
         value: [null, void 0, NaN].includes(i.absoluteValues[s]) ? null : i.absoluteValues[s],
@@ -2406,44 +2396,44 @@ const _n = {
       p.value.showTooltip = !p.value.showTooltip;
     }
     function no(l) {
-      Pe.value = l, Pl.value += 1;
+      Pe.value = l, Il.value += 1;
     }
     function uo() {
       if (!t.value.responsiveProportionalSizing) {
         A.value.dataLabels = t.value.chart.grid.labels.fontSize, A.value.yAxis = t.value.chart.grid.labels.axis.fontSize, A.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, A.value.plotLabels = t.value.chart.labels.fontSize, De.value.plot = t.value.plot.radius, De.value.line = t.value.line.radius;
         return;
       }
-      A.value.dataLabels = Ml({
+      A.value.dataLabels = _l({
         relator: W.value,
         adjuster: 400,
         source: t.value.chart.grid.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), A.value.yAxis = Ml({
+      }), A.value.yAxis = _l({
         relator: le.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.axis.fontSize,
         threshold: 10,
         fallback: 10
-      }), A.value.xAxis = Ml({
+      }), A.value.xAxis = _l({
         relator: le.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.xAxisLabels.fontSize,
         threshold: 10,
         fallback: 10
-      }), A.value.plotLabels = Ml({
+      }), A.value.plotLabels = _l({
         relator: le.value,
         adjuster: 800,
         source: t.value.chart.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), De.value.plot = Ml({
+      }), De.value.plot = _l({
         relator: le.value,
         adjuster: 800,
         source: t.value.plot.radius,
         threshold: 1,
         fallback: 1
-      }), De.value.line = Ml({
+      }), De.value.line = _l({
         relator: le.value,
         adjuster: 800,
         source: t.value.line.radius,
@@ -2451,7 +2441,7 @@ const _n = {
         fallback: 1
       });
     }
-    function Ta() {
+    function za() {
       _o(d.dataset) ? (Na({
         componentName: "VueUiXy",
         type: "dataset",
@@ -2466,11 +2456,11 @@ const _n = {
         }), bt.value = !0);
       }), Lt.value && d.dataset.forEach((s) => {
         s.series.forEach((e, i) => {
-          fa(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
+          ha(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
 -----> The serie '${s.name}' contains the value '${e}' at index ${i}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), _o(d.dataset) || (bt.value = t.value.loading), ea.value = t.value.chart.userOptions.showOnChartHover, Ol.value = t.value.chart.userOptions.keepStateOnChartLeave, yl.value = !t.value.chart.userOptions.showOnChartHover, tl();
+      }), _o(d.dataset) || (bt.value = t.value.loading), jl.value = t.value.chart.userOptions.showOnChartHover, Fl.value = t.value.chart.userOptions.keepStateOnChartLeave, bl.value = !t.value.chart.userOptions.showOnChartHover, tl();
       const l = 12;
       if (t.value.responsive) {
         const e = Be.value.parentNode;
@@ -2480,16 +2470,16 @@ const _n = {
         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);
-        let O = null, T = 0;
-        t.value.chart.legend.show && Ce.value && (O = Ce.value, T = O.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 - T - R - N - ee - l, le.value = a, at.value = `0 0 ${le.value < 0 ? 10 : le.value} ${W.value < 0 ? 10 : W.value}`, uo();
+        _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();
         const I = new ResizeObserver((U) => {
           for (const V of U)
-            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, Ce.value ? T = Ce.value.getBoundingClientRect().height : T = 0, ft.value ? N = ft.value.getBoundingClientRect().height : N = 0, _t.value ? ee = _t.value.getBoundingClientRect().height : ee = 0, requestAnimationFrame(() => {
-              W.value = V.contentRect.height - o - T - 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();
+            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(() => {
+              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();
             });
         });
         mt.value = I, ne.value = e, I.observe(e);
@@ -2497,15 +2487,15 @@ const _n = {
         W.value = t.value.chart.height, le.value = t.value.chart.width, A.value.dataLabels = t.value.chart.grid.labels.fontSize, A.value.yAxis = t.value.chart.grid.labels.axis.fontSize, A.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, A.value.plotLabels = t.value.chart.labels.fontSize, De.value.plot = t.value.plot.radius, De.value.line = t.value.line.radius, at.value = `0 0 ${le.value} ${W.value}`;
     }
     function io(l) {
-      jl.value = {
+      Ql.value = {
         x: l.clientX,
         y: l.clientY
       };
     }
-    Ll(() => {
-      Ta(), il(), document.addEventListener("mousemove", io, { passive: !0 }), document.addEventListener("scroll", Wl, { passive: !0 });
-    }), gl(() => {
-      document.removeEventListener("scroll", Wl, { passive: !0 }), document.removeEventListener("mousemove", io, { passive: !0 }), mt.value && (mt.value.unobserve(ne.value), mt.value.disconnect(), mt.value = null);
+    Zl(() => {
+      za(), il(), document.addEventListener("mousemove", io, { passive: !0 }), document.addEventListener("scroll", Hl, { passive: !0 });
+    }), 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);
     }), pn({
       timeLabelsEls: Se,
       timeLabels: v,
@@ -2518,7 +2508,7 @@ const _n = {
       width: le,
       rotation: t.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
-    const ha = y(!1), so = y(null), ro = y(200), Eo = x(
+    const da = y(!1), so = y(null), ro = y(200), Eo = x(
       () => M.value ?? X.value ?? 0
     );
     function Ho() {
@@ -2529,7 +2519,7 @@ const _n = {
       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));
       return q(R);
     }
-    Ll(() => {
+    Zl(() => {
       let l = null, s = null;
       const e = (r) => {
         cancelAnimationFrame(s), s = requestAnimationFrame(() => {
@@ -2540,13 +2530,13 @@ const _n = {
         o && e(o.contentRect.width || 200);
       }), a = go((r) => {
         const o = so.value;
-        l && l !== o && (i.unobserve(l), l = null), o && o !== l && (Cl(() => {
+        l && l !== o && (i.unobserve(l), l = null), o && o !== l && (Ml(() => {
           o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
         }), i.observe(o), l = o), r(() => {
           l && (i.unobserve(l), l = null);
         });
       });
-      gl(() => {
+      Ll(() => {
         try {
           l && i.unobserve(l), i.disconnect(), a();
         } catch {
@@ -2556,32 +2546,32 @@ const _n = {
     const Wo = x(() => {
       if ([null, void 0].includes(M.value) && [null, void 0].includes(X.value)) return "";
       const l = (M.value != null ? M.value : 0) || (X.value != null ? X.value : 0), s = t.value.chart.timeTag.customFormat;
-      if (ha.value = !1, ba(s))
+      if (da.value = !1, xa(s))
         try {
           const e = s({
             absoluteIndex: l + w.value.start,
             seriesIndex: l,
-            datapoint: Tt.value,
+            datapoint: zt.value,
             bars: It.value,
             lines: Re.value,
             plots: rt.value,
             config: t.value
           });
           if (typeof e == "string")
-            return ha.value = !0, e;
+            return da.value = !0, e;
         } catch {
-          console.warn("Custom format cannot be applied on timeTag."), ha.value = !1;
+          console.warn("Custom format cannot be applied on timeTag."), da.value = !1;
         }
-      if (!ha.value)
-        return [null, void 0].includes(v.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? $l.value(l + w.value.start, t.value.chart.timeTag.timeFormat) : v.value[l].text;
+      if (!da.value)
+        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 = {
         start: 0,
         end: Qe.value
-      }, Ql.value += 1, gt.value += 1, Ct();
+      }, Jl.value += 1, gt.value += 1, Ct();
     }, { deep: !0 }), ht(() => d.config, (l) => {
-      xe.value || (t.value = Bl()), Ta(), Rl.value += 1, Fl.value += 1, tl(), Ct();
+      xe.value || (t.value = Ol()), za(), Pl.value += 1, Nl.value += 1, tl(), Ct();
     }, { deep: !0 });
     const Ia = y(!1);
     function co() {
@@ -2593,19 +2583,19 @@ const _n = {
       const s = l.getBoundingClientRect();
       Ia.value = s.width > 2 && s.height > 2;
     }
-    Ll(() => {
+    Zl(() => {
       co();
       const l = new ResizeObserver(() => {
-        co(), Ia.value && (Ta(), Ct(), il());
+        co(), Ia.value && (za(), Ct(), il());
       });
       Be.value?.parentNode && l.observe(Be.value.parentNode);
     }), ht(t, () => {
       tl();
     }, { immediate: !0 });
-    const Ul = x(() => {
+    const Yl = x(() => {
       const l = t.value.table.useDialog && !t.value.showTable, s = p.value.showTable;
       return {
-        component: l ? zl : $n,
+        component: l ? Kl : $n,
         title: `${t.value.chart.title.text}${t.value.chart.title.subtitle.text ? `: ${t.value.chart.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: t.value.table.th.backgroundColor,
@@ -2636,19 +2626,19 @@ const _n = {
       t.value.showTable || (l && t.value.table.useDialog && Je.value ? Je.value.open() : Je.value && Je.value.close && Je.value.close());
     });
     function vo() {
-      p.value.showTable = !1, Nl.value && Nl.value.setTableIconState(!1);
+      p.value.showTable = !1, zl.value && zl.value.setTableIconState(!1);
     }
     return Sa({
       getData: Ao,
-      getImage: zo,
+      getImage: To,
       generatePdf: ut,
       generateImage: it,
-      generateCsv: za,
+      generateCsv: Ta,
       toggleStack: st,
       toggleTable: lo,
       toggleLabels: ao,
       toggleTooltip: oo,
-      toggleAnnotator: Xl,
+      toggleAnnotator: Dl,
       toggleFullscreen: no
     }), (l, s) => (n(), u("div", {
       id: `vue-ui-xy_${Z.value}`,
@@ -2666,7 +2656,7 @@ const _n = {
         backgroundColor: t.value.chart.backgroundColor,
         color: t.value.chart.color,
         active: Ee.value,
-        onClose: Xl
+        onClose: Dl
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
       Io.value ? (n(), u("div", {
         key: 1,
@@ -2683,7 +2673,7 @@ const _n = {
         style: C(`font-family:${t.value.chart.fontFamily}`)
       }, [
         (n(), ct(wn, {
-          key: `title_${Rl.value}`,
+          key: `title_${Pl.value}`,
           config: {
             title: {
               cy: "xy-div-title",
@@ -2699,13 +2689,13 @@ const _n = {
       k("div", {
         id: `legend-top-${Z.value}`
       }, null, 8, mu),
-      t.value.chart.userOptions.show && (Ol.value || yl.value) ? (n(), ct(h(fe), {
+      t.value.chart.userOptions.show && (Fl.value || bl.value) ? (n(), ct(h(fe), {
         ref_key: "userOptionsRef",
-        ref: Nl,
-        key: `user_options_${Pl.value}`,
+        ref: zl,
+        key: `user_options_${Il.value}`,
         backgroundColor: t.value.chart.backgroundColor,
         color: t.value.chart.color,
-        isPrinting: h(Hl),
+        isPrinting: h(Bl),
         isImaging: h(nt),
         uid: Z.value,
         hasTooltip: t.value.chart.userOptions.buttons.tooltip && t.value.chart.tooltip.show,
@@ -2729,15 +2719,15 @@ const _n = {
         printScale: t.value.chart.userOptions.print.scale,
         onToggleFullscreen: no,
         onGeneratePdf: h(ut),
-        onGenerateCsv: za,
+        onGenerateCsv: Ta,
         onGenerateImage: h(it),
         onToggleTable: lo,
         onToggleLabels: ao,
         onToggleStack: st,
         onToggleTooltip: oo,
-        onToggleAnnotator: Xl,
+        onToggleAnnotator: Dl,
         style: C({
-          visibility: Ol.value ? yl.value ? "visible" : "hidden" : "visible"
+          visibility: Fl.value ? bl.value ? "visible" : "hidden" : "visible"
         })
       }, xo({ _: 2 }, [
         l.$slots.menuIcon ? {
@@ -2823,17 +2813,17 @@ const _n = {
           color: t.value.chart.color,
           fontFamily: t.value.chart.fontFamily
         }),
-        "aria-label": To.value,
+        "aria-label": zo.value,
         role: "img",
         "aria-live": "polite",
         preserveAspectRatio: "xMidYMid",
         onMousemove: Co,
-        onMouseleave: ia,
+        onMouseleave: ua,
         onClick: Xa
       }, [
         k("g", {
           ref_key: "G",
-          ref: Tl,
+          ref: Al,
           class: "vue-data-ui-g"
         }, [
           ml(h(St)),
@@ -2862,7 +2852,7 @@ const _n = {
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
               }, null, 8, pu)) : g("", !0),
-              p.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (n(!0), u(b, { key: 2 }, L(Gl.value, (e) => (n(), u("g", null, [
+              p.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (n(!0), u(b, { key: 2 }, L(Xl.value, (e) => (n(), u("g", null, [
                 e.id === E.value && e.yLabels.length ? (n(!0), u(b, { key: 0 }, L(e.yLabels, (i) => (n(), u("line", {
                   x1: c.value.left + ue.value,
                   x2: c.value.right - ue.value,
@@ -2918,7 +2908,7 @@ const _n = {
               ])) : g("", !0),
               t.value.chart.grid.labels.xAxisLabels.show ? (n(), u("g", Cu, [
                 k("path", {
-                  d: Dl.value,
+                  d: El.value,
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
@@ -2941,7 +2931,7 @@ const _n = {
                   k("stop", {
                     offset: "0%",
                     "stop-color": e.color
-                  }, null, 8, Tu),
+                  }, null, 8, zu),
                   k("stop", {
                     offset: "62%",
                     "stop-color": `${h(fl)(e.color, 0.02)}`
@@ -2950,7 +2940,7 @@ const _n = {
                     offset: "100%",
                     "stop-color": `${h(fl)(e.color, 0.05)}`
                   }, null, 8, Nu)
-                ], 8, zu),
+                ], 8, Tu),
                 k("linearGradient", {
                   id: `rectGradient_neg_${i}_${Z.value}`,
                   x2: "0%",
@@ -3091,10 +3081,10 @@ const _n = {
               }, [
                 Ye(a.value) ? (n(), u("rect", {
                   key: 0,
-                  x: ua(a) + ca.value / 2,
+                  x: na(a) + ra.value / 2,
                   y: p.value.useIndividualScale ? Da(a) : Ha(a),
                   height: p.value.useIndividualScale ? Math.abs(Ea(a)) : Math.abs(Ba(a)),
-                  width: ra.value - ca.value,
+                  width: sa.value - ra.value,
                   rx: t.value.bar.borderRadius,
                   fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${i}_${Z.value})` : `url(#rectGradient_neg_${i}_${Z.value})` : e.color,
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
@@ -3105,10 +3095,10 @@ const _n = {
                 }, null, 12, Ju)) : g("", !0),
                 Ye(a.value) && l.$slots.pattern ? (n(), u("rect", {
                   key: 1,
-                  x: ua(a) - ca.value / 2,
+                  x: na(a) - ra.value / 2,
                   y: p.value.useIndividualScale ? Da(a) : Ha(a),
                   height: p.value.useIndividualScale ? Math.abs(Ea(a)) : Math.abs(Ba(a)),
-                  width: ra.value - ca.value,
+                  width: sa.value - ra.value,
                   rx: t.value.bar.borderRadius,
                   fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
@@ -3119,8 +3109,8 @@ const _n = {
                   key: 2,
                   style: { overflow: "visible" },
                   height: "12",
-                  width: ra.value / 2 + t.value.chart.comments.width,
-                  x: ua(a) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
+                  width: sa.value / 2 + t.value.chart.comments.width,
+                  x: na(a) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
                   y: h(q)(a.y) + t.value.chart.comments.offsetY + 6
                 }, [
                   te(l.$slots, "plot-comment", {
@@ -3146,8 +3136,8 @@ const _n = {
                 ]),
                 e.plots.length > 1 ? (n(), u("line", {
                   key: 0,
-                  x1: h(ie)(e.plots).x1 + Sl(),
-                  x2: h(ie)(e.plots).x2 + Sl(),
+                  x1: h(ie)(e.plots).x1 + wl(),
+                  x2: h(ie)(e.plots).x2 + wl(),
                   y1: h(j)(h(ie)(e.plots).y1),
                   y2: h(j)(h(ie)(e.plots).y2),
                   "stroke-width": 1,
@@ -3158,7 +3148,7 @@ const _n = {
                 e.plots.length > 1 ? (n(), u("text", {
                   key: 1,
                   "text-anchor": "middle",
-                  x: h(ie)(e.plots).x2 + Sl(),
+                  x: h(ie)(e.plots).x2 + wl(),
                   y: h(ie)(e.plots).y2 - 6,
                   "font-size": A.value.plotLabels,
                   fill: e.color
@@ -3175,8 +3165,8 @@ const _n = {
               "stroke-width": "1",
               x1: c.value.left + ue.value,
               x2: c.value.right,
-              y1: h(j)(Ie.value),
-              y2: h(j)(Ie.value),
+              y1: h(j)(ze.value),
+              y2: h(j)(ze.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
             }, null, 8, ni)) : g("", !0),
@@ -3210,10 +3200,10 @@ const _n = {
             t.value.chart.grid.labels.show ? (n(), u("g", {
               key: 5,
               ref_key: "scaleLabels",
-              ref: Il
+              ref: Tl
             }, [
               p.value.useIndividualScale ? (n(), u(b, { key: 0 }, [
-                (n(!0), u(b, null, L(Gl.value, (e) => (n(), u("g", null, [
+                (n(!0), u(b, null, L(Xl.value, (e) => (n(), u("g", null, [
                   k("line", {
                     x1: e.x + ue.value - c.value.individualOffsetX,
                     x2: e.x + ue.value - c.value.individualOffsetX,
@@ -3225,7 +3215,7 @@ const _n = {
                     style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
                   }, null, 12, ri)
                 ]))), 256)),
-                (n(!0), u(b, null, L(Gl.value, (e) => (n(), u("g", {
+                (n(!0), u(b, null, L(Xl.value, (e) => (n(), u("g", {
                   style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   k("text", {
@@ -3254,7 +3244,7 @@ const _n = {
                     "font-size": A.value.dataLabels,
                     "text-anchor": "end",
                     fill: e.color
-                  }, re(h(ze)(
+                  }, re(h(Ae)(
                     t.value.chart.grid.labels.yAxis.formatter,
                     i.value,
                     h(lt)({
@@ -3287,7 +3277,7 @@ const _n = {
                   "font-size": A.value.dataLabels,
                   "text-anchor": "end",
                   fill: t.value.chart.grid.labels.color
-                }, re(Ye(e.value) ? h(ze)(
+                }, re(Ye(e.value) ? h(Ae)(
                   t.value.chart.grid.labels.yAxis.formatter,
                   e.value,
                   h(lt)({
@@ -3307,7 +3297,7 @@ const _n = {
               (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u("g", {
                 key: `circle_plot_${i}_${r}`
               }, [
-                a && Ye(a.value) ? (n(), ct(ga, {
+                a && Ye(a.value) ? (n(), ct(ma, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                   color: t.value.plot.useGradient ? `url(#plotGradient_${i}_${Z.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
@@ -3439,13 +3429,13 @@ const _n = {
                     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` })
-                  }, null, 12, zi)) : g("", !0),
+                  }, 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` })
-                  }, null, 12, Ti)) : g("", !0)
+                  }, null, 12, zi)) : g("", !0)
                 ], 64))), 128))
               ])) : g("", !0),
               e.smooth && e.plots.length > 1 && e.curve ? (n(), u("path", {
@@ -3471,7 +3461,7 @@ const _n = {
               (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
                 key: `circle_line_${i}_${r}`
               }, [
-                !Ua.value.linePlot && a && Ye(a.value) || Ua.value.linePlot && a && Ye(a.value) && (M.value !== null && M.value === r || X.value !== null && X.value === r) || Ja(e.plots, r) ? (n(), ct(ga, {
+                !Ua.value.linePlot && a && Ye(a.value) || Ua.value.linePlot && a && Ye(a.value) && (M.value !== null && M.value === r || X.value !== null && X.value === r) || Ja(e.plots, r) ? (n(), ct(ma, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
                   color: t.value.line.useGradient ? `url(#lineGradient_${i}_${Z.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
@@ -3546,13 +3536,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 : ua(a) + Sl() / 2 - sa.value / 2,
+                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + de.value.line / 2 : na(a) + wl() / 2 - ia.value / 2,
                     y: h(q)(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(ze)(
+                  }, re(Ye(a.value) ? h(Ae)(
                     t.value.bar.labels.formatter,
                     a.value,
                     h(lt)({
@@ -3568,7 +3558,7 @@ 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 + Sl() * 1.1,
+                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + de.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,
@@ -3597,7 +3587,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(ze)(
+                  }, re(Ye(a.value) ? h(Ae)(
                     t.value.plot.labels.formatter,
                     a.value,
                     h(lt)({
@@ -3644,7 +3634,7 @@ const _n = {
                     }, [
                       k("div", {
                         style: C(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: h(ze)(
+                        innerHTML: h(Ae)(
                           t.value.plot.tag.formatter,
                           a.value,
                           e.name,
@@ -3666,7 +3656,7 @@ const _n = {
                     }, [
                       k("div", {
                         style: C(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: h(ze)(
+                        innerHTML: h(Ae)(
                           t.value.plot.tag.formatter,
                           a.value,
                           e.name,
@@ -3697,7 +3687,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(ze)(
+                  }, re(Ye(a.value) ? h(Ae)(
                     t.value.line.labels.formatter,
                     a.value,
                     h(lt)({
@@ -3744,7 +3734,7 @@ const _n = {
                     }, [
                       k("div", {
                         style: C(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: h(ze)(
+                        innerHTML: h(Ae)(
                           t.value.line.tag.formatter,
                           a.value,
                           e.name,
@@ -3766,7 +3756,7 @@ const _n = {
                     }, [
                       k("div", {
                         style: C(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
-                        innerHTML: h(ze)(
+                        innerHTML: h(Ae)(
                           t.value.line.tag.formatter,
                           a.value,
                           e.name,
@@ -3795,7 +3785,7 @@ const _n = {
                   "font-size": A.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
-                  innerHTML: h(ma)({
+                  innerHTML: h(fa)({
                     content: e.name,
                     fontSize: A.value.plotLabels,
                     fill: e.color,
@@ -3812,7 +3802,7 @@ const _n = {
                   "font-size": A.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
-                  innerHTML: h(ma)({
+                  innerHTML: h(fa)({
                     content: e.name,
                     fontSize: A.value.plotLabels,
                     fill: e.color,
@@ -3837,7 +3827,7 @@ const _n = {
                   "font-size": A.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
-                  innerHTML: h(ma)({
+                  innerHTML: h(fa)({
                     content: e.name,
                     fontSize: A.value.plotLabels,
                     fill: e.color,
@@ -3854,7 +3844,7 @@ const _n = {
                   "font-size": A.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
-                  innerHTML: h(ma)({
+                  innerHTML: h(fa)({
                     content: e.name,
                     fontSize: A.value.plotLabels,
                     fill: e.color,
@@ -3868,7 +3858,7 @@ const _n = {
             ], 64))), 128)),
             p.value.useIndividualScale && !p.value.isStacked ? (n(), u(b, { key: 13 }, [
               k("defs", null, [
-                (n(!0), u(b, null, L(Gl.value, (e, i) => (n(), u("linearGradient", {
+                (n(!0), u(b, null, L(Xl.value, (e, i) => (n(), u("linearGradient", {
                   id: `individual_scale_gradient_${Z.value}_${i}`,
                   x1: "0%",
                   x2: "100%",
@@ -3887,7 +3877,7 @@ const _n = {
                   }, null, 8, ds)
                 ], 8, cs))), 256))
               ]),
-              (n(!0), u(b, null, L(Gl.value, (e, i) => (n(), u("rect", {
+              (n(!0), u(b, null, L(Xl.value, (e, i) => (n(), u("rect", {
                 x: e.x - t.value.chart.grid.labels.yAxis.labelWidth + ue.value - c.value.individualOffsetX,
                 y: c.value.top,
                 width: t.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
@@ -3950,7 +3940,7 @@ const _n = {
                     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})`,
                     style: C({
-                      cursor: kl() ? "pointer" : "default"
+                      cursor: pl() ? "pointer" : "default"
                     }),
                     innerHTML: h(sn)({
                       content: String(e.text),
@@ -3968,7 +3958,7 @@ const _n = {
                     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})`,
                     style: C({
-                      cursor: kl() ? "pointer" : "default"
+                      cursor: pl() ? "pointer" : "default"
                     }),
                     onClick: () => ke(e, i)
                   }, re(e.text || ""), 13, gs))
@@ -4052,7 +4042,7 @@ const _n = {
               }, null, 8, Ms)
             ])) : g("", !0)
           ])) : g("", !0),
-          ta.value ? (n(), u("rect", Gt({ key: 2 }, Ma.value, {
+          ea.value ? (n(), u("rect", Gt({ key: 2 }, Ma.value, {
             "data-start": w.value.start,
             "data-end": w.value.end
           }), null, 16, Ls)) : g("", !0),
@@ -4060,7 +4050,7 @@ const _n = {
         ], 512)
       ], 46, gu)),
       l.$slots.watermark ? (n(), u("div", Cs, [
-        te(l.$slots, "watermark", Yt(dl({ isPrinting: h(Hl) || h(nt) })), void 0, !0)
+        te(l.$slots, "watermark", Yt(dl({ isPrinting: h(Bl) || h(nt) })), void 0, !0)
       ])) : g("", !0),
       (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u(b, {
         key: `tag_line_${e.id}`
@@ -4104,11 +4094,11 @@ const _n = {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, zs)
+              }, null, 8, Ts)
             ])),
             k("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: h(ze)(
+              innerHTML: h(Ae)(
                 t.value.line.tag.formatter,
                 a.value,
                 e.name,
@@ -4118,7 +4108,7 @@ const _n = {
                   serieName: e.name
                 }
               )
-            }, null, 8, Ts)
+            }, null, 8, zs)
           ], 4)) : g("", !0),
           [X.value, M.value, ae.value].includes(r) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (n(), u("div", {
             key: 1,
@@ -4160,7 +4150,7 @@ const _n = {
             ])),
             k("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: h(ze)(
+              innerHTML: h(Ae)(
                 t.value.line.tag.formatter,
                 a.value,
                 e.name,
@@ -4220,7 +4210,7 @@ const _n = {
             ])),
             k("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: h(ze)(
+              innerHTML: h(Ae)(
                 t.value.plot.tag.formatter,
                 a.value,
                 e.name,
@@ -4272,7 +4262,7 @@ const _n = {
             ])),
             k("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: h(ze)(
+              innerHTML: h(Ae)(
                 t.value.plot.tag.formatter,
                 a.value,
                 e.name,
@@ -4297,9 +4287,9 @@ const _n = {
         valueEnd: w.value.end,
         start: w.value.start,
         end: w.value.end,
-        "onUpdate:start": na,
+        "onUpdate:start": oa,
         "onUpdate:end": La,
-        selectedSeries: Tt.value,
+        selectedSeries: zt.value,
         customFormat: t.value.chart.zoom.customFormat,
         background: t.value.chart.zoom.color,
         fontSize: t.value.chart.zoom.fontSize,
@@ -4333,11 +4323,11 @@ const _n = {
         focusOnDrag: t.value.chart.zoom.focusOnDrag,
         focusRangeRatio: t.value.chart.zoom.focusRangeRatio,
         onReset: Ca,
-        onTrapMouse: wl,
-        onFutureStart: s[1] || (s[1] = (e) => El("start", e)),
-        onFutureEnd: s[2] || (s[2] = (e) => El("end", e)),
+        onTrapMouse: kl,
+        onFutureStart: s[1] || (s[1] = (e) => Vl("start", e)),
+        onFutureEnd: s[2] || (s[2] = (e) => Vl("end", e)),
         timeLabels: m.value,
-        isPreview: ta.value
+        isPreview: ea.value
       }, {
         "reset-action": we(({ reset: e }) => [
           te(l.$slots, "reset-action", Yt(dl({ reset: e })), void 0, !0)
@@ -4354,7 +4344,7 @@ const _n = {
         t.value.chart.legend.show ? (n(), u("div", {
           key: 0,
           ref_key: "chartLegend",
-          ref: Ce,
+          ref: Le,
           class: "vue-ui-xy-legend",
           style: C({
             fontSize: `var(--legend-font-size, ${t.value.chart.legend.fontSize ?? 14}px)`
@@ -4376,7 +4366,7 @@ const _n = {
                 width: "20",
                 fill: e.color
               }, null, 8, Xs),
-              ml(ga, {
+              ml(ma, {
                 plot: { x: 10, y: 9 },
                 radius: 4,
                 color: e.color,
@@ -4406,7 +4396,7 @@ const _n = {
                 fill: l.$slots.pattern ? `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})` : e.color
               }, null, 8, Us)) : g("", !0)
             ])) : (n(), u("svg", qs, [
-              ml(ga, {
+              ml(ma, {
                 plot: { x: 6, y: 6 },
                 radius: 5,
                 color: e.color,
@@ -4420,7 +4410,7 @@ const _n = {
         ], 4)) : (n(), u("div", {
           key: 1,
           ref_key: "chartLegend",
-          ref: Ce
+          ref: Le
         }, [
           te(l.$slots, "legend", { legend: et.value }, void 0, !0)
         ], 512))
@@ -4434,7 +4424,7 @@ const _n = {
         te(l.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
       ml(h(ce), {
-        show: p.value.showTooltip && bl.value,
+        show: p.value.showTooltip && xl.value,
         backgroundColor: t.value.chart.tooltip.backgroundColor,
         color: t.value.chart.tooltip.color,
         fontSize: t.value.chart.tooltip.fontSize,
@@ -4461,14 +4451,14 @@ const _n = {
         ]),
         _: 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(Ul.value.component), Gt({ key: 8 }, Ul.value.props, {
+      Mt.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(() => [
           k("div", {
-            style: C(`${h(Hl) || 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"}`)
+            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"}`)
           }, [
             k("div", Zs, [
               Oa(k("input", {
@@ -4488,17 +4478,17 @@ const _n = {
                 }, null, 8, ["stroke"])
               ])
             ]),
-            He.value ? (n(), ct(h(Al), {
+            He.value ? (n(), ct(h(Cl), {
               key: `sparkline_${gt.value}`,
               dataset: Po.value,
               config: Fo.value
-            }, null, 8, ["dataset", "config"])) : (n(), ct(h(Le), {
-              key: `table_${Fl.value}`,
-              colNames: da.value.colNames,
-              head: da.value.head,
-              body: da.value.body,
-              config: da.value.config,
-              title: t.value.table.useDialog ? "" : Ul.value.title,
+            }, null, 8, ["dataset", "config"])) : (n(), ct(h(Ne), {
+              key: `table_${Nl.value}`,
+              colNames: va.value.colNames,
+              head: va.value.head,
+              body: va.value.body,
+              config: va.value.config,
+              title: t.value.table.useDialog ? "" : Yl.value.title,
               withCloseButton: !t.value.table.useDialog,
               onClose: vo
             }, {
@@ -4522,7 +4512,7 @@ const _n = {
         t.value.table.useDialog ? {
           name: "title",
           fn: we(() => [
-            bo(re(Ul.value.title), 1)
+            bo(re(Yl.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -4532,11 +4522,11 @@ const _n = {
             k("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: s[3] || (s[3] = (e) => za(t.value.chart.userOptions.callbacks.csv))
+              onClick: s[3] || (s[3] = (e) => Ta(t.value.chart.userOptions.callbacks.csv))
             }, [
               ml(h(me), {
                 name: "excel",
-                stroke: Ul.value.props.color
+                stroke: Yl.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),