vue-data-ui 2.3.82 → 2.3.84

package/dist/{vue-ui-xy-DkNi0ZJ4.js → vue-ui-xy-Ct-9OxiZ.js}

@@ -1,17 +1,17 @@
 import { p as Q } from "./pdf-97UbtKC2.js";
-import { U as K, s as j } from "./usePrinter-BkKBQlCO.js";
-import { c as J, a as $, t as ee, z as te, p as ae, T as X, N as P, f as Z, I as ie, F as le, i as re, Z as se, W as ne, _ as ce, v as oe, $ as he, d as de, B as ue, b as ge, q as fe, Q as me, a0 as Ne, r as Ie, e as be, y as xe, L as _e, x as Fe, a1 as ye, o as Ae, s as Le, w as Ce, E as Se, A as ke, u as we } from "./index-B6m-GhsP.js";
-import { D as Oe } from "./DataTable-OKHTStDc.js";
-import { _ as ve } from "./Title-CXeDgAE7.js";
-import { _ as Ge, u as ze } from "./Tooltip-_e0VoMC-.js";
-import { _ as Me } from "./Shape-C0HIiqHY.js";
-import pe from "./BaseIcon-CVe5ECp8.js";
-import Pe from "./vue-ui-table-sparkline-C_0i15kC.js";
-import Te from "./vue-ui-skeleton-BOhyMEA5.js";
-import { S as Ve } from "./Slicer-CB-YgfIM.js";
-import Re from "./vue-ui-accordion-BygOGjRr.js";
-import { u as U } from "./useNestedProp-BrcBWysp.js";
-import { resolveComponent as T, openBlock as l, createElementBlock as r, normalizeClass as p, normalizeStyle as A, createBlock as V, createCommentVNode as h, createSlots as De, withCtx as z, renderSlot as O, normalizeProps as B, guardReactiveProps as Y, createElementVNode as u, Fragment as m, renderList as b, toDisplayString as C, createVNode as q, withDirectives as He, vModelCheckbox as We, createTextVNode as Ee } from "vue";
+import { U as K, s as j } from "./usePrinter-D9bNzUQP.js";
+import { c as J, a as $, t as ee, z as te, p as ae, T as X, N as P, f as Z, I as ie, F as le, i as re, Z as se, W as ne, _ as he, v as ce, $ 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-DI4DaxVG.js";
+import { D as Oe } from "./DataTable-C-iU_7h7.js";
+import { _ as ve } from "./Title-Bk3h09h9.js";
+import { _ as Ge, u as pe } from "./Tooltip-CdB80DsD.js";
+import { _ as ze } from "./Shape-CyM44biU.js";
+import Me from "./BaseIcon-B9ZZ6wkT.js";
+import Pe from "./vue-ui-table-sparkline-BakiSjV4.js";
+import Te from "./vue-ui-skeleton-DH4t1hrL.js";
+import { S as Ve } from "./Slicer-CZobytqL.js";
+import Re from "./vue-ui-accordion-DsN9lxvc.js";
+import { u as U } from "./useNestedProp-COsQo-tX.js";
+import { resolveComponent as T, openBlock as l, createElementBlock as r, normalizeClass as M, normalizeStyle as C, 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 { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ye = J(), Xe = {
   name: "vue-ui-xy",
@@ -31,28 +31,28 @@ const Ye = J(), Xe = {
   },
   components: {
     DataTable: Oe,
-    Shape: Me,
+    Shape: ze,
     Title: ve,
     Tooltip: Ge,
     UserOptions: K,
-    BaseIcon: pe,
+    BaseIcon: Me,
     TableSparkline: Pe,
     Skeleton: Te,
     Slicer: Ve,
     Accordion: Re
   },
   data() {
-    this.dataset.forEach((o, f) => {
-      [null, void 0].includes(o.series) && this.error({
+    this.dataset.forEach((c, f) => {
+      [null, void 0].includes(c.series) && this.error({
         componentName: "VueUiXy",
         type: "datasetSerieAttribute",
         property: "series (number[])",
         index: f
       });
     });
-    const i = Math.max(...this.dataset.map((o) => o.series.length)), s = {
+    const a = Math.max(...this.dataset.map((c) => c.series.length)), s = {
       start: 0,
-      end: i
+      end: a
     };
     return {
       themePalettes: $,
@@ -102,7 +102,7 @@ const Ye = J(), Xe = {
       titleStep: 0,
       slicer: s,
       __to__: null,
-      maxX: i,
+      maxX: a,
       showSparklineTable: !0,
       segregateStep: 0,
       sliderId: Ye,
@@ -121,8 +121,8 @@ const Ye = J(), Xe = {
   },
   watch: {
     dataset: {
-      handler(i, s) {
-        this.maxX = Math.max(...this.dataset.map((o) => o.series.length)), this.slicer = {
+      handler(a, s) {
+        this.maxX = Math.max(...this.dataset.map((c) => c.series.length)), this.slicer = {
           start: 0,
           end: this.maxX
         }, this.slicerStep += 1, this.segregateStep += 1;
@@ -130,7 +130,7 @@ const Ye = J(), Xe = {
       deep: !0
     },
     config: {
-      handler(i, s) {
+      handler(a, s) {
         this.FINAL_CONFIG = this.prepareConfig(), this.prepareChart(), this.titleStep += 1, this.tableStep += 1;
       },
       deep: !0
@@ -139,11 +139,11 @@ const Ye = J(), Xe = {
   computed: {
     minimap() {
       if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
-      const i = this.datasetWithIds.filter((t) => !this.segregatedSeries.includes(t.id)), s = Math.max(...i.map((t) => t.series.length)), o = [];
-      for (let t = 0; t < s; t += 1)
-        o.push(i.map((e) => e.series[t] || 0).reduce((e, I) => (e || 0) + (I || 0), 0));
-      const f = Math.min(...o);
-      return o.map((t) => t + (f < 0 ? Math.abs(f) : 0));
+      const a = this.datasetWithIds.filter((i) => !this.segregatedSeries.includes(i.id)), s = Math.max(...a.map((i) => i.series.length)), c = [];
+      for (let i = 0; i < s; i += 1)
+        c.push(a.map((e) => e.series[i] || 0).reduce((e, x) => (e || 0) + (x || 0), 0));
+      const f = Math.min(...c);
+      return c.map((i) => i + (f < 0 ? Math.abs(f) : 0));
     },
     customPalette() {
       return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
@@ -155,54 +155,54 @@ const Ye = J(), Xe = {
       return this.FINAL_CONFIG.chart.zoom.color;
     },
     allScales() {
-      const i = this.lineSet.map((t) => ({
-        name: t.name,
-        color: t.color,
-        scale: t.individualScale,
-        scaleYLabels: t.scaleYLabels,
-        zero: t.zeroPosition,
-        max: t.individualMax,
-        scaleLabel: t.scaleLabel || "",
-        id: t.id,
-        yOffset: t.yOffset || 0,
-        individualHeight: t.individualHeight || this.drawingArea.height,
-        autoScaleYLabels: t.autoScaleYLabels
-      })), s = this.barSet.map((t) => ({
-        name: t.name,
-        color: t.color,
-        scale: t.individualScale,
-        scaleYLabels: t.scaleYLabels,
-        zero: t.zeroPosition,
-        max: t.individualMax,
-        scaleLabel: t.scaleLabel || "",
-        id: t.id,
-        yOffset: t.yOffset || 0,
-        individualHeight: t.individualHeight || this.drawingArea.height
-      })), o = this.plotSet.map((t) => ({
-        name: t.name,
-        color: t.color,
-        scale: t.individualScale,
-        scaleYLabels: t.scaleYLabels,
+      const a = this.lineSet.map((i) => ({
+        name: i.name,
+        color: i.color,
+        scale: i.individualScale,
+        scaleYLabels: i.scaleYLabels,
+        zero: i.zeroPosition,
+        max: i.individualMax,
+        scaleLabel: i.scaleLabel || "",
+        id: i.id,
+        yOffset: i.yOffset || 0,
+        individualHeight: i.individualHeight || this.drawingArea.height,
+        autoScaleYLabels: i.autoScaleYLabels
+      })), s = this.barSet.map((i) => ({
+        name: i.name,
+        color: i.color,
+        scale: i.individualScale,
+        scaleYLabels: i.scaleYLabels,
+        zero: i.zeroPosition,
+        max: i.individualMax,
+        scaleLabel: i.scaleLabel || "",
+        id: i.id,
+        yOffset: i.yOffset || 0,
+        individualHeight: i.individualHeight || this.drawingArea.height
+      })), c = this.plotSet.map((i) => ({
+        name: i.name,
+        color: i.color,
+        scale: i.individualScale,
+        scaleYLabels: i.scaleYLabels,
         // FIX
-        zero: t.zeroPosition,
-        max: t.individualMax,
-        scaleLabel: t.scaleLabel || "",
-        id: t.id,
-        yOffset: t.yOffset || 0,
-        individualHeight: t.individualHeight || this.drawingArea.height
-      })), f = [...i, ...s, ...o].flatMap((t) => t).length;
-      return [...i, ...s, ...o].flatMap((t, e) => ({
-        id: t.id,
-        scaleLabel: t.scaleLabel,
-        name: t.name,
-        color: t.color,
-        scale: t.scale,
-        yOffset: t.yOffset,
-        individualHeight: t.individualHeight,
+        zero: i.zeroPosition,
+        max: i.individualMax,
+        scaleLabel: i.scaleLabel || "",
+        id: i.id,
+        yOffset: i.yOffset || 0,
+        individualHeight: i.individualHeight || this.drawingArea.height
+      })), f = [...a, ...s, ...c].flatMap((i) => i).length;
+      return [...a, ...s, ...c].flatMap((i, e) => ({
+        id: i.id,
+        scaleLabel: i.scaleLabel,
+        name: i.name,
+        color: i.color,
+        scale: i.scale,
+        yOffset: i.yOffset,
+        individualHeight: i.individualHeight,
         x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / f * (e + 1),
-        yLabels: t.scaleYLabels || t.scale.ticks.map((I) => ({
-          y: I >= 0 ? t.zero - t.individualHeight * (I / t.max) : t.zero + t.individualHeight * Math.abs(I) / t.max,
-          value: I
+        yLabels: i.scaleYLabels || i.scale.ticks.map((x) => ({
+          y: x >= 0 ? i.zero - i.individualHeight * (x / i.max) : i.zero + i.individualHeight * Math.abs(x) / i.max,
+          value: x
         }))
       }));
     },
@@ -210,19 +210,19 @@ const Ye = J(), Xe = {
       return !!this.dataset && this.dataset.length;
     },
     chartFont() {
-      const i = document.getElementById(`vue-ui-xy_${this.uniqueId}`);
-      return window.getComputedStyle(i, null).getPropertyValue("font-family");
+      const a = document.getElementById(`vue-ui-xy_${this.uniqueId}`);
+      return window.getComputedStyle(a, null).getPropertyValue("font-family");
     },
     FINAL_CONFIG: {
       get: function() {
         return this.prepareConfig();
       },
-      set: function(i) {
-        return i;
+      set: function(a) {
+        return a;
       }
     },
     hasHighlightArea() {
-      return Array.isArray(this.FINAL_CONFIG.chart.highlightArea) ? this.FINAL_CONFIG.chart.highlightArea.some((i) => i.show) : this.FINAL_CONFIG.chart.highlightArea && this.FINAL_CONFIG.chart.highlightArea.show;
+      return Array.isArray(this.FINAL_CONFIG.chart.highlightArea) ? this.FINAL_CONFIG.chart.highlightArea.some((a) => a.show) : this.FINAL_CONFIG.chart.highlightArea && this.FINAL_CONFIG.chart.highlightArea.show;
     },
     highlightAreas() {
       if (Array.isArray(this.FINAL_CONFIG.chart.highlightArea))
@@ -230,8 +230,8 @@ const Ye = J(), Xe = {
           ...s,
           span: s.from === s.to ? 1 : s.to < s.from ? 0 : s.to - s.from + 1
         }));
-      const i = this.FINAL_CONFIG.chart.highlightArea;
-      return [{ ...i, span: i.from === i.to ? 1 : i.to < i.from ? 0 : i.to - i.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 }];
     },
     xPadding() {
       return this.FINAL_CONFIG.chart.grid.position === "middle" ? 0 : this.drawingArea.width / this.maxSeries / 2;
@@ -243,33 +243,33 @@ const Ye = J(), Xe = {
       return this.niceScale.max + this.relativeZero;
     },
     datasetWithIds() {
-      return this.useSafeValues ? this.dataset.map((i, s) => ({
-        ...i,
+      return this.useSafeValues ? this.dataset.map((a, s) => ({
+        ...a,
         id: `uniqueId_${s}`
       })) : this.dataset;
     },
     safeDataset() {
-      return this.useSafeValues ? this.dataset.map((i, s) => ({
-        ...i,
-        series: i.series.map((o) => this.isSafeValue(o) ? o : null).slice(this.slicer.start, this.slicer.end),
-        color: this.convertColorToHex(i.color ? i.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
+      return this.useSafeValues ? this.dataset.map((a, s) => ({
+        ...a,
+        series: a.series.map((c) => this.isSafeValue(c) ? c : 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}`
       })) : this.dataset;
     },
     relativeDataset() {
-      return this.safeDataset.map((i, s) => ({
-        ...i,
-        series: i.series.map((o) => o + this.relativeZero),
-        absoluteValues: i.series
-      })).filter((i) => !this.segregatedSeries.includes(i.id));
+      return this.safeDataset.map((a, s) => ({
+        ...a,
+        series: a.series.map((c) => c + this.relativeZero),
+        absoluteValues: a.series
+      })).filter((a) => !this.segregatedSeries.includes(a.id));
     },
     tableSparklineDataset() {
-      return this.relativeDataset.map((i) => {
-        const s = i.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
+      return this.relativeDataset.map((a) => {
+        const s = a.absoluteValues.map((c) => [void 0, null].includes(c) ? 0 : c);
         return {
-          id: i.id,
-          name: i.name,
-          color: i.color,
+          id: a.id,
+          name: a.name,
+          color: a.color,
           values: this.fillArray(this.maxSeries, s)
         };
       });
@@ -301,69 +301,75 @@ const Ye = J(), Xe = {
       };
     },
     absoluteDataset() {
-      return this.safeDataset.map((i, s) => ({
+      return this.safeDataset.map((a, s) => ({
         absoluteIndex: s,
-        ...i,
-        series: i.series.map((o) => o + this.relativeZero),
-        absoluteValues: i.series,
-        segregate: () => this.segregate(i),
-        isSegregated: this.segregatedSeries.includes(i.id)
+        ...a,
+        series: a.series.map((c) => c + this.relativeZero),
+        absoluteValues: a.series,
+        segregate: () => this.segregate(a),
+        isSegregated: this.segregatedSeries.includes(a.id)
       }));
     },
     barSet() {
-      return this.activeSeriesWithStackRatios.filter((i) => i.type === "bar").map((i, s) => {
-        this.checkAutoScaleError(i);
-        const o = Math.min(...i.absoluteValues.filter((d) => ![null, void 0].includes(d))), f = Math.max(...i.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
-          ratios: i.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - o) / (f - o)),
-          valueMin: o,
+      return this.activeSeriesWithStackRatios.filter((a) => a.type === "bar").map((a, s) => {
+        this.checkAutoScaleError(a);
+        const c = 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 - c) / (f - c)),
+          valueMin: c,
           valueMax: f < 0 ? 0 : f
-        }, I = {
-          max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
-          min: i.scaleMin || Math.min(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))) > 0 ? 0 : Math.min(...i.absoluteValues.filter((d) => ![null, void 0].includes(d)))
-        }, w = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, L = 1.0000001, N = this.calculateNiceScaleWithExactExtremes(I.min, I.max === I.min ? I.max * L : I.max, w), y = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * L : e.valueMax, w), M = N.min >= 0 ? 0 : Math.abs(N.min), S = 0, G = N.max + M, v = y.max + Math.abs(S), x = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, a = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, c = this.drawingArea.bottom - x - a * M / G, n = this.drawingArea.bottom - x - a * S / v, g = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, R = i.series.map((d, _) => {
-          const W = this.mutableConfig.useIndividualScale ? (i.absoluteValues[_] + M) / G : this.ratioToMax(d), E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * _ : this.drawingArea.left + this.slot.bar * s + this.slot.bar * _ * g - this.barSlot / 2 - s * this.barPeriodGap;
+        }, 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, A = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(x.min, x.max === x.min ? x.max * A : x.max, _), L = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax === e.valueMin ? e.valueMax * A : e.valueMax, _), z = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, G = m.max + z, v = L.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, h = 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;
           return {
-            yOffset: this.checkNaN(x),
-            individualHeight: this.checkNaN(a),
+            yOffset: this.checkNaN(b),
+            individualHeight: this.checkNaN(t),
             x: this.checkNaN(E),
-            y: this.drawingArea.bottom - x - a * W,
-            value: i.absoluteValues[_],
-            zeroPosition: this.checkNaN(c),
+            y: this.drawingArea.bottom - b - t * W,
+            value: a.absoluteValues[F],
+            zeroPosition: this.checkNaN(h),
             individualMax: this.checkNaN(G),
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[_] || ""
+            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
-        }), H = i.absoluteValues.map((d) => y.min >= 0 ? (d - Math.abs(y.min)) / (y.max - Math.abs(y.min)) : (d + Math.abs(y.min)) / (y.max + Math.abs(y.min))), D = i.series.map((d, _) => {
-          const W = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * _ : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * _ * this.absoluteDataset.filter((E) => E.type === "bar").filter((E) => !this.segregatedSeries.includes(E.id)).length;
+        }), H = a.absoluteValues.map((d) => L.min >= 0 ? (d - Math.abs(L.min)) / (L.max - Math.abs(L.min)) : (d + Math.abs(L.min)) / (L.max + Math.abs(L.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;
           return {
-            yOffset: this.checkNaN(x),
-            individualHeight: this.checkNaN(a),
+            yOffset: this.checkNaN(b),
+            individualHeight: this.checkNaN(t),
             x: this.checkNaN(W),
-            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(x) - (this.checkNaN(a) * H[_] || 0)),
-            value: i.absoluteValues[_],
-            zeroPosition: this.checkNaN(c),
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(b) - (this.checkNaN(t) * H[F] || 0)),
+            value: a.absoluteValues[F],
+            zeroPosition: this.checkNaN(h),
             individualMax: this.checkNaN(G),
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[_] || ""
+            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
-        }), F = N.ticks.map((d) => ({
-          y: d >= 0 ? c - a * (d / G) : c + a * Math.abs(d) / G,
-          value: d
-        })), k = y.ticks.map((d) => {
-          const _ = (d - y.min) / (y.max - y.min);
+        }), y = m.ticks.map((d) => ({
+          y: d >= 0 ? h - t * (d / G) : h + t * Math.abs(d) / G,
+          value: d,
+          prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+          suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+          datapoint: a
+        })), w = L.ticks.map((d) => {
+          const F = (d - L.min) / (L.max - L.min);
           return {
-            y: d >= 0 ? n - a * _ : n + a * _,
-            value: d
+            y: d >= 0 ? n - t * F : n + t * F,
+            value: d,
+            prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+            suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+            datapoint: a
           };
         });
         return {
-          ...i,
-          yOffset: x,
-          autoScaleYLabels: k,
-          individualHeight: a,
-          scaleYLabels: i.autoScaling ? k : F,
-          individualScale: i.autoScaling ? y : N,
-          individualMax: i.autoScaling ? v : G,
-          zeroPosition: i.autoScaling ? n : c,
-          plots: i.autoScaling ? D : R
+          ...a,
+          yOffset: b,
+          autoScaleYLabels: w,
+          individualHeight: t,
+          scaleYLabels: a.autoScaling ? w : y,
+          individualScale: a.autoScaling ? L : m,
+          individualMax: a.autoScaling ? v : G,
+          zeroPosition: a.autoScaling ? n : h,
+          plots: a.autoScaling ? D : R
         };
       });
     },
@@ -371,124 +377,136 @@ const Ye = J(), Xe = {
       return this.absoluteDataset.length;
     },
     activeSeriesWithStackRatios() {
-      return this.assignStackRatios(this.absoluteDataset.filter((i) => !this.segregatedSeries.includes(i.id)));
+      return this.assignStackRatios(this.absoluteDataset.filter((a) => !this.segregatedSeries.includes(a.id)));
     },
     lineSet() {
-      return this.activeSeriesWithStackRatios.filter((i) => i.type === "line").map((i) => {
-        this.checkAutoScaleError(i);
-        const s = Math.min(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))), o = Math.max(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, t = {
-          ratios: i.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - s) / (o - s)),
+      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))), c = 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) / (c - s)),
           valueMin: s,
-          valueMax: o
+          valueMax: c
         }, e = {
-          max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
-          min: i.scaleMin || (Math.min(...i.absoluteValues) > 0 ? 0 : Math.min(...i.absoluteValues))
-        }, I = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * w : e.max, I), N = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * w : t.valueMax, I), y = L.min >= 0 ? 0 : Math.abs(L.min), M = 0, S = L.max + Math.abs(y), G = N.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - v - x * y / S, c = this.drawingArea.bottom - v - x * M / G, n = i.series.map((d, _) => {
-          const W = this.mutableConfig.useIndividualScale ? (i.absoluteValues[_] + Math.abs(y)) / S : this.ratioToMax(d);
+          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, A = 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), L = A.min >= 0 ? 0 : Math.abs(A.min), z = 0, k = A.max + Math.abs(L), 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 * L / k, h = this.drawingArea.bottom - v - b * z / G, n = a.series.map((d, F) => {
+          const W = this.mutableConfig.useIndividualScale ? (a.absoluteValues[F] + Math.abs(L)) / k : this.ratioToMax(d);
           return {
-            x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * _),
-            y: this.checkNaN(this.drawingArea.bottom - v - x * W),
-            value: i.absoluteValues[_],
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[_] || ""
+            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] || ""
           };
-        }), g = i.absoluteValues.map((d) => N.min >= 0 ? (d - Math.abs(N.min)) / (N.max - Math.abs(N.min)) : (d + Math.abs(N.min)) / (N.max + Math.abs(N.min))), R = i.series.map((d, _) => {
-          if (![void 0, null].includes(i.absoluteValues[_]))
+        }), 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 * _),
-              y: this.checkNaN(this.drawingArea.bottom - v - (x * g[_] || 0)),
-              value: i.absoluteValues[_],
-              comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[_] || ""
+              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), F = L.ticks.map((d) => ({
-          y: d >= 0 ? a - x * (d / S) : a + x * Math.abs(d) / S,
-          value: d
-        })), k = N.ticks.map((d) => {
-          const _ = (d - N.min) / (N.max - N.min);
+        }), H = this.createSmoothPath(n), D = this.createSmoothPath(R), y = A.ticks.map((d) => ({
+          y: d >= 0 ? t - b * (d / k) : t + b * 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);
           return {
-            y: d >= 0 ? c - x * _ : c + x * _,
-            value: d
+            y: d >= 0 ? h - b * F : h + b * F,
+            value: d,
+            prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+            suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+            datapoint: a
           };
         });
         return {
-          ...i,
+          ...a,
           yOffset: v,
-          autoScaleYLabels: k,
-          individualHeight: x,
-          scaleYLabels: i.autoScaling ? k : F,
-          individualScale: i.autoScaling ? N : L,
-          individualMax: i.autoScaling ? G : S,
-          zeroPosition: i.autoScaling ? c : a,
-          curve: i.autoScaling ? D : H,
-          plots: i.autoScaling ? R : n,
-          area: i.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(i.autoScaling ? R : n, i.autoScaling ? c : a) : this.createArea(n) : ""
+          autoScaleYLabels: w,
+          individualHeight: b,
+          scaleYLabels: a.autoScaling ? w : y,
+          individualScale: a.autoScaling ? m : A,
+          individualMax: a.autoScaling ? G : k,
+          zeroPosition: a.autoScaling ? h : 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 ? h : t) : this.createArea(n) : ""
         };
       });
     },
     plotSet() {
-      return this.activeSeriesWithStackRatios.filter((i) => i.type === "plot").map((i) => {
-        this.checkAutoScaleError(i);
-        const s = Math.min(...i.absoluteValues.filter((F) => ![null, void 0].includes(F))), o = Math.max(...i.absoluteValues.filter((F) => ![null, void 0].includes(F))) || 1, t = {
-          ratios: i.absoluteValues.filter((F) => ![null, void 0].includes(F)).map((F) => (F - s) / (o - s)),
+      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))), c = 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) / (c - s)),
           valueMin: s,
-          valueMax: o
+          valueMax: c
         }, e = {
-          max: i.scaleMax || Math.max(...i.absoluteValues) || 1,
-          min: i.scaleMin || Math.min(...i.absoluteValues) > 0 ? 0 : Math.min(...i.absoluteValues)
-        }, I = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, w = 1.0000001, L = this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * w : e.max, I), N = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * w : t.valueMax, I), y = L.min >= 0 ? 0 : Math.abs(L.min), M = 0, S = L.max + y, G = N.max + Math.abs(M), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - v - x * y / S, c = this.drawingArea.bottom - v - x * M / G, n = i.series.map((F, k) => {
-          const d = this.mutableConfig.useIndividualScale ? (i.absoluteValues[k] + Math.abs(y)) / S : this.ratioToMax(F);
+          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, A = 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), L = A.min >= 0 ? 0 : Math.abs(A.min), z = 0, k = A.max + L, 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 * L / k, h = this.drawingArea.bottom - v - b * z / G, n = a.series.map((y, w) => {
+          const d = this.mutableConfig.useIndividualScale ? (a.absoluteValues[w] + Math.abs(L)) / k : this.ratioToMax(y);
           return {
-            x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * k),
-            y: this.checkNaN(this.drawingArea.bottom - v - x * d),
-            value: i.absoluteValues[k],
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[k] || ""
+            x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * w),
+            y: this.checkNaN(this.drawingArea.bottom - v - b * d),
+            value: a.absoluteValues[w],
+            comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[w] || ""
           };
-        }), g = i.absoluteValues.map((F) => N.min >= 0 ? (F - Math.abs(N.min)) / (N.max - Math.abs(N.min)) : (F + Math.abs(N.min)) / (N.max + Math.abs(N.min))), R = i.series.map((F, k) => ({
-          x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * k),
-          y: this.checkNaN(this.drawingArea.bottom - v - (x * g[k] || 0)),
-          value: i.absoluteValues[k],
-          comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[k] || ""
-        })), H = L.ticks.map((F) => ({
-          y: F >= 0 ? a - x * (F / S) : a + x * Math.abs(F) / S,
-          value: F
-        })), D = N.ticks.map((F) => {
-          const k = (F - N.min) / (N.max - N.min);
+        }), 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)),
+          value: a.absoluteValues[w],
+          comment: a.comments && a.comments.slice(this.slicer.start, this.slicer.end)[w] || ""
+        })), H = A.ticks.map((y) => ({
+          y: y >= 0 ? t - b * (y / k) : t + b * Math.abs(y) / k,
+          value: y,
+          prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+          suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+          datapoint: a
+        })), D = m.ticks.map((y) => {
+          const w = (y - m.min) / (m.max - m.min);
           return {
-            y: F >= 0 ? c - x * k : c + x * k,
-            value: F
+            y: y >= 0 ? h - b * w : h + b * w,
+            value: y,
+            prefix: a.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+            suffix: a.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+            datapoint: a
           };
         });
         return {
-          ...i,
+          ...a,
           yOffset: v,
           autoScaleYLabels: D,
-          individualHeight: x,
-          scaleYLabels: i.autoScaling ? D : H,
-          individualScale: i.autoScaling ? N : L,
-          individualMax: i.autoScaling ? G : S,
-          zeroPosition: i.autoScaling ? c : a,
-          plots: i.autoScaling ? R : n
+          individualHeight: b,
+          scaleYLabels: a.autoScaling ? D : H,
+          individualScale: a.autoScaling ? m : A,
+          individualMax: a.autoScaling ? G : k,
+          zeroPosition: a.autoScaling ? h : t,
+          plots: a.autoScaling ? R : n
         };
       });
     },
     drawingArea() {
-      const i = 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((s) => !this.segregatedSeries.includes(s.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,
         bottom: this.height - this.FINAL_CONFIG.chart.padding.bottom,
-        left: this.FINAL_CONFIG.chart.padding.left + i,
+        left: this.FINAL_CONFIG.chart.padding.left + a,
         height: this.height - (this.FINAL_CONFIG.chart.padding.top + this.FINAL_CONFIG.chart.padding.bottom),
-        width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left + i)
+        width: this.width - (this.FINAL_CONFIG.chart.padding.right + this.FINAL_CONFIG.chart.padding.left + a)
       };
     },
     max() {
-      return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax ? this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax : Math.max(...this.safeDataset.filter((i) => !this.segregatedSeries.includes(i.id)).map((i) => Math.max(...i.series)));
+      return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax ? this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax : Math.max(...this.safeDataset.filter((a) => !this.segregatedSeries.includes(a.id)).map((a) => Math.max(...a.series)));
     },
     min() {
       if (this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin !== null)
         return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin;
-      const i = Math.min(...this.safeDataset.filter((s) => !this.segregatedSeries.includes(s.id)).map((s) => Math.min(...s.series)));
-      return i > 0 ? 0 : i;
+      const a = Math.min(...this.safeDataset.filter((s) => !this.segregatedSeries.includes(s.id)).map((s) => Math.min(...s.series)));
+      return a > 0 ? 0 : a;
     },
     niceScale() {
       return this.calculateNiceScaleWithExactExtremes(this.min, this.max < 0 ? 0 : this.max, this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps);
@@ -501,43 +519,60 @@ const Ye = J(), Xe = {
     },
     slot() {
       return {
-        bar: this.drawingArea.width / this.maxSeries / this.safeDataset.filter((i) => i.type === "bar").filter((i) => !this.segregatedSeries.includes(i.id)).length,
+        bar: this.drawingArea.width / this.maxSeries / this.safeDataset.filter((a) => a.type === "bar").filter((a) => !this.segregatedSeries.includes(a.id)).length,
         plot: this.drawingArea.width / this.maxSeries,
         line: this.drawingArea.width / this.maxSeries
       };
     },
     barSlot() {
-      const i = this.safeDataset.filter((s) => s.type === "bar").filter((s) => !this.segregatedSeries.includes(s.id)).length;
-      return this.drawingArea.width / this.maxSeries / i - this.barPeriodGap * i;
+      const a = this.safeDataset.filter((s) => s.type === "bar").filter((s) => !this.segregatedSeries.includes(s.id)).length;
+      return this.drawingArea.width / this.maxSeries / a - this.barPeriodGap * a;
     },
     barPeriodGap() {
       return this.slot.line * this.FINAL_CONFIG.bar.periodGap;
     },
     maxSlot() {
-      return Math.max(...Object.values(this.slot).filter((i) => i !== 1 / 0));
+      return Math.max(...Object.values(this.slot).filter((a) => a !== 1 / 0));
     },
     table() {
       if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const i = this.relativeDataset.map((o) => ({
-        label: o.name,
-        color: o.color,
-        type: o.type
+      const a = this.relativeDataset.map((c) => ({
+        label: c.name,
+        color: c.color,
+        type: c.type
       })), s = [];
-      return this.timeLabels.forEach((o, f) => {
-        const t = [o];
+      return this.timeLabels.forEach((c, f) => {
+        const i = [c];
         this.relativeDataset.forEach((e) => {
-          t.push(this.canShowValue(e.absoluteValues[f]) ? Number(e.absoluteValues[f].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
-        }), s.push(t);
-      }), { head: i, body: s };
+          i.push(this.canShowValue(e.absoluteValues[f]) ? Number(e.absoluteValues[f].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
+        }), s.push(i);
+      }), { head: a, body: s };
     },
     dataTable() {
-      const i = [""].concat(this.relativeDataset.map((t) => t.name)).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 s = [];
-      for (let t = 0; t < this.maxSeries; t += 1) {
-        const e = this.relativeDataset.map((I) => I.absoluteValues[t] ?? 0).reduce((I, w) => I + w, 0);
-        s.push([this.timeLabels[t] ?? "-"].concat(this.relativeDataset.map((I) => (I.absoluteValues[t] ?? 0).toFixed(this.FINAL_CONFIG.table.rounding))).concat((e ?? 0).toFixed(this.FINAL_CONFIG.table.rounding)));
+      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 c = [];
+      for (let e = 0; e < this.maxSeries; e += 1) {
+        const x = this.relativeDataset.map((_) => _.absoluteValues[e] ?? 0).reduce((_, A) => _ + A, 0);
+        c.push(
+          [
+            this.timeLabels[e] ?? "-"
+          ].concat(this.relativeDataset.map(
+            (_) => this.applyDataLabel(
+              _.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : _.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
+              _.absoluteValues[e] ?? 0,
+              this.dataLabel({
+                p: _.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+                v: _.absoluteValues[e] ?? 0,
+                s: _.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+                r: this.FINAL_CONFIG.table.rounding
+              })
+            )
+          )).concat(a ? (x ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
+        );
       }
-      const o = {
+      const f = {
         th: {
           backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
           color: this.FINAL_CONFIG.table.th.color,
@@ -549,8 +584,8 @@ const Ye = J(), Xe = {
           outline: this.FINAL_CONFIG.table.td.outline
         },
         breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
-      }, f = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((t) => t.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
-      return { head: i, body: s, config: o, colNames: f };
+      }, 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: c, config: f, colNames: i };
     },
     dataTooltipSlot() {
       return {
@@ -564,18 +599,20 @@ const Ye = J(), Xe = {
       };
     },
     selectedSeries() {
-      return this.relativeDataset.map((i) => ({
-        shape: i.shape || null,
-        name: i.name,
-        color: i.color,
-        type: i.type,
-        value: i.absoluteValues.find((s, o) => o === this.selectedSerieIndex),
-        comments: i.comments || []
+      return this.relativeDataset.map((a) => ({
+        shape: a.shape || null,
+        name: a.name,
+        color: a.color,
+        type: a.type,
+        value: a.absoluteValues.find((s, c) => c === 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 i = "", s = this.selectedSeries.map((t) => t.value).filter((t) => this.isSafeValue(t) && t !== null).reduce((t, e) => Math.abs(t) + Math.abs(e), 0);
-      const o = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
+      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);
+      const c = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
       return this.isFunction(f) && this.functionReturnsString(() => f({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
@@ -592,63 +629,63 @@ const Ye = J(), Xe = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      }) : (o && (i += `<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((t) => {
-        if (this.isSafeValue(t.value)) {
-          let e = "", I = "";
-          switch (this.icons[t.type]) {
+      }) : (c && (a += `<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]) {
             case "bar":
-              e = `<svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" rx="1" stroke="none" height="12" width="12" fill="${t.color}" /></svg>`;
+              e = `<svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" rx="1" stroke="none" height="12" width="12" fill="${i.color}" /></svg>`;
               break;
             case "line":
-              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? I = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" />` : t.shape === "triangle" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "square" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "diamond" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "pentagon" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "hexagon" ? I = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "star" && (I = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${X({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="3" x="0" y="6" stroke="none" height="4" width="20" fill="${t.color}" />${I}</svg>`;
+              !i.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(i.shape) ? x = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" />` : i.shape === "triangle" ? x = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "square" ? x = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "diamond" ? x = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "pentagon" ? x = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "hexagon" ? x = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : i.shape === "star" && (x = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" points="${X({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="3" x="0" y="6" stroke="none" height="4" width="20" fill="${i.color}" />${x}</svg>`;
               break;
             case "plot":
-              if (!t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape)) {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" /></svg>`;
+              if (!i.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(i.shape)) {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" /></svg>`;
                 break;
               }
-              if (t.shape === "star") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${X({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+              if (i.shape === "star") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${i.color}" points="${X({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
-              if (t.shape === "triangle") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (i.shape === "triangle") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (t.shape === "square") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (i.shape === "square") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (t.shape === "diamond") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (i.shape === "diamond") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (t.shape === "pentagon") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (i.shape === "pentagon") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
-              if (t.shape === "hexagon") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+              if (i.shape === "hexagon") {
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${i.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
           }
-          i += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${t.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.applyDataLabel(
-            t.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : t.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
-            t.value,
+          a += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${i.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.applyDataLabel(
+            i.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : i.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
+            i.value,
             this.dataLabel({
-              p: this.FINAL_CONFIG.chart.labels.prefix,
-              v: t.value,
-              s: this.FINAL_CONFIG.chart.labels.suffix,
+              p: i.prefix,
+              v: i.value,
+              s: i.suffix,
               r: this.FINAL_CONFIG.chart.tooltip.roundingValue
             }),
-            { datapoint: t }
+            { datapoint: i }
           ) : ""}</b> ${this.FINAL_CONFIG.chart.tooltip.showPercentage ? `(${Z({
-            v: this.checkNaN(Math.abs(t.value) / s * 100),
+            v: this.checkNaN(Math.abs(i.value) / s * 100),
             s: "%",
             r: this.FINAL_CONFIG.chart.tooltip.roundingPercentage
-          })})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && t.comments.length && t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (i += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
+          })})` : ""}</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>`);
         }
-      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${i}</div>`);
+      }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${a}</div>`);
     },
     svg() {
       return {
@@ -657,9 +694,11 @@ const Ye = J(), Xe = {
       };
     },
     yLabels() {
-      return this.niceScale.ticks.map((i) => ({
-        y: i >= 0 ? this.zero - this.drawingArea.height * this.ratioToMax(i) : this.zero + this.drawingArea.height * this.ratioToMax(Math.abs(i)),
-        value: i
+      return this.niceScale.ticks.map((a) => ({
+        y: a >= 0 ? this.zero - this.drawingArea.height * this.ratioToMax(a) : this.zero + this.drawingArea.height * this.ratioToMax(Math.abs(a)),
+        value: a,
+        prefix: this.FINAL_CONFIG.chart.labels.prefix,
+        suffix: this.FINAL_CONFIG.chart.labels.suffix
       }));
     },
     zero() {
@@ -667,10 +706,10 @@ const Ye = J(), Xe = {
     }
   },
   mounted() {
-    this.prepareChart(), document.addEventListener("mousemove", (i) => {
+    this.prepareChart(), document.addEventListener("mousemove", (a) => {
       this.clientPosition = {
-        x: i.clientX,
-        y: i.clientY
+        x: a.clientX,
+        y: a.clientY
       };
     });
   },
@@ -680,22 +719,22 @@ const Ye = J(), Xe = {
     applyDataLabel: re,
     assignStackRatios: se,
     calcLinearProgression: ne,
-    calculateNiceScaleWithExactExtremes: ce,
-    checkNaN: oe,
-    closestDecimal: he,
+    calculateNiceScaleWithExactExtremes: he,
+    checkNaN: ce,
+    closestDecimal: oe,
     convertColorToHex: de,
     convertConfigColors: ue,
     convertCustomPalette: ge,
     createCsvContent: fe,
-    createSmoothPath: me,
-    createTSpans: Ne,
+    createSmoothPath: Ne,
+    createTSpans: me,
     dataLabel: Z,
     downloadCsv: Ie,
-    error: be,
-    functionReturnsString: xe,
-    hasDeepProperty: _e,
+    error: xe,
+    functionReturnsString: be,
+    hasDeepProperty: Fe,
     img: j,
-    isFunction: Fe,
+    isFunction: _e,
     isSafeValue: ye,
     objectIsEmpty: Ae,
     pdf: Q,
@@ -703,15 +742,15 @@ const Ye = J(), Xe = {
     shiftHue: Ce,
     translateSize: Se,
     treeShake: ke,
-    useMouse: ze,
+    useMouse: pe,
     useNestedProp: U,
     prepareConfig() {
-      const i = we().vue_ui_xy;
+      const a = we().vue_ui_xy;
       if (!Object.keys(this.config || {}).length)
-        return i;
+        return a;
       const s = this.useNestedProp({
         userConfig: this.config,
-        defaultConfig: i
+        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 ? {
         ...U({
@@ -725,17 +764,17 @@ const Ye = J(), Xe = {
       if (this.objectIsEmpty(this.dataset) ? this.error({
         componentName: "VueUiXy",
         type: "dataset"
-      }) : this.dataset.forEach((i, s) => {
-        [null, void 0].includes(i.name) && this.error({
+      }) : this.dataset.forEach((a, s) => {
+        [null, void 0].includes(a.name) && this.error({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
           index: s
         });
-      }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((i) => {
-        i.series.forEach((s, o) => {
+      }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((a) => {
+        a.series.forEach((s, c) => {
           this.isSafeValue(s) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${i.name}' contains the value '${s}' at index ${o}.
+-----> The serie '${a.name}' contains the value '${s}' at index ${c}.
 '${s}' was converted to null to allow the chart to display.`);
         });
       }), this.mutableConfig = {
@@ -747,21 +786,21 @@ 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: o, width: f } = s.getBoundingClientRect();
-        let t = null, e = 0;
-        this.FINAL_CONFIG.chart.title.show && (t = this.$refs.chartTitle, e = t.getBoundingClientRect().height);
-        let I = null, w = 0;
-        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (I = this.$refs.chartSlicer.$el, w = I.getBoundingClientRect().height);
-        let L = null, N = 0;
-        this.FINAL_CONFIG.chart.legend.show && (L = this.$refs.chartLegend, N = L.getBoundingClientRect().height), this.height = o - e - N - w, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((M) => {
-          for (const S of M)
-            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (w = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (N = this.$refs.chartLegend.getBoundingClientRect().height), this.height = S.contentBoxSize[0].blockSize - e - N - w - 24, this.width = S.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+        const s = this.$refs.chart.parentNode, { height: c, width: f } = 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 A = null, m = 0;
+        this.FINAL_CONFIG.chart.legend.show && (A = this.$refs.chartLegend, m = A.getBoundingClientRect().height), this.height = c - 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);
       } 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;
     },
-    selectMinimapIndex(i) {
-      this.selectedMinimapIndex = i;
+    selectMinimapIndex(a) {
+      this.selectedMinimapIndex = a;
     },
     convertSizes() {
       this.fontSizes.dataLabels = this.translateSize({
@@ -814,98 +853,98 @@ const Ye = J(), Xe = {
     toggleTooltip() {
       this.mutableConfig.showTooltip = !this.mutableConfig.showTooltip;
     },
-    checkAutoScaleError(i) {
-      i.autoScaling && (this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${i.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${i.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
+    checkAutoScaleError(a) {
+      a.autoScaling && (this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     },
-    createArea(i) {
-      if (!i[0]) return [-10, -10, "", -10, -10];
-      const s = { x: i[0].x, y: this.zero }, o = { x: i.at(-1).x, y: this.zero }, f = [];
-      return i.forEach((t) => {
-        f.push(`${t.x},${t.y} `);
-      }), [s.x, s.y, ...f, o.x, o.y].toString();
+    createArea(a) {
+      if (!a[0]) return [-10, -10, "", -10, -10];
+      const s = { x: a[0].x, y: this.zero }, c = { x: a.at(-1).x, y: this.zero }, f = [];
+      return a.forEach((i) => {
+        f.push(`${i.x},${i.y} `);
+      }), [s.x, s.y, ...f, c.x, c.y].toString();
     },
-    createIndividualArea(i, s) {
-      if (!i[0]) return [-10, -10, "", -10, -10];
-      const o = { x: i[0] ? i[0].x : Math.min(...i.filter((e) => !!e).map((e) => e.x)), y: s }, f = { x: i.at(-1) ? i.at(-1).x : Math.min(...i.filter((e) => !!e).map((e) => e.x)), y: s }, t = [];
-      return i.filter((e) => !!e).forEach((e) => {
-        t.push(`${e.x},${e.y} `);
-      }), [o.x, o.y, ...t, f.x, f.y].toString();
+    createIndividualArea(a, s) {
+      if (!a[0]) return [-10, -10, "", -10, -10];
+      const c = { 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 = [];
+      return a.filter((e) => !!e).forEach((e) => {
+        i.push(`${e.x},${e.y} `);
+      }), [c.x, c.y, ...i, f.x, f.y].toString();
     },
     createStar: X,
     createPolygonPath: P,
-    fillArray(i, s) {
-      let o = Array(i).fill(0);
-      for (let f = 0; f < s.length && f < i; f += 1)
-        o[f] = s[f];
-      return o;
+    fillArray(a, s) {
+      let c = Array(a).fill(0);
+      for (let f = 0; f < s.length && f < a; f += 1)
+        c[f] = s[f];
+      return c;
     },
     refreshSlicer() {
       this.slicer = {
         start: 0,
-        end: Math.max(...this.dataset.map((i) => i.series.length))
+        end: Math.max(...this.dataset.map((a) => a.series.length))
       }, this.slicerStep += 1;
     },
-    calcRectHeight(i) {
-      return i.value >= 0 ? this.checkNaN(this.zero - i.y <= 0 ? 1e-5 : this.zero - i.y) : this.checkNaN(i.y - this.zero <= 0 ? 1e-5 : i.y - this.zero);
+    calcRectHeight(a) {
+      return a.value >= 0 ? this.checkNaN(this.zero - a.y <= 0 ? 1e-5 : this.zero - a.y) : this.checkNaN(a.y - this.zero <= 0 ? 1e-5 : a.y - this.zero);
     },
-    calcIndividualHeight(i) {
-      return i.value >= 0 ? this.checkNaN(i.zeroPosition - i.y <= 0 ? 1e-5 : i.zeroPosition - i.y) : this.checkNaN(i.y - i.zeroPosition <= 0 ? 1e-5 : i.zeroPosition - i.y);
+    calcIndividualHeight(a) {
+      return a.value >= 0 ? this.checkNaN(a.zeroPosition - a.y <= 0 ? 1e-5 : a.zeroPosition - a.y) : this.checkNaN(a.y - a.zeroPosition <= 0 ? 1e-5 : a.zeroPosition - a.y);
     },
     calcRectWidth() {
       return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.slot.line - this.drawingArea.width / this.maxSeries * 0.1 : this.slot.bar;
     },
-    calcRectX(i) {
-      return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? i.x + this.drawingArea.width / this.maxSeries * 0.05 : i.x + this.slot.bar / 2;
+    calcRectX(a) {
+      return this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? a.x + this.drawingArea.width / this.maxSeries * 0.05 : a.x + this.slot.bar / 2;
     },
-    calcRectY(i) {
-      return i.value >= 0 ? i.y : this.zero;
+    calcRectY(a) {
+      return a.value >= 0 ? a.y : this.zero;
     },
-    calcIndividualRectY(i) {
-      return i.value >= 0 ? i.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(i.zeroPosition) ? 0 : i.zeroPosition;
+    calcIndividualRectY(a) {
+      return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(a.zeroPosition) ? 0 : a.zeroPosition;
     },
-    canShowValue(i) {
-      return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(i);
+    canShowValue(a) {
+      return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(a);
     },
-    findClosestValue(i, s) {
-      let o = s[0], f = Math.abs(i - s[0]);
-      for (let t = 1; t < s.length; t += 1) {
-        const e = Math.abs(i - s[t]);
-        e < f && s[t] < i && (o = s[t], f = e);
+    findClosestValue(a, s) {
+      let c = 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 && (c = s[i], f = e);
       }
-      return o;
+      return c;
     },
-    ratioToMax(i) {
-      return i / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
+    ratioToMax(a) {
+      return a / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
     },
-    selectX(i) {
+    selectX(a) {
       this.$emit(
         "selectX",
         {
           dataset: this.relativeDataset.map((s) => ({
             name: s.name,
-            value: [null, void 0, NaN].includes(s.absoluteValues[i]) ? null : s.absoluteValues[i],
+            value: [null, void 0, NaN].includes(s.absoluteValues[a]) ? null : s.absoluteValues[a],
             color: s.color,
             type: s.type
           })),
-          index: i,
-          indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[i]
+          index: a,
+          indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[a]
         }
       );
     },
     getData() {
-      return this.absoluteDataset.map((i) => ({
-        values: i.absoluteValues,
-        color: i.color,
-        name: i.name,
-        type: i.type
+      return this.absoluteDataset.map((a) => ({
+        values: a.absoluteValues,
+        color: a.color,
+        name: a.name,
+        type: a.type
       }));
     },
-    segregate(i) {
-      if (this.segregatedSeries.includes(i.id))
-        this.segregatedSeries = this.segregatedSeries.filter((s) => s !== i.id);
+    segregate(a) {
+      if (this.segregatedSeries.includes(a.id))
+        this.segregatedSeries = this.segregatedSeries.filter((s) => s !== a.id);
       else {
         if (this.segregatedSeries.length + 1 === this.safeDataset.length) return;
-        this.segregatedSeries.push(i.id);
+        this.segregatedSeries.push(a.id);
       }
       this.$emit("selectLegend", this.relativeDataset.map((s) => ({
         name: s.name,
@@ -914,11 +953,11 @@ const Ye = J(), Xe = {
         type: s.type
       }))), this.segregateStep += 1;
     },
-    toggleTooltipVisibility(i, s = null) {
-      this.isTooltip = i, i ? this.selectedSerieIndex = s : this.selectedSerieIndex = null;
+    toggleTooltipVisibility(a, s = null) {
+      this.isTooltip = a, a ? this.selectedSerieIndex = s : this.selectedSerieIndex = null;
     },
-    toggleFullscreen(i) {
-      this.isFullscreen = i, this.step += 1;
+    toggleFullscreen(a) {
+      this.isFullscreen = a, this.step += 1;
     },
     showSpinnerPdf() {
       this.isPrinting = !0;
@@ -934,8 +973,8 @@ const Ye = J(), Xe = {
       }, 100);
     },
     generateCsv() {
-      const i = [[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, f = i.concat([s]).concat(o), t = this.createCsvContent(f);
-      this.downloadCsv({ csvContent: t, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
+      const a = [[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, f = a.concat([s]).concat(c), i = this.createCsvContent(f);
+      this.downloadCsv({ csvContent: i, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
       this.isImaging = !0;
@@ -952,7 +991,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"], lt = ["id"], rt = ["stop-color"], st = ["stop-color"], nt = ["stop-color"], ct = ["id"], ot = ["stop-color"], ht = ["stop-color"], dt = ["stop-color"], ut = ["id"], gt = ["stop-color"], ft = ["stop-color"], mt = ["id"], Nt = ["stop-color"], It = ["stop-color"], bt = ["id"], xt = ["stop-color"], _t = ["stop-color"], Ft = ["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"], zt = { key: 2 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pt = ["y", "width", "height", "fill"], Pt = ["x", "y", "width", "height", "fill"], Tt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Vt = { key: 4 }, Rt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dt = ["fill", "font-size", "transform"], Ht = ["x1", "x2", "y1", "y2", "stroke"], Wt = ["x", "y", "font-size", "fill"], Et = ["x1", "x2", "y1", "y2", "stroke"], Bt = ["x", "y", "font-size", "fill"], Yt = ["width", "x", "y"], Xt = { style: { width: "100%" } }, qt = { key: 0 }, Zt = ["id"], Ut = ["fill"], Jt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Qt = ["x", "y", "font-size", "fill"], Kt = ["d", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 1 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ea = { key: 0 }, ta = ["d", "fill"], aa = ["d", "fill"], ia = ["d", "stroke", "stroke-width", "stroke-dasharray"], la = { key: 2 }, ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], sa = ["width", "x", "y"], na = { style: { width: "100%" } }, ca = { key: 3 }, oa = ["id"], ha = ["fill"], da = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ua = ["x", "y", "font-size", "fill"], ga = { key: 5 }, fa = ["x", "y", "font-size", "fill"], ma = ["x", "y", "font-size", "fill", "font-weight"], Na = { key: 6 }, Ia = ["x", "y", "font-size", "fill"], ba = ["x", "y"], xa = ["x", "y"], _a = { key: 7 }, Fa = ["x", "y", "font-size", "fill"], ya = ["x", "y"], Aa = ["x", "y"], La = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "font-size", "fill", "innerHTML"], ka = ["x", "y", "font-size", "fill", "innerHTML"], wa = ["x", "y", "width", "height", "fill", "onMouseenter"], Oa = ["font-size", "fill", "transform"], va = ["x", "y", "font-size", "fill"], Ga = { key: 9 }, za = ["text-anchor", "font-size", "fill", "transform"], Ma = ["x", "y", "height", "width", "onMouseenter", "onClick"], pa = { key: 10 }, Pa = ["x", "y"], Ta = ["cx", "cy", "r", "fill"], Va = {
+}, 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"], ht = ["id"], ct = ["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 = ["y", "width", "height", "fill"], Pt = ["x", "y", "width", "height", "fill"], Tt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Vt = { key: 4 }, Rt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dt = ["fill", "font-size", "transform"], Ht = ["x1", "x2", "y1", "y2", "stroke"], Wt = ["x", "y", "font-size", "fill"], Et = ["x1", "x2", "y1", "y2", "stroke"], Bt = ["x", "y", "font-size", "fill"], Yt = ["width", "x", "y"], Xt = { style: { width: "100%" } }, qt = { key: 0 }, Zt = ["id"], Ut = ["fill"], Jt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Qt = ["x", "y", "font-size", "fill"], Kt = ["d", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 1 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ea = { key: 0 }, ta = ["d", "fill"], aa = ["d", "fill"], ia = ["d", "stroke", "stroke-width", "stroke-dasharray"], la = { key: 2 }, ra = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], sa = ["width", "x", "y"], na = { style: { width: "100%" } }, ha = { key: 3 }, ca = ["id"], oa = ["fill"], da = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ua = ["x", "y", "font-size", "fill"], ga = { key: 5 }, fa = ["x", "y", "font-size", "fill"], Na = ["x", "y", "font-size", "fill", "font-weight"], ma = { key: 6 }, Ia = ["x", "y", "font-size", "fill"], xa = ["x", "y"], ba = ["x", "y"], Fa = { key: 7 }, _a = ["x", "y", "font-size", "fill"], ya = ["x", "y"], Aa = ["x", "y"], La = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "font-size", "fill", "innerHTML"], ka = ["x", "y", "font-size", "fill", "innerHTML"], wa = ["x", "y", "width", "height", "fill", "onMouseenter"], Oa = ["font-size", "fill", "transform"], va = ["x", "y", "font-size", "fill"], Ga = { key: 9 }, pa = ["text-anchor", "font-size", "fill", "transform"], za = ["x", "y", "height", "width", "onMouseenter", "onClick"], Ma = { key: 10 }, Pa = ["x", "y"], Ta = ["cx", "cy", "r", "fill"], Va = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, Ra = ["onClick"], Da = {
@@ -972,22 +1011,22 @@ const Ye = J(), Xe = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
 }, Xa = ["innerHTML"];
-function qa(i, s, o, f, t, e) {
-  const I = T("Title"), w = T("UserOptions"), L = T("Shape"), N = T("Skeleton"), y = T("Slicer"), M = T("Tooltip"), S = T("BaseIcon"), G = T("TableSparkline"), v = T("DataTable"), x = T("Accordion");
+function qa(a, s, c, f, i, e) {
+  const x = T("Title"), _ = T("UserOptions"), A = T("Shape"), m = T("Skeleton"), L = T("Slicer"), z = T("Tooltip"), k = T("BaseIcon"), G = T("TableSparkline"), v = T("DataTable"), b = T("Accordion");
   return l(), r("div", {
-    id: `vue-ui-xy_${t.uniqueId}`,
-    class: p(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
+    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%" : ""}`)
+    style: C(`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 ? (l(), r("div", {
       key: 0,
       ref: "chartTitle",
       class: "vue-ui-xy-title",
-      style: A(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      style: C(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      (l(), V(I, {
-        key: `title_${t.titleStep}`,
+      (l(), V(x, {
+        key: `title_${i.titleStep}`,
         config: {
           title: {
             cy: "xy-div-title",
@@ -999,27 +1038,27 @@ function qa(i, s, o, f, t, e) {
           }
         }
       }, null, 8, ["config"]))
-    ], 4)) : h("", !0),
-    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (l(), V(w, {
+    ], 4)) : o("", !0),
+    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (l(), V(_, {
       ref: "defails",
-      key: `user_options_${t.step}`,
+      key: `user_options_${i.step}`,
       backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
       color: e.FINAL_CONFIG.chart.color,
-      isPrinting: t.isPrinting,
-      isImaging: t.isImaging,
-      uid: t.uniqueId,
+      isPrinting: i.isPrinting,
+      isImaging: i.isImaging,
+      uid: i.uniqueId,
       hasTooltip: e.FINAL_CONFIG.chart.userOptions.buttons.tooltip && e.FINAL_CONFIG.chart.tooltip.show,
       hasPdf: e.FINAL_CONFIG.chart.userOptions.buttons.pdf,
       hasXls: e.FINAL_CONFIG.chart.userOptions.buttons.csv,
       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: t.mutableConfig.isStacked,
-      isFullscreen: t.isFullscreen,
-      chartElement: i.$refs.chart,
-      isTooltip: t.mutableConfig.showTooltip,
+      isStacked: i.mutableConfig.isStacked,
+      isFullscreen: i.isFullscreen,
+      chartElement: a.$refs.chart,
+      isTooltip: i.mutableConfig.showTooltip,
       titles: { ...e.FINAL_CONFIG.chart.userOptions.buttonTitles },
       onToggleFullscreen: e.toggleFullscreen,
       onGeneratePdf: e.generatePdf,
@@ -1030,70 +1069,70 @@ function qa(i, s, o, f, t, e) {
       onToggleStack: e.toggleStack,
       onToggleTooltip: e.toggleTooltip
     }, De({ _: 2 }, [
-      i.$slots.optionTooltip ? {
+      a.$slots.optionTooltip ? {
         name: "optionTooltip",
-        fn: z(() => [
-          O(i.$slots, "optionTooltip", {}, void 0, !0)
+        fn: p(() => [
+          O(a.$slots, "optionTooltip", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
-      i.$slots.optionPdf ? {
+      a.$slots.optionPdf ? {
         name: "optionPdf",
-        fn: z(() => [
-          O(i.$slots, "optionPdf", {}, void 0, !0)
+        fn: p(() => [
+          O(a.$slots, "optionPdf", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0,
-      i.$slots.optionCsv ? {
+      a.$slots.optionCsv ? {
         name: "optionCsv",
-        fn: z(() => [
-          O(i.$slots, "optionCsv", {}, void 0, !0)
+        fn: p(() => [
+          O(a.$slots, "optionCsv", {}, void 0, !0)
         ]),
         key: "2"
       } : void 0,
-      i.$slots.optionImg ? {
+      a.$slots.optionImg ? {
         name: "optionImg",
-        fn: z(() => [
-          O(i.$slots, "optionImg", {}, void 0, !0)
+        fn: p(() => [
+          O(a.$slots, "optionImg", {}, void 0, !0)
         ]),
         key: "3"
       } : void 0,
-      i.$slots.optionTable ? {
+      a.$slots.optionTable ? {
         name: "optionTable",
-        fn: z(() => [
-          O(i.$slots, "optionTable", {}, void 0, !0)
+        fn: p(() => [
+          O(a.$slots, "optionTable", {}, void 0, !0)
         ]),
         key: "4"
       } : void 0,
-      i.$slots.optionLabels ? {
+      a.$slots.optionLabels ? {
         name: "optionLabels",
-        fn: z(() => [
-          O(i.$slots, "optionLabels", {}, void 0, !0)
+        fn: p(() => [
+          O(a.$slots, "optionLabels", {}, void 0, !0)
         ]),
         key: "5"
       } : void 0,
-      i.$slots.optionStack ? {
+      a.$slots.optionStack ? {
         name: "optionStack",
-        fn: z(() => [
-          O(i.$slots, "optionStack", {}, void 0, !0)
+        fn: p(() => [
+          O(a.$slots, "optionStack", {}, void 0, !0)
         ]),
         key: "6"
       } : void 0,
-      i.$slots.optionFullscreen ? {
+      a.$slots.optionFullscreen ? {
         name: "optionFullscreen",
-        fn: z(({ toggleFullscreen: a, isFullscreen: c }) => [
-          O(i.$slots, "optionFullscreen", B(Y({ toggleFullscreen: a, isFullscreen: c })), void 0, !0)
+        fn: p(({ toggleFullscreen: t, isFullscreen: h }) => [
+          O(a.$slots, "optionFullscreen", B(Y({ toggleFullscreen: t, isFullscreen: h })), void 0, !0)
         ]),
         key: "7"
       } : void 0
-    ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) : h("", !0),
+    ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) : o("", !0),
     e.isDataset ? (l(), r("svg", {
       key: 2,
       xmlns: "http://www.w3.org/2000/svg",
-      class: p([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
+      class: M([{ "vue-data-ui-fullscreen--on": i.isFullscreen, "vue-data-ui-fulscreen--off": !i.isFullscreen }, "vue-ui-xy-svg"]),
       width: "100%",
-      viewBox: t.viewBox,
-      style: A(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      viewBox: i.viewBox,
+      style: C(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
       e.maxSeries > 0 ? (l(), r("g", Ue, [
         u("g", Je, [
@@ -1106,26 +1145,26 @@ function qa(i, s, o, f, t, e) {
             y1: e.drawingArea.bottom,
             y2: e.drawingArea.bottom,
             "stroke-linecap": "round"
-          }, null, 8, Qe)) : h("", !0),
-          t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(!0), r(m, { key: 2 }, b(e.allScales, (a) => (l(), r("g", null, [
-            a.id === t.selectedScale && a.yLabels.length ? (l(!0), r(m, { key: 0 }, b(a.yLabels, (c) => (l(), r("line", {
+          }, null, 8, Qe)) : o("", !0),
+          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, (h) => (l(), r("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
-              y1: e.checkNaN(c.y),
-              y2: e.checkNaN(c.y),
-              stroke: a.color,
+              y1: e.checkNaN(h.y),
+              y2: e.checkNaN(h.y),
+              stroke: t.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, et))), 256)) : a.yLabels.length ? (l(!0), r(m, { key: 1 }, b(a.yLabels, (c) => (l(), r("line", {
+            }, null, 8, et))), 256)) : t.yLabels.length ? (l(!0), r(N, { key: 1 }, I(t.yLabels, (h) => (l(), r("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(h.y),
+              y2: e.checkNaN(h.y),
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, tt))), 256)) : h("", !0)
-          ]))), 256)) : h("", !0) : (l(), r(m, { key: 1 }, [
+            }, null, 8, tt))), 256)) : o("", !0)
+          ]))), 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,
@@ -1135,76 +1174,76 @@ function qa(i, s, o, f, t, e) {
               y1: e.drawingArea.top,
               y2: e.drawingArea.bottom,
               "stroke-linecap": "round"
-            }, null, 8, Ke)) : h("", !0),
+            }, null, 8, Ke)) : o("", !0),
             e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(), r("g", je, [
-              (l(!0), r(m, null, b(e.yLabels, (a) => (l(), r("line", {
+              (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(a.y),
-                y2: e.checkNaN(a.y),
+                y1: e.checkNaN(t.y),
+                y2: e.checkNaN(t.y),
                 stroke: e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-width": 0.5,
                 "stroke-linecap": "round"
               }, null, 8, $e))), 256))
-            ])) : h("", !0)
+            ])) : o("", !0)
           ], 64)),
           e.FINAL_CONFIG.chart.grid.showVerticalLines ? (l(), r("g", at, [
-            (l(!0), r(m, null, b(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, 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,
+            (l(!0), r(N, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (t, h) => (l(), r("line", {
+              key: `grid_vertical_line_${h}`,
+              x1: e.drawingArea.width / e.maxSeries * h + e.drawingArea.left + e.xPadding,
+              x2: e.drawingArea.width / e.maxSeries * h + e.drawingArea.left + e.xPadding,
               y1: e.drawingArea.top,
               y2: e.drawingArea.bottom,
               "stroke-width": "0.5",
               stroke: e.FINAL_CONFIG.chart.grid.stroke
             }, null, 8, it))), 128))
-          ])) : h("", !0)
+          ])) : o("", !0)
         ]),
-        (l(!0), r(m, null, b(e.barSet, (a, c) => (l(), r("defs", {
-          key: `def_rect_${c}`
+        (l(!0), r(N, null, I(e.barSet, (t, h) => (l(), r("defs", {
+          key: `def_rect_${h}`
         }, [
           u("linearGradient", {
-            id: `rectGradient_pos_${c}_${t.uniqueId}`,
+            id: `rectGradient_pos_${h}_${i.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": a.color
+              "stop-color": t.color
             }, null, 8, rt),
             u("stop", {
               offset: "62%",
-              "stop-color": `${e.shiftHue(a.color, 0.02)}`
+              "stop-color": `${e.shiftHue(t.color, 0.02)}`
             }, null, 8, st),
             u("stop", {
               offset: "100%",
-              "stop-color": `${e.shiftHue(a.color, 0.05)}`
+              "stop-color": `${e.shiftHue(t.color, 0.05)}`
             }, null, 8, nt)
           ], 8, lt),
           u("linearGradient", {
-            id: `rectGradient_neg_${c}_${t.uniqueId}`,
+            id: `rectGradient_neg_${h}_${i.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, ot),
+              "stop-color": `${e.shiftHue(t.color, 0.05)}`
+            }, null, 8, ct),
             u("stop", {
               offset: "38%",
-              "stop-color": `${e.shiftHue(a.color, 0.02)}`
-            }, null, 8, ht),
+              "stop-color": `${e.shiftHue(t.color, 0.02)}`
+            }, null, 8, ot),
             u("stop", {
               offset: "100%",
-              "stop-color": a.color
+              "stop-color": t.color
             }, null, 8, dt)
-          ], 8, ct)
+          ], 8, ht)
         ]))), 128)),
-        (l(!0), r(m, null, b(e.plotSet, (a, c) => (l(), r("defs", {
-          key: `def_plot_${c}`
+        (l(!0), r(N, null, I(e.plotSet, (t, h) => (l(), r("defs", {
+          key: `def_plot_${h}`
         }, [
           u("radialGradient", {
-            id: `plotGradient_${c}_${t.uniqueId}`,
+            id: `plotGradient_${h}_${i.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -1213,19 +1252,19 @@ function qa(i, s, o, f, t, e) {
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": `${e.shiftHue(a.color, 0.05)}`
+              "stop-color": `${e.shiftHue(t.color, 0.05)}`
             }, null, 8, gt),
             u("stop", {
               offset: "100%",
-              "stop-color": a.color
+              "stop-color": t.color
             }, null, 8, ft)
           ], 8, ut)
         ]))), 128)),
-        (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("defs", {
-          key: `def_line_${c}`
+        (l(!0), r(N, null, I(e.lineSet, (t, h) => (l(), r("defs", {
+          key: `def_line_${h}`
         }, [
           u("radialGradient", {
-            id: `lineGradient_${c}_${t.uniqueId}`,
+            id: `lineGradient_${h}_${i.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -1234,15 +1273,15 @@ function qa(i, s, o, f, t, e) {
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, Nt),
+              "stop-color": `${e.shiftHue(t.color, 0.05)}`
+            }, null, 8, mt),
             u("stop", {
               offset: "100%",
-              "stop-color": a.color
+              "stop-color": t.color
             }, null, 8, It)
-          ], 8, mt),
+          ], 8, Nt),
           u("linearGradient", {
-            id: `areaGradient_${c}_${t.uniqueId}`,
+            id: `areaGradient_${h}_${i.uniqueId}`,
             x1: "0%",
             x2: "100%",
             y1: "0%",
@@ -1250,87 +1289,87 @@ function qa(i, s, o, f, t, e) {
           }, [
             u("stop", {
               offset: "0%",
-              "stop-color": `${e.setOpacity(e.shiftHue(a.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, xt),
+              "stop-color": `${e.setOpacity(e.shiftHue(t.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
+            }, null, 8, bt),
             u("stop", {
               offset: "100%",
-              "stop-color": `${e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, _t)
-          ], 8, bt)
+              "stop-color": `${e.setOpacity(t.color, e.FINAL_CONFIG.line.area.opacity)}`
+            }, null, 8, Ft)
+          ], 8, xt)
         ]))), 128)),
-        (l(!0), r(m, null, b(e.highlightAreas, (a) => (l(), r("g", null, [
-          a.show ? (l(), r(m, { key: 0 }, [
+        (l(!0), r(N, null, I(e.highlightAreas, (t) => (l(), r("g", null, [
+          t.show ? (l(), r(N, { key: 0 }, [
             u("rect", {
               style: { transition: "none" },
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from - t.slicer.start),
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.from - i.slicer.start),
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
-              width: e.drawingArea.width / e.maxSeries * a.span < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries * a.span,
-              fill: e.setOpacity(a.color, a.opacity)
-            }, null, 8, Ft),
-            a.caption.text ? (l(), r("foreignObject", {
+              width: e.drawingArea.width / e.maxSeries * t.span < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries * t.span,
+              fill: e.setOpacity(t.color, t.opacity)
+            }, null, 8, _t),
+            t.caption.text ? (l(), r("foreignObject", {
               key: 0,
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from - t.slicer.start) - (a.caption.width === "auto" ? 0 : a.caption.width / 2 - e.drawingArea.width / e.maxSeries * a.span / 2),
-              y: e.drawingArea.top + a.caption.offsetY,
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.from - 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: { overflow: "visible" },
               height: "1",
-              width: a.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * a.span : a.caption.width
+              width: t.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * t.span : t.caption.width
             }, [
               u("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"}`)
-              }, C(a.caption.text), 5)
-            ], 8, yt)) : h("", !0)
-          ], 64)) : h("", !0)
+                style: C(`padding:${t.caption.padding}px;text-align:${t.caption.textAlign};font-size:${t.caption.fontSize}px;color:${t.caption.color};font-weight:${t.caption.bold ? "bold" : "normal"}`)
+              }, S(t.caption.text), 5)
+            ], 8, yt)) : o("", !0)
+          ], 64)) : o("", !0)
         ]))), 256)),
         u("g", null, [
-          (l(!0), r(m, null, b(e.maxSeries, (a, c) => (l(), r("g", {
-            key: `tooltip_trap_${c}`
+          (l(!0), r(N, null, I(e.maxSeries, (t, h) => (l(), r("g", {
+            key: `tooltip_trap_${h}`
           }, [
             u("rect", {
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c,
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * h,
               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: [t.selectedMinimapIndex, t.selectedSerieIndex, t.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(h) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
             }, null, 8, At)
           ]))), 128))
         ]),
-        e.barSet.length ? (l(!0), r(m, { key: 0 }, b(e.barSet, (a, c) => (l(), r("g", {
-          key: `serie_bar_${c}`,
-          class: p(`serie_bar_${c}`),
-          style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        e.barSet.length ? (l(!0), r(N, { key: 0 }, I(e.barSet, (t, h) => (l(), r("g", {
+          key: `serie_bar_${h}`,
+          class: M(`serie_bar_${h}`),
+          style: C(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-            key: `bar_plot_${c}_${g}`
+          (l(!0), r(N, null, I(t.plots, (n, g) => (l(), r("g", {
+            key: `bar_plot_${h}_${g}`
           }, [
             e.canShowValue(n.value) ? (l(), r("rect", {
               key: 0,
               x: e.calcRectX(n),
-              y: t.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
-              height: t.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
-              width: e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap),
+              y: i.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
+              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}_${t.uniqueId})` : `url(#rectGradient_neg_${c}_${t.uniqueId})` : a.color,
-              stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? a.color : e.FINAL_CONFIG.bar.border.stroke,
+              fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${h}_${i.uniqueId})` : `url(#rectGradient_neg_${h}_${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)) : h("", !0),
+            }, null, 8, Lt)) : o("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
               height: "12",
-              width: (e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) / 2) + e.FINAL_CONFIG.chart.comments.width,
+              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
             }, [
-              O(i.$slots, "plot-comment", {
-                plot: { ...n, color: a.color }
+              O(a.$slots, "plot-comment", {
+                plot: { ...n, color: t.color }
               }, void 0, !0)
-            ], 8, Ct)) : h("", !0)
+            ], 8, Ct)) : o("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("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}`,
+                id: `bar_arrow_${h}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -1339,36 +1378,36 @@ function qa(i, s, o, f, t, e) {
               }, [
                 u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: a.color
+                  fill: t.color
                 }, null, 8, wt)
               ], 8, kt)
             ]),
-            a.plots.length > 1 ? (l(), r("line", {
+            t.plots.length > 1 ? (l(), r("line", {
               key: 0,
-              x1: e.calcLinearProgression(a.plots).x1,
-              x2: e.calcLinearProgression(a.plots).x2,
-              y1: e.calcLinearProgression(a.plots).y1,
-              y2: e.calcLinearProgression(a.plots).y2,
+              x1: e.calcLinearProgression(t.plots).x1,
+              x2: e.calcLinearProgression(t.plots).x2,
+              y1: e.calcLinearProgression(t.plots).y1,
+              y2: e.calcLinearProgression(t.plots).y2,
               "stroke-width": 1,
-              stroke: a.color,
+              stroke: t.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#bar_arrow_${c})`
-            }, null, 8, Ot)) : h("", !0),
-            a.plots.length > 1 ? (l(), r("text", {
+              "marker-end": `url(#bar_arrow_${h})`
+            }, null, 8, Ot)) : o("", !0),
+            t.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
-              x: e.calcLinearProgression(a.plots).x2,
-              y: e.calcLinearProgression(a.plots).y2 - 6,
-              "font-size": t.fontSizes.plotLabels,
-              fill: a.color
-            }, C(e.dataLabel({
-              v: e.calcLinearProgression(a.plots).trend * 100,
+              x: e.calcLinearProgression(t.plots).x2,
+              y: e.calcLinearProgression(t.plots).y2 - 6,
+              "font-size": i.fontSizes.plotLabels,
+              fill: t.color
+            }, S(e.dataLabel({
+              v: e.calcLinearProgression(t.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, vt)) : h("", !0)
-          ])) : h("", !0)
-        ], 6))), 128)) : h("", !0),
-        !t.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (l(), r("line", {
+            })), 9, vt)) : o("", !0)
+          ])) : o("", !0)
+        ], 6))), 128)) : o("", !0),
+        !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",
@@ -1377,11 +1416,11 @@ function qa(i, s, o, f, t, e) {
           y1: e.checkNaN(e.zero),
           y2: e.checkNaN(e.zero),
           "stroke-linecap": "round"
-        }, null, 8, Gt)) : h("", !0),
-        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(t.selectedSerieIndex) || t.selectedMinimapIndex !== null) ? (l(), r("g", zt, [
+        }, null, 8, Gt)) : 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 * (t.selectedSerieIndex || t.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
-            x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.selectedSerieIndex || t.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
+            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,
             y2: e.drawingArea.bottom,
             stroke: e.FINAL_CONFIG.chart.highlighter.color,
@@ -1389,8 +1428,8 @@ function qa(i, s, o, f, t, e) {
             "stroke-dasharray": e.FINAL_CONFIG.chart.highlighter.lineDasharray,
             "stroke-linecap": "round",
             style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-          }, null, 8, Mt)
-        ])) : h("", !0),
+          }, null, 8, zt)
+        ])) : o("", !0),
         u("g", null, [
           u("rect", {
             style: { transition: "none" },
@@ -1399,7 +1438,7 @@ function qa(i, s, o, f, t, e) {
             width: e.FINAL_CONFIG.chart.padding.left - 1 + e.xPadding,
             height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
             fill: e.FINAL_CONFIG.chart.backgroundColor
-          }, null, 8, pt),
+          }, null, 8, Mt),
           u("rect", {
             style: { transition: "none" },
             x: e.drawingArea.right + 1 - e.xPadding,
@@ -1422,105 +1461,106 @@ function qa(i, s, o, f, t, e) {
           "stroke-linecap": e.FINAL_CONFIG.chart.grid.frame.strokeLinecap,
           "stroke-linejoin": e.FINAL_CONFIG.chart.grid.frame.strokeLinejoin,
           "stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
-        }, null, 8, Tt)) : h("", !0),
+        }, null, 8, Tt)) : o("", !0),
         e.FINAL_CONFIG.chart.grid.labels.show ? (l(), r("g", Vt, [
-          t.mutableConfig.useIndividualScale ? (l(), r(m, { key: 0 }, [
-            (l(!0), r(m, null, b(e.allScales, (a) => (l(), r("g", null, [
+          i.mutableConfig.useIndividualScale ? (l(), r(N, { key: 0 }, [
+            (l(!0), r(N, null, I(e.allScales, (t) => (l(), r("g", null, [
               u("line", {
-                x1: a.x + e.xPadding,
-                x2: a.x + e.xPadding,
-                y1: t.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - a.yOffset - a.individualHeight) : e.checkNaN(e.drawingArea.top),
-                y2: t.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - a.yOffset) : e.checkNaN(e.drawingArea.bottom),
-                stroke: a.color,
+                x1: t.x + e.xPadding,
+                x2: t.x + e.xPadding,
+                y1: i.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - t.yOffset - t.individualHeight) : e.checkNaN(e.drawingArea.top),
+                y2: i.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - t.yOffset) : e.checkNaN(e.drawingArea.bottom),
+                stroke: t.color,
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
-                style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+                style: C(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
               }, null, 12, Rt)
             ]))), 256)),
-            (l(!0), r(m, null, b(e.allScales, (a) => (l(), r("g", {
-              style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+            (l(!0), r(N, null, I(e.allScales, (t) => (l(), r("g", {
+              style: C(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               u("text", {
-                fill: a.color,
-                "font-size": t.fontSizes.dataLabels,
+                fill: t.color,
+                "font-size": i.fontSizes.dataLabels,
                 "text-anchor": "middle",
-                transform: `translate(${a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset - a.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
-              }, C(a.name) + " " + C(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Dt),
-              (l(!0), r(m, null, b(a.yLabels, (c, n) => (l(), r("line", {
-                x1: a.x - 3 + e.xPadding,
-                x2: a.x + e.xPadding,
-                y1: e.checkNaN(c.y),
-                y2: e.checkNaN(c.y),
-                stroke: a.color,
+                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, Dt),
+              (l(!0), r(N, null, I(t.yLabels, (h, n) => (l(), r("line", {
+                x1: t.x - 3 + e.xPadding,
+                x2: t.x + e.xPadding,
+                y1: e.checkNaN(h.y),
+                y2: e.checkNaN(h.y),
+                stroke: t.color,
                 "stroke-width": 1,
                 "stroke-linecap": "round"
               }, null, 8, Ht))), 256)),
-              (l(!0), r(m, null, b(a.yLabels, (c, n) => (l(), r("text", {
-                x: a.x - 5 + e.xPadding,
-                y: e.checkNaN(c.y) + t.fontSizes.dataLabels / 3,
-                "font-size": t.fontSizes.dataLabels,
+              (l(!0), r(N, null, I(t.yLabels, (h, n) => (l(), r("text", {
+                x: t.x - 5 + e.xPadding,
+                y: e.checkNaN(h.y) + i.fontSizes.dataLabels / 3,
+                "font-size": i.fontSizes.dataLabels,
                 "text-anchor": "end",
-                fill: a.color
-              }, C(e.applyDataLabel(
+                fill: t.color
+              }, S(e.applyDataLabel(
                 e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
-                c.value,
+                h.value,
                 e.dataLabel({
-                  p: e.FINAL_CONFIG.chart.labels.prefix,
-                  v: c.value,
-                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  p: h.prefix,
+                  v: h.value,
+                  s: h.suffix,
                   r: 1
-                })
+                }),
+                { datapoint: h.datapoint, seriesIndex: n }
               )), 9, Wt))), 256))
             ], 4))), 256))
-          ], 64)) : (l(!0), r(m, { key: 1 }, b(e.yLabels, (a, c) => (l(), r("g", {
-            key: `yLabel_${c}`
+          ], 64)) : (l(!0), r(N, { key: 1 }, I(e.yLabels, (t, h) => (l(), r("g", {
+            key: `yLabel_${h}`
           }, [
-            e.canShowValue(a) && a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (l(), r("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,
-              y1: e.checkNaN(a.y),
-              y2: e.checkNaN(a.y),
+              y1: e.checkNaN(t.y),
+              y2: e.checkNaN(t.y),
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
               "stroke-linecap": "round"
-            }, null, 8, Et)) : h("", !0),
-            a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (l(), r("text", {
+            }, null, 8, Et)) : 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(a.y + t.fontSizes.dataLabels / 3),
-              "font-size": t.fontSizes.dataLabels,
+              y: e.checkNaN(t.y + i.fontSizes.dataLabels / 3),
+              "font-size": i.fontSizes.dataLabels,
               "text-anchor": "end",
               fill: e.FINAL_CONFIG.chart.grid.labels.color
-            }, C(e.canShowValue(a.value) ? e.applyDataLabel(
+            }, S(e.canShowValue(t.value) ? e.applyDataLabel(
               e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
-              a.value,
+              t.value,
               e.dataLabel({
-                p: e.FINAL_CONFIG.chart.labels.prefix,
-                v: a.value,
-                s: e.FINAL_CONFIG.chart.labels.suffix,
+                p: t.prefix,
+                v: t.value,
+                s: t.suffix,
                 r: 1
               })
-            ) : ""), 9, Bt)) : h("", !0)
+            ) : ""), 9, Bt)) : o("", !0)
           ]))), 128))
-        ])) : h("", !0),
-        (l(!0), r(m, null, b(e.plotSet, (a, c) => (l(), r("g", {
-          key: `serie_plot_${c}`,
-          class: p(`serie_plot_${c}`),
-          style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        ])) : o("", !0),
+        (l(!0), r(N, null, I(e.plotSet, (t, h) => (l(), r("g", {
+          key: `serie_plot_${h}`,
+          class: M(`serie_plot_${h}`),
+          style: C(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-            key: `circle_plot_${c}_${g}`
+          (l(!0), r(N, null, I(t.plots, (n, g) => (l(), r("g", {
+            key: `circle_plot_${h}_${g}`
           }, [
-            e.canShowValue(n.value) ? (l(), V(L, {
+            e.canShowValue(n.value) ? (l(), V(A, {
               key: 0,
-              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
-              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${c}_${t.uniqueId})` : a.color,
+              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(t.shape) ? t.shape : "circle",
+              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${h}_${i.uniqueId})` : t.color,
               plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
-              radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (t.plotRadii.plot || 6) * 1.5 : t.plotRadii.plot || 6,
+              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"])) : h("", !0),
+            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : o("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -1530,16 +1570,16 @@ function qa(i, s, o, f, t, e) {
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               u("div", Xt, [
-                O(i.$slots, "plot-comment", {
-                  plot: { ...n, color: a.color }
+                O(a.$slots, "plot-comment", {
+                  plot: { ...n, color: t.color }
                 }, void 0, !0)
               ])
-            ], 8, Yt)) : h("", !0)
+            ], 8, Yt)) : o("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", qt, [
+          Object.hasOwn(t, "useProgression") && t.useProgression === !0 && !isNaN(e.calcLinearProgression(t.plots).trend) ? (l(), r("g", qt, [
             u("defs", null, [
               u("marker", {
-                id: `plot_arrow_${c}`,
+                id: `plot_arrow_${h}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -1548,119 +1588,119 @@ function qa(i, s, o, f, t, e) {
               }, [
                 u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: a.color
+                  fill: t.color
                 }, null, 8, Ut)
               ], 8, Zt)
             ]),
-            a.plots.length > 1 ? (l(), r("line", {
+            t.plots.length > 1 ? (l(), r("line", {
               key: 0,
-              x1: e.calcLinearProgression(a.plots).x1,
-              x2: e.calcLinearProgression(a.plots).x2,
-              y1: e.calcLinearProgression(a.plots).y1,
-              y2: e.calcLinearProgression(a.plots).y2,
+              x1: e.calcLinearProgression(t.plots).x1,
+              x2: e.calcLinearProgression(t.plots).x2,
+              y1: e.calcLinearProgression(t.plots).y1,
+              y2: e.calcLinearProgression(t.plots).y2,
               "stroke-width": 1,
-              stroke: a.color,
+              stroke: t.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#plot_arrow_${c})`
-            }, null, 8, Jt)) : h("", !0),
-            a.plots.length > 1 ? (l(), r("text", {
+              "marker-end": `url(#plot_arrow_${h})`
+            }, null, 8, Jt)) : o("", !0),
+            t.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
-              x: e.calcLinearProgression(a.plots).x2,
-              y: e.calcLinearProgression(a.plots).y2 - 6,
-              "font-size": t.fontSizes.plotLabels,
-              fill: a.color
-            }, C(e.dataLabel({
-              v: e.calcLinearProgression(a.plots).trend * 100,
+              x: e.calcLinearProgression(t.plots).x2,
+              y: e.calcLinearProgression(t.plots).y2 - 6,
+              "font-size": i.fontSizes.plotLabels,
+              fill: t.color
+            }, S(e.dataLabel({
+              v: e.calcLinearProgression(t.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Qt)) : h("", !0)
-          ])) : h("", !0)
+            })), 9, Qt)) : o("", !0)
+          ])) : o("", !0)
         ], 6))), 128)),
-        (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("g", {
-          key: `serie_line_${c}`,
-          class: p(`serie_line_${c}`),
-          style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        (l(!0), r(N, null, I(e.lineSet, (t, h) => (l(), r("g", {
+          key: `serie_line_${h}`,
+          class: M(`serie_line_${h}`),
+          style: C(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          a.smooth && a.plots.length > 1 ? (l(), r("path", {
+          t.smooth && t.plots.length > 1 ? (l(), r("path", {
             key: 0,
-            d: `M${a.curve}`,
+            d: `M${t.curve}`,
             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,
+            "stroke-dasharray": t.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, Kt)) : a.plots.length > 1 ? (l(), r("g", jt, [
-            (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-              key: `line_${c}_${g}`
+          }, null, 8, Kt)) : t.plots.length > 1 ? (l(), r("g", jt, [
+            (l(!0), r(N, null, I(t.plots, (n, g) => (l(), r("g", {
+              key: `line_${h}_${g}`
             }, [
-              n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (l(), r("line", {
+              n && g < t.plots.length - 1 && t.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(t.plots[g + 1].value) ? (l(), r("line", {
                 key: 0,
                 x1: n.x,
-                x2: a.plots[g + 1].x,
+                x2: t.plots[g + 1].x,
                 y1: n.y,
-                y2: a.plots[g + 1].y,
+                y2: t.plots[g + 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,
+                "stroke-dasharray": t.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, $t)) : h("", !0)
+              }, null, 8, $t)) : o("", !0)
             ]))), 128))
-          ])) : h("", !0)
+          ])) : o("", !0)
         ], 6))), 128)),
-        (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("g", {
-          key: `serie_line_${c}`,
-          class: p(`serie_line_${c}`),
-          style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        (l(!0), r(N, null, I(e.lineSet, (t, h) => (l(), r("g", {
+          key: `serie_line_${h}`,
+          class: M(`serie_line_${h}`),
+          style: C(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          a.useArea && a.plots.length > 1 ? (l(), r("g", ea, [
-            a.smooth ? (l(), r("path", {
+          t.useArea && t.plots.length > 1 ? (l(), r("g", ea, [
+            t.smooth ? (l(), r("path", {
               key: 0,
-              d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${t.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},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
-              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
+              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 * h + 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_${h}_${i.uniqueId})` : e.setOpacity(t.color, e.FINAL_CONFIG.line.area.opacity)
             }, null, 8, ta)) : (l(), r("path", {
               key: 1,
-              d: `M${a.area}Z`,
-              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${t.uniqueId})` : e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)
+              d: `M${t.area}Z`,
+              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${h}_${i.uniqueId})` : e.setOpacity(t.color, e.FINAL_CONFIG.line.area.opacity)
             }, null, 8, aa))
-          ])) : h("", !0),
-          a.smooth && a.plots.length > 1 ? (l(), r("path", {
+          ])) : o("", !0),
+          t.smooth && t.plots.length > 1 ? (l(), r("path", {
             key: 1,
-            d: `M${a.curve}`,
-            stroke: a.color,
+            d: `M${t.curve}`,
+            stroke: t.color,
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
-            "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
+            "stroke-dasharray": t.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, ia)) : a.plots.length > 1 ? (l(), r("g", la, [
-            (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-              key: `line_${c}_${g}`
+          }, null, 8, ia)) : t.plots.length > 1 ? (l(), r("g", la, [
+            (l(!0), r(N, null, I(t.plots, (n, g) => (l(), r("g", {
+              key: `line_${h}_${g}`
             }, [
-              n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (l(), r("line", {
+              n && g < t.plots.length - 1 && t.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(t.plots[g + 1].value) ? (l(), r("line", {
                 key: 0,
                 x1: n.x,
-                x2: a.plots[g + 1].x,
+                x2: t.plots[g + 1].x,
                 y1: n.y,
-                y2: a.plots[g + 1].y,
-                stroke: a.color,
+                y2: t.plots[g + 1].y,
+                stroke: t.color,
                 "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
-                "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
+                "stroke-dasharray": t.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, ra)) : h("", !0)
+              }, null, 8, ra)) : o("", !0)
             ]))), 128))
-          ])) : h("", !0),
-          (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-            key: `circle_line_${c}_${g}`
+          ])) : o("", !0),
+          (l(!0), r(N, null, I(t.plots, (n, g) => (l(), r("g", {
+            key: `circle_line_${h}_${g}`
           }, [
-            n && e.canShowValue(n.value) ? (l(), V(L, {
+            n && e.canShowValue(n.value) ? (l(), V(A, {
               key: 0,
-              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
-              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${c}_${t.uniqueId})` : a.color,
+              shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(t.shape) ? t.shape : "circle",
+              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${h}_${i.uniqueId})` : t.color,
               plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
-              radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (t.plotRadii.line || 6) * 1.5 : t.plotRadii.line || 6,
+              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"])) : h("", !0),
+            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : o("", !0),
             n.comment && e.FINAL_CONFIG.chart.comments.show ? (l(), r("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -1670,16 +1710,16 @@ function qa(i, s, o, f, t, e) {
               y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               u("div", na, [
-                O(i.$slots, "plot-comment", {
-                  plot: { ...n, color: a.color }
+                O(a.$slots, "plot-comment", {
+                  plot: { ...n, color: t.color }
                 }, void 0, !0)
               ])
-            ], 8, sa)) : h("", !0)
+            ], 8, sa)) : o("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (l(), r("g", ca, [
+          Object.hasOwn(t, "useProgression") && t.useProgression === !0 && !isNaN(e.calcLinearProgression(t.plots).trend) ? (l(), r("g", ha, [
             u("defs", null, [
               u("marker", {
-                id: `line_arrow_${c}`,
+                id: `line_arrow_${h}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -1688,108 +1728,108 @@ function qa(i, s, o, f, t, e) {
               }, [
                 u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
-                  fill: a.color
-                }, null, 8, ha)
-              ], 8, oa)
+                  fill: t.color
+                }, null, 8, oa)
+              ], 8, ca)
             ]),
-            a.plots.length > 1 ? (l(), r("line", {
+            t.plots.length > 1 ? (l(), r("line", {
               key: 0,
-              x1: e.calcLinearProgression(a.plots).x1,
-              x2: e.calcLinearProgression(a.plots).x2,
-              y1: e.calcLinearProgression(a.plots).y1,
-              y2: e.calcLinearProgression(a.plots).y2,
+              x1: e.calcLinearProgression(t.plots).x1,
+              x2: e.calcLinearProgression(t.plots).x2,
+              y1: e.calcLinearProgression(t.plots).y1,
+              y2: e.calcLinearProgression(t.plots).y2,
               "stroke-width": 1,
-              stroke: a.color,
+              stroke: t.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#line_arrow_${c})`
-            }, null, 8, da)) : h("", !0),
-            a.plots.length > 1 ? (l(), r("text", {
+              "marker-end": `url(#line_arrow_${h})`
+            }, null, 8, da)) : o("", !0),
+            t.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
-              x: e.calcLinearProgression(a.plots).x2,
-              y: e.calcLinearProgression(a.plots).y2 - 6,
-              "font-size": t.fontSizes.plotLabels,
-              fill: a.color
-            }, C(e.dataLabel({
-              v: e.calcLinearProgression(a.plots).trend * 100,
+              x: e.calcLinearProgression(t.plots).x2,
+              y: e.calcLinearProgression(t.plots).y2 - 6,
+              "font-size": i.fontSizes.plotLabels,
+              fill: t.color
+            }, S(e.dataLabel({
+              v: e.calcLinearProgression(t.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, ua)) : h("", !0)
-          ])) : h("", !0)
+            })), 9, ua)) : o("", !0)
+          ])) : o("", !0)
         ], 6))), 128)),
-        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (l(), r("g", ga, [
-          (l(!0), r(m, null, b(e.barSet, (a, c) => (l(), r("g", {
-            key: `xLabel_bar_${c}`,
-            class: p(`xLabel_bar_${c}`),
-            style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && i.mutableConfig.dataLabels.show ? (l(), r("g", ga, [
+          (l(!0), r(N, null, I(e.barSet, (t, h) => (l(), r("g", {
+            key: `xLabel_bar_${h}`,
+            class: M(`xLabel_bar_${h}`),
+            style: C(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-              key: `xLabel_bar_${c}_${g}`
+            (l(!0), r(N, null, I(t.plots, (n, g) => (l(), r("g", {
+              key: `xLabel_bar_${h}_${g}`
             }, [
-              n && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (l(), r("text", {
+              n && (!Object.hasOwn(t, "dataLabels") || t.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (l(), r("text", {
                 key: 0,
-                x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? n.x + e.slot.line / 2 : e.calcRectX(n) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
+                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),
                 "text-anchor": "middle",
-                "font-size": t.fontSizes.plotLabels,
+                "font-size": i.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color
-              }, C(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: e.FINAL_CONFIG.chart.labels.prefix,
+                  p: t.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  s: t.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.bar.labels.rounding
                 }),
                 {
                   datapoint: n,
-                  serie: a
+                  serie: t
                 }
-              ) : ""), 9, fa)) : h("", !0),
+              ) : ""), 9, fa)) : o("", !0),
               n && e.FINAL_CONFIG.bar.serieName.show ? (l(), r("text", {
                 key: 1,
-                x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? n.x + e.slot.line / 2 : n.x + e.calcRectWidth() * 1.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),
                 "text-anchor": "middle",
-                "font-size": t.fontSizes.plotLabels,
-                fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? a.color : e.FINAL_CONFIG.bar.serieName.color,
+                "font-size": i.fontSizes.plotLabels,
+                fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? t.color : e.FINAL_CONFIG.bar.serieName.color,
                 "font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal"
-              }, C(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, ma)) : h("", !0)
+              }, S(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: t.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : t.name), 9, Na)) : o("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : h("", !0),
-        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (l(), r("g", Na, [
-          (l(!0), r(m, null, b(e.plotSet, (a, c) => (l(), r("g", {
-            key: `xLabel_plot_${c}`,
-            class: p(`xLabel_plot_${c}`),
-            style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        ])) : o("", !0),
+        e.FINAL_CONFIG.plot.labels.show && i.mutableConfig.dataLabels.show ? (l(), r("g", ma, [
+          (l(!0), r(N, null, I(e.plotSet, (t, h) => (l(), r("g", {
+            key: `xLabel_plot_${h}`,
+            class: M(`xLabel_plot_${h}`),
+            style: C(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-              key: `xLabel_plot_${c}_${g}`
+            (l(!0), r(N, null, I(t.plots, (n, g) => (l(), r("g", {
+              key: `xLabel_plot_${h}_${g}`
             }, [
-              n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (l(), r("text", {
+              n && !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 ? (l(), r("text", {
                 key: 0,
                 x: n.x,
                 y: n.y + e.FINAL_CONFIG.plot.labels.offsetY,
                 "text-anchor": "middle",
-                "font-size": t.fontSizes.plotLabels,
+                "font-size": i.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.plot.labels.color
-              }, C(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: e.FINAL_CONFIG.chart.labels.prefix,
+                  p: t.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  s: t.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.plot.labels.rounding
                 }),
                 {
                   datapoint: n,
-                  serie: a
+                  serie: t
                 }
-              ) : ""), 9, Ia)) : h("", !0),
-              n && g === 0 && a.useTag && a.useTag === "start" ? (l(), r("foreignObject", {
+              ) : ""), 9, Ia)) : o("", !0),
+              n && g === 0 && t.useTag && t.useTag === "start" ? (l(), r("foreignObject", {
                 key: 1,
                 x: n.x,
                 y: n.y - 20,
@@ -1798,55 +1838,55 @@ function qa(i, s, o, f, t, e) {
                 style: { overflow: "visible" }
               }, [
                 u("div", {
-                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, C(a.name), 5)
-              ], 8, ba)) : h("", !0),
-              n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (l(), r("foreignObject", {
+                  style: C(`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, xa)) : o("", !0),
+              n && g === t.plots.length - 1 && t.useTag && t.useTag === "end" ? (l(), r("foreignObject", {
                 key: 2,
-                x: n.x - a.name.length * (t.fontSizes.plotLabels / 2),
+                x: n.x - t.name.length * (i.fontSizes.plotLabels / 2),
                 y: n.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
               }, [
                 u("div", {
-                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, C(a.name), 5)
-              ], 8, xa)) : h("", !0)
+                  style: C(`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, ba)) : o("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : h("", !0),
-        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (l(), r("g", _a, [
-          (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("g", {
-            key: `xLabel_line_${c}`,
-            class: p(`xLabel_line_${c}`),
-            style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        ])) : o("", !0),
+        e.FINAL_CONFIG.line.labels.show && i.mutableConfig.dataLabels.show ? (l(), r("g", Fa, [
+          (l(!0), r(N, null, I(e.lineSet, (t, h) => (l(), r("g", {
+            key: `xLabel_line_${h}`,
+            class: M(`xLabel_line_${h}`),
+            style: C(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-              key: `xLabel_line_${c}_${g}`
+            (l(!0), r(N, null, I(t.plots, (n, g) => (l(), r("g", {
+              key: `xLabel_line_${h}_${g}`
             }, [
-              n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (l(), r("text", {
+              n && !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),
                 "text-anchor": "middle",
-                "font-size": t.fontSizes.plotLabels,
+                "font-size": i.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color
-              }, C(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, S(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: e.FINAL_CONFIG.chart.labels.prefix,
+                  p: t.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  s: t.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.line.labels.rounding
                 }),
                 {
                   datapoint: n,
-                  serie: a
+                  serie: t
                 }
-              ) : ""), 9, Fa)) : h("", !0),
-              n && g === 0 && a.useTag && a.useTag === "start" ? (l(), r("foreignObject", {
+              ) : ""), 9, _a)) : o("", !0),
+              n && g === 0 && t.useTag && t.useTag === "start" ? (l(), r("foreignObject", {
                 key: 1,
                 x: n.x,
                 y: n.y - 20,
@@ -1855,168 +1895,168 @@ function qa(i, s, o, f, t, e) {
                 style: { overflow: "visible" }
               }, [
                 u("div", {
-                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, C(a.name), 5)
-              ], 8, ya)) : h("", !0),
-              n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (l(), r("foreignObject", {
+                  style: C(`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, ya)) : o("", !0),
+              n && g === t.plots.length - 1 && t.useTag && t.useTag === "end" ? (l(), r("foreignObject", {
                 key: 2,
-                x: n.x - a.name.length * (t.fontSizes.plotLabels / 2),
+                x: n.x - t.name.length * (i.fontSizes.plotLabels / 2),
                 y: n.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
               }, [
                 u("div", {
-                  style: A(`padding: 3px; background:${e.setOpacity(a.color, 80)};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
-                }, C(a.name), 5)
-              ], 8, Aa)) : h("", !0)
+                  style: C(`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, Aa)) : o("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : h("", !0),
-        (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("g", {
-          key: `xLabel_line_${c}`,
-          class: p(`xLabel_line_${c}`),
-          style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        ])) : o("", !0),
+        (l(!0), r(N, null, I(e.lineSet, (t, h) => (l(), r("g", {
+          key: `xLabel_line_${h}`,
+          class: M(`xLabel_line_${h}`),
+          style: C(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-            key: `xLabel_line_${c}_${g}`
+          (l(!0), r(N, null, I(t.plots, (n, g) => (l(), r("g", {
+            key: `xLabel_line_${h}_${g}`
           }, [
-            n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (l(), r("text", {
+            n && g === 0 && t.showSerieName && t.showSerieName === "start" ? (l(), r("text", {
               key: 0,
-              x: n.x - t.fontSizes.plotLabels,
+              x: n.x - i.fontSizes.plotLabels,
               y: n.y,
-              "font-size": t.fontSizes.plotLabels,
+              "font-size": i.fontSizes.plotLabels,
               "text-anchor": "end",
-              fill: a.color,
+              fill: t.color,
               innerHTML: e.createTSpans({
-                content: a.name,
-                fontSize: t.fontSizes.plotLabels,
-                fill: a.color,
-                x: n.x - t.fontSizes.plotLabels,
+                content: t.name,
+                fontSize: i.fontSizes.plotLabels,
+                fill: t.color,
+                x: n.x - i.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, La)) : h("", !0),
-            n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (l(), r("text", {
+            }, null, 8, La)) : o("", !0),
+            n && g === t.plots.length - 1 && t.showSerieName && t.showSerieName === "end" ? (l(), r("text", {
               key: 1,
-              x: n.x + t.fontSizes.plotLabels,
+              x: n.x + i.fontSizes.plotLabels,
               y: n.y,
-              "font-size": t.fontSizes.plotLabels,
+              "font-size": i.fontSizes.plotLabels,
               "text-anchor": "start",
-              fill: a.color,
+              fill: t.color,
               innerHTML: e.createTSpans({
-                content: a.name,
-                fontSize: t.fontSizes.plotLabels,
-                fill: a.color,
-                x: n.x + t.fontSizes.plotLabels,
+                content: t.name,
+                fontSize: i.fontSizes.plotLabels,
+                fill: t.color,
+                x: n.x + i.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, Ca)) : h("", !0)
+            }, null, 8, Ca)) : o("", !0)
           ]))), 128))
         ], 6))), 128)),
-        (l(!0), r(m, null, b(e.plotSet, (a, c) => (l(), r("g", {
-          key: `xLabel_plot_${c}`,
-          class: p(`xLabel_plot_${c}`),
-          style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+        (l(!0), r(N, null, I(e.plotSet, (t, h) => (l(), r("g", {
+          key: `xLabel_plot_${h}`,
+          class: M(`xLabel_plot_${h}`),
+          style: C(`opacity:${i.selectedScale ? i.selectedScale === t.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (l(!0), r(m, null, b(a.plots, (n, g) => (l(), r("g", {
-            key: `xLabel_plot_${c}_${g}`
+          (l(!0), r(N, null, I(t.plots, (n, g) => (l(), r("g", {
+            key: `xLabel_plot_${h}_${g}`
           }, [
-            n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (l(), r("text", {
+            n && g === 0 && t.showSerieName && t.showSerieName === "start" ? (l(), r("text", {
               key: 0,
-              x: n.x - t.fontSizes.plotLabels,
+              x: n.x - i.fontSizes.plotLabels,
               y: n.y,
-              "font-size": t.fontSizes.plotLabels,
+              "font-size": i.fontSizes.plotLabels,
               "text-anchor": "end",
-              fill: a.color,
+              fill: t.color,
               innerHTML: e.createTSpans({
-                content: a.name,
-                fontSize: t.fontSizes.plotLabels,
-                fill: a.color,
-                x: n.x - t.fontSizes.plotLabels,
+                content: t.name,
+                fontSize: i.fontSizes.plotLabels,
+                fill: t.color,
+                x: n.x - i.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, Sa)) : h("", !0),
-            n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (l(), r("text", {
+            }, null, 8, Sa)) : o("", !0),
+            n && g === t.plots.length - 1 && t.showSerieName && t.showSerieName === "end" ? (l(), r("text", {
               key: 1,
-              x: n.x + t.fontSizes.plotLabels,
+              x: n.x + i.fontSizes.plotLabels,
               y: n.y,
-              "font-size": t.fontSizes.plotLabels,
+              "font-size": i.fontSizes.plotLabels,
               "text-anchor": "start",
-              fill: a.color,
+              fill: t.color,
               innerHTML: e.createTSpans({
-                content: a.name,
-                fontSize: t.fontSizes.plotLabels,
-                fill: a.color,
-                x: n.x + t.fontSizes.plotLabels,
+                content: t.name,
+                fontSize: i.fontSizes.plotLabels,
+                fill: t.color,
+                x: n.x + i.fontSizes.plotLabels,
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, ka)) : h("", !0)
+            }, null, 8, ka)) : o("", !0)
           ]))), 128))
         ], 6))), 128)),
-        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (l(!0), r(m, { key: 8 }, b(e.allScales, (a) => (l(), r("rect", {
-          x: a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
+        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: t.selectedScale === a.id ? e.setOpacity(a.color, 20) : "transparent",
-          onMouseenter: (c) => t.selectedScale = a.id,
-          onMouseleave: s[0] || (s[0] = (c) => t.selectedScale = null)
-        }, null, 40, wa))), 256)) : h("", !0),
+          fill: i.selectedScale === t.id ? e.setOpacity(t.color, 20) : "transparent",
+          onMouseenter: (h) => i.selectedScale = t.id,
+          onMouseleave: s[0] || (s[0] = (h) => i.selectedScale = null)
+        }, null, 40, wa))), 256)) : o("", !0),
         u("g", null, [
-          e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (l(), r("text", {
+          e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !i.mutableConfig.useIndividualScale ? (l(), r("text", {
             key: 0,
-            "font-size": t.fontSizes.yAxis,
+            "font-size": i.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color,
-            transform: `translate(${t.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
+            transform: `translate(${i.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
             "text-anchor": "middle",
             style: { transition: "none" }
-          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Oa)) : h("", !0),
+          }, S(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Oa)) : o("", !0),
           e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (l(), r("text", {
             key: 1,
             "text-anchor": "middle",
-            x: t.width / 2,
-            y: e.drawingArea.bottom + t.fontSizes.yAxis + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
-            "font-size": t.fontSizes.yAxis,
+            x: i.width / 2,
+            y: e.drawingArea.bottom + i.fontSizes.yAxis + i.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
+            "font-size": i.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color
-          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, va)) : h("", !0)
+          }, S(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, va)) : o("", !0)
         ]),
         e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (l(), r("g", Ga, [
-          (l(!0), r(m, null, b(e.timeLabels, (a, c) => (l(), r("g", {
-            key: `time_label_${c}`
+          (l(!0), r(N, null, I(e.timeLabels, (t, h) => (l(), r("g", {
+            key: `time_label_${h}`
           }, [
-            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 && t.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 ? (l(), r("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 && (h === 0 || h === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || t && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && i.selectedSerieIndex === h && !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 && h % 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": t.fontSizes.xAxis,
+              "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 + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
-            }, C(a || ""), 9, za)) : h("", !0)
+              transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * h + 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, pa)) : o("", !0)
           ]))), 128))
-        ])) : h("", !0),
+        ])) : o("", !0),
         u("g", null, [
-          (l(!0), r(m, null, b(e.maxSeries, (a, c) => (l(), r("g", {
-            key: `tooltip_trap_${c}`
+          (l(!0), r(N, null, I(e.maxSeries, (t, h) => (l(), r("g", {
+            key: `tooltip_trap_${h}`
           }, [
             u("rect", {
               "data-cy-trap": "",
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c,
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * h,
               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, h),
               onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
-              onClick: (n) => e.selectX(c)
-            }, null, 40, Ma)
+              onClick: (n) => e.selectX(h)
+            }, null, 40, za)
           ]))), 128))
         ]),
-        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (l(), r("g", pa, [
+        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(i.selectedSerieIndex) ? (l(), r("g", Ma, [
           (l(), r("foreignObject", {
-            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
+            x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * i.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
             width: "200",
             height: "40",
@@ -2024,23 +2064,23 @@ function qa(i, s, o, f, t, e) {
           }, [
             u("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`)
-            }, C(e.timeLabels[t.selectedSerieIndex] || t.selectedSerieIndex), 5)
+              style: C(`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", {
-            cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
+            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,
             fill: e.FINAL_CONFIG.chart.timeTag.circleMarker.color
           }, null, 8, Ta)
-        ])) : h("", !0)
-      ])) : h("", !0),
-      O(i.$slots, "svg", { svg: e.svg }, void 0, !0)
-    ], 14, Ze)) : h("", !0),
-    i.$slots.watermark ? (l(), r("div", Va, [
-      O(i.$slots, "watermark", B(Y({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
-    ])) : h("", !0),
-    e.isDataset ? h("", !0) : (l(), V(N, {
+        ])) : o("", !0)
+      ])) : o("", !0),
+      O(a.$slots, "svg", { svg: e.svg }, void 0, !0)
+    ], 14, Ze)) : o("", !0),
+    a.$slots.watermark ? (l(), r("div", Va, [
+      O(a.$slots, "watermark", B(Y({ isPrinting: i.isPrinting || i.isImaging })), void 0, !0)
+    ])) : o("", !0),
+    e.isDataset ? o("", !0) : (l(), V(m, {
       key: 4,
       config: {
         type: "line",
@@ -2058,14 +2098,14 @@ function qa(i, s, o, f, t, e) {
         }
       }
     }, null, 8, ["config"])),
-    e.FINAL_CONFIG.chart.zoom.show && t.maxX > 6 && e.isDataset ? (l(), V(y, {
+    e.FINAL_CONFIG.chart.zoom.show && i.maxX > 6 && e.isDataset ? (l(), V(L, {
       ref: "chartSlicer",
-      key: `slicer_${t.slicerStep}`,
+      key: `slicer_${i.slicerStep}`,
       background: e.FINAL_CONFIG.chart.zoom.color,
       fontSize: e.FINAL_CONFIG.chart.zoom.fontSize,
       useResetSlot: e.FINAL_CONFIG.chart.zoom.useResetSlot,
-      labelLeft: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[t.slicer.start],
-      labelRight: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[t.slicer.end - 1],
+      labelLeft: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[i.slicer.start],
+      labelRight: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[i.slicer.end - 1],
       textColor: e.FINAL_CONFIG.chart.color,
       inputColor: e.FINAL_CONFIG.chart.zoom.color,
       selectColor: e.FINAL_CONFIG.chart.zoom.highlightColor,
@@ -2076,36 +2116,36 @@ function qa(i, s, o, f, t, e) {
       minimapSelectionRadius: e.FINAL_CONFIG.chart.zoom.minimap.selectionRadius,
       minimapLineColor: e.FINAL_CONFIG.chart.zoom.minimap.lineColor,
       minimapSelectedColorOpacity: e.FINAL_CONFIG.chart.zoom.minimap.selectedColorOpacity,
-      minimapSelectedIndex: t.selectedSerieIndex,
+      minimapSelectedIndex: i.selectedSerieIndex,
       minimapIndicatorColor: e.FINAL_CONFIG.chart.zoom.minimap.indicatorColor,
-      max: t.maxX,
+      max: i.maxX,
       min: 0,
-      valueStart: t.slicer.start,
-      valueEnd: t.slicer.end,
-      start: t.slicer.start,
-      "onUpdate:start": s[2] || (s[2] = (a) => t.slicer.start = a),
-      end: t.slicer.end,
-      "onUpdate:end": s[3] || (s[3] = (a) => t.slicer.end = a),
+      valueStart: i.slicer.start,
+      valueEnd: i.slicer.end,
+      start: i.slicer.start,
+      "onUpdate:start": s[2] || (s[2] = (t) => i.slicer.start = t),
+      end: i.slicer.end,
+      "onUpdate:end": s[3] || (s[3] = (t) => i.slicer.end = t),
       onReset: e.refreshSlicer,
       onTrapMouse: e.selectMinimapIndex
     }, {
-      "reset-action": z(({ reset: a }) => [
-        O(i.$slots, "reset-action", B(Y({ reset: a })), void 0, !0)
+      "reset-action": p(({ reset: t }) => [
+        O(a.$slots, "reset-action", B(Y({ reset: t })), void 0, !0)
       ]),
       _: 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"])) : h("", !0),
+    }, 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 ? (l(), r("div", {
       key: 6,
       ref: "chartLegend",
       class: "vue-ui-xy-legend",
-      style: A(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
+      style: C(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (l(!0), r(m, null, b(e.absoluteDataset, (a, c) => (l(), r("div", {
-        key: `div_legend_item_${c}`,
-        onClick: (n) => e.segregate(a),
-        class: p({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(a.id) })
+      (l(!0), r(N, null, I(e.absoluteDataset, (t, h) => (l(), r("div", {
+        key: `div_legend_item_${h}`,
+        onClick: (n) => e.segregate(t),
+        class: M({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": i.segregatedSeries.includes(t.id) })
       }, [
-        t.icons[a.type] === "line" ? (l(), r("svg", Da, [
+        i.icons[t.type] === "line" ? (l(), r("svg", Da, [
           u("rect", {
             x: "0",
             y: "7",
@@ -2113,18 +2153,18 @@ function qa(i, s, o, f, t, e) {
             stroke: "none",
             height: "4",
             width: "20",
-            fill: a.color
+            fill: t.color
           }, null, 8, Ha),
-          q(L, {
+          q(A, {
             plot: { x: 10, y: 9 },
             radius: 4,
-            color: a.color,
-            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
+            color: t.color,
+            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(t.shape) ? t.shape : "circle",
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             strokeWidth: 1
           }, null, 8, ["color", "shape", "stroke"])
         ])) : (l(), r("svg", Wa, [
-          t.icons[a.type] === "bar" ? (l(), r("rect", {
+          i.icons[t.type] === "bar" ? (l(), r("rect", {
             key: 0,
             x: "0",
             y: "0",
@@ -2132,24 +2172,24 @@ function qa(i, s, o, f, t, e) {
             height: "12",
             width: "12",
             stroke: "none",
-            fill: a.color
-          }, null, 8, Ea)) : (l(), V(L, {
+            fill: t.color
+          }, null, 8, Ea)) : (l(), V(A, {
             key: 1,
             plot: { x: 6, y: 6 },
             radius: 5,
-            color: a.color,
-            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle"
+            color: t.color,
+            shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(t.shape) ? t.shape : "circle"
           }, null, 8, ["color", "shape"]))
         ])),
         u("span", {
-          style: A(`color:${e.FINAL_CONFIG.chart.legend.color}`)
-        }, C(a.name), 5)
+          style: C(`color:${e.FINAL_CONFIG.chart.legend.color}`)
+        }, S(t.name), 5)
       ], 10, Ra))), 128))
     ], 4)) : (l(), r("div", Ba, [
-      O(i.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
+      O(a.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    q(M, {
-      show: t.mutableConfig.showTooltip && t.isTooltip,
+    q(z, {
+      show: i.mutableConfig.showTooltip && i.isTooltip,
       backgroundColor: e.FINAL_CONFIG.chart.tooltip.backgroundColor,
       color: e.FINAL_CONFIG.chart.tooltip.color,
       fontSize: e.FINAL_CONFIG.chart.tooltip.fontSize,
@@ -2159,23 +2199,23 @@ function qa(i, s, o, f, t, e) {
       backgroundOpacity: e.FINAL_CONFIG.chart.tooltip.backgroundOpacity,
       position: e.FINAL_CONFIG.chart.tooltip.position,
       offsetY: e.FINAL_CONFIG.chart.tooltip.offsetY,
-      parent: i.$refs.chart,
+      parent: a.$refs.chart,
       content: e.tooltipContent,
       isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
     }, {
-      "tooltip-before": z(() => [
-        O(i.$slots, "tooltip-before", B(Y({ ...e.dataTooltipSlot })), void 0, !0)
+      "tooltip-before": p(() => [
+        O(a.$slots, "tooltip-before", B(Y({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
-      "tooltip-after": z(() => [
-        O(i.$slots, "tooltip-after", B(Y({ ...e.dataTooltipSlot })), void 0, !0)
+      "tooltip-after": p(() => [
+        O(a.$slots, "tooltip-after", B(Y({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-    e.isDataset ? (l(), V(x, {
+    e.isDataset ? (l(), V(b, {
       key: 8,
       hideDetails: "",
       config: {
-        open: t.mutableConfig.showTable,
+        open: i.mutableConfig.showTable,
         maxHeight: 1e4,
         body: {
           backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
@@ -2187,48 +2227,48 @@ function qa(i, s, o, f, t, e) {
         }
       }
     }, {
-      content: z(() => [
+      content: p(() => [
         u("div", {
-          style: A(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
+          style: C(`${i.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
           u("div", Ya, [
             He(u("input", {
               type: "checkbox",
-              "onUpdate:modelValue": s[4] || (s[4] = (a) => t.showSparklineTable = a)
+              "onUpdate:modelValue": s[4] || (s[4] = (t) => i.showSparklineTable = t)
             }, null, 512), [
-              [We, t.showSparklineTable]
+              [We, i.showSparklineTable]
             ]),
             u("div", {
-              onClick: s[5] || (s[5] = (a) => t.showSparklineTable = !t.showSparklineTable),
+              onClick: s[5] || (s[5] = (t) => i.showSparklineTable = !i.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
-              q(S, {
+              q(k, {
                 name: "chartLine",
                 size: 20,
                 stroke: e.FINAL_CONFIG.chart.color
               }, null, 8, ["stroke"])
             ])
           ]),
-          t.showSparklineTable ? (l(), V(G, {
-            key: `sparkline_${t.segregateStep}`,
+          i.showSparklineTable ? (l(), V(G, {
+            key: `sparkline_${i.segregateStep}`,
             dataset: e.tableSparklineDataset,
             config: e.tableSparklineConfig
           }, null, 8, ["dataset", "config"])) : (l(), V(v, {
-            key: `table_${t.tableStep}`,
+            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] = (a) => t.mutableConfig.showTable = !1)
+            onClose: s[6] || (s[6] = (t) => i.mutableConfig.showTable = !1)
           }, {
-            th: z(({ th: a }) => [
-              u("div", { innerHTML: a }, null, 8, Xa)
+            th: p(({ th: t }) => [
+              u("div", { innerHTML: t }, null, 8, Xa)
             ]),
-            td: z(({ td: a }) => [
-              Ee(C(isNaN(Number(a)) ? a : e.dataLabel({
+            td: p(({ td: t }) => [
+              Ee(S(isNaN(Number(t)) ? t : e.dataLabel({
                 p: e.FINAL_CONFIG.chart.labels.prefix,
-                v: a,
+                v: t,
                 s: e.FINAL_CONFIG.chart.labels.suffix,
                 r: e.FINAL_CONFIG.table.rounding
               })), 1)
@@ -2238,10 +2278,10 @@ function qa(i, s, o, f, t, e) {
         ], 4)
       ]),
       _: 1
-    }, 8, ["config"])) : h("", !0)
+    }, 8, ["config"])) : o("", !0)
   ], 14, qe);
 }
-const ci = /* @__PURE__ */ Be(Xe, [["render", qa], ["__scopeId", "data-v-0874a101"]]);
+const hi = /* @__PURE__ */ Be(Xe, [["render", qa], ["__scopeId", "data-v-7fe10bbc"]]);
 export {
-  ci as default
+  hi as default
 };