vue-data-ui 2.3.27 → 2.3.29

package/dist/{vue-ui-xy-CsFr8tix.js → vue-ui-xy-BIbvJSh2.js}

@@ -1,19 +1,19 @@
-import { p as Z } from "./pdf-97UbtKC2.js";
-import { U as J, s as K } from "./usePrinter-BD40aUzH.js";
-import { c as U, a as Q, t as j, r as $, p as ee, u as te, O as X, I as M, E as le, T as ae, z as re, U as ie, L as se, V as oe, x as ne, s as ce, d as he, y as ue, b as de, q as ge, n as fe, C as be, R as Ie, W as me, f as Ne, v as _e, w as Fe, e as xe, o as ye, Y as Ae, B as Se } from "./index-DiWO-_ca.js";
-import { D as Le } from "./DataTable-EqeVt-K-.js";
-import { _ as Ce } from "./Title-C3Ez1ceq.js";
-import { _ as ke, u as we } from "./Tooltip-7SRMoiu-.js";
-import { _ as Oe } from "./Shape-DvcgW6uK.js";
-import ve from "./BaseIcon-D8FXGup9.js";
-import Ge from "./vue-ui-table-sparkline-DZY_23mg.js";
-import ze from "./vue-ui-skeleton-CeNL0kH-.js";
-import { S as pe } from "./Slicer-CH_5wnFM.js";
-import Te from "./vue-ui-accordion-CiNdgRO9.js";
-import { u as q } from "./useNestedProp-DNX5EefQ.js";
-import { resolveComponent as P, openBlock as r, createElementBlock as i, normalizeClass as T, normalizeStyle as S, createVNode as E, createCommentVNode as c, createBlock as V, createSlots as Me, withCtx as z, renderSlot as v, normalizeProps as Y, guardReactiveProps as W, createElementVNode as d, Fragment as I, renderList as m, toDisplayString as C, withDirectives as Pe, vModelCheckbox as Ve, createTextVNode as Re } from "vue";
-import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const He = U(), Be = {
+import { p as J } from "./pdf-97UbtKC2.js";
+import { U as K, s as Q } from "./usePrinter-CZ8F5Cth.js";
+import { c as U, a as j, t as $, v as ee, p as te, u as ae, P as X, J as M, f as q, F as le, U as re, i as ie, A as se, V as oe, M as ne, W as he, y as ce, s as ue, d as de, z as ge, b as fe, r as be, q as Ie, D as me, S as Ne, Y as _e, w as Fe, x as xe, e as ye, o as Ae, Z as Le, C as Se } from "./index-BlXzlBwZ.js";
+import { D as Ce } from "./DataTable-CsPidn0_.js";
+import { _ as ke } from "./Title-eBTH8iGJ.js";
+import { _ as we, u as Oe } from "./Tooltip-B11OahTD.js";
+import { _ as ve } from "./Shape-B4gGeBLI.js";
+import Ge from "./BaseIcon-BG_bJS3R.js";
+import ze from "./vue-ui-table-sparkline-BrqhBv29.js";
+import pe from "./vue-ui-skeleton-CJ2R5R6u.js";
+import { S as Te } from "./Slicer-DaEfxscP.js";
+import Me from "./vue-ui-accordion-wHRG3nXl.js";
+import { u as Z } from "./useNestedProp-BoNl5H_z.js";
+import { resolveComponent as P, openBlock as r, createElementBlock as i, normalizeClass as T, normalizeStyle as L, createVNode as E, createCommentVNode as h, createBlock as V, createSlots as Pe, withCtx as z, renderSlot as v, normalizeProps as Y, guardReactiveProps as W, createElementVNode as d, Fragment as I, renderList as m, toDisplayString as C, withDirectives as Ve, vModelCheckbox as Re, createTextVNode as De } from "vue";
+import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Be = U(), Ye = {
   name: "vue-ui-xy",
   props: {
     config: {
@@ -30,40 +30,40 @@ const He = U(), Be = {
     }
   },
   components: {
-    DataTable: Le,
-    Shape: Oe,
-    Title: Ce,
-    Tooltip: ke,
-    UserOptions: J,
-    BaseIcon: ve,
-    TableSparkline: Ge,
-    Skeleton: ze,
-    Slicer: pe,
-    Accordion: Te
+    DataTable: Ce,
+    Shape: ve,
+    Title: ke,
+    Tooltip: we,
+    UserOptions: K,
+    BaseIcon: Ge,
+    TableSparkline: ze,
+    Skeleton: pe,
+    Slicer: Te,
+    Accordion: Me
   },
   data() {
-    this.dataset.forEach((h, b) => {
-      [null, void 0].includes(h.series) && this.error({
+    this.dataset.forEach((c, b) => {
+      [null, void 0].includes(c.series) && this.error({
         componentName: "VueUiXy",
         type: "datasetSerieAttribute",
         property: "series (number[])",
         index: b
       });
     });
-    const l = Math.max(...this.dataset.map((h) => h.series.length)), o = {
+    const l = Math.max(...this.dataset.map((c) => c.series.length)), o = {
       start: 0,
       end: l
     };
     return {
-      themePalettes: Q,
-      themes: j,
+      themePalettes: j,
+      themes: $,
       slicerStep: 0,
       selectedScale: null,
       CTX: null,
       CANVAS: null,
-      opacity: $,
+      opacity: ee,
       useSafeValues: !0,
-      palette: ee,
+      palette: te,
       height: 600,
       width: 1e3,
       viewBox: "0 0 1000 600",
@@ -103,7 +103,7 @@ const He = U(), Be = {
       maxX: l,
       showSparklineTable: !0,
       segregateStep: 0,
-      sliderId: He,
+      sliderId: Be,
       fontSizes: {
         xAxis: 18,
         yAxis: 12,
@@ -150,7 +150,7 @@ const He = U(), Be = {
         id: t.id,
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height
-      })), h = this.plotSet.map((t) => ({
+      })), c = this.plotSet.map((t) => ({
         name: t.name,
         color: t.color,
         scale: t.individualScale,
@@ -162,8 +162,8 @@ const He = U(), Be = {
         id: t.id,
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height
-      })), b = [...l, ...o, ...h].flatMap((t) => t).length;
-      return [...l, ...o, ...h].flatMap((t, e) => ({
+      })), b = [...l, ...o, ...c].flatMap((t) => t).length;
+      return [...l, ...o, ...c].flatMap((t, e) => ({
         id: t.id,
         scaleLabel: t.scaleLabel,
         name: t.name,
@@ -187,7 +187,7 @@ const He = U(), Be = {
     },
     FINAL_CONFIG: {
       get: function() {
-        const l = te().vue_ui_xy;
+        const l = ae().vue_ui_xy;
         if (!Object.keys(this.config || {}).length)
           return l;
         const o = this.useNestedProp({
@@ -195,7 +195,7 @@ const He = U(), Be = {
           defaultConfig: l
         });
         return o.theme ? {
-          ...q({
+          ...Z({
             userConfig: this.themes.vue_ui_xy[o.theme] || this.config,
             defaultConfig: o
           }),
@@ -222,7 +222,7 @@ const He = U(), Be = {
     safeDataset() {
       return this.useSafeValues ? this.dataset.map((l, o) => ({
         ...l,
-        series: l.series.map((h) => this.isSafeValue(h) ? h : null).slice(this.slicer.start, this.slicer.end),
+        series: l.series.map((c) => this.isSafeValue(c) ? c : null).slice(this.slicer.start, this.slicer.end),
         color: this.convertColorToHex(l.color ? l.color : this.customPalette[o] ? this.customPalette[o] : this.palette[o]),
         id: `uniqueId_${o}`
       })) : this.dataset;
@@ -230,13 +230,13 @@ const He = U(), Be = {
     relativeDataset() {
       return this.safeDataset.map((l, o) => ({
         ...l,
-        series: l.series.map((h) => h + this.relativeZero),
+        series: l.series.map((c) => c + this.relativeZero),
         absoluteValues: l.series
       })).filter((l) => !this.segregatedSeries.includes(l.id));
     },
     tableSparklineDataset() {
       return this.relativeDataset.map((l) => {
-        const o = l.absoluteValues.map((h) => [void 0, null].includes(h) ? 0 : h);
+        const o = l.absoluteValues.map((c) => [void 0, null].includes(c) ? 0 : c);
         return {
           id: l.id,
           name: l.name,
@@ -253,6 +253,8 @@ const He = U(), Be = {
         showMedian: !1,
         showTotal: !1,
         fontFamily: this.FINAL_CONFIG.chart.fontFamily,
+        prefix: this.FINAL_CONFIG.chart.labels.prefix,
+        suffix: this.FINAL_CONFIG.chart.labels.suffix,
         colNames: JSON.parse(JSON.stringify(this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values)),
         thead: {
           backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
@@ -273,7 +275,7 @@ const He = U(), Be = {
       return this.safeDataset.map((l, o) => ({
         absoluteIndex: o,
         ...l,
-        series: l.series.map((h) => h + this.relativeZero),
+        series: l.series.map((c) => c + this.relativeZero),
         absoluteValues: l.series,
         segregate: () => this.segregate(l),
         isSegregated: this.segregatedSeries.includes(l.id)
@@ -282,20 +284,20 @@ const He = U(), Be = {
     barSet() {
       return this.activeSeriesWithStackRatios.filter((l) => l.type === "bar").map((l, o) => {
         this.checkAutoScaleError(l);
-        const h = Math.min(...l.absoluteValues.filter((u) => ![null, void 0].includes(u))), b = Math.max(...l.absoluteValues.filter((u) => ![null, void 0].includes(u))), e = {
-          ratios: l.absoluteValues.filter((u) => ![null, void 0].includes(u)).map((u) => (u - h) / (b - h)),
-          valueMin: h,
+        const c = Math.min(...l.absoluteValues.filter((u) => ![null, void 0].includes(u))), b = Math.max(...l.absoluteValues.filter((u) => ![null, void 0].includes(u))), e = {
+          ratios: l.absoluteValues.filter((u) => ![null, void 0].includes(u)).map((u) => (u - c) / (b - c)),
+          valueMin: c,
           valueMax: b < 0 ? 0 : b
         }, N = {
           max: l.scaleMax || Math.max(...l.absoluteValues) || 1,
           min: l.scaleMin || Math.min(...l.absoluteValues.filter((u) => ![void 0, null].includes(u))) > 0 ? 0 : Math.min(...l.absoluteValues.filter((u) => ![null, void 0].includes(u)))
-        }, A = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, f = this.calculateNiceScale(N.min, N.max, A), F = this.calculateNiceScale(e.valueMin, e.valueMax, A), p = f.min >= 0 ? 0 : Math.abs(f.min), k = 0, w = f.max + p, G = F.max + Math.abs(k), _ = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, L = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - _ - L * p / w, n = this.drawingArea.bottom - _ - L * k / G, s = this.absoluteDataset.filter((u) => u.type === "bar").filter((u) => !this.segregatedSeries.includes(u.id)).length, g = l.series.map((u, x) => {
+        }, A = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, f = this.calculateNiceScale(N.min, N.max, A), F = this.calculateNiceScale(e.valueMin, e.valueMax, A), p = f.min >= 0 ? 0 : Math.abs(f.min), k = 0, w = f.max + p, G = F.max + Math.abs(k), _ = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, S = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - _ - S * p / w, n = this.drawingArea.bottom - _ - S * k / G, s = this.absoluteDataset.filter((u) => u.type === "bar").filter((u) => !this.segregatedSeries.includes(u.id)).length, g = l.series.map((u, x) => {
           const H = this.mutableConfig.useIndividualScale ? (l.absoluteValues[x] + p) / w : this.ratioToMax(u), B = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * x : this.drawingArea.left + this.slot.bar * o + this.slot.bar * x * s - this.barSlot / 2 - o * this.barPeriodGap;
           return {
             yOffset: _,
-            individualHeight: L,
+            individualHeight: S,
             x: B,
-            y: this.drawingArea.bottom - _ - L * H,
+            y: this.drawingArea.bottom - _ - S * H,
             value: l.absoluteValues[x],
             zeroPosition: a,
             individualMax: w,
@@ -305,21 +307,21 @@ const He = U(), Be = {
           const H = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * x : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * o + this.slot.bar * x * this.absoluteDataset.filter((B) => B.type === "bar").filter((B) => !this.segregatedSeries.includes(B.id)).length;
           return {
             yOffset: _,
-            individualHeight: L,
+            individualHeight: S,
             x: H,
-            y: this.drawingArea.bottom - _ - (L * D[x] || 0),
+            y: this.drawingArea.bottom - _ - (S * D[x] || 0),
             value: l.absoluteValues[x],
             zeroPosition: a,
             individualMax: w,
             comment: l.comments && l.comments.slice(this.slicer.start, this.slicer.end)[x] || ""
           };
         }), y = f.ticks.map((u) => ({
-          y: u >= 0 ? a - L * (u / w) : a + L * Math.abs(u) / w,
+          y: u >= 0 ? a - S * (u / w) : a + S * Math.abs(u) / w,
           value: u
         })), O = F.ticks.map((u) => {
           const x = (u - F.min) / (F.max - F.min);
           return {
-            y: u >= 0 ? n - L * x : n + L * x,
+            y: u >= 0 ? n - S * x : n + S * x,
             value: u
           };
         });
@@ -327,7 +329,7 @@ const He = U(), Be = {
           ...l,
           yOffset: _,
           autoScaleYLabels: O,
-          individualHeight: L,
+          individualHeight: S,
           scaleYLabels: l.autoScaling ? O : y,
           individualScale: l.autoScaling ? F : f,
           individualMax: l.autoScaling ? G : w,
@@ -345,14 +347,14 @@ const He = U(), Be = {
     lineSet() {
       return this.activeSeriesWithStackRatios.filter((l) => l.type === "line").map((l) => {
         this.checkAutoScaleError(l);
-        const o = Math.min(...l.absoluteValues.filter((u) => ![void 0, null].includes(u))), h = Math.max(...l.absoluteValues.filter((u) => ![void 0, null].includes(u))) || 1, t = {
-          ratios: l.absoluteValues.filter((u) => ![null, void 0].includes(u)).map((u) => (u - o) / (h - o)),
+        const o = Math.min(...l.absoluteValues.filter((u) => ![void 0, null].includes(u))), c = Math.max(...l.absoluteValues.filter((u) => ![void 0, null].includes(u))) || 1, t = {
+          ratios: l.absoluteValues.filter((u) => ![null, void 0].includes(u)).map((u) => (u - o) / (c - o)),
           valueMin: o,
-          valueMax: h
+          valueMax: c
         }, e = {
           max: l.scaleMax || Math.max(...l.absoluteValues) || 1,
           min: l.scaleMin || (Math.min(...l.absoluteValues) > 0 ? 0 : Math.min(...l.absoluteValues))
-        }, N = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScale(e.min, e.max, N), f = this.calculateNiceScale(t.valueMin, t.valueMax, N), F = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + Math.abs(F), w = f.max + Math.abs(p), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - G - _ * F / k, a = this.drawingArea.bottom - G - _ * p / w, n = l.series.map((u, x) => {
+        }, N = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScale(e.min, e.max, N), f = this.calculateNiceScale(t.valueMin, t.valueMax, N), F = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + Math.abs(F), w = f.max + Math.abs(p), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, S = this.drawingArea.bottom - G - _ * F / k, a = this.drawingArea.bottom - G - _ * p / w, n = l.series.map((u, x) => {
           const H = this.mutableConfig.useIndividualScale ? (l.absoluteValues[x] + Math.abs(F)) / k : this.ratioToMax(u);
           return {
             x: this.drawingArea.left + this.slot.line / 2 + this.slot.line * x,
@@ -369,7 +371,7 @@ const He = U(), Be = {
               comment: l.comments && l.comments.slice(this.slicer.start, this.slicer.end)[x] || ""
             };
         }), D = this.createSmoothPath(n), R = this.createSmoothPath(g), y = A.ticks.map((u) => ({
-          y: u >= 0 ? L - _ * (u / k) : L + _ * Math.abs(u) / k,
+          y: u >= 0 ? S - _ * (u / k) : S + _ * Math.abs(u) / k,
           value: u
         })), O = f.ticks.map((u) => {
           const x = (u - f.min) / (f.max - f.min);
@@ -386,24 +388,24 @@ const He = U(), Be = {
           scaleYLabels: l.autoScaling ? O : y,
           individualScale: l.autoScaling ? f : A,
           individualMax: l.autoScaling ? w : k,
-          zeroPosition: l.autoScaling ? a : L,
+          zeroPosition: l.autoScaling ? a : S,
           curve: l.autoScaling ? R : D,
           plots: l.autoScaling ? g : n,
-          area: l.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(l.autoScaling ? g : n, l.autoScaling ? a : L) : this.createArea(n) : ""
+          area: l.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(l.autoScaling ? g : n, l.autoScaling ? a : S) : this.createArea(n) : ""
         };
       });
     },
     plotSet() {
       return this.activeSeriesWithStackRatios.filter((l) => l.type === "plot").map((l) => {
         this.checkAutoScaleError(l);
-        const o = Math.min(...l.absoluteValues.filter((y) => ![null, void 0].includes(y))), h = Math.max(...l.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, t = {
-          ratios: l.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - o) / (h - o)),
+        const o = Math.min(...l.absoluteValues.filter((y) => ![null, void 0].includes(y))), c = Math.max(...l.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, t = {
+          ratios: l.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - o) / (c - o)),
           valueMin: o,
-          valueMax: h
+          valueMax: c
         }, e = {
           max: l.scaleMax || Math.max(...l.absoluteValues) || 1,
           min: l.scaleMin || Math.min(...l.absoluteValues) > 0 ? 0 : Math.min(...l.absoluteValues)
-        }, N = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScale(e.min, e.max, N), f = this.calculateNiceScale(t.valueMin, t.valueMax, N), F = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + F, w = f.max + Math.abs(p), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, L = this.drawingArea.bottom - G - _ * F / k, a = this.drawingArea.bottom - G - _ * p / w, n = l.series.map((y, O) => {
+        }, N = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScale(e.min, e.max, N), f = this.calculateNiceScale(t.valueMin, t.valueMax, N), F = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + F, w = f.max + Math.abs(p), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, S = this.drawingArea.bottom - G - _ * F / k, a = this.drawingArea.bottom - G - _ * p / w, n = l.series.map((y, O) => {
           const u = this.mutableConfig.useIndividualScale ? (l.absoluteValues[O] + Math.abs(F)) / k : this.ratioToMax(y);
           return {
             x: this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O,
@@ -417,7 +419,7 @@ const He = U(), Be = {
           value: l.absoluteValues[O],
           comment: l.comments && l.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
         })), D = A.ticks.map((y) => ({
-          y: y >= 0 ? L - _ * (y / k) : L + _ * Math.abs(y) / k,
+          y: y >= 0 ? S - _ * (y / k) : S + _ * Math.abs(y) / k,
           value: y
         })), R = f.ticks.map((y) => {
           const O = (y - f.min) / (f.max - f.min);
@@ -434,7 +436,7 @@ const He = U(), Be = {
           scaleYLabels: l.autoScaling ? R : D,
           individualScale: l.autoScaling ? f : A,
           individualMax: l.autoScaling ? w : k,
-          zeroPosition: l.autoScaling ? a : L,
+          zeroPosition: l.autoScaling ? a : S,
           plots: l.autoScaling ? g : n
         };
       });
@@ -485,13 +487,13 @@ const He = U(), Be = {
     },
     table() {
       if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const l = this.relativeDataset.map((h) => ({
-        label: h.name,
-        color: h.color,
-        type: h.type
+      const l = this.relativeDataset.map((c) => ({
+        label: c.name,
+        color: c.color,
+        type: c.type
       })), o = [];
-      return this.timeLabels.forEach((h, b) => {
-        const t = [h];
+      return this.timeLabels.forEach((c, b) => {
+        const t = [c];
         this.relativeDataset.forEach((e) => {
           t.push(this.canShowValue(e.absoluteValues[b]) ? Number(e.absoluteValues[b].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
         }), o.push(t);
@@ -504,7 +506,7 @@ const He = U(), Be = {
         const e = this.relativeDataset.map((N) => N.absoluteValues[t] ?? 0).reduce((N, A) => N + A, 0);
         o.push([this.timeLabels[t] ?? "-"].concat(this.relativeDataset.map((N) => (N.absoluteValues[t] ?? 0).toFixed(this.FINAL_CONFIG.table.rounding))).concat((e ?? 0).toFixed(this.FINAL_CONFIG.table.rounding)));
       }
-      const h = {
+      const c = {
         th: {
           backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
           color: this.FINAL_CONFIG.table.th.color,
@@ -517,7 +519,7 @@ const He = U(), Be = {
         },
         breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
       }, b = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((t) => t.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
-      return { head: l, body: o, config: h, colNames: b };
+      return { head: l, body: o, config: c, colNames: b };
     },
     dataTooltipSlot() {
       return {
@@ -536,13 +538,13 @@ const He = U(), Be = {
         name: l.name,
         color: l.color,
         type: l.type,
-        value: l.absoluteValues.find((o, h) => h === this.selectedSerieIndex),
+        value: l.absoluteValues.find((o, c) => c === this.selectedSerieIndex),
         comments: l.comments || []
       }));
     },
     tooltipContent() {
       let l = "", o = this.selectedSeries.map((t) => t.value).filter((t) => this.isSafeValue(t) && t !== null).reduce((t, e) => Math.abs(t) + Math.abs(e), 0);
-      const h = this.timeLabels[this.selectedSerieIndex], b = this.FINAL_CONFIG.chart.tooltip.customFormat;
+      const c = this.timeLabels[this.selectedSerieIndex], b = this.FINAL_CONFIG.chart.tooltip.customFormat;
       return this.isFunction(b) && this.functionReturnsString(() => b({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
@@ -559,7 +561,7 @@ const He = U(), Be = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      }) : (h && (l += `<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) => {
+      }) : (c && (l += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${c}</div>`), this.selectedSeries.forEach((t) => {
         if (this.isSafeValue(t.value)) {
           let e = "", N = "";
           switch (this.icons[t.type]) {
@@ -599,7 +601,21 @@ const He = U(), Be = {
                 break;
               }
           }
-          l += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${t.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.dataLabel({ p: this.FINAL_CONFIG.chart.labels.prefix, v: t.value, s: this.FINAL_CONFIG.chart.labels.suffix, r: this.FINAL_CONFIG.chart.tooltip.roundingValue }) : ""}</b> ${this.FINAL_CONFIG.chart.tooltip.showPercentage ? `(${this.checkNaN(Math.abs(t.value) / o * 100).toFixed(this.FINAL_CONFIG.chart.tooltip.roundingPercentage)}%)` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && t.comments.length && t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (l += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
+          l += `<div style="display:flex;flex-direction:row; align-items:center;gap:3px;"><div style="width:20px">${e}</div> ${t.name}: <b>${this.FINAL_CONFIG.chart.tooltip.showValue ? this.applyDataLabel(
+            t.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : t.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
+            t.value,
+            this.dataLabel({
+              p: this.FINAL_CONFIG.chart.labels.prefix,
+              v: t.value,
+              s: this.FINAL_CONFIG.chart.labels.suffix,
+              r: this.FINAL_CONFIG.chart.tooltip.roundingValue
+            }),
+            { datapoint: t }
+          ) : ""}</b> ${this.FINAL_CONFIG.chart.tooltip.showPercentage ? `(${q({
+            v: this.checkNaN(Math.abs(t.value) / o * 100),
+            s: "%",
+            r: this.FINAL_CONFIG.chart.tooltip.roundingPercentage
+          })})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && t.comments.length && t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (l += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
         }
       }), `<div style="border-radius:4px;padding:12px;font-variant-numeric: tabular-nums;color:${this.FINAL_CONFIG.chart.tooltip.color}">${l}</div>`);
     },
@@ -631,9 +647,9 @@ const He = U(), Be = {
         index: o
       });
     }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((l) => {
-      l.series.forEach((o, h) => {
+      l.series.forEach((o, c) => {
         this.isSafeValue(o) || console.warn(`SmartXY has detected an unsafe value in your dataset:
------> The serie '${l.name}' contains the value '${o}' at index ${h}.
+-----> The serie '${l.name}' contains the value '${o}' at index ${c}.
 '${o}' was converted to null to allow the chart to display.`);
       });
     }), document.addEventListener("mousemove", (l) => {
@@ -650,13 +666,13 @@ const He = U(), Be = {
       isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
       useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
     }, this.FINAL_CONFIG.responsive) {
-      const o = this.$refs.chart.parentNode, { height: h, width: b } = o.getBoundingClientRect();
+      const o = this.$refs.chart.parentNode, { height: c, width: b } = o.getBoundingClientRect();
       let t = null, e = 0;
       this.FINAL_CONFIG.chart.title.show && (t = this.$refs.chartTitle, e = t.getBoundingClientRect().height);
       let N = null, A = 0;
       this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (N = this.$refs.chartSlicer.$el, A = N.getBoundingClientRect().height);
       let f = null, F = 0;
-      this.FINAL_CONFIG.chart.legend.show && (f = this.$refs.chartLegend, F = f.getBoundingClientRect().height), this.height = h - e - F - A, this.width = b, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((k) => {
+      this.FINAL_CONFIG.chart.legend.show && (f = this.$refs.chartLegend, F = f.getBoundingClientRect().height), this.height = c - e - F - A, this.width = b, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((k) => {
         for (const w of k)
           t && (e = t.getBoundingClientRect().height), N && (A = N.getBoundingClientRect().height), f && (F = f.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - F - A - 24, this.width = w.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
       }).observe(o);
@@ -665,31 +681,32 @@ const He = U(), Be = {
   },
   methods: {
     abbreviate: le,
-    assignStackRatios: ae,
-    calculateNiceScale: re,
-    checkNaN: ie,
-    createSmoothPath: se,
-    isSafeValue: oe,
-    treeShake: ne,
-    shiftHue: ce,
-    pdf: Z,
-    img: K,
-    convertColorToHex: he,
-    convertConfigColors: ue,
-    convertCustomPalette: de,
-    downloadCsv: ge,
-    createCsvContent: fe,
-    adaptColorToBackground: be,
-    calcLinearProgression: Ie,
-    useMouse: we,
-    closestDecimal: me,
-    dataLabel: Ne,
-    isFunction: _e,
-    functionReturnsString: Fe,
-    error: xe,
-    objectIsEmpty: ye,
-    createTSpans: Ae,
-    useNestedProp: q,
+    assignStackRatios: re,
+    applyDataLabel: ie,
+    calculateNiceScale: se,
+    checkNaN: oe,
+    createSmoothPath: ne,
+    isSafeValue: he,
+    treeShake: ce,
+    shiftHue: ue,
+    pdf: J,
+    img: Q,
+    convertColorToHex: de,
+    convertConfigColors: ge,
+    convertCustomPalette: fe,
+    downloadCsv: be,
+    createCsvContent: Ie,
+    adaptColorToBackground: me,
+    calcLinearProgression: Ne,
+    useMouse: Oe,
+    closestDecimal: _e,
+    dataLabel: q,
+    isFunction: Fe,
+    functionReturnsString: xe,
+    error: ye,
+    objectIsEmpty: Ae,
+    createTSpans: Le,
+    useNestedProp: Z,
     translateSize: Se,
     convertSizes() {
       this.fontSizes.dataLabels = this.translateSize({
@@ -747,26 +764,26 @@ const He = U(), Be = {
     },
     createArea(l) {
       if (!l[0]) return [-10, -10, "", -10, -10];
-      const o = { x: l[0].x, y: this.zero }, h = { x: l.at(-1).x, y: this.zero }, b = [];
+      const o = { x: l[0].x, y: this.zero }, c = { x: l.at(-1).x, y: this.zero }, b = [];
       return l.forEach((t) => {
         b.push(`${t.x},${t.y} `);
-      }), [o.x, o.y, ...b, h.x, h.y].toString();
+      }), [o.x, o.y, ...b, c.x, c.y].toString();
     },
     createIndividualArea(l, o) {
       if (!l[0]) return [-10, -10, "", -10, -10];
-      const h = { x: l[0] ? l[0].x : Math.min(...l.filter((e) => !!e).map((e) => e.x)), y: o }, b = { x: l.at(-1) ? l.at(-1).x : Math.min(...l.filter((e) => !!e).map((e) => e.x)), y: o }, t = [];
+      const c = { x: l[0] ? l[0].x : Math.min(...l.filter((e) => !!e).map((e) => e.x)), y: o }, b = { x: l.at(-1) ? l.at(-1).x : Math.min(...l.filter((e) => !!e).map((e) => e.x)), y: o }, t = [];
       return l.filter((e) => !!e).forEach((e) => {
         t.push(`${e.x},${e.y} `);
-      }), [h.x, h.y, ...t, b.x, b.y].toString();
+      }), [c.x, c.y, ...t, b.x, b.y].toString();
     },
     createStar: X,
     createPolygonPath: M,
     /////////////////////////////// CANVAS /////////////////////////////////
     fillArray(l, o) {
-      let h = Array(l).fill(0);
+      let c = Array(l).fill(0);
       for (let b = 0; b < o.length && b < l; b += 1)
-        h[b] = o[b];
-      return h;
+        c[b] = o[b];
+      return c;
     },
     refreshSlicer() {
       this.slicer = {
@@ -796,12 +813,12 @@ const He = U(), Be = {
       return ![null, void 0, NaN].includes(l);
     },
     findClosestValue(l, o) {
-      let h = o[0], b = Math.abs(l - o[0]);
+      let c = o[0], b = Math.abs(l - o[0]);
       for (let t = 1; t < o.length; t += 1) {
         const e = Math.abs(l - o[t]);
-        e < b && o[t] < l && (h = o[t], b = e);
+        e < b && o[t] < l && (c = o[t], b = e);
       }
-      return h;
+      return c;
     },
     ratioToMax(l) {
       return l / this.absoluteMax;
@@ -863,7 +880,7 @@ const He = U(), Be = {
       }, 100);
     },
     generateCsv() {
-      const l = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], o = ["", ...this.table.head.map((e) => e.label)], h = this.table.body, b = l.concat([o]).concat(h), t = this.createCsvContent(b);
+      const l = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], o = ["", ...this.table.head.map((e) => e.label)], c = this.table.body, b = l.concat([o]).concat(c), t = this.createCsvContent(b);
       this.downloadCsv({ csvContent: t, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -881,39 +898,39 @@ const He = U(), Be = {
       }, 100);
     }
   }
-}, Ye = ["id"], We = ["viewBox"], Ee = { key: 0 }, Xe = { class: "vue-ui-xy-grid" }, qe = ["stroke", "x1", "x2", "y1", "y2"], Ue = ["stroke", "x1", "x2", "y1", "y2"], Ze = { key: 1 }, Je = ["x1", "x2", "y1", "y2", "stroke"], Ke = ["x1", "x2", "y1", "y2", "stroke"], Qe = ["x1", "x2", "y1", "y2", "stroke"], je = { key: 3 }, $e = ["x1", "x2", "y1", "y2", "stroke"], et = ["id"], tt = ["stop-color"], lt = ["stop-color"], at = ["stop-color"], rt = ["id"], it = ["stop-color"], st = ["stop-color"], ot = ["stop-color"], nt = ["id"], ct = ["stop-color"], ht = ["stop-color"], ut = ["id"], dt = ["stop-color"], gt = ["stop-color"], ft = ["id"], bt = ["stop-color"], It = ["stop-color"], mt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Nt = ["width", "x", "y"], _t = { key: 0 }, Ft = ["id"], xt = ["fill"], yt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], At = ["x", "y", "font-size", "fill"], St = ["stroke", "x1", "x2", "y1", "y2"], Lt = ["width", "x", "y"], Ct = { style: { width: "100%" } }, kt = { key: 0 }, wt = ["id"], Ot = ["fill"], vt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Gt = ["x", "y", "font-size", "fill"], zt = ["d", "stroke", "stroke-width", "stroke-dasharray"], pt = { key: 1 }, Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mt = { key: 0 }, Pt = ["d", "fill"], Vt = ["d", "fill"], Rt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Dt = { key: 2 }, Ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bt = ["width", "x", "y"], Yt = { style: { width: "100%" } }, Wt = { key: 3 }, Et = ["id"], Xt = ["fill"], qt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ut = ["x", "y", "font-size", "fill"], Zt = { key: 2 }, Jt = ["x", "y", "font-size", "fill"], Kt = ["x", "y", "font-size", "fill", "font-weight"], Qt = { key: 3 }, jt = ["x", "y", "font-size", "fill"], $t = ["x", "y"], el = ["x", "y"], tl = { key: 4 }, ll = ["x", "y", "font-size", "fill"], al = ["x", "y"], rl = ["x", "y"], il = { key: 5 }, sl = ["x", "y", "height", "width", "fill"], ol = ["x", "y", "width"], nl = ["y", "width", "height", "fill"], cl = ["x", "y", "width", "height", "fill"], hl = ["x", "y", "font-size", "fill", "innerHTML"], ul = ["x", "y", "font-size", "fill", "innerHTML"], dl = ["x", "y", "font-size", "fill", "innerHTML"], gl = ["x", "y", "font-size", "fill", "innerHTML"], fl = { key: 6 }, bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Il = ["fill", "font-size", "transform"], ml = ["x1", "x2", "y1", "y2", "stroke"], Nl = ["x", "y", "font-size", "fill"], _l = ["x1", "x2", "y1", "y2", "stroke"], Fl = ["x", "y", "font-size", "fill"], xl = ["x", "y", "width", "height", "fill", "onMouseenter"], yl = ["font-size", "fill", "transform"], Al = ["x", "y", "font-size", "fill"], Sl = { key: 8 }, Ll = ["text-anchor", "font-size", "fill", "transform"], Cl = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], kl = { key: 9 }, wl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ol = { key: 10 }, vl = ["x", "y"], Gl = ["cx", "cy", "r", "fill"], zl = {
+}, We = ["id"], Ee = ["viewBox"], Xe = { key: 0 }, qe = { class: "vue-ui-xy-grid" }, Ze = ["stroke", "x1", "x2", "y1", "y2"], Ue = ["stroke", "x1", "x2", "y1", "y2"], Je = { key: 1 }, Ke = ["x1", "x2", "y1", "y2", "stroke"], Qe = ["x1", "x2", "y1", "y2", "stroke"], je = ["x1", "x2", "y1", "y2", "stroke"], $e = { key: 3 }, et = ["x1", "x2", "y1", "y2", "stroke"], tt = ["id"], at = ["stop-color"], lt = ["stop-color"], rt = ["stop-color"], it = ["id"], st = ["stop-color"], ot = ["stop-color"], nt = ["stop-color"], ht = ["id"], ct = ["stop-color"], ut = ["stop-color"], dt = ["id"], gt = ["stop-color"], ft = ["stop-color"], bt = ["id"], It = ["stop-color"], mt = ["stop-color"], Nt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], _t = ["width", "x", "y"], Ft = { key: 0 }, xt = ["id"], yt = ["fill"], At = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Lt = ["x", "y", "font-size", "fill"], St = ["stroke", "x1", "x2", "y1", "y2"], Ct = ["width", "x", "y"], kt = { style: { width: "100%" } }, wt = { key: 0 }, Ot = ["id"], vt = ["fill"], Gt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], zt = ["x", "y", "font-size", "fill"], pt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Tt = { key: 1 }, Mt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Pt = { key: 0 }, Vt = ["d", "fill"], Rt = ["d", "fill"], Dt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Ht = { key: 2 }, Bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Yt = ["width", "x", "y"], Wt = { style: { width: "100%" } }, Et = { key: 3 }, Xt = ["id"], qt = ["fill"], Zt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ut = ["x", "y", "font-size", "fill"], Jt = { key: 2 }, Kt = ["x", "y", "font-size", "fill"], Qt = ["x", "y", "font-size", "fill", "font-weight"], jt = { key: 3 }, $t = ["x", "y", "font-size", "fill"], ea = ["x", "y"], ta = ["x", "y"], aa = { key: 4 }, la = ["x", "y", "font-size", "fill"], ra = ["x", "y"], ia = ["x", "y"], sa = { key: 5 }, oa = ["x", "y", "height", "width", "fill"], na = ["x", "y", "width"], ha = ["y", "width", "height", "fill"], ca = ["x", "y", "width", "height", "fill"], ua = ["x", "y", "font-size", "fill", "innerHTML"], da = ["x", "y", "font-size", "fill", "innerHTML"], ga = ["x", "y", "font-size", "fill", "innerHTML"], fa = ["x", "y", "font-size", "fill", "innerHTML"], ba = { key: 6 }, Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ma = ["fill", "font-size", "transform"], Na = ["x1", "x2", "y1", "y2", "stroke"], _a = ["x", "y", "font-size", "fill"], Fa = ["x1", "x2", "y1", "y2", "stroke"], xa = ["x", "y", "font-size", "fill"], ya = ["x", "y", "width", "height", "fill", "onMouseenter"], Aa = ["font-size", "fill", "transform"], La = ["x", "y", "font-size", "fill"], Sa = { key: 8 }, Ca = ["text-anchor", "font-size", "fill", "transform"], ka = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], wa = { key: 9 }, Oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], va = { key: 10 }, Ga = ["x", "y"], za = ["cx", "cy", "r", "fill"], pa = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, pl = ["onClick"], Tl = {
+}, Ta = ["onClick"], Ma = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, Ml = ["fill"], Pl = {
+}, Pa = ["fill"], Va = {
   key: 1,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, Vl = ["fill"], Rl = {
+}, Ra = ["fill"], Da = {
   key: 7,
   ref: "chartLegend"
-}, Dl = {
+}, Ha = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
-}, Hl = ["innerHTML"];
-function Bl(l, o, h, b, t, e) {
-  const N = P("Title"), A = P("UserOptions"), f = P("Shape"), F = P("Skeleton"), p = P("Slicer"), k = P("Tooltip"), w = P("BaseIcon"), G = P("TableSparkline"), _ = P("DataTable"), L = P("Accordion");
+}, Ba = ["innerHTML"];
+function Ya(l, o, c, b, t, e) {
+  const N = P("Title"), A = P("UserOptions"), f = P("Shape"), F = P("Skeleton"), p = P("Slicer"), k = P("Tooltip"), w = P("BaseIcon"), G = P("TableSparkline"), _ = P("DataTable"), S = P("Accordion");
   return r(), i("div", {
     id: `vue-ui-xy_${t.uniqueId}`,
     class: T(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
     ref: "chart",
-    style: S(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;${e.FINAL_CONFIG.chart.title.text ? "" : "padding-top:36px"};font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`)
+    style: L(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;${e.FINAL_CONFIG.chart.title.text ? "" : "padding-top:36px"};font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`)
   }, [
     e.FINAL_CONFIG.chart.title.show ? (r(), i("div", {
       key: 0,
       ref: "chartTitle",
       class: "vue-ui-xy-title",
-      style: S(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      style: L(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
       E(N, {
         config: {
@@ -927,7 +944,7 @@ function Bl(l, o, h, b, t, e) {
           }
         }
       }, null, 8, ["config"])
-    ], 4)) : c("", !0),
+    ], 4)) : h("", !0),
     e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (r(), V(A, {
       ref: "defails",
       key: `user_options_${t.step}`,
@@ -942,7 +959,7 @@ function Bl(l, o, h, b, 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: h.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
+      hasStack: c.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
       hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
       isStacked: t.mutableConfig.isStacked,
       isFullscreen: t.isFullscreen,
@@ -957,7 +974,7 @@ function Bl(l, o, h, b, t, e) {
       onToggleLabels: e.toggleLabels,
       onToggleStack: e.toggleStack,
       onToggleTooltip: e.toggleTooltip
-    }, Me({ _: 2 }, [
+    }, Pe({ _: 2 }, [
       l.$slots.optionTooltip ? {
         name: "optionTooltip",
         fn: z(() => [
@@ -1014,17 +1031,17 @@ function Bl(l, o, h, b, 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"])) : c("", !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),
     e.isDataset ? (r(), i("svg", {
       key: 2,
       xmlns: "http://www.w3.org/2000/svg",
       class: T([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
       width: "100%",
       viewBox: t.viewBox,
-      style: S(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
+      style: L(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      e.maxSeries > 0 ? (r(), i("g", Ee, [
-        d("g", Xe, [
+      e.maxSeries > 0 ? (r(), i("g", Xe, [
+        d("g", qe, [
           e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (r(), i("line", {
             key: 0,
             stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1034,7 +1051,7 @@ function Bl(l, o, h, b, t, e) {
             y1: e.drawingArea.bottom,
             y2: e.drawingArea.bottom,
             "stroke-linecap": "round"
-          }, null, 8, qe)) : c("", !0),
+          }, null, 8, Ze)) : h("", !0),
           t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), i(I, { key: 2 }, m(e.allScales, (a) => (r(), i("g", null, [
             a.id === t.selectedScale && a.yLabels.length ? (r(!0), i(I, { key: 0 }, m(a.yLabels, (n) => (r(), i("line", {
               x1: e.drawingArea.left,
@@ -1044,7 +1061,7 @@ function Bl(l, o, h, b, t, e) {
               stroke: a.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, Ke))), 256)) : a.yLabels.length ? (r(!0), i(I, { key: 1 }, m(a.yLabels, (n) => (r(), i("line", {
+            }, null, 8, Qe))), 256)) : a.yLabels.length ? (r(!0), i(I, { key: 1 }, m(a.yLabels, (n) => (r(), i("line", {
               x1: e.drawingArea.left,
               x2: e.drawingArea.right,
               y1: n.y,
@@ -1052,8 +1069,8 @@ function Bl(l, o, h, b, t, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, Qe))), 256)) : c("", !0)
-          ]))), 256)) : c("", !0) : (r(), i(I, { key: 1 }, [
+            }, null, 8, je))), 256)) : h("", !0)
+          ]))), 256)) : h("", !0) : (r(), i(I, { key: 1 }, [
             e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (r(), i("line", {
               key: 0,
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1063,8 +1080,8 @@ function Bl(l, o, h, b, t, e) {
               y1: e.drawingArea.top,
               y2: e.drawingArea.bottom,
               "stroke-linecap": "round"
-            }, null, 8, Ue)) : c("", !0),
-            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), i("g", Ze, [
+            }, null, 8, Ue)) : h("", !0),
+            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), i("g", Je, [
               (r(!0), i(I, null, m(e.yLabels, (a) => (r(), i("line", {
                 x1: e.drawingArea.left,
                 x2: e.drawingArea.right,
@@ -1073,10 +1090,10 @@ function Bl(l, o, h, b, t, e) {
                 stroke: e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-width": 0.5,
                 "stroke-linecap": "round"
-              }, null, 8, Je))), 256))
-            ])) : c("", !0)
+              }, null, 8, Ke))), 256))
+            ])) : h("", !0)
           ], 64)),
-          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), i("g", je, [
+          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), i("g", $e, [
             (r(!0), i(I, null, m(e.maxSeries + 1, (a, n) => (r(), i("line", {
               key: `grid_vertical_line_${n}`,
               x1: e.drawingArea.width / e.maxSeries * n + e.drawingArea.left,
@@ -1085,8 +1102,8 @@ function Bl(l, o, h, b, t, e) {
               y2: e.drawingArea.bottom,
               "stroke-width": "0.5",
               stroke: e.FINAL_CONFIG.chart.grid.stroke
-            }, null, 8, $e))), 128))
-          ])) : c("", !0)
+            }, null, 8, et))), 128))
+          ])) : h("", !0)
         ]),
         (r(!0), i(I, null, m(e.barSet, (a, n) => (r(), i("defs", {
           key: `def_rect_${n}`
@@ -1099,7 +1116,7 @@ function Bl(l, o, h, b, t, e) {
             d("stop", {
               offset: "0%",
               "stop-color": a.color
-            }, null, 8, tt),
+            }, null, 8, at),
             d("stop", {
               offset: "62%",
               "stop-color": `${e.shiftHue(a.color, 0.02)}DE`
@@ -1107,8 +1124,8 @@ function Bl(l, o, h, b, t, e) {
             d("stop", {
               offset: "100%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}66`
-            }, null, 8, at)
-          ], 8, et),
+            }, null, 8, rt)
+          ], 8, tt),
           d("linearGradient", {
             id: `rectGradient_neg_${n}_${t.uniqueId}`,
             x2: "0%",
@@ -1117,16 +1134,16 @@ function Bl(l, o, h, b, t, e) {
             d("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}66`
-            }, null, 8, it),
+            }, null, 8, st),
             d("stop", {
               offset: "38%",
               "stop-color": `${e.shiftHue(a.color, 0.02)}DE`
-            }, null, 8, st),
+            }, null, 8, ot),
             d("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, ot)
-          ], 8, rt)
+            }, null, 8, nt)
+          ], 8, it)
         ]))), 128)),
         (r(!0), i(I, null, m(e.plotSet, (a, n) => (r(), i("defs", {
           key: `def_plot_${n}`
@@ -1146,8 +1163,8 @@ function Bl(l, o, h, b, t, e) {
             d("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, ht)
-          ], 8, nt)
+            }, null, 8, ut)
+          ], 8, ht)
         ]))), 128)),
         (r(!0), i(I, null, m(e.lineSet, (a, n) => (r(), i("defs", {
           key: `def_line_${n}`
@@ -1163,12 +1180,12 @@ function Bl(l, o, h, b, t, e) {
             d("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, dt),
+            }, null, 8, gt),
             d("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, gt)
-          ], 8, ut),
+            }, null, 8, ft)
+          ], 8, dt),
           d("linearGradient", {
             id: `areaGradient_${n}_${t.uniqueId}`,
             x1: "0%",
@@ -1179,17 +1196,17 @@ function Bl(l, o, h, b, t, e) {
             d("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.03)}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, bt),
+            }, null, 8, It),
             d("stop", {
               offset: "100%",
               "stop-color": `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, It)
-          ], 8, ft)
+            }, null, 8, mt)
+          ], 8, bt)
         ]))), 128)),
         e.barSet.length ? (r(!0), i(I, { key: 0 }, m(e.barSet, (a, n) => (r(), i("g", {
           key: `serie_bar_${n}`,
           class: T(`serie_bar_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           (r(!0), i(I, null, m(a.plots, (s, g) => (r(), i("g", {
             key: `bar_plot_${n}_${g}`
@@ -1204,7 +1221,7 @@ function Bl(l, o, h, b, t, e) {
               fill: e.FINAL_CONFIG.bar.useGradient ? s.value >= 0 ? `url(#rectGradient_pos_${n}_${t.uniqueId})` : `url(#rectGradient_neg_${n}_${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, mt)) : c("", !0),
+            }, null, 8, Nt)) : h("", !0),
             s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -1216,9 +1233,9 @@ function Bl(l, o, h, b, t, e) {
               v(l.$slots, "plot-comment", {
                 plot: { ...s, color: a.color }
               }, void 0, !0)
-            ], 8, Nt)) : c("", !0)
+            ], 8, _t)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", _t, [
+          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", Ft, [
             d("defs", null, [
               d("marker", {
                 id: `bar_arrow_${n}`,
@@ -1231,8 +1248,8 @@ function Bl(l, o, h, b, t, e) {
                 d("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, xt)
-              ], 8, Ft)
+                }, null, 8, yt)
+              ], 8, xt)
             ]),
             a.plots.length > 1 ? (r(), i("line", {
               key: 0,
@@ -1244,7 +1261,7 @@ function Bl(l, o, h, b, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#bar_arrow_${n})`
-            }, null, 8, yt)) : c("", !0),
+            }, null, 8, At)) : h("", !0),
             a.plots.length > 1 ? (r(), i("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1256,9 +1273,9 @@ function Bl(l, o, h, b, t, e) {
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, At)) : c("", !0)
-          ])) : c("", !0)
-        ], 6))), 128)) : c("", !0),
+            })), 9, Lt)) : h("", !0)
+          ])) : h("", !0)
+        ], 6))), 128)) : h("", !0),
         !t.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (r(), i("line", {
           key: 1,
           stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1268,11 +1285,11 @@ function Bl(l, o, h, b, t, e) {
           y1: e.zero,
           y2: e.zero,
           "stroke-linecap": "round"
-        }, null, 8, St)) : c("", !0),
+        }, null, 8, St)) : h("", !0),
         (r(!0), i(I, null, m(e.plotSet, (a, n) => (r(), i("g", {
           key: `serie_plot_${n}`,
           class: T(`serie_plot_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           (r(!0), i(I, null, m(a.plots, (s, g) => (r(), i("g", {
             key: `circle_plot_${n}_${g}`
@@ -1285,7 +1302,7 @@ function Bl(l, o, h, b, t, e) {
               radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === 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"])) : c("", !0),
+            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : h("", !0),
             s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -1294,14 +1311,14 @@ function Bl(l, o, h, b, t, e) {
               x: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              d("div", Ct, [
+              d("div", kt, [
                 v(l.$slots, "plot-comment", {
                   plot: { ...s, color: a.color }
                 }, void 0, !0)
               ])
-            ], 8, Lt)) : c("", !0)
+            ], 8, Ct)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", kt, [
+          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", wt, [
             d("defs", null, [
               d("marker", {
                 id: `plot_arrow_${n}`,
@@ -1314,8 +1331,8 @@ function Bl(l, o, h, b, t, e) {
                 d("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, Ot)
-              ], 8, wt)
+                }, null, 8, vt)
+              ], 8, Ot)
             ]),
             a.plots.length > 1 ? (r(), i("line", {
               key: 0,
@@ -1327,7 +1344,7 @@ function Bl(l, o, h, b, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#plot_arrow_${n})`
-            }, null, 8, vt)) : c("", !0),
+            }, null, 8, Gt)) : h("", !0),
             a.plots.length > 1 ? (r(), i("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1339,13 +1356,13 @@ function Bl(l, o, h, b, t, e) {
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Gt)) : c("", !0)
-          ])) : c("", !0)
+            })), 9, zt)) : h("", !0)
+          ])) : h("", !0)
         ], 6))), 128)),
         (r(!0), i(I, null, m(e.lineSet, (a, n) => (r(), i("g", {
           key: `serie_line_${n}`,
           class: T(`serie_line_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           a.smooth && a.plots.length > 1 ? (r(), i("path", {
             key: 0,
@@ -1354,7 +1371,7 @@ function Bl(l, o, h, b, t, e) {
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, zt)) : a.plots.length > 1 ? (r(), i("g", pt, [
+          }, null, 8, pt)) : a.plots.length > 1 ? (r(), i("g", Tt, [
             (r(!0), i(I, null, m(a.plots, (s, g) => (r(), i("g", {
               key: `line_${n}_${g}`
             }, [
@@ -1369,26 +1386,26 @@ function Bl(l, o, h, b, t, e) {
                 "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, Tt)) : c("", !0)
+              }, null, 8, Mt)) : h("", !0)
             ]))), 128))
-          ])) : c("", !0)
+          ])) : h("", !0)
         ], 6))), 128)),
         (r(!0), i(I, null, m(e.lineSet, (a, n) => (r(), i("g", {
           key: `serie_line_${n}`,
           class: T(`serie_line_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          a.useArea && a.plots.length > 1 ? (r(), i("g", Mt, [
+          a.useArea && a.plots.length > 1 ? (r(), i("g", Pt, [
             a.smooth ? (r(), i("path", {
               key: 0,
               d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((s) => !!s).map((s) => s.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * n + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
               fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${n}_${t.uniqueId})` : `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, Pt)) : (r(), i("path", {
+            }, null, 8, Vt)) : (r(), i("path", {
               key: 1,
               d: `M${a.area}Z`,
               fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${n}_${t.uniqueId})` : `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, Vt))
-          ])) : c("", !0),
+            }, null, 8, Rt))
+          ])) : h("", !0),
           a.smooth && a.plots.length > 1 ? (r(), i("path", {
             key: 1,
             d: `M${a.curve}`,
@@ -1396,7 +1413,7 @@ function Bl(l, o, h, b, t, e) {
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, Rt)) : a.plots.length > 1 ? (r(), i("g", Dt, [
+          }, null, 8, Dt)) : a.plots.length > 1 ? (r(), i("g", Ht, [
             (r(!0), i(I, null, m(a.plots, (s, g) => (r(), i("g", {
               key: `line_${n}_${g}`
             }, [
@@ -1411,9 +1428,9 @@ function Bl(l, o, h, b, t, e) {
                 "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, Ht)) : c("", !0)
+              }, null, 8, Bt)) : h("", !0)
             ]))), 128))
-          ])) : c("", !0),
+          ])) : h("", !0),
           (r(!0), i(I, null, m(a.plots, (s, g) => (r(), i("g", {
             key: `circle_line_${n}_${g}`
           }, [
@@ -1425,7 +1442,7 @@ function Bl(l, o, h, b, t, e) {
               radius: t.selectedSerieIndex !== null && t.selectedSerieIndex === g ? (t.plotRadii.line || 6) * 1.5 : t.plotRadii.line,
               stroke: e.FINAL_CONFIG.chart.backgroundColor,
               strokeWidth: 0.5
-            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : c("", !0),
+            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : h("", !0),
             s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
@@ -1434,14 +1451,14 @@ function Bl(l, o, h, b, t, e) {
               x: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
               y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              d("div", Yt, [
+              d("div", Wt, [
                 v(l.$slots, "plot-comment", {
                   plot: { ...s, color: a.color }
                 }, void 0, !0)
               ])
-            ], 8, Bt)) : c("", !0)
+            ], 8, Yt)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", Wt, [
+          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", Et, [
             d("defs", null, [
               d("marker", {
                 id: `line_arrow_${n}`,
@@ -1454,8 +1471,8 @@ function Bl(l, o, h, b, t, e) {
                 d("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, Xt)
-              ], 8, Et)
+                }, null, 8, qt)
+              ], 8, Xt)
             ]),
             a.plots.length > 1 ? (r(), i("line", {
               key: 0,
@@ -1467,7 +1484,7 @@ function Bl(l, o, h, b, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#line_arrow_${n})`
-            }, null, 8, qt)) : c("", !0),
+            }, null, 8, Zt)) : h("", !0),
             a.plots.length > 1 ? (r(), i("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1479,14 +1496,14 @@ function Bl(l, o, h, b, t, e) {
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Ut)) : c("", !0)
-          ])) : c("", !0)
+            })), 9, Ut)) : h("", !0)
+          ])) : h("", !0)
         ], 6))), 128)),
-        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (r(), i("g", Zt, [
+        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (r(), i("g", Jt, [
           (r(!0), i(I, null, m(e.barSet, (a, n) => (r(), i("g", {
             key: `xLabel_bar_${n}`,
             class: T(`xLabel_bar_${n}`),
-            style: S(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+            style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
             (r(!0), i(I, null, m(a.plots, (s, g) => (r(), i("g", {
               key: `xLabel_bar_${n}_${g}`
@@ -1498,7 +1515,20 @@ function Bl(l, o, h, b, t, e) {
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color
-              }, C(e.canShowValue(s.value) ? e.dataLabel({ p: e.FINAL_CONFIG.chart.labels.prefix, v: s.value, s: e.FINAL_CONFIG.chart.labels.suffix, r: e.FINAL_CONFIG.bar.labels.rounding }) : ""), 9, Jt)) : c("", !0),
+              }, C(e.canShowValue(s.value) ? e.applyDataLabel(
+                e.FINAL_CONFIG.bar.labels.formatter,
+                s.value,
+                e.dataLabel({
+                  p: e.FINAL_CONFIG.chart.labels.prefix,
+                  v: s.value,
+                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  r: e.FINAL_CONFIG.bar.labels.rounding
+                }),
+                {
+                  datapoint: s,
+                  serie: a
+                }
+              ) : ""), 9, Kt)) : h("", !0),
               s && e.FINAL_CONFIG.bar.serieName.show ? (r(), i("text", {
                 key: 1,
                 x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? s.x + e.slot.line / 2 : s.x + e.calcRectWidth() * 1.1,
@@ -1507,15 +1537,15 @@ function Bl(l, o, h, b, 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, Kt)) : c("", !0)
+              }, C(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, Qt)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : c("", !0),
-        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (r(), i("g", Qt, [
+        ])) : h("", !0),
+        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (r(), i("g", jt, [
           (r(!0), i(I, null, m(e.plotSet, (a, n) => (r(), i("g", {
             key: `xLabel_plot_${n}`,
             class: T(`xLabel_plot_${n}`),
-            style: S(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+            style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
             (r(!0), i(I, null, m(a.plots, (s, g) => (r(), i("g", {
               key: `xLabel_plot_${n}_${g}`
@@ -1527,7 +1557,20 @@ function Bl(l, o, h, b, t, e) {
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.plot.labels.color
-              }, C(e.canShowValue(s.value) ? e.dataLabel({ p: e.FINAL_CONFIG.chart.labels.prefix, v: s.value, s: e.FINAL_CONFIG.chart.labels.suffix, r: e.FINAL_CONFIG.plot.labels.rounding }) : ""), 9, jt)) : c("", !0),
+              }, C(e.canShowValue(s.value) ? e.applyDataLabel(
+                e.FINAL_CONFIG.plot.labels.formatter,
+                s.value,
+                e.dataLabel({
+                  p: e.FINAL_CONFIG.chart.labels.prefix,
+                  v: s.value,
+                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  r: e.FINAL_CONFIG.plot.labels.rounding
+                }),
+                {
+                  datapoint: s,
+                  serie: a
+                }
+              ) : ""), 9, $t)) : h("", !0),
               s && g === 0 && a.useTag && a.useTag === "start" ? (r(), i("foreignObject", {
                 key: 1,
                 x: s.x,
@@ -1537,9 +1580,9 @@ function Bl(l, o, h, b, t, e) {
                 style: { overflow: "visible" }
               }, [
                 d("div", {
-                  style: S(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                  style: L(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, C(a.name), 5)
-              ], 8, $t)) : c("", !0),
+              ], 8, ea)) : h("", !0),
               s && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), i("foreignObject", {
                 key: 2,
                 x: s.x - a.name.length * (t.fontSizes.plotLabels / 2),
@@ -1549,17 +1592,17 @@ function Bl(l, o, h, b, t, e) {
                 style: { overflow: "visible" }
               }, [
                 d("div", {
-                  style: S(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                  style: L(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, C(a.name), 5)
-              ], 8, el)) : c("", !0)
+              ], 8, ta)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : c("", !0),
-        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (r(), i("g", tl, [
+        ])) : h("", !0),
+        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (r(), i("g", aa, [
           (r(!0), i(I, null, m(e.lineSet, (a, n) => (r(), i("g", {
             key: `xLabel_line_${n}`,
             class: T(`xLabel_line_${n}`),
-            style: S(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+            style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
             (r(!0), i(I, null, m(a.plots, (s, g) => (r(), i("g", {
               key: `xLabel_line_${n}_${g}`
@@ -1571,7 +1614,20 @@ function Bl(l, o, h, b, t, e) {
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color
-              }, C(e.canShowValue(s.value) ? e.dataLabel({ p: e.FINAL_CONFIG.chart.labels.prefix, v: s.value, s: e.FINAL_CONFIG.chart.labels.suffix, r: e.FINAL_CONFIG.line.labels.rounding }) : ""), 9, ll)) : c("", !0),
+              }, C(e.canShowValue(s.value) ? e.applyDataLabel(
+                e.FINAL_CONFIG.line.labels.formatter,
+                s.value,
+                e.dataLabel({
+                  p: e.FINAL_CONFIG.chart.labels.prefix,
+                  v: s.value,
+                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  r: e.FINAL_CONFIG.line.labels.rounding
+                }),
+                {
+                  datapoint: s,
+                  serie: a
+                }
+              ) : ""), 9, la)) : h("", !0),
               s && g === 0 && a.useTag && a.useTag === "start" ? (r(), i("foreignObject", {
                 key: 1,
                 x: s.x,
@@ -1581,9 +1637,9 @@ function Bl(l, o, h, b, t, e) {
                 style: { overflow: "visible" }
               }, [
                 d("div", {
-                  style: S(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                  style: L(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, C(a.name), 5)
-              ], 8, al)) : c("", !0),
+              ], 8, ra)) : h("", !0),
               s && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), i("foreignObject", {
                 key: 2,
                 x: s.x - a.name.length * (t.fontSizes.plotLabels / 2),
@@ -1593,20 +1649,20 @@ function Bl(l, o, h, b, t, e) {
                 style: { overflow: "visible" }
               }, [
                 d("div", {
-                  style: S(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
+                  style: L(`padding: 3px; background:${a.color}${t.opacity[80]};color:${e.adaptColorToBackground(a.color)};width:fit-content;font-size:${t.fontSizes.plotLabels}px;border-radius: 2px;`)
                 }, C(a.name), 5)
-              ], 8, rl)) : c("", !0)
+              ], 8, ia)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : c("", !0),
-        e.hasHighlightArea ? (r(), i("g", il, [
+        ])) : h("", !0),
+        e.hasHighlightArea ? (r(), i("g", sa, [
           d("rect", {
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (e.FINAL_CONFIG.chart.highlightArea.from - t.slicer.start),
             y: e.drawingArea.top,
             height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
             width: e.drawingArea.width / e.maxSeries * e.highlightAreaSpan < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries * e.highlightAreaSpan,
             fill: `${e.FINAL_CONFIG.chart.highlightArea.color}${t.opacity[e.FINAL_CONFIG.chart.highlightArea.opacity]}`
-          }, null, 8, sl),
+          }, null, 8, oa),
           e.FINAL_CONFIG.chart.highlightArea.caption.text ? (r(), i("foreignObject", {
             key: 0,
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (e.FINAL_CONFIG.chart.highlightArea.from - t.slicer.start) - (e.FINAL_CONFIG.chart.highlightArea.caption.width === "auto" ? 0 : e.FINAL_CONFIG.chart.highlightArea.caption.width / 2 - e.drawingArea.width / e.maxSeries * e.highlightAreaSpan / 2),
@@ -1616,10 +1672,10 @@ function Bl(l, o, h, b, t, e) {
             width: e.FINAL_CONFIG.chart.highlightArea.caption.width === "auto" ? e.drawingArea.width / e.maxSeries * e.highlightAreaSpan : e.FINAL_CONFIG.chart.highlightArea.caption.width
           }, [
             d("div", {
-              style: S(`padding:${e.FINAL_CONFIG.chart.highlightArea.caption.padding}px;text-align:${e.FINAL_CONFIG.chart.highlightArea.caption.textAlign};font-size:${e.FINAL_CONFIG.chart.highlightArea.caption.fontSize}px;color:${e.FINAL_CONFIG.chart.highlightArea.caption.color};font-weight:${e.FINAL_CONFIG.chart.highlightArea.caption.bold ? "bold" : "normal"}`)
+              style: L(`padding:${e.FINAL_CONFIG.chart.highlightArea.caption.padding}px;text-align:${e.FINAL_CONFIG.chart.highlightArea.caption.textAlign};font-size:${e.FINAL_CONFIG.chart.highlightArea.caption.fontSize}px;color:${e.FINAL_CONFIG.chart.highlightArea.caption.color};font-weight:${e.FINAL_CONFIG.chart.highlightArea.caption.bold ? "bold" : "normal"}`)
             }, C(e.FINAL_CONFIG.chart.highlightArea.caption.text), 5)
-          ], 8, ol)) : c("", !0)
-        ])) : c("", !0),
+          ], 8, na)) : h("", !0)
+        ])) : h("", !0),
         d("g", null, [
           d("rect", {
             x: 0,
@@ -1627,19 +1683,19 @@ function Bl(l, o, h, b, t, e) {
             width: e.FINAL_CONFIG.chart.padding.left - 1,
             height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
             fill: e.FINAL_CONFIG.chart.backgroundColor
-          }, null, 8, nl),
+          }, null, 8, ha),
           d("rect", {
             x: e.drawingArea.right + 1,
             y: e.drawingArea.top,
             width: e.FINAL_CONFIG.chart.padding.right,
             height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
             fill: e.FINAL_CONFIG.chart.backgroundColor
-          }, null, 8, cl)
+          }, null, 8, ca)
         ]),
         (r(!0), i(I, null, m(e.lineSet, (a, n) => (r(), i("g", {
           key: `xLabel_line_${n}`,
           class: T(`xLabel_line_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           (r(!0), i(I, null, m(a.plots, (s, g) => (r(), i("g", {
             key: `xLabel_line_${n}_${g}`
@@ -1659,7 +1715,7 @@ function Bl(l, o, h, b, t, e) {
                 y: s.y,
                 maxWords: 2
               })
-            }, null, 8, hl)) : c("", !0),
+            }, null, 8, ua)) : h("", !0),
             s && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), i("text", {
               key: 1,
               x: s.x + t.fontSizes.plotLabels,
@@ -1675,13 +1731,13 @@ function Bl(l, o, h, b, t, e) {
                 y: s.y,
                 maxWords: 2
               })
-            }, null, 8, ul)) : c("", !0)
+            }, null, 8, da)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
         (r(!0), i(I, null, m(e.plotSet, (a, n) => (r(), i("g", {
           key: `xLabel_plot_${n}`,
           class: T(`xLabel_plot_${n}`),
-          style: S(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
+          style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
           (r(!0), i(I, null, m(a.plots, (s, g) => (r(), i("g", {
             key: `xLabel_plot_${n}_${g}`
@@ -1701,7 +1757,7 @@ function Bl(l, o, h, b, t, e) {
                 y: s.y,
                 maxWords: 2
               })
-            }, null, 8, dl)) : c("", !0),
+            }, null, 8, ga)) : h("", !0),
             s && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), i("text", {
               key: 1,
               x: s.x + t.fontSizes.plotLabels,
@@ -1717,10 +1773,10 @@ function Bl(l, o, h, b, t, e) {
                 y: s.y,
                 maxWords: 2
               })
-            }, null, 8, gl)) : c("", !0)
+            }, null, 8, fa)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
-        e.FINAL_CONFIG.chart.grid.labels.show ? (r(), i("g", fl, [
+        e.FINAL_CONFIG.chart.grid.labels.show ? (r(), i("g", ba, [
           t.mutableConfig.useIndividualScale ? (r(), i(I, { key: 0 }, [
             (r(!0), i(I, null, m(e.allScales, (a) => (r(), i("g", null, [
               d("line", {
@@ -1731,18 +1787,18 @@ function Bl(l, o, h, b, t, e) {
                 stroke: a.color,
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
-                style: S(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
-              }, null, 12, bl)
+                style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+              }, null, 12, Ia)
             ]))), 256)),
             (r(!0), i(I, null, m(e.allScales, (a) => (r(), i("g", {
-              style: S(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
+              style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               d("text", {
                 fill: a.color,
                 "font-size": t.fontSizes.dataLabels,
                 "text-anchor": "middle",
                 transform: `translate(${a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset - a.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
-              }, C(a.name) + " " + C(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Il),
+              }, C(a.name) + " " + C(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, ma),
               (r(!0), i(I, null, m(a.yLabels, (n, s) => (r(), i("line", {
                 x1: a.x - 3,
                 x2: a.x,
@@ -1751,14 +1807,23 @@ function Bl(l, o, h, b, t, e) {
                 stroke: a.color,
                 "stroke-width": 1,
                 "stroke-linecap": "round"
-              }, null, 8, ml))), 256)),
+              }, null, 8, Na))), 256)),
               (r(!0), i(I, null, m(a.yLabels, (n, s) => (r(), i("text", {
                 x: a.x - 5,
                 y: n.y,
                 "font-size": t.fontSizes.dataLabels,
                 "text-anchor": "end",
                 fill: a.color
-              }, C(e.dataLabel({ p: e.FINAL_CONFIG.chart.labels.prefix, v: n.value, s: e.FINAL_CONFIG.chart.labels.suffix, r: 1 })), 9, Nl))), 256))
+              }, C(e.applyDataLabel(
+                e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
+                n.value,
+                e.dataLabel({
+                  p: e.FINAL_CONFIG.chart.labels.prefix,
+                  v: n.value,
+                  s: e.FINAL_CONFIG.chart.labels.suffix,
+                  r: 1
+                })
+              )), 9, _a))), 256))
             ], 4))), 256))
           ], 64)) : (r(!0), i(I, { key: 1 }, m(e.yLabels, (a, n) => (r(), i("g", {
             key: `yLabel_${n}`
@@ -1772,7 +1837,7 @@ function Bl(l, o, h, b, t, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
               "stroke-linecap": "round"
-            }, null, 8, _l)) : c("", !0),
+            }, null, 8, Fa)) : h("", !0),
             a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), i("text", {
               key: 1,
               x: e.drawingArea.left - 7,
@@ -1780,9 +1845,18 @@ function Bl(l, o, h, b, t, e) {
               "font-size": t.fontSizes.dataLabels,
               "text-anchor": "end",
               fill: e.FINAL_CONFIG.chart.grid.labels.color
-            }, C(e.canShowValue(a.value) ? e.dataLabel({ p: e.FINAL_CONFIG.chart.labels.prefix, v: a.value, s: e.FINAL_CONFIG.chart.labels.suffix, r: 1 }) : ""), 9, Fl)) : c("", !0)
+            }, C(e.canShowValue(a.value) ? e.applyDataLabel(
+              e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
+              a.value,
+              e.dataLabel({
+                p: e.FINAL_CONFIG.chart.labels.prefix,
+                v: a.value,
+                s: e.FINAL_CONFIG.chart.labels.suffix,
+                r: 1
+              })
+            ) : ""), 9, xa)) : h("", !0)
           ]))), 128))
-        ])) : c("", !0),
+        ])) : h("", !0),
         t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (r(!0), i(I, { key: 7 }, m(e.allScales, (a) => (r(), i("rect", {
           x: a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           y: e.drawingArea.top,
@@ -1791,7 +1865,7 @@ function Bl(l, o, h, b, t, e) {
           fill: t.selectedScale === a.id ? `${a.color}20` : "transparent",
           onMouseenter: (n) => t.selectedScale = a.id,
           onMouseleave: o[0] || (o[0] = (n) => t.selectedScale = null)
-        }, null, 40, xl))), 256)) : c("", !0),
+        }, null, 40, ya))), 256)) : h("", !0),
         d("g", null, [
           e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (r(), i("text", {
             key: 0,
@@ -1800,7 +1874,7 @@ function Bl(l, o, h, b, 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, yl)) : c("", !0),
+          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Aa)) : h("", !0),
           e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (r(), i("text", {
             key: 1,
             "text-anchor": "middle",
@@ -1808,9 +1882,9 @@ function Bl(l, o, h, b, 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, Al)) : c("", !0)
+          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, La)) : h("", !0)
         ]),
-        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), i("g", Sl, [
+        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), i("g", Sa, [
           (r(!0), i(I, null, m(e.timeLabels, (a, n) => (r(), i("g", {
             key: `time_label_${n}`
           }, [
@@ -1820,9 +1894,9 @@ function Bl(l, o, h, b, 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 * n + 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, Ll)) : c("", !0)
+            }, C(a || ""), 9, Ca)) : h("", !0)
           ]))), 128))
-        ])) : c("", !0),
+        ])) : h("", !0),
         d("g", null, [
           (r(!0), i(I, null, m(e.maxSeries, (a, n) => (r(), i("g", {
             key: `tooltip_trap_${n}`
@@ -1837,10 +1911,10 @@ function Bl(l, o, h, b, t, e) {
               onMouseenter: (s) => e.toggleTooltipVisibility(!0, n),
               onMouseleave: o[1] || (o[1] = (s) => e.toggleTooltipVisibility(!1)),
               onClick: (s) => e.selectX(n)
-            }, null, 40, Cl)
+            }, null, 40, ka)
           ]))), 128))
         ]),
-        e.FINAL_CONFIG.chart.highlighter.useLine && ![null, void 0].includes(t.selectedSerieIndex) ? (r(), i("g", kl, [
+        e.FINAL_CONFIG.chart.highlighter.useLine && ![null, void 0].includes(t.selectedSerieIndex) ? (r(), i("g", wa, [
           d("line", {
             x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
             x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
@@ -1851,9 +1925,9 @@ function Bl(l, o, h, b, 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, wl)
-        ])) : c("", !0),
-        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (r(), i("g", Ol, [
+          }, null, 8, Oa)
+        ])) : h("", !0),
+        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (r(), i("g", va, [
           (r(), i("foreignObject", {
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
@@ -1863,23 +1937,23 @@ function Bl(l, o, h, b, t, e) {
           }, [
             d("div", {
               class: "vue-ui-xy-time-tag",
-              style: S(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
+              style: L(`width: fit-content;margin: 0 auto;text-align:center;padding:3px 12px;background:${e.FINAL_CONFIG.chart.timeTag.backgroundColor};color:${e.FINAL_CONFIG.chart.timeTag.color};font-size:${e.FINAL_CONFIG.chart.timeTag.fontSize}px`)
             }, C(e.timeLabels[t.selectedSerieIndex] || t.selectedSerieIndex), 5)
-          ], 8, vl)),
+          ], 8, Ga)),
           d("circle", {
             cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
             cy: e.drawingArea.bottom,
             r: e.FINAL_CONFIG.chart.timeTag.circleMarker.radius,
             fill: e.FINAL_CONFIG.chart.timeTag.circleMarker.color
-          }, null, 8, Gl)
-        ])) : c("", !0)
-      ])) : c("", !0),
+          }, null, 8, za)
+        ])) : h("", !0)
+      ])) : h("", !0),
       v(l.$slots, "svg", { svg: e.svg }, void 0, !0)
-    ], 14, We)) : c("", !0),
-    l.$slots.watermark ? (r(), i("div", zl, [
+    ], 14, Ee)) : h("", !0),
+    l.$slots.watermark ? (r(), i("div", pa, [
       v(l.$slots, "watermark", Y(W({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
-    ])) : c("", !0),
-    e.isDataset ? c("", !0) : (r(), V(F, {
+    ])) : h("", !0),
+    e.isDataset ? h("", !0) : (r(), V(F, {
       key: 4,
       config: {
         type: "line",
@@ -1923,19 +1997,19 @@ function Bl(l, o, h, b, t, e) {
         v(l.$slots, "reset-action", Y(W({ reset: a })), void 0, !0)
       ]),
       _: 3
-    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "max", "valueStart", "valueEnd", "start", "end", "onReset"])) : c("", !0),
+    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "max", "valueStart", "valueEnd", "start", "end", "onReset"])) : h("", !0),
     e.FINAL_CONFIG.chart.legend.show ? (r(), i("div", {
       key: 6,
       ref: "chartLegend",
       class: "vue-ui-xy-legend",
-      style: S(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
+      style: L(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
       (r(!0), i(I, null, m(e.absoluteDataset, (a, n) => (r(), i("div", {
         key: `div_legend_item_${n}`,
         onClick: (s) => e.segregate(a),
         class: T({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(a.id) })
       }, [
-        t.icons[a.type] === "line" ? (r(), i("svg", Tl, [
+        t.icons[a.type] === "line" ? (r(), i("svg", Ma, [
           d("rect", {
             x: "0",
             y: "7",
@@ -1944,7 +2018,7 @@ function Bl(l, o, h, b, t, e) {
             height: "4",
             width: "20",
             fill: a.color
-          }, null, 8, Ml),
+          }, null, 8, Pa),
           E(f, {
             plot: { x: 10, y: 9 },
             radius: 4,
@@ -1953,7 +2027,7 @@ function Bl(l, o, h, b, t, e) {
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             strokeWidth: 1
           }, null, 8, ["color", "shape", "stroke"])
-        ])) : (r(), i("svg", Pl, [
+        ])) : (r(), i("svg", Va, [
           t.icons[a.type] === "bar" ? (r(), i("rect", {
             key: 0,
             x: "0",
@@ -1963,7 +2037,7 @@ function Bl(l, o, h, b, t, e) {
             width: "12",
             stroke: "none",
             fill: a.color
-          }, null, 8, Vl)) : (r(), V(f, {
+          }, null, 8, Ra)) : (r(), V(f, {
             key: 1,
             plot: { x: 6, y: 6 },
             radius: 5,
@@ -1972,10 +2046,10 @@ function Bl(l, o, h, b, t, e) {
           }, null, 8, ["color", "shape"]))
         ])),
         d("span", {
-          style: S(`color:${e.FINAL_CONFIG.chart.legend.color}`)
+          style: L(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, C(a.name), 5)
-      ], 10, pl))), 128))
-    ], 4)) : (r(), i("div", Rl, [
+      ], 10, Ta))), 128))
+    ], 4)) : (r(), i("div", Da, [
       v(l.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
     E(k, {
@@ -2001,7 +2075,7 @@ function Bl(l, o, h, b, t, e) {
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-    e.isDataset ? (r(), V(L, {
+    e.isDataset ? (r(), V(S, {
       key: 8,
       hideDetails: "",
       config: {
@@ -2019,14 +2093,14 @@ function Bl(l, o, h, b, t, e) {
     }, {
       content: z(() => [
         d("div", {
-          style: S(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
+          style: L(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          d("div", Dl, [
-            Pe(d("input", {
+          d("div", Ha, [
+            Ve(d("input", {
               type: "checkbox",
               "onUpdate:modelValue": o[4] || (o[4] = (a) => t.showSparklineTable = a)
             }, null, 512), [
-              [Ve, t.showSparklineTable]
+              [Re, t.showSparklineTable]
             ]),
             d("div", {
               onClick: o[5] || (o[5] = (a) => t.showSparklineTable = !t.showSparklineTable),
@@ -2053,20 +2127,25 @@ function Bl(l, o, h, b, t, e) {
             onClose: o[6] || (o[6] = (a) => t.mutableConfig.showTable = !1)
           }, {
             th: z(({ th: a }) => [
-              d("div", { innerHTML: a }, null, 8, Hl)
+              d("div", { innerHTML: a }, null, 8, Ba)
             ]),
             td: z(({ td: a }) => [
-              Re(C(a), 1)
+              De(C(isNaN(Number(a)) ? a : e.dataLabel({
+                p: e.FINAL_CONFIG.chart.labels.prefix,
+                v: a,
+                s: e.FINAL_CONFIG.chart.labels.suffix,
+                r: e.FINAL_CONFIG.table.rounding
+              })), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ], 4)
       ]),
       _: 1
-    }, 8, ["config"])) : c("", !0)
-  ], 14, Ye);
+    }, 8, ["config"])) : h("", !0)
+  ], 14, We);
 }
-const aa = /* @__PURE__ */ De(Be, [["render", Bl], ["__scopeId", "data-v-3339c0a2"]]);
+const rl = /* @__PURE__ */ He(Ye, [["render", Ya], ["__scopeId", "data-v-6a1d72ac"]]);
 export {
-  aa as default
+  rl as default
 };