vue-data-ui 3.2.1 → 3.2.2

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

@@ -1,18 +1,18 @@
-import { useCssVars as Yo, computed as x, ref as y, watch as ht, onMounted as Zl, onBeforeUnmount as Ll, onUpdated as ho, nextTick as Ml, createElementBlock as u, openBlock as n, createElementVNode as k, createCommentVNode as g, renderSlot as te, normalizeStyle as C, createVNode as ml, withDirectives as Oa, unref as h, Fragment as b, renderList as L, normalizeProps as Yt, mergeProps as Gt, normalizeClass as Ze, withKeys as fo, vModelText as mo, toDisplayString as ce, defineAsyncComponent as Wt, useSlots as Go, getCurrentInstance as qo, toRefs as Uo, watchEffect as go, createBlock as ct, createSlots as xo, withCtx as Se, guardReactiveProps as dl, Teleport as Zo, resolveDynamicComponent as Ko, vModelCheckbox as Jo, createTextVNode as bo } from "vue";
-import { c as ga, z as xa, X as Qo, G as dt, ae as ya, W as pa, af as ka, V as wa, ag as yo, f as Na, t as jo, e as en, E as Ul, aa as hl, h as po, p as ko, ap as ha, a6 as j, a0 as Pa, a8 as tn, q as U, ac as ln, aq as wo, ar as So, a as Ae, as as an, A as on, j as $o, k as St, d as lt, i as fl, s as vt, a4 as ie, Q as nn, ak as fa, N as un, at as Xt, D as Ue, b as sn, o as _o, x as rn, y as cn, F as _l } from "./lib-p5pfHmOX.js";
+import { useCssVars as Yo, computed as x, ref as y, watch as ht, onMounted as Zl, onBeforeUnmount as Ll, onUpdated as ho, nextTick as Ml, createElementBlock as u, openBlock as n, createElementVNode as k, createCommentVNode as g, renderSlot as le, normalizeStyle as C, createVNode as gl, withDirectives as Oa, unref as v, Fragment as b, renderList as L, normalizeProps as Gt, mergeProps as Ut, normalizeClass as Ze, withKeys as fo, vModelText as mo, toDisplayString as ce, defineAsyncComponent as Xt, useSlots as Go, getCurrentInstance as Uo, toRefs as qo, watchEffect as go, createBlock as ct, createSlots as xo, withCtx as Se, guardReactiveProps as hl, Teleport as Zo, resolveDynamicComponent as Ko, vModelCheckbox as Jo, createTextVNode as bo } from "vue";
+import { c as ga, z as xa, X as Qo, G as dt, ae as ya, W as pa, af as ka, V as wa, ag as yo, f as Na, t as jo, e as en, E as ql, aa as fl, h as po, p as ko, ap as ha, a6 as q, a0 as Pa, a8 as tn, q as Z, ac as ln, aq as wo, ar as So, a as Ae, as as an, A as on, j as $o, k as St, d as lt, i as ml, s as vt, a4 as K, Q as nn, ak as fa, N as un, at as Yt, D as qe, b as sn, o as _o, x as rn, y as cn, F as _l } from "./lib-CDp2KgIU.js";
 import { t as ba, d as vn, u as dn } from "./useResponsive-DfdjqQps.js";
-import { u as hn, a as Fa } from "./useNestedProp-7BbqoAYu.js";
-import { u as fn } from "./usePrinter-Yeu5jOfm.js";
+import { u as hn, a as Fa } from "./useNestedProp-Cwtenuui.js";
+import { u as fn } from "./usePrinter-DU_Pi3Rq.js";
 import { u as mn, B as gn } from "./BaseScanner-BgWxam9d.js";
 import { u as Mo, a as xn, l as bn } from "./useTimeLabels-BGFjWgrv.js";
 import { u as yn } from "./useTimeLabelCollider-CIsgDrl9.js";
-import pn from "./img-CH7J0fYg.js";
-import kn from "./Title-BIaVNiUQ.js";
+import pn from "./img-A48JwXxj.js";
+import kn from "./Title-DlqxaiIs.js";
 import { t as wn } from "./themes-D3cUNuKw.js";
-import { _ as ma } from "./Shape-BDy56-wS.js";
-import Sn from "./BaseIcon-D2f9w5Z5.js";
+import { _ as ma } from "./Shape-D_vfF7sk.js";
+import Sn from "./BaseIcon-e63bhLIi.js";
 import { _ as Lo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import $n from "./vue-ui-accordion-BSrtaPYx.js";
+import $n from "./vue-ui-accordion-BWnxgda4.js";
 const _n = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
@@ -23,7 +23,7 @@ const _n = {
   key: 0,
   class: "minimap",
   style: { width: "100%" }
-}, Cn = ["xmlns", "viewBox"], An = ["id"], Tn = ["stop-color"], zn = ["width", "height", "stroke"], In = ["d", "stroke"], Nn = ["d", "fill"], Pn = ["x", "y", "width", "height", "fill"], Fn = ["d", "stroke"], Rn = ["cx", "cy", "fill", "stroke"], On = ["x", "width", "height", "fill", "rx"], Vn = ["x", "width", "height", "rx", "fill"], Bn = ["x", "width", "height", "fill", "rx"], En = ["x2", "y1", "y2", "stroke"], Hn = { key: "merged-tree" }, Dn = ["d", "fill"], Wn = ["d", "stroke"], Xn = ["cx", "cy", "stroke", "fill"], Yn = ["cx", "cy", "stroke", "fill"], Gn = { key: "split-tree" }, qn = ["x", "y", "width", "height", "fill"], Un = ["d", "stroke"], Zn = ["x", "height", "fill", "stroke"], Kn = ["x", "height", "fill", "stroke"], Jn = { key: "merged-tree" }, Qn = ["cx", "cy", "stroke", "fill"], jn = ["cx", "cy", "fill"], eu = ["cx", "cy", "stroke", "fill"], tu = ["cx", "cy", "fill"], lu = { key: 11 }, au = ["d", "stroke"], ou = ["cx", "cy", "fill", "stroke"], nu = ["cx", "cy", "stroke", "fill"], uu = ["cx", "cy", "fill"], iu = ["cx", "cy", "stroke", "fill"], su = ["cx", "cy", "fill"], ru = ["x", "height", "width", "onMouseenter"], cu = ["min", "max"], vu = ["min", "max"], Ra = 48, du = {
+}, Cn = ["xmlns", "viewBox"], An = ["id"], Tn = ["stop-color"], zn = ["width", "height", "stroke"], In = ["d", "stroke"], Nn = ["d", "fill"], Pn = ["x", "y", "width", "height", "fill"], Fn = ["d", "stroke"], Rn = ["cx", "cy", "fill", "stroke"], On = ["x", "width", "height", "fill", "rx"], Vn = ["x", "width", "height", "rx", "fill"], Bn = ["x", "width", "height", "fill", "rx"], En = ["x2", "y1", "y2", "stroke"], Hn = { key: "merged-tree" }, Dn = ["d", "fill"], Wn = ["d", "stroke"], Xn = ["cx", "cy", "stroke", "fill"], Yn = ["cx", "cy", "stroke", "fill"], Gn = { key: "split-tree" }, Un = ["x", "y", "width", "height", "fill"], qn = ["d", "stroke"], Zn = ["x", "height", "fill", "stroke"], Kn = ["x", "height", "fill", "stroke"], Jn = { key: "merged-tree" }, Qn = ["cx", "cy", "stroke", "fill"], jn = ["cx", "cy", "fill"], eu = ["cx", "cy", "stroke", "fill"], tu = ["cx", "cy", "fill"], lu = { key: 11 }, au = ["d", "stroke"], ou = ["cx", "cy", "fill", "stroke"], nu = ["cx", "cy", "stroke", "fill"], uu = ["cx", "cy", "fill"], iu = ["cx", "cy", "stroke", "fill"], su = ["cx", "cy", "fill"], ru = ["x", "height", "width", "onMouseenter"], cu = ["min", "max"], vu = ["min", "max"], Ra = 48, du = {
   __name: "SlicerPreview",
   props: {
     immediate: {
@@ -190,152 +190,152 @@ const _n = {
   },
   emits: ["futureStart", "futureEnd", "update:start", "update:end", "reset", "trapMouse"],
   setup(S, { expose: Sa, emit: $a }) {
-    Yo((v) => ({
-      31489338: Tl.value,
-      "7f513ed8": ne.value,
-      "74ff4a49": mt.value,
-      "5f868008": S.selectColor,
-      "2feba696": zl.value
+    Yo((d) => ({
+      v31489338: Tl.value,
+      v7f513ed8: ue.value,
+      v74ff4a49: mt.value,
+      v5f868008: S.selectColor,
+      v2feba696: zl.value
     }));
-    const d = S, Ne = y(null), ve = y(d.min), me = y(d.max), ge = x(() => !!d.minimap.length), Cl = y(ga()), $t = y(!1), Nt = x(() => ge.value && d.minimapCompact), Kl = y(0), qt = ba((v) => Le("futureStart", v), 0), gl = ba((v) => Le("futureEnd", v), 0), Ut = x({
+    const h = S, Ne = y(null), ve = y(h.min), me = y(h.max), ge = x(() => !!h.minimap.length), Cl = y(ga()), $t = y(!1), Nt = x(() => ge.value && h.minimapCompact), Kl = y(0), qt = ba((d) => Le("futureStart", d), 0), xl = ba((d) => Le("futureEnd", d), 0), Zt = x({
       get: () => ve.value,
-      set(v) {
-        const m = Math.min(v, me.value - 1);
-        m !== ve.value && (ve.value = m, Lt.value && (Lt.value.value = String(m)), d.immediate ? Le("update:start", Number(m)) : $t.value && qt(m));
+      set(d) {
+        const m = Math.min(d, me.value - 1);
+        m !== ve.value && (ve.value = m, Lt.value && (Lt.value.value = String(m)), h.immediate ? Le("update:start", Number(m)) : $t.value && qt(m));
       }
     }), _t = x({
       get: () => me.value,
-      set(v) {
-        const m = Math.max(v, ve.value + 1);
-        m !== me.value && (me.value = m, t.value && (t.value.value = String(m)), d.immediate ? Le("update:end", Number(m)) : $t.value && gl(m));
+      set(d) {
+        const m = Math.max(d, ve.value + 1);
+        m !== me.value && (me.value = m, t.value && (t.value.value = String(m)), h.immediate ? Le("update:end", Number(m)) : $t.value && xl(m));
       }
     });
     let Be = null;
     function Te() {
-      clearTimeout(Be), d.immediate || (Le("update:start", Number(ve.value)), Le("update:end", Number(me.value))), $t.value = !1;
+      clearTimeout(Be), h.immediate || (Le("update:start", Number(ve.value)), Le("update:end", Number(me.value))), $t.value = !1;
     }
-    const Ke = x(() => d.refreshEndPoint === null ? d.max : d.refreshEndPoint), Le = $a, ft = x(() => {
+    const Ke = x(() => h.refreshEndPoint === null ? h.max : h.refreshEndPoint), Le = $a, ft = x(() => {
       if (Nt.value) {
         const m = Math.max(1, at.value - 1);
         return Pt.value / m * 100;
       }
-      const v = Math.max(1, d.max - d.min);
-      return (ve.value - d.min) / v * 100;
+      const d = Math.max(1, h.max - h.min);
+      return (ve.value - h.min) / d * 100;
     }), Mt = x(() => {
       if (Nt.value) {
         const m = Math.max(1, at.value - 1);
-        return el.value / m * 100;
+        return tl.value / m * 100;
       }
-      const v = Math.max(1, d.max - d.min);
-      return (me.value - d.min) / v * 100;
-    }), Al = x(() => (ft.value + Mt.value) / 2), Zt = x(() => {
+      const d = Math.max(1, h.max - h.min);
+      return (me.value - h.min) / d * 100;
+    }), Al = x(() => (ft.value + Mt.value) / 2), Kt = x(() => {
       if (!Ne.value) return !1;
-      const v = Math.max(1, d.max - d.min);
-      return Ne.value.getBoundingClientRect().width * ((ve.value - d.min) / v) - yl.value / 2 < 0;
-    }), Kt = x(() => {
+      const d = Math.max(1, h.max - h.min);
+      return Ne.value.getBoundingClientRect().width * ((ve.value - h.min) / d) - pl.value / 2 < 0;
+    }), Jt = x(() => {
       if (!Ne.value) return !1;
-      const v = Math.max(1, d.max - d.min), m = Ne.value.getBoundingClientRect().width;
-      return m * ((me.value - d.min) / v) + c.value / 2 > m;
+      const d = Math.max(1, h.max - h.min), m = Ne.value.getBoundingClientRect().width;
+      return m * ((me.value - h.min) / d) + c.value / 2 > m;
     }), $e = x(() => {
-      const v = Kt.value ? `calc(${Al.value}% - ${Bt.value.width}px - 2px)` : Zt.value ? `calc(${Al.value}% - 8px)` : `calc(${Al.value}% - ${Bt.value.width / 2}px - 4px)`;
+      const d = Jt.value ? `calc(${Al.value}% - ${Bt.value.width}px - 2px)` : Kt.value ? `calc(${Al.value}% - 8px)` : `calc(${Al.value}% - ${Bt.value.width / 2}px - 4px)`;
       return {
         left: `${ft.value}%`,
         width: `${Math.max(0, Mt.value - ft.value)}%`,
-        background: d.selectColor,
-        tooltipLeft: `calc(${ft.value}% - ${Zt.value ? 9 : yl.value / 2 + 3.5}px)`,
-        tooltipRight: `calc(${Mt.value}% - ${Kt.value ? c.value - 9 : c.value / 2 - 3.5}px)`,
-        tooltipCenter: v,
-        arrowLeft: !Zt.value,
-        arrowRight: !Kt.value
+        background: h.selectColor,
+        tooltipLeft: `calc(${ft.value}% - ${Kt.value ? 9 : pl.value / 2 + 3.5}px)`,
+        tooltipRight: `calc(${Mt.value}% - ${Jt.value ? c.value - 9 : c.value / 2 - 3.5}px)`,
+        tooltipCenter: d,
+        arrowLeft: !Kt.value,
+        arrowRight: !Jt.value
       };
-    }), Tl = x(() => d.inputColor), zl = x(() => d.background), mt = x(() => `${d.selectColor}33`), ne = x(() => d.borderColor), Jl = x(() => {
-      let v = [];
-      for (let m = 0; m < d.max; m += 1)
-        v.push(m);
-      return v;
+    }), Tl = x(() => h.inputColor), zl = x(() => h.background), mt = x(() => `${h.selectColor}33`), ue = x(() => h.borderColor), Jl = x(() => {
+      let d = [];
+      for (let m = 0; m < h.max; m += 1)
+        d.push(m);
+      return d;
     });
     function E() {
       Le("reset");
     }
     ht(
-      () => d.min,
-      (v) => {
-        Number(ve.value) < Number(v) && (ve.value = Number(v)), Number(me.value) < Number(v) && (me.value = Number(v));
+      () => h.min,
+      (d) => {
+        Number(ve.value) < Number(d) && (ve.value = Number(d)), Number(me.value) < Number(d) && (me.value = Number(d));
       }
     ), ht(
-      () => d.max,
-      (v) => {
-        Number(ve.value) > Number(v) && (ve.value = Number(v)), Number(me.value) > Number(v) && (me.value = Number(v));
+      () => h.max,
+      (d) => {
+        Number(ve.value) > Number(d) && (ve.value = Number(d)), Number(me.value) > Number(d) && (me.value = Number(d));
       }
     );
-    const Jt = y(null), W = y({
+    const Qt = y(null), W = y({
       width: 1,
       height: 1
-    }), le = y(null);
+    }), ae = y(null);
     Zl(() => {
       if (ge.value) {
-        const v = ba(() => {
-          if (!Jt.value) return;
-          const { width: m, height: f } = dn({ chart: Jt.value }), _ = Math.max(0, Math.round(m)), T = Math.max(0, Math.round(f - 47));
+        const d = ba(() => {
+          if (!Qt.value) return;
+          const { width: m, height: f } = dn({ chart: Qt.value }), _ = Math.max(0, Math.round(m)), T = Math.max(0, Math.round(f - 47));
           (_ !== W.value.width || T !== W.value.height) && (W.value.width = _, W.value.height = T);
         }, 0);
-        le.value = new ResizeObserver(v), le.value.observe(Jt.value);
+        ae.value = new ResizeObserver(d), ae.value.observe(Qt.value);
       }
     }), Ll(() => {
-      le.value && le.value.disconnect();
+      ae.value && ae.value.disconnect();
     });
-    const at = x(() => Math.max(1, d.max - d.min));
-    function Ql(v) {
-      const m = Math.floor(v - d.min);
+    const at = x(() => Math.max(1, h.max - h.min));
+    function Ql(d) {
+      const m = Math.floor(d - h.min);
       return Math.min(Math.max(0, m), at.value);
     }
-    function Qt(v) {
-      const m = Math.ceil(v - d.min);
+    function jt(d) {
+      const m = Math.ceil(d - h.min);
       return Math.min(Math.max(0, m), at.value);
     }
-    const Ee = x(() => Ql(ve.value)), Pe = x(() => Qt(me.value)), xl = x(() => Math.max(...d.allMinimaps.map((v) => v.series.length))), ae = x(() => {
-      if (!d.minimap.length) return 0;
-      const v = Math.max(1, xl.value - (d.minimapCompact ? 1 : 0));
-      return W.value.width / v;
-    }), de = x(() => d.allMinimaps.length ? d.allMinimaps.filter((v) => v.type === "bar").length : 0), Z = x(() => ae.value / (de.value || 1) * 0.8);
-    function Il(v, m, f) {
-      const _ = Z.value, T = Math.max(1, de.value), D = xl.value - 1;
-      return f === 0 ? v + _ / 2 * m : f === D ? v - _ / 2 * (T - m) : v - T * _ / 2 + m * _;
+    const Ee = x(() => Ql(ve.value)), Pe = x(() => jt(me.value)), bl = x(() => Math.max(...h.allMinimaps.map((d) => d.series.length))), oe = x(() => {
+      if (!h.minimap.length) return 0;
+      const d = Math.max(1, bl.value - (h.minimapCompact ? 1 : 0));
+      return W.value.width / d;
+    }), de = x(() => h.allMinimaps.length ? h.allMinimaps.filter((d) => d.type === "bar").length : 0), J = x(() => oe.value / (de.value || 1) * 0.8);
+    function Il(d, m, f) {
+      const _ = J.value, T = Math.max(1, de.value), D = bl.value - 1;
+      return f === 0 ? d + _ / 2 * m : f === D ? d - _ / 2 * (T - m) : d - T * _ / 2 + m * _;
     }
-    function Nl(v, m) {
-      return [0, xl.value - 1].includes(m) ? Z.value / 2 : Z.value;
+    function Nl(d, m) {
+      return [0, bl.value - 1].includes(m) ? J.value / 2 : J.value;
     }
     const Pl = x(() => {
-      const v = [];
-      if (Array.isArray(d.minimap) && d.minimap.length && d.minimapMerged && v.push(...d.minimap.filter(Number.isFinite)), Array.isArray(d.allMinimaps) && d.allMinimaps.length)
-        for (const m of d.allMinimaps)
-          m?.isVisible && Array.isArray(m?.series) && v.push(...m.series.filter(Number.isFinite));
-      return v.length ? { min: Math.min(...v), max: Math.max(...v) } : { min: 0, max: 1 };
-    }), He = x(() => Pl.value.min), gt = x(() => Pl.value.max), X = x(() => He.value < 0 && gt.value > 0 || gt.value <= 0 ? He.value : 0), jl = x(() => Math.max(1e-9, Math.max(Math.abs(He.value), Math.abs(gt.value)))), Fl = x(() => He.value < 0 && gt.value > 0), bl = (v) => {
+      const d = [];
+      if (Array.isArray(h.minimap) && h.minimap.length && h.minimapMerged && d.push(...h.minimap.filter(Number.isFinite)), Array.isArray(h.allMinimaps) && h.allMinimaps.length)
+        for (const m of h.allMinimaps)
+          m?.isVisible && Array.isArray(m?.series) && d.push(...m.series.filter(Number.isFinite));
+      return d.length ? { min: Math.min(...d), max: Math.max(...d) } : { min: 0, max: 1 };
+    }), He = x(() => Pl.value.min), gt = x(() => Pl.value.max), X = x(() => He.value < 0 && gt.value > 0 || gt.value <= 0 ? He.value : 0), jl = x(() => Math.max(1e-9, Math.max(Math.abs(He.value), Math.abs(gt.value)))), Fl = x(() => He.value < 0 && gt.value > 0), yl = (d) => {
       const m = Math.max(1, W.value.height);
       if (Fl.value) {
         const f = jl.value;
-        return (1 - (Math.max(-1, Math.min(1, v / f)) + 1) / 2) * m;
+        return (1 - (Math.max(-1, Math.min(1, d / f)) + 1) / 2) * m;
       } else {
         const f = Math.min(0, He.value), _ = Math.max(0, gt.value);
-        return m - (v - f) / Math.max(1e-9, _ - f) * m;
+        return m - (d - f) / Math.max(1e-9, _ - f) * m;
       }
-    }, _e = x(() => bl(0));
-    function ot(v, m, f) {
+    }, _e = x(() => yl(0));
+    function ot(d, m, f) {
       const _ = (D, we, $) => Math.max(we, Math.min($, D));
       if (m <= 0) {
-        const D = Math.max(1e-9, 0 - v);
-        return (we) => f - (we - v) / D * f;
-      } else if (v >= 0) {
+        const D = Math.max(1e-9, 0 - d);
+        return (we) => f - (we - d) / D * f;
+      } else if (d >= 0) {
         const D = Math.max(1e-9, m - 0);
         return (we) => f - (we - 0) / D * f;
       } else {
-        const D = Math.max(1e-9, Math.max(Math.abs(v), Math.abs(m)));
+        const D = Math.max(1e-9, Math.max(Math.abs(d), Math.abs(m)));
         return (we) => (1 - (_(we / D, -1, 1) + 1) / 2) * f;
       }
     }
-    function jt(v, m = !1) {
-      if (!v || !v.length)
+    function el(d, m = !1) {
+      if (!d || !d.length)
         return {
           fullSet: "",
           points: [],
@@ -348,21 +348,21 @@ const _n = {
           fullMarkers: [],
           selectionMarkers: []
         };
-      const f = Math.max(1, W.value.height), _ = ot(He.value, gt.value, f), T = v.length, D = Math.min(Math.max(0, Ee.value), Math.max(0, T - 1)), we = Math.min(T, Math.max(D + 1, Pe.value)), $ = v.map((se, il) => {
-        const wt = se, oa = Number.isFinite(wt), La = ae.value * il + (d.minimapCompact ? 0 : ae.value / 2), Ca = _(0);
+      const f = Math.max(1, W.value.height), _ = ot(He.value, gt.value, f), T = d.length, D = Math.min(Math.max(0, Ee.value), Math.max(0, T - 1)), we = Math.min(T, Math.max(D + 1, Pe.value)), $ = d.map((se, sl) => {
+        const wt = se, oa = Number.isFinite(wt), La = oe.value * sl + (h.minimapCompact ? 0 : oe.value / 2), Ca = _(0);
         return {
           x: La,
           y: oa ? _(wt) : NaN,
           v: wt,
           value: wt == null ? null : oa ? wt : null,
           y0: Ca,
-          i: il
+          i: sl
         };
-      }), kl = (se) => se >= 0 && se < $.length && Number.isFinite($[se]?.value), st = $.filter((se) => Number.isFinite(se.value) && !kl(se.i - 1) && !kl(se.i + 1)), Et = st.filter((se) => se.i >= D && se.i < we), Tt = $.slice(D, we), aa = $.length >= 2 ? d.smoothMinimap || m ? d.cutNullValues ? ya($) : pa($.filter((se) => se.value != null)) : d.cutNullValues ? ka($) : wa($.filter((se) => se.value != null)) : "", ul = Tt.length >= 2 ? d.smoothMinimap || m ? d.cutNullValues ? ya(Tt) : pa(Tt.filter((se) => se.value != null)) : d.cutNullValues ? ka(Tt) : wa(Tt.filter((se) => se.value != null)) : "";
+      }), wl = (se) => se >= 0 && se < $.length && Number.isFinite($[se]?.value), st = $.filter((se) => Number.isFinite(se.value) && !wl(se.i - 1) && !wl(se.i + 1)), Et = st.filter((se) => se.i >= D && se.i < we), Tt = $.slice(D, we), aa = $.length >= 2 ? h.smoothMinimap || m ? h.cutNullValues ? ya($) : pa($.filter((se) => se.value != null)) : h.cutNullValues ? ka($) : wa($.filter((se) => se.value != null)) : "", il = Tt.length >= 2 ? h.smoothMinimap || m ? h.cutNullValues ? ya(Tt) : pa(Tt.filter((se) => se.value != null)) : h.cutNullValues ? ka(Tt) : wa(Tt.filter((se) => se.value != null)) : "";
       return {
         fullSet: aa,
         points: $,
-        selectionSet: ul,
+        selectionSet: il,
         sliced: Tt,
         firstPlot: $[D] || null,
         lastPlot: $[Math.max(0, we - 1)] || null,
@@ -372,140 +372,140 @@ const _n = {
         selectionMarkers: Et
       };
     }
-    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;
+    const H = x(() => h.minimap.length ? el(h.minimap) : []), Je = x(() => h.allMinimaps.length ? h.allMinimaps.map((d, m) => {
+      const f = el(d?.series || [], !!d.smooth), _ = d?.id ?? d?.name ?? m;
       return {
         key: typeof _ == "object" ? JSON.stringify(_) : String(_),
-        color: v?.color,
+        color: d?.color,
         ...f,
-        isVisible: v.isVisible,
-        type: v.type || "line"
+        isVisible: d.isVisible,
+        type: d.type || "line"
       };
     }) : []), M = x(() => {
-      const v = Ee.value, m = Math.max(v + 1, Pe.value);
+      const d = Ee.value, m = Math.max(d + 1, Pe.value);
       return {
-        x: ae.value * v + (d.minimapCompact ? 0 : ae.value / 2),
-        width: ae.value * (m - v) - ae.value
+        x: oe.value * d + (h.minimapCompact ? 0 : oe.value / 2),
+        width: oe.value * (m - d) - oe.value
       };
-    }), xt = y(d.minimapSelectedIndex), Rl = (v) => Math.round(d.min + v), Pt = x({
+    }), xt = y(h.minimapSelectedIndex), Rl = (d) => Math.round(h.min + d), Pt = x({
       get() {
-        return Nt.value ? Ee.value : Number(Ut.value);
+        return Nt.value ? Ee.value : Number(Zt.value);
       },
-      set(v) {
+      set(d) {
         if (Nt.value) {
-          const m = Math.round(+v || 0);
+          const m = Math.round(+d || 0);
           Ct(Rl(m));
         } else {
-          let m = Math.round(+v || 0);
-          const f = Number(me.value) - 1, _ = Math.min(Math.max(d.min, m), f);
+          let m = Math.round(+d || 0);
+          const f = Number(me.value) - 1, _ = Math.min(Math.max(h.min, m), f);
           Lt.value && (Lt.value.valueAsNumber = _), Ct(_);
         }
       }
-    }), el = x({
+    }), tl = x({
       get() {
         return Nt.value ? Math.max(Ee.value, Pe.value - 1) : Number(_t.value);
       },
-      set(v) {
+      set(d) {
         if (Nt.value) {
-          const m = Math.round(+v || 0);
+          const m = Math.round(+d || 0);
           Me(Rl(m + 1));
         } else {
-          let m = Math.round(+v || 0);
-          const f = Number(ve.value) + 1, _ = Math.max(f, Math.min(m, d.max));
+          let m = Math.round(+d || 0);
+          const f = Number(ve.value) + 1, _ = Math.max(f, Math.min(m, h.max));
           t.value && (t.value.valueAsNumber = _), Me(_);
         }
       }
     });
-    function A(v) {
-      xt.value = Ql(d.valueStart) + v;
+    function A(d) {
+      xt.value = Ql(h.valueStart) + d;
     }
     const De = vn(A, 60);
-    ht(() => d.minimapSelectedIndex, (v, m) => {
-      if ([null, void 0].includes(v)) {
+    ht(() => h.minimapSelectedIndex, (d, m) => {
+      if ([null, void 0].includes(d)) {
         xt.value = null;
         return;
       }
-      v !== m && De(v);
+      d !== m && De(d);
     }, { immediate: !0 });
-    function Ol(v) {
-      xt.value = v;
+    function Ol(d) {
+      xt.value = d;
       const m = Ee.value, f = Pe.value;
-      v >= m && v < f && !tt.value && Le("trapMouse", v - m);
+      d >= m && d < f && !tt.value && Le("trapMouse", d - m);
     }
     const Lt = y(null), t = y(null);
-    function p(v) {
-      if (typeof v == "object" && v && "target" in v) {
-        const f = v.target, _ = "valueAsNumber" in f ? f.valueAsNumber : +f.value;
+    function p(d) {
+      if (typeof d == "object" && d && "target" in d) {
+        const f = d.target, _ = "valueAsNumber" in f ? f.valueAsNumber : +f.value;
         return Number.isFinite(_) ? _ : NaN;
       }
-      const m = +v;
+      const m = +d;
       return Number.isFinite(m) ? m : NaN;
     }
-    let tl = 0;
-    function Ct(v) {
+    let ll = 0;
+    function Ct(d) {
       $t.value = !0;
-      const m = p(v);
-      Number.isFinite(m) && (cancelAnimationFrame(tl), tl = requestAnimationFrame(() => {
-        Ut.value = m;
+      const m = p(d);
+      Number.isFinite(m) && (cancelAnimationFrame(ll), ll = requestAnimationFrame(() => {
+        Zt.value = m;
       }));
     }
     let be = 0;
-    function Me(v) {
+    function Me(d) {
       $t.value = !0;
-      const m = p(v);
+      const m = p(d);
       Number.isFinite(m) && (cancelAnimationFrame(be), be = requestAnimationFrame(() => {
         _t.value = m;
       }));
     }
     Ll(() => {
-      cancelAnimationFrame(tl), cancelAnimationFrame(be);
+      cancelAnimationFrame(ll), cancelAnimationFrame(be);
     });
-    const bt = x(() => d.valueEnd - d.valueStart), _a = x(() => bt.value < d.max - d.min), Ft = y(!1);
+    const bt = x(() => h.valueEnd - h.valueStart), _a = x(() => bt.value < h.max - h.min), Ft = y(!1);
     let yt = y(null);
-    const Qe = x(() => (Kl.value - 48) / (d.max - d.min) * bt.value), w = x(() => Math.max(1, Kl.value - Ra - Qe.value)), We = x(() => Math.max(1, d.max - d.min - bt.value)), ea = x(() => We.value / w.value), Vl = y(0), At = y(0), Ma = y(0), Bl = y(0);
+    const Qe = x(() => (Kl.value - 48) / (h.max - h.min) * bt.value), w = x(() => Math.max(1, Kl.value - Ra - Qe.value)), We = x(() => Math.max(1, h.max - h.min - bt.value)), ea = x(() => We.value / w.value), Vl = y(0), At = y(0), Ma = y(0), Bl = y(0);
     let nt = null, ut = null, it = null, pt = null;
-    const ll = y(d.min);
-    function Rt(v) {
-      if (!Ne.value) return d.min;
-      const m = Ne.value.getBoundingClientRect(), f = m.left + Ra / 2, _ = m.right - Ra / 2, T = Math.max(1, _ - f), we = (Math.max(f, Math.min(v, _)) - f) / T, $ = Math.max(1, d.max - d.min);
-      return Math.round(d.min + we * $);
+    const al = y(h.min);
+    function Rt(d) {
+      if (!Ne.value) return h.min;
+      const m = Ne.value.getBoundingClientRect(), f = m.left + Ra / 2, _ = m.right - Ra / 2, T = Math.max(1, _ - f), we = (Math.max(f, Math.min(d, _)) - f) / T, $ = Math.max(1, h.max - h.min);
+      return Math.round(h.min + we * $);
     }
-    const al = async (v) => {
-      if ($t.value = !0, Vt.value = !0, !d.enableSelectionDrag) return;
-      const m = v.type === "touchstart";
-      m || v.stopPropagation();
-      const f = m && v.targetTouches && v.targetTouches[0] ? v.targetTouches[0] : null, _ = m ? f ? f.target : null : v.target;
+    const ol = async (d) => {
+      if ($t.value = !0, Vt.value = !0, !h.enableSelectionDrag) return;
+      const m = d.type === "touchstart";
+      m || d.stopPropagation();
+      const f = m && d.targetTouches && d.targetTouches[0] ? d.targetTouches[0] : null, _ = m ? f ? f.target : null : d.target;
       if (!_ || !(_ instanceof Element) || _.classList && _.classList.contains("range-handle")) return;
       Ft.value = !0;
-      const T = m ? f ? f.clientX : 0 : v.clientX;
-      if (yt.value = T, Vl.value = T, d.focusOnDrag && !_a.value && Ne.value) {
-        ll.value = Rt(T);
-        const D = Math.min(0.95, Math.max(0.05, d.focusRangeRatio)), we = d.max - d.min, $ = Math.max(1, Math.round(we * D)), kl = Math.floor($ / 2);
-        let st = ll.value - kl;
-        st = Math.max(d.min, Math.min(st, d.max - $));
-        const Et = Math.min(d.max, st + $);
-        Ut.value = st, _t.value = Et, qt(st), gl(Et), yo(Ne.value, "mouseup"), await Ml(), yo(Ne.value, "mousedown", { clientX: T });
+      const T = m ? f ? f.clientX : 0 : d.clientX;
+      if (yt.value = T, Vl.value = T, h.focusOnDrag && !_a.value && Ne.value) {
+        al.value = Rt(T);
+        const D = Math.min(0.95, Math.max(0.05, h.focusRangeRatio)), we = h.max - h.min, $ = Math.max(1, Math.round(we * D)), wl = Math.floor($ / 2);
+        let st = al.value - wl;
+        st = Math.max(h.min, Math.min(st, h.max - $));
+        const Et = Math.min(h.max, st + $);
+        Zt.value = st, _t.value = Et, qt(st), xl(Et), yo(Ne.value, "mouseup"), await Ml(), yo(Ne.value, "mousedown", { clientX: T });
       }
-      At.value = ve.value, Ma.value = me.value, Bl.value = ea.value, nt = m ? "touchmove" : "mousemove", ut = m ? "touchend" : "mouseup", it = m ? ol : Xe, pt = m ? Fe : et, window.addEventListener(nt, it, { passive: !1 }), window.addEventListener(ut, pt);
+      At.value = ve.value, Ma.value = me.value, Bl.value = ea.value, nt = m ? "touchmove" : "mousemove", ut = m ? "touchend" : "mouseup", it = m ? nl : Xe, pt = m ? Fe : et, window.addEventListener(nt, it, { passive: !1 }), window.addEventListener(ut, pt);
     };
-    function Xe(v) {
-      Ft.value && je(v.clientX);
+    function Xe(d) {
+      Ft.value && je(d.clientX);
     }
-    function ol(v) {
+    function nl(d) {
       if (!Ft.value || !Ne.value) return;
-      const m = v.target;
+      const m = d.target;
       if (!(m instanceof Element) || !Ne.value.contains(m) || m.classList && m.classList.contains("range-handle")) return;
-      v.preventDefault();
-      const f = v.targetTouches && v.targetTouches[0] ? v.targetTouches[0] : null;
+      d.preventDefault();
+      const f = d.targetTouches && d.targetTouches[0] ? d.targetTouches[0] : null;
       f && je(f.clientX);
     }
-    function je(v) {
+    function je(d) {
       if (!Ft.value) return;
-      const m = Rt(Vl.value), _ = Rt(v) - m;
+      const m = Rt(Vl.value), _ = Rt(d) - m;
       let T = Math.round(At.value + _);
-      T = Math.max(d.min, Math.min(T, d.max - bt.value));
+      T = Math.max(h.min, Math.min(T, h.max - bt.value));
       const D = T + bt.value;
-      Ut.value = T, _t.value = D, qt(T), gl(D);
+      Zt.value = T, _t.value = D, qt(T), xl(D);
     }
     function et() {
       ta();
@@ -516,85 +516,85 @@ const _n = {
     function ta() {
       Ft.value = !1, nt && it && window.removeEventListener(nt, it), ut && pt && window.removeEventListener(ut, pt), nt = ut = null, it = pt = null, Te();
     }
-    const tt = y(!1), nl = y(null), Ot = y(null), yl = y(1), c = y(1), Vt = y(!1);
+    const tt = y(!1), ul = y(null), Ot = y(null), pl = y(1), c = y(1), Vt = y(!1);
     function El() {
-      if (nl.value) {
-        const v = Math.round(nl.value.getBoundingClientRect().width);
-        v !== yl.value && (yl.value = v);
+      if (ul.value) {
+        const d = Math.round(ul.value.getBoundingClientRect().width);
+        d !== pl.value && (pl.value = d);
       }
     }
-    function pl() {
+    function kl() {
       if (Ot.value) {
-        const v = Math.round(Ot.value.getBoundingClientRect().width);
-        v !== c.value && (c.value = v);
+        const d = Math.round(Ot.value.getBoundingClientRect().width);
+        d !== c.value && (c.value = d);
       }
     }
     ho(() => {
-      El(), pl();
+      El(), kl();
     });
     const la = y(0);
-    function Hl(v) {
-      la.value = v === "start" ? 1 : 0;
+    function Hl(d) {
+      la.value = d === "start" ? 1 : 0;
     }
     const kt = y(!1), Bt = y({
       width: 0,
       left: 0
     });
     ht([ve, me], async () => {
-      if (await Ml(), !nl.value || !Ot.value) {
+      if (await Ml(), !ul.value || !Ot.value) {
         kt.value = !1, Bt.value = { width: 0, left: 0 };
         return;
       }
-      const v = nl.value.getBoundingClientRect(), m = Ot.value.getBoundingClientRect();
-      kt.value = v.x + v.width > m.x;
-      const f = v.x + v.width / 2, _ = m.x + m.width / 2, T = v.width + m.width, D = (f + _) / 2;
+      const d = ul.value.getBoundingClientRect(), m = Ot.value.getBoundingClientRect();
+      kt.value = d.x + d.width > m.x;
+      const f = d.x + d.width / 2, _ = m.x + m.width / 2, T = d.width + m.width, D = (f + _) / 2;
       Bt.value = {
         width: T,
         left: D - T / 2
       };
     }), ho(() => {
-      El(), pl();
-    }), ht(() => d.labelLeft, () => {
+      El(), kl();
+    }), ht(() => h.labelLeft, () => {
       Ml(El);
-    }, { deep: !0 }), ht(() => d.labelRight, () => {
-      Ml(pl);
+    }, { deep: !0 }), ht(() => h.labelRight, () => {
+      Ml(kl);
     }, { deep: !0 });
     const xe = x(() => {
-      let v = "", m = "", f = !1;
-      if (xa(d.customFormat))
+      let d = "", m = "", f = !1;
+      if (xa(h.customFormat))
         try {
-          const _ = d.customFormat({
+          const _ = h.customFormat({
             absoluteIndex: ve.value,
             seriesIndex: ve.value,
-            datapoint: d.selectedSeries
-          }), T = d.customFormat({
+            datapoint: h.selectedSeries
+          }), T = h.customFormat({
             absoluteIndex: me.value - 1,
             seriesIndex: -1,
-            datapoint: d.selectedSeries
+            datapoint: h.selectedSeries
           });
-          typeof _ == "string" && typeof T == "string" && (v = _, m = T, f = !0);
+          typeof _ == "string" && typeof T == "string" && (d = _, m = T, f = !0);
         } catch {
           f = !1;
         }
       if (!f) {
-        const _ = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === ve.value) : d.timeLabels.find((D) => D.absoluteIndex === ve.value), T = d.usePreciseLabels ? d.preciseLabels.find((D) => D.absoluteIndex === me.value - 1) : d.timeLabels.find((D) => D.absoluteIndex === me.value - 1);
-        v = _ ? _.text : "", m = T ? T.text : "";
+        const _ = h.usePreciseLabels ? h.preciseLabels.find((D) => D.absoluteIndex === ve.value) : h.timeLabels.find((D) => D.absoluteIndex === ve.value), T = h.usePreciseLabels ? h.preciseLabels.find((D) => D.absoluteIndex === me.value - 1) : h.timeLabels.find((D) => D.absoluteIndex === me.value - 1);
+        d = _ ? _.text : "", m = T ? T.text : "";
       }
-      return { left: v, right: m };
+      return { left: d, right: m };
     });
     Ll(() => {
-      le.value && le.value.disconnect(), nt && it && window.removeEventListener(nt, it), ut && pt && window.removeEventListener(ut, pt), nt = ut = null, it = pt = null, clearTimeout(Be);
+      ae.value && ae.value.disconnect(), nt && it && window.removeEventListener(nt, it), ut && pt && window.removeEventListener(ut, pt), nt = ut = null, it = pt = null, clearTimeout(Be);
     });
     const Dl = x(() => {
       if (!Jl.value.length) return null;
       if (xt.value >= Ee.value && xt.value < Pe.value) {
-        const v = xt.value;
+        const d = xt.value;
         return {
-          x1: ae.value * v + (d.minimapCompact ? 0 : ae.value / 2),
-          x2: ae.value * v + (d.minimapCompact ? 0 : ae.value / 2),
+          x1: oe.value * d + (h.minimapCompact ? 0 : oe.value / 2),
+          x2: oe.value * d + (h.minimapCompact ? 0 : oe.value / 2),
           y1: 0,
           y2: Math.max(W.value.height, 0),
-          stroke: d.minimapIndicatorColor,
+          stroke: h.minimapIndicatorColor,
           "stroke-linecap": "round",
           "stroke-dasharray": 2,
           "stroke-width": 1
@@ -605,18 +605,18 @@ const _n = {
     return Sa({
       setStartValue: Ct,
       setEndValue: Me
-    }), (v, m) => (n(), u("div", {
+    }), (d, m) => (n(), u("div", {
       "data-dom-to-png-ignore": "",
       style: { padding: "0 24px" },
       class: "vue-data-ui-zoom",
       ref_key: "zoomWrapper",
       ref: Ne,
-      onMousedown: al,
-      onTouchstart: al
+      onMousedown: ol,
+      onTouchstart: ol
     }, [
       k("div", _n, [
         S.valueStart !== S.refreshStartPoint || S.valueEnd !== Ke.value ? (n(), u("div", Mn, [
-          S.useResetSlot ? te(v.$slots, "reset-action", {
+          S.useResetSlot ? le(d.$slots, "reset-action", {
             key: 1,
             reset: E
           }, void 0, !0) : (n(), u("button", {
@@ -630,7 +630,7 @@ const _n = {
             }),
             onClick: E
           }, [
-            ml(Sn, {
+            gl(Sn, {
               name: "refresh",
               stroke: S.textColor
             }, null, 8, ["stroke"])
@@ -640,7 +640,7 @@ const _n = {
       k("div", {
         class: "double-range-slider",
         ref_key: "minimapWrapper",
-        ref: Jt,
+        ref: Qt,
         style: { "z-index": "0" },
         onMouseenter: m[11] || (m[11] = (f) => Vt.value = !0),
         onMouseleave: m[12] || (m[12] = (f) => Vt.value = !1)
@@ -648,7 +648,7 @@ const _n = {
         ge.value ? (n(), u("div", Ln, [
           (n(), u("svg", {
             key: `mm-${S.minimapMerged ? "merged" : "split"}-${S.minimapCompact ? "compact" : "normal"}`,
-            xmlns: h(Qo),
+            xmlns: v(Qo),
             viewBox: `0 0 ${Math.max(0, W.value.width)} ${Math.max(0, W.value.height)}`
           }, [
             k("defs", null, [
@@ -692,7 +692,7 @@ const _n = {
             }, null, 8, In)) : g("", !0),
             S.minimapMerged && !S.minimapCompact ? (n(), u("path", {
               key: 2,
-              d: `M${ae.value / 2},${Math.max(W.value.height, 0)} ${H.value.fullSet} L${W.value.width - ae.value / 2},${Math.max(W.value.height, 0)}Z`,
+              d: `M${oe.value / 2},${Math.max(W.value.height, 0)} ${H.value.fullSet} L${W.value.width - oe.value / 2},${Math.max(W.value.height, 0)}Z`,
               fill: `url(#${Cl.value})`,
               stroke: "none",
               style: { opacity: "0.6" }
@@ -724,7 +724,7 @@ const _n = {
                   cy: _.y,
                   r: "2",
                   fill: f.color,
-                  stroke: ne.value,
+                  stroke: ue.value,
                   "stroke-width": "0.5",
                   style: { opacity: "0.6" }
                 }, null, 8, Rn))), 128)) : g("", !0)
@@ -735,7 +735,7 @@ const _n = {
               y: 0,
               width: Math.max(0, M.value.width),
               height: Math.max(W.value.height, 0),
-              fill: ne.value,
+              fill: ue.value,
               rx: S.minimapSelectionRadius,
               stroke: "none"
             }, null, 8, On),
@@ -745,7 +745,7 @@ const _n = {
               width: M.value.width < 0 ? 0 : M.value.width,
               height: Math.max(W.value.height, 0),
               rx: S.minimapSelectionRadius,
-              fill: ne.value,
+              fill: ue.value,
               style: C({ opacity: Ft.value || $t.value ? 0 : 1 })
             }, null, 12, Vn),
             k("rect", {
@@ -791,7 +791,7 @@ const _n = {
                 cx: H.value.firstPlot.x,
                 cy: H.value.firstPlot.y,
                 "stroke-width": "0.5",
-                stroke: ne.value,
+                stroke: ue.value,
                 r: "3",
                 fill: S.minimapLineColor
               }, null, 8, Xn)) : g("", !0),
@@ -800,7 +800,7 @@ const _n = {
                 cx: H.value.lastPlot.x,
                 cy: H.value.lastPlot.y,
                 "stroke-width": "0.5",
-                stroke: ne.value,
+                stroke: ue.value,
                 r: "3",
                 fill: S.minimapLineColor
               }, null, 8, Yn)) : g("", !0)
@@ -814,8 +814,8 @@ const _n = {
                     width: Nl(_, D),
                     height: T.v >= 0 ? T.y0 - T.y : T.y - T.y0,
                     fill: f.color,
-                    style: C({ opacity: D >= Ut.value && D < _t.value ? 1 : 0 })
-                  }, null, 12, qn)) : g("", !0)
+                    style: C({ opacity: D >= Zt.value && D < _t.value ? 1 : 0 })
+                  }, null, 12, Un)) : g("", !0)
                 ], 64))), 256))
               ]))), 256)),
               (n(!0), u(b, null, L(Je.value.filter((f) => f.type === "line"), (f) => (n(), u("g", {
@@ -829,7 +829,7 @@ const _n = {
                   "stroke-width": "2",
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
-                }, null, 8, Un)) : g("", !0)
+                }, null, 8, qn)) : g("", !0)
               ]))), 128))
             ])),
             ge.value && S.minimapCompact ? (n(), u("rect", {
@@ -839,7 +839,7 @@ const _n = {
               y: 0,
               width: 8,
               height: W.value.height,
-              fill: ne.value,
+              fill: ue.value,
               stroke: S.textColor,
               rx: 3
             }, null, 8, Zn)) : g("", !0),
@@ -850,18 +850,18 @@ const _n = {
               y: 0,
               width: 8,
               height: W.value.height,
-              fill: ne.value,
+              fill: ue.value,
               stroke: S.textColor,
               rx: 3
             }, null, 8, Kn)) : g("", !0),
-            xt.value !== null && !tt.value ? (n(), u("line", Yt(Gt({ key: 9 }, Dl.value)), null, 16)) : g("", !0),
+            xt.value !== null && !tt.value ? (n(), u("line", Gt(Ut({ key: 9 }, Dl.value)), null, 16)) : g("", !0),
             S.minimapMerged ? (n(), u("g", Jn, [
               H.value && H.value.firstPlot && H.value.firstPlot.value !== null ? (n(), u("circle", {
                 key: 0,
                 cx: H.value.firstPlot.x,
                 cy: H.value.firstPlot.y,
                 "stroke-width": "0.5",
-                stroke: ne.value,
+                stroke: ue.value,
                 r: "4",
                 fill: S.minimapLineColor
               }, null, 8, Qn)) : g("", !0),
@@ -870,14 +870,14 @@ const _n = {
                 cx: H.value.firstPlot.x,
                 cy: H.value.firstPlot.y,
                 r: 2,
-                fill: ne.value
+                fill: ue.value
               }, null, 8, jn)) : g("", !0),
               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,
                 "stroke-width": "0.5",
-                stroke: ne.value,
+                stroke: ue.value,
                 r: "4",
                 fill: S.minimapLineColor
               }, null, 8, eu)) : g("", !0),
@@ -886,7 +886,7 @@ const _n = {
                 cx: H.value.lastPlot.x,
                 cy: H.value.lastPlot.y,
                 r: "2",
-                fill: ne.value
+                fill: ue.value
               }, 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", {
@@ -907,7 +907,7 @@ const _n = {
                   cy: _.y,
                   r: "2.5",
                   fill: f.color,
-                  stroke: ne.value,
+                  stroke: ue.value,
                   "stroke-width": "0.5"
                 }, null, 8, ou))), 128)) : g("", !0),
                 f && f.firstPlot && f.isVisible && f.firstPlot.value !== null ? (n(), u("circle", {
@@ -915,7 +915,7 @@ const _n = {
                   cx: f.firstPlot.x,
                   cy: f.firstPlot.y,
                   "stroke-width": "0.5",
-                  stroke: ne.value,
+                  stroke: ue.value,
                   r: "4",
                   fill: f.color
                 }, null, 8, nu)) : g("", !0),
@@ -924,14 +924,14 @@ const _n = {
                   cx: f.firstPlot.x,
                   cy: f.firstPlot.y,
                   r: "2",
-                  fill: ne.value
+                  fill: ue.value
                 }, 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,
                   "stroke-width": "0.5",
-                  stroke: ne.value,
+                  stroke: ue.value,
                   r: "4",
                   fill: f.color
                 }, null, 8, iu)) : g("", !0),
@@ -940,15 +940,15 @@ const _n = {
                   cx: f.lastPlot.x,
                   cy: f.lastPlot.y,
                   r: "2",
-                  fill: ne.value
+                  fill: ue.value
                 }, null, 8, su)) : g("", !0)
               ]))), 128))
             ])),
             (n(!0), u(b, null, L(Jl.value, (f, _) => (n(), u("rect", {
-              x: ae.value * _ - (S.minimapCompact ? ae.value / 2 : 0),
+              x: oe.value * _ - (S.minimapCompact ? oe.value / 2 : 0),
               y: 0,
               height: Math.max(W.value.height, 0),
-              width: ae.value < 0 ? 0 : ae.value,
+              width: oe.value < 0 ? 0 : oe.value,
               fill: "transparent",
               style: C([{ "pointer-events": "all !important" }, { cursor: f >= Ee.value && f < Pe.value && S.enableSelectionDrag ? tt.value ? "grabbing" : "grab" : "default" }]),
               onMousedown: m[0] || (m[0] = (T) => tt.value = !0),
@@ -1015,8 +1015,8 @@ const _n = {
           }),
           min: S.min,
           max: S.minimapCompact && ge.value ? Math.max(0, at.value - 1) : S.max,
-          "onUpdate:modelValue": m[8] || (m[8] = (f) => el.value = f),
-          onInput: m[9] || (m[9] = (f) => el.value = f.target.valueAsNumber),
+          "onUpdate:modelValue": m[8] || (m[8] = (f) => tl.value = f),
+          onInput: m[9] || (m[9] = (f) => tl.value = f.target.valueAsNumber),
           onChange: Te,
           onKeyup: fo(Te, ["enter"]),
           onBlur: Te,
@@ -1025,7 +1025,7 @@ const _n = {
         }, null, 42, vu)), [
           [
             mo,
-            el.value,
+            tl.value,
             void 0,
             { number: !0 }
           ]
@@ -1033,7 +1033,7 @@ const _n = {
         xe.value.left ? (n(), u("div", {
           key: 3,
           ref_key: "tooltipLeft",
-          ref: nl,
+          ref: ul,
           class: Ze({
             "range-tooltip": !0,
             "range-tooltip-visible": Vt.value,
@@ -1042,9 +1042,9 @@ const _n = {
           }),
           style: C({
             left: $e.value.tooltipLeft,
-            color: h(dt)(S.selectColor),
+            color: v(dt)(S.selectColor),
             backgroundColor: S.selectColor,
-            border: `1px solid ${ne.value}`,
+            border: `1px solid ${ue.value}`,
             zIndex: `${la.value + 4}`,
             visibility: kt.value || xe.value.left === xe.value.right ? "hidden" : "visible",
             top: ge.value && S.minimapCompact ? "calc(-100% - 12px)" : "-100%"
@@ -1063,9 +1063,9 @@ const _n = {
           style: C({
             left: $e.value.tooltipCenter,
             width: Bt.value.width + "px",
-            color: h(dt)(S.selectColor),
+            color: v(dt)(S.selectColor),
             backgroundColor: S.selectColor,
-            border: `1px solid ${ne.value}`,
+            border: `1px solid ${ue.value}`,
             zIndex: "4",
             top: ge.value && S.minimapCompact ? "calc(-100% - 12px)" : "-100%"
           })
@@ -1082,9 +1082,9 @@ const _n = {
           }),
           style: C({
             left: $e.value.tooltipRight,
-            color: h(dt)(S.selectColor),
+            color: v(dt)(S.selectColor),
             backgroundColor: S.selectColor,
-            border: `1px solid ${ne.value}`,
+            border: `1px solid ${ue.value}`,
             zIndex: "4",
             visibility: kt.value || xe.value.left === xe.value.right ? "hidden" : "visible",
             top: ge.value && S.minimapCompact ? "calc(-100% - 12px)" : "-100%"
@@ -1093,51 +1093,51 @@ const _n = {
       ], 544)
     ], 544));
   }
-}, hu = /* @__PURE__ */ Lo(du, [["__scopeId", "data-v-8840236b"]]), fu = ["id"], mu = ["id"], gu = ["viewBox", "aria-label"], xu = ["x", "y", "width", "height"], bu = { key: 1 }, yu = { class: "vue-ui-xy-grid" }, pu = ["stroke", "x1", "x2", "y1", "y2"], ku = ["stroke", "x1", "x2", "y1", "y2"], wu = { key: 1 }, Su = ["x1", "x2", "y1", "y2", "stroke"], $u = ["x1", "x2", "y1", "y2", "stroke"], _u = ["x1", "x2", "y1", "y2", "stroke"], Mu = { key: 3 }, Lu = ["d", "stroke"], Cu = { key: 4 }, Au = ["d", "stroke"], Tu = ["id"], zu = ["stop-color"], Iu = ["stop-color"], Nu = ["stop-color"], Pu = ["id"], Fu = ["stop-color"], Ru = ["stop-color"], Ou = ["stop-color"], Vu = ["id"], Bu = ["stop-color"], Eu = ["stop-color"], Hu = ["id"], Du = ["stop-color"], Wu = ["stop-color"], Xu = ["id"], Yu = ["stop-color"], Gu = ["stop-color"], qu = ["x", "y", "height", "width", "fill"], Uu = ["x", "y", "width"], Zu = { key: 0 }, Ku = ["x", "y", "height", "width", "fill"], Ju = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Qu = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], ju = ["width", "x", "y"], ei = { key: 0 }, ti = ["id"], li = ["fill"], ai = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], oi = ["x", "y", "font-size", "fill"], ni = ["stroke", "x1", "x2", "y1", "y2"], ui = { key: 3 }, ii = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], si = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], ri = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ci = ["fill", "font-size", "transform"], vi = ["x1", "x2", "y1", "y2", "stroke"], di = ["x", "y", "font-size", "fill"], hi = ["x1", "x2", "y1", "y2", "stroke"], fi = ["x", "y", "font-size", "fill"], mi = ["width", "x", "y"], gi = { style: { width: "100%" } }, xi = { key: 0 }, bi = ["id"], yi = ["fill"], pi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ki = ["x", "y", "font-size", "fill"], wi = ["d", "stroke", "stroke-width", "stroke-dasharray"], Si = ["d", "stroke", "stroke-width", "stroke-dasharray"], $i = { key: 6 }, _i = { key: 7 }, Mi = ["d", "fill", "fill-opacity"], Li = { key: 0 }, Ci = ["d", "fill"], Ai = ["d", "fill"], Ti = ["d", "fill"], zi = ["d", "fill"], Ii = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ni = ["d", "stroke", "stroke-width", "stroke-dasharray"], Pi = ["width", "x", "y"], Fi = { style: { width: "100%" } }, Ri = { key: 3 }, Oi = ["id"], Vi = ["fill"], Bi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ei = ["x", "y", "font-size", "fill"], Hi = { key: 8 }, Di = ["x", "y", "font-size", "fill"], Wi = ["x", "y", "font-size", "fill", "font-weight"], Xi = { key: 9 }, Yi = ["x", "y", "font-size", "fill"], Gi = { key: 10 }, qi = ["x", "y"], Ui = ["innerHTML"], Zi = ["x", "y"], Ki = ["innerHTML"], Ji = ["x1", "x2", "y1", "y2", "stroke"], Qi = { key: 11 }, ji = ["x", "y", "font-size", "fill"], es = { key: 12 }, ts = ["x", "y"], ls = ["innerHTML"], as = ["x", "y"], os = ["innerHTML"], ns = ["x1", "x2", "y1", "y2", "stroke"], us = ["x", "y", "font-size", "fill", "innerHTML"], is = ["x", "y", "font-size", "fill", "innerHTML"], ss = ["x", "y", "font-size", "fill", "innerHTML"], rs = ["x", "y", "font-size", "fill", "innerHTML"], cs = ["id"], vs = ["stop-color"], ds = ["stop-color"], hs = ["x", "y", "width", "height", "fill", "onMouseenter"], fs = ["font-size", "fill", "transform"], ms = ["x", "y", "font-size", "fill"], gs = ["text-anchor", "font-size", "fill", "transform", "onClick"], xs = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], bs = { key: 15 }, ys = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ps = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ks = ["y", "x", "width", "height", "fill"], ws = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ss = {
+}, hu = /* @__PURE__ */ Lo(du, [["__scopeId", "data-v-8840236b"]]), fu = ["id"], mu = ["id"], gu = ["viewBox", "aria-label"], xu = ["x", "y", "width", "height"], bu = { key: 1 }, yu = { class: "vue-ui-xy-grid" }, pu = ["stroke", "x1", "x2", "y1", "y2"], ku = ["stroke", "x1", "x2", "y1", "y2"], wu = { key: 1 }, Su = ["x1", "x2", "y1", "y2", "stroke"], $u = ["x1", "x2", "y1", "y2", "stroke"], _u = ["x1", "x2", "y1", "y2", "stroke"], Mu = { key: 3 }, Lu = ["d", "stroke"], Cu = { key: 4 }, Au = ["d", "stroke"], Tu = ["id"], zu = ["stop-color"], Iu = ["stop-color"], Nu = ["stop-color"], Pu = ["id"], Fu = ["stop-color"], Ru = ["stop-color"], Ou = ["stop-color"], Vu = ["id"], Bu = ["stop-color"], Eu = ["stop-color"], Hu = ["id"], Du = ["stop-color"], Wu = ["stop-color"], Xu = ["id"], Yu = ["stop-color"], Gu = ["stop-color"], 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", "stroke"], ai = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], oi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ni = ["x", "y", "font-size", "fill", "stroke"], ui = ["stroke", "x1", "x2", "y1", "y2"], ii = { key: 3 }, si = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ri = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], ci = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], vi = ["fill", "font-size", "transform"], di = ["x1", "x2", "y1", "y2", "stroke"], hi = ["x", "y", "font-size", "fill"], fi = ["x1", "x2", "y1", "y2", "stroke"], mi = ["x", "y", "font-size", "fill"], gi = ["width", "x", "y"], xi = { style: { width: "100%" } }, bi = { key: 0 }, yi = ["id"], pi = ["fill", "stroke"], ki = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], wi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Si = ["x", "y", "font-size", "fill", "stroke"], $i = ["d", "stroke", "stroke-width", "stroke-dasharray"], _i = ["d", "stroke", "stroke-width", "stroke-dasharray"], Mi = { key: 6 }, Li = { key: 7 }, Ci = ["d", "fill", "fill-opacity"], Ai = { key: 0 }, Ti = ["d", "fill"], zi = ["d", "fill"], Ii = ["d", "fill"], Ni = ["d", "fill"], Pi = ["d", "stroke", "stroke-width", "stroke-dasharray"], Fi = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ri = ["width", "x", "y"], Oi = { style: { width: "100%" } }, Vi = { key: 3 }, Bi = ["id"], Ei = ["fill", "stroke"], Hi = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Di = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Wi = ["x", "y", "font-size", "fill", "stroke"], Xi = { key: 8 }, Yi = ["x", "y", "font-size", "fill"], Gi = ["x", "y", "font-size", "fill", "font-weight"], Ui = { key: 9 }, qi = ["x", "y", "font-size", "fill"], Zi = { key: 10 }, Ki = ["x", "y"], Ji = ["innerHTML"], Qi = ["x", "y"], ji = ["innerHTML"], es = ["x1", "x2", "y1", "y2", "stroke"], ts = { key: 11 }, ls = ["x", "y", "font-size", "fill"], as = { key: 12 }, os = ["x", "y"], ns = ["innerHTML"], us = ["x", "y"], is = ["innerHTML"], ss = ["x1", "x2", "y1", "y2", "stroke"], rs = ["x", "y", "font-size", "fill", "innerHTML"], cs = ["x", "y", "font-size", "fill", "innerHTML"], vs = ["x", "y", "font-size", "fill", "innerHTML"], ds = ["x", "y", "font-size", "fill", "innerHTML"], hs = ["id"], fs = ["stop-color"], ms = ["stop-color"], gs = ["x", "y", "width", "height", "fill", "onMouseenter"], xs = ["font-size", "fill", "transform"], bs = ["x", "y", "font-size", "fill"], ys = ["text-anchor", "font-size", "fill", "transform", "onClick"], ps = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], ks = { key: 15 }, ws = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ss = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], $s = ["y", "x", "width", "height", "fill"], _s = ["id", "x", "y", "font-size", "fill", "text-anchor"], Ms = {
   key: 16,
   style: { "pointer-events": "none" }
-}, $s = ["x", "y"], _s = ["innerHTML"], Ms = ["cx", "cy", "r", "fill"], Ls = ["data-start", "data-end"], Cs = {
+}, Ls = ["x", "y"], Cs = ["innerHTML"], As = ["cx", "cy", "r", "fill"], Ts = ["data-start", "data-end"], zs = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, As = {
+}, Is = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ts = ["fill"], zs = ["innerHTML"], Is = {
+}, Ns = ["fill"], Ps = ["innerHTML"], Fs = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Ns = ["fill"], Ps = ["innerHTML"], Fs = {
+}, Rs = ["fill"], Os = ["innerHTML"], Vs = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Rs = ["fill"], Os = ["innerHTML"], Vs = {
+}, Bs = ["fill"], Es = ["innerHTML"], Hs = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Bs = ["fill"], Es = ["innerHTML"], Hs = ["id"], Ds = ["onClick"], Ws = {
+}, Ds = ["fill"], Ws = ["innerHTML"], Xs = ["id"], Ys = ["onClick"], Gs = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "1em",
   width: "1.43em"
-}, Xs = ["stroke", "fill"], Ys = {
+}, Us = ["stroke", "fill"], qs = {
   key: 1,
   viewBox: "0 0 40 40",
   height: "1em",
   width: "1em"
-}, Gs = ["fill"], qs = ["fill"], Us = {
+}, Zs = ["fill"], Ks = ["fill"], Js = {
   key: 2,
   viewBox: "0 0 12 12",
   height: "1em",
   width: "1em"
-}, Zs = {
+}, Qs = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
-}, Ks = ["innerHTML"], Js = {
+}, js = ["innerHTML"], er = {
   __name: "vue-ui-xy",
   props: {
     config: {
@@ -1159,9 +1159,9 @@ const _n = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(S, { expose: Sa, emit: $a }) {
-    const d = S, Ne = Wt(() => import("./DataTable-xISHA7Pu.js")), ve = Wt(() => import("./Tooltip-Clf2K3CF.js")), me = Wt(() => import("./UserOptions-Bn3u4JQu.js")), ge = Wt(() => import("./BaseIcon-D2f9w5Z5.js")), Cl = Wt(() => import("./vue-ui-table-sparkline-D6oTAFEO.js")), $t = Wt(() => import("./PackageVersion-BB7joYAK.js")), Nt = Wt(() => import("./PenAndPaper-CtDMyIvW.js")), Kl = Wt(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), qt = $a, gl = Go(), Ut = qo(), { vue_ui_xy: _t } = hn(), Be = y(null), Te = y(null), Ke = y(null), Le = y(null), ft = y(null), Mt = y(null), Al = y(null), Zt = y(null), Kt = y(null), $e = y(null), Tl = y(null), zl = y(null), mt = y(null), ne = y(null), Jl = y(0), E = y(null), Jt = y(!0), W = y(600), le = y(1e3), at = y("0 0 1000 600"), Ql = y({ x: 0, y: 0 }), Qt = y({ line: "line", bar: "bar", plot: "plot" }), Ee = y(!1), Pe = y(!1), xl = y(!1), ae = y(null), de = y([]), Z = y(ga()), Il = y(0), Nl = y(0), Pl = y(0), He = y(!0), gt = y(0), X = y(null), jl = y(!1), Fl = y(!0), bl = y(!0), _e = y(null), ot = y({}), jt = y(null), H = y(!1), Je = y(null), M = y(null), xt = x(() => ({
+    const h = S, Ne = Xt(() => import("./DataTable-dv6G7Krn.js")), ve = Xt(() => import("./Tooltip-BKqK7z38.js")), me = Xt(() => import("./UserOptions-C9IFsUt0.js")), ge = Xt(() => import("./BaseIcon-e63bhLIi.js")), Cl = Xt(() => import("./vue-ui-table-sparkline-8mOvfeTL.js")), $t = Xt(() => import("./PackageVersion-C3Vg-vTM.js")), Nt = Xt(() => import("./PenAndPaper-CplrzuG7.js")), Kl = Xt(() => import("./BaseDraggableDialog-Cg4ZF9cb.js")), qt = $a, xl = Go(), Zt = Uo(), { vue_ui_xy: _t } = hn(), Be = y(null), Te = y(null), Ke = y(null), Le = y(null), ft = y(null), Mt = y(null), Al = y(null), Kt = y(null), Jt = y(null), $e = y(null), Tl = y(null), zl = y(null), mt = y(null), ue = y(null), Jl = y(0), E = y(null), Qt = y(!0), W = y(600), ae = y(1e3), at = y("0 0 1000 600"), Ql = y({ x: 0, y: 0 }), jt = y({ line: "line", bar: "bar", plot: "plot" }), Ee = y(!1), Pe = y(!1), bl = y(!1), oe = y(null), de = y([]), J = y(ga()), Il = y(0), Nl = y(0), Pl = y(0), He = y(!0), gt = y(0), X = y(null), jl = y(!1), Fl = y(!0), yl = y(!0), _e = y(null), ot = y({}), el = y(null), H = y(!1), Je = y(null), M = y(null), xt = x(() => ({
       height: W.value,
-      width: le.value
+      width: ae.value
     }));
     function Rl(l) {
       return Number.isFinite(l) ? Math.max(0, Math.floor(l)) : 0;
@@ -1169,14 +1169,14 @@ const _n = {
     function Pt(l, s, e = 0) {
       return Number.isFinite(l) && Number.isFinite(s) && Math.abs(s) > 1e-9 ? l / s : e;
     }
-    const el = y(!1), A = y({
+    const tl = y(!1), A = y({
       xAxis: 18,
       yAxis: 12,
       dataLabels: 20,
       plotLabels: 10
     }), De = y({ plot: 3, line: 3 });
     Zl(() => {
-      H.value = !0, d.dataset.length && d.dataset.forEach((l, s) => {
+      H.value = !0, h.dataset.length && h.dataset.forEach((l, s) => {
         [null, void 0].includes(l.series) && Na({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
@@ -1187,26 +1187,26 @@ const _n = {
       });
     });
     function Ol() {
-      if (!Object.keys(d.config || {}).length)
+      if (!Object.keys(h.config || {}).length)
         return _t;
       const l = Fa({
-        userConfig: d.config,
+        userConfig: h.config,
         defaultConfig: _t
       });
-      return d.config && Ue(d.config, "chart.highlightArea") && (Array.isArray(d.config.chart.highlightArea) ? l.chart.highlightArea = d.config.chart.highlightArea : l.chart.highlightArea = [d.config.chart.highlightArea]), d.config && Ue(d.config, "chart.grid.labels.yAxis.scaleMin") ? l.chart.grid.labels.yAxis.scaleMin = d.config.chart.grid.labels.yAxis.scaleMin : l.chart.grid.labels.yAxis.scaleMin = null, d.config && Ue(d.config, "chart.grid.labels.yAxis.scaleMax") ? l.chart.grid.labels.yAxis.scaleMax = d.config.chart.grid.labels.yAxis.scaleMax : l.chart.grid.labels.yAxis.scaleMax = null, d.config && Ue(d.config, "chart.zoom.startIndex") ? l.chart.zoom.startIndex = d.config.chart.zoom.startIndex : l.chart.zoom.startIndex = null, d.config && Ue(d.config, "chart.zoom.endIndex") ? l.chart.zoom.endIndex = d.config.chart.zoom.endIndex : l.chart.zoom.endIndex = null, d.config && Ue(d.config, "chart.grid.labels.yAxis.groupColor") ? l.chart.grid.labels.yAxis.groupColor = d.config.chart.grid.labels.yAxis.groupColor : l.chart.grid.labels.yAxis.groupColor = null, d.config && Ue(d.config, "chart.annotations") && Array.isArray(d.config.chart.annotations) && d.config.chart.annotations.length ? l.chart.annotations = d.config.chart.annotations.map((s) => Fa({
+      return h.config && qe(h.config, "chart.highlightArea") && (Array.isArray(h.config.chart.highlightArea) ? l.chart.highlightArea = h.config.chart.highlightArea : l.chart.highlightArea = [h.config.chart.highlightArea]), h.config && qe(h.config, "chart.grid.labels.yAxis.scaleMin") ? l.chart.grid.labels.yAxis.scaleMin = h.config.chart.grid.labels.yAxis.scaleMin : l.chart.grid.labels.yAxis.scaleMin = null, h.config && qe(h.config, "chart.grid.labels.yAxis.scaleMax") ? l.chart.grid.labels.yAxis.scaleMax = h.config.chart.grid.labels.yAxis.scaleMax : l.chart.grid.labels.yAxis.scaleMax = null, h.config && qe(h.config, "chart.zoom.startIndex") ? l.chart.zoom.startIndex = h.config.chart.zoom.startIndex : l.chart.zoom.startIndex = null, h.config && qe(h.config, "chart.zoom.endIndex") ? l.chart.zoom.endIndex = h.config.chart.zoom.endIndex : l.chart.zoom.endIndex = null, h.config && qe(h.config, "chart.grid.labels.yAxis.groupColor") ? l.chart.grid.labels.yAxis.groupColor = h.config.chart.grid.labels.yAxis.groupColor : l.chart.grid.labels.yAxis.groupColor = null, h.config && qe(h.config, "chart.annotations") && Array.isArray(h.config.chart.annotations) && h.config.chart.annotations.length ? l.chart.annotations = h.config.chart.annotations.map((s) => Fa({
         defaultConfig: _t.chart.annotations[0],
         userConfig: s
-      })) : l.chart.annotations = [], d.config && Ue(d.config, "chart.grid.position") && d.config.chart.grid.position === "start" && d.dataset.length && d.dataset.some((s) => s.type === "bar") && (l.chart.grid.position = "middle", Ue(d.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), d.config && Ue(d.config, "chart.grid.labels.yAxis.serieNameFormatter") ? l.chart.grid.labels.yAxis.serieNameFormatter = d.config.chart.grid.labels.yAxis.serieNameFormatter : l.chart.grid.labels.yAxis.serieNameFormatter = null, d.config && Ue(d.config, "events.datapointEnter") ? l.events.datapointEnter = d.config.events.datapointEnter : l.events.datapointEnter = null, d.config && Ue(d.config, "events.datapointLeave") ? l.events.datapointLeave = d.config.events.datapointLeave : l.events.datapointLeave = null, d.config && Ue(d.config, "events.datapointClick") ? l.events.datapointClick = d.config.events.datapointClick : l.events.datapointClick = null, l.theme ? {
+      })) : l.chart.annotations = [], h.config && qe(h.config, "chart.grid.position") && h.config.chart.grid.position === "start" && h.dataset.length && h.dataset.some((s) => s.type === "bar") && (l.chart.grid.position = "middle", qe(h.config, "debug") && console.warn("Vue Data UI - VueUiXy - config.chart.grid.position was overriden to `middle` because your dataset contains a bar")), h.config && qe(h.config, "chart.grid.labels.yAxis.serieNameFormatter") ? l.chart.grid.labels.yAxis.serieNameFormatter = h.config.chart.grid.labels.yAxis.serieNameFormatter : l.chart.grid.labels.yAxis.serieNameFormatter = null, h.config && qe(h.config, "events.datapointEnter") ? l.events.datapointEnter = h.config.events.datapointEnter : l.events.datapointEnter = null, h.config && qe(h.config, "events.datapointLeave") ? l.events.datapointLeave = h.config.events.datapointLeave : l.events.datapointLeave = null, h.config && qe(h.config, "events.datapointClick") ? l.events.datapointClick = h.config.events.datapointClick : l.events.datapointClick = null, l.theme ? {
         ...Fa({
-          userConfig: wn.vue_ui_xy[l.theme] || d.config,
+          userConfig: wn.vue_ui_xy[l.theme] || h.config,
           defaultConfig: l
         }),
-        customPalette: sn[l.theme] || d.palette
+        customPalette: sn[l.theme] || h.palette
       } : l;
     }
     const Lt = x({
       get() {
-        return !!d.dataset && d.dataset.length;
+        return !!h.dataset && h.dataset.length;
       },
       set(l) {
         return l;
@@ -1218,22 +1218,22 @@ const _n = {
       isStacked: !1,
       useIndividualScale: !1
     });
-    function tl() {
-      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 = {
+    function ll() {
+      tl.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
-      }, el.value = !0);
+      }, tl.value = !0);
     }
     const Ct = x(() => !!t.value.debug), { loading: be, FINAL_DATASET: Me, manualLoading: bt } = mn({
-      ...Uo(d),
+      ...qo(h),
       FINAL_CONFIG: t,
       prepareConfig: Ol,
       callback: () => {
         Promise.resolve().then(async () => {
-          await il(), p.value.showTable = t.value.showTable;
+          await sl(), p.value.showTable = t.value.showTable;
         });
       },
       skeletonDataset: [
@@ -1354,8 +1354,8 @@ const _n = {
         }
       };
     });
-    ht(() => d.selectedXIndex, (l) => {
-      if ([null, void 0].includes(d.selectedXIndex)) {
+    ht(() => h.selectedXIndex, (l) => {
+      if ([null, void 0].includes(h.selectedXIndex)) {
         M.value = null;
         return;
       }
@@ -1363,39 +1363,39 @@ const _n = {
       s < 0 || l >= w.value.end ? M.value = null : M.value = s ?? null;
     }, { immediate: !0 });
     const { isPrinting: Bl, isImaging: nt, generatePdf: ut, generateImage: it } = fn({
-      elementId: `vue-ui-xy_${Z.value}`,
+      elementId: `vue-ui-xy_${J.value}`,
       fileName: t.value.chart.title.text || "vue-ui-xy",
       options: t.value.chart.userOptions.print
-    }), pt = y(!1), ll = x(() => en(t.value.customPalette)), Rt = x(() => {
+    }), pt = y(!1), al = x(() => en(t.value.customPalette)), Rt = x(() => {
       if (t.value.chart.grid.labels.yAxis.scaleMin !== null)
         return t.value.chart.grid.labels.yAxis.scaleMin;
       const l = Math.min(...je.value.filter((s) => !de.value.includes(s.id)).map((s) => Math.min(...s.series)));
       return l > 0 ? 0 : l;
-    }), al = x(() => {
+    }), ol = 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) => !de.value.includes(s.id)).map((s) => Math.max(...s.series)));
       return Rt.value === l ? l + 1 : l;
-    }), Xe = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(Rt.value, al.value < 0 ? 0 : al.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : hl(Rt.value, al.value < 0 ? 0 : al.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), ol = x(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Xe.value.min >= 0 ? 0 : Math.abs(Xe.value.min) : -Xe.value.min), je = x(() => Jt.value ? Me.value.map((l, s) => {
+    }), Xe = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? ql(Rt.value, ol.value < 0 ? 0 : ol.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : fl(Rt.value, ol.value < 0 ? 0 : ol.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), nl = 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(() => Qt.value ? Me.value.map((l, s) => {
       const e = yt(l.series), i = `uniqueId_${s}`;
       return {
         ...l,
         slotAbsoluteIndex: s,
         series: e.map((a) => ha(a) ? a : null).slice(w.value.start, w.value.end),
-        color: po(l.color ? l.color : ll.value[s] ? ll.value[s] : ko[s]),
+        color: po(l.color ? l.color : al.value[s] ? al.value[s] : ko[s]),
         id: i,
         scaleLabel: l.scaleLabel || i
       };
     }) : Me.value), et = x(() => je.value.map((l, s) => ({
       absoluteIndex: s,
       ...l,
-      series: l.series.map((e) => e + ol.value),
+      series: l.series.map((e) => e + nl.value),
       absoluteValues: l.series,
       segregate: () => Ga(l),
       isSegregated: de.value.includes(l.id)
     }))), Fe = x(() => je.value.map((l, s) => ({
       ...l,
-      series: l.series.map((e) => e + ol.value),
+      series: l.series.map((e) => e + nl.value),
       absoluteValues: l.series
     })).filter((l) => !de.value.includes(l.id)));
     function ta() {
@@ -1404,17 +1404,17 @@ const _n = {
         const o = r.getComputedTextLength();
         return (o > a ? o : a) + t.value.chart.grid.labels.yAxis.scaleValueOffsetX;
       }, 0));
-      const s = Kt.value ? Kt.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + A.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
+      const s = Jt.value ? Jt.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 = ba((l) => {
+    const tt = y(0), ul = ba((l) => {
       tt.value = l;
     }, 100);
     go((l) => {
       const s = $e.value;
       if (!s) return;
       const e = new ResizeObserver((i) => {
-        nl(i[0].contentRect.height);
+        ul(i[0].contentRect.height);
       });
       e.observe(s), l(() => e.disconnect());
     }), Ll(() => {
@@ -1422,22 +1422,22 @@ const _n = {
     });
     const Ot = x(() => {
       let l = 0;
-      Zt.value && (l = Zt.value.getBBox().height);
+      Kt.value && (l = Kt.value.getBBox().height);
       let s = 0;
       return $e.value && (s = tt.value), l + s + A.value.xAxis;
-    }), yl = x(() => Me.value.some((l) => l.useProgression)), c = x(() => {
+    }), pl = x(() => Me.value.some((l) => l.useProgression)), c = x(() => {
       let l = 0;
       const s = 36;
       t.value.chart.grid.labels.show && (p.value.useIndividualScale && !p.value.isStacked ? l = (Me.value.length - de.value.length) * (t.value.chart.grid.labels.yAxis.labelWidth + s) : p.value.useIndividualScale && p.value.isStacked ? l = t.value.chart.grid.labels.yAxis.labelWidth + s : l = ta());
-      const e = t.value.chart.labels.fontSize * 1.1, i = yl.value ? 24 : 6;
+      const e = t.value.chart.labels.fontSize * 1.1, i = pl.value ? 24 : 6;
       if ($e.value) {
         const o = $e.value.getBBox().x;
         o < 0 && (l += Math.abs(o));
       }
-      const a = le.value - l - t.value.chart.grid.labels.yAxis.crosshairSize - i - t.value.chart.padding.left - t.value.chart.padding.right, r = t.value.chart.grid.position === "middle" ? 0 : a / $.value / 2;
+      const a = ae.value - l - t.value.chart.grid.labels.yAxis.crosshairSize - i - t.value.chart.padding.left - t.value.chart.padding.right, r = t.value.chart.grid.position === "middle" ? 0 : a / $.value / 2;
       return {
         top: t.value.chart.padding.top + e,
-        right: le.value - i - t.value.chart.padding.right,
+        right: ae.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 - Ot.value - t.value.chart.padding.top - t.value.chart.padding.bottom - e - t.value.chart.grid.labels.axis.xLabelOffsetY,
@@ -1446,9 +1446,9 @@ const _n = {
         individualOffsetX: s
       };
     }), Vt = x(() => {
-      const l = t.value.chart.grid.position === "middle" ? 1 : 0, s = $.value + l, e = j(c.value.top), i = j(c.value.bottom);
+      const l = t.value.chart.grid.position === "middle" ? 1 : 0, s = $.value + l, e = q(c.value.top), i = q(c.value.bottom);
       return Array.from({ length: s }).map((a, r) => {
-        const o = c.value.width / $.value * r + c.value.left + ue.value;
+        const o = c.value.width / $.value * r + c.value.left + ie.value;
         return `M${o},${e} L${o},${i}`;
       }).join(" ");
     }), El = x(() => {
@@ -1460,15 +1460,15 @@ const _n = {
         return `M${r},${o} L${r},${F}`;
       }).filter(Boolean).join(" ");
     });
-    function pl() {
-      return !!Ut?.vnode.props?.onSelectTimeLabel;
+    function kl() {
+      return !!Zt?.vnode.props?.onSelectTimeLabel;
     }
     function la(l, s, e) {
-      if (!jt.value) {
+      if (!el.value) {
         const i = document.createElement("canvas");
-        jt.value = i.getContext("2d");
+        el.value = i.getContext("2d");
       }
-      return jt.value.font = `normal ${l}px sans-serif`, jt.value;
+      return el.value.font = `normal ${l}px sans-serif`, el.value;
     }
     function Hl() {
       const l = Be.value.querySelectorAll(".vue-ui-xy-tag");
@@ -1479,12 +1479,12 @@ const _n = {
     }
     const Bt = y(!1);
     async function xe(l = !1) {
-      await Ml(), Bt.value = l, jl.value && (bl.value = l);
+      await Ml(), Bt.value = l, jl.value && (yl.value = l);
     }
     function Dl() {
       Ee.value = !Ee.value;
     }
-    const v = x(() => {
+    const d = x(() => {
       const l = Math.max(...Me.value.map((s) => Pa({ data: s.series, threshold: t.value.downsample.threshold }).length));
       return Mo({
         values: t.value.chart.grid.labels.xAxisLabels.values,
@@ -1504,7 +1504,7 @@ const _n = {
       });
     }), f = x(() => {
       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;
+      return d.value.length ? Math.min(l, [...new Set(d.value.map((s) => s.text))].length) : l;
     });
     function _(l) {
       let s = null, e = null;
@@ -1530,18 +1530,18 @@ const _n = {
       }
       if (!O.length)
         return i.map((Y, B) => ({ text: "", absoluteIndex: B }));
-      const z = O.length, N = R, ee = Math.max(2, Math.min(N - 3, z)), I = Math.min(z, N + 3);
-      let q = Math.min(N, z), V = 1 / 0;
-      for (let Y = ee; Y <= I; Y += 1) {
+      const z = O.length, N = R, te = Math.max(2, Math.min(N - 3, z)), I = Math.min(z, N + 3);
+      let U = Math.min(N, z), V = 1 / 0;
+      for (let Y = te; Y <= I; Y += 1) {
         const B = (z - 1) % (Y - 1), re = Math.abs(Y - N), Oe = B * 10 + re;
-        Oe < V && (V = Oe, q = Y);
+        Oe < V && (V = Oe, U = Y);
       }
       const fe = /* @__PURE__ */ new Set();
-      if (q <= 1)
+      if (U <= 1)
         fe.add(O[Math.round((z - 1) / 2)]);
       else {
-        const Y = (z - 1) / (q - 1);
-        for (let B = 0; B < q; B += 1)
+        const Y = (z - 1) / (U - 1);
+        for (let B = 0; B < U; B += 1)
           fe.add(O[Math.round(B * Y)]);
       }
       return i.map((Y, B) => ({
@@ -1549,7 +1549,7 @@ const _n = {
         absoluteIndex: B
       }));
     }), D = x(() => {
-      const l = t.value.chart.grid.labels.xAxisLabels, s = v.value || [], e = m.value || [], i = w.value.start ?? 0, a = M.value, r = $.value, o = s.map((R) => R?.text ?? ""), F = e.map((R) => R?.text ?? "");
+      const l = t.value.chart.grid.labels.xAxisLabels, s = d.value || [], e = m.value || [], i = w.value.start ?? 0, a = M.value, r = $.value, o = s.map((R) => R?.text ?? ""), F = e.map((R) => R?.text ?? "");
       return T(
         !!l.showOnlyFirstAndLast,
         !!l.showOnlyAtModulo,
@@ -1582,7 +1582,7 @@ const _n = {
       const l = Rl((w.value.end ?? 0) - (w.value.start ?? 0));
       return Math.max(1, l);
     });
-    function kl(l) {
+    function wl(l) {
       X.value = l;
     }
     function st() {
@@ -1600,46 +1600,46 @@ const _n = {
       const s = Math.max(...Me.value.map((e) => yt(e.series).length));
       return l > s ? s : l < 0 || t.value.chart.zoom.startIndex !== null && l < t.value.chart.zoom.startIndex ? t.value.chart.zoom.startIndex !== null ? t.value.chart.zoom.startIndex + 1 : 1 : l;
     }
-    const ul = y(!1), se = y(!1);
-    function il() {
-      if (!ul.value) {
-        ul.value = !0;
+    const il = y(!1), se = y(!1);
+    function sl() {
+      if (!il.value) {
+        il.value = !0;
         try {
           const { startIndex: l, endIndex: s } = t.value.chart.zoom, e = Math.max(...Me.value.map((r) => yt(r.series).length)), i = l ?? 0, a = s != null ? Math.min(aa(s + 1), e) : e;
           wt.value = !0, w.value.start = i, w.value.end = a, We.value.start = i, We.value.end = a, At(), se.value = !0;
         } finally {
           queueMicrotask(() => {
             wt.value = !1;
-          }), ul.value = !1;
+          }), il.value = !1;
         }
       }
     }
     const wt = y(!1);
     function oa(l) {
-      ul.value || wt.value || l !== w.value.start && (w.value.start = l, We.value.start = l, At());
+      il.value || wt.value || l !== w.value.start && (w.value.start = l, We.value.start = l, At());
     }
     function La(l) {
-      if (ul.value || wt.value) return;
+      if (il.value || wt.value) return;
       const s = aa(l);
       s !== w.value.end && (w.value.end = s, We.value.end = s, At());
     }
     async function Ca() {
-      await il();
+      await sl();
     }
     function Ye(l) {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(l);
     }
-    const Va = x(() => Xe.value.max + ol.value);
-    function sl(l) {
+    const Va = x(() => Xe.value.max + nl.value);
+    function rl(l) {
       return l / (Ye(Va.value) ? Va.value : 1);
     }
-    const ze = x(() => isNaN(sl(ol.value)) ? c.value.bottom : c.value.bottom - c.value.height * sl(ol.value));
+    const ze = x(() => isNaN(rl(nl.value)) ? c.value.bottom : c.value.bottom - c.value.height * rl(nl.value));
     function Ba(l) {
       const s = ![null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) && t.value.chart.grid.labels.yAxis.scaleMin > 0 && Rt.value >= 0 ? c.value.bottom : ze.value;
-      return l.value >= 0 ? U(s - l.y <= 0 ? 1e-5 : s - l.y) : U(l.y - ze.value <= 0 ? 1e-5 : l.y - ze.value);
+      return l.value >= 0 ? Z(s - l.y <= 0 ? 1e-5 : s - l.y) : Z(l.y - ze.value <= 0 ? 1e-5 : l.y - ze.value);
     }
     function Ea(l) {
-      return l.value >= 0 ? U(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : U(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
+      return l.value >= 0 ? Z(l.zeroPosition - l.y <= 0 ? 1e-5 : l.zeroPosition - l.y) : Z(l.y - l.zeroPosition <= 0 ? 1e-5 : l.zeroPosition - l.y);
     }
     const he = x(() => {
       const l = Math.max(1, $.value), s = Math.max(1, c.value.width), e = Math.max(1, je.value.filter((i) => i.type === "bar" && !de.value.includes(i.id)).length);
@@ -1649,7 +1649,7 @@ const _n = {
         line: Pt(s, l, 1)
       };
     });
-    function wl() {
+    function Ht() {
       return p.value.useIndividualScale && p.value.isStacked ? he.value.line - c.value.width / $.value * 0.1 : he.value.bar;
     }
     function na(l) {
@@ -1668,19 +1668,19 @@ const _n = {
       if (s.createSVGPoint && s.getScreenCTM) {
         const N = s.createSVGPoint();
         N.x = l.clientX, N.y = l.clientY;
-        const ee = s.getScreenCTM();
-        if (ee) {
-          const I = N.matrixTransform(ee.inverse());
+        const te = s.getScreenCTM();
+        if (te) {
+          const I = N.matrixTransform(te.inverse());
           return { x: I.x, y: I.y, ok: !0 };
         }
       }
       const e = s.getBoundingClientRect(), i = s.viewBox?.baseVal || { x: 0, y: 0, width: e.width, height: e.height }, a = Math.min(e.width / i.width, e.height / i.height), r = i.width * a, o = i.height * a, F = (e.width - r) / 2, R = (e.height - o) / 2, O = (l.clientX - e.left - F) / a + i.x, z = (l.clientY - e.top - R) / a + i.y;
       return { x: O, y: z, ok: !0 };
     }
-    let rl = 0;
+    let cl = 0;
     function Co(l) {
-      Ee.value || (rl && cancelAnimationFrame(rl), rl = requestAnimationFrame(() => {
-        rl = 0;
+      Ee.value || (cl && cancelAnimationFrame(cl), cl = requestAnimationFrame(() => {
+        cl = 0;
         const s = Wa(l);
         if (!s || !_e.value) {
           ua();
@@ -1696,7 +1696,7 @@ const _n = {
       }));
     }
     function ua() {
-      rl && (cancelAnimationFrame(rl), rl = 0), Wl.value = null, to(!1, null);
+      cl && (cancelAnimationFrame(cl), cl = 0), Wl.value = null, to(!1, null);
     }
     function Xa(l) {
       const s = Wa(l);
@@ -1765,7 +1765,7 @@ const _n = {
     const zo = x(() => {
       const l = t.value.chart.title.text || "Chart visualization", s = t.value.chart.title.subtitle.text || "";
       return `${l}. ${s}`;
-    }), qa = x(() => ({
+    }), Ua = x(() => ({
       linePlot: $.value > t.value.line.dot.hideAboveMaxSerieLength
     })), Io = x(() => t.value.chart.userOptions.show && (!t.value.chart.title.show || !t.value.chart.title.text)), No = x(() => {
       if (Array.isArray(t.value.chart.highlightArea))
@@ -1781,11 +1781,11 @@ const _n = {
         to: Math.min(t.value.chart.highlightArea.to, Qe.value - 1)
       };
       return [{ ...l, span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1 }];
-    }), Ua = x(() => Jt.value ? Me.value.map((l, s) => ({
+    }), qa = x(() => Qt.value ? Me.value.map((l, s) => ({
       ...l,
       series: yt(l.series),
       id: `uniqueId_${s}`,
-      color: po(l.color ? l.color : ll.value[s] ? ll.value[s] : ko[s])
+      color: po(l.color ? l.color : al.value[s] ? al.value[s] : ko[s])
     })) : Me.value), Po = x(() => Fe.value.map((l) => {
       const s = l.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
@@ -1803,7 +1803,7 @@ const _n = {
       fontFamily: t.value.chart.fontFamily,
       prefix: t.value.chart.labels.prefix,
       suffix: t.value.chart.labels.suffix,
-      colNames: v.value.map((l, s) => t.value.table.useDefaultTimeFormat ? l.text : Sl.value(s + w.value.start, t.value.table.timeFormat)),
+      colNames: d.value.map((l, s) => t.value.table.useDefaultTimeFormat ? l.text : Sl.value(s + w.value.start, t.value.table.timeFormat)),
       thead: {
         backgroundColor: t.value.table.th.backgroundColor,
         color: t.value.table.th.color,
@@ -1820,8 +1820,8 @@ const _n = {
       sparkline: {
         animation: { show: !1 }
       }
-    })), ue = x(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value / 2), cl = x(() => tn(et.value.filter((l) => !de.value.includes(l.id)))), P = x(() => {
-      const l = Object.groupBy(cl.value, (e) => e.scaleLabel), s = {};
+    })), ie = x(() => t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value / 2), vl = x(() => tn(et.value.filter((l) => !de.value.includes(l.id)))), P = x(() => {
+      const l = Object.groupBy(vl.value, (e) => e.scaleLabel), s = {};
       for (const [e, i] of Object.entries(l)) {
         const a = i.flatMap((r) => r.absoluteValues);
         s[e] = {
@@ -1834,14 +1834,14 @@ const _n = {
     }), Ro = x(() => {
       const l = je.value.filter((s) => s.type === "bar").filter((s) => !de.value.includes(s.id)).length;
       return c.value.width / $.value / l - ia.value * l;
-    }), ia = x(() => he.value.line * t.value.bar.periodGap), sa = x(() => Math.max(1e-5, wl() - (p.value.useIndividualScale && p.value.isStacked ? 0 : ia.value))), ra = x(() => sa.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Oo = x(() => {
+    }), ia = x(() => he.value.line * t.value.bar.periodGap), sa = x(() => Math.max(1e-5, Ht() - (p.value.useIndividualScale && p.value.isStacked ? 0 : ia.value))), ra = x(() => sa.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), Oo = x(() => {
       if (!t.value.chart.zoom.minimap.show) return [];
-      const l = Ua.value.filter((a) => !de.value.includes(a.id)), s = Math.max(...l.map((a) => a.series.length)), e = [];
+      const l = qa.value.filter((a) => !de.value.includes(a.id)), s = Math.max(...l.map((a) => a.series.length)), e = [];
       for (let a = 0; a < s; a += 1)
         e.push(l.map((r) => r.series[a] || 0).reduce((r, o) => (r || 0) + (o || 0), 0));
       const i = Math.min(...e);
       return e.map((a) => a + (i < 0 ? Math.abs(i) : 0));
-    }), Vo = x(() => t.value.chart.zoom.minimap.show ? Ua.value.map((s) => ({
+    }), Vo = x(() => t.value.chart.zoom.minimap.show ? qa.value.map((s) => ({
       ...s,
       isVisible: !de.value.includes(s.id)
     })) : []), zt = x(() => Fe.value.map((l) => ({
@@ -1855,7 +1855,7 @@ const _n = {
       prefix: l.prefix || t.value.chart.labels.prefix,
       suffix: l.suffix || t.value.chart.labels.suffix
     }))), Za = x(() => Xe.value.ticks.map((l) => ({
-      y: l >= 0 ? ze.value - c.value.height * sl(l) : ze.value + c.value.height * sl(Math.abs(l)),
+      y: l >= 0 ? ze.value - c.value.height * rl(l) : ze.value + c.value.height * rl(Math.abs(l)),
       value: l,
       prefix: t.value.chart.labels.prefix,
       suffix: t.value.chart.labels.suffix
@@ -1871,17 +1871,17 @@ const _n = {
         return a - N * r;
       };
       return s.map((z) => {
-        const { yAxis: { yTop: N, yBottom: ee, label: I } } = z, q = N != null && ee != null && N !== ee, V = N == null ? null : O(N), fe = ee == null ? null : O(ee), Y = la(I.fontSize);
+        const { yAxis: { yTop: N, yBottom: te, label: I } } = z, U = N != null && te != null && N !== te, V = N == null ? null : O(N), fe = te == null ? null : O(te), Y = la(I.fontSize);
         Y.font = `${I.fontSize}px sans-serif`;
         const B = Y.measureText(I.text).width, re = I.fontSize, Oe = (I.position === "start" ? e + I.padding.left : i - I.padding.right) + I.offsetX, Ge = (V != null && fe != null ? Math.min(V, fe) : V ?? fe) - I.fontSize / 3 + I.offsetY - I.padding.top;
-        let J;
-        I.textAnchor === "middle" ? J = Oe - B / 2 - I.padding.left : I.textAnchor === "end" ? J = Oe - B - I.padding.right : J = Oe - I.padding.left;
-        const Q = Ge - re * 0.75 - 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 ee = Ge - re * 0.75 - I.padding.top;
         return {
-          show: ![V, fe, Q].includes(NaN),
+          show: ![V, fe, ee].includes(NaN),
           id: `annotation_y_${ga()}`,
-          hasArea: q,
-          areaHeight: q ? Math.abs(V - fe) : 0,
+          hasArea: U,
+          areaHeight: U ? Math.abs(V - fe) : 0,
           yTop: V,
           yBottom: fe,
           config: z.yAxis,
@@ -1889,8 +1889,8 @@ const _n = {
           x2: i,
           _text: { x: Oe, y: Ge },
           _box: {
-            x: J,
-            y: Q,
+            x: j,
+            y: ee,
             width: B + I.padding.left + I.padding.right,
             height: re + I.padding.top + I.padding.bottom,
             fill: I.backgroundColor,
@@ -1908,72 +1908,72 @@ const _n = {
       return Ye(l[s].value) && a && t.value.line.cutNullValues;
     }
     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;
+      const l = vl.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) => {
         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));
+        o.absoluteValues.filter((Q) => ![null, void 0].includes(Q)).map((Q) => (Q - R) / (O - R));
         const z = {
           valueMin: R,
           valueMax: O < 0 ? 0 : O
         }, N = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
-          min: o.scaleMin || Math.min(...o.absoluteValues.filter((K) => ![void 0, null].includes(K))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((K) => ![null, void 0].includes(K)))
-        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, q = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(N.min, N.max === N.min ? N.max * I : N.max, ee) : hl(N.min, N.max === N.min ? N.max * I : N.max, ee), V = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee) : hl(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee), fe = q.min >= 0 ? 0 : Math.abs(q.min), Y = 0, B = q.max + fe, re = V.max + Math.abs(Y), Oe = o.stackIndex, $l = s - 1 - Oe, Ge = i ? 1 - o.cumulatedStackRatio : 0, J = i ? r * Ge + e * $l : 0, Q = i ? r * o.stackRatio : c.value.height, ye = c.value.bottom - J - Q * fe / B, qe = c.value.bottom - J - Q * Y / re, Ie = et.value.filter((K) => K.type === "bar").filter((K) => !de.value.includes(K.id)).length, Gl = o.series.map((K, ke) => {
-          const Dt = p.value.useIndividualScale ? (o.absoluteValues[ke] + fe) / B : sl(K), vl = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / $.value * ke : c.value.left + he.value.bar * F + he.value.bar * ke * Ie - Ro.value / 2 - F * ia.value;
+          min: o.scaleMin || Math.min(...o.absoluteValues.filter((Q) => ![void 0, null].includes(Q))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((Q) => ![null, void 0].includes(Q)))
+        }, te = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(N.min, N.max === N.min ? N.max * I : N.max, te) : fl(N.min, N.max === N.min ? N.max * I : N.max, te), V = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, te) : fl(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, te), fe = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.max + fe, re = V.max + Math.abs(Y), Oe = o.stackIndex, $l = s - 1 - Oe, Ge = i ? 1 - o.cumulatedStackRatio : 0, j = i ? r * Ge + e * $l : 0, ee = i ? r * o.stackRatio : c.value.height, ye = c.value.bottom - j - ee * fe / B, Ue = c.value.bottom - j - ee * Y / re, Ie = et.value.filter((Q) => Q.type === "bar").filter((Q) => !de.value.includes(Q.id)).length, Gl = o.series.map((Q, ke) => {
+          const Wt = p.value.useIndividualScale ? (o.absoluteValues[ke] + fe) / B : rl(Q), dl = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / $.value * ke : c.value.left + he.value.bar * F + he.value.bar * ke * Ie - Ro.value / 2 - F * ia.value;
           return {
-            yOffset: U(J),
-            individualHeight: U(Q),
-            x: U(vl),
-            y: c.value.bottom - J - Q * Dt,
+            yOffset: Z(j),
+            individualHeight: Z(ee),
+            x: Z(dl),
+            y: c.value.bottom - j - ee * Wt,
             value: o.absoluteValues[ke],
-            zeroPosition: U(ye),
-            individualMax: U(B),
+            zeroPosition: Z(ye),
+            individualMax: Z(B),
             comment: o.comments && o.comments.slice(w.value.start, w.value.end)[ke] || ""
           };
-        }), Ve = o.absoluteValues.map((K) => V.min >= 0 ? (K - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (K + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Ht = o.series.map((K, ke) => {
-          const Dt = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / $.value * ke : c.value.left - he.value.bar / 2 + he.value.bar * F + he.value.bar * ke * et.value.filter((vl) => vl.type === "bar").filter((vl) => !de.value.includes(vl.id)).length;
+        }), Ve = o.absoluteValues.map((Q) => V.min >= 0 ? (Q - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (Q + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Dt = o.series.map((Q, ke) => {
+          const Wt = p.value.useIndividualScale && p.value.isStacked ? c.value.left + c.value.width / $.value * ke : c.value.left - he.value.bar / 2 + he.value.bar * F + he.value.bar * ke * et.value.filter((dl) => dl.type === "bar").filter((dl) => !de.value.includes(dl.id)).length;
           return {
-            yOffset: U(J),
-            individualHeight: U(Q),
-            x: U(Dt),
-            y: U(c.value.bottom - U(J) - (U(Q) * Ve[ke] || 0)),
+            yOffset: Z(j),
+            individualHeight: Z(ee),
+            x: Z(Wt),
+            y: Z(c.value.bottom - Z(j) - (Z(ee) * Ve[ke] || 0)),
             value: o.absoluteValues[ke],
-            zeroPosition: U(ye),
-            individualMax: U(B),
+            zeroPosition: Z(ye),
+            individualMax: Z(B),
             comment: o.comments && o.comments.slice(w.value.start, w.value.end)[ke] || ""
           };
-        }), oe = q.ticks.map((K) => ({
-          y: K >= 0 ? ye - Q * (K / B) : ye + Q * Math.abs(K) / B,
-          value: K,
+        }), ne = U.ticks.map((Q) => ({
+          y: Q >= 0 ? ye - ee * (Q / B) : ye + ee * Math.abs(Q) / B,
+          value: Q,
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
           datapoint: o
-        })), pe = V.ticks.map((K) => {
-          const ke = (K - V.min) / (V.max - V.min);
+        })), pe = V.ticks.map((Q) => {
+          const ke = (Q - V.min) / (V.max - V.min);
           return {
-            y: K >= 0 ? qe - Q * ke : qe + Q * ke,
-            value: K,
+            y: Q >= 0 ? Ue - ee * ke : Ue + ee * ke,
+            value: Q,
             prefix: o.prefix || t.value.chart.labels.prefix,
             suffix: o.suffix || t.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? pe : oe, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? qe : ye, P.value[o.scaleLabel].individualMax = o.autoScaling ? re : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = J, P.value[o.scaleLabel].individualHeight = Q, P.value[o.scaleLabel].autoScaleYLabels = pe, P.value[o.scaleLabel].unique = cl.value.filter((K) => K.scaleLabel === o.scaleLabel).length === 1, {
+        return P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? pe : ne, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ue : ye, P.value[o.scaleLabel].individualMax = o.autoScaling ? re : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = j, P.value[o.scaleLabel].individualHeight = ee, P.value[o.scaleLabel].autoScaleYLabels = pe, P.value[o.scaleLabel].unique = vl.value.filter((Q) => Q.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
-          yOffset: J,
+          yOffset: j,
           autoScaleYLabels: pe,
-          individualHeight: Q,
-          scaleYLabels: o.autoScaling ? pe : oe,
-          individualScale: o.autoScaling ? V : q,
+          individualHeight: ee,
+          scaleYLabels: o.autoScaling ? pe : ne,
+          individualScale: o.autoScaling ? V : U,
           individualMax: o.autoScaling ? re : B,
-          zeroPosition: o.autoScaling ? qe : ye,
-          plots: o.autoScaling ? Ht : Gl,
+          zeroPosition: o.autoScaling ? Ue : ye,
+          plots: o.autoScaling ? Dt : Gl,
           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, i = p.value.isStacked, a = i ? e * (s - 1) : 0, r = c.value.height - a;
+      const l = vl.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) => {
         Et(o);
         const R = P.value[o.scaleLabel].min, O = P.value[o.scaleLabel].max;
@@ -1984,120 +1984,120 @@ const _n = {
         }, N = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, ee = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, q = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(N.min, N.max === N.min ? N.max * I : N.max, ee) : hl(N.min, N.max === N.min ? N.max * I : N.max, ee), V = t.value.chart.grid.labels.yAxis.useNiceScale ? Ul(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee) : hl(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, ee), fe = q.min >= 0 ? 0 : Math.abs(q.min), Y = 0, B = q.max + Math.abs(fe), re = V.max + Math.abs(Y), Oe = o.stackIndex, $l = s - 1 - Oe, Ge = i ? 1 - o.cumulatedStackRatio : 0, J = i ? r * Ge + e * $l : 0, Q = i ? r * o.stackRatio : c.value.height, ye = c.value.bottom - J - Q * fe / B, qe = c.value.bottom - J - Q * Y / re, Ie = o.series.map((G, Ce) => {
-          const Xo = p.value.useIndividualScale ? (o.absoluteValues[Ce] + Math.abs(fe)) / B : sl(G);
+        }, te = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, I = 1.0000001, U = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(N.min, N.max === N.min ? N.max * I : N.max, te) : fl(N.min, N.max === N.min ? N.max * I : N.max, te), V = t.value.chart.grid.labels.yAxis.useNiceScale ? ql(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, te) : fl(z.valueMin, z.valueMax === z.valueMin ? z.valueMax * I : z.valueMax, te), fe = U.min >= 0 ? 0 : Math.abs(U.min), Y = 0, B = U.max + Math.abs(fe), re = V.max + Math.abs(Y), Oe = o.stackIndex, $l = s - 1 - Oe, Ge = i ? 1 - o.cumulatedStackRatio : 0, j = i ? r * Ge + e * $l : 0, ee = i ? r * o.stackRatio : c.value.height, ye = c.value.bottom - j - ee * fe / B, Ue = c.value.bottom - j - ee * Y / re, Ie = o.series.map((G, Ce) => {
+          const Xo = p.value.useIndividualScale ? (o.absoluteValues[Ce] + Math.abs(fe)) / B : rl(G);
           return {
-            x: U(c.value.left + he.value.line / 2 + he.value.line * Ce),
-            y: U(c.value.bottom - J - Q * Xo),
+            x: Z(c.value.left + he.value.line / 2 + he.value.line * Ce),
+            y: Z(c.value.bottom - j - ee * Xo),
             value: o.absoluteValues[Ce],
             comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ce] || ""
           };
         }), Gl = o.absoluteValues.map((G) => V.min >= 0 ? (G - Math.abs(V.min)) / (V.max - Math.abs(V.min)) : (G + Math.abs(V.min)) / (V.max + Math.abs(V.min))), Ve = o.series.map((G, Ce) => [void 0, null].includes(o.absoluteValues[Ce]) ? {
-          x: U(c.value.left + he.value.line / 2 + he.value.line * Ce),
+          x: Z(c.value.left + he.value.line / 2 + he.value.line * Ce),
           y: ye,
           value: o.absoluteValues[Ce],
           comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ce] || ""
         } : {
-          x: U(c.value.left + he.value.line / 2 + he.value.line * Ce),
-          y: U(c.value.bottom - J - (Q * Gl[Ce] || 0)),
+          x: Z(c.value.left + he.value.line / 2 + he.value.line * Ce),
+          y: Z(c.value.bottom - j - (ee * Gl[Ce] || 0)),
           value: o.absoluteValues[Ce],
           comment: o.comments && o.comments.slice(w.value.start, w.value.end)[Ce] || ""
-        }), Ht = t.value.line.cutNullValues ? ya(Ie) : pa(Ie.filter((G) => G.value !== null)), oe = t.value.line.cutNullValues ? ya(Ve) : pa(Ve.filter((G) => G.value !== null)), pe = t.value.line.cutNullValues ? ka(Ie) : wa(Ie.filter((G) => G.value !== null)), K = t.value.line.cutNullValues ? ka(Ve) : wa(Ve.filter((G) => G.value !== null)), ke = q.ticks.map((G) => ({
-          y: G >= 0 ? ye - Q * (G / B) : ye + Q * Math.abs(G) / B,
+        }), Dt = t.value.line.cutNullValues ? ya(Ie) : pa(Ie.filter((G) => G.value !== null)), ne = t.value.line.cutNullValues ? ya(Ve) : pa(Ve.filter((G) => G.value !== null)), pe = t.value.line.cutNullValues ? ka(Ie) : wa(Ie.filter((G) => G.value !== null)), Q = t.value.line.cutNullValues ? ka(Ve) : wa(Ve.filter((G) => G.value !== null)), ke = U.ticks.map((G) => ({
+          y: G >= 0 ? ye - ee * (G / B) : ye + ee * Math.abs(G) / B,
           value: G,
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
           datapoint: o
-        })), Dt = V.ticks.map((G) => {
+        })), Wt = V.ticks.map((G) => {
           const Ce = (G - V.min) / (V.max - V.min);
           return {
-            y: G >= 0 ? qe - Q * Ce : qe + Q * Ce,
+            y: G >= 0 ? Ue - ee * Ce : Ue + ee * Ce,
             value: G,
             prefix: o.prefix || t.value.chart.labels.prefix,
             suffix: o.suffix || t.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Dt : ke, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? qe : ye, P.value[o.scaleLabel].individualMax = o.autoScaling ? re : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = J, P.value[o.scaleLabel].individualHeight = Q, P.value[o.scaleLabel].autoScaleYLabels = Dt, P.value[o.scaleLabel].unique = cl.value.filter((G) => G.scaleLabel === o.scaleLabel).length === 1;
-        const vl = p.value.useIndividualScale ? o.autoScaling ? qe : ye : ze.value, ql = Math.max(Math.max(o.autoScaling ? qe : ke.at(-1) ? ke.at(-1).y : 0, c.value.top), vl);
+        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 ? Wt : ke, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ue : ye, P.value[o.scaleLabel].individualMax = o.autoScaling ? re : B, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = j, P.value[o.scaleLabel].individualHeight = ee, P.value[o.scaleLabel].autoScaleYLabels = Wt, P.value[o.scaleLabel].unique = vl.value.filter((G) => G.scaleLabel === o.scaleLabel).length === 1;
+        const dl = p.value.useIndividualScale ? o.autoScaling ? Ue : ye : ze.value, Ul = Math.max(Math.max(o.autoScaling ? Ue : ke.at(-1) ? ke.at(-1).y : 0, c.value.top), dl);
         return {
           ...o,
-          yOffset: J,
-          autoScaleYLabels: Dt,
-          individualHeight: Q,
-          scaleYLabels: o.autoScaling ? Dt : ke,
-          individualScale: o.autoScaling ? V : q,
+          yOffset: j,
+          autoScaleYLabels: Wt,
+          individualHeight: ee,
+          scaleYLabels: o.autoScaling ? Wt : ke,
+          individualScale: o.autoScaling ? V : U,
           individualMax: o.autoScaling ? re : B,
-          zeroPosition: o.autoScaling ? qe : ye,
-          curve: o.autoScaling ? oe : Ht,
+          zeroPosition: o.autoScaling ? Ue : ye,
+          curve: o.autoScaling ? ne : Dt,
           plots: o.autoScaling ? Ve : Ie,
           area: o.useArea ? p.value.useIndividualScale ? t.value.line.cutNullValues ? wo(
             o.autoScaling ? Ve : Ie,
-            ql
+            Ul
           ) : So(
             o.autoScaling ? Ve.filter((G) => G.value !== null) : Ie.filter((G) => G.value !== null),
-            ql
-          ) : t.value.line.cutNullValues ? wo(Ie, ql) : So(Ie.filter((G) => G.value !== null), ql) : "",
+            Ul
+          ) : t.value.line.cutNullValues ? wo(Ie, Ul) : So(Ie.filter((G) => G.value !== null), Ul) : "",
           curveAreas: o.useArea ? ln(
             o.autoScaling ? t.value.line.cutNullValues ? Ve : Ve.filter((G) => G.value !== null) : t.value.line.cutNullValues ? Ie : Ie.filter((G) => G.value !== null),
-            ql,
+            Ul,
             t.value.line.cutNullValues
           ) : [],
-          straight: o.autoScaling ? K : pe,
+          straight: o.autoScaling ? Q : pe,
           groupId: P.value[o.scaleLabel].groupId
         };
       });
     }), 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, i = p.value.isStacked, a = i ? e * (s - 1) : 0, r = c.value.height - a;
+      const l = vl.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) => {
         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));
+        o.absoluteValues.filter((ne) => ![null, void 0].includes(ne)).map((ne) => (ne - F) / (R - F));
         const O = {
           valueMin: F,
           valueMax: R
         }, z = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, N = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, ee = 1.0000001, I = hl(z.min, z.max === z.min ? z.max * ee : z.max, N), q = hl(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * ee : O.valueMax, N), V = I.min >= 0 ? 0 : Math.abs(I.min), fe = 0, Y = I.max + V, B = q.max + Math.abs(fe), re = o.stackIndex, Oe = s - 1 - re, $l = i ? 1 - o.cumulatedStackRatio : 0, Ge = i ? r * $l + e * Oe : 0, J = i ? r * o.stackRatio : c.value.height, Q = c.value.bottom - Ge - J * V / Y, ye = c.value.bottom - Ge - J * fe / B, qe = o.series.map((oe, pe) => {
-          const K = p.value.useIndividualScale ? (o.absoluteValues[pe] + Math.abs(V)) / Y : sl(oe);
+        }, N = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, te = 1.0000001, I = fl(z.min, z.max === z.min ? z.max * te : z.max, N), U = fl(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * te : O.valueMax, N), V = I.min >= 0 ? 0 : Math.abs(I.min), fe = 0, Y = I.max + V, B = U.max + Math.abs(fe), re = o.stackIndex, Oe = s - 1 - re, $l = i ? 1 - o.cumulatedStackRatio : 0, Ge = i ? r * $l + e * Oe : 0, j = i ? r * o.stackRatio : c.value.height, ee = c.value.bottom - Ge - j * V / Y, ye = c.value.bottom - Ge - j * fe / B, Ue = o.series.map((ne, pe) => {
+          const Q = p.value.useIndividualScale ? (o.absoluteValues[pe] + Math.abs(V)) / Y : rl(ne);
           return {
-            x: U(c.value.left + he.value.plot / 2 + he.value.plot * pe),
-            y: U(c.value.bottom - Ge - J * K),
+            x: Z(c.value.left + he.value.plot / 2 + he.value.plot * pe),
+            y: Z(c.value.bottom - Ge - j * Q),
             value: o.absoluteValues[pe],
             comment: o.comments && o.comments.slice(w.value.start, w.value.end)[pe] || ""
           };
-        }), Ie = o.absoluteValues.map((oe) => q.min >= 0 ? (oe - Math.abs(q.min)) / (q.max - Math.abs(q.min)) : (oe + Math.abs(q.min)) / (q.max + Math.abs(q.min))), Gl = o.series.map((oe, pe) => ({
-          x: U(c.value.left + he.value.plot / 2 + he.value.plot * pe),
-          y: U(c.value.bottom - Ge - (J * Ie[pe] || 0)),
+        }), Ie = o.absoluteValues.map((ne) => U.min >= 0 ? (ne - Math.abs(U.min)) / (U.max - Math.abs(U.min)) : (ne + Math.abs(U.min)) / (U.max + Math.abs(U.min))), Gl = o.series.map((ne, pe) => ({
+          x: Z(c.value.left + he.value.plot / 2 + he.value.plot * pe),
+          y: Z(c.value.bottom - Ge - (j * Ie[pe] || 0)),
           value: o.absoluteValues[pe],
           comment: o.comments && o.comments.slice(w.value.start, w.value.end)[pe] || ""
-        })), Ve = I.ticks.map((oe) => ({
-          y: oe >= 0 ? Q - J * (oe / Y) : Q + J * Math.abs(oe) / Y,
-          value: oe,
+        })), Ve = I.ticks.map((ne) => ({
+          y: ne >= 0 ? ee - j * (ne / Y) : ee + j * Math.abs(ne) / Y,
+          value: ne,
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
           datapoint: o
-        })), Ht = q.ticks.map((oe) => {
-          const pe = (oe - q.min) / (q.max - q.min);
+        })), Dt = U.ticks.map((ne) => {
+          const pe = (ne - U.min) / (U.max - U.min);
           return {
-            y: oe >= 0 ? ye - J * pe : ye + J * pe,
-            value: oe,
+            y: ne >= 0 ? ye - j * pe : ye + j * pe,
+            value: ne,
             prefix: o.prefix || t.value.chart.labels.prefix,
             suffix: o.suffix || t.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return P.value[o.scaleLabel].name = o.name, P.value[o.scaleLabel].groupName = o.scaleLabel, P.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, P.value[o.scaleLabel].color = o.color, P.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Ht : Ve, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? ye : Q, P.value[o.scaleLabel].individualMax = o.autoScaling ? B : Y, P.value[o.scaleLabel].scaleLabel = o.scaleLabel, P.value[o.scaleLabel].id = o.id, P.value[o.scaleLabel].yOffset = Ge, P.value[o.scaleLabel].individualHeight = J, P.value[o.scaleLabel].autoScaleYLabels = Ht, P.value[o.scaleLabel].unique = cl.value.filter((oe) => oe.scaleLabel === o.scaleLabel).length === 1, {
+        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 ? Dt : Ve, P.value[o.scaleLabel].zeroPosition = o.autoScaling ? ye : ee, 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 = Dt, P.value[o.scaleLabel].unique = vl.value.filter((ne) => ne.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: Ge,
-          autoScaleYLabels: Ht,
-          individualHeight: J,
-          scaleYLabels: o.autoScaling ? Ht : Ve,
-          individualScale: o.autoScaling ? q : I,
+          autoScaleYLabels: Dt,
+          individualHeight: j,
+          scaleYLabels: o.autoScaling ? Dt : Ve,
+          individualScale: o.autoScaling ? U : I,
           individualMax: o.autoScaling ? B : Y,
-          zeroPosition: o.autoScaling ? ye : Q,
-          plots: o.autoScaling ? Gl : qe,
+          zeroPosition: o.autoScaling ? ye : ee,
+          plots: o.autoScaling ? Gl : Ue,
           groupId: P.value[o.scaleLabel].groupId
         };
       });
@@ -2183,8 +2183,8 @@ const _n = {
           colorLineB: N,
           sampleStepPx: 2,
           cutNullValues: t.value.line.cutNullValues
-        }).forEach((I, q) => {
-          i.push({ ...I, key: `inter_${o}_${F}_${r}_${q}` });
+        }).forEach((I, U) => {
+          i.push({ ...I, key: `inter_${o}_${F}_${r}_${U}` });
         });
       }), i;
     }), ja = x(() => ({
@@ -2231,15 +2231,15 @@ const _n = {
           console.warn("Custom format cannot be applied on zoom labels."), ca.value = !1;
         }
       if (!ca.value) {
-        l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Aa.value[w.value.start]?.text || "" : v.value[0]?.text || "";
+        l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Aa.value[w.value.start]?.text || "" : d.value[0]?.text || "";
         const i = Math.max(w.value.start, w.value.end - 1);
-        s = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Aa.value[i]?.text || "" : v.value.at(-1)?.text || "";
+        s = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat ? Aa.value[i]?.text || "" : d.value.at(-1)?.text || "";
       }
       return { left: l, right: s };
     });
     const Bo = x(() => {
       let l = "", s = zt.value.map((a) => a.value).filter((a) => ha(a) && a !== null).reduce((a, r) => Math.abs(a) + Math.abs(r), 0);
-      const e = v.value[M.value], i = t.value.chart.tooltip.customFormat;
+      const e = d.value[M.value], i = t.value.chart.tooltip.customFormat;
       if (xa(i) && on(() => i({
         absoluteIndex: M.value + w.value.start,
         seriesIndex: M.value,
@@ -2267,9 +2267,9 @@ const _n = {
       return zt.value.forEach((a) => {
         if (ha(a.value)) {
           let r = "", o = "";
-          switch (Qt.value[a.type]) {
+          switch (jt.value[a.type]) {
             case "bar":
-              r = `<svg viewBox="0 0 40 40" height="14" width="14">${gl.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${a.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${gl.pattern ? `url(#pattern_${Z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
+              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_${J.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
               break;
             case "line":
               !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? o = `<path d="${St({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? o = `<path d="${St({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? o = `<path d="${St({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? o = `<path d="${St({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? o = `<path d="${St({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (o = `<polygon stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${$o({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), r = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${t.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${o}</svg>`;
@@ -2315,7 +2315,7 @@ const _n = {
             }),
             { datapoint: a }
           ) : ""}</b> ${t.value.chart.tooltip.showPercentage ? `(${lt({
-            v: U(Math.abs(a.value) / s * 100),
+            v: Z(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)[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>`);
@@ -2328,7 +2328,7 @@ const _n = {
         color: e.color,
         type: e.type
       })), s = [];
-      return v.value.forEach((e, i) => {
+      return d.value.forEach((e, i) => {
         const a = t.value.table.useDefaultTimeFormat ? [e.text] : [Sl.value(i + w.value.start, t.value.table.timeFormat)];
         Fe.value.forEach((r) => {
           a.push(Ye(r.absoluteValues[i]) ? Number(r.absoluteValues[i].toFixed(t.value.table.rounding)) : "");
@@ -2343,7 +2343,7 @@ const _n = {
         const o = Fe.value.map((F) => F.absoluteValues[r] ?? 0).reduce((F, R) => F + R, 0);
         e.push(
           [
-            t.value.table.useDefaultTimeFormat ? v.value[r].text ?? "-" : Sl.value(r + w.value.start, t.value.table.timeFormat)
+            t.value.table.useDefaultTimeFormat ? d.value[r].text ?? "-" : Sl.value(r + w.value.start, t.value.table.timeFormat)
           ].concat(Fe.value.map(
             (F) => Ae(
               F.type === "line" ? t.value.line.labels.formatter : F.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
@@ -2378,7 +2378,7 @@ const _n = {
       l ? l(r) : cn({ csvContent: r, title: t.value.chart.title.text || "vue-ui-xy" });
     }
     function to(l, s = null) {
-      xl.value = l;
+      bl.value = l;
       const e = Fe.value.map((i) => ({
         name: i.name,
         value: [null, void 0, NaN].includes(i.absoluteValues[s]) ? null : i.absoluteValues[s],
@@ -2411,31 +2411,31 @@ const _n = {
         threshold: 10,
         fallback: 10
       }), A.value.yAxis = _l({
-        relator: le.value,
+        relator: ae.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.axis.fontSize,
         threshold: 10,
         fallback: 10
       }), A.value.xAxis = _l({
-        relator: le.value,
+        relator: ae.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.xAxisLabels.fontSize,
         threshold: 10,
         fallback: 10
       }), A.value.plotLabels = _l({
-        relator: le.value,
+        relator: ae.value,
         adjuster: 800,
         source: t.value.chart.labels.fontSize,
         threshold: 10,
         fallback: 10
       }), De.value.plot = _l({
-        relator: le.value,
+        relator: ae.value,
         adjuster: 800,
         source: t.value.plot.radius,
         threshold: 1,
         fallback: 1
       }), De.value.line = _l({
-        relator: le.value,
+        relator: ae.value,
         adjuster: 800,
         source: t.value.line.radius,
         threshold: 1,
@@ -2443,11 +2443,11 @@ const _n = {
       });
     }
     function za() {
-      _o(d.dataset) ? (Na({
+      _o(h.dataset) ? (Na({
         componentName: "VueUiXy",
         type: "dataset",
         debug: Ct.value
-      }), bt.value = !0) : d.dataset.forEach((s, e) => {
+      }), bt.value = !0) : h.dataset.forEach((s, e) => {
         [null, void 0].includes(s.name) && (Na({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
@@ -2455,17 +2455,17 @@ const _n = {
           index: e,
           debug: Ct.value
         }), bt.value = !0);
-      }), Ct.value && d.dataset.forEach((s) => {
+      }), Ct.value && h.dataset.forEach((s) => {
         s.series.forEach((e, i) => {
           ha(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
 -----> The serie '${s.name}' contains the value '${e}' at index ${i}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), _o(d.dataset) || (bt.value = t.value.loading), jl.value = t.value.chart.userOptions.showOnChartHover, Fl.value = t.value.chart.userOptions.keepStateOnChartLeave, bl.value = !t.value.chart.userOptions.showOnChartHover, tl();
+      }), _o(h.dataset) || (bt.value = t.value.loading), jl.value = t.value.chart.userOptions.showOnChartHover, Fl.value = t.value.chart.userOptions.keepStateOnChartLeave, yl.value = !t.value.chart.userOptions.showOnChartHover, ll();
       const l = 12;
       if (t.value.responsive) {
         const e = Be.value.parentNode;
-        mt.value && (mt.value.unobserve(ne.value), mt.value.disconnect());
+        mt.value && (mt.value.unobserve(ue.value), mt.value.disconnect());
         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);
@@ -2475,17 +2475,17 @@ const _n = {
         t.value.chart.legend.show && Le.value && (O = Le.value, z = O.getBoundingClientRect().height);
         let N = 0;
         ft.value && (N = ft.value.getBoundingClientRect().height);
-        let ee = 0;
-        Mt.value && (ee = Mt.value.getBoundingClientRect().height), W.value = i - o - z - R - N - ee - l, le.value = a, at.value = `0 0 ${le.value < 0 ? 10 : le.value} ${W.value < 0 ? 10 : W.value}`, uo();
-        const I = new ResizeObserver((q) => {
-          for (const V of q)
-            t.value.chart.title.show && Te.value ? o = Te.value.getBoundingClientRect().height : o = 0, Ke.value && Ke.value.$el ? R = Ke.value.$el.getBoundingClientRect().height : R = 0, Le.value ? z = Le.value.getBoundingClientRect().height : z = 0, ft.value ? N = ft.value.getBoundingClientRect().height : N = 0, Mt.value ? ee = Mt.value.getBoundingClientRect().height : ee = 0, requestAnimationFrame(() => {
-              W.value = V.contentRect.height - o - z - R - N - ee - l, le.value = V.contentBoxSize[0].inlineSize, at.value = `0 0 ${le.value < 0 ? 10 : le.value} ${W.value < 0 ? 10 : W.value}`, uo();
+        let te = 0;
+        Mt.value && (te = Mt.value.getBoundingClientRect().height), W.value = i - o - z - R - N - te - l, ae.value = a, at.value = `0 0 ${ae.value < 0 ? 10 : ae.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, Le.value ? z = Le.value.getBoundingClientRect().height : z = 0, ft.value ? N = ft.value.getBoundingClientRect().height : N = 0, Mt.value ? te = Mt.value.getBoundingClientRect().height : te = 0, requestAnimationFrame(() => {
+              W.value = V.contentRect.height - o - z - R - N - te - l, ae.value = V.contentBoxSize[0].inlineSize, at.value = `0 0 ${ae.value < 0 ? 10 : ae.value} ${W.value < 0 ? 10 : W.value}`, uo();
             });
         });
-        mt.value = I, ne.value = e, I.observe(e);
+        mt.value = I, ue.value = e, I.observe(e);
       } else
-        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}`;
+        W.value = t.value.chart.height, ae.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 ${ae.value} ${W.value}`;
     }
     function io(l) {
       Ql.value = {
@@ -2494,19 +2494,19 @@ const _n = {
       };
     }
     Zl(() => {
-      za(), il(), document.addEventListener("mousemove", io, { passive: !0 }), document.addEventListener("scroll", Hl, { passive: !0 });
+      za(), sl(), document.addEventListener("mousemove", io, { passive: !0 }), document.addEventListener("scroll", Hl, { passive: !0 });
     }), Ll(() => {
-      document.removeEventListener("scroll", Hl, { passive: !0 }), document.removeEventListener("mousemove", io, { passive: !0 }), mt.value && (mt.value.unobserve(ne.value), mt.value.disconnect(), mt.value = null);
+      document.removeEventListener("scroll", Hl, { passive: !0 }), document.removeEventListener("mousemove", io, { passive: !0 }), mt.value && (mt.value.unobserve(ue.value), mt.value.disconnect(), mt.value = null);
     }), yn({
       timeLabelsEls: $e,
-      timeLabels: v,
+      timeLabels: d,
       slicer: w,
       configRef: t,
       rotationPath: ["chart", "grid", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["chart", "grid", "labels", "xAxisLabels", "autoRotate", "enable"],
       isAutoSize: pt,
       height: W,
-      width: le,
+      width: ae,
       rotation: t.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     });
     const da = y(!1), so = y(null), ro = y(200), Eo = x(
@@ -2518,7 +2518,7 @@ const _n = {
     }
     function Do() {
       const l = Ho(), s = 200, e = Math.max(1, $.value), i = c.value.width / e, r = c.value.left + Eo.value * i + i / 2 - l / 2 - (s - l) / 2, o = c.value.left - (s - l) / 2, F = c.value.right - (s + l) / 2, R = Math.max(o, Math.min(r, F));
-      return U(R);
+      return Z(R);
     }
     Zl(() => {
       let l = null, s = null;
@@ -2564,15 +2564,15 @@ const _n = {
           console.warn("Custom format cannot be applied on timeTag."), da.value = !1;
         }
       if (!da.value)
-        return [null, void 0].includes(v.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? Sl.value(l + w.value.start, t.value.chart.timeTag.timeFormat) : v.value[l].text;
+        return [null, void 0].includes(d.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? Sl.value(l + w.value.start, t.value.chart.timeTag.timeFormat) : d.value[l].text;
     });
-    ht(() => d.dataset, (l) => {
+    ht(() => h.dataset, (l) => {
       Array.isArray(l) && l.length > 0 && (bt.value = !1), Qe.value = Math.max(...Me.value.map((s) => yt(s.series).length)), w.value = {
         start: 0,
         end: Qe.value
       }, Jl.value += 1, gt.value += 1, At();
-    }, { deep: !0 }), ht(() => d.config, (l) => {
-      be.value || (t.value = Ol()), za(), Pl.value += 1, Nl.value += 1, tl(), At();
+    }, { deep: !0 }), ht(() => h.config, (l) => {
+      be.value || (t.value = Ol()), za(), Pl.value += 1, Nl.value += 1, ll(), At();
     }, { deep: !0 });
     const Ia = y(!1);
     function co() {
@@ -2587,11 +2587,11 @@ const _n = {
     Zl(() => {
       co();
       const l = new ResizeObserver(() => {
-        co(), Ia.value && (za(), At(), il());
+        co(), Ia.value && (za(), At(), sl());
       });
       Be.value?.parentNode && l.observe(Be.value.parentNode);
     }), ht(t, () => {
-      tl();
+      ll();
     }, { immediate: !0 });
     const Yl = x(() => {
       const l = t.value.table.useDialog && !t.value.showTable, s = p.value.showTable;
@@ -2642,7 +2642,7 @@ const _n = {
       toggleAnnotator: Dl,
       toggleFullscreen: no
     }), (l, s) => (n(), u("div", {
-      id: `vue-ui-xy_${Z.value}`,
+      id: `vue-ui-xy_${J.value}`,
       class: Ze(`vue-ui-xy ${Pe.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "chart",
       ref: Be,
@@ -2651,7 +2651,7 @@ const _n = {
       onMouseleave: s[7] || (s[7] = () => xe(!1)),
       onClick: Xa
     }, [
-      t.value.chart.userOptions.buttons.annotator && _e.value ? (n(), ct(h(Nt), {
+      t.value.chart.userOptions.buttons.annotator && _e.value ? (n(), ct(v(Nt), {
         key: 0,
         svgRef: _e.value,
         backgroundColor: t.value.chart.backgroundColor,
@@ -2688,17 +2688,17 @@ const _n = {
         }, null, 8, ["config"]))
       ], 4)) : g("", !0),
       k("div", {
-        id: `legend-top-${Z.value}`
+        id: `legend-top-${J.value}`
       }, null, 8, mu),
-      t.value.chart.userOptions.show && (Fl.value || bl.value) ? (n(), ct(h(me), {
+      t.value.chart.userOptions.show && (Fl.value || yl.value) ? (n(), ct(v(me), {
         ref_key: "userOptionsRef",
         ref: zl,
         key: `user_options_${Il.value}`,
         backgroundColor: t.value.chart.backgroundColor,
         color: t.value.chart.color,
-        isPrinting: h(Bl),
-        isImaging: h(nt),
-        uid: Z.value,
+        isPrinting: v(Bl),
+        isImaging: v(nt),
+        uid: J.value,
         hasTooltip: t.value.chart.userOptions.buttons.tooltip && t.value.chart.tooltip.show,
         hasPdf: t.value.chart.userOptions.buttons.pdf,
         hasXls: t.value.chart.userOptions.buttons.csv,
@@ -2719,85 +2719,85 @@ const _n = {
         tableDialog: t.value.table.useDialog,
         printScale: t.value.chart.userOptions.print.scale,
         onToggleFullscreen: no,
-        onGeneratePdf: h(ut),
+        onGeneratePdf: v(ut),
         onGenerateCsv: Ta,
-        onGenerateImage: h(it),
+        onGenerateImage: v(it),
         onToggleTable: lo,
         onToggleLabels: ao,
         onToggleStack: st,
         onToggleTooltip: oo,
         onToggleAnnotator: Dl,
         style: C({
-          visibility: Fl.value ? bl.value ? "visible" : "hidden" : "visible"
+          visibility: Fl.value ? yl.value ? "visible" : "hidden" : "visible"
         })
       }, xo({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: Se(({ isOpen: e, color: i }) => [
-            te(l.$slots, "menuIcon", Yt(dl({ isOpen: e, color: i })), void 0, !0)
+            le(l.$slots, "menuIcon", Gt(hl({ isOpen: e, color: i })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: Se(() => [
-            te(l.$slots, "optionTooltip", {}, void 0, !0)
+            le(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
           fn: Se(() => [
-            te(l.$slots, "optionPdf", {}, void 0, !0)
+            le(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
           fn: Se(() => [
-            te(l.$slots, "optionCsv", {}, void 0, !0)
+            le(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
           fn: Se(() => [
-            te(l.$slots, "optionImg", {}, void 0, !0)
+            le(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
           fn: Se(() => [
-            te(l.$slots, "optionTable", {}, void 0, !0)
+            le(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionLabels ? {
           name: "optionLabels",
           fn: Se(() => [
-            te(l.$slots, "optionLabels", {}, void 0, !0)
+            le(l.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionStack ? {
           name: "optionStack",
           fn: Se(() => [
-            te(l.$slots, "optionStack", {}, void 0, !0)
+            le(l.$slots, "optionStack", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: Se(({ toggleFullscreen: e, isFullscreen: i }) => [
-            te(l.$slots, "optionFullscreen", Yt(dl({ toggleFullscreen: e, isFullscreen: i })), void 0, !0)
+            le(l.$slots, "optionFullscreen", Gt(hl({ toggleFullscreen: e, isFullscreen: i })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: Se(({ toggleAnnotator: e, isAnnotator: i }) => [
-            te(l.$slots, "optionAnnotator", Yt(dl({ toggleAnnotator: e, isAnnotator: i })), void 0, !0)
+            le(l.$slots, "optionAnnotator", Gt(hl({ toggleAnnotator: e, isAnnotator: i })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -2827,10 +2827,10 @@ const _n = {
           ref: Al,
           class: "vue-data-ui-g"
         }, [
-          ml(h($t)),
+          gl(v($t)),
           l.$slots["chart-background"] ? (n(), u("foreignObject", {
             key: 0,
-            x: c.value.left + ue.value < 0 ? 0 : c.value.left + ue.value,
+            x: c.value.left + ie.value < 0 ? 0 : c.value.left + ie.value,
             y: c.value.top,
             width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value),
             height: c.value.height < 0 ? 0 : c.value.height,
@@ -2838,7 +2838,7 @@ const _n = {
               pointerEvents: "none"
             }
           }, [
-            te(l.$slots, "chart-background", {}, void 0, !0)
+            le(l.$slots, "chart-background", {}, void 0, !0)
           ], 8, xu)) : g("", !0),
           $.value > 0 ? (n(), u("g", bu, [
             k("g", yu, [
@@ -2846,28 +2846,28 @@ const _n = {
                 key: 0,
                 stroke: t.value.chart.grid.stroke,
                 "stroke-width": "1",
-                x1: c.value.left + ue.value,
-                x2: c.value.right - ue.value,
-                y1: h(j)(c.value.bottom),
-                y2: h(j)(c.value.bottom),
+                x1: c.value.left + ie.value,
+                x2: c.value.right - ie.value,
+                y1: v(q)(c.value.bottom),
+                y2: v(q)(c.value.bottom),
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
               }, null, 8, pu)) : g("", !0),
               p.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (n(!0), u(b, { key: 2 }, L(Xl.value, (e) => (n(), u("g", null, [
                 e.id === E.value && e.yLabels.length ? (n(!0), u(b, { key: 0 }, L(e.yLabels, (i) => (n(), u("line", {
-                  x1: c.value.left + ue.value,
-                  x2: c.value.right - ue.value,
-                  y1: h(j)(i.y),
-                  y2: h(j)(i.y),
+                  x1: c.value.left + ie.value,
+                  x2: c.value.right - ie.value,
+                  y1: v(q)(i.y),
+                  y2: v(q)(i.y),
                   stroke: e.color,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, 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),
+                  x1: c.value.left + ie.value,
+                  x2: c.value.right - ie.value,
+                  y1: v(q)(i.y),
+                  y2: v(q)(i.y),
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
@@ -2878,19 +2878,19 @@ const _n = {
                   key: 0,
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": "1",
-                  x1: c.value.left + ue.value,
-                  x2: c.value.left + ue.value,
-                  y1: h(j)(c.value.top),
-                  y2: h(j)(c.value.bottom),
+                  x1: c.value.left + ie.value,
+                  x2: c.value.left + ie.value,
+                  y1: v(q)(c.value.top),
+                  y2: v(q)(c.value.bottom),
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, 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,
+                    x1: c.value.left + ie.value,
                     x2: c.value.right,
-                    y1: h(j)(e.y),
-                    y2: h(j)(e.y),
+                    y1: v(q)(e.y),
+                    y2: v(q)(e.y),
                     stroke: t.value.chart.grid.stroke,
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
@@ -2920,12 +2920,12 @@ const _n = {
             (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", Gt({
+              l.$slots["bar-gradient"] ? le(l.$slots, "bar-gradient", Ut({
                 key: 0,
                 ref_for: !0
-              }, { series: e, positiveId: `rectGradient_pos_${i}_${Z.value}`, negativeId: `rectGradient_neg_${i}_${Z.value}` }), void 0, !0) : (n(), u(b, { key: 1 }, [
+              }, { series: e, positiveId: `rectGradient_pos_${i}_${J.value}`, negativeId: `rectGradient_neg_${i}_${J.value}` }), void 0, !0) : (n(), u(b, { key: 1 }, [
                 k("linearGradient", {
-                  id: `rectGradient_pos_${i}_${Z.value}`,
+                  id: `rectGradient_pos_${i}_${J.value}`,
                   x2: "0%",
                   y2: "100%"
                 }, [
@@ -2935,25 +2935,25 @@ const _n = {
                   }, null, 8, zu),
                   k("stop", {
                     offset: "62%",
-                    "stop-color": `${h(fl)(e.color, 0.02)}`
+                    "stop-color": `${v(ml)(e.color, 0.02)}`
                   }, null, 8, Iu),
                   k("stop", {
                     offset: "100%",
-                    "stop-color": `${h(fl)(e.color, 0.05)}`
+                    "stop-color": `${v(ml)(e.color, 0.05)}`
                   }, null, 8, Nu)
                 ], 8, Tu),
                 k("linearGradient", {
-                  id: `rectGradient_neg_${i}_${Z.value}`,
+                  id: `rectGradient_neg_${i}_${J.value}`,
                   x2: "0%",
                   y2: "100%"
                 }, [
                   k("stop", {
                     offset: "0%",
-                    "stop-color": `${h(fl)(e.color, 0.05)}`
+                    "stop-color": `${v(ml)(e.color, 0.05)}`
                   }, null, 8, Fu),
                   k("stop", {
                     offset: "38%",
-                    "stop-color": `${h(fl)(e.color, 0.02)}`
+                    "stop-color": `${v(ml)(e.color, 0.02)}`
                   }, null, 8, Ru),
                   k("stop", {
                     offset: "100%",
@@ -2966,7 +2966,7 @@ const _n = {
               key: `def_plot_${i}`
             }, [
               k("radialGradient", {
-                id: `plotGradient_${i}_${Z.value}`,
+                id: `plotGradient_${i}_${J.value}`,
                 cx: "50%",
                 cy: "50%",
                 r: "50%",
@@ -2975,7 +2975,7 @@ const _n = {
               }, [
                 k("stop", {
                   offset: "0%",
-                  "stop-color": `${h(fl)(e.color, 0.05)}`
+                  "stop-color": `${v(ml)(e.color, 0.05)}`
                 }, null, 8, Bu),
                 k("stop", {
                   offset: "100%",
@@ -2987,7 +2987,7 @@ const _n = {
               key: `def_line_${e.id}`
             }, [
               k("radialGradient", {
-                id: `lineGradient_${i}_${Z.value}`,
+                id: `lineGradient_${i}_${J.value}`,
                 cx: "50%",
                 cy: "50%",
                 r: "50%",
@@ -2996,19 +2996,19 @@ const _n = {
               }, [
                 k("stop", {
                   offset: "0%",
-                  "stop-color": `${h(fl)(e.color, 0.05)}`
+                  "stop-color": `${v(ml)(e.color, 0.05)}`
                 }, null, 8, Du),
                 k("stop", {
                   offset: "100%",
                   "stop-color": e.color
                 }, null, 8, Wu)
               ], 8, Hu),
-              l.$slots["area-gradient"] ? te(l.$slots, "area-gradient", Gt({
+              l.$slots["area-gradient"] ? le(l.$slots, "area-gradient", Ut({
                 key: 0,
                 ref_for: !0
-              }, { series: e, id: `areaGradient_${i}_${Z.value}` }), void 0, !0) : (n(), u("linearGradient", {
+              }, { series: e, id: `areaGradient_${i}_${J.value}` }), void 0, !0) : (n(), u("linearGradient", {
                 key: 1,
-                id: `areaGradient_${i}_${Z.value}`,
+                id: `areaGradient_${i}_${J.value}`,
                 x1: "0%",
                 x2: "100%",
                 y1: "0%",
@@ -3016,11 +3016,11 @@ const _n = {
               }, [
                 k("stop", {
                   offset: "0%",
-                  "stop-color": `${h(vt)(h(fl)(e.color, 0.03), t.value.line.area.opacity)}`
+                  "stop-color": `${v(vt)(v(ml)(e.color, 0.03), t.value.line.area.opacity)}`
                 }, null, 8, Yu),
                 k("stop", {
                   offset: "100%",
-                  "stop-color": `${h(vt)(e.color, t.value.line.area.opacity)}`
+                  "stop-color": `${v(vt)(e.color, t.value.line.area.opacity)}`
                 }, null, 8, Gu)
               ], 8, Xu))
             ]))), 128)),
@@ -3036,8 +3036,8 @@ const _n = {
                     y: c.value.top,
                     height: c.value.height < 0 ? 10 : c.value.height,
                     width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
-                    fill: h(vt)(e.color, e.opacity)
-                  }, null, 12, qu)
+                    fill: v(vt)(e.color, e.opacity)
+                  }, null, 12, Uu)
                 ]))), 256)),
                 (n(!0), u(b, null, L(e.span, (i, a) => (n(), u("g", null, [
                   e.caption.text && a === 0 ? (n(), u("foreignObject", {
@@ -3054,7 +3054,7 @@ const _n = {
                     k("div", {
                       style: C(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
                     }, ce(e.caption.text), 5)
-                  ], 12, Uu)) : g("", !0)
+                  ], 12, qu)) : g("", !0)
                 ]))), 256))
               ], 64)) : g("", !0)
             ]))), 256)),
@@ -3067,7 +3067,7 @@ const _n = {
                   y: c.value.top,
                   height: c.value.height < 0 ? 10 : c.value.height,
                   width: c.value.width / $.value < 0 ? 1e-5 : c.value.width / $.value,
-                  fill: [X.value, M.value, ae.value].includes(i) ? h(vt)(t.value.chart.highlighter.color, t.value.chart.highlighter.opacity) : "transparent",
+                  fill: [X.value, M.value, oe.value].includes(i) ? v(vt)(t.value.chart.highlighter.color, t.value.chart.highlighter.opacity) : "transparent",
                   style: { transition: "none !important", animation: "none !important" }
                 }, null, 8, Ku)
               ]))), 128))
@@ -3087,11 +3087,11 @@ const _n = {
                   height: p.value.useIndividualScale ? Math.abs(Ea(a)) : Math.abs(Ba(a)),
                   width: sa.value - ra.value,
                   rx: t.value.bar.borderRadius,
-                  fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${i}_${Z.value})` : `url(#rectGradient_neg_${i}_${Z.value})` : e.color,
+                  fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${i}_${J.value})` : `url(#rectGradient_neg_${i}_${J.value})` : e.color,
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
                   style: C({
-                    transition: h(be) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
+                    transition: v(be) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out`
                   })
                 }, null, 12, Ju)) : g("", !0),
                 Ye(a.value) && l.$slots.pattern ? (n(), u("rect", {
@@ -3101,10 +3101,10 @@ const _n = {
                   height: p.value.useIndividualScale ? Math.abs(Ea(a)) : Math.abs(Ba(a)),
                   width: sa.value - ra.value,
                   rx: t.value.bar.borderRadius,
-                  fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
+                  fill: `url(#pattern_${J.value}_${e.slotAbsoluteIndex})`,
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
-                  style: C({ transition: h(be) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
+                  style: C({ transition: v(be) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
                 }, null, 12, Qu)) : g("", !0),
                 a.comment && t.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 2,
@@ -3112,82 +3112,108 @@ const _n = {
                   height: "12",
                   width: sa.value / 2 + t.value.chart.comments.width,
                   x: na(a) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
-                  y: h(U)(a.y) + t.value.chart.comments.offsetY + 6
+                  y: v(Z)(a.y) + t.value.chart.comments.offsetY + 6
                 }, [
-                  te(l.$slots, "plot-comment", {
+                  le(l.$slots, "plot-comment", {
                     plot: { ...a, color: e.color, seriesIndex: i, datapointIndex: r }
                   }, void 0, !0)
                 ], 8, ju)) : g("", !0)
               ]))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(h(ie)(e.plots).trend) ? (n(), u("g", ei, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(K)(e.plots).trend) ? (n(), u("g", ei, [
                 k("defs", null, [
                   k("marker", {
                     id: `bar_arrow_${i}`,
-                    markerWidth: 7,
-                    markerHeight: 7,
-                    refX: "0",
+                    markerWidth: "9",
+                    markerHeight: "9",
+                    viewBox: "-1 -1 9 9",
+                    markerUnits: "userSpaceOnUse",
+                    refX: "7",
                     refY: 7 / 2,
-                    orient: "auto"
+                    orient: "auto",
+                    overflow: "visible"
                   }, [
                     k("polygon", {
-                      points: `0 0, 7 ${7 / 2}, 0 7`,
-                      fill: e.color
+                      points: "0,0 7,3.5 0,7",
+                      fill: e.color,
+                      stroke: t.value.chart.backgroundColor,
+                      "stroke-width": "1",
+                      "stroke-linejoin": "round"
                     }, null, 8, li)
                   ], 8, ti)
                 ]),
                 e.plots.length > 1 ? (n(), u("line", {
                   key: 0,
-                  x1: h(ie)(e.plots).x1 + wl(),
-                  x2: h(ie)(e.plots).x2 + wl(),
-                  y1: h(j)(h(ie)(e.plots).y1),
-                  y2: h(j)(h(ie)(e.plots).y2),
+                  x1: v(K)(e.plots).x1 + Ht(),
+                  x2: v(K)(e.plots).x2 + Ht(),
+                  y1: v(q)(v(K)(e.plots).y1),
+                  y2: v(q)(v(K)(e.plots).y2),
+                  "stroke-width": 2,
+                  stroke: t.value.chart.backgroundColor,
+                  "stroke-dasharray": 2,
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "marker-end": `url(#bar_arrow_${i})`
+                }, null, 8, ai)) : g("", !0),
+                e.plots.length > 1 ? (n(), u("line", {
+                  key: 1,
+                  x1: v(K)(e.plots).x1 + Ht(),
+                  x2: v(K)(e.plots).x2 + Ht(),
+                  y1: v(q)(v(K)(e.plots).y1),
+                  y2: v(q)(v(K)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
                   "marker-end": `url(#bar_arrow_${i})`
-                }, null, 8, ai)) : g("", !0),
+                }, null, 8, oi)) : g("", !0),
                 e.plots.length > 1 ? (n(), u("text", {
-                  key: 1,
+                  key: 2,
                   "text-anchor": "middle",
-                  x: h(ie)(e.plots).x2 + wl(),
-                  y: h(ie)(e.plots).y2 - 6,
+                  x: v(K)(e.plots).x2 + Ht(),
+                  y: Math.max(v(K)(e.plots).y2 - 12, c.value.top),
                   "font-size": A.value.plotLabels,
-                  fill: e.color
-                }, ce(h(lt)({
-                  v: h(ie)(e.plots).trend * 100,
+                  fill: e.color,
+                  stroke: t.value.chart.backgroundColor,
+                  "stroke-width": 4,
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "paint-order": "stroke fill"
+                }, ce(v(lt)({
+                  v: v(K)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, oi)) : g("", !0)
+                })), 9, ni)) : g("", !0)
               ])) : g("", !0)
             ], 6))), 128)) : g("", !0),
             !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 + ue.value,
+              x1: c.value.left + ie.value,
               x2: c.value.right,
-              y1: h(j)(ze.value),
-              y2: h(j)(ze.value),
+              y1: v(q)(ze.value),
+              y2: v(q)(ze.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, 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, [
+            }, null, 8, ui)) : g("", !0),
+            t.value.chart.highlighter.useLine && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), u("g", ii, [
               k("line", {
                 x1: c.value.left + c.value.width / $.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / $.value / 2,
                 x2: c.value.left + c.value.width / $.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / $.value / 2,
-                y1: h(j)(c.value.top),
-                y2: h(j)(c.value.bottom),
+                y1: v(q)(c.value.top),
+                y2: v(q)(c.value.bottom),
                 stroke: t.value.chart.highlighter.color,
                 "stroke-width": t.value.chart.highlighter.lineWidth,
                 "stroke-dasharray": t.value.chart.highlighter.lineDasharray,
                 "stroke-linecap": "round",
                 style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-              }, null, 8, ii)
+              }, null, 8, si)
             ])) : g("", !0),
             t.value.chart.grid.frame.show ? (n(), u("rect", {
               key: 4,
               style: { pointerEvents: "none", transition: "none", animation: "none !important" },
-              x: c.value.left + ue.value < 0 ? 0 : c.value.left + ue.value,
+              x: c.value.left + ie.value < 0 ? 0 : c.value.left + ie.value,
               y: c.value.top,
               width: c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value) < 0 ? 0 : c.value.width - (t.value.chart.grid.position === "middle" ? 0 : c.value.width / $.value),
               height: c.value.height < 0 ? 0 : c.value.height,
@@ -3197,7 +3223,7 @@ 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, si)) : g("", !0),
+            }, null, 8, ri)) : g("", !0),
             t.value.chart.grid.labels.show ? (n(), u("g", {
               key: 5,
               ref_key: "scaleLabels",
@@ -3206,15 +3232,15 @@ const _n = {
               p.value.useIndividualScale ? (n(), u(b, { key: 0 }, [
                 (n(!0), u(b, null, L(Xl.value, (e) => (n(), u("g", null, [
                   k("line", {
-                    x1: e.x + ue.value - c.value.individualOffsetX,
-                    x2: e.x + ue.value - c.value.individualOffsetX,
-                    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),
+                    x1: e.x + ie.value - c.value.individualOffsetX,
+                    x2: e.x + ie.value - c.value.individualOffsetX,
+                    y1: p.value.isStacked ? v(q)(c.value.bottom - e.yOffset - e.individualHeight) : v(q)(c.value.top),
+                    y2: p.value.isStacked ? v(q)(c.value.bottom - e.yOffset) : v(q)(c.value.bottom),
                     stroke: e.color,
                     "stroke-width": t.value.chart.grid.stroke,
                     "stroke-linecap": "round",
                     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)
+                  }, null, 12, ci)
                 ]))), 256)),
                 (n(!0), u(b, null, L(Xl.value, (e) => (n(), u("g", {
                   style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
@@ -3223,71 +3249,71 @@ const _n = {
                     fill: e.color,
                     "font-size": A.value.dataLabels * 0.8,
                     "text-anchor": "middle",
-                    transform: `translate(${e.x - A.value.dataLabels * 0.8 / 2 + ue.value}, ${p.value.isStacked ? c.value.bottom - e.yOffset - e.individualHeight / 2 : c.value.top + c.value.height / 2}) rotate(-90)`
+                    transform: `translate(${e.x - A.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)`
                   }, ce(e.name) + " " + ce(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
-                                    ${e.scaleLabel}` : ""), 9, ci),
+                                    ${e.scaleLabel}` : ""), 9, vi),
                   (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 + 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),
+                      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: v(q)(i.y),
+                      y2: v(q)(i.y),
                       stroke: e.color,
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       style: { animation: "none !important" }
-                    }, null, 8, vi)) : g("", !0)
+                    }, null, 8, di)) : g("", !0)
                   ], 64))), 256)),
                   (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,
+                    x: e.x - 5 + ie.value - c.value.individualOffsetX,
+                    y: v(q)(i.y) + A.value.dataLabels / 3,
                     "font-size": A.value.dataLabels,
                     "text-anchor": "end",
                     fill: e.color
-                  }, ce(h(Ae)(
+                  }, ce(v(Ae)(
                     t.value.chart.grid.labels.yAxis.formatter,
                     i.value,
-                    h(lt)({
+                    v(lt)({
                       p: i.prefix,
                       v: i.value,
                       s: i.suffix,
                       r: t.value.chart.grid.labels.yAxis.rounding
                     }),
                     { datapoint: i.datapoint, seriesIndex: a }
-                  )), 9, di))), 256))
+                  )), 9, hi))), 256))
                 ], 4))), 256))
               ], 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(), u("line", {
                   key: 0,
-                  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),
+                  x1: c.value.left + ie.value,
+                  x2: c.value.left + ie.value - t.value.chart.grid.labels.yAxis.crosshairSize,
+                  y1: v(q)(e.y),
+                  y2: v(q)(e.y),
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": "1",
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, hi)) : g("", !0),
+                }, null, 8, fi)) : 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(U)(e.y + A.value.dataLabels / 3),
+                  y: v(Z)(e.y + A.value.dataLabels / 3),
                   "font-size": A.value.dataLabels,
                   "text-anchor": "end",
                   fill: t.value.chart.grid.labels.color
-                }, ce(Ye(e.value) ? h(Ae)(
+                }, ce(Ye(e.value) ? v(Ae)(
                   t.value.chart.grid.labels.yAxis.formatter,
                   e.value,
-                  h(lt)({
+                  v(lt)({
                     p: e.prefix,
                     v: e.value,
                     s: e.suffix,
                     r: t.value.chart.grid.labels.yAxis.rounding
                   })
-                ) : ""), 9, fi)) : g("", !0)
+                ) : ""), 9, mi)) : g("", !0)
               ]))), 128))
             ], 512)) : g("", !0),
             (n(!0), u(b, null, L(rt.value, (e, i) => (n(), u("g", {
@@ -3301,12 +3327,12 @@ const _n = {
                 a && Ye(a.value) ? (n(), ct(ma, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: t.value.plot.useGradient ? `url(#plotGradient_${i}_${Z.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
-                  plot: { x: h(U)(a.x), y: h(U)(a.y) },
+                  color: t.value.plot.useGradient ? `url(#plotGradient_${i}_${J.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
+                  plot: { x: v(Z)(a.x), y: v(Z)(a.y) },
                   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(be) || !t.value.plot.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.plot.transitionDurationMs}ms ease-in-out`
+                  transition: v(be) || !t.value.plot.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.plot.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : g("", !0),
                 a.comment && t.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 1,
@@ -3316,52 +3342,78 @@ 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", gi, [
-                    te(l.$slots, "plot-comment", {
+                  k("div", xi, [
+                    le(l.$slots, "plot-comment", {
                       plot: { ...a, color: e.color, seriesIndex: i, datapointIndex: r }
                     }, void 0, !0)
                   ])
-                ], 8, mi)) : g("", !0)
+                ], 8, gi)) : g("", !0)
               ]))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(h(ie)(e.plots).trend) ? (n(), u("g", xi, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(K)(e.plots).trend) ? (n(), u("g", bi, [
                 k("defs", null, [
                   k("marker", {
                     id: `plot_arrow_${i}`,
-                    markerWidth: 7,
-                    markerHeight: 7,
-                    refX: "0",
+                    markerWidth: "9",
+                    markerHeight: "9",
+                    viewBox: "-1 -1 9 9",
+                    markerUnits: "userSpaceOnUse",
+                    refX: "7",
                     refY: 7 / 2,
-                    orient: "auto"
+                    orient: "auto",
+                    overflow: "visible"
                   }, [
                     k("polygon", {
-                      points: `0 0, 7 ${7 / 2}, 0 7`,
-                      fill: e.color
-                    }, null, 8, yi)
-                  ], 8, bi)
+                      points: "0,0 7,3.5 0,7",
+                      fill: e.color,
+                      stroke: t.value.chart.backgroundColor,
+                      "stroke-width": "1",
+                      "stroke-linejoin": "round"
+                    }, null, 8, pi)
+                  ], 8, yi)
                 ]),
                 e.plots.length > 1 ? (n(), u("line", {
                   key: 0,
-                  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),
+                  x1: v(K)(e.plots).x1,
+                  x2: v(K)(e.plots).x2,
+                  y1: v(q)(v(K)(e.plots).y1),
+                  y2: v(q)(v(K)(e.plots).y2),
+                  "stroke-width": 2,
+                  stroke: t.value.chart.backgroundColor,
+                  "stroke-dasharray": 2,
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "marker-end": `url(#plot_arrow_${i})`
+                }, null, 8, ki)) : g("", !0),
+                e.plots.length > 1 ? (n(), u("line", {
+                  key: 1,
+                  x1: v(K)(e.plots).x1,
+                  x2: v(K)(e.plots).x2,
+                  y1: v(q)(v(K)(e.plots).y1),
+                  y2: v(q)(v(K)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
                   "marker-end": `url(#plot_arrow_${i})`
-                }, null, 8, pi)) : g("", !0),
+                }, null, 8, wi)) : g("", !0),
                 e.plots.length > 1 ? (n(), u("text", {
-                  key: 1,
+                  key: 2,
                   "text-anchor": "middle",
-                  x: h(ie)(e.plots).x2,
-                  y: h(ie)(e.plots).y2 - 6,
+                  x: v(K)(e.plots).x2,
+                  y: v(K)(e.plots).y2 - 6,
                   "font-size": A.value.plotLabels,
-                  fill: e.color
-                }, ce(h(lt)({
-                  v: h(ie)(e.plots).trend * 100,
+                  fill: e.color,
+                  stroke: t.value.chart.backgroundColor,
+                  "stroke-width": 4,
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "paint-order": "stroke fill"
+                }, ce(v(lt)({
+                  v: v(K)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, ki)) : g("", !0)
+                })), 9, Si)) : g("", !0)
               ])) : g("", !0)
             ], 6))), 128)),
             (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u("g", {
@@ -3376,8 +3428,8 @@ const _n = {
                 "stroke-width": t.value.line.strokeWidth + 1,
                 "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
                 fill: "none",
-                style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, wi)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
+                style: C({ transition: v(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, $i)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
                 key: 1,
                 d: `M${e.straight}`,
                 stroke: t.value.chart.backgroundColor,
@@ -3386,15 +3438,15 @@ const _n = {
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Si)) : g("", !0)
+                style: C({ transition: v(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, _i)) : g("", !0)
             ], 6))), 128)),
-            l.$slots.pattern ? (n(), u("defs", $i, [
-              (n(!0), u(b, null, L(je.value, (e, i) => te(l.$slots, "pattern", Gt({
+            l.$slots.pattern ? (n(), u("defs", Mi, [
+              (n(!0), u(b, null, L(je.value, (e, i) => le(l.$slots, "pattern", Ut({
                 key: `serie_pattern_slot_${e.id}`
-              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${Z.value}_${i}` }), void 0, !0)), 128))
+              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${J.value}_${i}` }), void 0, !0)), 128))
             ])) : g("", !0),
-            Qa.value.length && !p.value.isStacked ? (n(), u("g", _i, [
+            Qa.value.length && !p.value.isStacked ? (n(), u("g", Li, [
               (n(!0), u(b, null, L(Qa.value, (e) => (n(), u("path", {
                 key: e.key,
                 d: e.d,
@@ -3402,41 +3454,41 @@ const _n = {
                 "fill-opacity": t.value.line.interLine.fillOpacity,
                 stroke: "none",
                 "pointer-events": "none",
-                style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Mi))), 128))
+                style: C({ transition: v(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Ci))), 128))
             ])) : g("", !0),
             (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u("g", {
               key: `serie_line_above_${e.id}`,
               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(), u("g", Li, [
+              e.useArea && e.plots.length > 1 ? (n(), u("g", Ai, [
                 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_${i}_${Z.value})` : h(vt)(e.color, t.value.line.area.opacity),
-                    style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Ci)) : g("", !0),
+                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${i}_${J.value})` : v(vt)(e.color, t.value.line.area.opacity),
+                    style: C({ transition: v(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Ti)) : g("", !0),
                   l.$slots.pattern && a ? (n(), u("path", {
                     key: 1,
                     d: a,
-                    fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
-                    style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Ai)) : g("", !0)
+                    fill: `url(#pattern_${J.value}_${e.slotAbsoluteIndex})`,
+                    style: C({ transition: v(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, zi)) : g("", !0)
                 ], 64))), 128)) : (n(!0), u(b, { key: 1 }, L(e.area.split(";"), (a, r) => (n(), u(b, { key: r }, [
                   a ? (n(), u("path", {
                     key: 0,
                     d: `M${a}Z`,
-                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${i}_${Z.value})` : h(vt)(e.color, t.value.line.area.opacity),
-                    style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, Ti)) : g("", !0),
+                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${i}_${J.value})` : v(vt)(e.color, t.value.line.area.opacity),
+                    style: C({ transition: v(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Ii)) : g("", !0),
                   l.$slots.pattern && a ? (n(), u("path", {
                     key: 1,
                     d: `M${a}Z`,
-                    fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
-                    style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-                  }, null, 12, zi)) : g("", !0)
+                    fill: `url(#pattern_${J.value}_${e.slotAbsoluteIndex})`,
+                    style: C({ transition: v(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+                  }, null, 12, Ni)) : g("", !0)
                 ], 64))), 128))
               ])) : g("", !0),
               e.smooth && e.plots.length > 1 && e.curve ? (n(), u("path", {
@@ -3447,8 +3499,8 @@ const _n = {
                 "stroke-dasharray": e.dashed ? t.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 "stroke-linecap": "round",
-                style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Ii)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
+                style: C({ transition: v(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Pi)) : e.plots.length > 1 && e.straight ? (n(), u("path", {
                 key: 2,
                 d: `M${e.straight}`,
                 stroke: e.color,
@@ -3457,20 +3509,20 @@ const _n = {
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: C({ transition: h(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Ni)) : g("", !0),
+                style: C({ transition: v(be) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Fi)) : g("", !0),
               (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
                 key: `circle_line_${i}_${r}`
               }, [
-                !qa.value.linePlot && a && Ye(a.value) || qa.value.linePlot && a && Ye(a.value) && (M.value !== null && M.value === r || X.value !== null && X.value === r) || Ja(e.plots, r) ? (n(), ct(ma, {
+                !Ua.value.linePlot && a && Ye(a.value) || Ua.value.linePlot && a && Ye(a.value) && (M.value !== null && M.value === r || X.value !== null && X.value === r) || Ja(e.plots, r) ? (n(), ct(ma, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: t.value.line.useGradient ? `url(#lineGradient_${i}_${Z.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
-                  plot: { x: h(U)(a.x), y: h(U)(a.y) },
+                  color: t.value.line.useGradient ? `url(#lineGradient_${i}_${J.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
+                  plot: { x: v(Z)(a.x), y: v(Z)(a.y) },
                   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(be) || !t.value.line.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
+                  transition: v(be) || !t.value.line.showTransition || M.value !== null && M.value === r || X.value !== null && X.value === r ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : g("", !0),
                 a.comment && t.value.chart.comments.show ? (n(), u("foreignObject", {
                   key: 1,
@@ -3480,55 +3532,81 @@ 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", Fi, [
-                    te(l.$slots, "plot-comment", {
+                  k("div", Oi, [
+                    le(l.$slots, "plot-comment", {
                       plot: { ...a, color: e.color, seriesIndex: i, datapointIndex: r }
                     }, void 0, !0)
                   ])
-                ], 8, Pi)) : g("", !0)
+                ], 8, Ri)) : g("", !0)
               ], 64))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(h(ie)(e.plots).trend) ? (n(), u("g", Ri, [
+              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(K)(e.plots).trend) ? (n(), u("g", Vi, [
                 k("defs", null, [
                   k("marker", {
                     id: `line_arrow_${i}`,
-                    markerWidth: 7,
-                    markerHeight: 7,
-                    refX: "0",
+                    markerWidth: "9",
+                    markerHeight: "9",
+                    viewBox: "-1 -1 9 9",
+                    markerUnits: "userSpaceOnUse",
+                    refX: "7",
                     refY: 7 / 2,
-                    orient: "auto"
+                    orient: "auto",
+                    overflow: "visible"
                   }, [
                     k("polygon", {
-                      points: `0 0, 7 ${7 / 2}, 0 7`,
-                      fill: e.color
-                    }, null, 8, Vi)
-                  ], 8, Oi)
+                      points: "0,0 7,3.5 0,7",
+                      fill: e.color,
+                      stroke: t.value.chart.backgroundColor,
+                      "stroke-width": "1",
+                      "stroke-linejoin": "round"
+                    }, null, 8, Ei)
+                  ], 8, Bi)
                 ]),
                 e.plots.length > 1 ? (n(), u("line", {
                   key: 0,
-                  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),
+                  x1: v(K)(e.plots).x1,
+                  x2: v(K)(e.plots).x2,
+                  y1: v(q)(v(K)(e.plots).y1),
+                  y2: v(q)(v(K)(e.plots).y2),
+                  "stroke-width": 1,
+                  stroke: t.value.chart.backgroundColor,
+                  "stroke-dasharray": 2,
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "marker-end": `url(#line_arrow_${i})`
+                }, null, 8, Hi)) : g("", !0),
+                e.plots.length > 1 ? (n(), u("line", {
+                  key: 1,
+                  x1: v(K)(e.plots).x1,
+                  x2: v(K)(e.plots).x2,
+                  y1: v(q)(v(K)(e.plots).y1),
+                  y2: v(q)(v(K)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
                   "marker-end": `url(#line_arrow_${i})`
-                }, null, 8, Bi)) : g("", !0),
+                }, null, 8, Di)) : g("", !0),
                 e.plots.length > 1 ? (n(), u("text", {
-                  key: 1,
+                  key: 2,
                   "text-anchor": "middle",
-                  x: h(ie)(e.plots).x2,
-                  y: h(ie)(e.plots).y2 - 6,
+                  x: v(K)(e.plots).x2,
+                  y: v(K)(e.plots).y2 - 6,
                   "font-size": A.value.plotLabels,
-                  fill: e.color
-                }, ce(h(lt)({
-                  v: h(ie)(e.plots).trend * 100,
+                  fill: e.color,
+                  stroke: t.value.chart.backgroundColor,
+                  "stroke-width": 4,
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "paint-order": "stroke fill"
+                }, ce(v(lt)({
+                  v: v(K)(e.plots).trend * 100,
                   s: "%",
                   r: 2
-                })), 9, Ei)) : g("", !0)
+                })), 9, Wi)) : g("", !0)
               ])) : g("", !0)
             ], 6))), 128)),
-            (t.value.bar.labels.show || t.value.bar.serieName.show) && p.value.dataLabels.show ? (n(), u("g", Hi, [
+            (t.value.bar.labels.show || t.value.bar.serieName.show) && p.value.dataLabels.show ? (n(), u("g", Xi, [
               (n(!0), u(b, null, L(It.value, (e, i) => (n(), u(b, {
                 key: `xLabel_bar_${e.id}`
               }, [
@@ -3537,16 +3615,16 @@ const _n = {
                 }, [
                   a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || M.value !== null && M.value === r || X.value !== null && X.value === r) && t.value.bar.labels.show ? (n(), u("text", {
                     key: 0,
-                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + he.value.line / 2 : na(a) + wl() / 2 - ia.value / 2,
-                    y: h(U)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
+                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + he.value.line / 2 : na(a) + Ht() / 2 - ia.value / 2,
+                    y: v(Z)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": A.value.plotLabels,
                     fill: t.value.bar.labels.color,
                     style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, ce(Ye(a.value) ? h(Ae)(
+                  }, ce(Ye(a.value) ? v(Ae)(
                     t.value.bar.labels.formatter,
                     a.value,
-                    h(lt)({
+                    v(lt)({
                       p: e.prefix || t.value.chart.labels.prefix,
                       v: a.value,
                       s: e.suffix || t.value.chart.labels.suffix,
@@ -3556,24 +3634,24 @@ const _n = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, Di)) : g("", !0),
+                  ) : ""), 13, Yi)) : g("", !0),
                   a && t.value.bar.serieName.show ? (n(), u("text", {
                     key: 1,
-                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + he.value.line / 2 : a.x + wl() * 1.1,
+                    x: p.value.useIndividualScale && p.value.isStacked ? a.x + he.value.line / 2 : a.x + Ht() * 1.1,
                     y: a.y + (a.value > 0 ? t.value.bar.serieName.offsetY : -t.value.bar.serieName.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": A.value.plotLabels,
                     fill: t.value.bar.serieName.useSerieColor ? e.color : t.value.bar.serieName.color,
                     "font-weight": t.value.bar.serieName.bold ? "bold" : "normal",
                     style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, ce(t.value.bar.serieName.useAbbreviation ? h(nn)({
+                  }, ce(t.value.bar.serieName.useAbbreviation ? v(nn)({
                     source: e.name,
                     length: t.value.bar.serieName.abbreviationSize
-                  }) : e.name), 13, Wi)) : g("", !0)
+                  }) : e.name), 13, Gi)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : g("", !0),
-            t.value.plot.labels.show && p.value.dataLabels.show ? (n(), u("g", Xi, [
+            t.value.plot.labels.show && p.value.dataLabels.show ? (n(), u("g", Ui, [
               (n(!0), u(b, null, L(rt.value, (e, i) => (n(), u(b, {
                 key: `xLabel_plot_${e.id}`
               }, [
@@ -3588,10 +3666,10 @@ const _n = {
                     "font-size": A.value.plotLabels,
                     fill: t.value.plot.labels.color,
                     style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, ce(Ye(a.value) ? h(Ae)(
+                  }, ce(Ye(a.value) ? v(Ae)(
                     t.value.plot.labels.formatter,
                     a.value,
-                    h(lt)({
+                    v(lt)({
                       p: e.prefix || t.value.chart.labels.prefix,
                       v: a.value,
                       s: e.suffix || t.value.chart.labels.suffix,
@@ -3601,10 +3679,10 @@ const _n = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, Yi)) : g("", !0)
+                  ) : ""), 13, qi)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (n(), u("g", Gi, [
+            ])) : (n(), u("g", Zi, [
               (n(!0), u(b, null, L(rt.value, (e, i) => (n(), u(b, {
                 key: `xLabel_plot_${e.id}`
               }, [
@@ -3612,7 +3690,7 @@ const _n = {
                   key: `xLabel_plot_${i}_${r}`
                 }, [
                   t.value.plot.tag.followValue ? (n(), u(b, { key: 1 }, [
-                    [X.value, M.value, ae.value].includes(r) && e.useTag ? (n(), u("line", {
+                    [X.value, M.value, oe.value].includes(r) && e.useTag ? (n(), u("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-plot",
                       x1: c.value.left,
@@ -3623,7 +3701,7 @@ const _n = {
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, Ji)) : g("", !0)
+                    }, null, 8, es)) : g("", !0)
                   ], 64)) : (n(), u(b, { key: 0 }, [
                     a && r === 0 && e.useTag && e.useTag === "start" ? (n(), u("foreignObject", {
                       key: 0,
@@ -3634,8 +3712,8 @@ const _n = {
                       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: 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(Ae)(
+                        style: C(`padding: 3px; background:${v(vt)(e.color, 80)};color:${v(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(Ae)(
                           t.value.plot.tag.formatter,
                           a.value,
                           e.name,
@@ -3645,8 +3723,8 @@ const _n = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, Ui)
-                    ], 12, qi)) : g("", !0),
+                      }, null, 12, Ji)
+                    ], 12, Ki)) : g("", !0),
                     a && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), u("foreignObject", {
                       key: 1,
                       x: a.x - e.name.length * (A.value.plotLabels / 2),
@@ -3656,8 +3734,8 @@ const _n = {
                       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: 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(Ae)(
+                        style: C(`padding: 3px; background:${v(vt)(e.color, 80)};color:${v(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(Ae)(
                           t.value.plot.tag.formatter,
                           a.value,
                           e.name,
@@ -3667,13 +3745,13 @@ const _n = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, Ki)
-                    ], 12, Zi)) : g("", !0)
+                      }, null, 12, ji)
+                    ], 12, Qi)) : g("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            t.value.line.labels.show && p.value.dataLabels.show ? (n(), u("g", Qi, [
+            t.value.line.labels.show && p.value.dataLabels.show ? (n(), u("g", ts, [
               (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u(b, {
                 key: `xLabel_line_${e.id}`
               }, [
@@ -3688,10 +3766,10 @@ const _n = {
                     "font-size": A.value.plotLabels,
                     fill: t.value.line.labels.color,
                     style: C(`opacity:${E.value ? E.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, ce(Ye(a.value) ? h(Ae)(
+                  }, ce(Ye(a.value) ? v(Ae)(
                     t.value.line.labels.formatter,
                     a.value,
-                    h(lt)({
+                    v(lt)({
                       p: e.prefix || t.value.chart.labels.prefix,
                       v: a.value,
                       s: e.suffix || t.value.chart.labels.suffix,
@@ -3701,10 +3779,10 @@ const _n = {
                       datapoint: a,
                       serie: e
                     }
-                  ) : ""), 13, ji)) : g("", !0)
+                  ) : ""), 13, ls)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
-            ])) : (n(), u("g", es, [
+            ])) : (n(), u("g", as, [
               (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u(b, {
                 key: `xLabel_line_${e.id}`
               }, [
@@ -3712,7 +3790,7 @@ const _n = {
                   key: `xLabel_line_${i}_${r}`
                 }, [
                   t.value.line.tag.followValue ? (n(), u(b, { key: 1 }, [
-                    [X.value, M.value, ae.value].includes(r) && e.useTag ? (n(), u("line", {
+                    [X.value, M.value, oe.value].includes(r) && e.useTag ? (n(), u("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-line",
                       x1: c.value.left,
@@ -3723,7 +3801,7 @@ const _n = {
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
                       stroke: e.color
-                    }, null, 8, ns)) : g("", !0)
+                    }, null, 8, ss)) : g("", !0)
                   ], 64)) : (n(), u(b, { key: 0 }, [
                     a && r === 0 && e.useTag && e.useTag === "start" ? (n(), u("foreignObject", {
                       key: 0,
@@ -3734,8 +3812,8 @@ const _n = {
                       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: 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(Ae)(
+                        style: C(`padding: 3px; background:${v(vt)(e.color, 80)};color:${v(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(Ae)(
                           t.value.line.tag.formatter,
                           a.value,
                           e.name,
@@ -3745,8 +3823,8 @@ const _n = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, ls)
-                    ], 12, ts)) : g("", !0),
+                      }, null, 12, ns)
+                    ], 12, os)) : g("", !0),
                     a && r === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), u("foreignObject", {
                       key: 1,
                       x: a.x,
@@ -3756,8 +3834,8 @@ const _n = {
                       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: 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(Ae)(
+                        style: C(`padding: 3px; background:${v(vt)(e.color, 80)};color:${v(dt)(e.color)};width:fit-content;font-size:${A.value.plotLabels}px;border-radius: 2px;`),
+                        innerHTML: v(Ae)(
                           t.value.line.tag.formatter,
                           a.value,
                           e.name,
@@ -3767,8 +3845,8 @@ const _n = {
                             serieName: e.name
                           }
                         )
-                      }, null, 12, os)
-                    ], 12, as)) : g("", !0)
+                      }, null, 12, is)
+                    ], 12, us)) : g("", !0)
                   ], 64))
                 ], 64))), 128))
               ], 64))), 128))
@@ -3786,7 +3864,7 @@ const _n = {
                   "font-size": A.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
-                  innerHTML: h(fa)({
+                  innerHTML: v(fa)({
                     content: e.name,
                     fontSize: A.value.plotLabels,
                     fill: e.color,
@@ -3795,7 +3873,7 @@ const _n = {
                     maxWords: 2
                   }),
                   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),
+                }, null, 12, rs)) : g("", !0),
                 a && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), u("text", {
                   key: 1,
                   x: a.x + A.value.plotLabels,
@@ -3803,7 +3881,7 @@ const _n = {
                   "font-size": A.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
-                  innerHTML: h(fa)({
+                  innerHTML: v(fa)({
                     content: e.name,
                     fontSize: A.value.plotLabels,
                     fill: e.color,
@@ -3812,7 +3890,7 @@ const _n = {
                     maxWords: 2
                   }),
                   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)
+                }, null, 12, cs)) : g("", !0)
               ], 64))), 128))
             ], 64))), 128)),
             (n(!0), u(b, null, L(rt.value, (e, i) => (n(), u(b, {
@@ -3828,7 +3906,7 @@ const _n = {
                   "font-size": A.value.plotLabels,
                   "text-anchor": "end",
                   fill: e.color,
-                  innerHTML: h(fa)({
+                  innerHTML: v(fa)({
                     content: e.name,
                     fontSize: A.value.plotLabels,
                     fill: e.color,
@@ -3837,7 +3915,7 @@ const _n = {
                     maxWords: 2
                   }),
                   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),
+                }, null, 12, vs)) : g("", !0),
                 a && r === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), u("text", {
                   key: 1,
                   x: a.x + A.value.plotLabels,
@@ -3845,7 +3923,7 @@ const _n = {
                   "font-size": A.value.plotLabels,
                   "text-anchor": "start",
                   fill: e.color,
-                  innerHTML: h(fa)({
+                  innerHTML: v(fa)({
                     content: e.name,
                     fontSize: A.value.plotLabels,
                     fill: e.color,
@@ -3854,13 +3932,13 @@ const _n = {
                     maxWords: 2
                   }),
                   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)
+                }, null, 12, ds)) : g("", !0)
               ], 64))), 128))
             ], 64))), 128)),
             p.value.useIndividualScale && !p.value.isStacked ? (n(), u(b, { key: 13 }, [
               k("defs", null, [
                 (n(!0), u(b, null, L(Xl.value, (e, i) => (n(), u("linearGradient", {
-                  id: `individual_scale_gradient_${Z.value}_${i}`,
+                  id: `individual_scale_gradient_${J.value}_${i}`,
                   x1: "0%",
                   x2: "100%",
                   y1: "0%",
@@ -3870,52 +3948,52 @@ const _n = {
                     offset: "0%",
                     "stop-color": t.value.chart.backgroundColor,
                     "stop-opacity": "0"
-                  }, null, 8, vs),
+                  }, null, 8, fs),
                   k("stop", {
                     offset: "100%",
                     "stop-color": e.color,
                     "stop-opacity": "0.2"
-                  }, null, 8, ds)
-                ], 8, cs))), 256))
+                  }, null, 8, ms)
+                ], 8, hs))), 256))
               ]),
               (n(!0), u(b, null, L(Xl.value, (e, i) => (n(), u("rect", {
-                x: e.x - t.value.chart.grid.labels.yAxis.labelWidth + ue.value - c.value.individualOffsetX,
+                x: e.x - t.value.chart.grid.labels.yAxis.labelWidth + ie.value - c.value.individualOffsetX,
                 y: c.value.top,
                 width: t.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
                 height: c.value.height < 0 ? 10 : c.value.height,
-                fill: E.value === e.groupId ? `url(#individual_scale_gradient_${Z.value}_${i})` : "transparent",
+                fill: E.value === e.groupId ? `url(#individual_scale_gradient_${J.value}_${i})` : "transparent",
                 onMouseenter: (a) => E.value = e.groupId,
                 onMouseleave: s[0] || (s[0] = (a) => E.value = null)
-              }, null, 40, hs))), 256))
+              }, null, 40, gs))), 256))
             ], 64)) : g("", !0),
             k("g", null, [
               t.value.chart.grid.labels.axis.yLabel && !p.value.useIndividualScale ? (n(), u("text", {
                 key: 0,
                 ref_key: "yAxisLabel",
-                ref: Kt,
+                ref: Jt,
                 "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" }
-              }, ce(t.value.chart.grid.labels.axis.yLabel), 9, fs)) : g("", !0),
+              }, ce(t.value.chart.grid.labels.axis.yLabel), 9, xs)) : g("", !0),
               t.value.chart.grid.labels.axis.xLabel ? (n(), u("text", {
                 key: 1,
                 ref_key: "xAxisLabel",
-                ref: Zt,
+                ref: Kt,
                 "text-anchor": "middle",
-                x: le.value / 2,
+                x: ae.value / 2,
                 y: W.value - 3,
                 "font-size": A.value.yAxis,
                 fill: t.value.chart.grid.labels.color
-              }, ce(t.value.chart.grid.labels.axis.xLabel), 9, ms)) : g("", !0)
+              }, ce(t.value.chart.grid.labels.axis.xLabel), 9, bs)) : g("", !0)
             ]),
             t.value.chart.grid.labels.xAxisLabels.show ? (n(), u("g", {
               key: 14,
               ref_key: "timeLabelsEls",
               ref: $e
             }, [
-              l.$slots["time-label"] ? (n(!0), u(b, { key: 0 }, L(D.value, (e, i) => te(l.$slots, "time-label", Gt({
+              l.$slots["time-label"] ? (n(!0), u(b, { key: 0 }, L(D.value, (e, i) => le(l.$slots, "time-label", Ut({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
@@ -3941,9 +4019,9 @@ const _n = {
                     fill: t.value.chart.grid.labels.xAxisLabels.color,
                     transform: `translate(${c.value.left + c.value.width / $.value * i + c.value.width / $.value / 2}, ${c.value.bottom + A.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: C({
-                      cursor: pl() ? "pointer" : "default"
+                      cursor: kl() ? "pointer" : "default"
                     }),
-                    innerHTML: h(un)({
+                    innerHTML: v(un)({
                       content: String(e.text),
                       fontSize: A.value.xAxis,
                       fill: t.value.chart.grid.labels.xAxisLabels.color,
@@ -3951,7 +4029,7 @@ const _n = {
                       y: 0
                     }),
                     onClick: () => we(e, i)
-                  }, null, 12, xs)) : (n(), u("text", {
+                  }, null, 12, ps)) : (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",
@@ -3959,14 +4037,14 @@ const _n = {
                     fill: t.value.chart.grid.labels.xAxisLabels.color,
                     transform: `translate(${c.value.left + c.value.width / $.value * i + c.value.width / $.value / 2}, ${c.value.bottom + A.value.xAxis * 1.5}), rotate(${t.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: C({
-                      cursor: pl() ? "pointer" : "default"
+                      cursor: kl() ? "pointer" : "default"
                     }),
                     onClick: () => we(e, i)
-                  }, ce(e.text || ""), 13, gs))
+                  }, ce(e.text || ""), 13, ys))
                 ], 64)) : g("", !0)
               ]))), 128))
             ], 512)) : g("", !0),
-            Ka.value.length && !p.value.isStacked ? (n(), u("g", bs, [
+            Ka.value.length && !p.value.isStacked ? (n(), u("g", ks, [
               (n(!0), u(b, null, L(Ka.value, (e) => (n(), u("g", {
                 key: e.uid
               }, [
@@ -3981,7 +4059,7 @@ const _n = {
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, ys)) : g("", !0),
+                }, null, 8, ws)) : g("", !0),
                 e.yBottom && e.show && isFinite(e.yBottom) ? (n(), u("line", {
                   key: 1,
                   x1: e.x1,
@@ -3993,17 +4071,17 @@ const _n = {
                   "stroke-dasharray": e.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, ps)) : g("", !0),
+                }, null, 8, Ss)) : g("", !0),
                 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,
                   width: c.value.width,
-                  height: h(U)(e.areaHeight, 0),
-                  fill: h(vt)(e.config.area.fill, e.config.area.opacity),
+                  height: v(Z)(e.areaHeight, 0),
+                  fill: v(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(), u("rect", Gt({
+                }, null, 8, $s)) : g("", !0),
+                e.config.label.text && e.show && isFinite(e._box.y) ? (n(), u("rect", Ut({
                   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),
@@ -4016,10 +4094,10 @@ const _n = {
                   "font-size": e.config.label.fontSize,
                   fill: e.config.label.color,
                   "text-anchor": e.config.label.textAnchor
-                }, ce(e.config.label.text), 9, ws)) : g("", !0)
+                }, ce(e.config.label.text), 9, _s)) : g("", !0)
               ]))), 128))
             ])) : g("", !0),
-            t.value.chart.timeTag.show && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), u("g", Ss, [
+            t.value.chart.timeTag.show && (![null, void 0].includes(M.value) || ![null, void 0].includes(X.value)) ? (n(), u("g", Ms, [
               (n(), u("foreignObject", {
                 x: Do(),
                 y: c.value.bottom,
@@ -4033,25 +4111,25 @@ const _n = {
                   class: "vue-ui-xy-time-tag",
                   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)),
+                }, null, 12, Cs)
+              ], 8, Ls)),
               k("circle", {
                 cx: c.value.left + c.value.width / $.value * ((M.value !== null ? M.value : 0) || (X.value !== null ? X.value : 0)) + c.value.width / $.value / 2,
                 cy: c.value.bottom,
                 r: t.value.chart.timeTag.circleMarker.radius,
                 fill: t.value.chart.timeTag.circleMarker.color
-              }, null, 8, Ms)
+              }, null, 8, As)
             ])) : g("", !0)
           ])) : g("", !0),
-          ea.value ? (n(), u("rect", Gt({ key: 2 }, Ma.value, {
+          ea.value ? (n(), u("rect", Ut({ 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)
+          }), null, 16, Ts)) : g("", !0),
+          le(l.$slots, "svg", { svg: xt.value }, void 0, !0)
         ], 512)
       ], 46, gu)),
-      l.$slots.watermark ? (n(), u("div", Cs, [
-        te(l.$slots, "watermark", Yt(dl({ isPrinting: h(Bl) || h(nt) })), void 0, !0)
+      l.$slots.watermark ? (n(), u("div", zs, [
+        le(l.$slots, "watermark", Gt(hl({ isPrinting: v(Bl) || v(nt) })), void 0, !0)
       ])) : g("", !0),
       (n(!0), u(b, null, L(Re.value, (e, i) => (n(), u(b, {
         key: `tag_line_${e.id}`
@@ -4059,7 +4137,7 @@ const _n = {
         (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
           key: `tag_line_${i}_${r}`
         }, [
-          [X.value, M.value, ae.value].includes(r) && e.useTag && e.useTag === "end" && t.value.line.tag.followValue ? (n(), u("div", {
+          [X.value, M.value, oe.value].includes(r) && e.useTag && e.useTag === "end" && t.value.line.tag.followValue ? (n(), u("div", {
             key: 0,
             ref_for: !0,
             ref: (o) => kt(i, r, o, "right", "line"),
@@ -4067,14 +4145,14 @@ const _n = {
             "data-tag": "right",
             style: C({
               position: "fixed",
-              top: h(Xt)({
+              top: v(Yt)({
                 svgElement: _e.value,
                 x: c.value.right + t.value.line.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_right_line`],
                 position: "right"
               }).top + "px",
-              left: h(Xt)({
+              left: v(Yt)({
                 svgElement: _e.value,
                 x: c.value.right + t.value.line.tag.fontSize / 1.5,
                 y: a.y,
@@ -4084,22 +4162,22 @@ const _n = {
               height: "fit-content",
               width: "fit-content",
               background: e.color,
-              color: h(dt)(e.color),
+              color: v(dt)(e.color),
               padding: "0 6px",
               fontSize: t.value.line.tag.fontSize + "px",
               opacity: 1
             })
           }, [
-            (n(), u("svg", As, [
+            (n(), u("svg", Is, [
               k("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Ts)
+              }, null, 8, Ns)
             ])),
             k("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: h(Ae)(
+              innerHTML: v(Ae)(
                 t.value.line.tag.formatter,
                 a.value,
                 e.name,
@@ -4109,9 +4187,9 @@ const _n = {
                   serieName: e.name
                 }
               )
-            }, null, 8, zs)
+            }, null, 8, Ps)
           ], 4)) : g("", !0),
-          [X.value, M.value, ae.value].includes(r) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (n(), u("div", {
+          [X.value, M.value, oe.value].includes(r) && e.useTag && e.useTag === "start" && t.value.line.tag.followValue ? (n(), u("div", {
             key: 1,
             ref_for: !0,
             ref: (o) => kt(i, r, o, "left", "line"),
@@ -4119,14 +4197,14 @@ const _n = {
             "data-tag": "left",
             style: C({
               position: "fixed",
-              top: h(Xt)({
+              top: v(Yt)({
                 svgElement: _e.value,
                 x: c.value.left - t.value.line.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_left_line`],
                 position: "left"
               }).top + "px",
-              left: h(Xt)({
+              left: v(Yt)({
                 svgElement: _e.value,
                 x: c.value.left - t.value.line.tag.fontSize / 1.5,
                 y: a.y,
@@ -4136,22 +4214,22 @@ const _n = {
               height: "fit-content",
               width: "fit-content",
               background: e.color,
-              color: h(dt)(e.color),
+              color: v(dt)(e.color),
               padding: "0 6px",
               fontSize: t.value.line.tag.fontSize + "px",
               opacity: 1
             })
           }, [
-            (n(), u("svg", Is, [
+            (n(), u("svg", Fs, [
               k("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Ns)
+              }, null, 8, Rs)
             ])),
             k("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: h(Ae)(
+              innerHTML: v(Ae)(
                 t.value.line.tag.formatter,
                 a.value,
                 e.name,
@@ -4161,7 +4239,7 @@ const _n = {
                   serieName: e.name
                 }
               )
-            }, null, 8, Ps)
+            }, null, 8, Os)
           ], 4)) : g("", !0)
         ], 64))), 128))
       ], 64))), 128)),
@@ -4171,7 +4249,7 @@ const _n = {
         (n(!0), u(b, null, L(e.plots, (a, r) => (n(), u(b, {
           key: `tag_plot_${i}_${r}`
         }, [
-          [X.value, M.value, ae.value].includes(r) && e.useTag && e.useTag === "end" && t.value.plot.tag.followValue ? (n(), u("div", {
+          [X.value, M.value, oe.value].includes(r) && e.useTag && e.useTag === "end" && t.value.plot.tag.followValue ? (n(), u("div", {
             key: 0,
             ref_for: !0,
             ref: (o) => kt(i, r, o, "right", "plot"),
@@ -4179,14 +4257,14 @@ const _n = {
             "data-tag": "right",
             style: C({
               position: "fixed",
-              top: h(Xt)({
+              top: v(Yt)({
                 svgElement: _e.value,
                 x: c.value.right + t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_right_plot`],
                 position: "right"
               }).top + "px",
-              left: h(Xt)({
+              left: v(Yt)({
                 svgElement: _e.value,
                 x: c.value.right + t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
@@ -4196,22 +4274,22 @@ const _n = {
               height: "fit-content",
               width: "fit-content",
               background: e.color,
-              color: h(dt)(e.color),
+              color: v(dt)(e.color),
               padding: "0 6px",
               fontSize: t.value.plot.tag.fontSize + "px",
               opacity: 1
             })
           }, [
-            (n(), u("svg", Fs, [
+            (n(), u("svg", Vs, [
               k("path", {
                 d: "M 0,10 10,0 10,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Rs)
+              }, null, 8, Bs)
             ])),
             k("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: h(Ae)(
+              innerHTML: v(Ae)(
                 t.value.plot.tag.formatter,
                 a.value,
                 e.name,
@@ -4221,9 +4299,9 @@ const _n = {
                   serieName: e.name
                 }
               )
-            }, null, 8, Os)
+            }, null, 8, Es)
           ], 4)) : g("", !0),
-          [X.value, M.value, ae.value].includes(r) && e.useTag && e.useTag === "start" && t.value.plot.tag.followValue ? (n(), u("div", {
+          [X.value, M.value, oe.value].includes(r) && e.useTag && e.useTag === "start" && t.value.plot.tag.followValue ? (n(), u("div", {
             key: 1,
             ref_for: !0,
             ref: (o) => kt(i, r, o, "left", "plot"),
@@ -4231,14 +4309,14 @@ const _n = {
             "data-tag": "left",
             style: C({
               position: "fixed",
-              top: h(Xt)({
+              top: v(Yt)({
                 svgElement: _e.value,
                 x: c.value.left - t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
                 element: ot.value[`${i}_${r}_left_plot`],
                 position: "left"
               }).top + "px",
-              left: h(Xt)({
+              left: v(Yt)({
                 svgElement: _e.value,
                 x: c.value.left - t.value.plot.tag.fontSize / 1.5,
                 y: a.y,
@@ -4248,22 +4326,22 @@ const _n = {
               height: "fit-content",
               width: "fit-content",
               background: e.color,
-              color: h(dt)(e.color),
+              color: v(dt)(e.color),
               padding: "0 6px",
               fontSize: t.value.plot.tag.fontSize + "px",
               opacity: 1
             })
           }, [
-            (n(), u("svg", Vs, [
+            (n(), u("svg", Hs, [
               k("path", {
                 d: "M 0,0 10,10 0,20 Z",
                 fill: e.color,
                 stroke: "none"
-              }, null, 8, Bs)
+              }, null, 8, Ds)
             ])),
             k("div", {
               class: "vue-ui-xy-tag-content",
-              innerHTML: h(Ae)(
+              innerHTML: v(Ae)(
                 t.value.plot.tag.formatter,
                 a.value,
                 e.name,
@@ -4273,7 +4351,7 @@ const _n = {
                   serieName: e.name
                 }
               )
-            }, null, 8, Es)
+            }, null, 8, Ws)
           ], 4)) : g("", !0)
         ], 64))), 128))
       ], 64))), 128)),
@@ -4295,8 +4373,8 @@ const _n = {
         background: t.value.chart.zoom.color,
         fontSize: t.value.chart.zoom.fontSize,
         useResetSlot: t.value.chart.zoom.useResetSlot,
-        labelLeft: v.value[0] ? v.value[0].text : "",
-        labelRight: v.value.at(-1) ? v.value.at(-1).text : "",
+        labelLeft: d.value[0] ? d.value[0].text : "",
+        labelRight: d.value.at(-1) ? d.value.at(-1).text : "",
         textColor: t.value.chart.color,
         usePreciseLabels: t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.zoom.useDefaultFormat,
         preciseLabels: Aa.value,
@@ -4324,23 +4402,23 @@ const _n = {
         focusOnDrag: t.value.chart.zoom.focusOnDrag,
         focusRangeRatio: t.value.chart.zoom.focusRangeRatio,
         onReset: Ca,
-        onTrapMouse: kl,
+        onTrapMouse: wl,
         onFutureStart: s[1] || (s[1] = (e) => Vl("start", e)),
         onFutureEnd: s[2] || (s[2] = (e) => Vl("end", e)),
         timeLabels: m.value,
         isPreview: ea.value
       }, {
         "reset-action": Se(({ reset: e }) => [
-          te(l.$slots, "reset-action", Yt(dl({ reset: e })), void 0, !0)
+          le(l.$slots, "reset-action", Gt(hl({ 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),
       k("div", {
-        id: `legend-bottom-${Z.value}`
-      }, null, 8, Hs),
+        id: `legend-bottom-${J.value}`
+      }, null, 8, Xs),
       H.value ? (n(), ct(Zo, {
         key: 6,
-        to: t.value.chart.legend.position === "top" ? `#legend-top-${Z.value}` : `#legend-bottom-${Z.value}`
+        to: t.value.chart.legend.position === "top" ? `#legend-top-${J.value}` : `#legend-bottom-${J.value}`
       }, [
         t.value.chart.legend.show ? (n(), u("div", {
           key: 0,
@@ -4356,7 +4434,7 @@ const _n = {
             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": de.value.includes(e.id) })
           }, [
-            Qt.value[e.type] === "line" ? (n(), u("svg", Ws, [
+            jt.value[e.type] === "line" ? (n(), u("svg", Gs, [
               k("rect", {
                 x: "0",
                 y: "7.5",
@@ -4366,8 +4444,8 @@ const _n = {
                 height: "3",
                 width: "20",
                 fill: e.color
-              }, null, 8, Xs),
-              ml(ma, {
+              }, null, 8, Us),
+              gl(ma, {
                 plot: { x: 10, y: 9 },
                 radius: 4,
                 color: e.color,
@@ -4375,8 +4453,8 @@ const _n = {
                 stroke: t.value.chart.backgroundColor,
                 strokeWidth: 0.5
               }, null, 8, ["color", "shape", "stroke"])
-            ])) : Qt.value[e.type] === "bar" ? (n(), u("svg", Ys, [
-              Qt.value[e.type] === "bar" && l.$slots.pattern ? (n(), u("rect", {
+            ])) : jt.value[e.type] === "bar" ? (n(), u("svg", qs, [
+              jt.value[e.type] === "bar" && l.$slots.pattern ? (n(), u("rect", {
                 key: 0,
                 x: "4",
                 y: "4",
@@ -4385,8 +4463,8 @@ const _n = {
                 width: "32",
                 stroke: "none",
                 fill: e.color
-              }, null, 8, Gs)) : g("", !0),
-              Qt.value[e.type] === "bar" ? (n(), u("rect", {
+              }, null, 8, Zs)) : g("", !0),
+              jt.value[e.type] === "bar" ? (n(), u("rect", {
                 key: 1,
                 x: "4",
                 y: "4",
@@ -4394,10 +4472,10 @@ const _n = {
                 height: "32",
                 width: "32",
                 stroke: "none",
-                fill: l.$slots.pattern ? `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})` : e.color
-              }, null, 8, qs)) : g("", !0)
-            ])) : (n(), u("svg", Us, [
-              ml(ma, {
+                fill: l.$slots.pattern ? `url(#pattern_${J.value}_${e.slotAbsoluteIndex})` : e.color
+              }, null, 8, Ks)) : g("", !0)
+            ])) : (n(), u("svg", Js, [
+              gl(ma, {
                 plot: { x: 6, y: 6 },
                 radius: 5,
                 color: e.color,
@@ -4407,13 +4485,13 @@ const _n = {
             k("span", {
               style: C(`color:${t.value.chart.legend.color}`)
             }, ce(e.name), 5)
-          ], 10, Ds))), 128))
+          ], 10, Ys))), 128))
         ], 4)) : (n(), u("div", {
           key: 1,
           ref_key: "chartLegend",
           ref: Le
         }, [
-          te(l.$slots, "legend", { legend: et.value }, void 0, !0)
+          le(l.$slots, "legend", { legend: et.value }, void 0, !0)
         ], 512))
       ], 8, ["to"])) : g("", !0),
       l.$slots.source ? (n(), u("div", {
@@ -4422,10 +4500,10 @@ const _n = {
         ref: ft,
         dir: "auto"
       }, [
-        te(l.$slots, "source", {}, void 0, !0)
+        le(l.$slots, "source", {}, void 0, !0)
       ], 512)) : g("", !0),
-      ml(h(ve), {
-        show: p.value.showTooltip && xl.value,
+      gl(v(ve), {
+        show: p.value.showTooltip && bl.value,
         backgroundColor: t.value.chart.tooltip.backgroundColor,
         color: t.value.chart.tooltip.color,
         fontSize: t.value.chart.tooltip.fontSize,
@@ -4445,23 +4523,23 @@ const _n = {
         smoothSnapThreshold: t.value.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": Se(() => [
-          te(l.$slots, "tooltip-before", Yt(dl({ ...ja.value })), void 0, !0)
+          le(l.$slots, "tooltip-before", Gt(hl({ ...ja.value })), void 0, !0)
         ]),
         "tooltip-after": Se(() => [
-          te(l.$slots, "tooltip-after", Yt(dl({ ...ja.value })), void 0, !0)
+          le(l.$slots, "tooltip-after", Gt(hl({ ...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"]),
-      Lt.value && t.value.chart.userOptions.buttons.table ? (n(), ct(Ko(Yl.value.component), Gt({ key: 8 }, Yl.value.props, {
+      Lt.value && t.value.chart.userOptions.buttons.table ? (n(), ct(Ko(Yl.value.component), Ut({ key: 8 }, Yl.value.props, {
         ref_key: "tableUnit",
         ref: Je,
         onClose: vo
       }), xo({
         content: Se(() => [
           k("div", {
-            style: C(`${h(Bl) || t.value.table.useDialog ? "" : "max-height:400px"};${t.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${t.value.table.useDialog ? "" : "margin-top:48px"}`)
+            style: C(`${v(Bl) || t.value.table.useDialog ? "" : "max-height:400px"};${t.value.table.useDialog ? "height: fit-content; " : ""};overflow:auto;width:100%;${t.value.table.useDialog ? "" : "margin-top:48px"}`)
           }, [
-            k("div", Zs, [
+            k("div", Qs, [
               Oa(k("input", {
                 type: "checkbox",
                 "onUpdate:modelValue": s[4] || (s[4] = (e) => He.value = e)
@@ -4472,18 +4550,18 @@ const _n = {
                 onClick: s[5] || (s[5] = (e) => He.value = !He.value),
                 style: { cursor: "pointer" }
               }, [
-                ml(h(ge), {
+                gl(v(ge), {
                   name: "chartLine",
                   size: 20,
                   stroke: t.value.chart.color
                 }, null, 8, ["stroke"])
               ])
             ]),
-            He.value ? (n(), ct(h(Cl), {
+            He.value ? (n(), ct(v(Cl), {
               key: `sparkline_${gt.value}`,
               dataset: Po.value,
               config: Fo.value
-            }, null, 8, ["dataset", "config"])) : (n(), ct(h(Ne), {
+            }, null, 8, ["dataset", "config"])) : (n(), ct(v(Ne), {
               key: `table_${Nl.value}`,
               colNames: va.value.colNames,
               head: va.value.head,
@@ -4494,10 +4572,10 @@ const _n = {
               onClose: vo
             }, {
               th: Se(({ th: e }) => [
-                k("div", { innerHTML: e }, null, 8, Ks)
+                k("div", { innerHTML: e }, null, 8, js)
               ]),
               td: Se(({ td: e }) => [
-                bo(ce(isNaN(Number(e)) ? e : h(lt)({
+                bo(ce(isNaN(Number(e)) ? e : v(lt)({
                   p: t.value.chart.labels.prefix,
                   v: e,
                   s: t.value.chart.labels.suffix,
@@ -4525,7 +4603,7 @@ const _n = {
               class: "vue-ui-user-options-button",
               onClick: s[3] || (s[3] = (e) => Ta(t.value.chart.userOptions.callbacks.csv))
             }, [
-              ml(h(ge), {
+              gl(v(ge), {
                 name: "excel",
                 stroke: Yl.value.props.color
               }, null, 8, ["stroke"])
@@ -4534,10 +4612,10 @@ const _n = {
           key: "1"
         } : void 0
       ]), 1040)) : g("", !0),
-      h(be) ? (n(), ct(gn, { key: 9 })) : g("", !0)
+      v(be) ? (n(), ct(gn, { key: 9 })) : g("", !0)
     ], 46, fu));
   }
-}, hr = /* @__PURE__ */ Lo(Js, [["__scopeId", "data-v-d218b34b"]]);
+}, gr = /* @__PURE__ */ Lo(er, [["__scopeId", "data-v-acf1a7ef"]]);
 export {
-  hr as default
+  gr as default
 };