vue-data-ui 2.3.46 → 2.3.48

package/dist/{vue-ui-xy-DpqyiCx6.js → vue-ui-xy-CM5MM7qx.js}

@@ -1,19 +1,19 @@
 import { p as J } from "./pdf-97UbtKC2.js";
-import { U as K, s as Q } from "./usePrinter-B1a6uNio.js";
-import { c as Z, a as j, t as $, v as ee, p as te, u as ae, P as X, J as P, f as q, F as le, D as re, i as ie, U as se, S as oe, V as ne, W as he, Y as ce, d as de, z as ue, b as ge, q as fe, M as be, Z as me, r as Ie, e as Ne, x as xe, _ as _e, w as Fe, $ as ye, o as Ae, s as Le, C as Se, y as Ce } from "./index-C1-FJ0sT.js";
-import { D as ke } from "./DataTable-CkeQ7c6_.js";
-import { _ as we } from "./Title-D8HoSXgM.js";
-import { _ as Oe, u as ve } from "./Tooltip-DTwn_FW5.js";
-import { _ as Ge } from "./Shape-DoAgLIYa.js";
-import ze from "./BaseIcon-Ct3EasCg.js";
-import pe from "./vue-ui-table-sparkline-D2KWAYWO.js";
-import Me from "./vue-ui-skeleton-DogpCRv2.js";
-import { S as Pe } from "./Slicer-I9LVm-u8.js";
-import Te from "./vue-ui-accordion-BLoKd0D-.js";
-import { u as U } from "./useNestedProp-1fJhHDhT.js";
-import { resolveComponent as T, openBlock as r, createElementBlock as i, normalizeClass as M, normalizeStyle as L, createVNode as Y, createCommentVNode as h, createBlock as V, createSlots as Ve, withCtx as z, renderSlot as v, normalizeProps as W, guardReactiveProps as B, createElementVNode as u, Fragment as b, renderList as I, toDisplayString as C, withDirectives as Re, vModelCheckbox as De, createTextVNode as Ee } from "vue";
-import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const We = Z(), Be = {
+import { U as K, s as Q } from "./usePrinter-MbSdbzew.js";
+import { c as Z, a as j, t as $, v as ee, p as te, u as ae, P as X, J as P, f as q, F as le, D as re, i as ie, U as se, S as ne, V as oe, W as he, Y as ce, d as de, z as ue, b as ge, q as fe, M as me, Z as be, r as Ie, e as Ne, x as xe, _ as _e, w as Fe, $ as ye, o as Ae, s as Le, C as Se, y as Ce } from "./index-CAkeI2u7.js";
+import { D as ke } from "./DataTable-97z7jeB3.js";
+import { _ as we } from "./Title-DZ-9X7T_.js";
+import { _ as Oe, u as ve } from "./Tooltip-BE1vKyP4.js";
+import { _ as Ge } from "./Shape-Cjf9rDFw.js";
+import ze from "./BaseIcon-B_4EdVx8.js";
+import Me from "./vue-ui-table-sparkline-CXD6RQwT.js";
+import pe from "./vue-ui-skeleton-DtWvFTM9.js";
+import { S as Pe } from "./Slicer-dehuss8u.js";
+import Te from "./vue-ui-accordion-BbsnFhS8.js";
+import { u as U } from "./useNestedProp-N72tOTWX.js";
+import { resolveComponent as T, openBlock as r, createElementBlock as i, normalizeClass as p, normalizeStyle as L, createVNode as Y, createCommentVNode as h, createBlock as V, createSlots as Ve, withCtx as z, renderSlot as v, normalizeProps as H, guardReactiveProps as B, createElementVNode as u, Fragment as b, renderList as I, toDisplayString as C, withDirectives as Re, vModelCheckbox as De, createTextVNode as We } from "vue";
+import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const He = Z(), Be = {
   name: "vue-ui-xy",
   props: {
     config: {
@@ -36,18 +36,18 @@ const We = Z(), Be = {
     Tooltip: Oe,
     UserOptions: K,
     BaseIcon: ze,
-    TableSparkline: pe,
-    Skeleton: Me,
+    TableSparkline: Me,
+    Skeleton: pe,
     Slicer: Pe,
     Accordion: Te
   },
   data() {
-    this.dataset.forEach((c, m) => {
+    this.dataset.forEach((c, f) => {
       [null, void 0].includes(c.series) && this.error({
         componentName: "VueUiXy",
         type: "datasetSerieAttribute",
         property: "series (number[])",
-        index: m
+        index: f
       });
     });
     const l = Math.max(...this.dataset.map((c) => c.series.length)), s = {
@@ -103,7 +103,7 @@ const We = Z(), Be = {
       maxX: l,
       showSparklineTable: !0,
       segregateStep: 0,
-      sliderId: We,
+      sliderId: He,
       fontSizes: {
         xAxis: 18,
         yAxis: 12,
@@ -117,6 +117,14 @@ const We = Z(), Be = {
     };
   },
   computed: {
+    minimap() {
+      if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
+      const l = this.datasetWithIds.filter((t) => !this.segregatedSeries.includes(t.id)), s = Math.max(...l.map((t) => t.series.length)), c = [];
+      for (let t = 0; t < s; t += 1)
+        c.push(l.map((e) => e.series[t] || 0).reduce((e, N) => (e || 0) + (N || 0), 0));
+      const f = Math.min(...c);
+      return c.map((t) => t + (f < 0 ? Math.abs(f) : 0));
+    },
     customPalette() {
       return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
     },
@@ -162,7 +170,7 @@ const We = Z(), Be = {
         id: t.id,
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height
-      })), m = [...l, ...s, ...c].flatMap((t) => t).length;
+      })), f = [...l, ...s, ...c].flatMap((t) => t).length;
       return [...l, ...s, ...c].flatMap((t, e) => ({
         id: t.id,
         scaleLabel: t.scaleLabel,
@@ -171,7 +179,7 @@ const We = Z(), Be = {
         scale: t.scale,
         yOffset: t.yOffset,
         individualHeight: t.individualHeight,
-        x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / m * (e + 1),
+        x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / f * (e + 1),
         yLabels: t.scaleYLabels || t.scale.ticks.map((N) => ({
           y: N >= 0 ? t.zero - t.individualHeight * (N / t.max) : t.zero + t.individualHeight * Math.abs(N) / t.max,
           value: N
@@ -227,6 +235,12 @@ const We = Z(), Be = {
     absoluteMax() {
       return this.niceScale.max + this.relativeZero;
     },
+    datasetWithIds() {
+      return this.useSafeValues ? this.dataset.map((l, s) => ({
+        ...l,
+        id: `uniqueId_${s}`
+      })) : this.dataset;
+    },
     safeDataset() {
       return this.useSafeValues ? this.dataset.map((l, s) => ({
         ...l,
@@ -292,44 +306,44 @@ const We = Z(), Be = {
     barSet() {
       return this.activeSeriesWithStackRatios.filter((l) => l.type === "bar").map((l, s) => {
         this.checkAutoScaleError(l);
-        const c = Math.min(...l.absoluteValues.filter((d) => ![null, void 0].includes(d))), m = Math.max(...l.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
-          ratios: l.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - c) / (m - c)),
+        const c = Math.min(...l.absoluteValues.filter((d) => ![null, void 0].includes(d))), f = Math.max(...l.absoluteValues.filter((d) => ![null, void 0].includes(d))), e = {
+          ratios: l.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - c) / (f - c)),
           valueMin: c,
-          valueMax: m < 0 ? 0 : m
+          valueMax: f < 0 ? 0 : f
         }, N = {
           max: l.scaleMax || Math.max(...l.absoluteValues) || 1,
           min: l.scaleMin || Math.min(...l.absoluteValues.filter((d) => ![void 0, null].includes(d))) > 0 ? 0 : Math.min(...l.absoluteValues.filter((d) => ![null, void 0].includes(d)))
-        }, A = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, f = this.calculateNiceScaleWithExactExtremes(N.min, N.max, A), _ = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax, A), p = f.min >= 0 ? 0 : Math.abs(f.min), k = 0, w = f.max + p, G = _.max + Math.abs(k), x = 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 - x - S * p / w, n = this.drawingArea.bottom - x - S * k / G, o = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, g = l.series.map((d, F) => {
-          const E = this.mutableConfig.useIndividualScale ? (l.absoluteValues[F] + p) / w : this.ratioToMax(d), H = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left + this.slot.bar * s + this.slot.bar * F * o - this.barSlot / 2 - s * this.barPeriodGap;
+        }, A = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = this.calculateNiceScaleWithExactExtremes(N.min, N.max, A), _ = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax, A), M = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + M, G = _.max + Math.abs(k), x = 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 - x - S * M / w, o = this.drawingArea.bottom - x - S * k / G, n = this.absoluteDataset.filter((d) => d.type === "bar").filter((d) => !this.segregatedSeries.includes(d.id)).length, g = l.series.map((d, F) => {
+          const W = this.mutableConfig.useIndividualScale ? (l.absoluteValues[F] + M) / w : this.ratioToMax(d), E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left + this.slot.bar * s + this.slot.bar * F * n - this.barSlot / 2 - s * this.barPeriodGap;
           return {
             yOffset: x,
             individualHeight: S,
-            x: H,
-            y: this.drawingArea.bottom - x - S * E,
+            x: E,
+            y: this.drawingArea.bottom - x - S * W,
             value: l.absoluteValues[F],
             zeroPosition: a,
             individualMax: w,
             comment: l.comments && l.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
         }), D = l.absoluteValues.map((d) => _.min >= 0 ? (d - Math.abs(_.min)) / (_.max - Math.abs(_.min)) : (d + Math.abs(_.min)) / (_.max + Math.abs(_.min))), R = l.series.map((d, F) => {
-          const E = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * F * this.absoluteDataset.filter((H) => H.type === "bar").filter((H) => !this.segregatedSeries.includes(H.id)).length;
+          const W = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * F : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * F * this.absoluteDataset.filter((E) => E.type === "bar").filter((E) => !this.segregatedSeries.includes(E.id)).length;
           return {
             yOffset: x,
             individualHeight: S,
-            x: E,
+            x: W,
             y: this.drawingArea.bottom - x - (S * D[F] || 0),
             value: l.absoluteValues[F],
             zeroPosition: a,
             individualMax: w,
             comment: l.comments && l.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
-        }), y = f.ticks.map((d) => ({
+        }), y = m.ticks.map((d) => ({
           y: d >= 0 ? a - S * (d / w) : a + S * Math.abs(d) / w,
           value: d
         })), O = _.ticks.map((d) => {
           const F = (d - _.min) / (_.max - _.min);
           return {
-            y: d >= 0 ? n - S * F : n + S * F,
+            y: d >= 0 ? o - S * F : o + S * F,
             value: d
           };
         });
@@ -339,9 +353,9 @@ const We = Z(), Be = {
           autoScaleYLabels: O,
           individualHeight: S,
           scaleYLabels: l.autoScaling ? O : y,
-          individualScale: l.autoScaling ? _ : f,
+          individualScale: l.autoScaling ? _ : m,
           individualMax: l.autoScaling ? G : w,
-          zeroPosition: l.autoScaling ? n : a,
+          zeroPosition: l.autoScaling ? o : a,
           plots: l.autoScaling ? R : g
         };
       });
@@ -362,27 +376,27 @@ const We = Z(), Be = {
         }, 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.calculateNiceScaleWithExactExtremes(e.min, e.max, N), f = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax, N), _ = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + Math.abs(_), w = f.max + Math.abs(p), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, S = this.drawingArea.bottom - G - x * _ / k, a = this.drawingArea.bottom - G - x * p / w, n = l.series.map((d, F) => {
-          const E = this.mutableConfig.useIndividualScale ? (l.absoluteValues[F] + Math.abs(_)) / k : this.ratioToMax(d);
+        }, N = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScaleWithExactExtremes(e.min, e.max, N), m = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax, N), _ = A.min >= 0 ? 0 : Math.abs(A.min), M = 0, k = A.max + Math.abs(_), w = m.max + Math.abs(M), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, S = this.drawingArea.bottom - G - x * _ / k, a = this.drawingArea.bottom - G - x * M / w, o = l.series.map((d, F) => {
+          const W = this.mutableConfig.useIndividualScale ? (l.absoluteValues[F] + Math.abs(_)) / k : this.ratioToMax(d);
           return {
             x: this.drawingArea.left + this.slot.line / 2 + this.slot.line * F,
-            y: this.drawingArea.bottom - G - x * E,
+            y: this.drawingArea.bottom - G - x * W,
             value: l.absoluteValues[F],
             comment: l.comments && l.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
-        }), o = l.absoluteValues.map((d) => f.min >= 0 ? (d - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (d + Math.abs(f.min)) / (f.max + Math.abs(f.min))), g = l.series.map((d, F) => {
+        }), n = l.absoluteValues.map((d) => m.min >= 0 ? (d - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (d + Math.abs(m.min)) / (m.max + Math.abs(m.min))), g = l.series.map((d, F) => {
           if (![void 0, null].includes(l.absoluteValues[F]))
             return {
               x: this.drawingArea.left + this.slot.line / 2 + this.slot.line * F,
-              y: this.drawingArea.bottom - G - (x * o[F] || 0),
+              y: this.drawingArea.bottom - G - (x * n[F] || 0),
               value: l.absoluteValues[F],
               comment: l.comments && l.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
             };
-        }), D = this.createSmoothPath(n), R = this.createSmoothPath(g), y = A.ticks.map((d) => ({
+        }), D = this.createSmoothPath(o), R = this.createSmoothPath(g), y = A.ticks.map((d) => ({
           y: d >= 0 ? S - x * (d / k) : S + x * Math.abs(d) / k,
           value: d
-        })), O = f.ticks.map((d) => {
-          const F = (d - f.min) / (f.max - f.min);
+        })), O = m.ticks.map((d) => {
+          const F = (d - m.min) / (m.max - m.min);
           return {
             y: d >= 0 ? a - x * F : a + x * F,
             value: d
@@ -394,12 +408,12 @@ const We = Z(), Be = {
           autoScaleYLabels: O,
           individualHeight: x,
           scaleYLabels: l.autoScaling ? O : y,
-          individualScale: l.autoScaling ? f : A,
+          individualScale: l.autoScaling ? m : A,
           individualMax: l.autoScaling ? w : k,
           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 : S) : this.createArea(n) : ""
+          plots: l.autoScaling ? g : o,
+          area: l.useArea ? this.mutableConfig.useIndividualScale ? this.createIndividualArea(l.autoScaling ? g : o, l.autoScaling ? a : S) : this.createArea(o) : ""
         };
       });
     },
@@ -413,7 +427,7 @@ const We = Z(), Be = {
         }, 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.calculateNiceScaleWithExactExtremes(e.min, e.max, N), f = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax, N), _ = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + _, w = f.max + Math.abs(p), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, S = this.drawingArea.bottom - G - x * _ / k, a = this.drawingArea.bottom - G - x * p / w, n = l.series.map((y, O) => {
+        }, N = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScaleWithExactExtremes(e.min, e.max, N), m = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax, N), _ = A.min >= 0 ? 0 : Math.abs(A.min), M = 0, k = A.max + _, w = m.max + Math.abs(M), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, x = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, S = this.drawingArea.bottom - G - x * _ / k, a = this.drawingArea.bottom - G - x * M / w, o = l.series.map((y, O) => {
           const d = this.mutableConfig.useIndividualScale ? (l.absoluteValues[O] + Math.abs(_)) / k : this.ratioToMax(y);
           return {
             x: this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O,
@@ -421,16 +435,16 @@ const We = Z(), Be = {
             value: l.absoluteValues[O],
             comment: l.comments && l.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
           };
-        }), o = l.absoluteValues.map((y) => f.min >= 0 ? (y - Math.abs(f.min)) / (f.max - Math.abs(f.min)) : (y + Math.abs(f.min)) / (f.max + Math.abs(f.min))), g = l.series.map((y, O) => ({
+        }), n = l.absoluteValues.map((y) => m.min >= 0 ? (y - Math.abs(m.min)) / (m.max - Math.abs(m.min)) : (y + Math.abs(m.min)) / (m.max + Math.abs(m.min))), g = l.series.map((y, O) => ({
           x: this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O,
-          y: this.drawingArea.bottom - G - (x * o[O] || 0),
+          y: this.drawingArea.bottom - G - (x * n[O] || 0),
           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 ? S - x * (y / k) : S + x * Math.abs(y) / k,
           value: y
-        })), R = f.ticks.map((y) => {
-          const O = (y - f.min) / (f.max - f.min);
+        })), R = m.ticks.map((y) => {
+          const O = (y - m.min) / (m.max - m.min);
           return {
             y: y >= 0 ? a - x * O : a + x * O,
             value: y
@@ -442,10 +456,10 @@ const We = Z(), Be = {
           autoScaleYLabels: R,
           individualHeight: x,
           scaleYLabels: l.autoScaling ? R : D,
-          individualScale: l.autoScaling ? f : A,
+          individualScale: l.autoScaling ? m : A,
           individualMax: l.autoScaling ? w : k,
           zeroPosition: l.autoScaling ? a : S,
-          plots: l.autoScaling ? g : n
+          plots: l.autoScaling ? g : o
         };
       });
     },
@@ -502,10 +516,10 @@ const We = Z(), Be = {
         color: c.color,
         type: c.type
       })), s = [];
-      return this.timeLabels.forEach((c, m) => {
+      return this.timeLabels.forEach((c, f) => {
         const t = [c];
         this.relativeDataset.forEach((e) => {
-          t.push(this.canShowValue(e.absoluteValues[m]) ? Number(e.absoluteValues[m].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
+          t.push(this.canShowValue(e.absoluteValues[f]) ? Number(e.absoluteValues[f].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
         }), s.push(t);
       }), { head: l, body: s };
     },
@@ -528,8 +542,8 @@ const We = Z(), Be = {
           outline: this.FINAL_CONFIG.table.td.outline
         },
         breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
-      }, m = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((t) => t.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
-      return { head: l, body: s, config: c, colNames: m };
+      }, f = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((t) => t.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
+      return { head: l, body: s, config: c, colNames: f };
     },
     dataTooltipSlot() {
       return {
@@ -554,8 +568,8 @@ const We = Z(), Be = {
     },
     tooltipContent() {
       let l = "", s = this.selectedSeries.map((t) => t.value).filter((t) => this.isSafeValue(t) && t !== null).reduce((t, e) => Math.abs(t) + Math.abs(e), 0);
-      const c = this.timeLabels[this.selectedSerieIndex], m = this.FINAL_CONFIG.chart.tooltip.customFormat;
-      return this.isFunction(m) && this.functionReturnsString(() => m({
+      const c = this.timeLabels[this.selectedSerieIndex], f = this.FINAL_CONFIG.chart.tooltip.customFormat;
+      return this.isFunction(f) && this.functionReturnsString(() => f({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
         series: this.absoluteDataset,
@@ -563,7 +577,7 @@ const We = Z(), Be = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      })) ? m({
+      })) ? f({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
         series: this.absoluteDataset,
@@ -676,15 +690,15 @@ const We = Z(), Be = {
       isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
       useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
     }, this.FINAL_CONFIG.responsive) {
-      const s = this.$refs.chart.parentNode, { height: c, width: m } = s.getBoundingClientRect();
+      const s = this.$refs.chart.parentNode, { height: c, width: f } = s.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, _ = 0;
-      this.FINAL_CONFIG.chart.legend.show && (f = this.$refs.chartLegend, _ = f.getBoundingClientRect().height), this.height = c - e - _ - A, this.width = m, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes(), new ResizeObserver((k) => {
+      let m = null, _ = 0;
+      this.FINAL_CONFIG.chart.legend.show && (m = this.$refs.chartLegend, _ = m.getBoundingClientRect().height), this.height = c - e - _ - A, this.width = f, 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.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - _ - 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();
+          this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer.$el && (A = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (_ = this.$refs.chartLegend.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - _ - 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(s);
     } else
       this.height = this.FINAL_CONFIG.chart.height, this.width = this.FINAL_CONFIG.chart.width, this.viewBox = `0 0 ${this.width} ${this.height}`, this.fontSizes.dataLabels = this.FINAL_CONFIG.chart.grid.labels.fontSize, this.fontSizes.yAxis = this.FINAL_CONFIG.chart.grid.labels.axis.fontSize, this.fontSizes.xAxis = this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.fontSize, this.fontSizes.plotLabels = this.FINAL_CONFIG.chart.labels.fontSize, this.plotRadii.plot = this.FINAL_CONFIG.plot.radius, this.plotRadii.line = this.FINAL_CONFIG.line.radius;
@@ -694,16 +708,16 @@ const We = Z(), Be = {
     adaptColorToBackground: re,
     applyDataLabel: ie,
     assignStackRatios: se,
-    calcLinearProgression: oe,
-    calculateNiceScaleWithExactExtremes: ne,
+    calcLinearProgression: ne,
+    calculateNiceScaleWithExactExtremes: oe,
     checkNaN: he,
     closestDecimal: ce,
     convertColorToHex: de,
     convertConfigColors: ue,
     convertCustomPalette: ge,
     createCsvContent: fe,
-    createSmoothPath: be,
-    createTSpans: me,
+    createSmoothPath: me,
+    createTSpans: be,
     dataLabel: q,
     downloadCsv: Ie,
     error: Ne,
@@ -775,24 +789,24 @@ const We = Z(), Be = {
     },
     createArea(l) {
       if (!l[0]) return [-10, -10, "", -10, -10];
-      const s = { x: l[0].x, y: this.zero }, c = { x: l.at(-1).x, y: this.zero }, m = [];
+      const s = { x: l[0].x, y: this.zero }, c = { x: l.at(-1).x, y: this.zero }, f = [];
       return l.forEach((t) => {
-        m.push(`${t.x},${t.y} `);
-      }), [s.x, s.y, ...m, c.x, c.y].toString();
+        f.push(`${t.x},${t.y} `);
+      }), [s.x, s.y, ...f, c.x, c.y].toString();
     },
     createIndividualArea(l, s) {
       if (!l[0]) return [-10, -10, "", -10, -10];
-      const c = { x: l[0] ? l[0].x : Math.min(...l.filter((e) => !!e).map((e) => e.x)), y: s }, m = { x: l.at(-1) ? l.at(-1).x : Math.min(...l.filter((e) => !!e).map((e) => e.x)), y: s }, t = [];
+      const c = { x: l[0] ? l[0].x : Math.min(...l.filter((e) => !!e).map((e) => e.x)), y: s }, f = { x: l.at(-1) ? l.at(-1).x : Math.min(...l.filter((e) => !!e).map((e) => e.x)), y: s }, t = [];
       return l.filter((e) => !!e).forEach((e) => {
         t.push(`${e.x},${e.y} `);
-      }), [c.x, c.y, ...t, m.x, m.y].toString();
+      }), [c.x, c.y, ...t, f.x, f.y].toString();
     },
     createStar: X,
     createPolygonPath: P,
     fillArray(l, s) {
       let c = Array(l).fill(0);
-      for (let m = 0; m < s.length && m < l; m += 1)
-        c[m] = s[m];
+      for (let f = 0; f < s.length && f < l; f += 1)
+        c[f] = s[f];
       return c;
     },
     refreshSlicer() {
@@ -823,10 +837,10 @@ const We = Z(), Be = {
       return ![null, void 0, NaN].includes(l);
     },
     findClosestValue(l, s) {
-      let c = s[0], m = Math.abs(l - s[0]);
+      let c = s[0], f = Math.abs(l - s[0]);
       for (let t = 1; t < s.length; t += 1) {
         const e = Math.abs(l - s[t]);
-        e < m && s[t] < l && (c = s[t], m = e);
+        e < f && s[t] < l && (c = s[t], f = e);
       }
       return c;
     },
@@ -890,7 +904,7 @@ const We = Z(), Be = {
       }, 100);
     },
     generateCsv() {
-      const l = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], c = this.table.body, m = l.concat([s]).concat(c), t = this.createCsvContent(m);
+      const l = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], s = ["", ...this.table.head.map((e) => e.label)], c = this.table.body, f = l.concat([s]).concat(c), t = this.createCsvContent(f);
       this.downloadCsv({ csvContent: t, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -908,7 +922,7 @@ const We = Z(), Be = {
       }, 100);
     }
   }
-}, Ye = ["id"], Xe = ["viewBox"], qe = { key: 0 }, Ue = { class: "vue-ui-xy-grid" }, Ze = ["stroke", "x1", "x2", "y1", "y2"], Je = ["stroke", "x1", "x2", "y1", "y2"], Ke = { key: 1 }, Qe = ["x1", "x2", "y1", "y2", "stroke"], je = ["x1", "x2", "y1", "y2", "stroke"], $e = ["x1", "x2", "y1", "y2", "stroke"], et = { key: 3 }, tt = ["x1", "x2", "y1", "y2", "stroke"], at = ["id"], lt = ["stop-color"], rt = ["stop-color"], it = ["stop-color"], st = ["id"], ot = ["stop-color"], nt = ["stop-color"], ht = ["stop-color"], ct = ["id"], dt = ["stop-color"], ut = ["stop-color"], gt = ["id"], ft = ["stop-color"], bt = ["stop-color"], mt = ["id"], It = ["stop-color"], Nt = ["stop-color"], xt = ["x", "y", "height", "width", "fill"], _t = ["x", "y", "width"], Ft = ["x", "y", "height", "width", "fill"], yt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], At = ["width", "x", "y"], Lt = { key: 0 }, St = ["id"], Ct = ["fill"], kt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], wt = ["x", "y", "font-size", "fill"], Ot = ["stroke", "x1", "x2", "y1", "y2"], vt = { key: 2 }, Gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = ["y", "width", "height", "fill"], pt = ["x", "y", "width", "height", "fill"], Mt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Pt = { key: 4 }, Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vt = ["fill", "font-size", "transform"], Rt = ["x1", "x2", "y1", "y2", "stroke"], Dt = ["x", "y", "font-size", "fill"], Et = ["x1", "x2", "y1", "y2", "stroke"], Ht = ["x", "y", "font-size", "fill"], Wt = ["width", "x", "y"], Bt = { style: { width: "100%" } }, Yt = { key: 0 }, Xt = ["id"], qt = ["fill"], Ut = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Zt = ["x", "y", "font-size", "fill"], Jt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Kt = { key: 1 }, Qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 0 }, $t = ["d", "fill"], ea = ["d", "fill"], ta = ["d", "stroke", "stroke-width", "stroke-dasharray"], aa = { key: 2 }, la = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ra = ["width", "x", "y"], ia = { style: { width: "100%" } }, sa = { key: 3 }, oa = ["id"], na = ["fill"], ha = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ca = ["x", "y", "font-size", "fill"], da = { key: 5 }, ua = ["x", "y", "font-size", "fill"], ga = ["x", "y", "font-size", "fill", "font-weight"], fa = { key: 6 }, ba = ["x", "y", "font-size", "fill"], ma = ["x", "y"], Ia = ["x", "y"], Na = { key: 7 }, xa = ["x", "y", "font-size", "fill"], _a = ["x", "y"], Fa = ["x", "y"], ya = ["x", "y", "font-size", "fill", "innerHTML"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "width", "height", "fill", "onMouseenter"], ka = ["font-size", "fill", "transform"], wa = ["x", "y", "font-size", "fill"], Oa = { key: 9 }, va = ["text-anchor", "font-size", "fill", "transform"], Ga = ["x", "y", "height", "width", "onMouseenter", "onClick"], za = { key: 10 }, pa = ["x", "y"], Ma = ["cx", "cy", "r", "fill"], Pa = {
+}, Ye = ["id"], Xe = ["viewBox"], qe = { key: 0 }, Ue = { class: "vue-ui-xy-grid" }, Ze = ["stroke", "x1", "x2", "y1", "y2"], Je = ["stroke", "x1", "x2", "y1", "y2"], Ke = { key: 1 }, Qe = ["x1", "x2", "y1", "y2", "stroke"], je = ["x1", "x2", "y1", "y2", "stroke"], $e = ["x1", "x2", "y1", "y2", "stroke"], et = { key: 3 }, tt = ["x1", "x2", "y1", "y2", "stroke"], at = ["id"], lt = ["stop-color"], rt = ["stop-color"], it = ["stop-color"], st = ["id"], nt = ["stop-color"], ot = ["stop-color"], ht = ["stop-color"], ct = ["id"], dt = ["stop-color"], ut = ["stop-color"], gt = ["id"], ft = ["stop-color"], mt = ["stop-color"], bt = ["id"], It = ["stop-color"], Nt = ["stop-color"], xt = ["x", "y", "height", "width", "fill"], _t = ["x", "y", "width"], Ft = ["x", "y", "height", "width", "fill"], yt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], At = ["width", "x", "y"], Lt = { key: 0 }, St = ["id"], Ct = ["fill"], kt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], wt = ["x", "y", "font-size", "fill"], Ot = ["stroke", "x1", "x2", "y1", "y2"], vt = { key: 2 }, Gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = ["y", "width", "height", "fill"], Mt = ["x", "y", "width", "height", "fill"], pt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Pt = { key: 4 }, Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vt = ["fill", "font-size", "transform"], Rt = ["x1", "x2", "y1", "y2", "stroke"], Dt = ["x", "y", "font-size", "fill"], Wt = ["x1", "x2", "y1", "y2", "stroke"], Et = ["x", "y", "font-size", "fill"], Ht = ["width", "x", "y"], Bt = { style: { width: "100%" } }, Yt = { key: 0 }, Xt = ["id"], qt = ["fill"], Ut = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Zt = ["x", "y", "font-size", "fill"], Jt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Kt = { key: 1 }, Qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 0 }, $t = ["d", "fill"], ea = ["d", "fill"], ta = ["d", "stroke", "stroke-width", "stroke-dasharray"], aa = { key: 2 }, la = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ra = ["width", "x", "y"], ia = { style: { width: "100%" } }, sa = { key: 3 }, na = ["id"], oa = ["fill"], ha = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ca = ["x", "y", "font-size", "fill"], da = { key: 5 }, ua = ["x", "y", "font-size", "fill"], ga = ["x", "y", "font-size", "fill", "font-weight"], fa = { key: 6 }, ma = ["x", "y", "font-size", "fill"], ba = ["x", "y"], Ia = ["x", "y"], Na = { key: 7 }, xa = ["x", "y", "font-size", "fill"], _a = ["x", "y"], Fa = ["x", "y"], ya = ["x", "y", "font-size", "fill", "innerHTML"], Aa = ["x", "y", "font-size", "fill", "innerHTML"], La = ["x", "y", "font-size", "fill", "innerHTML"], Sa = ["x", "y", "font-size", "fill", "innerHTML"], Ca = ["x", "y", "width", "height", "fill", "onMouseenter"], ka = ["font-size", "fill", "transform"], wa = ["x", "y", "font-size", "fill"], Oa = { key: 9 }, va = ["text-anchor", "font-size", "fill", "transform"], Ga = ["x", "y", "height", "width", "onMouseenter", "onClick"], za = { key: 10 }, Ma = ["x", "y"], pa = ["cx", "cy", "r", "fill"], Pa = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, Ta = ["onClick"], Va = {
@@ -921,18 +935,18 @@ const We = Z(), Be = {
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, Ea = ["fill"], Ha = {
+}, Wa = ["fill"], Ea = {
   key: 7,
   ref: "chartLegend"
-}, Wa = {
+}, Ha = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
 }, Ba = ["innerHTML"];
-function Ya(l, s, c, m, t, e) {
-  const N = T("Title"), A = T("UserOptions"), f = T("Shape"), _ = T("Skeleton"), p = T("Slicer"), k = T("Tooltip"), w = T("BaseIcon"), G = T("TableSparkline"), x = T("DataTable"), S = T("Accordion");
+function Ya(l, s, c, f, t, e) {
+  const N = T("Title"), A = T("UserOptions"), m = T("Shape"), _ = T("Skeleton"), M = T("Slicer"), k = T("Tooltip"), w = T("BaseIcon"), G = T("TableSparkline"), x = T("DataTable"), S = T("Accordion");
   return r(), i("div", {
     id: `vue-ui-xy_${t.uniqueId}`,
-    class: M(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
+    class: p(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
     ref: "chart",
     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%" : ""}`)
   }, [
@@ -1036,8 +1050,8 @@ function Ya(l, s, c, m, t, e) {
       } : void 0,
       l.$slots.optionFullscreen ? {
         name: "optionFullscreen",
-        fn: z(({ toggleFullscreen: a, isFullscreen: n }) => [
-          v(l.$slots, "optionFullscreen", W(B({ toggleFullscreen: a, isFullscreen: n })), void 0, !0)
+        fn: z(({ toggleFullscreen: a, isFullscreen: o }) => [
+          v(l.$slots, "optionFullscreen", H(B({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
         ]),
         key: "7"
       } : void 0
@@ -1045,7 +1059,7 @@ function Ya(l, s, c, m, t, e) {
     e.isDataset ? (r(), i("svg", {
       key: 2,
       xmlns: "http://www.w3.org/2000/svg",
-      class: M([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
+      class: p([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
       width: "100%",
       viewBox: t.viewBox,
       style: L(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
@@ -1063,19 +1077,19 @@ function Ya(l, s, c, m, t, e) {
             "stroke-linecap": "round"
           }, null, 8, Ze)) : h("", !0),
           t.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(!0), i(b, { key: 2 }, I(e.allScales, (a) => (r(), i("g", null, [
-            a.id === t.selectedScale && a.yLabels.length ? (r(!0), i(b, { key: 0 }, I(a.yLabels, (n) => (r(), i("line", {
+            a.id === t.selectedScale && a.yLabels.length ? (r(!0), i(b, { key: 0 }, I(a.yLabels, (o) => (r(), i("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
-              y1: n.y,
-              y2: n.y,
+              y1: o.y,
+              y2: o.y,
               stroke: a.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, je))), 256)) : a.yLabels.length ? (r(!0), i(b, { key: 1 }, I(a.yLabels, (n) => (r(), i("line", {
+            }, null, 8, je))), 256)) : a.yLabels.length ? (r(!0), i(b, { key: 1 }, I(a.yLabels, (o) => (r(), i("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
-              y1: n.y,
-              y2: n.y,
+              y1: o.y,
+              y2: o.y,
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
@@ -1104,10 +1118,10 @@ function Ya(l, s, c, m, t, e) {
             ])) : h("", !0)
           ], 64)),
           e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), i("g", et, [
-            (r(!0), i(b, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, n) => (r(), i("line", {
-              key: `grid_vertical_line_${n}`,
-              x1: e.drawingArea.width / e.maxSeries * n + e.drawingArea.left + e.xPadding,
-              x2: e.drawingArea.width / e.maxSeries * n + e.drawingArea.left + e.xPadding,
+            (r(!0), i(b, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (a, o) => (r(), i("line", {
+              key: `grid_vertical_line_${o}`,
+              x1: e.drawingArea.width / e.maxSeries * o + e.drawingArea.left + e.xPadding,
+              x2: e.drawingArea.width / e.maxSeries * o + e.drawingArea.left + e.xPadding,
               y1: e.drawingArea.top,
               y2: e.drawingArea.bottom,
               "stroke-width": "0.5",
@@ -1115,11 +1129,11 @@ function Ya(l, s, c, m, t, e) {
             }, null, 8, tt))), 128))
           ])) : h("", !0)
         ]),
-        (r(!0), i(b, null, I(e.barSet, (a, n) => (r(), i("defs", {
-          key: `def_rect_${n}`
+        (r(!0), i(b, null, I(e.barSet, (a, o) => (r(), i("defs", {
+          key: `def_rect_${o}`
         }, [
           u("linearGradient", {
-            id: `rectGradient_pos_${n}_${t.uniqueId}`,
+            id: `rectGradient_pos_${o}_${t.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
@@ -1137,29 +1151,29 @@ function Ya(l, s, c, m, t, e) {
             }, null, 8, it)
           ], 8, at),
           u("linearGradient", {
-            id: `rectGradient_neg_${n}_${t.uniqueId}`,
+            id: `rectGradient_neg_${o}_${t.uniqueId}`,
             x2: "0%",
             y2: "100%"
           }, [
             u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}66`
-            }, null, 8, ot),
+            }, null, 8, nt),
             u("stop", {
               offset: "38%",
               "stop-color": `${e.shiftHue(a.color, 0.02)}DE`
-            }, null, 8, nt),
+            }, null, 8, ot),
             u("stop", {
               offset: "100%",
               "stop-color": a.color
             }, null, 8, ht)
           ], 8, st)
         ]))), 128)),
-        (r(!0), i(b, null, I(e.plotSet, (a, n) => (r(), i("defs", {
-          key: `def_plot_${n}`
+        (r(!0), i(b, null, I(e.plotSet, (a, o) => (r(), i("defs", {
+          key: `def_plot_${o}`
         }, [
           u("radialGradient", {
-            id: `plotGradient_${n}_${t.uniqueId}`,
+            id: `plotGradient_${o}_${t.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -1176,11 +1190,11 @@ function Ya(l, s, c, m, t, e) {
             }, null, 8, ut)
           ], 8, ct)
         ]))), 128)),
-        (r(!0), i(b, null, I(e.lineSet, (a, n) => (r(), i("defs", {
-          key: `def_line_${n}`
+        (r(!0), i(b, null, I(e.lineSet, (a, o) => (r(), i("defs", {
+          key: `def_line_${o}`
         }, [
           u("radialGradient", {
-            id: `lineGradient_${n}_${t.uniqueId}`,
+            id: `lineGradient_${o}_${t.uniqueId}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -1194,10 +1208,10 @@ function Ya(l, s, c, m, t, e) {
             u("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, bt)
+            }, null, 8, mt)
           ], 8, gt),
           u("linearGradient", {
-            id: `areaGradient_${n}_${t.uniqueId}`,
+            id: `areaGradient_${o}_${t.uniqueId}`,
             x1: "0%",
             x2: "100%",
             y1: "0%",
@@ -1211,11 +1225,12 @@ function Ya(l, s, c, m, t, e) {
               offset: "100%",
               "stop-color": `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
             }, null, 8, Nt)
-          ], 8, mt)
+          ], 8, bt)
         ]))), 128)),
         (r(!0), i(b, null, I(e.highlightAreas, (a) => (r(), i("g", null, [
           a.show ? (r(), i(b, { key: 0 }, [
             u("rect", {
+              style: { transition: "none" },
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from - t.slicer.start),
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
@@ -1237,54 +1252,54 @@ function Ya(l, s, c, m, t, e) {
           ], 64)) : h("", !0)
         ]))), 256)),
         u("g", null, [
-          (r(!0), i(b, null, I(e.maxSeries, (a, n) => (r(), i("g", {
-            key: `tooltip_trap_${n}`
+          (r(!0), i(b, null, I(e.maxSeries, (a, o) => (r(), i("g", {
+            key: `tooltip_trap_${o}`
           }, [
             u("rect", {
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * n,
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * o,
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
-              fill: t.selectedSerieIndex === n || t.selectedRowIndex === n ? `${e.FINAL_CONFIG.chart.highlighter.color}${t.opacity[e.FINAL_CONFIG.chart.highlighter.opacity]}` : "transparent"
+              fill: t.selectedSerieIndex === o || t.selectedRowIndex === o ? `${e.FINAL_CONFIG.chart.highlighter.color}${t.opacity[e.FINAL_CONFIG.chart.highlighter.opacity]}` : "transparent"
             }, null, 8, Ft)
           ]))), 128))
         ]),
-        e.barSet.length ? (r(!0), i(b, { key: 0 }, I(e.barSet, (a, n) => (r(), i("g", {
-          key: `serie_bar_${n}`,
-          class: M(`serie_bar_${n}`),
+        e.barSet.length ? (r(!0), i(b, { key: 0 }, I(e.barSet, (a, o) => (r(), i("g", {
+          key: `serie_bar_${o}`,
+          class: p(`serie_bar_${o}`),
           style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
-            key: `bar_plot_${n}_${g}`
+          (r(!0), i(b, null, I(a.plots, (n, g) => (r(), i("g", {
+            key: `bar_plot_${o}_${g}`
           }, [
-            e.canShowValue(o.value) ? (r(), i("rect", {
+            e.canShowValue(n.value) ? (r(), i("rect", {
               key: 0,
-              x: e.calcRectX(o),
-              y: t.mutableConfig.useIndividualScale ? e.calcIndividualRectY(o) : e.calcRectY(o),
-              height: t.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(o)) : Math.abs(e.calcRectHeight(o)),
+              x: e.calcRectX(n),
+              y: t.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
+              height: t.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
               width: e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap),
               rx: e.FINAL_CONFIG.bar.borderRadius,
-              fill: e.FINAL_CONFIG.bar.useGradient ? o.value >= 0 ? `url(#rectGradient_pos_${n}_${t.uniqueId})` : `url(#rectGradient_neg_${n}_${t.uniqueId})` : a.color,
+              fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${o}_${t.uniqueId})` : `url(#rectGradient_neg_${o}_${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, yt)) : h("", !0),
-            o.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
+            n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
               height: "12",
               width: (e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? 0 : e.barPeriodGap) / 2) + e.FINAL_CONFIG.chart.comments.width,
-              x: e.calcRectX(o) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: o.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
+              x: e.calcRectX(n) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
+              y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               v(l.$slots, "plot-comment", {
-                plot: { ...o, color: a.color }
+                plot: { ...n, color: a.color }
               }, void 0, !0)
             ], 8, At)) : h("", !0)
           ]))), 128)),
           Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", Lt, [
             u("defs", null, [
               u("marker", {
-                id: `bar_arrow_${n}`,
+                id: `bar_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -1306,7 +1321,7 @@ function Ya(l, s, c, m, t, e) {
               "stroke-width": 1,
               stroke: a.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#bar_arrow_${n})`
+              "marker-end": `url(#bar_arrow_${o})`
             }, null, 8, kt)) : h("", !0),
             a.plots.length > 1 ? (r(), i("text", {
               key: 1,
@@ -1328,8 +1343,8 @@ function Ya(l, s, c, m, t, e) {
           "stroke-width": "1",
           x1: e.drawingArea.left + e.xPadding,
           x2: e.drawingArea.right - e.xPadding,
-          y1: e.zero,
-          y2: e.zero,
+          y1: e.checkNaN(e.zero),
+          y2: e.checkNaN(e.zero),
           "stroke-linecap": "round"
         }, null, 8, Ot)) : h("", !0),
         e.FINAL_CONFIG.chart.highlighter.useLine && ![null, void 0].includes(t.selectedSerieIndex) ? (r(), i("g", vt, [
@@ -1347,6 +1362,7 @@ function Ya(l, s, c, m, t, e) {
         ])) : h("", !0),
         u("g", null, [
           u("rect", {
+            style: { transition: "none" },
             x: 0,
             y: e.drawingArea.top,
             width: e.FINAL_CONFIG.chart.padding.left - 1 + e.xPadding,
@@ -1354,35 +1370,36 @@ function Ya(l, s, c, m, t, e) {
             fill: e.FINAL_CONFIG.chart.backgroundColor
           }, null, 8, zt),
           u("rect", {
+            style: { transition: "none" },
             x: e.drawingArea.right + 1 - e.xPadding,
             y: e.drawingArea.top,
             width: e.FINAL_CONFIG.chart.padding.right - 1 + e.xPadding,
             height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
             fill: e.FINAL_CONFIG.chart.backgroundColor
-          }, null, 8, pt)
+          }, null, 8, Mt)
         ]),
         e.FINAL_CONFIG.chart.grid.frame.show ? (r(), i("rect", {
           key: 3,
-          style: { pointerEvents: "none" },
-          x: e.drawingArea.left + e.xPadding,
+          style: { pointerEvents: "none", transition: "none" },
+          x: e.drawingArea.left + e.xPadding < 0 ? 0 : e.drawingArea.left + e.xPadding,
           y: e.drawingArea.top,
-          width: e.drawingArea.width - (e.FINAL_CONFIG.chart.grid.position === "middle" ? 0 : e.drawingArea.width / e.maxSeries),
-          height: e.drawingArea.height,
+          width: e.drawingArea.width - (e.FINAL_CONFIG.chart.grid.position === "middle" ? 0 : e.drawingArea.width / e.maxSeries) < 0 ? 0 : e.drawingArea.width - (e.FINAL_CONFIG.chart.grid.position === "middle" ? 0 : e.drawingArea.width / e.maxSeries),
+          height: e.drawingArea.height < 0 ? 0 : e.drawingArea.height,
           fill: "transparent",
           stroke: e.FINAL_CONFIG.chart.grid.frame.stroke,
           "stroke-width": e.FINAL_CONFIG.chart.grid.frame.strokeWidth,
           "stroke-linecap": e.FINAL_CONFIG.chart.grid.frame.strokeLinecap,
           "stroke-linejoin": e.FINAL_CONFIG.chart.grid.frame.strokeLinejoin,
           "stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
-        }, null, 8, Mt)) : h("", !0),
+        }, null, 8, pt)) : h("", !0),
         e.FINAL_CONFIG.chart.grid.labels.show ? (r(), i("g", Pt, [
           t.mutableConfig.useIndividualScale ? (r(), i(b, { key: 0 }, [
             (r(!0), i(b, null, I(e.allScales, (a) => (r(), i("g", null, [
               u("line", {
                 x1: a.x + e.xPadding,
                 x2: a.x + e.xPadding,
-                y1: t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset - a.individualHeight : e.drawingArea.top,
-                y2: t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom,
+                y1: t.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - a.yOffset - a.individualHeight) : e.checkNaN(e.drawingArea.top),
+                y2: t.mutableConfig.isStacked ? e.checkNaN(e.drawingArea.bottom - a.yOffset) : e.checkNaN(e.drawingArea.bottom),
                 stroke: a.color,
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
@@ -1398,49 +1415,49 @@ function Ya(l, s, c, m, t, e) {
                 "text-anchor": "middle",
                 transform: `translate(${a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset - a.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
               }, C(a.name) + " " + C(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Vt),
-              (r(!0), i(b, null, I(a.yLabels, (n, o) => (r(), i("line", {
+              (r(!0), i(b, null, I(a.yLabels, (o, n) => (r(), i("line", {
                 x1: a.x - 3 + e.xPadding,
                 x2: a.x + e.xPadding,
-                y1: n.y,
-                y2: n.y,
+                y1: e.checkNaN(o.y),
+                y2: e.checkNaN(o.y),
                 stroke: a.color,
                 "stroke-width": 1,
                 "stroke-linecap": "round"
               }, null, 8, Rt))), 256)),
-              (r(!0), i(b, null, I(a.yLabels, (n, o) => (r(), i("text", {
+              (r(!0), i(b, null, I(a.yLabels, (o, n) => (r(), i("text", {
                 x: a.x - 5 + e.xPadding,
-                y: n.y + e.xPadding,
+                y: o.y + e.xPadding,
                 "font-size": t.fontSizes.dataLabels,
                 "text-anchor": "end",
                 fill: a.color
               }, C(e.applyDataLabel(
                 e.FINAL_CONFIG.chart.grid.labels.yAxis.formatter,
-                n.value,
+                o.value,
                 e.dataLabel({
                   p: e.FINAL_CONFIG.chart.labels.prefix,
-                  v: n.value,
+                  v: o.value,
                   s: e.FINAL_CONFIG.chart.labels.suffix,
                   r: 1
                 })
               )), 9, Dt))), 256))
             ], 4))), 256))
-          ], 64)) : (r(!0), i(b, { key: 1 }, I(e.yLabels, (a, n) => (r(), i("g", {
-            key: `yLabel_${n}`
+          ], 64)) : (r(!0), i(b, { key: 1 }, I(e.yLabels, (a, o) => (r(), i("g", {
+            key: `yLabel_${o}`
           }, [
             e.canShowValue(a) && a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), i("line", {
               key: 0,
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.left - 5 + e.xPadding,
-              y1: a.y,
-              y2: a.y,
+              y1: e.checkNaN(a.y),
+              y2: e.checkNaN(a.y),
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
               "stroke-linecap": "round"
-            }, null, 8, Et)) : h("", !0),
+            }, null, 8, Wt)) : h("", !0),
             a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), i("text", {
               key: 1,
               x: e.drawingArea.left - 7 + e.xPadding,
-              y: a.y + t.fontSizes.dataLabels / 3,
+              y: e.checkNaN(a.y + t.fontSizes.dataLabels / 3),
               "font-size": t.fontSizes.dataLabels,
               "text-anchor": "end",
               fill: e.FINAL_CONFIG.chart.grid.labels.color
@@ -1453,45 +1470,45 @@ function Ya(l, s, c, m, t, e) {
                 s: e.FINAL_CONFIG.chart.labels.suffix,
                 r: 1
               })
-            ) : ""), 9, Ht)) : h("", !0)
+            ) : ""), 9, Et)) : h("", !0)
           ]))), 128))
         ])) : h("", !0),
-        (r(!0), i(b, null, I(e.plotSet, (a, n) => (r(), i("g", {
-          key: `serie_plot_${n}`,
-          class: M(`serie_plot_${n}`),
+        (r(!0), i(b, null, I(e.plotSet, (a, o) => (r(), i("g", {
+          key: `serie_plot_${o}`,
+          class: p(`serie_plot_${o}`),
           style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
-            key: `circle_plot_${n}_${g}`
+          (r(!0), i(b, null, I(a.plots, (n, g) => (r(), i("g", {
+            key: `circle_plot_${o}_${g}`
           }, [
-            e.canShowValue(o.value) ? (r(), V(f, {
+            e.canShowValue(n.value) ? (r(), V(m, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
-              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${n}_${t.uniqueId})` : a.color,
-              plot: { x: o.x, y: o.y },
+              color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${o}_${t.uniqueId})` : a.color,
+              plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
               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"])) : h("", !0),
-            o.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
+            n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
               height: "12",
               width: e.FINAL_CONFIG.chart.comments.width,
-              x: o.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: o.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
+              x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
+              y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               u("div", Bt, [
                 v(l.$slots, "plot-comment", {
-                  plot: { ...o, color: a.color }
+                  plot: { ...n, color: a.color }
                 }, void 0, !0)
               ])
-            ], 8, Wt)) : h("", !0)
+            ], 8, Ht)) : h("", !0)
           ]))), 128)),
           Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", Yt, [
             u("defs", null, [
               u("marker", {
-                id: `plot_arrow_${n}`,
+                id: `plot_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -1513,7 +1530,7 @@ function Ya(l, s, c, m, t, e) {
               "stroke-width": 1,
               stroke: a.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#plot_arrow_${n})`
+              "marker-end": `url(#plot_arrow_${o})`
             }, null, 8, Ut)) : h("", !0),
             a.plots.length > 1 ? (r(), i("text", {
               key: 1,
@@ -1529,9 +1546,9 @@ function Ya(l, s, c, m, t, e) {
             })), 9, Zt)) : h("", !0)
           ])) : h("", !0)
         ], 6))), 128)),
-        (r(!0), i(b, null, I(e.lineSet, (a, n) => (r(), i("g", {
-          key: `serie_line_${n}`,
-          class: M(`serie_line_${n}`),
+        (r(!0), i(b, null, I(e.lineSet, (a, o) => (r(), i("g", {
+          key: `serie_line_${o}`,
+          class: p(`serie_line_${o}`),
           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", {
@@ -1542,14 +1559,14 @@ function Ya(l, s, c, m, t, e) {
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
           }, null, 8, Jt)) : a.plots.length > 1 ? (r(), i("g", Kt, [
-            (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
-              key: `line_${n}_${g}`
+            (r(!0), i(b, null, I(a.plots, (n, g) => (r(), i("g", {
+              key: `line_${o}_${g}`
             }, [
-              o && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(o.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), i("line", {
+              n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), i("line", {
                 key: 0,
-                x1: o.x,
+                x1: n.x,
                 x2: a.plots[g + 1].x,
-                y1: o.y,
+                y1: n.y,
                 y2: a.plots[g + 1].y,
                 stroke: e.FINAL_CONFIG.chart.backgroundColor,
                 "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
@@ -1560,20 +1577,20 @@ function Ya(l, s, c, m, t, e) {
             ]))), 128))
           ])) : h("", !0)
         ], 6))), 128)),
-        (r(!0), i(b, null, I(e.lineSet, (a, n) => (r(), i("g", {
-          key: `serie_line_${n}`,
-          class: M(`serie_line_${n}`),
+        (r(!0), i(b, null, I(e.lineSet, (a, o) => (r(), i("g", {
+          key: `serie_line_${o}`,
+          class: p(`serie_line_${o}`),
           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", jt, [
             a.smooth ? (r(), i("path", {
               key: 0,
-              d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((o) => !!o).map((o) => o.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]}`
+              d: `M ${a.plots[0] ? a.plots[0].x : Math.min(...a.plots.filter((n) => !!n).map((n) => n.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * o + 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_${o}_${t.uniqueId})` : `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
             }, null, 8, $t)) : (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]}`
+              fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${o}_${t.uniqueId})` : `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
             }, null, 8, ea))
           ])) : h("", !0),
           a.smooth && a.plots.length > 1 ? (r(), i("path", {
@@ -1584,14 +1601,14 @@ function Ya(l, s, c, m, t, e) {
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
           }, null, 8, ta)) : a.plots.length > 1 ? (r(), i("g", aa, [
-            (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
-              key: `line_${n}_${g}`
+            (r(!0), i(b, null, I(a.plots, (n, g) => (r(), i("g", {
+              key: `line_${o}_${g}`
             }, [
-              o && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(o.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), i("line", {
+              n && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(n.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), i("line", {
                 key: 0,
-                x1: o.x,
+                x1: n.x,
                 x2: a.plots[g + 1].x,
-                y1: o.y,
+                y1: n.y,
                 y2: a.plots[g + 1].y,
                 stroke: a.color,
                 "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
@@ -1601,29 +1618,29 @@ function Ya(l, s, c, m, t, e) {
               }, null, 8, la)) : h("", !0)
             ]))), 128))
           ])) : h("", !0),
-          (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
-            key: `circle_line_${n}_${g}`
+          (r(!0), i(b, null, I(a.plots, (n, g) => (r(), i("g", {
+            key: `circle_line_${o}_${g}`
           }, [
-            o && e.canShowValue(o.value) ? (r(), V(f, {
+            n && e.canShowValue(n.value) ? (r(), V(m, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(a.shape) ? a.shape : "circle",
-              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${n}_${t.uniqueId})` : a.color,
-              plot: { x: o.x, y: o.y },
+              color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${o}_${t.uniqueId})` : a.color,
+              plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
               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"])) : h("", !0),
-            o.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
+            n.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
               height: "12",
               width: e.FINAL_CONFIG.chart.comments.width,
-              x: o.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: o.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
+              x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
+              y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
               u("div", ia, [
                 v(l.$slots, "plot-comment", {
-                  plot: { ...o, color: a.color }
+                  plot: { ...n, color: a.color }
                 }, void 0, !0)
               ])
             ], 8, ra)) : h("", !0)
@@ -1631,7 +1648,7 @@ function Ya(l, s, c, m, t, e) {
           Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", sa, [
             u("defs", null, [
               u("marker", {
-                id: `line_arrow_${n}`,
+                id: `line_arrow_${o}`,
                 markerWidth: 7,
                 markerHeight: 7,
                 refX: "0",
@@ -1641,8 +1658,8 @@ function Ya(l, s, c, m, t, e) {
                 u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, na)
-              ], 8, oa)
+                }, null, 8, oa)
+              ], 8, na)
             ]),
             a.plots.length > 1 ? (r(), i("line", {
               key: 0,
@@ -1653,7 +1670,7 @@ function Ya(l, s, c, m, t, e) {
               "stroke-width": 1,
               stroke: a.color,
               "stroke-dasharray": 2,
-              "marker-end": `url(#line_arrow_${n})`
+              "marker-end": `url(#line_arrow_${o})`
             }, null, 8, ha)) : h("", !0),
             a.plots.length > 1 ? (r(), i("text", {
               key: 1,
@@ -1670,39 +1687,39 @@ function Ya(l, s, c, m, t, e) {
           ])) : h("", !0)
         ], 6))), 128)),
         (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (r(), i("g", da, [
-          (r(!0), i(b, null, I(e.barSet, (a, n) => (r(), i("g", {
-            key: `xLabel_bar_${n}`,
-            class: M(`xLabel_bar_${n}`),
+          (r(!0), i(b, null, I(e.barSet, (a, o) => (r(), i("g", {
+            key: `xLabel_bar_${o}`,
+            class: p(`xLabel_bar_${o}`),
             style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
-              key: `xLabel_bar_${n}_${g}`
+            (r(!0), i(b, null, I(a.plots, (n, g) => (r(), i("g", {
+              key: `xLabel_bar_${o}_${g}`
             }, [
-              o && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (r(), i("text", {
+              n && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (r(), i("text", {
                 key: 0,
-                x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? o.x + e.slot.line / 2 : e.calcRectX(o) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
-                y: o.y + (o.value > 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
+                x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? n.x + e.slot.line / 2 : e.calcRectX(n) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
+                y: n.y + (n.value > 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color
-              }, C(e.canShowValue(o.value) ? e.applyDataLabel(
+              }, C(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
-                o.value,
+                n.value,
                 e.dataLabel({
                   p: e.FINAL_CONFIG.chart.labels.prefix,
-                  v: o.value,
+                  v: n.value,
                   s: e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.bar.labels.rounding
                 }),
                 {
-                  datapoint: o,
+                  datapoint: n,
                   serie: a
                 }
               ) : ""), 9, ua)) : h("", !0),
-              o && e.FINAL_CONFIG.bar.serieName.show ? (r(), i("text", {
+              n && e.FINAL_CONFIG.bar.serieName.show ? (r(), i("text", {
                 key: 1,
-                x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? o.x + e.slot.line / 2 : o.x + e.calcRectWidth() * 1.1,
-                y: o.y + (o.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
+                x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? n.x + e.slot.line / 2 : n.x + e.calcRectWidth() * 1.1,
+                y: n.y + (n.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? a.color : e.FINAL_CONFIG.bar.serieName.color,
@@ -1712,39 +1729,39 @@ function Ya(l, s, c, m, t, e) {
           ], 6))), 128))
         ])) : h("", !0),
         e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (r(), i("g", fa, [
-          (r(!0), i(b, null, I(e.plotSet, (a, n) => (r(), i("g", {
-            key: `xLabel_plot_${n}`,
-            class: M(`xLabel_plot_${n}`),
+          (r(!0), i(b, null, I(e.plotSet, (a, o) => (r(), i("g", {
+            key: `xLabel_plot_${o}`,
+            class: p(`xLabel_plot_${o}`),
             style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
-              key: `xLabel_plot_${n}_${g}`
+            (r(!0), i(b, null, I(a.plots, (n, g) => (r(), i("g", {
+              key: `xLabel_plot_${o}_${g}`
             }, [
-              o && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), i("text", {
+              n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), i("text", {
                 key: 0,
-                x: o.x,
-                y: o.y + e.FINAL_CONFIG.plot.labels.offsetY,
+                x: n.x,
+                y: n.y + e.FINAL_CONFIG.plot.labels.offsetY,
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.plot.labels.color
-              }, C(e.canShowValue(o.value) ? e.applyDataLabel(
+              }, C(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
-                o.value,
+                n.value,
                 e.dataLabel({
                   p: e.FINAL_CONFIG.chart.labels.prefix,
-                  v: o.value,
+                  v: n.value,
                   s: e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.plot.labels.rounding
                 }),
                 {
-                  datapoint: o,
+                  datapoint: n,
                   serie: a
                 }
-              ) : ""), 9, ba)) : h("", !0),
-              o && g === 0 && a.useTag && a.useTag === "start" ? (r(), i("foreignObject", {
+              ) : ""), 9, ma)) : h("", !0),
+              n && g === 0 && a.useTag && a.useTag === "start" ? (r(), i("foreignObject", {
                 key: 1,
-                x: o.x,
-                y: o.y - 20,
+                x: n.x,
+                y: n.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1752,11 +1769,11 @@ function Ya(l, s, c, m, t, e) {
                 u("div", {
                   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, ma)) : h("", !0),
-              o && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), i("foreignObject", {
+              ], 8, ba)) : h("", !0),
+              n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), i("foreignObject", {
                 key: 2,
-                x: o.x - a.name.length * (t.fontSizes.plotLabels / 2),
-                y: o.y - 20,
+                x: n.x - a.name.length * (t.fontSizes.plotLabels / 2),
+                y: n.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1769,39 +1786,39 @@ function Ya(l, s, c, m, t, e) {
           ], 6))), 128))
         ])) : h("", !0),
         e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (r(), i("g", Na, [
-          (r(!0), i(b, null, I(e.lineSet, (a, n) => (r(), i("g", {
-            key: `xLabel_line_${n}`,
-            class: M(`xLabel_line_${n}`),
+          (r(!0), i(b, null, I(e.lineSet, (a, o) => (r(), i("g", {
+            key: `xLabel_line_${o}`,
+            class: p(`xLabel_line_${o}`),
             style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
           }, [
-            (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
-              key: `xLabel_line_${n}_${g}`
+            (r(!0), i(b, null, I(a.plots, (n, g) => (r(), i("g", {
+              key: `xLabel_line_${o}_${g}`
             }, [
-              o && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), i("text", {
+              n && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), i("text", {
                 key: 0,
-                x: o.x,
-                y: o.y + (o.value > 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
+                x: n.x,
+                y: n.y + (n.value > 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color
-              }, C(e.canShowValue(o.value) ? e.applyDataLabel(
+              }, C(e.canShowValue(n.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
-                o.value,
+                n.value,
                 e.dataLabel({
                   p: e.FINAL_CONFIG.chart.labels.prefix,
-                  v: o.value,
+                  v: n.value,
                   s: e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.line.labels.rounding
                 }),
                 {
-                  datapoint: o,
+                  datapoint: n,
                   serie: a
                 }
               ) : ""), 9, xa)) : h("", !0),
-              o && g === 0 && a.useTag && a.useTag === "start" ? (r(), i("foreignObject", {
+              n && g === 0 && a.useTag && a.useTag === "start" ? (r(), i("foreignObject", {
                 key: 1,
-                x: o.x,
-                y: o.y - 20,
+                x: n.x,
+                y: n.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1810,10 +1827,10 @@ function Ya(l, s, c, m, t, e) {
                   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, _a)) : h("", !0),
-              o && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), i("foreignObject", {
+              n && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), i("foreignObject", {
                 key: 2,
-                x: o.x - a.name.length * (t.fontSizes.plotLabels / 2),
-                y: o.y - 20,
+                x: n.x - a.name.length * (t.fontSizes.plotLabels / 2),
+                y: n.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1825,18 +1842,18 @@ function Ya(l, s, c, m, t, e) {
             ]))), 128))
           ], 6))), 128))
         ])) : h("", !0),
-        (r(!0), i(b, null, I(e.lineSet, (a, n) => (r(), i("g", {
-          key: `xLabel_line_${n}`,
-          class: M(`xLabel_line_${n}`),
+        (r(!0), i(b, null, I(e.lineSet, (a, o) => (r(), i("g", {
+          key: `xLabel_line_${o}`,
+          class: p(`xLabel_line_${o}`),
           style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
-            key: `xLabel_line_${n}_${g}`
+          (r(!0), i(b, null, I(a.plots, (n, g) => (r(), i("g", {
+            key: `xLabel_line_${o}_${g}`
           }, [
-            o && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), i("text", {
+            n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), i("text", {
               key: 0,
-              x: o.x - t.fontSizes.plotLabels,
-              y: o.y,
+              x: n.x - t.fontSizes.plotLabels,
+              y: n.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "end",
               fill: a.color,
@@ -1844,15 +1861,15 @@ function Ya(l, s, c, m, t, e) {
                 content: a.name,
                 fontSize: t.fontSizes.plotLabels,
                 fill: a.color,
-                x: o.x - t.fontSizes.plotLabels,
-                y: o.y,
+                x: n.x - t.fontSizes.plotLabels,
+                y: n.y,
                 maxWords: 2
               })
             }, null, 8, ya)) : h("", !0),
-            o && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), i("text", {
+            n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), i("text", {
               key: 1,
-              x: o.x + t.fontSizes.plotLabels,
-              y: o.y,
+              x: n.x + t.fontSizes.plotLabels,
+              y: n.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "start",
               fill: a.color,
@@ -1860,25 +1877,25 @@ function Ya(l, s, c, m, t, e) {
                 content: a.name,
                 fontSize: t.fontSizes.plotLabels,
                 fill: a.color,
-                x: o.x + t.fontSizes.plotLabels,
-                y: o.y,
+                x: n.x + t.fontSizes.plotLabels,
+                y: n.y,
                 maxWords: 2
               })
             }, null, 8, Aa)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
-        (r(!0), i(b, null, I(e.plotSet, (a, n) => (r(), i("g", {
-          key: `xLabel_plot_${n}`,
-          class: M(`xLabel_plot_${n}`),
+        (r(!0), i(b, null, I(e.plotSet, (a, o) => (r(), i("g", {
+          key: `xLabel_plot_${o}`,
+          class: p(`xLabel_plot_${o}`),
           style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
-            key: `xLabel_plot_${n}_${g}`
+          (r(!0), i(b, null, I(a.plots, (n, g) => (r(), i("g", {
+            key: `xLabel_plot_${o}_${g}`
           }, [
-            o && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), i("text", {
+            n && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), i("text", {
               key: 0,
-              x: o.x - t.fontSizes.plotLabels,
-              y: o.y,
+              x: n.x - t.fontSizes.plotLabels,
+              y: n.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "end",
               fill: a.color,
@@ -1886,15 +1903,15 @@ function Ya(l, s, c, m, t, e) {
                 content: a.name,
                 fontSize: t.fontSizes.plotLabels,
                 fill: a.color,
-                x: o.x - t.fontSizes.plotLabels,
-                y: o.y,
+                x: n.x - t.fontSizes.plotLabels,
+                y: n.y,
                 maxWords: 2
               })
             }, null, 8, La)) : h("", !0),
-            o && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), i("text", {
+            n && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), i("text", {
               key: 1,
-              x: o.x + t.fontSizes.plotLabels,
-              y: o.y,
+              x: n.x + t.fontSizes.plotLabels,
+              y: n.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "start",
               fill: a.color,
@@ -1902,8 +1919,8 @@ function Ya(l, s, c, m, t, e) {
                 content: a.name,
                 fontSize: t.fontSizes.plotLabels,
                 fill: a.color,
-                x: o.x + t.fontSizes.plotLabels,
-                y: o.y,
+                x: n.x + t.fontSizes.plotLabels,
+                y: n.y,
                 maxWords: 2
               })
             }, null, 8, Sa)) : h("", !0)
@@ -1915,8 +1932,8 @@ function Ya(l, s, c, m, t, e) {
           width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
           fill: t.selectedScale === a.id ? `${a.color}20` : "transparent",
-          onMouseenter: (n) => t.selectedScale = a.id,
-          onMouseleave: s[0] || (s[0] = (n) => t.selectedScale = null)
+          onMouseenter: (o) => t.selectedScale = a.id,
+          onMouseleave: s[0] || (s[0] = (o) => t.selectedScale = null)
         }, null, 40, Ca))), 256)) : h("", !0),
         u("g", null, [
           e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !t.mutableConfig.useIndividualScale ? (r(), i("text", {
@@ -1937,32 +1954,32 @@ function Ya(l, s, c, m, t, e) {
           }, C(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, wa)) : h("", !0)
         ]),
         e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), i("g", Oa, [
-          (r(!0), i(b, null, I(e.timeLabels, (a, n) => (r(), i("g", {
-            key: `time_label_${n}`
+          (r(!0), i(b, null, I(e.timeLabels, (a, o) => (r(), i("g", {
+            key: `time_label_${o}`
           }, [
-            a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (n === 0 || n === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === n && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && n % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (r(), i("text", {
+            a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (o === 0 || o === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && t.selectedSerieIndex === o && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || a && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && o % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (r(), i("text", {
               key: 0,
               "text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
               "font-size": t.fontSizes.xAxis,
               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})`
+              transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * o + 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, va)) : h("", !0)
           ]))), 128))
         ])) : h("", !0),
         u("g", null, [
-          (r(!0), i(b, null, I(e.maxSeries, (a, n) => (r(), i("g", {
-            key: `tooltip_trap_${n}`
+          (r(!0), i(b, null, I(e.maxSeries, (a, o) => (r(), i("g", {
+            key: `tooltip_trap_${o}`
           }, [
             u("rect", {
               "data-cy-trap": "",
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * n,
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * o,
               y: e.drawingArea.top,
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
               fill: "transparent",
-              onMouseenter: (o) => e.toggleTooltipVisibility(!0, n),
-              onMouseleave: s[1] || (s[1] = (o) => e.toggleTooltipVisibility(!1)),
-              onClick: (o) => e.selectX(n)
+              onMouseenter: (n) => e.toggleTooltipVisibility(!0, o),
+              onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
+              onClick: (n) => e.selectX(o)
             }, null, 40, Ga)
           ]))), 128))
         ]),
@@ -1978,19 +1995,19 @@ function Ya(l, s, c, m, t, e) {
               class: "vue-ui-xy-time-tag",
               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, pa)),
+          ], 8, Ma)),
           u("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, Ma)
+          }, null, 8, pa)
         ])) : h("", !0)
       ])) : h("", !0),
       v(l.$slots, "svg", { svg: e.svg }, void 0, !0)
     ], 14, Xe)) : h("", !0),
     l.$slots.watermark ? (r(), i("div", Pa, [
-      v(l.$slots, "watermark", W(B({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
+      v(l.$slots, "watermark", H(B({ isPrinting: t.isPrinting || t.isImaging })), void 0, !0)
     ])) : h("", !0),
     e.isDataset ? h("", !0) : (r(), V(_, {
       key: 4,
@@ -2010,7 +2027,7 @@ function Ya(l, s, c, m, t, e) {
         }
       }
     }, null, 8, ["config"])),
-    e.FINAL_CONFIG.chart.zoom.show && t.maxX > 6 && e.isDataset ? (r(), V(p, {
+    e.FINAL_CONFIG.chart.zoom.show && t.maxX > 6 && e.isDataset ? (r(), V(M, {
       ref: "chartSlicer",
       key: `slicer_${t.slicerStep}`,
       background: e.FINAL_CONFIG.chart.zoom.color,
@@ -2022,6 +2039,10 @@ function Ya(l, s, c, m, t, e) {
       inputColor: e.FINAL_CONFIG.chart.zoom.color,
       selectColor: e.FINAL_CONFIG.chart.zoom.highlightColor,
       borderColor: e.FINAL_CONFIG.chart.backgroundColor,
+      minimap: e.minimap,
+      smoothMinimap: e.FINAL_CONFIG.chart.zoom.minimap.smooth,
+      minimapSelectedColor: e.FINAL_CONFIG.chart.zoom.minimap.selectedColor,
+      minimapSelectionRadius: e.FINAL_CONFIG.chart.zoom.minimap.selectionRadius,
       max: t.maxX,
       min: 0,
       valueStart: t.slicer.start,
@@ -2033,20 +2054,20 @@ function Ya(l, s, c, m, t, e) {
       onReset: e.refreshSlicer
     }, {
       "reset-action": z(({ reset: a }) => [
-        v(l.$slots, "reset-action", W(B({ reset: a })), void 0, !0)
+        v(l.$slots, "reset-action", H(B({ reset: a })), void 0, !0)
       ]),
       _: 3
-    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "max", "valueStart", "valueEnd", "start", "end", "onReset"])) : h("", !0),
+    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "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: L(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (r(!0), i(b, null, I(e.absoluteDataset, (a, n) => (r(), i("div", {
-        key: `div_legend_item_${n}`,
-        onClick: (o) => e.segregate(a),
-        class: M({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(a.id) })
+      (r(!0), i(b, null, I(e.absoluteDataset, (a, o) => (r(), i("div", {
+        key: `div_legend_item_${o}`,
+        onClick: (n) => e.segregate(a),
+        class: p({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(a.id) })
       }, [
         t.icons[a.type] === "line" ? (r(), i("svg", Va, [
           u("rect", {
@@ -2058,7 +2079,7 @@ function Ya(l, s, c, m, t, e) {
             width: "20",
             fill: a.color
           }, null, 8, Ra),
-          Y(f, {
+          Y(m, {
             plot: { x: 10, y: 9 },
             radius: 4,
             color: a.color,
@@ -2076,7 +2097,7 @@ function Ya(l, s, c, m, t, e) {
             width: "12",
             stroke: "none",
             fill: a.color
-          }, null, 8, Ea)) : (r(), V(f, {
+          }, null, 8, Wa)) : (r(), V(m, {
             key: 1,
             plot: { x: 6, y: 6 },
             radius: 5,
@@ -2088,7 +2109,7 @@ function Ya(l, s, c, m, t, e) {
           style: L(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, C(a.name), 5)
       ], 10, Ta))), 128))
-    ], 4)) : (r(), i("div", Ha, [
+    ], 4)) : (r(), i("div", Ea, [
       v(l.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
     Y(k, {
@@ -2107,10 +2128,10 @@ function Ya(l, s, c, m, t, e) {
       isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
     }, {
       "tooltip-before": z(() => [
-        v(l.$slots, "tooltip-before", W(B({ ...e.dataTooltipSlot })), void 0, !0)
+        v(l.$slots, "tooltip-before", H(B({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       "tooltip-after": z(() => [
-        v(l.$slots, "tooltip-after", W(B({ ...e.dataTooltipSlot })), void 0, !0)
+        v(l.$slots, "tooltip-after", H(B({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
@@ -2134,7 +2155,7 @@ function Ya(l, s, c, m, t, e) {
         u("div", {
           style: L(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          u("div", Wa, [
+          u("div", Ha, [
             Re(u("input", {
               type: "checkbox",
               "onUpdate:modelValue": s[4] || (s[4] = (a) => t.showSparklineTable = a)
@@ -2169,7 +2190,7 @@ function Ya(l, s, c, m, t, e) {
               u("div", { innerHTML: a }, null, 8, Ba)
             ]),
             td: z(({ td: a }) => [
-              Ee(C(isNaN(Number(a)) ? a : e.dataLabel({
+              We(C(isNaN(Number(a)) ? a : e.dataLabel({
                 p: e.FINAL_CONFIG.chart.labels.prefix,
                 v: a,
                 s: e.FINAL_CONFIG.chart.labels.suffix,
@@ -2184,7 +2205,7 @@ function Ya(l, s, c, m, t, e) {
     }, 8, ["config"])) : h("", !0)
   ], 14, Ye);
 }
-const sl = /* @__PURE__ */ He(Be, [["render", Ya], ["__scopeId", "data-v-c25cc064"]]);
+const sl = /* @__PURE__ */ Ee(Be, [["render", Ya], ["__scopeId", "data-v-ca48ab99"]]);
 export {
   sl as default
 };