vue-data-ui 2.15.2 → 2.15.3-beta.1

package/dist/{vue-ui-xy-BE4LWW9m.js → vue-ui-xy-BH64lH1q.js}

@@ -1,11 +1,11 @@
-import { R as X, _ as ae, a8 as ue, a9 as ce, aa as de, ab as ge, ac as fe, ad as Ie, ae as xe, c as ne, A as Ne, F as me, w as be, s as Fe, o as _e, a2 as Ae, af as ye, x as Le, C as Ce, y as Se, a7 as ke, e as we, r as Oe, f as oe, I as Ge, ag as ve, U as pe, V as ze, q as Me, b as Te, z as Pe, d as Ve, ah as Re, v as He, ai as De, D as Be, a5 as We, aj as Ee, i as Ye, G as qe, L as Xe, u as Ue, p as Ze, B as Je, a as Ke, t as Qe } from "./index-0xl6yeT_.js";
+import { R as X, _ as ae, a8 as ue, a9 as ce, aa as de, ab as ge, ac as fe, ad as Ie, ae as xe, c as ne, A as Ne, F as me, w as be, s as Fe, o as _e, a2 as Ae, af as ye, x as Le, C as Ce, y as Se, a7 as ke, e as we, r as Oe, f as oe, I as Ge, ag as ve, U as pe, V as ze, q as Me, b as Te, z as Pe, d as Ve, ah as Re, v as He, ai as De, D as Be, a5 as We, aj as Ee, i as Ye, G as qe, L as Xe, u as Ue, p as Ze, B as Je, a as Ke, t as Qe } from "./index-BfqjfeX1.js";
 import { u as je } from "./useMouse-AicQS8Vf.js";
-import { u as ie } from "./useNestedProp-BpsGhH52.js";
+import { u as ie } from "./useNestedProp-BShoWBIZ.js";
 import { u as $e } from "./useTimeLabels-Mrr0jrpL.js";
-import { defineAsyncComponent as Z, resolveComponent as q, createElementBlock as s, openBlock as i, normalizeStyle as F, normalizeClass as j, createBlock as U, createCommentVNode as h, createVNode as le, createSlots as et, withCtx as B, renderSlot as O, normalizeProps as $, guardReactiveProps as ee, createElementVNode as I, Fragment as g, renderList as x, toDisplayString as V, mergeProps as se, withDirectives as tt, vModelCheckbox as lt, createTextVNode as rt } from "vue";
-import { S as at } from "./Slicer-5-W1e_S-.js";
-import it from "./Title-D7i6kdEt.js";
-import { _ as st } from "./Shape-KmPcM_8X.js";
+import { defineAsyncComponent as Z, resolveComponent as q, createElementBlock as s, openBlock as i, normalizeStyle as _, normalizeClass as j, createBlock as U, createCommentVNode as h, createVNode as le, createSlots as et, withCtx as B, renderSlot as G, normalizeProps as $, guardReactiveProps as ee, createElementVNode as I, Fragment as u, renderList as x, toDisplayString as V, mergeProps as se, withDirectives as tt, vModelCheckbox as lt, createTextVNode as rt } from "vue";
+import { S as at } from "./Slicer-goQq7NMR.js";
+import it from "./Title-CockcxDV.js";
+import { _ as st } from "./Shape-D_rfFbG9.js";
 import { _ as nt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ct = ne(), ot = {
   name: "vue-ui-xy",
@@ -29,15 +29,15 @@ const ct = ne(), ot = {
     Title: it,
     // Must be ready in responsive mode
     Shape: st,
-    DataTable: Z(() => import("./DataTable-93xWsJ6c.js")),
-    Tooltip: Z(() => import("./Tooltip-CgE5JMdg.js")),
-    UserOptions: Z(() => import("./UserOptions-DjQRjUl1.js")),
-    BaseIcon: Z(() => import("./BaseIcon-Bp7UPYnW.js")),
-    TableSparkline: Z(() => import("./vue-ui-table-sparkline-D9_N4McK.js")),
-    Skeleton: Z(() => import("./vue-ui-skeleton-1aUzcGMM.js")),
-    Accordion: Z(() => import("./vue-ui-accordion-gr1Dczju.js")),
-    PackageVersion: Z(() => import("./PackageVersion-yIH1jHJc.js")),
-    PenAndPaper: Z(() => import("./PenAndPaper-D6C8iSCb.js"))
+    DataTable: Z(() => import("./DataTable-D1z8QNYA.js")),
+    Tooltip: Z(() => import("./Tooltip-DdKO14TG.js")),
+    UserOptions: Z(() => import("./UserOptions-Cd8p0jOB.js")),
+    BaseIcon: Z(() => import("./BaseIcon-DF6_C1b7.js")),
+    TableSparkline: Z(() => import("./vue-ui-table-sparkline-BFNdWvEV.js")),
+    Skeleton: Z(() => import("./vue-ui-skeleton-D5pBm9ON.js")),
+    Accordion: Z(() => import("./vue-ui-accordion-YetFh-tn.js")),
+    PackageVersion: Z(() => import("./PackageVersion-4rcS4AKd.js")),
+    PenAndPaper: Z(() => import("./PenAndPaper-DjstHn-R.js"))
   },
   data() {
     this.dataset.forEach((f, l) => {
@@ -48,7 +48,7 @@ const ct = ne(), ot = {
         index: l
       });
     });
-    const r = this.config.downsample && this.config.downsample.threshold ? this.config.downsample.threshold : 500, o = Math.max(...this.dataset.map((f) => this.largestTriangleThreeBucketsArray({ data: f.series, threshold: r }).length)), u = {
+    const r = this.config.downsample && this.config.downsample.threshold ? this.config.downsample.threshold : 500, o = Math.max(...this.dataset.map((f) => this.largestTriangleThreeBucketsArray({ data: f.series, threshold: r }).length)), d = {
       start: 0,
       end: o
     };
@@ -101,7 +101,7 @@ const ct = ne(), ot = {
       step: 0,
       tableStep: 0,
       titleStep: 0,
-      slicer: u,
+      slicer: d,
       __to__: null,
       maxX: o,
       showSparklineTable: !0,
@@ -129,8 +129,8 @@ const ct = ne(), ot = {
   watch: {
     dataset: {
       handler(r, o) {
-        this.maxX = Math.max(...this.dataset.map((u) => this.largestTriangleThreeBucketsArray({
-          data: u.series,
+        this.maxX = Math.max(...this.dataset.map((d) => this.largestTriangleThreeBucketsArray({
+          data: d.series,
           threshold: this.FINAL_CONFIG.downsample.threshold
         }).length)), this.slicer = {
           start: 0,
@@ -172,11 +172,11 @@ const ct = ne(), ot = {
     },
     minimap() {
       if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
-      const r = this.datasetWithIds.filter((l) => !this.segregatedSeries.includes(l.id)), o = Math.max(...r.map((l) => l.series.length)), u = [];
+      const r = this.datasetWithIds.filter((l) => !this.segregatedSeries.includes(l.id)), o = Math.max(...r.map((l) => l.series.length)), d = [];
       for (let l = 0; l < o; l += 1)
-        u.push(r.map((e) => e.series[l] || 0).reduce((e, a) => (e || 0) + (a || 0), 0));
-      const f = Math.min(...u);
-      return u.map((l) => l + (f < 0 ? Math.abs(f) : 0));
+        d.push(r.map((e) => e.series[l] || 0).reduce((e, a) => (e || 0) + (a || 0), 0));
+      const f = Math.min(...d);
+      return d.map((l) => l + (f < 0 ? Math.abs(f) : 0));
     },
     customPalette() {
       return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
@@ -211,7 +211,7 @@ const ct = ne(), ot = {
         id: e.id,
         yOffset: e.yOffset || 0,
         individualHeight: e.individualHeight || this.drawingArea.height
-      })), u = this.plotSet.map((e) => ({
+      })), d = this.plotSet.map((e) => ({
         name: e.name,
         color: e.color,
         scale: e.individualScale,
@@ -223,7 +223,7 @@ const ct = ne(), ot = {
         id: e.id,
         yOffset: e.yOffset || 0,
         individualHeight: e.individualHeight || this.drawingArea.height
-      })), f = this.mutableConfig.useIndividualScale && !this.mutableConfig.isStacked ? Object.values(this.scaleGroups) : [...r, ...o, ...u], l = f.flatMap((e) => e).length;
+      })), f = this.mutableConfig.useIndividualScale && !this.mutableConfig.isStacked ? Object.values(this.scaleGroups) : [...r, ...o, ...d], l = f.flatMap((e) => e).length;
       return f.flatMap((e, a) => ({
         unique: e.unique,
         id: e.id,
@@ -235,9 +235,9 @@ const ct = ne(), ot = {
         yOffset: e.yOffset,
         individualHeight: e.individualHeight,
         x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / l * (a + 1),
-        yLabels: e.scaleYLabels || e.scale.ticks.map((L) => ({
-          y: L >= 0 ? e.zero - e.individualHeight * (L / e.max) : e.zero + e.individualHeight * Math.abs(L) / e.max,
-          value: L
+        yLabels: e.scaleYLabels || e.scale.ticks.map((y) => ({
+          y: y >= 0 ? e.zero - e.individualHeight * (y / e.max) : e.zero + e.individualHeight * Math.abs(y) / e.max,
+          value: y
         }))
       }));
     },
@@ -289,14 +289,14 @@ const ct = ne(), ot = {
     },
     safeDataset() {
       return this.useSafeValues ? this.dataset.map((r, o) => {
-        const u = this.largestTriangleThreeBucketsArray({
+        const d = this.largestTriangleThreeBucketsArray({
           data: r.series,
           threshold: this.FINAL_CONFIG.downsample.threshold
         }), f = `uniqueId_${o}`;
         return {
           ...r,
           slotAbsoluteIndex: o,
-          series: u.map((l) => this.isSafeValue(l) ? l : null).slice(this.slicer.start, this.slicer.end),
+          series: d.map((l) => this.isSafeValue(l) ? l : null).slice(this.slicer.start, this.slicer.end),
           color: this.convertColorToHex(r.color ? r.color : this.customPalette[o] ? this.customPalette[o] : this.palette[o]),
           id: f,
           scaleLabel: r.scaleLabel || f
@@ -306,13 +306,13 @@ const ct = ne(), ot = {
     relativeDataset() {
       return this.safeDataset.map((r, o) => ({
         ...r,
-        series: r.series.map((u) => u + this.relativeZero),
+        series: r.series.map((d) => d + this.relativeZero),
         absoluteValues: r.series
       })).filter((r) => !this.segregatedSeries.includes(r.id));
     },
     tableSparklineDataset() {
       return this.relativeDataset.map((r) => {
-        const o = r.absoluteValues.map((u) => [void 0, null].includes(u) ? 0 : u);
+        const o = r.absoluteValues.map((d) => [void 0, null].includes(d) ? 0 : d);
         return {
           id: r.id,
           name: r.name,
@@ -351,7 +351,7 @@ const ct = ne(), ot = {
       return this.safeDataset.map((r, o) => ({
         absoluteIndex: o,
         ...r,
-        series: r.series.map((u) => u + this.relativeZero),
+        series: r.series.map((d) => d + this.relativeZero),
         absoluteValues: r.series,
         segregate: () => this.segregate(r),
         isSegregated: this.segregatedSeries.includes(r.id)
@@ -364,10 +364,10 @@ const ct = ne(), ot = {
       return this.assignStackRatios(this.absoluteDataset.filter((r) => !this.segregatedSeries.includes(r.id)));
     },
     scaleGroups() {
-      const r = Object.groupBy(this.activeSeriesWithStackRatios, (u) => u.scaleLabel), o = {};
-      for (const [u, f] of Object.entries(r)) {
+      const r = Object.groupBy(this.activeSeriesWithStackRatios, (d) => d.scaleLabel), o = {};
+      for (const [d, f] of Object.entries(r)) {
         const l = f.flatMap((e) => e.absoluteValues);
-        o[u] = {
+        o[d] = {
           min: Math.min(...l) || 0,
           max: Math.max(...l) || 1,
           groupId: `scale_group_${this.createUid()}`
@@ -376,19 +376,19 @@ const ct = ne(), ot = {
       return o;
     },
     barSet() {
-      const r = this.activeSeriesWithStackRatios.filter((a) => ["bar", "line", "plot"].includes(a.type)), o = r.length, u = this.FINAL_CONFIG.chart.grid.labels.yAxis.gap, f = this.mutableConfig.isStacked, l = f ? u * (o - 1) : 0, e = this.drawingArea.height - l;
-      return r.filter((a) => a.type === "bar").map((a, L) => {
+      const r = this.activeSeriesWithStackRatios.filter((a) => ["bar", "line", "plot"].includes(a.type)), o = r.length, d = this.FINAL_CONFIG.chart.grid.labels.yAxis.gap, f = this.mutableConfig.isStacked, l = f ? d * (o - 1) : 0, e = this.drawingArea.height - l;
+      return r.filter((a) => a.type === "bar").map((a, y) => {
         this.checkAutoScaleError(a);
-        const z = this.scaleGroups[a.scaleLabel].min, G = this.scaleGroups[a.scaleLabel].max;
-        a.absoluteValues.filter((C) => ![null, void 0].includes(C)).map((C) => (C - z) / (G - z));
+        const z = this.scaleGroups[a.scaleLabel].min, O = this.scaleGroups[a.scaleLabel].max;
+        a.absoluteValues.filter((C) => ![null, void 0].includes(C)).map((C) => (C - z) / (O - z));
         const N = {
           valueMin: z,
-          valueMax: G < 0 ? 0 : G
-        }, A = {
+          valueMax: O < 0 ? 0 : O
+        }, F = {
           max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
           min: a.scaleMin || Math.min(...a.absoluteValues.filter((C) => ![void 0, null].includes(C))) > 0 ? 0 : Math.min(...a.absoluteValues.filter((C) => ![null, void 0].includes(C)))
-        }, v = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, y = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(A.min, A.max === A.min ? A.max * m : A.max, v) : this.calculateNiceScaleWithExactExtremes(A.min, A.max === A.min ? A.max * m : A.max, v), b = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v) : this.calculateNiceScaleWithExactExtremes(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v), M = y.min >= 0 ? 0 : Math.abs(y.min), H = 0, t = y.max + M, c = b.max + Math.abs(H), n = a.stackIndex, d = o - 1 - n, p = f ? 1 - a.cumulatedStackRatio : 0, S = f ? e * p + u * d : 0, k = f ? e * a.stackRatio : this.drawingArea.height, T = this.drawingArea.bottom - S - k * M / t, Y = this.drawingArea.bottom - S - k * H / c, W = this.absoluteDataset.filter((C) => C.type === "bar").filter((C) => !this.segregatedSeries.includes(C.id)).length, te = a.series.map((C, R) => {
-          const K = this.mutableConfig.useIndividualScale ? (a.absoluteValues[R] + M) / t : this.ratioToMax(C), Q = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * R : this.drawingArea.left + this.slot.bar * L + this.slot.bar * R * W - this.barSlot / 2 - L * this.barPeriodGap;
+        }, v = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, L = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(F.min, F.max === F.min ? F.max * m : F.max, v) : this.calculateNiceScaleWithExactExtremes(F.min, F.max === F.min ? F.max * m : F.max, v), b = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v) : this.calculateNiceScaleWithExactExtremes(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v), M = L.min >= 0 ? 0 : Math.abs(L.min), H = 0, t = L.max + M, c = b.max + Math.abs(H), n = a.stackIndex, g = o - 1 - n, p = f ? 1 - a.cumulatedStackRatio : 0, S = f ? e * p + d * g : 0, k = f ? e * a.stackRatio : this.drawingArea.height, T = this.drawingArea.bottom - S - k * M / t, Y = this.drawingArea.bottom - S - k * H / c, W = this.absoluteDataset.filter((C) => C.type === "bar").filter((C) => !this.segregatedSeries.includes(C.id)).length, te = a.series.map((C, R) => {
+          const K = this.mutableConfig.useIndividualScale ? (a.absoluteValues[R] + M) / t : this.ratioToMax(C), Q = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * R : this.drawingArea.left + this.slot.bar * y + this.slot.bar * R * W - this.barSlot / 2 - y * this.barPeriodGap;
           return {
             yOffset: this.checkNaN(S),
             individualHeight: this.checkNaN(k),
@@ -400,7 +400,7 @@ const ct = ne(), ot = {
             comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[R] || ""
           };
         }), E = a.absoluteValues.map((C) => b.min >= 0 ? (C - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (C + Math.abs(b.min)) / (b.max + Math.abs(b.min))), J = a.series.map((C, R) => {
-          const K = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * R : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * L + this.slot.bar * R * this.absoluteDataset.filter((Q) => Q.type === "bar").filter((Q) => !this.segregatedSeries.includes(Q.id)).length;
+          const K = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * R : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * y + this.slot.bar * R * this.absoluteDataset.filter((Q) => Q.type === "bar").filter((Q) => !this.segregatedSeries.includes(Q.id)).length;
           return {
             yOffset: this.checkNaN(S),
             individualHeight: this.checkNaN(k),
@@ -411,7 +411,7 @@ const ct = ne(), ot = {
             individualMax: this.checkNaN(t),
             comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[R] || ""
           };
-        }), w = y.ticks.map((C) => ({
+        }), w = L.ticks.map((C) => ({
           y: C >= 0 ? T - k * (C / t) : T + k * Math.abs(C) / t,
           value: C,
           prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
@@ -433,7 +433,7 @@ const ct = ne(), ot = {
           autoScaleYLabels: P,
           individualHeight: k,
           scaleYLabels: a.autoScaling ? P : w,
-          individualScale: a.autoScaling ? b : y,
+          individualScale: a.autoScaling ? b : L,
           individualMax: a.autoScaling ? c : t,
           zeroPosition: a.autoScaling ? Y : T,
           plots: a.autoScaling ? J : te,
@@ -442,26 +442,26 @@ const ct = ne(), ot = {
       });
     },
     lineSet() {
-      const r = this.activeSeriesWithStackRatios.filter((a) => ["bar", "line", "plot"].includes(a.type)), o = r.length, u = this.FINAL_CONFIG.chart.grid.labels.yAxis.gap, f = this.mutableConfig.isStacked, l = f ? u * (o - 1) : 0, e = this.drawingArea.height - l;
-      return r.filter((a) => a.type === "line").map((a, L) => {
+      const r = this.activeSeriesWithStackRatios.filter((a) => ["bar", "line", "plot"].includes(a.type)), o = r.length, d = this.FINAL_CONFIG.chart.grid.labels.yAxis.gap, f = this.mutableConfig.isStacked, l = f ? d * (o - 1) : 0, e = this.drawingArea.height - l;
+      return r.filter((a) => a.type === "line").map((a, y) => {
         this.checkAutoScaleError(a);
-        const z = this.scaleGroups[a.scaleLabel].min, G = this.scaleGroups[a.scaleLabel].max;
-        a.absoluteValues.filter((_) => ![null, void 0].includes(_)).map((_) => (_ - z) / (G - z));
+        const z = this.scaleGroups[a.scaleLabel].min, O = this.scaleGroups[a.scaleLabel].max;
+        a.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - z) / (O - z));
         const N = {
           valueMin: z,
-          valueMax: G
-        }, A = {
+          valueMax: O
+        }, F = {
           max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
           min: a.scaleMin || (Math.min(...a.absoluteValues) > 0 ? 0 : Math.min(...a.absoluteValues))
-        }, v = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, y = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(A.min, A.max === A.min ? A.max * m : A.max, v) : this.calculateNiceScaleWithExactExtremes(A.min, A.max === A.min ? A.max * m : A.max, v), b = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v) : this.calculateNiceScaleWithExactExtremes(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v), M = y.min >= 0 ? 0 : Math.abs(y.min), H = 0, t = y.max + Math.abs(M), c = b.max + Math.abs(H), n = a.stackIndex, d = o - 1 - n, p = f ? 1 - a.cumulatedStackRatio : 0, S = f ? e * p + u * d : 0, k = f ? e * a.stackRatio : this.drawingArea.height, T = this.drawingArea.bottom - S - k * M / t, Y = this.drawingArea.bottom - S - k * H / c, W = a.series.map((_, D) => {
-          const he = this.mutableConfig.useIndividualScale ? (a.absoluteValues[D] + Math.abs(M)) / t : this.ratioToMax(_);
+        }, v = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, L = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(F.min, F.max === F.min ? F.max * m : F.max, v) : this.calculateNiceScaleWithExactExtremes(F.min, F.max === F.min ? F.max * m : F.max, v), b = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v) : this.calculateNiceScaleWithExactExtremes(N.valueMin, N.valueMax === N.valueMin ? N.valueMax * m : N.valueMax, v), M = L.min >= 0 ? 0 : Math.abs(L.min), H = 0, t = L.max + Math.abs(M), c = b.max + Math.abs(H), n = a.stackIndex, g = o - 1 - n, p = f ? 1 - a.cumulatedStackRatio : 0, S = f ? e * p + d * g : 0, k = f ? e * a.stackRatio : this.drawingArea.height, T = this.drawingArea.bottom - S - k * M / t, Y = this.drawingArea.bottom - S - k * H / c, W = a.series.map((A, D) => {
+          const he = this.mutableConfig.useIndividualScale ? (a.absoluteValues[D] + Math.abs(M)) / t : this.ratioToMax(A);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * D),
             y: this.checkNaN(this.drawingArea.bottom - S - k * he),
             value: a.absoluteValues[D],
             comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[D] || ""
           };
-        }), te = a.absoluteValues.map((_) => b.min >= 0 ? (_ - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (_ + Math.abs(b.min)) / (b.max + Math.abs(b.min))), E = a.series.map((_, D) => [void 0, null].includes(a.absoluteValues[D]) ? {
+        }), te = a.absoluteValues.map((A) => b.min >= 0 ? (A - Math.abs(b.min)) / (b.max - Math.abs(b.min)) : (A + Math.abs(b.min)) / (b.max + Math.abs(b.min))), E = a.series.map((A, D) => [void 0, null].includes(a.absoluteValues[D]) ? {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * D),
           y: T,
           value: a.absoluteValues[D],
@@ -471,23 +471,23 @@ const ct = ne(), ot = {
           y: this.checkNaN(this.drawingArea.bottom - S - (k * te[D] || 0)),
           value: a.absoluteValues[D],
           comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[D] || ""
-        }), J = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(W) : this.createSmoothPath(W.filter((_) => _.value !== null)), w = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(E) : this.createSmoothPath(E.filter((_) => _.value !== null)), P = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(W) : this.createStraightPath(W.filter((_) => _.value !== null)), C = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(E) : this.createStraightPath(E.filter((_) => _.value !== null)), R = y.ticks.map((_) => ({
-          y: _ >= 0 ? T - k * (_ / t) : T + k * Math.abs(_) / t,
-          value: _,
+        }), J = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(W) : this.createSmoothPath(W.filter((A) => A.value !== null)), w = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(E) : this.createSmoothPath(E.filter((A) => A.value !== null)), P = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(W) : this.createStraightPath(W.filter((A) => A.value !== null)), C = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(E) : this.createStraightPath(E.filter((A) => A.value !== null)), R = L.ticks.map((A) => ({
+          y: A >= 0 ? T - k * (A / t) : T + k * Math.abs(A) / t,
+          value: A,
           prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: a
-        })), K = b.ticks.map((_) => {
-          const D = (_ - b.min) / (b.max - b.min);
+        })), K = b.ticks.map((A) => {
+          const D = (A - b.min) / (b.max - b.min);
           return {
-            y: _ >= 0 ? Y - k * D : Y + k * D,
-            value: _,
+            y: A >= 0 ? Y - k * D : Y + k * D,
+            value: A,
             prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: a
           };
         });
-        this.scaleGroups[a.scaleLabel].name = a.name, this.scaleGroups[a.scaleLabel].groupName = a.scaleLabel, this.scaleGroups[a.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || a.color, this.scaleGroups[a.scaleLabel].color = a.color, this.scaleGroups[a.scaleLabel].scaleYLabels = a.autoScaling ? K : R, this.scaleGroups[a.scaleLabel].zeroPosition = a.autoScaling ? Y : T, this.scaleGroups[a.scaleLabel].individualMax = a.autoScaling ? c : t, this.scaleGroups[a.scaleLabel].scaleLabel = a.scaleLabel, this.scaleGroups[a.scaleLabel].id = a.id, this.scaleGroups[a.scaleLabel].yOffset = S, this.scaleGroups[a.scaleLabel].individualHeight = k, this.scaleGroups[a.scaleLabel].autoScaleYLabels = K, this.scaleGroups[a.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((_) => _.scaleLabel === a.scaleLabel).length === 1;
+        this.scaleGroups[a.scaleLabel].name = a.name, this.scaleGroups[a.scaleLabel].groupName = a.scaleLabel, this.scaleGroups[a.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || a.color, this.scaleGroups[a.scaleLabel].color = a.color, this.scaleGroups[a.scaleLabel].scaleYLabels = a.autoScaling ? K : R, this.scaleGroups[a.scaleLabel].zeroPosition = a.autoScaling ? Y : T, this.scaleGroups[a.scaleLabel].individualMax = a.autoScaling ? c : t, this.scaleGroups[a.scaleLabel].scaleLabel = a.scaleLabel, this.scaleGroups[a.scaleLabel].id = a.id, this.scaleGroups[a.scaleLabel].yOffset = S, this.scaleGroups[a.scaleLabel].individualHeight = k, this.scaleGroups[a.scaleLabel].autoScaleYLabels = K, this.scaleGroups[a.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((A) => A.scaleLabel === a.scaleLabel).length === 1;
         const Q = this.mutableConfig.useIndividualScale ? a.autoScaling ? Y : T : this.zero, re = Math.max(Math.max(a.autoScaling ? Y : R.at(-1).y || 0, this.drawingArea.top), Q);
         return {
           ...a,
@@ -495,7 +495,7 @@ const ct = ne(), ot = {
           autoScaleYLabels: K,
           individualHeight: k,
           scaleYLabels: a.autoScaling ? K : R,
-          individualScale: a.autoScaling ? b : y,
+          individualScale: a.autoScaling ? b : L,
           individualMax: a.autoScaling ? c : t,
           zeroPosition: a.autoScaling ? Y : T,
           curve: a.autoScaling ? w : J,
@@ -504,11 +504,11 @@ const ct = ne(), ot = {
             a.autoScaling ? E : W,
             re
           ) : this.createIndividualArea(
-            a.autoScaling ? E.filter((_) => _.value !== null) : W.filter((_) => _.value !== null),
+            a.autoScaling ? E.filter((A) => A.value !== null) : W.filter((A) => A.value !== null),
             re
-          ) : this.createIndividualArea(W.filter((_) => _.value !== null), re) : "",
+          ) : this.createIndividualArea(W.filter((A) => A.value !== null), re) : "",
           curveAreas: a.useArea ? ce(
-            a.autoScaling ? this.FINAL_CONFIG.line.cutNullValues ? E : E.filter((_) => _.value !== null) : this.FINAL_CONFIG.line.cutNullValues ? W : W.filter((_) => _.value !== null),
+            a.autoScaling ? this.FINAL_CONFIG.line.cutNullValues ? E : E.filter((A) => A.value !== null) : this.FINAL_CONFIG.line.cutNullValues ? W : W.filter((A) => A.value !== null),
             re,
             this.FINAL_CONFIG.line.cutNullValues
           ) : [],
@@ -518,18 +518,18 @@ const ct = ne(), ot = {
       });
     },
     plotSet() {
-      const r = this.activeSeriesWithStackRatios.filter((a) => ["bar", "line", "plot"].includes(a.type)), o = r.length, u = this.FINAL_CONFIG.chart.grid.labels.yAxis.gap, f = this.mutableConfig.isStacked, l = f ? u * (o - 1) : 0, e = this.drawingArea.height - l;
+      const r = this.activeSeriesWithStackRatios.filter((a) => ["bar", "line", "plot"].includes(a.type)), o = r.length, d = this.FINAL_CONFIG.chart.grid.labels.yAxis.gap, f = this.mutableConfig.isStacked, l = f ? d * (o - 1) : 0, e = this.drawingArea.height - l;
       return r.filter((a) => a.type === "plot").map((a) => {
         this.checkAutoScaleError(a);
-        const L = this.scaleGroups[a.scaleLabel].min, z = this.scaleGroups[a.scaleLabel].max;
-        a.absoluteValues.filter((w) => ![null, void 0].includes(w)).map((w) => (w - L) / (z - L));
-        const G = {
-          valueMin: L,
+        const y = this.scaleGroups[a.scaleLabel].min, z = this.scaleGroups[a.scaleLabel].max;
+        a.absoluteValues.filter((w) => ![null, void 0].includes(w)).map((w) => (w - y) / (z - y));
+        const O = {
+          valueMin: y,
           valueMax: z
         }, N = {
           max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
           min: a.scaleMin || Math.min(...a.absoluteValues) > 0 ? 0 : Math.min(...a.absoluteValues)
-        }, A = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, v = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(N.min, N.max === N.min ? N.max * v : N.max, A), y = this.calculateNiceScaleWithExactExtremes(G.valueMin, G.valueMax === G.valueMin ? G.valueMax * v : G.valueMax, A), b = m.min >= 0 ? 0 : Math.abs(m.min), M = 0, H = m.max + b, t = y.max + Math.abs(M), c = a.stackIndex, n = o - 1 - c, d = f ? 1 - a.cumulatedStackRatio : 0, p = f ? e * d + u * n : 0, S = f ? e * a.stackRatio : this.drawingArea.height, k = this.drawingArea.bottom - p - S * b / H, T = this.drawingArea.bottom - p - S * M / t, Y = a.series.map((w, P) => {
+        }, F = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, v = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(N.min, N.max === N.min ? N.max * v : N.max, F), L = this.calculateNiceScaleWithExactExtremes(O.valueMin, O.valueMax === O.valueMin ? O.valueMax * v : O.valueMax, F), b = m.min >= 0 ? 0 : Math.abs(m.min), M = 0, H = m.max + b, t = L.max + Math.abs(M), c = a.stackIndex, n = o - 1 - c, g = f ? 1 - a.cumulatedStackRatio : 0, p = f ? e * g + d * n : 0, S = f ? e * a.stackRatio : this.drawingArea.height, k = this.drawingArea.bottom - p - S * b / H, T = this.drawingArea.bottom - p - S * M / t, Y = a.series.map((w, P) => {
           const C = this.mutableConfig.useIndividualScale ? (a.absoluteValues[P] + Math.abs(b)) / H : this.ratioToMax(w);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * P),
@@ -537,7 +537,7 @@ const ct = ne(), ot = {
             value: a.absoluteValues[P],
             comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[P] || ""
           };
-        }), W = a.absoluteValues.map((w) => y.min >= 0 ? (w - Math.abs(y.min)) / (y.max - Math.abs(y.min)) : (w + Math.abs(y.min)) / (y.max + Math.abs(y.min))), te = a.series.map((w, P) => ({
+        }), W = a.absoluteValues.map((w) => L.min >= 0 ? (w - Math.abs(L.min)) / (L.max - Math.abs(L.min)) : (w + Math.abs(L.min)) / (L.max + Math.abs(L.min))), te = a.series.map((w, P) => ({
           x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * P),
           y: this.checkNaN(this.drawingArea.bottom - p - (S * W[P] || 0)),
           value: a.absoluteValues[P],
@@ -548,8 +548,8 @@ const ct = ne(), ot = {
           prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: a
-        })), J = y.ticks.map((w) => {
-          const P = (w - y.min) / (y.max - y.min);
+        })), J = L.ticks.map((w) => {
+          const P = (w - L.min) / (L.max - L.min);
           return {
             y: w >= 0 ? T - S * P : T + S * P,
             value: w,
@@ -564,7 +564,7 @@ const ct = ne(), ot = {
           autoScaleYLabels: J,
           individualHeight: S,
           scaleYLabels: a.autoScaling ? J : E,
-          individualScale: a.autoScaling ? y : m,
+          individualScale: a.autoScaling ? L : m,
           individualMax: a.autoScaling ? t : H,
           zeroPosition: a.autoScaling ? T : k,
           plots: a.autoScaling ? te : Y,
@@ -580,14 +580,14 @@ const ct = ne(), ot = {
           l.add(a);
         }), l.size;
       }
-      const o = r(this.absoluteDataset.filter((f) => !this.segregatedSeries.includes(f.id))), u = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? o * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
+      const o = r(this.absoluteDataset.filter((f) => !this.segregatedSeries.includes(f.id))), d = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? o * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
       return {
         top: this.FINAL_CONFIG.chart.padding.top,
         right: this.width - this.FINAL_CONFIG.chart.padding.right,
         bottom: this.height - this.FINAL_CONFIG.chart.padding.bottom,
-        left: this.FINAL_CONFIG.chart.padding.left + u,
+        left: this.FINAL_CONFIG.chart.padding.left + d,
         height: this.height - (this.FINAL_CONFIG.chart.padding.top + this.FINAL_CONFIG.chart.padding.bottom),
-        width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left + u)
+        width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left + d)
       };
     },
     max() {
@@ -634,13 +634,13 @@ const ct = ne(), ot = {
     },
     table() {
       if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const r = this.relativeDataset.map((u) => ({
-        label: u.name,
-        color: u.color,
-        type: u.type
+      const r = this.relativeDataset.map((d) => ({
+        label: d.name,
+        color: d.color,
+        type: d.type
       })), o = [];
-      return this.timeLabels.forEach((u, f) => {
-        const l = [u.text];
+      return this.timeLabels.forEach((d, f) => {
+        const l = [d.text];
         this.relativeDataset.forEach((e) => {
           l.push(this.canShowValue(e.absoluteValues[f]) ? Number(e.absoluteValues[f].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
         }), o.push(l);
@@ -650,20 +650,20 @@ const ct = ne(), ot = {
       const r = this.FINAL_CONFIG.table.showSum;
       let o = [""].concat(this.relativeDataset.map((e) => e.name));
       r && (o = o.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 u = [];
+      let d = [];
       for (let e = 0; e < this.maxSeries; e += 1) {
-        const a = this.relativeDataset.map((L) => L.absoluteValues[e] ?? 0).reduce((L, z) => L + z, 0);
-        u.push(
+        const a = this.relativeDataset.map((y) => y.absoluteValues[e] ?? 0).reduce((y, z) => y + z, 0);
+        d.push(
           [
             this.timeLabels[e].text ?? "-"
           ].concat(this.relativeDataset.map(
-            (L) => this.applyDataLabel(
-              L.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : L.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
-              L.absoluteValues[e] ?? 0,
+            (y) => this.applyDataLabel(
+              y.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : y.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
+              y.absoluteValues[e] ?? 0,
               this.dataLabel({
-                p: L.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-                v: L.absoluteValues[e] ?? 0,
-                s: L.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+                p: y.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+                v: y.absoluteValues[e] ?? 0,
+                s: y.suffix || this.FINAL_CONFIG.chart.labels.suffix,
                 r: this.FINAL_CONFIG.table.rounding
               })
             )
@@ -683,7 +683,7 @@ const ct = ne(), ot = {
         },
         breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
       }, l = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((e) => e.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
-      return { head: o, body: u, config: f, colNames: l };
+      return { head: o, body: d, config: f, colNames: l };
     },
     dataTooltipSlot() {
       return {
@@ -703,7 +703,7 @@ const ct = ne(), ot = {
         name: r.name,
         color: r.color,
         type: r.type,
-        value: r.absoluteValues.find((o, u) => u === this.selectedSerieIndex),
+        value: r.absoluteValues.find((o, d) => d === this.selectedSerieIndex),
         comments: r.comments || [],
         prefix: r.prefix || this.FINAL_CONFIG.chart.labels.prefix,
         suffix: r.suffix || this.FINAL_CONFIG.chart.labels.suffix
@@ -711,7 +711,7 @@ const ct = ne(), ot = {
     },
     tooltipContent() {
       let r = "", o = this.selectedSeries.map((l) => l.value).filter((l) => this.isSafeValue(l) && l !== null).reduce((l, e) => Math.abs(l) + Math.abs(e), 0);
-      const u = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
+      const d = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
       return this.isFunction(f) && this.functionReturnsString(() => f({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
@@ -728,7 +728,7 @@ const ct = ne(), ot = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      }) : (u && u.text && this.FINAL_CONFIG.chart.tooltip.showTimeLabel && (r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${u.text}</div>`), this.selectedSeries.forEach((l) => {
+      }) : (d && d.text && this.FINAL_CONFIG.chart.tooltip.showTimeLabel && (r += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${d.text}</div>`), this.selectedSeries.forEach((l) => {
         if (this.isSafeValue(l.value)) {
           let e = "", a = "";
           switch (this.icons[l.type]) {
@@ -810,26 +810,26 @@ const ct = ne(), ot = {
         (N) => N.show && (N.yAxis.yTop != null || N.yAxis.yBottom != null)
       );
       if (!o.length) return [];
-      const { left: u, right: f } = this.drawingArea, l = this.zero, e = this.drawingArea.height, a = this.niceScale.min, z = this.niceScale.max - a, G = (N) => {
-        const A = (N - 0) / z;
-        return l - A * e;
+      const { left: d, right: f } = this.drawingArea, l = this.zero, e = this.drawingArea.height, a = this.niceScale.min, z = this.niceScale.max - a, O = (N) => {
+        const F = (N - 0) / z;
+        return l - F * e;
       };
       return o.map((N) => {
-        const { yAxis: { yTop: A, yBottom: v, label: m } } = N, y = A != null && v != null && A !== v, b = A == null ? null : G(A), M = v == null ? null : G(v), H = this.getTextMeasurer(m.fontSize);
+        const { yAxis: { yTop: F, yBottom: v, label: m } } = N, L = F != null && v != null && F !== v, b = F == null ? null : O(F), M = v == null ? null : O(v), H = this.getTextMeasurer(m.fontSize);
         H.font = `${m.fontSize}px sans-serif`;
-        const t = H.measureText(m.text).width, c = m.fontSize, n = (m.position === "start" ? u + m.padding.left : f - m.padding.right) + m.offsetX, p = (b != null && M != null ? Math.min(b, M) : b ?? M) - m.fontSize / 3 + m.offsetY - m.padding.top;
+        const t = H.measureText(m.text).width, c = m.fontSize, n = (m.position === "start" ? d + m.padding.left : f - m.padding.right) + m.offsetX, p = (b != null && M != null ? Math.min(b, M) : b ?? M) - m.fontSize / 3 + m.offsetY - m.padding.top;
         let S;
         m.textAnchor === "middle" ? S = n - t / 2 - m.padding.left : m.textAnchor === "end" ? S = n - t - m.padding.right : S = n - m.padding.left;
         const k = p - c * 0.75 - m.padding.top;
         return {
           show: ![b, M, k].includes(NaN),
           id: `annotation_y_${this.createUid()}`,
-          hasArea: y,
-          areaHeight: y ? Math.abs(b - M) : 0,
+          hasArea: L,
+          areaHeight: L ? Math.abs(b - M) : 0,
           yTop: b,
           yBottom: M,
           config: N.yAxis,
-          x1: u,
+          x1: d,
           x2: f,
           _text: { x: n, y: p },
           _box: {
@@ -903,19 +903,19 @@ const ct = ne(), ot = {
     usesSelectTimeLabelEvent() {
       return !!this.$.vnode.props?.onSelectTimeLabel;
     },
-    getTextMeasurer(r, o, u) {
+    getTextMeasurer(r, o, d) {
       if (!this._textMeasurer) {
         const f = document.createElement("canvas");
         this._textMeasurer = f.getContext("2d");
       }
-      return this._textMeasurer.font = `${u || "normal"} ${r}px ${o || "sans-serif"}`, this._textMeasurer;
+      return this._textMeasurer.font = `${d || "normal"} ${r}px ${o || "sans-serif"}`, this._textMeasurer;
     },
     hideTags() {
       const r = document.querySelectorAll(".vue-ui-xy-tag");
       r.length && Array.from(r).forEach((o) => o.style.opacity = "0");
     },
-    setTagRef(r, o, u, f, l) {
-      u && (this.tagRefs[`${r}_${o}_${f}_${l}`] = u);
+    setTagRef(r, o, d, f, l) {
+      d && (this.tagRefs[`${r}_${o}_${f}_${l}`] = d);
     },
     setUserOptionsVisibility(r = !1) {
       this.showUserOptionsOnChartHover && (this.userOptionsVisible = r);
@@ -924,7 +924,7 @@ const ct = ne(), ot = {
       this.isAnnotator = !this.isAnnotator;
     },
     selectTimeLabel(r, o) {
-      const u = this.relativeDataset.map((f) => ({
+      const d = this.relativeDataset.map((f) => ({
         shape: f.shape || null,
         name: f.name,
         color: f.color,
@@ -935,16 +935,16 @@ const ct = ne(), ot = {
         suffix: f.suffix || this.FINAL_CONFIG.chart.labels.suffix
       }));
       this.$emit("selectTimeLabel", {
-        datapoint: u,
+        datapoint: d,
         absoluteIndex: r.absoluteIndex,
         label: r.text
       });
     },
     getHighlightAreaPosition(r) {
-      const o = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (r.from - this.slicer.start), u = this.drawingArea.width / (this.slicer.end - this.slicer.start) * r.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * r.span;
+      const o = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (r.from - this.slicer.start), d = this.drawingArea.width / (this.slicer.end - this.slicer.start) * r.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * r.span;
       return {
         x: o < this.drawingArea.left ? this.drawingArea.left : o,
-        width: u
+        width: d
       };
     },
     prepareConfig() {
@@ -955,9 +955,9 @@ const ct = ne(), ot = {
         userConfig: this.config,
         defaultConfig: r
       });
-      return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? o.chart.highlightArea = this.config.chart.highlightArea : o.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? o.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : o.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? o.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : o.chart.grid.labels.yAxis.scaleMax = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.startIndex") ? o.chart.zoom.startIndex = this.config.chart.zoom.startIndex : o.chart.zoom.startIndex = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.endIndex") ? o.chart.zoom.endIndex = this.config.chart.zoom.endIndex : o.chart.zoom.endIndex = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.groupColor") ? o.chart.grid.labels.yAxis.groupColor = this.config.chart.grid.labels.yAxis.groupColor : o.chart.grid.labels.yAxis.groupColor = null, this.config && Array.isArray(this.config.chart.annotations) && this.config.chart.annotations.length && (o.chart.annotations = this.config.chart.annotations.map((u) => ie({
+      return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? o.chart.highlightArea = this.config.chart.highlightArea : o.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? o.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : o.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? o.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : o.chart.grid.labels.yAxis.scaleMax = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.startIndex") ? o.chart.zoom.startIndex = this.config.chart.zoom.startIndex : o.chart.zoom.startIndex = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.endIndex") ? o.chart.zoom.endIndex = this.config.chart.zoom.endIndex : o.chart.zoom.endIndex = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.groupColor") ? o.chart.grid.labels.yAxis.groupColor = this.config.chart.grid.labels.yAxis.groupColor : o.chart.grid.labels.yAxis.groupColor = null, this.config && Array.isArray(this.config.chart.annotations) && this.config.chart.annotations.length && (o.chart.annotations = this.config.chart.annotations.map((d) => ie({
         defaultConfig: r.chart.annotations[0],
-        userConfig: u
+        userConfig: d
       }))), o.theme ? {
         ...ie({
           userConfig: this.themes.vue_ui_xy[o.theme] || this.config,
@@ -978,9 +978,9 @@ const ct = ne(), ot = {
           index: o
         });
       }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((r) => {
-        r.series.forEach((o, u) => {
+        r.series.forEach((o, d) => {
           this.isSafeValue(o) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${r.name}' contains the value '${o}' at index ${u}.
+-----> The serie '${r.name}' contains the value '${o}' at index ${d}.
 '${o}' was converted to null to allow the chart to display.`);
         });
       }), this.showUserOptionsOnChartHover = this.FINAL_CONFIG.chart.userOptions.showOnChartHover, this.keepUserOptionState = this.FINAL_CONFIG.chart.userOptions.keepStateOnChartLeave, this.userOptionsVisible = !this.FINAL_CONFIG.chart.userOptions.showOnChartHover, this.mutableConfig = {
@@ -994,21 +994,21 @@ const ct = ne(), ot = {
       }, this.FINAL_CONFIG.responsive) {
         const o = this.$refs.chart.parentNode;
         this.resizeObserver && (this.resizeObserver.unobserve(this.observedEl), this.resizeObserver.disconnect());
-        const { height: u, width: f } = o.getBoundingClientRect();
+        const { height: d, width: f } = o.getBoundingClientRect();
         let l = null, e = 0;
-        this.FINAL_CONFIG.chart.title.show && (l = this.$refs.chartTitle, e = l.getBoundingClientRect().height);
-        let a = null, L = 0;
-        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (a = this.$refs.chartSlicer.$el, L = a.getBoundingClientRect().height);
-        let z = null, G = 0;
-        this.FINAL_CONFIG.chart.legend.show && (z = this.$refs.chartLegend, G = z.getBoundingClientRect().height);
+        this.FINAL_CONFIG.chart.title.show && this.$refs.chartTitle && (l = this.$refs.chartTitle, e = l.getBoundingClientRect().height);
+        let a = null, y = 0;
+        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (a = this.$refs.chartSlicer.$el, y = a.getBoundingClientRect().height);
+        let z = null, O = 0;
+        this.FINAL_CONFIG.chart.legend.show && this.$refs.chartLegend && (z = this.$refs.chartLegend, O = z.getBoundingClientRect().height);
         let N = 0;
         this.$refs.source && (N = this.$refs.source.getBoundingClientRect().height);
-        let A = 0;
-        this.$refs.noTitle && (A = this.$refs.noTitle.getBoundingClientRect().height), this.height = u - e - G - L - N - A, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+        let F = 0;
+        this.$refs.noTitle && (F = this.$refs.noTitle.getBoundingClientRect().height), this.height = d - e - O - y - N - F - 12, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
         const v = new ResizeObserver((m) => {
-          for (const y of m)
-            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (L = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (G = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (N = this.$refs.source.getBoundingClientRect().height), requestAnimationFrame(() => {
-              this.height = y.contentBoxSize[0].blockSize - e - G - L - N - 24, this.width = y.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+          for (const L of m)
+            this.FINAL_CONFIG.chart.title.show && this.$refs.chartTitle ? e = this.$refs.chartTitle.getBoundingClientRect().height : e = 0, this.$refs.chartSlicer && this.$refs.chartSlicer.$el ? y = this.$refs.chartSlicer.$el.getBoundingClientRect().height : y = 0, this.$refs.chartLegend ? O = this.$refs.chartLegend.getBoundingClientRect().height : O = 0, this.$refs.source ? N = this.$refs.source.getBoundingClientRect().height : N = 0, this.$refs.noTitle ? F = this.$refs.noTitle.getBoundingClientRect().height : F = 0, requestAnimationFrame(() => {
+              this.height = L.contentRect.height - e - O - y - N - F - 12, this.width = L.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
             });
         });
         this.resizeObserver = v, this.observedEl = o, v.observe(o);
@@ -1078,18 +1078,18 @@ const ct = ne(), ot = {
     },
     createArea(r, o) {
       if (!r[0]) return [-10, -10, "", -10, -10];
-      const u = { x: r[0].x, y: o }, f = { x: r.at(-1).x, y: o }, l = [];
+      const d = { x: r[0].x, y: o }, f = { x: r.at(-1).x, y: o }, l = [];
       return r.forEach((e) => {
         l.push(`${e.x},${e.y} `);
-      }), [u.x, u.y, ...l, f.x, f.y].toString();
+      }), [d.x, d.y, ...l, f.x, f.y].toString();
     },
     createStar: ae,
     createPolygonPath: X,
     fillArray(r, o) {
-      let u = Array(r).fill(0);
+      let d = Array(r).fill(0);
       for (let f = 0; f < o.length && f < r; f += 1)
-        u[f] = o[f];
-      return u;
+        d[f] = o[f];
+      return d;
     },
     async setupSlicer() {
       (this.FINAL_CONFIG.chart.zoom.startIndex !== null || this.FINAL_CONFIG.chart.zoom.endIndex !== null) && this.$refs.chartSlicer ? (this.FINAL_CONFIG.chart.zoom.startIndex !== null && (await this.$nextTick(), await this.$nextTick(), this.$refs.chartSlicer.setStartValue(this.FINAL_CONFIG.chart.zoom.startIndex)), this.FINAL_CONFIG.chart.zoom.endIndex !== null && (await this.$nextTick(), await this.$nextTick(), this.$refs.chartSlicer.setEndValue(this.validSlicerEnd(this.FINAL_CONFIG.chart.zoom.endIndex + 1)))) : (this.slicer = {
@@ -1101,7 +1101,7 @@ const ct = ne(), ot = {
       this.setupSlicer();
     },
     validSlicerEnd(r) {
-      const o = Math.max(...this.dataset.map((u) => this.largestTriangleThreeBucketsArray({ data: u.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length));
+      const o = Math.max(...this.dataset.map((d) => this.largestTriangleThreeBucketsArray({ data: d.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length));
       return r > o ? o : r < 0 || this.FINAL_CONFIG.chart.zoom.startIndex !== null && r < this.FINAL_CONFIG.chart.zoom.startIndex ? this.FINAL_CONFIG.chart.zoom.startIndex !== null ? this.FINAL_CONFIG.chart.zoom.startIndex + 1 : 1 : r;
     },
     calcRectHeight(r) {
@@ -1127,12 +1127,12 @@ const ct = ne(), ot = {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(r);
     },
     findClosestValue(r, o) {
-      let u = o[0], f = Math.abs(r - o[0]);
+      let d = o[0], f = Math.abs(r - o[0]);
       for (let l = 1; l < o.length; l += 1) {
         const e = Math.abs(r - o[l]);
-        e < f && o[l] < r && (u = o[l], f = e);
+        e < f && o[l] < r && (d = o[l], f = e);
       }
-      return u;
+      return d;
     },
     ratioToMax(r) {
       return r / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
@@ -1186,7 +1186,7 @@ const ct = ne(), ot = {
     async generatePdf() {
       this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: r } = await import("./pdf-DXd78sXk.js");
+          const { default: r } = await import("./pdf-DUfjsZR7.js");
           await r({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1200,7 +1200,7 @@ const ct = ne(), ot = {
       }, 100);
     },
     generateCsv(r = null) {
-      const o = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], u = ["", ...this.table.head.map((a) => a.label)], f = this.table.body, l = o.concat([u]).concat(f), e = this.createCsvContent(l);
+      const o = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], d = ["", ...this.table.head.map((a) => a.label)], f = this.table.body, l = o.concat([d]).concat(f), e = this.createCsvContent(l);
       r ? r(e) : this.downloadCsv({ csvContent: e, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -1209,7 +1209,7 @@ const ct = ne(), ot = {
     async generateImage() {
       this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: r } = await import("./img-BUo2ttV5.js");
+          const { default: r } = await import("./img-Cgn5kWVZ.js");
           await r({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1281,13 +1281,13 @@ const ct = ne(), ot = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
 }, qr = ["innerHTML"];
-function Xr(r, o, u, f, l, e) {
-  const a = q("PenAndPaper"), L = q("Title"), z = q("UserOptions"), G = q("PackageVersion"), N = q("Shape"), A = q("Skeleton"), v = q("Slicer"), m = q("Tooltip"), y = q("BaseIcon"), b = q("TableSparkline"), M = q("DataTable"), H = q("Accordion");
+function Xr(r, o, d, f, l, e) {
+  const a = q("PenAndPaper"), y = q("Title"), z = q("UserOptions"), O = q("PackageVersion"), N = q("Shape"), F = q("Skeleton"), v = q("Slicer"), m = q("Tooltip"), L = q("BaseIcon"), b = q("TableSparkline"), M = q("DataTable"), H = q("Accordion");
   return i(), s("div", {
     id: `vue-ui-xy_${l.uniqueId}`,
     class: j(`vue-ui-xy ${l.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
     ref: "chart",
-    style: F(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`),
+    style: _(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`),
     onMouseenter: o[7] || (o[7] = () => e.setUserOptionsVisibility(!0)),
     onMouseleave: o[8] || (o[8] = () => e.setUserOptionsVisibility(!1))
   }, [
@@ -1304,9 +1304,9 @@ function Xr(r, o, u, f, l, e) {
       key: 2,
       ref: "chartTitle",
       class: "vue-ui-xy-title",
-      style: F(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      style: _(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      (i(), U(L, {
+      (i(), U(y, {
         key: `title_${l.titleStep}`,
         config: {
           title: {
@@ -1334,7 +1334,7 @@ function Xr(r, o, u, f, l, e) {
       hasImg: e.FINAL_CONFIG.chart.userOptions.buttons.img,
       hasLabel: e.FINAL_CONFIG.chart.userOptions.buttons.labels,
       hasTable: e.FINAL_CONFIG.chart.userOptions.buttons.table,
-      hasStack: u.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
+      hasStack: d.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
       hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
       isStacked: l.mutableConfig.isStacked,
       isFullscreen: l.isFullscreen,
@@ -1354,77 +1354,77 @@ function Xr(r, o, u, f, l, e) {
       onToggleStack: e.toggleStack,
       onToggleTooltip: e.toggleTooltip,
       onToggleAnnotator: e.toggleAnnotator,
-      style: F({
+      style: _({
         visibility: l.keepUserOptionState ? l.userOptionsVisible ? "visible" : "hidden" : "visible"
       })
     }, et({ _: 2 }, [
       r.$slots.menuIcon ? {
         name: "menuIcon",
         fn: B(({ isOpen: t, color: c }) => [
-          O(r.$slots, "menuIcon", $(ee({ isOpen: t, color: c })), void 0, !0)
+          G(r.$slots, "menuIcon", $(ee({ isOpen: t, color: c })), void 0, !0)
         ]),
         key: "0"
       } : void 0,
       r.$slots.optionTooltip ? {
         name: "optionTooltip",
         fn: B(() => [
-          O(r.$slots, "optionTooltip", {}, void 0, !0)
+          G(r.$slots, "optionTooltip", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0,
       r.$slots.optionPdf ? {
         name: "optionPdf",
         fn: B(() => [
-          O(r.$slots, "optionPdf", {}, void 0, !0)
+          G(r.$slots, "optionPdf", {}, void 0, !0)
         ]),
         key: "2"
       } : void 0,
       r.$slots.optionCsv ? {
         name: "optionCsv",
         fn: B(() => [
-          O(r.$slots, "optionCsv", {}, void 0, !0)
+          G(r.$slots, "optionCsv", {}, void 0, !0)
         ]),
         key: "3"
       } : void 0,
       r.$slots.optionImg ? {
         name: "optionImg",
         fn: B(() => [
-          O(r.$slots, "optionImg", {}, void 0, !0)
+          G(r.$slots, "optionImg", {}, void 0, !0)
         ]),
         key: "4"
       } : void 0,
       r.$slots.optionTable ? {
         name: "optionTable",
         fn: B(() => [
-          O(r.$slots, "optionTable", {}, void 0, !0)
+          G(r.$slots, "optionTable", {}, void 0, !0)
         ]),
         key: "5"
       } : void 0,
       r.$slots.optionLabels ? {
         name: "optionLabels",
         fn: B(() => [
-          O(r.$slots, "optionLabels", {}, void 0, !0)
+          G(r.$slots, "optionLabels", {}, void 0, !0)
         ]),
         key: "6"
       } : void 0,
       r.$slots.optionStack ? {
         name: "optionStack",
         fn: B(() => [
-          O(r.$slots, "optionStack", {}, void 0, !0)
+          G(r.$slots, "optionStack", {}, void 0, !0)
         ]),
         key: "7"
       } : void 0,
       r.$slots.optionFullscreen ? {
         name: "optionFullscreen",
         fn: B(({ toggleFullscreen: t, isFullscreen: c }) => [
-          O(r.$slots, "optionFullscreen", $(ee({ toggleFullscreen: t, isFullscreen: c })), void 0, !0)
+          G(r.$slots, "optionFullscreen", $(ee({ toggleFullscreen: t, isFullscreen: c })), void 0, !0)
         ]),
         key: "8"
       } : void 0,
       r.$slots.optionAnnotator ? {
         name: "optionAnnotator",
         fn: B(({ toggleAnnotator: t, isAnnotator: c }) => [
-          O(r.$slots, "optionAnnotator", $(ee({ toggleAnnotator: t, isAnnotator: c })), void 0, !0)
+          G(r.$slots, "optionAnnotator", $(ee({ toggleAnnotator: t, isAnnotator: c })), void 0, !0)
         ]),
         key: "9"
       } : void 0
@@ -1436,12 +1436,12 @@ function Xr(r, o, u, f, l, e) {
       class: j([{ "vue-data-ui-fullscreen--on": l.isFullscreen, "vue-data-ui-fulscreen--off": !l.isFullscreen }, "vue-ui-xy-svg"]),
       width: "100%",
       viewBox: l.viewBox,
-      style: F(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`),
+      style: _(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`),
       "aria-label": e.chartAriaLabel,
       role: "img",
       "aria-live": "polite"
     }, [
-      le(G),
+      le(O),
       r.$slots["chart-background"] ? (i(), s("foreignObject", {
         key: 0,
         x: e.drawingArea.left + e.xPadding < 0 ? 0 : e.drawingArea.left + e.xPadding,
@@ -1452,7 +1452,7 @@ function Xr(r, o, u, f, l, e) {
           pointerEvents: "none"
         }
       }, [
-        O(r.$slots, "chart-background", {}, void 0, !0)
+        G(r.$slots, "chart-background", {}, void 0, !0)
       ], 8, gt)) : h("", !0),
       e.maxSeries > 0 ? (i(), s("g", ft, [
         I("g", It, [
@@ -1467,8 +1467,8 @@ function Xr(r, o, u, f, l, e) {
             "stroke-linecap": "round",
             style: { animation: "none !important" }
           }, null, 8, xt)) : h("", !0),
-          l.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (i(!0), s(g, { key: 2 }, x(e.allScales, (t) => (i(), s("g", null, [
-            t.id === l.selectedScale && t.yLabels.length ? (i(!0), s(g, { key: 0 }, x(t.yLabels, (c) => (i(), s("line", {
+          l.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (i(!0), s(u, { key: 2 }, x(e.allScales, (t) => (i(), s("g", null, [
+            t.id === l.selectedScale && t.yLabels.length ? (i(!0), s(u, { key: 0 }, x(t.yLabels, (c) => (i(), s("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.forceValidValue(c.y),
@@ -1477,7 +1477,7 @@ function Xr(r, o, u, f, l, e) {
               "stroke-width": 0.5,
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, Ft))), 256)) : t.yLabels.length ? (i(!0), s(g, { key: 1 }, x(t.yLabels, (c) => (i(), s("line", {
+            }, null, 8, Ft))), 256)) : t.yLabels.length ? (i(!0), s(u, { key: 1 }, x(t.yLabels, (c) => (i(), s("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.forceValidValue(c.y),
@@ -1487,7 +1487,7 @@ function Xr(r, o, u, f, l, e) {
               "stroke-linecap": "round",
               style: { animation: "none !important" }
             }, null, 8, _t))), 256)) : h("", !0)
-          ]))), 256)) : h("", !0) : (i(), s(g, { key: 1 }, [
+          ]))), 256)) : h("", !0) : (i(), s(u, { key: 1 }, [
             e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (i(), s("line", {
               key: 0,
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1500,7 +1500,7 @@ function Xr(r, o, u, f, l, e) {
               style: { animation: "none !important" }
             }, null, 8, Nt)) : h("", !0),
             e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (i(), s("g", mt, [
-              (i(!0), s(g, null, x(e.yLabels, (t) => (i(), s("line", {
+              (i(!0), s(u, null, x(e.yLabels, (t) => (i(), s("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
                 y1: e.forceValidValue(t.y),
@@ -1513,7 +1513,7 @@ function Xr(r, o, u, f, l, e) {
             ])) : h("", !0)
           ], 64)),
           e.FINAL_CONFIG.chart.grid.showVerticalLines ? (i(), s("g", At, [
-            (i(!0), s(g, null, x(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (t, c) => (i(), s("line", {
+            (i(!0), s(u, null, x(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (t, c) => (i(), s("line", {
               key: `grid_vertical_line_${c}`,
               x1: e.drawingArea.width / e.maxSeries * c + e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.width / e.maxSeries * c + e.drawingArea.left + e.xPadding,
@@ -1525,10 +1525,10 @@ function Xr(r, o, u, f, l, e) {
             }, null, 8, yt))), 128))
           ])) : h("", !0),
           e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (i(), s("g", Lt, [
-            (i(!0), s(g, null, x(e.timeLabels, (t, c) => (i(), s("g", {
+            (i(!0), s(u, null, x(e.timeLabels, (t, c) => (i(), s("g", {
               key: `time_label_${c}`
             }, [
-              t && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && l.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (i(), s(g, { key: 0 }, [
+              t && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && l.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (i(), s(u, { key: 0 }, [
                 e.FINAL_CONFIG.chart.grid.labels.xAxis.showCrosshairs ? (i(), s("line", {
                   key: 0,
                   y1: e.FINAL_CONFIG.chart.grid.labels.xAxis.crosshairsAlwaysAtZero ? e.zero - (e.zero === e.drawingArea.bottom ? 0 : e.FINAL_CONFIG.chart.grid.labels.xAxis.crosshairSize / 2) : e.drawingArea.bottom,
@@ -1544,7 +1544,7 @@ function Xr(r, o, u, f, l, e) {
             ]))), 128))
           ])) : h("", !0)
         ]),
-        (i(!0), s(g, null, x(e.barSet, (t, c) => (i(), s("defs", {
+        (i(!0), s(u, null, x(e.barSet, (t, c) => (i(), s("defs", {
           key: `def_rect_${c}`
         }, [
           I("linearGradient", {
@@ -1584,7 +1584,7 @@ function Xr(r, o, u, f, l, e) {
             }, null, 8, zt)
           ], 8, Gt)
         ]))), 128)),
-        (i(!0), s(g, null, x(e.plotSet, (t, c) => (i(), s("defs", {
+        (i(!0), s(u, null, x(e.plotSet, (t, c) => (i(), s("defs", {
           key: `def_plot_${c}`
         }, [
           I("radialGradient", {
@@ -1605,7 +1605,7 @@ function Xr(r, o, u, f, l, e) {
             }, null, 8, Pt)
           ], 8, Mt)
         ]))), 128)),
-        (i(!0), s(g, null, x(e.lineSet, (t, c) => (i(), s("defs", {
+        (i(!0), s(u, null, x(e.lineSet, (t, c) => (i(), s("defs", {
           key: `def_line_${c}`
         }, [
           I("radialGradient", {
@@ -1642,38 +1642,42 @@ function Xr(r, o, u, f, l, e) {
             }, null, 8, Wt)
           ], 8, Dt)
         ]))), 128)),
-        (i(!0), s(g, null, x(e.highlightAreas, (t) => (i(), s("g", null, [
-          t.show ? (i(!0), s(g, { key: 0 }, x(t.span, (c, n) => (i(), s("g", null, [
-            I("rect", {
-              style: F({
-                transition: "none",
-                opacity: t.from + n >= l.slicer.start && t.from + n <= l.slicer.end - 1 ? 1 : 0
-              }),
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.from + n - l.slicer.start),
-              y: e.drawingArea.top,
-              height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
-              width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
-              fill: e.setOpacity(t.color, t.opacity)
-            }, null, 12, Et),
-            t.caption.text && n === 0 ? (i(), s("foreignObject", {
-              key: 0,
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.from + n - l.slicer.start) - (t.caption.width === "auto" ? 0 : t.caption.width / 2 - e.drawingArea.width / e.maxSeries * t.span / 2),
-              y: e.drawingArea.top + t.caption.offsetY,
-              style: F({
-                overflow: "visible",
-                opacity: t.to >= l.slicer.start && t.from < l.slicer.end ? 1 : 0
-              }),
-              height: "1",
-              width: t.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * t.span : t.caption.width
-            }, [
-              I("div", {
-                style: F(`padding:${t.caption.padding}px;text-align:${t.caption.textAlign};font-size:${t.caption.fontSize}px;color:${t.caption.color};font-weight:${t.caption.bold ? "bold" : "normal"}`)
-              }, V(t.caption.text), 5)
-            ], 12, Yt)) : h("", !0)
-          ]))), 256)) : h("", !0)
+        (i(!0), s(u, null, x(e.highlightAreas, (t) => (i(), s("g", null, [
+          t.show ? (i(), s(u, { key: 0 }, [
+            (i(!0), s(u, null, x(t.span, (c, n) => (i(), s("g", null, [
+              I("rect", {
+                style: _({
+                  transition: "none",
+                  opacity: t.from + n >= l.slicer.start && t.from + n <= l.slicer.end - 1 ? 1 : 0
+                }),
+                x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.from + n - l.slicer.start),
+                y: e.drawingArea.top,
+                height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
+                width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
+                fill: e.setOpacity(t.color, t.opacity)
+              }, null, 12, Et)
+            ]))), 256)),
+            (i(!0), s(u, null, x(t.span, (c, n) => (i(), s("g", null, [
+              t.caption.text && n === 0 ? (i(), s("foreignObject", {
+                key: 0,
+                x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.from + n - l.slicer.start) - (t.caption.width === "auto" ? 0 : t.caption.width / 2 - e.drawingArea.width / e.maxSeries * t.span / 2),
+                y: e.drawingArea.top + t.caption.offsetY,
+                style: _({
+                  overflow: "visible",
+                  opacity: t.to >= l.slicer.start && t.from < l.slicer.end ? 1 : 0
+                }),
+                height: "1",
+                width: t.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * t.span : t.caption.width
+              }, [
+                I("div", {
+                  style: _(`padding:${t.caption.padding}px;text-align:${t.caption.textAlign};font-size:${t.caption.fontSize}px;color:${t.caption.color};font-weight:${t.caption.bold ? "bold" : "normal"}`)
+                }, V(t.caption.text), 5)
+              ], 12, Yt)) : h("", !0)
+            ]))), 256))
+          ], 64)) : h("", !0)
         ]))), 256)),
         I("g", null, [
-          (i(!0), s(g, null, x(e.maxSeries, (t, c) => (i(), s("g", {
+          (i(!0), s(u, null, x(e.maxSeries, (t, c) => (i(), s("g", {
             key: `tooltip_trap_highlighter_${c}`
           }, [
             I("rect", {
@@ -1685,13 +1689,13 @@ function Xr(r, o, u, f, l, e) {
             }, null, 8, qt)
           ]))), 128))
         ]),
-        e.barSet.length ? (i(!0), s(g, { key: 0 }, x(e.barSet, (t, c) => (i(), s("g", {
+        e.barSet.length ? (i(!0), s(u, { key: 0 }, x(e.barSet, (t, c) => (i(), s("g", {
           key: `serie_bar_${c}`,
           class: j(`serie_bar_${c}`),
-          style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s("g", {
-            key: `bar_plot_${c}_${d}`
+          (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s("g", {
+            key: `bar_plot_${c}_${g}`
           }, [
             e.canShowValue(n.value) ? (i(), s("rect", {
               key: 0,
@@ -1723,8 +1727,8 @@ function Xr(r, o, u, f, l, e) {
               x: e.calcRectX(n) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: e.checkNaN(n.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              O(r.$slots, "plot-comment", {
-                plot: { ...n, color: t.color, seriesIndex: c, datapointIndex: d }
+              G(r.$slots, "plot-comment", {
+                plot: { ...n, color: t.color, seriesIndex: c, datapointIndex: g }
               }, void 0, !0)
             ], 8, Zt)) : h("", !0)
           ]))), 128)),
@@ -1808,8 +1812,8 @@ function Xr(r, o, u, f, l, e) {
           "stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
         }, null, 8, rl)) : h("", !0),
         e.FINAL_CONFIG.chart.grid.labels.show ? (i(), s("g", al, [
-          l.mutableConfig.useIndividualScale ? (i(), s(g, { key: 0 }, [
-            (i(!0), s(g, null, x(e.allScales, (t) => (i(), s("g", null, [
+          l.mutableConfig.useIndividualScale ? (i(), s(u, { key: 0 }, [
+            (i(!0), s(u, null, x(e.allScales, (t) => (i(), s("g", null, [
               I("line", {
                 x1: t.x + e.xPadding,
                 x2: t.x + e.xPadding,
@@ -1818,11 +1822,11 @@ function Xr(r, o, u, f, l, e) {
                 stroke: t.color,
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
-                style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
+                style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
               }, null, 12, il)
             ]))), 256)),
-            (i(!0), s(g, null, x(e.allScales, (t) => (i(), s("g", {
-              style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+            (i(!0), s(u, null, x(e.allScales, (t) => (i(), s("g", {
+              style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               I("text", {
                 fill: t.color,
@@ -1830,7 +1834,7 @@ function Xr(r, o, u, f, l, e) {
                 "text-anchor": "middle",
                 transform: `translate(${t.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5 + e.xPadding + e.FINAL_CONFIG.chart.grid.labels.yAxis.scaleLabelOffsetX}, ${l.mutableConfig.isStacked ? e.drawingArea.bottom - t.yOffset - t.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
               }, V(t.name) + " " + V(t.scaleLabel && t.unique && t.scaleLabel !== t.id ? `- ${t.scaleLabel}` : ""), 9, sl),
-              (i(!0), s(g, null, x(t.yLabels, (c, n) => (i(), s(g, null, [
+              (i(!0), s(u, null, x(t.yLabels, (c, n) => (i(), s(u, null, [
                 e.FINAL_CONFIG.chart.grid.labels.yAxis.showCrosshairs ? (i(), s("line", {
                   key: 0,
                   x1: t.x + 3 + e.xPadding - e.FINAL_CONFIG.chart.grid.labels.yAxis.crosshairSize,
@@ -1843,7 +1847,7 @@ function Xr(r, o, u, f, l, e) {
                   style: { animation: "none !important" }
                 }, null, 8, nl)) : h("", !0)
               ], 64))), 256)),
-              (i(!0), s(g, null, x(t.yLabels, (c, n) => (i(), s("text", {
+              (i(!0), s(u, null, x(t.yLabels, (c, n) => (i(), s("text", {
                 x: t.x - 5 + e.xPadding + e.FINAL_CONFIG.chart.grid.labels.yAxis.scaleValueOffsetX,
                 y: e.forceValidValue(c.y) + l.fontSizes.dataLabels / 3,
                 "font-size": l.fontSizes.dataLabels,
@@ -1861,7 +1865,7 @@ function Xr(r, o, u, f, l, e) {
                 { datapoint: c.datapoint, seriesIndex: n }
               )), 9, cl))), 256))
             ], 4))), 256))
-          ], 64)) : (i(!0), s(g, { key: 1 }, x(e.yLabels, (t, c) => (i(), s("g", {
+          ], 64)) : (i(!0), s(u, { key: 1 }, x(e.yLabels, (t, c) => (i(), s("g", {
             key: `yLabel_${c}`
           }, [
             e.canShowValue(t) && t.value >= e.niceScale.min && t.value <= e.niceScale.max && e.FINAL_CONFIG.chart.grid.labels.yAxis.showCrosshairs ? (i(), s("line", {
@@ -1894,20 +1898,20 @@ function Xr(r, o, u, f, l, e) {
             ) : ""), 9, hl)) : h("", !0)
           ]))), 128))
         ])) : h("", !0),
-        (i(!0), s(g, null, x(e.plotSet, (t, c) => (i(), s("g", {
+        (i(!0), s(u, null, x(e.plotSet, (t, c) => (i(), s("g", {
           key: `serie_plot_${c}`,
           class: j(`serie_plot_${c}`),
-          style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s("g", {
-            key: `circle_plot_${c}_${d}`
+          (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s("g", {
+            key: `circle_plot_${c}_${g}`
           }, [
             n && e.canShowValue(n.value) ? (i(), U(N, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(t.shape) ? t.shape : "circle",
               color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${c}_${l.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? t.color : e.FINAL_CONFIG.plot.dot.fill,
               plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
-              radius: l.selectedSerieIndex !== null && l.selectedSerieIndex === d || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === d ? (l.plotRadii.plot || 6) * 1.5 : l.plotRadii.plot || 6,
+              radius: l.selectedSerieIndex !== null && l.selectedSerieIndex === g || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === g ? (l.plotRadii.plot || 6) * 1.5 : l.plotRadii.plot || 6,
               stroke: e.FINAL_CONFIG.plot.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : t.color,
               strokeWidth: e.FINAL_CONFIG.plot.dot.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : h("", !0),
@@ -1920,8 +1924,8 @@ function Xr(r, o, u, f, l, e) {
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               I("div", dl, [
-                O(r.$slots, "plot-comment", {
-                  plot: { ...n, color: t.color, seriesIndex: c, datapointIndex: d }
+                G(r.$slots, "plot-comment", {
+                  plot: { ...n, color: t.color, seriesIndex: c, datapointIndex: g }
                 }, void 0, !0)
               ])
             ], 8, ul)) : h("", !0)
@@ -1967,10 +1971,10 @@ function Xr(r, o, u, f, l, e) {
             })), 9, Nl)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)),
-        (i(!0), s(g, null, x(e.lineSet, (t, c) => (i(), s("g", {
+        (i(!0), s(u, null, x(e.lineSet, (t, c) => (i(), s("g", {
           key: `serie_line_${c}`,
           class: j(`serie_line_${c}`),
-          style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           t.smooth && t.plots.length > 1 && t.curve ? (i(), s("path", {
             key: 0,
@@ -1991,17 +1995,17 @@ function Xr(r, o, u, f, l, e) {
           }, null, 8, bl)) : h("", !0)
         ], 6))), 128)),
         r.$slots.pattern ? (i(), s("defs", Fl, [
-          (i(!0), s(g, null, x(e.safeDataset, (t, c) => O(r.$slots, "pattern", se({
+          (i(!0), s(u, null, x(e.safeDataset, (t, c) => G(r.$slots, "pattern", se({
             key: `serie_pattern_slot_${c}`
           }, { ref_for: !0 }, { ...t, seriesIndex: t.slotAbsoluteIndex, patternId: `pattern_${l.uniqueId}_${c}` }), void 0, !0)), 128))
         ])) : h("", !0),
-        (i(!0), s(g, null, x(e.lineSet, (t, c) => (i(), s("g", {
+        (i(!0), s(u, null, x(e.lineSet, (t, c) => (i(), s("g", {
           key: `serie_line_${c}`,
           class: j(`serie_line_${c}`),
-          style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           t.useArea && t.plots.length > 1 ? (i(), s("g", _l, [
-            t.smooth ? (i(!0), s(g, { key: 0 }, x(t.curveAreas, (n, d) => (i(), s(g, { key: d }, [
+            t.smooth ? (i(!0), s(u, { key: 0 }, x(t.curveAreas, (n, g) => (i(), s(u, { key: g }, [
               I("path", {
                 d: n,
                 fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${l.uniqueId})` : e.setOpacity(t.color, e.FINAL_CONFIG.line.area.opacity)
@@ -2011,7 +2015,7 @@ function Xr(r, o, u, f, l, e) {
                 d: n,
                 fill: `url(#pattern_${l.uniqueId}_${t.slotAbsoluteIndex})`
               }, null, 8, yl)) : h("", !0)
-            ], 64))), 128)) : (i(!0), s(g, { key: 1 }, x(t.area.split(";"), (n, d) => (i(), s(g, { key: d }, [
+            ], 64))), 128)) : (i(!0), s(u, { key: 1 }, x(t.area.split(";"), (n, g) => (i(), s(u, { key: g }, [
               I("path", {
                 d: `M${n}Z`,
                 fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${l.uniqueId})` : e.setOpacity(t.color, e.FINAL_CONFIG.line.area.opacity)
@@ -2041,15 +2045,15 @@ function Xr(r, o, u, f, l, e) {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, null, 8, kl)) : h("", !0),
-          (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s(g, {
-            key: `circle_line_${c}_${d}`
+          (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s(u, {
+            key: `circle_line_${c}_${g}`
           }, [
-            !e.optimize.linePlot && n && e.canShowValue(n.value) || e.optimize.linePlot && n && e.canShowValue(n.value) && (l.selectedSerieIndex !== null && l.selectedSerieIndex === d || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === d) ? (i(), U(N, {
+            !e.optimize.linePlot && n && e.canShowValue(n.value) || e.optimize.linePlot && n && e.canShowValue(n.value) && (l.selectedSerieIndex !== null && l.selectedSerieIndex === g || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === g) ? (i(), U(N, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(t.shape) ? t.shape : "circle",
               color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${c}_${l.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? t.color : e.FINAL_CONFIG.line.dot.fill,
               plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
-              radius: l.selectedSerieIndex !== null && l.selectedSerieIndex === d || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === d ? (l.plotRadii.line || 6) * 1.5 : l.plotRadii.line || 6,
+              radius: l.selectedSerieIndex !== null && l.selectedSerieIndex === g || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === g ? (l.plotRadii.line || 6) * 1.5 : l.plotRadii.line || 6,
               stroke: e.FINAL_CONFIG.line.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : t.color,
               strokeWidth: e.FINAL_CONFIG.line.dot.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : h("", !0),
@@ -2062,8 +2066,8 @@ function Xr(r, o, u, f, l, e) {
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               I("div", Ol, [
-                O(r.$slots, "plot-comment", {
-                  plot: { ...n, color: t.color, seriesIndex: c, datapointIndex: d }
+                G(r.$slots, "plot-comment", {
+                  plot: { ...n, color: t.color, seriesIndex: c, datapointIndex: g }
                 }, void 0, !0)
               ])
             ], 8, wl)) : h("", !0)
@@ -2110,20 +2114,20 @@ function Xr(r, o, u, f, l, e) {
           ])) : h("", !0)
         ], 6))), 128)),
         (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && l.mutableConfig.dataLabels.show ? (i(), s("g", Tl, [
-          (i(!0), s(g, null, x(e.barSet, (t, c) => (i(), s(g, {
+          (i(!0), s(u, null, x(e.barSet, (t, c) => (i(), s(u, {
             key: `xLabel_bar_${c}`
           }, [
-            (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s(g, {
-              key: `xLabel_bar_${c}_${d}`
+            (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s(u, {
+              key: `xLabel_bar_${c}_${g}`
             }, [
-              n && (!Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 || l.selectedSerieIndex !== null && l.selectedSerieIndex === d || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === d) && e.FINAL_CONFIG.bar.labels.show ? (i(), s("text", {
+              n && (!Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 || l.selectedSerieIndex !== null && l.selectedSerieIndex === g || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === g) && e.FINAL_CONFIG.bar.labels.show ? (i(), s("text", {
                 key: 0,
                 x: l.mutableConfig.useIndividualScale && l.mutableConfig.isStacked ? n.x + e.slot.line / 2 : e.calcRectX(n) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
                 y: e.checkNaN(n.y) + (n.value >= 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": l.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color,
-                style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, V(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
                 n.value,
@@ -2146,26 +2150,26 @@ function Xr(r, o, u, f, l, e) {
                 "font-size": l.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? t.color : e.FINAL_CONFIG.bar.serieName.color,
                 "font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal",
-                style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, V(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: t.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : t.name), 13, Vl)) : h("", !0)
             ], 64))), 128))
           ], 64))), 128))
         ])) : h("", !0),
         e.FINAL_CONFIG.plot.labels.show && l.mutableConfig.dataLabels.show ? (i(), s("g", Rl, [
-          (i(!0), s(g, null, x(e.plotSet, (t, c) => (i(), s(g, {
+          (i(!0), s(u, null, x(e.plotSet, (t, c) => (i(), s(u, {
             key: `xLabel_plot_${c}`
           }, [
-            (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s(g, {
-              key: `xLabel_plot_${c}_${d}`
+            (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s(u, {
+              key: `xLabel_plot_${c}_${g}`
             }, [
-              n && !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 || l.selectedSerieIndex !== null && l.selectedSerieIndex === d || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === d ? (i(), s("text", {
+              n && !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 || l.selectedSerieIndex !== null && l.selectedSerieIndex === g || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === g ? (i(), s("text", {
                 key: 0,
                 x: n.x,
                 y: n.y + e.FINAL_CONFIG.plot.labels.offsetY,
                 "text-anchor": "middle",
                 "font-size": l.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.plot.labels.color,
-                style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, V(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
                 n.value,
@@ -2183,14 +2187,14 @@ function Xr(r, o, u, f, l, e) {
             ], 64))), 128))
           ], 64))), 128))
         ])) : (i(), s("g", Dl, [
-          (i(!0), s(g, null, x(e.plotSet, (t, c) => (i(), s(g, {
+          (i(!0), s(u, null, x(e.plotSet, (t, c) => (i(), s(u, {
             key: `xLabel_plot_${c}`
           }, [
-            (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s(g, {
-              key: `xLabel_plot_${c}_${d}`
+            (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s(u, {
+              key: `xLabel_plot_${c}_${g}`
             }, [
-              e.FINAL_CONFIG.plot.tag.followValue ? (i(), s(g, { key: 1 }, [
-                [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(d) && t.useTag ? (i(), s("line", {
+              e.FINAL_CONFIG.plot.tag.followValue ? (i(), s(u, { key: 1 }, [
+                [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(g) && t.useTag ? (i(), s("line", {
                   key: 0,
                   class: "vue-ui-xy-tag-plot",
                   x1: e.drawingArea.left,
@@ -2202,46 +2206,46 @@ function Xr(r, o, u, f, l, e) {
                   "stroke-dasharray": "2",
                   stroke: t.color
                 }, null, 8, ql)) : h("", !0)
-              ], 64)) : (i(), s(g, { key: 0 }, [
-                n && d === 0 && t.useTag && t.useTag === "start" ? (i(), s("foreignObject", {
+              ], 64)) : (i(), s(u, { key: 0 }, [
+                n && g === 0 && t.useTag && t.useTag === "start" ? (i(), s("foreignObject", {
                   key: 0,
                   x: n.x,
                   y: n.y - 20,
                   height: 24,
                   width: "150",
-                  style: F(`overflow: visible; opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: _(`overflow: visible; opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   I("div", {
-                    style: F(`padding: 3px; background:${e.setOpacity(t.color, 80)};color:${e.adaptColorToBackground(t.color)};width:fit-content;font-size:${l.fontSizes.plotLabels}px;border-radius: 2px;`),
+                    style: _(`padding: 3px; background:${e.setOpacity(t.color, 80)};color:${e.adaptColorToBackground(t.color)};width:fit-content;font-size:${l.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.plot.tag.formatter,
                       n.value,
                       t.name,
                       {
                         datapoint: n,
-                        seriesIndex: d,
+                        seriesIndex: g,
                         serieName: t.name
                       }
                     )
                   }, null, 12, Wl)
                 ], 12, Bl)) : h("", !0),
-                n && d === t.plots.length - 1 && t.useTag && t.useTag === "end" ? (i(), s("foreignObject", {
+                n && g === t.plots.length - 1 && t.useTag && t.useTag === "end" ? (i(), s("foreignObject", {
                   key: 1,
                   x: n.x - t.name.length * (l.fontSizes.plotLabels / 2),
                   y: n.y - 20,
                   height: 24,
                   width: "150",
-                  style: F(`overflow: visible; opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: _(`overflow: visible; opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   I("div", {
-                    style: F(`padding: 3px; background:${e.setOpacity(t.color, 80)};color:${e.adaptColorToBackground(t.color)};width:fit-content;font-size:${l.fontSizes.plotLabels}px;border-radius: 2px;`),
+                    style: _(`padding: 3px; background:${e.setOpacity(t.color, 80)};color:${e.adaptColorToBackground(t.color)};width:fit-content;font-size:${l.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.plot.tag.formatter,
                       n.value,
                       t.name,
                       {
                         datapoint: n,
-                        seriesIndex: d,
+                        seriesIndex: g,
                         serieName: t.name
                       }
                     )
@@ -2252,20 +2256,20 @@ function Xr(r, o, u, f, l, e) {
           ], 64))), 128))
         ])),
         e.FINAL_CONFIG.line.labels.show && l.mutableConfig.dataLabels.show ? (i(), s("g", Xl, [
-          (i(!0), s(g, null, x(e.lineSet, (t, c) => (i(), s(g, {
+          (i(!0), s(u, null, x(e.lineSet, (t, c) => (i(), s(u, {
             key: `xLabel_line_${c}`
           }, [
-            (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s(g, {
-              key: `xLabel_line_${c}_${d}`
+            (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s(u, {
+              key: `xLabel_line_${c}_${g}`
             }, [
-              n && !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 || l.selectedSerieIndex !== null && l.selectedSerieIndex === d || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === d ? (i(), s("text", {
+              n && !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 || l.selectedSerieIndex !== null && l.selectedSerieIndex === g || l.selectedMinimapIndex !== null && l.selectedMinimapIndex === g ? (i(), s("text", {
                 key: 0,
                 x: n.x,
                 y: n.y + (n.value >= 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": l.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color,
-                style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
               }, V(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
                 n.value,
@@ -2283,14 +2287,14 @@ function Xr(r, o, u, f, l, e) {
             ], 64))), 128))
           ], 64))), 128))
         ])) : (i(), s("g", Zl, [
-          (i(!0), s(g, null, x(e.lineSet, (t, c) => (i(), s(g, {
+          (i(!0), s(u, null, x(e.lineSet, (t, c) => (i(), s(u, {
             key: `xLabel_line_${c}`
           }, [
-            (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s(g, {
-              key: `xLabel_line_${c}_${d}`
+            (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s(u, {
+              key: `xLabel_line_${c}_${g}`
             }, [
-              e.FINAL_CONFIG.line.tag.followValue ? (i(), s(g, { key: 1 }, [
-                [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(d) && t.useTag ? (i(), s("line", {
+              e.FINAL_CONFIG.line.tag.followValue ? (i(), s(u, { key: 1 }, [
+                [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(g) && t.useTag ? (i(), s("line", {
                   key: 0,
                   class: "vue-ui-xy-tag-line",
                   x1: e.drawingArea.left,
@@ -2302,46 +2306,46 @@ function Xr(r, o, u, f, l, e) {
                   "stroke-dasharray": "2",
                   stroke: t.color
                 }, null, 8, $l)) : h("", !0)
-              ], 64)) : (i(), s(g, { key: 0 }, [
-                n && d === 0 && t.useTag && t.useTag === "start" ? (i(), s("foreignObject", {
+              ], 64)) : (i(), s(u, { key: 0 }, [
+                n && g === 0 && t.useTag && t.useTag === "start" ? (i(), s("foreignObject", {
                   key: 0,
                   x: n.x,
                   y: n.y - 20,
                   height: 24,
                   width: "150",
-                  style: F(`overflow: visible; opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: _(`overflow: visible; opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   I("div", {
-                    style: F(`padding: 3px; background:${e.setOpacity(t.color, 80)};color:${e.adaptColorToBackground(t.color)};width:fit-content;font-size:${l.fontSizes.plotLabels}px;border-radius: 2px;`),
+                    style: _(`padding: 3px; background:${e.setOpacity(t.color, 80)};color:${e.adaptColorToBackground(t.color)};width:fit-content;font-size:${l.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.line.tag.formatter,
                       n.value,
                       t.name,
                       {
                         datapoint: n,
-                        seriesIndex: d,
+                        seriesIndex: g,
                         serieName: t.name
                       }
                     )
                   }, null, 12, Kl)
                 ], 12, Jl)) : h("", !0),
-                n && d === t.plots.length - 1 && t.useTag && t.useTag === "end" ? (i(), s("foreignObject", {
+                n && g === t.plots.length - 1 && t.useTag && t.useTag === "end" ? (i(), s("foreignObject", {
                   key: 1,
                   x: n.x,
                   y: n.y - 20,
                   height: 24,
                   width: "150",
-                  style: F(`overflow: visible; opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+                  style: _(`overflow: visible; opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
                 }, [
                   I("div", {
-                    style: F(`padding: 3px; background:${e.setOpacity(t.color, 80)};color:${e.adaptColorToBackground(t.color)};width:fit-content;font-size:${l.fontSizes.plotLabels}px;border-radius: 2px;`),
+                    style: _(`padding: 3px; background:${e.setOpacity(t.color, 80)};color:${e.adaptColorToBackground(t.color)};width:fit-content;font-size:${l.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.line.tag.formatter,
                       n.value,
                       t.name,
                       {
                         datapoint: n,
-                        seriesIndex: d,
+                        seriesIndex: g,
                         serieName: t.name
                       }
                     )
@@ -2351,13 +2355,13 @@ function Xr(r, o, u, f, l, e) {
             ], 64))), 128))
           ], 64))), 128))
         ])),
-        (i(!0), s(g, null, x(e.lineSet, (t, c) => (i(), s(g, {
+        (i(!0), s(u, null, x(e.lineSet, (t, c) => (i(), s(u, {
           key: `xLabel_line_${c}`
         }, [
-          (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s(g, {
-            key: `xLabel_line_${c}_${d}`
+          (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s(u, {
+            key: `xLabel_line_${c}_${g}`
           }, [
-            n && d === 0 && t.showSerieName && t.showSerieName === "start" ? (i(), s("text", {
+            n && g === 0 && t.showSerieName && t.showSerieName === "start" ? (i(), s("text", {
               key: 0,
               x: n.x - l.fontSizes.plotLabels,
               y: n.y,
@@ -2372,9 +2376,9 @@ function Xr(r, o, u, f, l, e) {
                 y: n.y,
                 maxWords: 2
               }),
-              style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, null, 12, er)) : h("", !0),
-            n && d === t.plots.length - 1 && t.showSerieName && t.showSerieName === "end" ? (i(), s("text", {
+            n && g === t.plots.length - 1 && t.showSerieName && t.showSerieName === "end" ? (i(), s("text", {
               key: 1,
               x: n.x + l.fontSizes.plotLabels,
               y: n.y,
@@ -2389,17 +2393,17 @@ function Xr(r, o, u, f, l, e) {
                 y: n.y,
                 maxWords: 2
               }),
-              style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, null, 12, tr)) : h("", !0)
           ], 64))), 128))
         ], 64))), 128)),
-        (i(!0), s(g, null, x(e.plotSet, (t, c) => (i(), s(g, {
+        (i(!0), s(u, null, x(e.plotSet, (t, c) => (i(), s(u, {
           key: `xLabel_plot_${c}`
         }, [
-          (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s(g, {
-            key: `xLabel_plot_${c}_${d}`
+          (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s(u, {
+            key: `xLabel_plot_${c}_${g}`
           }, [
-            n && d === 0 && t.showSerieName && t.showSerieName === "start" ? (i(), s("text", {
+            n && g === 0 && t.showSerieName && t.showSerieName === "start" ? (i(), s("text", {
               key: 0,
               x: n.x - l.fontSizes.plotLabels,
               y: n.y,
@@ -2414,9 +2418,9 @@ function Xr(r, o, u, f, l, e) {
                 y: n.y,
                 maxWords: 2
               }),
-              style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, null, 12, lr)) : h("", !0),
-            n && d === t.plots.length - 1 && t.showSerieName && t.showSerieName === "end" ? (i(), s("text", {
+            n && g === t.plots.length - 1 && t.showSerieName && t.showSerieName === "end" ? (i(), s("text", {
               key: 1,
               x: n.x + l.fontSizes.plotLabels,
               y: n.y,
@@ -2431,13 +2435,13 @@ function Xr(r, o, u, f, l, e) {
                 y: n.y,
                 maxWords: 2
               }),
-              style: F(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+              style: _(`opacity:${l.selectedScale ? l.selectedScale === t.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
             }, null, 12, rr)) : h("", !0)
           ], 64))), 128))
         ], 64))), 128)),
-        l.mutableConfig.useIndividualScale && !l.mutableConfig.isStacked ? (i(), s(g, { key: 11 }, [
+        l.mutableConfig.useIndividualScale && !l.mutableConfig.isStacked ? (i(), s(u, { key: 11 }, [
           I("defs", null, [
-            (i(!0), s(g, null, x(e.allScales, (t, c) => (i(), s("linearGradient", {
+            (i(!0), s(u, null, x(e.allScales, (t, c) => (i(), s("linearGradient", {
               id: `individual_scale_gradient_${l.uniqueId}_${c}`,
               x1: "0%",
               x2: "100%",
@@ -2456,7 +2460,7 @@ function Xr(r, o, u, f, l, e) {
               }, null, 8, sr)
             ], 8, ar))), 256))
           ]),
-          (i(!0), s(g, null, x(e.allScales, (t, c) => (i(), s("rect", {
+          (i(!0), s(u, null, x(e.allScales, (t, c) => (i(), s("rect", {
             x: t.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + e.xPadding,
             y: e.drawingArea.top,
             width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
@@ -2485,7 +2489,7 @@ function Xr(r, o, u, f, l, e) {
           }, V(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, or)) : h("", !0)
         ]),
         e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (i(), s("g", hr, [
-          r.$slots["time-label"] ? (i(!0), s(g, { key: 0 }, x(e.timeLabels, (t, c) => O(r.$slots, "time-label", se({
+          r.$slots["time-label"] ? (i(!0), s(u, { key: 0 }, x(e.timeLabels, (t, c) => G(r.$slots, "time-label", se({
             key: `time_label_${c}`,
             ref_for: !0
           }, {
@@ -2498,10 +2502,10 @@ function Xr(r, o, u, f, l, e) {
             content: t.text,
             textAnchor: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
             show: t && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && l.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0
-          }), void 0, !0)), 128)) : (i(!0), s(g, { key: 1 }, x(e.timeLabels, (t, c) => (i(), s("g", {
+          }), void 0, !0)), 128)) : (i(!0), s(u, { key: 1 }, x(e.timeLabels, (t, c) => (i(), s("g", {
             key: `time_label_${c}`
           }, [
-            t && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && l.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (i(), s(g, { key: 0 }, [
+            t && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && l.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (i(), s(u, { key: 0 }, [
               String(t.text).includes(`
 `) ? (i(), s("text", {
                 key: 1,
@@ -2509,7 +2513,7 @@ function Xr(r, o, u, f, l, e) {
                 "font-size": l.fontSizes.xAxis,
                 fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
                 transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + l.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`,
-                style: F({
+                style: _({
                   cursor: e.usesSelectTimeLabelEvent() ? "pointer" : "default"
                 }),
                 innerHTML: e.createTSpansFromLineBreaksOnX({
@@ -2526,7 +2530,7 @@ function Xr(r, o, u, f, l, e) {
                 "font-size": l.fontSizes.xAxis,
                 fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
                 transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + l.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`,
-                style: F({
+                style: _({
                   cursor: e.usesSelectTimeLabelEvent() ? "pointer" : "default"
                 }),
                 onClick: () => e.selectTimeLabel(t, c)
@@ -2535,7 +2539,7 @@ function Xr(r, o, u, f, l, e) {
           ]))), 128))
         ])) : h("", !0),
         e.annotationsY.length && !l.mutableConfig.isStacked ? (i(), s("g", gr, [
-          (i(!0), s(g, null, x(e.annotationsY, (t) => (i(), s("g", {
+          (i(!0), s(u, null, x(e.annotationsY, (t) => (i(), s("g", {
             key: t.uid
           }, [
             t.yTop && t.show ? (i(), s("line", {
@@ -2588,7 +2592,7 @@ function Xr(r, o, u, f, l, e) {
           ]))), 128))
         ])) : h("", !0),
         I("g", null, [
-          (i(!0), s(g, null, x(e.maxSeries, (t, c) => (i(), s("rect", {
+          (i(!0), s(u, null, x(e.maxSeries, (t, c) => (i(), s("rect", {
             key: `tooltip_trap_${c}`,
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c,
             y: e.drawingArea.top,
@@ -2610,7 +2614,7 @@ function Xr(r, o, u, f, l, e) {
           }, [
             I("div", {
               class: "vue-ui-xy-time-tag",
-              style: F(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
+              style: _(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
             }, V(e.timeLabels[(l.selectedSerieIndex !== null ? l.selectedSerieIndex : 0) || (l.selectedMinimapIndex !== null ? l.selectedMinimapIndex : 0)].text || (l.selectedSerieIndex !== null ? l.selectedSerieIndex : 0) || (l.selectedMinimapIndex !== null ? l.selectedMinimapIndex : 0)), 5)
           ], 8, Fr)),
           I("circle", {
@@ -2621,37 +2625,37 @@ function Xr(r, o, u, f, l, e) {
           }, null, 8, _r)
         ])) : h("", !0)
       ])) : h("", !0),
-      O(r.$slots, "svg", { svg: e.svg }, void 0, !0)
+      G(r.$slots, "svg", { svg: e.svg }, void 0, !0)
     ], 14, dt)) : h("", !0),
     r.$slots.watermark ? (i(), s("div", Ar, [
-      O(r.$slots, "watermark", $(ee({ isPrinting: l.isPrinting || l.isImaging })), void 0, !0)
+      G(r.$slots, "watermark", $(ee({ isPrinting: l.isPrinting || l.isImaging })), void 0, !0)
     ])) : h("", !0),
-    (i(!0), s(g, null, x(e.lineSet, (t, c) => (i(), s(g, {
+    (i(!0), s(u, null, x(e.lineSet, (t, c) => (i(), s(u, {
       key: `tag_line_${c}`
     }, [
-      (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s(g, {
-        key: `tag_line_${c}_${d}`
+      (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s(u, {
+        key: `tag_line_${c}_${g}`
       }, [
-        [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(d) && t.useTag && t.useTag === "end" && e.FINAL_CONFIG.line.tag.followValue ? (i(), s("div", {
+        [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(g) && t.useTag && t.useTag === "end" && e.FINAL_CONFIG.line.tag.followValue ? (i(), s("div", {
           key: 0,
           ref_for: !0,
-          ref: (p) => e.setTagRef(c, d, p, "right", "line"),
+          ref: (p) => e.setTagRef(c, g, p, "right", "line"),
           class: "vue-ui-xy-tag",
           "data-tag": "right",
-          style: F({
+          style: _({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: l.svgRef,
               x: e.drawingArea.right + e.FINAL_CONFIG.line.tag.fontSize / 1.5,
               y: n.y,
-              element: l.tagRefs[`${c}_${d}_right_line`],
+              element: l.tagRefs[`${c}_${g}_right_line`],
               position: "right"
             }).top + "px",
             left: e.placeXYTag({
               svgElement: l.svgRef,
               x: e.drawingArea.right + e.FINAL_CONFIG.line.tag.fontSize / 1.5,
               y: n.y,
-              element: l.tagRefs[`${c}_${d}_right_line`],
+              element: l.tagRefs[`${c}_${g}_right_line`],
               position: "right"
             }).left + "px",
             height: "fit-content",
@@ -2678,32 +2682,32 @@ function Xr(r, o, u, f, l, e) {
               t.name,
               {
                 datapoint: n,
-                seriesIndex: d,
+                seriesIndex: g,
                 serieName: t.name
               }
             )
           }, null, 8, Cr)
         ], 4)) : h("", !0),
-        [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(d) && t.useTag && t.useTag === "start" && e.FINAL_CONFIG.line.tag.followValue ? (i(), s("div", {
+        [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(g) && t.useTag && t.useTag === "start" && e.FINAL_CONFIG.line.tag.followValue ? (i(), s("div", {
           key: 1,
           ref_for: !0,
-          ref: (p) => e.setTagRef(c, d, p, "left", "line"),
+          ref: (p) => e.setTagRef(c, g, p, "left", "line"),
           class: "vue-ui-xy-tag",
           "data-tag": "left",
-          style: F({
+          style: _({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: l.svgRef,
               x: e.drawingArea.left - e.FINAL_CONFIG.line.tag.fontSize / 1.5,
               y: n.y,
-              element: l.tagRefs[`${c}_${d}_left_line`],
+              element: l.tagRefs[`${c}_${g}_left_line`],
               position: "left"
             }).top + "px",
             left: e.placeXYTag({
               svgElement: l.svgRef,
               x: e.drawingArea.left - e.FINAL_CONFIG.line.tag.fontSize / 1.5,
               y: n.y,
-              element: l.tagRefs[`${c}_${d}_left_line`],
+              element: l.tagRefs[`${c}_${g}_left_line`],
               position: "left"
             }).left + "px",
             height: "fit-content",
@@ -2730,7 +2734,7 @@ function Xr(r, o, u, f, l, e) {
               t.name,
               {
                 datapoint: n,
-                seriesIndex: d,
+                seriesIndex: g,
                 serieName: t.name
               }
             )
@@ -2738,32 +2742,32 @@ function Xr(r, o, u, f, l, e) {
         ], 4)) : h("", !0)
       ], 64))), 128))
     ], 64))), 128)),
-    (i(!0), s(g, null, x(e.plotSet, (t, c) => (i(), s(g, {
+    (i(!0), s(u, null, x(e.plotSet, (t, c) => (i(), s(u, {
       key: `tag_plot_${c}`
     }, [
-      (i(!0), s(g, null, x(t.plots, (n, d) => (i(), s(g, {
-        key: `tag_plot_${c}_${d}`
+      (i(!0), s(u, null, x(t.plots, (n, g) => (i(), s(u, {
+        key: `tag_plot_${c}_${g}`
       }, [
-        [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(d) && t.useTag && t.useTag === "end" && e.FINAL_CONFIG.plot.tag.followValue ? (i(), s("div", {
+        [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(g) && t.useTag && t.useTag === "end" && e.FINAL_CONFIG.plot.tag.followValue ? (i(), s("div", {
           key: 0,
           ref_for: !0,
-          ref: (p) => e.setTagRef(c, d, p, "right", "plot"),
+          ref: (p) => e.setTagRef(c, g, p, "right", "plot"),
           class: "vue-ui-xy-tag",
           "data-tag": "right",
-          style: F({
+          style: _({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: l.svgRef,
               x: e.drawingArea.right + e.FINAL_CONFIG.plot.tag.fontSize / 1.5,
               y: n.y,
-              element: l.tagRefs[`${c}_${d}_right_plot`],
+              element: l.tagRefs[`${c}_${g}_right_plot`],
               position: "right"
             }).top + "px",
             left: e.placeXYTag({
               svgElement: l.svgRef,
               x: e.drawingArea.right + e.FINAL_CONFIG.plot.tag.fontSize / 1.5,
               y: n.y,
-              element: l.tagRefs[`${c}_${d}_right_plot`],
+              element: l.tagRefs[`${c}_${g}_right_plot`],
               position: "right"
             }).left + "px",
             height: "fit-content",
@@ -2790,32 +2794,32 @@ function Xr(r, o, u, f, l, e) {
               t.name,
               {
                 datapoint: n,
-                seriesIndex: d,
+                seriesIndex: g,
                 serieName: t.name
               }
             )
           }, null, 8, vr)
         ], 4)) : h("", !0),
-        [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(d) && t.useTag && t.useTag === "start" && e.FINAL_CONFIG.plot.tag.followValue ? (i(), s("div", {
+        [l.selectedMinimapIndex, l.selectedSerieIndex, l.selectedRowIndex].includes(g) && t.useTag && t.useTag === "start" && e.FINAL_CONFIG.plot.tag.followValue ? (i(), s("div", {
           key: 1,
           ref_for: !0,
-          ref: (p) => e.setTagRef(c, d, p, "left", "plot"),
+          ref: (p) => e.setTagRef(c, g, p, "left", "plot"),
           class: "vue-ui-xy-tag",
           "data-tag": "left",
-          style: F({
+          style: _({
             position: "fixed",
             top: e.placeXYTag({
               svgElement: l.svgRef,
               x: e.drawingArea.left - e.FINAL_CONFIG.plot.tag.fontSize / 1.5,
               y: n.y,
-              element: l.tagRefs[`${c}_${d}_left_plot`],
+              element: l.tagRefs[`${c}_${g}_left_plot`],
               position: "left"
             }).top + "px",
             left: e.placeXYTag({
               svgElement: l.svgRef,
               x: e.drawingArea.left - e.FINAL_CONFIG.plot.tag.fontSize / 1.5,
               y: n.y,
-              element: l.tagRefs[`${c}_${d}_left_plot`],
+              element: l.tagRefs[`${c}_${g}_left_plot`],
               position: "left"
             }).left + "px",
             height: "fit-content",
@@ -2842,7 +2846,7 @@ function Xr(r, o, u, f, l, e) {
               t.name,
               {
                 datapoint: n,
-                seriesIndex: d,
+                seriesIndex: g,
                 serieName: t.name
               }
             )
@@ -2850,7 +2854,7 @@ function Xr(r, o, u, f, l, e) {
         ], 4)) : h("", !0)
       ], 64))), 128))
     ], 64))), 128)),
-    e.isDataset ? h("", !0) : (i(), U(A, {
+    e.isDataset ? h("", !0) : (i(), U(F, {
       key: 6,
       config: {
         type: "line",
@@ -2898,14 +2902,14 @@ function Xr(r, o, u, f, l, e) {
       end: l.slicer.end,
       "onUpdate:end": o[3] || (o[3] = (t) => l.slicer.end = t),
       refreshStartPoint: e.FINAL_CONFIG.chart.zoom.startIndex !== null ? e.FINAL_CONFIG.chart.zoom.startIndex : 0,
-      refreshEndPoint: e.FINAL_CONFIG.chart.zoom.endIndex !== null ? e.FINAL_CONFIG.chart.zoom.endIndex + 1 : Math.max(...u.dataset.map((t) => e.largestTriangleThreeBucketsArray({ data: t.series, threshold: e.FINAL_CONFIG.downsample.threshold }).length)),
+      refreshEndPoint: e.FINAL_CONFIG.chart.zoom.endIndex !== null ? e.FINAL_CONFIG.chart.zoom.endIndex + 1 : Math.max(...d.dataset.map((t) => e.largestTriangleThreeBucketsArray({ data: t.series, threshold: e.FINAL_CONFIG.downsample.threshold }).length)),
       enableRangeHandles: e.FINAL_CONFIG.chart.zoom.enableRangeHandles,
       enableSelectionDrag: e.FINAL_CONFIG.chart.zoom.enableSelectionDrag,
       onReset: e.refreshSlicer,
       onTrapMouse: e.selectMinimapIndex
     }, {
       "reset-action": B(({ reset: t }) => [
-        O(r.$slots, "reset-action", $(ee({ reset: t })), void 0, !0)
+        G(r.$slots, "reset-action", $(ee({ reset: t })), 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", "onReset", "onTrapMouse"])) : h("", !0),
@@ -2913,9 +2917,9 @@ function Xr(r, o, u, f, l, e) {
       key: 8,
       ref: "chartLegend",
       class: "vue-ui-xy-legend",
-      style: F(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
+      style: _(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (i(!0), s(g, null, x(e.absoluteDataset, (t, c) => (i(), s("div", {
+      (i(!0), s(u, null, x(e.absoluteDataset, (t, c) => (i(), s("div", {
         key: `div_legend_item_${c}`,
         onClick: (n) => e.segregate(t),
         class: j({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": l.segregatedSeries.includes(t.id) })
@@ -2969,14 +2973,14 @@ function Xr(r, o, u, f, l, e) {
           }, null, 8, ["color", "shape"])
         ])),
         I("span", {
-          style: F(`color:${e.FINAL_CONFIG.chart.legend.color}`)
+          style: _(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, V(t.name), 5)
       ], 10, Tr))), 128))
     ], 4)) : (i(), s("div", Wr, [
-      O(r.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
+      G(r.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
     r.$slots.source ? (i(), s("div", Er, [
-      O(r.$slots, "source", {}, void 0, !0)
+      G(r.$slots, "source", {}, void 0, !0)
     ], 512)) : h("", !0),
     le(m, {
       show: l.mutableConfig.showTooltip && l.isTooltip,
@@ -2995,10 +2999,10 @@ function Xr(r, o, u, f, l, e) {
       isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
     }, {
       "tooltip-before": B(() => [
-        O(r.$slots, "tooltip-before", $(ee({ ...e.dataTooltipSlot })), void 0, !0)
+        G(r.$slots, "tooltip-before", $(ee({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       "tooltip-after": B(() => [
-        O(r.$slots, "tooltip-after", $(ee({ ...e.dataTooltipSlot })), void 0, !0)
+        G(r.$slots, "tooltip-after", $(ee({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -3020,7 +3024,7 @@ function Xr(r, o, u, f, l, e) {
     }, {
       content: B(() => [
         I("div", {
-          style: F(`${l.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
+          style: _(`${l.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
           I("div", Yr, [
             tt(I("input", {
@@ -3033,7 +3037,7 @@ function Xr(r, o, u, f, l, e) {
               onClick: o[5] || (o[5] = (t) => l.showSparklineTable = !l.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
-              le(y, {
+              le(L, {
                 name: "chartLine",
                 size: 20,
                 stroke: e.FINAL_CONFIG.chart.color
@@ -3072,7 +3076,7 @@ function Xr(r, o, u, f, l, e) {
     }, 8, ["config"])) : h("", !0)
   ], 46, ht);
 }
-const la = /* @__PURE__ */ nt(ot, [["render", Xr], ["__scopeId", "data-v-2bc488d7"]]);
+const la = /* @__PURE__ */ nt(ot, [["render", Xr], ["__scopeId", "data-v-13d6c4c3"]]);
 export {
   la as default
 };