vue-data-ui 2.3.82 → 2.3.83

package/dist/{vue-ui-xy-DkNi0ZJ4.js → vue-ui-xy-CTSQiIh0.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-DthbDD1O.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 he, $ as oe, d as de, B as ue, b as ge, q as fe, Q as Ne, a0 as me, r as Ie, e as xe, y as be, L as Fe, x as _e, a1 as ye, o as Ae, s as Le, w as Ce, E as Se, A as ke, u as we } from "./index-B6bGaBzE.js";
+import { D as Oe } from "./DataTable-NaCUmiJt.js";
+import { _ as ve } from "./Title-I5LLf5MT.js";
+import { _ as Ge, u as ze } from "./Tooltip-UuN-HISf.js";
+import { _ as pe } from "./Shape-BBQ0BAq6.js";
+import Me from "./BaseIcon-DY4dOkkj.js";
+import Pe from "./vue-ui-table-sparkline-B6IhXLL_.js";
+import Te from "./vue-ui-skeleton-DyodIkl3.js";
+import { S as Ve } from "./Slicer-BSNY_ZDL.js";
+import Re from "./vue-ui-accordion-BblXoBgi.js";
+import { u as U } from "./useNestedProp-BS8PvQ5U.js";
+import { resolveComponent as T, openBlock as l, createElementBlock as r, normalizeClass as M, normalizeStyle as A, createBlock as V, createCommentVNode as o, createSlots as De, withCtx as z, renderSlot as O, normalizeProps as B, guardReactiveProps as Y, createElementVNode as u, Fragment as N, renderList as x, toDisplayString as C, 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,26 +31,26 @@ const Ye = J(), Xe = {
   },
   components: {
     DataTable: Oe,
-    Shape: Me,
+    Shape: pe,
     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((h, f) => {
+      [null, void 0].includes(h.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 i = Math.max(...this.dataset.map((h) => h.series.length)), s = {
       start: 0,
       end: i
     };
@@ -122,7 +122,7 @@ const Ye = J(), Xe = {
   watch: {
     dataset: {
       handler(i, s) {
-        this.maxX = Math.max(...this.dataset.map((o) => o.series.length)), this.slicer = {
+        this.maxX = Math.max(...this.dataset.map((h) => h.series.length)), this.slicer = {
           start: 0,
           end: this.maxX
         }, this.slicerStep += 1, this.segregateStep += 1;
@@ -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 = [];
+      const i = this.datasetWithIds.filter((t) => !this.segregatedSeries.includes(t.id)), s = Math.max(...i.map((t) => t.series.length)), h = [];
       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));
+        h.push(i.map((e) => e.series[t] || 0).reduce((e, I) => (e || 0) + (I || 0), 0));
+      const f = Math.min(...h);
+      return h.map((t) => t + (f < 0 ? Math.abs(f) : 0));
     },
     customPalette() {
       return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
@@ -178,7 +178,7 @@ const Ye = J(), Xe = {
         id: t.id,
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height
-      })), o = this.plotSet.map((t) => ({
+      })), h = this.plotSet.map((t) => ({
         name: t.name,
         color: t.color,
         scale: t.individualScale,
@@ -190,8 +190,8 @@ const Ye = J(), Xe = {
         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) => ({
+      })), f = [...i, ...s, ...h].flatMap((t) => t).length;
+      return [...i, ...s, ...h].flatMap((t, e) => ({
         id: t.id,
         scaleLabel: t.scaleLabel,
         name: t.name,
@@ -251,7 +251,7 @@ const Ye = J(), Xe = {
     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),
+        series: i.series.map((h) => this.isSafeValue(h) ? h : null).slice(this.slicer.start, this.slicer.end),
         color: this.convertColorToHex(i.color ? i.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
         id: `uniqueId_${s}`
       })) : this.dataset;
@@ -259,13 +259,13 @@ const Ye = J(), Xe = {
     relativeDataset() {
       return this.safeDataset.map((i, s) => ({
         ...i,
-        series: i.series.map((o) => o + this.relativeZero),
+        series: i.series.map((h) => h + this.relativeZero),
         absoluteValues: i.series
       })).filter((i) => !this.segregatedSeries.includes(i.id));
     },
     tableSparklineDataset() {
       return this.relativeDataset.map((i) => {
-        const s = i.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
+        const s = i.absoluteValues.map((h) => [void 0, null].includes(h) ? 0 : h);
         return {
           id: i.id,
           name: i.name,
@@ -304,7 +304,7 @@ const Ye = J(), Xe = {
       return this.safeDataset.map((i, s) => ({
         absoluteIndex: s,
         ...i,
-        series: i.series.map((o) => o + this.relativeZero),
+        series: i.series.map((h) => h + this.relativeZero),
         absoluteValues: i.series,
         segregate: () => this.segregate(i),
         isSegregated: this.segregatedSeries.includes(i.id)
@@ -313,54 +313,60 @@ const Ye = J(), Xe = {
     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,
+        const h = 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 - h) / (f - h)),
+          valueMin: h,
           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;
+        }, w = i.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, L = 1.0000001, m = 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), p = m.min >= 0 ? 0 : Math.abs(m.min), S = 0, G = m.max + p, v = y.max + Math.abs(S), b = 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 - b - a * p / G, n = this.drawingArea.bottom - b - a * S / v, g = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, R = i.series.map((d, F) => {
+          const W = this.mutableConfig.useIndividualScale ? (i.absoluteValues[F] + p) / 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),
+            yOffset: this.checkNaN(b),
             individualHeight: this.checkNaN(a),
             x: this.checkNaN(E),
-            y: this.drawingArea.bottom - x - a * W,
-            value: i.absoluteValues[_],
+            y: this.drawingArea.bottom - b - a * W,
+            value: i.absoluteValues[F],
             zeroPosition: this.checkNaN(c),
             individualMax: this.checkNaN(G),
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[_] || ""
+            comment: i.comments && i.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 = 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, 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),
+            yOffset: this.checkNaN(b),
             individualHeight: this.checkNaN(a),
             x: this.checkNaN(W),
-            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(x) - (this.checkNaN(a) * H[_] || 0)),
-            value: i.absoluteValues[_],
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(b) - (this.checkNaN(a) * H[F] || 0)),
+            value: i.absoluteValues[F],
             zeroPosition: this.checkNaN(c),
             individualMax: this.checkNaN(G),
-            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[_] || ""
+            comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
-        }), F = N.ticks.map((d) => ({
+        }), _ = m.ticks.map((d) => ({
           y: d >= 0 ? c - a * (d / G) : c + a * Math.abs(d) / G,
-          value: d
+          value: d,
+          prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+          suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+          datapoint: i
         })), k = y.ticks.map((d) => {
-          const _ = (d - y.min) / (y.max - y.min);
+          const F = (d - y.min) / (y.max - y.min);
           return {
-            y: d >= 0 ? n - a * _ : n + a * _,
-            value: d
+            y: d >= 0 ? n - a * F : n + a * F,
+            value: d,
+            prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+            suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+            datapoint: i
           };
         });
         return {
           ...i,
-          yOffset: x,
+          yOffset: b,
           autoScaleYLabels: k,
           individualHeight: a,
-          scaleYLabels: i.autoScaling ? k : F,
-          individualScale: i.autoScaling ? y : N,
+          scaleYLabels: i.autoScaling ? k : _,
+          individualScale: i.autoScaling ? y : m,
           individualMax: i.autoScaling ? v : G,
           zeroPosition: i.autoScaling ? n : c,
           plots: i.autoScaling ? D : R
@@ -376,46 +382,52 @@ const Ye = J(), Xe = {
     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)),
+        const s = Math.min(...i.absoluteValues.filter((d) => ![void 0, null].includes(d))), h = 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) / (h - s)),
           valueMin: s,
-          valueMax: o
+          valueMax: h
         }, 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);
+        }, 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), m = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * w : t.valueMax, I), y = L.min >= 0 ? 0 : Math.abs(L.min), p = 0, S = L.max + Math.abs(y), G = m.max + Math.abs(p), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, b = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - v - b * y / S, c = this.drawingArea.bottom - v - b * p / G, n = i.series.map((d, F) => {
+          const W = this.mutableConfig.useIndividualScale ? (i.absoluteValues[F] + Math.abs(y)) / S : 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: i.absoluteValues[F],
+            comment: i.comments && i.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 = i.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 = i.series.map((d, F) => {
+          if (![void 0, null].includes(i.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: i.absoluteValues[F],
+              comment: i.comments && i.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), _ = L.ticks.map((d) => ({
+          y: d >= 0 ? a - b * (d / S) : a + b * Math.abs(d) / S,
+          value: d,
+          prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+          suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+          datapoint: i
+        })), k = 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 ? c - b * F : c + b * F,
+            value: d,
+            prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+            suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+            datapoint: i
           };
         });
         return {
           ...i,
           yOffset: v,
           autoScaleYLabels: k,
-          individualHeight: x,
-          scaleYLabels: i.autoScaling ? k : F,
-          individualScale: i.autoScaling ? N : L,
+          individualHeight: b,
+          scaleYLabels: i.autoScaling ? k : _,
+          individualScale: i.autoScaling ? m : L,
           individualMax: i.autoScaling ? G : S,
           zeroPosition: i.autoScaling ? c : a,
           curve: i.autoScaling ? D : H,
@@ -427,43 +439,49 @@ const Ye = J(), Xe = {
     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)),
+        const s = Math.min(...i.absoluteValues.filter((_) => ![null, void 0].includes(_))), h = Math.max(...i.absoluteValues.filter((_) => ![null, void 0].includes(_))) || 1, t = {
+          ratios: i.absoluteValues.filter((_) => ![null, void 0].includes(_)).map((_) => (_ - s) / (h - s)),
           valueMin: s,
-          valueMax: o
+          valueMax: h
         }, 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);
+        }, 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), m = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax === t.valueMin ? t.valueMax * w : t.valueMax, I), y = L.min >= 0 ? 0 : Math.abs(L.min), p = 0, S = L.max + y, G = m.max + Math.abs(p), v = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - i.cumulatedStackRatio) : 0, b = this.mutableConfig.isStacked ? this.drawingArea.height * i.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - v - b * y / S, c = this.drawingArea.bottom - v - b * p / G, n = i.series.map((_, k) => {
+          const d = this.mutableConfig.useIndividualScale ? (i.absoluteValues[k] + Math.abs(y)) / S : this.ratioToMax(_);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * k),
-            y: this.checkNaN(this.drawingArea.bottom - v - x * d),
+            y: this.checkNaN(this.drawingArea.bottom - v - b * d),
             value: i.absoluteValues[k],
             comment: i.comments && i.comments.slice(this.slicer.start, this.slicer.end)[k] || ""
           };
-        }), 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) => ({
+        }), g = i.absoluteValues.map((_) => m.min >= 0 ? (_ - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (_ + Math.abs(m.min)) / (m.max + Math.abs(m.min))), R = i.series.map((_, 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)),
+          y: this.checkNaN(this.drawingArea.bottom - v - (b * 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);
+        })), H = L.ticks.map((_) => ({
+          y: _ >= 0 ? a - b * (_ / S) : a + b * Math.abs(_) / S,
+          value: _,
+          prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+          suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+          datapoint: i
+        })), D = m.ticks.map((_) => {
+          const k = (_ - m.min) / (m.max - m.min);
           return {
-            y: F >= 0 ? c - x * k : c + x * k,
-            value: F
+            y: _ >= 0 ? c - b * k : c + b * k,
+            value: _,
+            prefix: i.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+            suffix: i.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+            datapoint: i
           };
         });
         return {
           ...i,
           yOffset: v,
           autoScaleYLabels: D,
-          individualHeight: x,
+          individualHeight: b,
           scaleYLabels: i.autoScaling ? D : H,
-          individualScale: i.autoScaling ? N : L,
+          individualScale: i.autoScaling ? m : L,
           individualMax: i.autoScaling ? G : S,
           zeroPosition: i.autoScaling ? c : a,
           plots: i.autoScaling ? R : n
@@ -518,13 +536,13 @@ const Ye = J(), Xe = {
     },
     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 i = this.relativeDataset.map((h) => ({
+        label: h.name,
+        color: h.color,
+        type: h.type
       })), s = [];
-      return this.timeLabels.forEach((o, f) => {
-        const t = [o];
+      return this.timeLabels.forEach((h, f) => {
+        const t = [h];
         this.relativeDataset.forEach((e) => {
           t.push(this.canShowValue(e.absoluteValues[f]) ? Number(e.absoluteValues[f].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
         }), s.push(t);
@@ -537,7 +555,7 @@ const Ye = J(), Xe = {
         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 o = {
+      const h = {
         th: {
           backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
           color: this.FINAL_CONFIG.table.th.color,
@@ -550,7 +568,7 @@ const Ye = J(), Xe = {
         },
         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 };
+      return { head: i, body: s, config: h, colNames: f };
     },
     dataTooltipSlot() {
       return {
@@ -569,13 +587,13 @@ const Ye = J(), Xe = {
         name: i.name,
         color: i.color,
         type: i.type,
-        value: i.absoluteValues.find((s, o) => o === this.selectedSerieIndex),
+        value: i.absoluteValues.find((s, h) => h === this.selectedSerieIndex),
         comments: i.comments || []
       }));
     },
     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;
+      const h = 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,7 +610,7 @@ 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) => {
+      }) : (h && (i += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${h}</div>`), this.selectedSeries.forEach((t) => {
         if (this.isSafeValue(t.value)) {
           let e = "", I = "";
           switch (this.icons[t.type]) {
@@ -659,7 +677,9 @@ 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
+        value: i,
+        prefix: this.FINAL_CONFIG.chart.labels.prefix,
+        suffix: this.FINAL_CONFIG.chart.labels.suffix
       }));
     },
     zero() {
@@ -681,21 +701,21 @@ const Ye = J(), Xe = {
     assignStackRatios: se,
     calcLinearProgression: ne,
     calculateNiceScaleWithExactExtremes: ce,
-    checkNaN: oe,
-    closestDecimal: he,
+    checkNaN: he,
+    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,
@@ -733,9 +753,9 @@ const Ye = J(), Xe = {
           index: s
         });
       }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((i) => {
-        i.series.forEach((s, o) => {
+        i.series.forEach((s, h) => {
           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 '${i.name}' contains the value '${s}' at index ${h}.
 '${s}' was converted to null to allow the chart to display.`);
         });
       }), this.mutableConfig = {
@@ -747,15 +767,15 @@ 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();
+        const s = this.$refs.chart.parentNode, { height: h, 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();
+        let L = null, m = 0;
+        this.FINAL_CONFIG.chart.legend.show && (L = this.$refs.chartLegend, m = L.getBoundingClientRect().height), this.height = h - e - m - w, this.width = f, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((p) => {
+          for (const S of p)
+            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 && (m = this.$refs.chartLegend.getBoundingClientRect().height), this.height = S.contentBoxSize[0].blockSize - e - m - 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();
         }).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;
@@ -819,25 +839,25 @@ const Ye = J(), Xe = {
     },
     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 = [];
+      const s = { x: i[0].x, y: this.zero }, h = { 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();
+      }), [s.x, s.y, ...f, h.x, h.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 = [];
+      const h = { 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();
+      }), [h.x, h.y, ...t, f.x, f.y].toString();
     },
     createStar: X,
     createPolygonPath: P,
     fillArray(i, s) {
-      let o = Array(i).fill(0);
+      let h = Array(i).fill(0);
       for (let f = 0; f < s.length && f < i; f += 1)
-        o[f] = s[f];
-      return o;
+        h[f] = s[f];
+      return h;
     },
     refreshSlicer() {
       this.slicer = {
@@ -867,12 +887,12 @@ const Ye = J(), Xe = {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(i);
     },
     findClosestValue(i, s) {
-      let o = s[0], f = Math.abs(i - s[0]);
+      let h = 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);
+        e < f && s[t] < i && (h = s[t], f = e);
       }
-      return o;
+      return h;
     },
     ratioToMax(i) {
       return i / (this.canShowValue(this.absoluteMax) ? this.absoluteMax : 1);
@@ -934,7 +954,7 @@ 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);
+      const i = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], h = this.table.body, f = i.concat([s]).concat(h), t = this.createCsvContent(f);
       this.downloadCsv({ csvContent: t, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -952,7 +972,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"], ct = ["id"], ht = ["stop-color"], ot = ["stop-color"], dt = ["stop-color"], ut = ["id"], gt = ["stop-color"], ft = ["stop-color"], Nt = ["id"], mt = ["stop-color"], It = ["stop-color"], xt = ["id"], bt = ["stop-color"], Ft = ["stop-color"], _t = ["x", "y", "height", "width", "fill"], yt = ["x", "y", "width"], At = ["x", "y", "height", "width", "fill"], Lt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ct = ["width", "x", "y"], St = { key: 0 }, kt = ["id"], wt = ["fill"], Ot = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], vt = ["x", "y", "font-size", "fill"], Gt = ["stroke", "x1", "x2", "y1", "y2"], zt = { key: 2 }, pt = ["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%" } }, ca = { key: 3 }, ha = ["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 }, za = ["text-anchor", "font-size", "fill", "transform"], pa = ["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,11 +992,11 @@ 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(i, s, h, f, t, e) {
+  const I = T("Title"), w = T("UserOptions"), L = T("Shape"), m = T("Skeleton"), y = T("Slicer"), p = T("Tooltip"), S = 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"}`),
+    class: M(`vue-ui-xy ${t.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%" : ""}`)
   }, [
@@ -999,7 +1019,7 @@ function qa(i, s, o, f, t, e) {
           }
         }
       }, null, 8, ["config"]))
-    ], 4)) : h("", !0),
+    ], 4)) : o("", !0),
     e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (l(), V(w, {
       ref: "defails",
       key: `user_options_${t.step}`,
@@ -1014,7 +1034,7 @@ function qa(i, s, o, f, t, e) {
       hasImg: e.FINAL_CONFIG.chart.userOptions.buttons.img,
       hasLabel: e.FINAL_CONFIG.chart.userOptions.buttons.labels,
       hasTable: e.FINAL_CONFIG.chart.userOptions.buttons.table,
-      hasStack: o.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
+      hasStack: h.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,
@@ -1086,11 +1106,11 @@ function qa(i, s, o, f, t, e) {
         ]),
         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": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.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}`)
@@ -1106,9 +1126,9 @@ 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),
+          t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (l(!0), r(N, { key: 2 }, x(e.allScales, (a) => (l(), r("g", null, [
+            a.id === t.selectedScale && a.yLabels.length ? (l(!0), r(N, { key: 0 }, x(a.yLabels, (c) => (l(), r("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.checkNaN(c.y),
@@ -1116,7 +1136,7 @@ function qa(i, s, o, f, t, e) {
               stroke: a.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)) : a.yLabels.length ? (l(!0), r(N, { key: 1 }, x(a.yLabels, (c) => (l(), r("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.checkNaN(c.y),
@@ -1124,8 +1144,8 @@ function qa(i, s, o, f, t, e) {
               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,9 +1155,9 @@ 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, x(e.yLabels, (a) => (l(), r("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
                 y1: e.checkNaN(a.y),
@@ -1146,10 +1166,10 @@ function qa(i, s, o, f, t, e) {
                 "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", {
+            (l(!0), r(N, null, x(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,
@@ -1158,9 +1178,9 @@ function qa(i, s, o, f, t, e) {
               "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", {
+        (l(!0), r(N, null, x(e.barSet, (a, c) => (l(), r("defs", {
           key: `def_rect_${c}`
         }, [
           u("linearGradient", {
@@ -1189,18 +1209,18 @@ function qa(i, s, o, f, t, e) {
             u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, ot),
+            }, null, 8, ht),
             u("stop", {
               offset: "38%",
               "stop-color": `${e.shiftHue(a.color, 0.02)}`
-            }, null, 8, ht),
+            }, null, 8, ot),
             u("stop", {
               offset: "100%",
               "stop-color": a.color
             }, null, 8, dt)
           ], 8, ct)
         ]))), 128)),
-        (l(!0), r(m, null, b(e.plotSet, (a, c) => (l(), r("defs", {
+        (l(!0), r(N, null, x(e.plotSet, (a, c) => (l(), r("defs", {
           key: `def_plot_${c}`
         }, [
           u("radialGradient", {
@@ -1221,7 +1241,7 @@ function qa(i, s, o, f, t, e) {
             }, null, 8, ft)
           ], 8, ut)
         ]))), 128)),
-        (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("defs", {
+        (l(!0), r(N, null, x(e.lineSet, (a, c) => (l(), r("defs", {
           key: `def_line_${c}`
         }, [
           u("radialGradient", {
@@ -1235,12 +1255,12 @@ function qa(i, s, o, f, t, e) {
             u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, Nt),
+            }, null, 8, mt),
             u("stop", {
               offset: "100%",
               "stop-color": a.color
             }, null, 8, It)
-          ], 8, mt),
+          ], 8, Nt),
           u("linearGradient", {
             id: `areaGradient_${c}_${t.uniqueId}`,
             x1: "0%",
@@ -1251,15 +1271,15 @@ 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),
+            }, null, 8, bt),
             u("stop", {
               offset: "100%",
               "stop-color": `${e.setOpacity(a.color, e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, _t)
-          ], 8, bt)
+            }, 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, x(e.highlightAreas, (a) => (l(), r("g", null, [
+          a.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),
@@ -1267,7 +1287,7 @@ function qa(i, s, o, f, t, e) {
               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),
+            }, null, 8, _t),
             a.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),
@@ -1279,11 +1299,11 @@ function qa(i, s, o, f, t, e) {
               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)
+            ], 8, yt)) : o("", !0)
+          ], 64)) : o("", !0)
         ]))), 256)),
         u("g", null, [
-          (l(!0), r(m, null, b(e.maxSeries, (a, c) => (l(), r("g", {
+          (l(!0), r(N, null, x(e.maxSeries, (a, c) => (l(), r("g", {
             key: `tooltip_trap_${c}`
           }, [
             u("rect", {
@@ -1295,12 +1315,12 @@ function qa(i, s, o, f, t, e) {
             }, null, 8, At)
           ]))), 128))
         ]),
-        e.barSet.length ? (l(!0), r(m, { key: 0 }, b(e.barSet, (a, c) => (l(), r("g", {
+        e.barSet.length ? (l(!0), r(N, { key: 0 }, x(e.barSet, (a, c) => (l(), r("g", {
           key: `serie_bar_${c}`,
-          class: p(`serie_bar_${c}`),
+          class: M(`serie_bar_${c}`),
           style: A(`opacity:${t.selectedScale ? t.selectedScale === a.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", {
+          (l(!0), r(N, null, x(a.plots, (n, g) => (l(), r("g", {
             key: `bar_plot_${c}_${g}`
           }, [
             e.canShowValue(n.value) ? (l(), r("rect", {
@@ -1313,7 +1333,7 @@ function qa(i, s, o, f, t, e) {
               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,
               "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" },
@@ -1325,7 +1345,7 @@ function qa(i, s, o, f, t, e) {
               O(i.$slots, "plot-comment", {
                 plot: { ...n, color: a.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, [
             u("defs", null, [
@@ -1353,7 +1373,7 @@ function qa(i, s, o, f, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#bar_arrow_${c})`
-            }, null, 8, Ot)) : h("", !0),
+            }, null, 8, Ot)) : o("", !0),
             a.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1365,9 +1385,9 @@ function qa(i, s, o, f, t, e) {
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, vt)) : h("", !0)
-          ])) : h("", !0)
-        ], 6))), 128)) : h("", !0),
+            })), 9, vt)) : o("", !0)
+          ])) : o("", !0)
+        ], 6))), 128)) : o("", !0),
         !t.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (l(), r("line", {
           key: 1,
           stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1377,7 +1397,7 @@ 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),
+        }, null, 8, Gt)) : o("", !0),
         e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(t.selectedSerieIndex) || t.selectedMinimapIndex !== null) ? (l(), r("g", zt, [
           u("line", {
             x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (t.selectedSerieIndex || t.selectedMinimapIndex) + e.drawingArea.width / e.maxSeries / 2,
@@ -1389,8 +1409,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, pt)
+        ])) : o("", !0),
         u("g", null, [
           u("rect", {
             style: { transition: "none" },
@@ -1399,7 +1419,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,10 +1442,10 @@ 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, [
+          t.mutableConfig.useIndividualScale ? (l(), r(N, { key: 0 }, [
+            (l(!0), r(N, null, x(e.allScales, (a) => (l(), r("g", null, [
               u("line", {
                 x1: a.x + e.xPadding,
                 x2: a.x + e.xPadding,
@@ -1437,7 +1457,7 @@ function qa(i, s, o, f, t, e) {
                 style: A(`opacity:${t.selectedScale ? t.selectedScale === a.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", {
+            (l(!0), r(N, null, x(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`)
             }, [
               u("text", {
@@ -1446,7 +1466,7 @@ function qa(i, s, o, f, t, e) {
                 "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", {
+              (l(!0), r(N, null, x(a.yLabels, (c, n) => (l(), r("line", {
                 x1: a.x - 3 + e.xPadding,
                 x2: a.x + e.xPadding,
                 y1: e.checkNaN(c.y),
@@ -1455,7 +1475,7 @@ function qa(i, s, o, f, t, e) {
                 "stroke-width": 1,
                 "stroke-linecap": "round"
               }, null, 8, Ht))), 256)),
-              (l(!0), r(m, null, b(a.yLabels, (c, n) => (l(), r("text", {
+              (l(!0), r(N, null, x(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,
@@ -1465,14 +1485,15 @@ function qa(i, s, o, f, t, e) {
                 e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
                 c.value,
                 e.dataLabel({
-                  p: e.FINAL_CONFIG.chart.labels.prefix,
+                  p: c.prefix,
                   v: c.value,
-                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  s: c.suffix,
                   r: 1
-                })
+                }),
+                { datapoint: c.datapoint, seriesIndex: n }
               )), 9, Wt))), 256))
             ], 4))), 256))
-          ], 64)) : (l(!0), r(m, { key: 1 }, b(e.yLabels, (a, c) => (l(), r("g", {
+          ], 64)) : (l(!0), r(N, { key: 1 }, x(e.yLabels, (a, c) => (l(), r("g", {
             key: `yLabel_${c}`
           }, [
             e.canShowValue(a) && a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (l(), r("line", {
@@ -1484,7 +1505,7 @@ function qa(i, s, o, f, t, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
               "stroke-linecap": "round"
-            }, null, 8, Et)) : h("", !0),
+            }, null, 8, Et)) : o("", !0),
             a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (l(), r("text", {
               key: 1,
               x: e.drawingArea.left - 7 + e.xPadding,
@@ -1496,20 +1517,20 @@ function qa(i, s, o, f, t, e) {
               e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
               a.value,
               e.dataLabel({
-                p: e.FINAL_CONFIG.chart.labels.prefix,
+                p: a.prefix,
                 v: a.value,
-                s: e.FINAL_CONFIG.chart.labels.suffix,
+                s: a.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", {
+        ])) : o("", !0),
+        (l(!0), r(N, null, x(e.plotSet, (a, c) => (l(), r("g", {
           key: `serie_plot_${c}`,
-          class: p(`serie_plot_${c}`),
+          class: M(`serie_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(m, null, b(a.plots, (n, g) => (l(), r("g", {
+          (l(!0), r(N, null, x(a.plots, (n, g) => (l(), r("g", {
             key: `circle_plot_${c}_${g}`
           }, [
             e.canShowValue(n.value) ? (l(), V(L, {
@@ -1520,7 +1541,7 @@ function qa(i, s, o, f, t, e) {
               radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (t.plotRadii.plot || 6) * 1.5 : t.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" },
@@ -1534,7 +1555,7 @@ function qa(i, s, o, f, t, e) {
                   plot: { ...n, color: a.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, [
             u("defs", null, [
@@ -1562,7 +1583,7 @@ function qa(i, s, o, f, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#plot_arrow_${c})`
-            }, null, 8, Jt)) : h("", !0),
+            }, null, 8, Jt)) : o("", !0),
             a.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1574,12 +1595,12 @@ function qa(i, s, o, f, t, e) {
               v: e.calcLinearProgression(a.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", {
+        (l(!0), r(N, null, x(e.lineSet, (a, c) => (l(), r("g", {
           key: `serie_line_${c}`,
-          class: p(`serie_line_${c}`),
+          class: M(`serie_line_${c}`),
           style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           a.smooth && a.plots.length > 1 ? (l(), r("path", {
@@ -1590,7 +1611,7 @@ function qa(i, s, o, f, t, e) {
             "stroke-dasharray": a.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", {
+            (l(!0), r(N, null, x(a.plots, (n, g) => (l(), r("g", {
               key: `line_${c}_${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", {
@@ -1604,13 +1625,13 @@ function qa(i, s, o, f, t, e) {
                 "stroke-dasharray": a.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", {
+        (l(!0), r(N, null, x(e.lineSet, (a, c) => (l(), r("g", {
           key: `serie_line_${c}`,
-          class: p(`serie_line_${c}`),
+          class: M(`serie_line_${c}`),
           style: A(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           a.useArea && a.plots.length > 1 ? (l(), r("g", ea, [
@@ -1623,7 +1644,7 @@ function qa(i, s, o, f, t, e) {
               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)
             }, null, 8, aa))
-          ])) : h("", !0),
+          ])) : o("", !0),
           a.smooth && a.plots.length > 1 ? (l(), r("path", {
             key: 1,
             d: `M${a.curve}`,
@@ -1632,7 +1653,7 @@ function qa(i, s, o, f, t, e) {
             "stroke-dasharray": a.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", {
+            (l(!0), r(N, null, x(a.plots, (n, g) => (l(), r("g", {
               key: `line_${c}_${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", {
@@ -1646,10 +1667,10 @@ function qa(i, s, o, f, t, e) {
                 "stroke-dasharray": a.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", {
+          ])) : o("", !0),
+          (l(!0), r(N, null, x(a.plots, (n, g) => (l(), r("g", {
             key: `circle_line_${c}_${g}`
           }, [
             n && e.canShowValue(n.value) ? (l(), V(L, {
@@ -1660,7 +1681,7 @@ function qa(i, s, o, f, t, e) {
               radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g || t.selectedMinimapIndex !== null && t.selectedMinimapIndex === g ? (t.plotRadii.line || 6) * 1.5 : t.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" },
@@ -1674,7 +1695,7 @@ function qa(i, s, o, f, t, e) {
                   plot: { ...n, color: a.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, [
             u("defs", null, [
@@ -1689,8 +1710,8 @@ 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)
+                }, null, 8, oa)
+              ], 8, ha)
             ]),
             a.plots.length > 1 ? (l(), r("line", {
               key: 0,
@@ -1702,7 +1723,7 @@ function qa(i, s, o, f, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#line_arrow_${c})`
-            }, null, 8, da)) : h("", !0),
+            }, null, 8, da)) : o("", !0),
             a.plots.length > 1 ? (l(), r("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1714,16 +1735,16 @@ function qa(i, s, o, f, t, e) {
               v: e.calcLinearProgression(a.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", {
+          (l(!0), r(N, null, x(e.barSet, (a, c) => (l(), r("g", {
             key: `xLabel_bar_${c}`,
-            class: p(`xLabel_bar_${c}`),
+            class: M(`xLabel_bar_${c}`),
             style: A(`opacity:${t.selectedScale ? t.selectedScale === a.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", {
+            (l(!0), r(N, null, x(a.plots, (n, g) => (l(), r("g", {
               key: `xLabel_bar_${c}_${g}`
             }, [
               n && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (l(), r("text", {
@@ -1737,16 +1758,16 @@ function qa(i, s, o, f, t, e) {
                 e.FINAL_CONFIG.bar.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: e.FINAL_CONFIG.chart.labels.prefix,
+                  p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  s: a.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.bar.labels.rounding
                 }),
                 {
                   datapoint: n,
                   serie: a
                 }
-              ) : ""), 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,
@@ -1755,17 +1776,17 @@ function qa(i, s, o, f, t, e) {
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? a.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)
+              }, C(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.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", {
+        ])) : o("", !0),
+        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (l(), r("g", ma, [
+          (l(!0), r(N, null, x(e.plotSet, (a, c) => (l(), r("g", {
             key: `xLabel_plot_${c}`,
-            class: p(`xLabel_plot_${c}`),
+            class: M(`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(m, null, b(a.plots, (n, g) => (l(), r("g", {
+            (l(!0), r(N, null, x(a.plots, (n, g) => (l(), r("g", {
               key: `xLabel_plot_${c}_${g}`
             }, [
               n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (l(), r("text", {
@@ -1779,16 +1800,16 @@ function qa(i, s, o, f, t, e) {
                 e.FINAL_CONFIG.plot.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: e.FINAL_CONFIG.chart.labels.prefix,
+                  p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  s: a.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.plot.labels.rounding
                 }),
                 {
                   datapoint: n,
                   serie: a
                 }
-              ) : ""), 9, Ia)) : h("", !0),
+              ) : ""), 9, Ia)) : o("", !0),
               n && g === 0 && a.useTag && a.useTag === "start" ? (l(), r("foreignObject", {
                 key: 1,
                 x: n.x,
@@ -1800,7 +1821,7 @@ function qa(i, s, o, f, t, e) {
                 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),
+              ], 8, xa)) : o("", !0),
               n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (l(), r("foreignObject", {
                 key: 2,
                 x: n.x - a.name.length * (t.fontSizes.plotLabels / 2),
@@ -1812,17 +1833,17 @@ function qa(i, s, o, f, t, e) {
                 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)
+              ], 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", {
+        ])) : o("", !0),
+        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (l(), r("g", Fa, [
+          (l(!0), r(N, null, x(e.lineSet, (a, c) => (l(), r("g", {
             key: `xLabel_line_${c}`,
-            class: p(`xLabel_line_${c}`),
+            class: M(`xLabel_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(m, null, b(a.plots, (n, g) => (l(), r("g", {
+            (l(!0), r(N, null, x(a.plots, (n, g) => (l(), r("g", {
               key: `xLabel_line_${c}_${g}`
             }, [
               n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (l(), r("text", {
@@ -1836,16 +1857,16 @@ function qa(i, s, o, f, t, e) {
                 e.FINAL_CONFIG.line.labels.formatter,
                 n.value,
                 e.dataLabel({
-                  p: e.FINAL_CONFIG.chart.labels.prefix,
+                  p: a.prefix || e.FINAL_CONFIG.chart.labels.prefix,
                   v: n.value,
-                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  s: a.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.line.labels.rounding
                 }),
                 {
                   datapoint: n,
                   serie: a
                 }
-              ) : ""), 9, Fa)) : h("", !0),
+              ) : ""), 9, _a)) : o("", !0),
               n && g === 0 && a.useTag && a.useTag === "start" ? (l(), r("foreignObject", {
                 key: 1,
                 x: n.x,
@@ -1857,7 +1878,7 @@ function qa(i, s, o, f, t, e) {
                 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),
+              ], 8, ya)) : o("", !0),
               n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (l(), r("foreignObject", {
                 key: 2,
                 x: n.x - a.name.length * (t.fontSizes.plotLabels / 2),
@@ -1869,16 +1890,16 @@ function qa(i, s, o, f, t, e) {
                 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)
+              ], 8, Aa)) : o("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : h("", !0),
-        (l(!0), r(m, null, b(e.lineSet, (a, c) => (l(), r("g", {
+        ])) : o("", !0),
+        (l(!0), r(N, null, x(e.lineSet, (a, c) => (l(), r("g", {
           key: `xLabel_line_${c}`,
-          class: p(`xLabel_line_${c}`),
+          class: M(`xLabel_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(m, null, b(a.plots, (n, g) => (l(), r("g", {
+          (l(!0), r(N, null, x(a.plots, (n, g) => (l(), r("g", {
             key: `xLabel_line_${c}_${g}`
           }, [
             n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (l(), r("text", {
@@ -1896,7 +1917,7 @@ function qa(i, s, o, f, t, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, La)) : h("", !0),
+            }, null, 8, La)) : o("", !0),
             n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (l(), r("text", {
               key: 1,
               x: n.x + t.fontSizes.plotLabels,
@@ -1912,15 +1933,15 @@ function qa(i, s, o, f, t, e) {
                 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", {
+        (l(!0), r(N, null, x(e.plotSet, (a, c) => (l(), r("g", {
           key: `xLabel_plot_${c}`,
-          class: p(`xLabel_plot_${c}`),
+          class: M(`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(m, null, b(a.plots, (n, g) => (l(), r("g", {
+          (l(!0), r(N, null, x(a.plots, (n, g) => (l(), r("g", {
             key: `xLabel_plot_${c}_${g}`
           }, [
             n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (l(), r("text", {
@@ -1938,7 +1959,7 @@ function qa(i, s, o, f, t, e) {
                 y: n.y,
                 maxWords: 2
               })
-            }, null, 8, Sa)) : h("", !0),
+            }, null, 8, Sa)) : o("", !0),
             n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (l(), r("text", {
               key: 1,
               x: n.x + t.fontSizes.plotLabels,
@@ -1954,10 +1975,10 @@ function qa(i, s, o, f, t, e) {
                 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", {
+        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (l(!0), r(N, { key: 8 }, x(e.allScales, (a) => (l(), r("rect", {
           x: a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           y: e.drawingArea.top,
           width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
@@ -1965,7 +1986,7 @@ function qa(i, s, o, f, t, e) {
           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),
+        }, null, 40, wa))), 256)) : o("", !0),
         u("g", null, [
           e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (l(), r("text", {
             key: 0,
@@ -1974,7 +1995,7 @@ function qa(i, s, o, f, t, e) {
             transform: `translate(${t.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),
+          }, C(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",
@@ -1982,10 +2003,10 @@ function qa(i, s, o, f, t, e) {
             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,
             fill: e.FINAL_CONFIG.chart.grid.labels.color
-          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, va)) : h("", !0)
+          }, C(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", {
+          (l(!0), r(N, null, x(e.timeLabels, (a, c) => (l(), r("g", {
             key: `time_label_${c}`
           }, [
             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", {
@@ -1994,11 +2015,11 @@ function qa(i, s, o, f, t, e) {
               "font-size": t.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)
+            }, C(a || ""), 9, za)) : o("", !0)
           ]))), 128))
-        ])) : h("", !0),
+        ])) : o("", !0),
         u("g", null, [
-          (l(!0), r(m, null, b(e.maxSeries, (a, c) => (l(), r("g", {
+          (l(!0), r(N, null, x(e.maxSeries, (a, c) => (l(), r("g", {
             key: `tooltip_trap_${c}`
           }, [
             u("rect", {
@@ -2011,10 +2032,10 @@ function qa(i, s, o, f, t, e) {
               onMouseenter: (n) => e.toggleTooltipVisibility(!0, c),
               onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
               onClick: (n) => e.selectX(c)
-            }, null, 40, Ma)
+            }, null, 40, pa)
           ]))), 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(t.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,
             y: e.drawingArea.bottom,
@@ -2033,14 +2054,14 @@ function qa(i, s, o, f, t, e) {
             r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
             fill: e.FINAL_CONFIG.chart.timeTag.circleMarker.color
           }, null, 8, Ta)
-        ])) : h("", !0)
-      ])) : h("", !0),
+        ])) : o("", !0)
+      ])) : o("", !0),
       O(i.$slots, "svg", { svg: e.svg }, void 0, !0)
-    ], 14, Ze)) : h("", !0),
+    ], 14, Ze)) : o("", !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),
+    e.isDataset ? o("", !0) : (l(), V(m, {
       key: 4,
       config: {
         type: "line",
@@ -2093,17 +2114,17 @@ function qa(i, s, o, f, t, e) {
         O(i.$slots, "reset-action", B(Y({ reset: a })), 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`)
     }, [
-      (l(!0), r(m, null, b(e.absoluteDataset, (a, c) => (l(), r("div", {
+      (l(!0), r(N, null, x(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) })
+        class: M({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(a.id) })
       }, [
         t.icons[a.type] === "line" ? (l(), r("svg", Da, [
           u("rect", {
@@ -2148,7 +2169,7 @@ function qa(i, s, o, f, t, e) {
     ], 4)) : (l(), r("div", Ba, [
       O(i.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    q(M, {
+    q(p, {
       show: t.mutableConfig.showTooltip && t.isTooltip,
       backgroundColor: e.FINAL_CONFIG.chart.tooltip.backgroundColor,
       color: e.FINAL_CONFIG.chart.tooltip.color,
@@ -2171,7 +2192,7 @@ function qa(i, s, o, f, t, e) {
       ]),
       _: 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: {
@@ -2238,10 +2259,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 ci = /* @__PURE__ */ Be(Xe, [["render", qa], ["__scopeId", "data-v-a2fd49c9"]]);
 export {
   ci as default
 };