vue-data-ui 2.3.40 → 2.3.42

package/dist/{vue-ui-xy-vIwvvGNZ.js → vue-ui-xy-DGGELzRv.js}

@@ -1,19 +1,19 @@
 import { p as J } from "./pdf-97UbtKC2.js";
-import { U as K, s as Q } from "./usePrinter-CLjymPxw.js";
-import { c as Z, a as j, t as $, v as ee, p as te, u as ae, P as X, J as M, f as q, F as le, U as re, i as ie, V as se, W as oe, M as ne, Y as ce, y as he, s as de, d as ue, z as ge, b as fe, r as be, q as me, D as Ie, S as Ne, Z as _e, w as xe, x as Fe, e as ye, o as Ae, _ as Le, C as Se } from "./index-CLohkSjv.js";
-import { D as Ce } from "./DataTable-xRoJJLCK.js";
-import { _ as ke } from "./Title-WVL1w90F.js";
-import { _ as we, u as Oe } from "./Tooltip-B5_8pR7S.js";
-import { _ as ve } from "./Shape-Cnsn1U1B.js";
-import Ge from "./BaseIcon-D7REqiel.js";
-import ze from "./vue-ui-table-sparkline-BYv7kseR.js";
-import pe from "./vue-ui-skeleton-Cu-FCvsL.js";
-import { S as Te } from "./Slicer-CdoJYj--.js";
-import Me from "./vue-ui-accordion-B6lUgTu6.js";
-import { u as U } from "./useNestedProp-BsIUgLPI.js";
-import { resolveComponent as P, openBlock as r, createElementBlock as i, normalizeClass as T, normalizeStyle as L, createVNode as Y, createCommentVNode as c, createBlock as V, createSlots as Pe, 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 Ve, vModelCheckbox as Re, createTextVNode as De } from "vue";
-import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const He = Z(), We = {
+import { U as K, s as Q } from "./usePrinter-CBPQ7BTV.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-C0qeGgGL.js";
+import { D as ke } from "./DataTable-zAsuxqFp.js";
+import { _ as we } from "./Title-BmBtTM10.js";
+import { _ as Oe, u as ve } from "./Tooltip-2egolusz.js";
+import { _ as Ge } from "./Shape-DNtGmj4U.js";
+import ze from "./BaseIcon-CqWidrgW.js";
+import pe from "./vue-ui-table-sparkline-C-R8g7fq.js";
+import Me from "./vue-ui-skeleton-Bdc0rBji.js";
+import { S as Pe } from "./Slicer-CLvZcQa8.js";
+import Te from "./vue-ui-accordion-BhMRX1nr.js";
+import { u as U } from "./useNestedProp-Dqm0GHPD.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 = {
   name: "vue-ui-xy",
   props: {
     config: {
@@ -30,27 +30,27 @@ const He = Z(), We = {
     }
   },
   components: {
-    DataTable: Ce,
-    Shape: ve,
-    Title: ke,
-    Tooltip: we,
+    DataTable: ke,
+    Shape: Ge,
+    Title: we,
+    Tooltip: Oe,
     UserOptions: K,
-    BaseIcon: Ge,
-    TableSparkline: ze,
-    Skeleton: pe,
-    Slicer: Te,
-    Accordion: Me
+    BaseIcon: ze,
+    TableSparkline: pe,
+    Skeleton: Me,
+    Slicer: Pe,
+    Accordion: Te
   },
   data() {
-    this.dataset.forEach((h, m) => {
-      [null, void 0].includes(h.series) && this.error({
+    this.dataset.forEach((c, m) => {
+      [null, void 0].includes(c.series) && this.error({
         componentName: "VueUiXy",
         type: "datasetSerieAttribute",
         property: "series (number[])",
         index: m
       });
     });
-    const l = Math.max(...this.dataset.map((h) => h.series.length)), o = {
+    const l = Math.max(...this.dataset.map((c) => c.series.length)), s = {
       start: 0,
       end: l
     };
@@ -98,12 +98,12 @@ const He = Z(), We = {
       segregatedSeries: [],
       uniqueId: Z(),
       step: 0,
-      slicer: o,
+      slicer: s,
       __to__: null,
       maxX: l,
       showSparklineTable: !0,
       segregateStep: 0,
-      sliderId: He,
+      sliderId: We,
       fontSizes: {
         xAxis: 18,
         yAxis: 12,
@@ -139,7 +139,7 @@ const He = Z(), We = {
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height,
         autoScaleYLabels: t.autoScaleYLabels
-      })), o = this.barSet.map((t) => ({
+      })), s = this.barSet.map((t) => ({
         name: t.name,
         color: t.color,
         scale: t.individualScale,
@@ -150,7 +150,7 @@ const He = Z(), We = {
         id: t.id,
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height
-      })), h = this.plotSet.map((t) => ({
+      })), c = this.plotSet.map((t) => ({
         name: t.name,
         color: t.color,
         scale: t.individualScale,
@@ -162,8 +162,8 @@ const He = Z(), We = {
         id: t.id,
         yOffset: t.yOffset || 0,
         individualHeight: t.individualHeight || this.drawingArea.height
-      })), m = [...l, ...o, ...h].flatMap((t) => t).length;
-      return [...l, ...o, ...h].flatMap((t, e) => ({
+      })), m = [...l, ...s, ...c].flatMap((t) => t).length;
+      return [...l, ...s, ...c].flatMap((t, e) => ({
         id: t.id,
         scaleLabel: t.scaleLabel,
         name: t.name,
@@ -190,17 +190,17 @@ const He = Z(), We = {
         const l = ae().vue_ui_xy;
         if (!Object.keys(this.config || {}).length)
           return l;
-        const o = this.useNestedProp({
+        const s = this.useNestedProp({
           userConfig: this.config,
           defaultConfig: l
         });
-        return "highlightArea" in this.config.chart && (Array.isArray(this.config.chart.highlightArea) ? o.chart.highlightArea = this.config.chart.highlightArea : o.chart.highlightArea = [this.config.chart.highlightArea]), o.theme ? {
+        return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? s.chart.highlightArea = this.config.chart.highlightArea : s.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? s.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : s.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? s.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : s.chart.grid.labels.yAxis.scaleMax = null, s.theme ? {
           ...U({
-            userConfig: this.themes.vue_ui_xy[o.theme] || this.config,
-            defaultConfig: o
+            userConfig: this.themes.vue_ui_xy[s.theme] || this.config,
+            defaultConfig: s
           }),
-          customPalette: this.themePalettes[o.theme] || this.palette
-        } : o;
+          customPalette: this.themePalettes[s.theme] || this.palette
+        } : s;
       },
       set: function(l) {
         return l;
@@ -211,9 +211,9 @@ const He = Z(), We = {
     },
     highlightAreas() {
       if (Array.isArray(this.FINAL_CONFIG.chart.highlightArea))
-        return this.FINAL_CONFIG.chart.highlightArea.map((o) => ({
-          ...o,
-          span: o.from === o.to ? 1 : o.to < o.from ? 0 : o.to - o.from + 1
+        return this.FINAL_CONFIG.chart.highlightArea.map((s) => ({
+          ...s,
+          span: s.from === s.to ? 1 : s.to < s.from ? 0 : s.to - s.from + 1
         }));
       const l = this.FINAL_CONFIG.chart.highlightArea;
       return [{ ...l, span: l.from === l.to ? 1 : l.to < l.from ? 0 : l.to - l.from + 1 }];
@@ -228,28 +228,28 @@ const He = Z(), We = {
       return this.niceScale.max + this.relativeZero;
     },
     safeDataset() {
-      return this.useSafeValues ? this.dataset.map((l, o) => ({
+      return this.useSafeValues ? this.dataset.map((l, s) => ({
         ...l,
-        series: l.series.map((h) => this.isSafeValue(h) ? h : null).slice(this.slicer.start, this.slicer.end),
-        color: this.convertColorToHex(l.color ? l.color : this.customPalette[o] ? this.customPalette[o] : this.palette[o]),
-        id: `uniqueId_${o}`
+        series: l.series.map((c) => this.isSafeValue(c) ? c : null).slice(this.slicer.start, this.slicer.end),
+        color: this.convertColorToHex(l.color ? l.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
+        id: `uniqueId_${s}`
       })) : this.dataset;
     },
     relativeDataset() {
-      return this.safeDataset.map((l, o) => ({
+      return this.safeDataset.map((l, s) => ({
         ...l,
-        series: l.series.map((h) => h + this.relativeZero),
+        series: l.series.map((c) => c + this.relativeZero),
         absoluteValues: l.series
       })).filter((l) => !this.segregatedSeries.includes(l.id));
     },
     tableSparklineDataset() {
       return this.relativeDataset.map((l) => {
-        const o = l.absoluteValues.map((h) => [void 0, null].includes(h) ? 0 : h);
+        const s = l.absoluteValues.map((c) => [void 0, null].includes(c) ? 0 : c);
         return {
           id: l.id,
           name: l.name,
           color: l.color,
-          values: this.fillArray(this.maxSeries, o)
+          values: this.fillArray(this.maxSeries, s)
         };
       });
     },
@@ -280,44 +280,44 @@ const He = Z(), We = {
       };
     },
     absoluteDataset() {
-      return this.safeDataset.map((l, o) => ({
-        absoluteIndex: o,
+      return this.safeDataset.map((l, s) => ({
+        absoluteIndex: s,
         ...l,
-        series: l.series.map((h) => h + this.relativeZero),
+        series: l.series.map((c) => c + this.relativeZero),
         absoluteValues: l.series,
         segregate: () => this.segregate(l),
         isSegregated: this.segregatedSeries.includes(l.id)
       }));
     },
     barSet() {
-      return this.activeSeriesWithStackRatios.filter((l) => l.type === "bar").map((l, o) => {
+      return this.activeSeriesWithStackRatios.filter((l) => l.type === "bar").map((l, s) => {
         this.checkAutoScaleError(l);
-        const h = 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 - h) / (m - h)),
-          valueMin: h,
+        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)),
+          valueMin: c,
           valueMax: m < 0 ? 0 : m
         }, 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), x = this.calculateNiceScaleWithExactExtremes(e.valueMin, e.valueMax, A), p = f.min >= 0 ? 0 : Math.abs(f.min), k = 0, w = f.max + p, G = x.max + Math.abs(k), _ = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, S = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, a = this.drawingArea.bottom - _ - S * p / w, n = this.drawingArea.bottom - _ - S * k / G, s = this.absoluteDataset.filter((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 * o + this.slot.bar * F * s - this.barSlot / 2 - o * this.barPeriodGap;
+        }, 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;
           return {
-            yOffset: _,
+            yOffset: x,
             individualHeight: S,
             x: H,
-            y: this.drawingArea.bottom - _ - S * E,
+            y: this.drawingArea.bottom - x - S * E,
             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) => x.min >= 0 ? (d - Math.abs(x.min)) / (x.max - Math.abs(x.min)) : (d + Math.abs(x.min)) / (x.max + Math.abs(x.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 * o + this.slot.bar * F * this.absoluteDataset.filter((H) => H.type === "bar").filter((H) => !this.segregatedSeries.includes(H.id)).length;
+        }), 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;
           return {
-            yOffset: _,
+            yOffset: x,
             individualHeight: S,
             x: E,
-            y: this.drawingArea.bottom - _ - (S * D[F] || 0),
+            y: this.drawingArea.bottom - x - (S * D[F] || 0),
             value: l.absoluteValues[F],
             zeroPosition: a,
             individualMax: w,
@@ -326,8 +326,8 @@ const He = Z(), We = {
         }), y = f.ticks.map((d) => ({
           y: d >= 0 ? a - S * (d / w) : a + S * Math.abs(d) / w,
           value: d
-        })), O = x.ticks.map((d) => {
-          const F = (d - x.min) / (x.max - x.min);
+        })), O = _.ticks.map((d) => {
+          const F = (d - _.min) / (_.max - _.min);
           return {
             y: d >= 0 ? n - S * F : n + S * F,
             value: d
@@ -335,11 +335,11 @@ const He = Z(), We = {
         });
         return {
           ...l,
-          yOffset: _,
+          yOffset: x,
           autoScaleYLabels: O,
           individualHeight: S,
           scaleYLabels: l.autoScaling ? O : y,
-          individualScale: l.autoScaling ? x : f,
+          individualScale: l.autoScaling ? _ : f,
           individualMax: l.autoScaling ? G : w,
           zeroPosition: l.autoScaling ? n : a,
           plots: l.autoScaling ? R : g
@@ -355,36 +355,36 @@ const He = Z(), We = {
     lineSet() {
       return this.activeSeriesWithStackRatios.filter((l) => l.type === "line").map((l) => {
         this.checkAutoScaleError(l);
-        const o = Math.min(...l.absoluteValues.filter((d) => ![void 0, null].includes(d))), h = Math.max(...l.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, t = {
-          ratios: l.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - o) / (h - o)),
-          valueMin: o,
-          valueMax: h
+        const s = Math.min(...l.absoluteValues.filter((d) => ![void 0, null].includes(d))), c = Math.max(...l.absoluteValues.filter((d) => ![void 0, null].includes(d))) || 1, t = {
+          ratios: l.absoluteValues.filter((d) => ![null, void 0].includes(d)).map((d) => (d - s) / (c - s)),
+          valueMin: s,
+          valueMax: c
         }, e = {
           max: l.scaleMax || Math.max(...l.absoluteValues) || 1,
           min: l.scaleMin || (Math.min(...l.absoluteValues) > 0 ? 0 : Math.min(...l.absoluteValues))
-        }, N = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScaleWithExactExtremes(e.min, e.max, N), f = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax, N), x = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + Math.abs(x), w = f.max + Math.abs(p), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, S = this.drawingArea.bottom - G - _ * x / k, a = this.drawingArea.bottom - G - _ * p / w, n = l.series.map((d, F) => {
-          const E = this.mutableConfig.useIndividualScale ? (l.absoluteValues[F] + Math.abs(x)) / k : this.ratioToMax(d);
+        }, 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);
           return {
             x: this.drawingArea.left + this.slot.line / 2 + this.slot.line * F,
-            y: this.drawingArea.bottom - G - _ * E,
+            y: this.drawingArea.bottom - G - x * E,
             value: l.absoluteValues[F],
             comment: l.comments && l.comments.slice(this.slicer.start, this.slicer.end)[F] || ""
           };
-        }), s = 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) => {
+        }), 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) => {
           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 - (_ * s[F] || 0),
+              y: this.drawingArea.bottom - G - (x * o[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) => ({
-          y: d >= 0 ? S - _ * (d / k) : S + _ * Math.abs(d) / k,
+          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);
           return {
-            y: d >= 0 ? a - _ * F : a + _ * F,
+            y: d >= 0 ? a - x * F : a + x * F,
             value: d
           };
         });
@@ -392,7 +392,7 @@ const He = Z(), We = {
           ...l,
           yOffset: G,
           autoScaleYLabels: O,
-          individualHeight: _,
+          individualHeight: x,
           scaleYLabels: l.autoScaling ? O : y,
           individualScale: l.autoScaling ? f : A,
           individualMax: l.autoScaling ? w : k,
@@ -406,33 +406,33 @@ const He = Z(), We = {
     plotSet() {
       return this.activeSeriesWithStackRatios.filter((l) => l.type === "plot").map((l) => {
         this.checkAutoScaleError(l);
-        const o = Math.min(...l.absoluteValues.filter((y) => ![null, void 0].includes(y))), h = Math.max(...l.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, t = {
-          ratios: l.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - o) / (h - o)),
-          valueMin: o,
-          valueMax: h
+        const s = Math.min(...l.absoluteValues.filter((y) => ![null, void 0].includes(y))), c = Math.max(...l.absoluteValues.filter((y) => ![null, void 0].includes(y))) || 1, t = {
+          ratios: l.absoluteValues.filter((y) => ![null, void 0].includes(y)).map((y) => (y - s) / (c - s)),
+          valueMin: s,
+          valueMax: c
         }, e = {
           max: l.scaleMax || Math.max(...l.absoluteValues) || 1,
           min: l.scaleMin || Math.min(...l.absoluteValues) > 0 ? 0 : Math.min(...l.absoluteValues)
-        }, N = l.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, A = this.calculateNiceScaleWithExactExtremes(e.min, e.max, N), f = this.calculateNiceScaleWithExactExtremes(t.valueMin, t.valueMax, N), x = A.min >= 0 ? 0 : Math.abs(A.min), p = 0, k = A.max + x, w = f.max + Math.abs(p), G = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - l.cumulatedStackRatio) : 0, _ = this.mutableConfig.isStacked ? this.drawingArea.height * l.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, S = this.drawingArea.bottom - G - _ * x / k, a = this.drawingArea.bottom - G - _ * p / w, n = l.series.map((y, O) => {
-          const d = this.mutableConfig.useIndividualScale ? (l.absoluteValues[O] + Math.abs(x)) / k : this.ratioToMax(y);
+        }, 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) => {
+          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,
-            y: this.drawingArea.bottom - G - _ * d,
+            y: this.drawingArea.bottom - G - x * d,
             value: l.absoluteValues[O],
             comment: l.comments && l.comments.slice(this.slicer.start, this.slicer.end)[O] || ""
           };
-        }), s = 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) => ({
+        }), 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) => ({
           x: this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * O,
-          y: this.drawingArea.bottom - G - (_ * s[O] || 0),
+          y: this.drawingArea.bottom - G - (x * o[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 - _ * (y / k) : S + _ * Math.abs(y) / k,
+          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);
           return {
-            y: y >= 0 ? a - _ * O : a + _ * O,
+            y: y >= 0 ? a - x * O : a + x * O,
             value: y
           };
         });
@@ -440,7 +440,7 @@ const He = Z(), We = {
           ...l,
           yOffset: G,
           autoScaleYLabels: R,
-          individualHeight: _,
+          individualHeight: x,
           scaleYLabels: l.autoScaling ? R : D,
           individualScale: l.autoScaling ? f : A,
           individualMax: l.autoScaling ? w : k,
@@ -450,7 +450,7 @@ const He = Z(), We = {
       });
     },
     drawingArea() {
-      const l = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? this.absoluteDataset.filter((o) => !this.segregatedSeries.includes(o.id)).length * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
+      const l = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? this.absoluteDataset.filter((s) => !this.segregatedSeries.includes(s.id)).length * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
       return {
         top: this.FINAL_CONFIG.chart.padding.top,
         right: this.width - this.FINAL_CONFIG.chart.padding.right,
@@ -461,10 +461,12 @@ const He = Z(), We = {
       };
     },
     max() {
-      return Math.max(...this.safeDataset.filter((l) => !this.segregatedSeries.includes(l.id)).map((l) => Math.max(...l.series)));
+      return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax ? this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMax : Math.max(...this.safeDataset.filter((l) => !this.segregatedSeries.includes(l.id)).map((l) => Math.max(...l.series)));
     },
     min() {
-      const l = Math.min(...this.safeDataset.filter((o) => !this.segregatedSeries.includes(o.id)).map((o) => Math.min(...o.series)));
+      if (console.log(this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin === null), this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin !== null)
+        return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin;
+      const l = Math.min(...this.safeDataset.filter((s) => !this.segregatedSeries.includes(s.id)).map((s) => Math.min(...s.series)));
       return l > 0 ? 0 : l;
     },
     niceScale() {
@@ -484,7 +486,7 @@ const He = Z(), We = {
       };
     },
     barSlot() {
-      const l = this.safeDataset.filter((o) => o.type === "bar").filter((o) => !this.segregatedSeries.includes(o.id)).length;
+      const l = this.safeDataset.filter((s) => s.type === "bar").filter((s) => !this.segregatedSeries.includes(s.id)).length;
       return this.drawingArea.width / this.maxSeries / l - this.barPeriodGap * l;
     },
     barPeriodGap() {
@@ -495,26 +497,26 @@ const He = Z(), We = {
     },
     table() {
       if (this.safeDataset.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const l = this.relativeDataset.map((h) => ({
-        label: h.name,
-        color: h.color,
-        type: h.type
-      })), o = [];
-      return this.timeLabels.forEach((h, m) => {
-        const t = [h];
+      const l = this.relativeDataset.map((c) => ({
+        label: c.name,
+        color: c.color,
+        type: c.type
+      })), s = [];
+      return this.timeLabels.forEach((c, m) => {
+        const t = [c];
         this.relativeDataset.forEach((e) => {
           t.push(this.canShowValue(e.absoluteValues[m]) ? Number(e.absoluteValues[m].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
-        }), o.push(t);
-      }), { head: l, body: o };
+        }), s.push(t);
+      }), { head: l, body: s };
     },
     dataTable() {
       const l = [""].concat(this.relativeDataset.map((t) => t.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');
-      let o = [];
+      let s = [];
       for (let t = 0; t < this.maxSeries; t += 1) {
         const e = this.relativeDataset.map((N) => N.absoluteValues[t] ?? 0).reduce((N, A) => N + A, 0);
-        o.push([this.timeLabels[t] ?? "-"].concat(this.relativeDataset.map((N) => (N.absoluteValues[t] ?? 0).toFixed(this.FINAL_CONFIG.table.rounding))).concat((e ?? 0).toFixed(this.FINAL_CONFIG.table.rounding)));
+        s.push([this.timeLabels[t] ?? "-"].concat(this.relativeDataset.map((N) => (N.absoluteValues[t] ?? 0).toFixed(this.FINAL_CONFIG.table.rounding))).concat((e ?? 0).toFixed(this.FINAL_CONFIG.table.rounding)));
       }
-      const h = {
+      const c = {
         th: {
           backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
           color: this.FINAL_CONFIG.table.th.color,
@@ -527,7 +529,7 @@ const He = Z(), We = {
         },
         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: o, config: h, colNames: m };
+      return { head: l, body: s, config: c, colNames: m };
     },
     dataTooltipSlot() {
       return {
@@ -546,13 +548,13 @@ const He = Z(), We = {
         name: l.name,
         color: l.color,
         type: l.type,
-        value: l.absoluteValues.find((o, h) => h === this.selectedSerieIndex),
+        value: l.absoluteValues.find((s, c) => c === this.selectedSerieIndex),
         comments: l.comments || []
       }));
     },
     tooltipContent() {
-      let l = "", o = this.selectedSeries.map((t) => t.value).filter((t) => this.isSafeValue(t) && t !== null).reduce((t, e) => Math.abs(t) + Math.abs(e), 0);
-      const h = this.timeLabels[this.selectedSerieIndex], m = this.FINAL_CONFIG.chart.tooltip.customFormat;
+      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({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
@@ -569,7 +571,7 @@ const He = Z(), We = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      }) : (h && (l += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${h}</div>`), this.selectedSeries.forEach((t) => {
+      }) : (c && (l += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${c}</div>`), this.selectedSeries.forEach((t) => {
         if (this.isSafeValue(t.value)) {
           let e = "", N = "";
           switch (this.icons[t.type]) {
@@ -577,7 +579,7 @@ const He = Z(), We = {
               e = `<svg viewBox="0 0 12 12" height="14" width="14"><rect x="0" y="0" rx="1" stroke="none" height="12" width="12" fill="${t.color}" /></svg>`;
               break;
             case "line":
-              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? N = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" />` : t.shape === "triangle" ? N = `<path d="${M({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "square" ? N = `<path d="${M({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "diamond" ? N = `<path d="${M({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "pentagon" ? N = `<path d="${M({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "hexagon" ? N = `<path d="${M({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "star" && (N = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${X({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="3" x="0" y="6" stroke="none" height="4" width="20" fill="${t.color}" />${N}</svg>`;
+              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? N = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" />` : t.shape === "triangle" ? N = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "square" ? N = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "diamond" ? N = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "pentagon" ? N = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "hexagon" ? N = `<path d="${P({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" />` : t.shape === "star" && (N = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${X({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="3" x="0" y="6" stroke="none" height="4" width="20" fill="${t.color}" />${N}</svg>`;
               break;
             case "plot":
               if (!t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape)) {
@@ -589,23 +591,23 @@ const He = Z(), We = {
                 break;
               }
               if (t.shape === "triangle") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${M({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 6, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "square") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${M({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 6, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "diamond") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${M({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "pentagon") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${M({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
               if (t.shape === "hexagon") {
-                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${M({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
+                e = `<svg viewBox="0 0 12 12" height="14" width="14"><path d="${P({ plot: { x: 6, y: 6 }, radius: 5, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="1" /></svg>`;
                 break;
               }
           }
@@ -620,7 +622,7 @@ const He = Z(), We = {
             }),
             { datapoint: t }
           ) : ""}</b> ${this.FINAL_CONFIG.chart.tooltip.showPercentage ? `(${q({
-            v: this.checkNaN(Math.abs(t.value) / o * 100),
+            v: this.checkNaN(Math.abs(t.value) / s * 100),
             s: "%",
             r: this.FINAL_CONFIG.chart.tooltip.roundingPercentage
           })})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && t.comments.length && t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (l += `<div class="vue-data-ui-tooltip-comment" style="background:${t.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${t.color}">${t.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
@@ -647,18 +649,18 @@ const He = Z(), We = {
     if (this.objectIsEmpty(this.dataset) ? this.error({
       componentName: "VueUiXy",
       type: "dataset"
-    }) : this.dataset.forEach((l, o) => {
+    }) : this.dataset.forEach((l, s) => {
       [null, void 0].includes(l.name) && this.error({
         componentName: "VueUiXy",
         type: "datasetSerieAttribute",
         property: "name (string)",
-        index: o
+        index: s
       });
     }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((l) => {
-      l.series.forEach((o, h) => {
-        this.isSafeValue(o) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${l.name}' contains the value '${o}' at index ${h}.
-'${o}' was converted to null to allow the chart to display.`);
+      l.series.forEach((s, c) => {
+        this.isSafeValue(s) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
+-----> The serie '${l.name}' contains the value '${s}' at index ${c}.
+'${s}' was converted to null to allow the chart to display.`);
       });
     }), document.addEventListener("mousemove", (l) => {
       this.clientPosition = {
@@ -674,48 +676,49 @@ const He = Z(), We = {
       isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
       useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
     }, this.FINAL_CONFIG.responsive) {
-      const o = this.$refs.chart.parentNode, { height: h, width: m } = o.getBoundingClientRect();
+      const s = this.$refs.chart.parentNode, { height: c, width: m } = 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, x = 0;
-      this.FINAL_CONFIG.chart.legend.show && (f = this.$refs.chartLegend, x = f.getBoundingClientRect().height), this.height = h - e - x - 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 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) => {
         for (const w of k)
-          t && (e = t.getBoundingClientRect().height), N && (A = N.getBoundingClientRect().height), f && (x = f.getBoundingClientRect().height), this.height = w.contentBoxSize[0].blockSize - e - x - A - 24, this.width = w.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
-      }).observe(o);
+          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();
+      }).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;
   },
   methods: {
     abbreviate: le,
-    assignStackRatios: re,
+    adaptColorToBackground: re,
     applyDataLabel: ie,
-    calculateNiceScaleWithExactExtremes: se,
-    checkNaN: oe,
-    createSmoothPath: ne,
-    isSafeValue: ce,
-    treeShake: he,
-    shiftHue: de,
-    pdf: J,
-    img: Q,
-    convertColorToHex: ue,
-    convertConfigColors: ge,
-    convertCustomPalette: fe,
-    downloadCsv: be,
-    createCsvContent: me,
-    adaptColorToBackground: Ie,
-    calcLinearProgression: Ne,
-    useMouse: Oe,
-    closestDecimal: _e,
+    assignStackRatios: se,
+    calcLinearProgression: oe,
+    calculateNiceScaleWithExactExtremes: ne,
+    checkNaN: he,
+    closestDecimal: ce,
+    convertColorToHex: de,
+    convertConfigColors: ue,
+    convertCustomPalette: ge,
+    createCsvContent: fe,
+    createSmoothPath: be,
+    createTSpans: me,
     dataLabel: q,
-    isFunction: xe,
-    functionReturnsString: Fe,
-    error: ye,
+    downloadCsv: Ie,
+    error: Ne,
+    functionReturnsString: xe,
+    hasDeepProperty: _e,
+    img: Q,
+    isFunction: Fe,
+    isSafeValue: ye,
     objectIsEmpty: Ae,
-    createTSpans: Le,
-    useNestedProp: U,
+    pdf: J,
+    shiftHue: Le,
     translateSize: Se,
+    treeShake: Ce,
+    useMouse: ve,
+    useNestedProp: U,
     convertSizes() {
       this.fontSizes.dataLabels = this.translateSize({
         relator: this.height,
@@ -772,25 +775,25 @@ const He = Z(), We = {
     },
     createArea(l) {
       if (!l[0]) return [-10, -10, "", -10, -10];
-      const o = { x: l[0].x, y: this.zero }, h = { x: l.at(-1).x, y: this.zero }, m = [];
+      const s = { x: l[0].x, y: this.zero }, c = { x: l.at(-1).x, y: this.zero }, m = [];
       return l.forEach((t) => {
         m.push(`${t.x},${t.y} `);
-      }), [o.x, o.y, ...m, h.x, h.y].toString();
+      }), [s.x, s.y, ...m, c.x, c.y].toString();
     },
-    createIndividualArea(l, o) {
+    createIndividualArea(l, s) {
       if (!l[0]) return [-10, -10, "", -10, -10];
-      const h = { x: l[0] ? l[0].x : Math.min(...l.filter((e) => !!e).map((e) => e.x)), y: o }, m = { x: l.at(-1) ? l.at(-1).x : Math.min(...l.filter((e) => !!e).map((e) => e.x)), y: o }, t = [];
+      const c = { x: l[0] ? l[0].x : Math.min(...l.filter((e) => !!e).map((e) => e.x)), y: s }, m = { 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} `);
-      }), [h.x, h.y, ...t, m.x, m.y].toString();
+      }), [c.x, c.y, ...t, m.x, m.y].toString();
     },
     createStar: X,
-    createPolygonPath: M,
-    fillArray(l, o) {
-      let h = Array(l).fill(0);
-      for (let m = 0; m < o.length && m < l; m += 1)
-        h[m] = o[m];
-      return h;
+    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];
+      return c;
     },
     refreshSlicer() {
       this.slicer = {
@@ -819,13 +822,13 @@ const He = Z(), We = {
     canShowValue(l) {
       return ![null, void 0, NaN].includes(l);
     },
-    findClosestValue(l, o) {
-      let h = o[0], m = Math.abs(l - o[0]);
-      for (let t = 1; t < o.length; t += 1) {
-        const e = Math.abs(l - o[t]);
-        e < m && o[t] < l && (h = o[t], m = e);
+    findClosestValue(l, s) {
+      let c = s[0], m = 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);
       }
-      return h;
+      return c;
     },
     ratioToMax(l) {
       return l / this.absoluteMax;
@@ -834,11 +837,11 @@ const He = Z(), We = {
       this.$emit(
         "selectX",
         {
-          dataset: this.relativeDataset.map((o) => ({
-            name: o.name,
-            value: [null, void 0, NaN].includes(o.absoluteValues[l]) ? null : o.absoluteValues[l],
-            color: o.color,
-            type: o.type
+          dataset: this.relativeDataset.map((s) => ({
+            name: s.name,
+            value: [null, void 0, NaN].includes(s.absoluteValues[l]) ? null : s.absoluteValues[l],
+            color: s.color,
+            type: s.type
           })),
           index: l,
           indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[l]
@@ -855,20 +858,20 @@ const He = Z(), We = {
     },
     segregate(l) {
       if (this.segregatedSeries.includes(l.id))
-        this.segregatedSeries = this.segregatedSeries.filter((o) => o !== l.id);
+        this.segregatedSeries = this.segregatedSeries.filter((s) => s !== l.id);
       else {
         if (this.segregatedSeries.length + 1 === this.safeDataset.length) return;
         this.segregatedSeries.push(l.id);
       }
-      this.$emit("selectLegend", this.relativeDataset.map((o) => ({
-        name: o.name,
-        values: o.absoluteValues,
-        color: o.color,
-        type: o.type
+      this.$emit("selectLegend", this.relativeDataset.map((s) => ({
+        name: s.name,
+        values: s.absoluteValues,
+        color: s.color,
+        type: s.type
       }))), this.segregateStep += 1;
     },
-    toggleTooltipVisibility(l, o = null) {
-      this.isTooltip = l, l ? this.selectedSerieIndex = o : this.selectedSerieIndex = null;
+    toggleTooltipVisibility(l, s = null) {
+      this.isTooltip = l, l ? this.selectedSerieIndex = s : this.selectedSerieIndex = null;
     },
     toggleFullscreen(l) {
       this.isFullscreen = l, this.step += 1;
@@ -887,7 +890,7 @@ const He = Z(), We = {
       }, 100);
     },
     generateCsv() {
-      const l = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], o = ["", ...this.table.head.map((e) => e.label)], h = this.table.body, m = l.concat([o]).concat(h), 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, m = l.concat([s]).concat(c), t = this.createCsvContent(m);
       this.downloadCsv({ csvContent: t, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -905,31 +908,31 @@ const He = Z(), We = {
       }, 100);
     }
   }
-}, Be = ["id"], Ye = ["viewBox"], Xe = { key: 0 }, qe = { class: "vue-ui-xy-grid" }, Ue = ["stroke", "x1", "x2", "y1", "y2"], Ze = ["stroke", "x1", "x2", "y1", "y2"], Je = { key: 1 }, Ke = ["x1", "x2", "y1", "y2", "stroke"], Qe = ["x1", "x2", "y1", "y2", "stroke"], je = ["x1", "x2", "y1", "y2", "stroke"], $e = { key: 3 }, et = ["x1", "x2", "y1", "y2", "stroke"], tt = ["id"], at = ["stop-color"], lt = ["stop-color"], rt = ["stop-color"], it = ["id"], st = ["stop-color"], ot = ["stop-color"], nt = ["stop-color"], ct = ["id"], ht = ["stop-color"], dt = ["stop-color"], ut = ["id"], gt = ["stop-color"], ft = ["stop-color"], bt = ["id"], mt = ["stop-color"], It = ["stop-color"], Nt = ["x", "y", "height", "width", "fill"], _t = ["x", "y", "width"], xt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ft = ["width", "x", "y"], yt = { key: 0 }, At = ["id"], Lt = ["fill"], St = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ct = ["x", "y", "font-size", "fill"], kt = ["stroke", "x1", "x2", "y1", "y2"], wt = ["y", "width", "height", "fill"], Ot = ["x", "y", "width", "height", "fill"], vt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Gt = { key: 3 }, zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pt = ["fill", "font-size", "transform"], Tt = ["x1", "x2", "y1", "y2", "stroke"], Mt = ["x", "y", "font-size", "fill"], Pt = ["x1", "x2", "y1", "y2", "stroke"], Vt = ["x", "y", "font-size", "fill"], Rt = ["width", "x", "y"], Dt = { style: { width: "100%" } }, Et = { key: 0 }, Ht = ["id"], Wt = ["fill"], Bt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Yt = ["x", "y", "font-size", "fill"], Xt = ["d", "stroke", "stroke-width", "stroke-dasharray"], qt = { key: 1 }, Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Zt = { key: 0 }, Jt = ["d", "fill"], Kt = ["d", "fill"], Qt = ["d", "stroke", "stroke-width", "stroke-dasharray"], jt = { key: 2 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ea = ["width", "x", "y"], ta = { style: { width: "100%" } }, aa = { key: 3 }, la = ["id"], ra = ["fill"], ia = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], sa = ["x", "y", "font-size", "fill"], oa = { key: 4 }, na = ["x", "y", "font-size", "fill"], ca = ["x", "y", "font-size", "fill", "font-weight"], ha = { key: 5 }, da = ["x", "y", "font-size", "fill"], ua = ["x", "y"], ga = ["x", "y"], fa = { key: 6 }, ba = ["x", "y", "font-size", "fill"], ma = ["x", "y"], Ia = ["x", "y"], Na = ["x", "y", "font-size", "fill", "innerHTML"], _a = ["x", "y", "font-size", "fill", "innerHTML"], xa = ["x", "y", "font-size", "fill", "innerHTML"], Fa = ["x", "y", "font-size", "fill", "innerHTML"], ya = ["x", "y", "width", "height", "fill", "onMouseenter"], Aa = ["font-size", "fill", "transform"], La = ["x", "y", "font-size", "fill"], Sa = { key: 8 }, Ca = ["text-anchor", "font-size", "fill", "transform"], ka = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], wa = { key: 9 }, Oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], va = { key: 10 }, Ga = ["x", "y"], za = ["cx", "cy", "r", "fill"], pa = {
+}, 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 = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Ta = ["onClick"], Ma = {
+}, Ta = ["onClick"], Va = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, Pa = ["fill"], Va = {
+}, Ra = ["fill"], Da = {
   key: 1,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, Ra = ["fill"], Da = {
+}, Ea = ["fill"], Ha = {
   key: 7,
   ref: "chartLegend"
-}, Ea = {
+}, Wa = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-html2canvas-ignore": ""
-}, Ha = ["innerHTML"];
-function Wa(l, o, h, m, t, e) {
-  const N = P("Title"), A = P("UserOptions"), f = P("Shape"), x = P("Skeleton"), p = P("Slicer"), k = P("Tooltip"), w = P("BaseIcon"), G = P("TableSparkline"), _ = P("DataTable"), S = P("Accordion");
+}, 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");
   return r(), i("div", {
     id: `vue-ui-xy_${t.uniqueId}`,
-    class: T(`vue-ui-xy ${t.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
+    class: M(`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%" : ""}`)
   }, [
@@ -951,7 +954,7 @@ function Wa(l, o, h, m, t, e) {
           }
         }
       }, null, 8, ["config"])
-    ], 4)) : c("", !0),
+    ], 4)) : h("", !0),
     e.FINAL_CONFIG.chart.userOptions.show && e.isDataset ? (r(), V(A, {
       ref: "defails",
       key: `user_options_${t.step}`,
@@ -966,7 +969,7 @@ function Wa(l, o, h, m, t, e) {
       hasImg: e.FINAL_CONFIG.chart.userOptions.buttons.img,
       hasLabel: e.FINAL_CONFIG.chart.userOptions.buttons.labels,
       hasTable: e.FINAL_CONFIG.chart.userOptions.buttons.table,
-      hasStack: h.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
+      hasStack: c.dataset.length > 1 && e.FINAL_CONFIG.chart.userOptions.buttons.stack,
       hasFullscreen: e.FINAL_CONFIG.chart.userOptions.buttons.fullscreen,
       isStacked: t.mutableConfig.isStacked,
       isFullscreen: t.isFullscreen,
@@ -981,7 +984,7 @@ function Wa(l, o, h, m, t, e) {
       onToggleLabels: e.toggleLabels,
       onToggleStack: e.toggleStack,
       onToggleTooltip: e.toggleTooltip
-    }, Pe({ _: 2 }, [
+    }, Ve({ _: 2 }, [
       l.$slots.optionTooltip ? {
         name: "optionTooltip",
         fn: z(() => [
@@ -1038,17 +1041,17 @@ function Wa(l, o, h, m, t, e) {
         ]),
         key: "7"
       } : void 0
-    ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) : c("", !0),
+    ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "isTooltip", "titles", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip"])) : h("", !0),
     e.isDataset ? (r(), i("svg", {
       key: 2,
       xmlns: "http://www.w3.org/2000/svg",
-      class: T([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
+      class: M([{ "vue-data-ui-fullscreen--on": t.isFullscreen, "vue-data-ui-fulscreen--off": !t.isFullscreen }, "vue-ui-xy-svg"]),
       width: "100%",
       viewBox: t.viewBox,
       style: L(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color}; font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      e.maxSeries > 0 ? (r(), i("g", Xe, [
-        u("g", qe, [
+      e.maxSeries > 0 ? (r(), i("g", qe, [
+        u("g", Ue, [
           e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (r(), i("line", {
             key: 0,
             stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1058,7 +1061,7 @@ function Wa(l, o, h, m, t, e) {
             y1: e.drawingArea.bottom,
             y2: e.drawingArea.bottom,
             "stroke-linecap": "round"
-          }, null, 8, Ue)) : c("", !0),
+          }, 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", {
               x1: e.drawingArea.left + e.xPadding,
@@ -1068,7 +1071,7 @@ function Wa(l, o, h, m, t, e) {
               stroke: a.color,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, Qe))), 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, (n) => (r(), i("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: n.y,
@@ -1076,8 +1079,8 @@ function Wa(l, o, h, m, t, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": 0.5,
               "stroke-linecap": "round"
-            }, null, 8, je))), 256)) : c("", !0)
-          ]))), 256)) : c("", !0) : (r(), i(b, { key: 1 }, [
+            }, null, 8, $e))), 256)) : h("", !0)
+          ]))), 256)) : h("", !0) : (r(), i(b, { key: 1 }, [
             e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (r(), i("line", {
               key: 0,
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1087,8 +1090,8 @@ function Wa(l, o, h, m, t, e) {
               y1: e.drawingArea.top,
               y2: e.drawingArea.bottom,
               "stroke-linecap": "round"
-            }, null, 8, Ze)) : c("", !0),
-            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), i("g", Je, [
+            }, null, 8, Je)) : h("", !0),
+            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (r(), i("g", Ke, [
               (r(!0), i(b, null, I(e.yLabels, (a) => (r(), i("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
@@ -1097,10 +1100,10 @@ function Wa(l, o, h, m, t, e) {
                 stroke: e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-width": 0.5,
                 "stroke-linecap": "round"
-              }, null, 8, Ke))), 256))
-            ])) : c("", !0)
+              }, null, 8, Qe))), 256))
+            ])) : h("", !0)
           ], 64)),
-          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (r(), i("g", $e, [
+          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,
@@ -1109,8 +1112,8 @@ function Wa(l, o, h, m, t, e) {
               y2: e.drawingArea.bottom,
               "stroke-width": "0.5",
               stroke: e.FINAL_CONFIG.chart.grid.stroke
-            }, null, 8, et))), 128))
-          ])) : c("", !0)
+            }, null, 8, tt))), 128))
+          ])) : h("", !0)
         ]),
         (r(!0), i(b, null, I(e.barSet, (a, n) => (r(), i("defs", {
           key: `def_rect_${n}`
@@ -1123,16 +1126,16 @@ function Wa(l, o, h, m, t, e) {
             u("stop", {
               offset: "0%",
               "stop-color": a.color
-            }, null, 8, at),
+            }, null, 8, lt),
             u("stop", {
               offset: "62%",
               "stop-color": `${e.shiftHue(a.color, 0.02)}DE`
-            }, null, 8, lt),
+            }, null, 8, rt),
             u("stop", {
               offset: "100%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}66`
-            }, null, 8, rt)
-          ], 8, tt),
+            }, null, 8, it)
+          ], 8, at),
           u("linearGradient", {
             id: `rectGradient_neg_${n}_${t.uniqueId}`,
             x2: "0%",
@@ -1141,16 +1144,16 @@ function Wa(l, o, h, m, t, e) {
             u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}66`
-            }, null, 8, st),
+            }, null, 8, ot),
             u("stop", {
               offset: "38%",
               "stop-color": `${e.shiftHue(a.color, 0.02)}DE`
-            }, null, 8, ot),
+            }, null, 8, nt),
             u("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, nt)
-          ], 8, it)
+            }, null, 8, ht)
+          ], 8, st)
         ]))), 128)),
         (r(!0), i(b, null, I(e.plotSet, (a, n) => (r(), i("defs", {
           key: `def_plot_${n}`
@@ -1166,11 +1169,11 @@ function Wa(l, o, h, m, t, e) {
             u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, ht),
+            }, null, 8, dt),
             u("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, dt)
+            }, null, 8, ut)
           ], 8, ct)
         ]))), 128)),
         (r(!0), i(b, null, I(e.lineSet, (a, n) => (r(), i("defs", {
@@ -1187,12 +1190,12 @@ function Wa(l, o, h, m, t, e) {
             u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.05)}`
-            }, null, 8, gt),
+            }, null, 8, ft),
             u("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, ft)
-          ], 8, ut),
+            }, null, 8, bt)
+          ], 8, gt),
           u("linearGradient", {
             id: `areaGradient_${n}_${t.uniqueId}`,
             x1: "0%",
@@ -1203,12 +1206,12 @@ function Wa(l, o, h, m, t, e) {
             u("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(a.color, 0.03)}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, mt),
+            }, null, 8, It),
             u("stop", {
               offset: "100%",
               "stop-color": `${a.color}${t.opacity[e.FINAL_CONFIG.line.area.opacity]}`
-            }, null, 8, It)
-          ], 8, bt)
+            }, null, 8, Nt)
+          ], 8, mt)
         ]))), 128)),
         (r(!0), i(b, null, I(e.highlightAreas, (a) => (r(), i("g", null, [
           a.show ? (r(), i(b, { key: 0 }, [
@@ -1218,7 +1221,7 @@ function Wa(l, o, h, m, t, e) {
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries * a.span < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries * a.span,
               fill: `${a.color}${t.opacity[a.opacity]}`
-            }, null, 8, Nt),
+            }, null, 8, xt),
             a.caption.text ? (r(), i("foreignObject", {
               key: 0,
               x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (a.from - t.slicer.start) - (a.caption.width === "auto" ? 0 : a.caption.width / 2 - e.drawingArea.width / e.maxSeries * a.span / 2),
@@ -1230,42 +1233,55 @@ function Wa(l, o, h, m, t, e) {
               u("div", {
                 style: L(`padding:${a.caption.padding}px;text-align:${a.caption.textAlign};font-size:${a.caption.fontSize}px;color:${a.caption.color};font-weight:${a.caption.bold ? "bold" : "normal"}`)
               }, C(a.caption.text), 5)
-            ], 8, _t)) : c("", !0)
-          ], 64)) : c("", !0)
+            ], 8, _t)) : h("", !0)
+          ], 64)) : h("", !0)
         ]))), 256)),
+        u("g", null, [
+          (r(!0), i(b, null, I(e.maxSeries, (a, n) => (r(), i("g", {
+            key: `tooltip_trap_${n}`
+          }, [
+            u("rect", {
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * n,
+              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"
+            }, 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: T(`serie_bar_${n}`),
+          class: M(`serie_bar_${n}`),
           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, (s, g) => (r(), i("g", {
+          (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
             key: `bar_plot_${n}_${g}`
           }, [
-            e.canShowValue(s.value) ? (r(), i("rect", {
+            e.canShowValue(o.value) ? (r(), i("rect", {
               key: 0,
-              x: e.calcRectX(s),
-              y: t.mutableConfig.useIndividualScale ? e.calcIndividualRectY(s) : e.calcRectY(s),
-              height: t.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(s)) : Math.abs(e.calcRectHeight(s)),
+              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)),
               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 ? s.value >= 0 ? `url(#rectGradient_pos_${n}_${t.uniqueId})` : `url(#rectGradient_neg_${n}_${t.uniqueId})` : a.color,
+              fill: e.FINAL_CONFIG.bar.useGradient ? o.value >= 0 ? `url(#rectGradient_pos_${n}_${t.uniqueId})` : `url(#rectGradient_neg_${n}_${t.uniqueId})` : a.color,
               stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? a.color : e.FINAL_CONFIG.bar.border.stroke,
               "stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
-            }, null, 8, xt)) : c("", !0),
-            s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
+            }, null, 8, yt)) : h("", !0),
+            o.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(s) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
+              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
             }, [
               v(l.$slots, "plot-comment", {
-                plot: { ...s, color: a.color }
+                plot: { ...o, color: a.color }
               }, void 0, !0)
-            ], 8, Ft)) : c("", !0)
+            ], 8, At)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", yt, [
+          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}`,
@@ -1278,8 +1294,8 @@ function Wa(l, o, h, m, t, e) {
                 u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, Lt)
-              ], 8, At)
+                }, null, 8, Ct)
+              ], 8, St)
             ]),
             a.plots.length > 1 ? (r(), i("line", {
               key: 0,
@@ -1291,7 +1307,7 @@ function Wa(l, o, h, m, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#bar_arrow_${n})`
-            }, null, 8, St)) : c("", !0),
+            }, null, 8, kt)) : h("", !0),
             a.plots.length > 1 ? (r(), i("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1303,9 +1319,9 @@ function Wa(l, o, h, m, t, e) {
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Ct)) : c("", !0)
-          ])) : c("", !0)
-        ], 6))), 128)) : c("", !0),
+            })), 9, wt)) : h("", !0)
+          ])) : h("", !0)
+        ], 6))), 128)) : h("", !0),
         !t.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (r(), i("line", {
           key: 1,
           stroke: e.FINAL_CONFIG.chart.grid.stroke,
@@ -1315,7 +1331,20 @@ function Wa(l, o, h, m, t, e) {
           y1: e.zero,
           y2: e.zero,
           "stroke-linecap": "round"
-        }, null, 8, kt)) : c("", !0),
+        }, null, 8, Ot)) : h("", !0),
+        e.FINAL_CONFIG.chart.highlighter.useLine && ![null, void 0].includes(t.selectedSerieIndex) ? (r(), i("g", vt, [
+          u("line", {
+            x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
+            x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
+            y1: e.drawingArea.top,
+            y2: e.drawingArea.bottom,
+            stroke: e.FINAL_CONFIG.chart.highlighter.color,
+            "stroke-width": e.FINAL_CONFIG.chart.highlighter.lineWidth,
+            "stroke-dasharray": e.FINAL_CONFIG.chart.highlighter.lineDasharray,
+            "stroke-linecap": "round",
+            style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
+          }, null, 8, Gt)
+        ])) : h("", !0),
         u("g", null, [
           u("rect", {
             x: 0,
@@ -1323,17 +1352,17 @@ function Wa(l, o, h, m, t, e) {
             width: e.FINAL_CONFIG.chart.padding.left - 1 + e.xPadding,
             height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
             fill: e.FINAL_CONFIG.chart.backgroundColor
-          }, null, 8, wt),
+          }, null, 8, zt),
           u("rect", {
             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, Ot)
+          }, null, 8, pt)
         ]),
         e.FINAL_CONFIG.chart.grid.frame.show ? (r(), i("rect", {
-          key: 2,
+          key: 3,
           style: { pointerEvents: "none" },
           x: e.drawingArea.left + e.xPadding,
           y: e.drawingArea.top,
@@ -1345,8 +1374,8 @@ function Wa(l, o, h, m, t, e) {
           "stroke-linecap": e.FINAL_CONFIG.chart.grid.frame.strokeLinecap,
           "stroke-linejoin": e.FINAL_CONFIG.chart.grid.frame.strokeLinejoin,
           "stroke-dasharray": e.FINAL_CONFIG.chart.grid.frame.strokeDasharray
-        }, null, 8, vt)) : c("", !0),
-        e.FINAL_CONFIG.chart.grid.labels.show ? (r(), i("g", Gt, [
+        }, null, 8, Mt)) : 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", {
@@ -1358,7 +1387,7 @@ function Wa(l, o, h, m, t, e) {
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
                 style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
-              }, null, 12, zt)
+              }, null, 12, Tt)
             ]))), 256)),
             (r(!0), i(b, null, I(e.allScales, (a) => (r(), i("g", {
               style: L(`opacity:${t.selectedScale ? t.selectedScale === a.id ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
@@ -1368,8 +1397,8 @@ function Wa(l, o, h, m, t, e) {
                 "font-size": t.fontSizes.dataLabels,
                 "text-anchor": "middle",
                 transform: `translate(${a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5}, ${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset - a.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
-              }, C(a.name) + " " + C(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, pt),
-              (r(!0), i(b, null, I(a.yLabels, (n, s) => (r(), i("line", {
+              }, C(a.name) + " " + C(a.scaleLabel ? `- ${a.scaleLabel}` : ""), 9, Vt),
+              (r(!0), i(b, null, I(a.yLabels, (n, o) => (r(), i("line", {
                 x1: a.x - 3 + e.xPadding,
                 x2: a.x + e.xPadding,
                 y1: n.y,
@@ -1377,8 +1406,8 @@ function Wa(l, o, h, m, t, e) {
                 stroke: a.color,
                 "stroke-width": 1,
                 "stroke-linecap": "round"
-              }, null, 8, Tt))), 256)),
-              (r(!0), i(b, null, I(a.yLabels, (n, s) => (r(), i("text", {
+              }, null, 8, Rt))), 256)),
+              (r(!0), i(b, null, I(a.yLabels, (n, o) => (r(), i("text", {
                 x: a.x - 5 + e.xPadding,
                 y: n.y + e.xPadding,
                 "font-size": t.fontSizes.dataLabels,
@@ -1393,7 +1422,7 @@ function Wa(l, o, h, m, t, e) {
                   s: e.FINAL_CONFIG.chart.labels.suffix,
                   r: 1
                 })
-              )), 9, Mt))), 256))
+              )), 9, Dt))), 256))
             ], 4))), 256))
           ], 64)) : (r(!0), i(b, { key: 1 }, I(e.yLabels, (a, n) => (r(), i("g", {
             key: `yLabel_${n}`
@@ -1407,7 +1436,7 @@ function Wa(l, o, h, m, t, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
               "stroke-linecap": "round"
-            }, null, 8, Pt)) : c("", !0),
+            }, null, 8, Et)) : h("", !0),
             a.value >= e.niceScale.min && a.value <= e.niceScale.max ? (r(), i("text", {
               key: 1,
               x: e.drawingArea.left - 7 + e.xPadding,
@@ -1424,42 +1453,42 @@ function Wa(l, o, h, m, t, e) {
                 s: e.FINAL_CONFIG.chart.labels.suffix,
                 r: 1
               })
-            ) : ""), 9, Vt)) : c("", !0)
+            ) : ""), 9, Ht)) : h("", !0)
           ]))), 128))
-        ])) : c("", !0),
+        ])) : h("", !0),
         (r(!0), i(b, null, I(e.plotSet, (a, n) => (r(), i("g", {
           key: `serie_plot_${n}`,
-          class: T(`serie_plot_${n}`),
+          class: M(`serie_plot_${n}`),
           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, (s, g) => (r(), i("g", {
+          (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
             key: `circle_plot_${n}_${g}`
           }, [
-            e.canShowValue(s.value) ? (r(), V(f, {
+            e.canShowValue(o.value) ? (r(), V(f, {
               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: s.x, y: s.y },
+              plot: { x: o.x, y: o.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"])) : c("", !0),
-            s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
+            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : h("", !0),
+            o.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: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
+              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
             }, [
-              u("div", Dt, [
+              u("div", Bt, [
                 v(l.$slots, "plot-comment", {
-                  plot: { ...s, color: a.color }
+                  plot: { ...o, color: a.color }
                 }, void 0, !0)
               ])
-            ], 8, Rt)) : c("", !0)
+            ], 8, Wt)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", Et, [
+          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}`,
@@ -1472,8 +1501,8 @@ function Wa(l, o, h, m, t, e) {
                 u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, Wt)
-              ], 8, Ht)
+                }, null, 8, qt)
+              ], 8, Xt)
             ]),
             a.plots.length > 1 ? (r(), i("line", {
               key: 0,
@@ -1485,7 +1514,7 @@ function Wa(l, o, h, m, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#plot_arrow_${n})`
-            }, null, 8, Bt)) : c("", !0),
+            }, null, 8, Ut)) : h("", !0),
             a.plots.length > 1 ? (r(), i("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1497,12 +1526,12 @@ function Wa(l, o, h, m, t, e) {
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Yt)) : c("", !0)
-          ])) : c("", !0)
+            })), 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: T(`serie_line_${n}`),
+          class: M(`serie_line_${n}`),
           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", {
@@ -1512,41 +1541,41 @@ function Wa(l, o, h, m, t, e) {
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, Xt)) : a.plots.length > 1 ? (r(), i("g", qt, [
-            (r(!0), i(b, null, I(a.plots, (s, g) => (r(), i("g", {
+          }, 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}`
             }, [
-              s && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(s.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), i("line", {
+              o && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(o.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), i("line", {
                 key: 0,
-                x1: s.x,
+                x1: o.x,
                 x2: a.plots[g + 1].x,
-                y1: s.y,
+                y1: o.y,
                 y2: a.plots[g + 1].y,
                 stroke: e.FINAL_CONFIG.chart.backgroundColor,
                 "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
                 "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, Ut)) : c("", !0)
+              }, null, 8, Qt)) : h("", !0)
             ]))), 128))
-          ])) : c("", !0)
+          ])) : h("", !0)
         ], 6))), 128)),
         (r(!0), i(b, null, I(e.lineSet, (a, n) => (r(), i("g", {
           key: `serie_line_${n}`,
-          class: T(`serie_line_${n}`),
+          class: M(`serie_line_${n}`),
           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", Zt, [
+          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((s) => !!s).map((s) => s.x))},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} ${a.curve} L ${a.plots.at(-1) ? a.plots.at(-1).x : e.drawingArea.left + e.slot.line * n + e.slot.line / 2},${t.mutableConfig.isStacked ? e.drawingArea.bottom - a.yOffset : e.drawingArea.bottom} Z`,
+              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]}`
-            }, null, 8, Jt)) : (r(), i("path", {
+            }, 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]}`
-            }, null, 8, Kt))
-          ])) : c("", !0),
+            }, null, 8, ea))
+          ])) : h("", !0),
           a.smooth && a.plots.length > 1 ? (r(), i("path", {
             key: 1,
             d: `M${a.curve}`,
@@ -1554,52 +1583,52 @@ function Wa(l, o, h, m, t, e) {
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
             "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, Qt)) : a.plots.length > 1 ? (r(), i("g", jt, [
-            (r(!0), i(b, null, I(a.plots, (s, g) => (r(), i("g", {
+          }, 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}`
             }, [
-              s && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(s.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), i("line", {
+              o && g < a.plots.length - 1 && a.plots[g + 1] && e.canShowValue(o.value) && e.canShowValue(a.plots[g + 1].value) ? (r(), i("line", {
                 key: 0,
-                x1: s.x,
+                x1: o.x,
                 x2: a.plots[g + 1].x,
-                y1: s.y,
+                y1: o.y,
                 y2: a.plots[g + 1].y,
                 stroke: a.color,
                 "stroke-width": e.FINAL_CONFIG.line.strokeWidth,
                 "stroke-dasharray": a.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round"
-              }, null, 8, $t)) : c("", !0)
+              }, null, 8, la)) : h("", !0)
             ]))), 128))
-          ])) : c("", !0),
-          (r(!0), i(b, null, I(a.plots, (s, g) => (r(), i("g", {
+          ])) : h("", !0),
+          (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
             key: `circle_line_${n}_${g}`
           }, [
-            s && e.canShowValue(s.value) ? (r(), V(f, {
+            o && e.canShowValue(o.value) ? (r(), V(f, {
               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: s.x, y: s.y },
+              plot: { x: o.x, y: o.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"])) : c("", !0),
-            s.comment && e.FINAL_CONFIG.chart.comments.show ? (r(), i("foreignObject", {
+            }, null, 8, ["shape", "color", "plot", "radius", "stroke"])) : h("", !0),
+            o.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: s.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: s.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
+              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
             }, [
-              u("div", ta, [
+              u("div", ia, [
                 v(l.$slots, "plot-comment", {
-                  plot: { ...s, color: a.color }
+                  plot: { ...o, color: a.color }
                 }, void 0, !0)
               ])
-            ], 8, ea)) : c("", !0)
+            ], 8, ra)) : h("", !0)
           ]))), 128)),
-          Object.hasOwn(a, "useProgression") && a.useProgression === !0 && !isNaN(e.calcLinearProgression(a.plots).trend) ? (r(), i("g", aa, [
+          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}`,
@@ -1612,8 +1641,8 @@ function Wa(l, o, h, m, t, e) {
                 u("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: a.color
-                }, null, 8, ra)
-              ], 8, la)
+                }, null, 8, na)
+              ], 8, oa)
             ]),
             a.plots.length > 1 ? (r(), i("line", {
               key: 0,
@@ -1625,7 +1654,7 @@ function Wa(l, o, h, m, t, e) {
               stroke: a.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#line_arrow_${n})`
-            }, null, 8, ia)) : c("", !0),
+            }, null, 8, ha)) : h("", !0),
             a.plots.length > 1 ? (r(), i("text", {
               key: 1,
               "text-anchor": "middle",
@@ -1637,85 +1666,85 @@ function Wa(l, o, h, m, t, e) {
               v: e.calcLinearProgression(a.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, sa)) : c("", !0)
-          ])) : c("", !0)
+            })), 9, ca)) : h("", !0)
+          ])) : h("", !0)
         ], 6))), 128)),
-        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && t.mutableConfig.dataLabels.show ? (r(), i("g", oa, [
+        (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: T(`xLabel_bar_${n}`),
+            class: M(`xLabel_bar_${n}`),
             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, (s, g) => (r(), i("g", {
+            (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
               key: `xLabel_bar_${n}_${g}`
             }, [
-              s && (!Object.hasOwn(a, "dataLabels") || a.dataLabels === !0) && e.FINAL_CONFIG.bar.labels.show ? (r(), i("text", {
+              o && (!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 ? s.x + e.slot.line / 2 : e.calcRectX(s) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
-                y: s.y + (s.value > 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
+                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),
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color
-              }, C(e.canShowValue(s.value) ? e.applyDataLabel(
+              }, C(e.canShowValue(o.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
-                s.value,
+                o.value,
                 e.dataLabel({
                   p: e.FINAL_CONFIG.chart.labels.prefix,
-                  v: s.value,
+                  v: o.value,
                   s: e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.bar.labels.rounding
                 }),
                 {
-                  datapoint: s,
+                  datapoint: o,
                   serie: a
                 }
-              ) : ""), 9, na)) : c("", !0),
-              s && e.FINAL_CONFIG.bar.serieName.show ? (r(), i("text", {
+              ) : ""), 9, ua)) : h("", !0),
+              o && e.FINAL_CONFIG.bar.serieName.show ? (r(), i("text", {
                 key: 1,
-                x: t.mutableConfig.useIndividualScale && t.mutableConfig.isStacked ? s.x + e.slot.line / 2 : s.x + e.calcRectWidth() * 1.1,
-                y: s.y + (s.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
+                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),
                 "text-anchor": "middle",
                 "font-size": t.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? a.color : e.FINAL_CONFIG.bar.serieName.color,
                 "font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal"
-              }, C(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, ca)) : c("", !0)
+              }, C(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: a.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : a.name), 9, ga)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : c("", !0),
-        e.FINAL_CONFIG.plot.labels.show && t.mutableConfig.dataLabels.show ? (r(), i("g", ha, [
+        ])) : 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: T(`xLabel_plot_${n}`),
+            class: M(`xLabel_plot_${n}`),
             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, (s, g) => (r(), i("g", {
+            (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
               key: `xLabel_plot_${n}_${g}`
             }, [
-              s && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), i("text", {
+              o && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), i("text", {
                 key: 0,
-                x: s.x,
-                y: s.y + e.FINAL_CONFIG.plot.labels.offsetY,
+                x: o.x,
+                y: o.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(s.value) ? e.applyDataLabel(
+              }, C(e.canShowValue(o.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
-                s.value,
+                o.value,
                 e.dataLabel({
                   p: e.FINAL_CONFIG.chart.labels.prefix,
-                  v: s.value,
+                  v: o.value,
                   s: e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.plot.labels.rounding
                 }),
                 {
-                  datapoint: s,
+                  datapoint: o,
                   serie: a
                 }
-              ) : ""), 9, da)) : c("", !0),
-              s && g === 0 && a.useTag && a.useTag === "start" ? (r(), i("foreignObject", {
+              ) : ""), 9, ba)) : h("", !0),
+              o && g === 0 && a.useTag && a.useTag === "start" ? (r(), i("foreignObject", {
                 key: 1,
-                x: s.x,
-                y: s.y - 20,
+                x: o.x,
+                y: o.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1723,11 +1752,11 @@ function Wa(l, o, h, 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, ua)) : c("", !0),
-              s && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), i("foreignObject", {
+              ], 8, ma)) : h("", !0),
+              o && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), i("foreignObject", {
                 key: 2,
-                x: s.x - a.name.length * (t.fontSizes.plotLabels / 2),
-                y: s.y - 20,
+                x: o.x - a.name.length * (t.fontSizes.plotLabels / 2),
+                y: o.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1735,44 +1764,44 @@ function Wa(l, o, h, 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, ga)) : c("", !0)
+              ], 8, Ia)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : c("", !0),
-        e.FINAL_CONFIG.line.labels.show && t.mutableConfig.dataLabels.show ? (r(), i("g", fa, [
+        ])) : 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: T(`xLabel_line_${n}`),
+            class: M(`xLabel_line_${n}`),
             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, (s, g) => (r(), i("g", {
+            (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
               key: `xLabel_line_${n}_${g}`
             }, [
-              s && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), i("text", {
+              o && !Object.hasOwn(a, "dataLabels") || a.dataLabels === !0 ? (r(), i("text", {
                 key: 0,
-                x: s.x,
-                y: s.y + (s.value > 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
+                x: o.x,
+                y: o.y + (o.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(s.value) ? e.applyDataLabel(
+              }, C(e.canShowValue(o.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
-                s.value,
+                o.value,
                 e.dataLabel({
                   p: e.FINAL_CONFIG.chart.labels.prefix,
-                  v: s.value,
+                  v: o.value,
                   s: e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.line.labels.rounding
                 }),
                 {
-                  datapoint: s,
+                  datapoint: o,
                   serie: a
                 }
-              ) : ""), 9, ba)) : c("", !0),
-              s && g === 0 && a.useTag && a.useTag === "start" ? (r(), i("foreignObject", {
+              ) : ""), 9, xa)) : h("", !0),
+              o && g === 0 && a.useTag && a.useTag === "start" ? (r(), i("foreignObject", {
                 key: 1,
-                x: s.x,
-                y: s.y - 20,
+                x: o.x,
+                y: o.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1780,11 +1809,11 @@ function Wa(l, o, h, 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)) : c("", !0),
-              s && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), i("foreignObject", {
+              ], 8, _a)) : h("", !0),
+              o && g === a.plots.length - 1 && a.useTag && a.useTag === "end" ? (r(), i("foreignObject", {
                 key: 2,
-                x: s.x - a.name.length * (t.fontSizes.plotLabels / 2),
-                y: s.y - 20,
+                x: o.x - a.name.length * (t.fontSizes.plotLabels / 2),
+                y: o.y - 20,
                 height: 24,
                 width: "150",
                 style: { overflow: "visible" }
@@ -1792,22 +1821,22 @@ function Wa(l, o, h, 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, Ia)) : c("", !0)
+              ], 8, Fa)) : h("", !0)
             ]))), 128))
           ], 6))), 128))
-        ])) : c("", !0),
+        ])) : h("", !0),
         (r(!0), i(b, null, I(e.lineSet, (a, n) => (r(), i("g", {
           key: `xLabel_line_${n}`,
-          class: T(`xLabel_line_${n}`),
+          class: M(`xLabel_line_${n}`),
           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, (s, g) => (r(), i("g", {
+          (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
             key: `xLabel_line_${n}_${g}`
           }, [
-            s && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), i("text", {
+            o && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), i("text", {
               key: 0,
-              x: s.x - t.fontSizes.plotLabels,
-              y: s.y,
+              x: o.x - t.fontSizes.plotLabels,
+              y: o.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "end",
               fill: a.color,
@@ -1815,15 +1844,15 @@ function Wa(l, o, h, m, t, e) {
                 content: a.name,
                 fontSize: t.fontSizes.plotLabels,
                 fill: a.color,
-                x: s.x - t.fontSizes.plotLabels,
-                y: s.y,
+                x: o.x - t.fontSizes.plotLabels,
+                y: o.y,
                 maxWords: 2
               })
-            }, null, 8, Na)) : c("", !0),
-            s && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), i("text", {
+            }, null, 8, ya)) : h("", !0),
+            o && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), i("text", {
               key: 1,
-              x: s.x + t.fontSizes.plotLabels,
-              y: s.y,
+              x: o.x + t.fontSizes.plotLabels,
+              y: o.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "start",
               fill: a.color,
@@ -1831,25 +1860,25 @@ function Wa(l, o, h, m, t, e) {
                 content: a.name,
                 fontSize: t.fontSizes.plotLabels,
                 fill: a.color,
-                x: s.x + t.fontSizes.plotLabels,
-                y: s.y,
+                x: o.x + t.fontSizes.plotLabels,
+                y: o.y,
                 maxWords: 2
               })
-            }, null, 8, _a)) : c("", !0)
+            }, 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: T(`xLabel_plot_${n}`),
+          class: M(`xLabel_plot_${n}`),
           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, (s, g) => (r(), i("g", {
+          (r(!0), i(b, null, I(a.plots, (o, g) => (r(), i("g", {
             key: `xLabel_plot_${n}_${g}`
           }, [
-            s && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), i("text", {
+            o && g === 0 && a.showSerieName && a.showSerieName === "start" ? (r(), i("text", {
               key: 0,
-              x: s.x - t.fontSizes.plotLabels,
-              y: s.y,
+              x: o.x - t.fontSizes.plotLabels,
+              y: o.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "end",
               fill: a.color,
@@ -1857,15 +1886,15 @@ function Wa(l, o, h, m, t, e) {
                 content: a.name,
                 fontSize: t.fontSizes.plotLabels,
                 fill: a.color,
-                x: s.x - t.fontSizes.plotLabels,
-                y: s.y,
+                x: o.x - t.fontSizes.plotLabels,
+                y: o.y,
                 maxWords: 2
               })
-            }, null, 8, xa)) : c("", !0),
-            s && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), i("text", {
+            }, null, 8, La)) : h("", !0),
+            o && g === a.plots.length - 1 && a.showSerieName && a.showSerieName === "end" ? (r(), i("text", {
               key: 1,
-              x: s.x + t.fontSizes.plotLabels,
-              y: s.y,
+              x: o.x + t.fontSizes.plotLabels,
+              y: o.y,
               "font-size": t.fontSizes.plotLabels,
               "text-anchor": "start",
               fill: a.color,
@@ -1873,22 +1902,22 @@ function Wa(l, o, h, m, t, e) {
                 content: a.name,
                 fontSize: t.fontSizes.plotLabels,
                 fill: a.color,
-                x: s.x + t.fontSizes.plotLabels,
-                y: s.y,
+                x: o.x + t.fontSizes.plotLabels,
+                y: o.y,
                 maxWords: 2
               })
-            }, null, 8, Fa)) : c("", !0)
+            }, null, 8, Sa)) : h("", !0)
           ]))), 128))
         ], 6))), 128)),
-        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (r(!0), i(b, { key: 7 }, I(e.allScales, (a) => (r(), i("rect", {
+        t.mutableConfig.useIndividualScale && !t.mutableConfig.isStacked ? (r(!0), i(b, { key: 8 }, I(e.allScales, (a) => (r(), i("rect", {
           x: a.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           y: e.drawingArea.top,
           width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
           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: o[0] || (o[0] = (n) => t.selectedScale = null)
-        }, null, 40, ya))), 256)) : c("", !0),
+          onMouseleave: s[0] || (s[0] = (n) => 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", {
             key: 0,
@@ -1897,7 +1926,7 @@ function Wa(l, o, h, m, t, e) {
             transform: `translate(${t.fontSizes.yAxis + e.FINAL_CONFIG.chart.grid.labels.axis.yLabelOffsetX}, ${e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`,
             "text-anchor": "middle",
             style: { transition: "none" }
-          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Aa)) : c("", !0),
+          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, ka)) : h("", !0),
           e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (r(), i("text", {
             key: 1,
             "text-anchor": "middle",
@@ -1905,9 +1934,9 @@ function Wa(l, o, h, m, t, e) {
             y: e.drawingArea.bottom + t.fontSizes.yAxis + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
             "font-size": t.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color
-          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, La)) : c("", !0)
+          }, C(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, wa)) : h("", !0)
         ]),
-        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (r(), i("g", Sa, [
+        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}`
           }, [
@@ -1917,9 +1946,9 @@ function Wa(l, o, h, m, t, e) {
               "font-size": t.fontSizes.xAxis,
               fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
               transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * n + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + t.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`
-            }, C(a || ""), 9, Ca)) : c("", !0)
+            }, C(a || ""), 9, va)) : h("", !0)
           ]))), 128))
-        ])) : c("", !0),
+        ])) : h("", !0),
         u("g", null, [
           (r(!0), i(b, null, I(e.maxSeries, (a, n) => (r(), i("g", {
             key: `tooltip_trap_${n}`
@@ -1930,27 +1959,14 @@ function Wa(l, o, h, m, t, e) {
               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",
-              onMouseenter: (s) => e.toggleTooltipVisibility(!0, n),
-              onMouseleave: o[1] || (o[1] = (s) => e.toggleTooltipVisibility(!1)),
-              onClick: (s) => e.selectX(n)
-            }, null, 40, ka)
+              fill: "transparent",
+              onMouseenter: (o) => e.toggleTooltipVisibility(!0, n),
+              onMouseleave: s[1] || (s[1] = (o) => e.toggleTooltipVisibility(!1)),
+              onClick: (o) => e.selectX(n)
+            }, null, 40, Ga)
           ]))), 128))
         ]),
-        e.FINAL_CONFIG.chart.highlighter.useLine && ![null, void 0].includes(t.selectedSerieIndex) ? (r(), i("g", wa, [
-          u("line", {
-            x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
-            x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex + e.drawingArea.width / e.maxSeries / 2,
-            y1: e.drawingArea.top,
-            y2: e.drawingArea.bottom,
-            stroke: e.FINAL_CONFIG.chart.highlighter.color,
-            "stroke-width": e.FINAL_CONFIG.chart.highlighter.lineWidth,
-            "stroke-dasharray": e.FINAL_CONFIG.chart.highlighter.lineDasharray,
-            "stroke-linecap": "round",
-            style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-          }, null, 8, Oa)
-        ])) : c("", !0),
-        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (r(), i("g", va, [
+        e.FINAL_CONFIG.chart.timeTag.show && ![null, void 0].includes(t.selectedSerieIndex) ? (r(), i("g", za, [
           (r(), i("foreignObject", {
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * t.selectedSerieIndex - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
@@ -1962,21 +1978,21 @@ function Wa(l, o, h, 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, Ga)),
+          ], 8, pa)),
           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, za)
-        ])) : c("", !0)
-      ])) : c("", !0),
+          }, null, 8, Ma)
+        ])) : h("", !0)
+      ])) : h("", !0),
       v(l.$slots, "svg", { svg: e.svg }, void 0, !0)
-    ], 14, Ye)) : c("", !0),
-    l.$slots.watermark ? (r(), i("div", pa, [
+    ], 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)
-    ])) : c("", !0),
-    e.isDataset ? c("", !0) : (r(), V(x, {
+    ])) : h("", !0),
+    e.isDataset ? h("", !0) : (r(), V(_, {
       key: 4,
       config: {
         type: "line",
@@ -2011,16 +2027,16 @@ function Wa(l, o, h, m, t, e) {
       valueStart: t.slicer.start,
       valueEnd: t.slicer.end,
       start: t.slicer.start,
-      "onUpdate:start": o[2] || (o[2] = (a) => t.slicer.start = a),
+      "onUpdate:start": s[2] || (s[2] = (a) => t.slicer.start = a),
       end: t.slicer.end,
-      "onUpdate:end": o[3] || (o[3] = (a) => t.slicer.end = a),
+      "onUpdate:end": s[3] || (s[3] = (a) => t.slicer.end = a),
       onReset: e.refreshSlicer
     }, {
       "reset-action": z(({ reset: a }) => [
         v(l.$slots, "reset-action", W(B({ reset: a })), void 0, !0)
       ]),
       _: 3
-    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "max", "valueStart", "valueEnd", "start", "end", "onReset"])) : c("", !0),
+    }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "max", "valueStart", "valueEnd", "start", "end", "onReset"])) : h("", !0),
     e.FINAL_CONFIG.chart.legend.show ? (r(), i("div", {
       key: 6,
       ref: "chartLegend",
@@ -2029,10 +2045,10 @@ function Wa(l, o, h, m, t, e) {
     }, [
       (r(!0), i(b, null, I(e.absoluteDataset, (a, n) => (r(), i("div", {
         key: `div_legend_item_${n}`,
-        onClick: (s) => e.segregate(a),
-        class: T({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": t.segregatedSeries.includes(a.id) })
+        onClick: (o) => e.segregate(a),
+        class: M({ "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", Ma, [
+        t.icons[a.type] === "line" ? (r(), i("svg", Va, [
           u("rect", {
             x: "0",
             y: "7",
@@ -2041,7 +2057,7 @@ function Wa(l, o, h, m, t, e) {
             height: "4",
             width: "20",
             fill: a.color
-          }, null, 8, Pa),
+          }, null, 8, Ra),
           Y(f, {
             plot: { x: 10, y: 9 },
             radius: 4,
@@ -2050,7 +2066,7 @@ function Wa(l, o, h, m, t, e) {
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             strokeWidth: 1
           }, null, 8, ["color", "shape", "stroke"])
-        ])) : (r(), i("svg", Va, [
+        ])) : (r(), i("svg", Da, [
           t.icons[a.type] === "bar" ? (r(), i("rect", {
             key: 0,
             x: "0",
@@ -2060,7 +2076,7 @@ function Wa(l, o, h, m, t, e) {
             width: "12",
             stroke: "none",
             fill: a.color
-          }, null, 8, Ra)) : (r(), V(f, {
+          }, null, 8, Ea)) : (r(), V(f, {
             key: 1,
             plot: { x: 6, y: 6 },
             radius: 5,
@@ -2072,7 +2088,7 @@ function Wa(l, o, h, m, t, e) {
           style: L(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, C(a.name), 5)
       ], 10, Ta))), 128))
-    ], 4)) : (r(), i("div", Da, [
+    ], 4)) : (r(), i("div", Ha, [
       v(l.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
     Y(k, {
@@ -2118,15 +2134,15 @@ function Wa(l, o, h, m, t, e) {
         u("div", {
           style: L(`${t.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          u("div", Ea, [
-            Ve(u("input", {
+          u("div", Wa, [
+            Re(u("input", {
               type: "checkbox",
-              "onUpdate:modelValue": o[4] || (o[4] = (a) => t.showSparklineTable = a)
+              "onUpdate:modelValue": s[4] || (s[4] = (a) => t.showSparklineTable = a)
             }, null, 512), [
-              [Re, t.showSparklineTable]
+              [De, t.showSparklineTable]
             ]),
             u("div", {
-              onClick: o[5] || (o[5] = (a) => t.showSparklineTable = !t.showSparklineTable),
+              onClick: s[5] || (s[5] = (a) => t.showSparklineTable = !t.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
               Y(w, {
@@ -2140,20 +2156,20 @@ function Wa(l, o, h, m, t, e) {
             key: `sparkline_${t.segregateStep}`,
             dataset: e.tableSparklineDataset,
             config: e.tableSparklineConfig
-          }, null, 8, ["dataset", "config"])) : (r(), V(_, {
+          }, null, 8, ["dataset", "config"])) : (r(), V(x, {
             key: 1,
             colNames: e.dataTable.colNames,
             head: e.dataTable.head,
             body: e.dataTable.body,
             config: e.dataTable.config,
             title: `${e.FINAL_CONFIG.chart.title.text}${e.FINAL_CONFIG.chart.title.subtitle.text ? ` : ${e.FINAL_CONFIG.chart.title.subtitle.text}` : ""}`,
-            onClose: o[6] || (o[6] = (a) => t.mutableConfig.showTable = !1)
+            onClose: s[6] || (s[6] = (a) => t.mutableConfig.showTable = !1)
           }, {
             th: z(({ th: a }) => [
-              u("div", { innerHTML: a }, null, 8, Ha)
+              u("div", { innerHTML: a }, null, 8, Ba)
             ]),
             td: z(({ td: a }) => [
-              De(C(isNaN(Number(a)) ? a : e.dataLabel({
+              Ee(C(isNaN(Number(a)) ? a : e.dataLabel({
                 p: e.FINAL_CONFIG.chart.labels.prefix,
                 v: a,
                 s: e.FINAL_CONFIG.chart.labels.suffix,
@@ -2165,10 +2181,10 @@ function Wa(l, o, h, m, t, e) {
         ], 4)
       ]),
       _: 1
-    }, 8, ["config"])) : c("", !0)
-  ], 14, Be);
+    }, 8, ["config"])) : h("", !0)
+  ], 14, Ye);
 }
-const rl = /* @__PURE__ */ Ee(We, [["render", Wa], ["__scopeId", "data-v-58a339d5"]]);
+const sl = /* @__PURE__ */ He(Be, [["render", Ya], ["__scopeId", "data-v-b788e438"]]);
 export {
-  rl as default
+  sl as default
 };