vue-data-ui 3.1.6 → 3.1.7

package/dist/{vue-ui-xy-Dc-o6Q3R.js → vue-ui-xy-CzdchisK.js}

@@ -1,18 +1,18 @@
-import { useCssVars as Fo, computed as x, ref as g, onMounted as ul, onBeforeUnmount as Wt, watch as it, nextTick as Xt, onUpdated as Po, createElementBlock as r, openBlock as s, createElementVNode as y, createCommentVNode as f, renderSlot as Q, normalizeStyle as _, createVNode as Dt, withDirectives as ia, unref as v, Fragment as b, renderList as C, normalizeClass as Xe, withKeys as Ya, vModelText as Ga, toDisplayString as ne, defineAsyncComponent as Ct, useSlots as Oo, getCurrentInstance as Bo, toRefs as Ho, watchEffect as Ua, createBlock as Je, createSlots as qa, withCtx as be, normalizeProps as At, guardReactiveProps as zt, mergeProps as Ll, Teleport as Vo, resolveDynamicComponent as Eo, vModelCheckbox as Do, createTextVNode as Za } from "vue";
-import { c as Dl, V as Xl, U as Yl, y as Wl, X as Wo, F as ut, u as Xo, f as oa, t as Yo, d as Go, D as Ml, ac as Vt, e as Uo, p as qo, ad as Hl, a9 as q, a4 as na, ae as Zo, h as W, af as Ka, ag as Ja, ah as Ko, ai as Qa, aj as ja, k as Le, ak as Jo, z as Qo, _ as eo, R as dt, i as Qe, x as Et, s as nt, a7 as le, L as jo, al as Vl, I as en, am as Tt, C as We, a as tn, b as ln, o as to, v as an, w as on, E as nl } from "./index-C0wrF8hm.js";
+import { useCssVars as Fo, computed as x, ref as g, onMounted as il, onBeforeUnmount as Xt, watch as it, nextTick as Yt, onUpdated as Po, createElementBlock as r, openBlock as s, createElementVNode as y, createCommentVNode as f, renderSlot as K, normalizeStyle as _, createVNode as Wt, withDirectives as ia, unref as v, Fragment as b, renderList as C, normalizeClass as Xe, withKeys as Ya, vModelText as Ga, toDisplayString as ne, defineAsyncComponent as Ct, useSlots as Oo, getCurrentInstance as Bo, toRefs as Ho, watchEffect as Ua, createBlock as Je, createSlots as qa, withCtx as be, normalizeProps as At, guardReactiveProps as zt, mergeProps as Vt, Teleport as Vo, resolveDynamicComponent as Eo, vModelCheckbox as Do, createTextVNode as Za } from "vue";
+import { c as Dl, V as Xl, U as Yl, y as Wl, X as Wo, F as ut, u as Xo, f as oa, t as Yo, d as Go, D as Ml, ac as Et, e as Uo, p as qo, ad as Hl, a9 as Z, a4 as na, ae as Zo, h as W, af as Ka, ag as Ja, ah as Ko, ai as Qa, aj as ja, k as Le, ak as Jo, z as Qo, _ as eo, R as dt, i as Qe, x as Dt, s as nt, a7 as le, L as jo, al as Vl, I as en, am as Tt, C as We, a as tn, b as ln, o as to, v as an, w as on, E as ul } from "./index-BlRUhv0O.js";
 import { t as sa, u as nn } from "./useResponsive-DfdjqQps.js";
-import { u as un } from "./usePrinter-C2jvouU0.js";
+import { u as un } from "./usePrinter-DR__HfSR.js";
 import { u as sn, B as rn } from "./BaseScanner-BgWxam9d.js";
 import { u as lo, a as cn, l as vn } from "./useTimeLabels-BGFjWgrv.js";
-import { u as ua } from "./useNestedProp-Bg2FlIgI.js";
+import { u as ua } from "./useNestedProp-OxTlfHdh.js";
 import { u as dn } from "./useTimeLabelCollider-CIsgDrl9.js";
-import hn from "./img-DLgjML7h.js";
-import fn from "./Title-DbQthJAs.js";
-import { S as mn } from "./Slicer-DoGlWyq_.js";
-import { _ as El } from "./Shape-DD3SLpa4.js";
-import gn from "./BaseIcon-D_BjQBAR.js";
+import hn from "./img-DN0--Lx6.js";
+import fn from "./Title-BUVvr0U8.js";
+import { S as mn } from "./Slicer-Bk01kWGC.js";
+import { _ as El } from "./Shape-B8Cdu8s1.js";
+import gn from "./BaseIcon-BCS8aIf4.js";
 import { _ as ao } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import bn from "./vue-ui-accordion-3JuSLBjV.js";
+import bn from "./vue-ui-accordion-DejV6zJ2.js";
 const xn = {
   class: "vue-data-ui-slicer-labels",
   style: { position: "relative", "z-index": "1", "pointer-events": "none" }
@@ -163,7 +163,7 @@ const xn = {
       "0d1400c4": N.selectColor,
       "40456b2c": Nt.value
     }));
-    const d = N, Ye = g(null), ve = g(d.min), de = g(d.max), kt = x(() => !!d.minimap.length), il = g(Dl()), Yt = g(!1), sl = g(0), Gt = x({
+    const d = N, Ye = g(null), ve = g(d.min), de = g(d.max), kt = x(() => !!d.minimap.length), sl = g(Dl()), Gt = g(!1), rl = g(0), Ut = x({
       get() {
         return ve.value;
       },
@@ -177,36 +177,36 @@ const xn = {
       },
       set(m) {
         const h = Math.max(m, ve.value + 1);
-        de.value = h, Z.value && (Z.value.value = String(h)), xe("futureEnd", h);
+        de.value = h, Y.value && (Y.value.value = String(h)), xe("futureEnd", h);
       }
     });
-    ul(() => {
+    il(() => {
       const m = () => {
-        Ye.value && (sl.value = Ye.value.getBoundingClientRect().width);
+        Ye.value && (rl.value = Ye.value.getBoundingClientRect().width);
       };
       m();
       const h = sa(m, 50);
-      window.addEventListener("resize", h), Wt(() => {
+      window.addEventListener("resize", h), Xt(() => {
         window.removeEventListener("resize", h);
       });
     });
-    let rl = null;
+    let cl = null;
     function je() {
-      clearTimeout(rl), xe("update:start", Number(ve.value)), xe("update:end", Number(de.value)), Yt.value = !1;
+      clearTimeout(cl), xe("update:start", Number(ve.value)), xe("update:end", Number(de.value)), Gt.value = !1;
     }
-    const cl = x(() => d.refreshEndPoint === null ? d.max : d.refreshEndPoint), xe = Ul, pe = x(() => {
+    const vl = x(() => d.refreshEndPoint === null ? d.max : d.refreshEndPoint), xe = Ul, pe = x(() => {
       const m = d.max - d.min, h = (ve.value - d.min) / m * 100, S = (de.value - d.min) / m * 100, X = (h + S) / 2, ce = st.value ? `calc(${X}% - ${vt.value.width}px)` : He.value ? `calc(${X}%)` : `calc(${X}% - ${vt.value.width / 2}px)`;
       return {
         left: `${h}%`,
         width: `${S - h}%`,
         background: d.selectColor,
-        tooltipLeft: `calc(${h}% - ${He.value ? 0 : pl.value / 2}px)`,
-        tooltipRight: `calc(${S}% - ${st.value ? jt.value : jt.value / 2}px)`,
+        tooltipLeft: `calc(${h}% - ${He.value ? 0 : yl.value / 2}px)`,
+        tooltipRight: `calc(${S}% - ${st.value ? el.value : el.value / 2}px)`,
         tooltipCenter: ce,
         arrowLeft: !He.value,
         arrowRight: !st.value
       };
-    }), He = x(() => Ye.value ? Ye.value.getBoundingClientRect().width * ((ve.value - d.min) / (d.max - d.min)) - pl.value / 2 < 0 : !1), st = x(() => Ye.value ? Ye.value.getBoundingClientRect().width * ((de.value - d.min) / (d.max - d.min)) + jt.value / 2 > Ye.value.getBoundingClientRect().width : !1), It = x(() => d.inputColor), Nt = x(() => d.background), ql = x(() => `${d.selectColor}33`), Ge = x(() => d.borderColor), Ut = x(() => {
+    }), He = x(() => Ye.value ? Ye.value.getBoundingClientRect().width * ((ve.value - d.min) / (d.max - d.min)) - yl.value / 2 < 0 : !1), st = x(() => Ye.value ? Ye.value.getBoundingClientRect().width * ((de.value - d.min) / (d.max - d.min)) + el.value / 2 > Ye.value.getBoundingClientRect().width : !1), It = x(() => d.inputColor), Nt = x(() => d.background), ql = x(() => `${d.selectColor}33`), Ge = x(() => d.borderColor), qt = x(() => {
       let m = [];
       for (let h = 0; h < d.minimap.length; h += 1)
         m.push(h);
@@ -230,7 +230,7 @@ const xn = {
       width: 1,
       height: 1
     }), Me = g(null);
-    ul(() => {
+    il(() => {
       if (kt.value) {
         const m = sa(() => {
           const { width: h, height: S } = nn({
@@ -240,11 +240,11 @@ const xn = {
         });
         Me.value = new ResizeObserver(m), Me.value.observe(Rt.value);
       }
-    }), Wt(() => {
+    }), Xt(() => {
       Me.value && Me.value.disconnect();
     });
-    const vl = x(() => Math.max(1, d.max - d.min)), St = x(() => Math.max(1, d.minimap.length)), P = x(() => St.value / vl.value);
-    function dl(m) {
+    const dl = x(() => Math.max(1, d.max - d.min)), St = x(() => Math.max(1, d.minimap.length)), P = x(() => St.value / dl.value);
+    function hl(m) {
       const h = Math.floor((m - d.min) * P.value);
       return Math.min(Math.max(0, h), St.value);
     }
@@ -252,14 +252,14 @@ const xn = {
       const h = Math.ceil((m - d.min) * P.value);
       return Math.min(Math.max(0, h), St.value);
     }
-    const ee = x(() => dl(ve.value)), rt = x(() => ye(de.value)), ke = x(() => d.minimap.length ? j.value.width / d.minimap.length : 0), we = x(() => {
+    const ee = x(() => hl(ve.value)), rt = x(() => ye(de.value)), ke = x(() => d.minimap.length ? j.value.width / d.minimap.length : 0), we = x(() => {
       if (!d.minimap.length) return [];
       const m = Math.max(...d.minimap), h = Math.min(...d.minimap) - 10, S = m - (h > 0 ? 0 : h), X = d.minimap.map((at, Ze) => ({
         x: j.value.width / d.minimap.length * Ze + ke.value / 2,
         y: j.value.height - (at - h) / S * (j.value.height * 0.9)
-      })), ce = ee.value, xt = Math.max(ce + 1, rt.value), tl = d.smoothMinimap ? Xl(X) : Yl(X), Te = X.slice(ce, xt), Ft = d.smoothMinimap ? Xl(Te) : Yl(Te);
+      })), ce = ee.value, xt = Math.max(ce + 1, rt.value), ll = d.smoothMinimap ? Xl(X) : Yl(X), Te = X.slice(ce, xt), Ft = d.smoothMinimap ? Xl(Te) : Yl(Te);
       return {
-        fullSet: tl,
+        fullSet: ll,
         selectionSet: Ft,
         sliced: Te,
         firstPlot: X[ce],
@@ -277,15 +277,15 @@ const xn = {
         Re.value = null;
         return;
       }
-      Re.value = dl(d.valueStart) + m;
+      Re.value = hl(d.valueStart) + m;
     }, { immediate: !0 });
     function Cl(m) {
       Re.value = m;
       const h = ee.value, S = rt.value;
       m >= h && m < S && xe("trapMouse", m - h);
     }
-    const ft = g(0), ue = g(null), Z = g(null);
-    function hl(m) {
+    const ft = g(0), ue = g(null), Y = g(null);
+    function fl(m) {
       if (typeof m == "object" && m && "target" in m) {
         const S = m.target, X = "valueAsNumber" in S ? S.valueAsNumber : +S.value;
         return Number.isFinite(X) ? X : NaN;
@@ -293,28 +293,28 @@ const xn = {
       const h = +m;
       return Number.isFinite(h) ? h : NaN;
     }
-    let qt = 0;
-    function fl(m) {
-      Yt.value = !0;
-      const h = hl(m);
-      Number.isFinite(h) && (cancelAnimationFrame(qt), qt = requestAnimationFrame(() => {
-        Gt.value = h;
+    let Zt = 0;
+    function ml(m) {
+      Gt.value = !0;
+      const h = fl(m);
+      Number.isFinite(h) && (cancelAnimationFrame(Zt), Zt = requestAnimationFrame(() => {
+        Ut.value = h;
       }));
     }
     let mt = 0;
-    function Zt(m) {
-      Yt.value = !0;
-      const h = hl(m);
+    function Kt(m) {
+      Gt.value = !0;
+      const h = fl(m);
       Number.isFinite(h) && (cancelAnimationFrame(mt), mt = requestAnimationFrame(() => {
         wt.value = h;
       }));
     }
-    Wt(() => {
-      cancelAnimationFrame(qt), cancelAnimationFrame(mt);
+    Xt(() => {
+      cancelAnimationFrame(Zt), cancelAnimationFrame(mt);
     });
     const O = x(() => d.valueEnd - d.valueStart), gt = g(!1);
-    let ml = g(null);
-    const Kt = x(() => (sl.value - 48) / (d.max - d.min) * O.value), Ae = x(() => Math.max(1, sl.value - On - Kt.value)), et = x(() => Math.max(1, d.max - d.min - O.value)), Jt = x(() => et.value / Ae.value), gl = g(0), bt = g(0), L = g(0), Al = g(0);
+    let gl = g(null);
+    const Jt = x(() => (rl.value - 48) / (d.max - d.min) * O.value), Ae = x(() => Math.max(1, rl.value - On - Jt.value)), et = x(() => Math.max(1, d.max - d.min - O.value)), Qt = x(() => et.value / Ae.value), bl = g(0), bt = g(0), L = g(0), Al = g(0);
     let tt = null, Ue = null, lt = null, w = null;
     const Fe = (m) => {
       if (Se.value = !0, !d.enableSelectionDrag) return;
@@ -324,12 +324,12 @@ const xn = {
       if (!X || !(X instanceof Element) || X.classList && X.classList.contains("range-handle")) return;
       gt.value = !0;
       const ce = h ? S ? S.clientX : 0 : m.clientX;
-      ml.value = ce, gl.value = ce, bt.value = ve.value, L.value = de.value, Al.value = Jt.value, tt = h ? "touchmove" : "mousemove", Ue = h ? "touchend" : "mouseup", lt = h ? Qt : bl, w = h ? xl : k, window.addEventListener(tt, lt, { passive: !1 }), window.addEventListener(Ue, w);
+      gl.value = ce, bl.value = ce, bt.value = ve.value, L.value = de.value, Al.value = Qt.value, tt = h ? "touchmove" : "mousemove", Ue = h ? "touchend" : "mouseup", lt = h ? jt : xl, w = h ? pl : k, window.addEventListener(tt, lt, { passive: !1 }), window.addEventListener(Ue, w);
     };
-    function bl(m) {
+    function xl(m) {
       gt.value && t(m.clientX);
     }
-    function Qt(m) {
+    function jt(m) {
       if (!gt.value || !Ye.value) return;
       const h = m.target;
       if (!(h instanceof Element) || !Ye.value.contains(h) || h.classList && h.classList.contains("range-handle")) return;
@@ -339,30 +339,30 @@ const xn = {
     }
     function t(m) {
       if (!gt.value) return;
-      const S = (m - gl.value) * Al.value;
+      const S = (m - bl.value) * Al.value;
       let X = Math.round(bt.value + S);
       X = Math.max(d.min, Math.min(X, d.max - O.value));
       const ce = X + O.value;
-      Gt.value = X, wt.value = ce;
+      Ut.value = X, wt.value = ce;
     }
     function k() {
       _t();
     }
-    function xl() {
+    function pl() {
       _t();
     }
     function _t() {
       gt.value = !1, tt && lt && window.removeEventListener(tt, lt), Ue && w && window.removeEventListener(Ue, w), tt = Ue = null, lt = w = null, je();
     }
-    const oe = g(!1), he = g(null), ct = g(null), pl = g(1), jt = g(1), Se = g(!1);
+    const oe = g(!1), he = g(null), ct = g(null), yl = g(1), el = g(1), Se = g(!1);
     function ze() {
-      he.value && (pl.value = he.value.getBoundingClientRect().width);
+      he.value && (yl.value = he.value.getBoundingClientRect().width);
     }
     function p() {
-      ct.value && (jt.value = ct.value.getBoundingClientRect().width);
+      ct.value && (el.value = ct.value.getBoundingClientRect().width);
     }
     const qe = g(0);
-    function yl(m) {
+    function kl(m) {
       qe.value = m === "start" ? 1 : 0;
     }
     const $t = g(!1), vt = g({
@@ -370,7 +370,7 @@ const xn = {
       left: 0
     });
     it([ve, de], async () => {
-      if (await Xt(), !he.value || !ct.value) {
+      if (await Yt(), !he.value || !ct.value) {
         $t.value = !1, vt.value = { width: 0, left: 0 };
         return;
       }
@@ -384,13 +384,13 @@ const xn = {
     }), Po(() => {
       ze(), p();
     }), it(() => d.labelLeft, () => {
-      Xt(ze);
+      Yt(ze);
     }, { deep: !0 }), it(() => d.labelRight, () => {
-      Xt(p);
+      Yt(p);
     }, { deep: !0 });
-    const el = g(!1), ie = x(() => {
+    const tl = g(!1), ie = x(() => {
       let m = { text: "" }, h = { text: "" };
-      if (el.value = !1, Wl(d.customFormat))
+      if (tl.value = !1, Wl(d.customFormat))
         try {
           const S = d.customFormat({
             absoluteIndex: ve.value,
@@ -401,20 +401,20 @@ const xn = {
             seriesIndex: de.value - 1,
             datapoint: d.selectedSeries
           });
-          typeof S == "string" && typeof X == "string" && (m.text = S, h.text = X, el.value = !0);
+          typeof S == "string" && typeof X == "string" && (m.text = S, h.text = X, tl.value = !0);
         } catch {
-          console.warn("Custom format cannot be applied on zoom labels."), el.value = !1;
+          console.warn("Custom format cannot be applied on zoom labels."), tl.value = !1;
         }
-      return el.value || (m = d.usePreciseLabels ? d.preciseLabels.find((S) => S.absoluteIndex === ve.value) : d.timeLabels.find((S) => S.absoluteIndex === ve.value), h = d.usePreciseLabels ? d.preciseLabels.find((S) => S.absoluteIndex === de.value - 1) : d.timeLabels.find((S) => S.absoluteIndex === de.value - 1)), {
+      return tl.value || (m = d.usePreciseLabels ? d.preciseLabels.find((S) => S.absoluteIndex === ve.value) : d.timeLabels.find((S) => S.absoluteIndex === ve.value), h = d.usePreciseLabels ? d.preciseLabels.find((S) => S.absoluteIndex === de.value - 1) : d.timeLabels.find((S) => S.absoluteIndex === de.value - 1)), {
         left: m ? m.text : "",
         right: h ? h.text : ""
       };
     });
-    return Wt(() => {
-      Me.value && Me.value.disconnect(), tt && lt && window.removeEventListener(tt, lt), Ue && w && window.removeEventListener(Ue, w), tt = Ue = null, lt = w = null, clearTimeout(rl);
+    return Xt(() => {
+      Me.value && Me.value.disconnect(), tt && lt && window.removeEventListener(tt, lt), Ue && w && window.removeEventListener(Ue, w), tt = Ue = null, lt = w = null, clearTimeout(cl);
     }), Gl({
-      setStartValue: fl,
-      setEndValue: Zt
+      setStartValue: ml,
+      setEndValue: Kt
     }), (m, h) => (s(), r("div", {
       "data-dom-to-png-ignore": "",
       style: { padding: "0 24px" },
@@ -425,8 +425,8 @@ const xn = {
       onTouchstart: Fe
     }, [
       y("div", xn, [
-        N.valueStart !== N.refreshStartPoint || N.valueEnd !== cl.value ? (s(), r("div", pn, [
-          N.useResetSlot ? Q(m.$slots, "reset-action", {
+        N.valueStart !== N.refreshStartPoint || N.valueEnd !== vl.value ? (s(), r("div", pn, [
+          N.useResetSlot ? K(m.$slots, "reset-action", {
             key: 1,
             reset: ht
           }, void 0, !0) : (s(), r("button", {
@@ -440,7 +440,7 @@ const xn = {
             }),
             onClick: ht
           }, [
-            Dt(gn, {
+            Wt(gn, {
               name: "refresh",
               stroke: N.textColor
             }, null, 8, ["stroke"])
@@ -462,7 +462,7 @@ const xn = {
           }, [
             y("defs", null, [
               y("linearGradient", {
-                id: il.value,
+                id: sl.value,
                 x1: "0%",
                 y1: "0%",
                 x2: "0%",
@@ -498,7 +498,7 @@ const xn = {
             }, null, 8, $n),
             y("path", {
               d: `M${ke.value / 2},${Math.max(j.value.height, 0)} ${we.value.fullSet} L${j.value.width - ke.value / 2},${Math.max(j.value.height, 0)}Z`,
-              fill: `url(#${il.value})`,
+              fill: `url(#${sl.value})`,
               stroke: "none",
               style: { opacity: "1" }
             }, null, 8, Ln),
@@ -509,7 +509,7 @@ const xn = {
               height: Math.max(j.value.height, 0),
               rx: N.minimapSelectionRadius,
               fill: Ge.value,
-              style: _({ opacity: gt.value || Yt.value ? 0 : 1 })
+              style: _({ opacity: gt.value || Gt.value ? 0 : 1 })
             }, null, 12, Mn),
             y("rect", {
               x: Ce.value.x,
@@ -522,7 +522,7 @@ const xn = {
             }, null, 12, Cn),
             y("path", {
               d: `M${we.value.sliced[0].x},${Math.max(j.value.height, 0)} ${we.value.selectionSet} L${we.value.sliced.at(-1).x},${Math.max(j.value.height, 0)}Z`,
-              fill: `url(#${il.value})`,
+              fill: `url(#${sl.value})`,
               stroke: "none",
               style: { opacity: "1" }
             }, null, 8, An),
@@ -550,7 +550,7 @@ const xn = {
               r: "3",
               fill: N.minimapLineColor
             }, null, 8, In),
-            Re.value !== null ? (s(!0), r(b, { key: 0 }, C(Ut.value, (S, X) => (s(), r("g", null, [
+            Re.value !== null ? (s(!0), r(b, { key: 0 }, C(qt.value, (S, X) => (s(), r("g", null, [
               Re.value === S && S >= ee.value && S < rt.value ? (s(), r("line", {
                 key: 0,
                 x1: ke.value * X + ke.value / 2,
@@ -563,7 +563,7 @@ const xn = {
                 "stroke-width": "1"
               }, null, 8, Nn)) : f("", !0)
             ]))), 256)) : f("", !0),
-            (s(!0), r(b, null, C(Ut.value, (S, X) => (s(), r("rect", {
+            (s(!0), r(b, null, C(qt.value, (S, X) => (s(), r("rect", {
               x: ke.value * X,
               y: 0,
               height: Math.max(j.value.height, 0),
@@ -604,17 +604,17 @@ const xn = {
           }),
           min: N.min,
           max: N.max,
-          "onUpdate:modelValue": h[5] || (h[5] = (S) => Gt.value = S),
-          onInput: h[6] || (h[6] = (S) => fl(S)),
+          "onUpdate:modelValue": h[5] || (h[5] = (S) => Ut.value = S),
+          onInput: h[6] || (h[6] = (S) => ml(S)),
           onChange: je,
           onKeyup: Ya(je, ["enter"]),
           onBlur: je,
-          onMouseenter: h[7] || (h[7] = (S) => yl("start")),
+          onMouseenter: h[7] || (h[7] = (S) => kl("start")),
           onPointerup: je
         }, null, 42, Fn)), [
           [
             Ga,
-            Gt.value,
+            Ut.value,
             void 0,
             { number: !0 }
           ]
@@ -622,7 +622,7 @@ const xn = {
         N.enableRangeHandles ? ia((s(), r("input", {
           key: 2,
           ref_key: "rangeEnd",
-          ref: Z,
+          ref: Y,
           type: "range",
           class: Xe({
             "range-right": !0,
@@ -632,11 +632,11 @@ const xn = {
           min: N.min,
           max: N.max,
           "onUpdate:modelValue": h[8] || (h[8] = (S) => wt.value = S),
-          onInput: h[9] || (h[9] = (S) => Zt(S)),
+          onInput: h[9] || (h[9] = (S) => Kt(S)),
           onChange: je,
           onKeyup: Ya(je, ["enter"]),
           onBlur: je,
-          onMouseenter: h[10] || (h[10] = (S) => yl("end")),
+          onMouseenter: h[10] || (h[10] = (S) => kl("end")),
           onPointerup: je
         }, null, 42, Pn)), [
           [
@@ -772,7 +772,7 @@ const xn = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(N, { expose: Gl, emit: Ul }) {
-    const d = N, Ye = Ct(() => import("./DataTable-IycMkaTU.js")), ve = Ct(() => import("./Tooltip-DvtYLrX2.js")), de = Ct(() => import("./UserOptions-Dd5XOrwq.js")), kt = Ct(() => import("./BaseIcon-D_BjQBAR.js")), il = Ct(() => import("./vue-ui-table-sparkline-C6MoeyKm.js")), Yt = Ct(() => import("./PackageVersion-BtfT0hV9.js")), sl = Ct(() => import("./PenAndPaper-BdzDJYnr.js")), Gt = Ct(() => import("./BaseDraggableDialog-BVZPPMT9.js")), wt = Ul, rl = Oo(), je = Bo(), { vue_ui_xy: cl } = Xo(), xe = g(null), pe = g(null), He = g(null), st = g(null), It = g(null), Nt = g(null), ql = g(null), Ge = g(null), Ut = g(null), ht = g(null), Rt = g(null), j = g(null), Me = g(null), vl = g(null), St = g(0), P = g(null), dl = g(!0), ye = g(600), ee = g(1e3), rt = g("0 0 1000 600"), ke = g({ x: 0, y: 0 }), we = g({ line: "line", bar: "bar", plot: "plot" }), Ce = g(!1), Re = g(!1), Cl = g(!1), ft = g(null), ue = g([]), Z = g(Dl()), hl = g(0), qt = g(0), fl = g(0), mt = g(!0), Zt = g(0), O = g(null), gt = g(!1), ml = g(!0), Kt = g(!0), Ae = g(null), et = g({}), Jt = g(null), gl = g(!1), bt = g(null), L = g(null), Al = x(() => ({
+    const d = N, Ye = Ct(() => import("./DataTable-Ddu14t59.js")), ve = Ct(() => import("./Tooltip-VlJQQsYu.js")), de = Ct(() => import("./UserOptions-sSygisu3.js")), kt = Ct(() => import("./BaseIcon-BCS8aIf4.js")), sl = Ct(() => import("./vue-ui-table-sparkline-Bt7VtPKK.js")), Gt = Ct(() => import("./PackageVersion-CtYY8jBZ.js")), rl = Ct(() => import("./PenAndPaper-DtlEAsLw.js")), Ut = Ct(() => import("./BaseDraggableDialog-Bdva4JFr.js")), wt = Ul, cl = Oo(), je = Bo(), { vue_ui_xy: vl } = Xo(), xe = g(null), pe = g(null), He = g(null), st = g(null), It = g(null), Nt = g(null), ql = g(null), Ge = g(null), qt = g(null), ht = g(null), Rt = g(null), j = g(null), Me = g(null), dl = g(null), St = g(0), P = g(null), hl = g(!0), ye = g(600), ee = g(1e3), rt = g("0 0 1000 600"), ke = g({ x: 0, y: 0 }), we = g({ line: "line", bar: "bar", plot: "plot" }), Ce = g(!1), Re = g(!1), Cl = g(!1), ft = g(null), ue = g([]), Y = g(Dl()), fl = g(0), Zt = g(0), ml = g(0), mt = g(!0), Kt = g(0), O = g(null), gt = g(!1), gl = g(!0), Jt = g(!0), Ae = g(null), et = g({}), Qt = g(null), bl = g(!1), bt = g(null), L = g(null), Al = x(() => ({
       height: ye.value,
       width: ee.value
     }));
@@ -788,8 +788,8 @@ const xn = {
       dataLabels: 20,
       plotLabels: 10
     }), Fe = g({ plot: 3, line: 3 });
-    ul(() => {
-      gl.value = !0, d.dataset.length && d.dataset.forEach((l, u) => {
+    il(() => {
+      bl.value = !0, d.dataset.length && d.dataset.forEach((l, u) => {
         [null, void 0].includes(l.series) && oa({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
@@ -799,15 +799,15 @@ const xn = {
         });
       });
     });
-    function bl() {
+    function xl() {
       if (!Object.keys(d.config || {}).length)
-        return cl;
+        return vl;
       const l = ua({
         userConfig: d.config,
-        defaultConfig: cl
+        defaultConfig: vl
       });
       return d.config && We(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 && We(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 && We(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 && We(d.config, "chart.zoom.startIndex") ? l.chart.zoom.startIndex = d.config.chart.zoom.startIndex : l.chart.zoom.startIndex = null, d.config && We(d.config, "chart.zoom.endIndex") ? l.chart.zoom.endIndex = d.config.chart.zoom.endIndex : l.chart.zoom.endIndex = null, d.config && We(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 && We(d.config, "chart.annotations") && Array.isArray(d.config.chart.annotations) && d.config.chart.annotations.length ? l.chart.annotations = d.config.chart.annotations.map((u) => ua({
-        defaultConfig: cl.chart.annotations[0],
+        defaultConfig: vl.chart.annotations[0],
         userConfig: u
       })) : l.chart.annotations = [], d.config && We(d.config, "chart.grid.position") && d.config.chart.grid.position === "start" && d.dataset.length && d.dataset.some((u) => u.type === "bar") && (l.chart.grid.position = "middle", We(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 && We(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 && We(d.config, "events.datapointEnter") ? l.events.datapointEnter = d.config.events.datapointEnter : l.events.datapointEnter = null, d.config && We(d.config, "events.datapointLeave") ? l.events.datapointLeave = d.config.events.datapointLeave : l.events.datapointLeave = null, d.config && We(d.config, "events.datapointClick") ? l.events.datapointClick = d.config.events.datapointClick : l.events.datapointClick = null, l.theme ? {
         ...ua({
@@ -817,21 +817,21 @@ const xn = {
         customPalette: tn[l.theme] || d.palette
       } : l;
     }
-    const Qt = x({
+    const jt = x({
       get() {
         return !!d.dataset && d.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), t = g(bl()), k = g({
+    }), t = g(xl()), k = g({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
       isStacked: !1,
       useIndividualScale: !1
     });
-    function xl() {
+    function pl() {
       lt.value ? (k.value.isStacked = t.value.chart.grid.labels.yAxis.stacked, k.value.useIndividualScale == null && (k.value.useIndividualScale = t.value.chart.grid.labels.yAxis.useIndividualScale)) : (k.value = {
         dataLabels: { show: !0 },
         showTooltip: t.value.chart.tooltip.show === !0,
@@ -843,7 +843,7 @@ const xn = {
     const _t = x(() => !!t.value.debug), { loading: oe, FINAL_DATASET: he, manualLoading: ct } = sn({
       ...Ho(d),
       FINAL_CONFIG: t,
-      prepareConfig: bl,
+      prepareConfig: xl,
       callback: () => {
         Promise.resolve().then(async () => {
           await Tl(), k.value.showTable = t.value.showTable;
@@ -922,7 +922,7 @@ const xn = {
         }
       })
     });
-    function pl(l) {
+    function yl(l) {
       const u = /* @__PURE__ */ new WeakMap();
       return (e, ...n) => {
         let a = u.get(e);
@@ -932,10 +932,10 @@ const xn = {
         return a || (a = /* @__PURE__ */ new Map(), u.set(e, a)), a.set(i, o), o;
       };
     }
-    const jt = pl((l, u) => na({ data: l, threshold: u })), Se = (l) => jt(l, t.value.downsample.threshold), ze = x({
+    const el = yl((l, u) => na({ data: l, threshold: u })), Se = (l) => el(l, t.value.downsample.threshold), ze = x({
       get: () => Math.max(...he.value.map((l) => Se(l.series).length)),
       set: (l) => l
-    }), p = g({ start: 0, end: ze.value }), qe = g({ start: 0, end: ze.value }), yl = x(() => t.value.chart.zoom.preview.enable && (qe.value.start !== p.value.start || qe.value.end !== p.value.end));
+    }), p = g({ start: 0, end: ze.value }), qe = g({ start: 0, end: ze.value }), kl = x(() => t.value.chart.zoom.preview.enable && (qe.value.start !== p.value.start || qe.value.end !== p.value.end));
     function $t(l, u) {
       qe.value[l] = u;
     }
@@ -947,7 +947,7 @@ const xn = {
       let u = Math.max(0, Math.min(p.value.start ?? 0, l - 1)), e = Math.max(u + 1, Math.min(p.value.end ?? l, l));
       (!Number.isFinite(u) || !Number.isFinite(e) || e <= u) && (u = 0, e = l), p.value = { start: u, end: e }, qe.value.start = u, qe.value.end = e;
     }
-    const el = x(() => {
+    const tl = x(() => {
       const { left: l, top: u, width: e, height: n } = c.value, a = p.value.start, o = p.value.end - a, z = e / o, B = qe.value.start - a, E = qe.value.end - a, $ = Math.max(0, Math.min(o, B)), I = Math.max(0, Math.min(o, E));
       return {
         x: l + $ * z,
@@ -976,7 +976,7 @@ const xn = {
       u < 0 || l >= p.value.end ? L.value = null : L.value = u ?? null;
     }, { immediate: !0 });
     const { isPrinting: ie, isImaging: m, generatePdf: h, generateImage: S } = un({
-      elementId: `vue-ui-xy_${Z.value}`,
+      elementId: `vue-ui-xy_${Y.value}`,
       fileName: t.value.chart.title.text || "vue-ui-xy",
       options: t.value.chart.userOptions.print
     }), X = g(!1), ce = x(() => Go(t.value.customPalette)), xt = x(() => {
@@ -984,12 +984,12 @@ const xn = {
         return t.value.chart.grid.labels.yAxis.scaleMin;
       const l = Math.min(...at.value.filter((u) => !ue.value.includes(u.id)).map((u) => Math.min(...u.series)));
       return l > 0 ? 0 : l;
-    }), tl = x(() => {
+    }), ll = x(() => {
       if (t.value.chart.grid.labels.yAxis.scaleMax)
         return t.value.chart.grid.labels.yAxis.scaleMax;
       const l = Math.max(...at.value.filter((u) => !ue.value.includes(u.id)).map((u) => Math.max(...u.series)));
       return xt.value === l ? l + 1 : l;
-    }), Te = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? Ml(xt.value, tl.value < 0 ? 0 : tl.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : Vt(xt.value, tl.value < 0 ? 0 : tl.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), Ft = x(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Te.value.min >= 0 ? 0 : Math.abs(Te.value.min) : -Te.value.min), at = x(() => dl.value ? he.value.map((l, u) => {
+    }), Te = x(() => t.value.chart.grid.labels.yAxis.useNiceScale ? Ml(xt.value, ll.value < 0 ? 0 : ll.value, t.value.chart.grid.labels.yAxis.commonScaleSteps) : Et(xt.value, ll.value < 0 ? 0 : ll.value, t.value.chart.grid.labels.yAxis.commonScaleSteps)), Ft = x(() => [null, void 0].includes(t.value.chart.grid.labels.yAxis.scaleMin) ? Te.value.min >= 0 ? 0 : Math.abs(Te.value.min) : -Te.value.min), at = x(() => hl.value ? he.value.map((l, u) => {
       const e = Se(l.series), n = `uniqueId_${u}`;
       return {
         ...l,
@@ -1017,7 +1017,7 @@ const xn = {
         const o = i.getComputedTextLength();
         return (o > a ? o : a) + t.value.chart.grid.labels.yAxis.scaleValueOffsetX;
       }, 0));
-      const u = Ut.value ? Ut.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + w.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
+      const u = qt.value ? qt.value.getBoundingClientRect().width + t.value.chart.grid.labels.axis.yLabelOffsetX + w.value.yAxis : 0, e = t.value.chart.grid.labels.yAxis.crosshairSize;
       return l + u + e;
     }
     const Zl = g(0), no = sa((l) => {
@@ -1030,7 +1030,7 @@ const xn = {
         no(n[0].contentRect.height);
       });
       e.observe(u), l(() => e.disconnect());
-    }), Wt(() => {
+    }), Xt(() => {
       Zl.value = 0;
     });
     const ra = x(() => {
@@ -1059,7 +1059,7 @@ const xn = {
         individualOffsetX: u
       };
     }), io = x(() => {
-      const l = t.value.chart.grid.position === "middle" ? 1 : 0, u = T.value + l, e = q(c.value.top), n = q(c.value.bottom);
+      const l = t.value.chart.grid.position === "middle" ? 1 : 0, u = T.value + l, e = Z(c.value.top), n = Z(c.value.bottom);
       return Array.from({ length: u }).map((a, i) => {
         const o = c.value.width / T.value * i + c.value.left + te.value;
         return `M${o},${e} L${o},${n}`;
@@ -1077,11 +1077,11 @@ const xn = {
       return !!je?.vnode.props?.onSelectTimeLabel;
     }
     function ro(l, u, e) {
-      if (!Jt.value) {
+      if (!Qt.value) {
         const n = document.createElement("canvas");
-        Jt.value = n.getContext("2d");
+        Qt.value = n.getContext("2d");
       }
-      return Jt.value.font = `normal ${l}px sans-serif`, Jt.value;
+      return Qt.value.font = `normal ${l}px sans-serif`, Qt.value;
     }
     function va() {
       const l = xe.value.querySelectorAll(".vue-ui-xy-tag");
@@ -1092,7 +1092,7 @@ const xn = {
     }
     const da = g(!1);
     async function ha(l = !1) {
-      await Xt(), da.value = l, gt.value && (Kt.value = l);
+      await Yt(), da.value = l, gt.value && (Jt.value = l);
     }
     function Kl() {
       Ce.value = !Ce.value;
@@ -1143,9 +1143,9 @@ const xn = {
       }
       if (!E.length)
         return n.map((H, F) => ({ text: "", absoluteIndex: F }));
-      const $ = E.length, I = B, K = Math.max(2, Math.min(I - 3, $)), M = Math.min($, I + 3);
+      const $ = E.length, I = B, J = Math.max(2, Math.min(I - 3, $)), M = Math.min($, I + 3);
       let D = Math.min(I, $), R = 1 / 0;
-      for (let H = K; H <= M; H += 1) {
+      for (let H = J; H <= M; H += 1) {
         const F = ($ - 1) % (H - 1), ae = Math.abs(H - I), Oe = F * 10 + ae;
         Oe < R && (R = Oe, D = H);
       }
@@ -1214,7 +1214,7 @@ const xn = {
       return l > u ? u : 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;
     }
     async function Tl() {
-      await Xt(), await Xt();
+      await Yt(), await Yt();
       const { startIndex: l, endIndex: u } = t.value.chart.zoom, e = He.value, n = Math.max(...he.value.map((a) => Se(a.series).length));
       p.value = { start: 0, end: n }, (l != null || u != null) && e ? (l != null ? (p.value.start = l, e.setStartValue(l)) : (p.value.start = 0, e.setStartValue(0)), u != null ? (p.value.end = u + 1, e.setEndValue(mo(u + 1))) : (p.value.end = n, e.setEndValue(n))) : (p.value = { start: 0, end: n }, St.value += 1), qe.value.start = p.value.start, qe.value.end = p.value.end, vt();
     }
@@ -1244,7 +1244,7 @@ const xn = {
         line: Ue(u, l, 1)
       };
     });
-    function ll() {
+    function al() {
       return k.value.useIndividualScale && k.value.isStacked ? se.value.line - c.value.width / T.value * 0.1 : se.value.bar;
     }
     function Il(l) {
@@ -1256,7 +1256,7 @@ const xn = {
     function Sa(l) {
       return l.value >= 0 ? l.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(l.zeroPosition) ? 0 : l.zeroPosition;
     }
-    const kl = g(null);
+    const wl = g(null);
     let Ot = 0;
     function go(l, u, e) {
       return l >= e.left && l <= e.right && u >= e.top && u <= e.bottom;
@@ -1271,14 +1271,14 @@ const xn = {
           return;
         }
         const n = Ae.value.viewBox.baseVal.width / u.width, i = (l.clientX - u.left) * n - c.value.left, o = c.value.width / T.value, z = Math.floor(i / o);
-        z >= 0 && z < T.value ? kl.value !== z && (kl.value = z, Ra(!0, z)) : jl();
+        z >= 0 && z < T.value ? wl.value !== z && (wl.value = z, Ra(!0, z)) : jl();
       });
     }
     function jl() {
-      Ot && (cancelAnimationFrame(Ot), Ot = 0), kl.value = null, Ra(!1, null);
+      Ot && (cancelAnimationFrame(Ot), Ot = 0), wl.value = null, Ra(!1, null);
     }
     function xo() {
-      kl.value != null && po(kl.value);
+      wl.value != null && po(wl.value);
     }
     function po(l) {
       const u = Ke.value.map((e) => ({
@@ -1328,7 +1328,7 @@ const xn = {
         values: u.absoluteValues,
         color: u.color,
         type: u.type
-      }))), Zt.value += 1;
+      }))), Kt.value += 1;
     }
     const wo = x(() => {
       const l = t.value.chart.title.text || "Chart visualization", u = t.value.chart.title.subtitle.text || "";
@@ -1349,7 +1349,7 @@ const xn = {
         to: Math.min(t.value.chart.highlightArea.to, ze.value - 1)
       };
       return [{ ...l, span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1 }];
-    }), $o = x(() => dl.value ? he.value.map((l, u) => ({
+    }), $o = x(() => hl.value ? he.value.map((l, u) => ({
       ...l,
       series: Se(l.series),
       id: `uniqueId_${u}`
@@ -1370,7 +1370,7 @@ const xn = {
       fontFamily: t.value.chart.fontFamily,
       prefix: t.value.chart.labels.prefix,
       suffix: t.value.chart.labels.suffix,
-      colNames: _e.value.map((l, u) => t.value.table.useDefaultTimeFormat ? l.text : al.value(u + p.value.start, t.value.table.timeFormat)),
+      colNames: _e.value.map((l, u) => t.value.table.useDefaultTimeFormat ? l.text : ol.value(u + p.value.start, t.value.table.timeFormat)),
       thead: {
         backgroundColor: t.value.table.th.backgroundColor,
         color: t.value.table.th.color,
@@ -1401,7 +1401,7 @@ const xn = {
     }), Co = x(() => {
       const l = at.value.filter((u) => u.type === "bar").filter((u) => !ue.value.includes(u.id)).length;
       return c.value.width / T.value / l - Nl.value * l;
-    }), Nl = x(() => se.value.line * t.value.bar.periodGap), Rl = x(() => Math.max(1e-5, ll() - (k.value.useIndividualScale && k.value.isStacked ? 0 : Nl.value))), Fl = x(() => Rl.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), La = x(() => {
+    }), Nl = x(() => se.value.line * t.value.bar.periodGap), Rl = x(() => Math.max(1e-5, al() - (k.value.useIndividualScale && k.value.isStacked ? 0 : Nl.value))), Fl = x(() => Rl.value * Math.min(Math.abs(t.value.bar.innerGap), 0.95)), La = x(() => {
       if (!t.value.chart.zoom.minimap.show) return [];
       const l = $o.value.filter((a) => !ue.value.includes(a.id)), u = Math.max(...l.map((a) => a.series.length)), e = [];
       for (let a = 0; a < u; a += 1)
@@ -1435,14 +1435,14 @@ const xn = {
         return a - I * i;
       };
       return u.map(($) => {
-        const { yAxis: { yTop: I, yBottom: K, label: M } } = $, D = I != null && K != null && I !== K, R = I == null ? null : E(I), re = K == null ? null : E(K), H = ro(M.fontSize);
+        const { yAxis: { yTop: I, yBottom: J, label: M } } = $, D = I != null && J != null && I !== J, R = I == null ? null : E(I), re = J == null ? null : E(J), H = ro(M.fontSize);
         H.font = `${M.fontSize}px sans-serif`;
         const F = H.measureText(M.text).width, ae = M.fontSize, Oe = (M.position === "start" ? e + M.padding.left : n - M.padding.right) + M.offsetX, Ee = (R != null && re != null ? Math.min(R, re) : R ?? re) - M.fontSize / 3 + M.offsetY - M.padding.top;
-        let G;
-        M.textAnchor === "middle" ? G = Oe - F / 2 - M.padding.left : M.textAnchor === "end" ? G = Oe - F - M.padding.right : G = Oe - M.padding.left;
-        const U = Ee - ae * 0.75 - M.padding.top;
+        let U;
+        M.textAnchor === "middle" ? U = Oe - F / 2 - M.padding.left : M.textAnchor === "end" ? U = Oe - F - M.padding.right : U = Oe - M.padding.left;
+        const q = Ee - ae * 0.75 - M.padding.top;
         return {
-          show: ![R, re, U].includes(NaN),
+          show: ![R, re, q].includes(NaN),
           id: `annotation_y_${Dl()}`,
           hasArea: D,
           areaHeight: D ? Math.abs(R - re) : 0,
@@ -1453,8 +1453,8 @@ const xn = {
           x2: n,
           _text: { x: Oe, y: Ee },
           _box: {
-            x: G,
-            y: U,
+            x: U,
+            y: q,
             width: F + M.padding.left + M.padding.right,
             height: ae + M.padding.top + M.padding.bottom,
             fill: M.backgroundColor,
@@ -1476,63 +1476,63 @@ const xn = {
       return l.filter((o) => o.type === "bar").map((o, z) => {
         Ql(o);
         const B = A.value[o.scaleLabel].min, E = A.value[o.scaleLabel].max;
-        o.absoluteValues.filter((Y) => ![null, void 0].includes(Y)).map((Y) => (Y - B) / (E - B));
+        o.absoluteValues.filter((G) => ![null, void 0].includes(G)).map((G) => (G - B) / (E - B));
         const $ = {
           valueMin: B,
           valueMax: E < 0 ? 0 : E
         }, I = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
-          min: o.scaleMin || Math.min(...o.absoluteValues.filter((Y) => ![void 0, null].includes(Y))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((Y) => ![null, void 0].includes(Y)))
-        }, K = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, M = 1.0000001, D = t.value.chart.grid.labels.yAxis.useNiceScale ? Ml(I.min, I.max === I.min ? I.max * M : I.max, K) : Vt(I.min, I.max === I.min ? I.max * M : I.max, K), R = t.value.chart.grid.labels.yAxis.useNiceScale ? Ml($.valueMin, $.valueMax === $.valueMin ? $.valueMax * M : $.valueMax, K) : Vt($.valueMin, $.valueMax === $.valueMin ? $.valueMax * M : $.valueMax, K), re = D.min >= 0 ? 0 : Math.abs(D.min), H = 0, F = D.max + re, ae = R.max + Math.abs(H), Oe = o.stackIndex, ol = u - 1 - Oe, Ee = n ? 1 - o.cumulatedStackRatio : 0, G = n ? i * Ee + e * ol : 0, U = n ? i * o.stackRatio : c.value.height, fe = c.value.bottom - G - U * re / F, De = c.value.bottom - G - U * H / ae, Ne = Ze.value.filter((Y) => Y.type === "bar").filter((Y) => !ue.value.includes(Y.id)).length, _l = o.series.map((Y, ge) => {
-          const Mt = k.value.useIndividualScale ? (o.absoluteValues[ge] + re) / F : Pt(Y), Ht = k.value.useIndividualScale && k.value.isStacked ? c.value.left + c.value.width / T.value * ge : c.value.left + se.value.bar * z + se.value.bar * ge * Ne - Co.value / 2 - z * Nl.value;
+          min: o.scaleMin || Math.min(...o.absoluteValues.filter((G) => ![void 0, null].includes(G))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((G) => ![null, void 0].includes(G)))
+        }, J = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, M = 1.0000001, D = t.value.chart.grid.labels.yAxis.useNiceScale ? Ml(I.min, I.max === I.min ? I.max * M : I.max, J) : Et(I.min, I.max === I.min ? I.max * M : I.max, J), R = t.value.chart.grid.labels.yAxis.useNiceScale ? Ml($.valueMin, $.valueMax === $.valueMin ? $.valueMax * M : $.valueMax, J) : Et($.valueMin, $.valueMax === $.valueMin ? $.valueMax * M : $.valueMax, J), re = D.min >= 0 ? 0 : Math.abs(D.min), H = 0, F = D.max + re, ae = R.max + Math.abs(H), Oe = o.stackIndex, nl = u - 1 - Oe, Ee = n ? 1 - o.cumulatedStackRatio : 0, U = n ? i * Ee + e * nl : 0, q = n ? i * o.stackRatio : c.value.height, fe = c.value.bottom - U - q * re / F, De = c.value.bottom - U - q * H / ae, Ne = Ze.value.filter((G) => G.type === "bar").filter((G) => !ue.value.includes(G.id)).length, $l = o.series.map((G, ge) => {
+          const Mt = k.value.useIndividualScale ? (o.absoluteValues[ge] + re) / F : Pt(G), Ht = k.value.useIndividualScale && k.value.isStacked ? c.value.left + c.value.width / T.value * ge : c.value.left + se.value.bar * z + se.value.bar * ge * Ne - Co.value / 2 - z * Nl.value;
           return {
-            yOffset: W(G),
-            individualHeight: W(U),
+            yOffset: W(U),
+            individualHeight: W(q),
             x: W(Ht),
-            y: c.value.bottom - G - U * Mt,
+            y: c.value.bottom - U - q * Mt,
             value: o.absoluteValues[ge],
             zeroPosition: W(fe),
             individualMax: W(F),
             comment: o.comments && o.comments.slice(p.value.start, p.value.end)[ge] || ""
           };
-        }), Be = o.absoluteValues.map((Y) => R.min >= 0 ? (Y - Math.abs(R.min)) / (R.max - Math.abs(R.min)) : (Y + Math.abs(R.min)) / (R.max + Math.abs(R.min))), Lt = o.series.map((Y, ge) => {
+        }), Be = o.absoluteValues.map((G) => R.min >= 0 ? (G - Math.abs(R.min)) / (R.max - Math.abs(R.min)) : (G + Math.abs(R.min)) / (R.max + Math.abs(R.min))), Lt = o.series.map((G, ge) => {
           const Mt = k.value.useIndividualScale && k.value.isStacked ? c.value.left + c.value.width / T.value * ge : c.value.left - se.value.bar / 2 + se.value.bar * z + se.value.bar * ge * Ze.value.filter((Ht) => Ht.type === "bar").filter((Ht) => !ue.value.includes(Ht.id)).length;
           return {
-            yOffset: W(G),
-            individualHeight: W(U),
+            yOffset: W(U),
+            individualHeight: W(q),
             x: W(Mt),
-            y: W(c.value.bottom - W(G) - (W(U) * Be[ge] || 0)),
+            y: W(c.value.bottom - W(U) - (W(q) * Be[ge] || 0)),
             value: o.absoluteValues[ge],
             zeroPosition: W(fe),
             individualMax: W(F),
             comment: o.comments && o.comments.slice(p.value.start, p.value.end)[ge] || ""
           };
-        }), J = D.ticks.map((Y) => ({
-          y: Y >= 0 ? fe - U * (Y / F) : fe + U * Math.abs(Y) / F,
-          value: Y,
+        }), Q = D.ticks.map((G) => ({
+          y: G >= 0 ? fe - q * (G / F) : fe + q * Math.abs(G) / F,
+          value: G,
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
           datapoint: o
-        })), me = R.ticks.map((Y) => {
-          const ge = (Y - R.min) / (R.max - R.min);
+        })), me = R.ticks.map((G) => {
+          const ge = (G - R.min) / (R.max - R.min);
           return {
-            y: Y >= 0 ? De - U * ge : De + U * ge,
-            value: Y,
+            y: G >= 0 ? De - q * ge : De + q * ge,
+            value: G,
             prefix: o.prefix || t.value.chart.labels.prefix,
             suffix: o.suffix || t.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? me : J, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? De : fe, A.value[o.scaleLabel].individualMax = o.autoScaling ? ae : F, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = G, A.value[o.scaleLabel].individualHeight = U, A.value[o.scaleLabel].autoScaleYLabels = me, A.value[o.scaleLabel].unique = Bt.value.filter((Y) => Y.scaleLabel === o.scaleLabel).length === 1, {
+        return A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? me : Q, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? De : fe, A.value[o.scaleLabel].individualMax = o.autoScaling ? ae : F, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = U, A.value[o.scaleLabel].individualHeight = q, A.value[o.scaleLabel].autoScaleYLabels = me, A.value[o.scaleLabel].unique = Bt.value.filter((G) => G.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
-          yOffset: G,
+          yOffset: U,
           autoScaleYLabels: me,
-          individualHeight: U,
-          scaleYLabels: o.autoScaling ? me : J,
+          individualHeight: q,
+          scaleYLabels: o.autoScaling ? me : Q,
           individualScale: o.autoScaling ? R : D,
           individualMax: o.autoScaling ? ae : F,
           zeroPosition: o.autoScaling ? De : fe,
-          plots: o.autoScaling ? Lt : _l,
+          plots: o.autoScaling ? Lt : $l,
           groupId: A.value[o.scaleLabel].groupId
         };
       });
@@ -1548,26 +1548,26 @@ const xn = {
         }, I = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, K = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, M = 1.0000001, D = t.value.chart.grid.labels.yAxis.useNiceScale ? Ml(I.min, I.max === I.min ? I.max * M : I.max, K) : Vt(I.min, I.max === I.min ? I.max * M : I.max, K), R = t.value.chart.grid.labels.yAxis.useNiceScale ? Ml($.valueMin, $.valueMax === $.valueMin ? $.valueMax * M : $.valueMax, K) : Vt($.valueMin, $.valueMax === $.valueMin ? $.valueMax * M : $.valueMax, K), re = D.min >= 0 ? 0 : Math.abs(D.min), H = 0, F = D.max + Math.abs(re), ae = R.max + Math.abs(H), Oe = o.stackIndex, ol = u - 1 - Oe, Ee = n ? 1 - o.cumulatedStackRatio : 0, G = n ? i * Ee + e * ol : 0, U = n ? i * o.stackRatio : c.value.height, fe = c.value.bottom - G - U * re / F, De = c.value.bottom - G - U * H / ae, Ne = o.series.map((V, $e) => {
+        }, J = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, M = 1.0000001, D = t.value.chart.grid.labels.yAxis.useNiceScale ? Ml(I.min, I.max === I.min ? I.max * M : I.max, J) : Et(I.min, I.max === I.min ? I.max * M : I.max, J), R = t.value.chart.grid.labels.yAxis.useNiceScale ? Ml($.valueMin, $.valueMax === $.valueMin ? $.valueMax * M : $.valueMax, J) : Et($.valueMin, $.valueMax === $.valueMin ? $.valueMax * M : $.valueMax, J), re = D.min >= 0 ? 0 : Math.abs(D.min), H = 0, F = D.max + Math.abs(re), ae = R.max + Math.abs(H), Oe = o.stackIndex, nl = u - 1 - Oe, Ee = n ? 1 - o.cumulatedStackRatio : 0, U = n ? i * Ee + e * nl : 0, q = n ? i * o.stackRatio : c.value.height, fe = c.value.bottom - U - q * re / F, De = c.value.bottom - U - q * H / ae, Ne = o.series.map((V, $e) => {
           const Ro = k.value.useIndividualScale ? (o.absoluteValues[$e] + Math.abs(re)) / F : Pt(V);
           return {
             x: W(c.value.left + se.value.line / 2 + se.value.line * $e),
-            y: W(c.value.bottom - G - U * Ro),
+            y: W(c.value.bottom - U - q * Ro),
             value: o.absoluteValues[$e],
             comment: o.comments && o.comments.slice(p.value.start, p.value.end)[$e] || ""
           };
-        }), _l = o.absoluteValues.map((V) => R.min >= 0 ? (V - Math.abs(R.min)) / (R.max - Math.abs(R.min)) : (V + Math.abs(R.min)) / (R.max + Math.abs(R.min))), Be = o.series.map((V, $e) => [void 0, null].includes(o.absoluteValues[$e]) ? {
+        }), $l = o.absoluteValues.map((V) => R.min >= 0 ? (V - Math.abs(R.min)) / (R.max - Math.abs(R.min)) : (V + Math.abs(R.min)) / (R.max + Math.abs(R.min))), Be = o.series.map((V, $e) => [void 0, null].includes(o.absoluteValues[$e]) ? {
           x: W(c.value.left + se.value.line / 2 + se.value.line * $e),
           y: fe,
           value: o.absoluteValues[$e],
           comment: o.comments && o.comments.slice(p.value.start, p.value.end)[$e] || ""
         } : {
           x: W(c.value.left + se.value.line / 2 + se.value.line * $e),
-          y: W(c.value.bottom - G - (U * _l[$e] || 0)),
+          y: W(c.value.bottom - U - (q * $l[$e] || 0)),
           value: o.absoluteValues[$e],
           comment: o.comments && o.comments.slice(p.value.start, p.value.end)[$e] || ""
-        }), Lt = t.value.line.cutNullValues ? Ka(Ne) : Xl(Ne.filter((V) => V.value !== null)), J = t.value.line.cutNullValues ? Ka(Be) : Xl(Be.filter((V) => V.value !== null)), me = t.value.line.cutNullValues ? Ja(Ne) : Yl(Ne.filter((V) => V.value !== null)), Y = t.value.line.cutNullValues ? Ja(Be) : Yl(Be.filter((V) => V.value !== null)), ge = D.ticks.map((V) => ({
-          y: V >= 0 ? fe - U * (V / F) : fe + U * Math.abs(V) / F,
+        }), Lt = t.value.line.cutNullValues ? Ka(Ne) : Xl(Ne.filter((V) => V.value !== null)), Q = t.value.line.cutNullValues ? Ka(Be) : Xl(Be.filter((V) => V.value !== null)), me = t.value.line.cutNullValues ? Ja(Ne) : Yl(Ne.filter((V) => V.value !== null)), G = t.value.line.cutNullValues ? Ja(Be) : Yl(Be.filter((V) => V.value !== null)), ge = D.ticks.map((V) => ({
+          y: V >= 0 ? fe - q * (V / F) : fe + q * Math.abs(V) / F,
           value: V,
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
@@ -1575,39 +1575,39 @@ const xn = {
         })), Mt = R.ticks.map((V) => {
           const $e = (V - R.min) / (R.max - R.min);
           return {
-            y: V >= 0 ? De - U * $e : De + U * $e,
+            y: V >= 0 ? De - q * $e : De + q * $e,
             value: V,
             prefix: o.prefix || t.value.chart.labels.prefix,
             suffix: o.suffix || t.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Mt : ge, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? De : fe, A.value[o.scaleLabel].individualMax = o.autoScaling ? ae : F, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = G, A.value[o.scaleLabel].individualHeight = U, A.value[o.scaleLabel].autoScaleYLabels = Mt, A.value[o.scaleLabel].unique = Bt.value.filter((V) => V.scaleLabel === o.scaleLabel).length === 1;
-        const Ht = k.value.useIndividualScale ? o.autoScaling ? De : fe : Ie.value, $l = Math.max(Math.max(o.autoScaling ? De : ge.at(-1) ? ge.at(-1).y : 0, c.value.top), Ht);
+        A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Mt : ge, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? De : fe, A.value[o.scaleLabel].individualMax = o.autoScaling ? ae : F, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = U, A.value[o.scaleLabel].individualHeight = q, A.value[o.scaleLabel].autoScaleYLabels = Mt, A.value[o.scaleLabel].unique = Bt.value.filter((V) => V.scaleLabel === o.scaleLabel).length === 1;
+        const Ht = k.value.useIndividualScale ? o.autoScaling ? De : fe : Ie.value, Ll = Math.max(Math.max(o.autoScaling ? De : ge.at(-1) ? ge.at(-1).y : 0, c.value.top), Ht);
         return {
           ...o,
-          yOffset: G,
+          yOffset: U,
           autoScaleYLabels: Mt,
-          individualHeight: U,
+          individualHeight: q,
           scaleYLabels: o.autoScaling ? Mt : ge,
           individualScale: o.autoScaling ? R : D,
           individualMax: o.autoScaling ? ae : F,
           zeroPosition: o.autoScaling ? De : fe,
-          curve: o.autoScaling ? J : Lt,
+          curve: o.autoScaling ? Q : Lt,
           plots: o.autoScaling ? Be : Ne,
           area: o.useArea ? k.value.useIndividualScale ? t.value.line.cutNullValues ? Qa(
             o.autoScaling ? Be : Ne,
-            $l
+            Ll
           ) : ja(
             o.autoScaling ? Be.filter((V) => V.value !== null) : Ne.filter((V) => V.value !== null),
-            $l
-          ) : t.value.line.cutNullValues ? Qa(Ne, $l) : ja(Ne.filter((V) => V.value !== null), $l) : "",
+            Ll
+          ) : t.value.line.cutNullValues ? Qa(Ne, Ll) : ja(Ne.filter((V) => V.value !== null), Ll) : "",
           curveAreas: o.useArea ? Ko(
             o.autoScaling ? t.value.line.cutNullValues ? Be : Be.filter((V) => V.value !== null) : t.value.line.cutNullValues ? Ne : Ne.filter((V) => V.value !== null),
-            $l,
+            Ll,
             t.value.line.cutNullValues
           ) : [],
-          straight: o.autoScaling ? Y : me,
+          straight: o.autoScaling ? G : me,
           groupId: A.value[o.scaleLabel].groupId
         };
       });
@@ -1616,56 +1616,56 @@ const xn = {
       return l.filter((o) => o.type === "plot").map((o) => {
         Ql(o);
         const z = A.value[o.scaleLabel].min, B = A.value[o.scaleLabel].max;
-        o.absoluteValues.filter((J) => ![null, void 0].includes(J)).map((J) => (J - z) / (B - z));
+        o.absoluteValues.filter((Q) => ![null, void 0].includes(Q)).map((Q) => (Q - z) / (B - z));
         const E = {
           valueMin: z,
           valueMax: B
         }, $ = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, I = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, K = 1.0000001, M = Vt($.min, $.max === $.min ? $.max * K : $.max, I), D = Vt(E.valueMin, E.valueMax === E.valueMin ? E.valueMax * K : E.valueMax, I), R = M.min >= 0 ? 0 : Math.abs(M.min), re = 0, H = M.max + R, F = D.max + Math.abs(re), ae = o.stackIndex, Oe = u - 1 - ae, ol = n ? 1 - o.cumulatedStackRatio : 0, Ee = n ? i * ol + e * Oe : 0, G = n ? i * o.stackRatio : c.value.height, U = c.value.bottom - Ee - G * R / H, fe = c.value.bottom - Ee - G * re / F, De = o.series.map((J, me) => {
-          const Y = k.value.useIndividualScale ? (o.absoluteValues[me] + Math.abs(R)) / H : Pt(J);
+        }, I = o.scaleSteps || t.value.chart.grid.labels.yAxis.commonScaleSteps, J = 1.0000001, M = Et($.min, $.max === $.min ? $.max * J : $.max, I), D = Et(E.valueMin, E.valueMax === E.valueMin ? E.valueMax * J : E.valueMax, I), R = M.min >= 0 ? 0 : Math.abs(M.min), re = 0, H = M.max + R, F = D.max + Math.abs(re), ae = o.stackIndex, Oe = u - 1 - ae, nl = n ? 1 - o.cumulatedStackRatio : 0, Ee = n ? i * nl + e * Oe : 0, U = n ? i * o.stackRatio : c.value.height, q = c.value.bottom - Ee - U * R / H, fe = c.value.bottom - Ee - U * re / F, De = o.series.map((Q, me) => {
+          const G = k.value.useIndividualScale ? (o.absoluteValues[me] + Math.abs(R)) / H : Pt(Q);
           return {
             x: W(c.value.left + se.value.plot / 2 + se.value.plot * me),
-            y: W(c.value.bottom - Ee - G * Y),
+            y: W(c.value.bottom - Ee - U * G),
             value: o.absoluteValues[me],
             comment: o.comments && o.comments.slice(p.value.start, p.value.end)[me] || ""
           };
-        }), Ne = o.absoluteValues.map((J) => D.min >= 0 ? (J - Math.abs(D.min)) / (D.max - Math.abs(D.min)) : (J + Math.abs(D.min)) / (D.max + Math.abs(D.min))), _l = o.series.map((J, me) => ({
+        }), Ne = o.absoluteValues.map((Q) => D.min >= 0 ? (Q - Math.abs(D.min)) / (D.max - Math.abs(D.min)) : (Q + Math.abs(D.min)) / (D.max + Math.abs(D.min))), $l = o.series.map((Q, me) => ({
           x: W(c.value.left + se.value.plot / 2 + se.value.plot * me),
-          y: W(c.value.bottom - Ee - (G * Ne[me] || 0)),
+          y: W(c.value.bottom - Ee - (U * Ne[me] || 0)),
           value: o.absoluteValues[me],
           comment: o.comments && o.comments.slice(p.value.start, p.value.end)[me] || ""
-        })), Be = M.ticks.map((J) => ({
-          y: J >= 0 ? U - G * (J / H) : U + G * Math.abs(J) / H,
-          value: J,
+        })), Be = M.ticks.map((Q) => ({
+          y: Q >= 0 ? q - U * (Q / H) : q + U * Math.abs(Q) / H,
+          value: Q,
           prefix: o.prefix || t.value.chart.labels.prefix,
           suffix: o.suffix || t.value.chart.labels.suffix,
           datapoint: o
-        })), Lt = D.ticks.map((J) => {
-          const me = (J - D.min) / (D.max - D.min);
+        })), Lt = D.ticks.map((Q) => {
+          const me = (Q - D.min) / (D.max - D.min);
           return {
-            y: J >= 0 ? fe - G * me : fe + G * me,
-            value: J,
+            y: Q >= 0 ? fe - U * me : fe + U * me,
+            value: Q,
             prefix: o.prefix || t.value.chart.labels.prefix,
             suffix: o.suffix || t.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Lt : Be, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? fe : U, A.value[o.scaleLabel].individualMax = o.autoScaling ? F : H, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = Ee, A.value[o.scaleLabel].individualHeight = G, A.value[o.scaleLabel].autoScaleYLabels = Lt, A.value[o.scaleLabel].unique = Bt.value.filter((J) => J.scaleLabel === o.scaleLabel).length === 1, {
+        return A.value[o.scaleLabel].name = o.name, A.value[o.scaleLabel].groupName = o.scaleLabel, A.value[o.scaleLabel].groupColor = t.value.chart.grid.labels.yAxis.groupColor || o.color, A.value[o.scaleLabel].color = o.color, A.value[o.scaleLabel].scaleYLabels = o.autoScaling ? Lt : Be, A.value[o.scaleLabel].zeroPosition = o.autoScaling ? fe : q, A.value[o.scaleLabel].individualMax = o.autoScaling ? F : H, A.value[o.scaleLabel].scaleLabel = o.scaleLabel, A.value[o.scaleLabel].id = o.id, A.value[o.scaleLabel].yOffset = Ee, A.value[o.scaleLabel].individualHeight = U, A.value[o.scaleLabel].autoScaleYLabels = Lt, A.value[o.scaleLabel].unique = Bt.value.filter((Q) => Q.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: Ee,
           autoScaleYLabels: Lt,
-          individualHeight: G,
+          individualHeight: U,
           scaleYLabels: o.autoScaling ? Lt : Be,
           individualScale: o.autoScaling ? D : M,
           individualMax: o.autoScaling ? F : H,
-          zeroPosition: o.autoScaling ? fe : U,
-          plots: o.autoScaling ? _l : De,
+          zeroPosition: o.autoScaling ? fe : q,
+          plots: o.autoScaling ? $l : De,
           groupId: A.value[o.scaleLabel].groupId
         };
       });
-    }), wl = x(() => {
+    }), Sl = x(() => {
       const l = Pe.value.map((i) => ({
         name: i.name,
         color: i.color,
@@ -1759,7 +1759,7 @@ const xn = {
       lines: Pe.value,
       plots: ot.value,
       config: t.value
-    })), al = x(() => {
+    })), ol = x(() => {
       const l = t.value.chart.grid.labels.xAxisLabels.datetimeFormatter, u = cn({
         useUTC: l.useUTC,
         locale: vn[l.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
@@ -1770,7 +1770,7 @@ const xn = {
         return i == null ? "" : u.formatDate(new Date(i), n);
       };
     }), ea = x(() => (t.value.chart.grid.labels.xAxisLabels.values || []).map((u, e) => ({
-      text: al.value(e, t.value.chart.zoom.timeFormat),
+      text: ol.value(e, t.value.chart.zoom.timeFormat),
       absoluteIndex: e
     }))), Pl = g(!1), Ia = x(() => {
       let l = "", u = "";
@@ -1823,7 +1823,7 @@ const xn = {
           config: t.value
         });
       if (e && e.text && t.value.chart.tooltip.showTimeLabel) {
-        const a = al.value(L.value + p.value.start, t.value.chart.tooltip.timeFormat);
+        const a = ol.value(L.value + p.value.start, t.value.chart.tooltip.timeFormat);
         l += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${t.value.chart.tooltip.borderColor}; width:100%">${t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.tooltip.useDefaultTimeFormat ? a : e.text}</div>`;
       }
       return pt.value.forEach((a) => {
@@ -1831,7 +1831,7 @@ const xn = {
           let i = "", o = "";
           switch (we.value[a.type]) {
             case "bar":
-              i = `<svg viewBox="0 0 40 40" height="14" width="14">${rl.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="${rl.pattern ? `url(#pattern_${Z.value}_${a.slotAbsoluteIndex}` : a.color}" /></svg>`;
+              i = `<svg viewBox="0 0 40 40" height="14" width="14">${cl.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="${cl.pattern ? `url(#pattern_${Y.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="${dt({ 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="${dt({ 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="${dt({ 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="${dt({ 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="${dt({ 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="${eo({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), i = `<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>`;
@@ -1891,7 +1891,7 @@ const xn = {
         type: e.type
       })), u = [];
       return _e.value.forEach((e, n) => {
-        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [al.value(n + p.value.start, t.value.table.timeFormat)];
+        const a = t.value.table.useDefaultTimeFormat ? [e.text] : [ol.value(n + p.value.start, t.value.table.timeFormat)];
         Ke.value.forEach((i) => {
           a.push(Ve(i.absoluteValues[n]) ? Number(i.absoluteValues[n].toFixed(t.value.table.rounding)) : "");
         }), u.push(a);
@@ -1905,7 +1905,7 @@ const xn = {
         const o = Ke.value.map((z) => z.absoluteValues[i] ?? 0).reduce((z, B) => z + B, 0);
         e.push(
           [
-            t.value.table.useDefaultTimeFormat ? _e.value[i].text ?? "-" : al.value(i + p.value.start, t.value.table.timeFormat)
+            t.value.table.useDefaultTimeFormat ? _e.value[i].text ?? "-" : ol.value(i + p.value.start, t.value.table.timeFormat)
           ].concat(Ke.value.map(
             (z) => Le(
               z.type === "line" ? t.value.line.labels.formatter : z.type === "bar" ? t.value.bar.labels.formatter : t.value.plot.labels.formatter,
@@ -1959,44 +1959,44 @@ const xn = {
       k.value.showTooltip = !k.value.showTooltip;
     }
     function Ba(l) {
-      Re.value = l, hl.value += 1;
+      Re.value = l, fl.value += 1;
     }
     function Ha() {
       if (!t.value.responsiveProportionalSizing) {
         w.value.dataLabels = t.value.chart.grid.labels.fontSize, w.value.yAxis = t.value.chart.grid.labels.axis.fontSize, w.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, w.value.plotLabels = t.value.chart.labels.fontSize, Fe.value.plot = t.value.plot.radius, Fe.value.line = t.value.line.radius;
         return;
       }
-      w.value.dataLabels = nl({
+      w.value.dataLabels = ul({
         relator: ye.value,
         adjuster: 400,
         source: t.value.chart.grid.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), w.value.yAxis = nl({
+      }), w.value.yAxis = ul({
         relator: ee.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.axis.fontSize,
         threshold: 10,
         fallback: 10
-      }), w.value.xAxis = nl({
+      }), w.value.xAxis = ul({
         relator: ee.value,
         adjuster: 1e3,
         source: t.value.chart.grid.labels.xAxisLabels.fontSize,
         threshold: 10,
         fallback: 10
-      }), w.value.plotLabels = nl({
+      }), w.value.plotLabels = ul({
         relator: ee.value,
         adjuster: 800,
         source: t.value.chart.labels.fontSize,
         threshold: 10,
         fallback: 10
-      }), Fe.value.plot = nl({
+      }), Fe.value.plot = ul({
         relator: ee.value,
         adjuster: 800,
         source: t.value.plot.radius,
         threshold: 1,
         fallback: 1
-      }), Fe.value.line = nl({
+      }), Fe.value.line = ul({
         relator: ee.value,
         adjuster: 800,
         source: t.value.line.radius,
@@ -2023,29 +2023,29 @@ const xn = {
 -----> The serie '${u.name}' contains the value '${e}' at index ${n}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), to(d.dataset) || (ct.value = t.value.loading), gt.value = t.value.chart.userOptions.showOnChartHover, ml.value = t.value.chart.userOptions.keepStateOnChartLeave, Kt.value = !t.value.chart.userOptions.showOnChartHover, xl();
+      }), to(d.dataset) || (ct.value = t.value.loading), gt.value = t.value.chart.userOptions.showOnChartHover, gl.value = t.value.chart.userOptions.keepStateOnChartLeave, Jt.value = !t.value.chart.userOptions.showOnChartHover, pl();
       const l = 12;
       if (t.value.responsive) {
         const e = xe.value.parentNode;
-        Me.value && (Me.value.unobserve(vl.value), Me.value.disconnect());
+        Me.value && (Me.value.unobserve(dl.value), Me.value.disconnect());
         const { height: n, width: a } = e.getBoundingClientRect();
         let i = null, o = 0;
         t.value.chart.title.show && pe.value && (i = pe.value, o = i.getBoundingClientRect().height);
         let z = null, B = 0;
-        t.value.chart.zoom.show && ze.value > 6 && Qt.value && He.value && He.value.$el && (z = He.value.$el, B = z.getBoundingClientRect().height);
+        t.value.chart.zoom.show && ze.value > 6 && jt.value && He.value && He.value.$el && (z = He.value.$el, B = z.getBoundingClientRect().height);
         let E = null, $ = 0;
         t.value.chart.legend.show && st.value && (E = st.value, $ = E.getBoundingClientRect().height);
         let I = 0;
         It.value && (I = It.value.getBoundingClientRect().height);
-        let K = 0;
-        Nt.value && (K = Nt.value.getBoundingClientRect().height), ye.value = n - o - $ - B - I - K - l, ee.value = a, rt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ye.value < 0 ? 10 : ye.value}`, Ha();
+        let J = 0;
+        Nt.value && (J = Nt.value.getBoundingClientRect().height), ye.value = n - o - $ - B - I - J - l, ee.value = a, rt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ye.value < 0 ? 10 : ye.value}`, Ha();
         const M = new ResizeObserver((D) => {
           for (const R of D)
-            t.value.chart.title.show && pe.value ? o = pe.value.getBoundingClientRect().height : o = 0, He.value && He.value.$el ? B = He.value.$el.getBoundingClientRect().height : B = 0, st.value ? $ = st.value.getBoundingClientRect().height : $ = 0, It.value ? I = It.value.getBoundingClientRect().height : I = 0, Nt.value ? K = Nt.value.getBoundingClientRect().height : K = 0, requestAnimationFrame(() => {
-              ye.value = R.contentRect.height - o - $ - B - I - K - l, ee.value = R.contentBoxSize[0].inlineSize, rt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ye.value < 0 ? 10 : ye.value}`, Ha();
+            t.value.chart.title.show && pe.value ? o = pe.value.getBoundingClientRect().height : o = 0, He.value && He.value.$el ? B = He.value.$el.getBoundingClientRect().height : B = 0, st.value ? $ = st.value.getBoundingClientRect().height : $ = 0, It.value ? I = It.value.getBoundingClientRect().height : I = 0, Nt.value ? J = Nt.value.getBoundingClientRect().height : J = 0, requestAnimationFrame(() => {
+              ye.value = R.contentRect.height - o - $ - B - I - J - l, ee.value = R.contentBoxSize[0].inlineSize, rt.value = `0 0 ${ee.value < 0 ? 10 : ee.value} ${ye.value < 0 ? 10 : ye.value}`, Ha();
             });
         });
-        Me.value = M, vl.value = e, M.observe(e);
+        Me.value = M, dl.value = e, M.observe(e);
       } else
         ye.value = t.value.chart.height, ee.value = t.value.chart.width, w.value.dataLabels = t.value.chart.grid.labels.fontSize, w.value.yAxis = t.value.chart.grid.labels.axis.fontSize, w.value.xAxis = t.value.chart.grid.labels.xAxisLabels.fontSize, w.value.plotLabels = t.value.chart.labels.fontSize, Fe.value.plot = t.value.plot.radius, Fe.value.line = t.value.line.radius, rt.value = `0 0 ${ee.value} ${ye.value}`;
     }
@@ -2055,10 +2055,10 @@ const xn = {
         y: l.clientY
       };
     }
-    ul(() => {
+    il(() => {
       la(), Tl(), document.addEventListener("mousemove", Va, { passive: !0 }), document.addEventListener("scroll", va, { passive: !0 });
-    }), Wt(() => {
-      document.removeEventListener("scroll", va, { passive: !0 }), document.removeEventListener("mousemove", Va, { passive: !0 }), Me.value && (Me.value.unobserve(vl.value), Me.value.disconnect(), Me.value = null);
+    }), Xt(() => {
+      document.removeEventListener("scroll", va, { passive: !0 }), document.removeEventListener("mousemove", Va, { passive: !0 }), Me.value && (Me.value.unobserve(dl.value), Me.value.disconnect(), Me.value = null);
     }), dn({
       timeLabelsEls: ht,
       timeLabels: _e,
@@ -2082,7 +2082,7 @@ const xn = {
       const l = To(), u = 200, e = Math.max(1, T.value), n = c.value.width / e, i = c.value.left + zo.value * n + n / 2 - l / 2 - (u - l) / 2, o = c.value.left - (u - l) / 2, z = c.value.right - (u + l) / 2, B = Math.max(o, Math.min(i, z));
       return W(B);
     }
-    ul(() => {
+    il(() => {
       let l = null, u = null;
       const e = (i) => {
         cancelAnimationFrame(u), u = requestAnimationFrame(() => {
@@ -2093,13 +2093,13 @@ const xn = {
         o && e(o.contentRect.width || 200);
       }), a = Ua((i) => {
         const o = Ea.value;
-        l && l !== o && (n.unobserve(l), l = null), o && o !== l && (Xt(() => {
+        l && l !== o && (n.unobserve(l), l = null), o && o !== l && (Yt(() => {
           o.offsetParent !== null && e(o.offsetWidth || o.getBoundingClientRect().width || 200);
         }), n.observe(o), l = o), i(() => {
           l && (n.unobserve(l), l = null);
         });
       });
-      Wt(() => {
+      Xt(() => {
         try {
           l && n.unobserve(l), n.disconnect(), a();
         } catch {
@@ -2126,15 +2126,15 @@ const xn = {
           console.warn("Custom format cannot be applied on timeTag."), Bl.value = !1;
         }
       if (!Bl.value)
-        return [null, void 0].includes(_e.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? al.value(l + p.value.start, t.value.chart.timeTag.timeFormat) : _e.value[l].text;
+        return [null, void 0].includes(_e.value[l]) ? "" : t.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !t.value.chart.timeTag.useDefaultFormat ? ol.value(l + p.value.start, t.value.chart.timeTag.timeFormat) : _e.value[l].text;
     });
     it(() => d.dataset, (l) => {
       Array.isArray(l) && l.length > 0 && (ct.value = !1), ze.value = Math.max(...he.value.map((u) => Se(u.series).length)), p.value = {
         start: 0,
         end: ze.value
-      }, St.value += 1, Zt.value += 1, vt();
+      }, St.value += 1, Kt.value += 1, vt();
     }, { deep: !0 }), it(() => d.config, (l) => {
-      oe.value || (t.value = bl()), la(), fl.value += 1, qt.value += 1, xl(), vt();
+      oe.value || (t.value = xl()), la(), ml.value += 1, Zt.value += 1, pl(), vt();
     }, { deep: !0 });
     const aa = g(!1);
     function Wa() {
@@ -2146,19 +2146,19 @@ const xn = {
       const u = l.getBoundingClientRect();
       aa.value = u.width > 2 && u.height > 2;
     }
-    ul(() => {
+    il(() => {
       Wa();
       const l = new ResizeObserver(() => {
         Wa(), aa.value && (la(), vt(), Tl());
       });
       xe.value?.parentNode && l.observe(xe.value.parentNode);
     }), it(t, () => {
-      xl();
+      pl();
     }, { immediate: !0 });
-    const Sl = x(() => {
+    const _l = x(() => {
       const l = t.value.table.useDialog && !t.value.showTable, u = k.value.showTable;
       return {
-        component: l ? Gt : bn,
+        component: l ? Ut : bn,
         title: `${t.value.chart.title.text}${t.value.chart.title.subtitle.text ? `: ${t.value.chart.title.subtitle.text}` : ""}`,
         props: l ? {
           backgroundColor: t.value.table.th.backgroundColor,
@@ -2204,7 +2204,7 @@ const xn = {
       toggleAnnotator: Kl,
       toggleFullscreen: Ba
     }), (l, u) => (s(), r("div", {
-      id: `vue-ui-xy_${Z.value}`,
+      id: `vue-ui-xy_${Y.value}`,
       class: Xe(`vue-ui-xy ${Re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "chart",
       ref: xe,
@@ -2212,7 +2212,7 @@ const xn = {
       onMouseenter: u[10] || (u[10] = () => ha(!0)),
       onMouseleave: u[11] || (u[11] = () => ha(!1))
     }, [
-      t.value.chart.userOptions.buttons.annotator && Ae.value ? (s(), Je(v(sl), {
+      t.value.chart.userOptions.buttons.annotator && Ae.value ? (s(), Je(v(rl), {
         key: 0,
         svgRef: Ae.value,
         backgroundColor: t.value.chart.backgroundColor,
@@ -2235,7 +2235,7 @@ const xn = {
         style: _(`font-family:${t.value.chart.fontFamily}`)
       }, [
         (s(), Je(fn, {
-          key: `title_${fl.value}`,
+          key: `title_${ml.value}`,
           config: {
             title: {
               cy: "xy-div-title",
@@ -2249,17 +2249,17 @@ const xn = {
         }, null, 8, ["config"]))
       ], 4)) : f("", !0),
       y("div", {
-        id: `legend-top-${Z.value}`
+        id: `legend-top-${Y.value}`
       }, null, 8, En),
-      t.value.chart.userOptions.show && (ml.value || Kt.value) ? (s(), Je(v(de), {
+      t.value.chart.userOptions.show && (gl.value || Jt.value) ? (s(), Je(v(de), {
         ref_key: "userOptionsRef",
         ref: j,
-        key: `user_options_${hl.value}`,
+        key: `user_options_${fl.value}`,
         backgroundColor: t.value.chart.backgroundColor,
         color: t.value.chart.color,
         isPrinting: v(ie),
         isImaging: v(m),
-        uid: Z.value,
+        uid: Y.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,
@@ -2289,76 +2289,76 @@ const xn = {
         onToggleTooltip: Oa,
         onToggleAnnotator: Kl,
         style: _({
-          visibility: ml.value ? Kt.value ? "visible" : "hidden" : "visible"
+          visibility: gl.value ? Jt.value ? "visible" : "hidden" : "visible"
         })
       }, qa({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: be(({ isOpen: e, color: n }) => [
-            Q(l.$slots, "menuIcon", At(zt({ isOpen: e, color: n })), void 0, !0)
+            K(l.$slots, "menuIcon", At(zt({ isOpen: e, color: n })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: be(() => [
-            Q(l.$slots, "optionTooltip", {}, void 0, !0)
+            K(l.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionPdf ? {
           name: "optionPdf",
           fn: be(() => [
-            Q(l.$slots, "optionPdf", {}, void 0, !0)
+            K(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
           fn: be(() => [
-            Q(l.$slots, "optionCsv", {}, void 0, !0)
+            K(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
           fn: be(() => [
-            Q(l.$slots, "optionImg", {}, void 0, !0)
+            K(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
           fn: be(() => [
-            Q(l.$slots, "optionTable", {}, void 0, !0)
+            K(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         l.$slots.optionLabels ? {
           name: "optionLabels",
           fn: be(() => [
-            Q(l.$slots, "optionLabels", {}, void 0, !0)
+            K(l.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionStack ? {
           name: "optionStack",
           fn: be(() => [
-            Q(l.$slots, "optionStack", {}, void 0, !0)
+            K(l.$slots, "optionStack", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: be(({ toggleFullscreen: e, isFullscreen: n }) => [
-            Q(l.$slots, "optionFullscreen", At(zt({ toggleFullscreen: e, isFullscreen: n })), void 0, !0)
+            K(l.$slots, "optionFullscreen", At(zt({ toggleFullscreen: e, isFullscreen: n })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: be(({ toggleAnnotator: e, isAnnotator: n }) => [
-            Q(l.$slots, "optionAnnotator", At(zt({ toggleAnnotator: e, isAnnotator: n })), void 0, !0)
+            K(l.$slots, "optionAnnotator", At(zt({ toggleAnnotator: e, isAnnotator: n })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -2388,7 +2388,7 @@ const xn = {
           ref: ql,
           class: "vue-data-ui-g"
         }, [
-          Dt(v(Yt)),
+          Wt(v(Gt)),
           l.$slots["chart-background"] ? (s(), r("foreignObject", {
             key: 0,
             x: c.value.left + te.value < 0 ? 0 : c.value.left + te.value,
@@ -2399,7 +2399,7 @@ const xn = {
               pointerEvents: "none"
             }
           }, [
-            Q(l.$slots, "chart-background", {}, void 0, !0)
+            K(l.$slots, "chart-background", {}, void 0, !0)
           ], 8, Wn)) : f("", !0),
           T.value > 0 ? (s(), r("g", Xn, [
             y("g", Yn, [
@@ -2409,17 +2409,17 @@ const xn = {
                 "stroke-width": "1",
                 x1: c.value.left + te.value,
                 x2: c.value.right - te.value,
-                y1: v(q)(c.value.bottom),
-                y2: v(q)(c.value.bottom),
+                y1: v(Z)(c.value.bottom),
+                y2: v(Z)(c.value.bottom),
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
               }, null, 8, Gn)) : f("", !0),
-              k.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (s(!0), r(b, { key: 2 }, C(wl.value, (e) => (s(), r("g", null, [
+              k.value.useIndividualScale ? t.value.chart.grid.showHorizontalLines ? (s(!0), r(b, { key: 2 }, C(Sl.value, (e) => (s(), r("g", null, [
                 e.id === P.value && e.yLabels.length ? (s(!0), r(b, { key: 0 }, C(e.yLabels, (n) => (s(), r("line", {
                   x1: c.value.left + te.value,
                   x2: c.value.right - te.value,
-                  y1: v(q)(n.y),
-                  y2: v(q)(n.y),
+                  y1: v(Z)(n.y),
+                  y2: v(Z)(n.y),
                   stroke: e.color,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
@@ -2427,8 +2427,8 @@ const xn = {
                 }, null, 8, Kn))), 256)) : e.yLabels.length ? (s(!0), r(b, { key: 1 }, C(e.yLabels, (n) => (s(), r("line", {
                   x1: c.value.left + te.value,
                   x2: c.value.right - te.value,
-                  y1: v(q)(n.y),
-                  y2: v(q)(n.y),
+                  y1: v(Z)(n.y),
+                  y2: v(Z)(n.y),
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
@@ -2441,8 +2441,8 @@ const xn = {
                   "stroke-width": "1",
                   x1: c.value.left + te.value,
                   x2: c.value.left + te.value,
-                  y1: v(q)(c.value.top),
-                  y2: v(q)(c.value.bottom),
+                  y1: v(Z)(c.value.top),
+                  y2: v(Z)(c.value.bottom),
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, Un)) : f("", !0),
@@ -2450,8 +2450,8 @@ const xn = {
                   (s(!0), r(b, null, C(Ma.value, (e) => (s(), r("line", {
                     x1: c.value.left + te.value,
                     x2: c.value.right,
-                    y1: v(q)(e.y),
-                    y2: v(q)(e.y),
+                    y1: v(Z)(e.y),
+                    y2: v(Z)(e.y),
                     stroke: t.value.chart.grid.stroke,
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
@@ -2481,48 +2481,53 @@ const xn = {
             (s(!0), r(b, null, C(yt.value, (e, n) => (s(), r("defs", {
               key: `def_rect_${n}`
             }, [
-              y("linearGradient", {
-                id: `rectGradient_pos_${n}_${Z.value}`,
-                x2: "0%",
-                y2: "100%"
-              }, [
-                y("stop", {
-                  offset: "0%",
-                  "stop-color": e.color
-                }, null, 8, au),
-                y("stop", {
-                  offset: "62%",
-                  "stop-color": `${v(Et)(e.color, 0.02)}`
-                }, null, 8, ou),
-                y("stop", {
-                  offset: "100%",
-                  "stop-color": `${v(Et)(e.color, 0.05)}`
-                }, null, 8, nu)
-              ], 8, lu),
-              y("linearGradient", {
-                id: `rectGradient_neg_${n}_${Z.value}`,
-                x2: "0%",
-                y2: "100%"
-              }, [
-                y("stop", {
-                  offset: "0%",
-                  "stop-color": `${v(Et)(e.color, 0.05)}`
-                }, null, 8, iu),
-                y("stop", {
-                  offset: "38%",
-                  "stop-color": `${v(Et)(e.color, 0.02)}`
-                }, null, 8, su),
-                y("stop", {
-                  offset: "100%",
-                  "stop-color": e.color
-                }, null, 8, ru)
-              ], 8, uu)
+              l.$slots["bar-gradient"] ? K(l.$slots, "bar-gradient", Vt({
+                key: 0,
+                ref_for: !0
+              }, { series: e, positiveId: `rectGradient_pos_${n}_${Y.value}`, negativeId: `rectGradient_neg_${n}_${Y.value}` }), void 0, !0) : (s(), r(b, { key: 1 }, [
+                y("linearGradient", {
+                  id: `rectGradient_pos_${n}_${Y.value}`,
+                  x2: "0%",
+                  y2: "100%"
+                }, [
+                  y("stop", {
+                    offset: "0%",
+                    "stop-color": e.color
+                  }, null, 8, au),
+                  y("stop", {
+                    offset: "62%",
+                    "stop-color": `${v(Dt)(e.color, 0.02)}`
+                  }, null, 8, ou),
+                  y("stop", {
+                    offset: "100%",
+                    "stop-color": `${v(Dt)(e.color, 0.05)}`
+                  }, null, 8, nu)
+                ], 8, lu),
+                y("linearGradient", {
+                  id: `rectGradient_neg_${n}_${Y.value}`,
+                  x2: "0%",
+                  y2: "100%"
+                }, [
+                  y("stop", {
+                    offset: "0%",
+                    "stop-color": `${v(Dt)(e.color, 0.05)}`
+                  }, null, 8, iu),
+                  y("stop", {
+                    offset: "38%",
+                    "stop-color": `${v(Dt)(e.color, 0.02)}`
+                  }, null, 8, su),
+                  y("stop", {
+                    offset: "100%",
+                    "stop-color": e.color
+                  }, null, 8, ru)
+                ], 8, uu)
+              ], 64))
             ]))), 128)),
             (s(!0), r(b, null, C(ot.value, (e, n) => (s(), r("defs", {
               key: `def_plot_${n}`
             }, [
               y("radialGradient", {
-                id: `plotGradient_${n}_${Z.value}`,
+                id: `plotGradient_${n}_${Y.value}`,
                 cx: "50%",
                 cy: "50%",
                 r: "50%",
@@ -2531,7 +2536,7 @@ const xn = {
               }, [
                 y("stop", {
                   offset: "0%",
-                  "stop-color": `${v(Et)(e.color, 0.05)}`
+                  "stop-color": `${v(Dt)(e.color, 0.05)}`
                 }, null, 8, vu),
                 y("stop", {
                   offset: "100%",
@@ -2543,7 +2548,7 @@ const xn = {
               key: `def_line_${e.id}`
             }, [
               y("radialGradient", {
-                id: `lineGradient_${n}_${Z.value}`,
+                id: `lineGradient_${n}_${Y.value}`,
                 cx: "50%",
                 cy: "50%",
                 r: "50%",
@@ -2552,15 +2557,19 @@ const xn = {
               }, [
                 y("stop", {
                   offset: "0%",
-                  "stop-color": `${v(Et)(e.color, 0.05)}`
+                  "stop-color": `${v(Dt)(e.color, 0.05)}`
                 }, null, 8, fu),
                 y("stop", {
                   offset: "100%",
                   "stop-color": e.color
                 }, null, 8, mu)
               ], 8, hu),
-              y("linearGradient", {
-                id: `areaGradient_${n}_${Z.value}`,
+              l.$slots["area-gradient"] ? K(l.$slots, "area-gradient", Vt({
+                key: 0,
+                ref_for: !0
+              }, { series: e, id: `areaGradient_${n}_${Y.value}` }), void 0, !0) : (s(), r("linearGradient", {
+                key: 1,
+                id: `areaGradient_${n}_${Y.value}`,
                 x1: "0%",
                 x2: "100%",
                 y1: "0%",
@@ -2568,13 +2577,13 @@ const xn = {
               }, [
                 y("stop", {
                   offset: "0%",
-                  "stop-color": `${v(nt)(v(Et)(e.color, 0.03), t.value.line.area.opacity)}`
+                  "stop-color": `${v(nt)(v(Dt)(e.color, 0.03), t.value.line.area.opacity)}`
                 }, null, 8, bu),
                 y("stop", {
                   offset: "100%",
                   "stop-color": `${v(nt)(e.color, t.value.line.area.opacity)}`
                 }, null, 8, xu)
-              ], 8, gu)
+              ], 8, gu))
             ]))), 128)),
             (s(!0), r(b, null, C(_o.value, (e) => (s(), r("g", null, [
               e.show ? (s(), r(b, { key: 0 }, [
@@ -2639,7 +2648,7 @@ const xn = {
                   height: k.value.useIndividualScale ? Math.abs(ka(a)) : Math.abs(ya(a)),
                   width: Rl.value - Fl.value,
                   rx: t.value.bar.borderRadius,
-                  fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${n}_${Z.value})` : `url(#rectGradient_neg_${n}_${Z.value})` : e.color,
+                  fill: t.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${n}_${Y.value})` : `url(#rectGradient_neg_${n}_${Y.value})` : e.color,
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
                   style: _({
@@ -2653,7 +2662,7 @@ const xn = {
                   height: k.value.useIndividualScale ? Math.abs(ka(a)) : Math.abs(ya(a)),
                   width: Rl.value - Fl.value,
                   rx: t.value.bar.borderRadius,
-                  fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
+                  fill: `url(#pattern_${Y.value}_${e.slotAbsoluteIndex})`,
                   stroke: t.value.bar.border.useSerieColor ? e.color : t.value.bar.border.stroke,
                   "stroke-width": t.value.bar.border.strokeWidth,
                   style: _({ transition: v(oe) || !t.value.bar.showTransition ? void 0 : `all ${t.value.bar.transitionDurationMs}ms ease-in-out` })
@@ -2666,7 +2675,7 @@ const xn = {
                   x: Il(a) - t.value.chart.comments.width / 2 + t.value.chart.comments.offsetX,
                   y: v(W)(a.y) + t.value.chart.comments.offsetY + 6
                 }, [
-                  Q(l.$slots, "plot-comment", {
+                  K(l.$slots, "plot-comment", {
                     plot: { ...a, color: e.color, seriesIndex: n, datapointIndex: i }
                   }, void 0, !0)
                 ], 8, $u)) : f("", !0)
@@ -2689,10 +2698,10 @@ const xn = {
                 ]),
                 e.plots.length > 1 ? (s(), r("line", {
                   key: 0,
-                  x1: v(le)(e.plots).x1 + ll(),
-                  x2: v(le)(e.plots).x2 + ll(),
-                  y1: v(q)(v(le)(e.plots).y1),
-                  y2: v(q)(v(le)(e.plots).y2),
+                  x1: v(le)(e.plots).x1 + al(),
+                  x2: v(le)(e.plots).x2 + al(),
+                  y1: v(Z)(v(le)(e.plots).y1),
+                  y2: v(Z)(v(le)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
@@ -2701,7 +2710,7 @@ const xn = {
                 e.plots.length > 1 ? (s(), r("text", {
                   key: 1,
                   "text-anchor": "middle",
-                  x: v(le)(e.plots).x2 + ll(),
+                  x: v(le)(e.plots).x2 + al(),
                   y: v(le)(e.plots).y2 - 6,
                   "font-size": w.value.plotLabels,
                   fill: e.color
@@ -2718,8 +2727,8 @@ const xn = {
               "stroke-width": "1",
               x1: c.value.left + te.value,
               x2: c.value.right,
-              y1: v(q)(Ie.value),
-              y2: v(q)(Ie.value),
+              y1: v(Z)(Ie.value),
+              y2: v(Z)(Ie.value),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
             }, null, 8, Tu)) : f("", !0),
@@ -2727,8 +2736,8 @@ const xn = {
               y("line", {
                 x1: c.value.left + c.value.width / T.value * ((L.value !== null ? L.value : 0) || (O.value !== null ? O.value : 0)) + c.value.width / T.value / 2,
                 x2: c.value.left + c.value.width / T.value * ((L.value !== null ? L.value : 0) || (O.value !== null ? O.value : 0)) + c.value.width / T.value / 2,
-                y1: v(q)(c.value.top),
-                y2: v(q)(c.value.bottom),
+                y1: v(Z)(c.value.top),
+                y2: v(Z)(c.value.bottom),
                 stroke: t.value.chart.highlighter.color,
                 "stroke-width": t.value.chart.highlighter.lineWidth,
                 "stroke-dasharray": t.value.chart.highlighter.lineDasharray,
@@ -2756,19 +2765,19 @@ const xn = {
               ref: Rt
             }, [
               k.value.useIndividualScale ? (s(), r(b, { key: 0 }, [
-                (s(!0), r(b, null, C(wl.value, (e) => (s(), r("g", null, [
+                (s(!0), r(b, null, C(Sl.value, (e) => (s(), r("g", null, [
                   y("line", {
                     x1: e.x + te.value - c.value.individualOffsetX,
                     x2: e.x + te.value - c.value.individualOffsetX,
-                    y1: k.value.isStacked ? v(q)(c.value.bottom - e.yOffset - e.individualHeight) : v(q)(c.value.top),
-                    y2: k.value.isStacked ? v(q)(c.value.bottom - e.yOffset) : v(q)(c.value.bottom),
+                    y1: k.value.isStacked ? v(Z)(c.value.bottom - e.yOffset - e.individualHeight) : v(Z)(c.value.top),
+                    y2: k.value.isStacked ? v(Z)(c.value.bottom - e.yOffset) : v(Z)(c.value.bottom),
                     stroke: e.color,
                     "stroke-width": t.value.chart.grid.stroke,
                     "stroke-linecap": "round",
                     style: _(`opacity:${P.value ? P.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
                   }, null, 12, Fu)
                 ]))), 256)),
-                (s(!0), r(b, null, C(wl.value, (e) => (s(), r("g", {
+                (s(!0), r(b, null, C(Sl.value, (e) => (s(), r("g", {
                   style: _(`opacity:${P.value ? P.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   y("text", {
@@ -2783,8 +2792,8 @@ const xn = {
                       key: 0,
                       x1: e.x + 3 + te.value - t.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
                       x2: e.x + te.value - c.value.individualOffsetX,
-                      y1: v(q)(n.y),
-                      y2: v(q)(n.y),
+                      y1: v(Z)(n.y),
+                      y2: v(Z)(n.y),
                       stroke: e.color,
                       "stroke-width": 1,
                       "stroke-linecap": "round",
@@ -2793,7 +2802,7 @@ const xn = {
                   ], 64))), 256)),
                   (s(!0), r(b, null, C(e.yLabels, (n, a) => (s(), r("text", {
                     x: e.x - 5 + te.value - c.value.individualOffsetX,
-                    y: v(q)(n.y) + w.value.dataLabels / 3,
+                    y: v(Z)(n.y) + w.value.dataLabels / 3,
                     "font-size": w.value.dataLabels,
                     "text-anchor": "end",
                     fill: e.color
@@ -2816,8 +2825,8 @@ const xn = {
                   key: 0,
                   x1: c.value.left + te.value,
                   x2: c.value.left + te.value - t.value.chart.grid.labels.yAxis.crosshairSize,
-                  y1: v(q)(e.y),
-                  y2: v(q)(e.y),
+                  y1: v(Z)(e.y),
+                  y2: v(Z)(e.y),
                   stroke: t.value.chart.grid.stroke,
                   "stroke-width": "1",
                   "stroke-linecap": "round",
@@ -2853,7 +2862,7 @@ const xn = {
                 a && Ve(a.value) ? (s(), Je(El, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: t.value.plot.useGradient ? `url(#plotGradient_${n}_${Z.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
+                  color: t.value.plot.useGradient ? `url(#plotGradient_${n}_${Y.value})` : t.value.plot.dot.useSerieColor ? e.color : t.value.plot.dot.fill,
                   plot: { x: v(W)(a.x), y: v(W)(a.y) },
                   radius: L.value !== null && L.value === i || O.value !== null && O.value === i ? (Fe.value.plot || 6) * 1.5 : Fe.value.plot || 6,
                   stroke: t.value.plot.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
@@ -2869,7 +2878,7 @@ const xn = {
                   y: a.y + t.value.chart.comments.offsetY + 6
                 }, [
                   y("div", Du, [
-                    Q(l.$slots, "plot-comment", {
+                    K(l.$slots, "plot-comment", {
                       plot: { ...a, color: e.color, seriesIndex: n, datapointIndex: i }
                     }, void 0, !0)
                   ])
@@ -2895,8 +2904,8 @@ const xn = {
                   key: 0,
                   x1: v(le)(e.plots).x1,
                   x2: v(le)(e.plots).x2,
-                  y1: v(q)(v(le)(e.plots).y1),
-                  y2: v(q)(v(le)(e.plots).y2),
+                  y1: v(Z)(v(le)(e.plots).y1),
+                  y2: v(Z)(v(le)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
@@ -2942,9 +2951,9 @@ const xn = {
               }, null, 12, Zu)) : f("", !0)
             ], 6))), 128)),
             l.$slots.pattern ? (s(), r("defs", Ku, [
-              (s(!0), r(b, null, C(at.value, (e, n) => Q(l.$slots, "pattern", Ll({
+              (s(!0), r(b, null, C(at.value, (e, n) => K(l.$slots, "pattern", Vt({
                 key: `serie_pattern_slot_${e.id}`
-              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${Z.value}_${n}` }), void 0, !0)), 128))
+              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${Y.value}_${n}` }), void 0, !0)), 128))
             ])) : f("", !0),
             za.value.length && !k.value.isStacked ? (s(), r("g", Ju, [
               (s(!0), r(b, null, C(za.value, (e) => (s(), r("path", {
@@ -2967,26 +2976,26 @@ const xn = {
                   a ? (s(), r("path", {
                     key: 0,
                     d: a,
-                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${n}_${Z.value})` : v(nt)(e.color, t.value.line.area.opacity),
+                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${n}_${Y.value})` : v(nt)(e.color, t.value.line.area.opacity),
                     style: _({ transition: v(oe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, ei)) : f("", !0),
                   l.$slots.pattern && a ? (s(), r("path", {
                     key: 1,
                     d: a,
-                    fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
+                    fill: `url(#pattern_${Y.value}_${e.slotAbsoluteIndex})`,
                     style: _({ transition: v(oe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, ti)) : f("", !0)
                 ], 64))), 128)) : (s(!0), r(b, { key: 1 }, C(e.area.split(";"), (a, i) => (s(), r(b, { key: i }, [
                   a ? (s(), r("path", {
                     key: 0,
                     d: `M${a}Z`,
-                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${n}_${Z.value})` : v(nt)(e.color, t.value.line.area.opacity),
+                    fill: t.value.line.area.useGradient ? `url(#areaGradient_${n}_${Y.value})` : v(nt)(e.color, t.value.line.area.opacity),
                     style: _({ transition: v(oe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, li)) : f("", !0),
                   l.$slots.pattern && a ? (s(), r("path", {
                     key: 1,
                     d: `M${a}Z`,
-                    fill: `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})`,
+                    fill: `url(#pattern_${Y.value}_${e.slotAbsoluteIndex})`,
                     style: _({ transition: v(oe) || !t.value.line.showTransition ? void 0 : `all ${t.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, ai)) : f("", !0)
                 ], 64))), 128))
@@ -3017,7 +3026,7 @@ const xn = {
                 !$a.value.linePlot && a && Ve(a.value) || $a.value.linePlot && a && Ve(a.value) && (L.value !== null && L.value === i || O.value !== null && O.value === i) || Aa(e.plots, i) ? (s(), Je(El, {
                   key: 0,
                   shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: t.value.line.useGradient ? `url(#lineGradient_${n}_${Z.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
+                  color: t.value.line.useGradient ? `url(#lineGradient_${n}_${Y.value})` : t.value.line.dot.useSerieColor ? e.color : t.value.line.dot.fill,
                   plot: { x: v(W)(a.x), y: v(W)(a.y) },
                   radius: L.value !== null && L.value === i || O.value !== null && O.value === i ? (Fe.value.line || 6) * 1.5 : (Aa(e.plots, i), Fe.value.line || 6),
                   stroke: t.value.line.dot.useSerieColor ? t.value.chart.backgroundColor : e.color,
@@ -3033,7 +3042,7 @@ const xn = {
                   y: a.y + t.value.chart.comments.offsetY + 6
                 }, [
                   y("div", ii, [
-                    Q(l.$slots, "plot-comment", {
+                    K(l.$slots, "plot-comment", {
                       plot: { ...a, color: e.color, seriesIndex: n, datapointIndex: i }
                     }, void 0, !0)
                   ])
@@ -3059,8 +3068,8 @@ const xn = {
                   key: 0,
                   x1: v(le)(e.plots).x1,
                   x2: v(le)(e.plots).x2,
-                  y1: v(q)(v(le)(e.plots).y1),
-                  y2: v(q)(v(le)(e.plots).y2),
+                  y1: v(Z)(v(le)(e.plots).y1),
+                  y2: v(Z)(v(le)(e.plots).y2),
                   "stroke-width": 1,
                   stroke: e.color,
                   "stroke-dasharray": 2,
@@ -3089,7 +3098,7 @@ const xn = {
                 }, [
                   a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || L.value !== null && L.value === i || O.value !== null && O.value === i) && t.value.bar.labels.show ? (s(), r("text", {
                     key: 0,
-                    x: k.value.useIndividualScale && k.value.isStacked ? a.x + se.value.line / 2 : Il(a) + ll() / 2 - Nl.value / 2,
+                    x: k.value.useIndividualScale && k.value.isStacked ? a.x + se.value.line / 2 : Il(a) + al() / 2 - Nl.value / 2,
                     y: v(W)(a.y) + (a.value >= 0 ? t.value.bar.labels.offsetY : -t.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": w.value.plotLabels,
@@ -3111,7 +3120,7 @@ const xn = {
                   ) : ""), 13, fi)) : f("", !0),
                   a && t.value.bar.serieName.show ? (s(), r("text", {
                     key: 1,
-                    x: k.value.useIndividualScale && k.value.isStacked ? a.x + se.value.line / 2 : a.x + ll() * 1.1,
+                    x: k.value.useIndividualScale && k.value.isStacked ? a.x + se.value.line / 2 : a.x + al() * 1.1,
                     y: a.y + (a.value > 0 ? t.value.bar.serieName.offsetY : -t.value.bar.serieName.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": w.value.plotLabels,
@@ -3411,8 +3420,8 @@ const xn = {
             ], 64))), 128)),
             k.value.useIndividualScale && !k.value.isStacked ? (s(), r(b, { key: 13 }, [
               y("defs", null, [
-                (s(!0), r(b, null, C(wl.value, (e, n) => (s(), r("linearGradient", {
-                  id: `individual_scale_gradient_${Z.value}_${n}`,
+                (s(!0), r(b, null, C(Sl.value, (e, n) => (s(), r("linearGradient", {
+                  id: `individual_scale_gradient_${Y.value}_${n}`,
                   x1: "0%",
                   x2: "100%",
                   y1: "0%",
@@ -3430,12 +3439,12 @@ const xn = {
                   }, null, 8, Bi)
                 ], 8, Pi))), 256))
               ]),
-              (s(!0), r(b, null, C(wl.value, (e, n) => (s(), r("rect", {
+              (s(!0), r(b, null, C(Sl.value, (e, n) => (s(), r("rect", {
                 x: e.x - t.value.chart.grid.labels.yAxis.labelWidth + te.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: P.value === e.groupId ? `url(#individual_scale_gradient_${Z.value}_${n})` : "transparent",
+                fill: P.value === e.groupId ? `url(#individual_scale_gradient_${Y.value}_${n})` : "transparent",
                 onMouseenter: (a) => P.value = e.groupId,
                 onMouseleave: u[0] || (u[0] = (a) => P.value = null)
               }, null, 40, Hi))), 256))
@@ -3444,7 +3453,7 @@ const xn = {
               t.value.chart.grid.labels.axis.yLabel && !k.value.useIndividualScale ? (s(), r("text", {
                 key: 0,
                 ref_key: "yAxisLabel",
-                ref: Ut,
+                ref: qt,
                 "font-size": w.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)`,
@@ -3467,7 +3476,7 @@ const xn = {
               ref_key: "timeLabelsEls",
               ref: ht
             }, [
-              l.$slots["time-label"] ? (s(!0), r(b, { key: 0 }, C(Jl.value, (e, n) => Q(l.$slots, "time-label", Ll({
+              l.$slots["time-label"] ? (s(!0), r(b, { key: 0 }, C(Jl.value, (e, n) => K(l.$slots, "time-label", Vt({
                 key: `time_label_${e.id}`,
                 ref_for: !0
               }, {
@@ -3555,7 +3564,7 @@ const xn = {
                   fill: v(nt)(e.config.area.fill, e.config.area.opacity),
                   style: { animation: "none !important" }
                 }, null, 8, Ui)) : f("", !0),
-                e.config.label.text && e.show && isFinite(e._box.y) ? (s(), r("rect", Ll({
+                e.config.label.text && e.show && isFinite(e._box.y) ? (s(), r("rect", Vt({
                   key: 3,
                   class: "vue-ui-xy-annotation-label-box"
                 }, { ref_for: !0 }, e._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : f("", !0),
@@ -3595,15 +3604,15 @@ const xn = {
               }, null, 8, Qi)
             ])) : f("", !0)
           ])) : f("", !0),
-          yl.value ? (s(), r("rect", Ll({ key: 2 }, el.value, {
+          kl.value ? (s(), r("rect", Vt({ key: 2 }, tl.value, {
             "data-start": p.value.start,
             "data-end": p.value.end
           }), null, 16, ji)) : f("", !0),
-          Q(l.$slots, "svg", { svg: Al.value }, void 0, !0)
+          K(l.$slots, "svg", { svg: Al.value }, void 0, !0)
         ], 512)
       ], 46, Dn)),
       l.$slots.watermark ? (s(), r("div", es, [
-        Q(l.$slots, "watermark", At(zt({ isPrinting: v(ie) || v(m) })), void 0, !0)
+        K(l.$slots, "watermark", At(zt({ isPrinting: v(ie) || v(m) })), void 0, !0)
       ])) : f("", !0),
       (s(!0), r(b, null, C(Pe.value, (e, n) => (s(), r(b, {
         key: `tag_line_${e.id}`
@@ -3830,7 +3839,7 @@ const xn = {
         ], 64))), 128))
       ], 64))), 128)),
       t.value.chart.zoom.preview.enable ? (s(), r(b, { key: 5 }, [
-        t.value.chart.zoom.show && ze.value > 6 && Qt.value ? (s(), Je(Hn, {
+        t.value.chart.zoom.show && ze.value > 6 && jt.value ? (s(), Je(Hn, {
           ref_key: "chartSlicer",
           ref: He,
           key: `slicer_${St.value}`,
@@ -3873,15 +3882,15 @@ const xn = {
           onFutureStart: u[3] || (u[3] = (e) => $t("start", e)),
           onFutureEnd: u[4] || (u[4] = (e) => $t("end", e)),
           timeLabels: fa.value,
-          isPreview: yl.value
+          isPreview: kl.value
         }, {
           "reset-action": be(({ reset: e }) => [
-            Q(l.$slots, "reset-action", At(zt({ reset: e })), void 0, !0)
+            K(l.$slots, "reset-action", At(zt({ reset: e })), void 0, !0)
           ]),
           _: 3
         }, 8, ["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", "timeLabels", "isPreview"])) : f("", !0)
       ], 64)) : (s(), r(b, { key: 6 }, [
-        t.value.chart.zoom.show && ze.value > 6 && Qt.value ? (s(), Je(mn, {
+        t.value.chart.zoom.show && ze.value > 6 && jt.value ? (s(), Je(mn, {
           ref_key: "chartSlicer",
           ref: He,
           key: `slicer_${St.value}`,
@@ -3919,17 +3928,17 @@ const xn = {
           onTrapMouse: ga
         }, {
           "reset-action": be(({ reset: e }) => [
-            Q(l.$slots, "reset-action", At(zt({ reset: e })), void 0, !0)
+            K(l.$slots, "reset-action", At(zt({ reset: e })), void 0, !0)
           ]),
           _: 3
         }, 8, ["max", "valueStart", "valueEnd", "start", "end", "background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "verticalHandles", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"])) : f("", !0)
       ], 64)),
       y("div", {
-        id: `legend-bottom-${Z.value}`
+        id: `legend-bottom-${Y.value}`
       }, null, 8, hs),
-      gl.value ? (s(), Je(Vo, {
+      bl.value ? (s(), Je(Vo, {
         key: 7,
-        to: t.value.chart.legend.position === "top" ? `#legend-top-${Z.value}` : `#legend-bottom-${Z.value}`
+        to: t.value.chart.legend.position === "top" ? `#legend-top-${Y.value}` : `#legend-bottom-${Y.value}`
       }, [
         t.value.chart.legend.show ? (s(), r("div", {
           key: 0,
@@ -3956,7 +3965,7 @@ const xn = {
                 width: "20",
                 fill: e.color
               }, null, 8, gs),
-              Dt(El, {
+              Wt(El, {
                 plot: { x: 10, y: 9 },
                 radius: 4,
                 color: e.color,
@@ -3983,10 +3992,10 @@ const xn = {
                 height: "32",
                 width: "32",
                 stroke: "none",
-                fill: l.$slots.pattern ? `url(#pattern_${Z.value}_${e.slotAbsoluteIndex})` : e.color
+                fill: l.$slots.pattern ? `url(#pattern_${Y.value}_${e.slotAbsoluteIndex})` : e.color
               }, null, 8, ps)) : f("", !0)
             ])) : (s(), r("svg", ys, [
-              Dt(El, {
+              Wt(El, {
                 plot: { x: 6, y: 6 },
                 radius: 5,
                 color: e.color,
@@ -4002,7 +4011,7 @@ const xn = {
           ref_key: "chartLegend",
           ref: st
         }, [
-          Q(l.$slots, "legend", { legend: Ze.value }, void 0, !0)
+          K(l.$slots, "legend", { legend: Ze.value }, void 0, !0)
         ], 512))
       ], 8, ["to"])) : f("", !0),
       l.$slots.source ? (s(), r("div", {
@@ -4011,9 +4020,9 @@ const xn = {
         ref: It,
         dir: "auto"
       }, [
-        Q(l.$slots, "source", {}, void 0, !0)
+        K(l.$slots, "source", {}, void 0, !0)
       ], 512)) : f("", !0),
-      Dt(v(ve), {
+      Wt(v(ve), {
         show: k.value.showTooltip && Cl.value,
         backgroundColor: t.value.chart.tooltip.backgroundColor,
         color: t.value.chart.tooltip.color,
@@ -4034,14 +4043,14 @@ const xn = {
         smoothSnapThreshold: t.value.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": be(() => [
-          Q(l.$slots, "tooltip-before", At(zt({ ...Ta.value })), void 0, !0)
+          K(l.$slots, "tooltip-before", At(zt({ ...Ta.value })), void 0, !0)
         ]),
         "tooltip-after": be(() => [
-          Q(l.$slots, "tooltip-after", At(zt({ ...Ta.value })), void 0, !0)
+          K(l.$slots, "tooltip-after", At(zt({ ...Ta.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      Qt.value && t.value.chart.userOptions.buttons.table ? (s(), Je(Eo(Sl.value.component), Ll({ key: 9 }, Sl.value.props, {
+      jt.value && t.value.chart.userOptions.buttons.table ? (s(), Je(Eo(_l.value.component), Vt({ key: 9 }, _l.value.props, {
         ref_key: "tableUnit",
         ref: bt,
         onClose: Xa
@@ -4061,24 +4070,24 @@ const xn = {
                 onClick: u[9] || (u[9] = (e) => mt.value = !mt.value),
                 style: { cursor: "pointer" }
               }, [
-                Dt(v(kt), {
+                Wt(v(kt), {
                   name: "chartLine",
                   size: 20,
                   stroke: t.value.chart.color
                 }, null, 8, ["stroke"])
               ])
             ]),
-            mt.value ? (s(), Je(v(il), {
-              key: `sparkline_${Zt.value}`,
+            mt.value ? (s(), Je(v(sl), {
+              key: `sparkline_${Kt.value}`,
               dataset: Lo.value,
               config: Mo.value
             }, null, 8, ["dataset", "config"])) : (s(), Je(v(Ye), {
-              key: `table_${qt.value}`,
+              key: `table_${Zt.value}`,
               colNames: Ol.value.colNames,
               head: Ol.value.head,
               body: Ol.value.body,
               config: Ol.value.config,
-              title: t.value.table.useDialog ? "" : Sl.value.title,
+              title: t.value.table.useDialog ? "" : _l.value.title,
               withCloseButton: !t.value.table.useDialog,
               onClose: Xa
             }, {
@@ -4102,7 +4111,7 @@ const xn = {
         t.value.table.useDialog ? {
           name: "title",
           fn: be(() => [
-            Za(ne(Sl.value.title), 1)
+            Za(ne(_l.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -4114,9 +4123,9 @@ const xn = {
               class: "vue-ui-user-options-button",
               onClick: u[7] || (u[7] = (e) => ta(t.value.chart.userOptions.callbacks.csv))
             }, [
-              Dt(v(kt), {
+              Wt(v(kt), {
                 name: "excel",
-                stroke: Sl.value.props.color
+                stroke: _l.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
@@ -4126,7 +4135,7 @@ const xn = {
       v(oe) ? (s(), Je(rn, { key: 10 })) : f("", !0)
     ], 46, Vn));
   }
-}, Hs = /* @__PURE__ */ ao(Ss, [["__scopeId", "data-v-3d945fbc"]]);
+}, Hs = /* @__PURE__ */ ao(Ss, [["__scopeId", "data-v-76dcbded"]]);
 export {
   Hs as default
 };