vue-data-ui 3.1.16 → 3.1.17

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

@@ -1,17 +1,17 @@
-import { useCssVars as Yo, computed as x, ref as y, onMounted as Ll, onBeforeUnmount as gl, watch as ht, onUpdated as ho, nextTick as Cl, createElementBlock as i, openBlock as n, createElementVNode as k, createCommentVNode as g, renderSlot as te, normalizeStyle as L, createVNode as ml, withDirectives as Oa, unref as h, Fragment as b, renderList as M, normalizeProps as Xt, mergeProps as Yt, normalizeClass as Ze, withKeys as fo, vModelText as mo, toDisplayString as re, defineAsyncComponent as Dt, useSlots as Go, getCurrentInstance as Uo, toRefs as qo, watchEffect as go, createBlock as ct, createSlots as xo, withCtx as we, guardReactiveProps as dl, Teleport as Zo, resolveDynamicComponent as Ko, vModelCheckbox as Jo, createTextVNode as bo } from "vue";
-import { c as xa, y as ba, X as Qo, F as dt, $ as ya, V as pa, a0 as ka, U as wa, a1 as yo, u as jo, f as Na, t as en, d as tn, D as Kl, af as hl, e as po, p as ko, ag as fa, ac as j, a7 as Pa, ah as ln, h as q, ai as an, aj as wo, ak as So, k as ze, al as on, z as nn, _ as $o, R as wt, i as lt, x as fl, s as vt, aa as ue, L as un, am as ma, I as sn, an as Wt, C as qe, a as rn, b as cn, o as _o, v as vn, w as dn, E as Ml } from "./index-D6OjIQeq.js";
+import { useCssVars as Yo, computed as x, ref as y, onMounted as Ll, onBeforeUnmount as gl, watch as ht, onUpdated as ho, nextTick as Cl, createElementBlock as u, openBlock as n, createElementVNode as k, createCommentVNode as g, renderSlot as te, normalizeStyle as C, createVNode as ml, withDirectives as Oa, unref as h, Fragment as b, renderList as L, normalizeProps as Yt, mergeProps as Gt, normalizeClass as Ze, withKeys as fo, vModelText as mo, toDisplayString as re, defineAsyncComponent as Wt, useSlots as Go, getCurrentInstance as Uo, toRefs as qo, watchEffect as go, createBlock as ct, createSlots as xo, withCtx as we, guardReactiveProps as dl, Teleport as Zo, resolveDynamicComponent as Ko, vModelCheckbox as Jo, createTextVNode as bo } from "vue";
+import { c as xa, y as ba, X as Qo, F as dt, $ as ya, V as pa, a0 as ka, U as wa, a1 as yo, u as jo, f as Na, t as en, d as tn, D as Kl, af as hl, e as po, p as ko, ag as fa, ac as j, a7 as Pa, ah as ln, h as q, ai as an, aj as wo, ak as So, k as ze, al as on, z as nn, _ as $o, R as wt, i as lt, x as fl, s as vt, aa as ie, L as un, am as ma, I as sn, an as Xt, C as qe, a as rn, b as cn, o as _o, v as vn, w as dn, E as Ml } from "./index-Lg17rmB1.js";
 import { t as Jl, d as hn, u as fn } from "./useResponsive-DfdjqQps.js";
-import { u as mn } from "./usePrinter-BZ8rT5v2.js";
+import { u as mn } from "./usePrinter-DGI4Mlad.js";
 import { u as gn, B as xn } from "./BaseScanner-BgWxam9d.js";
 import { u as Mo, a as bn, l as yn } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Fa } from "./useNestedProp-QUe0ze7N.js";
+import { u as Fa } from "./useNestedProp-DpwLJMsW.js";
 import { u as pn } from "./useTimeLabelCollider-CIsgDrl9.js";
-import kn from "./img-DYi-2xfu.js";
-import wn from "./Title-Cs26H3hX.js";
-import { _ as ga } from "./Shape-B5nsWKct.js";
-import Sn from "./BaseIcon-wGdAhoaF.js";
+import kn from "./img-CeCjiMpr.js";
+import wn from "./Title-BVMfF0uu.js";
+import { _ as ga } from "./Shape-6PexQroB.js";
+import Sn from "./BaseIcon-7s-tCFcQ.js";
 import { _ as Lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import $n from "./vue-ui-accordion-Cq060UfJ.js";
+import $n from "./vue-ui-accordion-BJG-ogQj.js";
 const _n = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
@@ -22,7 +22,7 @@ const _n = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, Cn = ["xmlns", "viewBox"], An = ["id"], zn = ["stop-color"], Tn = ["width", "height", "stroke"], In = ["d", "stroke"], Nn = ["d", "fill"], Pn = ["x", "y", "width", "height", "fill"], Fn = ["d", "stroke"], Rn = ["cx", "cy", "fill", "stroke"], On = ["x", "width", "height", "fill", "rx"], Vn = ["x", "width", "height", "rx", "fill"], Bn = ["x", "width", "height", "fill", "rx"], En = ["x2", "y1", "y2", "stroke"], Hn = { key: "merged-tree" }, Dn = ["d", "fill"], Wn = ["d", "stroke"], Xn = ["cx", "cy", "stroke", "fill"], Yn = ["cx", "cy", "stroke", "fill"], Gn = { key: "split-tree" }, Un = ["x", "y", "width", "height", "fill"], qn = ["d", "stroke"], Zn = ["x", "height", "fill", "stroke"], Kn = ["x", "height", "fill", "stroke"], Jn = { key: "merged-tree" }, Qn = ["cx", "cy", "stroke", "fill"], jn = ["cx", "cy", "fill"], ei = ["cx", "cy", "stroke", "fill"], ti = ["cx", "cy", "fill"], li = { key: 11 }, ai = ["d", "stroke"], oi = ["cx", "cy", "fill", "stroke"], ni = ["cx", "cy", "stroke", "fill"], ii = ["cx", "cy", "fill"], ui = ["cx", "cy", "stroke", "fill"], si = ["cx", "cy", "fill"], ri = ["x", "height", "width", "onMouseenter"], ci = ["min", "max"], vi = ["min", "max"], Ra = 48, di = {
+}, Cn = ["xmlns", "viewBox"], An = ["id"], zn = ["stop-color"], Tn = ["width", "height", "stroke"], In = ["d", "stroke"], Nn = ["d", "fill"], Pn = ["x", "y", "width", "height", "fill"], Fn = ["d", "stroke"], Rn = ["cx", "cy", "fill", "stroke"], On = ["x", "width", "height", "fill", "rx"], Vn = ["x", "width", "height", "rx", "fill"], Bn = ["x", "width", "height", "fill", "rx"], En = ["x2", "y1", "y2", "stroke"], Hn = { key: "merged-tree" }, Dn = ["d", "fill"], Wn = ["d", "stroke"], Xn = ["cx", "cy", "stroke", "fill"], Yn = ["cx", "cy", "stroke", "fill"], Gn = { key: "split-tree" }, Un = ["x", "y", "width", "height", "fill"], qn = ["d", "stroke"], Zn = ["x", "height", "fill", "stroke"], Kn = ["x", "height", "fill", "stroke"], Jn = { key: "merged-tree" }, Qn = ["cx", "cy", "stroke", "fill"], jn = ["cx", "cy", "fill"], eu = ["cx", "cy", "stroke", "fill"], tu = ["cx", "cy", "fill"], lu = { key: 11 }, au = ["d", "stroke"], ou = ["cx", "cy", "fill", "stroke"], nu = ["cx", "cy", "stroke", "fill"], uu = ["cx", "cy", "fill"], iu = ["cx", "cy", "stroke", "fill"], su = ["cx", "cy", "fill"], ru = ["x", "height", "width", "onMouseenter"], cu = ["min", "max"], vu = ["min", "max"], Ra = 48, du = {
   __name: "SlicerPreview",
   props: {
     immediate: {
@@ -190,23 +190,23 @@ const _n = {
   emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
   setup($, { expose: Sa, emit: $a }) {
     Yo((v) => ({
-      "7bb0ba06": Il.value,
-      "5a1d2b71": ne.value,
-      b078bfbc: mt.value,
-      "3a526ca1": $.selectColor,
-      "9964c2a2": Nl.value
+      "2a038cf8": Il.value,
+      "7c0dd528": ne.value,
+      "2dee3c46": mt.value,
+      bba352c8: $.selectColor,
+      d243d9ac: Nl.value
     }));
-    const d = $, Le = y(null), he = y(d.min), ge = y(d.max), fe = x(() => !!d.minimap.length), Al = y(xa()), St = y(!1), It = x(() => fe.value && d.minimapCompact), zl = y(0), Gt = Jl((v) => Ce("futureStart", v), 0), xl = Jl((v) => Ce("futureEnd", v), 0), Ut = x({
-      get: () => he.value,
+    const d = $, Le = y(null), ce = y(d.min), fe = y(d.max), me = x(() => !!d.minimap.length), Al = y(xa()), St = y(!1), Nt = x(() => me.value && d.minimapCompact), zl = y(0), Ut = Jl((v) => Ce("futureStart", v), 0), xl = Jl((v) => Ce("futureEnd", v), 0), qt = x({
+      get: () => ce.value,
       set(v) {
-        const m = Math.min(v, ge.value - 1);
-        m !== he.value && (he.value = m, el.value && (el.value.value = String(m)), d.immediate ? Ce("update:start", Number(m)) : St.value && Gt(m));
+        const m = Math.min(v, fe.value - 1);
+        m !== ce.value && (ce.value = m, Mt.value && (Mt.value.value = String(m)), d.immediate ? Ce("update:start", Number(m)) : St.value && Ut(m));
       }
     }), $t = x({
-      get: () => ge.value,
+      get: () => fe.value,
       set(v) {
-        const m = Math.max(v, he.value + 1);
-        m !== ge.value && (ge.value = m, t.value && (t.value.value = String(m)), d.immediate ? Ce("update:end", Number(m)) : St.value && xl(m));
+        const m = Math.max(v, ce.value + 1);
+        m !== fe.value && (fe.value = m, t.value && (t.value.value = String(m)), d.immediate ? Ce("update:end", Number(m)) : St.value && xl(m));
       }
     });
     Ll(() => {
@@ -221,41 +221,41 @@ const _n = {
     });
     let Be = null;
     function Te() {
-      clearTimeout(Be), d.immediate || (Ce("update:start", Number(he.value)), Ce("update:end", Number(ge.value))), St.value = !1;
+      clearTimeout(Be), d.immediate || (Ce("update:start", Number(ce.value)), Ce("update:end", Number(fe.value))), St.value = !1;
     }
     const Ke = x(() => d.refreshEndPoint === null ? d.max : d.refreshEndPoint), Ce = $a, ft = x(() => {
-      if (It.value) {
+      if (Nt.value) {
         const m = Math.max(1, at.value - 1);
-        return Nt.value / m * 100;
+        return Pt.value / m * 100;
       }
       const v = Math.max(1, d.max - d.min);
-      return (he.value - d.min) / v * 100;
+      return (ce.value - d.min) / v * 100;
     }), _t = x(() => {
-      if (It.value) {
+      if (Nt.value) {
         const m = Math.max(1, at.value - 1);
-        return jt.value / m * 100;
+        return el.value / m * 100;
       }
       const v = Math.max(1, d.max - d.min);
-      return (ge.value - d.min) / v * 100;
-    }), Tl = x(() => (ft.value + _t.value) / 2), qt = x(() => {
+      return (fe.value - d.min) / v * 100;
+    }), Tl = x(() => (ft.value + _t.value) / 2), Zt = x(() => {
       if (!Le.value) return !1;
       const v = Math.max(1, d.max - d.min);
-      return Le.value.getBoundingClientRect().width * ((he.value - d.min) / v) - pl.value / 2 < 0;
-    }), Zt = x(() => {
+      return Le.value.getBoundingClientRect().width * ((ce.value - d.min) / v) - pl.value / 2 < 0;
+    }), Kt = x(() => {
       if (!Le.value) return !1;
       const v = Math.max(1, d.max - d.min), m = Le.value.getBoundingClientRect().width;
-      return m * ((ge.value - d.min) / v) + c.value / 2 > m;
+      return m * ((fe.value - d.min) / v) + c.value / 2 > m;
     }), Se = x(() => {
-      const v = Zt.value ? `calc(${Tl.value}% - ${Vt.value.width}px - 2px)` : qt.value ? `calc(${Tl.value}% - 8px)` : `calc(${Tl.value}% - ${Vt.value.width / 2}px - 4px)`;
+      const v = Kt.value ? `calc(${Tl.value}% - ${Bt.value.width}px - 2px)` : Zt.value ? `calc(${Tl.value}% - 8px)` : `calc(${Tl.value}% - ${Bt.value.width / 2}px - 4px)`;
       return {
         left: `${ft.value}%`,
         width: `${Math.max(0, _t.value - ft.value)}%`,
         background: d.selectColor,
-        tooltipLeft: `calc(${ft.value}% - ${qt.value ? 9 : pl.value / 2 + 3.5}px)`,
-        tooltipRight: `calc(${_t.value}% - ${Zt.value ? c.value - 9 : c.value / 2 - 3.5}px)`,
+        tooltipLeft: `calc(${ft.value}% - ${Zt.value ? 9 : pl.value / 2 + 3.5}px)`,
+        tooltipRight: `calc(${_t.value}% - ${Kt.value ? c.value - 9 : c.value / 2 - 3.5}px)`,
         tooltipCenter: v,
-        arrowLeft: !qt.value,
-        arrowRight: !Zt.value
+        arrowLeft: !Zt.value,
+        arrowRight: !Kt.value
       };
     }), Il = x(() => d.inputColor), Nl = x(() => d.background), mt = x(() => `${d.selectColor}33`), ne = x(() => d.borderColor), Ql = x(() => {
       let v = [];
@@ -269,26 +269,26 @@ const _n = {
     ht(
       () => d.min,
       (v) => {
-        Number(he.value) < Number(v) && (he.value = Number(v)), Number(ge.value) < Number(v) && (ge.value = Number(v));
+        Number(ce.value) < Number(v) && (ce.value = Number(v)), Number(fe.value) < Number(v) && (fe.value = Number(v));
       }
     ), ht(
       () => d.max,
       (v) => {
-        Number(he.value) > Number(v) && (he.value = Number(v)), Number(ge.value) > Number(v) && (ge.value = Number(v));
+        Number(ce.value) > Number(v) && (ce.value = Number(v)), Number(fe.value) > Number(v) && (fe.value = Number(v));
       }
     );
-    const Kt = y(null), W = y({
+    const Jt = y(null), W = y({
       width: 1,
       height: 1
     }), le = y(null);
     Ll(() => {
-      if (fe.value) {
+      if (me.value) {
         const v = Jl(() => {
-          if (!Kt.value) return;
-          const { width: m, height: f } = fn({ chart: Kt.value }), A = Math.max(0, Math.round(m)), z = Math.max(0, Math.round(f - 47));
-          (A !== W.value.width || z !== W.value.height) && (W.value.width = A, W.value.height = z);
+          if (!Jt.value) return;
+          const { width: m, height: f } = fn({ chart: Jt.value }), _ = Math.max(0, Math.round(m)), z = Math.max(0, Math.round(f - 47));
+          (_ !== W.value.width || z !== W.value.height) && (W.value.width = _, W.value.height = z);
         }, 50);
-        le.value = new ResizeObserver(v), le.value.observe(Kt.value);
+        le.value = new ResizeObserver(v), le.value.observe(Jt.value);
       }
     }), gl(() => {
       le.value && le.value.disconnect();
@@ -298,18 +298,18 @@ const _n = {
       const m = Math.floor(v - d.min);
       return Math.min(Math.max(0, m), at.value);
     }
-    function Jt(v) {
+    function Qt(v) {
       const m = Math.ceil(v - d.min);
       return Math.min(Math.max(0, m), at.value);
     }
-    const Ee = x(() => jl(he.value)), Pe = x(() => Jt(ge.value)), bl = x(() => Math.max(...d.allMinimaps.map((v) => v.series.length))), ae = x(() => {
+    const Ee = x(() => jl(ce.value)), Pe = x(() => Qt(fe.value)), bl = x(() => Math.max(...d.allMinimaps.map((v) => v.series.length))), ae = x(() => {
       if (!d.minimap.length) return 0;
       const v = Math.max(1, bl.value - (d.minimapCompact ? 1 : 0));
       return W.value.width / v;
-    }), ce = x(() => d.allMinimaps.length ? d.allMinimaps.filter((v) => v.type === "bar").length : 0), Z = x(() => ae.value / (ce.value || 1) * 0.8);
+    }), ve = x(() => d.allMinimaps.length ? d.allMinimaps.filter((v) => v.type === "bar").length : 0), Z = x(() => ae.value / (ve.value || 1) * 0.8);
     function Pl(v, m, f) {
-      const A = Z.value, z = Math.max(1, ce.value), D = bl.value - 1;
-      return f === 0 ? v + A / 2 * m : f === D ? v - A / 2 * (z - m) : v - z * A / 2 + m * A;
+      const _ = Z.value, z = Math.max(1, ve.value), D = bl.value - 1;
+      return f === 0 ? v + _ / 2 * m : f === D ? v - _ / 2 * (z - m) : v - z * _ / 2 + m * _;
     }
     function Fl(v, m) {
       return [0, bl.value - 1].includes(m) ? Z.value / 2 : Z.value;
@@ -326,12 +326,12 @@ const _n = {
         const f = ea.value;
         return (1 - (Math.max(-1, Math.min(1, v / f)) + 1) / 2) * m;
       } else {
-        const f = Math.min(0, He.value), A = Math.max(0, gt.value);
-        return m - (v - f) / Math.max(1e-9, A - f) * m;
+        const f = Math.min(0, He.value), _ = Math.max(0, gt.value);
+        return m - (v - f) / Math.max(1e-9, _ - f) * m;
       }
     }, $e = x(() => yl(0));
     function ot(v, m, f) {
-      const A = (D, ke, S) => Math.max(ke, Math.min(S, D));
+      const _ = (D, ke, S) => Math.max(ke, Math.min(S, D));
       if (m <= 0) {
         const D = Math.max(1e-9, 0 - v);
         return (ke) => f - (ke - v) / D * f;
@@ -340,10 +340,10 @@ const _n = {
         return (ke) => f - (ke - 0) / D * f;
       } else {
         const D = Math.max(1e-9, Math.max(Math.abs(v), Math.abs(m)));
-        return (ke) => (1 - (A(ke / D, -1, 1) + 1) / 2) * f;
+        return (ke) => (1 - (_(ke / D, -1, 1) + 1) / 2) * f;
       }
     }
-    function Qt(v, m = !1) {
+    function jt(v, m = !1) {
       if (!v || !v.length)
         return {
           fullSet: "",
@@ -357,64 +357,78 @@ const _n = {
           fullMarkers: [],
           selectionMarkers: []
         };
-      const f = Math.max(1, W.value.height), A = ot(He.value, gt.value, f), z = v.length, D = Math.min(Math.max(0, Ee.value), Math.max(0, z - 1)), ke = Math.min(z, Math.max(D + 1, Pe.value)), S = v.map((Me, ul) => {
-        const At = d.cutNullValues ? Me : Me === null ? 0 : Me, na = Number.isFinite(At), La = ae.value * ul + (d.minimapCompact ? 0 : ae.value / 2), Ca = A(0);
+      const f = Math.max(1, W.value.height), _ = ot(He.value, gt.value, f), z = v.length, D = Math.min(Math.max(0, Ee.value), Math.max(0, z - 1)), ke = Math.min(z, Math.max(D + 1, Pe.value)), S = v.map((Me, il) => {
+        const zt = d.cutNullValues ? Me : Me === null ? 0 : Me, na = Number.isFinite(zt), La = ae.value * il + (d.minimapCompact ? 0 : ae.value / 2), Ca = _(0);
         return {
           x: La,
-          y: na ? A(At) : NaN,
-          v: At,
-          value: na ? At : null,
+          y: na ? _(zt) : NaN,
+          v: zt,
+          value: na ? zt : null,
           y0: Ca,
-          i: ul
+          i: il
         };
-      }), wl = (Me) => Me >= 0 && Me < S.length && Number.isFinite(S[Me]?.value), st = S.filter((Me) => Number.isFinite(Me.value) && !wl(Me.i - 1) && !wl(Me.i + 1)), Bt = st.filter((Me) => Me.i >= D && Me.i < ke), Ct = S.slice(D, ke), oa = S.length >= 2 ? d.smoothMinimap || m ? d.cutNullValues ? ya(S) : pa(S) : d.cutNullValues ? ka(S) : wa(S) : "", il = Ct.length >= 2 ? d.smoothMinimap || m ? d.cutNullValues ? ya(Ct) : pa(Ct) : d.cutNullValues ? ka(Ct) : wa(Ct) : "";
+      }), wl = (Me) => Me >= 0 && Me < S.length && Number.isFinite(S[Me]?.value), st = S.filter((Me) => Number.isFinite(Me.value) && !wl(Me.i - 1) && !wl(Me.i + 1)), Et = st.filter((Me) => Me.i >= D && Me.i < ke), At = S.slice(D, ke), oa = S.length >= 2 ? d.smoothMinimap || m ? d.cutNullValues ? ya(S) : pa(S) : d.cutNullValues ? ka(S) : wa(S) : "", ul = At.length >= 2 ? d.smoothMinimap || m ? d.cutNullValues ? ya(At) : pa(At) : d.cutNullValues ? ka(At) : wa(At) : "";
       return {
         fullSet: oa,
         points: S,
-        selectionSet: il,
-        sliced: Ct,
+        selectionSet: ul,
+        sliced: At,
         firstPlot: S[D] || null,
         lastPlot: S[Math.max(0, ke - 1)] || null,
         hasFull: S.length >= 2,
-        hasSelection: Ct.length >= 2,
+        hasSelection: At.length >= 2,
         fullMarkers: st,
-        selectionMarkers: Bt
+        selectionMarkers: Et
       };
     }
-    const H = x(() => d.minimap.length ? Qt(d.minimap) : []), Je = x(() => d.allMinimaps.length ? d.allMinimaps.map((v, m) => {
-      const f = Qt(v?.series || [], !!v.smooth), A = v?.id ?? v?.name ?? m;
+    const H = x(() => d.minimap.length ? jt(d.minimap) : []), Je = x(() => d.allMinimaps.length ? d.allMinimaps.map((v, m) => {
+      const f = jt(v?.series || [], !!v.smooth), _ = v?.id ?? v?.name ?? m;
       return {
-        key: typeof A == "object" ? JSON.stringify(A) : String(A),
+        key: typeof _ == "object" ? JSON.stringify(_) : String(_),
         color: v?.color,
         ...f,
         isVisible: v.isVisible,
         type: v.type || "line"
       };
-    }) : []), _ = x(() => {
+    }) : []), M = x(() => {
       const v = Ee.value, m = Math.max(v + 1, Pe.value);
       return {
         x: ae.value * v + (d.minimapCompact ? 0 : ae.value / 2),
         width: ae.value * (m - v) - ae.value
       };
-    }), xt = y(d.minimapSelectedIndex), Vl = (v) => Math.round(d.min + v), Nt = x({
+    }), xt = y(d.minimapSelectedIndex), Vl = (v) => Math.round(d.min + v), Pt = x({
       get() {
-        return It.value ? Ee.value : Ut.value;
+        return Nt.value ? Ee.value : Number(qt.value);
       },
       set(v) {
-        It.value ? Mt(Vl(v)) : Mt(v);
+        if (Nt.value) {
+          const m = Math.round(+v || 0);
+          Lt(Vl(m));
+        } else {
+          let m = Math.round(+v || 0);
+          const f = Number(fe.value) - 1, _ = Math.min(Math.max(d.min, m), f);
+          Mt.value && (Mt.value.valueAsNumber = _), Lt(_);
+        }
       }
-    }), jt = x({
+    }), el = x({
       get() {
-        return It.value ? Math.max(Ee.value, Pe.value - 1) : $t.value;
+        return Nt.value ? Math.max(Ee.value, Pe.value - 1) : Number($t.value);
       },
       set(v) {
-        It.value ? _e(Vl(v + 1)) : _e(v);
+        if (Nt.value) {
+          const m = Math.round(+v || 0);
+          _e(Vl(m + 1));
+        } else {
+          let m = Math.round(+v || 0);
+          const f = Number(ce.value) + 1, _ = Math.max(f, Math.min(m, d.max));
+          t.value && (t.value.valueAsNumber = _), _e(_);
+        }
       }
     });
-    function C(v) {
+    function A(v) {
       xt.value = jl(d.valueStart) + v;
     }
-    const De = hn(C, 60);
+    const De = hn(A, 60);
     ht(() => d.minimapSelectedIndex, (v, m) => {
       if ([null, void 0].includes(v)) {
         xt.value = null;
@@ -427,21 +441,21 @@ const _n = {
       const m = Ee.value, f = Pe.value;
       v >= m && v < f && !tt.value && Ce("trapMouse", v - m);
     }
-    const el = y(null), t = y(null);
+    const Mt = y(null), t = y(null);
     function p(v) {
       if (typeof v == "object" && v && "target" in v) {
-        const f = v.target, A = "valueAsNumber" in f ? f.valueAsNumber : +f.value;
-        return Number.isFinite(A) ? A : NaN;
+        const f = v.target, _ = "valueAsNumber" in f ? f.valueAsNumber : +f.value;
+        return Number.isFinite(_) ? _ : NaN;
       }
       const m = +v;
       return Number.isFinite(m) ? m : NaN;
     }
     let tl = 0;
-    function Mt(v) {
+    function Lt(v) {
       St.value = !0;
       const m = p(v);
       Number.isFinite(m) && (cancelAnimationFrame(tl), tl = requestAnimationFrame(() => {
-        Ut.value = m;
+        qt.value = m;
       }));
     }
     let xe = 0;
@@ -455,39 +469,39 @@ const _n = {
     gl(() => {
       cancelAnimationFrame(tl), cancelAnimationFrame(xe);
     });
-    const bt = x(() => d.valueEnd - d.valueStart), _a = x(() => bt.value < d.max - d.min), Pt = y(!1);
+    const bt = x(() => d.valueEnd - d.valueStart), _a = x(() => bt.value < d.max - d.min), Ft = y(!1);
     let yt = y(null);
-    const Qe = x(() => (zl.value - 48) / (d.max - d.min) * bt.value), w = x(() => Math.max(1, zl.value - Ra - Qe.value)), We = x(() => Math.max(1, d.max - d.min - bt.value)), ta = x(() => We.value / w.value), El = y(0), Lt = y(0), Ma = y(0), Hl = y(0);
-    let nt = null, it = null, ut = null, pt = null;
+    const Qe = x(() => (zl.value - 48) / (d.max - d.min) * bt.value), w = x(() => Math.max(1, zl.value - Ra - Qe.value)), We = x(() => Math.max(1, d.max - d.min - bt.value)), ta = x(() => We.value / w.value), El = y(0), Ct = y(0), Ma = y(0), Hl = y(0);
+    let nt = null, ut = null, it = null, pt = null;
     const ll = y(d.min);
-    function Ft(v) {
+    function Rt(v) {
       if (!Le.value) return d.min;
-      const m = Le.value.getBoundingClientRect(), f = m.left + Ra / 2, A = m.right - Ra / 2, z = Math.max(1, A - f), ke = (Math.max(f, Math.min(v, A)) - f) / z, S = Math.max(1, d.max - d.min);
+      const m = Le.value.getBoundingClientRect(), f = m.left + Ra / 2, _ = m.right - Ra / 2, z = Math.max(1, _ - f), ke = (Math.max(f, Math.min(v, _)) - f) / z, S = Math.max(1, d.max - d.min);
       return Math.round(d.min + ke * S);
     }
     const al = async (v) => {
-      if (St.value = !0, Ot.value = !0, !d.enableSelectionDrag) return;
+      if (St.value = !0, Vt.value = !0, !d.enableSelectionDrag) return;
       const m = v.type === "touchstart";
       m || v.stopPropagation();
-      const f = m && v.targetTouches && v.targetTouches[0] ? v.targetTouches[0] : null, A = m ? f ? f.target : null : v.target;
-      if (!A || !(A instanceof Element) || A.classList && A.classList.contains("range-handle")) return;
-      Pt.value = !0;
+      const f = m && v.targetTouches && v.targetTouches[0] ? v.targetTouches[0] : null, _ = m ? f ? f.target : null : v.target;
+      if (!_ || !(_ instanceof Element) || _.classList && _.classList.contains("range-handle")) return;
+      Ft.value = !0;
       const z = m ? f ? f.clientX : 0 : v.clientX;
       if (yt.value = z, El.value = z, d.focusOnDrag && !_a.value && Le.value) {
-        ll.value = Ft(z);
+        ll.value = Rt(z);
         const D = Math.min(0.95, Math.max(0.05, d.focusRangeRatio)), ke = d.max - d.min, S = Math.max(1, Math.round(ke * D)), wl = Math.floor(S / 2);
         let st = ll.value - wl;
         st = Math.max(d.min, Math.min(st, d.max - S));
-        const Bt = Math.min(d.max, st + S);
-        Ut.value = st, $t.value = Bt, Gt(st), xl(Bt), yo(Le.value, "mouseup"), await Cl(), yo(Le.value, "mousedown", { clientX: z });
+        const Et = Math.min(d.max, st + S);
+        qt.value = st, $t.value = Et, Ut(st), xl(Et), yo(Le.value, "mouseup"), await Cl(), yo(Le.value, "mousedown", { clientX: z });
       }
-      Lt.value = he.value, Ma.value = ge.value, Hl.value = ta.value, nt = m ? "touchmove" : "mousemove", it = m ? "touchend" : "mouseup", ut = m ? ol : Xe, pt = m ? Fe : et, window.addEventListener(nt, ut, { passive: !1 }), window.addEventListener(it, pt);
+      Ct.value = ce.value, Ma.value = fe.value, Hl.value = ta.value, nt = m ? "touchmove" : "mousemove", ut = m ? "touchend" : "mouseup", it = m ? ol : Xe, pt = m ? Fe : et, window.addEventListener(nt, it, { passive: !1 }), window.addEventListener(ut, pt);
     };
     function Xe(v) {
-      Pt.value && je(v.clientX);
+      Ft.value && je(v.clientX);
     }
     function ol(v) {
-      if (!Pt.value || !Le.value) return;
+      if (!Ft.value || !Le.value) return;
       const m = v.target;
       if (!(m instanceof Element) || !Le.value.contains(m) || m.classList && m.classList.contains("range-handle")) return;
       v.preventDefault();
@@ -495,12 +509,12 @@ const _n = {
       f && je(f.clientX);
     }
     function je(v) {
-      if (!Pt.value) return;
-      const m = Ft(El.value), A = Ft(v) - m;
-      let z = Math.round(Lt.value + A);
+      if (!Ft.value) return;
+      const m = Rt(El.value), _ = Rt(v) - m;
+      let z = Math.round(Ct.value + _);
       z = Math.max(d.min, Math.min(z, d.max - bt.value));
       const D = z + bt.value;
-      Ut.value = z, $t.value = D, Gt(z), xl(D);
+      qt.value = z, $t.value = D, Ut(z), xl(D);
     }
     function et() {
       la();
@@ -509,9 +523,9 @@ const _n = {
       la();
     }
     function la() {
-      Pt.value = !1, nt && ut && window.removeEventListener(nt, ut), it && pt && window.removeEventListener(it, pt), nt = it = null, ut = pt = null, Te();
+      Ft.value = !1, nt && it && window.removeEventListener(nt, it), ut && pt && window.removeEventListener(ut, pt), nt = ut = null, it = pt = null, Te();
     }
-    const tt = y(!1), nl = y(null), Rt = y(null), pl = y(1), c = y(1), Ot = y(!1);
+    const tt = y(!1), nl = y(null), Ot = y(null), pl = y(1), c = y(1), Vt = y(!1);
     function Dl() {
       if (nl.value) {
         const v = Math.round(nl.value.getBoundingClientRect().width);
@@ -519,8 +533,8 @@ const _n = {
       }
     }
     function kl() {
-      if (Rt.value) {
-        const v = Math.round(Rt.value.getBoundingClientRect().width);
+      if (Ot.value) {
+        const v = Math.round(Ot.value.getBoundingClientRect().width);
         v !== c.value && (c.value = v);
       }
     }
@@ -531,19 +545,19 @@ const _n = {
     function Wl(v) {
       aa.value = v === "start" ? 1 : 0;
     }
-    const kt = y(!1), Vt = y({
+    const kt = y(!1), Bt = y({
       width: 0,
       left: 0
     });
-    ht([he, ge], async () => {
-      if (await Cl(), !nl.value || !Rt.value) {
-        kt.value = !1, Vt.value = { width: 0, left: 0 };
+    ht([ce, fe], async () => {
+      if (await Cl(), !nl.value || !Ot.value) {
+        kt.value = !1, Bt.value = { width: 0, left: 0 };
         return;
       }
-      const v = nl.value.getBoundingClientRect(), m = Rt.value.getBoundingClientRect();
+      const v = nl.value.getBoundingClientRect(), m = Ot.value.getBoundingClientRect();
       kt.value = v.x + v.width > m.x;
-      const f = v.x + v.width / 2, A = m.x + m.width / 2, z = v.width + m.width, D = (f + A) / 2;
-      Vt.value = {
+      const f = v.x + v.width / 2, _ = m.x + m.width / 2, z = v.width + m.width, D = (f + _) / 2;
+      Bt.value = {
         width: z,
         left: D - z / 2
       };
@@ -554,31 +568,31 @@ const _n = {
     }, { deep: !0 }), ht(() => d.labelRight, () => {
       Cl(kl);
     }, { deep: !0 });
-    const me = x(() => {
+    const ge = x(() => {
       let v = "", m = "", f = !1;
       if (ba(d.customFormat))
         try {
-          const A = d.customFormat({
-            absoluteIndex: he.value,
-            seriesIndex: he.value,
+          const _ = d.customFormat({
+            absoluteIndex: ce.value,
+            seriesIndex: ce.value,
             datapoint: d.selectedSeries
           }), z = d.customFormat({
-            absoluteIndex: ge.value - 1,
+            absoluteIndex: fe.value - 1,
             seriesIndex: -1,
             datapoint: d.selectedSeries
           });
-          typeof A == "string" && typeof z == "string" && (v = A, m = z, f = !0);
+          typeof _ == "string" && typeof z == "string" && (v = _, m = z, f = !0);
         } catch {
           f = !1;
         }
       if (!f) {
-        const A = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === he.value) : d.timeLabels.find((D) => D.absoluteIndex === he.value), z = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === ge.value - 1) : d.timeLabels.find((D) => D.absoluteIndex === ge.value - 1);
-        v = A ? A.text : "", m = z ? z.text : "";
+        const _ = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === ce.value) : d.timeLabels.find((D) => D.absoluteIndex === ce.value), z = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === fe.value - 1) : d.timeLabels.find((D) => D.absoluteIndex === fe.value - 1);
+        v = _ ? _.text : "", m = z ? z.text : "";
       }
       return { left: v, right: m };
     });
     gl(() => {
-      le.value && le.value.disconnect(), nt && ut && window.removeEventListener(nt, ut), it && pt && window.removeEventListener(it, pt), nt = it = null, ut = pt = null, clearTimeout(Be);
+      le.value && le.value.disconnect(), nt && it && window.removeEventListener(nt, it), ut && pt && window.removeEventListener(ut, pt), nt = ut = null, it = pt = null, clearTimeout(Be);
     });
     const Xl = x(() => {
       if (!Ql.value.length) return null;
@@ -598,9 +612,9 @@ const _n = {
         return null;
     });
     return Sa({
-      setStartValue: Mt,
+      setStartValue: Lt,
       setEndValue: _e
-    }), (v, m) => (n(), i("div", {
+    }), (v, m) => (n(), u("div", {
       "data-dom-to-png-ignore": "",
       style: { padding: "0 24px" },
       class: "vue-data-ui-zoom",
@@ -610,17 +624,17 @@ const _n = {
       onTouchstart: al
     }, [
       k("div", _n, [
-        $.valueStart !== $.refreshStartPoint || $.valueEnd !== Ke.value ? (n(), i("div", Mn, [
+        $.valueStart !== $.refreshStartPoint || $.valueEnd !== Ke.value ? (n(), u("div", Mn, [
           $.useResetSlot ? te(v.$slots, "reset-action", {
             key: 1,
             reset: E
-          }, void 0, !0) : (n(), i("button", {
+          }, void 0, !0) : (n(), u("button", {
             key: 0,
             tabindex: "0",
             role: "button",
             class: "vue-data-ui-refresh-button",
-            style: L({
-              top: fe.value ? "36px" : "-16px",
+            style: C({
+              top: me.value ? "36px" : "-16px",
               pointerEvents: "all !important"
             }),
             onClick: E
@@ -635,13 +649,13 @@ const _n = {
       k("div", {
         class: "double-range-slider",
         ref_key: "minimapWrapper",
-        ref: Kt,
+        ref: Jt,
         style: { "z-index": "0" },
-        onMouseenter: m[11] || (m[11] = (f) => Ot.value = !0),
-        onMouseleave: m[12] || (m[12] = (f) => Ot.value = !1)
+        onMouseenter: m[11] || (m[11] = (f) => Vt.value = !0),
+        onMouseleave: m[12] || (m[12] = (f) => Vt.value = !1)
       }, [
-        fe.value ? (n(), i("div", Ln, [
-          (n(), i("svg", {
+        me.value ? (n(), u("div", Ln, [
+          (n(), u("svg", {
             key: `mm-${$.minimapMerged ? "merged" : "split"}-${$.minimapCompact ? "compact" : "normal"}`,
             xmlns: h(Qo),
             viewBox: `0 0 ${Math.max(0, W.value.width)} ${Math.max(0, W.value.height)}`
@@ -664,7 +678,7 @@ const _n = {
                 }, null, -1))
               ], 8, An)
             ]),
-            $.minimapCompact ? (n(), i("rect", {
+            $.minimapCompact ? (n(), u("rect", {
               key: 0,
               class: "vue-ui-zoom-minimap-frame",
               x: 0,
@@ -675,7 +689,7 @@ const _n = {
               stroke: $.minimapFrameColor,
               rx: 3
             }, null, 8, Tn)) : g("", !0),
-            $.minimapMerged ? (n(), i("path", {
+            $.minimapMerged ? (n(), u("path", {
               key: 1,
               d: `M${H.value.fullSet}`,
               stroke: `${$.minimapLineColor}`,
@@ -685,38 +699,38 @@ const _n = {
               "stroke-linejoin": "round",
               style: { opacity: "0.6" }
             }, null, 8, In)) : g("", !0),
-            $.minimapMerged && !$.minimapCompact ? (n(), i("path", {
+            $.minimapMerged && !$.minimapCompact ? (n(), u("path", {
               key: 2,
               d: `M${ae.value / 2},${Math.max(W.value.height, 0)} ${H.value.fullSet} L${W.value.width - ae.value / 2},${Math.max(W.value.height, 0)}Z`,
               fill: `url(#${Al.value})`,
               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((f) => f.type === "bar"), (f, A) => (n(), i("g", null, [
-                (n(!0), i(b, null, M(f.points, (z, D) => (n(), i(b, null, [
-                  f.isVisible && !isNaN(z.y) ? (n(), i("rect", {
+            }, null, 8, Nn)) : $.minimapMerged ? g("", !0) : (n(), u(b, { key: 3 }, [
+              (n(!0), u(b, null, L(Je.value.filter((f) => f.type === "bar"), (f, _) => (n(), u("g", null, [
+                (n(!0), u(b, null, L(f.points, (z, D) => (n(), u(b, null, [
+                  f.isVisible && !isNaN(z.y) ? (n(), u("rect", {
                     key: 0,
-                    x: Pl(z.x, A, D),
+                    x: Pl(z.x, _, D),
                     y: z.v >= 0 ? z.y : z.y0,
-                    width: Fl(A, D),
+                    width: Fl(_, D),
                     height: z.v >= 0 ? z.y0 - z.y : z.y - z.y0,
                     fill: f.color,
                     style: { opacity: 0.6 }
                   }, null, 8, Pn)) : g("", !0)
                 ], 64))), 256))
               ]))), 256)),
-              (n(!0), i(b, null, M(Je.value.filter((f) => f.type === "line"), (f) => (n(), i("g", null, [
-                f.isVisible ? (n(), i("path", {
+              (n(!0), u(b, null, L(Je.value.filter((f) => f.type === "line"), (f) => (n(), u("g", null, [
+                f.isVisible ? (n(), u("path", {
                   key: 0,
                   d: `M ${f.fullSet}`,
                   fill: "none",
                   stroke: f.color,
                   style: { opacity: "0.6" }
                 }, null, 8, Fn)) : g("", !0),
-                f.isVisible ? (n(!0), i(b, { key: 1 }, M(f.fullMarkers, (A) => (n(), i("circle", {
-                  key: `sel-dot-under-${f.key}-${A.i}`,
-                  cx: A.x,
-                  cy: A.y,
+                f.isVisible ? (n(!0), u(b, { key: 1 }, L(f.fullMarkers, (_) => (n(), u("circle", {
+                  key: `sel-dot-under-${f.key}-${_.i}`,
+                  cx: _.x,
+                  cy: _.y,
                   r: "2",
                   fill: f.color,
                   stroke: ne.value,
@@ -726,33 +740,33 @@ const _n = {
               ]))), 256))
             ], 64)),
             k("rect", {
-              x: _.value.x,
+              x: M.value.x,
               y: 0,
-              width: Math.max(0, _.value.width),
+              width: Math.max(0, M.value.width),
               height: Math.max(W.value.height, 0),
               fill: ne.value,
               rx: $.minimapSelectionRadius,
               stroke: "none"
             }, null, 8, On),
             k("rect", {
-              x: _.value.x,
+              x: M.value.x,
               y: 0,
-              width: _.value.width < 0 ? 0 : _.value.width,
+              width: M.value.width < 0 ? 0 : M.value.width,
               height: Math.max(W.value.height, 0),
               rx: $.minimapSelectionRadius,
               fill: ne.value,
-              style: L({ opacity: Pt.value || St.value ? 0 : 1 })
+              style: C({ opacity: Ft.value || St.value ? 0 : 1 })
             }, null, 12, Vn),
             k("rect", {
-              x: _.value.x,
+              x: M.value.x,
               y: 0,
-              width: _.value.width < 0 ? 0 : _.value.width,
+              width: M.value.width < 0 ? 0 : M.value.width,
               height: Math.max(W.value.height, 0),
               fill: $.minimapSelectedColor,
               rx: $.minimapSelectionRadius,
-              style: L({ opacity: $.minimapSelectedColorOpacity })
+              style: C({ opacity: $.minimapSelectedColorOpacity })
             }, null, 12, Bn),
-            !$.minimapMerged && X.value < 0 ? (n(), i("line", {
+            !$.minimapMerged && X.value < 0 ? (n(), u("line", {
               key: 4,
               class: "slicer-minimap-zero-line",
               x1: 0,
@@ -762,16 +776,16 @@ const _n = {
               stroke: $.minimapFrameColor,
               "stroke-width": "0.5"
             }, null, 8, En)) : g("", !0),
-            $.minimapMerged ? (n(), i("g", Hn, [
-              H.value && H.value.sliced && H.value.sliced.length ? (n(), i(b, { key: 0 }, [
-                H.value.selectionSet ? (n(), i("path", {
+            $.minimapMerged ? (n(), u("g", Hn, [
+              H.value && H.value.sliced && H.value.sliced.length ? (n(), u(b, { key: 0 }, [
+                H.value.selectionSet ? (n(), u("path", {
                   key: 0,
                   d: `M${H.value.sliced[0].x},${Math.max(W.value.height, 0)} ${H.value.selectionSet} L${H.value.sliced[H.value.sliced.length - 1].x},${Math.max(W.value.height, 0)}Z`,
                   fill: `url(#${Al.value})`,
                   stroke: "none",
                   style: { opacity: "1" }
                 }, null, 8, Dn)) : g("", !0),
-                H.value.selectionSet ? (n(), i("path", {
+                H.value.selectionSet ? (n(), u("path", {
                   key: 1,
                   d: `M ${H.value.selectionSet}`,
                   stroke: `${$.minimapLineColor}`,
@@ -781,7 +795,7 @@ const _n = {
                   "stroke-linejoin": "round"
                 }, null, 8, Wn)) : g("", !0)
               ], 64)) : g("", !0),
-              H.value && H.value.firstPlot ? (n(), i("circle", {
+              H.value && H.value.firstPlot ? (n(), u("circle", {
                 key: 1,
                 cx: H.value.firstPlot.x,
                 cy: H.value.firstPlot.y,
@@ -790,7 +804,7 @@ const _n = {
                 r: "3",
                 fill: $.minimapLineColor
               }, null, 8, Xn)) : g("", !0),
-              H.value && H.value.lastPlot ? (n(), i("circle", {
+              H.value && H.value.lastPlot ? (n(), u("circle", {
                 key: 2,
                 cx: H.value.lastPlot.x,
                 cy: H.value.lastPlot.y,
@@ -799,24 +813,24 @@ const _n = {
                 r: "3",
                 fill: $.minimapLineColor
               }, null, 8, Yn)) : g("", !0)
-            ])) : (n(), i("g", Gn, [
-              (n(!0), i(b, null, M(Je.value.filter((f) => f.type === "bar"), (f, A) => (n(), i("g", null, [
-                (n(!0), i(b, null, M(f.points, (z, D) => (n(), i(b, null, [
-                  f && f.isVisible && !isNaN(z.y) ? (n(), i("rect", {
+            ])) : (n(), u("g", Gn, [
+              (n(!0), u(b, null, L(Je.value.filter((f) => f.type === "bar"), (f, _) => (n(), u("g", null, [
+                (n(!0), u(b, null, L(f.points, (z, D) => (n(), u(b, null, [
+                  f && f.isVisible && !isNaN(z.y) ? (n(), u("rect", {
                     key: 0,
-                    x: Pl(z.x, A, D),
+                    x: Pl(z.x, _, D),
                     y: z.v >= 0 ? z.y : z.y0,
-                    width: Fl(A, D),
+                    width: Fl(_, D),
                     height: z.v >= 0 ? z.y0 - z.y : z.y - z.y0,
                     fill: f.color,
-                    style: L({ opacity: D >= Ut.value && D < $t.value ? 1 : 0 })
+                    style: C({ opacity: D >= qt.value && D < $t.value ? 1 : 0 })
                   }, null, 12, Un)) : g("", !0)
                 ], 64))), 256))
               ]))), 256)),
-              (n(!0), i(b, null, M(Je.value.filter((f) => f.type === "line"), (f) => (n(), i("g", {
+              (n(!0), u(b, null, L(Je.value.filter((f) => f.type === "line"), (f) => (n(), u("g", {
                 key: String(f.key)
               }, [
-                f && f.hasSelection && f.selectionSet && f.isVisible ? (n(), i("path", {
+                f && f.hasSelection && f.selectionSet && f.isVisible ? (n(), u("path", {
                   key: 0,
                   d: `M ${f.selectionSet}`,
                   stroke: f.color,
@@ -827,10 +841,10 @@ const _n = {
                 }, null, 8, qn)) : g("", !0)
               ]))), 128))
             ])),
-            fe.value && $.minimapCompact ? (n(), i("rect", {
+            me.value && $.minimapCompact ? (n(), u("rect", {
               key: 7,
               class: "vue-ui-zoom-compact-minimap-handle",
-              x: _.value.x - 8,
+              x: M.value.x - 8,
               y: 0,
               width: 8,
               height: W.value.height,
@@ -838,10 +852,10 @@ const _n = {
               stroke: $.textColor,
               rx: 3
             }, null, 8, Zn)) : g("", !0),
-            fe.value && $.minimapCompact ? (n(), i("rect", {
+            me.value && $.minimapCompact ? (n(), u("rect", {
               key: 8,
               class: "vue-ui-zoom-compact-minimap-handle",
-              x: _.value.x + _.value.width,
+              x: M.value.x + M.value.width,
               y: 0,
               width: 8,
               height: W.value.height,
@@ -849,9 +863,9 @@ const _n = {
               stroke: $.textColor,
               rx: 3
             }, null, 8, Kn)) : g("", !0),
-            xt.value !== null && !tt.value ? (n(), i("line", Xt(Yt({ key: 9 }, Xl.value)), null, 16)) : g("", !0),
-            $.minimapMerged ? (n(), i("g", Jn, [
-              H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), i("circle", {
+            xt.value !== null && !tt.value ? (n(), u("line", Yt(Gt({ key: 9 }, Xl.value)), null, 16)) : g("", !0),
+            $.minimapMerged ? (n(), u("g", Jn, [
+              H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), u("circle", {
                 key: 0,
                 cx: H.value.firstPlot.x,
                 cy: H.value.firstPlot.y,
@@ -860,14 +874,14 @@ const _n = {
                 r: "4",
                 fill: $.minimapLineColor
               }, null, 8, Qn)) : g("", !0),
-              H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), i("circle", {
+              H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), u("circle", {
                 key: 1,
                 cx: H.value.firstPlot.x,
                 cy: H.value.firstPlot.y,
                 r: 2,
                 fill: ne.value
               }, null, 8, jn)) : g("", !0),
-              H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (n(), i("circle", {
+              H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (n(), u("circle", {
                 key: 2,
                 cx: H.value.lastPlot.x,
                 cy: H.value.lastPlot.y,
@@ -875,19 +889,19 @@ const _n = {
                 stroke: ne.value,
                 r: "4",
                 fill: $.minimapLineColor
-              }, null, 8, ei)) : g("", !0),
-              H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (n(), i("circle", {
+              }, null, 8, eu)) : g("", !0),
+              H.value && H.value.lastPlot && H.value.lastPlot.value !== null ? (n(), u("circle", {
                 key: 3,
                 cx: H.value.lastPlot.x,
                 cy: H.value.lastPlot.y,
                 r: "2",
                 fill: ne.value
-              }, null, 8, ti)) : g("", !0)
-            ])) : (n(), i("g", li, [
-              (n(!0), i(b, null, M(Je.value.filter((f) => f.type === "line"), (f) => (n(), i("g", {
+              }, null, 8, tu)) : g("", !0)
+            ])) : (n(), u("g", lu, [
+              (n(!0), u(b, null, L(Je.value.filter((f) => f.type === "line"), (f) => (n(), u("g", {
                 key: String(f.key)
               }, [
-                f && f.hasSelection && f.selectionSet && f.isVisible ? (n(), i("path", {
+                f && f.hasSelection && f.selectionSet && f.isVisible ? (n(), u("path", {
                   key: 0,
                   d: `M ${f.selectionSet}`,
                   stroke: f.color,
@@ -895,17 +909,17 @@ const _n = {
                   "stroke-width": "2",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
-                }, null, 8, ai)) : g("", !0),
-                f.isVisible ? (n(!0), i(b, { key: 1 }, M(f.selectionMarkers, (A) => (n(), i("circle", {
-                  key: `sel-dot-${f.key}-${A.i}`,
-                  cx: A.x,
-                  cy: A.y,
+                }, null, 8, au)) : g("", !0),
+                f.isVisible ? (n(!0), u(b, { key: 1 }, L(f.selectionMarkers, (_) => (n(), u("circle", {
+                  key: `sel-dot-${f.key}-${_.i}`,
+                  cx: _.x,
+                  cy: _.y,
                   r: "2.5",
                   fill: f.color,
                   stroke: ne.value,
                   "stroke-width": "0.5"
-                }, null, 8, oi))), 128)) : g("", !0),
-                f && f.firstPlot && f.isVisible && f.firstPlot.value !== null ? (n(), i("circle", {
+                }, null, 8, ou))), 128)) : g("", !0),
+                f && f.firstPlot && f.isVisible && f.firstPlot.value !== null ? (n(), u("circle", {
                   key: 2,
                   cx: f.firstPlot.x,
                   cy: f.firstPlot.y,
@@ -913,15 +927,15 @@ const _n = {
                   stroke: ne.value,
                   r: "4",
                   fill: f.color
-                }, null, 8, ni)) : g("", !0),
-                f && f.firstPlot && f.isVisible && f.firstPlot.value !== null ? (n(), i("circle", {
+                }, null, 8, nu)) : g("", !0),
+                f && f.firstPlot && f.isVisible && f.firstPlot.value !== null ? (n(), u("circle", {
                   key: 3,
                   cx: f.firstPlot.x,
                   cy: f.firstPlot.y,
                   r: "2",
                   fill: ne.value
-                }, null, 8, ii)) : g("", !0),
-                f && f.lastPlot && f.isVisible && f.lastPlot.value !== null ? (n(), i("circle", {
+                }, null, 8, uu)) : g("", !0),
+                f && f.lastPlot && f.isVisible && f.lastPlot.value !== null ? (n(), u("circle", {
                   key: 4,
                   cx: f.lastPlot.x,
                   cy: f.lastPlot.y,
@@ -929,75 +943,75 @@ const _n = {
                   stroke: ne.value,
                   r: "4",
                   fill: f.color
-                }, null, 8, ui)) : g("", !0),
-                f && f.lastPlot && f.isVisible && f.lastPlot.value !== null ? (n(), i("circle", {
+                }, null, 8, iu)) : g("", !0),
+                f && f.lastPlot && f.isVisible && f.lastPlot.value !== null ? (n(), u("circle", {
                   key: 5,
                   cx: f.lastPlot.x,
                   cy: f.lastPlot.y,
                   r: "2",
                   fill: ne.value
-                }, null, 8, si)) : g("", !0)
+                }, null, 8, su)) : g("", !0)
               ]))), 128))
             ])),
-            (n(!0), i(b, null, M(Ql.value, (f, A) => (n(), i("rect", {
-              x: ae.value * A - ($.minimapCompact ? ae.value / 2 : 0),
+            (n(!0), u(b, null, L(Ql.value, (f, _) => (n(), u("rect", {
+              x: ae.value * _ - ($.minimapCompact ? ae.value / 2 : 0),
               y: 0,
               height: Math.max(W.value.height, 0),
               width: ae.value < 0 ? 0 : ae.value,
               fill: "transparent",
-              style: L([{ "pointer-events": "all !important" }, { cursor: f >= Ee.value && f < Pe.value && $.enableSelectionDrag ? tt.value ? "grabbing" : "grab" : "default" }]),
+              style: C([{ "pointer-events": "all !important" }, { cursor: f >= Ee.value && f < Pe.value && $.enableSelectionDrag ? tt.value ? "grabbing" : "grab" : "default" }]),
               onMousedown: m[0] || (m[0] = (z) => tt.value = !0),
               onMouseup: m[1] || (m[1] = (z) => tt.value = !1),
               onMouseenter: (z) => Bl(f),
               onMouseleave: m[2] || (m[2] = (z) => {
                 xt.value = null, Ce("trapMouse", null);
               })
-            }, null, 44, ri))), 256))
+            }, null, 44, ru))), 256))
           ], 8, Cn))
         ])) : g("", !0),
         k("div", {
           class: "slider-track",
-          style: L({ visibility: fe.value && $.minimapCompact ? "hidden" : "visible" })
+          style: C({ visibility: me.value && $.minimapCompact ? "hidden" : "visible" })
         }, null, 4),
         k("div", {
           class: Ze({ "range-highlight": !0, move: $.enableSelectionDrag }),
           onMousedown: m[3] || (m[3] = (f) => tt.value = !0),
           onMouseup: m[4] || (m[4] = (f) => tt.value = !1),
-          style: L({
+          style: C({
             ...Se.value,
             cursor: tt.value ? "grabbing" : "grab",
-            visibility: fe.value && $.minimapCompact ? "hidden" : "visible"
+            visibility: me.value && $.minimapCompact ? "hidden" : "visible"
           })
         }, null, 38),
-        $.enableRangeHandles ? Oa((n(), i("input", {
+        $.enableRangeHandles ? Oa((n(), u("input", {
           key: 1,
           ref_key: "rangeStart",
-          ref: el,
+          ref: Mt,
           type: "range",
           class: Ze({
             "range-left": !0,
             "range-handle": !0,
-            "range-minimap": fe.value && $.verticalHandles,
-            "range-invisible": fe.value && $.minimapCompact
+            "range-minimap": me.value && $.verticalHandles,
+            "range-invisible": me.value && $.minimapCompact
           }),
           min: $.min,
-          max: $.minimapCompact && fe.value ? Math.max(0, at.value - 1) : $.max,
-          "onUpdate:modelValue": m[5] || (m[5] = (f) => Nt.value = f),
-          onInput: m[6] || (m[6] = (f) => Nt.value = f.target.valueAsNumber),
+          max: $.minimapCompact && me.value ? Math.max(0, at.value - 1) : $.max,
+          "onUpdate:modelValue": m[5] || (m[5] = (f) => Pt.value = f),
+          onInput: m[6] || (m[6] = (f) => Pt.value = f.target.valueAsNumber),
           onChange: Te,
           onKeyup: fo(Te, ["enter"]),
           onBlur: Te,
           onMouseenter: m[7] || (m[7] = (f) => Wl("start")),
           onPointerup: Te
-        }, null, 42, ci)), [
+        }, null, 42, cu)), [
           [
             mo,
-            Nt.value,
+            Pt.value,
             void 0,
             { number: !0 }
           ]
         ]) : g("", !0),
-        $.enableRangeHandles ? Oa((n(), i("input", {
+        $.enableRangeHandles ? Oa((n(), u("input", {
           key: 2,
           ref_key: "rangeEnd",
           ref: t,
@@ -1005,90 +1019,90 @@ const _n = {
           class: Ze({
             "range-right": !0,
             "range-handle": !0,
-            "range-minimap": fe.value && $.verticalHandles,
-            "range-invisible": fe.value && $.minimapCompact
+            "range-minimap": me.value && $.verticalHandles,
+            "range-invisible": me.value && $.minimapCompact
           }),
           min: $.min,
-          max: $.minimapCompact && fe.value ? Math.max(0, at.value - 1) : $.max,
-          "onUpdate:modelValue": m[8] || (m[8] = (f) => jt.value = f),
-          onInput: m[9] || (m[9] = (f) => jt.value = f.target.valueAsNumber),
+          max: $.minimapCompact && me.value ? Math.max(0, at.value - 1) : $.max,
+          "onUpdate:modelValue": m[8] || (m[8] = (f) => el.value = f),
+          onInput: m[9] || (m[9] = (f) => el.value = f.target.valueAsNumber),
           onChange: Te,
           onKeyup: fo(Te, ["enter"]),
           onBlur: Te,
           onMouseenter: m[10] || (m[10] = (f) => Wl("end")),
           onPointerup: Te
-        }, null, 42, vi)), [
+        }, null, 42, vu)), [
           [
             mo,
-            jt.value,
+            el.value,
             void 0,
             { number: !0 }
           ]
         ]) : g("", !0),
-        me.value.left ? (n(), i("div", {
+        ge.value.left ? (n(), u("div", {
           key: 3,
           ref_key: "tooltipLeft",
           ref: nl,
           class: Ze({
             "range-tooltip": !0,
-            "range-tooltip-visible": Ot.value,
+            "range-tooltip-visible": Vt.value,
             "range-tooltip-arrow": Se.value.arrowLeft && !$.verticalHandles,
             "range-tooltip-arrow-left": !Se.value.arrowLeft && !$.verticalHandles
           }),
-          style: L({
+          style: C({
             left: Se.value.tooltipLeft,
             color: h(dt)($.selectColor),
             backgroundColor: $.selectColor,
             border: `1px solid ${ne.value}`,
             zIndex: `${aa.value + 4}`,
-            visibility: kt.value || me.value.left === me.value.right ? "hidden" : "visible",
-            top: fe.value && $.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+            visibility: kt.value || ge.value.left === ge.value.right ? "hidden" : "visible",
+            top: me.value && $.minimapCompact ? "calc(-100% - 12px)" : "-100%"
           })
-        }, re(me.value.left), 7)) : g("", !0),
-        (kt.value || me.value.left === me.value.right) && (me.value.left || me.value.right) ? (n(), i("div", {
+        }, re(ge.value.left), 7)) : g("", !0),
+        (kt.value || ge.value.left === ge.value.right) && (ge.value.left || ge.value.right) ? (n(), u("div", {
           key: 4,
           ref: "tooltipMerge",
           class: Ze({
             "range-tooltip": !0,
-            "range-tooltip-visible": Ot.value,
+            "range-tooltip-visible": Vt.value,
             "range-tooltip-arrow": !0,
             "range-tooltip-arrow-left": !Se.value.arrowLeft && !$.verticalHandles,
             "range-tooltip-arrow-right": !Se.value.arrowRight && !$.verticalHandles
           }),
-          style: L({
+          style: C({
             left: Se.value.tooltipCenter,
-            width: Vt.value.width + "px",
+            width: Bt.value.width + "px",
             color: h(dt)($.selectColor),
             backgroundColor: $.selectColor,
             border: `1px solid ${ne.value}`,
             zIndex: "4",
-            top: fe.value && $.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+            top: me.value && $.minimapCompact ? "calc(-100% - 12px)" : "-100%"
           })
-        }, re(me.value.left === me.value.right ? me.value.left : `${me.value.left} - ${me.value.right}`), 7)) : g("", !0),
-        me.value.right ? (n(), i("div", {
+        }, re(ge.value.left === ge.value.right ? ge.value.left : `${ge.value.left} - ${ge.value.right}`), 7)) : g("", !0),
+        ge.value.right ? (n(), u("div", {
           key: 5,
           ref_key: "tooltipRight",
-          ref: Rt,
+          ref: Ot,
           class: Ze({
             "range-tooltip": !0,
-            "range-tooltip-visible": Ot.value,
+            "range-tooltip-visible": Vt.value,
             "range-tooltip-arrow": Se.value.arrowRight && !$.verticalHandles,
             "range-tooltip-arrow-right": !Se.value.arrowRight && !$.verticalHandles
           }),
-          style: L({
+          style: C({
             left: Se.value.tooltipRight,
             color: h(dt)($.selectColor),
             backgroundColor: $.selectColor,
             border: `1px solid ${ne.value}`,
             zIndex: "4",
-            visibility: kt.value || me.value.left === me.value.right ? "hidden" : "visible",
-            top: fe.value && $.minimapCompact ? "calc(-100% - 12px)" : "-100%"
+            visibility: kt.value || ge.value.left === ge.value.right ? "hidden" : "visible",
+            top: me.value && $.minimapCompact ? "calc(-100% - 12px)" : "-100%"
           })
-        }, re(me.value.right), 7)) : g("", !0)
+        }, re(ge.value.right), 7)) : g("", !0)
       ], 544)
     ], 544));
   }
-}, hi = /* @__PURE__ */ Lo(di, [["__scopeId", "data-v-266dcf50"]]), fi = ["id"], mi = ["id"], gi = ["viewBox", "aria-label"], xi = ["x", "y", "width", "height"], bi = { key: 1 }, yi = { class: "vue-ui-xy-grid" }, pi = ["stroke", "x1", "x2", "y1", "y2"], ki = ["stroke", "x1", "x2", "y1", "y2"], wi = { key: 1 }, Si = ["x1", "x2", "y1", "y2", "stroke"], $i = ["x1", "x2", "y1", "y2", "stroke"], _i = ["x1", "x2", "y1", "y2", "stroke"], Mi = { key: 3 }, Li = ["d", "stroke"], Ci = { key: 4 }, Ai = ["d", "stroke"], zi = ["id"], Ti = ["stop-color"], Ii = ["stop-color"], Ni = ["stop-color"], Pi = ["id"], Fi = ["stop-color"], Ri = ["stop-color"], Oi = ["stop-color"], Vi = ["id"], Bi = ["stop-color"], Ei = ["stop-color"], Hi = ["id"], Di = ["stop-color"], Wi = ["stop-color"], Xi = ["id"], Yi = ["stop-color"], Gi = ["stop-color"], Ui = ["x", "y", "height", "width", "fill"], qi = ["x", "y", "width"], Zi = { key: 0 }, Ki = ["x", "y", "height", "width", "fill"], Ji = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Qi = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ji = ["width", "x", "y"], eu = { key: 0 }, tu = ["id"], lu = ["fill"], au = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ou = ["x", "y", "font-size", "fill"], nu = ["stroke", "x1", "x2", "y1", "y2"], iu = { key: 3 }, uu = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], su = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], ru = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], cu = ["fill", "font-size", "transform"], vu = ["x1", "x2", "y1", "y2", "stroke"], du = ["x", "y", "font-size", "fill"], hu = ["x1", "x2", "y1", "y2", "stroke"], fu = ["x", "y", "font-size", "fill"], mu = ["width", "x", "y"], gu = { style: { width: "100%" } }, xu = { key: 0 }, bu = ["id"], yu = ["fill"], pu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ku = ["x", "y", "font-size", "fill"], wu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Su = ["d", "stroke", "stroke-width", "stroke-dasharray"], $u = { key: 6 }, _u = { key: 7 }, Mu = ["d", "fill", "fill-opacity"], Lu = { key: 0 }, Cu = ["d", "fill"], Au = ["d", "fill"], zu = ["d", "fill"], Tu = ["d", "fill"], Iu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Nu = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pu = ["width", "x", "y"], Fu = { style: { width: "100%" } }, Ru = { key: 3 }, Ou = ["id"], Vu = ["fill"], Bu = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Eu = ["x", "y", "font-size", "fill"], Hu = { key: 8 }, Du = ["x", "y", "font-size", "fill"], Wu = ["x", "y", "font-size", "fill", "font-weight"], Xu = { key: 9 }, Yu = ["x", "y", "font-size", "fill"], Gu = { key: 10 }, Uu = ["x", "y"], qu = ["innerHTML"], Zu = ["x", "y"], Ku = ["innerHTML"], Ju = ["x1", "x2", "y1", "y2", "stroke"], Qu = { key: 11 }, ju = ["x", "y", "font-size", "fill"], es = { key: 12 }, ts = ["x", "y"], ls = ["innerHTML"], as = ["x", "y"], os = ["innerHTML"], ns = ["x1", "x2", "y1", "y2", "stroke"], is = ["x", "y", "font-size", "fill", "innerHTML"], us = ["x", "y", "font-size", "fill", "innerHTML"], ss = ["x", "y", "font-size", "fill", "innerHTML"], rs = ["x", "y", "font-size", "fill", "innerHTML"], cs = ["id"], vs = ["stop-color"], ds = ["stop-color"], hs = ["x", "y", "width", "height", "fill", "onMouseenter"], fs = ["font-size", "fill", "transform"], ms = ["x", "y", "font-size", "fill"], gs = ["text-anchor", "font-size", "fill", "transform", "onClick"], xs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], bs = { key: 15 }, ys = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ps = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ks = ["y", "x", "width", "height", "fill"], ws = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ss = {
+}, hu = /* @__PURE__ */ Lo(du, [["__scopeId", "data-v-df735051"]]), fu = ["id"], mu = ["id"], gu = ["viewBox", "aria-label"], xu = ["x", "y", "width", "height"], bu = { key: 1 }, yu = { class: "vue-ui-xy-grid" }, pu = ["stroke", "x1", "x2", "y1", "y2"], ku = ["stroke", "x1", "x2", "y1", "y2"], wu = { key: 1 }, Su = ["x1", "x2", "y1", "y2", "stroke"], $u = ["x1", "x2", "y1", "y2", "stroke"], _u = ["x1", "x2", "y1", "y2", "stroke"], Mu = { key: 3 }, Lu = ["d", "stroke"], Cu = { key: 4 }, Au = ["d", "stroke"], zu = ["id"], Tu = ["stop-color"], Iu = ["stop-color"], Nu = ["stop-color"], Pu = ["id"], Fu = ["stop-color"], Ru = ["stop-color"], Ou = ["stop-color"], Vu = ["id"], Bu = ["stop-color"], Eu = ["stop-color"], Hu = ["id"], Du = ["stop-color"], Wu = ["stop-color"], Xu = ["id"], Yu = ["stop-color"], Gu = ["stop-color"], Uu = ["x", "y", "height", "width", "fill"], qu = ["x", "y", "width"], Zu = { key: 0 }, Ku = ["x", "y", "height", "width", "fill"], Ju = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Qu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ju = ["width", "x", "y"], ei = { key: 0 }, ti = ["id"], li = ["fill"], ai = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], oi = ["x", "y", "font-size", "fill"], ni = ["stroke", "x1", "x2", "y1", "y2"], ui = { key: 3 }, ii = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], si = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], ri = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ci = ["fill", "font-size", "transform"], vi = ["x1", "x2", "y1", "y2", "stroke"], di = ["x", "y", "font-size", "fill"], hi = ["x1", "x2", "y1", "y2", "stroke"], fi = ["x", "y", "font-size", "fill"], mi = ["width", "x", "y"], gi = { style: { width: "100%" } }, xi = { key: 0 }, bi = ["id"], yi = ["fill"], pi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ki = ["x", "y", "font-size", "fill"], wi = ["d", "stroke", "stroke-width", "stroke-dasharray"], Si = ["d", "stroke", "stroke-width", "stroke-dasharray"], $i = { key: 6 }, _i = { key: 7 }, Mi = ["d", "fill", "fill-opacity"], Li = { key: 0 }, Ci = ["d", "fill"], Ai = ["d", "fill"], zi = ["d", "fill"], Ti = ["d", "fill"], Ii = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ni = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pi = ["width", "x", "y"], Fi = { style: { width: "100%" } }, Ri = { key: 3 }, Oi = ["id"], Vi = ["fill"], Bi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ei = ["x", "y", "font-size", "fill"], Hi = { key: 8 }, Di = ["x", "y", "font-size", "fill"], Wi = ["x", "y", "font-size", "fill", "font-weight"], Xi = { key: 9 }, Yi = ["x", "y", "font-size", "fill"], Gi = { key: 10 }, Ui = ["x", "y"], qi = ["innerHTML"], Zi = ["x", "y"], Ki = ["innerHTML"], Ji = ["x1", "x2", "y1", "y2", "stroke"], Qi = { key: 11 }, ji = ["x", "y", "font-size", "fill"], es = { key: 12 }, ts = ["x", "y"], ls = ["innerHTML"], as = ["x", "y"], os = ["innerHTML"], ns = ["x1", "x2", "y1", "y2", "stroke"], us = ["x", "y", "font-size", "fill", "innerHTML"], is = ["x", "y", "font-size", "fill", "innerHTML"], ss = ["x", "y", "font-size", "fill", "innerHTML"], rs = ["x", "y", "font-size", "fill", "innerHTML"], cs = ["id"], vs = ["stop-color"], ds = ["stop-color"], hs = ["x", "y", "width", "height", "fill", "onMouseenter"], fs = ["font-size", "fill", "transform"], ms = ["x", "y", "font-size", "fill"], gs = ["text-anchor", "font-size", "fill", "transform", "onClick"], xs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], bs = { key: 15 }, ys = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ps = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ks = ["y", "x", "width", "height", "fill"], ws = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ss = {
   key: 16,
   style: { "pointer-events": "none" }
 }, $s = ["x", "y"], _s = ["innerHTML"], Ms = ["cx", "cy", "r", "fill"], Ls = ["data-start", "data-end"], Cs = {
@@ -1154,17 +1168,17 @@ const _n = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup($, { expose: Sa, emit: $a }) {
-    const d = $, Le = Dt(() => import("./DataTable-JX5MWop0.js")), he = Dt(() => import("./Tooltip-BAx7Btsw.js")), ge = Dt(() => import("./UserOptions-BLVLaZDQ.js")), fe = Dt(() => import("./BaseIcon-wGdAhoaF.js")), Al = Dt(() => import("./vue-ui-table-sparkline-qFmRMBGM.js")), St = Dt(() => import("./PackageVersion-BSXHahdf.js")), It = Dt(() => import("./PenAndPaper-ScGkrINJ.js")), zl = Dt(() => import("./BaseDraggableDialog-RzeiqHjP.js")), Gt = $a, xl = Go(), Ut = Uo(), { vue_ui_xy: $t } = jo(), Be = y(null), Te = y(null), Ke = y(null), Ce = y(null), ft = y(null), _t = y(null), Tl = y(null), qt = y(null), Zt = y(null), Se = y(null), Il = y(null), Nl = y(null), mt = y(null), ne = y(null), Ql = y(0), E = y(null), Kt = y(!0), W = y(600), le = y(1e3), at = y("0 0 1000 600"), jl = y({ x: 0, y: 0 }), Jt = y({ line: "line", bar: "bar", plot: "plot" }), Ee = y(!1), Pe = y(!1), bl = y(!1), ae = y(null), ce = y([]), Z = y(xa()), Pl = y(0), Fl = y(0), Rl = y(0), He = y(!0), gt = y(0), X = y(null), ea = y(!1), Ol = y(!0), yl = y(!0), $e = y(null), ot = y({}), Qt = y(null), H = y(!1), Je = y(null), _ = y(null), xt = x(() => ({
+    const d = $, Le = Wt(() => import("./DataTable-Dw6dxJk3.js")), ce = Wt(() => import("./Tooltip-DBvmoYXU.js")), fe = Wt(() => import("./UserOptions-CKzW9w0Q.js")), me = Wt(() => import("./BaseIcon-7s-tCFcQ.js")), Al = Wt(() => import("./vue-ui-table-sparkline-DnSLwUNN.js")), St = Wt(() => import("./PackageVersion-D1HToLlZ.js")), Nt = Wt(() => import("./PenAndPaper-BKnXOYre.js")), zl = Wt(() => import("./BaseDraggableDialog-CrCjMg89.js")), Ut = $a, xl = Go(), qt = Uo(), { vue_ui_xy: $t } = jo(), Be = y(null), Te = y(null), Ke = y(null), Ce = y(null), ft = y(null), _t = y(null), Tl = y(null), Zt = y(null), Kt = y(null), Se = y(null), Il = y(null), Nl = y(null), mt = y(null), ne = y(null), Ql = y(0), E = y(null), Jt = y(!0), W = y(600), le = y(1e3), at = y("0 0 1000 600"), jl = y({ x: 0, y: 0 }), Qt = y({ line: "line", bar: "bar", plot: "plot" }), Ee = y(!1), Pe = y(!1), bl = y(!1), ae = y(null), ve = y([]), Z = y(xa()), Pl = y(0), Fl = y(0), Rl = y(0), He = y(!0), gt = y(0), X = y(null), ea = y(!1), Ol = y(!0), yl = y(!0), $e = y(null), ot = y({}), jt = y(null), H = y(!1), Je = y(null), M = y(null), xt = x(() => ({
       height: W.value,
       width: le.value
     }));
     function Vl(l) {
       return Number.isFinite(l) ? Math.max(0, Math.floor(l)) : 0;
     }
-    function Nt(l, s, e = 0) {
+    function Pt(l, s, e = 0) {
       return Number.isFinite(l) && Number.isFinite(s) && Math.abs(s) > 1e-9 ? l / s : e;
     }
-    const jt = y(!1), C = y({
+    const el = y(!1), A = y({
       xAxis: 18,
       yAxis: 12,
       dataLabels: 20,
@@ -1177,7 +1191,7 @@ const _n = {
           type: "datasetSerieAttribute",
           property: "series (number[])",
           index: s,
-          debug: Mt.value
+          debug: Lt.value
         });
       });
     });
@@ -1199,7 +1213,7 @@ const _n = {
         customPalette: rn[l.theme] || d.palette
       } : l;
     }
-    const el = x({
+    const Mt = x({
       get() {
         return !!d.dataset && d.dataset.length;
       },
@@ -1214,21 +1228,21 @@ const _n = {
       useIndividualScale: !1
     });
     function tl() {
-      jt.value ? (p.value.isStacked = t.value.chart.grid.labels.yAxis.stacked, p.value.useIndividualScale == null && (p.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale)) : (p.value = {
+      el.value ? (p.value.isStacked = t.value.chart.grid.labels.yAxis.stacked, p.value.useIndividualScale == null && (p.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale)) : (p.value = {
         dataLabels: { show: !0 },
         showTooltip: t.value.chart.tooltip.show === !0,
         showTable: t.value.showTable === !0,
         isStacked: t.value.chart.grid.labels.yAxis.stacked,
         useIndividualScale: t.value.chart.grid.labels.yAxis.useIndividualScale
-      }, jt.value = !0);
+      }, el.value = !0);
     }
-    const Mt = x(() => !!t.value.debug), { loading: xe, FINAL_DATASET: _e, manualLoading: bt } = gn({
+    const Lt = x(() => !!t.value.debug), { loading: xe, FINAL_DATASET: _e, manualLoading: bt } = gn({
       ...qo(d),
       FINAL_CONFIG: t,
       prepareConfig: Bl,
       callback: () => {
         Promise.resolve().then(async () => {
-          await ul(), p.value.showTable = t.value.showTable;
+          await il(), p.value.showTable = t.value.showTable;
         });
       },
       skeletonDataset: [
@@ -1306,36 +1320,36 @@ const _n = {
     });
     function _a(l) {
       const s = /* @__PURE__ */ new WeakMap();
-      return (e, ...u) => {
+      return (e, ...i) => {
         let a = s.get(e);
-        const r = JSON.stringify(u);
+        const r = JSON.stringify(i);
         if (a && a.has(r)) return a.get(r);
-        const o = l(e, ...u);
+        const o = l(e, ...i);
         return a || (a = /* @__PURE__ */ new Map(), s.set(e, a)), a.set(r, o), o;
       };
     }
-    const Pt = _a((l, s) => Pa({ data: l, threshold: s })), yt = (l) => Pt(l, t.value.downsample.threshold), Qe = x({
+    const Ft = _a((l, s) => Pa({ data: l, threshold: s })), yt = (l) => Ft(l, t.value.downsample.threshold), Qe = x({
       get: () => Math.max(..._e.value.map((l) => yt(l.series).length)),
       set: (l) => l
     }), w = y({ start: 0, end: Qe.value }), We = y({ start: 0, end: Qe.value }), ta = x(() => t.value.chart.zoom.preview.enable && (We.value.start !== w.value.start || We.value.end !== w.value.end));
     function El(l, s) {
       We.value[l] = s;
     }
-    function Lt() {
+    function Ct() {
       const l = Math.max(
         1,
-        ..._e.value.map((u) => yt(u.series).length)
+        ..._e.value.map((i) => yt(i.series).length)
       );
       let s = Math.max(0, Math.min(w.value.start ?? 0, l - 1)), e = Math.max(s + 1, Math.min(w.value.end ?? l, l));
       (!Number.isFinite(s) || !Number.isFinite(e) || e <= s) && (s = 0, e = l), w.value = { start: s, end: e }, We.value.start = s, We.value.end = e, Ke.value && (Ke.value.setStartValue(s), Ke.value.setEndValue(e));
     }
     const Ma = x(() => {
-      const { left: l, top: s, width: e, height: u } = c.value, a = w.value.start, o = w.value.end - a, F = e / o, R = We.value.start - a, O = We.value.end - a, T = Math.max(0, Math.min(o, R)), N = Math.max(0, Math.min(o, O));
+      const { left: l, top: s, width: e, height: i } = c.value, a = w.value.start, o = w.value.end - a, F = e / o, R = We.value.start - a, O = We.value.end - a, T = Math.max(0, Math.min(o, R)), N = Math.max(0, Math.min(o, O));
       return {
         x: l + T * F,
         y: s,
         width: (N - T) * F,
-        height: u,
+        height: i,
         fill: t.value.chart.zoom.preview.fill,
         stroke: t.value.chart.zoom.preview.stroke,
         "stroke-width": t.value.chart.zoom.preview.strokeWidth,
@@ -1351,35 +1365,35 @@ const _n = {
     });
     ht(() => d.selectedXIndex, (l) => {
       if ([null, void 0].includes(d.selectedXIndex)) {
-        _.value = null;
+        M.value = null;
         return;
       }
       const s = l - w.value.start;
-      s < 0 || l >= w.value.end ? _.value = null : _.value = s ?? null;
+      s < 0 || l >= w.value.end ? M.value = null : M.value = s ?? null;
     }, { immediate: !0 });
-    const { isPrinting: Hl, isImaging: nt, generatePdf: it, generateImage: ut } = mn({
+    const { isPrinting: Hl, isImaging: nt, generatePdf: ut, generateImage: it } = mn({
       elementId: `vue-ui-xy_${Z.value}`,
       fileName: t.value.chart.title.text || "vue-ui-xy",
       options: t.value.chart.userOptions.print
-    }), pt = y(!1), ll = x(() => tn(t.value.customPalette)), Ft = x(() => {
+    }), pt = y(!1), ll = x(() => tn(t.value.customPalette)), Rt = x(() => {
       if (t.value.chart.grid.labels.yAxis.scaleMin !== null)
         return t.value.chart.grid.labels.yAxis.scaleMin;
-      const l = Math.min(...je.value.filter((s) => !ce.value.includes(s.id)).map((s) => Math.min(...s.series)));
+      const l = Math.min(...je.value.filter((s) => !ve.value.includes(s.id)).map((s) => Math.min(...s.series)));
       return l > 0 ? 0 : l;
     }), al = x(() => {
       if (t.value.chart.grid.labels.yAxis.scaleMax)
         return t.value.chart.grid.labels.yAxis.scaleMax;
-      const l = Math.max(...je.value.filter((s) => !ce.value.includes(s.id)).map((s) => Math.max(...s.series)));
-      return Ft.value === l ? l + 1 : l;
-    }), Xe = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(Ft.value, al.value < 0 ? 0 : al.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : hl(Ft.value, al.value < 0 ? 0 : al.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), ol = x(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Xe.value.min >= 0 ? 0 : Math.abs(Xe.value.min) : -Xe.value.min), je = x(() => Kt.value ? _e.value.map((l, s) => {
-      const e = yt(l.series), u = `uniqueId_${s}`;
+      const l = Math.max(...je.value.filter((s) => !ve.value.includes(s.id)).map((s) => Math.max(...s.series)));
+      return Rt.value === l ? l + 1 : l;
+    }), Xe = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(Rt.value, al.value < 0 ? 0 : al.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : hl(Rt.value, al.value < 0 ? 0 : al.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), ol = x(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Xe.value.min >= 0 ? 0 : Math.abs(Xe.value.min) : -Xe.value.min), je = x(() => Jt.value ? _e.value.map((l, s) => {
+      const e = yt(l.series), i = `uniqueId_${s}`;
       return {
         ...l,
         slotAbsoluteIndex: s,
         series: e.map((a) => fa(a) ? a : null).slice(w.value.start, w.value.end),
         color: po(l.color ? l.color : ll.value[s] ? ll.value[s] : ko[s]),
-        id: u,
-        scaleLabel: l.scaleLabel || u
+        id: i,
+        scaleLabel: l.scaleLabel || i
       };
     }) : _e.value), et = x(() => je.value.map((l, s) => ({
       absoluteIndex: s,
@@ -1387,19 +1401,19 @@ const _n = {
       series: l.series.map((e) => e + ol.value),
       absoluteValues: l.series,
       segregate: () => Ga(l),
-      isSegregated: ce.value.includes(l.id)
+      isSegregated: ve.value.includes(l.id)
     }))), Fe = x(() => je.value.map((l, s) => ({
       ...l,
       series: l.series.map((e) => e + ol.value),
       absoluteValues: l.series
-    })).filter((l) => !ce.value.includes(l.id)));
+    })).filter((l) => !ve.value.includes(l.id)));
     function la() {
       let l = 0;
       Il.value && (l = Array.from(Il.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 = Zt.value ? Zt.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + C.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
+      const s = Kt.value ? Kt.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + A.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
       return l + s + e;
     }
     const tt = y(0), nl = Jl((l) => {
@@ -1408,73 +1422,73 @@ const _n = {
     go((l) => {
       const s = Se.value;
       if (!s) return;
-      const e = new ResizeObserver((u) => {
-        nl(u[0].contentRect.height);
+      const e = new ResizeObserver((i) => {
+        nl(i[0].contentRect.height);
       });
       e.observe(s), l(() => e.disconnect());
     }), gl(() => {
       tt.value = 0;
     });
-    const Rt = x(() => {
+    const Ot = x(() => {
       let l = 0;
-      qt.value && (l = qt.value.getBBox().height);
+      Zt.value && (l = Zt.value.getBBox().height);
       let s = 0;
-      return Se.value && (s = tt.value), l + s + C.value.xAxis;
+      return Se.value && (s = tt.value), l + s + A.value.xAxis;
     }), pl = x(() => _e.value.some((l) => l.useProgression)), c = x(() => {
       let l = 0;
       const s = 36;
-      t.value.chart.grid.labels.show && (p.value.useIndividualScale && !p.value.isStacked ? l = (_e.value.length - ce.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + s) : p.value.useIndividualScale && p.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + s : l = la());
-      const e = t.value.chart.labels.fontSize * 1.1, u = pl.value ? 24 : 6;
+      t.value.chart.grid.labels.show && (p.value.useIndividualScale && !p.value.isStacked ? l = (_e.value.length - ve.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + s) : p.value.useIndividualScale && p.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + s : l = la());
+      const e = t.value.chart.labels.fontSize * 1.1, i = pl.value ? 24 : 6;
       if (Se.value) {
         const o = Se.value.getBBox().x;
         o < 0 && (l += Math.abs(o));
       }
-      const a = le.value - l - t.value.chart.grid.labels.yAxis.crosshairSize - u - t.value.chart.padding.left - t.value.chart.padding.right, r = t.value.chart.grid.position === "middle" ? 0 : a / S.value / 2;
+      const a = le.value - l - t.value.chart.grid.labels.yAxis.crosshairSize - i - t.value.chart.padding.left - t.value.chart.padding.right, r = t.value.chart.grid.position === "middle" ? 0 : a / S.value / 2;
       return {
         top: t.value.chart.padding.top + e,
-        right: le.value - u - t.value.chart.padding.right,
-        bottom: W.value - Rt.value - t.value.chart.padding.bottom - t.value.chart.grid.labels.axis.xLabelOffsetY,
+        right: le.value - i - t.value.chart.padding.right,
+        bottom: W.value - Ot.value - t.value.chart.padding.bottom - t.value.chart.grid.labels.axis.xLabelOffsetY,
         left: l + t.value.chart.grid.labels.yAxis.crosshairSize - r + t.value.chart.padding.left,
-        height: W.value - Rt.value - t.value.chart.padding.top - t.value.chart.padding.bottom - e - t.value.chart.grid.labels.axis.xLabelOffsetY,
+        height: W.value - Ot.value - t.value.chart.padding.top - t.value.chart.padding.bottom - e - t.value.chart.grid.labels.axis.xLabelOffsetY,
         width: a,
         scaleLabelX: l,
         individualOffsetX: s
       };
-    }), Ot = x(() => {
-      const l = t.value.chart.grid.position === "middle" ? 1 : 0, s = S.value + l, e = j(c.value.top), u = j(c.value.bottom);
+    }), Vt = x(() => {
+      const l = t.value.chart.grid.position === "middle" ? 1 : 0, s = S.value + l, e = j(c.value.top), i = j(c.value.bottom);
       return Array.from({ length: s }).map((a, r) => {
-        const o = c.value.width / S.value * r + c.value.left + ie.value;
-        return `M${o},${e} L${o},${u}`;
+        const o = c.value.width / S.value * r + c.value.left + ue.value;
+        return `M${o},${e} L${o},${i}`;
       }).join(" ");
     }), Dl = x(() => {
       if (!t.value.chart.grid.labels.xAxis.showCrosshairs) return "";
       const l = c.value.width / S.value, s = t.value.chart.grid.labels.xAxis.crosshairSize, e = t.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero;
-      return D.value.map((u, a) => {
-        if (!u || !u.text) return null;
+      return D.value.map((i, a) => {
+        if (!i || !i.text) return null;
         const r = c.value.left + l * a + l / 2, o = e ? Ie.value - (Ie.value === c.value.bottom ? 0 : s / 2) : c.value.bottom, F = e ? Ie.value + s / (Ie.value === c.value.bottom ? 1 : 2) : c.value.bottom + s;
         return `M${r},${o} L${r},${F}`;
       }).filter(Boolean).join(" ");
     });
     function kl() {
-      return !!Ut?.vnode.props?.onSelectTimeLabel;
+      return !!qt?.vnode.props?.onSelectTimeLabel;
     }
     function aa(l, s, e) {
-      if (!Qt.value) {
-        const u = document.createElement("canvas");
-        Qt.value = u.getContext("2d");
+      if (!jt.value) {
+        const i = document.createElement("canvas");
+        jt.value = i.getContext("2d");
       }
-      return Qt.value.font = `normal ${l}px sans-serif`, Qt.value;
+      return jt.value.font = `normal ${l}px sans-serif`, jt.value;
     }
     function Wl() {
       const l = Be.value.querySelectorAll(".vue-ui-xy-tag");
       l.length && Array.from(l).forEach((s) => s.style.opacity = "0");
     }
-    function kt(l, s, e, u, a) {
-      e && (ot.value[`${l}_${s}_${u}_${a}`] = e);
+    function kt(l, s, e, i, a) {
+      e && (ot.value[`${l}_${s}_${i}_${a}`] = e);
     }
-    const Vt = y(!1);
-    async function me(l = !1) {
-      await Cl(), Vt.value = l, ea.value && (yl.value = l);
+    const Bt = y(!1);
+    async function ge(l = !1) {
+      await Cl(), Bt.value = l, ea.value && (yl.value = l);
     }
     function Xl() {
       Ee.value = !Ee.value;
@@ -1501,73 +1515,73 @@ const _n = {
       const l = t.value.chart.grid.labels.xAxisLabels.modulo;
       return v.value.length ? Math.min(l, [...new Set(v.value.map((s) => s.text))].length) : l;
     });
-    function A(l) {
+    function _(l) {
       let s = null, e = null;
-      return (...u) => {
-        const a = JSON.stringify(u);
-        return a === s || (s = a, e = l(...u)), e;
+      return (...i) => {
+        const a = JSON.stringify(i);
+        return a === s || (s = a, e = l(...i)), e;
       };
     }
-    const z = A((l, s, e, u, a, r, o, F) => {
+    const z = _((l, s, e, i, a, r, o, F) => {
       if (l)
-        return u.length <= 2 ? u.map((B, se) => ({ text: B, absoluteIndex: se })) : u.map((B, se) => ({ text: se === 0 || se === u.length - 1 || o != null && se === o ? B : "", absoluteIndex: se }));
+        return i.length <= 2 ? i.map((B, se) => ({ text: B, absoluteIndex: se })) : i.map((B, se) => ({ text: se === 0 || se === i.length - 1 || o != null && se === o ? B : "", absoluteIndex: se }));
       if (!s)
-        return u.map((Y, B) => ({ text: Y, absoluteIndex: B }));
+        return i.map((Y, B) => ({ text: Y, absoluteIndex: B }));
       const R = Math.max(1, e || 1);
       if (F <= R)
-        return u.map((Y, B) => ({ text: Y, absoluteIndex: B }));
+        return i.map((Y, B) => ({ text: Y, absoluteIndex: B }));
       const O = [];
-      for (let Y = 0; Y < u.length; Y += 1) {
-        const B = u[Y] ?? "";
+      for (let Y = 0; Y < i.length; Y += 1) {
+        const B = i[Y] ?? "";
         if (!B) continue;
         const se = r + Y - 1 >= 0 ? a[r + Y - 1] ?? "" : null;
         B !== se && O.push(Y);
       }
       if (!O.length)
-        return u.map((Y, B) => ({ text: "", absoluteIndex: B }));
+        return i.map((Y, B) => ({ text: "", absoluteIndex: B }));
       const T = O.length, N = R, ee = Math.max(2, Math.min(N - 3, T)), I = Math.min(T, N + 3);
       let U = Math.min(N, T), V = 1 / 0;
       for (let Y = ee; Y <= I; Y += 1) {
         const B = (T - 1) % (Y - 1), se = Math.abs(Y - N), Oe = B * 10 + se;
         Oe < V && (V = Oe, U = Y);
       }
-      const de = /* @__PURE__ */ new Set();
+      const he = /* @__PURE__ */ new Set();
       if (U <= 1)
-        de.add(O[Math.round((T - 1) / 2)]);
+        he.add(O[Math.round((T - 1) / 2)]);
       else {
         const Y = (T - 1) / (U - 1);
         for (let B = 0; B < U; B += 1)
-          de.add(O[Math.round(B * Y)]);
+          he.add(O[Math.round(B * Y)]);
       }
-      return u.map((Y, B) => ({
-        text: de.has(B) ? Y : "",
+      return i.map((Y, B) => ({
+        text: he.has(B) ? Y : "",
         absoluteIndex: B
       }));
     }), D = x(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels, s = v.value || [], e = m.value || [], u = w.value.start ?? 0, a = _.value, r = S.value, o = s.map((R) => R?.text ?? ""), F = e.map((R) => R?.text ?? "");
+      const l = t.value.chart.grid.labels.xAxisLabels, s = v.value || [], e = m.value || [], i = w.value.start ?? 0, a = M.value, r = S.value, o = s.map((R) => R?.text ?? ""), F = e.map((R) => R?.text ?? "");
       return z(
         !!l.showOnlyFirstAndLast,
         !!l.showOnlyAtModulo,
         Math.max(1, f.value || 1),
         o,
         F,
-        u,
+        i,
         a,
         r
       );
     });
     function ke(l, s) {
-      const e = Fe.value.map((u) => ({
-        shape: u.shape || null,
-        name: u.name,
-        color: u.color,
-        type: u.type,
-        value: u.absoluteValues.find((a, r) => r === s),
-        comments: u.comments || [],
-        prefix: u.prefix || t.value.chart.labels.prefix,
-        suffix: u.suffix || t.value.chart.labels.suffix
+      const e = Fe.value.map((i) => ({
+        shape: i.shape || null,
+        name: i.name,
+        color: i.color,
+        type: i.type,
+        value: i.absoluteValues.find((a, r) => r === s),
+        comments: i.comments || [],
+        prefix: i.prefix || t.value.chart.labels.prefix,
+        suffix: i.suffix || t.value.chart.labels.suffix
       }));
-      Gt("selectTimeLabel", {
+      Ut("selectTimeLabel", {
         datapoint: e,
         absoluteIndex: l.absoluteIndex,
         label: l.text
@@ -1583,43 +1597,43 @@ const _n = {
     function st() {
       p.value.isStacked = !p.value.isStacked, p.value.isStacked ? p.value.useIndividualScale = !0 : p.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale;
     }
-    function Bt(l) {
-      Mt.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 Et(l) {
+      Lt.value && l.autoScaling && (t.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), t.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${l.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     }
-    function Ct(l, s) {
-      const e = Vl(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 At(l, s) {
+      const e = Vl(l), i = Array(e).fill(0);
+      for (let a = 0; a < s.length && a < e; a += 1) i[a] = s[a] ?? 0;
+      return i;
     }
     function oa(l) {
       const s = Math.max(..._e.value.map((e) => yt(e.series).length));
       return l > s ? s : l < 0 || t.value.chart.zoom.startIndex !== null && l < t.value.chart.zoom.startIndex ? t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex + 1 : 1 : l;
     }
-    const il = y(!1), Me = y(!1);
-    function ul() {
-      if (!il.value) {
-        il.value = !0;
+    const ul = y(!1), Me = y(!1);
+    function il() {
+      if (!ul.value) {
+        ul.value = !0;
         try {
-          const { startIndex: l, endIndex: s } = t.value.chart.zoom, e = Math.max(..._e.value.map((r) => yt(r.series).length)), u = l ?? 0, a = s != null ? Math.min(oa(s + 1), e) : e;
-          At.value = !0, w.value.start = u, w.value.end = a, We.value.start = u, We.value.end = a, Lt(), Me.value = !0;
+          const { startIndex: l, endIndex: s } = t.value.chart.zoom, e = Math.max(..._e.value.map((r) => yt(r.series).length)), i = l ?? 0, a = s != null ? Math.min(oa(s + 1), e) : e;
+          zt.value = !0, w.value.start = i, w.value.end = a, We.value.start = i, We.value.end = a, Ct(), Me.value = !0;
         } finally {
           queueMicrotask(() => {
-            At.value = !1;
-          }), il.value = !1;
+            zt.value = !1;
+          }), ul.value = !1;
         }
       }
     }
-    const At = y(!1);
+    const zt = y(!1);
     function na(l) {
-      il.value || At.value || l !== w.value.start && (w.value.start = l, We.value.start = l, Lt());
+      ul.value || zt.value || l !== w.value.start && (w.value.start = l, We.value.start = l, Ct());
     }
     function La(l) {
-      if (il.value || At.value) return;
+      if (ul.value || zt.value) return;
       const s = oa(l);
-      s !== w.value.end && (w.value.end = s, We.value.end = s, Lt());
+      s !== w.value.end && (w.value.end = s, We.value.end = s, Ct());
     }
     async function Ca() {
-      await ul();
+      await il();
     }
     function Ye(l) {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(l);
@@ -1630,25 +1644,25 @@ const _n = {
     }
     const Ie = x(() => isNaN(sl(ol.value)) ? c.value.bottom : c.value.bottom - c.value.height * sl(ol.value));
     function Ba(l) {
-      const s = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && Ft.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 && Rt.value >= 0 ? c.value.bottom : Ie.value;
       return l.value >= 0 ? q(s - l.y <= 0 ? 1e-5 : s - l.y) : q(l.y - Ie.value <= 0 ? 1e-5 : l.y - Ie.value);
     }
     function Ea(l) {
       return l.value >= 0 ? q(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : q(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
     }
-    const ve = x(() => {
-      const l = Math.max(1, S.value), s = Math.max(1, c.value.width), e = Math.max(1, je.value.filter((u) => u.type === "bar" && !ce.value.includes(u.id)).length);
+    const de = x(() => {
+      const l = Math.max(1, S.value), s = Math.max(1, c.value.width), e = Math.max(1, je.value.filter((i) => i.type === "bar" && !ve.value.includes(i.id)).length);
       return {
-        bar: Nt(s, l * e, 1),
-        plot: Nt(s, l, 1),
-        line: Nt(s, l, 1)
+        bar: Pt(s, l * e, 1),
+        plot: Pt(s, l, 1),
+        line: Pt(s, l, 1)
       };
     });
     function Sl() {
-      return p.value.useIndividualScale && p.value.isStacked ? ve.value.line - c.value.width / S.value * 0.1 : ve.value.bar;
+      return p.value.useIndividualScale && p.value.isStacked ? de.value.line - c.value.width / S.value * 0.1 : de.value.bar;
     }
-    function ia(l) {
-      return p.value.useIndividualScale && p.value.isStacked ? l.x + c.value.width / S.value * 0.05 : l.x + ve.value.bar / 2;
+    function ua(l) {
+      return p.value.useIndividualScale && p.value.isStacked ? l.x + c.value.width / S.value * 0.05 : l.x + de.value.bar / 2;
     }
     function Ha(l) {
       return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(Ie.value) ? c.bottom.value : Ie.value;
@@ -1669,7 +1683,7 @@ const _n = {
           return { x: I.x, y: I.y, ok: !0 };
         }
       }
-      const e = s.getBoundingClientRect(), u = s.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, a = Math.min(e.width / u.width, e.height / u.height), r = u.width * a, o = u.height * a, F = (e.width - r) / 2, R = (e.height - o) / 2, O = (l.clientX - e.left - F) / a + u.x, T = (l.clientY - e.top - R) / a + u.y;
+      const e = s.getBoundingClientRect(), i = s.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, a = Math.min(e.width / i.width, e.height / i.height), r = i.width * a, o = i.height * a, F = (e.width - r) / 2, R = (e.height - o) / 2, O = (l.clientX - e.left - F) / a + i.x, T = (l.clientY - e.top - R) / a + i.y;
       return { x: O, y: T, ok: !0 };
     }
     let rl = 0;
@@ -1678,26 +1692,26 @@ const _n = {
         rl = 0;
         const s = Wa(l);
         if (!s || !$e.value) {
-          ua();
+          ia();
           return;
         }
-        const { left: e, right: u, top: a, bottom: r, width: o } = c.value;
-        if (s.x < e || s.x > u || s.y < a || s.y > r) {
-          ua();
+        const { left: e, right: i, top: a, bottom: r, width: o } = c.value;
+        if (s.x < e || s.x > i || s.y < a || s.y > r) {
+          ia();
           return;
         }
         const F = s.x - e, R = o / S.value, O = Math.floor(F / R);
-        O >= 0 && O < S.value ? Yl.value !== O && (Yl.value = O, to(!0, O)) : ua();
+        O >= 0 && O < S.value ? Yl.value !== O && (Yl.value = O, to(!0, O)) : ia();
       }));
     }
-    function ua() {
+    function ia() {
       rl && (cancelAnimationFrame(rl), rl = 0), Yl.value = null, to(!1, null);
     }
     function Xa(l) {
       const s = Wa(l);
       if (s && $e.value) {
-        const { left: e, right: u, top: a, bottom: r, width: o } = c.value;
-        if (s.x >= e && s.x <= u && s.y >= a && s.y <= r) {
+        const { left: e, right: i, top: a, bottom: r, width: o } = c.value;
+        if (s.x >= e && s.x <= i && s.y >= a && s.y <= r) {
           const F = o / Math.max(1, S.value), R = Math.floor((s.x - e) / F);
           if (R >= 0 && R < S.value) {
             Ya(R);
@@ -1714,7 +1728,7 @@ const _n = {
         color: e.color,
         type: e.type
       }));
-      Gt(
+      Ut(
         "selectX",
         {
           dataset: s,
@@ -1733,24 +1747,24 @@ const _n = {
     }
     async function zo({ scale: l = 2 } = {}) {
       if (!Be.value) return;
-      const { width: s, height: e } = Be.value.getBoundingClientRect(), u = s / e, { imageUri: a, base64: r } = await kn({ domElement: Be.value, base64: !0, img: !0, scale: l });
+      const { width: s, height: e } = Be.value.getBoundingClientRect(), i = s / e, { imageUri: a, base64: r } = await kn({ domElement: Be.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: a,
         base64: r,
         title: t.value.chart.title.text,
         width: s,
         height: e,
-        aspectRatio: u
+        aspectRatio: i
       };
     }
     function Ga(l) {
-      if (ce.value.includes(l.id))
-        ce.value = ce.value.filter((s) => s !== l.id);
+      if (ve.value.includes(l.id))
+        ve.value = ve.value.filter((s) => s !== l.id);
       else {
-        if (ce.value.length + 1 === je.value.length) return;
-        ce.value.push(l.id);
+        if (ve.value.length + 1 === je.value.length) return;
+        ve.value.push(l.id);
       }
-      Gt("selectLegend", Fe.value.map((s) => ({
+      Ut("selectLegend", Fe.value.map((s) => ({
         name: s.name,
         values: s.absoluteValues,
         color: s.color,
@@ -1776,7 +1790,7 @@ const _n = {
         to: Math.min(t.value.chart.highlightArea.to, Qe.value - 1)
       };
       return [{ ...l, span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1 }];
-    }), qa = x(() => Kt.value ? _e.value.map((l, s) => ({
+    }), qa = x(() => Jt.value ? _e.value.map((l, s) => ({
       ...l,
       series: yt(l.series),
       id: `uniqueId_${s}`,
@@ -1787,7 +1801,7 @@ const _n = {
         id: l.id,
         name: l.name,
         color: l.color,
-        values: Ct(S.value, s)
+        values: At(S.value, s)
       };
     })), Fo = x(() => ({
       responsiveBreakpoint: t.value.table.responsiveBreakpoint,
@@ -1815,10 +1829,10 @@ const _n = {
       sparkline: {
         animation: { show: !1 }
       }
-    })), ie = x(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value / 2), cl = x(() => ln(et.value.filter((l) => !ce.value.includes(l.id)))), P = x(() => {
+    })), ue = x(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value / 2), cl = x(() => ln(et.value.filter((l) => !ve.value.includes(l.id)))), P = x(() => {
       const l = Object.groupBy(cl.value, (e) => e.scaleLabel), s = {};
-      for (const [e, u] of Object.entries(l)) {
-        const a = u.flatMap((r) => r.absoluteValues);
+      for (const [e, i] of Object.entries(l)) {
+        const a = i.flatMap((r) => r.absoluteValues);
         s[e] = {
           min: Math.min(...a) || 0,
           max: Math.max(...a) || 1,
@@ -1827,25 +1841,25 @@ const _n = {
       }
       return s;
     }), Ro = x(() => {
-      const l = je.value.filter((s) => s.type === "bar").filter((s) => !ce.value.includes(s.id)).length;
+      const l = je.value.filter((s) => s.type === "bar").filter((s) => !ve.value.includes(s.id)).length;
       return c.value.width / S.value / l - sa.value * l;
-    }), sa = x(() => ve.value.line * t.value.bar.periodGap), ra = x(() => Math.max(1e-5, Sl() - (p.value.useIndividualScale && p.value.isStacked ? 0 : sa.value))), ca = x(() => ra.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Oo = x(() => {
+    }), sa = x(() => de.value.line * t.value.bar.periodGap), ra = x(() => Math.max(1e-5, Sl() - (p.value.useIndividualScale && p.value.isStacked ? 0 : sa.value))), ca = x(() => ra.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Oo = x(() => {
       if (!t.value.chart.zoom.minimap.show) return [];
-      const l = qa.value.filter((a) => !ce.value.includes(a.id)), s = Math.max(...l.map((a) => a.series.length)), e = [];
+      const l = qa.value.filter((a) => !ve.value.includes(a.id)), s = Math.max(...l.map((a) => a.series.length)), e = [];
       for (let a = 0; a < s; a += 1)
         e.push(l.map((r) => r.series[a] || 0).reduce((r, o) => (r || 0) + (o || 0), 0));
-      const u = Math.min(...e);
-      return e.map((a) => a + (u < 0 ? Math.abs(u) : 0));
+      const i = Math.min(...e);
+      return e.map((a) => a + (i < 0 ? Math.abs(i) : 0));
     }), Vo = x(() => t.value.chart.zoom.minimap.show ? qa.value.map((s) => ({
       ...s,
-      isVisible: !ce.value.includes(s.id)
-    })) : []), zt = x(() => Fe.value.map((l) => ({
+      isVisible: !ve.value.includes(s.id)
+    })) : []), Tt = x(() => Fe.value.map((l) => ({
       slotAbsoluteIndex: l.slotAbsoluteIndex,
       shape: l.shape || null,
       name: l.name,
       color: l.color,
       type: l.type,
-      value: l.absoluteValues.find((s, e) => e === _.value),
+      value: l.absoluteValues.find((s, e) => e === M.value),
       comments: l.comments || [],
       prefix: l.prefix || t.value.chart.labels.prefix,
       suffix: l.suffix || t.value.chart.labels.suffix
@@ -1861,27 +1875,27 @@ const _n = {
         (T) => T.show && (T.yAxis.yTop != null || T.yAxis.yBottom != null)
       );
       if (!s.length) return [];
-      const { left: e, right: u } = c.value, a = Ie.value, r = c.value.height, o = Xe.value.min, R = Xe.value.max - o, O = (T) => {
+      const { left: e, right: i } = c.value, a = Ie.value, r = c.value.height, o = Xe.value.min, R = Xe.value.max - o, O = (T) => {
         const N = (T - 0) / R;
         return a - N * r;
       };
       return s.map((T) => {
-        const { yAxis: { yTop: N, yBottom: ee, label: I } } = T, U = N != null && ee != null && N !== ee, V = N == null ? null : O(N), de = ee == null ? null : O(ee), Y = aa(I.fontSize);
+        const { yAxis: { yTop: N, yBottom: ee, label: I } } = T, U = N != null && ee != null && N !== ee, V = N == null ? null : O(N), he = ee == null ? null : O(ee), Y = aa(I.fontSize);
         Y.font = `${I.fontSize}px sans-serif`;
-        const B = Y.measureText(I.text).width, se = I.fontSize, Oe = (I.position === "start" ? e + I.padding.left : u - I.padding.right) + I.offsetX, Ge = (V != null && de != null ? Math.min(V, de) : V ?? de) - I.fontSize / 3 + I.offsetY - I.padding.top;
+        const B = Y.measureText(I.text).width, se = I.fontSize, Oe = (I.position === "start" ? e + I.padding.left : i - I.padding.right) + I.offsetX, Ge = (V != null && he != null ? Math.min(V, he) : V ?? he) - I.fontSize / 3 + I.offsetY - I.padding.top;
         let J;
         I.textAnchor === "middle" ? J = Oe - B / 2 - I.padding.left : I.textAnchor === "end" ? J = Oe - B - I.padding.right : J = Oe - I.padding.left;
         const Q = Ge - se * 0.75 - I.padding.top;
         return {
-          show: ![V, de, Q].includes(NaN),
+          show: ![V, he, Q].includes(NaN),
           id: `annotation_y_${xa()}`,
           hasArea: U,
-          areaHeight: U ? Math.abs(V - de) : 0,
+          areaHeight: U ? Math.abs(V - he) : 0,
           yTop: V,
-          yBottom: de,
+          yBottom: he,
           config: T.yAxis,
           x1: e,
-          x2: u,
+          x2: i,
           _text: { x: Oe, y: Ge },
           _box: {
             x: J,
@@ -1898,14 +1912,14 @@ const _n = {
       });
     });
     function Ja(l, s) {
-      const e = l[s - 1], u = l[s + 1];
-      let a = !!e && !!u && e.value == null && u.value == null || !e && !!u && u.value == null || !!e && !u && e.value == null;
+      const e = l[s - 1], i = l[s + 1];
+      let a = !!e && !!i && e.value == null && i.value == null || !e && !!i && i.value == null || !!e && !i && e.value == null;
       return Ye(l[s].value) && a && t.value.line.cutNullValues;
     }
-    const Tt = x(() => {
-      const l = cl.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, u = p.value.isStacked, a = u ? e * (s - 1) : 0, r = c.value.height - a;
+    const It = x(() => {
+      const l = cl.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, i = p.value.isStacked, a = i ? e * (s - 1) : 0, r = c.value.height - a;
       return l.filter((o) => o.type === "bar").map((o, F) => {
-        Bt(o);
+        Et(o);
         const R = P.value[o.scaleLabel].min, O = P.value[o.scaleLabel].max;
         o.absoluteValues.filter((K) => ![null, void 0].includes(K)).map((K) => (K - R) / (O - R));
         const T = {
@@ -1914,24 +1928,24 @@ const _n = {
         }, N = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((K) => ![void 0, null].includes(K))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((K) => ![null, void 0].includes(K)))
-        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(N.min, N.max === N.min ? N.max * I : N.max, ee) : hl(N.min, N.max === N.min ? N.max * I : N.max, ee), V = t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee) : hl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee), de = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.max + de, se = V.max + Math.abs(Y), Oe = o.stackIndex, _l = s - 1 - Oe, Ge = u ? 1 - o.cumulatedStackRatio : 0, J = u ? r * Ge + e * _l : 0, Q = u ? r * o.stackRatio : c.value.height, be = c.value.bottom - J - Q * de / B, Ue = c.value.bottom - J - Q * Y / se, Ne = et.value.filter((K) => K.type === "bar").filter((K) => !ce.value.includes(K.id)).length, ql = o.series.map((K, pe) => {
-          const Ht = p.value.useIndividualScale ? (o.absoluteValues[pe] + de) / B : sl(K), vl = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / S.value * pe : c.value.left + ve.value.bar * F + ve.value.bar * pe * Ne - Ro.value / 2 - F * sa.value;
+        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(N.min, N.max === N.min ? N.max * I : N.max, ee) : hl(N.min, N.max === N.min ? N.max * I : N.max, ee), V = t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee) : hl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee), he = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.max + he, se = V.max + Math.abs(Y), Oe = o.stackIndex, _l = s - 1 - Oe, Ge = i ? 1 - o.cumulatedStackRatio : 0, J = i ? r * Ge + e * _l : 0, Q = i ? r * o.stackRatio : c.value.height, be = c.value.bottom - J - Q * he / B, Ue = c.value.bottom - J - Q * Y / se, Ne = et.value.filter((K) => K.type === "bar").filter((K) => !ve.value.includes(K.id)).length, ql = o.series.map((K, pe) => {
+          const Dt = p.value.useIndividualScale ? (o.absoluteValues[pe] + he) / B : sl(K), vl = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / S.value * pe : c.value.left + de.value.bar * F + de.value.bar * pe * Ne - Ro.value / 2 - F * sa.value;
           return {
             yOffset: q(J),
             individualHeight: q(Q),
             x: q(vl),
-            y: c.value.bottom - J - Q * Ht,
+            y: c.value.bottom - J - Q * Dt,
             value: o.absoluteValues[pe],
             zeroPosition: q(be),
             individualMax: q(B),
             comment: o.comments && o.comments.slice(w.value.start, w.value.end)[pe] || ""
           };
-        }), Ve = o.absoluteValues.map((K) => V.min >= 0 ? (K - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (K + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Et = o.series.map((K, pe) => {
-          const Ht = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / S.value * pe : c.value.left - ve.value.bar / 2 + ve.value.bar * F + ve.value.bar * pe * et.value.filter((vl) => vl.type === "bar").filter((vl) => !ce.value.includes(vl.id)).length;
+        }), Ve = o.absoluteValues.map((K) => V.min >= 0 ? (K - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (K + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Ht = o.series.map((K, pe) => {
+          const Dt = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / S.value * pe : c.value.left - de.value.bar / 2 + de.value.bar * F + de.value.bar * pe * et.value.filter((vl) => vl.type === "bar").filter((vl) => !ve.value.includes(vl.id)).length;
           return {
             yOffset: q(J),
             individualHeight: q(Q),
-            x: q(Ht),
+            x: q(Dt),
             y: q(c.value.bottom - q(J) - (q(Q) * Ve[pe] || 0)),
             value: o.absoluteValues[pe],
             zeroPosition: q(be),
@@ -1963,14 +1977,14 @@ const _n = {
           individualScale: o.autoScaling ? V : U,
           individualMax: o.autoScaling ? se : B,
           zeroPosition: o.autoScaling ? Ue : be,
-          plots: o.autoScaling ? Et : ql,
+          plots: o.autoScaling ? Ht : ql,
           groupId: P.value[o.scaleLabel].groupId
         };
       });
     }), Re = x(() => {
-      const l = cl.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, u = p.value.isStacked, a = u ? e * (s - 1) : 0, r = c.value.height - a;
+      const l = cl.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, i = p.value.isStacked, a = i ? e * (s - 1) : 0, r = c.value.height - a;
       return l.filter((o) => o.type === "line").map((o, F) => {
-        Bt(o);
+        Et(o);
         const R = P.value[o.scaleLabel].min, O = P.value[o.scaleLabel].max;
         o.absoluteValues.filter((G) => ![null, void 0].includes(G)).map((G) => (G - R) / (O - R));
         const T = {
@@ -1979,31 +1993,31 @@ const _n = {
         }, N = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(N.min, N.max === N.min ? N.max * I : N.max, ee) : hl(N.min, N.max === N.min ? N.max * I : N.max, ee), V = t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee) : hl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee), de = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.max + Math.abs(de), se = V.max + Math.abs(Y), Oe = o.stackIndex, _l = s - 1 - Oe, Ge = u ? 1 - o.cumulatedStackRatio : 0, J = u ? r * Ge + e * _l : 0, Q = u ? r * o.stackRatio : c.value.height, be = c.value.bottom - J - Q * de / B, Ue = c.value.bottom - J - Q * Y / se, Ne = o.series.map((G, Ae) => {
-          const Xo = p.value.useIndividualScale ? (o.absoluteValues[Ae] + Math.abs(de)) / B : sl(G);
+        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(N.min, N.max === N.min ? N.max * I : N.max, ee) : hl(N.min, N.max === N.min ? N.max * I : N.max, ee), V = t.value.chart.grid.labels.yAxis.useNiceScale ? Kl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee) : hl(T.valueMin, T.valueMax === T.valueMin ? T.valueMax * I : T.valueMax, ee), he = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.max + Math.abs(he), se = V.max + Math.abs(Y), Oe = o.stackIndex, _l = s - 1 - Oe, Ge = i ? 1 - o.cumulatedStackRatio : 0, J = i ? r * Ge + e * _l : 0, Q = i ? r * o.stackRatio : c.value.height, be = c.value.bottom - J - Q * he / B, Ue = c.value.bottom - J - Q * Y / se, Ne = o.series.map((G, Ae) => {
+          const Xo = p.value.useIndividualScale ? (o.absoluteValues[Ae] + Math.abs(he)) / B : sl(G);
           return {
-            x: q(c.value.left + ve.value.line / 2 + ve.value.line * Ae),
+            x: q(c.value.left + de.value.line / 2 + de.value.line * Ae),
             y: q(c.value.bottom - J - Q * Xo),
             value: o.absoluteValues[Ae],
             comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ae] || ""
           };
         }), ql = o.absoluteValues.map((G) => V.min >= 0 ? (G - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (G + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Ve = o.series.map((G, Ae) => [void 0, null].includes(o.absoluteValues[Ae]) ? {
-          x: q(c.value.left + ve.value.line / 2 + ve.value.line * Ae),
+          x: q(c.value.left + de.value.line / 2 + de.value.line * Ae),
           y: be,
           value: o.absoluteValues[Ae],
           comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ae] || ""
         } : {
-          x: q(c.value.left + ve.value.line / 2 + ve.value.line * Ae),
+          x: q(c.value.left + de.value.line / 2 + de.value.line * Ae),
           y: q(c.value.bottom - J - (Q * ql[Ae] || 0)),
           value: o.absoluteValues[Ae],
           comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ae] || ""
-        }), Et = t.value.line.cutNullValues ? ya(Ne) : pa(Ne.filter((G) => G.value !== null)), oe = t.value.line.cutNullValues ? ya(Ve) : pa(Ve.filter((G) => G.value !== null)), ye = t.value.line.cutNullValues ? ka(Ne) : wa(Ne.filter((G) => G.value !== null)), K = t.value.line.cutNullValues ? ka(Ve) : wa(Ve.filter((G) => G.value !== null)), pe = U.ticks.map((G) => ({
+        }), Ht = t.value.line.cutNullValues ? ya(Ne) : pa(Ne.filter((G) => G.value !== null)), oe = t.value.line.cutNullValues ? ya(Ve) : pa(Ve.filter((G) => G.value !== null)), ye = t.value.line.cutNullValues ? ka(Ne) : wa(Ne.filter((G) => G.value !== null)), K = t.value.line.cutNullValues ? ka(Ve) : wa(Ve.filter((G) => G.value !== null)), pe = U.ticks.map((G) => ({
           y: G >= 0 ? be - Q * (G / B) : be + Q * Math.abs(G) / B,
           value: G,
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
           datapoint: o
-        })), Ht = V.ticks.map((G) => {
+        })), Dt = V.ticks.map((G) => {
           const Ae = (G - V.min) / (V.max - V.min);
           return {
             y: G >= 0 ? Ue - Q * Ae : Ue + Q * Ae,
@@ -2013,18 +2027,18 @@ const _n = {
             datapoint: o
           };
         });
-        P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ht : pe, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ue : be, P.value[o.scaleLabel].individualMax = o.autoScaling ? se : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = J, P.value[o.scaleLabel].individualHeight = Q, P.value[o.scaleLabel].autoScaleYLabels = Ht, P.value[o.scaleLabel].unique = cl.value.filter((G) => G.scaleLabel === o.scaleLabel).length === 1;
+        P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Dt : pe, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ue : be, P.value[o.scaleLabel].individualMax = o.autoScaling ? se : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = J, P.value[o.scaleLabel].individualHeight = Q, P.value[o.scaleLabel].autoScaleYLabels = Dt, P.value[o.scaleLabel].unique = cl.value.filter((G) => G.scaleLabel === o.scaleLabel).length === 1;
         const vl = p.value.useIndividualScale ? o.autoScaling ? Ue : be : Ie.value, Zl = Math.max(Math.max(o.autoScaling ? Ue : pe.at(-1) ? pe.at(-1).y : 0, c.value.top), vl);
         return {
           ...o,
           yOffset: J,
-          autoScaleYLabels: Ht,
+          autoScaleYLabels: Dt,
           individualHeight: Q,
-          scaleYLabels: o.autoScaling ? Ht : pe,
+          scaleYLabels: o.autoScaling ? Dt : pe,
           individualScale: o.autoScaling ? V : U,
           individualMax: o.autoScaling ? se : B,
           zeroPosition: o.autoScaling ? Ue : be,
-          curve: o.autoScaling ? oe : Et,
+          curve: o.autoScaling ? oe : Ht,
           plots: o.autoScaling ? Ve : Ne,
           area: o.useArea ? p.value.useIndividualScale ? t.value.line.cutNullValues ? wo(
             o.autoScaling ? Ve : Ne,
@@ -2043,9 +2057,9 @@ const _n = {
         };
       });
     }), rt = x(() => {
-      const l = cl.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, u = p.value.isStacked, a = u ? e * (s - 1) : 0, r = c.value.height - a;
+      const l = cl.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), s = l.length, e = t.value.chart.grid.labels.yAxis.gap, i = p.value.isStacked, a = i ? e * (s - 1) : 0, r = c.value.height - a;
       return l.filter((o) => o.type === "plot").map((o) => {
-        Bt(o);
+        Et(o);
         const F = P.value[o.scaleLabel].min, R = P.value[o.scaleLabel].max;
         o.absoluteValues.filter((oe) => ![null, void 0].includes(oe)).map((oe) => (oe - F) / (R - F));
         const O = {
@@ -2054,16 +2068,16 @@ const _n = {
         }, T = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, N = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, ee = 1.0000001, I = hl(T.min, T.max === T.min ? T.max * ee : T.max, N), U = hl(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * ee : O.valueMax, N), V = I.min >= 0 ? 0 : Math.abs(I.min), de = 0, Y = I.max + V, B = U.max + Math.abs(de), se = o.stackIndex, Oe = s - 1 - se, _l = u ? 1 - o.cumulatedStackRatio : 0, Ge = u ? r * _l + e * Oe : 0, J = u ? r * o.stackRatio : c.value.height, Q = c.value.bottom - Ge - J * V / Y, be = c.value.bottom - Ge - J * de / B, Ue = o.series.map((oe, ye) => {
+        }, N = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, ee = 1.0000001, I = hl(T.min, T.max === T.min ? T.max * ee : T.max, N), U = hl(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * ee : O.valueMax, N), V = I.min >= 0 ? 0 : Math.abs(I.min), he = 0, Y = I.max + V, B = U.max + Math.abs(he), se = o.stackIndex, Oe = s - 1 - se, _l = i ? 1 - o.cumulatedStackRatio : 0, Ge = i ? r * _l + e * Oe : 0, J = i ? r * o.stackRatio : c.value.height, Q = c.value.bottom - Ge - J * V / Y, be = c.value.bottom - Ge - J * he / B, Ue = o.series.map((oe, ye) => {
           const K = p.value.useIndividualScale ? (o.absoluteValues[ye] + Math.abs(V)) / Y : sl(oe);
           return {
-            x: q(c.value.left + ve.value.plot / 2 + ve.value.plot * ye),
+            x: q(c.value.left + de.value.plot / 2 + de.value.plot * ye),
             y: q(c.value.bottom - Ge - J * K),
             value: o.absoluteValues[ye],
             comment: o.comments && o.comments.slice(w.value.start, w.value.end)[ye] || ""
           };
         }), Ne = o.absoluteValues.map((oe) => U.min >= 0 ? (oe - Math.abs(U.min)) / (U.max - Math.abs(U.min)) : (oe + Math.abs(U.min)) / (U.max + Math.abs(U.min))), ql = o.series.map((oe, ye) => ({
-          x: q(c.value.left + ve.value.plot / 2 + ve.value.plot * ye),
+          x: q(c.value.left + de.value.plot / 2 + de.value.plot * ye),
           y: q(c.value.bottom - Ge - (J * Ne[ye] || 0)),
           value: o.absoluteValues[ye],
           comment: o.comments && o.comments.slice(w.value.start, w.value.end)[ye] || ""
@@ -2073,7 +2087,7 @@ const _n = {
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
           datapoint: o
-        })), Et = U.ticks.map((oe) => {
+        })), Ht = U.ticks.map((oe) => {
           const ye = (oe - U.min) / (U.max - U.min);
           return {
             y: oe >= 0 ? be - J * ye : be + J * ye,
@@ -2083,12 +2097,12 @@ const _n = {
             datapoint: o
           };
         });
-        return P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Et : Ve, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? be : Q, P.value[o.scaleLabel].individualMax = o.autoScaling ? B : Y, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = Ge, P.value[o.scaleLabel].individualHeight = J, P.value[o.scaleLabel].autoScaleYLabels = Et, P.value[o.scaleLabel].unique = cl.value.filter((oe) => oe.scaleLabel === o.scaleLabel).length === 1, {
+        return P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ht : Ve, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? be : Q, P.value[o.scaleLabel].individualMax = o.autoScaling ? B : Y, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = Ge, P.value[o.scaleLabel].individualHeight = J, P.value[o.scaleLabel].autoScaleYLabels = Ht, P.value[o.scaleLabel].unique = cl.value.filter((oe) => oe.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: Ge,
-          autoScaleYLabels: Et,
+          autoScaleYLabels: Ht,
           individualHeight: J,
-          scaleYLabels: o.autoScaling ? Et : Ve,
+          scaleYLabels: o.autoScaling ? Ht : Ve,
           individualScale: o.autoScaling ? U : I,
           individualMax: o.autoScaling ? B : Y,
           zeroPosition: o.autoScaling ? be : Q,
@@ -2109,7 +2123,7 @@ const _n = {
         yOffset: r.yOffset || 0,
         individualHeight: r.individualHeight || c.value.height,
         autoScaleYLabels: r.autoScaleYLabels
-      })), s = Tt.value.map((r) => ({
+      })), s = It.value.map((r) => ({
         name: r.name,
         color: r.color,
         scale: r.individualScale,
@@ -2132,8 +2146,8 @@ const _n = {
         id: r.id,
         yOffset: r.yOffset || 0,
         individualHeight: r.individualHeight || c.value.height
-      })), u = p.value.useIndividualScale && !p.value.isStacked ? Object.values(P.value) : [...l, ...s, ...e], a = u.flatMap((r) => r).length;
-      return u.flatMap((r, o) => {
+      })), i = p.value.useIndividualScale && !p.value.isStacked ? Object.values(P.value) : [...l, ...s, ...e], a = i.flatMap((r) => r).length;
+      return i.flatMap((r, o) => {
         let F = 0;
         F = p.value.isStacked ? c.value.left : c.value.left / a * (o + 1);
         const R = p.value.useIndividualScale && !p.value.isStacked ? r.unique ? r.name : r.groupName : r.name;
@@ -2162,7 +2176,7 @@ const _n = {
     }), Qa = x(() => {
       const l = t.value.line.interLine || {}, s = l.pairs || [], e = l.colors || [];
       if (!s.length) return [];
-      const u = [];
+      const i = [];
       return s.forEach((a, r) => {
         const [o, F] = Array.isArray(a) ? a : [a.a, a.b];
         if (!o || !F) return;
@@ -2179,14 +2193,14 @@ const _n = {
           sampleStepPx: 2,
           cutNullValues: t.value.line.cutNullValues
         }).forEach((I, U) => {
-          u.push({ ...I, key: `inter_${o}_${F}_${r}_${U}` });
+          i.push({ ...I, key: `inter_${o}_${F}_${r}_${U}` });
         });
-      }), u;
+      }), i;
     }), ja = x(() => ({
-      datapoint: zt.value,
-      seriesIndex: _.value,
+      datapoint: Tt.value,
+      seriesIndex: M.value,
       series: et.value,
-      bars: Tt.value,
+      bars: It.value,
       lines: Re.value,
       plots: rt.value,
       config: t.value
@@ -2196,9 +2210,9 @@ const _n = {
         locale: yn[l.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
         januaryAsYear: l.januaryAsYear
       });
-      return (e, u) => {
+      return (e, i) => {
         const r = t.value.chart.grid.labels.xAxisLabels.values?.[e];
-        return r == null ? "" : s.formatDate(new Date(r), u);
+        return r == null ? "" : s.formatDate(new Date(r), i);
       };
     }), Aa = x(() => (t.value.chart.grid.labels.xAxisLabels.values || []).map((s, e) => ({
       text: $l.value(e, t.value.chart.zoom.timeFormat),
@@ -2212,57 +2226,57 @@ const _n = {
       const e = t.value.chart.zoom.customFormat;
       if (ba(e))
         try {
-          const u = e({
+          const i = e({
             absoluteIndex: w.value.start,
             seriesIndex: w.value.start,
-            datapoint: zt.value
+            datapoint: Tt.value
           }), a = e({
             absoluteIndex: w.value.end - 1,
             seriesIndex: w.value.end - 1,
-            datapoint: zt.value
+            datapoint: Tt.value
           });
-          typeof u == "string" && typeof a == "string" && (l = u, s = a, va.value = !0);
+          typeof i == "string" && typeof a == "string" && (l = i, s = a, va.value = !0);
         } catch {
           console.warn("Custom format cannot be applied on zoom labels."), va.value = !1;
         }
       if (!va.value) {
         l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Aa.value[w.value.start]?.text || "" : v.value[0]?.text || "";
-        const u = Math.max(w.value.start, w.value.end - 1);
-        s = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Aa.value[u]?.text || "" : v.value.at(-1)?.text || "";
+        const i = Math.max(w.value.start, w.value.end - 1);
+        s = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Aa.value[i]?.text || "" : v.value.at(-1)?.text || "";
       }
       return { left: l, right: s };
     });
     const Bo = x(() => {
-      let l = "", s = zt.value.map((a) => a.value).filter((a) => fa(a) && a !== null).reduce((a, r) => Math.abs(a) + Math.abs(r), 0);
-      const e = v.value[_.value], u = t.value.chart.tooltip.customFormat;
-      if (ba(u) && nn(() => u({
-        absoluteIndex: _.value + w.value.start,
-        seriesIndex: _.value,
-        datapoint: zt.value,
+      let l = "", s = Tt.value.map((a) => a.value).filter((a) => fa(a) && a !== null).reduce((a, r) => Math.abs(a) + Math.abs(r), 0);
+      const e = v.value[M.value], i = t.value.chart.tooltip.customFormat;
+      if (ba(i) && nn(() => i({
+        absoluteIndex: M.value + w.value.start,
+        seriesIndex: M.value,
+        datapoint: Tt.value,
         series: et.value,
-        bars: Tt.value,
+        bars: It.value,
         lines: Re.value,
         plots: rt.value,
         config: t.value
       })))
-        return u({
-          absoluteIndex: _.value + w.value.start,
-          seriesIndex: _.value,
-          datapoint: zt.value,
+        return i({
+          absoluteIndex: M.value + w.value.start,
+          seriesIndex: M.value,
+          datapoint: Tt.value,
           series: et.value,
-          bars: Tt.value,
+          bars: It.value,
           lines: Re.value,
           plots: rt.value,
           config: t.value
         });
       if (e && e.text && t.value.chart.tooltip.showTimeLabel) {
-        const a = $l.value(_.value + w.value.start, t.value.chart.tooltip.timeFormat);
+        const a = $l.value(M.value + w.value.start, t.value.chart.tooltip.timeFormat);
         l += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.chart.tooltip.borderColor}; width:100%">${t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.tooltip.useDefaultTimeFormat ? a : e.text}</div>`;
       }
-      return zt.value.forEach((a) => {
+      return Tt.value.forEach((a) => {
         if (fa(a.value)) {
           let r = "", o = "";
-          switch (Jt.value[a.type]) {
+          switch (Qt.value[a.type]) {
             case "bar":
               r = `<svg viewBox="0 0 40 40" height="14" width="14">${xl.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${a.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${xl.pattern ? `url(#pattern_${Z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
               break;
@@ -2313,7 +2327,7 @@ const _n = {
             v: q(Math.abs(a.value) / s * 100),
             s: "%",
             r: t.value.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, t.value.chart.comments.showInTooltip && a.comments.length && a.comments.slice(w.value.start, w.value.end)[_.value] && (l += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.comments.slice(w.value.start, w.value.end)[_.value]}</div>`);
+          })})` : ""}</div>`, t.value.chart.comments.showInTooltip && a.comments.length && a.comments.slice(w.value.start, w.value.end)[M.value] && (l += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.comments.slice(w.value.start, w.value.end)[M.value]}</div>`);
         }
       }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${t.value.chart.tooltip.color}">${l}</div>`;
     }), eo = x(() => {
@@ -2323,10 +2337,10 @@ const _n = {
         color: e.color,
         type: e.type
       })), s = [];
-      return v.value.forEach((e, u) => {
-        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [$l.value(u + w.value.start, t.value.table.timeFormat)];
+      return v.value.forEach((e, i) => {
+        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [$l.value(i + w.value.start, t.value.table.timeFormat)];
         Fe.value.forEach((r) => {
-          a.push(Ye(r.absoluteValues[u]) ? Number(r.absoluteValues[u].toFixed(t.value.table.rounding)) : "");
+          a.push(Ye(r.absoluteValues[i]) ? Number(r.absoluteValues[i].toFixed(t.value.table.rounding)) : "");
         }), s.push(a);
       }), { head: l, body: s };
     }), da = x(() => {
@@ -2353,7 +2367,7 @@ const _n = {
           )).concat(l ? (o ?? 0).toFixed(t.value.table.rounding) : [])
         );
       }
-      const u = {
+      const i = {
         th: {
           backgroundColor: t.value.table.th.backgroundColor,
           color: t.value.table.th.color,
@@ -2366,21 +2380,21 @@ const _n = {
         },
         breakpoint: t.value.table.responsiveBreakpoint
       }, a = [t.value.table.columnNames.period].concat(Fe.value.map((r) => r.name)).concat(t.value.table.columnNames.total);
-      return { head: s, body: e, config: u, colNames: a };
+      return { head: s, body: e, config: i, colNames: a };
     });
     function za(l = null) {
-      const s = [[t.value.chart.title.text], [t.value.chart.title.subtitle.text], [""]], e = ["", ...eo.value.head.map((o) => o.label)], u = eo.value.body, a = s.concat([e]).concat(u), r = vn(a);
+      const s = [[t.value.chart.title.text], [t.value.chart.title.subtitle.text], [""]], e = ["", ...eo.value.head.map((o) => o.label)], i = eo.value.body, a = s.concat([e]).concat(i), r = vn(a);
       l ? l(r) : dn({ csvContent: r, title: t.value.chart.title.text || "vue-ui-xy" });
     }
     function to(l, s = null) {
       bl.value = l;
-      const e = Fe.value.map((u) => ({
-        name: u.name,
-        value: [null, void 0, NaN].includes(u.absoluteValues[s]) ? null : u.absoluteValues[s],
-        color: u.color,
-        type: u.type
+      const e = Fe.value.map((i) => ({
+        name: i.name,
+        value: [null, void 0, NaN].includes(i.absoluteValues[s]) ? null : i.absoluteValues[s],
+        color: i.color,
+        type: i.type
       }));
-      l ? (_.value = s, t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: s + w.value.start })) : (_.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: s + w.value.start }));
+      l ? (M.value = s, t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: s + w.value.start })) : (M.value = null, t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: s + w.value.start }));
     }
     function lo() {
       p.value.showTable = !p.value.showTable;
@@ -2394,30 +2408,30 @@ const _n = {
     function no(l) {
       Pe.value = l, Pl.value += 1;
     }
-    function io() {
+    function uo() {
       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, De.value.plot = t.value.plot.radius, De.value.line = t.value.line.radius;
+        A.value.dataLabels = t.value.chart.grid.labels.fontSize, A.value.yAxis = t.value.chart.grid.labels.axis.fontSize, A.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, A.value.plotLabels = t.value.chart.labels.fontSize, De.value.plot = t.value.plot.radius, De.value.line = t.value.line.radius;
         return;
       }
-      C.value.dataLabels = Ml({
+      A.value.dataLabels = Ml({
         relator: W.value,
         adjuster: 400,
         source: t.value.chart.grid.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), C.value.yAxis = Ml({
+      }), A.value.yAxis = Ml({
         relator: le.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.axis.fontSize,
         threshold: 10,
         fallback: 10
-      }), C.value.xAxis = Ml({
+      }), A.value.xAxis = Ml({
         relator: le.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.xAxisLabels.fontSize,
         threshold: 10,
         fallback: 10
-      }), C.value.plotLabels = Ml({
+      }), A.value.plotLabels = Ml({
         relator: le.value,
         adjuster: 800,
         source: t.value.chart.labels.fontSize,
@@ -2441,19 +2455,19 @@ const _n = {
       _o(d.dataset) ? (Na({
         componentName: "VueUiXy",
         type: "dataset",
-        debug: Mt.value
+        debug: Lt.value
       }), bt.value = !0) : d.dataset.forEach((s, e) => {
         [null, void 0].includes(s.name) && (Na({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
           index: e,
-          debug: Mt.value
+          debug: Lt.value
         }), bt.value = !0);
-      }), Mt.value && d.dataset.forEach((s) => {
-        s.series.forEach((e, u) => {
+      }), Lt.value && d.dataset.forEach((s) => {
+        s.series.forEach((e, i) => {
           fa(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${s.name}' contains the value '${e}' at index ${u}.
+-----> The serie '${s.name}' contains the value '${e}' at index ${i}.
 '${e}' was converted to null to allow the chart to display.`);
         });
       }), _o(d.dataset) || (bt.value = t.value.loading), ea.value = t.value.chart.userOptions.showOnChartHover, Ol.value = t.value.chart.userOptions.keepStateOnChartLeave, yl.value = !t.value.chart.userOptions.showOnChartHover, tl();
@@ -2461,37 +2475,37 @@ const _n = {
       if (t.value.responsive) {
         const e = Be.value.parentNode;
         mt.value && (mt.value.unobserve(ne.value), mt.value.disconnect());
-        const { height: u, width: a } = e.getBoundingClientRect();
+        const { height: i, width: a } = e.getBoundingClientRect();
         let r = null, o = 0;
         t.value.chart.title.show && Te.value && (r = Te.value, o = r.getBoundingClientRect().height);
         let F = null, R = 0;
-        t.value.chart.zoom.show && Qe.value > 6 && el.value && Ke.value && Ke.value.$el && (F = Ke.value.$el, R = F.getBoundingClientRect().height);
+        t.value.chart.zoom.show && Qe.value > 6 && Mt.value && Ke.value && Ke.value.$el && (F = Ke.value.$el, R = F.getBoundingClientRect().height);
         let O = null, T = 0;
         t.value.chart.legend.show && Ce.value && (O = Ce.value, T = O.getBoundingClientRect().height);
         let N = 0;
         ft.value && (N = ft.value.getBoundingClientRect().height);
         let ee = 0;
-        _t.value && (ee = _t.value.getBoundingClientRect().height), W.value = u - o - T - R - N - ee - l, le.value = a, at.value = `0 0 ${le.value < 0 ? 10 : le.value} ${W.value < 0 ? 10 : W.value}`, io();
+        _t.value && (ee = _t.value.getBoundingClientRect().height), W.value = i - o - T - R - N - ee - l, le.value = a, at.value = `0 0 ${le.value < 0 ? 10 : le.value} ${W.value < 0 ? 10 : W.value}`, uo();
         const I = new ResizeObserver((U) => {
           for (const V of U)
             t.value.chart.title.show && Te.value ? o = Te.value.getBoundingClientRect().height : o = 0, Ke.value && Ke.value.$el ? R = Ke.value.$el.getBoundingClientRect().height : R = 0, Ce.value ? T = Ce.value.getBoundingClientRect().height : T = 0, ft.value ? N = ft.value.getBoundingClientRect().height : N = 0, _t.value ? ee = _t.value.getBoundingClientRect().height : ee = 0, requestAnimationFrame(() => {
-              W.value = V.contentRect.height - o - T - R - N - ee - l, le.value = V.contentBoxSize[0].inlineSize, at.value = `0 0 ${le.value < 0 ? 10 : le.value} ${W.value < 0 ? 10 : W.value}`, io();
+              W.value = V.contentRect.height - o - T - R - N - ee - l, le.value = V.contentBoxSize[0].inlineSize, at.value = `0 0 ${le.value < 0 ? 10 : le.value} ${W.value < 0 ? 10 : W.value}`, uo();
             });
         });
         mt.value = I, ne.value = e, I.observe(e);
       } else
-        W.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, De.value.plot = t.value.plot.radius, De.value.line = t.value.line.radius, at.value = `0 0 ${le.value} ${W.value}`;
+        W.value = t.value.chart.height, le.value = t.value.chart.width, A.value.dataLabels = t.value.chart.grid.labels.fontSize, A.value.yAxis = t.value.chart.grid.labels.axis.fontSize, A.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, A.value.plotLabels = t.value.chart.labels.fontSize, De.value.plot = t.value.plot.radius, De.value.line = t.value.line.radius, at.value = `0 0 ${le.value} ${W.value}`;
     }
-    function uo(l) {
+    function io(l) {
       jl.value = {
         x: l.clientX,
         y: l.clientY
       };
     }
     Ll(() => {
-      Ta(), ul(), document.addEventListener("mousemove", uo, { passive: !0 }), document.addEventListener("scroll", Wl, { passive: !0 });
+      Ta(), il(), document.addEventListener("mousemove", io, { passive: !0 }), document.addEventListener("scroll", Wl, { passive: !0 });
     }), gl(() => {
-      document.removeEventListener("scroll", Wl, { passive: !0 }), document.removeEventListener("mousemove", uo, { passive: !0 }), mt.value && (mt.value.unobserve(ne.value), mt.value.disconnect(), mt.value = null);
+      document.removeEventListener("scroll", Wl, { passive: !0 }), document.removeEventListener("mousemove", io, { passive: !0 }), mt.value && (mt.value.unobserve(ne.value), mt.value.disconnect(), mt.value = null);
     }), pn({
       timeLabelsEls: Se,
       timeLabels: v,
@@ -2505,14 +2519,14 @@ const _n = {
       rotation: t.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
     const ha = y(!1), so = y(null), ro = y(200), Eo = x(
-      () => _.value ?? X.value ?? 0
+      () => M.value ?? X.value ?? 0
     );
     function Ho() {
       const l = Math.ceil(ro.value || 200);
       return Math.min(Math.max(l, 1), 200);
     }
     function Do() {
-      const l = Ho(), s = 200, e = Math.max(1, S.value), u = c.value.width / e, r = c.value.left + Eo.value * u + u / 2 - l / 2 - (s - l) / 2, o = c.value.left - (s - l) / 2, F = c.value.right - (s + l) / 2, R = Math.max(o, Math.min(r, F));
+      const l = Ho(), s = 200, e = Math.max(1, S.value), i = c.value.width / e, r = c.value.left + Eo.value * i + i / 2 - l / 2 - (s - l) / 2, o = c.value.left - (s - l) / 2, F = c.value.right - (s + l) / 2, R = Math.max(o, Math.min(r, F));
       return q(R);
     }
     Ll(() => {
@@ -2521,34 +2535,34 @@ const _n = {
         cancelAnimationFrame(s), s = requestAnimationFrame(() => {
           ro.value = Math.min(Math.max(Math.ceil(r || 0), 1), 200);
         });
-      }, u = new ResizeObserver((r) => {
+      }, i = new ResizeObserver((r) => {
         let o = r.find((F) => F.target === l) || r[0];
         o && e(o.contentRect.width || 200);
       }), a = go((r) => {
         const o = so.value;
-        l && l !== o && (u.unobserve(l), l = null), o && o !== l && (Cl(() => {
+        l && l !== o && (i.unobserve(l), l = null), o && o !== l && (Cl(() => {
           o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
-        }), u.observe(o), l = o), r(() => {
-          l && (u.unobserve(l), l = null);
+        }), i.observe(o), l = o), r(() => {
+          l && (i.unobserve(l), l = null);
         });
       });
       gl(() => {
         try {
-          l && u.unobserve(l), u.disconnect(), a();
+          l && i.unobserve(l), i.disconnect(), a();
         } catch {
         }
       });
     });
     const Wo = x(() => {
-      if ([null, void 0].includes(_.value) && [null, void 0].includes(X.value)) return "";
-      const l = (_.value != null ? _.value : 0) || (X.value != null ? X.value : 0), s = t.value.chart.timeTag.customFormat;
+      if ([null, void 0].includes(M.value) && [null, void 0].includes(X.value)) return "";
+      const l = (M.value != null ? M.value : 0) || (X.value != null ? X.value : 0), s = t.value.chart.timeTag.customFormat;
       if (ha.value = !1, ba(s))
         try {
           const e = s({
             absoluteIndex: l + w.value.start,
             seriesIndex: l,
-            datapoint: zt.value,
-            bars: Tt.value,
+            datapoint: Tt.value,
+            bars: It.value,
             lines: Re.value,
             plots: rt.value,
             config: t.value
@@ -2565,9 +2579,9 @@ const _n = {
       Array.isArray(l) && l.length > 0 && (bt.value = !1), Qe.value = Math.max(..._e.value.map((s) => yt(s.series).length)), w.value = {
         start: 0,
         end: Qe.value
-      }, Ql.value += 1, gt.value += 1, Lt();
+      }, Ql.value += 1, gt.value += 1, Ct();
     }, { deep: !0 }), ht(() => d.config, (l) => {
-      xe.value || (t.value = Bl()), Ta(), Rl.value += 1, Fl.value += 1, tl(), Lt();
+      xe.value || (t.value = Bl()), Ta(), Rl.value += 1, Fl.value += 1, tl(), Ct();
     }, { deep: !0 });
     const Ia = y(!1);
     function co() {
@@ -2582,7 +2596,7 @@ const _n = {
     Ll(() => {
       co();
       const l = new ResizeObserver(() => {
-        co(), Ia.value && (Ta(), Lt(), ul());
+        co(), Ia.value && (Ta(), Ct(), il());
       });
       Be.value?.parentNode && l.observe(Be.value.parentNode);
     }), ht(t, () => {
@@ -2627,8 +2641,8 @@ const _n = {
     return Sa({
       getData: Ao,
       getImage: zo,
-      generatePdf: it,
-      generateImage: ut,
+      generatePdf: ut,
+      generateImage: it,
       generateCsv: za,
       toggleStack: st,
       toggleTable: lo,
@@ -2636,17 +2650,17 @@ const _n = {
       toggleTooltip: oo,
       toggleAnnotator: Xl,
       toggleFullscreen: no
-    }), (l, s) => (n(), i("div", {
+    }), (l, s) => (n(), u("div", {
       id: `vue-ui-xy_${Z.value}`,
       class: Ze(`vue-ui-xy ${Pe.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "chart",
       ref: Be,
-      style: L(`background:${t.value.chart.backgroundColor}; color:${t.value.chart.color};width:100%;font-family:${t.value.chart.fontFamily};${t.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: s[6] || (s[6] = () => me(!0)),
-      onMouseleave: s[7] || (s[7] = () => me(!1)),
+      style: C(`background:${t.value.chart.backgroundColor}; color:${t.value.chart.color};width:100%;font-family:${t.value.chart.fontFamily};${t.value.responsive ? "height: 100%" : ""}`),
+      onMouseenter: s[6] || (s[6] = () => ge(!0)),
+      onMouseleave: s[7] || (s[7] = () => ge(!1)),
       onClick: Xa
     }, [
-      t.value.chart.userOptions.buttons.annotator && $e.value ? (n(), ct(h(It), {
+      t.value.chart.userOptions.buttons.annotator && $e.value ? (n(), ct(h(Nt), {
         key: 0,
         svgRef: $e.value,
         backgroundColor: t.value.chart.backgroundColor,
@@ -2654,19 +2668,19 @@ const _n = {
         active: Ee.value,
         onClose: Xl
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
-      Io.value ? (n(), i("div", {
+      Io.value ? (n(), u("div", {
         key: 1,
         ref_key: "noTitle",
         ref: _t,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%; background:transparent"
       }, null, 512)) : g("", !0),
-      t.value.chart.title.show ? (n(), i("div", {
+      t.value.chart.title.show ? (n(), u("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: Te,
         class: "vue-ui-xy-title",
-        style: L(`font-family:${t.value.chart.fontFamily}`)
+        style: C(`font-family:${t.value.chart.fontFamily}`)
       }, [
         (n(), ct(wn, {
           key: `title_${Rl.value}`,
@@ -2684,8 +2698,8 @@ const _n = {
       ], 4)) : g("", !0),
       k("div", {
         id: `legend-top-${Z.value}`
-      }, null, 8, mi),
-      t.value.chart.userOptions.show && (Ol.value || yl.value) ? (n(), ct(h(ge), {
+      }, null, 8, mu),
+      t.value.chart.userOptions.show && (Ol.value || yl.value) ? (n(), ct(h(fe), {
         ref_key: "userOptionsRef",
         ref: Nl,
         key: `user_options_${Pl.value}`,
@@ -2714,22 +2728,22 @@ const _n = {
         tableDialog: t.value.table.useDialog,
         printScale: t.value.chart.userOptions.print.scale,
         onToggleFullscreen: no,
-        onGeneratePdf: h(it),
+        onGeneratePdf: h(ut),
         onGenerateCsv: za,
-        onGenerateImage: h(ut),
+        onGenerateImage: h(it),
         onToggleTable: lo,
         onToggleLabels: ao,
         onToggleStack: st,
         onToggleTooltip: oo,
         onToggleAnnotator: Xl,
-        style: L({
+        style: C({
           visibility: Ol.value ? yl.value ? "visible" : "hidden" : "visible"
         })
       }, xo({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: we(({ isOpen: e, color: u }) => [
-            te(l.$slots, "menuIcon", Xt(dl({ isOpen: e, color: u })), void 0, !0)
+          fn: we(({ isOpen: e, color: i }) => [
+            te(l.$slots, "menuIcon", Yt(dl({ isOpen: e, color: i })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -2784,27 +2798,27 @@ const _n = {
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: we(({ toggleFullscreen: e, isFullscreen: u }) => [
-            te(l.$slots, "optionFullscreen", Xt(dl({ toggleFullscreen: e, isFullscreen: u })), void 0, !0)
+          fn: we(({ toggleFullscreen: e, isFullscreen: i }) => [
+            te(l.$slots, "optionFullscreen", Yt(dl({ toggleFullscreen: e, isFullscreen: i })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: we(({ toggleAnnotator: e, isAnnotator: u }) => [
-            te(l.$slots, "optionAnnotator", Xt(dl({ toggleAnnotator: e, isAnnotator: u })), void 0, !0)
+          fn: we(({ toggleAnnotator: e, isAnnotator: i }) => [
+            te(l.$slots, "optionAnnotator", Yt(dl({ toggleAnnotator: e, isAnnotator: i })), void 0, !0)
           ]),
           key: "9"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "tableDialog", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
-      (n(), i("svg", {
+      (n(), u("svg", {
         ref_key: "svgRef",
         ref: $e,
         xmlns: "http://www.w3.org/2000/svg",
         class: Ze([{ "vue-data-ui-fullscreen--on": Pe.value, "vue-data-ui-fulscreen--off": !Pe.value }, "vue-ui-xy-svg vue-data-ui-svg"]),
         width: "100%",
         viewBox: at.value,
-        style: L({
+        style: C({
           background: "transparent",
           color: t.value.chart.color,
           fontFamily: t.value.chart.fontFamily
@@ -2814,7 +2828,7 @@ const _n = {
         "aria-live": "polite",
         preserveAspectRatio: "xMidYMid",
         onMousemove: Co,
-        onMouseleave: ua,
+        onMouseleave: ia,
         onClick: Xa
       }, [
         k("g", {
@@ -2823,9 +2837,9 @@ const _n = {
           class: "vue-data-ui-g"
         }, [
           ml(h(St)),
-          l.$slots["chart-background"] ? (n(), i("foreignObject", {
+          l.$slots["chart-background"] ? (n(), u("foreignObject", {
             key: 0,
-            x: c.value.left + ie.value < 0 ? 0 : c.value.left + ie.value,
+            x: c.value.left + ue.value < 0 ? 0 : c.value.left + ue.value,
             y: c.value.top,
             width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value),
             height: c.value.height < 0 ? 0 : c.value.height,
@@ -2834,55 +2848,55 @@ const _n = {
             }
           }, [
             te(l.$slots, "chart-background", {}, void 0, !0)
-          ], 8, xi)) : g("", !0),
-          S.value > 0 ? (n(), i("g", bi, [
-            k("g", yi, [
-              t.value.chart.grid.labels.xAxis.showBaseline ? (n(), i("line", {
+          ], 8, xu)) : g("", !0),
+          S.value > 0 ? (n(), u("g", bu, [
+            k("g", yu, [
+              t.value.chart.grid.labels.xAxis.showBaseline ? (n(), u("line", {
                 key: 0,
                 stroke: t.value.chart.grid.stroke,
                 "stroke-width": "1",
-                x1: c.value.left + ie.value,
-                x2: c.value.right - ie.value,
+                x1: c.value.left + ue.value,
+                x2: c.value.right - ue.value,
                 y1: h(j)(c.value.bottom),
                 y2: h(j)(c.value.bottom),
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
-              }, null, 8, pi)) : g("", !0),
-              p.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (n(!0), i(b, { key: 2 }, M(Gl.value, (e) => (n(), i("g", null, [
-                e.id === E.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,
-                  y1: h(j)(u.y),
-                  y2: h(j)(u.y),
+              }, null, 8, pu)) : g("", !0),
+              p.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (n(!0), u(b, { key: 2 }, L(Gl.value, (e) => (n(), u("g", null, [
+                e.id === E.value && e.yLabels.length ? (n(!0), u(b, { key: 0 }, L(e.yLabels, (i) => (n(), u("line", {
+                  x1: c.value.left + ue.value,
+                  x2: c.value.right - ue.value,
+                  y1: h(j)(i.y),
+                  y2: h(j)(i.y),
                   stroke: e.color,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, $i))), 256)) : e.yLabels.length ? (n(!0), i(b, { key: 1 }, M(e.yLabels, (u) => (n(), i("line", {
-                  x1: c.value.left + ie.value,
-                  x2: c.value.right - ie.value,
-                  y1: h(j)(u.y),
-                  y2: h(j)(u.y),
+                }, null, 8, $u))), 256)) : e.yLabels.length ? (n(!0), u(b, { key: 1 }, L(e.yLabels, (i) => (n(), u("line", {
+                  x1: c.value.left + ue.value,
+                  x2: c.value.right - ue.value,
+                  y1: h(j)(i.y),
+                  y2: h(j)(i.y),
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, _i))), 256)) : g("", !0)
-              ]))), 256)) : g("", !0) : (n(), i(b, { key: 1 }, [
-                t.value.chart.grid.labels.yAxis.showBaseline ? (n(), i("line", {
+                }, null, 8, _u))), 256)) : g("", !0)
+              ]))), 256)) : g("", !0) : (n(), u(b, { key: 1 }, [
+                t.value.chart.grid.labels.yAxis.showBaseline ? (n(), u("line", {
                   key: 0,
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": "1",
-                  x1: c.value.left + ie.value,
-                  x2: c.value.left + ie.value,
+                  x1: c.value.left + ue.value,
+                  x2: c.value.left + ue.value,
                   y1: h(j)(c.value.top),
                   y2: h(j)(c.value.bottom),
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, ki)) : g("", !0),
-                t.value.chart.grid.showHorizontalLines ? (n(), i("g", wi, [
-                  (n(!0), i(b, null, M(Za.value, (e) => (n(), i("line", {
-                    x1: c.value.left + ie.value,
+                }, null, 8, ku)) : g("", !0),
+                t.value.chart.grid.showHorizontalLines ? (n(), u("g", wu, [
+                  (n(!0), u(b, null, L(Za.value, (e) => (n(), u("line", {
+                    x1: c.value.left + ue.value,
                     x2: c.value.right,
                     y1: h(j)(e.y),
                     y2: h(j)(e.y),
@@ -2890,78 +2904,78 @@ const _n = {
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
                     style: { animation: "none !important" }
-                  }, null, 8, Si))), 256))
+                  }, null, 8, Su))), 256))
                 ])) : g("", !0)
               ], 64)),
-              t.value.chart.grid.showVerticalLines ? (n(), i("g", Mi, [
+              t.value.chart.grid.showVerticalLines ? (n(), u("g", Mu, [
                 k("path", {
-                  d: Ot.value,
+                  d: Vt.value,
                   "stroke-width": 0.5,
                   stroke: t.value.chart.grid.stroke,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Li)
+                }, null, 8, Lu)
               ])) : g("", !0),
-              t.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", Ci, [
+              t.value.chart.grid.labels.xAxisLabels.show ? (n(), u("g", Cu, [
                 k("path", {
                   d: Dl.value,
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ai)
+                }, null, 8, Au)
               ])) : g("", !0)
             ]),
-            (n(!0), i(b, null, M(Tt.value, (e, u) => (n(), i("defs", {
-              key: `def_rect_${u}`
+            (n(!0), u(b, null, L(It.value, (e, i) => (n(), u("defs", {
+              key: `def_rect_${i}`
             }, [
-              l.$slots["bar-gradient"] ? te(l.$slots, "bar-gradient", Yt({
+              l.$slots["bar-gradient"] ? te(l.$slots, "bar-gradient", Gt({
                 key: 0,
                 ref_for: !0
-              }, { series: e, positiveId: `rectGradient_pos_${u}_${Z.value}`, negativeId: `rectGradient_neg_${u}_${Z.value}` }), void 0, !0) : (n(), i(b, { key: 1 }, [
+              }, { series: e, positiveId: `rectGradient_pos_${i}_${Z.value}`, negativeId: `rectGradient_neg_${i}_${Z.value}` }), void 0, !0) : (n(), u(b, { key: 1 }, [
                 k("linearGradient", {
-                  id: `rectGradient_pos_${u}_${Z.value}`,
+                  id: `rectGradient_pos_${i}_${Z.value}`,
                   x2: "0%",
                   y2: "100%"
                 }, [
                   k("stop", {
                     offset: "0%",
                     "stop-color": e.color
-                  }, null, 8, Ti),
+                  }, null, 8, Tu),
                   k("stop", {
                     offset: "62%",
                     "stop-color": `${h(fl)(e.color, 0.02)}`
-                  }, null, 8, Ii),
+                  }, null, 8, Iu),
                   k("stop", {
                     offset: "100%",
                     "stop-color": `${h(fl)(e.color, 0.05)}`
-                  }, null, 8, Ni)
-                ], 8, zi),
+                  }, null, 8, Nu)
+                ], 8, zu),
                 k("linearGradient", {
-                  id: `rectGradient_neg_${u}_${Z.value}`,
+                  id: `rectGradient_neg_${i}_${Z.value}`,
                   x2: "0%",
                   y2: "100%"
                 }, [
                   k("stop", {
                     offset: "0%",
                     "stop-color": `${h(fl)(e.color, 0.05)}`
-                  }, null, 8, Fi),
+                  }, null, 8, Fu),
                   k("stop", {
                     offset: "38%",
                     "stop-color": `${h(fl)(e.color, 0.02)}`
-                  }, null, 8, Ri),
+                  }, null, 8, Ru),
                   k("stop", {
                     offset: "100%",
                     "stop-color": e.color
-                  }, null, 8, Oi)
-                ], 8, Pi)
+                  }, null, 8, Ou)
+                ], 8, Pu)
               ], 64))
             ]))), 128)),
-            (n(!0), i(b, null, M(rt.value, (e, u) => (n(), i("defs", {
-              key: `def_plot_${u}`
+            (n(!0), u(b, null, L(rt.value, (e, i) => (n(), u("defs", {
+              key: `def_plot_${i}`
             }, [
               k("radialGradient", {
-                id: `plotGradient_${u}_${Z.value}`,
+                id: `plotGradient_${i}_${Z.value}`,
                 cx: "50%",
                 cy: "50%",
                 r: "50%",
@@ -2971,18 +2985,18 @@ const _n = {
                 k("stop", {
                   offset: "0%",
                   "stop-color": `${h(fl)(e.color, 0.05)}`
-                }, null, 8, Bi),
+                }, null, 8, Bu),
                 k("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, Ei)
-              ], 8, Vi)
+                }, null, 8, Eu)
+              ], 8, Vu)
             ]))), 128)),
-            (n(!0), i(b, null, M(Re.value, (e, u) => (n(), i("defs", {
+            (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u("defs", {
               key: `def_line_${e.id}`
             }, [
               k("radialGradient", {
-                id: `lineGradient_${u}_${Z.value}`,
+                id: `lineGradient_${i}_${Z.value}`,
                 cx: "50%",
                 cy: "50%",
                 r: "50%",
@@ -2992,18 +3006,18 @@ const _n = {
                 k("stop", {
                   offset: "0%",
                   "stop-color": `${h(fl)(e.color, 0.05)}`
-                }, null, 8, Di),
+                }, null, 8, Du),
                 k("stop", {
                   offset: "100%",
                   "stop-color": e.color
-                }, null, 8, Wi)
-              ], 8, Hi),
-              l.$slots["area-gradient"] ? te(l.$slots, "area-gradient", Yt({
+                }, null, 8, Wu)
+              ], 8, Hu),
+              l.$slots["area-gradient"] ? te(l.$slots, "area-gradient", Gt({
                 key: 0,
                 ref_for: !0
-              }, { series: e, id: `areaGradient_${u}_${Z.value}` }), void 0, !0) : (n(), i("linearGradient", {
+              }, { series: e, id: `areaGradient_${i}_${Z.value}` }), void 0, !0) : (n(), u("linearGradient", {
                 key: 1,
-                id: `areaGradient_${u}_${Z.value}`,
+                id: `areaGradient_${i}_${Z.value}`,
                 x1: "0%",
                 x2: "100%",
                 y1: "0%",
@@ -3012,18 +3026,18 @@ const _n = {
                 k("stop", {
                   offset: "0%",
                   "stop-color": `${h(vt)(h(fl)(e.color, 0.03), t.value.line.area.opacity)}`
-                }, null, 8, Yi),
+                }, null, 8, Yu),
                 k("stop", {
                   offset: "100%",
                   "stop-color": `${h(vt)(e.color, t.value.line.area.opacity)}`
-                }, null, 8, Gi)
-              ], 8, Xi))
+                }, null, 8, Gu)
+              ], 8, Xu))
             ]))), 128)),
-            (n(!0), i(b, null, M(No.value, (e) => (n(), i("g", null, [
-              e.show ? (n(), i(b, { key: 0 }, [
-                (n(!0), i(b, null, M(e.span, (u, a) => (n(), i("g", null, [
+            (n(!0), u(b, null, L(No.value, (e) => (n(), u("g", null, [
+              e.show ? (n(), u(b, { key: 0 }, [
+                (n(!0), u(b, null, L(e.span, (i, a) => (n(), u("g", null, [
                   k("rect", {
-                    style: L({
+                    style: C({
                       transition: "none",
                       opacity: e.from + a >= w.value.start && e.from + a <= w.value.end - 1 ? 1 : 0
                     }),
@@ -3032,14 +3046,14 @@ const _n = {
                     height: c.value.height < 0 ? 10 : c.value.height,
                     width: c.value.width / S.value < 0 ? 1e-5 : c.value.width / S.value,
                     fill: h(vt)(e.color, e.opacity)
-                  }, null, 12, Ui)
+                  }, null, 12, Uu)
                 ]))), 256)),
-                (n(!0), i(b, null, M(e.span, (u, a) => (n(), i("g", null, [
-                  e.caption.text && a === 0 ? (n(), i("foreignObject", {
+                (n(!0), u(b, null, L(e.span, (i, a) => (n(), u("g", null, [
+                  e.caption.text && a === 0 ? (n(), u("foreignObject", {
                     key: 0,
                     x: c.value.left + c.value.width / S.value * (e.from + a - w.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / S.value * e.span / 2),
                     y: c.value.top + e.caption.offsetY,
-                    style: L({
+                    style: C({
                       overflow: "visible",
                       opacity: e.to >= w.value.start && e.from < w.value.end ? 1 : 0
                     }),
@@ -3047,51 +3061,51 @@ const _n = {
                     width: e.caption.width === "auto" ? c.value.width / S.value * e.span : e.caption.width
                   }, [
                     k("div", {
-                      style: L(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
+                      style: C(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
                     }, re(e.caption.text), 5)
-                  ], 12, qi)) : g("", !0)
+                  ], 12, qu)) : g("", !0)
                 ]))), 256))
               ], 64)) : g("", !0)
             ]))), 256)),
-            Vt.value ? (n(), i("g", Zi, [
-              (n(!0), i(b, null, M(S.value, (e, u) => (n(), i("g", {
-                key: `tooltip_trap_highlighter_${u}`
+            Bt.value ? (n(), u("g", Zu, [
+              (n(!0), u(b, null, L(S.value, (e, i) => (n(), u("g", {
+                key: `tooltip_trap_highlighter_${i}`
               }, [
                 k("rect", {
-                  x: c.value.left + c.value.width / S.value * u,
+                  x: c.value.left + c.value.width / S.value * i,
                   y: c.value.top,
                   height: c.value.height < 0 ? 10 : c.value.height,
                   width: c.value.width / S.value < 0 ? 1e-5 : c.value.width / S.value,
-                  fill: [X.value, _.value, ae.value].includes(u) ? h(vt)(t.value.chart.highlighter.color, t.value.chart.highlighter.opacity) : "transparent",
+                  fill: [X.value, M.value, ae.value].includes(i) ? h(vt)(t.value.chart.highlighter.color, t.value.chart.highlighter.opacity) : "transparent",
                   style: { transition: "none !important", animation: "none !important" }
-                }, null, 8, Ki)
+                }, null, 8, Ku)
               ]))), 128))
             ])) : g("", !0),
-            Tt.value.length ? (n(!0), i(b, { key: 1 }, M(Tt.value, (e, u) => (n(), i("g", {
+            It.value.length ? (n(!0), u(b, { key: 1 }, L(It.value, (e, i) => (n(), u("g", {
               key: `serie_bar_${e.id}`,
-              class: Ze(`serie_bar_${u}`),
-              style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              class: Ze(`serie_bar_${i}`),
+              style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i("g", {
-                key: `bar_plot_${u}_${r}`
+              (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u("g", {
+                key: `bar_plot_${i}_${r}`
               }, [
-                Ye(a.value) ? (n(), i("rect", {
+                Ye(a.value) ? (n(), u("rect", {
                   key: 0,
-                  x: ia(a) + ca.value / 2,
+                  x: ua(a) + ca.value / 2,
                   y: p.value.useIndividualScale ? Da(a) : Ha(a),
                   height: p.value.useIndividualScale ? Math.abs(Ea(a)) : Math.abs(Ba(a)),
                   width: ra.value - ca.value,
                   rx: t.value.bar.borderRadius,
-                  fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${u}_${Z.value})` : `url(#rectGradient_neg_${u}_${Z.value})` : e.color,
+                  fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${i}_${Z.value})` : `url(#rectGradient_neg_${i}_${Z.value})` : e.color,
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
-                  style: L({
+                  style: C({
                     transition: h(xe) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
                   })
-                }, null, 12, Ji)) : g("", !0),
-                Ye(a.value) && l.$slots.pattern ? (n(), i("rect", {
+                }, null, 12, Ju)) : g("", !0),
+                Ye(a.value) && l.$slots.pattern ? (n(), u("rect", {
                   key: 1,
-                  x: ia(a) - ca.value / 2,
+                  x: ua(a) - ca.value / 2,
                   y: p.value.useIndividualScale ? Da(a) : Ha(a),
                   height: p.value.useIndividualScale ? Math.abs(Ea(a)) : Math.abs(Ba(a)),
                   width: ra.value - ca.value,
@@ -3099,25 +3113,25 @@ const _n = {
                   fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
-                  style: L({ transition: h(xe) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
-                }, null, 12, Qi)) : g("", !0),
-                a.comment && t.value.chart.comments.show ? (n(), i("foreignObject", {
+                  style: C({ transition: h(xe) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
+                }, null, 12, Qu)) : g("", !0),
+                a.comment && t.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 2,
                   style: { overflow: "visible" },
                   height: "12",
                   width: ra.value / 2 + t.value.chart.comments.width,
-                  x: ia(a) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
+                  x: ua(a) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
                   y: h(q)(a.y) + t.value.chart.comments.offsetY + 6
                 }, [
                   te(l.$slots, "plot-comment", {
-                    plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: r }
+                    plot: { ...a, color: e.color, seriesIndex: i, datapointIndex: r }
                   }, void 0, !0)
-                ], 8, ji)) : g("", !0)
+                ], 8, ju)) : g("", !0)
               ]))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(h(ue)(e.plots).trend) ? (n(), i("g", eu, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(h(ie)(e.plots).trend) ? (n(), u("g", ei, [
                 k("defs", null, [
                   k("marker", {
-                    id: `bar_arrow_${u}`,
+                    id: `bar_arrow_${i}`,
                     markerWidth: 7,
                     markerHeight: 7,
                     refX: "0",
@@ -3127,49 +3141,49 @@ const _n = {
                     k("polygon", {
                       points: `0 0, 7 ${7 / 2}, 0 7`,
                       fill: e.color
-                    }, null, 8, lu)
-                  ], 8, tu)
+                    }, null, 8, li)
+                  ], 8, ti)
                 ]),
-                e.plots.length > 1 ? (n(), i("line", {
+                e.plots.length > 1 ? (n(), u("line", {
                   key: 0,
-                  x1: h(ue)(e.plots).x1 + Sl(),
-                  x2: h(ue)(e.plots).x2 + Sl(),
-                  y1: h(j)(h(ue)(e.plots).y1),
-                  y2: h(j)(h(ue)(e.plots).y2),
+                  x1: h(ie)(e.plots).x1 + Sl(),
+                  x2: h(ie)(e.plots).x2 + Sl(),
+                  y1: h(j)(h(ie)(e.plots).y1),
+                  y2: h(j)(h(ie)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
-                  "marker-end": `url(#bar_arrow_${u})`
-                }, null, 8, au)) : g("", !0),
-                e.plots.length > 1 ? (n(), i("text", {
+                  "marker-end": `url(#bar_arrow_${i})`
+                }, null, 8, ai)) : g("", !0),
+                e.plots.length > 1 ? (n(), u("text", {
                   key: 1,
                   "text-anchor": "middle",
-                  x: h(ue)(e.plots).x2 + Sl(),
-                  y: h(ue)(e.plots).y2 - 6,
-                  "font-size": C.value.plotLabels,
+                  x: h(ie)(e.plots).x2 + Sl(),
+                  y: h(ie)(e.plots).y2 - 6,
+                  "font-size": A.value.plotLabels,
                   fill: e.color
                 }, re(h(lt)({
-                  v: h(ue)(e.plots).trend * 100,
+                  v: h(ie)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, ou)) : g("", !0)
+                })), 9, oi)) : g("", !0)
               ])) : g("", !0)
             ], 6))), 128)) : g("", !0),
-            !p.value.useIndividualScale && t.value.chart.grid.labels.zeroLine.show ? (n(), i("line", {
+            !p.value.useIndividualScale && t.value.chart.grid.labels.zeroLine.show ? (n(), u("line", {
               key: 2,
               stroke: t.value.chart.grid.stroke,
               "stroke-width": "1",
-              x1: c.value.left + ie.value,
+              x1: c.value.left + ue.value,
               x2: c.value.right,
               y1: h(j)(Ie.value),
               y2: h(j)(Ie.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, nu)) : g("", !0),
-            t.value.chart.highlighter.useLine && (![null, void 0].includes(_.value) || ![null, void 0].includes(X.value)) ? (n(), i("g", iu, [
+            }, null, 8, ni)) : g("", !0),
+            t.value.chart.highlighter.useLine && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), u("g", ui, [
               k("line", {
-                x1: c.value.left + c.value.width / S.value * ((_.value !== null ? _.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / S.value / 2,
-                x2: c.value.left + c.value.width / S.value * ((_.value !== null ? _.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / S.value / 2,
+                x1: c.value.left + c.value.width / S.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / S.value / 2,
+                x2: c.value.left + c.value.width / S.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / S.value / 2,
                 y1: h(j)(c.value.top),
                 y2: h(j)(c.value.bottom),
                 stroke: t.value.chart.highlighter.color,
@@ -3177,12 +3191,12 @@ const _n = {
                 "stroke-dasharray": t.value.chart.highlighter.lineDasharray,
                 "stroke-linecap": "round",
                 style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-              }, null, 8, uu)
+              }, null, 8, ii)
             ])) : g("", !0),
-            t.value.chart.grid.frame.show ? (n(), i("rect", {
+            t.value.chart.grid.frame.show ? (n(), u("rect", {
               key: 4,
               style: { pointerEvents: "none", transition: "none", animation: "none !important" },
-              x: c.value.left + ie.value < 0 ? 0 : c.value.left + ie.value,
+              x: c.value.left + ue.value < 0 ? 0 : c.value.left + ue.value,
               y: c.value.top,
               width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / S.value),
               height: c.value.height < 0 ? 0 : c.value.height,
@@ -3192,85 +3206,85 @@ const _n = {
               "stroke-linecap": t.value.chart.grid.frame.strokeLinecap,
               "stroke-linejoin": t.value.chart.grid.frame.strokeLinejoin,
               "stroke-dasharray": t.value.chart.grid.frame.strokeDasharray
-            }, null, 8, su)) : g("", !0),
-            t.value.chart.grid.labels.show ? (n(), i("g", {
+            }, null, 8, si)) : g("", !0),
+            t.value.chart.grid.labels.show ? (n(), u("g", {
               key: 5,
               ref_key: "scaleLabels",
               ref: Il
             }, [
-              p.value.useIndividualScale ? (n(), i(b, { key: 0 }, [
-                (n(!0), i(b, null, M(Gl.value, (e) => (n(), i("g", null, [
+              p.value.useIndividualScale ? (n(), u(b, { key: 0 }, [
+                (n(!0), u(b, null, L(Gl.value, (e) => (n(), u("g", null, [
                   k("line", {
-                    x1: e.x + ie.value - c.value.individualOffsetX,
-                    x2: e.x + ie.value - c.value.individualOffsetX,
+                    x1: e.x + ue.value - c.value.individualOffsetX,
+                    x2: e.x + ue.value - c.value.individualOffsetX,
                     y1: p.value.isStacked ? h(j)(c.value.bottom - e.yOffset - e.individualHeight) : h(j)(c.value.top),
                     y2: p.value.isStacked ? h(j)(c.value.bottom - e.yOffset) : h(j)(c.value.bottom),
                     stroke: e.color,
                     "stroke-width": t.value.chart.grid.stroke,
                     "stroke-linecap": "round",
-                    style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-                  }, null, 12, ru)
+                    style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
+                  }, null, 12, ri)
                 ]))), 256)),
-                (n(!0), i(b, null, M(Gl.value, (e) => (n(), i("g", {
-                  style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+                (n(!0), u(b, null, L(Gl.value, (e) => (n(), u("g", {
+                  style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   k("text", {
                     fill: e.color,
-                    "font-size": C.value.dataLabels * 0.8,
+                    "font-size": A.value.dataLabels * 0.8,
                     "text-anchor": "middle",
-                    transform: `translate(${e.x - C.value.dataLabels * 0.8 / 2 + ie.value}, ${p.value.isStacked ? c.value.bottom - e.yOffset - e.individualHeight / 2 : c.value.top + c.value.height / 2}) rotate(-90)`
+                    transform: `translate(${e.x - A.value.dataLabels * 0.8 / 2 + ue.value}, ${p.value.isStacked ? c.value.bottom - e.yOffset - e.individualHeight / 2 : c.value.top + c.value.height / 2}) rotate(-90)`
                   }, re(e.name) + " " + re(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
-                                    ${e.scaleLabel}` : ""), 9, cu),
-                  (n(!0), i(b, null, M(e.yLabels, (u, a) => (n(), i(b, null, [
-                    t.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), i("line", {
+                                    ${e.scaleLabel}` : ""), 9, ci),
+                  (n(!0), u(b, null, L(e.yLabels, (i, a) => (n(), u(b, null, [
+                    t.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), u("line", {
                       key: 0,
-                      x1: e.x + 3 + ie.value - t.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
-                      x2: e.x + ie.value - c.value.individualOffsetX,
-                      y1: h(j)(u.y),
-                      y2: h(j)(u.y),
+                      x1: e.x + 3 + ue.value - t.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
+                      x2: e.x + ue.value - c.value.individualOffsetX,
+                      y1: h(j)(i.y),
+                      y2: h(j)(i.y),
                       stroke: e.color,
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       style: { animation: "none !important" }
-                    }, null, 8, vu)) : g("", !0)
+                    }, null, 8, vi)) : g("", !0)
                   ], 64))), 256)),
-                  (n(!0), i(b, null, M(e.yLabels, (u, a) => (n(), i("text", {
-                    x: e.x - 5 + ie.value - c.value.individualOffsetX,
-                    y: h(j)(u.y) + C.value.dataLabels / 3,
-                    "font-size": C.value.dataLabels,
+                  (n(!0), u(b, null, L(e.yLabels, (i, a) => (n(), u("text", {
+                    x: e.x - 5 + ue.value - c.value.individualOffsetX,
+                    y: h(j)(i.y) + A.value.dataLabels / 3,
+                    "font-size": A.value.dataLabels,
                     "text-anchor": "end",
                     fill: e.color
                   }, re(h(ze)(
                     t.value.chart.grid.labels.yAxis.formatter,
-                    u.value,
+                    i.value,
                     h(lt)({
-                      p: u.prefix,
-                      v: u.value,
-                      s: u.suffix,
+                      p: i.prefix,
+                      v: i.value,
+                      s: i.suffix,
                       r: t.value.chart.grid.labels.yAxis.rounding
                     }),
-                    { datapoint: u.datapoint, seriesIndex: a }
-                  )), 9, du))), 256))
+                    { datapoint: i.datapoint, seriesIndex: a }
+                  )), 9, di))), 256))
                 ], 4))), 256))
-              ], 64)) : (n(!0), i(b, { key: 1 }, M(Za.value, (e, u) => (n(), i("g", {
-                key: `yLabel_${u}`
+              ], 64)) : (n(!0), u(b, { key: 1 }, L(Za.value, (e, i) => (n(), u("g", {
+                key: `yLabel_${i}`
               }, [
-                Ye(e) && e.value >= Xe.value.min && e.value <= Xe.value.max && t.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), i("line", {
+                Ye(e) && e.value >= Xe.value.min && e.value <= Xe.value.max && t.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), u("line", {
                   key: 0,
-                  x1: c.value.left + ie.value,
-                  x2: c.value.left + ie.value - t.value.chart.grid.labels.yAxis.crosshairSize,
+                  x1: c.value.left + ue.value,
+                  x2: c.value.left + ue.value - t.value.chart.grid.labels.yAxis.crosshairSize,
                   y1: h(j)(e.y),
                   y2: h(j)(e.y),
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": "1",
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, hu)) : g("", !0),
-                e.value >= Xe.value.min && e.value <= Xe.value.max ? (n(), i("text", {
+                }, null, 8, hi)) : g("", !0),
+                e.value >= Xe.value.min && e.value <= Xe.value.max ? (n(), u("text", {
                   key: 1,
                   x: c.value.scaleLabelX - t.value.chart.grid.labels.yAxis.crosshairSize,
-                  y: h(q)(e.y + C.value.dataLabels / 3),
-                  "font-size": C.value.dataLabels,
+                  y: h(q)(e.y + A.value.dataLabels / 3),
+                  "font-size": A.value.dataLabels,
                   "text-anchor": "end",
                   fill: t.value.chart.grid.labels.color
                 }, re(Ye(e.value) ? h(ze)(
@@ -3282,28 +3296,28 @@ const _n = {
                     s: e.suffix,
                     r: t.value.chart.grid.labels.yAxis.rounding
                   })
-                ) : ""), 9, fu)) : g("", !0)
+                ) : ""), 9, fi)) : g("", !0)
               ]))), 128))
             ], 512)) : g("", !0),
-            (n(!0), i(b, null, M(rt.value, (e, u) => (n(), i("g", {
+            (n(!0), u(b, null, L(rt.value, (e, i) => (n(), u("g", {
               key: `serie_plot_${e.id}`,
-              class: Ze(`serie_plot_${u}`),
-              style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              class: Ze(`serie_plot_${i}`),
+              style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i("g", {
-                key: `circle_plot_${u}_${r}`
+              (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u("g", {
+                key: `circle_plot_${i}_${r}`
               }, [
                 a && Ye(a.value) ? (n(), ct(ga, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: t.value.plot.useGradient ? `url(#plotGradient_${u}_${Z.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
+                  color: t.value.plot.useGradient ? `url(#plotGradient_${i}_${Z.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
                   plot: { x: h(q)(a.x), y: h(q)(a.y) },
-                  radius: _.value !== null && _.value === r || X.value !== null && X.value === r ? (De.value.plot || 6) * 1.5 : De.value.plot || 6,
+                  radius: M.value !== null && M.value === r || X.value !== null && X.value === r ? (De.value.plot || 6) * 1.5 : De.value.plot || 6,
                   stroke: t.value.plot.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                   strokeWidth: t.value.plot.dot.strokeWidth,
-                  transition: h(xe) || !t.value.plot.showTransition || _.value !== null && _.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.plot.transitionDurationMs}ms ease-in-out`
+                  transition: h(xe) || !t.value.plot.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.plot.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : g("", !0),
-                a.comment && t.value.chart.comments.show ? (n(), i("foreignObject", {
+                a.comment && t.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 1,
                   style: { overflow: "visible" },
                   height: "12",
@@ -3311,17 +3325,17 @@ const _n = {
                   x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
                   y: a.y + t.value.chart.comments.offsetY + 6
                 }, [
-                  k("div", gu, [
+                  k("div", gi, [
                     te(l.$slots, "plot-comment", {
-                      plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: r }
+                      plot: { ...a, color: e.color, seriesIndex: i, datapointIndex: r }
                     }, void 0, !0)
                   ])
-                ], 8, mu)) : g("", !0)
+                ], 8, mi)) : g("", !0)
               ]))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(h(ue)(e.plots).trend) ? (n(), i("g", xu, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(h(ie)(e.plots).trend) ? (n(), u("g", xi, [
                 k("defs", null, [
                   k("marker", {
-                    id: `plot_arrow_${u}`,
+                    id: `plot_arrow_${i}`,
                     markerWidth: 7,
                     markerHeight: 7,
                     refX: "0",
@@ -3331,48 +3345,48 @@ const _n = {
                     k("polygon", {
                       points: `0 0, 7 ${7 / 2}, 0 7`,
                       fill: e.color
-                    }, null, 8, yu)
-                  ], 8, bu)
+                    }, null, 8, yi)
+                  ], 8, bi)
                 ]),
-                e.plots.length > 1 ? (n(), i("line", {
+                e.plots.length > 1 ? (n(), u("line", {
                   key: 0,
-                  x1: h(ue)(e.plots).x1,
-                  x2: h(ue)(e.plots).x2,
-                  y1: h(j)(h(ue)(e.plots).y1),
-                  y2: h(j)(h(ue)(e.plots).y2),
+                  x1: h(ie)(e.plots).x1,
+                  x2: h(ie)(e.plots).x2,
+                  y1: h(j)(h(ie)(e.plots).y1),
+                  y2: h(j)(h(ie)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
-                  "marker-end": `url(#plot_arrow_${u})`
-                }, null, 8, pu)) : g("", !0),
-                e.plots.length > 1 ? (n(), i("text", {
+                  "marker-end": `url(#plot_arrow_${i})`
+                }, null, 8, pi)) : g("", !0),
+                e.plots.length > 1 ? (n(), u("text", {
                   key: 1,
                   "text-anchor": "middle",
-                  x: h(ue)(e.plots).x2,
-                  y: h(ue)(e.plots).y2 - 6,
-                  "font-size": C.value.plotLabels,
+                  x: h(ie)(e.plots).x2,
+                  y: h(ie)(e.plots).y2 - 6,
+                  "font-size": A.value.plotLabels,
                   fill: e.color
                 }, re(h(lt)({
-                  v: h(ue)(e.plots).trend * 100,
+                  v: h(ie)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, ku)) : g("", !0)
+                })), 9, ki)) : g("", !0)
               ])) : g("", !0)
             ], 6))), 128)),
-            (n(!0), i(b, null, M(Re.value, (e, u) => (n(), i("g", {
+            (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u("g", {
               key: `serie_line_${e.id}`,
-              class: Ze(`serie_line_${u}`),
-              style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              class: Ze(`serie_line_${i}`),
+              style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              e.smooth && e.plots.length > 1 && e.curve ? (n(), i("path", {
+              e.smooth && e.plots.length > 1 && e.curve ? (n(), u("path", {
                 key: 0,
                 d: `M${e.curve}`,
                 stroke: t.value.chart.backgroundColor,
                 "stroke-width": t.value.line.strokeWidth + 1,
                 "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
                 fill: "none",
-                style: L({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, wu)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
+                style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, wi)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
                 key: 1,
                 d: `M${e.straight}`,
                 stroke: t.value.chart.backgroundColor,
@@ -3381,60 +3395,60 @@ const _n = {
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: L({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Su)) : g("", !0)
+                style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Si)) : g("", !0)
             ], 6))), 128)),
-            l.$slots.pattern ? (n(), i("defs", $u, [
-              (n(!0), i(b, null, M(je.value, (e, u) => te(l.$slots, "pattern", Yt({
+            l.$slots.pattern ? (n(), u("defs", $i, [
+              (n(!0), u(b, null, L(je.value, (e, i) => te(l.$slots, "pattern", Gt({
                 key: `serie_pattern_slot_${e.id}`
-              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${Z.value}_${u}` }), void 0, !0)), 128))
+              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${Z.value}_${i}` }), void 0, !0)), 128))
             ])) : g("", !0),
-            Qa.value.length && !p.value.isStacked ? (n(), i("g", _u, [
-              (n(!0), i(b, null, M(Qa.value, (e) => (n(), i("path", {
+            Qa.value.length && !p.value.isStacked ? (n(), u("g", _i, [
+              (n(!0), u(b, null, L(Qa.value, (e) => (n(), u("path", {
                 key: e.key,
                 d: e.d,
                 fill: e.color,
                 "fill-opacity": t.value.line.interLine.fillOpacity,
                 stroke: "none",
                 "pointer-events": "none",
-                style: L({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Mu))), 128))
+                style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Mi))), 128))
             ])) : g("", !0),
-            (n(!0), i(b, null, M(Re.value, (e, u) => (n(), i("g", {
+            (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u("g", {
               key: `serie_line_above_${e.id}`,
-              class: Ze(`serie_line_${u}`),
-              style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              class: Ze(`serie_line_${i}`),
+              style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              e.useArea && e.plots.length > 1 ? (n(), i("g", Lu, [
-                e.smooth ? (n(!0), i(b, { key: 0 }, M(e.curveAreas, (a, r) => (n(), i(b, { key: r }, [
-                  a ? (n(), i("path", {
+              e.useArea && e.plots.length > 1 ? (n(), u("g", Li, [
+                e.smooth ? (n(!0), u(b, { key: 0 }, L(e.curveAreas, (a, r) => (n(), u(b, { key: r }, [
+                  a ? (n(), u("path", {
                     key: 0,
                     d: a,
-                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${u}_${Z.value})` : h(vt)(e.color, t.value.line.area.opacity),
-                    style: L({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Cu)) : g("", !0),
-                  l.$slots.pattern && a ? (n(), i("path", {
+                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${i}_${Z.value})` : h(vt)(e.color, t.value.line.area.opacity),
+                    style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Ci)) : g("", !0),
+                  l.$slots.pattern && a ? (n(), u("path", {
                     key: 1,
                     d: a,
                     fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
-                    style: L({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Au)) : g("", !0)
-                ], 64))), 128)) : (n(!0), i(b, { key: 1 }, M(e.area.split(";"), (a, r) => (n(), i(b, { key: r }, [
-                  a ? (n(), i("path", {
+                    style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Ai)) : g("", !0)
+                ], 64))), 128)) : (n(!0), u(b, { key: 1 }, L(e.area.split(";"), (a, r) => (n(), u(b, { key: r }, [
+                  a ? (n(), u("path", {
                     key: 0,
                     d: `M${a}Z`,
-                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${u}_${Z.value})` : h(vt)(e.color, t.value.line.area.opacity),
-                    style: L({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, zu)) : g("", !0),
-                  l.$slots.pattern && a ? (n(), i("path", {
+                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${i}_${Z.value})` : h(vt)(e.color, t.value.line.area.opacity),
+                    style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, zi)) : g("", !0),
+                  l.$slots.pattern && a ? (n(), u("path", {
                     key: 1,
                     d: `M${a}Z`,
                     fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
-                    style: L({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Tu)) : g("", !0)
+                    style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Ti)) : g("", !0)
                 ], 64))), 128))
               ])) : g("", !0),
-              e.smooth && e.plots.length > 1 && e.curve ? (n(), i("path", {
+              e.smooth && e.plots.length > 1 && e.curve ? (n(), u("path", {
                 key: 1,
                 d: `M${e.curve}`,
                 stroke: e.color,
@@ -3442,8 +3456,8 @@ const _n = {
                 "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 "stroke-linecap": "round",
-                style: L({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Iu)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
+                style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Ii)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
                 key: 2,
                 d: `M${e.straight}`,
                 stroke: e.color,
@@ -3452,22 +3466,22 @@ const _n = {
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: L({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Nu)) : g("", !0),
-              (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i(b, {
-                key: `circle_line_${u}_${r}`
+                style: C({ transition: h(xe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Ni)) : g("", !0),
+              (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
+                key: `circle_line_${i}_${r}`
               }, [
-                !Ua.value.linePlot && a && Ye(a.value) || Ua.value.linePlot && a && Ye(a.value) && (_.value !== null && _.value === r || X.value !== null && X.value === r) || Ja(e.plots, r) ? (n(), ct(ga, {
+                !Ua.value.linePlot && a && Ye(a.value) || Ua.value.linePlot && a && Ye(a.value) && (M.value !== null && M.value === r || X.value !== null && X.value === r) || Ja(e.plots, r) ? (n(), ct(ga, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: t.value.line.useGradient ? `url(#lineGradient_${u}_${Z.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
+                  color: t.value.line.useGradient ? `url(#lineGradient_${i}_${Z.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
                   plot: { x: h(q)(a.x), y: h(q)(a.y) },
-                  radius: _.value !== null && _.value === r || X.value !== null && X.value === r ? (De.value.line || 6) * 1.5 : (Ja(e.plots, r), De.value.line || 6),
+                  radius: M.value !== null && M.value === r || X.value !== null && X.value === r ? (De.value.line || 6) * 1.5 : (Ja(e.plots, r), De.value.line || 6),
                   stroke: t.value.line.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
                   strokeWidth: t.value.line.dot.strokeWidth,
-                  transition: h(xe) || !t.value.line.showTransition || _.value !== null && _.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                  transition: h(xe) || !t.value.line.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : g("", !0),
-                a.comment && t.value.chart.comments.show ? (n(), i("foreignObject", {
+                a.comment && t.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 1,
                   style: { overflow: "visible" },
                   height: "12",
@@ -3475,17 +3489,17 @@ const _n = {
                   x: a.x - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
                   y: a.y + t.value.chart.comments.offsetY + 6
                 }, [
-                  k("div", Fu, [
+                  k("div", Fi, [
                     te(l.$slots, "plot-comment", {
-                      plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: r }
+                      plot: { ...a, color: e.color, seriesIndex: i, datapointIndex: r }
                     }, void 0, !0)
                   ])
-                ], 8, Pu)) : g("", !0)
+                ], 8, Pi)) : g("", !0)
               ], 64))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(h(ue)(e.plots).trend) ? (n(), i("g", Ru, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(h(ie)(e.plots).trend) ? (n(), u("g", Ri, [
                 k("defs", null, [
                   k("marker", {
-                    id: `line_arrow_${u}`,
+                    id: `line_arrow_${i}`,
                     markerWidth: 7,
                     markerHeight: 7,
                     refX: "0",
@@ -3495,49 +3509,49 @@ const _n = {
                     k("polygon", {
                       points: `0 0, 7 ${7 / 2}, 0 7`,
                       fill: e.color
-                    }, null, 8, Vu)
-                  ], 8, Ou)
+                    }, null, 8, Vi)
+                  ], 8, Oi)
                 ]),
-                e.plots.length > 1 ? (n(), i("line", {
+                e.plots.length > 1 ? (n(), u("line", {
                   key: 0,
-                  x1: h(ue)(e.plots).x1,
-                  x2: h(ue)(e.plots).x2,
-                  y1: h(j)(h(ue)(e.plots).y1),
-                  y2: h(j)(h(ue)(e.plots).y2),
+                  x1: h(ie)(e.plots).x1,
+                  x2: h(ie)(e.plots).x2,
+                  y1: h(j)(h(ie)(e.plots).y1),
+                  y2: h(j)(h(ie)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
-                  "marker-end": `url(#line_arrow_${u})`
-                }, null, 8, Bu)) : g("", !0),
-                e.plots.length > 1 ? (n(), i("text", {
+                  "marker-end": `url(#line_arrow_${i})`
+                }, null, 8, Bi)) : g("", !0),
+                e.plots.length > 1 ? (n(), u("text", {
                   key: 1,
                   "text-anchor": "middle",
-                  x: h(ue)(e.plots).x2,
-                  y: h(ue)(e.plots).y2 - 6,
-                  "font-size": C.value.plotLabels,
+                  x: h(ie)(e.plots).x2,
+                  y: h(ie)(e.plots).y2 - 6,
+                  "font-size": A.value.plotLabels,
                   fill: e.color
                 }, re(h(lt)({
-                  v: h(ue)(e.plots).trend * 100,
+                  v: h(ie)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, Eu)) : g("", !0)
+                })), 9, Ei)) : g("", !0)
               ])) : g("", !0)
             ], 6))), 128)),
-            (t.value.bar.labels.show || t.value.bar.serieName.show) && p.value.dataLabels.show ? (n(), i("g", Hu, [
-              (n(!0), i(b, null, M(Tt.value, (e, u) => (n(), i(b, {
+            (t.value.bar.labels.show || t.value.bar.serieName.show) && p.value.dataLabels.show ? (n(), u("g", Hi, [
+              (n(!0), u(b, null, L(It.value, (e, i) => (n(), u(b, {
                 key: `xLabel_bar_${e.id}`
               }, [
-                (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i(b, {
-                  key: `xLabel_bar_${u}_${r}`
+                (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
+                  key: `xLabel_bar_${i}_${r}`
                 }, [
-                  a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === r || X.value !== null && X.value === r) && t.value.bar.labels.show ? (n(), i("text", {
+                  a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || M.value !== null && M.value === r || X.value !== null && X.value === r) && t.value.bar.labels.show ? (n(), u("text", {
                     key: 0,
-                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + ve.value.line / 2 : ia(a) + Sl() / 2 - sa.value / 2,
+                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + de.value.line / 2 : ua(a) + Sl() / 2 - sa.value / 2,
                     y: h(q)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
-                    "font-size": C.value.plotLabels,
+                    "font-size": A.value.plotLabels,
                     fill: t.value.bar.labels.color,
-                    style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                    style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, re(Ye(a.value) ? h(ze)(
                     t.value.bar.labels.formatter,
                     a.value,
@@ -3551,38 +3565,38 @@ const _n = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, Du)) : g("", !0),
-                  a && t.value.bar.serieName.show ? (n(), i("text", {
+                  ) : ""), 13, Di)) : g("", !0),
+                  a && t.value.bar.serieName.show ? (n(), u("text", {
                     key: 1,
-                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + ve.value.line / 2 : a.x + Sl() * 1.1,
+                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + de.value.line / 2 : a.x + Sl() * 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,
+                    "font-size": A.value.plotLabels,
                     fill: t.value.bar.serieName.useSerieColor ? e.color : t.value.bar.serieName.color,
                     "font-weight": t.value.bar.serieName.bold ? "bold" : "normal",
-                    style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                    style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, re(t.value.bar.serieName.useAbbreviation ? h(un)({
                     source: e.name,
                     length: t.value.bar.serieName.abbreviationSize
-                  }) : e.name), 13, Wu)) : g("", !0)
+                  }) : e.name), 13, Wi)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : g("", !0),
-            t.value.plot.labels.show && p.value.dataLabels.show ? (n(), i("g", Xu, [
-              (n(!0), i(b, null, M(rt.value, (e, u) => (n(), i(b, {
+            t.value.plot.labels.show && p.value.dataLabels.show ? (n(), u("g", Xi, [
+              (n(!0), u(b, null, L(rt.value, (e, i) => (n(), u(b, {
                 key: `xLabel_plot_${e.id}`
               }, [
-                (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i(b, {
-                  key: `xLabel_plot_${u}_${r}`
+                (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
+                  key: `xLabel_plot_${i}_${r}`
                 }, [
-                  a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === r || X.value !== null && X.value === r ? (n(), i("text", {
+                  a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || M.value !== null && M.value === r || X.value !== null && X.value === r ? (n(), u("text", {
                     key: 0,
                     x: a.x,
                     y: a.y + t.value.plot.labels.offsetY,
                     "text-anchor": "middle",
-                    "font-size": C.value.plotLabels,
+                    "font-size": A.value.plotLabels,
                     fill: t.value.plot.labels.color,
-                    style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                    style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, re(Ye(a.value) ? h(ze)(
                     t.value.plot.labels.formatter,
                     a.value,
@@ -3596,18 +3610,18 @@ const _n = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, Yu)) : g("", !0)
+                  ) : ""), 13, Yi)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (n(), i("g", Gu, [
-              (n(!0), i(b, null, M(rt.value, (e, u) => (n(), i(b, {
+            ])) : (n(), u("g", Gi, [
+              (n(!0), u(b, null, L(rt.value, (e, i) => (n(), u(b, {
                 key: `xLabel_plot_${e.id}`
               }, [
-                (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i(b, {
-                  key: `xLabel_plot_${u}_${r}`
+                (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
+                  key: `xLabel_plot_${i}_${r}`
                 }, [
-                  t.value.plot.tag.followValue ? (n(), i(b, { key: 1 }, [
-                    [X.value, _.value, ae.value].includes(r) && e.useTag ? (n(), i("line", {
+                  t.value.plot.tag.followValue ? (n(), u(b, { key: 1 }, [
+                    [X.value, M.value, ae.value].includes(r) && e.useTag ? (n(), u("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-plot",
                       x1: c.value.left,
@@ -3618,18 +3632,18 @@ const _n = {
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, Ju)) : g("", !0)
-                  ], 64)) : (n(), i(b, { key: 0 }, [
-                    a && r === 0 && e.useTag && e.useTag === "start" ? (n(), i("foreignObject", {
+                    }, null, 8, Ji)) : g("", !0)
+                  ], 64)) : (n(), u(b, { key: 0 }, [
+                    a && r === 0 && e.useTag && e.useTag === "start" ? (n(), u("foreignObject", {
                       key: 0,
                       x: a.x,
                       y: a.y - 20,
                       height: 24,
                       width: "150",
-                      style: L(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: C(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       k("div", {
-                        style: L(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${C.value.plotLabels}px;border-radius: 2px;`),
+                        style: C(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: h(ze)(
                           t.value.plot.tag.formatter,
                           a.value,
@@ -3640,18 +3654,18 @@ const _n = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, qu)
-                    ], 12, Uu)) : g("", !0),
-                    a && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), i("foreignObject", {
+                      }, null, 12, qi)
+                    ], 12, Ui)) : g("", !0),
+                    a && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), u("foreignObject", {
                       key: 1,
-                      x: a.x - e.name.length * (C.value.plotLabels / 2),
+                      x: a.x - e.name.length * (A.value.plotLabels / 2),
                       y: a.y - 20,
                       height: 24,
                       width: "150",
-                      style: L(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: C(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       k("div", {
-                        style: L(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${C.value.plotLabels}px;border-radius: 2px;`),
+                        style: C(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: h(ze)(
                           t.value.plot.tag.formatter,
                           a.value,
@@ -3662,27 +3676,27 @@ const _n = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, Ku)
-                    ], 12, Zu)) : g("", !0)
+                      }, null, 12, Ki)
+                    ], 12, Zi)) : g("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            t.value.line.labels.show && p.value.dataLabels.show ? (n(), i("g", Qu, [
-              (n(!0), i(b, null, M(Re.value, (e, u) => (n(), i(b, {
+            t.value.line.labels.show && p.value.dataLabels.show ? (n(), u("g", Qi, [
+              (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u(b, {
                 key: `xLabel_line_${e.id}`
               }, [
-                (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i(b, {
-                  key: `xLabel_line_${u}_${r}`
+                (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
+                  key: `xLabel_line_${i}_${r}`
                 }, [
-                  a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || _.value !== null && _.value === r || X.value !== null && X.value === r ? (n(), i("text", {
+                  a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || M.value !== null && M.value === r || X.value !== null && X.value === r ? (n(), u("text", {
                     key: 0,
                     x: a.x,
                     y: a.y + (a.value >= 0 ? t.value.line.labels.offsetY : -t.value.line.labels.offsetY * 3),
                     "text-anchor": "middle",
-                    "font-size": C.value.plotLabels,
+                    "font-size": A.value.plotLabels,
                     fill: t.value.line.labels.color,
-                    style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                    style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, re(Ye(a.value) ? h(ze)(
                     t.value.line.labels.formatter,
                     a.value,
@@ -3696,18 +3710,18 @@ const _n = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, ju)) : g("", !0)
+                  ) : ""), 13, ji)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (n(), i("g", es, [
-              (n(!0), i(b, null, M(Re.value, (e, u) => (n(), i(b, {
+            ])) : (n(), u("g", es, [
+              (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u(b, {
                 key: `xLabel_line_${e.id}`
               }, [
-                (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i(b, {
-                  key: `xLabel_line_${u}_${r}`
+                (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
+                  key: `xLabel_line_${i}_${r}`
                 }, [
-                  t.value.line.tag.followValue ? (n(), i(b, { key: 1 }, [
-                    [X.value, _.value, ae.value].includes(r) && e.useTag ? (n(), i("line", {
+                  t.value.line.tag.followValue ? (n(), u(b, { key: 1 }, [
+                    [X.value, M.value, ae.value].includes(r) && e.useTag ? (n(), u("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-line",
                       x1: c.value.left,
@@ -3719,17 +3733,17 @@ const _n = {
                       "stroke-dasharray": "2",
                       stroke: e.color
                     }, null, 8, ns)) : g("", !0)
-                  ], 64)) : (n(), i(b, { key: 0 }, [
-                    a && r === 0 && e.useTag && e.useTag === "start" ? (n(), i("foreignObject", {
+                  ], 64)) : (n(), u(b, { key: 0 }, [
+                    a && r === 0 && e.useTag && e.useTag === "start" ? (n(), u("foreignObject", {
                       key: 0,
                       x: a.x,
                       y: a.y - 20,
                       height: 24,
                       width: "150",
-                      style: L(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: C(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       k("div", {
-                        style: L(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${C.value.plotLabels}px;border-radius: 2px;`),
+                        style: C(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: h(ze)(
                           t.value.line.tag.formatter,
                           a.value,
@@ -3742,16 +3756,16 @@ const _n = {
                         )
                       }, null, 12, ls)
                     ], 12, ts)) : g("", !0),
-                    a && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), i("foreignObject", {
+                    a && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), u("foreignObject", {
                       key: 1,
                       x: a.x,
                       y: a.y - 20,
                       height: 24,
                       width: "150",
-                      style: L(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: C(`overflow: visible; opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       k("div", {
-                        style: L(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${C.value.plotLabels}px;border-radius: 2px;`),
+                        style: C(`padding: 3px; background:${h(vt)(e.color, 80)};color:${h(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: h(ze)(
                           t.value.line.tag.formatter,
                           a.value,
@@ -3768,94 +3782,94 @@ const _n = {
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            (n(!0), i(b, null, M(Re.value, (e, u) => (n(), i(b, {
+            (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u(b, {
               key: `xLabel_line_${e.id}`
             }, [
-              (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i(b, {
-                key: `xLabel_line_${u}_${r}`
+              (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
+                key: `xLabel_line_${i}_${r}`
               }, [
-                a && r === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), i("text", {
+                a && r === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), u("text", {
                   key: 0,
-                  x: a.x - C.value.plotLabels,
+                  x: a.x - A.value.plotLabels,
                   y: a.y,
-                  "font-size": C.value.plotLabels,
+                  "font-size": A.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
                   innerHTML: h(ma)({
                     content: e.name,
-                    fontSize: C.value.plotLabels,
+                    fontSize: A.value.plotLabels,
                     fill: e.color,
-                    x: a.x - C.value.plotLabels,
+                    x: a.x - A.value.plotLabels,
                     y: a.y,
                     maxWords: 2
                   }),
-                  style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, is)) : g("", !0),
-                a && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
+                  style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                }, null, 12, us)) : g("", !0),
+                a && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), u("text", {
                   key: 1,
-                  x: a.x + C.value.plotLabels,
+                  x: a.x + A.value.plotLabels,
                   y: a.y,
-                  "font-size": C.value.plotLabels,
+                  "font-size": A.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
                   innerHTML: h(ma)({
                     content: e.name,
-                    fontSize: C.value.plotLabels,
+                    fontSize: A.value.plotLabels,
                     fill: e.color,
-                    x: a.x + C.value.plotLabels,
+                    x: a.x + A.value.plotLabels,
                     y: a.y,
                     maxWords: 2
                   }),
-                  style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                }, null, 12, us)) : g("", !0)
+                  style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                }, null, 12, is)) : g("", !0)
               ], 64))), 128))
             ], 64))), 128)),
-            (n(!0), i(b, null, M(rt.value, (e, u) => (n(), i(b, {
+            (n(!0), u(b, null, L(rt.value, (e, i) => (n(), u(b, {
               key: `xLabel_plot_${e.id}`
             }, [
-              (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i(b, {
-                key: `xLabel_plot_${u}_${r}`
+              (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
+                key: `xLabel_plot_${i}_${r}`
               }, [
-                a && r === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), i("text", {
+                a && r === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), u("text", {
                   key: 0,
-                  x: a.x - C.value.plotLabels,
+                  x: a.x - A.value.plotLabels,
                   y: a.y,
-                  "font-size": C.value.plotLabels,
+                  "font-size": A.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
                   innerHTML: h(ma)({
                     content: e.name,
-                    fontSize: C.value.plotLabels,
+                    fontSize: A.value.plotLabels,
                     fill: e.color,
-                    x: a.x - C.value.plotLabels,
+                    x: a.x - A.value.plotLabels,
                     y: a.y,
                     maxWords: 2
                   }),
-                  style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, null, 12, ss)) : g("", !0),
-                a && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
+                a && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), u("text", {
                   key: 1,
-                  x: a.x + C.value.plotLabels,
+                  x: a.x + A.value.plotLabels,
                   y: a.y,
-                  "font-size": C.value.plotLabels,
+                  "font-size": A.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
                   innerHTML: h(ma)({
                     content: e.name,
-                    fontSize: C.value.plotLabels,
+                    fontSize: A.value.plotLabels,
                     fill: e.color,
-                    x: a.x + C.value.plotLabels,
+                    x: a.x + A.value.plotLabels,
                     y: a.y,
                     maxWords: 2
                   }),
-                  style: L(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, null, 12, rs)) : g("", !0)
               ], 64))), 128))
             ], 64))), 128)),
-            p.value.useIndividualScale && !p.value.isStacked ? (n(), i(b, { key: 13 }, [
+            p.value.useIndividualScale && !p.value.isStacked ? (n(), u(b, { key: 13 }, [
               k("defs", null, [
-                (n(!0), i(b, null, M(Gl.value, (e, u) => (n(), i("linearGradient", {
-                  id: `individual_scale_gradient_${Z.value}_${u}`,
+                (n(!0), u(b, null, L(Gl.value, (e, i) => (n(), u("linearGradient", {
+                  id: `individual_scale_gradient_${Z.value}_${i}`,
                   x1: "0%",
                   x2: "100%",
                   y1: "0%",
@@ -3873,99 +3887,99 @@ const _n = {
                   }, null, 8, ds)
                 ], 8, cs))), 256))
               ]),
-              (n(!0), i(b, null, M(Gl.value, (e, u) => (n(), i("rect", {
-                x: e.x - t.value.chart.grid.labels.yAxis.labelWidth + ie.value - c.value.individualOffsetX,
+              (n(!0), u(b, null, L(Gl.value, (e, i) => (n(), u("rect", {
+                x: e.x - t.value.chart.grid.labels.yAxis.labelWidth + ue.value - c.value.individualOffsetX,
                 y: c.value.top,
                 width: t.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
                 height: c.value.height < 0 ? 10 : c.value.height,
-                fill: E.value === e.groupId ? `url(#individual_scale_gradient_${Z.value}_${u})` : "transparent",
+                fill: E.value === e.groupId ? `url(#individual_scale_gradient_${Z.value}_${i})` : "transparent",
                 onMouseenter: (a) => E.value = e.groupId,
                 onMouseleave: s[0] || (s[0] = (a) => E.value = null)
               }, null, 40, hs))), 256))
             ], 64)) : g("", !0),
             k("g", null, [
-              t.value.chart.grid.labels.axis.yLabel && !p.value.useIndividualScale ? (n(), i("text", {
+              t.value.chart.grid.labels.axis.yLabel && !p.value.useIndividualScale ? (n(), u("text", {
                 key: 0,
                 ref_key: "yAxisLabel",
-                ref: Zt,
-                "font-size": C.value.yAxis,
+                ref: Kt,
+                "font-size": A.value.yAxis,
                 fill: t.value.chart.grid.labels.color,
                 transform: `translate(${t.value.chart.grid.labels.axis.fontSize}, ${c.value.top + c.value.height / 2}) rotate(-90)`,
                 "text-anchor": "middle",
                 style: { transition: "none" }
               }, re(t.value.chart.grid.labels.axis.yLabel), 9, fs)) : g("", !0),
-              t.value.chart.grid.labels.axis.xLabel ? (n(), i("text", {
+              t.value.chart.grid.labels.axis.xLabel ? (n(), u("text", {
                 key: 1,
                 ref_key: "xAxisLabel",
-                ref: qt,
+                ref: Zt,
                 "text-anchor": "middle",
                 x: le.value / 2,
                 y: W.value - 3,
-                "font-size": C.value.yAxis,
+                "font-size": A.value.yAxis,
                 fill: t.value.chart.grid.labels.color
               }, re(t.value.chart.grid.labels.axis.xLabel), 9, ms)) : g("", !0)
             ]),
-            t.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", {
+            t.value.chart.grid.labels.xAxisLabels.show ? (n(), u("g", {
               key: 14,
               ref_key: "timeLabelsEls",
               ref: Se
             }, [
-              l.$slots["time-label"] ? (n(!0), i(b, { key: 0 }, M(D.value, (e, u) => te(l.$slots, "time-label", Yt({
+              l.$slots["time-label"] ? (n(!0), u(b, { key: 0 }, L(D.value, (e, i) => te(l.$slots, "time-label", Gt({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
-                x: c.value.left + c.value.width / S.value * u + c.value.width / S.value / 2,
+                x: c.value.left + c.value.width / S.value * i + c.value.width / S.value / 2,
                 y: c.value.bottom,
-                fontSize: C.value.xAxis,
+                fontSize: A.value.xAxis,
                 fill: t.value.chart.grid.labels.xAxisLabels.color,
-                transform: `translate(${c.value.left + c.value.width / S.value * u + c.value.width / S.value / 2}, ${c.value.bottom + C.value.xAxis * 1.3 + t.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
+                transform: `translate(${c.value.left + c.value.width / S.value * i + c.value.width / S.value / 2}, ${c.value.bottom + A.value.xAxis * 1.3 + t.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
                 absoluteIndex: e.absoluteIndex,
                 content: e.text,
                 textAnchor: t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                 show: e && e.text
-              }), void 0, !0)), 128)) : (n(!0), i(b, { key: 1 }, M(D.value, (e, u) => (n(), i("g", {
-                key: `time_label_${u}`
+              }), void 0, !0)), 128)) : (n(!0), u(b, { key: 1 }, L(D.value, (e, i) => (n(), u("g", {
+                key: `time_label_${i}`
               }, [
-                e && e.text ? (n(), i(b, { key: 0 }, [
+                e && e.text ? (n(), u(b, { key: 0 }, [
                   String(e.text).includes(`
-`) ? (n(), i("text", {
+`) ? (n(), u("text", {
                     key: 1,
                     class: "vue-data-ui-time-label",
                     "text-anchor": t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                    "font-size": C.value.xAxis,
+                    "font-size": A.value.xAxis,
                     fill: t.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value.left + c.value.width / S.value * u + c.value.width / S.value / 2}, ${c.value.bottom + C.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
-                    style: L({
+                    transform: `translate(${c.value.left + c.value.width / S.value * i + c.value.width / S.value / 2}, ${c.value.bottom + A.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    style: C({
                       cursor: kl() ? "pointer" : "default"
                     }),
                     innerHTML: h(sn)({
                       content: String(e.text),
-                      fontSize: C.value.xAxis,
+                      fontSize: A.value.xAxis,
                       fill: t.value.chart.grid.labels.xAxisLabels.color,
                       x: 0,
                       y: 0
                     }),
-                    onClick: () => ke(e, u)
-                  }, null, 12, xs)) : (n(), i("text", {
+                    onClick: () => ke(e, i)
+                  }, null, 12, xs)) : (n(), u("text", {
                     key: 0,
                     class: "vue-data-ui-time-label",
                     "text-anchor": t.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : t.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                    "font-size": C.value.xAxis,
+                    "font-size": A.value.xAxis,
                     fill: t.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value.left + c.value.width / S.value * u + c.value.width / S.value / 2}, ${c.value.bottom + C.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
-                    style: L({
+                    transform: `translate(${c.value.left + c.value.width / S.value * i + c.value.width / S.value / 2}, ${c.value.bottom + A.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    style: C({
                       cursor: kl() ? "pointer" : "default"
                     }),
-                    onClick: () => ke(e, u)
+                    onClick: () => ke(e, i)
                   }, re(e.text || ""), 13, gs))
                 ], 64)) : g("", !0)
               ]))), 128))
             ], 512)) : g("", !0),
-            Ka.value.length && !p.value.isStacked ? (n(), i("g", bs, [
-              (n(!0), i(b, null, M(Ka.value, (e) => (n(), i("g", {
+            Ka.value.length && !p.value.isStacked ? (n(), u("g", bs, [
+              (n(!0), u(b, null, L(Ka.value, (e) => (n(), u("g", {
                 key: e.uid
               }, [
-                e.yTop && e.show && isFinite(e.yTop) ? (n(), i("line", {
+                e.yTop && e.show && isFinite(e.yTop) ? (n(), u("line", {
                   key: 0,
                   x1: e.x1,
                   y1: e.yTop,
@@ -3977,7 +3991,7 @@ const _n = {
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, ys)) : g("", !0),
-                e.yBottom && e.show && isFinite(e.yBottom) ? (n(), i("line", {
+                e.yBottom && e.show && isFinite(e.yBottom) ? (n(), u("line", {
                   key: 1,
                   x1: e.x1,
                   y1: e.yBottom,
@@ -3989,7 +4003,7 @@ const _n = {
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, ps)) : g("", !0),
-                e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (n(), i("rect", {
+                e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (n(), u("rect", {
                   key: 2,
                   y: Math.min(e.yTop, e.yBottom),
                   x: e.x1,
@@ -3998,11 +4012,11 @@ const _n = {
                   fill: h(vt)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
                 }, null, 8, ks)) : g("", !0),
-                e.config.label.text && e.show && isFinite(e._box.y) ? (n(), i("rect", Yt({
+                e.config.label.text && e.show && isFinite(e._box.y) ? (n(), u("rect", Gt({
                   key: 3,
                   class: "vue-ui-xy-annotation-label-box"
                 }, { ref_for: !0 }, e._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : g("", !0),
-                e.config.label.text && e.show && isFinite(e._text.y) ? (n(), i("text", {
+                e.config.label.text && e.show && isFinite(e._text.y) ? (n(), u("text", {
                   key: 4,
                   id: e.id,
                   class: "vue-ui-xy-annotation-label",
@@ -4014,8 +4028,8 @@ const _n = {
                 }, re(e.config.label.text), 9, ws)) : g("", !0)
               ]))), 128))
             ])) : g("", !0),
-            t.value.chart.timeTag.show && (![null, void 0].includes(_.value) || ![null, void 0].includes(X.value)) ? (n(), i("g", Ss, [
-              (n(), i("foreignObject", {
+            t.value.chart.timeTag.show && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), u("g", Ss, [
+              (n(), u("foreignObject", {
                 x: Do(),
                 y: c.value.bottom,
                 width: "200",
@@ -4026,54 +4040,54 @@ const _n = {
                   ref_key: "timeTagEl",
                   ref: so,
                   class: "vue-ui-xy-time-tag",
-                  style: L(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${t.value.chart.timeTag.backgroundColor};color:${t.value.chart.timeTag.color};font-size:${t.value.chart.timeTag.fontSize}px`),
+                  style: C(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${t.value.chart.timeTag.backgroundColor};color:${t.value.chart.timeTag.color};font-size:${t.value.chart.timeTag.fontSize}px`),
                   innerHTML: Wo.value
                 }, null, 12, _s)
               ], 8, $s)),
               k("circle", {
-                cx: c.value.left + c.value.width / S.value * ((_.value !== null ? _.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / S.value / 2,
+                cx: c.value.left + c.value.width / S.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / S.value / 2,
                 cy: c.value.bottom,
                 r: t.value.chart.timeTag.circleMarker.radius,
                 fill: t.value.chart.timeTag.circleMarker.color
               }, null, 8, Ms)
             ])) : g("", !0)
           ])) : g("", !0),
-          ta.value ? (n(), i("rect", Yt({ key: 2 }, Ma.value, {
+          ta.value ? (n(), u("rect", Gt({ key: 2 }, Ma.value, {
             "data-start": w.value.start,
             "data-end": w.value.end
           }), null, 16, Ls)) : g("", !0),
           te(l.$slots, "svg", { svg: xt.value }, void 0, !0)
         ], 512)
-      ], 46, gi)),
-      l.$slots.watermark ? (n(), i("div", Cs, [
-        te(l.$slots, "watermark", Xt(dl({ isPrinting: h(Hl) || h(nt) })), void 0, !0)
+      ], 46, gu)),
+      l.$slots.watermark ? (n(), u("div", Cs, [
+        te(l.$slots, "watermark", Yt(dl({ isPrinting: h(Hl) || h(nt) })), void 0, !0)
       ])) : g("", !0),
-      (n(!0), i(b, null, M(Re.value, (e, u) => (n(), i(b, {
+      (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u(b, {
         key: `tag_line_${e.id}`
       }, [
-        (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i(b, {
-          key: `tag_line_${u}_${r}`
+        (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
+          key: `tag_line_${i}_${r}`
         }, [
-          [X.value, _.value, ae.value].includes(r) && e.useTag && e.useTag === "end" && t.value.line.tag.followValue ? (n(), i("div", {
+          [X.value, M.value, ae.value].includes(r) && e.useTag && e.useTag === "end" && t.value.line.tag.followValue ? (n(), u("div", {
             key: 0,
             ref_for: !0,
-            ref: (o) => kt(u, r, o, "right", "line"),
+            ref: (o) => kt(i, r, o, "right", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
-            style: L({
+            style: C({
               position: "fixed",
-              top: h(Wt)({
+              top: h(Xt)({
                 svgElement: $e.value,
                 x: c.value.right + t.value.line.tag.fontSize / 1.5,
                 y: a.y,
-                element: ot.value[`${u}_${r}_right_line`],
+                element: ot.value[`${i}_${r}_right_line`],
                 position: "right"
               }).top + "px",
-              left: h(Wt)({
+              left: h(Xt)({
                 svgElement: $e.value,
                 x: c.value.right + t.value.line.tag.fontSize / 1.5,
                 y: a.y,
-                element: ot.value[`${u}_${r}_right_line`],
+                element: ot.value[`${i}_${r}_right_line`],
                 position: "right"
               }).left + "px",
               height: "fit-content",
@@ -4085,7 +4099,7 @@ const _n = {
               opacity: 1
             })
           }, [
-            (n(), i("svg", As, [
+            (n(), u("svg", As, [
               k("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
@@ -4106,26 +4120,26 @@ const _n = {
               )
             }, null, 8, Ts)
           ], 4)) : g("", !0),
-          [X.value, _.value, ae.value].includes(r) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (n(), i("div", {
+          [X.value, M.value, ae.value].includes(r) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (n(), u("div", {
             key: 1,
             ref_for: !0,
-            ref: (o) => kt(u, r, o, "left", "line"),
+            ref: (o) => kt(i, r, o, "left", "line"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
-            style: L({
+            style: C({
               position: "fixed",
-              top: h(Wt)({
+              top: h(Xt)({
                 svgElement: $e.value,
                 x: c.value.left - t.value.line.tag.fontSize / 1.5,
                 y: a.y,
-                element: ot.value[`${u}_${r}_left_line`],
+                element: ot.value[`${i}_${r}_left_line`],
                 position: "left"
               }).top + "px",
-              left: h(Wt)({
+              left: h(Xt)({
                 svgElement: $e.value,
                 x: c.value.left - t.value.line.tag.fontSize / 1.5,
                 y: a.y,
-                element: ot.value[`${u}_${r}_left_line`],
+                element: ot.value[`${i}_${r}_left_line`],
                 position: "left"
               }).left + "px",
               height: "fit-content",
@@ -4137,7 +4151,7 @@ const _n = {
               opacity: 1
             })
           }, [
-            (n(), i("svg", Is, [
+            (n(), u("svg", Is, [
               k("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
@@ -4160,32 +4174,32 @@ const _n = {
           ], 4)) : g("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      (n(!0), i(b, null, M(rt.value, (e, u) => (n(), i(b, {
+      (n(!0), u(b, null, L(rt.value, (e, i) => (n(), u(b, {
         key: `tag_plot_${e.id}`
       }, [
-        (n(!0), i(b, null, M(e.plots, (a, r) => (n(), i(b, {
-          key: `tag_plot_${u}_${r}`
+        (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
+          key: `tag_plot_${i}_${r}`
         }, [
-          [X.value, _.value, ae.value].includes(r) && e.useTag && e.useTag === "end" && t.value.plot.tag.followValue ? (n(), i("div", {
+          [X.value, M.value, ae.value].includes(r) && e.useTag && e.useTag === "end" && t.value.plot.tag.followValue ? (n(), u("div", {
             key: 0,
             ref_for: !0,
-            ref: (o) => kt(u, r, o, "right", "plot"),
+            ref: (o) => kt(i, r, o, "right", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "right",
-            style: L({
+            style: C({
               position: "fixed",
-              top: h(Wt)({
+              top: h(Xt)({
                 svgElement: $e.value,
                 x: c.value.right + t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
-                element: ot.value[`${u}_${r}_right_plot`],
+                element: ot.value[`${i}_${r}_right_plot`],
                 position: "right"
               }).top + "px",
-              left: h(Wt)({
+              left: h(Xt)({
                 svgElement: $e.value,
                 x: c.value.right + t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
-                element: ot.value[`${u}_${r}_right_plot`],
+                element: ot.value[`${i}_${r}_right_plot`],
                 position: "right"
               }).left + "px",
               height: "fit-content",
@@ -4197,7 +4211,7 @@ const _n = {
               opacity: 1
             })
           }, [
-            (n(), i("svg", Fs, [
+            (n(), u("svg", Fs, [
               k("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
@@ -4218,26 +4232,26 @@ const _n = {
               )
             }, null, 8, Os)
           ], 4)) : g("", !0),
-          [X.value, _.value, ae.value].includes(r) && e.useTag && e.useTag === "start" && t.value.plot.tag.followValue ? (n(), i("div", {
+          [X.value, M.value, ae.value].includes(r) && e.useTag && e.useTag === "start" && t.value.plot.tag.followValue ? (n(), u("div", {
             key: 1,
             ref_for: !0,
-            ref: (o) => kt(u, r, o, "left", "plot"),
+            ref: (o) => kt(i, r, o, "left", "plot"),
             class: "vue-ui-xy-tag",
             "data-tag": "left",
-            style: L({
+            style: C({
               position: "fixed",
-              top: h(Wt)({
+              top: h(Xt)({
                 svgElement: $e.value,
                 x: c.value.left - t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
-                element: ot.value[`${u}_${r}_left_plot`],
+                element: ot.value[`${i}_${r}_left_plot`],
                 position: "left"
               }).top + "px",
-              left: h(Wt)({
+              left: h(Xt)({
                 svgElement: $e.value,
                 x: c.value.left - t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
-                element: ot.value[`${u}_${r}_left_plot`],
+                element: ot.value[`${i}_${r}_left_plot`],
                 position: "left"
               }).left + "px",
               height: "fit-content",
@@ -4249,7 +4263,7 @@ const _n = {
               opacity: 1
             })
           }, [
-            (n(), i("svg", Vs, [
+            (n(), u("svg", Vs, [
               k("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
@@ -4272,7 +4286,7 @@ const _n = {
           ], 4)) : g("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      t.value.chart.zoom.show && Qe.value > 6 && el.value && Me.value ? (n(), ct(hi, {
+      t.value.chart.zoom.show && Qe.value > 6 && Mt.value && Me.value ? (n(), ct(hu, {
         key: 5,
         ref_key: "chartSlicer",
         ref: Ke,
@@ -4285,7 +4299,7 @@ const _n = {
         end: w.value.end,
         "onUpdate:start": na,
         "onUpdate:end": La,
-        selectedSeries: zt.value,
+        selectedSeries: Tt.value,
         customFormat: t.value.chart.zoom.customFormat,
         background: t.value.chart.zoom.color,
         fontSize: t.value.chart.zoom.fontSize,
@@ -4304,7 +4318,7 @@ const _n = {
         minimapSelectionRadius: t.value.chart.zoom.minimap.selectionRadius,
         minimapLineColor: t.value.chart.zoom.minimap.lineColor,
         minimapSelectedColorOpacity: t.value.chart.zoom.minimap.selectedColorOpacity,
-        minimapSelectedIndex: _.value,
+        minimapSelectedIndex: M.value,
         minimapIndicatorColor: t.value.chart.zoom.minimap.indicatorColor,
         verticalHandles: t.value.chart.zoom.minimap.verticalHandles,
         refreshStartPoint: t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex : 0,
@@ -4326,7 +4340,7 @@ const _n = {
         isPreview: ta.value
       }, {
         "reset-action": we(({ reset: e }) => [
-          te(l.$slots, "reset-action", Xt(dl({ reset: e })), void 0, !0)
+          te(l.$slots, "reset-action", Yt(dl({ reset: e })), void 0, !0)
         ]),
         _: 3
       }, 8, ["immediate", "max", "valueStart", "valueEnd", "start", "end", "selectedSeries", "customFormat", "background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "usePreciseLabels", "preciseLabels", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "verticalHandles", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "minimapCompact", "allMinimaps", "minimapMerged", "minimapFrameColor", "cutNullValues", "focusOnDrag", "focusRangeRatio", "timeLabels", "isPreview"])) : g("", !0),
@@ -4337,21 +4351,21 @@ const _n = {
         key: 6,
         to: t.value.chart.legend.position === "top" ? `#legend-top-${Z.value}` : `#legend-bottom-${Z.value}`
       }, [
-        t.value.chart.legend.show ? (n(), i("div", {
+        t.value.chart.legend.show ? (n(), u("div", {
           key: 0,
           ref_key: "chartLegend",
           ref: Ce,
           class: "vue-ui-xy-legend",
-          style: L({
+          style: C({
             fontSize: `var(--legend-font-size, ${t.value.chart.legend.fontSize ?? 14}px)`
           })
         }, [
-          (n(!0), i(b, null, M(et.value, (e, u) => (n(), i("div", {
-            key: `div_legend_item_${u}`,
+          (n(!0), u(b, null, L(et.value, (e, i) => (n(), u("div", {
+            key: `div_legend_item_${i}`,
             onClick: (a) => Ga(e),
-            class: Ze({ "vue-ui-xy-legend-item-alone": et.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": ce.value.includes(e.id) })
+            class: Ze({ "vue-ui-xy-legend-item-alone": et.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": ve.value.includes(e.id) })
           }, [
-            Jt.value[e.type] === "line" ? (n(), i("svg", Ws, [
+            Qt.value[e.type] === "line" ? (n(), u("svg", Ws, [
               k("rect", {
                 x: "0",
                 y: "7.5",
@@ -4370,8 +4384,8 @@ const _n = {
                 stroke: t.value.chart.backgroundColor,
                 strokeWidth: 0.5
               }, null, 8, ["color", "shape", "stroke"])
-            ])) : Jt.value[e.type] === "bar" ? (n(), i("svg", Ys, [
-              Jt.value[e.type] === "bar" && l.$slots.pattern ? (n(), i("rect", {
+            ])) : Qt.value[e.type] === "bar" ? (n(), u("svg", Ys, [
+              Qt.value[e.type] === "bar" && l.$slots.pattern ? (n(), u("rect", {
                 key: 0,
                 x: "4",
                 y: "4",
@@ -4381,7 +4395,7 @@ const _n = {
                 stroke: "none",
                 fill: e.color
               }, null, 8, Gs)) : g("", !0),
-              Jt.value[e.type] === "bar" ? (n(), i("rect", {
+              Qt.value[e.type] === "bar" ? (n(), u("rect", {
                 key: 1,
                 x: "4",
                 y: "4",
@@ -4391,7 +4405,7 @@ const _n = {
                 stroke: "none",
                 fill: l.$slots.pattern ? `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})` : e.color
               }, null, 8, Us)) : g("", !0)
-            ])) : (n(), i("svg", qs, [
+            ])) : (n(), u("svg", qs, [
               ml(ga, {
                 plot: { x: 6, y: 6 },
                 radius: 5,
@@ -4400,10 +4414,10 @@ const _n = {
               }, null, 8, ["color", "shape"])
             ])),
             k("span", {
-              style: L(`color:${t.value.chart.legend.color}`)
+              style: C(`color:${t.value.chart.legend.color}`)
             }, re(e.name), 5)
           ], 10, Ds))), 128))
-        ], 4)) : (n(), i("div", {
+        ], 4)) : (n(), u("div", {
           key: 1,
           ref_key: "chartLegend",
           ref: Ce
@@ -4411,7 +4425,7 @@ const _n = {
           te(l.$slots, "legend", { legend: et.value }, void 0, !0)
         ], 512))
       ], 8, ["to"])) : g("", !0),
-      l.$slots.source ? (n(), i("div", {
+      l.$slots.source ? (n(), u("div", {
         key: 7,
         ref_key: "source",
         ref: ft,
@@ -4419,7 +4433,7 @@ const _n = {
       }, [
         te(l.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      ml(h(he), {
+      ml(h(ce), {
         show: p.value.showTooltip && bl.value,
         backgroundColor: t.value.chart.tooltip.backgroundColor,
         color: t.value.chart.tooltip.color,
@@ -4440,21 +4454,21 @@ const _n = {
         smoothSnapThreshold: t.value.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": we(() => [
-          te(l.$slots, "tooltip-before", Xt(dl({ ...ja.value })), void 0, !0)
+          te(l.$slots, "tooltip-before", Yt(dl({ ...ja.value })), void 0, !0)
         ]),
         "tooltip-after": we(() => [
-          te(l.$slots, "tooltip-after", Xt(dl({ ...ja.value })), void 0, !0)
+          te(l.$slots, "tooltip-after", Yt(dl({ ...ja.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      el.value && t.value.chart.userOptions.buttons.table ? (n(), ct(Ko(Ul.value.component), Yt({ key: 8 }, Ul.value.props, {
+      Mt.value && t.value.chart.userOptions.buttons.table ? (n(), ct(Ko(Ul.value.component), Gt({ key: 8 }, Ul.value.props, {
         ref_key: "tableUnit",
         ref: Je,
         onClose: vo
       }), xo({
         content: we(() => [
           k("div", {
-            style: L(`${h(Hl) || t.value.table.useDialog ? "" : "max-height:400px"};${t.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${t.value.table.useDialog ? "" : "margin-top:48px"}`)
+            style: C(`${h(Hl) || t.value.table.useDialog ? "" : "max-height:400px"};${t.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${t.value.table.useDialog ? "" : "margin-top:48px"}`)
           }, [
             k("div", Zs, [
               Oa(k("input", {
@@ -4467,7 +4481,7 @@ const _n = {
                 onClick: s[5] || (s[5] = (e) => He.value = !He.value),
                 style: { cursor: "pointer" }
               }, [
-                ml(h(fe), {
+                ml(h(me), {
                   name: "chartLine",
                   size: 20,
                   stroke: t.value.chart.color
@@ -4520,7 +4534,7 @@ const _n = {
               class: "vue-ui-user-options-button",
               onClick: s[3] || (s[3] = (e) => za(t.value.chart.userOptions.callbacks.csv))
             }, [
-              ml(h(fe), {
+              ml(h(me), {
                 name: "excel",
                 stroke: Ul.value.props.color
               }, null, 8, ["stroke"])
@@ -4530,7 +4544,7 @@ const _n = {
         } : void 0
       ]), 1040)) : g("", !0),
       h(xe) ? (n(), ct(xn, { key: 9 })) : g("", !0)
-    ], 46, fi));
+    ], 46, fu));
   }
 }, dr = /* @__PURE__ */ Lo(Js, [["__scopeId", "data-v-d218b34b"]]);
 export {