vue-data-ui 3.1.12 → 3.1.13

package/dist/{vue-ui-xy-Lkm_4SBT.js → vue-ui-xy-C9oTa60U.js}

@@ -1,18 +1,18 @@
-import { useCssVars as Xo, computed as x, ref as y, onMounted as Sl, onBeforeUnmount as rl, watch as mt, onUpdated as ro, nextTick as Kl, createElementBlock as i, openBlock as n, createElementVNode as w, createCommentVNode as g, renderSlot as ee, normalizeStyle as L, createVNode as sl, withDirectives as Na, unref as v, Fragment as b, renderList as M, normalizeProps as At, mergeProps as Wt, normalizeClass as Qe, withKeys as co, vModelText as vo, toDisplayString as re, defineAsyncComponent as Et, useSlots as Yo, getCurrentInstance as Go, toRefs as Uo, watchEffect as ho, createBlock as lt, createSlots as mo, withCtx as we, guardReactiveProps as Ht, Teleport as qo, resolveDynamicComponent as Zo, vModelCheckbox as Ko, createTextVNode as fo } from "vue";
-import { c as ga, y as xa, X as Jo, F as ht, $ as ba, V as ya, a0 as pa, U as ka, u as Qo, f as za, t as jo, d as en, D as ql, ae as il, e as go, p as xo, af as ha, ab as j, a6 as Ta, ag as tn, h as U, ah as ln, ai as bo, aj as yo, k as ze, ak as an, z as on, _ as po, R as kt, i as at, x as ul, s as dt, a9 as ue, L as nn, al as ma, I as un, am as Dt, C as Je, a as sn, b as rn, o as ko, v as cn, w as vn, E as wl } from "./index-C6JKBlTi.js";
-import { t as Zl, d as dn, u as hn } from "./useResponsive-DfdjqQps.js";
-import { u as mn } from "./usePrinter-CXsdP0nC.js";
+import { useCssVars as Xo, computed as x, ref as y, onMounted as $l, onBeforeUnmount as rl, watch as mt, onUpdated as ro, nextTick as Jl, createElementBlock as i, openBlock as n, createElementVNode as w, createCommentVNode as g, renderSlot as ee, normalizeStyle as L, createVNode as sl, withDirectives as Na, unref as v, Fragment as b, renderList as M, normalizeProps as At, mergeProps as Wt, normalizeClass as Qe, withKeys as co, vModelText as vo, toDisplayString as re, defineAsyncComponent as Et, useSlots as Yo, getCurrentInstance as Go, toRefs as Uo, watchEffect as ho, createBlock as lt, createSlots as mo, withCtx as we, guardReactiveProps as Ht, Teleport as qo, resolveDynamicComponent as Zo, vModelCheckbox as Ko, createTextVNode as fo } from "vue";
+import { c as ga, y as xa, X as Jo, F as ht, $ as ba, V as ya, a0 as pa, U as ka, u as Qo, f as za, t as jo, d as en, D as Zl, ae as il, e as go, p as xo, af as ha, ab as j, a6 as Ta, ag as tn, h as U, ah as ln, ai as bo, aj as yo, k as ze, ak as an, z as on, _ as po, R as kt, i as at, x as ul, s as dt, a9 as ue, L as nn, al as ma, I as un, am as Dt, C as Je, a as sn, b as rn, o as ko, v as cn, w as vn, E as Sl } from "./index-CdN9MkL7.js";
+import { t as Kl, d as dn, u as hn } from "./useResponsive-DfdjqQps.js";
+import { u as mn } from "./usePrinter-CLVErK_G.js";
 import { u as fn, B as gn } from "./BaseScanner-BgWxam9d.js";
 import { u as wo, a as xn, l as bn } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Ia } from "./useNestedProp-v9lPW2Pf.js";
+import { u as Ia } from "./useNestedProp-oNhYagej.js";
 import { u as yn } from "./useTimeLabelCollider-CIsgDrl9.js";
-import pn from "./img-BKkRZkoV.js";
-import kn from "./Title-DW0Gn9KR.js";
-import { S as wn } from "./Slicer-BbqJPn8J.js";
-import { _ as fa } from "./Shape-DOdamRE4.js";
-import Sn from "./BaseIcon-DPvKcoLi.js";
+import pn from "./img-CVbbqgGH.js";
+import kn from "./Title-BKsDkvCV.js";
+import { S as wn } from "./Slicer-C7BMIgYA.js";
+import { _ as fa } from "./Shape-BWIW_Vmn.js";
+import Sn from "./BaseIcon-CBGEVS_a.js";
 import { _ as So } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import $n from "./vue-ui-accordion-DXxnp5Dr.js";
+import $n from "./vue-ui-accordion-BoGANFKn.js";
 const _n = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
@@ -179,31 +179,31 @@ const _n = {
   emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
   setup($, { expose: wa, emit: Sa }) {
     Xo((d) => ({
-      "107b0d17": Cl.value,
-      af1ed4ea: ne.value,
-      "5fc18ebc": gt.value,
-      eeb4528a: $.selectColor,
-      "774a6bc9": Al.value
+      a43770b2: Al.value,
+      "45d9d01b": ne.value,
+      "75589d4c": gt.value,
+      "260f114b": $.selectColor,
+      "7173de59": zl.value
     }));
-    const h = $, ot = y(null), he = y(h.min), ge = y(h.max), me = x(() => !!h.minimap.length), $l = y(ga()), wt = y(!1), zt = x(() => me.value && h.minimapCompact), _l = y(0), Ml = Zl((d) => Pe("futureStart", d), 0), Jl = Zl((d) => Pe("futureEnd", d), 0), cl = x({
+    const h = $, ot = y(null), he = y(h.min), ge = y(h.max), me = x(() => !!h.minimap.length), _l = y(ga()), wt = y(!1), zt = x(() => me.value && h.minimapCompact), Ml = y(0), cl = Kl((d) => Pe("futureStart", d), 0), Ll = Kl((d) => Pe("futureEnd", d), 0), vl = x({
       get: () => he.value,
       set(d) {
         const f = Math.min(d, ge.value - 1);
-        f !== he.value && (he.value = f, Nt.value && (Nt.value.value = String(f)), wt.value && Ml(f));
+        f !== he.value && (he.value = f, Nt.value && (Nt.value.value = String(f)), wt.value && cl(f));
       }
     }), Tt = x({
       get: () => ge.value,
       set(d) {
         const f = Math.max(d, he.value + 1);
-        f !== ge.value && (ge.value = f, t.value && (t.value.value = String(f)), wt.value && Jl(f));
+        f !== ge.value && (ge.value = f, t.value && (t.value.value = String(f)), wt.value && Ll(f));
       }
     });
-    Sl(() => {
+    $l(() => {
       const d = () => {
-        ot.value && (_l.value = ot.value.getBoundingClientRect().width);
+        ot.value && (Ml.value = ot.value.getBoundingClientRect().width);
       };
       d();
-      const f = Zl(d, 50);
+      const f = Kl(d, 50);
       window.addEventListener("resize", f), rl(() => {
         window.removeEventListener("resize", f);
       });
@@ -226,7 +226,7 @@ const _n = {
       }
       const d = Math.max(1, h.max - h.min);
       return (ge.value - h.min) / d * 100;
-    }), Ll = x(() => (ft.value + St.value) / 2), Xt = x(() => {
+    }), Cl = x(() => (ft.value + St.value) / 2), Xt = x(() => {
       if (!ot.value) return !1;
       const d = Math.max(1, h.max - h.min);
       return ot.value.getBoundingClientRect().width * ((he.value - h.min) / d) - Rt.value / 2 < 0;
@@ -235,7 +235,7 @@ const _n = {
       const d = Math.max(1, h.max - h.min), f = ot.value.getBoundingClientRect().width;
       return f * ((ge.value - h.min) / d) + el.value / 2 > f;
     }), _e = x(() => {
-      const d = Yt.value ? `calc(${Ll.value}% - ${tl.value.width}px - 2px)` : Xt.value ? `calc(${Ll.value}% - 8px)` : `calc(${Ll.value}% - ${tl.value.width / 2}px - 4px)`;
+      const d = Yt.value ? `calc(${Cl.value}% - ${tl.value.width}px - 2px)` : Xt.value ? `calc(${Cl.value}% - 8px)` : `calc(${Cl.value}% - ${tl.value.width / 2}px - 4px)`;
       return {
         left: `${ft.value}%`,
         width: `${Math.max(0, St.value - ft.value)}%`,
@@ -246,7 +246,7 @@ const _n = {
         arrowLeft: !Xt.value,
         arrowRight: !Yt.value
       };
-    }), Cl = x(() => h.inputColor), Al = x(() => h.background), gt = x(() => `${h.selectColor}33`), ne = x(() => h.borderColor), Ql = x(() => {
+    }), Al = x(() => h.inputColor), zl = x(() => h.background), gt = x(() => `${h.selectColor}33`), ne = x(() => h.borderColor), Ql = x(() => {
       let d = [];
       for (let f = 0; f < h.max; f += 1)
         d.push(f);
@@ -270,12 +270,12 @@ const _n = {
       width: 1,
       height: 1
     }), le = y(null);
-    Sl(() => {
+    $l(() => {
       if (me.value) {
-        const d = Zl(() => {
+        const d = Kl(() => {
           if (!Gt.value) return;
-          const { width: f, height: m } = hn({ chart: Gt.value }), S = Math.max(0, Math.round(f)), T = Math.max(0, Math.round(m - 47));
-          (S !== H.value.width || T !== H.value.height) && (H.value.width = S, H.value.height = T);
+          const { width: f, height: m } = hn({ chart: Gt.value }), S = Math.max(0, Math.round(f)), z = Math.max(0, Math.round(m - 47));
+          (S !== H.value.width || z !== H.value.height) && (H.value.width = S, H.value.height = z);
         }, 50);
         le.value = new ResizeObserver(d), le.value.observe(Gt.value);
       }
@@ -291,34 +291,34 @@ const _n = {
       const f = Math.ceil(d - h.min);
       return Math.min(Math.max(0, f), nt.value);
     }
-    const De = x(() => jl(he.value)), Fe = x(() => Ut(ge.value)), vl = x(() => Math.max(...h.allMinimaps.map((d) => d.series.length))), ae = x(() => {
+    const De = x(() => jl(he.value)), Fe = x(() => Ut(ge.value)), dl = x(() => Math.max(...h.allMinimaps.map((d) => d.series.length))), ae = x(() => {
       if (!h.minimap.length) return 0;
-      const d = Math.max(1, vl.value - (h.minimapCompact ? 1 : 0));
+      const d = Math.max(1, dl.value - (h.minimapCompact ? 1 : 0));
       return H.value.width / d;
     }), ce = x(() => h.allMinimaps.length ? h.allMinimaps.filter((d) => d.type === "bar").length : 0), Z = x(() => ae.value / (ce.value || 1) * 0.8);
-    function zl(d, f, m) {
-      const S = Z.value, T = Math.max(1, ce.value), q = vl.value - 1;
-      return m === 0 ? d + S / 2 * f : m === q ? d - S / 2 * (T - f) : d - T * S / 2 + f * S;
+    function Tl(d, f, m) {
+      const S = Z.value, z = Math.max(1, ce.value), q = dl.value - 1;
+      return m === 0 ? d + S / 2 * f : m === q ? d - S / 2 * (z - f) : d - z * S / 2 + f * S;
     }
-    function Tl(d, f) {
-      return [0, vl.value - 1].includes(f) ? Z.value / 2 : Z.value;
+    function Il(d, f) {
+      return [0, dl.value - 1].includes(f) ? Z.value / 2 : Z.value;
     }
-    const Il = x(() => {
+    const Nl = x(() => {
       const d = [];
       if (Array.isArray(h.minimap) && h.minimap.length && h.minimapMerged && d.push(...h.minimap.filter(Number.isFinite)), Array.isArray(h.allMinimaps) && h.allMinimaps.length)
         for (const f of h.allMinimaps)
           f?.isVisible && Array.isArray(f?.series) && d.push(...f.series.filter(Number.isFinite));
       return d.length ? { min: Math.min(...d), max: Math.max(...d) } : { min: 0, max: 1 };
-    }), We = x(() => Il.value.min), xt = x(() => Il.value.max), D = x(() => We.value < 0 && xt.value > 0 || xt.value <= 0 ? We.value : 0), ea = x(() => Math.max(1e-9, Math.max(Math.abs(We.value), Math.abs(xt.value)))), Nl = x(() => We.value < 0 && xt.value > 0), dl = (d) => {
+    }), We = x(() => Nl.value.min), xt = x(() => Nl.value.max), D = x(() => We.value < 0 && xt.value > 0 || xt.value <= 0 ? We.value : 0), ea = x(() => Math.max(1e-9, Math.max(Math.abs(We.value), Math.abs(xt.value)))), Pl = x(() => We.value < 0 && xt.value > 0), hl = (d) => {
       const f = Math.max(1, H.value.height);
-      if (Nl.value) {
+      if (Pl.value) {
         const m = ea.value;
         return (1 - (Math.max(-1, Math.min(1, d / m)) + 1) / 2) * f;
       } else {
         const m = Math.min(0, We.value), S = Math.max(0, xt.value);
         return f - (d - m) / Math.max(1e-9, S - m) * f;
       }
-    }, Le = x(() => dl(0));
+    }, Le = x(() => hl(0));
     function it(d, f, m) {
       const S = (q, Ue, $e) => Math.max(Ue, Math.min($e, q));
       if (f <= 0) {
@@ -346,27 +346,27 @@ const _n = {
           fullMarkers: [],
           selectionMarkers: []
         };
-      const m = Math.max(1, H.value.height), S = it(We.value, xt.value, m), T = d.length, q = Math.min(Math.max(0, De.value), Math.max(0, T - 1)), Ue = Math.min(T, Math.max(q + 1, Fe.value)), $e = d.map((Ce, Hl) => {
-        const pt = h.cutNullValues ? Ce : Ce === null ? 0 : Ce, Dl = Number.isFinite(pt), xl = ae.value * Hl + (h.minimapCompact ? 0 : ae.value / 2), bl = S(0);
+      const m = Math.max(1, H.value.height), S = it(We.value, xt.value, m), z = d.length, q = Math.min(Math.max(0, De.value), Math.max(0, z - 1)), Ue = Math.min(z, Math.max(q + 1, Fe.value)), $e = d.map((Ce, Dl) => {
+        const pt = h.cutNullValues ? Ce : Ce === null ? 0 : Ce, Wl = Number.isFinite(pt), bl = ae.value * Dl + (h.minimapCompact ? 0 : ae.value / 2), yl = S(0);
         return {
-          x: xl,
-          y: Dl ? S(pt) : NaN,
+          x: bl,
+          y: Wl ? S(pt) : NaN,
           v: pt,
-          value: Dl ? pt : null,
-          y0: bl,
-          i: Hl
+          value: Wl ? pt : null,
+          y0: yl,
+          i: Dl
         };
-      }), gl = (Ce) => Ce >= 0 && Ce < $e.length && Number.isFinite($e[Ce]?.value), Bl = $e.filter((Ce) => Number.isFinite(Ce.value) && !gl(Ce.i - 1) && !gl(Ce.i + 1)), I = Bl.filter((Ce) => Ce.i >= q && Ce.i < Ue), yt = $e.slice(q, Ue), na = $e.length >= 2 ? h.smoothMinimap || f ? h.cutNullValues ? ba($e) : ya($e) : h.cutNullValues ? pa($e) : ka($e) : "", El = yt.length >= 2 ? h.smoothMinimap || f ? h.cutNullValues ? ba(yt) : ya(yt) : h.cutNullValues ? pa(yt) : ka(yt) : "";
+      }), xl = (Ce) => Ce >= 0 && Ce < $e.length && Number.isFinite($e[Ce]?.value), El = $e.filter((Ce) => Number.isFinite(Ce.value) && !xl(Ce.i - 1) && !xl(Ce.i + 1)), I = El.filter((Ce) => Ce.i >= q && Ce.i < Ue), yt = $e.slice(q, Ue), na = $e.length >= 2 ? h.smoothMinimap || f ? h.cutNullValues ? ba($e) : ya($e) : h.cutNullValues ? pa($e) : ka($e) : "", Hl = yt.length >= 2 ? h.smoothMinimap || f ? h.cutNullValues ? ba(yt) : ya(yt) : h.cutNullValues ? pa(yt) : ka(yt) : "";
       return {
         fullSet: na,
         points: $e,
-        selectionSet: El,
+        selectionSet: Hl,
         sliced: yt,
         firstPlot: $e[q] || null,
         lastPlot: $e[Math.max(0, Ue - 1)] || null,
         hasFull: $e.length >= 2,
         hasSelection: yt.length >= 2,
-        fullMarkers: Bl,
+        fullMarkers: El,
         selectionMarkers: I
       };
     }
@@ -385,19 +385,19 @@ const _n = {
         x: ae.value * d + (h.minimapCompact ? 0 : ae.value / 2),
         width: ae.value * (f - d) - ae.value
       };
-    }), bt = y(h.minimapSelectedIndex), Pl = (d) => Math.round(h.min + d), It = x({
+    }), bt = y(h.minimapSelectedIndex), Fl = (d) => Math.round(h.min + d), It = x({
       get() {
-        return zt.value ? De.value : cl.value;
+        return zt.value ? De.value : vl.value;
       },
       set(d) {
-        zt.value ? $t(Pl(d)) : $t(d);
+        zt.value ? $t(Fl(d)) : $t(d);
       }
     }), Zt = x({
       get() {
         return zt.value ? Math.max(De.value, Fe.value - 1) : Tt.value;
       },
       set(d) {
-        zt.value ? Me(Pl(d + 1)) : Me(d);
+        zt.value ? Me(Fl(d + 1)) : Me(d);
       }
     });
     function C(d) {
@@ -411,7 +411,7 @@ const _n = {
       }
       d !== f && Xe(d);
     }, { immediate: !0 });
-    function Fl(d) {
+    function Rl(d) {
       bt.value = d;
       const f = De.value, m = Fe.value;
       d >= f && d < m && !be.value && Pe("trapMouse", d - f);
@@ -430,7 +430,7 @@ const _n = {
       wt.value = !0;
       const f = k(d);
       Number.isFinite(f) && (cancelAnimationFrame(Kt), Kt = requestAnimationFrame(() => {
-        cl.value = f;
+        vl.value = f;
       }));
     }
     let xe = 0;
@@ -446,7 +446,7 @@ const _n = {
     });
     const _t = x(() => h.valueEnd - h.valueStart), Pt = y(!1);
     let $a = y(null);
-    const ut = x(() => (_l.value - 48) / (h.max - h.min) * _t.value), Re = x(() => Math.max(1, _l.value - di - ut.value)), p = x(() => Math.max(1, h.max - h.min - _t.value)), Ye = x(() => p.value / Re.value), Rl = y(0), Vl = y(0), Ft = y(0), ta = y(0);
+    const ut = x(() => (Ml.value - 48) / (h.max - h.min) * _t.value), Re = x(() => Math.max(1, Ml.value - di - ut.value)), p = x(() => Math.max(1, h.max - h.min - _t.value)), Ye = x(() => p.value / Re.value), Vl = y(0), Ol = y(0), Ft = y(0), ta = y(0);
     let et = null, st = null, rt = null, ct = null;
     const la = (d) => {
       if (wt.value = !0, Mt.value = !0, !h.enableSelectionDrag) return;
@@ -455,13 +455,13 @@ const _n = {
       const m = f && d.targetTouches && d.targetTouches[0] ? d.targetTouches[0] : null, S = f ? m ? m.target : null : d.target;
       if (!S || !(S instanceof Element) || S.classList && S.classList.contains("range-handle")) return;
       Pt.value = !0;
-      const T = f ? m ? m.clientX : 0 : d.clientX;
-      $a.value = T, Rl.value = T, Vl.value = he.value, Ft.value = ge.value, ta.value = Ye.value, et = f ? "touchmove" : "mousemove", st = f ? "touchend" : "mouseup", rt = f ? ml : hl, ct = f ? Qt : Ge, window.addEventListener(et, rt, { passive: !1 }), window.addEventListener(st, ct);
+      const z = f ? m ? m.clientX : 0 : d.clientX;
+      $a.value = z, Vl.value = z, Ol.value = he.value, Ft.value = ge.value, ta.value = Ye.value, et = f ? "touchmove" : "mousemove", st = f ? "touchend" : "mouseup", rt = f ? fl : ml, ct = f ? Qt : Ge, window.addEventListener(et, rt, { passive: !1 }), window.addEventListener(st, ct);
     };
-    function hl(d) {
+    function ml(d) {
       Pt.value && Jt(d.clientX);
     }
-    function ml(d) {
+    function fl(d) {
       if (!Pt.value || !ot.value) return;
       const f = d.target;
       if (!(f instanceof Element) || !ot.value.contains(f) || f.classList && f.classList.contains("range-handle")) return;
@@ -471,11 +471,11 @@ const _n = {
     }
     function Jt(d) {
       if (!Pt.value) return;
-      const m = (d - Rl.value) * ta.value;
-      let S = Math.round(Vl.value + m);
+      const m = (d - Vl.value) * ta.value;
+      let S = Math.round(Ol.value + m);
       S = Math.max(h.min, Math.min(S, h.max - _t.value));
-      const T = S + _t.value;
-      cl.value = S, Tt.value = T;
+      const z = S + _t.value;
+      vl.value = S, Tt.value = z, cl(S), Ll(z);
     }
     function Ge() {
       tt();
@@ -487,7 +487,7 @@ const _n = {
       Pt.value = !1, et && rt && window.removeEventListener(et, rt), st && ct && window.removeEventListener(st, ct), et = st = null, rt = ct = null, Te();
     }
     const be = y(!1), Se = y(null), jt = y(null), Rt = y(1), el = y(1), Mt = y(!1);
-    function Ol() {
+    function Bl() {
       if (Se.value) {
         const d = Math.round(Se.value.getBoundingClientRect().width);
         d !== Rt.value && (Rt.value = d);
@@ -500,7 +500,7 @@ const _n = {
       }
     }
     ro(() => {
-      Ol(), c();
+      Bl(), c();
     });
     const aa = y(0);
     function oa(d) {
@@ -511,23 +511,23 @@ const _n = {
       left: 0
     });
     mt([he, ge], async () => {
-      if (await Kl(), !Se.value || !jt.value) {
+      if (await Jl(), !Se.value || !jt.value) {
         Vt.value = !1, tl.value = { width: 0, left: 0 };
         return;
       }
       const d = Se.value.getBoundingClientRect(), f = jt.value.getBoundingClientRect();
       Vt.value = d.x + d.width > f.x;
-      const m = d.x + d.width / 2, S = f.x + f.width / 2, T = d.width + f.width, q = (m + S) / 2;
+      const m = d.x + d.width / 2, S = f.x + f.width / 2, z = d.width + f.width, q = (m + S) / 2;
       tl.value = {
-        width: T,
-        left: q - T / 2
+        width: z,
+        left: q - z / 2
       };
     }), ro(() => {
-      Ol(), c();
+      Bl(), c();
     }), mt(() => h.labelLeft, () => {
-      Kl(Ol);
+      Jl(Bl);
     }, { deep: !0 }), mt(() => h.labelRight, () => {
-      Kl(c);
+      Jl(c);
     }, { deep: !0 });
     const fe = x(() => {
       let d = "", f = "", m = !1;
@@ -537,25 +537,25 @@ const _n = {
             absoluteIndex: he.value,
             seriesIndex: he.value,
             datapoint: h.selectedSeries
-          }), T = h.customFormat({
+          }), z = h.customFormat({
             absoluteIndex: ge.value - 1,
             seriesIndex: -1,
             datapoint: h.selectedSeries
           });
-          typeof S == "string" && typeof T == "string" && (d = S, f = T, m = !0);
+          typeof S == "string" && typeof z == "string" && (d = S, f = z, m = !0);
         } catch {
           m = !1;
         }
       if (!m) {
-        const S = h.usePreciseLabels ? h.preciseLabels.find((q) => q.absoluteIndex === he.value) : h.timeLabels.find((q) => q.absoluteIndex === he.value), T = h.usePreciseLabels ? h.preciseLabels.find((q) => q.absoluteIndex === ge.value - 1) : h.timeLabels.find((q) => q.absoluteIndex === ge.value - 1);
-        d = S ? S.text : "", f = T ? T.text : "";
+        const S = h.usePreciseLabels ? h.preciseLabels.find((q) => q.absoluteIndex === he.value) : h.timeLabels.find((q) => q.absoluteIndex === he.value), z = h.usePreciseLabels ? h.preciseLabels.find((q) => q.absoluteIndex === ge.value - 1) : h.timeLabels.find((q) => q.absoluteIndex === ge.value - 1);
+        d = S ? S.text : "", f = z ? z.text : "";
       }
       return { left: d, right: f };
     });
     rl(() => {
       le.value && le.value.disconnect(), et && rt && window.removeEventListener(et, rt), st && ct && window.removeEventListener(st, ct), et = st = null, rt = ct = null, clearTimeout(Ee);
     });
-    const fl = x(() => {
+    const gl = x(() => {
       if (!Ql.value.length) return null;
       if (bt.value >= De.value && bt.value < Fe.value) {
         const d = bt.value;
@@ -623,7 +623,7 @@ const _n = {
           }, [
             w("defs", null, [
               w("linearGradient", {
-                id: $l.value,
+                id: _l.value,
                 x1: "0%",
                 y1: "0%",
                 x2: "0%",
@@ -663,18 +663,18 @@ const _n = {
             $.minimapMerged && !$.minimapCompact ? (n(), i("path", {
               key: 2,
               d: `M${ae.value / 2},${Math.max(H.value.height, 0)} ${B.value.fullSet} L${H.value.width - ae.value / 2},${Math.max(H.value.height, 0)}Z`,
-              fill: `url(#${$l.value})`,
+              fill: `url(#${_l.value})`,
               stroke: "none",
               style: { opacity: "0.6" }
             }, null, 8, Nn)) : $.minimapMerged ? g("", !0) : (n(), i(b, { key: 3 }, [
               (n(!0), i(b, null, M(je.value.filter((m) => m.type === "bar"), (m, S) => (n(), i("g", null, [
-                (n(!0), i(b, null, M(m.points, (T, q) => (n(), i(b, null, [
-                  m.isVisible && !isNaN(T.y) ? (n(), i("rect", {
+                (n(!0), i(b, null, M(m.points, (z, q) => (n(), i(b, null, [
+                  m.isVisible && !isNaN(z.y) ? (n(), i("rect", {
                     key: 0,
-                    x: zl(T.x, S, q),
-                    y: T.v >= 0 ? T.y : T.y0,
-                    width: Tl(S, q),
-                    height: T.v >= 0 ? T.y0 - T.y : T.y - T.y0,
+                    x: Tl(z.x, S, q),
+                    y: z.v >= 0 ? z.y : z.y0,
+                    width: Il(S, q),
+                    height: z.v >= 0 ? z.y0 - z.y : z.y - z.y0,
                     fill: m.color,
                     style: { opacity: 0.6 }
                   }, null, 8, Pn)) : g("", !0)
@@ -742,7 +742,7 @@ const _n = {
                 B.value.selectionSet ? (n(), i("path", {
                   key: 0,
                   d: `M${B.value.sliced[0].x},${Math.max(H.value.height, 0)} ${B.value.selectionSet} L${B.value.sliced[B.value.sliced.length - 1].x},${Math.max(H.value.height, 0)}Z`,
-                  fill: `url(#${$l.value})`,
+                  fill: `url(#${_l.value})`,
                   stroke: "none",
                   style: { opacity: "1" }
                 }, null, 8, Dn)) : g("", !0),
@@ -776,15 +776,15 @@ const _n = {
               }, null, 8, Yn)) : g("", !0)
             ])) : (n(), i("g", Gn, [
               (n(!0), i(b, null, M(je.value.filter((m) => m.type === "bar"), (m, S) => (n(), i("g", null, [
-                (n(!0), i(b, null, M(m.points, (T, q) => (n(), i(b, null, [
-                  m && m.hasSelection && m.selectionSet && m.isVisible && !isNaN(T.y) ? (n(), i("rect", {
+                (n(!0), i(b, null, M(m.points, (z, q) => (n(), i(b, null, [
+                  m && m.hasSelection && m.selectionSet && m.isVisible && !isNaN(z.y) ? (n(), i("rect", {
                     key: 0,
-                    x: zl(T.x, S, q),
-                    y: T.v >= 0 ? T.y : T.y0,
-                    width: Tl(S, q),
-                    height: T.v >= 0 ? T.y0 - T.y : T.y - T.y0,
+                    x: Tl(z.x, S, q),
+                    y: z.v >= 0 ? z.y : z.y0,
+                    width: Il(S, q),
+                    height: z.v >= 0 ? z.y0 - z.y : z.y - z.y0,
                     fill: m.color,
-                    style: L({ opacity: q >= cl.value && q < Tt.value ? 1 : 0 })
+                    style: L({ opacity: q >= vl.value && q < Tt.value ? 1 : 0 })
                   }, null, 12, Un)) : g("", !0)
                 ], 64))), 256))
               ]))), 256)),
@@ -824,7 +824,7 @@ const _n = {
               stroke: $.textColor,
               rx: 3
             }, null, 8, Kn)) : g("", !0),
-            bt.value !== null && !be.value ? (n(), i("line", At(Wt({ key: 9 }, fl.value)), null, 16)) : g("", !0),
+            bt.value !== null && !be.value ? (n(), i("line", At(Wt({ key: 9 }, gl.value)), null, 16)) : g("", !0),
             $.minimapMerged ? (n(), i("g", Jn, [
               B.value && B.value.firstPlot && B.value.firstPlot.value !== null ? (n(), i("circle", {
                 key: 0,
@@ -921,10 +921,10 @@ const _n = {
               width: ae.value < 0 ? 0 : ae.value,
               fill: "transparent",
               style: L([{ "pointer-events": "all !important" }, { cursor: m >= De.value && m < Fe.value && $.enableSelectionDrag ? be.value ? "grabbing" : "grab" : "default" }]),
-              onMousedown: f[0] || (f[0] = (T) => be.value = !0),
-              onMouseup: f[1] || (f[1] = (T) => be.value = !1),
-              onMouseenter: (T) => Fl(m),
-              onMouseleave: f[2] || (f[2] = (T) => {
+              onMousedown: f[0] || (f[0] = (z) => be.value = !0),
+              onMouseup: f[1] || (f[1] = (z) => be.value = !1),
+              onMouseenter: (z) => Rl(m),
+              onMouseleave: f[2] || (f[2] = (z) => {
                 bt.value = null, Pe("trapMouse", null);
               })
             }, null, 44, ri))), 256))
@@ -1063,7 +1063,7 @@ const _n = {
       ], 544)
     ], 544));
   }
-}, mi = /* @__PURE__ */ So(hi, [["__scopeId", "data-v-7e85867d"]]), fi = ["id"], gi = ["id"], xi = ["viewBox", "aria-label"], bi = ["x", "y", "width", "height"], yi = { key: 1 }, pi = { class: "vue-ui-xy-grid" }, ki = ["stroke", "x1", "x2", "y1", "y2"], wi = ["stroke", "x1", "x2", "y1", "y2"], Si = { key: 1 }, $i = ["x1", "x2", "y1", "y2", "stroke"], _i = ["x1", "x2", "y1", "y2", "stroke"], Mi = ["x1", "x2", "y1", "y2", "stroke"], Li = { key: 3 }, Ci = ["d", "stroke"], Ai = { key: 4 }, zi = ["d", "stroke"], Ti = ["id"], Ii = ["stop-color"], Ni = ["stop-color"], Pi = ["stop-color"], Fi = ["id"], Ri = ["stop-color"], Vi = ["stop-color"], Oi = ["stop-color"], Bi = ["id"], Ei = ["stop-color"], Hi = ["stop-color"], Di = ["id"], Wi = ["stop-color"], Xi = ["stop-color"], Yi = ["id"], Gi = ["stop-color"], Ui = ["stop-color"], qi = ["x", "y", "height", "width", "fill"], Zi = ["x", "y", "width"], Ki = { key: 0 }, Ji = ["x", "y", "height", "width", "fill"], Qi = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ji = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], eu = ["width", "x", "y"], tu = { key: 0 }, lu = ["id"], au = ["fill"], ou = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], nu = ["x", "y", "font-size", "fill"], iu = ["stroke", "x1", "x2", "y1", "y2"], uu = { key: 3 }, su = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ru = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], cu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], vu = ["fill", "font-size", "transform"], du = ["x1", "x2", "y1", "y2", "stroke"], hu = ["x", "y", "font-size", "fill"], mu = ["x1", "x2", "y1", "y2", "stroke"], fu = ["x", "y", "font-size", "fill"], gu = ["width", "x", "y"], xu = { style: { width: "100%" } }, bu = { key: 0 }, yu = ["id"], pu = ["fill"], ku = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], wu = ["x", "y", "font-size", "fill"], Su = ["d", "stroke", "stroke-width", "stroke-dasharray"], $u = ["d", "stroke", "stroke-width", "stroke-dasharray"], _u = { key: 6 }, Mu = { key: 7 }, Lu = ["d", "fill", "fill-opacity"], Cu = { key: 0 }, Au = ["d", "fill"], zu = ["d", "fill"], Tu = ["d", "fill"], Iu = ["d", "fill"], Nu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Fu = ["width", "x", "y"], Ru = { style: { width: "100%" } }, Vu = { key: 3 }, Ou = ["id"], Bu = ["fill"], Eu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Hu = ["x", "y", "font-size", "fill"], Du = { key: 8 }, Wu = ["x", "y", "font-size", "fill"], Xu = ["x", "y", "font-size", "fill", "font-weight"], Yu = { key: 9 }, Gu = ["x", "y", "font-size", "fill"], Uu = { key: 10 }, qu = ["x", "y"], Zu = ["innerHTML"], Ku = ["x", "y"], Ju = ["innerHTML"], Qu = ["x1", "x2", "y1", "y2", "stroke"], ju = { key: 11 }, es = ["x", "y", "font-size", "fill"], ts = { key: 12 }, ls = ["x", "y"], as = ["innerHTML"], os = ["x", "y"], ns = ["innerHTML"], is = ["x1", "x2", "y1", "y2", "stroke"], us = ["x", "y", "font-size", "fill", "innerHTML"], ss = ["x", "y", "font-size", "fill", "innerHTML"], rs = ["x", "y", "font-size", "fill", "innerHTML"], cs = ["x", "y", "font-size", "fill", "innerHTML"], vs = ["id"], ds = ["stop-color"], hs = ["stop-color"], ms = ["x", "y", "width", "height", "fill", "onMouseenter"], fs = ["font-size", "fill", "transform"], gs = ["x", "y", "font-size", "fill"], xs = ["text-anchor", "font-size", "fill", "transform", "onClick"], bs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], ys = { key: 15 }, ps = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ks = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ws = ["y", "x", "width", "height", "fill"], Ss = ["id", "x", "y", "font-size", "fill", "text-anchor"], $s = {
+}, mi = /* @__PURE__ */ So(hi, [["__scopeId", "data-v-a762b028"]]), fi = ["id"], gi = ["id"], xi = ["viewBox", "aria-label"], bi = ["x", "y", "width", "height"], yi = { key: 1 }, pi = { class: "vue-ui-xy-grid" }, ki = ["stroke", "x1", "x2", "y1", "y2"], wi = ["stroke", "x1", "x2", "y1", "y2"], Si = { key: 1 }, $i = ["x1", "x2", "y1", "y2", "stroke"], _i = ["x1", "x2", "y1", "y2", "stroke"], Mi = ["x1", "x2", "y1", "y2", "stroke"], Li = { key: 3 }, Ci = ["d", "stroke"], Ai = { key: 4 }, zi = ["d", "stroke"], Ti = ["id"], Ii = ["stop-color"], Ni = ["stop-color"], Pi = ["stop-color"], Fi = ["id"], Ri = ["stop-color"], Vi = ["stop-color"], Oi = ["stop-color"], Bi = ["id"], Ei = ["stop-color"], Hi = ["stop-color"], Di = ["id"], Wi = ["stop-color"], Xi = ["stop-color"], Yi = ["id"], Gi = ["stop-color"], Ui = ["stop-color"], qi = ["x", "y", "height", "width", "fill"], Zi = ["x", "y", "width"], Ki = { key: 0 }, Ji = ["x", "y", "height", "width", "fill"], Qi = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ji = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], eu = ["width", "x", "y"], tu = { key: 0 }, lu = ["id"], au = ["fill"], ou = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], nu = ["x", "y", "font-size", "fill"], iu = ["stroke", "x1", "x2", "y1", "y2"], uu = { key: 3 }, su = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ru = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], cu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], vu = ["fill", "font-size", "transform"], du = ["x1", "x2", "y1", "y2", "stroke"], hu = ["x", "y", "font-size", "fill"], mu = ["x1", "x2", "y1", "y2", "stroke"], fu = ["x", "y", "font-size", "fill"], gu = ["width", "x", "y"], xu = { style: { width: "100%" } }, bu = { key: 0 }, yu = ["id"], pu = ["fill"], ku = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], wu = ["x", "y", "font-size", "fill"], Su = ["d", "stroke", "stroke-width", "stroke-dasharray"], $u = ["d", "stroke", "stroke-width", "stroke-dasharray"], _u = { key: 6 }, Mu = { key: 7 }, Lu = ["d", "fill", "fill-opacity"], Cu = { key: 0 }, Au = ["d", "fill"], zu = ["d", "fill"], Tu = ["d", "fill"], Iu = ["d", "fill"], Nu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Fu = ["width", "x", "y"], Ru = { style: { width: "100%" } }, Vu = { key: 3 }, Ou = ["id"], Bu = ["fill"], Eu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Hu = ["x", "y", "font-size", "fill"], Du = { key: 8 }, Wu = ["x", "y", "font-size", "fill"], Xu = ["x", "y", "font-size", "fill", "font-weight"], Yu = { key: 9 }, Gu = ["x", "y", "font-size", "fill"], Uu = { key: 10 }, qu = ["x", "y"], Zu = ["innerHTML"], Ku = ["x", "y"], Ju = ["innerHTML"], Qu = ["x1", "x2", "y1", "y2", "stroke"], ju = { key: 11 }, es = ["x", "y", "font-size", "fill"], ts = { key: 12 }, ls = ["x", "y"], as = ["innerHTML"], os = ["x", "y"], ns = ["innerHTML"], is = ["x1", "x2", "y1", "y2", "stroke"], us = ["x", "y", "font-size", "fill", "innerHTML"], ss = ["x", "y", "font-size", "fill", "innerHTML"], rs = ["x", "y", "font-size", "fill", "innerHTML"], cs = ["x", "y", "font-size", "fill", "innerHTML"], vs = ["id"], ds = ["stop-color"], hs = ["stop-color"], ms = ["x", "y", "width", "height", "fill", "onMouseenter"], fs = ["font-size", "fill", "transform"], gs = ["x", "y", "font-size", "fill"], xs = ["text-anchor", "font-size", "fill", "transform", "onClick"], bs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], ys = { key: 15 }, ps = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ks = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ws = ["y", "x", "width", "height", "fill"], Ss = ["id", "x", "y", "font-size", "fill", "text-anchor"], $s = {
   key: 16,
   style: { "pointer-events": "none" }
 }, _s = ["x", "y"], Ms = ["innerHTML"], Ls = ["cx", "cy", "r", "fill"], Cs = ["data-start", "data-end"], As = {
@@ -1129,11 +1129,11 @@ const _n = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup($, { expose: wa, emit: Sa }) {
-    const h = $, ot = Et(() => import("./DataTable-BksffQWJ.js")), he = Et(() => import("./Tooltip-KA5hkT_i.js")), ge = Et(() => import("./UserOptions-B9oOeC1Y.js")), me = Et(() => import("./BaseIcon-DPvKcoLi.js")), $l = Et(() => import("./vue-ui-table-sparkline-BN7WzW5-.js")), wt = Et(() => import("./PackageVersion-BDFJmlvg.js")), zt = Et(() => import("./PenAndPaper-Knveet_c.js")), _l = Et(() => import("./BaseDraggableDialog-DJGsL96v.js")), Ml = Sa, Jl = Yo(), cl = Go(), { vue_ui_xy: Tt } = Qo(), Ee = y(null), Te = y(null), He = y(null), Pe = y(null), ft = y(null), St = y(null), Ll = y(null), Xt = y(null), Yt = y(null), _e = y(null), Cl = y(null), Al = y(null), gt = y(null), ne = y(null), Ql = y(0), O = y(null), Gt = y(!0), H = y(600), le = y(1e3), nt = y("0 0 1000 600"), jl = y({ x: 0, y: 0 }), Ut = y({ line: "line", bar: "bar", plot: "plot" }), De = y(!1), Fe = y(!1), vl = y(!1), ae = y(null), ce = y([]), Z = y(ga()), zl = y(0), Tl = y(0), Il = y(0), We = y(!0), xt = y(0), D = y(null), ea = y(!1), Nl = y(!0), dl = y(!0), Le = y(null), it = y({}), qt = y(null), B = y(!1), je = y(null), _ = y(null), bt = x(() => ({
+    const h = $, ot = Et(() => import("./DataTable-DQRJv8EE.js")), he = Et(() => import("./Tooltip-BA5KTZ2e.js")), ge = Et(() => import("./UserOptions-usqWO4wC.js")), me = Et(() => import("./BaseIcon-CBGEVS_a.js")), _l = Et(() => import("./vue-ui-table-sparkline-BYoEkczS.js")), wt = Et(() => import("./PackageVersion-bFI66Iee.js")), zt = Et(() => import("./PenAndPaper-CHT5QaP8.js")), Ml = Et(() => import("./BaseDraggableDialog-R8VpARJu.js")), cl = Sa, Ll = Yo(), vl = Go(), { vue_ui_xy: Tt } = Qo(), Ee = y(null), Te = y(null), He = y(null), Pe = y(null), ft = y(null), St = y(null), Cl = y(null), Xt = y(null), Yt = y(null), _e = y(null), Al = y(null), zl = y(null), gt = y(null), ne = y(null), Ql = y(0), O = y(null), Gt = y(!0), H = y(600), le = y(1e3), nt = y("0 0 1000 600"), jl = y({ x: 0, y: 0 }), Ut = y({ line: "line", bar: "bar", plot: "plot" }), De = y(!1), Fe = y(!1), dl = y(!1), ae = y(null), ce = y([]), Z = y(ga()), Tl = y(0), Il = y(0), Nl = y(0), We = y(!0), xt = y(0), D = y(null), ea = y(!1), Pl = y(!0), hl = y(!0), Le = y(null), it = y({}), qt = y(null), B = y(!1), je = y(null), _ = y(null), bt = x(() => ({
       height: H.value,
       width: le.value
     }));
-    function Pl(l) {
+    function Fl(l) {
       return Number.isFinite(l) ? Math.max(0, Math.floor(l)) : 0;
     }
     function It(l, s, e = 0) {
@@ -1145,7 +1145,7 @@ const _n = {
       dataLabels: 20,
       plotLabels: 10
     }), Xe = y({ plot: 3, line: 3 });
-    Sl(() => {
+    $l(() => {
       B.value = !0, h.dataset.length && h.dataset.forEach((l, s) => {
         [null, void 0].includes(l.series) && za({
           componentName: "VueUiXy",
@@ -1156,7 +1156,7 @@ const _n = {
         });
       });
     });
-    function Fl() {
+    function Rl() {
       if (!Object.keys(h.config || {}).length)
         return Tt;
       const l = Ia({
@@ -1181,7 +1181,7 @@ const _n = {
       set(l) {
         return l;
       }
-    }), t = y(Fl()), k = y({
+    }), t = y(Rl()), k = y({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
@@ -1200,10 +1200,10 @@ const _n = {
     const $t = x(() => !!t.value.debug), { loading: xe, FINAL_DATASET: Me, manualLoading: _t } = fn({
       ...Uo(h),
       FINAL_CONFIG: t,
-      prepareConfig: Fl,
+      prepareConfig: Rl,
       callback: () => {
         Promise.resolve().then(async () => {
-          await xl(), k.value.showTable = t.value.showTable;
+          await bl(), k.value.showTable = t.value.showTable;
         });
       },
       skeletonDataset: [
@@ -1292,8 +1292,8 @@ const _n = {
     const $a = Pt((l, s) => Ta({ data: l, threshold: s })), ut = (l) => $a(l, t.value.downsample.threshold), Re = x({
       get: () => Math.max(...Me.value.map((l) => ut(l.series).length)),
       set: (l) => l
-    }), p = y({ start: 0, end: Re.value }), Ye = y({ start: 0, end: Re.value }), Rl = x(() => t.value.chart.zoom.preview.enable && (Ye.value.start !== p.value.start || Ye.value.end !== p.value.end));
-    function Vl(l, s) {
+    }), p = y({ start: 0, end: Re.value }), Ye = y({ start: 0, end: Re.value }), Vl = x(() => t.value.chart.zoom.preview.enable && (Ye.value.start !== p.value.start || Ye.value.end !== p.value.end));
+    function Ol(l, s) {
       Ye.value[l] = s;
     }
     function Ft() {
@@ -1336,7 +1336,7 @@ const _n = {
       elementId: `vue-ui-xy_${Z.value}`,
       fileName: t.value.chart.title.text || "vue-ui-xy",
       options: t.value.chart.userOptions.print
-    }), la = y(!1), hl = x(() => en(t.value.customPalette)), ml = x(() => {
+    }), la = y(!1), ml = x(() => en(t.value.customPalette)), fl = x(() => {
       if (t.value.chart.grid.labels.yAxis.scaleMin !== null)
         return t.value.chart.grid.labels.yAxis.scaleMin;
       const l = Math.min(...tt.value.filter((s) => !ce.value.includes(s.id)).map((s) => Math.min(...s.series)));
@@ -1345,14 +1345,14 @@ const _n = {
       if (t.value.chart.grid.labels.yAxis.scaleMax)
         return t.value.chart.grid.labels.yAxis.scaleMax;
       const l = Math.max(...tt.value.filter((s) => !ce.value.includes(s.id)).map((s) => Math.max(...s.series)));
-      return ml.value === l ? l + 1 : l;
-    }), Ge = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? ql(ml.value, Jt.value < 0 ? 0 : Jt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : il(ml.value, Jt.value < 0 ? 0 : Jt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), Qt = x(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Ge.value.min >= 0 ? 0 : Math.abs(Ge.value.min) : -Ge.value.min), tt = x(() => Gt.value ? Me.value.map((l, s) => {
+      return fl.value === l ? l + 1 : l;
+    }), Ge = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? Zl(fl.value, Jt.value < 0 ? 0 : Jt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : il(fl.value, Jt.value < 0 ? 0 : Jt.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), Qt = x(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Ge.value.min >= 0 ? 0 : Math.abs(Ge.value.min) : -Ge.value.min), tt = x(() => Gt.value ? Me.value.map((l, s) => {
       const e = ut(l.series), u = `uniqueId_${s}`;
       return {
         ...l,
         slotAbsoluteIndex: s,
         series: e.map((a) => ha(a) ? a : null).slice(p.value.start, p.value.end),
-        color: go(l.color ? l.color : hl.value[s] ? hl.value[s] : xo[s]),
+        color: go(l.color ? l.color : ml.value[s] ? ml.value[s] : xo[s]),
         id: u,
         scaleLabel: l.scaleLabel || u
       };
@@ -1370,14 +1370,14 @@ const _n = {
     })).filter((l) => !ce.value.includes(l.id)));
     function jt() {
       let l = 0;
-      Cl.value && (l = Array.from(Cl.value.querySelectorAll("text")).reduce((a, r) => {
+      Al.value && (l = Array.from(Al.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 = Yt.value ? Yt.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + C.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
       return l + s + e;
     }
-    const Rt = y(0), el = Zl((l) => {
+    const Rt = y(0), el = Kl((l) => {
       Rt.value = l;
     }, 100);
     ho((l) => {
@@ -1395,11 +1395,11 @@ const _n = {
       Xt.value && (l = Xt.value.getBBox().height);
       let s = 0;
       return _e.value && (s = Rt.value), l + s + C.value.xAxis;
-    }), Ol = x(() => Me.value.some((l) => l.useProgression)), c = x(() => {
+    }), Bl = x(() => Me.value.some((l) => l.useProgression)), c = x(() => {
       let l = 0;
       const s = 36;
       t.value.chart.grid.labels.show && (k.value.useIndividualScale && !k.value.isStacked ? l = (Me.value.length - ce.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + s) : k.value.useIndividualScale && k.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + s : l = jt());
-      const e = t.value.chart.labels.fontSize * 1.1, u = Ol.value ? 24 : 6;
+      const e = t.value.chart.labels.fontSize * 1.1, u = Bl.value ? 24 : 6;
       if (_e.value) {
         const o = _e.value.getBBox().x;
         o < 0 && (l += Math.abs(o));
@@ -1424,14 +1424,14 @@ const _n = {
     }), oa = x(() => {
       if (!t.value.chart.grid.labels.xAxis.showCrosshairs) return "";
       const l = c.value.width / I.value, s = t.value.chart.grid.labels.xAxis.crosshairSize, e = t.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-      return gl.value.map((u, a) => {
+      return xl.value.map((u, a) => {
         if (!u || !u.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, P = e ? Ie.value + s / (Ie.value === c.value.bottom ? 1 : 2) : c.value.bottom + s;
         return `M${r},${o} L${r},${P}`;
       }).filter(Boolean).join(" ");
     });
     function Vt() {
-      return !!cl?.vnode.props?.onSelectTimeLabel;
+      return !!vl?.vnode.props?.onSelectTimeLabel;
     }
     function tl(l, s, e) {
       if (!qt.value) {
@@ -1444,12 +1444,12 @@ const _n = {
       const l = Ee.value.querySelectorAll(".vue-ui-xy-tag");
       l.length && Array.from(l).forEach((s) => s.style.opacity = "0");
     }
-    function fl(l, s, e, u, a) {
+    function gl(l, s, e, u, a) {
       e && (it.value[`${l}_${s}_${u}_${a}`] = e);
     }
     const d = y(!1);
     async function f(l = !1) {
-      await Kl(), d.value = l, ea.value && (dl.value = l);
+      await Jl(), d.value = l, ea.value && (hl.value = l);
     }
     function m() {
       De.value = !De.value;
@@ -1463,7 +1463,7 @@ const _n = {
         start: p.value.start,
         end: p.value.end
       });
-    }), T = x(() => {
+    }), z = x(() => {
       const l = Math.max(...Me.value.map((s) => Ta({ data: s.series, threshold: t.value.downsample.threshold }).length));
       return wo({
         values: t.value.chart.grid.labels.xAxisLabels.values,
@@ -1500,9 +1500,9 @@ const _n = {
       }
       if (!Y.length)
         return u.map((W, V) => ({ text: "", absoluteIndex: V }));
-      const A = Y.length, F = E, te = Math.max(2, Math.min(F - 3, A)), z = Math.min(A, F + 3);
+      const A = Y.length, F = E, te = Math.max(2, Math.min(F - 3, A)), T = Math.min(A, F + 3);
       let G = Math.min(F, A), R = 1 / 0;
-      for (let W = te; W <= z; W += 1) {
+      for (let W = te; W <= T; W += 1) {
         const V = (A - 1) % (W - 1), se = Math.abs(W - F), Oe = V * 10 + se;
         Oe < R && (R = Oe, G = W);
       }
@@ -1518,8 +1518,8 @@ const _n = {
         text: de.has(V) ? W : "",
         absoluteIndex: V
       }));
-    }), gl = x(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels, s = S.value || [], e = T.value || [], u = p.value.start ?? 0, a = _.value, r = I.value, o = s.map((E) => E?.text ?? ""), P = e.map((E) => E?.text ?? "");
+    }), xl = x(() => {
+      const l = t.value.chart.grid.labels.xAxisLabels, s = S.value || [], e = z.value || [], u = p.value.start ?? 0, a = _.value, r = I.value, o = s.map((E) => E?.text ?? ""), P = e.map((E) => E?.text ?? "");
       return $e(
         !!l.showOnlyFirstAndLast,
         !!l.showOnlyAtModulo,
@@ -1531,7 +1531,7 @@ const _n = {
         r
       );
     });
-    function Bl(l, s) {
+    function El(l, s) {
       const e = Se.value.map((u) => ({
         shape: u.shape || null,
         name: u.name,
@@ -1542,14 +1542,14 @@ const _n = {
         prefix: u.prefix || t.value.chart.labels.prefix,
         suffix: u.suffix || t.value.chart.labels.suffix
       }));
-      Ml("selectTimeLabel", {
+      cl("selectTimeLabel", {
         datapoint: e,
         absoluteIndex: l.absoluteIndex,
         label: l.text
       });
     }
     const I = x(() => {
-      const l = Pl((p.value.end ?? 0) - (p.value.start ?? 0));
+      const l = Fl((p.value.end ?? 0) - (p.value.start ?? 0));
       return Math.max(1, l);
     });
     function yt(l) {
@@ -1558,43 +1558,43 @@ const _n = {
     function na() {
       k.value.isStacked = !k.value.isStacked, k.value.isStacked ? k.value.useIndividualScale = !0 : k.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale;
     }
-    function El(l) {
+    function Hl(l) {
       $t.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 Ce(l, s) {
-      const e = Pl(l), u = Array(e).fill(0);
+      const e = Fl(l), u = Array(e).fill(0);
       for (let a = 0; a < s.length && a < e; a += 1) u[a] = s[a] ?? 0;
       return u;
     }
-    function Hl(l) {
+    function Dl(l) {
       const s = Math.max(...Me.value.map((e) => ut(e.series).length));
       return l > s ? s : l < 0 || t.value.chart.zoom.startIndex !== null && l < t.value.chart.zoom.startIndex ? t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex + 1 : 1 : l;
     }
-    const pt = y(!1), Dl = y(!1);
-    function xl() {
+    const pt = y(!1), Wl = y(!1);
+    function bl() {
       if (!pt.value) {
         pt.value = !0;
         try {
-          const { startIndex: l, endIndex: s } = t.value.chart.zoom, e = Math.max(...Me.value.map((r) => ut(r.series).length)), u = l ?? 0, a = s != null ? Math.min(Hl(s + 1), e) : e;
-          bl.value = !0, p.value.start = u, p.value.end = a, Ye.value.start = u, Ye.value.end = a, Ft(), Dl.value = !0;
+          const { startIndex: l, endIndex: s } = t.value.chart.zoom, e = Math.max(...Me.value.map((r) => ut(r.series).length)), u = l ?? 0, a = s != null ? Math.min(Dl(s + 1), e) : e;
+          yl.value = !0, p.value.start = u, p.value.end = a, Ye.value.start = u, Ye.value.end = a, Ft(), Wl.value = !0;
         } finally {
           queueMicrotask(() => {
-            bl.value = !1;
+            yl.value = !1;
           }), pt.value = !1;
         }
       }
     }
-    const bl = y(!1);
+    const yl = y(!1);
     function $o(l) {
-      pt.value || bl.value || l !== p.value.start && (p.value.start = l, Ye.value.start = l, Ft());
+      pt.value || yl.value || l !== p.value.start && (p.value.start = l, Ye.value.start = l, Ft());
     }
     function _o(l) {
-      if (pt.value || bl.value) return;
-      const s = Hl(l);
+      if (pt.value || yl.value) return;
+      const s = Dl(l);
       s !== p.value.end && (p.value.end = s, Ye.value.end = s, Ft());
     }
     async function Pa() {
-      await xl();
+      await bl();
     }
     function qe(l) {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(l);
@@ -1605,7 +1605,7 @@ const _n = {
     }
     const Ie = x(() => isNaN(ll(Qt.value)) ? c.value.bottom : c.value.bottom - c.value.height * ll(Qt.value));
     function Ra(l) {
-      const s = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && ml.value >= 0 ? c.value.bottom : Ie.value;
+      const s = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && fl.value >= 0 ? c.value.bottom : Ie.value;
       return l.value >= 0 ? U(s - l.y <= 0 ? 1e-5 : s - l.y) : U(l.y - Ie.value <= 0 ? 1e-5 : l.y - Ie.value);
     }
     function Va(l) {
@@ -1619,7 +1619,7 @@ const _n = {
         line: It(s, l, 1)
       };
     });
-    function yl() {
+    function pl() {
       return k.value.useIndividualScale && k.value.isStacked ? ve.value.line - c.value.width / I.value * 0.1 : ve.value.bar;
     }
     function ia(l) {
@@ -1631,7 +1631,7 @@ const _n = {
     function Ba(l) {
       return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(l.zeroPosition) ? 0 : l.zeroPosition;
     }
-    const Wl = y(null);
+    const Xl = y(null);
     let al = 0;
     function Mo(l, s, e) {
       return l >= e.left && l <= e.right && s >= e.top && s <= e.bottom;
@@ -1646,14 +1646,14 @@ const _n = {
           return;
         }
         const u = Le.value.viewBox.baseVal.width / s.width, r = (l.clientX - s.left) * u - c.value.left, o = c.value.width / I.value, P = Math.floor(r / o);
-        P >= 0 && P < I.value ? Wl.value !== P && (Wl.value = P, Qa(!0, P)) : _a();
+        P >= 0 && P < I.value ? Xl.value !== P && (Xl.value = P, Qa(!0, P)) : _a();
       });
     }
     function _a() {
-      al && (cancelAnimationFrame(al), al = 0), Wl.value = null, Qa(!1, null);
+      al && (cancelAnimationFrame(al), al = 0), Xl.value = null, Qa(!1, null);
     }
     function Co() {
-      Wl.value != null && Ao(Wl.value);
+      Xl.value != null && Ao(Xl.value);
     }
     function Ao(l) {
       const s = Se.value.map((e) => ({
@@ -1662,7 +1662,7 @@ const _n = {
         color: e.color,
         type: e.type
       }));
-      Ml(
+      cl(
         "selectX",
         {
           dataset: s,
@@ -1698,7 +1698,7 @@ const _n = {
         if (ce.value.length + 1 === tt.value.length) return;
         ce.value.push(l.id);
       }
-      Ml("selectLegend", Se.value.map((s) => ({
+      cl("selectLegend", Se.value.map((s) => ({
         name: s.name,
         values: s.absoluteValues,
         color: s.color,
@@ -1728,7 +1728,7 @@ const _n = {
       ...l,
       series: ut(l.series),
       id: `uniqueId_${s}`,
-      color: go(l.color ? l.color : hl.value[s] ? hl.value[s] : xo[s])
+      color: go(l.color ? l.color : ml.value[s] ? ml.value[s] : xo[s])
     })) : Me.value), Fo = x(() => Se.value.map((l) => {
       const s = l.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
@@ -1746,7 +1746,7 @@ const _n = {
       fontFamily: t.value.chart.fontFamily,
       prefix: t.value.chart.labels.prefix,
       suffix: t.value.chart.labels.suffix,
-      colNames: S.value.map((l, s) => t.value.table.useDefaultTimeFormat ? l.text : pl.value(s + p.value.start, t.value.table.timeFormat)),
+      colNames: S.value.map((l, s) => t.value.table.useDefaultTimeFormat ? l.text : kl.value(s + p.value.start, t.value.table.timeFormat)),
       thead: {
         backgroundColor: t.value.table.th.backgroundColor,
         color: t.value.table.th.color,
@@ -1777,7 +1777,7 @@ const _n = {
     }), Vo = x(() => {
       const l = tt.value.filter((s) => s.type === "bar").filter((s) => !ce.value.includes(s.id)).length;
       return c.value.width / I.value / l - ua.value * l;
-    }), ua = x(() => ve.value.line * t.value.bar.periodGap), sa = x(() => Math.max(1e-5, yl() - (k.value.useIndividualScale && k.value.isStacked ? 0 : ua.value))), ra = x(() => sa.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Wa = x(() => {
+    }), ua = x(() => ve.value.line * t.value.bar.periodGap), sa = x(() => Math.max(1e-5, pl() - (k.value.useIndividualScale && k.value.isStacked ? 0 : ua.value))), ra = x(() => sa.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Wa = x(() => {
       if (!t.value.chart.zoom.minimap.show) return [];
       const l = Da.value.filter((a) => !ce.value.includes(a.id)), s = Math.max(...l.map((a) => a.series.length)), e = [];
       for (let a = 0; a < s; a += 1)
@@ -1814,12 +1814,12 @@ const _n = {
         return a - F * r;
       };
       return s.map((A) => {
-        const { yAxis: { yTop: F, yBottom: te, label: z } } = A, G = F != null && te != null && F !== te, R = F == null ? null : Y(F), de = te == null ? null : Y(te), W = tl(z.fontSize);
-        W.font = `${z.fontSize}px sans-serif`;
-        const V = W.measureText(z.text).width, se = z.fontSize, Oe = (z.position === "start" ? e + z.padding.left : u - z.padding.right) + z.offsetX, Ze = (R != null && de != null ? Math.min(R, de) : R ?? de) - z.fontSize / 3 + z.offsetY - z.padding.top;
+        const { yAxis: { yTop: F, yBottom: te, label: T } } = A, G = F != null && te != null && F !== te, R = F == null ? null : Y(F), de = te == null ? null : Y(te), W = tl(T.fontSize);
+        W.font = `${T.fontSize}px sans-serif`;
+        const V = W.measureText(T.text).width, se = T.fontSize, Oe = (T.position === "start" ? e + T.padding.left : u - T.padding.right) + T.offsetX, Ze = (R != null && de != null ? Math.min(R, de) : R ?? de) - T.fontSize / 3 + T.offsetY - T.padding.top;
         let J;
-        z.textAnchor === "middle" ? J = Oe - V / 2 - z.padding.left : z.textAnchor === "end" ? J = Oe - V - z.padding.right : J = Oe - z.padding.left;
-        const Q = Ze - se * 0.75 - z.padding.top;
+        T.textAnchor === "middle" ? J = Oe - V / 2 - T.padding.left : T.textAnchor === "end" ? J = Oe - V - T.padding.right : J = Oe - T.padding.left;
+        const Q = Ze - se * 0.75 - T.padding.top;
         return {
           show: ![R, de, Q].includes(NaN),
           id: `annotation_y_${ga()}`,
@@ -1834,13 +1834,13 @@ const _n = {
           _box: {
             x: J,
             y: Q,
-            width: V + z.padding.left + z.padding.right,
-            height: se + z.padding.top + z.padding.bottom,
-            fill: z.backgroundColor,
-            stroke: z.border.stroke,
-            rx: z.border.rx,
-            ry: z.border.ry,
-            strokeWidth: z.border.strokeWidth
+            width: V + T.padding.left + T.padding.right,
+            height: se + T.padding.top + T.padding.bottom,
+            fill: T.backgroundColor,
+            stroke: T.border.stroke,
+            rx: T.border.rx,
+            ry: T.border.ry,
+            strokeWidth: T.border.strokeWidth
           }
         };
       });
@@ -1853,7 +1853,7 @@ const _n = {
     const Ct = x(() => {
       const l = ol.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, u = k.value.isStacked, a = u ? e * (s - 1) : 0, r = c.value.height - a;
       return l.filter((o) => o.type === "bar").map((o, P) => {
-        El(o);
+        Hl(o);
         const E = N.value[o.scaleLabel].min, Y = N.value[o.scaleLabel].max;
         o.absoluteValues.filter((K) => ![null, void 0].includes(K)).map((K) => (K - E) / (Y - E));
         const A = {
@@ -1862,7 +1862,7 @@ const _n = {
         }, F = {
           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)))
-        }, te = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, z = 1.0000001, G = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(F.min, F.max === F.min ? F.max * z : F.max, te) : il(F.min, F.max === F.min ? F.max * z : F.max, te), R = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, te) : il(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, te), de = G.min >= 0 ? 0 : Math.abs(G.min), W = 0, V = G.max + de, se = R.max + Math.abs(W), Oe = o.stackIndex, kl = s - 1 - Oe, Ze = u ? 1 - o.cumulatedStackRatio : 0, J = u ? r * Ze + e * kl : 0, Q = u ? r * o.stackRatio : c.value.height, ye = c.value.bottom - J - Q * de / V, Ke = c.value.bottom - J - Q * W / se, Ne = be.value.filter((K) => K.type === "bar").filter((K) => !ce.value.includes(K.id)).length, Gl = o.series.map((K, ke) => {
+        }, te = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, T = 1.0000001, G = t.value.chart.grid.labels.yAxis.useNiceScale ? Zl(F.min, F.max === F.min ? F.max * T : F.max, te) : il(F.min, F.max === F.min ? F.max * T : F.max, te), R = t.value.chart.grid.labels.yAxis.useNiceScale ? Zl(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * T : A.valueMax, te) : il(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * T : A.valueMax, te), de = G.min >= 0 ? 0 : Math.abs(G.min), W = 0, V = G.max + de, se = R.max + Math.abs(W), Oe = o.stackIndex, wl = s - 1 - Oe, Ze = u ? 1 - o.cumulatedStackRatio : 0, J = u ? r * Ze + e * wl : 0, Q = u ? r * o.stackRatio : c.value.height, ye = c.value.bottom - J - Q * de / V, Ke = c.value.bottom - J - Q * W / se, Ne = be.value.filter((K) => K.type === "bar").filter((K) => !ce.value.includes(K.id)).length, Ul = o.series.map((K, ke) => {
           const Bt = k.value.useIndividualScale ? (o.absoluteValues[ke] + de) / V : ll(K), nl = k.value.useIndividualScale && k.value.isStacked ? c.value.left + c.value.width / I.value * ke : c.value.left + ve.value.bar * P + ve.value.bar * ke * Ne - Vo.value / 2 - P * ua.value;
           return {
             yOffset: U(J),
@@ -1911,14 +1911,14 @@ const _n = {
           individualScale: o.autoScaling ? R : G,
           individualMax: o.autoScaling ? se : V,
           zeroPosition: o.autoScaling ? Ke : ye,
-          plots: o.autoScaling ? Ot : Gl,
+          plots: o.autoScaling ? Ot : Ul,
           groupId: N.value[o.scaleLabel].groupId
         };
       });
     }), Ve = x(() => {
       const l = ol.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, u = k.value.isStacked, a = u ? e * (s - 1) : 0, r = c.value.height - a;
       return l.filter((o) => o.type === "line").map((o, P) => {
-        El(o);
+        Hl(o);
         const E = N.value[o.scaleLabel].min, Y = N.value[o.scaleLabel].max;
         o.absoluteValues.filter((X) => ![null, void 0].includes(X)).map((X) => (X - E) / (Y - E));
         const A = {
@@ -1927,7 +1927,7 @@ const _n = {
         }, F = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, te = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, z = 1.0000001, G = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(F.min, F.max === F.min ? F.max * z : F.max, te) : il(F.min, F.max === F.min ? F.max * z : F.max, te), R = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, te) : il(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * z : A.valueMax, te), de = G.min >= 0 ? 0 : Math.abs(G.min), W = 0, V = G.max + Math.abs(de), se = R.max + Math.abs(W), Oe = o.stackIndex, kl = s - 1 - Oe, Ze = u ? 1 - o.cumulatedStackRatio : 0, J = u ? r * Ze + e * kl : 0, Q = u ? r * o.stackRatio : c.value.height, ye = c.value.bottom - J - Q * de / V, Ke = c.value.bottom - J - Q * W / se, Ne = o.series.map((X, Ae) => {
+        }, te = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, T = 1.0000001, G = t.value.chart.grid.labels.yAxis.useNiceScale ? Zl(F.min, F.max === F.min ? F.max * T : F.max, te) : il(F.min, F.max === F.min ? F.max * T : F.max, te), R = t.value.chart.grid.labels.yAxis.useNiceScale ? Zl(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * T : A.valueMax, te) : il(A.valueMin, A.valueMax === A.valueMin ? A.valueMax * T : A.valueMax, te), de = G.min >= 0 ? 0 : Math.abs(G.min), W = 0, V = G.max + Math.abs(de), se = R.max + Math.abs(W), Oe = o.stackIndex, wl = s - 1 - Oe, Ze = u ? 1 - o.cumulatedStackRatio : 0, J = u ? r * Ze + e * wl : 0, Q = u ? r * o.stackRatio : c.value.height, ye = c.value.bottom - J - Q * de / V, Ke = c.value.bottom - J - Q * W / se, Ne = o.series.map((X, Ae) => {
           const Wo = k.value.useIndividualScale ? (o.absoluteValues[Ae] + Math.abs(de)) / V : ll(X);
           return {
             x: U(c.value.left + ve.value.line / 2 + ve.value.line * Ae),
@@ -1935,14 +1935,14 @@ const _n = {
             value: o.absoluteValues[Ae],
             comment: o.comments && o.comments.slice(p.value.start, p.value.end)[Ae] || ""
           };
-        }), Gl = o.absoluteValues.map((X) => R.min >= 0 ? (X - Math.abs(R.min)) / (R.max - Math.abs(R.min)) : (X + Math.abs(R.min)) / (R.max + Math.abs(R.min))), Be = o.series.map((X, Ae) => [void 0, null].includes(o.absoluteValues[Ae]) ? {
+        }), Ul = o.absoluteValues.map((X) => R.min >= 0 ? (X - Math.abs(R.min)) / (R.max - Math.abs(R.min)) : (X + Math.abs(R.min)) / (R.max + Math.abs(R.min))), Be = o.series.map((X, Ae) => [void 0, null].includes(o.absoluteValues[Ae]) ? {
           x: U(c.value.left + ve.value.line / 2 + ve.value.line * Ae),
           y: ye,
           value: o.absoluteValues[Ae],
           comment: o.comments && o.comments.slice(p.value.start, p.value.end)[Ae] || ""
         } : {
           x: U(c.value.left + ve.value.line / 2 + ve.value.line * Ae),
-          y: U(c.value.bottom - J - (Q * Gl[Ae] || 0)),
+          y: U(c.value.bottom - J - (Q * Ul[Ae] || 0)),
           value: o.absoluteValues[Ae],
           comment: o.comments && o.comments.slice(p.value.start, p.value.end)[Ae] || ""
         }), Ot = t.value.line.cutNullValues ? ba(Ne) : ya(Ne.filter((X) => X.value !== null)), oe = t.value.line.cutNullValues ? ba(Be) : ya(Be.filter((X) => X.value !== null)), pe = t.value.line.cutNullValues ? pa(Ne) : ka(Ne.filter((X) => X.value !== null)), K = t.value.line.cutNullValues ? pa(Be) : ka(Be.filter((X) => X.value !== null)), ke = G.ticks.map((X) => ({
@@ -1962,7 +1962,7 @@ const _n = {
           };
         });
         N.value[o.scaleLabel].name = o.name, N.value[o.scaleLabel].groupName = o.scaleLabel, N.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, N.value[o.scaleLabel].color = o.color, N.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Bt : ke, N.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ke : ye, N.value[o.scaleLabel].individualMax = o.autoScaling ? se : V, N.value[o.scaleLabel].scaleLabel = o.scaleLabel, N.value[o.scaleLabel].id = o.id, N.value[o.scaleLabel].yOffset = J, N.value[o.scaleLabel].individualHeight = Q, N.value[o.scaleLabel].autoScaleYLabels = Bt, N.value[o.scaleLabel].unique = ol.value.filter((X) => X.scaleLabel === o.scaleLabel).length === 1;
-        const nl = k.value.useIndividualScale ? o.autoScaling ? Ke : ye : Ie.value, Ul = Math.max(Math.max(o.autoScaling ? Ke : ke.at(-1) ? ke.at(-1).y : 0, c.value.top), nl);
+        const nl = k.value.useIndividualScale ? o.autoScaling ? Ke : ye : Ie.value, ql = Math.max(Math.max(o.autoScaling ? Ke : ke.at(-1) ? ke.at(-1).y : 0, c.value.top), nl);
         return {
           ...o,
           yOffset: J,
@@ -1976,14 +1976,14 @@ const _n = {
           plots: o.autoScaling ? Be : Ne,
           area: o.useArea ? k.value.useIndividualScale ? t.value.line.cutNullValues ? bo(
             o.autoScaling ? Be : Ne,
-            Ul
+            ql
           ) : yo(
             o.autoScaling ? Be.filter((X) => X.value !== null) : Ne.filter((X) => X.value !== null),
-            Ul
-          ) : t.value.line.cutNullValues ? bo(Ne, Ul) : yo(Ne.filter((X) => X.value !== null), Ul) : "",
+            ql
+          ) : t.value.line.cutNullValues ? bo(Ne, ql) : yo(Ne.filter((X) => X.value !== null), ql) : "",
           curveAreas: o.useArea ? ln(
             o.autoScaling ? t.value.line.cutNullValues ? Be : Be.filter((X) => X.value !== null) : t.value.line.cutNullValues ? Ne : Ne.filter((X) => X.value !== null),
-            Ul,
+            ql,
             t.value.line.cutNullValues
           ) : [],
           straight: o.autoScaling ? K : pe,
@@ -1993,7 +1993,7 @@ const _n = {
     }), vt = x(() => {
       const l = ol.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, u = k.value.isStacked, a = u ? e * (s - 1) : 0, r = c.value.height - a;
       return l.filter((o) => o.type === "plot").map((o) => {
-        El(o);
+        Hl(o);
         const P = N.value[o.scaleLabel].min, E = N.value[o.scaleLabel].max;
         o.absoluteValues.filter((oe) => ![null, void 0].includes(oe)).map((oe) => (oe - P) / (E - P));
         const Y = {
@@ -2002,7 +2002,7 @@ const _n = {
         }, A = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, F = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, te = 1.0000001, z = il(A.min, A.max === A.min ? A.max * te : A.max, F), G = il(Y.valueMin, Y.valueMax === Y.valueMin ? Y.valueMax * te : Y.valueMax, F), R = z.min >= 0 ? 0 : Math.abs(z.min), de = 0, W = z.max + R, V = G.max + Math.abs(de), se = o.stackIndex, Oe = s - 1 - se, kl = u ? 1 - o.cumulatedStackRatio : 0, Ze = u ? r * kl + e * Oe : 0, J = u ? r * o.stackRatio : c.value.height, Q = c.value.bottom - Ze - J * R / W, ye = c.value.bottom - Ze - J * de / V, Ke = o.series.map((oe, pe) => {
+        }, F = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, te = 1.0000001, T = il(A.min, A.max === A.min ? A.max * te : A.max, F), G = il(Y.valueMin, Y.valueMax === Y.valueMin ? Y.valueMax * te : Y.valueMax, F), R = T.min >= 0 ? 0 : Math.abs(T.min), de = 0, W = T.max + R, V = G.max + Math.abs(de), se = o.stackIndex, Oe = s - 1 - se, wl = u ? 1 - o.cumulatedStackRatio : 0, Ze = u ? r * wl + e * Oe : 0, J = u ? r * o.stackRatio : c.value.height, Q = c.value.bottom - Ze - J * R / W, ye = c.value.bottom - Ze - J * de / V, Ke = o.series.map((oe, pe) => {
           const K = k.value.useIndividualScale ? (o.absoluteValues[pe] + Math.abs(R)) / W : ll(oe);
           return {
             x: U(c.value.left + ve.value.plot / 2 + ve.value.plot * pe),
@@ -2010,12 +2010,12 @@ const _n = {
             value: o.absoluteValues[pe],
             comment: o.comments && o.comments.slice(p.value.start, p.value.end)[pe] || ""
           };
-        }), Ne = o.absoluteValues.map((oe) => G.min >= 0 ? (oe - Math.abs(G.min)) / (G.max - Math.abs(G.min)) : (oe + Math.abs(G.min)) / (G.max + Math.abs(G.min))), Gl = o.series.map((oe, pe) => ({
+        }), Ne = o.absoluteValues.map((oe) => G.min >= 0 ? (oe - Math.abs(G.min)) / (G.max - Math.abs(G.min)) : (oe + Math.abs(G.min)) / (G.max + Math.abs(G.min))), Ul = o.series.map((oe, pe) => ({
           x: U(c.value.left + ve.value.plot / 2 + ve.value.plot * pe),
           y: U(c.value.bottom - Ze - (J * Ne[pe] || 0)),
           value: o.absoluteValues[pe],
           comment: o.comments && o.comments.slice(p.value.start, p.value.end)[pe] || ""
-        })), Be = z.ticks.map((oe) => ({
+        })), Be = T.ticks.map((oe) => ({
           y: oe >= 0 ? Q - J * (oe / W) : Q + J * Math.abs(oe) / W,
           value: oe,
           prefix: o.prefix || t.value.chart.labels.prefix,
@@ -2037,14 +2037,14 @@ const _n = {
           autoScaleYLabels: Ot,
           individualHeight: J,
           scaleYLabels: o.autoScaling ? Ot : Be,
-          individualScale: o.autoScaling ? G : z,
+          individualScale: o.autoScaling ? G : T,
           individualMax: o.autoScaling ? V : W,
           zeroPosition: o.autoScaling ? ye : Q,
-          plots: o.autoScaling ? Gl : Ke,
+          plots: o.autoScaling ? Ul : Ke,
           groupId: N.value[o.scaleLabel].groupId
         };
       });
-    }), Xl = x(() => {
+    }), Yl = x(() => {
       const l = Ve.value.map((r) => ({
         name: r.name,
         color: r.color,
@@ -2114,7 +2114,7 @@ const _n = {
       return s.forEach((a, r) => {
         const [o, P] = Array.isArray(a) ? a : [a.a, a.b];
         if (!o || !P) return;
-        const E = Ve.value.find((z) => z.name === o), Y = Ve.value.find((z) => z.name === P);
+        const E = Ve.value.find((T) => T.name === o), Y = Ve.value.find((T) => T.name === P);
         if (!E || !Y || E.type !== "line" || Y.type !== "line") return;
         const A = e?.[r]?.[0] ?? E.color, F = e?.[r]?.[1] ?? Y.color;
         an({
@@ -2126,8 +2126,8 @@ const _n = {
           colorLineB: F,
           sampleStepPx: 2,
           cutNullValues: t.value.line.cutNullValues
-        }).forEach((z, G) => {
-          u.push({ ...z, key: `inter_${o}_${P}_${r}_${G}` });
+        }).forEach((T, G) => {
+          u.push({ ...T, key: `inter_${o}_${P}_${r}_${G}` });
         });
       }), u;
     }), Za = x(() => ({
@@ -2138,7 +2138,7 @@ const _n = {
       lines: Ve.value,
       plots: vt.value,
       config: t.value
-    })), pl = x(() => {
+    })), kl = x(() => {
       const l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter, s = xn({
         useUTC: l.useUTC,
         locale: bn[l.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
@@ -2149,7 +2149,7 @@ const _n = {
         return r == null ? "" : s.formatDate(new Date(r), u);
       };
     }), Ma = x(() => (t.value.chart.grid.labels.xAxisLabels.values || []).map((s, e) => ({
-      text: pl.value(e, t.value.chart.zoom.timeFormat),
+      text: kl.value(e, t.value.chart.zoom.timeFormat),
       absoluteIndex: e
     }))), ca = y(!1), Ka = x(() => {
       let l = "", s = "";
@@ -2202,7 +2202,7 @@ const _n = {
           config: t.value
         });
       if (e && e.text && t.value.chart.tooltip.showTimeLabel) {
-        const a = pl.value(_.value + p.value.start, t.value.chart.tooltip.timeFormat);
+        const a = kl.value(_.value + p.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 Lt.value.forEach((a) => {
@@ -2210,7 +2210,7 @@ const _n = {
           let r = "", o = "";
           switch (Ut.value[a.type]) {
             case "bar":
-              r = `<svg viewBox="0 0 40 40" height="14" width="14">${Jl.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="${Jl.pattern ? `url(#pattern_${Z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
+              r = `<svg viewBox="0 0 40 40" height="14" width="14">${Ll.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="${Ll.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="${kt({ 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="${kt({ 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="${kt({ 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="${kt({ 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="${kt({ 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="${po({ 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>`;
@@ -2270,7 +2270,7 @@ const _n = {
         type: e.type
       })), s = [];
       return S.value.forEach((e, u) => {
-        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [pl.value(u + p.value.start, t.value.table.timeFormat)];
+        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [kl.value(u + p.value.start, t.value.table.timeFormat)];
         Se.value.forEach((r) => {
           a.push(qe(r.absoluteValues[u]) ? Number(r.absoluteValues[u].toFixed(t.value.table.rounding)) : "");
         }), s.push(a);
@@ -2284,7 +2284,7 @@ const _n = {
         const o = Se.value.map((P) => P.absoluteValues[r] ?? 0).reduce((P, E) => P + E, 0);
         e.push(
           [
-            t.value.table.useDefaultTimeFormat ? S.value[r].text ?? "-" : pl.value(r + p.value.start, t.value.table.timeFormat)
+            t.value.table.useDefaultTimeFormat ? S.value[r].text ?? "-" : kl.value(r + p.value.start, t.value.table.timeFormat)
           ].concat(Se.value.map(
             (P) => ze(
               P.type === "line" ? t.value.line.labels.formatter : P.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
@@ -2319,7 +2319,7 @@ const _n = {
       l ? l(r) : vn({ csvContent: r, title: t.value.chart.title.text || "vue-ui-xy" });
     }
     function Qa(l, s = null) {
-      vl.value = l;
+      dl.value = l;
       const e = Se.value.map((u) => ({
         name: u.name,
         value: [null, void 0, NaN].includes(u.absoluteValues[s]) ? null : u.absoluteValues[s],
@@ -2338,44 +2338,44 @@ const _n = {
       k.value.showTooltip = !k.value.showTooltip;
     }
     function lo(l) {
-      Fe.value = l, zl.value += 1;
+      Fe.value = l, Tl.value += 1;
     }
     function ao() {
       if (!t.value.responsiveProportionalSizing) {
         C.value.dataLabels = t.value.chart.grid.labels.fontSize, C.value.yAxis = t.value.chart.grid.labels.axis.fontSize, C.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, C.value.plotLabels = t.value.chart.labels.fontSize, Xe.value.plot = t.value.plot.radius, Xe.value.line = t.value.line.radius;
         return;
       }
-      C.value.dataLabels = wl({
+      C.value.dataLabels = Sl({
         relator: H.value,
         adjuster: 400,
         source: t.value.chart.grid.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), C.value.yAxis = wl({
+      }), C.value.yAxis = Sl({
         relator: le.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.axis.fontSize,
         threshold: 10,
         fallback: 10
-      }), C.value.xAxis = wl({
+      }), C.value.xAxis = Sl({
         relator: le.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.xAxisLabels.fontSize,
         threshold: 10,
         fallback: 10
-      }), C.value.plotLabels = wl({
+      }), C.value.plotLabels = Sl({
         relator: le.value,
         adjuster: 800,
         source: t.value.chart.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), Xe.value.plot = wl({
+      }), Xe.value.plot = Sl({
         relator: le.value,
         adjuster: 800,
         source: t.value.plot.radius,
         threshold: 1,
         fallback: 1
-      }), Xe.value.line = wl({
+      }), Xe.value.line = Sl({
         relator: le.value,
         adjuster: 800,
         source: t.value.line.radius,
@@ -2402,7 +2402,7 @@ const _n = {
 -----> The serie '${s.name}' contains the value '${e}' at index ${u}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), ko(h.dataset) || (_t.value = t.value.loading), ea.value = t.value.chart.userOptions.showOnChartHover, Nl.value = t.value.chart.userOptions.keepStateOnChartLeave, dl.value = !t.value.chart.userOptions.showOnChartHover, Kt();
+      }), ko(h.dataset) || (_t.value = t.value.loading), ea.value = t.value.chart.userOptions.showOnChartHover, Pl.value = t.value.chart.userOptions.keepStateOnChartLeave, hl.value = !t.value.chart.userOptions.showOnChartHover, Kt();
       const l = 12;
       if (t.value.responsive) {
         const e = Ee.value.parentNode;
@@ -2418,13 +2418,13 @@ const _n = {
         ft.value && (F = ft.value.getBoundingClientRect().height);
         let te = 0;
         St.value && (te = St.value.getBoundingClientRect().height), H.value = u - o - A - E - F - te - l, le.value = a, nt.value = `0 0 ${le.value < 0 ? 10 : le.value} ${H.value < 0 ? 10 : H.value}`, ao();
-        const z = new ResizeObserver((G) => {
+        const T = new ResizeObserver((G) => {
           for (const R of G)
             t.value.chart.title.show && Te.value ? o = Te.value.getBoundingClientRect().height : o = 0, He.value && He.value.$el ? E = He.value.$el.getBoundingClientRect().height : E = 0, Pe.value ? A = Pe.value.getBoundingClientRect().height : A = 0, ft.value ? F = ft.value.getBoundingClientRect().height : F = 0, St.value ? te = St.value.getBoundingClientRect().height : te = 0, requestAnimationFrame(() => {
               H.value = R.contentRect.height - o - A - E - F - te - l, le.value = R.contentBoxSize[0].inlineSize, nt.value = `0 0 ${le.value < 0 ? 10 : le.value} ${H.value < 0 ? 10 : H.value}`, ao();
             });
         });
-        gt.value = z, ne.value = e, z.observe(e);
+        gt.value = T, ne.value = e, T.observe(e);
       } else
         H.value = t.value.chart.height, le.value = t.value.chart.width, C.value.dataLabels = t.value.chart.grid.labels.fontSize, C.value.yAxis = t.value.chart.grid.labels.axis.fontSize, C.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, C.value.plotLabels = t.value.chart.labels.fontSize, Xe.value.plot = t.value.plot.radius, Xe.value.line = t.value.line.radius, nt.value = `0 0 ${le.value} ${H.value}`;
     }
@@ -2434,8 +2434,8 @@ const _n = {
         y: l.clientY
       };
     }
-    Sl(() => {
-      Ca(), xl(), document.addEventListener("mousemove", oo, { passive: !0 }), document.addEventListener("scroll", fe, { passive: !0 });
+    $l(() => {
+      Ca(), bl(), document.addEventListener("mousemove", oo, { passive: !0 }), document.addEventListener("scroll", fe, { passive: !0 });
     }), rl(() => {
       document.removeEventListener("scroll", fe, { passive: !0 }), document.removeEventListener("mousemove", oo, { passive: !0 }), gt.value && (gt.value.unobserve(ne.value), gt.value.disconnect(), gt.value = null);
     }), yn({
@@ -2461,7 +2461,7 @@ const _n = {
       const l = Eo(), s = 200, e = Math.max(1, I.value), u = c.value.width / e, r = c.value.left + Bo.value * u + u / 2 - l / 2 - (s - l) / 2, o = c.value.left - (s - l) / 2, P = c.value.right - (s + l) / 2, E = Math.max(o, Math.min(r, P));
       return U(E);
     }
-    Sl(() => {
+    $l(() => {
       let l = null, s = null;
       const e = (r) => {
         cancelAnimationFrame(s), s = requestAnimationFrame(() => {
@@ -2472,7 +2472,7 @@ const _n = {
         o && e(o.contentRect.width || 200);
       }), a = ho((r) => {
         const o = no.value;
-        l && l !== o && (u.unobserve(l), l = null), o && o !== l && (Kl(() => {
+        l && l !== o && (u.unobserve(l), l = null), o && o !== l && (Jl(() => {
           o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
         }), u.observe(o), l = o), r(() => {
           l && (u.unobserve(l), l = null);
@@ -2505,7 +2505,7 @@ const _n = {
           console.warn("Custom format cannot be applied on timeTag."), da.value = !1;
         }
       if (!da.value)
-        return [null, void 0].includes(S.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? pl.value(l + p.value.start, t.value.chart.timeTag.timeFormat) : S.value[l].text;
+        return [null, void 0].includes(S.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? kl.value(l + p.value.start, t.value.chart.timeTag.timeFormat) : S.value[l].text;
     });
     mt(() => h.dataset, (l) => {
       Array.isArray(l) && l.length > 0 && (_t.value = !1), Re.value = Math.max(...Me.value.map((s) => ut(s.series).length)), p.value = {
@@ -2513,7 +2513,7 @@ const _n = {
         end: Re.value
       }, Ql.value += 1, xt.value += 1, Ft();
     }, { deep: !0 }), mt(() => h.config, (l) => {
-      xe.value || (t.value = Fl()), Ca(), Il.value += 1, Tl.value += 1, Kt(), Ft();
+      xe.value || (t.value = Rl()), Ca(), Nl.value += 1, Il.value += 1, Kt(), Ft();
     }, { deep: !0 });
     const Aa = y(!1);
     function uo() {
@@ -2525,19 +2525,19 @@ const _n = {
       const s = l.getBoundingClientRect();
       Aa.value = s.width > 2 && s.height > 2;
     }
-    Sl(() => {
+    $l(() => {
       uo();
       const l = new ResizeObserver(() => {
-        uo(), Aa.value && (Ca(), Ft(), xl());
+        uo(), Aa.value && (Ca(), Ft(), bl());
       });
       Ee.value?.parentNode && l.observe(Ee.value.parentNode);
     }), mt(t, () => {
       Kt();
     }, { immediate: !0 });
-    const Yl = x(() => {
+    const Gl = x(() => {
       const l = t.value.table.useDialog && !t.value.showTable, s = k.value.showTable;
       return {
-        component: l ? _l : $n,
+        component: l ? Ml : $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,
@@ -2568,7 +2568,7 @@ const _n = {
       t.value.showTable || (l && t.value.table.useDialog && je.value ? je.value.open() : je.value && je.value.close && je.value.close());
     });
     function so() {
-      k.value.showTable = !1, Al.value && Al.value.setTableIconState(!1);
+      k.value.showTable = !1, zl.value && zl.value.setTableIconState(!1);
     }
     return wa({
       getData: zo,
@@ -2614,7 +2614,7 @@ const _n = {
         style: L(`font-family:${t.value.chart.fontFamily}`)
       }, [
         (n(), lt(kn, {
-          key: `title_${Il.value}`,
+          key: `title_${Nl.value}`,
           config: {
             title: {
               cy: "xy-div-title",
@@ -2630,10 +2630,10 @@ const _n = {
       w("div", {
         id: `legend-top-${Z.value}`
       }, null, 8, gi),
-      t.value.chart.userOptions.show && (Nl.value || dl.value) ? (n(), lt(v(ge), {
+      t.value.chart.userOptions.show && (Pl.value || hl.value) ? (n(), lt(v(ge), {
         ref_key: "userOptionsRef",
-        ref: Al,
-        key: `user_options_${zl.value}`,
+        ref: zl,
+        key: `user_options_${Tl.value}`,
         backgroundColor: t.value.chart.backgroundColor,
         color: t.value.chart.color,
         isPrinting: v(et),
@@ -2668,7 +2668,7 @@ const _n = {
         onToggleTooltip: to,
         onToggleAnnotator: m,
         style: L({
-          visibility: Nl.value ? dl.value ? "visible" : "hidden" : "visible"
+          visibility: Pl.value ? hl.value ? "visible" : "hidden" : "visible"
         })
       }, mo({ _: 2 }, [
         l.$slots.menuIcon ? {
@@ -2764,7 +2764,7 @@ const _n = {
       }, [
         w("g", {
           ref_key: "G",
-          ref: Ll,
+          ref: Cl,
           class: "vue-data-ui-g"
         }, [
           sl(v(wt)),
@@ -2793,7 +2793,7 @@ const _n = {
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
               }, null, 8, ki)) : g("", !0),
-              k.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (n(!0), i(b, { key: 2 }, M(Xl.value, (e) => (n(), i("g", null, [
+              k.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (n(!0), i(b, { key: 2 }, M(Yl.value, (e) => (n(), i("g", null, [
                 e.id === O.value && e.yLabels.length ? (n(!0), i(b, { key: 0 }, M(e.yLabels, (u) => (n(), i("line", {
                   x1: c.value.left + ie.value,
                   x2: c.value.right - ie.value,
@@ -3077,8 +3077,8 @@ const _n = {
                 ]),
                 e.plots.length > 1 ? (n(), i("line", {
                   key: 0,
-                  x1: v(ue)(e.plots).x1 + yl(),
-                  x2: v(ue)(e.plots).x2 + yl(),
+                  x1: v(ue)(e.plots).x1 + pl(),
+                  x2: v(ue)(e.plots).x2 + pl(),
                   y1: v(j)(v(ue)(e.plots).y1),
                   y2: v(j)(v(ue)(e.plots).y2),
                   "stroke-width": 1,
@@ -3089,7 +3089,7 @@ const _n = {
                 e.plots.length > 1 ? (n(), i("text", {
                   key: 1,
                   "text-anchor": "middle",
-                  x: v(ue)(e.plots).x2 + yl(),
+                  x: v(ue)(e.plots).x2 + pl(),
                   y: v(ue)(e.plots).y2 - 6,
                   "font-size": C.value.plotLabels,
                   fill: e.color
@@ -3141,10 +3141,10 @@ const _n = {
             t.value.chart.grid.labels.show ? (n(), i("g", {
               key: 5,
               ref_key: "scaleLabels",
-              ref: Cl
+              ref: Al
             }, [
               k.value.useIndividualScale ? (n(), i(b, { key: 0 }, [
-                (n(!0), i(b, null, M(Xl.value, (e) => (n(), i("g", null, [
+                (n(!0), i(b, null, M(Yl.value, (e) => (n(), i("g", null, [
                   w("line", {
                     x1: e.x + ie.value - c.value.individualOffsetX,
                     x2: e.x + ie.value - c.value.individualOffsetX,
@@ -3156,7 +3156,7 @@ const _n = {
                     style: L(`opacity:${O.value ? O.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
                   }, null, 12, cu)
                 ]))), 256)),
-                (n(!0), i(b, null, M(Xl.value, (e) => (n(), i("g", {
+                (n(!0), i(b, null, M(Yl.value, (e) => (n(), i("g", {
                   style: L(`opacity:${O.value ? O.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   w("text", {
@@ -3477,7 +3477,7 @@ const _n = {
                 }, [
                   a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === r || D.value !== null && D.value === r) && t.value.bar.labels.show ? (n(), i("text", {
                     key: 0,
-                    x: k.value.useIndividualScale && k.value.isStacked ? a.x + ve.value.line / 2 : ia(a) + yl() / 2 - ua.value / 2,
+                    x: k.value.useIndividualScale && k.value.isStacked ? a.x + ve.value.line / 2 : ia(a) + pl() / 2 - ua.value / 2,
                     y: v(U)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": C.value.plotLabels,
@@ -3499,7 +3499,7 @@ const _n = {
                   ) : ""), 13, Wu)) : g("", !0),
                   a && t.value.bar.serieName.show ? (n(), i("text", {
                     key: 1,
-                    x: k.value.useIndividualScale && k.value.isStacked ? a.x + ve.value.line / 2 : a.x + yl() * 1.1,
+                    x: k.value.useIndividualScale && k.value.isStacked ? a.x + ve.value.line / 2 : a.x + pl() * 1.1,
                     y: a.y + (a.value > 0 ? t.value.bar.serieName.offsetY : -t.value.bar.serieName.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": C.value.plotLabels,
@@ -3799,7 +3799,7 @@ const _n = {
             ], 64))), 128)),
             k.value.useIndividualScale && !k.value.isStacked ? (n(), i(b, { key: 13 }, [
               w("defs", null, [
-                (n(!0), i(b, null, M(Xl.value, (e, u) => (n(), i("linearGradient", {
+                (n(!0), i(b, null, M(Yl.value, (e, u) => (n(), i("linearGradient", {
                   id: `individual_scale_gradient_${Z.value}_${u}`,
                   x1: "0%",
                   x2: "100%",
@@ -3818,7 +3818,7 @@ const _n = {
                   }, null, 8, hs)
                 ], 8, vs))), 256))
               ]),
-              (n(!0), i(b, null, M(Xl.value, (e, u) => (n(), i("rect", {
+              (n(!0), i(b, null, M(Yl.value, (e, u) => (n(), i("rect", {
                 x: e.x - t.value.chart.grid.labels.yAxis.labelWidth + ie.value - c.value.individualOffsetX,
                 y: c.value.top,
                 width: t.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
@@ -3855,7 +3855,7 @@ const _n = {
               ref_key: "timeLabelsEls",
               ref: _e
             }, [
-              l.$slots["time-label"] ? (n(!0), i(b, { key: 0 }, M(gl.value, (e, u) => ee(l.$slots, "time-label", Wt({
+              l.$slots["time-label"] ? (n(!0), i(b, { key: 0 }, M(xl.value, (e, u) => ee(l.$slots, "time-label", Wt({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
@@ -3868,7 +3868,7 @@ const _n = {
                 content: e.text,
                 textAnchor: t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                 show: e && e.text
-              }), void 0, !0)), 128)) : (n(!0), i(b, { key: 1 }, M(gl.value, (e, u) => (n(), i("g", {
+              }), void 0, !0)), 128)) : (n(!0), i(b, { key: 1 }, M(xl.value, (e, u) => (n(), i("g", {
                 key: `time_label_${u}`
               }, [
                 e && e.text ? (n(), i(b, { key: 0 }, [
@@ -3890,7 +3890,7 @@ const _n = {
                       x: 0,
                       y: 0
                     }),
-                    onClick: () => Bl(e, u)
+                    onClick: () => El(e, u)
                   }, null, 12, bs)) : (n(), i("text", {
                     key: 0,
                     class: "vue-data-ui-time-label",
@@ -3901,7 +3901,7 @@ const _n = {
                     style: L({
                       cursor: Vt() ? "pointer" : "default"
                     }),
-                    onClick: () => Bl(e, u)
+                    onClick: () => El(e, u)
                   }, re(e.text || ""), 13, xs))
                 ], 64)) : g("", !0)
               ]))), 128))
@@ -3983,7 +3983,7 @@ const _n = {
               }, null, 8, Ls)
             ])) : g("", !0)
           ])) : g("", !0),
-          Rl.value ? (n(), i("rect", Wt({ key: 2 }, ta.value, {
+          Vl.value ? (n(), i("rect", Wt({ key: 2 }, ta.value, {
             "data-start": p.value.start,
             "data-end": p.value.end
           }), null, 16, Cs)) : g("", !0),
@@ -4002,7 +4002,7 @@ const _n = {
           [D.value, _.value, ae.value].includes(r) && e.useTag && e.useTag === "end" && t.value.line.tag.followValue ? (n(), i("div", {
             key: 0,
             ref_for: !0,
-            ref: (o) => fl(u, r, o, "right", "line"),
+            ref: (o) => gl(u, r, o, "right", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
             style: L({
@@ -4054,7 +4054,7 @@ const _n = {
           [D.value, _.value, ae.value].includes(r) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (n(), i("div", {
             key: 1,
             ref_for: !0,
-            ref: (o) => fl(u, r, o, "left", "line"),
+            ref: (o) => gl(u, r, o, "left", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
             style: L({
@@ -4114,7 +4114,7 @@ const _n = {
           [D.value, _.value, ae.value].includes(r) && e.useTag && e.useTag === "end" && t.value.plot.tag.followValue ? (n(), i("div", {
             key: 0,
             ref_for: !0,
-            ref: (o) => fl(u, r, o, "right", "plot"),
+            ref: (o) => gl(u, r, o, "right", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
             style: L({
@@ -4166,7 +4166,7 @@ const _n = {
           [D.value, _.value, ae.value].includes(r) && e.useTag && e.useTag === "start" && t.value.plot.tag.followValue ? (n(), i("div", {
             key: 1,
             ref_for: !0,
-            ref: (o) => fl(u, r, o, "left", "plot"),
+            ref: (o) => gl(u, r, o, "left", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
             style: L({
@@ -4218,7 +4218,7 @@ const _n = {
         ], 64))), 128))
       ], 64))), 128)),
       t.value.chart.zoom.preview.enable ? (n(), i(b, { key: 5 }, [
-        t.value.chart.zoom.show && Re.value > 6 && Nt.value && Dl.value ? (n(), lt(mi, {
+        t.value.chart.zoom.show && Re.value > 6 && Nt.value && Wl.value ? (n(), lt(mi, {
           key: 0,
           ref_key: "chartSlicer",
           ref: He,
@@ -4263,10 +4263,10 @@ const _n = {
           cutNullValues: t.value.line.cutNullValues,
           onReset: Pa,
           onTrapMouse: yt,
-          onFutureStart: s[1] || (s[1] = (e) => Vl("start", e)),
-          onFutureEnd: s[2] || (s[2] = (e) => Vl("end", e)),
-          timeLabels: T.value,
-          isPreview: Rl.value
+          onFutureStart: s[1] || (s[1] = (e) => Ol("start", e)),
+          onFutureEnd: s[2] || (s[2] = (e) => Ol("end", e)),
+          timeLabels: z.value,
+          isPreview: Vl.value
         }, {
           "reset-action": we(({ reset: e }) => [
             ee(l.$slots, "reset-action", At(Ht({ reset: e })), void 0, !0)
@@ -4412,7 +4412,7 @@ const _n = {
         ee(l.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
       sl(v(he), {
-        show: k.value.showTooltip && vl.value,
+        show: k.value.showTooltip && dl.value,
         backgroundColor: t.value.chart.tooltip.backgroundColor,
         color: t.value.chart.tooltip.color,
         fontSize: t.value.chart.tooltip.fontSize,
@@ -4439,7 +4439,7 @@ const _n = {
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      Nt.value && t.value.chart.userOptions.buttons.table ? (n(), lt(Zo(Yl.value.component), Wt({ key: 9 }, Yl.value.props, {
+      Nt.value && t.value.chart.userOptions.buttons.table ? (n(), lt(Zo(Gl.value.component), Wt({ key: 9 }, Gl.value.props, {
         ref_key: "tableUnit",
         ref: je,
         onClose: so
@@ -4466,17 +4466,17 @@ const _n = {
                 }, null, 8, ["stroke"])
               ])
             ]),
-            We.value ? (n(), lt(v($l), {
+            We.value ? (n(), lt(v(_l), {
               key: `sparkline_${xt.value}`,
               dataset: Fo.value,
               config: Ro.value
             }, null, 8, ["dataset", "config"])) : (n(), lt(v(ot), {
-              key: `table_${Tl.value}`,
+              key: `table_${Il.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,
+              title: t.value.table.useDialog ? "" : Gl.value.title,
               withCloseButton: !t.value.table.useDialog,
               onClose: so
             }, {
@@ -4500,7 +4500,7 @@ const _n = {
         t.value.table.useDialog ? {
           name: "title",
           fn: we(() => [
-            fo(re(Yl.value.title), 1)
+            fo(re(Gl.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -4514,7 +4514,7 @@ const _n = {
             }, [
               sl(v(me), {
                 name: "excel",
-                stroke: Yl.value.props.color
+                stroke: Gl.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),