vue-data-ui 3.0.1 → 3.0.2

package/dist/{vue-ui-xy-DqCy9dpa.js → vue-ui-xy-BoT_c9bU.js}

@@ -1,16 +1,16 @@
 import { useCssVars as uo, computed as k, ref as p, onMounted as rt, onBeforeUnmount as ct, watch as ol, nextTick as Kl, onUpdated as no, createElementBlock as i, openBlock as n, createElementVNode as b, createCommentVNode as g, renderSlot as J, normalizeStyle as $, createVNode as ql, withDirectives as Yt, unref as v, Fragment as m, renderList as _, normalizeClass as Oe, withKeys as _a, vModelText as La, toDisplayString as te, defineAsyncComponent as Sl, useSlots as io, getCurrentInstance as so, toRefs as ro, watchEffect as co, createBlock as Ue, createSlots as vo, withCtx as me, normalizeProps as rl, guardReactiveProps as $l, mergeProps as _t, vModelCheckbox as ho, createTextVNode as fo } from "vue";
-import { c as Ct, V as zt, U as It, X as go, F as Ke, u as mo, f as Ft, t as xo, a4 as Ze, d as bo, D as st, ac as Nl, e as po, p as yo, ad as Lt, a9 as D, ae as ko, h as H, af as Ma, ag as Aa, ah as wo, ai as Ca, aj as za, k as pe, y as So, z as $o, _ as Ia, R as al, i as Fe, x as Ol, s as qe, a7 as j, L as _o, ak as Mt, I as Lo, al as _l, C as We, a as Mo, b as Ao, o as Ta, v as Co, w as zo, E as Zl } from "./index-Dzc2Gi60.js";
+import { c as Ct, V as zt, U as It, X as go, F as Ke, u as mo, f as Ft, t as xo, a4 as Ze, d as bo, D as st, ac as Nl, e as po, p as yo, ad as Lt, a9 as D, ae as ko, h as H, af as Ma, ag as Aa, ah as wo, ai as Ca, aj as za, k as pe, y as So, z as $o, _ as Ia, R as al, i as Fe, x as Ol, s as qe, a7 as j, L as _o, ak as Mt, I as Lo, al as _l, C as We, a as Mo, b as Ao, o as Ta, v as Co, w as zo, E as Zl } from "./index-B9Ct1B_p.js";
 import { t as Dt, u as Io } from "./useResponsive-DfdjqQps.js";
-import { u as To } from "./usePrinter-DBRh8ZvS.js";
+import { u as To } from "./usePrinter-DcZXg1hH.js";
 import { u as No, B as Oo } from "./useLoading-D7YHNtLX.js";
-import { u as Wt } from "./useNestedProp-CjnS13nF.js";
+import { u as Wt } from "./useNestedProp-C0gKxLur.js";
 import { u as Na } from "./useTimeLabels-DkzmKfZn.js";
 import { u as Ro } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Po from "./img-Vb4QHAHI.js";
-import Ho from "./Title-xTWR-Vil.js";
-import { S as Vo } from "./Slicer-t6e1t2iM.js";
-import { _ as At } from "./Shape-Adi9i_-f.js";
-import Eo from "./BaseIcon-DEl03NUZ.js";
+import Po from "./img-Cv4nScI0.js";
+import Ho from "./Title-CntvKJss.js";
+import { S as Vo } from "./Slicer-52shR-Vu.js";
+import { _ as At } from "./Shape-0sW2StrO.js";
+import Eo from "./BaseIcon-B8CknCYk.js";
 import { _ as Oa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Bo = {
   class: "vue-data-ui-slicer-labels",
@@ -331,17 +331,17 @@ const Bo = {
     function Cl(x) {
       Dl.value = x === "start" ? 1 : 0;
     }
-    const l = p(!1), ie = p({
+    const e = p(!1), ie = p({
       width: 0,
       left: 0
     });
     ol([de, he], async () => {
       if (await Kl(), !bl.value || !il.value) {
-        l.value = !1, ie.value = { width: 0, left: 0 };
+        e.value = !1, ie.value = { width: 0, left: 0 };
         return;
       }
       const x = bl.value.getBoundingClientRect(), f = il.value.getBoundingClientRect();
-      l.value = x.x + x.width > f.x;
+      e.value = x.x + x.width > f.x;
       const d = x.x + x.width / 2, V = f.x + f.width / 2, ze = x.width + f.width, pl = (d + V) / 2;
       ie.value = {
         width: ze,
@@ -610,10 +610,10 @@ const Bo = {
             backgroundColor: A.selectColor,
             border: `1px solid ${Je.value}`,
             zIndex: `${Dl.value + 4}`,
-            visibility: l.value || F.value.left === F.value.right ? "hidden" : "visible"
+            visibility: e.value || F.value.left === F.value.right ? "hidden" : "visible"
           })
         }, te(F.value.left), 7)) : g("", !0),
-        (l.value || F.value.left === F.value.right) && (F.value.left || F.value.right) ? (n(), i("div", {
+        (e.value || F.value.left === F.value.right) && (F.value.left || F.value.right) ? (n(), i("div", {
           key: 4,
           ref: "tooltipMerge",
           class: Oe({
@@ -648,7 +648,7 @@ const Bo = {
             backgroundColor: A.selectColor,
             border: `1px solid ${Je.value}`,
             zIndex: "4",
-            visibility: l.value || F.value.left === F.value.right ? "hidden" : "visible"
+            visibility: e.value || F.value.left === F.value.right ? "hidden" : "visible"
           })
         }, te(F.value.right), 7)) : g("", !0)
       ], 544)
@@ -720,15 +720,15 @@ const Bo = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(A, { expose: Tt, emit: Nt }) {
-    const h = A, Re = Sl(() => import("./DataTable-ClgCsiJA.js")), de = Sl(() => import("./Tooltip-BH3CiANh.js")), he = Sl(() => import("./UserOptions-CKKPgDLV.js")), Ll = Sl(() => import("./BaseIcon-DEl03NUZ.js")), Jl = Sl(() => import("./vue-ui-table-sparkline-B-IwcT8I.js")), Rl = Sl(() => import("./vue-ui-accordion-CPk8wAuj.js")), cl = Sl(() => import("./PackageVersion-CD5VH_Al.js")), vl = Sl(() => import("./PenAndPaper-D3WRn-G2.js")), Pl = Nt, Pe = io(), Ot = so(), { vue_ui_xy: Ye } = mo(), ue = p(null), ul = p(null), Ae = p(null), dl = p(null), Ml = p(null), Al = p(null), Je = p(null), Hl = p(null), Vl = p(null), Qe = p(null), Z = p(null), $e = p(null), fe = p(null), ye = p(0), L = p(null), hl = p(!0), xe = p(600), ne = p(1e3), fl = p("0 0 1000 600"), Ql = p({ x: 0, y: 0 }), gl = p({ line: "line", bar: "bar", plot: "plot" }), ml = p(!1), nl = p(!1), El = p(!1), Ce = p(null), ae = p([]), Q = p(Ct()), vt = p(0), dt = p(0), jl = p(0), _e = p(!0), He = p(0), C = p(null), De = p(!1), Bl = p(!0), Fl = p(!0), ke = p(null), Ve = p({}), Wl = p(null), w = p(null), ht = k(() => ({
+    const h = A, Re = Sl(() => import("./DataTable-osx68WLA.js")), de = Sl(() => import("./Tooltip-DF8e4iB9.js")), he = Sl(() => import("./UserOptions-DQyIO0ts.js")), Ll = Sl(() => import("./BaseIcon-B8CknCYk.js")), Jl = Sl(() => import("./vue-ui-table-sparkline-BOKgPT0e.js")), Rl = Sl(() => import("./vue-ui-accordion-B31QK9Hj.js")), cl = Sl(() => import("./PackageVersion-DZGrOKw5.js")), vl = Sl(() => import("./PenAndPaper-CdXspg5R.js")), Pl = Nt, Pe = io(), Ot = so(), { vue_ui_xy: Ye } = mo(), ue = p(null), ul = p(null), Ae = p(null), dl = p(null), Ml = p(null), Al = p(null), Je = p(null), Hl = p(null), Vl = p(null), Qe = p(null), Z = p(null), $e = p(null), fe = p(null), ye = p(0), L = p(null), hl = p(!0), xe = p(600), ne = p(1e3), fl = p("0 0 1000 600"), Ql = p({ x: 0, y: 0 }), gl = p({ line: "line", bar: "bar", plot: "plot" }), ml = p(!1), nl = p(!1), El = p(!1), Ce = p(null), ae = p([]), Q = p(Ct()), vt = p(0), dt = p(0), jl = p(0), _e = p(!0), He = p(0), C = p(null), De = p(!1), Bl = p(!0), Fl = p(!0), ke = p(null), Ve = p({}), Wl = p(null), w = p(null), ht = k(() => ({
       height: xe.value,
       width: ne.value
     })), xl = h.config.downsample && h.config.downsample.threshold ? h.config.downsample.threshold : 500;
     function bl(t) {
       return Number.isFinite(t) ? Math.max(0, Math.floor(t)) : 0;
     }
-    function il(t, r, e = 0) {
-      return Number.isFinite(t) && Number.isFinite(r) && Math.abs(r) > 1e-9 ? t / r : e;
+    function il(t, r, l = 0) {
+      return Number.isFinite(t) && Number.isFinite(r) && Math.abs(r) > 1e-9 ? t / r : l;
     }
     const Yl = p(!1), y = p({
       dataLabels: { show: !0 },
@@ -738,12 +738,12 @@ const Bo = {
       useIndividualScale: !1
     });
     function je() {
-      Yl.value ? (y.value.isStacked = l.value.chart.grid.labels.yAxis.stacked, y.value.useIndividualScale == null && (y.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale)) : (y.value = {
+      Yl.value ? (y.value.isStacked = e.value.chart.grid.labels.yAxis.stacked, y.value.useIndividualScale == null && (y.value.useIndividualScale = e.value.chart.grid.labels.yAxis.useIndividualScale)) : (y.value = {
         dataLabels: { show: !0 },
-        showTooltip: l.value.chart.tooltip.show === !0,
-        showTable: l.value.showTable === !0,
-        isStacked: l.value.chart.grid.labels.yAxis.stacked,
-        useIndividualScale: l.value.chart.grid.labels.yAxis.useIndividualScale
+        showTooltip: e.value.chart.tooltip.show === !0,
+        showTable: e.value.showTable === !0,
+        isStacked: e.value.chart.grid.labels.yAxis.stacked,
+        useIndividualScale: e.value.chart.grid.labels.yAxis.useIndividualScale
       }, Yl.value = !0);
     }
     const S = p({
@@ -788,9 +788,9 @@ const Bo = {
       set(t) {
         return t;
       }
-    }), l = p(Dl()), { loading: ie, FINAL_DATASET: F, manualLoading: x } = No({
+    }), e = p(Dl()), { loading: ie, FINAL_DATASET: F, manualLoading: x } = No({
       ...ro(h),
-      FINAL_CONFIG: l,
+      FINAL_CONFIG: e,
       prepareConfig: Dl,
       callback: () => {
         Promise.resolve().then(async () => {
@@ -813,7 +813,7 @@ const Bo = {
         }
       ],
       skeletonConfig: xo({
-        defaultConfig: l.value,
+        defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
           showTable: !1,
@@ -872,7 +872,7 @@ const Bo = {
     }), f = k({
       get: () => Math.max(...F.value.map((t) => Ze({ data: t.series, threshold: xl }).length)),
       set: (t) => t
-    }), d = p({ start: 0, end: f.value }), V = p({ start: 0, end: f.value }), ze = k(() => l.value.chart.zoom.preview.enable && (V.value.start !== d.value.start || V.value.end !== d.value.end));
+    }), d = p({ start: 0, end: f.value }), V = p({ start: 0, end: f.value }), ze = k(() => e.value.chart.zoom.preview.enable && (V.value.start !== d.value.start || V.value.end !== d.value.end));
     function pl(t, r) {
       V.value[t] = r;
     }
@@ -881,23 +881,23 @@ const Bo = {
         1,
         ...F.value.map((u) => Ze({
           data: u.series,
-          threshold: l.value.downsample.threshold
+          threshold: e.value.downsample.threshold
         }).length)
       );
-      let r = Math.max(0, Math.min(d.value.start ?? 0, t - 1)), e = Math.max(r + 1, Math.min(d.value.end ?? t, t));
-      (!Number.isFinite(r) || !Number.isFinite(e) || e <= r) && (r = 0, e = t), d.value = { start: r, end: e }, V.value.start = r, V.value.end = e;
+      let r = Math.max(0, Math.min(d.value.start ?? 0, t - 1)), l = Math.max(r + 1, Math.min(d.value.end ?? t, t));
+      (!Number.isFinite(r) || !Number.isFinite(l) || l <= r) && (r = 0, l = t), d.value = { start: r, end: l }, V.value.start = r, V.value.end = l;
     }
     const Rt = k(() => {
-      const { left: t, top: r, width: e, height: u } = c.value, a = d.value.start, o = d.value.end - a, P = e / o, X = V.value.start - a, G = V.value.end - a, I = Math.max(0, Math.min(o, X)), O = Math.max(0, Math.min(o, G));
+      const { left: t, top: r, width: l, height: u } = c.value, a = d.value.start, o = d.value.end - a, P = l / o, X = V.value.start - a, G = V.value.end - a, I = Math.max(0, Math.min(o, X)), O = Math.max(0, Math.min(o, G));
       return {
         x: t + I * P,
         y: r,
         width: (O - I) * P,
         height: u,
-        fill: l.value.chart.zoom.preview.fill,
-        stroke: l.value.chart.zoom.preview.stroke,
-        "stroke-width": l.value.chart.zoom.preview.strokeWidth,
-        "stroke-dasharray": l.value.chart.zoom.preview.strokeDasharray,
+        fill: e.value.chart.zoom.preview.fill,
+        stroke: e.value.chart.zoom.preview.stroke,
+        "stroke-width": e.value.chart.zoom.preview.strokeWidth,
+        "stroke-dasharray": e.value.chart.zoom.preview.strokeDasharray,
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         style: {
@@ -917,27 +917,27 @@ const Bo = {
     }, { immediate: !0 });
     const { isPrinting: et, isImaging: ft, generatePdf: Xt, generateImage: Gt } = To({
       elementId: `vue-ui-xy_${Q.value}`,
-      fileName: l.value.chart.title.text || "vue-ui-xy",
-      options: l.value.chart.userOptions.print
-    }), Ra = p(!1), Ut = k(() => bo(l.value.customPalette)), gt = k(() => {
-      if (l.value.chart.grid.labels.yAxis.scaleMin !== null)
-        return l.value.chart.grid.labels.yAxis.scaleMin;
+      fileName: e.value.chart.title.text || "vue-ui-xy",
+      options: e.value.chart.userOptions.print
+    }), Ra = p(!1), Ut = k(() => bo(e.value.customPalette)), gt = k(() => {
+      if (e.value.chart.grid.labels.yAxis.scaleMin !== null)
+        return e.value.chart.grid.labels.yAxis.scaleMin;
       const t = Math.min(...sl.value.filter((r) => !ae.value.includes(r.id)).map((r) => Math.min(...r.series)));
       return t > 0 ? 0 : t;
     }), mt = k(() => {
-      if (l.value.chart.grid.labels.yAxis.scaleMax)
-        return l.value.chart.grid.labels.yAxis.scaleMax;
+      if (e.value.chart.grid.labels.yAxis.scaleMax)
+        return e.value.chart.grid.labels.yAxis.scaleMax;
       const t = Math.max(...sl.value.filter((r) => !ae.value.includes(r.id)).map((r) => Math.max(...r.series)));
       return gt.value === t ? t + 1 : t;
-    }), Xe = k(() => l.value.chart.grid.labels.yAxis.useNiceScale ? st(gt.value, mt.value < 0 ? 0 : mt.value, l.value.chart.grid.labels.yAxis.commonScaleSteps) : Nl(gt.value, mt.value < 0 ? 0 : mt.value, l.value.chart.grid.labels.yAxis.commonScaleSteps)), lt = k(() => [null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) ? Xe.value.min >= 0 ? 0 : Math.abs(Xe.value.min) : -Xe.value.min), sl = k(() => hl.value ? F.value.map((t, r) => {
-      const e = Ze({
+    }), Xe = k(() => e.value.chart.grid.labels.yAxis.useNiceScale ? st(gt.value, mt.value < 0 ? 0 : mt.value, e.value.chart.grid.labels.yAxis.commonScaleSteps) : Nl(gt.value, mt.value < 0 ? 0 : mt.value, e.value.chart.grid.labels.yAxis.commonScaleSteps)), lt = k(() => [null, void 0].includes(e.value.chart.grid.labels.yAxis.scaleMin) ? Xe.value.min >= 0 ? 0 : Math.abs(Xe.value.min) : -Xe.value.min), sl = k(() => hl.value ? F.value.map((t, r) => {
+      const l = Ze({
         data: t.series,
-        threshold: l.value.downsample.threshold
+        threshold: e.value.downsample.threshold
       }), u = `uniqueId_${r}`;
       return {
         ...t,
         slotAbsoluteIndex: r,
-        series: e.map((a) => Lt(a) ? a : null).slice(d.value.start, d.value.end),
+        series: l.map((a) => Lt(a) ? a : null).slice(d.value.start, d.value.end),
         color: po(t.color ? t.color : Ut.value[r] ? Ut.value[r] : yo[r]),
         id: u,
         scaleLabel: t.scaleLabel || u
@@ -945,23 +945,23 @@ const Bo = {
     }) : F.value), el = k(() => sl.value.map((t, r) => ({
       absoluteIndex: r,
       ...t,
-      series: t.series.map((e) => e + lt.value),
+      series: t.series.map((l) => l + lt.value),
       absoluteValues: t.series,
       segregate: () => ra(t),
       isSegregated: ae.value.includes(t.id)
     }))), Ee = k(() => sl.value.map((t, r) => ({
       ...t,
-      series: t.series.map((e) => e + lt.value),
+      series: t.series.map((l) => l + lt.value),
       absoluteValues: t.series
     })).filter((t) => !ae.value.includes(t.id)));
     function Pa() {
       let t = 0;
       Z.value && (t = Array.from(Z.value.querySelectorAll("text")).reduce((a, s) => {
         const o = s.getComputedTextLength();
-        return (o > a ? o : a) + l.value.chart.grid.labels.yAxis.scaleValueOffsetX;
+        return (o > a ? o : a) + e.value.chart.grid.labels.yAxis.scaleValueOffsetX;
       }, 0));
-      const r = Vl.value ? Vl.value.getBoundingClientRect().width + l.value.chart.grid.labels.axis.yLabelOffsetX + S.value.yAxis : 0, e = l.value.chart.grid.labels.yAxis.crosshairSize;
-      return t + r + e;
+      const r = Vl.value ? Vl.value.getBoundingClientRect().width + e.value.chart.grid.labels.axis.yLabelOffsetX + S.value.yAxis : 0, l = e.value.chart.grid.labels.yAxis.crosshairSize;
+      return t + r + l;
     }
     const Pt = p(0), Ha = Dt((t) => {
       Pt.value = t;
@@ -969,10 +969,10 @@ const Bo = {
     co((t) => {
       const r = Qe.value;
       if (!r) return;
-      const e = new ResizeObserver((u) => {
+      const l = new ResizeObserver((u) => {
         Ha(u[0].contentRect.height);
       });
-      e.observe(r), t(() => e.disconnect());
+      l.observe(r), t(() => l.disconnect());
     }), ct(() => {
       Pt.value = 0;
     });
@@ -984,50 +984,50 @@ const Bo = {
     }), Va = k(() => F.value.some((t) => t.useProgression)), c = k(() => {
       let t = 0;
       const r = 36;
-      l.value.chart.grid.labels.show && (y.value.useIndividualScale && !y.value.isStacked ? t = (F.value.length - ae.value.length) * (l.value.chart.grid.labels.yAxis.labelWidth + r) : y.value.useIndividualScale && y.value.isStacked ? t = l.value.chart.grid.labels.yAxis.labelWidth + r : t = Pa());
-      const e = l.value.chart.labels.fontSize * 1.1, u = Va.value ? 24 : 6;
+      e.value.chart.grid.labels.show && (y.value.useIndividualScale && !y.value.isStacked ? t = (F.value.length - ae.value.length) * (e.value.chart.grid.labels.yAxis.labelWidth + r) : y.value.useIndividualScale && y.value.isStacked ? t = e.value.chart.grid.labels.yAxis.labelWidth + r : t = Pa());
+      const l = e.value.chart.labels.fontSize * 1.1, u = Va.value ? 24 : 6;
       if (Qe.value) {
         const o = Qe.value.getBBox().x;
         o < 0 && (t += Math.abs(o));
       }
-      const a = ne.value - t - l.value.chart.grid.labels.yAxis.crosshairSize - u - l.value.chart.padding.left - l.value.chart.padding.right, s = l.value.chart.grid.position === "middle" ? 0 : a / M.value / 2;
+      const a = ne.value - t - e.value.chart.grid.labels.yAxis.crosshairSize - u - e.value.chart.padding.left - e.value.chart.padding.right, s = e.value.chart.grid.position === "middle" ? 0 : a / M.value / 2;
       return {
-        top: l.value.chart.padding.top + e,
-        right: ne.value - u - l.value.chart.padding.right,
-        bottom: xe.value - Zt.value - l.value.chart.padding.bottom - l.value.chart.grid.labels.axis.xLabelOffsetY,
-        left: t + l.value.chart.grid.labels.yAxis.crosshairSize - s + l.value.chart.padding.left,
-        height: xe.value - Zt.value - l.value.chart.padding.top - l.value.chart.padding.bottom - e - l.value.chart.grid.labels.axis.xLabelOffsetY,
+        top: e.value.chart.padding.top + l,
+        right: ne.value - u - e.value.chart.padding.right,
+        bottom: xe.value - Zt.value - e.value.chart.padding.bottom - e.value.chart.grid.labels.axis.xLabelOffsetY,
+        left: t + e.value.chart.grid.labels.yAxis.crosshairSize - s + e.value.chart.padding.left,
+        height: xe.value - Zt.value - e.value.chart.padding.top - e.value.chart.padding.bottom - l - e.value.chart.grid.labels.axis.xLabelOffsetY,
         width: a,
         scaleLabelX: t,
         individualOffsetX: r
       };
     }), Ea = k(() => {
-      const t = l.value.chart.grid.position === "middle" ? 1 : 0, r = M.value + t, e = D(c.value.top), u = D(c.value.bottom);
+      const t = e.value.chart.grid.position === "middle" ? 1 : 0, r = M.value + t, l = D(c.value.top), u = D(c.value.bottom);
       return Array.from({ length: r }).map((a, s) => {
         const o = c.value.width / M.value * s + c.value.left + ee.value;
-        return `M${o},${e} L${o},${u}`;
+        return `M${o},${l} L${o},${u}`;
       }).join(" ");
     }), Ba = k(() => {
-      if (!l.value.chart.grid.labels.xAxis.showCrosshairs)
+      if (!e.value.chart.grid.labels.xAxis.showCrosshairs)
         return "";
       const {
         showOnlyAtModulo: t,
         showOnlyFirstAndLast: r,
-        modulo: e
-      } = l.value.chart.grid.labels.xAxisLabels, u = q.value.length ? Math.min(e, [...new Set(q.value.map((s) => s.text))].length) : e, a = Math.floor((d.value.end - d.value.start) / u);
+        modulo: l
+      } = e.value.chart.grid.labels.xAxisLabels, u = q.value.length ? Math.min(l, [...new Set(q.value.map((s) => s.text))].length) : l, a = Math.floor((d.value.end - d.value.start) / u);
       return q.value.map((s, o) => {
         if (!s) return null;
         const P = t && M.value <= u, X = !r && !t, G = r && !t && (o === 0 || o === q.value.length - 1), I = r && !t && w.value === o, O = !r && t && o % a === 0;
         if (!(P || X || G || I || O))
           return null;
-        const U = c.value.width / M.value, T = c.value.left + U * o + U / 2, E = l.value.chart.grid.labels.xAxis.crosshairSize, N = l.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero, se = N ? we.value - (we.value === c.value.bottom ? 0 : E / 2) : c.value.bottom, ge = N ? we.value + E / (we.value === c.value.bottom ? 1 : 2) : c.value.bottom + E;
+        const U = c.value.width / M.value, T = c.value.left + U * o + U / 2, E = e.value.chart.grid.labels.xAxis.crosshairSize, N = e.value.chart.grid.labels.xAxis.crosshairsAlwaysAtZero, se = N ? we.value - (we.value === c.value.bottom ? 0 : E / 2) : c.value.bottom, ge = N ? we.value + E / (we.value === c.value.bottom ? 1 : 2) : c.value.bottom + E;
         return `M${T},${se} L${T},${ge}`;
       }).filter((s) => s !== null).join(" ");
     });
     function qt() {
       return !!Ot?.vnode.props?.onSelectTimeLabel;
     }
-    function Fa(t, r, e) {
+    function Fa(t, r, l) {
       if (!Wl.value) {
         const u = document.createElement("canvas");
         Wl.value = u.getContext("2d");
@@ -1038,8 +1038,8 @@ const Bo = {
       const t = ue.value.querySelectorAll(".vue-ui-xy-tag");
       t.length && Array.from(t).forEach((r) => r.style.opacity = "0");
     }
-    function xt(t, r, e, u, a) {
-      e && (Ve.value[`${t}_${r}_${u}_${a}`] = e);
+    function xt(t, r, l, u, a) {
+      l && (Ve.value[`${t}_${r}_${u}_${a}`] = l);
     }
     const Jt = p(!1);
     async function Qt(t = !1) {
@@ -1049,40 +1049,40 @@ const Bo = {
       ml.value = !ml.value;
     }
     const q = k(() => {
-      const t = Math.max(...F.value.map((r) => Ze({ data: r.series, threshold: l.value.downsample.threshold }).length));
+      const t = Math.max(...F.value.map((r) => Ze({ data: r.series, threshold: e.value.downsample.threshold }).length));
       return Na({
-        values: l.value.chart.grid.labels.xAxisLabels.values,
+        values: e.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: t,
-        formatter: l.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
+        formatter: e.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
         start: d.value.start,
         end: d.value.end
       });
     }), Wa = k(() => {
-      const t = Math.max(...F.value.map((r) => Ze({ data: r.series, threshold: l.value.downsample.threshold }).length));
+      const t = Math.max(...F.value.map((r) => Ze({ data: r.series, threshold: e.value.downsample.threshold }).length));
       return Na({
-        values: l.value.chart.grid.labels.xAxisLabels.values,
+        values: e.value.chart.grid.labels.xAxisLabels.values,
         maxDatapoints: t,
-        formatter: l.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
+        formatter: e.value.chart.grid.labels.xAxisLabels.datetimeFormatter,
         start: 0,
         end: f.value
       });
     }), bt = k(() => {
-      const t = l.value.chart.grid.labels.xAxisLabels.modulo;
+      const t = e.value.chart.grid.labels.xAxisLabels.modulo;
       return q.value.length ? Math.min(t, [...new Set(q.value.map((r) => r.text))].length) : t;
     });
     function jt(t, r) {
-      const e = Ee.value.map((u) => ({
+      const l = Ee.value.map((u) => ({
         shape: u.shape || null,
         name: u.name,
         color: u.color,
         type: u.type,
         value: u.absoluteValues.find((a, s) => s === r),
         comments: u.comments || [],
-        prefix: u.prefix || l.value.chart.labels.prefix,
-        suffix: u.suffix || l.value.chart.labels.suffix
+        prefix: u.prefix || e.value.chart.labels.prefix,
+        suffix: u.suffix || e.value.chart.labels.suffix
       }));
       Pl("selectTimeLabel", {
-        datapoint: e,
+        datapoint: l,
         absoluteIndex: t.absoluteIndex,
         label: t.text
       });
@@ -1095,31 +1095,31 @@ const Bo = {
       C.value = t;
     }
     function la() {
-      y.value.isStacked = !y.value.isStacked, y.value.isStacked ? y.value.useIndividualScale = !0 : y.value.useIndividualScale = l.value.chart.grid.labels.yAxis.useIndividualScale;
+      y.value.isStacked = !y.value.isStacked, y.value.isStacked ? y.value.useIndividualScale = !0 : y.value.useIndividualScale = e.value.chart.grid.labels.yAxis.useIndividualScale;
     }
     function Vt(t) {
-      ut.value && t.autoScaling && (l.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${t.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), l.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${t.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
+      ut.value && t.autoScaling && (e.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${t.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), e.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${t.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     }
     function Ya(t, r) {
-      const e = bl(t), u = Array(e).fill(0);
-      for (let a = 0; a < r.length && a < e; a += 1) u[a] = r[a] ?? 0;
+      const l = bl(t), u = Array(l).fill(0);
+      for (let a = 0; a < r.length && a < l; a += 1) u[a] = r[a] ?? 0;
       return u;
     }
     function Da(t) {
-      const r = Math.max(...F.value.map((e) => Ze({ data: e.series, threshold: l.value.downsample.threshold }).length));
-      return t > r ? r : t < 0 || l.value.chart.zoom.startIndex !== null && t < l.value.chart.zoom.startIndex ? l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex + 1 : 1 : t;
+      const r = Math.max(...F.value.map((l) => Ze({ data: l.series, threshold: e.value.downsample.threshold }).length));
+      return t > r ? r : t < 0 || e.value.chart.zoom.startIndex !== null && t < e.value.chart.zoom.startIndex ? e.value.chart.zoom.startIndex !== null ? e.value.chart.zoom.startIndex + 1 : 1 : t;
     }
     async function pt() {
       await Kl(), await Kl();
-      const { startIndex: t, endIndex: r } = l.value.chart.zoom, e = Ae.value, u = Math.max(
+      const { startIndex: t, endIndex: r } = e.value.chart.zoom, l = Ae.value, u = Math.max(
         ...F.value.map(
           (a) => Ze({
             data: a.series,
-            threshold: l.value.downsample.threshold
+            threshold: e.value.downsample.threshold
           }).length
         )
       );
-      (t != null || r != null) && e ? (t != null && (d.value.start = t, e.setStartValue(t)), r != null && (d.value.end = r + 1, e.setEndValue(Da(r + 1)))) : (d.value = { start: 0, end: u }, ye.value += 1), V.value.start = d.value.start, V.value.end = d.value.end, Xl();
+      (t != null || r != null) && l ? (t != null && (d.value.start = t, l.setStartValue(t)), r != null && (d.value.end = r + 1, l.setEndValue(Da(r + 1)))) : (d.value = { start: 0, end: u }, ye.value += 1), V.value.start = d.value.start, V.value.end = d.value.end, Xl();
     }
     async function ta() {
       await pt();
@@ -1133,16 +1133,16 @@ const Bo = {
     }
     const we = k(() => isNaN(zl(lt.value)) ? c.value.bottom : c.value.bottom - c.value.height * zl(lt.value));
     function oa(t) {
-      const r = ![null, void 0].includes(l.value.chart.grid.labels.yAxis.scaleMin) && l.value.chart.grid.labels.yAxis.scaleMin > 0 && gt.value >= 0 ? c.value.bottom : we.value;
+      const r = ![null, void 0].includes(e.value.chart.grid.labels.yAxis.scaleMin) && e.value.chart.grid.labels.yAxis.scaleMin > 0 && gt.value >= 0 ? c.value.bottom : we.value;
       return t.value >= 0 ? H(r - t.y <= 0 ? 1e-5 : r - t.y) : H(t.y - we.value <= 0 ? 1e-5 : t.y - we.value);
     }
     function ua(t) {
       return t.value >= 0 ? H(t.zeroPosition - t.y <= 0 ? 1e-5 : t.zeroPosition - t.y) : H(t.y - t.zeroPosition <= 0 ? 1e-5 : t.zeroPosition - t.y);
     }
     const oe = k(() => {
-      const t = Math.max(1, M.value), r = Math.max(1, c.value.width), e = Math.max(1, sl.value.filter((u) => u.type === "bar" && !ae.value.includes(u.id)).length);
+      const t = Math.max(1, M.value), r = Math.max(1, c.value.width), l = Math.max(1, sl.value.filter((u) => u.type === "bar" && !ae.value.includes(u.id)).length);
       return {
-        bar: il(r, t * e, 1),
+        bar: il(r, t * l, 1),
         plot: il(r, t, 1),
         line: il(r, t, 1)
       };
@@ -1172,20 +1172,20 @@ const Bo = {
       tt.value != null && Ua(tt.value);
     }
     function Ua(t) {
-      const r = Ee.value.map((e) => ({
-        name: e.name,
-        value: [null, void 0, NaN].includes(e.absoluteValues[t]) ? null : e.absoluteValues[t],
-        color: e.color,
-        type: e.type
+      const r = Ee.value.map((l) => ({
+        name: l.name,
+        value: [null, void 0, NaN].includes(l.absoluteValues[t]) ? null : l.absoluteValues[t],
+        color: l.color,
+        type: l.type
       }));
       Pl(
         "selectX",
         {
           dataset: r,
           index: t,
-          indexLabel: l.value.chart.grid.labels.xAxisLabels.values[t]
+          indexLabel: e.value.chart.grid.labels.xAxisLabels.values[t]
         }
-      ), l.value.events.datapointClick && l.value.events.datapointClick({ datapoint: r, seriesIndex: t + d.value.start });
+      ), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: r, seriesIndex: t + d.value.start });
     }
     function Za() {
       return el.value.map((t) => ({
@@ -1197,13 +1197,13 @@ const Bo = {
     }
     async function qa({ scale: t = 2 } = {}) {
       if (!ue.value) return;
-      const { width: r, height: e } = ue.value.getBoundingClientRect(), u = r / e, { imageUri: a, base64: s } = await Po({ domElement: ue.value, base64: !0, img: !0, scale: t });
+      const { width: r, height: l } = ue.value.getBoundingClientRect(), u = r / l, { imageUri: a, base64: s } = await Po({ domElement: ue.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: a,
         base64: s,
-        title: l.value.chart.title.text,
+        title: e.value.chart.title.text,
         width: r,
-        height: e,
+        height: l,
         aspectRatio: u
       };
     }
@@ -1222,33 +1222,33 @@ const Bo = {
       }))), He.value += 1;
     }
     const Ka = k(() => {
-      const t = l.value.chart.title.text || "Chart visualization", r = l.value.chart.title.subtitle.text || "";
+      const t = e.value.chart.title.text || "Chart visualization", r = e.value.chart.title.subtitle.text || "";
       return `${t}. ${r}`;
     }), ca = k(() => ({
-      linePlot: M.value > l.value.line.dot.hideAboveMaxSerieLength
-    })), Ja = k(() => l.value.chart.userOptions.show && (!l.value.chart.title.show || !l.value.chart.title.text)), Qa = k(() => {
-      if (Array.isArray(l.value.chart.highlightArea))
-        return l.value.chart.highlightArea.map((r) => {
-          const e = Math.min(r.to, f.value - 1);
+      linePlot: M.value > e.value.line.dot.hideAboveMaxSerieLength
+    })), Ja = k(() => e.value.chart.userOptions.show && (!e.value.chart.title.show || !e.value.chart.title.text)), Qa = k(() => {
+      if (Array.isArray(e.value.chart.highlightArea))
+        return e.value.chart.highlightArea.map((r) => {
+          const l = Math.min(r.to, f.value - 1);
           return {
             ...r,
-            span: r.from === e ? 1 : e < r.from ? 0 : e - r.from + 1
+            span: r.from === l ? 1 : l < r.from ? 0 : l - r.from + 1
           };
         });
       const t = {
-        ...l.value.chart.highlightArea,
-        to: Math.min(l.value.chart.highlightArea.to, f.value - 1)
+        ...e.value.chart.highlightArea,
+        to: Math.min(e.value.chart.highlightArea.to, f.value - 1)
       };
       return [{ ...t, span: t.from === t.to ? 1 : t.to < t.from ? 0 : t.to - t.from + 1 }];
     }), ja = k(() => hl.value ? F.value.map((t, r) => ({
       ...t,
       series: Ze({
         data: t.series,
-        threshold: l.value.downsample.threshold
+        threshold: e.value.downsample.threshold
       }),
       id: `uniqueId_${r}`
     })) : F.value), eo = k(() => Ee.value.map((t) => {
-      const r = t.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
+      const r = t.absoluteValues.map((l) => [void 0, null].includes(l) ? 0 : l);
       return {
         id: t.id,
         name: t.name,
@@ -1256,33 +1256,33 @@ const Bo = {
         values: Ya(M.value, r)
       };
     })), lo = k(() => ({
-      responsiveBreakpoint: l.value.table.responsiveBreakpoint,
-      roundingValues: l.value.table.rounding,
+      responsiveBreakpoint: e.value.table.responsiveBreakpoint,
+      roundingValues: e.value.table.rounding,
       showAverage: !1,
       showMedian: !1,
       showTotal: !1,
-      fontFamily: l.value.chart.fontFamily,
-      prefix: l.value.chart.labels.prefix,
-      suffix: l.value.chart.labels.suffix,
+      fontFamily: e.value.chart.fontFamily,
+      prefix: e.value.chart.labels.prefix,
+      suffix: e.value.chart.labels.suffix,
       colNames: q.value.map((t) => t.text),
       thead: {
-        backgroundColor: l.value.table.th.backgroundColor,
-        color: l.value.table.th.color,
-        outline: l.value.table.th.outline
+        backgroundColor: e.value.table.th.backgroundColor,
+        color: e.value.table.th.color,
+        outline: e.value.table.th.outline
       },
       tbody: {
-        backgroundColor: l.value.table.td.backgroundColor,
-        color: l.value.table.td.color,
-        outline: l.value.table.td.outline
+        backgroundColor: e.value.table.td.backgroundColor,
+        color: e.value.table.td.color,
+        outline: e.value.table.td.outline
       },
       userOptions: {
         show: !1
       }
-    })), ee = k(() => l.value.chart.grid.position === "middle" ? 0 : c.value.width / M.value / 2), Il = k(() => ko(el.value.filter((t) => !ae.value.includes(t.id)))), z = k(() => {
-      const t = Object.groupBy(Il.value, (e) => e.scaleLabel), r = {};
-      for (const [e, u] of Object.entries(t)) {
+    })), ee = k(() => e.value.chart.grid.position === "middle" ? 0 : c.value.width / M.value / 2), Il = k(() => ko(el.value.filter((t) => !ae.value.includes(t.id)))), z = k(() => {
+      const t = Object.groupBy(Il.value, (l) => l.scaleLabel), r = {};
+      for (const [l, u] of Object.entries(t)) {
         const a = u.flatMap((s) => s.absoluteValues);
-        r[e] = {
+        r[l] = {
           min: Math.min(...a) || 0,
           max: Math.max(...a) || 1,
           groupId: `scale_group_${Ct()}`
@@ -1292,43 +1292,43 @@ const Bo = {
     }), to = k(() => {
       const t = sl.value.filter((r) => r.type === "bar").filter((r) => !ae.value.includes(r.id)).length;
       return c.value.width / M.value / t - kt.value * t;
-    }), kt = k(() => oe.value.line * l.value.bar.periodGap), wt = k(() => Math.max(1e-5, Gl() - (y.value.useIndividualScale && y.value.isStacked ? 0 : kt.value))), St = k(() => wt.value * Math.min(Math.abs(l.value.bar.innerGap), 0.95)), va = k(() => {
-      if (!l.value.chart.zoom.minimap.show) return [];
-      const t = ja.value.filter((a) => !ae.value.includes(a.id)), r = Math.max(...t.map((a) => a.series.length)), e = [];
+    }), kt = k(() => oe.value.line * e.value.bar.periodGap), wt = k(() => Math.max(1e-5, Gl() - (y.value.useIndividualScale && y.value.isStacked ? 0 : kt.value))), St = k(() => wt.value * Math.min(Math.abs(e.value.bar.innerGap), 0.95)), va = k(() => {
+      if (!e.value.chart.zoom.minimap.show) return [];
+      const t = ja.value.filter((a) => !ae.value.includes(a.id)), r = Math.max(...t.map((a) => a.series.length)), l = [];
       for (let a = 0; a < r; a += 1)
-        e.push(t.map((s) => s.series[a] || 0).reduce((s, o) => (s || 0) + (o || 0), 0));
-      const u = Math.min(...e);
-      return e.map((a) => a + (u < 0 ? Math.abs(u) : 0));
+        l.push(t.map((s) => s.series[a] || 0).reduce((s, o) => (s || 0) + (o || 0), 0));
+      const u = Math.min(...l);
+      return l.map((a) => a + (u < 0 ? Math.abs(u) : 0));
     }), at = k(() => Ee.value.map((t) => ({
       slotAbsoluteIndex: t.slotAbsoluteIndex,
       shape: t.shape || null,
       name: t.name,
       color: t.color,
       type: t.type,
-      value: t.absoluteValues.find((r, e) => e === w.value),
+      value: t.absoluteValues.find((r, l) => l === w.value),
       comments: t.comments || [],
-      prefix: t.prefix || l.value.chart.labels.prefix,
-      suffix: t.suffix || l.value.chart.labels.suffix
+      prefix: t.prefix || e.value.chart.labels.prefix,
+      suffix: t.suffix || e.value.chart.labels.suffix
     }))), da = k(() => Xe.value.ticks.map((t) => ({
       y: t >= 0 ? we.value - c.value.height * zl(t) : we.value + c.value.height * zl(Math.abs(t)),
       value: t,
-      prefix: l.value.chart.labels.prefix,
-      suffix: l.value.chart.labels.suffix
+      prefix: e.value.chart.labels.prefix,
+      suffix: e.value.chart.labels.suffix
     }))), ha = k(() => {
-      const t = l.value.chart.annotations;
+      const t = e.value.chart.annotations;
       if (!t || !Array.isArray(t) || t.every((I) => !I.show)) return [];
       const r = t.filter(
         (I) => I.show && (I.yAxis.yTop != null || I.yAxis.yBottom != null)
       );
       if (!r.length) return [];
-      const { left: e, right: u } = c.value, a = we.value, s = c.value.height, o = Xe.value.min, X = Xe.value.max - o, G = (I) => {
+      const { left: l, right: u } = c.value, a = we.value, s = c.value.height, o = Xe.value.min, X = Xe.value.max - o, G = (I) => {
         const O = (I - 0) / X;
         return a - O * s;
       };
       return r.map((I) => {
         const { yAxis: { yTop: O, yBottom: U, label: T } } = I, E = O != null && U != null && O !== U, N = O == null ? null : G(O), se = U == null ? null : G(U), ge = Fa(T.fontSize);
         ge.font = `${T.fontSize}px sans-serif`;
-        const le = ge.measureText(T.text).width, Be = T.fontSize, tl = (T.position === "start" ? e + T.padding.left : u - T.padding.right) + T.offsetX, Te = (N != null && se != null ? Math.min(N, se) : N ?? se) - T.fontSize / 3 + T.offsetY - T.padding.top;
+        const le = ge.measureText(T.text).width, Be = T.fontSize, tl = (T.position === "start" ? l + T.padding.left : u - T.padding.right) + T.offsetX, Te = (N != null && se != null ? Math.min(N, se) : N ?? se) - T.fontSize / 3 + T.offsetY - T.padding.top;
         let W;
         T.textAnchor === "middle" ? W = tl - le / 2 - T.padding.left : T.textAnchor === "end" ? W = tl - le - T.padding.right : W = tl - T.padding.left;
         const Y = Te - Be * 0.75 - T.padding.top;
@@ -1340,7 +1340,7 @@ const Bo = {
           yTop: N,
           yBottom: se,
           config: I.yAxis,
-          x1: e,
+          x1: l,
           x2: u,
           _text: { x: tl, y: Te },
           _box: {
@@ -1358,12 +1358,12 @@ const Bo = {
       });
     });
     function fa(t, r) {
-      const e = t[r - 1], u = t[r + 1];
-      let a = !!e && !!u && e.value == null && u.value == null || !e && !!u && u.value == null || !!e && !u && e.value == null;
-      return Ie(t[r].value) && a;
+      const l = t[r - 1], u = t[r + 1];
+      let a = !!l && !!u && l.value == null && u.value == null || !l && !!u && u.value == null || !!l && !u && l.value == null;
+      return Ie(t[r].value) && a && e.value.line.cutNullValues;
     }
     const yl = k(() => {
-      const t = Il.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = t.length, e = l.value.chart.grid.labels.yAxis.gap, u = y.value.isStacked, a = u ? e * (r - 1) : 0, s = c.value.height - a;
+      const t = Il.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = t.length, l = e.value.chart.grid.labels.yAxis.gap, u = y.value.isStacked, a = u ? l * (r - 1) : 0, s = c.value.height - a;
       return t.filter((o) => o.type === "bar").map((o, P) => {
         Vt(o);
         const X = z.value[o.scaleLabel].min, G = z.value[o.scaleLabel].max;
@@ -1374,7 +1374,7 @@ const Bo = {
         }, O = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((B) => ![void 0, null].includes(B))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((B) => ![null, void 0].includes(B)))
-        }, U = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, T = 1.0000001, E = l.value.chart.grid.labels.yAxis.useNiceScale ? st(O.min, O.max === O.min ? O.max * T : O.max, U) : Nl(O.min, O.max === O.min ? O.max * T : O.max, U), N = l.value.chart.grid.labels.yAxis.useNiceScale ? st(I.valueMin, I.valueMax === I.valueMin ? I.valueMax * T : I.valueMax, U) : Nl(I.valueMin, I.valueMax === I.valueMin ? I.valueMax * T : I.valueMax, U), se = E.min >= 0 ? 0 : Math.abs(E.min), ge = 0, le = E.max + se, Be = N.max + Math.abs(ge), tl = o.stackIndex, Ul = r - 1 - tl, Te = u ? 1 - o.cumulatedStackRatio : 0, W = u ? s * Te + e * Ul : 0, Y = u ? s * o.stackRatio : c.value.height, re = c.value.bottom - W - Y * se / le, Ne = c.value.bottom - W - Y * ge / Be, Se = el.value.filter((B) => B.type === "bar").filter((B) => !ae.value.includes(B.id)).length, nt = o.series.map((B, ve) => {
+        }, U = o.scaleSteps || e.value.chart.grid.labels.yAxis.commonScaleSteps, T = 1.0000001, E = e.value.chart.grid.labels.yAxis.useNiceScale ? st(O.min, O.max === O.min ? O.max * T : O.max, U) : Nl(O.min, O.max === O.min ? O.max * T : O.max, U), N = e.value.chart.grid.labels.yAxis.useNiceScale ? st(I.valueMin, I.valueMax === I.valueMin ? I.valueMax * T : I.valueMax, U) : Nl(I.valueMin, I.valueMax === I.valueMin ? I.valueMax * T : I.valueMax, U), se = E.min >= 0 ? 0 : Math.abs(E.min), ge = 0, le = E.max + se, Be = N.max + Math.abs(ge), tl = o.stackIndex, Ul = r - 1 - tl, Te = u ? 1 - o.cumulatedStackRatio : 0, W = u ? s * Te + l * Ul : 0, Y = u ? s * o.stackRatio : c.value.height, re = c.value.bottom - W - Y * se / le, Ne = c.value.bottom - W - Y * ge / Be, Se = el.value.filter((B) => B.type === "bar").filter((B) => !ae.value.includes(B.id)).length, nt = o.series.map((B, ve) => {
           const wl = y.value.useIndividualScale ? (o.absoluteValues[ve] + se) / le : zl(B), Tl = y.value.useIndividualScale && y.value.isStacked ? c.value.left + c.value.width / M.value * ve : c.value.left + oe.value.bar * P + oe.value.bar * ve * Se - to.value / 2 - P * kt.value;
           return {
             yOffset: H(W),
@@ -1401,20 +1401,20 @@ const Bo = {
         }), K = E.ticks.map((B) => ({
           y: B >= 0 ? re - Y * (B / le) : re + Y * Math.abs(B) / le,
           value: B,
-          prefix: o.prefix || l.value.chart.labels.prefix,
-          suffix: o.suffix || l.value.chart.labels.suffix,
+          prefix: o.prefix || e.value.chart.labels.prefix,
+          suffix: o.suffix || e.value.chart.labels.suffix,
           datapoint: o
         })), ce = N.ticks.map((B) => {
           const ve = (B - N.min) / (N.max - N.min);
           return {
             y: B >= 0 ? Ne - Y * ve : Ne + Y * ve,
             value: B,
-            prefix: o.prefix || l.value.chart.labels.prefix,
-            suffix: o.suffix || l.value.chart.labels.suffix,
+            prefix: o.prefix || e.value.chart.labels.prefix,
+            suffix: o.suffix || e.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return z.value[o.scaleLabel].name = o.name, z.value[o.scaleLabel].groupName = o.scaleLabel, z.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, z.value[o.scaleLabel].color = o.color, z.value[o.scaleLabel].scaleYLabels = o.autoScaling ? ce : K, z.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ne : re, z.value[o.scaleLabel].individualMax = o.autoScaling ? Be : le, z.value[o.scaleLabel].scaleLabel = o.scaleLabel, z.value[o.scaleLabel].id = o.id, z.value[o.scaleLabel].yOffset = W, z.value[o.scaleLabel].individualHeight = Y, z.value[o.scaleLabel].autoScaleYLabels = ce, z.value[o.scaleLabel].unique = Il.value.filter((B) => B.scaleLabel === o.scaleLabel).length === 1, {
+        return z.value[o.scaleLabel].name = o.name, z.value[o.scaleLabel].groupName = o.scaleLabel, z.value[o.scaleLabel].groupColor = e.value.chart.grid.labels.yAxis.groupColor || o.color, z.value[o.scaleLabel].color = o.color, z.value[o.scaleLabel].scaleYLabels = o.autoScaling ? ce : K, z.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ne : re, z.value[o.scaleLabel].individualMax = o.autoScaling ? Be : le, z.value[o.scaleLabel].scaleLabel = o.scaleLabel, z.value[o.scaleLabel].id = o.id, z.value[o.scaleLabel].yOffset = W, z.value[o.scaleLabel].individualHeight = Y, z.value[o.scaleLabel].autoScaleYLabels = ce, z.value[o.scaleLabel].unique = Il.value.filter((B) => B.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: W,
           autoScaleYLabels: ce,
@@ -1428,7 +1428,7 @@ const Bo = {
         };
       });
     }), Ge = k(() => {
-      const t = Il.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = t.length, e = l.value.chart.grid.labels.yAxis.gap, u = y.value.isStacked, a = u ? e * (r - 1) : 0, s = c.value.height - a;
+      const t = Il.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = t.length, l = e.value.chart.grid.labels.yAxis.gap, u = y.value.isStacked, a = u ? l * (r - 1) : 0, s = c.value.height - a;
       return t.filter((o) => o.type === "line").map((o, P) => {
         Vt(o);
         const X = z.value[o.scaleLabel].min, G = z.value[o.scaleLabel].max;
@@ -1439,7 +1439,7 @@ const Bo = {
         }, O = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || (Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues))
-        }, U = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, T = 1.0000001, E = l.value.chart.grid.labels.yAxis.useNiceScale ? st(O.min, O.max === O.min ? O.max * T : O.max, U) : Nl(O.min, O.max === O.min ? O.max * T : O.max, U), N = l.value.chart.grid.labels.yAxis.useNiceScale ? st(I.valueMin, I.valueMax === I.valueMin ? I.valueMax * T : I.valueMax, U) : Nl(I.valueMin, I.valueMax === I.valueMin ? I.valueMax * T : I.valueMax, U), se = E.min >= 0 ? 0 : Math.abs(E.min), ge = 0, le = E.max + Math.abs(se), Be = N.max + Math.abs(ge), tl = o.stackIndex, Ul = r - 1 - tl, Te = u ? 1 - o.cumulatedStackRatio : 0, W = u ? s * Te + e * Ul : 0, Y = u ? s * o.stackRatio : c.value.height, re = c.value.bottom - W - Y * se / le, Ne = c.value.bottom - W - Y * ge / Be, Se = o.series.map((R, be) => {
+        }, U = o.scaleSteps || e.value.chart.grid.labels.yAxis.commonScaleSteps, T = 1.0000001, E = e.value.chart.grid.labels.yAxis.useNiceScale ? st(O.min, O.max === O.min ? O.max * T : O.max, U) : Nl(O.min, O.max === O.min ? O.max * T : O.max, U), N = e.value.chart.grid.labels.yAxis.useNiceScale ? st(I.valueMin, I.valueMax === I.valueMin ? I.valueMax * T : I.valueMax, U) : Nl(I.valueMin, I.valueMax === I.valueMin ? I.valueMax * T : I.valueMax, U), se = E.min >= 0 ? 0 : Math.abs(E.min), ge = 0, le = E.max + Math.abs(se), Be = N.max + Math.abs(ge), tl = o.stackIndex, Ul = r - 1 - tl, Te = u ? 1 - o.cumulatedStackRatio : 0, W = u ? s * Te + l * Ul : 0, Y = u ? s * o.stackRatio : c.value.height, re = c.value.bottom - W - Y * se / le, Ne = c.value.bottom - W - Y * ge / Be, Se = o.series.map((R, be) => {
           const oo = y.value.useIndividualScale ? (o.absoluteValues[be] + Math.abs(se)) / le : zl(R);
           return {
             x: H(c.value.left + oe.value.line / 2 + oe.value.line * be),
@@ -1457,23 +1457,23 @@ const Bo = {
           y: H(c.value.bottom - W - (Y * nt[be] || 0)),
           value: o.absoluteValues[be],
           comment: o.comments && o.comments.slice(d.value.start, d.value.end)[be] || ""
-        }), kl = l.value.line.cutNullValues ? Ma(Se) : zt(Se.filter((R) => R.value !== null)), K = l.value.line.cutNullValues ? Ma(Me) : zt(Me.filter((R) => R.value !== null)), ce = l.value.line.cutNullValues ? Aa(Se) : It(Se.filter((R) => R.value !== null)), B = l.value.line.cutNullValues ? Aa(Me) : It(Me.filter((R) => R.value !== null)), ve = E.ticks.map((R) => ({
+        }), kl = e.value.line.cutNullValues ? Ma(Se) : zt(Se.filter((R) => R.value !== null)), K = e.value.line.cutNullValues ? Ma(Me) : zt(Me.filter((R) => R.value !== null)), ce = e.value.line.cutNullValues ? Aa(Se) : It(Se.filter((R) => R.value !== null)), B = e.value.line.cutNullValues ? Aa(Me) : It(Me.filter((R) => R.value !== null)), ve = E.ticks.map((R) => ({
           y: R >= 0 ? re - Y * (R / le) : re + Y * Math.abs(R) / le,
           value: R,
-          prefix: o.prefix || l.value.chart.labels.prefix,
-          suffix: o.suffix || l.value.chart.labels.suffix,
+          prefix: o.prefix || e.value.chart.labels.prefix,
+          suffix: o.suffix || e.value.chart.labels.suffix,
           datapoint: o
         })), wl = N.ticks.map((R) => {
           const be = (R - N.min) / (N.max - N.min);
           return {
             y: R >= 0 ? Ne - Y * be : Ne + Y * be,
             value: R,
-            prefix: o.prefix || l.value.chart.labels.prefix,
-            suffix: o.suffix || l.value.chart.labels.suffix,
+            prefix: o.prefix || e.value.chart.labels.prefix,
+            suffix: o.suffix || e.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        z.value[o.scaleLabel].name = o.name, z.value[o.scaleLabel].groupName = o.scaleLabel, z.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, z.value[o.scaleLabel].color = o.color, z.value[o.scaleLabel].scaleYLabels = o.autoScaling ? wl : ve, z.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ne : re, z.value[o.scaleLabel].individualMax = o.autoScaling ? Be : le, z.value[o.scaleLabel].scaleLabel = o.scaleLabel, z.value[o.scaleLabel].id = o.id, z.value[o.scaleLabel].yOffset = W, z.value[o.scaleLabel].individualHeight = Y, z.value[o.scaleLabel].autoScaleYLabels = wl, z.value[o.scaleLabel].unique = Il.value.filter((R) => R.scaleLabel === o.scaleLabel).length === 1;
+        z.value[o.scaleLabel].name = o.name, z.value[o.scaleLabel].groupName = o.scaleLabel, z.value[o.scaleLabel].groupColor = e.value.chart.grid.labels.yAxis.groupColor || o.color, z.value[o.scaleLabel].color = o.color, z.value[o.scaleLabel].scaleYLabels = o.autoScaling ? wl : ve, z.value[o.scaleLabel].zeroPosition = o.autoScaling ? Ne : re, z.value[o.scaleLabel].individualMax = o.autoScaling ? Be : le, z.value[o.scaleLabel].scaleLabel = o.scaleLabel, z.value[o.scaleLabel].id = o.id, z.value[o.scaleLabel].yOffset = W, z.value[o.scaleLabel].individualHeight = Y, z.value[o.scaleLabel].autoScaleYLabels = wl, z.value[o.scaleLabel].unique = Il.value.filter((R) => R.scaleLabel === o.scaleLabel).length === 1;
         const Tl = y.value.useIndividualScale ? o.autoScaling ? Ne : re : we.value, it = Math.max(Math.max(o.autoScaling ? Ne : ve.at(-1) ? ve.at(-1).y : 0, c.value.top), Tl);
         return {
           ...o,
@@ -1486,24 +1486,24 @@ const Bo = {
           zeroPosition: o.autoScaling ? Ne : re,
           curve: o.autoScaling ? K : kl,
           plots: o.autoScaling ? Me : Se,
-          area: o.useArea ? y.value.useIndividualScale ? l.value.line.cutNullValues ? Ca(
+          area: o.useArea ? y.value.useIndividualScale ? e.value.line.cutNullValues ? Ca(
             o.autoScaling ? Me : Se,
             it
           ) : za(
             o.autoScaling ? Me.filter((R) => R.value !== null) : Se.filter((R) => R.value !== null),
             it
-          ) : l.value.line.cutNullValues ? Ca(Se, it) : za(Se.filter((R) => R.value !== null), it) : "",
+          ) : e.value.line.cutNullValues ? Ca(Se, it) : za(Se.filter((R) => R.value !== null), it) : "",
           curveAreas: o.useArea ? wo(
-            o.autoScaling ? l.value.line.cutNullValues ? Me : Me.filter((R) => R.value !== null) : l.value.line.cutNullValues ? Se : Se.filter((R) => R.value !== null),
+            o.autoScaling ? e.value.line.cutNullValues ? Me : Me.filter((R) => R.value !== null) : e.value.line.cutNullValues ? Se : Se.filter((R) => R.value !== null),
             it,
-            l.value.line.cutNullValues
+            e.value.line.cutNullValues
           ) : [],
           straight: o.autoScaling ? B : ce,
           groupId: z.value[o.scaleLabel].groupId
         };
       });
     }), ll = k(() => {
-      const t = Il.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = t.length, e = l.value.chart.grid.labels.yAxis.gap, u = y.value.isStacked, a = u ? e * (r - 1) : 0, s = c.value.height - a;
+      const t = Il.value.filter((o) => ["bar", "line", "plot"].includes(o.type)), r = t.length, l = e.value.chart.grid.labels.yAxis.gap, u = y.value.isStacked, a = u ? l * (r - 1) : 0, s = c.value.height - a;
       return t.filter((o) => o.type === "plot").map((o) => {
         Vt(o);
         const P = z.value[o.scaleLabel].min, X = z.value[o.scaleLabel].max;
@@ -1514,7 +1514,7 @@ const Bo = {
         }, I = {
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues) > 0 ? 0 : Math.min(...o.absoluteValues)
-        }, O = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, U = 1.0000001, T = Nl(I.min, I.max === I.min ? I.max * U : I.max, O), E = Nl(G.valueMin, G.valueMax === G.valueMin ? G.valueMax * U : G.valueMax, O), N = T.min >= 0 ? 0 : Math.abs(T.min), se = 0, ge = T.max + N, le = E.max + Math.abs(se), Be = o.stackIndex, tl = r - 1 - Be, Ul = u ? 1 - o.cumulatedStackRatio : 0, Te = u ? s * Ul + e * tl : 0, W = u ? s * o.stackRatio : c.value.height, Y = c.value.bottom - Te - W * N / ge, re = c.value.bottom - Te - W * se / le, Ne = o.series.map((K, ce) => {
+        }, O = o.scaleSteps || e.value.chart.grid.labels.yAxis.commonScaleSteps, U = 1.0000001, T = Nl(I.min, I.max === I.min ? I.max * U : I.max, O), E = Nl(G.valueMin, G.valueMax === G.valueMin ? G.valueMax * U : G.valueMax, O), N = T.min >= 0 ? 0 : Math.abs(T.min), se = 0, ge = T.max + N, le = E.max + Math.abs(se), Be = o.stackIndex, tl = r - 1 - Be, Ul = u ? 1 - o.cumulatedStackRatio : 0, Te = u ? s * Ul + l * tl : 0, W = u ? s * o.stackRatio : c.value.height, Y = c.value.bottom - Te - W * N / ge, re = c.value.bottom - Te - W * se / le, Ne = o.series.map((K, ce) => {
           const B = y.value.useIndividualScale ? (o.absoluteValues[ce] + Math.abs(N)) / ge : zl(K);
           return {
             x: H(c.value.left + oe.value.plot / 2 + oe.value.plot * ce),
@@ -1530,20 +1530,20 @@ const Bo = {
         })), Me = T.ticks.map((K) => ({
           y: K >= 0 ? Y - W * (K / ge) : Y + W * Math.abs(K) / ge,
           value: K,
-          prefix: o.prefix || l.value.chart.labels.prefix,
-          suffix: o.suffix || l.value.chart.labels.suffix,
+          prefix: o.prefix || e.value.chart.labels.prefix,
+          suffix: o.suffix || e.value.chart.labels.suffix,
           datapoint: o
         })), kl = E.ticks.map((K) => {
           const ce = (K - E.min) / (E.max - E.min);
           return {
             y: K >= 0 ? re - W * ce : re + W * ce,
             value: K,
-            prefix: o.prefix || l.value.chart.labels.prefix,
-            suffix: o.suffix || l.value.chart.labels.suffix,
+            prefix: o.prefix || e.value.chart.labels.prefix,
+            suffix: o.suffix || e.value.chart.labels.suffix,
             datapoint: o
           };
         });
-        return z.value[o.scaleLabel].name = o.name, z.value[o.scaleLabel].groupName = o.scaleLabel, z.value[o.scaleLabel].groupColor = l.value.chart.grid.labels.yAxis.groupColor || o.color, z.value[o.scaleLabel].color = o.color, z.value[o.scaleLabel].scaleYLabels = o.autoScaling ? kl : Me, z.value[o.scaleLabel].zeroPosition = o.autoScaling ? re : Y, z.value[o.scaleLabel].individualMax = o.autoScaling ? le : ge, z.value[o.scaleLabel].scaleLabel = o.scaleLabel, z.value[o.scaleLabel].id = o.id, z.value[o.scaleLabel].yOffset = Te, z.value[o.scaleLabel].individualHeight = W, z.value[o.scaleLabel].autoScaleYLabels = kl, z.value[o.scaleLabel].unique = Il.value.filter((K) => K.scaleLabel === o.scaleLabel).length === 1, {
+        return z.value[o.scaleLabel].name = o.name, z.value[o.scaleLabel].groupName = o.scaleLabel, z.value[o.scaleLabel].groupColor = e.value.chart.grid.labels.yAxis.groupColor || o.color, z.value[o.scaleLabel].color = o.color, z.value[o.scaleLabel].scaleYLabels = o.autoScaling ? kl : Me, z.value[o.scaleLabel].zeroPosition = o.autoScaling ? re : Y, z.value[o.scaleLabel].individualMax = o.autoScaling ? le : ge, z.value[o.scaleLabel].scaleLabel = o.scaleLabel, z.value[o.scaleLabel].id = o.id, z.value[o.scaleLabel].yOffset = Te, z.value[o.scaleLabel].individualHeight = W, z.value[o.scaleLabel].autoScaleYLabels = kl, z.value[o.scaleLabel].unique = Il.value.filter((K) => K.scaleLabel === o.scaleLabel).length === 1, {
           ...o,
           yOffset: Te,
           autoScaleYLabels: kl,
@@ -1580,7 +1580,7 @@ const Bo = {
         id: s.id,
         yOffset: s.yOffset || 0,
         individualHeight: s.individualHeight || c.value.height
-      })), e = ll.value.map((s) => ({
+      })), l = ll.value.map((s) => ({
         name: s.name,
         color: s.color,
         scale: s.individualScale,
@@ -1592,7 +1592,7 @@ const Bo = {
         id: s.id,
         yOffset: s.yOffset || 0,
         individualHeight: s.individualHeight || c.value.height
-      })), u = y.value.useIndividualScale && !y.value.isStacked ? Object.values(z.value) : [...t, ...r, ...e], a = u.flatMap((s) => s).length;
+      })), u = y.value.useIndividualScale && !y.value.isStacked ? Object.values(z.value) : [...t, ...r, ...l], a = u.flatMap((s) => s).length;
       return u.flatMap((s, o) => {
         let P = 0;
         P = y.value.isStacked ? c.value.left : c.value.left / a * (o + 1);
@@ -1603,7 +1603,7 @@ const Bo = {
           groupId: s.groupId,
           scaleLabel: s.scaleLabel,
           name: pe(
-            l.value.chart.grid.labels.yAxis.serieNameFormatter,
+            e.value.chart.grid.labels.yAxis.serieNameFormatter,
             X,
             X,
             s
@@ -1626,10 +1626,10 @@ const Bo = {
       bars: yl.value,
       lines: Ge.value,
       plots: ll.value,
-      config: l.value
+      config: e.value
     })), ao = k(() => {
       let t = "", r = at.value.map((a) => a.value).filter((a) => Lt(a) && a !== null).reduce((a, s) => Math.abs(a) + Math.abs(s), 0);
-      const e = q.value[w.value], u = l.value.chart.tooltip.customFormat;
+      const l = q.value[w.value], u = e.value.chart.tooltip.customFormat;
       return So(u) && $o(() => u({
         absoluteIndex: w.value + d.value.start,
         seriesIndex: w.value,
@@ -1638,7 +1638,7 @@ const Bo = {
         bars: yl.value,
         lines: Ge.value,
         plots: ll.value,
-        config: l.value
+        config: e.value
       })) ? u({
         absoluteIndex: w.value + d.value.start,
         seriesIndex: w.value,
@@ -1647,8 +1647,8 @@ const Bo = {
         bars: yl.value,
         lines: Ge.value,
         plots: ll.value,
-        config: l.value
-      }) : (e && e.text && l.value.chart.tooltip.showTimeLabel && (t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${l.value.chart.tooltip.borderColor}; width:100%">${e.text}</div>`), at.value.forEach((a) => {
+        config: e.value
+      }) : (l && l.text && e.value.chart.tooltip.showTimeLabel && (t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${e.value.chart.tooltip.borderColor}; width:100%">${l.text}</div>`), at.value.forEach((a) => {
         if (Lt(a.value)) {
           let s = "", o = "";
           switch (gl.value[a.type]) {
@@ -1656,120 +1656,120 @@ const Bo = {
               s = `<svg viewBox="0 0 40 40" height="14" width="14">${Pe.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="${Pe.pattern ? `url(#pattern_${Q.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="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? o = `<path d="${al({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? o = `<path d="${al({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? o = `<path d="${al({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? o = `<path d="${al({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? o = `<path d="${al({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (o = `<polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${Ia({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), s = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${o}</svg>`;
+              !a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" />` : a.shape === "triangle" ? o = `<path d="${al({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "square" ? o = `<path d="${al({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "diamond" ? o = `<path d="${al({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "pentagon" ? o = `<path d="${al({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "hexagon" ? o = `<path d="${al({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : a.shape === "star" && (o = `<polygon stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${a.color}" points="${Ia({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), s = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${a.color}" />${o}</svg>`;
               break;
             case "plot":
               if (!a.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(a.shape)) {
-                s = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" /></svg>`;
+                s = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" /></svg>`;
                 break;
               }
               if (a.shape === "star") {
-                s = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${Ia({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+                s = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${a.color}" points="${Ia({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
               if (a.shape === "triangle") {
-                s = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${al({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                s = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${al({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${a.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (a.shape === "square") {
-                s = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${al({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                s = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${al({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${a.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (a.shape === "diamond") {
-                s = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${al({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                s = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${al({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${a.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (a.shape === "pentagon") {
-                s = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${al({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                s = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${al({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${a.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (a.shape === "hexagon") {
-                s = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${al({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                s = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${al({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${a.color}" stroke="${e.value.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
           }
-          t += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${s}</div> ${a.name}: <b>${l.value.chart.tooltip.showValue ? pe(
-            a.type === "line" ? l.value.line.labels.formatter : a.type === "bar" ? l.value.bar.labels.formatter : l.value.plot.labels.formatter,
+          t += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${s}</div> ${a.name}: <b>${e.value.chart.tooltip.showValue ? pe(
+            a.type === "line" ? e.value.line.labels.formatter : a.type === "bar" ? e.value.bar.labels.formatter : e.value.plot.labels.formatter,
             a.value,
             Fe({
               p: a.prefix,
               v: a.value,
               s: a.suffix,
-              r: l.value.chart.tooltip.roundingValue
+              r: e.value.chart.tooltip.roundingValue
             }),
             { datapoint: a }
-          ) : ""}</b> ${l.value.chart.tooltip.showPercentage ? `(${Fe({
+          ) : ""}</b> ${e.value.chart.tooltip.showPercentage ? `(${Fe({
             v: H(Math.abs(a.value) / r * 100),
             s: "%",
-            r: l.value.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, l.value.chart.comments.showInTooltip && a.comments.length && a.comments.slice(d.value.start, d.value.end)[w.value] && (t += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.comments.slice(d.value.start, d.value.end)[w.value]}</div>`);
+            r: e.value.chart.tooltip.roundingPercentage
+          })})` : ""}</div>`, e.value.chart.comments.showInTooltip && a.comments.length && a.comments.slice(d.value.start, d.value.end)[w.value] && (t += `<div class="vue-data-ui-tooltip-comment" style="background:${a.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${a.color}">${a.comments.slice(d.value.start, d.value.end)[w.value]}</div>`);
         }
-      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${l.value.chart.tooltip.color}">${t}</div>`);
+      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${e.value.chart.tooltip.color}">${t}</div>`);
     }), ma = k(() => {
       if (sl.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const t = Ee.value.map((e) => ({
-        label: e.name,
-        color: e.color,
-        type: e.type
+      const t = Ee.value.map((l) => ({
+        label: l.name,
+        color: l.color,
+        type: l.type
       })), r = [];
-      return q.value.forEach((e, u) => {
-        const a = [e.text];
+      return q.value.forEach((l, u) => {
+        const a = [l.text];
         Ee.value.forEach((s) => {
-          a.push(Ie(s.absoluteValues[u]) ? Number(s.absoluteValues[u].toFixed(l.value.table.rounding)) : "");
+          a.push(Ie(s.absoluteValues[u]) ? Number(s.absoluteValues[u].toFixed(e.value.table.rounding)) : "");
         }), r.push(a);
       }), { head: t, body: r };
     }), $t = k(() => {
-      const t = l.value.table.showSum;
+      const t = e.value.table.showSum;
       let r = [""].concat(Ee.value.map((s) => s.name));
       t && (r = r.concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'));
-      let e = [];
+      let l = [];
       for (let s = 0; s < M.value; s += 1) {
         const o = Ee.value.map((P) => P.absoluteValues[s] ?? 0).reduce((P, X) => P + X, 0);
-        e.push(
+        l.push(
           [
             q.value[s].text ?? "-"
           ].concat(Ee.value.map(
             (P) => pe(
-              P.type === "line" ? l.value.line.labels.formatter : P.type === "bar" ? l.value.bar.labels.formatter : l.value.plot.labels.formatter,
+              P.type === "line" ? e.value.line.labels.formatter : P.type === "bar" ? e.value.bar.labels.formatter : e.value.plot.labels.formatter,
               P.absoluteValues[s] ?? 0,
               Fe({
-                p: P.prefix || l.value.chart.labels.prefix,
+                p: P.prefix || e.value.chart.labels.prefix,
                 v: P.absoluteValues[s] ?? 0,
-                s: P.suffix || l.value.chart.labels.suffix,
-                r: l.value.table.rounding
+                s: P.suffix || e.value.chart.labels.suffix,
+                r: e.value.table.rounding
               })
             )
-          )).concat(t ? (o ?? 0).toFixed(l.value.table.rounding) : [])
+          )).concat(t ? (o ?? 0).toFixed(e.value.table.rounding) : [])
         );
       }
       const u = {
         th: {
-          backgroundColor: l.value.table.th.backgroundColor,
-          color: l.value.table.th.color,
-          outline: l.value.table.th.outline
+          backgroundColor: e.value.table.th.backgroundColor,
+          color: e.value.table.th.color,
+          outline: e.value.table.th.outline
         },
         td: {
-          backgroundColor: l.value.table.td.backgroundColor,
-          color: l.value.table.td.color,
-          outline: l.value.table.td.outline
+          backgroundColor: e.value.table.td.backgroundColor,
+          color: e.value.table.td.color,
+          outline: e.value.table.td.outline
         },
-        breakpoint: l.value.table.responsiveBreakpoint
-      }, a = [l.value.table.columnNames.period].concat(Ee.value.map((s) => s.name)).concat(l.value.table.columnNames.total);
-      return { head: r, body: e, config: u, colNames: a };
+        breakpoint: e.value.table.responsiveBreakpoint
+      }, a = [e.value.table.columnNames.period].concat(Ee.value.map((s) => s.name)).concat(e.value.table.columnNames.total);
+      return { head: r, body: l, config: u, colNames: a };
     });
     function xa(t = null) {
-      const r = [[l.value.chart.title.text], [l.value.chart.title.subtitle.text], [""]], e = ["", ...ma.value.head.map((o) => o.label)], u = ma.value.body, a = r.concat([e]).concat(u), s = Co(a);
-      t ? t(s) : zo({ csvContent: s, title: l.value.chart.title.text || "vue-ui-xy" });
+      const r = [[e.value.chart.title.text], [e.value.chart.title.subtitle.text], [""]], l = ["", ...ma.value.head.map((o) => o.label)], u = ma.value.body, a = r.concat([l]).concat(u), s = Co(a);
+      t ? t(s) : zo({ csvContent: s, title: e.value.chart.title.text || "vue-ui-xy" });
     }
     function ba(t, r = null) {
       El.value = t;
-      const e = Ee.value.map((u) => ({
+      const l = Ee.value.map((u) => ({
         name: u.name,
         value: [null, void 0, NaN].includes(u.absoluteValues[r]) ? null : u.absoluteValues[r],
         color: u.color,
         type: u.type
       }));
-      t ? (w.value = r, l.value.events.datapointEnter && l.value.events.datapointEnter({ datapoint: e, seriesIndex: r + d.value.start })) : (w.value = null, l.value.events.datapointLeave && l.value.events.datapointLeave({ datapoint: e, seriesIndex: r + d.value.start }));
+      t ? (w.value = r, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: r + d.value.start })) : (w.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: r + d.value.start }));
     }
     function pa() {
       y.value.showTable = !y.value.showTable;
@@ -1784,93 +1784,93 @@ const Bo = {
       nl.value = t, vt.value += 1;
     }
     function Sa() {
-      if (!l.value.responsiveProportionalSizing) {
-        S.value.dataLabels = l.value.chart.grid.labels.fontSize, S.value.yAxis = l.value.chart.grid.labels.axis.fontSize, S.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, S.value.plotLabels = l.value.chart.labels.fontSize, Le.value.plot = l.value.plot.radius, Le.value.line = l.value.line.radius;
+      if (!e.value.responsiveProportionalSizing) {
+        S.value.dataLabels = e.value.chart.grid.labels.fontSize, S.value.yAxis = e.value.chart.grid.labels.axis.fontSize, S.value.xAxis = e.value.chart.grid.labels.xAxisLabels.fontSize, S.value.plotLabels = e.value.chart.labels.fontSize, Le.value.plot = e.value.plot.radius, Le.value.line = e.value.line.radius;
         return;
       }
       S.value.dataLabels = Zl({
         relator: xe.value,
         adjuster: 400,
-        source: l.value.chart.grid.labels.fontSize,
+        source: e.value.chart.grid.labels.fontSize,
         threshold: 10,
         fallback: 10
       }), S.value.yAxis = Zl({
         relator: ne.value,
         adjuster: 1e3,
-        source: l.value.chart.grid.labels.axis.fontSize,
+        source: e.value.chart.grid.labels.axis.fontSize,
         threshold: 10,
         fallback: 10
       }), S.value.xAxis = Zl({
         relator: ne.value,
         adjuster: 1e3,
-        source: l.value.chart.grid.labels.xAxisLabels.fontSize,
+        source: e.value.chart.grid.labels.xAxisLabels.fontSize,
         threshold: 10,
         fallback: 10
       }), S.value.plotLabels = Zl({
         relator: ne.value,
         adjuster: 800,
-        source: l.value.chart.labels.fontSize,
+        source: e.value.chart.labels.fontSize,
         threshold: 10,
         fallback: 10
       }), Le.value.plot = Zl({
         relator: ne.value,
         adjuster: 800,
-        source: l.value.plot.radius,
+        source: e.value.plot.radius,
         threshold: 1,
         fallback: 1
       }), Le.value.line = Zl({
         relator: ne.value,
         adjuster: 800,
-        source: l.value.line.radius,
+        source: e.value.line.radius,
         threshold: 1,
         fallback: 1
       });
     }
-    const ut = k(() => !!l.value.debug);
+    const ut = k(() => !!e.value.debug);
     function Et() {
       Ta(h.dataset) ? (Ft({
         componentName: "VueUiXy",
         type: "dataset",
         debug: ut.value
-      }), x.value = !0) : h.dataset.forEach((r, e) => {
+      }), x.value = !0) : h.dataset.forEach((r, l) => {
         [null, void 0].includes(r.name) && (Ft({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
-          index: e,
+          index: l,
           debug: ut.value
         }), x.value = !0);
       }), ut.value && h.dataset.forEach((r) => {
-        r.series.forEach((e, u) => {
-          Lt(e) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${r.name}' contains the value '${e}' at index ${u}.
-'${e}' was converted to null to allow the chart to display.`);
+        r.series.forEach((l, u) => {
+          Lt(l) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
+-----> The serie '${r.name}' contains the value '${l}' at index ${u}.
+'${l}' was converted to null to allow the chart to display.`);
         });
-      }), Ta(h.dataset) || (x.value = l.value.loading), De.value = l.value.chart.userOptions.showOnChartHover, Bl.value = l.value.chart.userOptions.keepStateOnChartLeave, Fl.value = !l.value.chart.userOptions.showOnChartHover, je();
+      }), Ta(h.dataset) || (x.value = e.value.loading), De.value = e.value.chart.userOptions.showOnChartHover, Bl.value = e.value.chart.userOptions.keepStateOnChartLeave, Fl.value = !e.value.chart.userOptions.showOnChartHover, je();
       const t = 12;
-      if (l.value.responsive) {
-        const e = ue.value.parentNode;
+      if (e.value.responsive) {
+        const l = ue.value.parentNode;
         $e.value && ($e.value.unobserve(fe.value), $e.value.disconnect());
-        const { height: u, width: a } = e.getBoundingClientRect();
+        const { height: u, width: a } = l.getBoundingClientRect();
         let s = null, o = 0;
-        l.value.chart.title.show && ul.value && (s = ul.value, o = s.getBoundingClientRect().height);
+        e.value.chart.title.show && ul.value && (s = ul.value, o = s.getBoundingClientRect().height);
         let P = null, X = 0;
-        l.value.chart.zoom.show && f.value > 6 && Cl.value && Ae.value && Ae.value.$el && (P = Ae.value.$el, X = P.getBoundingClientRect().height);
+        e.value.chart.zoom.show && f.value > 6 && Cl.value && Ae.value && Ae.value.$el && (P = Ae.value.$el, X = P.getBoundingClientRect().height);
         let G = null, I = 0;
-        l.value.chart.legend.show && dl.value && (G = dl.value, I = G.getBoundingClientRect().height);
+        e.value.chart.legend.show && dl.value && (G = dl.value, I = G.getBoundingClientRect().height);
         let O = 0;
         Ml.value && (O = Ml.value.getBoundingClientRect().height);
         let U = 0;
         Al.value && (U = Al.value.getBoundingClientRect().height), xe.value = u - o - I - X - O - U - t, ne.value = a, fl.value = `0 0 ${ne.value < 0 ? 10 : ne.value} ${xe.value < 0 ? 10 : xe.value}`, Sa();
         const T = new ResizeObserver((E) => {
           for (const N of E)
-            l.value.chart.title.show && ul.value ? o = ul.value.getBoundingClientRect().height : o = 0, Ae.value && Ae.value.$el ? X = Ae.value.$el.getBoundingClientRect().height : X = 0, dl.value ? I = dl.value.getBoundingClientRect().height : I = 0, Ml.value ? O = Ml.value.getBoundingClientRect().height : O = 0, Al.value ? U = Al.value.getBoundingClientRect().height : U = 0, requestAnimationFrame(() => {
+            e.value.chart.title.show && ul.value ? o = ul.value.getBoundingClientRect().height : o = 0, Ae.value && Ae.value.$el ? X = Ae.value.$el.getBoundingClientRect().height : X = 0, dl.value ? I = dl.value.getBoundingClientRect().height : I = 0, Ml.value ? O = Ml.value.getBoundingClientRect().height : O = 0, Al.value ? U = Al.value.getBoundingClientRect().height : U = 0, requestAnimationFrame(() => {
               xe.value = N.contentRect.height - o - I - X - O - U - t, ne.value = N.contentBoxSize[0].inlineSize, fl.value = `0 0 ${ne.value < 0 ? 10 : ne.value} ${xe.value < 0 ? 10 : xe.value}`, Sa();
             });
         });
-        $e.value = T, fe.value = e, T.observe(e);
+        $e.value = T, fe.value = l, T.observe(l);
       } else
-        xe.value = l.value.chart.height, ne.value = l.value.chart.width, S.value.dataLabels = l.value.chart.grid.labels.fontSize, S.value.yAxis = l.value.chart.grid.labels.axis.fontSize, S.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, S.value.plotLabels = l.value.chart.labels.fontSize, Le.value.plot = l.value.plot.radius, Le.value.line = l.value.line.radius, fl.value = `0 0 ${ne.value} ${xe.value}`;
+        xe.value = e.value.chart.height, ne.value = e.value.chart.width, S.value.dataLabels = e.value.chart.grid.labels.fontSize, S.value.yAxis = e.value.chart.grid.labels.axis.fontSize, S.value.xAxis = e.value.chart.grid.labels.xAxisLabels.fontSize, S.value.plotLabels = e.value.chart.labels.fontSize, Le.value.plot = e.value.plot.radius, Le.value.line = e.value.line.radius, fl.value = `0 0 ${ne.value} ${xe.value}`;
     }
     rt(() => {
       Et(), pt(), document.addEventListener("mousemove", (t) => {
@@ -1885,23 +1885,23 @@ const Bo = {
       timeLabelsEls: Qe,
       timeLabels: q,
       slicer: d,
-      configRef: l,
+      configRef: e,
       rotationPath: ["chart", "grid", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["chart", "grid", "labels", "xAxisLabels", "autoRotate", "enable"],
       isAutoSize: Ra,
       height: xe,
       width: ne,
-      rotation: l.value.chart.grid.labels.xAxisLabels.autoRotate.angle
+      rotation: e.value.chart.grid.labels.xAxisLabels.autoRotate.angle
     }), ol(() => h.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (x.value = !1), f.value = Math.max(...F.value.map((r) => Ze({
         data: r.series,
-        threshold: l.value.downsample.threshold
+        threshold: e.value.downsample.threshold
       }).length)), d.value = {
         start: 0,
         end: f.value
       }, ye.value += 1, He.value += 1, Xl();
     }, { deep: !0 }), ol(() => h.config, (t) => {
-      ie.value || (l.value = Dl()), Et(), jl.value += 1, dt.value += 1, je(), Xl();
+      ie.value || (e.value = Dl()), Et(), jl.value += 1, dt.value += 1, je(), Xl();
     }, { deep: !0 });
     const Bt = p(!1);
     function $a() {
@@ -1919,7 +1919,7 @@ const Bo = {
         $a(), Bt.value && (Et(), Xl(), pt());
       });
       ue.value?.parentNode && t.observe(ue.value.parentNode);
-    }), ol(l, () => {
+    }), ol(e, () => {
       je();
     }, { immediate: !0 }), Tt({
       getData: Za,
@@ -1935,18 +1935,18 @@ const Bo = {
       toggleFullscreen: wa
     }), (t, r) => (n(), i("div", {
       id: `vue-ui-xy_${Q.value}`,
-      class: Oe(`vue-ui-xy ${nl.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${l.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: Oe(`vue-ui-xy ${nl.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "chart",
       ref: ue,
-      style: $(`background:${l.value.chart.backgroundColor}; color:${l.value.chart.color};width:100%;font-family:${l.value.chart.fontFamily};${l.value.responsive ? "height: 100%" : ""}`),
+      style: $(`background:${e.value.chart.backgroundColor}; color:${e.value.chart.color};width:100%;font-family:${e.value.chart.fontFamily};${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: r[10] || (r[10] = () => Qt(!0)),
       onMouseleave: r[11] || (r[11] = () => Qt(!1))
     }, [
-      l.value.chart.userOptions.buttons.annotator && ke.value ? (n(), Ue(v(vl), {
+      e.value.chart.userOptions.buttons.annotator && ke.value ? (n(), Ue(v(vl), {
         key: 0,
         svgRef: ke.value,
-        backgroundColor: l.value.chart.backgroundColor,
-        color: l.value.chart.color,
+        backgroundColor: e.value.chart.backgroundColor,
+        color: e.value.chart.color,
         active: ml.value,
         onClose: Ht
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
@@ -1957,53 +1957,53 @@ const Bo = {
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%; background:transparent"
       }, null, 512)) : g("", !0),
-      l.value.chart.title.show ? (n(), i("div", {
+      e.value.chart.title.show ? (n(), i("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: ul,
         class: "vue-ui-xy-title",
-        style: $(`font-family:${l.value.chart.fontFamily}`)
+        style: $(`font-family:${e.value.chart.fontFamily}`)
       }, [
         (n(), Ue(Ho, {
           key: `title_${jl.value}`,
           config: {
             title: {
               cy: "xy-div-title",
-              ...l.value.chart.title
+              ...e.value.chart.title
             },
             subtitle: {
               cy: "xy-div-subtitle",
-              ...l.value.chart.title.subtitle
+              ...e.value.chart.title.subtitle
             }
           }
         }, null, 8, ["config"]))
       ], 4)) : g("", !0),
-      l.value.chart.userOptions.show && (Bl.value || Fl.value) ? (n(), Ue(v(he), {
+      e.value.chart.userOptions.show && (Bl.value || Fl.value) ? (n(), Ue(v(he), {
         ref: "defails",
         key: `user_options_${vt.value}`,
-        backgroundColor: l.value.chart.backgroundColor,
-        color: l.value.chart.color,
+        backgroundColor: e.value.chart.backgroundColor,
+        color: e.value.chart.color,
         isPrinting: v(et),
         isImaging: v(ft),
         uid: Q.value,
-        hasTooltip: l.value.chart.userOptions.buttons.tooltip && l.value.chart.tooltip.show,
-        hasPdf: l.value.chart.userOptions.buttons.pdf,
-        hasXls: l.value.chart.userOptions.buttons.csv,
-        hasImg: l.value.chart.userOptions.buttons.img,
-        hasLabel: l.value.chart.userOptions.buttons.labels,
-        hasTable: l.value.chart.userOptions.buttons.table,
-        hasStack: A.dataset.length > 1 && l.value.chart.userOptions.buttons.stack,
-        hasFullscreen: l.value.chart.userOptions.buttons.fullscreen,
+        hasTooltip: e.value.chart.userOptions.buttons.tooltip && e.value.chart.tooltip.show,
+        hasPdf: e.value.chart.userOptions.buttons.pdf,
+        hasXls: e.value.chart.userOptions.buttons.csv,
+        hasImg: e.value.chart.userOptions.buttons.img,
+        hasLabel: e.value.chart.userOptions.buttons.labels,
+        hasTable: e.value.chart.userOptions.buttons.table,
+        hasStack: A.dataset.length > 1 && e.value.chart.userOptions.buttons.stack,
+        hasFullscreen: e.value.chart.userOptions.buttons.fullscreen,
         isStacked: y.value.isStacked,
         isFullscreen: nl.value,
         chartElement: t.$refs.chart,
-        position: l.value.chart.userOptions.position,
+        position: e.value.chart.userOptions.position,
         isTooltip: y.value.showTooltip,
-        titles: { ...l.value.chart.userOptions.buttonTitles },
-        hasAnnotator: l.value.chart.userOptions.buttons.annotator,
+        titles: { ...e.value.chart.userOptions.buttonTitles },
+        hasAnnotator: e.value.chart.userOptions.buttons.annotator,
         isAnnotation: ml.value,
-        callbacks: l.value.chart.userOptions.callbacks,
-        printScale: l.value.chart.userOptions.print.scale,
+        callbacks: e.value.chart.userOptions.callbacks,
+        printScale: e.value.chart.userOptions.print.scale,
         onToggleFullscreen: wa,
         onGeneratePdf: v(Xt),
         onGenerateCsv: xa,
@@ -2019,8 +2019,8 @@ const Bo = {
       }, vo({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: me(({ isOpen: e, color: u }) => [
-            J(t.$slots, "menuIcon", rl($l({ isOpen: e, color: u })), void 0, !0)
+          fn: me(({ isOpen: l, color: u }) => [
+            J(t.$slots, "menuIcon", rl($l({ isOpen: l, color: u })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -2075,15 +2075,15 @@ const Bo = {
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: me(({ toggleFullscreen: e, isFullscreen: u }) => [
-            J(t.$slots, "optionFullscreen", rl($l({ toggleFullscreen: e, isFullscreen: u })), void 0, !0)
+          fn: me(({ toggleFullscreen: l, isFullscreen: u }) => [
+            J(t.$slots, "optionFullscreen", rl($l({ toggleFullscreen: l, isFullscreen: u })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: me(({ toggleAnnotator: e, isAnnotator: u }) => [
-            J(t.$slots, "optionAnnotator", rl($l({ toggleAnnotator: e, isAnnotator: u })), void 0, !0)
+          fn: me(({ toggleAnnotator: l, isAnnotator: u }) => [
+            J(t.$slots, "optionAnnotator", rl($l({ toggleAnnotator: l, isAnnotator: u })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -2097,8 +2097,8 @@ const Bo = {
         viewBox: fl.value,
         style: $({
           background: "transparent",
-          color: l.value.chart.color,
-          fontFamily: l.value.chart.fontFamily
+          color: e.value.chart.color,
+          fontFamily: e.value.chart.fontFamily
         }),
         "aria-label": Ka.value,
         role: "img",
@@ -2118,7 +2118,7 @@ const Bo = {
             key: 0,
             x: c.value.left + ee.value < 0 ? 0 : c.value.left + ee.value,
             y: c.value.top,
-            width: c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / M.value) < 0 ? 0 : c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / M.value),
+            width: c.value.width - (e.value.chart.grid.position === "middle" ? 0 : c.value.width / M.value) < 0 ? 0 : c.value.width - (e.value.chart.grid.position === "middle" ? 0 : c.value.width / M.value),
             height: c.value.height < 0 ? 0 : c.value.height,
             style: {
               pointerEvents: "none"
@@ -2128,9 +2128,9 @@ const Bo = {
           ], 8, ru)) : g("", !0),
           M.value > 0 ? (n(), i("g", cu, [
             b("g", vu, [
-              l.value.chart.grid.labels.xAxis.showBaseline ? (n(), i("line", {
+              e.value.chart.grid.labels.xAxis.showBaseline ? (n(), i("line", {
                 key: 0,
-                stroke: l.value.chart.grid.stroke,
+                stroke: e.value.chart.grid.stroke,
                 "stroke-width": "1",
                 x1: c.value.left + ee.value,
                 x2: c.value.right - ee.value,
@@ -2139,30 +2139,30 @@ const Bo = {
                 "stroke-linecap": "round",
                 style: { animation: "none !important" }
               }, null, 8, du)) : g("", !0),
-              y.value.useIndividualScale ? l.value.chart.grid.showHorizontalLines ? (n(!0), i(m, { key: 2 }, _(ot.value, (e) => (n(), i("g", null, [
-                e.id === L.value && e.yLabels.length ? (n(!0), i(m, { key: 0 }, _(e.yLabels, (u) => (n(), i("line", {
+              y.value.useIndividualScale ? e.value.chart.grid.showHorizontalLines ? (n(!0), i(m, { key: 2 }, _(ot.value, (l) => (n(), i("g", null, [
+                l.id === L.value && l.yLabels.length ? (n(!0), i(m, { key: 0 }, _(l.yLabels, (u) => (n(), i("line", {
                   x1: c.value.left + ee.value,
                   x2: c.value.right - ee.value,
                   y1: v(D)(u.y),
                   y2: v(D)(u.y),
-                  stroke: e.color,
+                  stroke: l.color,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, mu))), 256)) : e.yLabels.length ? (n(!0), i(m, { key: 1 }, _(e.yLabels, (u) => (n(), i("line", {
+                }, null, 8, mu))), 256)) : l.yLabels.length ? (n(!0), i(m, { key: 1 }, _(l.yLabels, (u) => (n(), i("line", {
                   x1: c.value.left + ee.value,
                   x2: c.value.right - ee.value,
                   y1: v(D)(u.y),
                   y2: v(D)(u.y),
-                  stroke: l.value.chart.grid.stroke,
+                  stroke: e.value.chart.grid.stroke,
                   "stroke-width": 0.5,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, xu))), 256)) : g("", !0)
               ]))), 256)) : g("", !0) : (n(), i(m, { key: 1 }, [
-                l.value.chart.grid.labels.yAxis.showBaseline ? (n(), i("line", {
+                e.value.chart.grid.labels.yAxis.showBaseline ? (n(), i("line", {
                   key: 0,
-                  stroke: l.value.chart.grid.stroke,
+                  stroke: e.value.chart.grid.stroke,
                   "stroke-width": "1",
                   x1: c.value.left + ee.value,
                   x2: c.value.left + ee.value,
@@ -2171,39 +2171,39 @@ const Bo = {
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, hu)) : g("", !0),
-                l.value.chart.grid.showHorizontalLines ? (n(), i("g", fu, [
-                  (n(!0), i(m, null, _(da.value, (e) => (n(), i("line", {
+                e.value.chart.grid.showHorizontalLines ? (n(), i("g", fu, [
+                  (n(!0), i(m, null, _(da.value, (l) => (n(), i("line", {
                     x1: c.value.left + ee.value,
                     x2: c.value.right,
-                    y1: v(D)(e.y),
-                    y2: v(D)(e.y),
-                    stroke: l.value.chart.grid.stroke,
+                    y1: v(D)(l.y),
+                    y2: v(D)(l.y),
+                    stroke: e.value.chart.grid.stroke,
                     "stroke-width": 0.5,
                     "stroke-linecap": "round",
                     style: { animation: "none !important" }
                   }, null, 8, gu))), 256))
                 ])) : g("", !0)
               ], 64)),
-              l.value.chart.grid.showVerticalLines ? (n(), i("g", bu, [
+              e.value.chart.grid.showVerticalLines ? (n(), i("g", bu, [
                 b("path", {
                   d: Ea.value,
                   "stroke-width": 0.5,
-                  stroke: l.value.chart.grid.stroke,
+                  stroke: e.value.chart.grid.stroke,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, pu)
               ])) : g("", !0),
-              l.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", yu, [
+              e.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", yu, [
                 b("path", {
                   d: Ba.value,
-                  stroke: l.value.chart.grid.stroke,
+                  stroke: e.value.chart.grid.stroke,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, ku)
               ])) : g("", !0)
             ]),
-            (n(!0), i(m, null, _(yl.value, (e, u) => (n(), i("defs", {
+            (n(!0), i(m, null, _(yl.value, (l, u) => (n(), i("defs", {
               key: `def_rect_${u}`
             }, [
               b("linearGradient", {
@@ -2213,15 +2213,15 @@ const Bo = {
               }, [
                 b("stop", {
                   offset: "0%",
-                  "stop-color": e.color
+                  "stop-color": l.color
                 }, null, 8, Su),
                 b("stop", {
                   offset: "62%",
-                  "stop-color": `${v(Ol)(e.color, 0.02)}`
+                  "stop-color": `${v(Ol)(l.color, 0.02)}`
                 }, null, 8, $u),
                 b("stop", {
                   offset: "100%",
-                  "stop-color": `${v(Ol)(e.color, 0.05)}`
+                  "stop-color": `${v(Ol)(l.color, 0.05)}`
                 }, null, 8, _u)
               ], 8, wu),
               b("linearGradient", {
@@ -2231,19 +2231,19 @@ const Bo = {
               }, [
                 b("stop", {
                   offset: "0%",
-                  "stop-color": `${v(Ol)(e.color, 0.05)}`
+                  "stop-color": `${v(Ol)(l.color, 0.05)}`
                 }, null, 8, Mu),
                 b("stop", {
                   offset: "38%",
-                  "stop-color": `${v(Ol)(e.color, 0.02)}`
+                  "stop-color": `${v(Ol)(l.color, 0.02)}`
                 }, null, 8, Au),
                 b("stop", {
                   offset: "100%",
-                  "stop-color": e.color
+                  "stop-color": l.color
                 }, null, 8, Cu)
               ], 8, Lu)
             ]))), 128)),
-            (n(!0), i(m, null, _(ll.value, (e, u) => (n(), i("defs", {
+            (n(!0), i(m, null, _(ll.value, (l, u) => (n(), i("defs", {
               key: `def_plot_${u}`
             }, [
               b("radialGradient", {
@@ -2256,15 +2256,15 @@ const Bo = {
               }, [
                 b("stop", {
                   offset: "0%",
-                  "stop-color": `${v(Ol)(e.color, 0.05)}`
+                  "stop-color": `${v(Ol)(l.color, 0.05)}`
                 }, null, 8, Iu),
                 b("stop", {
                   offset: "100%",
-                  "stop-color": e.color
+                  "stop-color": l.color
                 }, null, 8, Tu)
               ], 8, zu)
             ]))), 128)),
-            (n(!0), i(m, null, _(Ge.value, (e, u) => (n(), i("defs", {
+            (n(!0), i(m, null, _(Ge.value, (l, u) => (n(), i("defs", {
               key: `def_line_${u}`
             }, [
               b("radialGradient", {
@@ -2277,11 +2277,11 @@ const Bo = {
               }, [
                 b("stop", {
                   offset: "0%",
-                  "stop-color": `${v(Ol)(e.color, 0.05)}`
+                  "stop-color": `${v(Ol)(l.color, 0.05)}`
                 }, null, 8, Ou),
                 b("stop", {
                   offset: "100%",
-                  "stop-color": e.color
+                  "stop-color": l.color
                 }, null, 8, Ru)
               ], 8, Nu),
               b("linearGradient", {
@@ -2293,50 +2293,50 @@ const Bo = {
               }, [
                 b("stop", {
                   offset: "0%",
-                  "stop-color": `${v(qe)(v(Ol)(e.color, 0.03), l.value.line.area.opacity)}`
+                  "stop-color": `${v(qe)(v(Ol)(l.color, 0.03), e.value.line.area.opacity)}`
                 }, null, 8, Hu),
                 b("stop", {
                   offset: "100%",
-                  "stop-color": `${v(qe)(e.color, l.value.line.area.opacity)}`
+                  "stop-color": `${v(qe)(l.color, e.value.line.area.opacity)}`
                 }, null, 8, Vu)
               ], 8, Pu)
             ]))), 128)),
-            (n(!0), i(m, null, _(Qa.value, (e) => (n(), i("g", null, [
-              e.show ? (n(), i(m, { key: 0 }, [
-                (n(!0), i(m, null, _(e.span, (u, a) => (n(), i("g", null, [
+            (n(!0), i(m, null, _(Qa.value, (l) => (n(), i("g", null, [
+              l.show ? (n(), i(m, { key: 0 }, [
+                (n(!0), i(m, null, _(l.span, (u, a) => (n(), i("g", null, [
                   b("rect", {
                     style: $({
                       transition: "none",
-                      opacity: e.from + a >= d.value.start && e.from + a <= d.value.end - 1 ? 1 : 0
+                      opacity: l.from + a >= d.value.start && l.from + a <= d.value.end - 1 ? 1 : 0
                     }),
-                    x: c.value.left + c.value.width / M.value * (e.from + a - d.value.start),
+                    x: c.value.left + c.value.width / M.value * (l.from + a - d.value.start),
                     y: c.value.top,
                     height: c.value.height < 0 ? 10 : c.value.height,
                     width: c.value.width / M.value < 0 ? 1e-5 : c.value.width / M.value,
-                    fill: v(qe)(e.color, e.opacity)
+                    fill: v(qe)(l.color, l.opacity)
                   }, null, 12, Eu)
                 ]))), 256)),
-                (n(!0), i(m, null, _(e.span, (u, a) => (n(), i("g", null, [
-                  e.caption.text && a === 0 ? (n(), i("foreignObject", {
+                (n(!0), i(m, null, _(l.span, (u, a) => (n(), i("g", null, [
+                  l.caption.text && a === 0 ? (n(), i("foreignObject", {
                     key: 0,
-                    x: c.value.left + c.value.width / M.value * (e.from + a - d.value.start) - (e.caption.width === "auto" ? 0 : e.caption.width / 2 - c.value.width / M.value * e.span / 2),
-                    y: c.value.top + e.caption.offsetY,
+                    x: c.value.left + c.value.width / M.value * (l.from + a - d.value.start) - (l.caption.width === "auto" ? 0 : l.caption.width / 2 - c.value.width / M.value * l.span / 2),
+                    y: c.value.top + l.caption.offsetY,
                     style: $({
                       overflow: "visible",
-                      opacity: e.to >= d.value.start && e.from < d.value.end ? 1 : 0
+                      opacity: l.to >= d.value.start && l.from < d.value.end ? 1 : 0
                     }),
                     height: "1",
-                    width: e.caption.width === "auto" ? c.value.width / M.value * e.span : e.caption.width
+                    width: l.caption.width === "auto" ? c.value.width / M.value * l.span : l.caption.width
                   }, [
                     b("div", {
-                      style: $(`padding:${e.caption.padding}px;text-align:${e.caption.textAlign};font-size:${e.caption.fontSize}px;color:${e.caption.color};font-weight:${e.caption.bold ? "bold" : "normal"}`)
-                    }, te(e.caption.text), 5)
+                      style: $(`padding:${l.caption.padding}px;text-align:${l.caption.textAlign};font-size:${l.caption.fontSize}px;color:${l.caption.color};font-weight:${l.caption.bold ? "bold" : "normal"}`)
+                    }, te(l.caption.text), 5)
                   ], 12, Bu)) : g("", !0)
                 ]))), 256))
               ], 64)) : g("", !0)
             ]))), 256)),
             Jt.value ? (n(), i("g", Fu, [
-              (n(!0), i(m, null, _(M.value, (e, u) => (n(), i("g", {
+              (n(!0), i(m, null, _(M.value, (l, u) => (n(), i("g", {
                 key: `tooltip_trap_highlighter_${u}`
               }, [
                 b("rect", {
@@ -2344,17 +2344,17 @@ const Bo = {
                   y: c.value.top,
                   height: c.value.height < 0 ? 10 : c.value.height,
                   width: c.value.width / M.value < 0 ? 1e-5 : c.value.width / M.value,
-                  fill: [C.value, w.value, Ce.value].includes(u) ? v(qe)(l.value.chart.highlighter.color, l.value.chart.highlighter.opacity) : "transparent",
+                  fill: [C.value, w.value, Ce.value].includes(u) ? v(qe)(e.value.chart.highlighter.color, e.value.chart.highlighter.opacity) : "transparent",
                   style: { transition: "none !important", animation: "none !important" }
                 }, null, 8, Wu)
               ]))), 128))
             ])) : g("", !0),
-            yl.value.length ? (n(!0), i(m, { key: 1 }, _(yl.value, (e, u) => (n(), i("g", {
+            yl.value.length ? (n(!0), i(m, { key: 1 }, _(yl.value, (l, u) => (n(), i("g", {
               key: `serie_bar_${u}`,
               class: Oe(`serie_bar_${u}`),
-              style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i("g", {
+              (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i("g", {
                 key: `bar_plot_${u}_${s}`
               }, [
                 Ie(a.value) ? (n(), i("rect", {
@@ -2363,11 +2363,11 @@ const Bo = {
                   y: y.value.useIndividualScale ? ia(a) : na(a),
                   height: y.value.useIndividualScale ? Math.abs(ua(a)) : Math.abs(oa(a)),
                   width: wt.value - St.value,
-                  rx: l.value.bar.borderRadius,
-                  fill: l.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${u}_${Q.value})` : `url(#rectGradient_neg_${u}_${Q.value})` : e.color,
-                  stroke: l.value.bar.border.useSerieColor ? e.color : l.value.bar.border.stroke,
-                  "stroke-width": l.value.bar.border.strokeWidth,
-                  style: $({ transition: v(ie) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out` })
+                  rx: e.value.bar.borderRadius,
+                  fill: e.value.bar.useGradient ? a.value >= 0 ? `url(#rectGradient_pos_${u}_${Q.value})` : `url(#rectGradient_neg_${u}_${Q.value})` : l.color,
+                  stroke: e.value.bar.border.useSerieColor ? l.color : e.value.bar.border.stroke,
+                  "stroke-width": e.value.bar.border.strokeWidth,
+                  style: $({ transition: v(ie) || !e.value.bar.showTransition ? void 0 : `all ${e.value.bar.transitionDurationMs}ms ease-in-out` })
                 }, null, 12, Yu)) : g("", !0),
                 Ie(a.value) && t.$slots.pattern ? (n(), i("rect", {
                   key: 1,
@@ -2375,26 +2375,26 @@ const Bo = {
                   y: y.value.useIndividualScale ? ia(a) : na(a),
                   height: y.value.useIndividualScale ? Math.abs(ua(a)) : Math.abs(oa(a)),
                   width: wt.value - St.value,
-                  rx: l.value.bar.borderRadius,
-                  fill: `url(#pattern_${Q.value}_${e.slotAbsoluteIndex})`,
-                  stroke: l.value.bar.border.useSerieColor ? e.color : l.value.bar.border.stroke,
-                  "stroke-width": l.value.bar.border.strokeWidth,
-                  style: $({ transition: v(ie) || !l.value.bar.showTransition ? void 0 : `all ${l.value.bar.transitionDurationMs}ms ease-in-out` })
+                  rx: e.value.bar.borderRadius,
+                  fill: `url(#pattern_${Q.value}_${l.slotAbsoluteIndex})`,
+                  stroke: e.value.bar.border.useSerieColor ? l.color : e.value.bar.border.stroke,
+                  "stroke-width": e.value.bar.border.strokeWidth,
+                  style: $({ transition: v(ie) || !e.value.bar.showTransition ? void 0 : `all ${e.value.bar.transitionDurationMs}ms ease-in-out` })
                 }, null, 12, Du)) : g("", !0),
-                a.comment && l.value.chart.comments.show ? (n(), i("foreignObject", {
+                a.comment && e.value.chart.comments.show ? (n(), i("foreignObject", {
                   key: 2,
                   style: { overflow: "visible" },
                   height: "12",
-                  width: wt.value / 2 + l.value.chart.comments.width,
-                  x: yt(a) - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
-                  y: v(H)(a.y) + l.value.chart.comments.offsetY + 6
+                  width: wt.value / 2 + e.value.chart.comments.width,
+                  x: yt(a) - e.value.chart.comments.width / 2 + e.value.chart.comments.offsetX,
+                  y: v(H)(a.y) + e.value.chart.comments.offsetY + 6
                 }, [
                   J(t.$slots, "plot-comment", {
-                    plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: s }
+                    plot: { ...a, color: l.color, seriesIndex: u, datapointIndex: s }
                   }, void 0, !0)
                 ], 8, Xu)) : g("", !0)
               ]))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(j)(e.plots).trend) ? (n(), i("g", Gu, [
+              Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(v(j)(l.plots).trend) ? (n(), i("g", Gu, [
                 b("defs", null, [
                   b("marker", {
                     id: `bar_arrow_${u}`,
@@ -2406,38 +2406,38 @@ const Bo = {
                   }, [
                     b("polygon", {
                       points: `0 0, 7 ${7 / 2}, 0 7`,
-                      fill: e.color
+                      fill: l.color
                     }, null, 8, Zu)
                   ], 8, Uu)
                 ]),
-                e.plots.length > 1 ? (n(), i("line", {
+                l.plots.length > 1 ? (n(), i("line", {
                   key: 0,
-                  x1: v(j)(e.plots).x1 + Gl(),
-                  x2: v(j)(e.plots).x2 + Gl(),
-                  y1: v(D)(v(j)(e.plots).y1),
-                  y2: v(D)(v(j)(e.plots).y2),
+                  x1: v(j)(l.plots).x1 + Gl(),
+                  x2: v(j)(l.plots).x2 + Gl(),
+                  y1: v(D)(v(j)(l.plots).y1),
+                  y2: v(D)(v(j)(l.plots).y2),
                   "stroke-width": 1,
-                  stroke: e.color,
+                  stroke: l.color,
                   "stroke-dasharray": 2,
                   "marker-end": `url(#bar_arrow_${u})`
                 }, null, 8, qu)) : g("", !0),
-                e.plots.length > 1 ? (n(), i("text", {
+                l.plots.length > 1 ? (n(), i("text", {
                   key: 1,
                   "text-anchor": "middle",
-                  x: v(j)(e.plots).x2 + Gl(),
-                  y: v(j)(e.plots).y2 - 6,
+                  x: v(j)(l.plots).x2 + Gl(),
+                  y: v(j)(l.plots).y2 - 6,
                   "font-size": S.value.plotLabels,
-                  fill: e.color
+                  fill: l.color
                 }, te(v(Fe)({
-                  v: v(j)(e.plots).trend * 100,
+                  v: v(j)(l.plots).trend * 100,
                   s: "%",
                   r: 2
                 })), 9, Ku)) : g("", !0)
               ])) : g("", !0)
             ], 6))), 128)) : g("", !0),
-            !y.value.useIndividualScale && l.value.chart.grid.labels.zeroLine.show ? (n(), i("line", {
+            !y.value.useIndividualScale && e.value.chart.grid.labels.zeroLine.show ? (n(), i("line", {
               key: 2,
-              stroke: l.value.chart.grid.stroke,
+              stroke: e.value.chart.grid.stroke,
               "stroke-width": "1",
               x1: c.value.left + ee.value,
               x2: c.value.right - ee.value,
@@ -2446,159 +2446,159 @@ const Bo = {
               "stroke-linecap": "round",
               style: { animation: "none !important" }
             }, null, 8, Ju)) : g("", !0),
-            l.value.chart.highlighter.useLine && (![null, void 0].includes(w.value) || ![null, void 0].includes(C.value)) ? (n(), i("g", Qu, [
+            e.value.chart.highlighter.useLine && (![null, void 0].includes(w.value) || ![null, void 0].includes(C.value)) ? (n(), i("g", Qu, [
               b("line", {
                 x1: c.value.left + c.value.width / M.value * ((w.value !== null ? w.value : 0) || (C.value !== null ? C.value : 0)) + c.value.width / M.value / 2,
                 x2: c.value.left + c.value.width / M.value * ((w.value !== null ? w.value : 0) || (C.value !== null ? C.value : 0)) + c.value.width / M.value / 2,
                 y1: v(D)(c.value.top),
                 y2: v(D)(c.value.bottom),
-                stroke: l.value.chart.highlighter.color,
-                "stroke-width": l.value.chart.highlighter.lineWidth,
-                "stroke-dasharray": l.value.chart.highlighter.lineDasharray,
+                stroke: e.value.chart.highlighter.color,
+                "stroke-width": e.value.chart.highlighter.lineWidth,
+                "stroke-dasharray": e.value.chart.highlighter.lineDasharray,
                 "stroke-linecap": "round",
                 style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
               }, null, 8, ju)
             ])) : g("", !0),
-            l.value.chart.grid.frame.show ? (n(), i("rect", {
+            e.value.chart.grid.frame.show ? (n(), i("rect", {
               key: 4,
               style: { pointerEvents: "none", transition: "none", animation: "none !important" },
               x: c.value.left + ee.value < 0 ? 0 : c.value.left + ee.value,
               y: c.value.top,
-              width: c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / M.value) < 0 ? 0 : c.value.width - (l.value.chart.grid.position === "middle" ? 0 : c.value.width / M.value),
+              width: c.value.width - (e.value.chart.grid.position === "middle" ? 0 : c.value.width / M.value) < 0 ? 0 : c.value.width - (e.value.chart.grid.position === "middle" ? 0 : c.value.width / M.value),
               height: c.value.height < 0 ? 0 : c.value.height,
               fill: "transparent",
-              stroke: l.value.chart.grid.frame.stroke,
-              "stroke-width": l.value.chart.grid.frame.strokeWidth,
-              "stroke-linecap": l.value.chart.grid.frame.strokeLinecap,
-              "stroke-linejoin": l.value.chart.grid.frame.strokeLinejoin,
-              "stroke-dasharray": l.value.chart.grid.frame.strokeDasharray
+              stroke: e.value.chart.grid.frame.stroke,
+              "stroke-width": e.value.chart.grid.frame.strokeWidth,
+              "stroke-linecap": e.value.chart.grid.frame.strokeLinecap,
+              "stroke-linejoin": e.value.chart.grid.frame.strokeLinejoin,
+              "stroke-dasharray": e.value.chart.grid.frame.strokeDasharray
             }, null, 8, en)) : g("", !0),
-            l.value.chart.grid.labels.show ? (n(), i("g", {
+            e.value.chart.grid.labels.show ? (n(), i("g", {
               key: 5,
               ref_key: "scaleLabels",
               ref: Z
             }, [
               y.value.useIndividualScale ? (n(), i(m, { key: 0 }, [
-                (n(!0), i(m, null, _(ot.value, (e) => (n(), i("g", null, [
+                (n(!0), i(m, null, _(ot.value, (l) => (n(), i("g", null, [
                   b("line", {
-                    x1: e.x + ee.value - c.value.individualOffsetX,
-                    x2: e.x + ee.value - c.value.individualOffsetX,
-                    y1: y.value.isStacked ? v(D)(c.value.bottom - e.yOffset - e.individualHeight) : v(D)(c.value.top),
-                    y2: y.value.isStacked ? v(D)(c.value.bottom - e.yOffset) : v(D)(c.value.bottom),
-                    stroke: e.color,
-                    "stroke-width": l.value.chart.grid.stroke,
+                    x1: l.x + ee.value - c.value.individualOffsetX,
+                    x2: l.x + ee.value - c.value.individualOffsetX,
+                    y1: y.value.isStacked ? v(D)(c.value.bottom - l.yOffset - l.individualHeight) : v(D)(c.value.top),
+                    y2: y.value.isStacked ? v(D)(c.value.bottom - l.yOffset) : v(D)(c.value.bottom),
+                    stroke: l.color,
+                    "stroke-width": e.value.chart.grid.stroke,
                     "stroke-linecap": "round",
-                    style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
+                    style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
                   }, null, 12, ln)
                 ]))), 256)),
-                (n(!0), i(m, null, _(ot.value, (e) => (n(), i("g", {
-                  style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+                (n(!0), i(m, null, _(ot.value, (l) => (n(), i("g", {
+                  style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   b("text", {
-                    fill: e.color,
+                    fill: l.color,
                     "font-size": S.value.dataLabels * 0.8,
                     "text-anchor": "middle",
-                    transform: `translate(${e.x - S.value.dataLabels * 0.8 / 2 + ee.value}, ${y.value.isStacked ? c.value.bottom - e.yOffset - e.individualHeight / 2 : c.value.top + c.value.height / 2}) rotate(-90)`
-                  }, te(e.name) + " " + te(e.scaleLabel && e.unique && e.scaleLabel !== e.id ? `-
-                                    ${e.scaleLabel}` : ""), 9, tn),
-                  (n(!0), i(m, null, _(e.yLabels, (u, a) => (n(), i(m, null, [
-                    l.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), i("line", {
+                    transform: `translate(${l.x - S.value.dataLabels * 0.8 / 2 + ee.value}, ${y.value.isStacked ? c.value.bottom - l.yOffset - l.individualHeight / 2 : c.value.top + c.value.height / 2}) rotate(-90)`
+                  }, te(l.name) + " " + te(l.scaleLabel && l.unique && l.scaleLabel !== l.id ? `-
+                                    ${l.scaleLabel}` : ""), 9, tn),
+                  (n(!0), i(m, null, _(l.yLabels, (u, a) => (n(), i(m, null, [
+                    e.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), i("line", {
                       key: 0,
-                      x1: e.x + 3 + ee.value - l.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
-                      x2: e.x + ee.value - c.value.individualOffsetX,
+                      x1: l.x + 3 + ee.value - e.value.chart.grid.labels.yAxis.crosshairSize - c.value.individualOffsetX,
+                      x2: l.x + ee.value - c.value.individualOffsetX,
                       y1: v(D)(u.y),
                       y2: v(D)(u.y),
-                      stroke: e.color,
+                      stroke: l.color,
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       style: { animation: "none !important" }
                     }, null, 8, an)) : g("", !0)
                   ], 64))), 256)),
-                  (n(!0), i(m, null, _(e.yLabels, (u, a) => (n(), i("text", {
-                    x: e.x - 5 + ee.value - c.value.individualOffsetX,
+                  (n(!0), i(m, null, _(l.yLabels, (u, a) => (n(), i("text", {
+                    x: l.x - 5 + ee.value - c.value.individualOffsetX,
                     y: v(D)(u.y) + S.value.dataLabels / 3,
                     "font-size": S.value.dataLabels,
                     "text-anchor": "end",
-                    fill: e.color
+                    fill: l.color
                   }, te(v(pe)(
-                    l.value.chart.grid.labels.yAxis.formatter,
+                    e.value.chart.grid.labels.yAxis.formatter,
                     u.value,
                     v(Fe)({
                       p: u.prefix,
                       v: u.value,
                       s: u.suffix,
-                      r: l.value.chart.grid.labels.yAxis.rounding
+                      r: e.value.chart.grid.labels.yAxis.rounding
                     }),
                     { datapoint: u.datapoint, seriesIndex: a }
                   )), 9, on))), 256))
                 ], 4))), 256))
-              ], 64)) : (n(!0), i(m, { key: 1 }, _(da.value, (e, u) => (n(), i("g", {
+              ], 64)) : (n(!0), i(m, { key: 1 }, _(da.value, (l, u) => (n(), i("g", {
                 key: `yLabel_${u}`
               }, [
-                Ie(e) && e.value >= Xe.value.min && e.value <= Xe.value.max && l.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), i("line", {
+                Ie(l) && l.value >= Xe.value.min && l.value <= Xe.value.max && e.value.chart.grid.labels.yAxis.showCrosshairs ? (n(), i("line", {
                   key: 0,
                   x1: c.value.left,
-                  x2: c.value.left - l.value.chart.grid.labels.yAxis.crosshairSize,
-                  y1: v(D)(e.y),
-                  y2: v(D)(e.y),
-                  stroke: l.value.chart.grid.stroke,
+                  x2: c.value.left - e.value.chart.grid.labels.yAxis.crosshairSize,
+                  y1: v(D)(l.y),
+                  y2: v(D)(l.y),
+                  stroke: e.value.chart.grid.stroke,
                   "stroke-width": "1",
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, un)) : g("", !0),
-                e.value >= Xe.value.min && e.value <= Xe.value.max ? (n(), i("text", {
+                l.value >= Xe.value.min && l.value <= Xe.value.max ? (n(), i("text", {
                   key: 1,
-                  x: c.value.scaleLabelX - l.value.chart.grid.labels.yAxis.crosshairSize,
-                  y: v(H)(e.y + S.value.dataLabels / 3),
+                  x: c.value.scaleLabelX - e.value.chart.grid.labels.yAxis.crosshairSize,
+                  y: v(H)(l.y + S.value.dataLabels / 3),
                   "font-size": S.value.dataLabels,
                   "text-anchor": "end",
-                  fill: l.value.chart.grid.labels.color
-                }, te(Ie(e.value) ? v(pe)(
-                  l.value.chart.grid.labels.yAxis.formatter,
-                  e.value,
+                  fill: e.value.chart.grid.labels.color
+                }, te(Ie(l.value) ? v(pe)(
+                  e.value.chart.grid.labels.yAxis.formatter,
+                  l.value,
                   v(Fe)({
-                    p: e.prefix,
-                    v: e.value,
-                    s: e.suffix,
-                    r: l.value.chart.grid.labels.yAxis.rounding
+                    p: l.prefix,
+                    v: l.value,
+                    s: l.suffix,
+                    r: e.value.chart.grid.labels.yAxis.rounding
                   })
                 ) : ""), 9, nn)) : g("", !0)
               ]))), 128))
             ], 512)) : g("", !0),
-            (n(!0), i(m, null, _(ll.value, (e, u) => (n(), i("g", {
+            (n(!0), i(m, null, _(ll.value, (l, u) => (n(), i("g", {
               key: `serie_plot_${u}`,
               class: Oe(`serie_plot_${u}`),
-              style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i("g", {
+              (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i("g", {
                 key: `circle_plot_${u}_${s}`
               }, [
                 a && Ie(a.value) ? (n(), Ue(At, {
                   key: 0,
-                  shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: l.value.plot.useGradient ? `url(#plotGradient_${u}_${Q.value})` : l.value.plot.dot.useSerieColor ? e.color : l.value.plot.dot.fill,
+                  shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(l.shape) ? l.shape : "circle",
+                  color: e.value.plot.useGradient ? `url(#plotGradient_${u}_${Q.value})` : e.value.plot.dot.useSerieColor ? l.color : e.value.plot.dot.fill,
                   plot: { x: v(H)(a.x), y: v(H)(a.y) },
                   radius: w.value !== null && w.value === s || C.value !== null && C.value === s ? (Le.value.plot || 6) * 1.5 : Le.value.plot || 6,
-                  stroke: l.value.plot.dot.useSerieColor ? l.value.chart.backgroundColor : e.color,
-                  strokeWidth: l.value.plot.dot.strokeWidth,
-                  transition: v(ie) || !l.value.plot.showTransition || w.value !== null && w.value === s || C.value !== null && C.value === s ? void 0 : `all ${l.value.plot.transitionDurationMs}ms ease-in-out`
+                  stroke: e.value.plot.dot.useSerieColor ? e.value.chart.backgroundColor : l.color,
+                  strokeWidth: e.value.plot.dot.strokeWidth,
+                  transition: v(ie) || !e.value.plot.showTransition || w.value !== null && w.value === s || C.value !== null && C.value === s ? void 0 : `all ${e.value.plot.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : g("", !0),
-                a.comment && l.value.chart.comments.show ? (n(), i("foreignObject", {
+                a.comment && e.value.chart.comments.show ? (n(), i("foreignObject", {
                   key: 1,
                   style: { overflow: "visible" },
                   height: "12",
-                  width: l.value.chart.comments.width,
-                  x: a.x - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
-                  y: a.y + l.value.chart.comments.offsetY + 6
+                  width: e.value.chart.comments.width,
+                  x: a.x - e.value.chart.comments.width / 2 + e.value.chart.comments.offsetX,
+                  y: a.y + e.value.chart.comments.offsetY + 6
                 }, [
                   b("div", rn, [
                     J(t.$slots, "plot-comment", {
-                      plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: s }
+                      plot: { ...a, color: l.color, seriesIndex: u, datapointIndex: s }
                     }, void 0, !0)
                   ])
                 ], 8, sn)) : g("", !0)
               ]))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(j)(e.plots).trend) ? (n(), i("g", cn, [
+              Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(v(j)(l.plots).trend) ? (n(), i("g", cn, [
                 b("defs", null, [
                   b("marker", {
                     id: `plot_arrow_${u}`,
@@ -2610,148 +2610,148 @@ const Bo = {
                   }, [
                     b("polygon", {
                       points: `0 0, 7 ${7 / 2}, 0 7`,
-                      fill: e.color
+                      fill: l.color
                     }, null, 8, dn)
                   ], 8, vn)
                 ]),
-                e.plots.length > 1 ? (n(), i("line", {
+                l.plots.length > 1 ? (n(), i("line", {
                   key: 0,
-                  x1: v(j)(e.plots).x1,
-                  x2: v(j)(e.plots).x2,
-                  y1: v(D)(v(j)(e.plots).y1),
-                  y2: v(D)(v(j)(e.plots).y2),
+                  x1: v(j)(l.plots).x1,
+                  x2: v(j)(l.plots).x2,
+                  y1: v(D)(v(j)(l.plots).y1),
+                  y2: v(D)(v(j)(l.plots).y2),
                   "stroke-width": 1,
-                  stroke: e.color,
+                  stroke: l.color,
                   "stroke-dasharray": 2,
                   "marker-end": `url(#plot_arrow_${u})`
                 }, null, 8, hn)) : g("", !0),
-                e.plots.length > 1 ? (n(), i("text", {
+                l.plots.length > 1 ? (n(), i("text", {
                   key: 1,
                   "text-anchor": "middle",
-                  x: v(j)(e.plots).x2,
-                  y: v(j)(e.plots).y2 - 6,
+                  x: v(j)(l.plots).x2,
+                  y: v(j)(l.plots).y2 - 6,
                   "font-size": S.value.plotLabels,
-                  fill: e.color
+                  fill: l.color
                 }, te(v(Fe)({
-                  v: v(j)(e.plots).trend * 100,
+                  v: v(j)(l.plots).trend * 100,
                   s: "%",
                   r: 2
                 })), 9, fn)) : g("", !0)
               ])) : g("", !0)
             ], 6))), 128)),
-            (n(!0), i(m, null, _(Ge.value, (e, u) => (n(), i("g", {
+            (n(!0), i(m, null, _(Ge.value, (l, u) => (n(), i("g", {
               key: `serie_line_${u}`,
               class: Oe(`serie_line_${u}`),
-              style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              e.smooth && e.plots.length > 1 && e.curve ? (n(), i("path", {
+              l.smooth && l.plots.length > 1 && l.curve ? (n(), i("path", {
                 key: 0,
-                d: `M${e.curve}`,
-                stroke: l.value.chart.backgroundColor,
-                "stroke-width": l.value.line.strokeWidth + 1,
-                "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
+                d: `M${l.curve}`,
+                stroke: e.value.chart.backgroundColor,
+                "stroke-width": e.value.line.strokeWidth + 1,
+                "stroke-dasharray": l.dashed ? e.value.line.strokeWidth * 2 : 0,
                 fill: "none",
-                style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, gn)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
+                style: $({ transition: v(ie) || !e.value.line.showTransition ? void 0 : `all ${e.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, gn)) : l.plots.length > 1 && l.straight ? (n(), i("path", {
                 key: 1,
-                d: `M${e.straight}`,
-                stroke: l.value.chart.backgroundColor,
-                "stroke-width": l.value.line.strokeWidth + 1,
-                "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
+                d: `M${l.straight}`,
+                stroke: e.value.chart.backgroundColor,
+                "stroke-width": e.value.line.strokeWidth + 1,
+                "stroke-dasharray": l.dashed ? e.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                style: $({ transition: v(ie) || !e.value.line.showTransition ? void 0 : `all ${e.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, mn)) : g("", !0)
             ], 6))), 128)),
             t.$slots.pattern ? (n(), i("defs", xn, [
-              (n(!0), i(m, null, _(sl.value, (e, u) => J(t.$slots, "pattern", _t({
+              (n(!0), i(m, null, _(sl.value, (l, u) => J(t.$slots, "pattern", _t({
                 key: `serie_pattern_slot_${u}`
-              }, { ref_for: !0 }, { ...e, seriesIndex: e.slotAbsoluteIndex, patternId: `pattern_${Q.value}_${u}` }), void 0, !0)), 128))
+              }, { ref_for: !0 }, { ...l, seriesIndex: l.slotAbsoluteIndex, patternId: `pattern_${Q.value}_${u}` }), void 0, !0)), 128))
             ])) : g("", !0),
-            (n(!0), i(m, null, _(Ge.value, (e, u) => (n(), i("g", {
+            (n(!0), i(m, null, _(Ge.value, (l, u) => (n(), i("g", {
               key: `serie_line_${u}`,
               class: Oe(`serie_line_${u}`),
-              style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              e.useArea && e.plots.length > 1 ? (n(), i("g", bn, [
-                e.smooth ? (n(!0), i(m, { key: 0 }, _(e.curveAreas, (a, s) => (n(), i(m, { key: s }, [
+              l.useArea && l.plots.length > 1 ? (n(), i("g", bn, [
+                l.smooth ? (n(!0), i(m, { key: 0 }, _(l.curveAreas, (a, s) => (n(), i(m, { key: s }, [
                   a ? (n(), i("path", {
                     key: 0,
                     d: a,
-                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${u}_${Q.value})` : v(qe)(e.color, l.value.line.area.opacity),
-                    style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                    fill: e.value.line.area.useGradient ? `url(#areaGradient_${u}_${Q.value})` : v(qe)(l.color, e.value.line.area.opacity),
+                    style: $({ transition: v(ie) || !e.value.line.showTransition ? void 0 : `all ${e.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, pn)) : g("", !0),
                   t.$slots.pattern && a ? (n(), i("path", {
                     key: 1,
                     d: a,
-                    fill: `url(#pattern_${Q.value}_${e.slotAbsoluteIndex})`,
-                    style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                    fill: `url(#pattern_${Q.value}_${l.slotAbsoluteIndex})`,
+                    style: $({ transition: v(ie) || !e.value.line.showTransition ? void 0 : `all ${e.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, yn)) : g("", !0)
-                ], 64))), 128)) : (n(!0), i(m, { key: 1 }, _(e.area.split(";"), (a, s) => (n(), i(m, { key: s }, [
+                ], 64))), 128)) : (n(!0), i(m, { key: 1 }, _(l.area.split(";"), (a, s) => (n(), i(m, { key: s }, [
                   a ? (n(), i("path", {
                     key: 0,
                     d: `M${a}Z`,
-                    fill: l.value.line.area.useGradient ? `url(#areaGradient_${u}_${Q.value})` : v(qe)(e.color, l.value.line.area.opacity),
-                    style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                    fill: e.value.line.area.useGradient ? `url(#areaGradient_${u}_${Q.value})` : v(qe)(l.color, e.value.line.area.opacity),
+                    style: $({ transition: v(ie) || !e.value.line.showTransition ? void 0 : `all ${e.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, kn)) : g("", !0),
                   t.$slots.pattern && a ? (n(), i("path", {
                     key: 1,
                     d: `M${a}Z`,
-                    fill: `url(#pattern_${Q.value}_${e.slotAbsoluteIndex})`,
-                    style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                    fill: `url(#pattern_${Q.value}_${l.slotAbsoluteIndex})`,
+                    style: $({ transition: v(ie) || !e.value.line.showTransition ? void 0 : `all ${e.value.line.transitionDurationMs}ms ease-in-out` })
                   }, null, 12, wn)) : g("", !0)
                 ], 64))), 128))
               ])) : g("", !0),
-              e.smooth && e.plots.length > 1 && e.curve ? (n(), i("path", {
+              l.smooth && l.plots.length > 1 && l.curve ? (n(), i("path", {
                 key: 1,
-                d: `M${e.curve}`,
-                stroke: e.color,
-                "stroke-width": l.value.line.strokeWidth,
-                "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
+                d: `M${l.curve}`,
+                stroke: l.color,
+                "stroke-width": e.value.line.strokeWidth,
+                "stroke-dasharray": l.dashed ? e.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 "stroke-linecap": "round",
-                style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
-              }, null, 12, Sn)) : e.plots.length > 1 && e.straight ? (n(), i("path", {
+                style: $({ transition: v(ie) || !e.value.line.showTransition ? void 0 : `all ${e.value.line.transitionDurationMs}ms ease-in-out` })
+              }, null, 12, Sn)) : l.plots.length > 1 && l.straight ? (n(), i("path", {
                 key: 2,
-                d: `M${e.straight}`,
-                stroke: e.color,
-                "stroke-width": l.value.line.strokeWidth,
-                "stroke-dasharray": e.dashed ? l.value.line.strokeWidth * 2 : 0,
+                d: `M${l.straight}`,
+                stroke: l.color,
+                "stroke-width": e.value.line.strokeWidth,
+                "stroke-dasharray": l.dashed ? e.value.line.strokeWidth * 2 : 0,
                 fill: "none",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
-                style: $({ transition: v(ie) || !l.value.line.showTransition ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out` })
+                style: $({ transition: v(ie) || !e.value.line.showTransition ? void 0 : `all ${e.value.line.transitionDurationMs}ms ease-in-out` })
               }, null, 12, $n)) : g("", !0),
-              (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i(m, {
+              (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i(m, {
                 key: `circle_line_${u}_${s}`
               }, [
-                !ca.value.linePlot && a && Ie(a.value) || ca.value.linePlot && a && Ie(a.value) && (w.value !== null && w.value === s || C.value !== null && C.value === s) || fa(e.plots, s) ? (n(), Ue(At, {
+                !ca.value.linePlot && a && Ie(a.value) || ca.value.linePlot && a && Ie(a.value) && (w.value !== null && w.value === s || C.value !== null && C.value === s) || fa(l.plots, s) ? (n(), Ue(At, {
                   key: 0,
-                  shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-                  color: l.value.line.useGradient ? `url(#lineGradient_${u}_${Q.value})` : l.value.line.dot.useSerieColor ? e.color : l.value.line.dot.fill,
+                  shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(l.shape) ? l.shape : "circle",
+                  color: e.value.line.useGradient ? `url(#lineGradient_${u}_${Q.value})` : e.value.line.dot.useSerieColor ? l.color : e.value.line.dot.fill,
                   plot: { x: v(H)(a.x), y: v(H)(a.y) },
-                  radius: w.value !== null && w.value === s || C.value !== null && C.value === s ? (Le.value.line || 6) * 1.5 : (fa(e.plots, s), Le.value.line || 6),
-                  stroke: l.value.line.dot.useSerieColor ? l.value.chart.backgroundColor : e.color,
-                  strokeWidth: l.value.line.dot.strokeWidth,
-                  transition: v(ie) || !l.value.line.showTransition || w.value !== null && w.value === s || C.value !== null && C.value === s ? void 0 : `all ${l.value.line.transitionDurationMs}ms ease-in-out`
+                  radius: w.value !== null && w.value === s || C.value !== null && C.value === s ? (Le.value.line || 6) * 1.5 : (fa(l.plots, s), Le.value.line || 6),
+                  stroke: e.value.line.dot.useSerieColor ? e.value.chart.backgroundColor : l.color,
+                  strokeWidth: e.value.line.dot.strokeWidth,
+                  transition: v(ie) || !e.value.line.showTransition || w.value !== null && w.value === s || C.value !== null && C.value === s ? void 0 : `all ${e.value.line.transitionDurationMs}ms ease-in-out`
                 }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth", "transition"])) : g("", !0),
-                a.comment && l.value.chart.comments.show ? (n(), i("foreignObject", {
+                a.comment && e.value.chart.comments.show ? (n(), i("foreignObject", {
                   key: 1,
                   style: { overflow: "visible" },
                   height: "12",
-                  width: l.value.chart.comments.width,
-                  x: a.x - l.value.chart.comments.width / 2 + l.value.chart.comments.offsetX,
-                  y: a.y + l.value.chart.comments.offsetY + 6
+                  width: e.value.chart.comments.width,
+                  x: a.x - e.value.chart.comments.width / 2 + e.value.chart.comments.offsetX,
+                  y: a.y + e.value.chart.comments.offsetY + 6
                 }, [
                   b("div", Ln, [
                     J(t.$slots, "plot-comment", {
-                      plot: { ...a, color: e.color, seriesIndex: u, datapointIndex: s }
+                      plot: { ...a, color: l.color, seriesIndex: u, datapointIndex: s }
                     }, void 0, !0)
                   ])
                 ], 8, _n)) : g("", !0)
               ], 64))), 128)),
-              Object.hasOwn(e, "useProgression") && e.useProgression === !0 && !isNaN(v(j)(e.plots).trend) ? (n(), i("g", Mn, [
+              Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(v(j)(l.plots).trend) ? (n(), i("g", Mn, [
                 b("defs", null, [
                   b("marker", {
                     id: `line_arrow_${u}`,
@@ -2763,120 +2763,120 @@ const Bo = {
                   }, [
                     b("polygon", {
                       points: `0 0, 7 ${7 / 2}, 0 7`,
-                      fill: e.color
+                      fill: l.color
                     }, null, 8, Cn)
                   ], 8, An)
                 ]),
-                e.plots.length > 1 ? (n(), i("line", {
+                l.plots.length > 1 ? (n(), i("line", {
                   key: 0,
-                  x1: v(j)(e.plots).x1,
-                  x2: v(j)(e.plots).x2,
-                  y1: v(D)(v(j)(e.plots).y1),
-                  y2: v(D)(v(j)(e.plots).y2),
+                  x1: v(j)(l.plots).x1,
+                  x2: v(j)(l.plots).x2,
+                  y1: v(D)(v(j)(l.plots).y1),
+                  y2: v(D)(v(j)(l.plots).y2),
                   "stroke-width": 1,
-                  stroke: e.color,
+                  stroke: l.color,
                   "stroke-dasharray": 2,
                   "marker-end": `url(#line_arrow_${u})`
                 }, null, 8, zn)) : g("", !0),
-                e.plots.length > 1 ? (n(), i("text", {
+                l.plots.length > 1 ? (n(), i("text", {
                   key: 1,
                   "text-anchor": "middle",
-                  x: v(j)(e.plots).x2,
-                  y: v(j)(e.plots).y2 - 6,
+                  x: v(j)(l.plots).x2,
+                  y: v(j)(l.plots).y2 - 6,
                   "font-size": S.value.plotLabels,
-                  fill: e.color
+                  fill: l.color
                 }, te(v(Fe)({
-                  v: v(j)(e.plots).trend * 100,
+                  v: v(j)(l.plots).trend * 100,
                   s: "%",
                   r: 2
                 })), 9, In)) : g("", !0)
               ])) : g("", !0)
             ], 6))), 128)),
-            (l.value.bar.labels.show || l.value.bar.serieName.show) && y.value.dataLabels.show ? (n(), i("g", Tn, [
-              (n(!0), i(m, null, _(yl.value, (e, u) => (n(), i(m, {
+            (e.value.bar.labels.show || e.value.bar.serieName.show) && y.value.dataLabels.show ? (n(), i("g", Tn, [
+              (n(!0), i(m, null, _(yl.value, (l, u) => (n(), i(m, {
                 key: `xLabel_bar_${u}`
               }, [
-                (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i(m, {
+                (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i(m, {
                   key: `xLabel_bar_${u}_${s}`
                 }, [
-                  a && (!Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || w.value !== null && w.value === s || C.value !== null && C.value === s) && l.value.bar.labels.show ? (n(), i("text", {
+                  a && (!Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || w.value !== null && w.value === s || C.value !== null && C.value === s) && e.value.bar.labels.show ? (n(), i("text", {
                     key: 0,
                     x: y.value.useIndividualScale && y.value.isStacked ? a.x + oe.value.line / 2 : yt(a) + Gl() / 2 - kt.value / 2,
-                    y: v(H)(a.y) + (a.value >= 0 ? l.value.bar.labels.offsetY : -l.value.bar.labels.offsetY * 3),
+                    y: v(H)(a.y) + (a.value >= 0 ? e.value.bar.labels.offsetY : -e.value.bar.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": S.value.plotLabels,
-                    fill: l.value.bar.labels.color,
-                    style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                    fill: e.value.bar.labels.color,
+                    style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, te(Ie(a.value) ? v(pe)(
-                    l.value.bar.labels.formatter,
+                    e.value.bar.labels.formatter,
                     a.value,
                     v(Fe)({
-                      p: e.prefix || l.value.chart.labels.prefix,
+                      p: l.prefix || e.value.chart.labels.prefix,
                       v: a.value,
-                      s: e.suffix || l.value.chart.labels.suffix,
-                      r: l.value.bar.labels.rounding
+                      s: l.suffix || e.value.chart.labels.suffix,
+                      r: e.value.bar.labels.rounding
                     }),
                     {
                       datapoint: a,
-                      serie: e
+                      serie: l
                     }
                   ) : ""), 13, Nn)) : g("", !0),
-                  a && l.value.bar.serieName.show ? (n(), i("text", {
+                  a && e.value.bar.serieName.show ? (n(), i("text", {
                     key: 1,
                     x: y.value.useIndividualScale && y.value.isStacked ? a.x + oe.value.line / 2 : a.x + Gl() * 1.1,
-                    y: a.y + (a.value > 0 ? l.value.bar.serieName.offsetY : -l.value.bar.serieName.offsetY * 3),
+                    y: a.y + (a.value > 0 ? e.value.bar.serieName.offsetY : -e.value.bar.serieName.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": S.value.plotLabels,
-                    fill: l.value.bar.serieName.useSerieColor ? e.color : l.value.bar.serieName.color,
-                    "font-weight": l.value.bar.serieName.bold ? "bold" : "normal",
-                    style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-                  }, te(l.value.bar.serieName.useAbbreviation ? v(_o)({
-                    source: e.name,
-                    length: l.value.bar.serieName.abbreviationSize
-                  }) : e.name), 13, On)) : g("", !0)
+                    fill: e.value.bar.serieName.useSerieColor ? l.color : e.value.bar.serieName.color,
+                    "font-weight": e.value.bar.serieName.bold ? "bold" : "normal",
+                    style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  }, te(e.value.bar.serieName.useAbbreviation ? v(_o)({
+                    source: l.name,
+                    length: e.value.bar.serieName.abbreviationSize
+                  }) : l.name), 13, On)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : g("", !0),
-            l.value.plot.labels.show && y.value.dataLabels.show ? (n(), i("g", Rn, [
-              (n(!0), i(m, null, _(ll.value, (e, u) => (n(), i(m, {
+            e.value.plot.labels.show && y.value.dataLabels.show ? (n(), i("g", Rn, [
+              (n(!0), i(m, null, _(ll.value, (l, u) => (n(), i(m, {
                 key: `xLabel_plot_${u}`
               }, [
-                (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i(m, {
+                (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i(m, {
                   key: `xLabel_plot_${u}_${s}`
                 }, [
-                  a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || w.value !== null && w.value === s || C.value !== null && C.value === s ? (n(), i("text", {
+                  a && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || w.value !== null && w.value === s || C.value !== null && C.value === s ? (n(), i("text", {
                     key: 0,
                     x: a.x,
-                    y: a.y + l.value.plot.labels.offsetY,
+                    y: a.y + e.value.plot.labels.offsetY,
                     "text-anchor": "middle",
                     "font-size": S.value.plotLabels,
-                    fill: l.value.plot.labels.color,
-                    style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                    fill: e.value.plot.labels.color,
+                    style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, te(Ie(a.value) ? v(pe)(
-                    l.value.plot.labels.formatter,
+                    e.value.plot.labels.formatter,
                     a.value,
                     v(Fe)({
-                      p: e.prefix || l.value.chart.labels.prefix,
+                      p: l.prefix || e.value.chart.labels.prefix,
                       v: a.value,
-                      s: e.suffix || l.value.chart.labels.suffix,
-                      r: l.value.plot.labels.rounding
+                      s: l.suffix || e.value.chart.labels.suffix,
+                      r: e.value.plot.labels.rounding
                     }),
                     {
                       datapoint: a,
-                      serie: e
+                      serie: l
                     }
                   ) : ""), 13, Pn)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : (n(), i("g", Hn, [
-              (n(!0), i(m, null, _(ll.value, (e, u) => (n(), i(m, {
+              (n(!0), i(m, null, _(ll.value, (l, u) => (n(), i(m, {
                 key: `xLabel_plot_${u}`
               }, [
-                (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i(m, {
+                (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i(m, {
                   key: `xLabel_plot_${u}_${s}`
                 }, [
-                  l.value.plot.tag.followValue ? (n(), i(m, { key: 1 }, [
-                    [C.value, w.value, Ce.value].includes(s) && e.useTag ? (n(), i("line", {
+                  e.value.plot.tag.followValue ? (n(), i(m, { key: 1 }, [
+                    [C.value, w.value, Ce.value].includes(s) && l.useTag ? (n(), i("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-plot",
                       x1: c.value.left,
@@ -2886,49 +2886,49 @@ const Bo = {
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
-                      stroke: e.color
+                      stroke: l.color
                     }, null, 8, Wn)) : g("", !0)
                   ], 64)) : (n(), i(m, { key: 0 }, [
-                    a && s === 0 && e.useTag && e.useTag === "start" ? (n(), i("foreignObject", {
+                    a && s === 0 && l.useTag && l.useTag === "start" ? (n(), i("foreignObject", {
                       key: 0,
                       x: a.x,
                       y: a.y - 20,
                       height: 24,
                       width: "150",
-                      style: $(`overflow: visible; opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: $(`overflow: visible; opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       b("div", {
-                        style: $(`padding: 3px; background:${v(qe)(e.color, 80)};color:${v(Ke)(e.color)};width:fit-content;font-size:${S.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(qe)(l.color, 80)};color:${v(Ke)(l.color)};width:fit-content;font-size:${S.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(pe)(
-                          l.value.plot.tag.formatter,
+                          e.value.plot.tag.formatter,
                           a.value,
-                          e.name,
+                          l.name,
                           {
                             datapoint: a,
                             seriesIndex: s,
-                            serieName: e.name
+                            serieName: l.name
                           }
                         )
                       }, null, 12, En)
                     ], 12, Vn)) : g("", !0),
-                    a && s === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), i("foreignObject", {
+                    a && s === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (n(), i("foreignObject", {
                       key: 1,
-                      x: a.x - e.name.length * (S.value.plotLabels / 2),
+                      x: a.x - l.name.length * (S.value.plotLabels / 2),
                       y: a.y - 20,
                       height: 24,
                       width: "150",
-                      style: $(`overflow: visible; opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: $(`overflow: visible; opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       b("div", {
-                        style: $(`padding: 3px; background:${v(qe)(e.color, 80)};color:${v(Ke)(e.color)};width:fit-content;font-size:${S.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(qe)(l.color, 80)};color:${v(Ke)(l.color)};width:fit-content;font-size:${S.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(pe)(
-                          l.value.plot.tag.formatter,
+                          e.value.plot.tag.formatter,
                           a.value,
-                          e.name,
+                          l.name,
                           {
                             datapoint: a,
                             seriesIndex: s,
-                            serieName: e.name
+                            serieName: l.name
                           }
                         )
                       }, null, 12, Fn)
@@ -2937,46 +2937,46 @@ const Bo = {
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            l.value.line.labels.show && y.value.dataLabels.show ? (n(), i("g", Yn, [
-              (n(!0), i(m, null, _(Ge.value, (e, u) => (n(), i(m, {
+            e.value.line.labels.show && y.value.dataLabels.show ? (n(), i("g", Yn, [
+              (n(!0), i(m, null, _(Ge.value, (l, u) => (n(), i(m, {
                 key: `xLabel_line_${u}`
               }, [
-                (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i(m, {
+                (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i(m, {
                   key: `xLabel_line_${u}_${s}`
                 }, [
-                  a && !Object.hasOwn(e, "dataLabels") || e.dataLabels === !0 || w.value !== null && w.value === s || C.value !== null && C.value === s ? (n(), i("text", {
+                  a && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || w.value !== null && w.value === s || C.value !== null && C.value === s ? (n(), i("text", {
                     key: 0,
                     x: a.x,
-                    y: a.y + (a.value >= 0 ? l.value.line.labels.offsetY : -l.value.line.labels.offsetY * 3),
+                    y: a.y + (a.value >= 0 ? e.value.line.labels.offsetY : -e.value.line.labels.offsetY * 3),
                     "text-anchor": "middle",
                     "font-size": S.value.plotLabels,
-                    fill: l.value.line.labels.color,
-                    style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                    fill: e.value.line.labels.color,
+                    style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                   }, te(Ie(a.value) ? v(pe)(
-                    l.value.line.labels.formatter,
+                    e.value.line.labels.formatter,
                     a.value,
                     v(Fe)({
-                      p: e.prefix || l.value.chart.labels.prefix,
+                      p: l.prefix || e.value.chart.labels.prefix,
                       v: a.value,
-                      s: e.suffix || l.value.chart.labels.suffix,
-                      r: l.value.line.labels.rounding
+                      s: l.suffix || e.value.chart.labels.suffix,
+                      r: e.value.line.labels.rounding
                     }),
                     {
                       datapoint: a,
-                      serie: e
+                      serie: l
                     }
                   ) : ""), 13, Dn)) : g("", !0)
                 ], 64))), 128))
               ], 64))), 128))
             ])) : (n(), i("g", Xn, [
-              (n(!0), i(m, null, _(Ge.value, (e, u) => (n(), i(m, {
+              (n(!0), i(m, null, _(Ge.value, (l, u) => (n(), i(m, {
                 key: `xLabel_line_${u}`
               }, [
-                (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i(m, {
+                (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i(m, {
                   key: `xLabel_line_${u}_${s}`
                 }, [
-                  l.value.line.tag.followValue ? (n(), i(m, { key: 1 }, [
-                    [C.value, w.value, Ce.value].includes(s) && e.useTag ? (n(), i("line", {
+                  e.value.line.tag.followValue ? (n(), i(m, { key: 1 }, [
+                    [C.value, w.value, Ce.value].includes(s) && l.useTag ? (n(), i("line", {
                       key: 0,
                       class: "vue-ui-xy-tag-line",
                       x1: c.value.left,
@@ -2986,49 +2986,49 @@ const Bo = {
                       "stroke-width": 1,
                       "stroke-linecap": "round",
                       "stroke-dasharray": "2",
-                      stroke: e.color
+                      stroke: l.color
                     }, null, 8, Kn)) : g("", !0)
                   ], 64)) : (n(), i(m, { key: 0 }, [
-                    a && s === 0 && e.useTag && e.useTag === "start" ? (n(), i("foreignObject", {
+                    a && s === 0 && l.useTag && l.useTag === "start" ? (n(), i("foreignObject", {
                       key: 0,
                       x: a.x,
                       y: a.y - 20,
                       height: 24,
                       width: "150",
-                      style: $(`overflow: visible; opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: $(`overflow: visible; opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       b("div", {
-                        style: $(`padding: 3px; background:${v(qe)(e.color, 80)};color:${v(Ke)(e.color)};width:fit-content;font-size:${S.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(qe)(l.color, 80)};color:${v(Ke)(l.color)};width:fit-content;font-size:${S.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(pe)(
-                          l.value.line.tag.formatter,
+                          e.value.line.tag.formatter,
                           a.value,
-                          e.name,
+                          l.name,
                           {
                             datapoint: a,
                             seriesIndex: s,
-                            serieName: e.name
+                            serieName: l.name
                           }
                         )
                       }, null, 12, Un)
                     ], 12, Gn)) : g("", !0),
-                    a && s === e.plots.length - 1 && e.useTag && e.useTag === "end" ? (n(), i("foreignObject", {
+                    a && s === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (n(), i("foreignObject", {
                       key: 1,
                       x: a.x,
                       y: a.y - 20,
                       height: 24,
                       width: "150",
-                      style: $(`overflow: visible; opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                      style: $(`overflow: visible; opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                     }, [
                       b("div", {
-                        style: $(`padding: 3px; background:${v(qe)(e.color, 80)};color:${v(Ke)(e.color)};width:fit-content;font-size:${S.value.plotLabels}px;border-radius: 2px;`),
+                        style: $(`padding: 3px; background:${v(qe)(l.color, 80)};color:${v(Ke)(l.color)};width:fit-content;font-size:${S.value.plotLabels}px;border-radius: 2px;`),
                         innerHTML: v(pe)(
-                          l.value.line.tag.formatter,
+                          e.value.line.tag.formatter,
                           a.value,
-                          e.name,
+                          l.name,
                           {
                             datapoint: a,
                             seriesIndex: s,
-                            serieName: e.name
+                            serieName: l.name
                           }
                         )
                       }, null, 12, qn)
@@ -3037,93 +3037,93 @@ const Bo = {
                 ], 64))), 128))
               ], 64))), 128))
             ])),
-            (n(!0), i(m, null, _(Ge.value, (e, u) => (n(), i(m, {
+            (n(!0), i(m, null, _(Ge.value, (l, u) => (n(), i(m, {
               key: `xLabel_line_${u}`
             }, [
-              (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i(m, {
+              (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i(m, {
                 key: `xLabel_line_${u}_${s}`
               }, [
-                a && s === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), i("text", {
+                a && s === 0 && l.showSerieName && l.showSerieName === "start" ? (n(), i("text", {
                   key: 0,
                   x: a.x - S.value.plotLabels,
                   y: a.y,
                   "font-size": S.value.plotLabels,
                   "text-anchor": "end",
-                  fill: e.color,
+                  fill: l.color,
                   innerHTML: v(Mt)({
-                    content: e.name,
+                    content: l.name,
                     fontSize: S.value.plotLabels,
-                    fill: e.color,
+                    fill: l.color,
                     x: a.x - S.value.plotLabels,
                     y: a.y,
                     maxWords: 2
                   }),
-                  style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, null, 12, Jn)) : g("", !0),
-                a && s === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
+                a && s === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (n(), i("text", {
                   key: 1,
                   x: a.x + S.value.plotLabels,
                   y: a.y,
                   "font-size": S.value.plotLabels,
                   "text-anchor": "start",
-                  fill: e.color,
+                  fill: l.color,
                   innerHTML: v(Mt)({
-                    content: e.name,
+                    content: l.name,
                     fontSize: S.value.plotLabels,
-                    fill: e.color,
+                    fill: l.color,
                     x: a.x + S.value.plotLabels,
                     y: a.y,
                     maxWords: 2
                   }),
-                  style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, null, 12, Qn)) : g("", !0)
               ], 64))), 128))
             ], 64))), 128)),
-            (n(!0), i(m, null, _(ll.value, (e, u) => (n(), i(m, {
+            (n(!0), i(m, null, _(ll.value, (l, u) => (n(), i(m, {
               key: `xLabel_plot_${u}`
             }, [
-              (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i(m, {
+              (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i(m, {
                 key: `xLabel_plot_${u}_${s}`
               }, [
-                a && s === 0 && e.showSerieName && e.showSerieName === "start" ? (n(), i("text", {
+                a && s === 0 && l.showSerieName && l.showSerieName === "start" ? (n(), i("text", {
                   key: 0,
                   x: a.x - S.value.plotLabels,
                   y: a.y,
                   "font-size": S.value.plotLabels,
                   "text-anchor": "end",
-                  fill: e.color,
+                  fill: l.color,
                   innerHTML: v(Mt)({
-                    content: e.name,
+                    content: l.name,
                     fontSize: S.value.plotLabels,
-                    fill: e.color,
+                    fill: l.color,
                     x: a.x - S.value.plotLabels,
                     y: a.y,
                     maxWords: 2
                   }),
-                  style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, null, 12, jn)) : g("", !0),
-                a && s === e.plots.length - 1 && e.showSerieName && e.showSerieName === "end" ? (n(), i("text", {
+                a && s === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (n(), i("text", {
                   key: 1,
                   x: a.x + S.value.plotLabels,
                   y: a.y,
                   "font-size": S.value.plotLabels,
                   "text-anchor": "start",
-                  fill: e.color,
+                  fill: l.color,
                   innerHTML: v(Mt)({
-                    content: e.name,
+                    content: l.name,
                     fontSize: S.value.plotLabels,
-                    fill: e.color,
+                    fill: l.color,
                     x: a.x + S.value.plotLabels,
                     y: a.y,
                     maxWords: 2
                   }),
-                  style: $(`opacity:${L.value ? L.value === e.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: $(`opacity:${L.value ? L.value === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, null, 12, ei)) : g("", !0)
               ], 64))), 128))
             ], 64))), 128)),
             y.value.useIndividualScale && !y.value.isStacked ? (n(), i(m, { key: 12 }, [
               b("defs", null, [
-                (n(!0), i(m, null, _(ot.value, (e, u) => (n(), i("linearGradient", {
+                (n(!0), i(m, null, _(ot.value, (l, u) => (n(), i("linearGradient", {
                   id: `individual_scale_gradient_${Q.value}_${u}`,
                   x1: "0%",
                   x2: "100%",
@@ -3132,38 +3132,38 @@ const Bo = {
                 }, [
                   b("stop", {
                     offset: "0%",
-                    "stop-color": l.value.chart.backgroundColor,
+                    "stop-color": e.value.chart.backgroundColor,
                     "stop-opacity": "0"
                   }, null, 8, ti),
                   b("stop", {
                     offset: "100%",
-                    "stop-color": e.color,
+                    "stop-color": l.color,
                     "stop-opacity": "0.2"
                   }, null, 8, ai)
                 ], 8, li))), 256))
               ]),
-              (n(!0), i(m, null, _(ot.value, (e, u) => (n(), i("rect", {
-                x: e.x - l.value.chart.grid.labels.yAxis.labelWidth + ee.value - c.value.individualOffsetX,
+              (n(!0), i(m, null, _(ot.value, (l, u) => (n(), i("rect", {
+                x: l.x - e.value.chart.grid.labels.yAxis.labelWidth + ee.value - c.value.individualOffsetX,
                 y: c.value.top,
-                width: l.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
+                width: e.value.chart.grid.labels.yAxis.labelWidth + c.value.individualOffsetX,
                 height: c.value.height < 0 ? 10 : c.value.height,
-                fill: L.value === e.groupId ? `url(#individual_scale_gradient_${Q.value}_${u})` : "transparent",
-                onMouseenter: (a) => L.value = e.groupId,
+                fill: L.value === l.groupId ? `url(#individual_scale_gradient_${Q.value}_${u})` : "transparent",
+                onMouseenter: (a) => L.value = l.groupId,
                 onMouseleave: r[0] || (r[0] = (a) => L.value = null)
               }, null, 40, oi))), 256))
             ], 64)) : g("", !0),
             b("g", null, [
-              l.value.chart.grid.labels.axis.yLabel && !y.value.useIndividualScale ? (n(), i("text", {
+              e.value.chart.grid.labels.axis.yLabel && !y.value.useIndividualScale ? (n(), i("text", {
                 key: 0,
                 ref_key: "yAxisLabel",
                 ref: Vl,
                 "font-size": S.value.yAxis,
-                fill: l.value.chart.grid.labels.color,
-                transform: `translate(${l.value.chart.grid.labels.axis.fontSize}, ${c.value.top + c.value.height / 2}) rotate(-90)`,
+                fill: e.value.chart.grid.labels.color,
+                transform: `translate(${e.value.chart.grid.labels.axis.fontSize}, ${c.value.top + c.value.height / 2}) rotate(-90)`,
                 "text-anchor": "middle",
                 style: { transition: "none" }
-              }, te(l.value.chart.grid.labels.axis.yLabel), 9, ui)) : g("", !0),
-              l.value.chart.grid.labels.axis.xLabel ? (n(), i("text", {
+              }, te(e.value.chart.grid.labels.axis.yLabel), 9, ui)) : g("", !0),
+              e.value.chart.grid.labels.axis.xLabel ? (n(), i("text", {
                 key: 1,
                 ref_key: "xAxisLabel",
                 ref: Hl,
@@ -3171,119 +3171,119 @@ const Bo = {
                 x: ne.value / 2,
                 y: xe.value - 3,
                 "font-size": S.value.yAxis,
-                fill: l.value.chart.grid.labels.color
-              }, te(l.value.chart.grid.labels.axis.xLabel), 9, ni)) : g("", !0)
+                fill: e.value.chart.grid.labels.color
+              }, te(e.value.chart.grid.labels.axis.xLabel), 9, ni)) : g("", !0)
             ]),
-            l.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", {
+            e.value.chart.grid.labels.xAxisLabels.show ? (n(), i("g", {
               key: 13,
               ref_key: "timeLabelsEls",
               ref: Qe
             }, [
-              t.$slots["time-label"] ? (n(!0), i(m, { key: 0 }, _(q.value, (e, u) => J(t.$slots, "time-label", _t({
+              t.$slots["time-label"] ? (n(!0), i(m, { key: 0 }, _(q.value, (l, u) => J(t.$slots, "time-label", _t({
                 key: `time_label_${u}`,
                 ref_for: !0
               }, {
                 x: c.value.left + c.value.width / M.value * u + c.value.width / M.value / 2,
                 y: c.value.bottom,
                 fontSize: S.value.xAxis,
-                fill: l.value.chart.grid.labels.xAxisLabels.color,
-                transform: `translate(${c.value.left + c.value.width / M.value * u + c.value.width / M.value / 2}, ${c.value.bottom + S.value.xAxis * 1.3 + l.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
-                absoluteIndex: e.absoluteIndex,
-                content: e.text,
-                textAnchor: l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                show: e && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && M.value <= bt.value || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (u === 0 || u === q.value.length - 1) && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && w.value === u && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && u % Math.floor((d.value.end - d.value.start) / bt.value) === 0
-              }), void 0, !0)), 128)) : (n(!0), i(m, { key: 1 }, _(q.value, (e, u) => (n(), i("g", {
+                fill: e.value.chart.grid.labels.xAxisLabels.color,
+                transform: `translate(${c.value.left + c.value.width / M.value * u + c.value.width / M.value / 2}, ${c.value.bottom + S.value.xAxis * 1.3 + e.value.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.value.chart.grid.labels.xAxisLabels.rotation})`,
+                absoluteIndex: l.absoluteIndex,
+                content: l.text,
+                textAnchor: e.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
+                show: l && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && M.value <= bt.value || l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (u === 0 || u === q.value.length - 1) && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && w.value === u && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && u % Math.floor((d.value.end - d.value.start) / bt.value) === 0
+              }), void 0, !0)), 128)) : (n(!0), i(m, { key: 1 }, _(q.value, (l, u) => (n(), i("g", {
                 key: `time_label_${u}`
               }, [
-                e && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && M.value <= bt.value || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (u === 0 || u === q.value.length - 1) && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && w.value === u && !l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || e && !l.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && l.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && u % Math.floor((d.value.end - d.value.start) / bt.value) === 0 ? (n(), i(m, { key: 0 }, [
-                  String(e.text).includes(`
+                l && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && M.value <= bt.value || l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (u === 0 || u === q.value.length - 1) && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && w.value === u && !e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.value.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.value.chart.grid.labels.xAxisLabels.showOnlyAtModulo && u % Math.floor((d.value.end - d.value.start) / bt.value) === 0 ? (n(), i(m, { key: 0 }, [
+                  String(l.text).includes(`
 `) ? (n(), i("text", {
                     key: 1,
                     class: "vue-data-ui-time-label",
-                    "text-anchor": l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
+                    "text-anchor": e.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                     "font-size": S.value.xAxis,
-                    fill: l.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value.left + c.value.width / M.value * u + c.value.width / M.value / 2}, ${c.value.bottom + S.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    fill: e.value.chart.grid.labels.xAxisLabels.color,
+                    transform: `translate(${c.value.left + c.value.width / M.value * u + c.value.width / M.value / 2}, ${c.value.bottom + S.value.xAxis * 1.5}), rotate(${e.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: $({
                       cursor: qt() ? "pointer" : "default"
                     }),
                     innerHTML: v(Lo)({
-                      content: String(e.text),
+                      content: String(l.text),
                       fontSize: S.value.xAxis,
-                      fill: l.value.chart.grid.labels.xAxisLabels.color,
+                      fill: e.value.chart.grid.labels.xAxisLabels.color,
                       x: 0,
                       y: 0
                     }),
-                    onClick: () => jt(e, u)
+                    onClick: () => jt(l, u)
                   }, null, 12, si)) : (n(), i("text", {
                     key: 0,
                     class: "vue-data-ui-time-label",
-                    "text-anchor": l.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : l.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
+                    "text-anchor": e.value.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.value.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
                     "font-size": S.value.xAxis,
-                    fill: l.value.chart.grid.labels.xAxisLabels.color,
-                    transform: `translate(${c.value.left + c.value.width / M.value * u + c.value.width / M.value / 2}, ${c.value.bottom + S.value.xAxis * 1.5}), rotate(${l.value.chart.grid.labels.xAxisLabels.rotation})`,
+                    fill: e.value.chart.grid.labels.xAxisLabels.color,
+                    transform: `translate(${c.value.left + c.value.width / M.value * u + c.value.width / M.value / 2}, ${c.value.bottom + S.value.xAxis * 1.5}), rotate(${e.value.chart.grid.labels.xAxisLabels.rotation})`,
                     style: $({
                       cursor: qt() ? "pointer" : "default"
                     }),
-                    onClick: () => jt(e, u)
-                  }, te(e.text || ""), 13, ii))
+                    onClick: () => jt(l, u)
+                  }, te(l.text || ""), 13, ii))
                 ], 64)) : g("", !0)
               ]))), 128))
             ], 512)) : g("", !0),
             ha.value.length && !y.value.isStacked ? (n(), i("g", ri, [
-              (n(!0), i(m, null, _(ha.value, (e) => (n(), i("g", {
-                key: e.uid
+              (n(!0), i(m, null, _(ha.value, (l) => (n(), i("g", {
+                key: l.uid
               }, [
-                e.yTop && e.show && isFinite(e.yTop) ? (n(), i("line", {
+                l.yTop && l.show && isFinite(l.yTop) ? (n(), i("line", {
                   key: 0,
-                  x1: e.x1,
-                  y1: e.yTop,
-                  x2: e.x2,
-                  y2: e.yTop,
-                  stroke: e.config.line.stroke,
-                  "stroke-width": e.config.line.strokeWidth,
-                  "stroke-dasharray": e.config.line.strokeDasharray,
+                  x1: l.x1,
+                  y1: l.yTop,
+                  x2: l.x2,
+                  y2: l.yTop,
+                  stroke: l.config.line.stroke,
+                  "stroke-width": l.config.line.strokeWidth,
+                  "stroke-dasharray": l.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, ci)) : g("", !0),
-                e.yBottom && e.show && isFinite(e.yBottom) ? (n(), i("line", {
+                l.yBottom && l.show && isFinite(l.yBottom) ? (n(), i("line", {
                   key: 1,
-                  x1: e.x1,
-                  y1: e.yBottom,
-                  x2: e.x2,
-                  y2: e.yBottom,
-                  stroke: e.config.line.stroke,
-                  "stroke-width": e.config.line.strokeWidth,
-                  "stroke-dasharray": e.config.line.strokeDasharray,
+                  x1: l.x1,
+                  y1: l.yBottom,
+                  x2: l.x2,
+                  y2: l.yBottom,
+                  stroke: l.config.line.stroke,
+                  "stroke-width": l.config.line.strokeWidth,
+                  "stroke-dasharray": l.config.line.strokeDasharray,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
                 }, null, 8, vi)) : g("", !0),
-                e.hasArea && e.show && isFinite(e.yTop) && isFinite(e.yBottom) ? (n(), i("rect", {
+                l.hasArea && l.show && isFinite(l.yTop) && isFinite(l.yBottom) ? (n(), i("rect", {
                   key: 2,
-                  y: Math.min(e.yTop, e.yBottom),
-                  x: e.x1,
+                  y: Math.min(l.yTop, l.yBottom),
+                  x: l.x1,
                   width: c.value.width,
-                  height: v(H)(e.areaHeight, 0),
-                  fill: v(qe)(e.config.area.fill, e.config.area.opacity),
+                  height: v(H)(l.areaHeight, 0),
+                  fill: v(qe)(l.config.area.fill, l.config.area.opacity),
                   style: { animation: "none !important" }
                 }, null, 8, di)) : g("", !0),
-                e.config.label.text && e.show && isFinite(e._box.y) ? (n(), i("rect", _t({
+                l.config.label.text && l.show && isFinite(l._box.y) ? (n(), i("rect", _t({
                   key: 3,
                   class: "vue-ui-xy-annotation-label-box"
-                }, { ref_for: !0 }, e._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : g("", !0),
-                e.config.label.text && e.show && isFinite(e._text.y) ? (n(), i("text", {
+                }, { ref_for: !0 }, l._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : g("", !0),
+                l.config.label.text && l.show && isFinite(l._text.y) ? (n(), i("text", {
                   key: 4,
-                  id: e.id,
+                  id: l.id,
                   class: "vue-ui-xy-annotation-label",
-                  x: e._text.x,
-                  y: e._text.y,
-                  "font-size": e.config.label.fontSize,
-                  fill: e.config.label.color,
-                  "text-anchor": e.config.label.textAnchor
-                }, te(e.config.label.text), 9, hi)) : g("", !0)
+                  x: l._text.x,
+                  y: l._text.y,
+                  "font-size": l.config.label.fontSize,
+                  fill: l.config.label.color,
+                  "text-anchor": l.config.label.textAnchor
+                }, te(l.config.label.text), 9, hi)) : g("", !0)
               ]))), 128))
             ])) : g("", !0),
-            l.value.chart.timeTag.show && (![null, void 0].includes(w.value) || ![null, void 0].includes(C.value)) ? (n(), i("g", fi, [
+            e.value.chart.timeTag.show && (![null, void 0].includes(w.value) || ![null, void 0].includes(C.value)) ? (n(), i("g", fi, [
               (n(), i("foreignObject", {
                 x: c.value.left + c.value.width / M.value * ((w.value !== null ? w.value : 0) || (C.value !== null ? C.value : 0)) - 100 + c.value.width / M.value / 2,
                 y: c.value.bottom,
@@ -3293,14 +3293,14 @@ const Bo = {
               }, [
                 b("div", {
                   class: "vue-ui-xy-time-tag",
-                  style: $(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${l.value.chart.timeTag.backgroundColor};color:${l.value.chart.timeTag.color};font-size:${l.value.chart.timeTag.fontSize}px`)
+                  style: $(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.value.chart.timeTag.backgroundColor};color:${e.value.chart.timeTag.color};font-size:${e.value.chart.timeTag.fontSize}px`)
                 }, te((q.value[(w.value !== null ? w.value : 0) || (C.value !== null ? C.value : 0)] ? q.value[(w.value !== null ? w.value : 0) || (C.value !== null ? C.value : 0)].text : "") || (w.value !== null ? w.value : 0) || (C.value !== null ? C.value : 0)), 5)
               ], 8, gi)),
               b("circle", {
                 cx: c.value.left + c.value.width / M.value * ((w.value !== null ? w.value : 0) || (C.value !== null ? C.value : 0)) + c.value.width / M.value / 2,
                 cy: c.value.bottom,
-                r: l.value.chart.timeTag.circleMarker.radius,
-                fill: l.value.chart.timeTag.circleMarker.color
+                r: e.value.chart.timeTag.circleMarker.radius,
+                fill: e.value.chart.timeTag.circleMarker.color
               }, null, 8, mi)
             ])) : g("", !0)
           ])) : g("", !0),
@@ -3311,13 +3311,13 @@ const Bo = {
       t.$slots.watermark ? (n(), i("div", xi, [
         J(t.$slots, "watermark", rl($l({ isPrinting: v(et) || v(ft) })), void 0, !0)
       ])) : g("", !0),
-      (n(!0), i(m, null, _(Ge.value, (e, u) => (n(), i(m, {
+      (n(!0), i(m, null, _(Ge.value, (l, u) => (n(), i(m, {
         key: `tag_line_${u}`
       }, [
-        (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i(m, {
+        (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i(m, {
           key: `tag_line_${u}_${s}`
         }, [
-          [C.value, w.value, Ce.value].includes(s) && e.useTag && e.useTag === "end" && l.value.line.tag.followValue ? (n(), i("div", {
+          [C.value, w.value, Ce.value].includes(s) && l.useTag && l.useTag === "end" && e.value.line.tag.followValue ? (n(), i("div", {
             key: 0,
             ref_for: !0,
             ref: (o) => xt(u, s, o, "right", "line"),
@@ -3327,49 +3327,49 @@ const Bo = {
               position: "fixed",
               top: v(_l)({
                 svgElement: ke.value,
-                x: c.value.right + l.value.line.tag.fontSize / 1.5,
+                x: c.value.right + e.value.line.tag.fontSize / 1.5,
                 y: a.y,
                 element: Ve.value[`${u}_${s}_right_line`],
                 position: "right"
               }).top + "px",
               left: v(_l)({
                 svgElement: ke.value,
-                x: c.value.right + l.value.line.tag.fontSize / 1.5,
+                x: c.value.right + e.value.line.tag.fontSize / 1.5,
                 y: a.y,
                 element: Ve.value[`${u}_${s}_right_line`],
                 position: "right"
               }).left + "px",
               height: "fit-content",
               width: "fit-content",
-              background: e.color,
-              color: v(Ke)(e.color),
+              background: l.color,
+              color: v(Ke)(l.color),
               padding: "0 6px",
-              fontSize: l.value.line.tag.fontSize + "px",
+              fontSize: e.value.line.tag.fontSize + "px",
               opacity: 1
             })
           }, [
             (n(), i("svg", bi, [
               b("path", {
                 d: "M 0,10 10,0 10,20 Z",
-                fill: e.color,
+                fill: l.color,
                 stroke: "none"
               }, null, 8, pi)
             ])),
             b("div", {
               class: "vue-ui-xy-tag-content",
               innerHTML: v(pe)(
-                l.value.line.tag.formatter,
+                e.value.line.tag.formatter,
                 a.value,
-                e.name,
+                l.name,
                 {
                   datapoint: a,
                   seriesIndex: s,
-                  serieName: e.name
+                  serieName: l.name
                 }
               )
             }, null, 8, yi)
           ], 4)) : g("", !0),
-          [C.value, w.value, Ce.value].includes(s) && e.useTag && e.useTag === "start" && l.value.line.tag.followValue ? (n(), i("div", {
+          [C.value, w.value, Ce.value].includes(s) && l.useTag && l.useTag === "start" && e.value.line.tag.followValue ? (n(), i("div", {
             key: 1,
             ref_for: !0,
             ref: (o) => xt(u, s, o, "left", "line"),
@@ -3379,57 +3379,57 @@ const Bo = {
               position: "fixed",
               top: v(_l)({
                 svgElement: ke.value,
-                x: c.value.left - l.value.line.tag.fontSize / 1.5,
+                x: c.value.left - e.value.line.tag.fontSize / 1.5,
                 y: a.y,
                 element: Ve.value[`${u}_${s}_left_line`],
                 position: "left"
               }).top + "px",
               left: v(_l)({
                 svgElement: ke.value,
-                x: c.value.left - l.value.line.tag.fontSize / 1.5,
+                x: c.value.left - e.value.line.tag.fontSize / 1.5,
                 y: a.y,
                 element: Ve.value[`${u}_${s}_left_line`],
                 position: "left"
               }).left + "px",
               height: "fit-content",
               width: "fit-content",
-              background: e.color,
-              color: v(Ke)(e.color),
+              background: l.color,
+              color: v(Ke)(l.color),
               padding: "0 6px",
-              fontSize: l.value.line.tag.fontSize + "px",
+              fontSize: e.value.line.tag.fontSize + "px",
               opacity: 1
             })
           }, [
             (n(), i("svg", ki, [
               b("path", {
                 d: "M 0,0 10,10 0,20 Z",
-                fill: e.color,
+                fill: l.color,
                 stroke: "none"
               }, null, 8, wi)
             ])),
             b("div", {
               class: "vue-ui-xy-tag-content",
               innerHTML: v(pe)(
-                l.value.line.tag.formatter,
+                e.value.line.tag.formatter,
                 a.value,
-                e.name,
+                l.name,
                 {
                   datapoint: a,
                   seriesIndex: s,
-                  serieName: e.name
+                  serieName: l.name
                 }
               )
             }, null, 8, Si)
           ], 4)) : g("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      (n(!0), i(m, null, _(ll.value, (e, u) => (n(), i(m, {
+      (n(!0), i(m, null, _(ll.value, (l, u) => (n(), i(m, {
         key: `tag_plot_${u}`
       }, [
-        (n(!0), i(m, null, _(e.plots, (a, s) => (n(), i(m, {
+        (n(!0), i(m, null, _(l.plots, (a, s) => (n(), i(m, {
           key: `tag_plot_${u}_${s}`
         }, [
-          [C.value, w.value, Ce.value].includes(s) && e.useTag && e.useTag === "end" && l.value.plot.tag.followValue ? (n(), i("div", {
+          [C.value, w.value, Ce.value].includes(s) && l.useTag && l.useTag === "end" && e.value.plot.tag.followValue ? (n(), i("div", {
             key: 0,
             ref_for: !0,
             ref: (o) => xt(u, s, o, "right", "plot"),
@@ -3439,49 +3439,49 @@ const Bo = {
               position: "fixed",
               top: v(_l)({
                 svgElement: ke.value,
-                x: c.value.right + l.value.plot.tag.fontSize / 1.5,
+                x: c.value.right + e.value.plot.tag.fontSize / 1.5,
                 y: a.y,
                 element: Ve.value[`${u}_${s}_right_plot`],
                 position: "right"
               }).top + "px",
               left: v(_l)({
                 svgElement: ke.value,
-                x: c.value.right + l.value.plot.tag.fontSize / 1.5,
+                x: c.value.right + e.value.plot.tag.fontSize / 1.5,
                 y: a.y,
                 element: Ve.value[`${u}_${s}_right_plot`],
                 position: "right"
               }).left + "px",
               height: "fit-content",
               width: "fit-content",
-              background: e.color,
-              color: v(Ke)(e.color),
+              background: l.color,
+              color: v(Ke)(l.color),
               padding: "0 6px",
-              fontSize: l.value.plot.tag.fontSize + "px",
+              fontSize: e.value.plot.tag.fontSize + "px",
               opacity: 1
             })
           }, [
             (n(), i("svg", $i, [
               b("path", {
                 d: "M 0,10 10,0 10,20 Z",
-                fill: e.color,
+                fill: l.color,
                 stroke: "none"
               }, null, 8, _i)
             ])),
             b("div", {
               class: "vue-ui-xy-tag-content",
               innerHTML: v(pe)(
-                l.value.plot.tag.formatter,
+                e.value.plot.tag.formatter,
                 a.value,
-                e.name,
+                l.name,
                 {
                   datapoint: a,
                   seriesIndex: s,
-                  serieName: e.name
+                  serieName: l.name
                 }
               )
             }, null, 8, Li)
           ], 4)) : g("", !0),
-          [C.value, w.value, Ce.value].includes(s) && e.useTag && e.useTag === "start" && l.value.plot.tag.followValue ? (n(), i("div", {
+          [C.value, w.value, Ce.value].includes(s) && l.useTag && l.useTag === "start" && e.value.plot.tag.followValue ? (n(), i("div", {
             key: 1,
             ref_for: !0,
             ref: (o) => xt(u, s, o, "left", "plot"),
@@ -3491,174 +3491,174 @@ const Bo = {
               position: "fixed",
               top: v(_l)({
                 svgElement: ke.value,
-                x: c.value.left - l.value.plot.tag.fontSize / 1.5,
+                x: c.value.left - e.value.plot.tag.fontSize / 1.5,
                 y: a.y,
                 element: Ve.value[`${u}_${s}_left_plot`],
                 position: "left"
               }).top + "px",
               left: v(_l)({
                 svgElement: ke.value,
-                x: c.value.left - l.value.plot.tag.fontSize / 1.5,
+                x: c.value.left - e.value.plot.tag.fontSize / 1.5,
                 y: a.y,
                 element: Ve.value[`${u}_${s}_left_plot`],
                 position: "left"
               }).left + "px",
               height: "fit-content",
               width: "fit-content",
-              background: e.color,
-              color: v(Ke)(e.color),
+              background: l.color,
+              color: v(Ke)(l.color),
               padding: "0 6px",
-              fontSize: l.value.plot.tag.fontSize + "px",
+              fontSize: e.value.plot.tag.fontSize + "px",
               opacity: 1
             })
           }, [
             (n(), i("svg", Mi, [
               b("path", {
                 d: "M 0,0 10,10 0,20 Z",
-                fill: e.color,
+                fill: l.color,
                 stroke: "none"
               }, null, 8, Ai)
             ])),
             b("div", {
               class: "vue-ui-xy-tag-content",
               innerHTML: v(pe)(
-                l.value.plot.tag.formatter,
+                e.value.plot.tag.formatter,
                 a.value,
-                e.name,
+                l.name,
                 {
                   datapoint: a,
                   seriesIndex: s,
-                  serieName: e.name
+                  serieName: l.name
                 }
               )
             }, null, 8, Ci)
           ], 4)) : g("", !0)
         ], 64))), 128))
       ], 64))), 128)),
-      l.value.chart.zoom.preview.enable ? (n(), i(m, { key: 5 }, [
-        l.value.chart.zoom.show && f.value > 6 && Cl.value ? (n(), Ue(nu, {
+      e.value.chart.zoom.preview.enable ? (n(), i(m, { key: 5 }, [
+        e.value.chart.zoom.show && f.value > 6 && Cl.value ? (n(), Ue(nu, {
           ref_key: "chartSlicer",
           ref: Ae,
           key: `slicer_${ye.value}`,
-          background: l.value.chart.zoom.color,
-          fontSize: l.value.chart.zoom.fontSize,
-          useResetSlot: l.value.chart.zoom.useResetSlot,
+          background: e.value.chart.zoom.color,
+          fontSize: e.value.chart.zoom.fontSize,
+          useResetSlot: e.value.chart.zoom.useResetSlot,
           labelLeft: q.value[0] ? q.value[0].text : "",
           labelRight: q.value.at(-1) ? q.value.at(-1).text : "",
-          textColor: l.value.chart.color,
-          inputColor: l.value.chart.zoom.color,
-          selectColor: l.value.chart.zoom.highlightColor,
-          borderColor: l.value.chart.backgroundColor,
+          textColor: e.value.chart.color,
+          inputColor: e.value.chart.zoom.color,
+          selectColor: e.value.chart.zoom.highlightColor,
+          borderColor: e.value.chart.backgroundColor,
           minimap: va.value,
-          smoothMinimap: l.value.chart.zoom.minimap.smooth,
-          minimapSelectedColor: l.value.chart.zoom.minimap.selectedColor,
-          minimapSelectionRadius: l.value.chart.zoom.minimap.selectionRadius,
-          minimapLineColor: l.value.chart.zoom.minimap.lineColor,
-          minimapSelectedColorOpacity: l.value.chart.zoom.minimap.selectedColorOpacity,
+          smoothMinimap: e.value.chart.zoom.minimap.smooth,
+          minimapSelectedColor: e.value.chart.zoom.minimap.selectedColor,
+          minimapSelectionRadius: e.value.chart.zoom.minimap.selectionRadius,
+          minimapLineColor: e.value.chart.zoom.minimap.lineColor,
+          minimapSelectedColorOpacity: e.value.chart.zoom.minimap.selectedColorOpacity,
           minimapSelectedIndex: w.value,
-          minimapIndicatorColor: l.value.chart.zoom.minimap.indicatorColor,
-          verticalHandles: l.value.chart.zoom.minimap.verticalHandles,
+          minimapIndicatorColor: e.value.chart.zoom.minimap.indicatorColor,
+          verticalHandles: e.value.chart.zoom.minimap.verticalHandles,
           max: f.value,
           min: 0,
           valueStart: d.value.start,
           valueEnd: d.value.end,
           start: d.value.start,
-          "onUpdate:start": r[1] || (r[1] = (e) => d.value.start = e),
+          "onUpdate:start": r[1] || (r[1] = (l) => d.value.start = l),
           end: d.value.end,
-          "onUpdate:end": r[2] || (r[2] = (e) => d.value.end = e),
-          refreshStartPoint: l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex : 0,
-          refreshEndPoint: l.value.chart.zoom.endIndex !== null ? l.value.chart.zoom.endIndex + 1 : Math.max(...A.dataset.map((e) => v(Ze)({ data: e.series, threshold: l.value.downsample.threshold }).length)),
-          enableRangeHandles: l.value.chart.zoom.enableRangeHandles,
-          enableSelectionDrag: l.value.chart.zoom.enableSelectionDrag,
+          "onUpdate:end": r[2] || (r[2] = (l) => d.value.end = l),
+          refreshStartPoint: e.value.chart.zoom.startIndex !== null ? e.value.chart.zoom.startIndex : 0,
+          refreshEndPoint: e.value.chart.zoom.endIndex !== null ? e.value.chart.zoom.endIndex + 1 : Math.max(...A.dataset.map((l) => v(Ze)({ data: l.series, threshold: e.value.downsample.threshold }).length)),
+          enableRangeHandles: e.value.chart.zoom.enableRangeHandles,
+          enableSelectionDrag: e.value.chart.zoom.enableSelectionDrag,
           onReset: ta,
           onTrapMouse: ea,
-          onFutureStart: r[3] || (r[3] = (e) => pl("start", e)),
-          onFutureEnd: r[4] || (r[4] = (e) => pl("end", e)),
+          onFutureStart: r[3] || (r[3] = (l) => pl("start", l)),
+          onFutureEnd: r[4] || (r[4] = (l) => pl("end", l)),
           timeLabels: Wa.value,
           isPreview: ze.value
         }, {
-          "reset-action": me(({ reset: e }) => [
-            J(t.$slots, "reset-action", rl($l({ reset: e })), void 0, !0)
+          "reset-action": me(({ reset: l }) => [
+            J(t.$slots, "reset-action", rl($l({ reset: l })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "verticalHandles", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "timeLabels", "isPreview"])) : g("", !0)
       ], 64)) : (n(), i(m, { key: 6 }, [
-        l.value.chart.zoom.show && f.value > 6 && Cl.value ? (n(), Ue(Vo, {
+        e.value.chart.zoom.show && f.value > 6 && Cl.value ? (n(), Ue(Vo, {
           ref_key: "chartSlicer",
           ref: Ae,
           key: `slicer_${ye.value}`,
-          background: l.value.chart.zoom.color,
-          fontSize: l.value.chart.zoom.fontSize,
-          useResetSlot: l.value.chart.zoom.useResetSlot,
+          background: e.value.chart.zoom.color,
+          fontSize: e.value.chart.zoom.fontSize,
+          useResetSlot: e.value.chart.zoom.useResetSlot,
           labelLeft: q.value[0] ? q.value[0].text : "",
           labelRight: q.value.at(-1) ? q.value.at(-1).text : "",
-          textColor: l.value.chart.color,
-          inputColor: l.value.chart.zoom.color,
-          selectColor: l.value.chart.zoom.highlightColor,
-          borderColor: l.value.chart.backgroundColor,
+          textColor: e.value.chart.color,
+          inputColor: e.value.chart.zoom.color,
+          selectColor: e.value.chart.zoom.highlightColor,
+          borderColor: e.value.chart.backgroundColor,
           minimap: va.value,
-          smoothMinimap: l.value.chart.zoom.minimap.smooth,
-          minimapSelectedColor: l.value.chart.zoom.minimap.selectedColor,
-          minimapSelectionRadius: l.value.chart.zoom.minimap.selectionRadius,
-          minimapLineColor: l.value.chart.zoom.minimap.lineColor,
-          minimapSelectedColorOpacity: l.value.chart.zoom.minimap.selectedColorOpacity,
+          smoothMinimap: e.value.chart.zoom.minimap.smooth,
+          minimapSelectedColor: e.value.chart.zoom.minimap.selectedColor,
+          minimapSelectionRadius: e.value.chart.zoom.minimap.selectionRadius,
+          minimapLineColor: e.value.chart.zoom.minimap.lineColor,
+          minimapSelectedColorOpacity: e.value.chart.zoom.minimap.selectedColorOpacity,
           minimapSelectedIndex: w.value,
-          minimapIndicatorColor: l.value.chart.zoom.minimap.indicatorColor,
-          verticalHandles: l.value.chart.zoom.minimap.verticalHandles,
+          minimapIndicatorColor: e.value.chart.zoom.minimap.indicatorColor,
+          verticalHandles: e.value.chart.zoom.minimap.verticalHandles,
           max: f.value,
           min: 0,
           valueStart: d.value.start,
           valueEnd: d.value.end,
           start: d.value.start,
-          "onUpdate:start": r[5] || (r[5] = (e) => d.value.start = e),
+          "onUpdate:start": r[5] || (r[5] = (l) => d.value.start = l),
           end: d.value.end,
-          "onUpdate:end": r[6] || (r[6] = (e) => d.value.end = e),
-          refreshStartPoint: l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex : 0,
-          refreshEndPoint: l.value.chart.zoom.endIndex !== null ? l.value.chart.zoom.endIndex + 1 : Math.max(...A.dataset.map((e) => v(Ze)({ data: e.series, threshold: l.value.downsample.threshold }).length)),
-          enableRangeHandles: l.value.chart.zoom.enableRangeHandles,
-          enableSelectionDrag: l.value.chart.zoom.enableSelectionDrag,
+          "onUpdate:end": r[6] || (r[6] = (l) => d.value.end = l),
+          refreshStartPoint: e.value.chart.zoom.startIndex !== null ? e.value.chart.zoom.startIndex : 0,
+          refreshEndPoint: e.value.chart.zoom.endIndex !== null ? e.value.chart.zoom.endIndex + 1 : Math.max(...A.dataset.map((l) => v(Ze)({ data: l.series, threshold: e.value.downsample.threshold }).length)),
+          enableRangeHandles: e.value.chart.zoom.enableRangeHandles,
+          enableSelectionDrag: e.value.chart.zoom.enableSelectionDrag,
           onReset: ta,
           onTrapMouse: ea
         }, {
-          "reset-action": me(({ reset: e }) => [
-            J(t.$slots, "reset-action", rl($l({ reset: e })), void 0, !0)
+          "reset-action": me(({ reset: l }) => [
+            J(t.$slots, "reset-action", rl($l({ reset: l })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "verticalHandles", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"])) : g("", !0)
       ], 64)),
-      l.value.chart.legend.show ? (n(), i("div", {
+      e.value.chart.legend.show ? (n(), i("div", {
         key: 7,
         ref_key: "chartLegend",
         ref: dl,
         class: "vue-ui-xy-legend",
-        style: $(`font-size:${l.value.chart.legend.fontSize}px`)
+        style: $(`font-size:${e.value.chart.legend.fontSize}px`)
       }, [
-        (n(!0), i(m, null, _(el.value, (e, u) => (n(), i("div", {
+        (n(!0), i(m, null, _(el.value, (l, u) => (n(), i("div", {
           key: `div_legend_item_${u}`,
-          onClick: (a) => ra(e),
-          class: Oe({ "vue-ui-xy-legend-item-alone": el.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": ae.value.includes(e.id) })
+          onClick: (a) => ra(l),
+          class: Oe({ "vue-ui-xy-legend-item-alone": el.value.length === 1, "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": ae.value.includes(l.id) })
         }, [
-          gl.value[e.type] === "line" ? (n(), i("svg", Ii, [
+          gl.value[l.type] === "line" ? (n(), i("svg", Ii, [
             b("rect", {
               x: "0",
               y: "7.5",
               rx: "1.5",
-              stroke: l.value.chart.backgroundColor,
+              stroke: e.value.chart.backgroundColor,
               "stroke-width": 0.5,
               height: "3",
               width: "20",
-              fill: e.color
+              fill: l.color
             }, null, 8, Ti),
             ql(At, {
               plot: { x: 10, y: 9 },
               radius: 4,
-              color: e.color,
-              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle",
-              stroke: l.value.chart.backgroundColor,
+              color: l.color,
+              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(l.shape) ? l.shape : "circle",
+              stroke: e.value.chart.backgroundColor,
               strokeWidth: 0.5
             }, null, 8, ["color", "shape", "stroke"])
-          ])) : gl.value[e.type] === "bar" ? (n(), i("svg", Ni, [
-            gl.value[e.type] === "bar" && t.$slots.pattern ? (n(), i("rect", {
+          ])) : gl.value[l.type] === "bar" ? (n(), i("svg", Ni, [
+            gl.value[l.type] === "bar" && t.$slots.pattern ? (n(), i("rect", {
               key: 0,
               x: "0",
               y: "0",
@@ -3666,9 +3666,9 @@ const Bo = {
               height: "40",
               width: "40",
               stroke: "none",
-              fill: e.color
+              fill: l.color
             }, null, 8, Oi)) : g("", !0),
-            gl.value[e.type] === "bar" ? (n(), i("rect", {
+            gl.value[l.type] === "bar" ? (n(), i("rect", {
               key: 1,
               x: "0",
               y: "0",
@@ -3676,19 +3676,19 @@ const Bo = {
               height: "40",
               width: "40",
               stroke: "none",
-              fill: t.$slots.pattern ? `url(#pattern_${Q.value}_${e.slotAbsoluteIndex})` : e.color
+              fill: t.$slots.pattern ? `url(#pattern_${Q.value}_${l.slotAbsoluteIndex})` : l.color
             }, null, 8, Ri)) : g("", !0)
           ])) : (n(), i("svg", Pi, [
             ql(At, {
               plot: { x: 6, y: 6 },
               radius: 5,
-              color: e.color,
-              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(e.shape) ? e.shape : "circle"
+              color: l.color,
+              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(l.shape) ? l.shape : "circle"
             }, null, 8, ["color", "shape"])
           ])),
           b("span", {
-            style: $(`color:${l.value.chart.legend.color}`)
-          }, te(e.name), 5)
+            style: $(`color:${e.value.chart.legend.color}`)
+          }, te(l.name), 5)
         ], 10, zi))), 128))
       ], 4)) : (n(), i("div", {
         key: 8,
@@ -3707,21 +3707,21 @@ const Bo = {
       ], 512)) : g("", !0),
       ql(v(de), {
         show: y.value.showTooltip && El.value,
-        backgroundColor: l.value.chart.tooltip.backgroundColor,
-        color: l.value.chart.tooltip.color,
-        fontSize: l.value.chart.tooltip.fontSize,
-        borderRadius: l.value.chart.tooltip.borderRadius,
-        borderColor: l.value.chart.tooltip.borderColor,
-        borderWidth: l.value.chart.tooltip.borderWidth,
-        backgroundOpacity: l.value.chart.tooltip.backgroundOpacity,
-        position: l.value.chart.tooltip.position,
-        offsetY: l.value.chart.tooltip.offsetY,
+        backgroundColor: e.value.chart.tooltip.backgroundColor,
+        color: e.value.chart.tooltip.color,
+        fontSize: e.value.chart.tooltip.fontSize,
+        borderRadius: e.value.chart.tooltip.borderRadius,
+        borderColor: e.value.chart.tooltip.borderColor,
+        borderWidth: e.value.chart.tooltip.borderWidth,
+        backgroundOpacity: e.value.chart.tooltip.backgroundOpacity,
+        position: e.value.chart.tooltip.position,
+        offsetY: e.value.chart.tooltip.offsetY,
         parent: t.$refs.chart,
         content: ao.value,
         isFullscreen: nl.value,
-        isCustom: l.value.chart.tooltip.customFormat && typeof l.value.chart.tooltip.customFormat == "function",
-        smooth: l.value.chart.tooltip.smooth,
-        backdropFilter: l.value.chart.tooltip.backdropFilter
+        isCustom: e.value.chart.tooltip.customFormat && typeof e.value.chart.tooltip.customFormat == "function",
+        smooth: e.value.chart.tooltip.smooth,
+        backdropFilter: e.value.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": me(() => [
           J(t.$slots, "tooltip-before", rl($l({ ...ga.value })), void 0, !0)
@@ -3738,12 +3738,12 @@ const Bo = {
           open: y.value.showTable,
           maxHeight: 1e4,
           body: {
-            backgroundColor: l.value.chart.backgroundColor,
-            color: l.value.chart.color
+            backgroundColor: e.value.chart.backgroundColor,
+            color: e.value.chart.color
           },
           head: {
-            backgroundColor: l.value.chart.backgroundColor,
-            color: l.value.chart.color
+            backgroundColor: e.value.chart.backgroundColor,
+            color: e.value.chart.color
           }
         }
       }, {
@@ -3754,18 +3754,18 @@ const Bo = {
             b("div", Hi, [
               Yt(b("input", {
                 type: "checkbox",
-                "onUpdate:modelValue": r[7] || (r[7] = (e) => _e.value = e)
+                "onUpdate:modelValue": r[7] || (r[7] = (l) => _e.value = l)
               }, null, 512), [
                 [ho, _e.value]
               ]),
               b("div", {
-                onClick: r[8] || (r[8] = (e) => _e.value = !_e.value),
+                onClick: r[8] || (r[8] = (l) => _e.value = !_e.value),
                 style: { cursor: "pointer" }
               }, [
                 ql(v(Ll), {
                   name: "chartLine",
                   size: 20,
-                  stroke: l.value.chart.color
+                  stroke: e.value.chart.color
                 }, null, 8, ["stroke"])
               ])
             ]),
@@ -3779,18 +3779,18 @@ const Bo = {
               head: $t.value.head,
               body: $t.value.body,
               config: $t.value.config,
-              title: `${l.value.chart.title.text}${l.value.chart.title.subtitle.text ? ` : ${l.value.chart.title.subtitle.text}` : ""}`,
-              onClose: r[9] || (r[9] = (e) => y.value.showTable = !1)
+              title: `${e.value.chart.title.text}${e.value.chart.title.subtitle.text ? ` : ${e.value.chart.title.subtitle.text}` : ""}`,
+              onClose: r[9] || (r[9] = (l) => y.value.showTable = !1)
             }, {
-              th: me(({ th: e }) => [
-                b("div", { innerHTML: e }, null, 8, Vi)
+              th: me(({ th: l }) => [
+                b("div", { innerHTML: l }, null, 8, Vi)
               ]),
-              td: me(({ td: e }) => [
-                fo(te(isNaN(Number(e)) ? e : v(Fe)({
-                  p: l.value.chart.labels.prefix,
-                  v: e,
-                  s: l.value.chart.labels.suffix,
-                  r: l.value.table.rounding
+              td: me(({ td: l }) => [
+                fo(te(isNaN(Number(l)) ? l : v(Fe)({
+                  p: e.value.chart.labels.prefix,
+                  v: l,
+                  s: e.value.chart.labels.suffix,
+                  r: e.value.table.rounding
                 })), 1)
               ]),
               _: 1
@@ -3802,7 +3802,7 @@ const Bo = {
       v(ie) ? (n(), Ue(Oo, { key: 11 })) : g("", !0)
     ], 46, iu));
   }
-}, es = /* @__PURE__ */ Oa(Ei, [["__scopeId", "data-v-71f8f3f4"]]);
+}, es = /* @__PURE__ */ Oa(Ei, [["__scopeId", "data-v-062f70d8"]]);
 export {
   es as default
 };