vue-data-ui 2.3.97 → 2.3.98

package/dist/{vue-ui-xy-BBlRgHyb.js → vue-ui-xy-BbRzriSg.js}

@@ -1,17 +1,17 @@
-import { c as J, a as K, t as Q, z as j, p as $, U as q, O as T, f as U, K as ee, F as te, i as ae, _ as ie, Y as re, $ as le, v as se, a0 as ne, d as ce, B as oe, b as he, q as de, R as ue, a1 as ge, r as fe, e as Ne, y as me, M as Ie, x as xe, a2 as be, o as Fe, s as _e, w as ye, E as Ae, A as Le, u as Ce } from "./index-BJNSbAx7.js";
-import { D as Se } from "./DataTable-BczvA492.js";
-import { _ as ke } from "./Title-0tYDaWv7.js";
-import { _ as we, u as Oe } from "./Tooltip-DdWGiVyf.js";
-import { U as Ge } from "./usePrinter-CkV5eORP.js";
-import { _ as ve } from "./Shape-DhRVUsKe.js";
-import pe from "./BaseIcon-CiQsJmEc.js";
-import ze from "./vue-ui-table-sparkline-D0NjMfnV.js";
-import Me from "./vue-ui-skeleton-CsU74BI7.js";
-import { S as Pe } from "./Slicer-B7JFT6tT.js";
-import Te from "./vue-ui-accordion-DDf5Y2GY.js";
-import { u as Z } from "./useNestedProp-CLh4tPxT.js";
-import { _ as Ve } from "./PackageVersion-DN8qp-uI.js";
-import { resolveComponent as V, openBlock as r, createElementBlock as l, normalizeClass as P, normalizeStyle as A, createBlock as R, createCommentVNode as h, createSlots as Re, withCtx as z, renderSlot as G, normalizeProps as B, guardReactiveProps as Y, createVNode as X, createElementVNode as u, Fragment as m, renderList as I, toDisplayString as S, withDirectives as De, vModelCheckbox as We, createTextVNode as He } from "vue";
+import { c as J, a as K, t as Q, z as j, p as $, U as q, O as T, f as U, K as ee, F as te, i as ae, $ as ie, Z as re, a0 as le, v as se, a1 as ne, d as oe, B as ce, b as he, q as de, R as ue, a2 as ge, r as fe, e as Ne, y as me, M as Ie, x as xe, a3 as be, o as Fe, s as _e, w as ye, E as Ae, A as Le, u as Ce } from "./index-CHn5mpNE.js";
+import { D as Se } from "./DataTable-CFtLoh2y.js";
+import { _ as ke } from "./Title-DqYX5EDQ.js";
+import { _ as we, u as Oe } from "./Tooltip-7I8a4mo2.js";
+import { U as Ge } from "./usePrinter-DNwJl64i.js";
+import { _ as ve } from "./Shape-CbyenPbK.js";
+import pe from "./BaseIcon-CdxkWcA_.js";
+import ze from "./vue-ui-table-sparkline-DJwhjePK.js";
+import Me from "./vue-ui-skeleton-BmPO8QNa.js";
+import { S as Pe } from "./Slicer-C2ocGjgt.js";
+import Te from "./vue-ui-accordion-DXd5ND_A.js";
+import { u as Z } from "./useNestedProp-BF5raFbY.js";
+import { _ as Ve } from "./PackageVersion-B2pJ6f4s.js";
+import { resolveComponent as V, openBlock as r, createElementBlock as l, normalizeClass as P, normalizeStyle as A, createBlock as R, createCommentVNode as h, createSlots as Re, withCtx as z, renderSlot as G, normalizeProps as B, guardReactiveProps as Y, createVNode as X, createElementVNode as g, Fragment as m, renderList as I, toDisplayString as S, withDirectives as De, vModelCheckbox as We, createTextVNode as He } from "vue";
 import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Be = J(), Ye = {
   name: "vue-ui-xy",
@@ -43,15 +43,15 @@ const Be = J(), Ye = {
     PackageVersion: Ve
   },
   data() {
-    this.dataset.forEach((o, N) => {
-      [null, void 0].includes(o.series) && this.error({
+    this.dataset.forEach((c, N) => {
+      [null, void 0].includes(c.series) && this.error({
         componentName: "VueUiXy",
         type: "datasetSerieAttribute",
         property: "series (number[])",
         index: N
       });
     });
-    const t = Math.max(...this.dataset.map((o) => o.series.length)), s = {
+    const t = Math.max(...this.dataset.map((c) => c.series.length)), s = {
       start: 0,
       end: t
     };
@@ -123,7 +123,7 @@ const Be = J(), Ye = {
   watch: {
     dataset: {
       handler(t, s) {
-        this.maxX = Math.max(...this.dataset.map((o) => o.series.length)), this.slicer = {
+        this.maxX = Math.max(...this.dataset.map((c) => c.series.length)), this.slicer = {
           start: 0,
           end: this.maxX
         }, this.slicerStep += 1, this.segregateStep += 1;
@@ -140,11 +140,11 @@ const Be = J(), Ye = {
   computed: {
     minimap() {
       if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
-      const t = this.datasetWithIds.filter((i) => !this.segregatedSeries.includes(i.id)), s = Math.max(...t.map((i) => i.series.length)), o = [];
+      const t = this.datasetWithIds.filter((i) => !this.segregatedSeries.includes(i.id)), s = Math.max(...t.map((i) => i.series.length)), c = [];
       for (let i = 0; i < s; i += 1)
-        o.push(t.map((e) => e.series[i] || 0).reduce((e, x) => (e || 0) + (x || 0), 0));
-      const N = Math.min(...o);
-      return o.map((i) => i + (N < 0 ? Math.abs(N) : 0));
+        c.push(t.map((e) => e.series[i] || 0).reduce((e, x) => (e || 0) + (x || 0), 0));
+      const N = Math.min(...c);
+      return c.map((i) => i + (N < 0 ? Math.abs(N) : 0));
     },
     customPalette() {
       return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
@@ -179,7 +179,7 @@ const Be = J(), Ye = {
         id: i.id,
         yOffset: i.yOffset || 0,
         individualHeight: i.individualHeight || this.drawingArea.height
-      })), o = this.plotSet.map((i) => ({
+      })), c = this.plotSet.map((i) => ({
         name: i.name,
         color: i.color,
         scale: i.individualScale,
@@ -191,8 +191,8 @@ const Be = J(), Ye = {
         id: i.id,
         yOffset: i.yOffset || 0,
         individualHeight: i.individualHeight || this.drawingArea.height
-      })), N = [...t, ...s, ...o].flatMap((i) => i).length;
-      return [...t, ...s, ...o].flatMap((i, e) => ({
+      })), N = [...t, ...s, ...c].flatMap((i) => i).length;
+      return [...t, ...s, ...c].flatMap((i, e) => ({
         id: i.id,
         scaleLabel: i.scaleLabel,
         name: i.name,
@@ -252,7 +252,7 @@ const Be = J(), Ye = {
     safeDataset() {
       return this.useSafeValues ? this.dataset.map((t, s) => ({
         ...t,
-        series: t.series.map((o) => this.isSafeValue(o) ? o : null).slice(this.slicer.start, this.slicer.end),
+        series: t.series.map((c) => this.isSafeValue(c) ? c : null).slice(this.slicer.start, this.slicer.end),
         color: this.convertColorToHex(t.color ? t.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
         id: `uniqueId_${s}`
       })) : this.dataset;
@@ -260,13 +260,13 @@ const Be = J(), Ye = {
     relativeDataset() {
       return this.safeDataset.map((t, s) => ({
         ...t,
-        series: t.series.map((o) => o + this.relativeZero),
+        series: t.series.map((c) => c + this.relativeZero),
         absoluteValues: t.series
       })).filter((t) => !this.segregatedSeries.includes(t.id));
     },
     tableSparklineDataset() {
       return this.relativeDataset.map((t) => {
-        const s = t.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
+        const s = t.absoluteValues.map((c) => [void 0, null].includes(c) ? 0 : c);
         return {
           id: t.id,
           name: t.name,
@@ -305,7 +305,7 @@ const Be = J(), Ye = {
       return this.safeDataset.map((t, s) => ({
         absoluteIndex: s,
         ...t,
-        series: t.series.map((o) => o + this.relativeZero),
+        series: t.series.map((c) => c + this.relativeZero),
         absoluteValues: t.series,
         segregate: () => this.segregate(t),
         isSegregated: this.segregatedSeries.includes(t.id)
@@ -314,14 +314,14 @@ const Be = J(), Ye = {
     barSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t, s) => {
         this.checkAutoScaleError(t);
-        const o = Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), N = Math.max(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
-          ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - o) / (N - o)),
-          valueMin: o,
+        const c = Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), N = Math.max(...t.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
+          ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - c) / (N - c)),
+          valueMin: c,
           valueMax: N < 0 ? 0 : N
         }, x = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((d) => ![null, void 0].includes(d)))
-        }, _ = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, f = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * k : x.max, _), L = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * k : e.valueMax, _), M = f.min >= 0 ? 0 : Math.abs(f.min), w = 0, p = f.max + M, v = L.max + Math.abs(w), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - F - C * M / p, c = this.drawingArea.bottom - F - C * w / v, n = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, g = t.series.map((d, b) => {
+        }, _ = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, f = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * k : x.max, _), L = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * k : e.valueMax, _), M = f.min >= 0 ? 0 : Math.abs(f.min), w = 0, p = f.max + M, v = L.max + Math.abs(w), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - F - C * M / p, o = this.drawingArea.bottom - F - C * w / v, n = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, u = t.series.map((d, b) => {
           const H = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + M) / p : 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 * s + this.slot.bar * b * n - this.barSlot / 2 - s * this.barPeriodGap;
           return {
             yOffset: this.checkNaN(F),
@@ -354,7 +354,7 @@ const Be = J(), Ye = {
         })), O = L.ticks.map((d) => {
           const b = (d - L.min) / (L.max - L.min);
           return {
-            y: d >= 0 ? c - C * b : c + C * b,
+            y: d >= 0 ? o - C * b : o + C * b,
             value: d,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -369,8 +369,8 @@ const Be = J(), Ye = {
           scaleYLabels: t.autoScaling ? O : y,
           individualScale: t.autoScaling ? L : f,
           individualMax: t.autoScaling ? v : p,
-          zeroPosition: t.autoScaling ? c : a,
-          plots: t.autoScaling ? D : g
+          zeroPosition: t.autoScaling ? o : a,
+          plots: t.autoScaling ? D : u
         };
       });
     },
@@ -383,14 +383,14 @@ const Be = J(), Ye = {
     lineSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "line").map((t) => {
         this.checkAutoScaleError(t);
-        const s = Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))), o = Math.max(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, i = {
-          ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - s) / (o - s)),
+        const s = Math.min(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))), c = Math.max(...t.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, i = {
+          ratios: t.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - s) / (c - s)),
           valueMin: s,
-          valueMax: o
+          valueMax: c
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || (Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues))
-        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), f = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), L = k.min >= 0 ? 0 : Math.abs(k.min), M = 0, w = k.max + Math.abs(L), p = f.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * L / w, a = this.drawingArea.bottom - v - F * M / p, c = t.series.map((d, b) => {
+        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), f = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), L = k.min >= 0 ? 0 : Math.abs(k.min), M = 0, w = k.max + Math.abs(L), p = f.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * L / w, a = this.drawingArea.bottom - v - F * M / p, o = t.series.map((d, b) => {
           const H = this.mutableConfig.useIndividualScale ? (t.absoluteValues[b] + Math.abs(L)) / w : this.ratioToMax(d);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
@@ -398,7 +398,7 @@ const Be = J(), Ye = {
             value: t.absoluteValues[b],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
           };
-        }), n = t.absoluteValues.map((d) => f.min >= 0 ? (d - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (d + Math.abs(f.min)) / (f.max + Math.abs(f.min))), g = t.series.map((d, b) => [void 0, null].includes(t.absoluteValues[b]) ? {
+        }), n = t.absoluteValues.map((d) => f.min >= 0 ? (d - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (d + Math.abs(f.min)) / (f.max + Math.abs(f.min))), u = t.series.map((d, b) => [void 0, null].includes(t.absoluteValues[b]) ? {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * b),
           y: C,
           value: t.absoluteValues[b],
@@ -408,7 +408,7 @@ const Be = J(), Ye = {
           y: this.checkNaN(this.drawingArea.bottom - v - (F * n[b] || 0)),
           value: t.absoluteValues[b],
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[b] || ""
-        }), W = this.createSmoothPath(c), D = this.createSmoothPath(g), y = k.ticks.map((d) => ({
+        }), W = this.createSmoothPath(o), D = this.createSmoothPath(u), y = k.ticks.map((d) => ({
           y: d >= 0 ? C - F * (d / w) : C + F * Math.abs(d) / w,
           value: d,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
@@ -434,22 +434,22 @@ const Be = J(), Ye = {
           individualMax: t.autoScaling ? p : w,
           zeroPosition: t.autoScaling ? a : C,
           curve: t.autoScaling ? D : W,
-          plots: t.autoScaling ? g : c,
-          area: t.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(t.autoScaling ? g : c, t.autoScaling ? a : C) : this.createArea(c) : ""
+          plots: t.autoScaling ? u : o,
+          area: t.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(t.autoScaling ? u : o, t.autoScaling ? a : C) : this.createArea(o) : ""
         };
       });
     },
     plotSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "plot").map((t) => {
         this.checkAutoScaleError(t);
-        const s = Math.min(...t.absoluteValues.filter((y) => ![null, void 0].includes(y))), o = Math.max(...t.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, i = {
-          ratios: t.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - s) / (o - s)),
+        const s = Math.min(...t.absoluteValues.filter((y) => ![null, void 0].includes(y))), c = Math.max(...t.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, i = {
+          ratios: t.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - s) / (c - s)),
           valueMin: s,
-          valueMax: o
+          valueMax: c
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues)
-        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), f = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), L = k.min >= 0 ? 0 : Math.abs(k.min), M = 0, w = k.max + L, p = f.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * L / w, a = this.drawingArea.bottom - v - F * M / p, c = t.series.map((y, O) => {
+        }, x = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, _ = 1.0000001, k = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * _ : e.max, x), f = this.calculateNiceScaleWithExactExtremes(i.valueMin, i.valueMax === i.valueMin ? i.valueMax * _ : i.valueMax, x), L = k.min >= 0 ? 0 : Math.abs(k.min), M = 0, w = k.max + L, p = f.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - v - F * L / w, a = this.drawingArea.bottom - v - F * M / p, o = t.series.map((y, O) => {
           const d = this.mutableConfig.useIndividualScale ? (t.absoluteValues[O] + Math.abs(L)) / w : this.ratioToMax(y);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O),
@@ -457,7 +457,7 @@ const Be = J(), Ye = {
             value: t.absoluteValues[O],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
           };
-        }), n = t.absoluteValues.map((y) => f.min >= 0 ? (y - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (y + Math.abs(f.min)) / (f.max + Math.abs(f.min))), g = t.series.map((y, O) => ({
+        }), n = t.absoluteValues.map((y) => f.min >= 0 ? (y - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (y + Math.abs(f.min)) / (f.max + Math.abs(f.min))), u = t.series.map((y, O) => ({
           x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O),
           y: this.checkNaN(this.drawingArea.bottom - v - (F * n[O] || 0)),
           value: t.absoluteValues[O],
@@ -487,7 +487,7 @@ const Be = J(), Ye = {
           individualScale: t.autoScaling ? f : k,
           individualMax: t.autoScaling ? p : w,
           zeroPosition: t.autoScaling ? a : C,
-          plots: t.autoScaling ? g : c
+          plots: t.autoScaling ? u : o
         };
       });
     },
@@ -539,13 +539,13 @@ const Be = J(), Ye = {
     },
     table() {
       if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const t = this.relativeDataset.map((o) => ({
-        label: o.name,
-        color: o.color,
-        type: o.type
+      const t = this.relativeDataset.map((c) => ({
+        label: c.name,
+        color: c.color,
+        type: c.type
       })), s = [];
-      return this.timeLabels.forEach((o, N) => {
-        const i = [o];
+      return this.timeLabels.forEach((c, N) => {
+        const i = [c];
         this.relativeDataset.forEach((e) => {
           i.push(this.canShowValue(e.absoluteValues[N]) ? Number(e.absoluteValues[N].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
         }), s.push(i);
@@ -555,10 +555,10 @@ const Be = J(), Ye = {
       const t = this.FINAL_CONFIG.table.showSum;
       let s = [""].concat(this.relativeDataset.map((e) => e.name));
       t && (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 o = [];
+      let c = [];
       for (let e = 0; e < this.maxSeries; e += 1) {
         const x = this.relativeDataset.map((_) => _.absoluteValues[e] ?? 0).reduce((_, k) => _ + k, 0);
-        o.push(
+        c.push(
           [
             this.timeLabels[e] ?? "-"
           ].concat(this.relativeDataset.map(
@@ -588,7 +588,7 @@ const Be = J(), Ye = {
         },
         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: o, config: N, colNames: i };
+      return { head: s, body: c, config: N, colNames: i };
     },
     dataTooltipSlot() {
       return {
@@ -607,7 +607,7 @@ const Be = J(), Ye = {
         name: t.name,
         color: t.color,
         type: t.type,
-        value: t.absoluteValues.find((s, o) => o === this.selectedSerieIndex),
+        value: t.absoluteValues.find((s, c) => c === this.selectedSerieIndex),
         comments: t.comments || [],
         prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
         suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix
@@ -615,7 +615,7 @@ const Be = J(), Ye = {
     },
     tooltipContent() {
       let t = "", s = this.selectedSeries.map((i) => i.value).filter((i) => this.isSafeValue(i) && i !== null).reduce((i, e) => Math.abs(i) + Math.abs(e), 0);
-      const o = this.timeLabels[this.selectedSerieIndex], N = this.FINAL_CONFIG.chart.tooltip.customFormat;
+      const c = this.timeLabels[this.selectedSerieIndex], N = this.FINAL_CONFIG.chart.tooltip.customFormat;
       return this.isFunction(N) && this.functionReturnsString(() => N({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
@@ -632,7 +632,7 @@ const Be = J(), Ye = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      }) : (o && (t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${o}</div>`), this.selectedSeries.forEach((i) => {
+      }) : (c && (t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${c}</div>`), this.selectedSeries.forEach((i) => {
         if (this.isSafeValue(i.value)) {
           let e = "", x = "";
           switch (this.icons[i.type]) {
@@ -725,8 +725,8 @@ const Be = J(), Ye = {
     calculateNiceScaleWithExactExtremes: le,
     checkNaN: se,
     closestDecimal: ne,
-    convertColorToHex: ce,
-    convertConfigColors: oe,
+    convertColorToHex: oe,
+    convertConfigColors: ce,
     convertCustomPalette: he,
     createCsvContent: de,
     createSmoothPath: ue,
@@ -746,10 +746,10 @@ const Be = J(), Ye = {
     useMouse: Oe,
     useNestedProp: Z,
     getHighlightAreaPosition(t) {
-      const s = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (t.from - this.slicer.start), o = this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span;
+      const s = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (t.from - this.slicer.start), c = this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span;
       return {
         x: s < this.drawingArea.left ? this.drawingArea.left : s,
-        width: o
+        width: c
       };
     },
     prepareConfig() {
@@ -780,9 +780,9 @@ const Be = J(), Ye = {
           index: s
         });
       }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((t) => {
-        t.series.forEach((s, o) => {
+        t.series.forEach((s, c) => {
           this.isSafeValue(s) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${t.name}' contains the value '${s}' at index ${o}.
+-----> The serie '${t.name}' contains the value '${s}' at index ${c}.
 '${s}' was converted to null to allow the chart to display.`);
         });
       }), this.mutableConfig = {
@@ -794,13 +794,13 @@ const Be = J(), Ye = {
         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: o, width: N } = s.getBoundingClientRect();
+        const s = this.$refs.chart.parentNode, { height: c, width: N } = s.getBoundingClientRect();
         let i = null, e = 0;
         this.FINAL_CONFIG.chart.title.show && (i = this.$refs.chartTitle, e = i.getBoundingClientRect().height);
         let x = null, _ = 0;
         this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (x = this.$refs.chartSlicer.$el, _ = x.getBoundingClientRect().height);
         let k = null, f = 0;
-        this.FINAL_CONFIG.chart.legend.show && (k = this.$refs.chartLegend, f = k.getBoundingClientRect().height), this.height = o - e - f - _, this.width = N, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((M) => {
+        this.FINAL_CONFIG.chart.legend.show && (k = this.$refs.chartLegend, f = k.getBoundingClientRect().height), this.height = c - e - f - _, this.width = N, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((M) => {
           for (const w of M)
             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 && (f = this.$refs.chartLegend.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - f - _ - 24, this.width = w.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
         }).observe(s);
@@ -866,25 +866,25 @@ const Be = J(), Ye = {
     },
     createArea(t) {
       if (!t[0]) return [-10, -10, "", -10, -10];
-      const s = { x: t[0].x, y: this.zero }, o = { x: t.at(-1).x, y: this.zero }, N = [];
+      const s = { x: t[0].x, y: this.zero }, c = { x: t.at(-1).x, y: this.zero }, N = [];
       return t.forEach((i) => {
         N.push(`${i.x},${i.y} `);
-      }), [s.x, s.y, ...N, o.x, o.y].toString();
+      }), [s.x, s.y, ...N, c.x, c.y].toString();
     },
     createIndividualArea(t, s) {
       if (!t[0]) return [-10, -10, "", -10, -10];
-      const o = { x: t[0] ? t[0].x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: s }, N = { x: t.at(-1) ? t.at(-1).x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: s }, i = [];
+      const c = { x: t[0] ? t[0].x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: s }, N = { x: t.at(-1) ? t.at(-1).x : Math.min(...t.filter((e) => !!e).map((e) => e.x)), y: s }, i = [];
       return t.filter((e) => !!e).forEach((e) => {
         i.push(`${e.x},${e.y} `);
-      }), [o.x, o.y, ...i, N.x, N.y].toString();
+      }), [c.x, c.y, ...i, N.x, N.y].toString();
     },
     createStar: q,
     createPolygonPath: T,
     fillArray(t, s) {
-      let o = Array(t).fill(0);
+      let c = Array(t).fill(0);
       for (let N = 0; N < s.length && N < t; N += 1)
-        o[N] = s[N];
-      return o;
+        c[N] = s[N];
+      return c;
     },
     refreshSlicer() {
       this.slicer = {
@@ -914,12 +914,12 @@ const Be = J(), Ye = {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(t);
     },
     findClosestValue(t, s) {
-      let o = s[0], N = Math.abs(t - s[0]);
+      let c = s[0], N = Math.abs(t - s[0]);
       for (let i = 1; i < s.length; i += 1) {
         const e = Math.abs(t - s[i]);
-        e < N && s[i] < t && (o = s[i], N = e);
+        e < N && s[i] < t && (c = s[i], N = e);
       }
-      return o;
+      return c;
     },
     ratioToMax(t) {
       return t / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
@@ -986,7 +986,7 @@ const Be = J(), Ye = {
       }, 100);
     },
     generateCsv() {
-      const t = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], o = this.table.body, N = t.concat([s]).concat(o), i = this.createCsvContent(N);
+      const t = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], c = this.table.body, N = t.concat([s]).concat(c), i = this.createCsvContent(N);
       this.downloadCsv({ csvContent: i, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -1009,7 +1009,7 @@ const Be = J(), Ye = {
       }, 100);
     }
   }
-}, Xe = ["id"], qe = ["viewBox"], Ue = { key: 0 }, Ze = { class: "vue-ui-xy-grid" }, Je = ["stroke", "x1", "x2", "y1", "y2"], Ke = ["stroke", "x1", "x2", "y1", "y2"], Qe = { key: 1 }, je = ["x1", "x2", "y1", "y2", "stroke"], $e = ["x1", "x2", "y1", "y2", "stroke"], et = ["x1", "x2", "y1", "y2", "stroke"], tt = { key: 3 }, at = ["x1", "x2", "y1", "y2", "stroke"], it = ["id"], rt = ["stop-color"], lt = ["stop-color"], st = ["stop-color"], nt = ["id"], ct = ["stop-color"], ot = ["stop-color"], ht = ["stop-color"], dt = ["id"], ut = ["stop-color"], gt = ["stop-color"], ft = ["id"], Nt = ["stop-color"], mt = ["stop-color"], It = ["id"], xt = ["stop-color"], bt = ["stop-color"], Ft = ["x", "y", "height", "width", "fill"], _t = ["x", "y", "width"], yt = ["x", "y", "height", "width", "fill"], At = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Lt = ["width", "x", "y"], Ct = { key: 0 }, St = ["id"], kt = ["fill"], wt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ot = ["x", "y", "font-size", "fill"], Gt = ["stroke", "x1", "x2", "y1", "y2"], vt = { key: 2 }, pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Mt = { key: 4 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tt = ["fill", "font-size", "transform"], Vt = ["x1", "x2", "y1", "y2", "stroke"], Rt = ["x", "y", "font-size", "fill"], Dt = ["x1", "x2", "y1", "y2", "stroke"], Wt = ["x", "y", "font-size", "fill"], Ht = ["width", "x", "y"], Et = { style: { width: "100%" } }, Bt = { key: 0 }, Yt = ["id"], Xt = ["fill"], qt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ut = ["x", "y", "font-size", "fill"], Zt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Jt = { key: 1 }, Kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Qt = { key: 0 }, jt = ["d", "fill"], $t = ["d", "fill"], ea = ["d", "stroke", "stroke-width", "stroke-dasharray"], ta = { key: 2 }, aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ia = ["width", "x", "y"], ra = { style: { width: "100%" } }, la = { key: 3 }, sa = ["id"], na = ["fill"], ca = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], oa = ["x", "y", "font-size", "fill"], ha = { key: 5 }, da = ["x", "y", "font-size", "fill"], ua = ["x", "y", "font-size", "fill", "font-weight"], ga = { key: 6 }, fa = ["x", "y", "font-size", "fill"], Na = ["x", "y"], ma = ["x", "y"], Ia = { key: 7 }, xa = ["x", "y", "font-size", "fill"], ba = ["x", "y"], Fa = ["x", "y"], _a = ["x", "y", "font-size", "fill", "innerHTML"], ya = ["x", "y", "font-size", "fill", "innerHTML"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "width", "height", "fill", "onMouseenter"], Sa = ["font-size", "fill", "transform"], ka = ["x", "y", "font-size", "fill"], wa = { key: 9 }, Oa = ["text-anchor", "font-size", "fill", "transform"], Ga = ["x", "y", "height", "width", "onMouseenter", "onClick"], va = { key: 10 }, pa = ["x", "y"], za = ["cx", "cy", "r", "fill"], Ma = {
+}, Xe = ["id"], qe = ["viewBox"], Ue = { key: 0 }, Ze = { class: "vue-ui-xy-grid" }, Je = ["stroke", "x1", "x2", "y1", "y2"], Ke = ["stroke", "x1", "x2", "y1", "y2"], Qe = { key: 1 }, je = ["x1", "x2", "y1", "y2", "stroke"], $e = ["x1", "x2", "y1", "y2", "stroke"], et = ["x1", "x2", "y1", "y2", "stroke"], tt = { key: 3 }, at = ["x1", "x2", "y1", "y2", "stroke"], it = ["id"], rt = ["stop-color"], lt = ["stop-color"], st = ["stop-color"], nt = ["id"], ot = ["stop-color"], ct = ["stop-color"], ht = ["stop-color"], dt = ["id"], ut = ["stop-color"], gt = ["stop-color"], ft = ["id"], Nt = ["stop-color"], mt = ["stop-color"], It = ["id"], xt = ["stop-color"], bt = ["stop-color"], Ft = ["x", "y", "height", "width", "fill"], _t = ["x", "y", "width"], yt = ["x", "y", "height", "width", "fill"], At = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Lt = ["width", "x", "y"], Ct = { key: 0 }, St = ["id"], kt = ["fill"], wt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ot = ["x", "y", "font-size", "fill"], Gt = ["stroke", "x1", "x2", "y1", "y2"], vt = { key: 2 }, pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Mt = { key: 4 }, Pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tt = ["fill", "font-size", "transform"], Vt = ["x1", "x2", "y1", "y2", "stroke"], Rt = ["x", "y", "font-size", "fill"], Dt = ["x1", "x2", "y1", "y2", "stroke"], Wt = ["x", "y", "font-size", "fill"], Ht = ["width", "x", "y"], Et = { style: { width: "100%" } }, Bt = { key: 0 }, Yt = ["id"], Xt = ["fill"], qt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ut = ["x", "y", "font-size", "fill"], Zt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Jt = { key: 1 }, Kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Qt = { key: 0 }, jt = ["d", "fill"], $t = ["d", "fill"], ea = ["d", "stroke", "stroke-width", "stroke-dasharray"], ta = { key: 2 }, aa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ia = ["width", "x", "y"], ra = { style: { width: "100%" } }, la = { key: 3 }, sa = ["id"], na = ["fill"], oa = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ca = ["x", "y", "font-size", "fill"], ha = { key: 5 }, da = ["x", "y", "font-size", "fill"], ua = ["x", "y", "font-size", "fill", "font-weight"], ga = { key: 6 }, fa = ["x", "y", "font-size", "fill"], Na = ["x", "y"], ma = ["x", "y"], Ia = { key: 7 }, xa = ["x", "y", "font-size", "fill"], ba = ["x", "y"], Fa = ["x", "y"], _a = ["x", "y", "font-size", "fill", "innerHTML"], ya = ["x", "y", "font-size", "fill", "innerHTML"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "width", "height", "fill", "onMouseenter"], Sa = ["font-size", "fill", "transform"], ka = ["x", "y", "font-size", "fill"], wa = { key: 9 }, Oa = ["text-anchor", "font-size", "fill", "transform"], Ga = ["x", "y", "height", "width", "onMouseenter", "onClick"], va = { key: 10 }, pa = ["x", "y"], za = ["cx", "cy", "r", "fill"], Ma = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, Pa = ["onClick"], Ta = {
@@ -1029,7 +1029,7 @@ const Be = J(), Ye = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
 }, Ea = ["innerHTML"];
-function Ba(t, s, o, N, i, e) {
+function Ba(t, s, c, N, i, e) {
   const x = V("Title"), _ = V("UserOptions"), k = V("PackageVersion"), f = V("Shape"), L = V("Skeleton"), M = V("Slicer"), w = V("Tooltip"), p = V("BaseIcon"), v = V("TableSparkline"), F = V("DataTable"), C = V("Accordion");
   return r(), l("div", {
     id: `vue-ui-xy_${i.uniqueId}`,
@@ -1071,7 +1071,7 @@ function Ba(t, s, o, N, i, e) {
       hasImg: e.FINAL_CONFIG.chart.userOptions.buttons.img,
       hasLabel: e.FINAL_CONFIG.chart.userOptions.buttons.labels,
       hasTable: e.FINAL_CONFIG.chart.userOptions.buttons.table,
-      hasStack: o.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
+      hasStack: c.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
       hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
       isStacked: i.mutableConfig.isStacked,
       isFullscreen: i.isFullscreen,
@@ -1139,8 +1139,8 @@ function Ba(t, s, o, N, i, e) {
       } : void 0,
       t.$slots.optionFullscreen ? {
         name: "optionFullscreen",
-        fn: z(({ toggleFullscreen: a, isFullscreen: c }) => [
-          G(t.$slots, "optionFullscreen", B(Y({ toggleFullscreen: a, isFullscreen: c })), void 0, !0)
+        fn: z(({ toggleFullscreen: a, isFullscreen: o }) => [
+          G(t.$slots, "optionFullscreen", B(Y({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
         ]),
         key: "7"
       } : void 0
@@ -1155,7 +1155,7 @@ function Ba(t, s, o, N, i, e) {
     }, [
       X(k),
       e.maxSeries > 0 ? (r(), l("g", Ue, [
-        u("g", Ze, [
+        g("g", Ze, [
           e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (r(), l("line", {
             key: 0,
             stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1167,19 +1167,19 @@ function Ba(t, s, o, N, i, e) {
             "stroke-linecap": "round"
           }, null, 8, Je)) : h("", !0),
           i.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), l(m, { key: 2 }, I(e.allScales, (a) => (r(), l("g", null, [
-            a.id === i.selectedScale && a.yLabels.length ? (r(!0), l(m, { key: 0 }, I(a.yLabels, (c) => (r(), l("line", {
+            a.id === i.selectedScale && a.yLabels.length ? (r(!0), l(m, { key: 0 }, I(a.yLabels, (o) => (r(), l("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
-              y1: e.checkNaN(c.y),
-              y2: e.checkNaN(c.y),
+              y1: e.checkNaN(o.y),
+              y2: e.checkNaN(o.y),
               stroke: a.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, $e))), 256)) : a.yLabels.length ? (r(!0), l(m, { key: 1 }, I(a.yLabels, (c) => (r(), l("line", {
+            }, null, 8, $e))), 256)) : a.yLabels.length ? (r(!0), l(m, { key: 1 }, I(a.yLabels, (o) => (r(), l("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
-              y1: e.checkNaN(c.y),
-              y2: e.checkNaN(c.y),
+              y1: e.checkNaN(o.y),
+              y2: e.checkNaN(o.y),
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
@@ -1208,10 +1208,10 @@ function Ba(t, s, o, N, i, e) {
             ])) : h("", !0)
           ], 64)),
           e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), l("g", tt, [
-            (r(!0), l(m, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, c) => (r(), l("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,
+            (r(!0), l(m, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, o) => (r(), l("line", {
+              key: `grid_vertical_line_${o}`,
+              x1: e.drawingArea.width / e.maxSeries * o + e.drawingArea.left + e.xPadding,
+              x2: e.drawingArea.width / e.maxSeries * o + e.drawingArea.left + e.xPadding,
               y1: e.drawingArea.top,
               y2: e.drawingArea.bottom,
               "stroke-width": "0.5",
@@ -1219,107 +1219,107 @@ function Ba(t, s, o, N, i, e) {
             }, null, 8, at))), 128))
           ])) : h("", !0)
         ]),
-        (r(!0), l(m, null, I(e.barSet, (a, c) => (r(), l("defs", {
-          key: `def_rect_${c}`
+        (r(!0), l(m, null, I(e.barSet, (a, o) => (r(), l("defs", {
+          key: `def_rect_${o}`
         }, [
-          u("linearGradient", {
-            id: `rectGradient_pos_${c}_${i.uniqueId}`,
+          g("linearGradient", {
+            id: `rectGradient_pos_${o}_${i.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
-            u("stop", {
+            g("stop", {
               offset: "0%",
               "stop-color": a.color
             }, null, 8, rt),
-            u("stop", {
+            g("stop", {
               offset: "62%",
               "stop-color": `${e.shiftHue(a.color, 0.02)}`
             }, null, 8, lt),
-            u("stop", {
+            g("stop", {
               offset: "100%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
             }, null, 8, st)
           ], 8, it),
-          u("linearGradient", {
-            id: `rectGradient_neg_${c}_${i.uniqueId}`,
+          g("linearGradient", {
+            id: `rectGradient_neg_${o}_${i.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
-            u("stop", {
+            g("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, ct),
-            u("stop", {
+            }, null, 8, ot),
+            g("stop", {
               offset: "38%",
               "stop-color": `${e.shiftHue(a.color, 0.02)}`
-            }, null, 8, ot),
-            u("stop", {
+            }, null, 8, ct),
+            g("stop", {
               offset: "100%",
               "stop-color": a.color
             }, null, 8, ht)
           ], 8, nt)
         ]))), 128)),
-        (r(!0), l(m, null, I(e.plotSet, (a, c) => (r(), l("defs", {
-          key: `def_plot_${c}`
+        (r(!0), l(m, null, I(e.plotSet, (a, o) => (r(), l("defs", {
+          key: `def_plot_${o}`
         }, [
-          u("radialGradient", {
-            id: `plotGradient_${c}_${i.uniqueId}`,
+          g("radialGradient", {
+            id: `plotGradient_${o}_${i.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
             fx: "50%",
             fy: "50%"
           }, [
-            u("stop", {
+            g("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
             }, null, 8, ut),
-            u("stop", {
+            g("stop", {
               offset: "100%",
               "stop-color": a.color
             }, null, 8, gt)
           ], 8, dt)
         ]))), 128)),
-        (r(!0), l(m, null, I(e.lineSet, (a, c) => (r(), l("defs", {
-          key: `def_line_${c}`
+        (r(!0), l(m, null, I(e.lineSet, (a, o) => (r(), l("defs", {
+          key: `def_line_${o}`
         }, [
-          u("radialGradient", {
-            id: `lineGradient_${c}_${i.uniqueId}`,
+          g("radialGradient", {
+            id: `lineGradient_${o}_${i.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
             fx: "50%",
             fy: "50%"
           }, [
-            u("stop", {
+            g("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
             }, null, 8, Nt),
-            u("stop", {
+            g("stop", {
               offset: "100%",
               "stop-color": a.color
             }, null, 8, mt)
           ], 8, ft),
-          u("linearGradient", {
-            id: `areaGradient_${c}_${i.uniqueId}`,
+          g("linearGradient", {
+            id: `areaGradient_${o}_${i.uniqueId}`,
             x1: "0%",
             x2: "100%",
             y1: "0%",
             y2: "0%"
           }, [
-            u("stop", {
+            g("stop", {
               offset: "0%",
               "stop-color": `${e.setOpacity(e.shiftHue(a.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
             }, null, 8, xt),
-            u("stop", {
+            g("stop", {
               offset: "100%",
               "stop-color": `${e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)}`
             }, null, 8, bt)
           ], 8, It)
         ]))), 128)),
         (r(!0), l(m, null, I(e.highlightAreas, (a) => (r(), l("g", null, [
-          a.show ? (r(!0), l(m, { key: 0 }, I(a.span, (c, n) => (r(), l("g", null, [
-            u("rect", {
+          a.show ? (r(!0), l(m, { key: 0 }, I(a.span, (o, n) => (r(), l("g", null, [
+            g("rect", {
               style: A({
                 transition: "none",
                 opacity: a.from + n >= i.slicer.start && a.from + n <= i.slicer.end - 1 ? 1 : 0
@@ -1341,32 +1341,32 @@ function Ba(t, s, o, N, i, e) {
               height: "1",
               width: a.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * a.span : a.caption.width
             }, [
-              u("div", {
+              g("div", {
                 style: A(`padding:${a.caption.padding}px;text-align:${a.caption.textAlign};font-size:${a.caption.fontSize}px;color:${a.caption.color};font-weight:${a.caption.bold ? "bold" : "normal"}`)
               }, S(a.caption.text), 5)
             ], 12, _t)) : h("", !0)
           ]))), 256)) : h("", !0)
         ]))), 256)),
-        u("g", null, [
-          (r(!0), l(m, null, I(e.maxSeries, (a, c) => (r(), l("g", {
-            key: `tooltip_trap_${c}`
+        g("g", null, [
+          (r(!0), l(m, null, I(e.maxSeries, (a, o) => (r(), l("g", {
+            key: `tooltip_trap_${o}`
           }, [
-            u("rect", {
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c,
+            g("rect", {
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * o,
               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: [i.selectedMinimapIndex, i.selectedSerieIndex, i.selectedRowIndex].includes(c) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
+              fill: [i.selectedMinimapIndex, i.selectedSerieIndex, i.selectedRowIndex].includes(o) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
             }, null, 8, yt)
           ]))), 128))
         ]),
-        e.barSet.length ? (r(!0), l(m, { key: 0 }, I(e.barSet, (a, c) => (r(), l("g", {
-          key: `serie_bar_${c}`,
-          class: P(`serie_bar_${c}`),
+        e.barSet.length ? (r(!0), l(m, { key: 0 }, I(e.barSet, (a, o) => (r(), l("g", {
+          key: `serie_bar_${o}`,
+          class: P(`serie_bar_${o}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
-            key: `bar_plot_${c}_${g}`
+          (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
+            key: `bar_plot_${o}_${u}`
           }, [
             e.canShowValue(n.value) ? (r(), l("rect", {
               key: 0,
@@ -1375,7 +1375,7 @@ function Ba(t, s, o, N, i, e) {
               height: i.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
               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})` : a.color,
+              fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${o}_${i.uniqueId})` : `url(#rectGradient_neg_${o}_${i.uniqueId})` : a.color,
               stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? a.color : e.FINAL_CONFIG.bar.border.stroke,
               "stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
             }, null, 8, At)) : h("", !0),
@@ -1388,21 +1388,21 @@ function Ba(t, s, o, N, i, e) {
               y: e.checkNaN(n.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               G(t.$slots, "plot-comment", {
-                plot: { ...n, color: a.color }
+                plot: { ...n, color: a.color, seriesIndex: o, datapointIndex: u }
               }, void 0, !0)
             ], 8, Lt)) : h("", !0)
           ]))), 128)),
           Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", Ct, [
-            u("defs", null, [
-              u("marker", {
-                id: `bar_arrow_${c}`,
+            g("defs", null, [
+              g("marker", {
+                id: `bar_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                u("polygon", {
+                g("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
                 }, null, 8, kt)
@@ -1417,7 +1417,7 @@ function Ba(t, s, o, N, i, e) {
               "stroke-width": 1,
               stroke: a.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#bar_arrow_${c})`
+              "marker-end": `url(#bar_arrow_${o})`
             }, null, 8, wt)) : h("", !0),
             a.plots.length > 1 ? (r(), l("text", {
               key: 1,
@@ -1444,7 +1444,7 @@ function Ba(t, s, o, N, i, e) {
           "stroke-linecap": "round"
         }, null, 8, Gt)) : h("", !0),
         e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(i.selectedSerieIndex) || i.selectedMinimapIndex !== null) ? (r(), l("g", vt, [
-          u("line", {
+          g("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,
             y1: e.drawingArea.top,
@@ -1473,7 +1473,7 @@ function Ba(t, s, o, N, i, e) {
         e.FINAL_CONFIG.chart.grid.labels.show ? (r(), l("g", Mt, [
           i.mutableConfig.useIndividualScale ? (r(), l(m, { key: 0 }, [
             (r(!0), l(m, null, I(e.allScales, (a) => (r(), l("g", null, [
-              u("line", {
+              g("line", {
                 x1: a.x + e.xPadding,
                 x2: a.x + e.xPadding,
                 y1: i.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - a.yOffset - a.individualHeight) : e.checkNaN(e.drawingArea.top),
@@ -1487,41 +1487,41 @@ function Ba(t, s, o, N, i, e) {
             (r(!0), l(m, null, I(e.allScales, (a) => (r(), l("g", {
               style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
-              u("text", {
+              g("text", {
                 fill: a.color,
                 "font-size": i.fontSizes.dataLabels,
                 "text-anchor": "middle",
                 transform: `translate(${a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset - a.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
               }, S(a.name) + " " + S(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Tt),
-              (r(!0), l(m, null, I(a.yLabels, (c, n) => (r(), l("line", {
+              (r(!0), l(m, null, I(a.yLabels, (o, n) => (r(), l("line", {
                 x1: a.x - 3 + e.xPadding,
                 x2: a.x + e.xPadding,
-                y1: e.checkNaN(c.y),
-                y2: e.checkNaN(c.y),
+                y1: e.checkNaN(o.y),
+                y2: e.checkNaN(o.y),
                 stroke: a.color,
                 "stroke-width": 1,
                 "stroke-linecap": "round"
               }, null, 8, Vt))), 256)),
-              (r(!0), l(m, null, I(a.yLabels, (c, n) => (r(), l("text", {
+              (r(!0), l(m, null, I(a.yLabels, (o, n) => (r(), l("text", {
                 x: a.x - 5 + e.xPadding,
-                y: e.checkNaN(c.y) + i.fontSizes.dataLabels / 3,
+                y: e.checkNaN(o.y) + i.fontSizes.dataLabels / 3,
                 "font-size": i.fontSizes.dataLabels,
                 "text-anchor": "end",
                 fill: a.color
               }, S(e.applyDataLabel(
                 e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
-                c.value,
+                o.value,
                 e.dataLabel({
-                  p: c.prefix,
-                  v: c.value,
-                  s: c.suffix,
+                  p: o.prefix,
+                  v: o.value,
+                  s: o.suffix,
                   r: 1
                 }),
-                { datapoint: c.datapoint, seriesIndex: n }
+                { datapoint: o.datapoint, seriesIndex: n }
               )), 9, Rt))), 256))
             ], 4))), 256))
-          ], 64)) : (r(!0), l(m, { key: 1 }, I(e.yLabels, (a, c) => (r(), l("g", {
-            key: `yLabel_${c}`
+          ], 64)) : (r(!0), l(m, { key: 1 }, I(e.yLabels, (a, o) => (r(), l("g", {
+            key: `yLabel_${o}`
           }, [
             e.canShowValue(a) && a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), l("line", {
               key: 0,
@@ -1552,20 +1552,20 @@ function Ba(t, s, o, N, i, e) {
             ) : ""), 9, Wt)) : h("", !0)
           ]))), 128))
         ])) : h("", !0),
-        (r(!0), l(m, null, I(e.plotSet, (a, c) => (r(), l("g", {
-          key: `serie_plot_${c}`,
-          class: P(`serie_plot_${c}`),
+        (r(!0), l(m, null, I(e.plotSet, (a, o) => (r(), l("g", {
+          key: `serie_plot_${o}`,
+          class: P(`serie_plot_${o}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
-            key: `circle_plot_${c}_${g}`
+          (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
+            key: `circle_plot_${o}_${u}`
           }, [
             n && e.canShowValue(n.value) ? (r(), R(f, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
-              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${c}_${i.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? a.color : e.FINAL_CONFIG.plot.dot.fill,
+              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${o}_${i.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? a.color : e.FINAL_CONFIG.plot.dot.fill,
               plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
-              radius: i.selectedSerieIndex !== null && i.selectedSerieIndex === g || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === g ? (i.plotRadii.plot || 6) * 1.5 : i.plotRadii.plot || 6,
+              radius: i.selectedSerieIndex !== null && i.selectedSerieIndex === u || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === u ? (i.plotRadii.plot || 6) * 1.5 : i.plotRadii.plot || 6,
               stroke: e.FINAL_CONFIG.plot.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : a.color,
               strokeWidth: e.FINAL_CONFIG.plot.dot.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : h("", !0),
@@ -1577,24 +1577,24 @@ function Ba(t, s, o, N, i, e) {
               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
             }, [
-              u("div", Et, [
+              g("div", Et, [
                 G(t.$slots, "plot-comment", {
-                  plot: { ...n, color: a.color }
+                  plot: { ...n, color: a.color, seriesIndex: o, datapointIndex: u }
                 }, void 0, !0)
               ])
             ], 8, Ht)) : h("", !0)
           ]))), 128)),
           Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", Bt, [
-            u("defs", null, [
-              u("marker", {
-                id: `plot_arrow_${c}`,
+            g("defs", null, [
+              g("marker", {
+                id: `plot_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                u("polygon", {
+                g("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
                 }, null, 8, Xt)
@@ -1609,7 +1609,7 @@ function Ba(t, s, o, N, i, e) {
               "stroke-width": 1,
               stroke: a.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#plot_arrow_${c})`
+              "marker-end": `url(#plot_arrow_${o})`
             }, null, 8, qt)) : h("", !0),
             a.plots.length > 1 ? (r(), l("text", {
               key: 1,
@@ -1625,9 +1625,9 @@ function Ba(t, s, o, N, i, e) {
             })), 9, Ut)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)),
-        (r(!0), l(m, null, I(e.lineSet, (a, c) => (r(), l("g", {
-          key: `serie_line_${c}`,
-          class: P(`serie_line_${c}`),
+        (r(!0), l(m, null, I(e.lineSet, (a, o) => (r(), l("g", {
+          key: `serie_line_${o}`,
+          class: P(`serie_line_${o}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           a.smooth && a.plots.length > 1 ? (r(), l("path", {
@@ -1638,15 +1638,15 @@ function Ba(t, s, o, N, i, e) {
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
           }, null, 8, Zt)) : a.plots.length > 1 ? (r(), l("g", Jt, [
-            (r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
-              key: `line_${c}_${g}`
+            (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
+              key: `line_${o}_${u}`
             }, [
-              n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), l("line", {
+              n && u < a.plots.length - 1 && a.plots[u + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[u + 1].value) ? (r(), l("line", {
                 key: 0,
                 x1: n.x,
-                x2: a.plots[g + 1].x,
+                x2: a.plots[u + 1].x,
                 y1: n.y,
-                y2: a.plots[g + 1].y,
+                y2: a.plots[u + 1].y,
                 stroke: e.FINAL_CONFIG.chart.backgroundColor,
                 "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
                 "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
@@ -1656,20 +1656,20 @@ function Ba(t, s, o, N, i, e) {
             ]))), 128))
           ])) : h("", !0)
         ], 6))), 128)),
-        (r(!0), l(m, null, I(e.lineSet, (a, c) => (r(), l("g", {
-          key: `serie_line_${c}`,
-          class: P(`serie_line_${c}`),
+        (r(!0), l(m, null, I(e.lineSet, (a, o) => (r(), l("g", {
+          key: `serie_line_${o}`,
+          class: P(`serie_line_${o}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           a.useArea && a.plots.length > 1 ? (r(), l("g", Qt, [
             a.smooth ? (r(), l("path", {
               key: 0,
-              d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * c + e.slot.line / 2},${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
-              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${i.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
+              d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * o + e.slot.line / 2},${i.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
+              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${i.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
             }, null, 8, jt)) : (r(), l("path", {
               key: 1,
               d: `M${a.area}Z`,
-              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${i.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
+              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${i.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
             }, null, 8, $t))
           ])) : h("", !0),
           a.smooth && a.plots.length > 1 ? (r(), l("path", {
@@ -1680,15 +1680,15 @@ function Ba(t, s, o, N, i, e) {
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
           }, null, 8, ea)) : a.plots.length > 1 ? (r(), l("g", ta, [
-            (r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
-              key: `line_${c}_${g}`
+            (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
+              key: `line_${o}_${u}`
             }, [
-              n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), l("line", {
+              n && u < a.plots.length - 1 && a.plots[u + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[u + 1].value) ? (r(), l("line", {
                 key: 0,
                 x1: n.x,
-                x2: a.plots[g + 1].x,
+                x2: a.plots[u + 1].x,
                 y1: n.y,
-                y2: a.plots[g + 1].y,
+                y2: a.plots[u + 1].y,
                 stroke: a.color,
                 "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
                 "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
@@ -1697,15 +1697,15 @@ function Ba(t, s, o, N, i, e) {
               }, null, 8, aa)) : h("", !0)
             ]))), 128))
           ])) : h("", !0),
-          (r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
-            key: `circle_line_${c}_${g}`
+          (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
+            key: `circle_line_${o}_${u}`
           }, [
             n && e.canShowValue(n.value) ? (r(), R(f, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
-              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${c}_${i.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? a.color : e.FINAL_CONFIG.line.dot.fill,
+              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${o}_${i.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? a.color : e.FINAL_CONFIG.line.dot.fill,
               plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
-              radius: i.selectedSerieIndex !== null && i.selectedSerieIndex === g || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === g ? (i.plotRadii.line || 6) * 1.5 : i.plotRadii.line || 6,
+              radius: i.selectedSerieIndex !== null && i.selectedSerieIndex === u || i.selectedMinimapIndex !== null && i.selectedMinimapIndex === u ? (i.plotRadii.line || 6) * 1.5 : i.plotRadii.line || 6,
               stroke: e.FINAL_CONFIG.line.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : a.color,
               strokeWidth: e.FINAL_CONFIG.line.dot.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : h("", !0),
@@ -1717,24 +1717,24 @@ function Ba(t, s, o, N, i, e) {
               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
             }, [
-              u("div", ra, [
+              g("div", ra, [
                 G(t.$slots, "plot-comment", {
-                  plot: { ...n, color: a.color }
+                  plot: { ...n, color: a.color, seriesIndex: o, datapointIndex: u }
                 }, void 0, !0)
               ])
             ], 8, ia)) : h("", !0)
           ]))), 128)),
           Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), l("g", la, [
-            u("defs", null, [
-              u("marker", {
-                id: `line_arrow_${c}`,
+            g("defs", null, [
+              g("marker", {
+                id: `line_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
                 refY: 7 / 2,
                 orient: "auto"
               }, [
-                u("polygon", {
+                g("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
                 }, null, 8, na)
@@ -1749,8 +1749,8 @@ function Ba(t, s, o, N, i, e) {
               "stroke-width": 1,
               stroke: a.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#line_arrow_${c})`
-            }, null, 8, ca)) : h("", !0),
+              "marker-end": `url(#line_arrow_${o})`
+            }, null, 8, oa)) : h("", !0),
             a.plots.length > 1 ? (r(), l("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1762,17 +1762,17 @@ function Ba(t, s, o, N, i, e) {
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, oa)) : h("", !0)
+            })), 9, ca)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)),
         (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && i.mutableConfig.dataLabels.show ? (r(), l("g", ha, [
-          (r(!0), l(m, null, I(e.barSet, (a, c) => (r(), l("g", {
-            key: `xLabel_bar_${c}`,
-            class: P(`xLabel_bar_${c}`),
+          (r(!0), l(m, null, I(e.barSet, (a, o) => (r(), l("g", {
+            key: `xLabel_bar_${o}`,
+            class: P(`xLabel_bar_${o}`),
             style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
-              key: `xLabel_bar_${c}_${g}`
+            (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
+              key: `xLabel_bar_${o}_${u}`
             }, [
               n && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (r(), l("text", {
                 key: 0,
@@ -1808,13 +1808,13 @@ function Ba(t, s, o, N, i, e) {
           ], 6))), 128))
         ])) : h("", !0),
         e.FINAL_CONFIG.plot.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g", ga, [
-          (r(!0), l(m, null, I(e.plotSet, (a, c) => (r(), l("g", {
-            key: `xLabel_plot_${c}`,
-            class: P(`xLabel_plot_${c}`),
+          (r(!0), l(m, null, I(e.plotSet, (a, o) => (r(), l("g", {
+            key: `xLabel_plot_${o}`,
+            class: P(`xLabel_plot_${o}`),
             style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
-              key: `xLabel_plot_${c}_${g}`
+            (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
+              key: `xLabel_plot_${o}_${u}`
             }, [
               n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), l("text", {
                 key: 0,
@@ -1837,7 +1837,7 @@ function Ba(t, s, o, N, i, e) {
                   serie: a
                 }
               ) : ""), 9, fa)) : h("", !0),
-              n && g === 0 && a.useTag && a.useTag === "start" ? (r(), l("foreignObject", {
+              n && u === 0 && a.useTag && a.useTag === "start" ? (r(), l("foreignObject", {
                 key: 1,
                 x: n.x,
                 y: n.y - 20,
@@ -1845,11 +1845,11 @@ function Ba(t, s, o, N, i, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                u("div", {
+                g("div", {
                   style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, S(a.name), 5)
               ], 8, Na)) : h("", !0),
-              n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), l("foreignObject", {
+              n && u === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), l("foreignObject", {
                 key: 2,
                 x: n.x - a.name.length * (i.fontSizes.plotLabels / 2),
                 y: n.y - 20,
@@ -1857,7 +1857,7 @@ function Ba(t, s, o, N, i, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                u("div", {
+                g("div", {
                   style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, S(a.name), 5)
               ], 8, ma)) : h("", !0)
@@ -1865,13 +1865,13 @@ function Ba(t, s, o, N, i, e) {
           ], 6))), 128))
         ])) : h("", !0),
         e.FINAL_CONFIG.line.labels.show && i.mutableConfig.dataLabels.show ? (r(), l("g", Ia, [
-          (r(!0), l(m, null, I(e.lineSet, (a, c) => (r(), l("g", {
-            key: `xLabel_line_${c}`,
-            class: P(`xLabel_line_${c}`),
+          (r(!0), l(m, null, I(e.lineSet, (a, o) => (r(), l("g", {
+            key: `xLabel_line_${o}`,
+            class: P(`xLabel_line_${o}`),
             style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
-              key: `xLabel_line_${c}_${g}`
+            (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
+              key: `xLabel_line_${o}_${u}`
             }, [
               n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), l("text", {
                 key: 0,
@@ -1894,7 +1894,7 @@ function Ba(t, s, o, N, i, e) {
                   serie: a
                 }
               ) : ""), 9, xa)) : h("", !0),
-              n && g === 0 && a.useTag && a.useTag === "start" ? (r(), l("foreignObject", {
+              n && u === 0 && a.useTag && a.useTag === "start" ? (r(), l("foreignObject", {
                 key: 1,
                 x: n.x,
                 y: n.y - 20,
@@ -1902,11 +1902,11 @@ function Ba(t, s, o, N, i, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                u("div", {
+                g("div", {
                   style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, S(a.name), 5)
               ], 8, ba)) : h("", !0),
-              n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), l("foreignObject", {
+              n && u === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), l("foreignObject", {
                 key: 2,
                 x: n.x - a.name.length * (i.fontSizes.plotLabels / 2),
                 y: n.y - 20,
@@ -1914,22 +1914,22 @@ function Ba(t, s, o, N, i, e) {
                 width: "150",
                 style: { overflow: "visible" }
               }, [
-                u("div", {
+                g("div", {
                   style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${i.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, S(a.name), 5)
               ], 8, Fa)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
         ])) : h("", !0),
-        (r(!0), l(m, null, I(e.lineSet, (a, c) => (r(), l("g", {
-          key: `xLabel_line_${c}`,
-          class: P(`xLabel_line_${c}`),
+        (r(!0), l(m, null, I(e.lineSet, (a, o) => (r(), l("g", {
+          key: `xLabel_line_${o}`,
+          class: P(`xLabel_line_${o}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
-            key: `xLabel_line_${c}_${g}`
+          (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
+            key: `xLabel_line_${o}_${u}`
           }, [
-            n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
+            n && u === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
               key: 0,
               x: n.x - i.fontSizes.plotLabels,
               y: n.y,
@@ -1945,7 +1945,7 @@ function Ba(t, s, o, N, i, e) {
                 maxWords: 2
               })
             }, null, 8, _a)) : h("", !0),
-            n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), l("text", {
+            n && u === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), l("text", {
               key: 1,
               x: n.x + i.fontSizes.plotLabels,
               y: n.y,
@@ -1963,15 +1963,15 @@ function Ba(t, s, o, N, i, e) {
             }, null, 8, ya)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
-        (r(!0), l(m, null, I(e.plotSet, (a, c) => (r(), l("g", {
-          key: `xLabel_plot_${c}`,
-          class: P(`xLabel_plot_${c}`),
+        (r(!0), l(m, null, I(e.plotSet, (a, o) => (r(), l("g", {
+          key: `xLabel_plot_${o}`,
+          class: P(`xLabel_plot_${o}`),
           style: A(`opacity:${i.selectedScale ? i.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), l(m, null, I(a.plots, (n, g) => (r(), l("g", {
-            key: `xLabel_plot_${c}_${g}`
+          (r(!0), l(m, null, I(a.plots, (n, u) => (r(), l("g", {
+            key: `xLabel_plot_${o}_${u}`
           }, [
-            n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
+            n && u === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), l("text", {
               key: 0,
               x: n.x - i.fontSizes.plotLabels,
               y: n.y,
@@ -1987,7 +1987,7 @@ function Ba(t, s, o, N, i, e) {
                 maxWords: 2
               })
             }, null, 8, Aa)) : h("", !0),
-            n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), l("text", {
+            n && u === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), l("text", {
               key: 1,
               x: n.x + i.fontSizes.plotLabels,
               y: n.y,
@@ -2011,10 +2011,10 @@ function Ba(t, s, o, N, i, e) {
           width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
           fill: i.selectedScale === a.id ? e.setOpacity(a.color, 20) : "transparent",
-          onMouseenter: (c) => i.selectedScale = a.id,
-          onMouseleave: s[0] || (s[0] = (c) => i.selectedScale = null)
+          onMouseenter: (o) => i.selectedScale = a.id,
+          onMouseleave: s[0] || (s[0] = (o) => i.selectedScale = null)
         }, null, 40, Ca))), 256)) : h("", !0),
-        u("g", null, [
+        g("g", null, [
           e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !i.mutableConfig.useIndividualScale ? (r(), l("text", {
             key: 0,
             "font-size": i.fontSizes.yAxis,
@@ -2033,32 +2033,32 @@ function Ba(t, s, o, N, i, e) {
           }, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, ka)) : h("", !0)
         ]),
         e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), l("g", wa, [
-          (r(!0), l(m, null, I(e.timeLabels, (a, c) => (r(), l("g", {
-            key: `time_label_${c}`
+          (r(!0), l(m, null, I(e.timeLabels, (a, o) => (r(), l("g", {
+            key: `time_label_${o}`
           }, [
-            a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && i.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && !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", {
+            a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (o === 0 || o === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && i.selectedSerieIndex === o && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && o % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (r(), l("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})`
+              transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * o + 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(a || ""), 9, Oa)) : h("", !0)
           ]))), 128))
         ])) : h("", !0),
-        u("g", null, [
-          (r(!0), l(m, null, I(e.maxSeries, (a, c) => (r(), l("g", {
-            key: `tooltip_trap_${c}`
+        g("g", null, [
+          (r(!0), l(m, null, I(e.maxSeries, (a, o) => (r(), l("g", {
+            key: `tooltip_trap_${o}`
           }, [
-            u("rect", {
+            g("rect", {
               "data-cy-trap": "",
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c,
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * o,
               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: "transparent",
-              onMouseenter: (n) => e.toggleTooltipVisibility(!0, c),
+              onMouseenter: (n) => e.toggleTooltipVisibility(!0, o),
               onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
-              onClick: (n) => e.selectX(c)
+              onClick: (n) => e.selectX(o)
             }, null, 40, Ga)
           ]))), 128))
         ]),
@@ -2070,12 +2070,12 @@ function Ba(t, s, o, N, i, e) {
             height: "40",
             style: { overflow: "visible !important" }
           }, [
-            u("div", {
+            g("div", {
               class: "vue-ui-xy-time-tag",
               style: A(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
             }, S(e.timeLabels[i.selectedSerieIndex] || i.selectedSerieIndex), 5)
           ], 8, pa)),
-          u("circle", {
+          g("circle", {
             cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * i.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
             cy: e.drawingArea.bottom,
             r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
@@ -2148,13 +2148,13 @@ function Ba(t, s, o, N, i, e) {
       class: "vue-ui-xy-legend",
       style: A(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (r(!0), l(m, null, I(e.absoluteDataset, (a, c) => (r(), l("div", {
-        key: `div_legend_item_${c}`,
+      (r(!0), l(m, null, I(e.absoluteDataset, (a, o) => (r(), l("div", {
+        key: `div_legend_item_${o}`,
         onClick: (n) => e.segregate(a),
         class: P({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": i.segregatedSeries.includes(a.id) })
       }, [
         i.icons[a.type] === "line" ? (r(), l("svg", Ta, [
-          u("rect", {
+          g("rect", {
             x: "0",
             y: "7",
             rx: "3",
@@ -2189,7 +2189,7 @@ function Ba(t, s, o, N, i, e) {
             shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle"
           }, null, 8, ["color", "shape"]))
         ])),
-        u("span", {
+        g("span", {
           style: A(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, S(a.name), 5)
       ], 10, Pa))), 128))
@@ -2236,17 +2236,17 @@ function Ba(t, s, o, N, i, e) {
       }
     }, {
       content: z(() => [
-        u("div", {
+        g("div", {
           style: A(`${i.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          u("div", Ha, [
-            De(u("input", {
+          g("div", Ha, [
+            De(g("input", {
               type: "checkbox",
               "onUpdate:modelValue": s[4] || (s[4] = (a) => i.showSparklineTable = a)
             }, null, 512), [
               [We, i.showSparklineTable]
             ]),
-            u("div", {
+            g("div", {
               onClick: s[5] || (s[5] = (a) => i.showSparklineTable = !i.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
@@ -2271,7 +2271,7 @@ function Ba(t, s, o, N, i, e) {
             onClose: s[6] || (s[6] = (a) => i.mutableConfig.showTable = !1)
           }, {
             th: z(({ th: a }) => [
-              u("div", { innerHTML: a }, null, 8, Ea)
+              g("div", { innerHTML: a }, null, 8, Ea)
             ]),
             td: z(({ td: a }) => [
               He(S(isNaN(Number(a)) ? a : e.dataLabel({
@@ -2289,7 +2289,7 @@ function Ba(t, s, o, N, i, e) {
     }, 8, ["config"])) : h("", !0)
   ], 14, Xe);
 }
-const li = /* @__PURE__ */ Ee(Ye, [["render", Ba], ["__scopeId", "data-v-0b37e892"]]);
+const li = /* @__PURE__ */ Ee(Ye, [["render", Ba], ["__scopeId", "data-v-fe7409df"]]);
 export {
   li as default
 };