vue-data-ui 2.3.86 → 2.3.88

package/dist/{vue-ui-xy-FtaqoNK8.js → vue-ui-xy-Ea4QdEJG.js}

@@ -1,17 +1,17 @@
 import { p as Q } from "./pdf-97UbtKC2.js";
-import { U as K, s as j } from "./usePrinter-B6qtXaHk.js";
-import { c as J, a as $, t as ee, z as te, p as ae, T as X, N as T, f as Z, I as ie, F as re, i as le, Z as se, W as ne, _ as ce, v as he, $ as oe, d as de, B as ue, b as ge, q as fe, Q as Ne, a0 as me, r as Ie, e as xe, y as be, L as Fe, x as _e, a1 as ye, o as Ae, s as Le, w as Ce, E as Se, A as ke, u as we } from "./index-D2epy0rJ.js";
-import { D as Oe } from "./DataTable-tSDSY14n.js";
-import { _ as ve } from "./Title-DJ2FNrSN.js";
-import { _ as Ge, u as pe } from "./Tooltip-CQpXRqRC.js";
-import { _ as ze } from "./Shape-XiTBfhJM.js";
-import Me from "./BaseIcon-B9istAKo.js";
-import Te from "./vue-ui-table-sparkline-Bg-VFq7X.js";
-import Pe from "./vue-ui-skeleton-BLiYyX95.js";
-import { S as Ve } from "./Slicer-BMvzmCKt.js";
-import Re from "./vue-ui-accordion-DzTB2FL0.js";
-import { u as U } from "./useNestedProp-C_ZrJBd9.js";
-import { resolveComponent as P, openBlock as r, createElementBlock as l, normalizeClass as M, normalizeStyle as A, createBlock as V, createCommentVNode as o, createSlots as De, withCtx as p, renderSlot as O, normalizeProps as B, guardReactiveProps as Y, createElementVNode as u, Fragment as N, renderList as I, toDisplayString as S, createVNode as q, withDirectives as He, vModelCheckbox as We, createTextVNode as Ee } from "vue";
+import { U as K, s as j } from "./usePrinter-BO99ut-7.js";
+import { c as J, a as $, t as ee, z as te, p as ae, T as X, N as T, f as Z, I as ie, F as le, i as re, Z as se, W as ne, _ as ce, v as he, $ as oe, d as de, B as ue, b as ge, q as fe, Q as Ne, a0 as me, r as Ie, e as xe, y as be, L as Fe, x as _e, a1 as ye, o as Ae, s as Le, w as Ce, E as Se, A as ke, u as we } from "./index-Bkzd7TEp.js";
+import { D as Oe } from "./DataTable-BLGE-au6.js";
+import { _ as Ge } from "./Title-vxOwL9mI.js";
+import { _ as ve, u as pe } from "./Tooltip-FDQ6j0dy.js";
+import { _ as ze } from "./Shape-Bw52scDY.js";
+import Me from "./BaseIcon-dAh8thfs.js";
+import Te from "./vue-ui-table-sparkline-BmnqHZCN.js";
+import Pe from "./vue-ui-skeleton-B1pWkVPT.js";
+import { S as Ve } from "./Slicer-eP9UH3h4.js";
+import Re from "./vue-ui-accordion-Dq8PnOQI.js";
+import { u as U } from "./useNestedProp-BjKkGjnV.js";
+import { resolveComponent as P, openBlock as l, createElementBlock as r, normalizeClass as M, normalizeStyle as A, createBlock as V, createCommentVNode as o, createSlots as De, withCtx as p, renderSlot as O, normalizeProps as B, guardReactiveProps as Y, createElementVNode as u, Fragment as N, renderList as I, toDisplayString as S, createVNode as q, withDirectives as We, vModelCheckbox as He, createTextVNode as Ee } from "vue";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ye = J(), Xe = {
   name: "vue-ui-xy",
@@ -32,8 +32,8 @@ const Ye = J(), Xe = {
   components: {
     DataTable: Oe,
     Shape: ze,
-    Title: ve,
-    Tooltip: Ge,
+    Title: Ge,
+    Tooltip: ve,
     UserOptions: K,
     BaseIcon: Me,
     TableSparkline: Te,
@@ -50,7 +50,7 @@ const Ye = J(), Xe = {
         index: f
       });
     });
-    const a = Math.max(...this.dataset.map((h) => h.series.length)), s = {
+    const a = Math.max(...this.dataset.map((h) => h.series.length)), n = {
       start: 0,
       end: a
     };
@@ -100,7 +100,7 @@ const Ye = J(), Xe = {
       step: 0,
       tableStep: 0,
       titleStep: 0,
-      slicer: s,
+      slicer: n,
       __to__: null,
       maxX: a,
       showSparklineTable: !0,
@@ -121,7 +121,7 @@ const Ye = J(), Xe = {
   },
   watch: {
     dataset: {
-      handler(a, s) {
+      handler(a, n) {
         this.maxX = Math.max(...this.dataset.map((h) => h.series.length)), this.slicer = {
           start: 0,
           end: this.maxX
@@ -130,7 +130,7 @@ const Ye = J(), Xe = {
       deep: !0
     },
     config: {
-      handler(a, s) {
+      handler(a, n) {
         this.FINAL_CONFIG = this.prepareConfig(), this.prepareChart(), this.titleStep += 1, this.tableStep += 1;
       },
       deep: !0
@@ -139,8 +139,8 @@ const Ye = J(), Xe = {
   computed: {
     minimap() {
       if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
-      const a = this.datasetWithIds.filter((i) => !this.segregatedSeries.includes(i.id)), s = Math.max(...a.map((i) => i.series.length)), h = [];
-      for (let i = 0; i < s; i += 1)
+      const a = this.datasetWithIds.filter((i) => !this.segregatedSeries.includes(i.id)), n = Math.max(...a.map((i) => i.series.length)), h = [];
+      for (let i = 0; i < n; i += 1)
         h.push(a.map((e) => e.series[i] || 0).reduce((e, x) => (e || 0) + (x || 0), 0));
       const f = Math.min(...h);
       return h.map((i) => i + (f < 0 ? Math.abs(f) : 0));
@@ -167,7 +167,7 @@ const Ye = J(), Xe = {
         yOffset: i.yOffset || 0,
         individualHeight: i.individualHeight || this.drawingArea.height,
         autoScaleYLabels: i.autoScaleYLabels
-      })), s = this.barSet.map((i) => ({
+      })), n = this.barSet.map((i) => ({
         name: i.name,
         color: i.color,
         scale: i.individualScale,
@@ -190,8 +190,8 @@ const Ye = J(), Xe = {
         id: i.id,
         yOffset: i.yOffset || 0,
         individualHeight: i.individualHeight || this.drawingArea.height
-      })), f = [...a, ...s, ...h].flatMap((i) => i).length;
-      return [...a, ...s, ...h].flatMap((i, e) => ({
+      })), f = [...a, ...n, ...h].flatMap((i) => i).length;
+      return [...a, ...n, ...h].flatMap((i, e) => ({
         id: i.id,
         scaleLabel: i.scaleLabel,
         name: i.name,
@@ -226,9 +226,9 @@ const Ye = J(), Xe = {
     },
     highlightAreas() {
       if (Array.isArray(this.FINAL_CONFIG.chart.highlightArea))
-        return this.FINAL_CONFIG.chart.highlightArea.map((s) => ({
-          ...s,
-          span: s.from === s.to ? 1 : s.to < s.from ? 0 : s.to - s.from + 1
+        return this.FINAL_CONFIG.chart.highlightArea.map((n) => ({
+          ...n,
+          span: n.from === n.to ? 1 : n.to < n.from ? 0 : n.to - n.from + 1
         }));
       const a = this.FINAL_CONFIG.chart.highlightArea;
       return [{ ...a, span: a.from === a.to ? 1 : a.to < a.from ? 0 : a.to - a.from + 1 }];
@@ -243,21 +243,21 @@ const Ye = J(), Xe = {
       return this.niceScale.max + this.relativeZero;
     },
     datasetWithIds() {
-      return this.useSafeValues ? this.dataset.map((a, s) => ({
+      return this.useSafeValues ? this.dataset.map((a, n) => ({
         ...a,
-        id: `uniqueId_${s}`
+        id: `uniqueId_${n}`
       })) : this.dataset;
     },
     safeDataset() {
-      return this.useSafeValues ? this.dataset.map((a, s) => ({
+      return this.useSafeValues ? this.dataset.map((a, n) => ({
         ...a,
         series: a.series.map((h) => this.isSafeValue(h) ? h : null).slice(this.slicer.start, this.slicer.end),
-        color: this.convertColorToHex(a.color ? a.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
-        id: `uniqueId_${s}`
+        color: this.convertColorToHex(a.color ? a.color : this.customPalette[n] ? this.customPalette[n] : this.palette[n]),
+        id: `uniqueId_${n}`
       })) : this.dataset;
     },
     relativeDataset() {
-      return this.safeDataset.map((a, s) => ({
+      return this.safeDataset.map((a, n) => ({
         ...a,
         series: a.series.map((h) => h + this.relativeZero),
         absoluteValues: a.series
@@ -265,12 +265,12 @@ const Ye = J(), Xe = {
     },
     tableSparklineDataset() {
       return this.relativeDataset.map((a) => {
-        const s = a.absoluteValues.map((h) => [void 0, null].includes(h) ? 0 : h);
+        const n = a.absoluteValues.map((h) => [void 0, null].includes(h) ? 0 : h);
         return {
           id: a.id,
           name: a.name,
           color: a.color,
-          values: this.fillArray(this.maxSeries, s)
+          values: this.fillArray(this.maxSeries, n)
         };
       });
     },
@@ -301,8 +301,8 @@ const Ye = J(), Xe = {
       };
     },
     absoluteDataset() {
-      return this.safeDataset.map((a, s) => ({
-        absoluteIndex: s,
+      return this.safeDataset.map((a, n) => ({
+        absoluteIndex: n,
         ...a,
         series: a.series.map((h) => h + this.relativeZero),
         absoluteValues: a.series,
@@ -311,7 +311,7 @@ const Ye = J(), Xe = {
       }));
     },
     barSet() {
-      return this.activeSeriesWithStackRatios.filter((a) => a.type === "bar").map((a, s) => {
+      return this.activeSeriesWithStackRatios.filter((a) => a.type === "bar").map((a, n) => {
         this.checkAutoScaleError(a);
         const h = Math.min(...a.absoluteValues.filter((d) => ![null, void 0].includes(d))), f = Math.max(...a.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
           ratios: a.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - h) / (f - h)),
@@ -320,40 +320,40 @@ const Ye = J(), Xe = {
         }, x = {
           max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
           min: a.scaleMin || Math.min(...a.absoluteValues.filter((d) => ![void 0, null].includes(d))) > 0 ? 0 : Math.min(...a.absoluteValues.filter((d) => ![null, void 0].includes(d)))
-        }, _ = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, L = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * L : x.max, _), C = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * L : e.valueMax, _), z = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, G = m.max + z, v = C.max + Math.abs(k), b = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, t = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, c = this.drawingArea.bottom - b - t * z / G, n = this.drawingArea.bottom - b - t * k / v, g = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, R = a.series.map((d, F) => {
-          const W = this.mutableConfig.useIndividualScale ? (a.absoluteValues[F] + z) / G : this.ratioToMax(d), E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left + this.slot.bar * s + this.slot.bar * F * g - this.barSlot / 2 - s * this.barPeriodGap;
+        }, _ = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, L = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * L : x.max, _), C = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * L : e.valueMax, _), z = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, v = m.max + z, G = C.max + Math.abs(k), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, t = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, c = this.drawingArea.bottom - F - t * z / v, s = this.drawingArea.bottom - F - t * k / G, g = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, R = a.series.map((d, b) => {
+          const H = this.mutableConfig.useIndividualScale ? (a.absoluteValues[b] + z) / v : this.ratioToMax(d), E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left + this.slot.bar * n + this.slot.bar * b * g - this.barSlot / 2 - n * this.barPeriodGap;
           return {
-            yOffset: this.checkNaN(b),
+            yOffset: this.checkNaN(F),
             individualHeight: this.checkNaN(t),
             x: this.checkNaN(E),
-            y: this.drawingArea.bottom - b - t * W,
-            value: a.absoluteValues[F],
+            y: this.drawingArea.bottom - F - t * H,
+            value: a.absoluteValues[b],
             zeroPosition: this.checkNaN(c),
-            individualMax: this.checkNaN(G),
-            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
+            individualMax: this.checkNaN(v),
+            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
           };
-        }), H = a.absoluteValues.map((d) => C.min >= 0 ? (d - Math.abs(C.min)) / (C.max - Math.abs(C.min)) : (d + Math.abs(C.min)) / (C.max + Math.abs(C.min))), D = a.series.map((d, F) => {
-          const W = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * F * this.absoluteDataset.filter((E) => E.type === "bar").filter((E) => !this.segregatedSeries.includes(E.id)).length;
+        }), W = a.absoluteValues.map((d) => C.min >= 0 ? (d - Math.abs(C.min)) / (C.max - Math.abs(C.min)) : (d + Math.abs(C.min)) / (C.max + Math.abs(C.min))), D = a.series.map((d, b) => {
+          const H = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * b : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * n + this.slot.bar * b * this.absoluteDataset.filter((E) => E.type === "bar").filter((E) => !this.segregatedSeries.includes(E.id)).length;
           return {
-            yOffset: this.checkNaN(b),
+            yOffset: this.checkNaN(F),
             individualHeight: this.checkNaN(t),
-            x: this.checkNaN(W),
-            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(b) - (this.checkNaN(t) * H[F] || 0)),
-            value: a.absoluteValues[F],
+            x: this.checkNaN(H),
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(t) * W[b] || 0)),
+            value: a.absoluteValues[b],
             zeroPosition: this.checkNaN(c),
-            individualMax: this.checkNaN(G),
-            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
+            individualMax: this.checkNaN(v),
+            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
           };
         }), y = m.ticks.map((d) => ({
-          y: d >= 0 ? c - t * (d / G) : c + t * Math.abs(d) / G,
+          y: d >= 0 ? c - t * (d / v) : c + t * Math.abs(d) / v,
           value: d,
           prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: a
         })), w = C.ticks.map((d) => {
-          const F = (d - C.min) / (C.max - C.min);
+          const b = (d - C.min) / (C.max - C.min);
           return {
-            y: d >= 0 ? n - t * F : n + t * F,
+            y: d >= 0 ? s - t * b : s + t * b,
             value: d,
             prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -362,13 +362,13 @@ const Ye = J(), Xe = {
         });
         return {
           ...a,
-          yOffset: b,
+          yOffset: F,
           autoScaleYLabels: w,
           individualHeight: t,
           scaleYLabels: a.autoScaling ? w : y,
           individualScale: a.autoScaling ? C : m,
-          individualMax: a.autoScaling ? v : G,
-          zeroPosition: a.autoScaling ? n : c,
+          individualMax: a.autoScaling ? G : v,
+          zeroPosition: a.autoScaling ? s : c,
           plots: a.autoScaling ? D : R
         };
       });
@@ -382,39 +382,41 @@ const Ye = J(), Xe = {
     lineSet() {
       return this.activeSeriesWithStackRatios.filter((a) => a.type === "line").map((a) => {
         this.checkAutoScaleError(a);
-        const s = Math.min(...a.absoluteValues.filter((d) => ![void 0, null].includes(d))), h = Math.max(...a.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, i = {
-          ratios: a.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - s) / (h - s)),
-          valueMin: s,
+        const n = Math.min(...a.absoluteValues.filter((d) => ![void 0, null].includes(d))), h = Math.max(...a.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, i = {
+          ratios: a.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - n) / (h - n)),
+          valueMin: n,
           valueMax: h
         }, e = {
           max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
           min: a.scaleMin || (Math.min(...a.absoluteValues) > 0 ? 0 : Math.min(...a.absoluteValues))
-        }, x = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), m = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), C = L.min >= 0 ? 0 : Math.abs(L.min), z = 0, k = L.max + Math.abs(C), G = m.max + Math.abs(z), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, b = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, t = this.drawingArea.bottom - v - b * C / k, c = this.drawingArea.bottom - v - b * z / G, n = a.series.map((d, F) => {
-          const W = this.mutableConfig.useIndividualScale ? (a.absoluteValues[F] + Math.abs(C)) / k : this.ratioToMax(d);
+        }, x = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), m = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), C = L.min >= 0 ? 0 : Math.abs(L.min), z = 0, k = L.max + Math.abs(C), v = m.max + Math.abs(z), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, t = this.drawingArea.bottom - G - F * C / k, c = this.drawingArea.bottom - G - F * z / v, s = a.series.map((d, b) => {
+          const H = this.mutableConfig.useIndividualScale ? (a.absoluteValues[b] + Math.abs(C)) / k : this.ratioToMax(d);
           return {
-            x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
-            y: this.checkNaN(this.drawingArea.bottom - v - b * W),
-            value: a.absoluteValues[F],
-            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
+            x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
+            y: this.checkNaN(this.drawingArea.bottom - G - F * H),
+            value: a.absoluteValues[b],
+            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
           };
-        }), g = a.absoluteValues.map((d) => m.min >= 0 ? (d - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (d + Math.abs(m.min)) / (m.max + Math.abs(m.min))), R = a.series.map((d, F) => {
-          if (![void 0, null].includes(a.absoluteValues[F]))
-            return {
-              x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * F),
-              y: this.checkNaN(this.drawingArea.bottom - v - (b * g[F] || 0)),
-              value: a.absoluteValues[F],
-              comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
-            };
-        }), H = this.createSmoothPath(n), D = this.createSmoothPath(R), y = L.ticks.map((d) => ({
-          y: d >= 0 ? t - b * (d / k) : t + b * Math.abs(d) / k,
+        }), g = a.absoluteValues.map((d) => m.min >= 0 ? (d - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (d + Math.abs(m.min)) / (m.max + Math.abs(m.min))), R = a.series.map((d, b) => [void 0, null].includes(a.absoluteValues[b]) ? {
+          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
+          y: t,
+          value: a.absoluteValues[b],
+          comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
+        } : {
+          x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
+          y: this.checkNaN(this.drawingArea.bottom - G - (F * g[b] || 0)),
+          value: a.absoluteValues[b],
+          comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
+        }), W = this.createSmoothPath(s), D = this.createSmoothPath(R), y = L.ticks.map((d) => ({
+          y: d >= 0 ? t - F * (d / k) : t + F * Math.abs(d) / k,
           value: d,
           prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: a
         })), w = m.ticks.map((d) => {
-          const F = (d - m.min) / (m.max - m.min);
+          const b = (d - m.min) / (m.max - m.min);
           return {
-            y: d >= 0 ? c - b * F : c + b * F,
+            y: d >= 0 ? c - F * b : c + F * b,
             value: d,
             prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -423,44 +425,44 @@ const Ye = J(), Xe = {
         });
         return {
           ...a,
-          yOffset: v,
+          yOffset: G,
           autoScaleYLabels: w,
-          individualHeight: b,
+          individualHeight: F,
           scaleYLabels: a.autoScaling ? w : y,
           individualScale: a.autoScaling ? m : L,
-          individualMax: a.autoScaling ? G : k,
+          individualMax: a.autoScaling ? v : k,
           zeroPosition: a.autoScaling ? c : t,
-          curve: a.autoScaling ? D : H,
-          plots: a.autoScaling ? R : n,
-          area: a.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(a.autoScaling ? R : n, a.autoScaling ? c : t) : this.createArea(n) : ""
+          curve: a.autoScaling ? D : W,
+          plots: a.autoScaling ? R : s,
+          area: a.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(a.autoScaling ? R : s, a.autoScaling ? c : t) : this.createArea(s) : ""
         };
       });
     },
     plotSet() {
       return this.activeSeriesWithStackRatios.filter((a) => a.type === "plot").map((a) => {
         this.checkAutoScaleError(a);
-        const s = Math.min(...a.absoluteValues.filter((y) => ![null, void 0].includes(y))), h = Math.max(...a.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, i = {
-          ratios: a.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - s) / (h - s)),
-          valueMin: s,
+        const n = Math.min(...a.absoluteValues.filter((y) => ![null, void 0].includes(y))), h = Math.max(...a.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, i = {
+          ratios: a.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - n) / (h - n)),
+          valueMin: n,
           valueMax: h
         }, e = {
           max: a.scaleMax || Math.max(...a.absoluteValues) || 1,
           min: a.scaleMin || Math.min(...a.absoluteValues) > 0 ? 0 : Math.min(...a.absoluteValues)
-        }, x = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), m = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), C = L.min >= 0 ? 0 : Math.abs(L.min), z = 0, k = L.max + C, G = m.max + Math.abs(z), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, b = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, t = this.drawingArea.bottom - v - b * C / k, c = this.drawingArea.bottom - v - b * z / G, n = a.series.map((y, w) => {
+        }, x = a.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), m = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), C = L.min >= 0 ? 0 : Math.abs(L.min), z = 0, k = L.max + C, v = m.max + Math.abs(z), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - a.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * a.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, t = this.drawingArea.bottom - G - F * C / k, c = this.drawingArea.bottom - G - F * z / v, s = a.series.map((y, w) => {
           const d = this.mutableConfig.useIndividualScale ? (a.absoluteValues[w] + Math.abs(C)) / k : this.ratioToMax(y);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * w),
-            y: this.checkNaN(this.drawingArea.bottom - v - b * d),
+            y: this.checkNaN(this.drawingArea.bottom - G - F * d),
             value: a.absoluteValues[w],
             comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[w] || ""
           };
         }), g = a.absoluteValues.map((y) => m.min >= 0 ? (y - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (y + Math.abs(m.min)) / (m.max + Math.abs(m.min))), R = a.series.map((y, w) => ({
           x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * w),
-          y: this.checkNaN(this.drawingArea.bottom - v - (b * g[w] || 0)),
+          y: this.checkNaN(this.drawingArea.bottom - G - (F * g[w] || 0)),
           value: a.absoluteValues[w],
           comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[w] || ""
-        })), H = L.ticks.map((y) => ({
-          y: y >= 0 ? t - b * (y / k) : t + b * Math.abs(y) / k,
+        })), W = L.ticks.map((y) => ({
+          y: y >= 0 ? t - F * (y / k) : t + F * Math.abs(y) / k,
           value: y,
           prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -468,7 +470,7 @@ const Ye = J(), Xe = {
         })), D = m.ticks.map((y) => {
           const w = (y - m.min) / (m.max - m.min);
           return {
-            y: y >= 0 ? c - b * w : c + b * w,
+            y: y >= 0 ? c - F * w : c + F * w,
             value: y,
             prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -477,19 +479,19 @@ const Ye = J(), Xe = {
         });
         return {
           ...a,
-          yOffset: v,
+          yOffset: G,
           autoScaleYLabels: D,
-          individualHeight: b,
-          scaleYLabels: a.autoScaling ? D : H,
+          individualHeight: F,
+          scaleYLabels: a.autoScaling ? D : W,
           individualScale: a.autoScaling ? m : L,
-          individualMax: a.autoScaling ? G : k,
+          individualMax: a.autoScaling ? v : k,
           zeroPosition: a.autoScaling ? c : t,
-          plots: a.autoScaling ? R : n
+          plots: a.autoScaling ? R : s
         };
       });
     },
     drawingArea() {
-      const a = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? this.absoluteDataset.filter((s) => !this.segregatedSeries.includes(s.id)).length * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
+      const a = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? this.absoluteDataset.filter((n) => !this.segregatedSeries.includes(n.id)).length * (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,
@@ -505,7 +507,7 @@ const Ye = J(), Xe = {
     min() {
       if (this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin !== null)
         return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin;
-      const a = Math.min(...this.safeDataset.filter((s) => !this.segregatedSeries.includes(s.id)).map((s) => Math.min(...s.series)));
+      const a = Math.min(...this.safeDataset.filter((n) => !this.segregatedSeries.includes(n.id)).map((n) => Math.min(...n.series)));
       return a > 0 ? 0 : a;
     },
     niceScale() {
@@ -525,7 +527,7 @@ const Ye = J(), Xe = {
       };
     },
     barSlot() {
-      const a = this.safeDataset.filter((s) => s.type === "bar").filter((s) => !this.segregatedSeries.includes(s.id)).length;
+      const a = this.safeDataset.filter((n) => n.type === "bar").filter((n) => !this.segregatedSeries.includes(n.id)).length;
       return this.drawingArea.width / this.maxSeries / a - this.barPeriodGap * a;
     },
     barPeriodGap() {
@@ -540,18 +542,18 @@ const Ye = J(), Xe = {
         label: h.name,
         color: h.color,
         type: h.type
-      })), s = [];
+      })), n = [];
       return this.timeLabels.forEach((h, f) => {
         const i = [h];
         this.relativeDataset.forEach((e) => {
           i.push(this.canShowValue(e.absoluteValues[f]) ? Number(e.absoluteValues[f].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
-        }), s.push(i);
-      }), { head: a, body: s };
+        }), n.push(i);
+      }), { head: a, body: n };
     },
     dataTable() {
       const a = this.FINAL_CONFIG.table.showSum;
-      let s = [""].concat(this.relativeDataset.map((e) => e.name));
-      a && (s = s.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 n = [""].concat(this.relativeDataset.map((e) => e.name));
+      a && (n = n.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 h = [];
       for (let e = 0; e < this.maxSeries; e += 1) {
         const x = this.relativeDataset.map((_) => _.absoluteValues[e] ?? 0).reduce((_, L) => _ + L, 0);
@@ -585,7 +587,7 @@ const Ye = J(), Xe = {
         },
         breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
       }, i = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((e) => e.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
-      return { head: s, body: h, config: f, colNames: i };
+      return { head: n, body: h, config: f, colNames: i };
     },
     dataTooltipSlot() {
       return {
@@ -604,14 +606,14 @@ const Ye = J(), Xe = {
         name: a.name,
         color: a.color,
         type: a.type,
-        value: a.absoluteValues.find((s, h) => h === this.selectedSerieIndex),
+        value: a.absoluteValues.find((n, h) => h === this.selectedSerieIndex),
         comments: a.comments || [],
         prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
         suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix
       }));
     },
     tooltipContent() {
-      let a = "", s = this.selectedSeries.map((i) => i.value).filter((i) => this.isSafeValue(i) && i !== null).reduce((i, e) => Math.abs(i) + Math.abs(e), 0);
+      let a = "", n = this.selectedSeries.map((i) => i.value).filter((i) => this.isSafeValue(i) && i !== null).reduce((i, e) => Math.abs(i) + Math.abs(e), 0);
       const h = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
       return this.isFunction(f) && this.functionReturnsString(() => f({
         seriesIndex: this.selectedSerieIndex,
@@ -680,7 +682,7 @@ const Ye = J(), Xe = {
             }),
             { datapoint: i }
           ) : ""}</b> ${this.FINAL_CONFIG.chart.tooltip.showPercentage ? `(${Z({
-            v: this.checkNaN(Math.abs(i.value) / s * 100),
+            v: this.checkNaN(Math.abs(i.value) / n * 100),
             s: "%",
             r: this.FINAL_CONFIG.chart.tooltip.roundingPercentage
           })})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && i.comments.length && i.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${i.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${i.color}">${i.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
@@ -715,8 +717,8 @@ const Ye = J(), Xe = {
   },
   methods: {
     abbreviate: ie,
-    adaptColorToBackground: re,
-    applyDataLabel: le,
+    adaptColorToBackground: le,
+    applyDataLabel: re,
     assignStackRatios: se,
     calcLinearProgression: ne,
     calculateNiceScaleWithExactExtremes: ce,
@@ -745,9 +747,9 @@ const Ye = J(), Xe = {
     useMouse: pe,
     useNestedProp: U,
     getHighlightAreaPosition(a) {
-      const s = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (a.from - this.slicer.start), h = this.drawingArea.width / (this.slicer.end - this.slicer.start) * a.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * a.span;
+      const n = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (a.from - this.slicer.start), h = this.drawingArea.width / (this.slicer.end - this.slicer.start) * a.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * a.span;
       return {
-        x: s < this.drawingArea.left ? this.drawingArea.left : s,
+        x: n < this.drawingArea.left ? this.drawingArea.left : n,
         width: h
       };
     },
@@ -755,34 +757,34 @@ const Ye = J(), Xe = {
       const a = we().vue_ui_xy;
       if (!Object.keys(this.config || {}).length)
         return a;
-      const s = this.useNestedProp({
+      const n = this.useNestedProp({
         userConfig: this.config,
         defaultConfig: a
       });
-      return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? s.chart.highlightArea = this.config.chart.highlightArea : s.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? s.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : s.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? s.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : s.chart.grid.labels.yAxis.scaleMax = null, s.theme ? {
+      return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? n.chart.highlightArea = this.config.chart.highlightArea : n.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? n.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : n.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? n.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : n.chart.grid.labels.yAxis.scaleMax = null, n.theme ? {
         ...U({
-          userConfig: this.themes.vue_ui_xy[s.theme] || this.config,
-          defaultConfig: s
+          userConfig: this.themes.vue_ui_xy[n.theme] || this.config,
+          defaultConfig: n
         }),
-        customPalette: this.themePalettes[s.theme] || this.palette
-      } : s;
+        customPalette: this.themePalettes[n.theme] || this.palette
+      } : n;
     },
     prepareChart() {
       if (this.objectIsEmpty(this.dataset) ? this.error({
         componentName: "VueUiXy",
         type: "dataset"
-      }) : this.dataset.forEach((a, s) => {
+      }) : this.dataset.forEach((a, n) => {
         [null, void 0].includes(a.name) && this.error({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
-          index: s
+          index: n
         });
       }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((a) => {
-        a.series.forEach((s, h) => {
-          this.isSafeValue(s) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${a.name}' contains the value '${s}' at index ${h}.
-'${s}' was converted to null to allow the chart to display.`);
+        a.series.forEach((n, h) => {
+          this.isSafeValue(n) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
+-----> The serie '${a.name}' contains the value '${n}' at index ${h}.
+'${n}' was converted to null to allow the chart to display.`);
         });
       }), this.mutableConfig = {
         dataLabels: {
@@ -793,7 +795,7 @@ const Ye = J(), Xe = {
         isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
         useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
       }, this.FINAL_CONFIG.responsive) {
-        const s = this.$refs.chart.parentNode, { height: h, width: f } = s.getBoundingClientRect();
+        const n = this.$refs.chart.parentNode, { height: h, width: f } = n.getBoundingClientRect();
         let i = null, e = 0;
         this.FINAL_CONFIG.chart.title.show && (i = this.$refs.chartTitle, e = i.getBoundingClientRect().height);
         let x = null, _ = 0;
@@ -802,7 +804,7 @@ const Ye = J(), Xe = {
         this.FINAL_CONFIG.chart.legend.show && (L = this.$refs.chartLegend, m = L.getBoundingClientRect().height), this.height = h - e - m - _, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((z) => {
           for (const k of z)
             this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (_ = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (m = this.$refs.chartLegend.getBoundingClientRect().height), this.height = k.contentBoxSize[0].blockSize - e - m - _ - 24, this.width = k.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
-        }).observe(s);
+        }).observe(n);
       } else
         this.height = this.FINAL_CONFIG.chart.height, this.width = this.FINAL_CONFIG.chart.width, this.viewBox = `0 0 ${this.width} ${this.height}`, this.fontSizes.dataLabels = this.FINAL_CONFIG.chart.grid.labels.fontSize, this.fontSizes.yAxis = this.FINAL_CONFIG.chart.grid.labels.axis.fontSize, this.fontSizes.xAxis = this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.fontSize, this.fontSizes.plotLabels = this.FINAL_CONFIG.chart.labels.fontSize, this.plotRadii.plot = this.FINAL_CONFIG.plot.radius, this.plotRadii.line = this.FINAL_CONFIG.line.radius;
     },
@@ -865,24 +867,24 @@ const Ye = J(), Xe = {
     },
     createArea(a) {
       if (!a[0]) return [-10, -10, "", -10, -10];
-      const s = { x: a[0].x, y: this.zero }, h = { x: a.at(-1).x, y: this.zero }, f = [];
+      const n = { x: a[0].x, y: this.zero }, h = { x: a.at(-1).x, y: this.zero }, f = [];
       return a.forEach((i) => {
         f.push(`${i.x},${i.y} `);
-      }), [s.x, s.y, ...f, h.x, h.y].toString();
+      }), [n.x, n.y, ...f, h.x, h.y].toString();
     },
-    createIndividualArea(a, s) {
+    createIndividualArea(a, n) {
       if (!a[0]) return [-10, -10, "", -10, -10];
-      const h = { x: a[0] ? a[0].x : Math.min(...a.filter((e) => !!e).map((e) => e.x)), y: s }, f = { x: a.at(-1) ? a.at(-1).x : Math.min(...a.filter((e) => !!e).map((e) => e.x)), y: s }, i = [];
+      const h = { x: a[0] ? a[0].x : Math.min(...a.filter((e) => !!e).map((e) => e.x)), y: n }, f = { x: a.at(-1) ? a.at(-1).x : Math.min(...a.filter((e) => !!e).map((e) => e.x)), y: n }, i = [];
       return a.filter((e) => !!e).forEach((e) => {
         i.push(`${e.x},${e.y} `);
       }), [h.x, h.y, ...i, f.x, f.y].toString();
     },
     createStar: X,
     createPolygonPath: T,
-    fillArray(a, s) {
+    fillArray(a, n) {
       let h = Array(a).fill(0);
-      for (let f = 0; f < s.length && f < a; f += 1)
-        h[f] = s[f];
+      for (let f = 0; f < n.length && f < a; f += 1)
+        h[f] = n[f];
       return h;
     },
     refreshSlicer() {
@@ -912,11 +914,11 @@ const Ye = J(), Xe = {
     canShowValue(a) {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(a);
     },
-    findClosestValue(a, s) {
-      let h = s[0], f = Math.abs(a - s[0]);
-      for (let i = 1; i < s.length; i += 1) {
-        const e = Math.abs(a - s[i]);
-        e < f && s[i] < a && (h = s[i], f = e);
+    findClosestValue(a, n) {
+      let h = n[0], f = Math.abs(a - n[0]);
+      for (let i = 1; i < n.length; i += 1) {
+        const e = Math.abs(a - n[i]);
+        e < f && n[i] < a && (h = n[i], f = e);
       }
       return h;
     },
@@ -927,11 +929,11 @@ const Ye = J(), Xe = {
       this.$emit(
         "selectX",
         {
-          dataset: this.relativeDataset.map((s) => ({
-            name: s.name,
-            value: [null, void 0, NaN].includes(s.absoluteValues[a]) ? null : s.absoluteValues[a],
-            color: s.color,
-            type: s.type
+          dataset: this.relativeDataset.map((n) => ({
+            name: n.name,
+            value: [null, void 0, NaN].includes(n.absoluteValues[a]) ? null : n.absoluteValues[a],
+            color: n.color,
+            type: n.type
           })),
           index: a,
           indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[a]
@@ -948,20 +950,20 @@ const Ye = J(), Xe = {
     },
     segregate(a) {
       if (this.segregatedSeries.includes(a.id))
-        this.segregatedSeries = this.segregatedSeries.filter((s) => s !== a.id);
+        this.segregatedSeries = this.segregatedSeries.filter((n) => n !== a.id);
       else {
         if (this.segregatedSeries.length + 1 === this.safeDataset.length) return;
         this.segregatedSeries.push(a.id);
       }
-      this.$emit("selectLegend", this.relativeDataset.map((s) => ({
-        name: s.name,
-        values: s.absoluteValues,
-        color: s.color,
-        type: s.type
+      this.$emit("selectLegend", this.relativeDataset.map((n) => ({
+        name: n.name,
+        values: n.absoluteValues,
+        color: n.color,
+        type: n.type
       }))), this.segregateStep += 1;
     },
-    toggleTooltipVisibility(a, s = null) {
-      this.isTooltip = a, a ? this.selectedSerieIndex = s : this.selectedSerieIndex = null;
+    toggleTooltipVisibility(a, n = null) {
+      this.isTooltip = a, a ? this.selectedSerieIndex = n : this.selectedSerieIndex = null;
     },
     toggleFullscreen(a) {
       this.isFullscreen = a, this.step += 1;
@@ -980,7 +982,7 @@ const Ye = J(), Xe = {
       }, 100);
     },
     generateCsv() {
-      const a = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], h = this.table.body, f = a.concat([s]).concat(h), i = this.createCsvContent(f);
+      const a = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], n = ["", ...this.table.head.map((e) => e.label)], h = this.table.body, f = a.concat([n]).concat(h), i = this.createCsvContent(f);
       this.downloadCsv({ csvContent: i, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -998,7 +1000,7 @@ const Ye = J(), Xe = {
       }, 100);
     }
   }
-}, qe = ["id"], Ze = ["viewBox"], Ue = { key: 0 }, Je = { class: "vue-ui-xy-grid" }, Qe = ["stroke", "x1", "x2", "y1", "y2"], Ke = ["stroke", "x1", "x2", "y1", "y2"], je = { key: 1 }, $e = ["x1", "x2", "y1", "y2", "stroke"], et = ["x1", "x2", "y1", "y2", "stroke"], tt = ["x1", "x2", "y1", "y2", "stroke"], at = { key: 3 }, it = ["x1", "x2", "y1", "y2", "stroke"], rt = ["id"], lt = ["stop-color"], st = ["stop-color"], nt = ["stop-color"], ct = ["id"], ht = ["stop-color"], ot = ["stop-color"], dt = ["stop-color"], ut = ["id"], gt = ["stop-color"], ft = ["stop-color"], Nt = ["id"], mt = ["stop-color"], It = ["stop-color"], xt = ["id"], bt = ["stop-color"], Ft = ["stop-color"], _t = ["x", "y", "height", "width", "fill"], yt = ["x", "y", "width"], At = ["x", "y", "height", "width", "fill"], Lt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ct = ["width", "x", "y"], St = { key: 0 }, kt = ["id"], wt = ["fill"], Ot = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], vt = ["x", "y", "font-size", "fill"], Gt = ["stroke", "x1", "x2", "y1", "y2"], pt = { key: 2 }, zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Tt = { key: 4 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vt = ["fill", "font-size", "transform"], Rt = ["x1", "x2", "y1", "y2", "stroke"], Dt = ["x", "y", "font-size", "fill"], Ht = ["x1", "x2", "y1", "y2", "stroke"], Wt = ["x", "y", "font-size", "fill"], Et = ["width", "x", "y"], Bt = { style: { width: "100%" } }, Yt = { key: 0 }, Xt = ["id"], qt = ["fill"], Zt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ut = ["x", "y", "font-size", "fill"], Jt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Qt = { key: 1 }, Kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 0 }, $t = ["d", "fill"], ea = ["d", "fill"], ta = ["d", "stroke", "stroke-width", "stroke-dasharray"], aa = { key: 2 }, ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ra = ["width", "x", "y"], la = { style: { width: "100%" } }, sa = { key: 3 }, na = ["id"], ca = ["fill"], ha = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], oa = ["x", "y", "font-size", "fill"], da = { key: 5 }, ua = ["x", "y", "font-size", "fill"], ga = ["x", "y", "font-size", "fill", "font-weight"], fa = { key: 6 }, Na = ["x", "y", "font-size", "fill"], ma = ["x", "y"], Ia = ["x", "y"], xa = { key: 7 }, ba = ["x", "y", "font-size", "fill"], Fa = ["x", "y"], _a = ["x", "y"], ya = ["x", "y", "font-size", "fill", "innerHTML"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "width", "height", "fill", "onMouseenter"], ka = ["font-size", "fill", "transform"], wa = ["x", "y", "font-size", "fill"], Oa = { key: 9 }, va = ["text-anchor", "font-size", "fill", "transform"], Ga = ["x", "y", "height", "width", "onMouseenter", "onClick"], pa = { key: 10 }, za = ["x", "y"], Ma = ["cx", "cy", "r", "fill"], Ta = {
+}, qe = ["id"], Ze = ["viewBox"], Ue = { key: 0 }, Je = { class: "vue-ui-xy-grid" }, Qe = ["stroke", "x1", "x2", "y1", "y2"], Ke = ["stroke", "x1", "x2", "y1", "y2"], je = { key: 1 }, $e = ["x1", "x2", "y1", "y2", "stroke"], et = ["x1", "x2", "y1", "y2", "stroke"], tt = ["x1", "x2", "y1", "y2", "stroke"], at = { key: 3 }, it = ["x1", "x2", "y1", "y2", "stroke"], lt = ["id"], rt = ["stop-color"], st = ["stop-color"], nt = ["stop-color"], ct = ["id"], ht = ["stop-color"], ot = ["stop-color"], dt = ["stop-color"], ut = ["id"], gt = ["stop-color"], ft = ["stop-color"], Nt = ["id"], mt = ["stop-color"], It = ["stop-color"], xt = ["id"], bt = ["stop-color"], Ft = ["stop-color"], _t = ["x", "y", "height", "width", "fill"], yt = ["x", "y", "width"], At = ["x", "y", "height", "width", "fill"], Lt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ct = ["width", "x", "y"], St = { key: 0 }, kt = ["id"], wt = ["fill"], Ot = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Gt = ["x", "y", "font-size", "fill"], vt = ["stroke", "x1", "x2", "y1", "y2"], pt = { key: 2 }, zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Tt = { key: 4 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vt = ["fill", "font-size", "transform"], Rt = ["x1", "x2", "y1", "y2", "stroke"], Dt = ["x", "y", "font-size", "fill"], Wt = ["x1", "x2", "y1", "y2", "stroke"], Ht = ["x", "y", "font-size", "fill"], Et = ["width", "x", "y"], Bt = { style: { width: "100%" } }, Yt = { key: 0 }, Xt = ["id"], qt = ["fill"], Zt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ut = ["x", "y", "font-size", "fill"], Jt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Qt = { key: 1 }, Kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 0 }, $t = ["d", "fill"], ea = ["d", "fill"], ta = ["d", "stroke", "stroke-width", "stroke-dasharray"], aa = { key: 2 }, ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], la = ["width", "x", "y"], ra = { style: { width: "100%" } }, sa = { key: 3 }, na = ["id"], ca = ["fill"], ha = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], oa = ["x", "y", "font-size", "fill"], da = { key: 5 }, ua = ["x", "y", "font-size", "fill"], ga = ["x", "y", "font-size", "fill", "font-weight"], fa = { key: 6 }, Na = ["x", "y", "font-size", "fill"], ma = ["x", "y"], Ia = ["x", "y"], xa = { key: 7 }, ba = ["x", "y", "font-size", "fill"], Fa = ["x", "y"], _a = ["x", "y"], ya = ["x", "y", "font-size", "fill", "innerHTML"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "width", "height", "fill", "onMouseenter"], ka = ["font-size", "fill", "transform"], wa = ["x", "y", "font-size", "fill"], Oa = { key: 9 }, Ga = ["text-anchor", "font-size", "fill", "transform"], va = ["x", "y", "height", "width", "onMouseenter", "onClick"], pa = { key: 10 }, za = ["x", "y"], Ma = ["cx", "cy", "r", "fill"], Ta = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, Pa = ["onClick"], Va = {
@@ -1011,28 +1013,28 @@ const Ye = J(), Xe = {
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, Ha = ["fill"], Wa = {
+}, Wa = ["fill"], Ha = {
   key: 7,
   ref: "chartLegend"
 }, Ea = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
 }, Ba = ["innerHTML"];
-function Ya(a, s, h, f, i, e) {
-  const x = P("Title"), _ = P("UserOptions"), L = P("Shape"), m = P("Skeleton"), C = P("Slicer"), z = P("Tooltip"), k = P("BaseIcon"), G = P("TableSparkline"), v = P("DataTable"), b = P("Accordion");
-  return r(), l("div", {
+function Ya(a, n, h, f, i, e) {
+  const x = P("Title"), _ = P("UserOptions"), L = P("Shape"), m = P("Skeleton"), C = P("Slicer"), z = P("Tooltip"), k = P("BaseIcon"), v = P("TableSparkline"), G = P("DataTable"), F = P("Accordion");
+  return l(), r("div", {
     id: `vue-ui-xy_${i.uniqueId}`,
     class: M(`vue-ui-xy ${i.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
     ref: "chart",
     style: A(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;${e.FINAL_CONFIG.chart.title.text ? "" : "padding-top:36px"};font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`)
   }, [
-    e.FINAL_CONFIG.chart.title.show ? (r(), l("div", {
+    e.FINAL_CONFIG.chart.title.show ? (l(), r("div", {
       key: 0,
       ref: "chartTitle",
       class: "vue-ui-xy-title",
       style: A(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      (r(), V(x, {
+      (l(), V(x, {
         key: `title_${i.titleStep}`,
         config: {
           title: {
@@ -1046,7 +1048,7 @@ function Ya(a, s, h, f, i, e) {
         }
       }, null, 8, ["config"]))
     ], 4)) : o("", !0),
-    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (r(), V(_, {
+    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (l(), V(_, {
       ref: "defails",
       key: `user_options_${i.step}`,
       backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
@@ -1134,7 +1136,7 @@ function Ya(a, s, h, f, i, e) {
         key: "7"
       } : void 0
     ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) : o("", !0),
-    e.isDataset ? (r(), l("svg", {
+    e.isDataset ? (l(), r("svg", {
       key: 2,
       xmlns: "http://www.w3.org/2000/svg",
       class: M([{ "vue-data-ui-fullscreen--on": i.isFullscreen, "vue-data-ui-fulscreen--off": !i.isFullscreen }, "vue-ui-xy-svg"]),
@@ -1142,9 +1144,9 @@ function Ya(a, s, h, f, i, e) {
       viewBox: i.viewBox,
       style: A(`background: transparent; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      e.maxSeries > 0 ? (r(), l("g", Ue, [
+      e.maxSeries > 0 ? (l(), r("g", Ue, [
         u("g", Je, [
-          e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (r(), l("line", {
+          e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (l(), r("line", {
             key: 0,
             stroke: e.FINAL_CONFIG.chart.grid.stroke,
             "stroke-width": "1",
@@ -1154,8 +1156,8 @@ function Ya(a, s, h, f, i, e) {
             y2: e.drawingArea.bottom,
             "stroke-linecap": "round"
           }, null, 8, Qe)) : o("", !0),
-          i.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), l(N, { key: 2 }, I(e.allScales, (t) => (r(), l("g", null, [
-            t.id === i.selectedScale && t.yLabels.length ? (r(!0), l(N, { key: 0 }, I(t.yLabels, (c) => (r(), l("line", {
+          i.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(!0), r(N, { key: 2 }, I(e.allScales, (t) => (l(), r("g", null, [
+            t.id === i.selectedScale && t.yLabels.length ? (l(!0), r(N, { key: 0 }, I(t.yLabels, (c) => (l(), r("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.checkNaN(c.y),
@@ -1163,7 +1165,7 @@ function Ya(a, s, h, f, i, e) {
               stroke: t.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, et))), 256)) : t.yLabels.length ? (r(!0), l(N, { key: 1 }, I(t.yLabels, (c) => (r(), l("line", {
+            }, null, 8, et))), 256)) : t.yLabels.length ? (l(!0), r(N, { key: 1 }, I(t.yLabels, (c) => (l(), r("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.checkNaN(c.y),
@@ -1172,8 +1174,8 @@ function Ya(a, s, h, f, i, e) {
               "stroke-width": 0.5,
               "stroke-linecap": "round"
             }, null, 8, tt))), 256)) : o("", !0)
-          ]))), 256)) : o("", !0) : (r(), l(N, { key: 1 }, [
-            e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (r(), l("line", {
+          ]))), 256)) : o("", !0) : (l(), r(N, { key: 1 }, [
+            e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (l(), r("line", {
               key: 0,
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
@@ -1183,8 +1185,8 @@ function Ya(a, s, h, f, i, e) {
               y2: e.drawingArea.bottom,
               "stroke-linecap": "round"
             }, null, 8, Ke)) : o("", !0),
-            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), l("g", je, [
-              (r(!0), l(N, null, I(e.yLabels, (t) => (r(), l("line", {
+            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(), r("g", je, [
+              (l(!0), r(N, null, I(e.yLabels, (t) => (l(), r("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
                 y1: e.checkNaN(t.y),
@@ -1195,8 +1197,8 @@ function Ya(a, s, h, f, i, e) {
               }, null, 8, $e))), 256))
             ])) : o("", !0)
           ], 64)),
-          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), l("g", at, [
-            (r(!0), l(N, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (t, c) => (r(), l("line", {
+          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (l(), r("g", at, [
+            (l(!0), r(N, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (t, c) => (l(), r("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,
@@ -1207,7 +1209,7 @@ function Ya(a, s, h, f, i, e) {
             }, null, 8, it))), 128))
           ])) : o("", !0)
         ]),
-        (r(!0), l(N, null, I(e.barSet, (t, c) => (r(), l("defs", {
+        (l(!0), r(N, null, I(e.barSet, (t, c) => (l(), r("defs", {
           key: `def_rect_${c}`
         }, [
           u("linearGradient", {
@@ -1218,7 +1220,7 @@ function Ya(a, s, h, f, i, e) {
             u("stop", {
               offset: "0%",
               "stop-color": t.color
-            }, null, 8, lt),
+            }, null, 8, rt),
             u("stop", {
               offset: "62%",
               "stop-color": `${e.shiftHue(t.color, 0.02)}`
@@ -1227,7 +1229,7 @@ function Ya(a, s, h, f, i, e) {
               offset: "100%",
               "stop-color": `${e.shiftHue(t.color, 0.05)}`
             }, null, 8, nt)
-          ], 8, rt),
+          ], 8, lt),
           u("linearGradient", {
             id: `rectGradient_neg_${c}_${i.uniqueId}`,
             x2: "0%",
@@ -1247,7 +1249,7 @@ function Ya(a, s, h, f, i, e) {
             }, null, 8, dt)
           ], 8, ct)
         ]))), 128)),
-        (r(!0), l(N, null, I(e.plotSet, (t, c) => (r(), l("defs", {
+        (l(!0), r(N, null, I(e.plotSet, (t, c) => (l(), r("defs", {
           key: `def_plot_${c}`
         }, [
           u("radialGradient", {
@@ -1268,7 +1270,7 @@ function Ya(a, s, h, f, i, e) {
             }, null, 8, ft)
           ], 8, ut)
         ]))), 128)),
-        (r(!0), l(N, null, I(e.lineSet, (t, c) => (r(), l("defs", {
+        (l(!0), r(N, null, I(e.lineSet, (t, c) => (l(), r("defs", {
           key: `def_line_${c}`
         }, [
           u("radialGradient", {
@@ -1305,22 +1307,22 @@ function Ya(a, s, h, f, i, e) {
             }, null, 8, Ft)
           ], 8, xt)
         ]))), 128)),
-        (r(!0), l(N, null, I(e.highlightAreas, (t) => (r(), l("g", null, [
-          t.show ? (r(!0), l(N, { key: 0 }, I(t.span, (c, n) => (r(), l("g", null, [
+        (l(!0), r(N, null, I(e.highlightAreas, (t) => (l(), r("g", null, [
+          t.show ? (l(!0), r(N, { key: 0 }, I(t.span, (c, s) => (l(), r("g", null, [
             u("rect", {
               style: A({
                 transition: "none",
-                opacity: t.from + n >= i.slicer.start && t.from + n <= i.slicer.end - 1 ? 1 : 0
+                opacity: t.from + s >= i.slicer.start && t.from + s <= i.slicer.end - 1 ? 1 : 0
               }),
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.from + n - i.slicer.start),
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.from + s - i.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, _t),
-            t.caption.text && n === 0 ? (r(), l("foreignObject", {
+            t.caption.text && s === 0 ? (l(), r("foreignObject", {
               key: 0,
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.from + n - i.slicer.start) - (t.caption.width === "auto" ? 0 : t.caption.width / 2 - e.drawingArea.width / e.maxSeries * t.span / 2),
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.from + s - i.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: A({
                 overflow: "visible",
@@ -1336,7 +1338,7 @@ function Ya(a, s, h, f, i, e) {
           ]))), 256)) : o("", !0)
         ]))), 256)),
         u("g", null, [
-          (r(!0), l(N, null, I(e.maxSeries, (t, c) => (r(), l("g", {
+          (l(!0), r(N, null, I(e.maxSeries, (t, c) => (l(), r("g", {
             key: `tooltip_trap_${c}`
           }, [
             u("rect", {
@@ -1348,39 +1350,39 @@ function Ya(a, s, h, f, i, e) {
             }, null, 8, At)
           ]))), 128))
         ]),
-        e.barSet.length ? (r(!0), l(N, { key: 0 }, I(e.barSet, (t, c) => (r(), l("g", {
+        e.barSet.length ? (l(!0), r(N, { key: 0 }, I(e.barSet, (t, c) => (l(), r("g", {
           key: `serie_bar_${c}`,
           class: M(`serie_bar_${c}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(N, null, I(t.plots, (n, g) => (r(), l("g", {
+          (l(!0), r(N, null, I(t.plots, (s, g) => (l(), r("g", {
             key: `bar_plot_${c}_${g}`
           }, [
-            e.canShowValue(n.value) ? (r(), l("rect", {
+            e.canShowValue(s.value) ? (l(), r("rect", {
               key: 0,
-              x: e.calcRectX(n),
-              y: i.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
-              height: i.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
+              x: e.calcRectX(s),
+              y: i.mutableConfig.useIndividualScale ? e.calcIndividualRectY(s) : e.calcRectY(s),
+              height: i.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(s)) : Math.abs(e.calcRectHeight(s)),
               width: e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap),
               rx: e.FINAL_CONFIG.bar.borderRadius,
-              fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${c}_${i.uniqueId})` : `url(#rectGradient_neg_${c}_${i.uniqueId})` : t.color,
+              fill: e.FINAL_CONFIG.bar.useGradient ? s.value >= 0 ? `url(#rectGradient_pos_${c}_${i.uniqueId})` : `url(#rectGradient_neg_${c}_${i.uniqueId})` : t.color,
               stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? t.color : e.FINAL_CONFIG.bar.border.stroke,
               "stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
             }, null, 8, Lt)) : o("", !0),
-            n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
+            s.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
               height: "12",
               width: (e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? 0 : e.barPeriodGap) / 2) + e.FINAL_CONFIG.chart.comments.width,
-              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
+              x: e.calcRectX(s) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
+              y: e.checkNaN(s.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               O(a.$slots, "plot-comment", {
-                plot: { ...n, color: t.color }
+                plot: { ...s, color: t.color }
               }, void 0, !0)
             ], 8, Ct)) : o("", !0)
           ]))), 128)),
-          Object.hasOwn(t, "useProgression") && t.useProgression === !0 && !isNaN(e.calcLinearProgression(t.plots).trend) ? (r(), l("g", St, [
+          Object.hasOwn(t, "useProgression") && t.useProgression === !0 && !isNaN(e.calcLinearProgression(t.plots).trend) ? (l(), r("g", St, [
             u("defs", null, [
               u("marker", {
                 id: `bar_arrow_${c}`,
@@ -1396,7 +1398,7 @@ function Ya(a, s, h, f, i, e) {
                 }, null, 8, wt)
               ], 8, kt)
             ]),
-            t.plots.length > 1 ? (r(), l("line", {
+            t.plots.length > 1 ? (l(), r("line", {
               key: 0,
               x1: e.calcLinearProgression(t.plots).x1,
               x2: e.calcLinearProgression(t.plots).x2,
@@ -1407,7 +1409,7 @@ function Ya(a, s, h, f, i, e) {
               "stroke-dasharray": 2,
               "marker-end": `url(#bar_arrow_${c})`
             }, null, 8, Ot)) : o("", !0),
-            t.plots.length > 1 ? (r(), l("text", {
+            t.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
               x: e.calcLinearProgression(t.plots).x2,
@@ -1418,10 +1420,10 @@ function Ya(a, s, h, f, i, e) {
               v: e.calcLinearProgression(t.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, vt)) : o("", !0)
+            })), 9, Gt)) : o("", !0)
           ])) : o("", !0)
         ], 6))), 128)) : o("", !0),
-        !i.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (r(), l("line", {
+        !i.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (l(), r("line", {
           key: 1,
           stroke: e.FINAL_CONFIG.chart.grid.stroke,
           "stroke-width": "1",
@@ -1430,8 +1432,8 @@ function Ya(a, s, h, f, i, e) {
           y1: e.checkNaN(e.zero),
           y2: e.checkNaN(e.zero),
           "stroke-linecap": "round"
-        }, null, 8, Gt)) : o("", !0),
-        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(i.selectedSerieIndex) || i.selectedMinimapIndex !== null) ? (r(), l("g", pt, [
+        }, null, 8, vt)) : o("", !0),
+        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(i.selectedSerieIndex) || i.selectedMinimapIndex !== null) ? (l(), r("g", pt, [
           u("line", {
             x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.selectedSerieIndex || i.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
             x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (i.selectedSerieIndex || i.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
@@ -1444,7 +1446,7 @@ function Ya(a, s, h, f, i, e) {
             style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
           }, null, 8, zt)
         ])) : o("", !0),
-        e.FINAL_CONFIG.chart.grid.frame.show ? (r(), l("rect", {
+        e.FINAL_CONFIG.chart.grid.frame.show ? (l(), r("rect", {
           key: 3,
           style: { pointerEvents: "none", transition: "none" },
           x: e.drawingArea.left + e.xPadding < 0 ? 0 : e.drawingArea.left + e.xPadding,
@@ -1458,9 +1460,9 @@ function Ya(a, s, h, f, i, e) {
           "stroke-linejoin": e.FINAL_CONFIG.chart.grid.frame.strokeLinejoin,
           "stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
         }, null, 8, Mt)) : o("", !0),
-        e.FINAL_CONFIG.chart.grid.labels.show ? (r(), l("g", Tt, [
-          i.mutableConfig.useIndividualScale ? (r(), l(N, { key: 0 }, [
-            (r(!0), l(N, null, I(e.allScales, (t) => (r(), l("g", null, [
+        e.FINAL_CONFIG.chart.grid.labels.show ? (l(), r("g", Tt, [
+          i.mutableConfig.useIndividualScale ? (l(), r(N, { key: 0 }, [
+            (l(!0), r(N, null, I(e.allScales, (t) => (l(), r("g", null, [
               u("line", {
                 x1: t.x + e.xPadding,
                 x2: t.x + e.xPadding,
@@ -1472,7 +1474,7 @@ function Ya(a, s, h, f, i, e) {
                 style: A(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
               }, null, 12, Pt)
             ]))), 256)),
-            (r(!0), l(N, null, I(e.allScales, (t) => (r(), l("g", {
+            (l(!0), r(N, null, I(e.allScales, (t) => (l(), r("g", {
               style: A(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               u("text", {
@@ -1481,7 +1483,7 @@ function Ya(a, s, h, f, i, e) {
                 "text-anchor": "middle",
                 transform: `translate(${t.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${i.mutableConfig.isStacked ? e.drawingArea.bottom - t.yOffset - t.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
               }, S(t.name) + " " + S(t.scaleLabel ? `- ${t.scaleLabel}` : ""), 9, Vt),
-              (r(!0), l(N, null, I(t.yLabels, (c, n) => (r(), l("line", {
+              (l(!0), r(N, null, I(t.yLabels, (c, s) => (l(), r("line", {
                 x1: t.x - 3 + e.xPadding,
                 x2: t.x + e.xPadding,
                 y1: e.checkNaN(c.y),
@@ -1490,7 +1492,7 @@ function Ya(a, s, h, f, i, e) {
                 "stroke-width": 1,
                 "stroke-linecap": "round"
               }, null, 8, Rt))), 256)),
-              (r(!0), l(N, null, I(t.yLabels, (c, n) => (r(), l("text", {
+              (l(!0), r(N, null, I(t.yLabels, (c, s) => (l(), r("text", {
                 x: t.x - 5 + e.xPadding,
                 y: e.checkNaN(c.y) + i.fontSizes.dataLabels / 3,
                 "font-size": i.fontSizes.dataLabels,
@@ -1505,13 +1507,13 @@ function Ya(a, s, h, f, i, e) {
                   s: c.suffix,
                   r: 1
                 }),
-                { datapoint: c.datapoint, seriesIndex: n }
+                { datapoint: c.datapoint, seriesIndex: s }
               )), 9, Dt))), 256))
             ], 4))), 256))
-          ], 64)) : (r(!0), l(N, { key: 1 }, I(e.yLabels, (t, c) => (r(), l("g", {
+          ], 64)) : (l(!0), r(N, { key: 1 }, I(e.yLabels, (t, c) => (l(), r("g", {
             key: `yLabel_${c}`
           }, [
-            e.canShowValue(t) && t.value >= e.niceScale.min && t.value <= e.niceScale.max ? (r(), l("line", {
+            e.canShowValue(t) && t.value >= e.niceScale.min && t.value <= e.niceScale.max ? (l(), r("line", {
               key: 0,
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.left - 5 + e.xPadding,
@@ -1520,8 +1522,8 @@ function Ya(a, s, h, f, i, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
               "stroke-linecap": "round"
-            }, null, 8, Ht)) : o("", !0),
-            t.value >= e.niceScale.min && t.value <= e.niceScale.max ? (r(), l("text", {
+            }, null, 8, Wt)) : o("", !0),
+            t.value >= e.niceScale.min && t.value <= e.niceScale.max ? (l(), r("text", {
               key: 1,
               x: e.drawingArea.left - 7 + e.xPadding,
               y: e.checkNaN(t.y + i.fontSizes.dataLabels / 3),
@@ -1537,42 +1539,42 @@ function Ya(a, s, h, f, i, e) {
                 s: t.suffix,
                 r: 1
               })
-            ) : ""), 9, Wt)) : o("", !0)
+            ) : ""), 9, Ht)) : o("", !0)
           ]))), 128))
         ])) : o("", !0),
-        (r(!0), l(N, null, I(e.plotSet, (t, c) => (r(), l("g", {
+        (l(!0), r(N, null, I(e.plotSet, (t, c) => (l(), r("g", {
           key: `serie_plot_${c}`,
           class: M(`serie_plot_${c}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(N, null, I(t.plots, (n, g) => (r(), l("g", {
+          (l(!0), r(N, null, I(t.plots, (s, g) => (l(), r("g", {
             key: `circle_plot_${c}_${g}`
           }, [
-            e.canShowValue(n.value) ? (r(), V(L, {
+            s && e.canShowValue(s.value) ? (l(), V(L, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(t.shape) ? t.shape : "circle",
-              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${c}_${i.uniqueId})` : t.color,
-              plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
+              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${c}_${i.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? t.color : e.FINAL_CONFIG.plot.dot.fill,
+              plot: { x: e.checkNaN(s.x), y: e.checkNaN(s.y) },
               radius: i.selectedSerieIndex !== null && i.selectedSerieIndex === g || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === g ? (i.plotRadii.plot || 6) * 1.5 : i.plotRadii.plot || 6,
-              stroke: e.FINAL_CONFIG.chart.backgroundColor,
-              strokeWidth: 0.5
-            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : o("", !0),
-            n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
+              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"])) : o("", !0),
+            s.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
               height: "12",
               width: e.FINAL_CONFIG.chart.comments.width,
-              x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
+              x: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
+              y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               u("div", Bt, [
                 O(a.$slots, "plot-comment", {
-                  plot: { ...n, color: t.color }
+                  plot: { ...s, color: t.color }
                 }, void 0, !0)
               ])
             ], 8, Et)) : o("", !0)
           ]))), 128)),
-          Object.hasOwn(t, "useProgression") && t.useProgression === !0 && !isNaN(e.calcLinearProgression(t.plots).trend) ? (r(), l("g", Yt, [
+          Object.hasOwn(t, "useProgression") && t.useProgression === !0 && !isNaN(e.calcLinearProgression(t.plots).trend) ? (l(), r("g", Yt, [
             u("defs", null, [
               u("marker", {
                 id: `plot_arrow_${c}`,
@@ -1588,7 +1590,7 @@ function Ya(a, s, h, f, i, e) {
                 }, null, 8, qt)
               ], 8, Xt)
             ]),
-            t.plots.length > 1 ? (r(), l("line", {
+            t.plots.length > 1 ? (l(), r("line", {
               key: 0,
               x1: e.calcLinearProgression(t.plots).x1,
               x2: e.calcLinearProgression(t.plots).x2,
@@ -1599,7 +1601,7 @@ function Ya(a, s, h, f, i, e) {
               "stroke-dasharray": 2,
               "marker-end": `url(#plot_arrow_${c})`
             }, null, 8, Zt)) : o("", !0),
-            t.plots.length > 1 ? (r(), l("text", {
+            t.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
               x: e.calcLinearProgression(t.plots).x2,
@@ -1613,27 +1615,27 @@ function Ya(a, s, h, f, i, e) {
             })), 9, Ut)) : o("", !0)
           ])) : o("", !0)
         ], 6))), 128)),
-        (r(!0), l(N, null, I(e.lineSet, (t, c) => (r(), l("g", {
+        (l(!0), r(N, null, I(e.lineSet, (t, c) => (l(), r("g", {
           key: `serie_line_${c}`,
           class: M(`serie_line_${c}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          t.smooth && t.plots.length > 1 ? (r(), l("path", {
+          t.smooth && t.plots.length > 1 ? (l(), r("path", {
             key: 0,
             d: `M${t.curve}`,
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
             "stroke-dasharray": t.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, Jt)) : t.plots.length > 1 ? (r(), l("g", Qt, [
-            (r(!0), l(N, null, I(t.plots, (n, g) => (r(), l("g", {
+          }, null, 8, Jt)) : t.plots.length > 1 ? (l(), r("g", Qt, [
+            (l(!0), r(N, null, I(t.plots, (s, g) => (l(), r("g", {
               key: `line_${c}_${g}`
             }, [
-              n && g < t.plots.length - 1 && t.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(t.plots[g + 1].value) ? (r(), l("line", {
+              s && g < t.plots.length - 1 && t.plots[g + 1] && e.canShowValue(s.value) && e.canShowValue(t.plots[g + 1].value) ? (l(), r("line", {
                 key: 0,
-                x1: n.x,
+                x1: s.x,
                 x2: t.plots[g + 1].x,
-                y1: n.y,
+                y1: s.y,
                 y2: t.plots[g + 1].y,
                 stroke: e.FINAL_CONFIG.chart.backgroundColor,
                 "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
@@ -1644,38 +1646,38 @@ function Ya(a, s, h, f, i, e) {
             ]))), 128))
           ])) : o("", !0)
         ], 6))), 128)),
-        (r(!0), l(N, null, I(e.lineSet, (t, c) => (r(), l("g", {
+        (l(!0), r(N, null, I(e.lineSet, (t, c) => (l(), r("g", {
           key: `serie_line_${c}`,
           class: M(`serie_line_${c}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          t.useArea && t.plots.length > 1 ? (r(), l("g", jt, [
-            t.smooth ? (r(), l("path", {
+          t.useArea && t.plots.length > 1 ? (l(), r("g", jt, [
+            t.smooth ? (l(), r("path", {
               key: 0,
-              d: `M ${t.plots[0] ? t.plots[0].x : Math.min(...t.plots.filter((n) => !!n).map((n) => n.x))},${i.mutableConfig.isStacked ? e.drawingArea.bottom - t.yOffset : e.drawingArea.bottom} ${t.curve} L ${t.plots.at(-1) ? t.plots.at(-1).x : e.drawingArea.left + e.slot.line * c + e.slot.line / 2},${i.mutableConfig.isStacked ? e.drawingArea.bottom - t.yOffset : e.drawingArea.bottom} Z`,
+              d: `M ${t.plots[0] ? t.plots[0].x : Math.min(...t.plots.filter((s) => !!s).map((s) => s.x))},${i.mutableConfig.isStacked ? e.drawingArea.bottom - t.yOffset : e.drawingArea.bottom} ${t.curve} L ${t.plots.at(-1) ? t.plots.at(-1).x : e.drawingArea.left + e.slot.line * c + e.slot.line / 2},${i.mutableConfig.isStacked ? e.drawingArea.bottom - t.yOffset : e.drawingArea.bottom} Z`,
               fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${i.uniqueId})` : e.setOpacity(t.color, e.FINAL_CONFIG.line.area.opacity)
-            }, null, 8, $t)) : (r(), l("path", {
+            }, null, 8, $t)) : (l(), r("path", {
               key: 1,
               d: `M${t.area}Z`,
               fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${i.uniqueId})` : e.setOpacity(t.color, e.FINAL_CONFIG.line.area.opacity)
             }, null, 8, ea))
           ])) : o("", !0),
-          t.smooth && t.plots.length > 1 ? (r(), l("path", {
+          t.smooth && t.plots.length > 1 ? (l(), r("path", {
             key: 1,
             d: `M${t.curve}`,
             stroke: t.color,
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
             "stroke-dasharray": t.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, ta)) : t.plots.length > 1 ? (r(), l("g", aa, [
-            (r(!0), l(N, null, I(t.plots, (n, g) => (r(), l("g", {
+          }, null, 8, ta)) : t.plots.length > 1 ? (l(), r("g", aa, [
+            (l(!0), r(N, null, I(t.plots, (s, g) => (l(), r("g", {
               key: `line_${c}_${g}`
             }, [
-              n && g < t.plots.length - 1 && t.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(t.plots[g + 1].value) ? (r(), l("line", {
+              s && g < t.plots.length - 1 && t.plots[g + 1] && e.canShowValue(s.value) && e.canShowValue(t.plots[g + 1].value) ? (l(), r("line", {
                 key: 0,
-                x1: n.x,
+                x1: s.x,
                 x2: t.plots[g + 1].x,
-                y1: n.y,
+                y1: s.y,
                 y2: t.plots[g + 1].y,
                 stroke: t.color,
                 "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
@@ -1685,34 +1687,34 @@ function Ya(a, s, h, f, i, e) {
               }, null, 8, ia)) : o("", !0)
             ]))), 128))
           ])) : o("", !0),
-          (r(!0), l(N, null, I(t.plots, (n, g) => (r(), l("g", {
+          (l(!0), r(N, null, I(t.plots, (s, g) => (l(), r("g", {
             key: `circle_line_${c}_${g}`
           }, [
-            n && e.canShowValue(n.value) ? (r(), V(L, {
+            s && e.canShowValue(s.value) ? (l(), V(L, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(t.shape) ? t.shape : "circle",
-              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${c}_${i.uniqueId})` : t.color,
-              plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
+              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${c}_${i.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? t.color : e.FINAL_CONFIG.line.dot.fill,
+              plot: { x: e.checkNaN(s.x), y: e.checkNaN(s.y) },
               radius: i.selectedSerieIndex !== null && i.selectedSerieIndex === g || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === g ? (i.plotRadii.line || 6) * 1.5 : i.plotRadii.line || 6,
-              stroke: e.FINAL_CONFIG.chart.backgroundColor,
-              strokeWidth: 0.5
-            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : o("", !0),
-            n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), l("foreignObject", {
+              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"])) : o("", !0),
+            s.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
               height: "12",
               width: e.FINAL_CONFIG.chart.comments.width,
-              x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
+              x: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
+              y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              u("div", la, [
+              u("div", ra, [
                 O(a.$slots, "plot-comment", {
-                  plot: { ...n, color: t.color }
+                  plot: { ...s, color: t.color }
                 }, void 0, !0)
               ])
-            ], 8, ra)) : o("", !0)
+            ], 8, la)) : o("", !0)
           ]))), 128)),
-          Object.hasOwn(t, "useProgression") && t.useProgression === !0 && !isNaN(e.calcLinearProgression(t.plots).trend) ? (r(), l("g", sa, [
+          Object.hasOwn(t, "useProgression") && t.useProgression === !0 && !isNaN(e.calcLinearProgression(t.plots).trend) ? (l(), r("g", sa, [
             u("defs", null, [
               u("marker", {
                 id: `line_arrow_${c}`,
@@ -1728,7 +1730,7 @@ function Ya(a, s, h, f, i, e) {
                 }, null, 8, ca)
               ], 8, na)
             ]),
-            t.plots.length > 1 ? (r(), l("line", {
+            t.plots.length > 1 ? (l(), r("line", {
               key: 0,
               x1: e.calcLinearProgression(t.plots).x1,
               x2: e.calcLinearProgression(t.plots).x2,
@@ -1739,7 +1741,7 @@ function Ya(a, s, h, f, i, e) {
               "stroke-dasharray": 2,
               "marker-end": `url(#line_arrow_${c})`
             }, null, 8, ha)) : o("", !0),
-            t.plots.length > 1 ? (r(), l("text", {
+            t.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
               x: e.calcLinearProgression(t.plots).x2,
@@ -1753,40 +1755,40 @@ function Ya(a, s, h, f, i, e) {
             })), 9, oa)) : o("", !0)
           ])) : o("", !0)
         ], 6))), 128)),
-        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && i.mutableConfig.dataLabels.show ? (r(), l("g", da, [
-          (r(!0), l(N, null, I(e.barSet, (t, c) => (r(), l("g", {
+        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && i.mutableConfig.dataLabels.show ? (l(), r("g", da, [
+          (l(!0), r(N, null, I(e.barSet, (t, c) => (l(), r("g", {
             key: `xLabel_bar_${c}`,
             class: M(`xLabel_bar_${c}`),
             style: A(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(N, null, I(t.plots, (n, g) => (r(), l("g", {
+            (l(!0), r(N, null, I(t.plots, (s, g) => (l(), r("g", {
               key: `xLabel_bar_${c}_${g}`
             }, [
-              n && (!Object.hasOwn(t, "dataLabels") || t.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (r(), l("text", {
+              s && (!Object.hasOwn(t, "dataLabels") || t.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (l(), r("text", {
                 key: 0,
-                x: i.mutableConfig.useIndividualScale && i.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),
+                x: i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? s.x + e.slot.line / 2 : e.calcRectX(s) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
+                y: e.checkNaN(s.y) + (s.value > 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": i.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color
-              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, S(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
-                n.value,
+                s.value,
                 e.dataLabel({
                   p: t.prefix || e.FINAL_CONFIG.chart.labels.prefix,
-                  v: n.value,
+                  v: s.value,
                   s: t.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.bar.labels.rounding
                 }),
                 {
-                  datapoint: n,
+                  datapoint: s,
                   serie: t
                 }
               ) : ""), 9, ua)) : o("", !0),
-              n && e.FINAL_CONFIG.bar.serieName.show ? (r(), l("text", {
+              s && e.FINAL_CONFIG.bar.serieName.show ? (l(), r("text", {
                 key: 1,
-                x: i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? n.x + e.slot.line / 2 : n.x + e.calcRectWidth() * 1.1,
-                y: n.y + (n.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
+                x: i.mutableConfig.useIndividualScale && i.mutableConfig.isStacked ? s.x + e.slot.line / 2 : s.x + e.calcRectWidth() * 1.1,
+                y: s.y + (s.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": i.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? t.color : e.FINAL_CONFIG.bar.serieName.color,
@@ -1795,40 +1797,40 @@ function Ya(a, s, h, f, i, e) {
             ]))), 128))
           ], 6))), 128))
         ])) : o("", !0),
-        e.FINAL_CONFIG.plot.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g", fa, [
-          (r(!0), l(N, null, I(e.plotSet, (t, c) => (r(), l("g", {
+        e.FINAL_CONFIG.plot.labels.show && i.mutableConfig.dataLabels.show ? (l(), r("g", fa, [
+          (l(!0), r(N, null, I(e.plotSet, (t, c) => (l(), r("g", {
             key: `xLabel_plot_${c}`,
             class: M(`xLabel_plot_${c}`),
             style: A(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(N, null, I(t.plots, (n, g) => (r(), l("g", {
+            (l(!0), r(N, null, I(t.plots, (s, g) => (l(), r("g", {
               key: `xLabel_plot_${c}_${g}`
             }, [
-              n && !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 ? (r(), l("text", {
+              s && !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 ? (l(), r("text", {
                 key: 0,
-                x: n.x,
-                y: n.y + e.FINAL_CONFIG.plot.labels.offsetY,
+                x: s.x,
+                y: s.y + e.FINAL_CONFIG.plot.labels.offsetY,
                 "text-anchor": "middle",
                 "font-size": i.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.plot.labels.color
-              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, S(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
-                n.value,
+                s.value,
                 e.dataLabel({
                   p: t.prefix || e.FINAL_CONFIG.chart.labels.prefix,
-                  v: n.value,
+                  v: s.value,
                   s: t.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.plot.labels.rounding
                 }),
                 {
-                  datapoint: n,
+                  datapoint: s,
                   serie: t
                 }
               ) : ""), 9, Na)) : o("", !0),
-              n && g === 0 && t.useTag && t.useTag === "start" ? (r(), l("foreignObject", {
+              s && g === 0 && t.useTag && t.useTag === "start" ? (l(), r("foreignObject", {
                 key: 1,
-                x: n.x,
-                y: n.y - 20,
+                x: s.x,
+                y: s.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1837,10 +1839,10 @@ function Ya(a, s, h, f, i, e) {
                   style: A(`padding: 3px; background:${e.setOpacity(t.color, 80)};color:${e.adaptColorToBackground(t.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, S(t.name), 5)
               ], 8, ma)) : o("", !0),
-              n && g === t.plots.length - 1 && t.useTag && t.useTag === "end" ? (r(), l("foreignObject", {
+              s && g === t.plots.length - 1 && t.useTag && t.useTag === "end" ? (l(), r("foreignObject", {
                 key: 2,
-                x: n.x - t.name.length * (i.fontSizes.plotLabels / 2),
-                y: n.y - 20,
+                x: s.x - t.name.length * (i.fontSizes.plotLabels / 2),
+                y: s.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1852,40 +1854,40 @@ function Ya(a, s, h, f, i, e) {
             ]))), 128))
           ], 6))), 128))
         ])) : o("", !0),
-        e.FINAL_CONFIG.line.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g", xa, [
-          (r(!0), l(N, null, I(e.lineSet, (t, c) => (r(), l("g", {
+        e.FINAL_CONFIG.line.labels.show && i.mutableConfig.dataLabels.show ? (l(), r("g", xa, [
+          (l(!0), r(N, null, I(e.lineSet, (t, c) => (l(), r("g", {
             key: `xLabel_line_${c}`,
             class: M(`xLabel_line_${c}`),
             style: A(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(N, null, I(t.plots, (n, g) => (r(), l("g", {
+            (l(!0), r(N, null, I(t.plots, (s, g) => (l(), r("g", {
               key: `xLabel_line_${c}_${g}`
             }, [
-              n && !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 ? (r(), l("text", {
+              s && !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 ? (l(), r("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),
+                x: s.x,
+                y: s.y + (s.value > 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": i.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color
-              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, S(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
-                n.value,
+                s.value,
                 e.dataLabel({
                   p: t.prefix || e.FINAL_CONFIG.chart.labels.prefix,
-                  v: n.value,
+                  v: s.value,
                   s: t.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.line.labels.rounding
                 }),
                 {
-                  datapoint: n,
+                  datapoint: s,
                   serie: t
                 }
               ) : ""), 9, ba)) : o("", !0),
-              n && g === 0 && t.useTag && t.useTag === "start" ? (r(), l("foreignObject", {
+              s && g === 0 && t.useTag && t.useTag === "start" ? (l(), r("foreignObject", {
                 key: 1,
-                x: n.x,
-                y: n.y - 20,
+                x: s.x,
+                y: s.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1894,10 +1896,10 @@ function Ya(a, s, h, f, i, e) {
                   style: A(`padding: 3px; background:${e.setOpacity(t.color, 80)};color:${e.adaptColorToBackground(t.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, S(t.name), 5)
               ], 8, Fa)) : o("", !0),
-              n && g === t.plots.length - 1 && t.useTag && t.useTag === "end" ? (r(), l("foreignObject", {
+              s && g === t.plots.length - 1 && t.useTag && t.useTag === "end" ? (l(), r("foreignObject", {
                 key: 2,
-                x: n.x - t.name.length * (i.fontSizes.plotLabels / 2),
-                y: n.y - 20,
+                x: s.x - t.name.length * (i.fontSizes.plotLabels / 2),
+                y: s.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1909,18 +1911,18 @@ function Ya(a, s, h, f, i, e) {
             ]))), 128))
           ], 6))), 128))
         ])) : o("", !0),
-        (r(!0), l(N, null, I(e.lineSet, (t, c) => (r(), l("g", {
+        (l(!0), r(N, null, I(e.lineSet, (t, c) => (l(), r("g", {
           key: `xLabel_line_${c}`,
           class: M(`xLabel_line_${c}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(N, null, I(t.plots, (n, g) => (r(), l("g", {
+          (l(!0), r(N, null, I(t.plots, (s, g) => (l(), r("g", {
             key: `xLabel_line_${c}_${g}`
           }, [
-            n && g === 0 && t.showSerieName && t.showSerieName === "start" ? (r(), l("text", {
+            s && g === 0 && t.showSerieName && t.showSerieName === "start" ? (l(), r("text", {
               key: 0,
-              x: n.x - i.fontSizes.plotLabels,
-              y: n.y,
+              x: s.x - i.fontSizes.plotLabels,
+              y: s.y,
               "font-size": i.fontSizes.plotLabels,
               "text-anchor": "end",
               fill: t.color,
@@ -1928,15 +1930,15 @@ function Ya(a, s, h, f, i, e) {
                 content: t.name,
                 fontSize: i.fontSizes.plotLabels,
                 fill: t.color,
-                x: n.x - i.fontSizes.plotLabels,
-                y: n.y,
+                x: s.x - i.fontSizes.plotLabels,
+                y: s.y,
                 maxWords: 2
               })
             }, null, 8, ya)) : o("", !0),
-            n && g === t.plots.length - 1 && t.showSerieName && t.showSerieName === "end" ? (r(), l("text", {
+            s && g === t.plots.length - 1 && t.showSerieName && t.showSerieName === "end" ? (l(), r("text", {
               key: 1,
-              x: n.x + i.fontSizes.plotLabels,
-              y: n.y,
+              x: s.x + i.fontSizes.plotLabels,
+              y: s.y,
               "font-size": i.fontSizes.plotLabels,
               "text-anchor": "start",
               fill: t.color,
@@ -1944,25 +1946,25 @@ function Ya(a, s, h, f, i, e) {
                 content: t.name,
                 fontSize: i.fontSizes.plotLabels,
                 fill: t.color,
-                x: n.x + i.fontSizes.plotLabels,
-                y: n.y,
+                x: s.x + i.fontSizes.plotLabels,
+                y: s.y,
                 maxWords: 2
               })
             }, null, 8, Aa)) : o("", !0)
           ]))), 128))
         ], 6))), 128)),
-        (r(!0), l(N, null, I(e.plotSet, (t, c) => (r(), l("g", {
+        (l(!0), r(N, null, I(e.plotSet, (t, c) => (l(), r("g", {
           key: `xLabel_plot_${c}`,
           class: M(`xLabel_plot_${c}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(N, null, I(t.plots, (n, g) => (r(), l("g", {
+          (l(!0), r(N, null, I(t.plots, (s, g) => (l(), r("g", {
             key: `xLabel_plot_${c}_${g}`
           }, [
-            n && g === 0 && t.showSerieName && t.showSerieName === "start" ? (r(), l("text", {
+            s && g === 0 && t.showSerieName && t.showSerieName === "start" ? (l(), r("text", {
               key: 0,
-              x: n.x - i.fontSizes.plotLabels,
-              y: n.y,
+              x: s.x - i.fontSizes.plotLabels,
+              y: s.y,
               "font-size": i.fontSizes.plotLabels,
               "text-anchor": "end",
               fill: t.color,
@@ -1970,15 +1972,15 @@ function Ya(a, s, h, f, i, e) {
                 content: t.name,
                 fontSize: i.fontSizes.plotLabels,
                 fill: t.color,
-                x: n.x - i.fontSizes.plotLabels,
-                y: n.y,
+                x: s.x - i.fontSizes.plotLabels,
+                y: s.y,
                 maxWords: 2
               })
             }, null, 8, La)) : o("", !0),
-            n && g === t.plots.length - 1 && t.showSerieName && t.showSerieName === "end" ? (r(), l("text", {
+            s && g === t.plots.length - 1 && t.showSerieName && t.showSerieName === "end" ? (l(), r("text", {
               key: 1,
-              x: n.x + i.fontSizes.plotLabels,
-              y: n.y,
+              x: s.x + i.fontSizes.plotLabels,
+              y: s.y,
               "font-size": i.fontSizes.plotLabels,
               "text-anchor": "start",
               fill: t.color,
@@ -1986,24 +1988,24 @@ function Ya(a, s, h, f, i, e) {
                 content: t.name,
                 fontSize: i.fontSizes.plotLabels,
                 fill: t.color,
-                x: n.x + i.fontSizes.plotLabels,
-                y: n.y,
+                x: s.x + i.fontSizes.plotLabels,
+                y: s.y,
                 maxWords: 2
               })
             }, null, 8, Ca)) : o("", !0)
           ]))), 128))
         ], 6))), 128)),
-        i.mutableConfig.useIndividualScale && !i.mutableConfig.isStacked ? (r(!0), l(N, { key: 8 }, I(e.allScales, (t) => (r(), l("rect", {
+        i.mutableConfig.useIndividualScale && !i.mutableConfig.isStacked ? (l(!0), r(N, { key: 8 }, I(e.allScales, (t) => (l(), r("rect", {
           x: t.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           y: e.drawingArea.top,
           width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
           fill: i.selectedScale === t.id ? e.setOpacity(t.color, 20) : "transparent",
           onMouseenter: (c) => i.selectedScale = t.id,
-          onMouseleave: s[0] || (s[0] = (c) => i.selectedScale = null)
+          onMouseleave: n[0] || (n[0] = (c) => i.selectedScale = null)
         }, null, 40, Sa))), 256)) : o("", !0),
         u("g", null, [
-          e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !i.mutableConfig.useIndividualScale ? (r(), l("text", {
+          e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !i.mutableConfig.useIndividualScale ? (l(), r("text", {
             key: 0,
             "font-size": i.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color,
@@ -2011,7 +2013,7 @@ function Ya(a, s, h, f, i, e) {
             "text-anchor": "middle",
             style: { transition: "none" }
           }, S(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, ka)) : o("", !0),
-          e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (r(), l("text", {
+          e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (l(), r("text", {
             key: 1,
             "text-anchor": "middle",
             x: i.width / 2,
@@ -2020,21 +2022,21 @@ function Ya(a, s, h, f, i, e) {
             fill: e.FINAL_CONFIG.chart.grid.labels.color
           }, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, wa)) : o("", !0)
         ]),
-        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), l("g", Oa, [
-          (r(!0), l(N, null, I(e.timeLabels, (t, c) => (r(), l("g", {
+        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (l(), r("g", Oa, [
+          (l(!0), r(N, null, I(e.timeLabels, (t, c) => (l(), r("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 && i.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 ? (r(), l("text", {
+            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 && i.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 ? (l(), r("text", {
               key: 0,
               "text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
               "font-size": i.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 + i.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
-            }, S(t || ""), 9, va)) : o("", !0)
+            }, S(t || ""), 9, Ga)) : o("", !0)
           ]))), 128))
         ])) : o("", !0),
         u("g", null, [
-          (r(!0), l(N, null, I(e.maxSeries, (t, c) => (r(), l("g", {
+          (l(!0), r(N, null, I(e.maxSeries, (t, c) => (l(), r("g", {
             key: `tooltip_trap_${c}`
           }, [
             u("rect", {
@@ -2044,14 +2046,14 @@ function Ya(a, s, h, f, i, e) {
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
               fill: "transparent",
-              onMouseenter: (n) => e.toggleTooltipVisibility(!0, c),
-              onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
-              onClick: (n) => e.selectX(c)
-            }, null, 40, Ga)
+              onMouseenter: (s) => e.toggleTooltipVisibility(!0, c),
+              onMouseleave: n[1] || (n[1] = (s) => e.toggleTooltipVisibility(!1)),
+              onClick: (s) => e.selectX(c)
+            }, null, 40, va)
           ]))), 128))
         ]),
-        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(i.selectedSerieIndex) ? (r(), l("g", pa, [
-          (r(), l("foreignObject", {
+        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(i.selectedSerieIndex) ? (l(), r("g", pa, [
+          (l(), r("foreignObject", {
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * i.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
             width: "200",
@@ -2073,10 +2075,10 @@ function Ya(a, s, h, f, i, e) {
       ])) : o("", !0),
       O(a.$slots, "svg", { svg: e.svg }, void 0, !0)
     ], 14, Ze)) : o("", !0),
-    a.$slots.watermark ? (r(), l("div", Ta, [
+    a.$slots.watermark ? (l(), r("div", Ta, [
       O(a.$slots, "watermark", B(Y({ isPrinting: i.isPrinting || i.isImaging })), void 0, !0)
     ])) : o("", !0),
-    e.isDataset ? o("", !0) : (r(), V(m, {
+    e.isDataset ? o("", !0) : (l(), V(m, {
       key: 4,
       config: {
         type: "line",
@@ -2094,7 +2096,7 @@ function Ya(a, s, h, f, i, e) {
         }
       }
     }, null, 8, ["config"])),
-    e.FINAL_CONFIG.chart.zoom.show && i.maxX > 6 && e.isDataset ? (r(), V(C, {
+    e.FINAL_CONFIG.chart.zoom.show && i.maxX > 6 && e.isDataset ? (l(), V(C, {
       ref: "chartSlicer",
       key: `slicer_${i.slicerStep}`,
       background: e.FINAL_CONFIG.chart.zoom.color,
@@ -2119,9 +2121,9 @@ function Ya(a, s, h, f, i, e) {
       valueStart: i.slicer.start,
       valueEnd: i.slicer.end,
       start: i.slicer.start,
-      "onUpdate:start": s[2] || (s[2] = (t) => i.slicer.start = t),
+      "onUpdate:start": n[2] || (n[2] = (t) => i.slicer.start = t),
       end: i.slicer.end,
-      "onUpdate:end": s[3] || (s[3] = (t) => i.slicer.end = t),
+      "onUpdate:end": n[3] || (n[3] = (t) => i.slicer.end = t),
       onReset: e.refreshSlicer,
       onTrapMouse: e.selectMinimapIndex
     }, {
@@ -2130,18 +2132,18 @@ function Ya(a, s, h, f, i, e) {
       ]),
       _: 3
     }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "max", "valueStart", "valueEnd", "start", "end", "onReset", "onTrapMouse"])) : o("", !0),
-    e.FINAL_CONFIG.chart.legend.show ? (r(), l("div", {
+    e.FINAL_CONFIG.chart.legend.show ? (l(), r("div", {
       key: 6,
       ref: "chartLegend",
       class: "vue-ui-xy-legend",
       style: A(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (r(!0), l(N, null, I(e.absoluteDataset, (t, c) => (r(), l("div", {
+      (l(!0), r(N, null, I(e.absoluteDataset, (t, c) => (l(), r("div", {
         key: `div_legend_item_${c}`,
-        onClick: (n) => e.segregate(t),
+        onClick: (s) => e.segregate(t),
         class: M({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": i.segregatedSeries.includes(t.id) })
       }, [
-        i.icons[t.type] === "line" ? (r(), l("svg", Va, [
+        i.icons[t.type] === "line" ? (l(), r("svg", Va, [
           u("rect", {
             x: "0",
             y: "7",
@@ -2159,8 +2161,8 @@ function Ya(a, s, h, f, i, e) {
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             strokeWidth: 1
           }, null, 8, ["color", "shape", "stroke"])
-        ])) : (r(), l("svg", Da, [
-          i.icons[t.type] === "bar" ? (r(), l("rect", {
+        ])) : (l(), r("svg", Da, [
+          i.icons[t.type] === "bar" ? (l(), r("rect", {
             key: 0,
             x: "0",
             y: "0",
@@ -2169,7 +2171,7 @@ function Ya(a, s, h, f, i, e) {
             width: "12",
             stroke: "none",
             fill: t.color
-          }, null, 8, Ha)) : (r(), V(L, {
+          }, null, 8, Wa)) : (l(), V(L, {
             key: 1,
             plot: { x: 6, y: 6 },
             radius: 5,
@@ -2181,7 +2183,7 @@ function Ya(a, s, h, f, i, e) {
           style: A(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, S(t.name), 5)
       ], 10, Pa))), 128))
-    ], 4)) : (r(), l("div", Wa, [
+    ], 4)) : (l(), r("div", Ha, [
       O(a.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
     q(z, {
@@ -2207,7 +2209,7 @@ function Ya(a, s, h, f, i, e) {
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-    e.isDataset ? (r(), V(b, {
+    e.isDataset ? (l(), V(F, {
       key: 8,
       hideDetails: "",
       config: {
@@ -2228,14 +2230,14 @@ function Ya(a, s, h, f, i, e) {
           style: A(`${i.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
           u("div", Ea, [
-            He(u("input", {
+            We(u("input", {
               type: "checkbox",
-              "onUpdate:modelValue": s[4] || (s[4] = (t) => i.showSparklineTable = t)
+              "onUpdate:modelValue": n[4] || (n[4] = (t) => i.showSparklineTable = t)
             }, null, 512), [
-              [We, i.showSparklineTable]
+              [He, i.showSparklineTable]
             ]),
             u("div", {
-              onClick: s[5] || (s[5] = (t) => i.showSparklineTable = !i.showSparklineTable),
+              onClick: n[5] || (n[5] = (t) => i.showSparklineTable = !i.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
               q(k, {
@@ -2245,18 +2247,18 @@ function Ya(a, s, h, f, i, e) {
               }, null, 8, ["stroke"])
             ])
           ]),
-          i.showSparklineTable ? (r(), V(G, {
+          i.showSparklineTable ? (l(), V(v, {
             key: `sparkline_${i.segregateStep}`,
             dataset: e.tableSparklineDataset,
             config: e.tableSparklineConfig
-          }, null, 8, ["dataset", "config"])) : (r(), V(v, {
+          }, null, 8, ["dataset", "config"])) : (l(), V(G, {
             key: `table_${i.tableStep}`,
             colNames: e.dataTable.colNames,
             head: e.dataTable.head,
             body: e.dataTable.body,
             config: e.dataTable.config,
             title: `${e.FINAL_CONFIG.chart.title.text}${e.FINAL_CONFIG.chart.title.subtitle.text ? ` : ${e.FINAL_CONFIG.chart.title.subtitle.text}` : ""}`,
-            onClose: s[6] || (s[6] = (t) => i.mutableConfig.showTable = !1)
+            onClose: n[6] || (n[6] = (t) => i.mutableConfig.showTable = !1)
           }, {
             th: p(({ th: t }) => [
               u("div", { innerHTML: t }, null, 8, Ba)
@@ -2277,7 +2279,7 @@ function Ya(a, s, h, f, i, e) {
     }, 8, ["config"])) : o("", !0)
   ], 14, qe);
 }
-const si = /* @__PURE__ */ Be(Xe, [["render", Ya], ["__scopeId", "data-v-54696ebc"]]);
+const si = /* @__PURE__ */ Be(Xe, [["render", Ya], ["__scopeId", "data-v-72e644a5"]]);
 export {
   si as default
 };