vue-data-ui 2.13.0 → 2.13.1

package/dist/{vue-ui-xy-DxgCkZEV.js → vue-ui-xy-BSI9-Dne.js}

@@ -1,10 +1,10 @@
-import { Q as H, Z, a7 as te, a8 as j, a9 as le, aa as re, ab as ie, ac as ae, ad as se, c as Q, A as ne, F as ce, w as oe, s as he, o as ue, a1 as de, ae as ge, x as fe, C as Ie, y as Ne, a6 as me, e as xe, r as be, f as $, af as Fe, T as _e, U as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, D as Ge, a4 as ve, ai as pe, i as Me, G as ze, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-BXbyT0Qn.js";
-import { u as Be } from "./useMouse-AicQS8Vf.js";
-import { u as J } from "./useNestedProp-DVZpeH84.js";
-import { defineAsyncComponent as W, resolveComponent as R, createElementBlock as a, openBlock as i, normalizeStyle as y, normalizeClass as E, createBlock as B, createCommentVNode as u, createVNode as U, createSlots as We, withCtx as V, renderSlot as G, normalizeProps as Y, guardReactiveProps as q, createElementVNode as f, Fragment as g, renderList as N, toDisplayString as T, mergeProps as K, withDirectives as Ee, vModelCheckbox as Ye, createTextVNode as qe } from "vue";
-import { S as Xe } from "./Slicer-CxdgZOQ7.js";
-import Ue from "./Title-DoWqzga-.js";
-import { _ as Ze } from "./Shape-CnD-h_98.js";
+import { Q as H, Z, a7 as te, a8 as j, a9 as le, aa as re, ab as ae, ac as ie, ad as se, c as Q, A as ne, F as ce, w as oe, s as he, o as ue, a1 as de, ae as ge, x as fe, C as Ie, y as Ne, a6 as xe, e as me, r as be, f as $, af as Fe, T as _e, U as ye, q as Ae, b as Le, z as Ce, d as Se, ag as ke, v as we, ah as Oe, D as Ge, a4 as ve, ai as pe, i as Me, G as ze, K as Te, u as Pe, p as Ve, B as Re, a as He, t as De } from "./index-BZQim6fG.js";
+import { u as We } from "./useMouse-AicQS8Vf.js";
+import { u as J } from "./useNestedProp-uucfkRLS.js";
+import { defineAsyncComponent as B, resolveComponent as R, createElementBlock as i, openBlock as a, normalizeStyle as y, normalizeClass as E, createBlock as W, createCommentVNode as u, createVNode as U, createSlots as Be, withCtx as V, renderSlot as p, normalizeProps as Y, guardReactiveProps as q, createElementVNode as f, Fragment as d, renderList as I, toDisplayString as T, mergeProps as K, withDirectives as Ee, vModelCheckbox as Ye, createTextVNode as qe } from "vue";
+import { S as Xe } from "./Slicer-BGlJdxcw.js";
+import Ue from "./Title-CNIn3gob.js";
+import { _ as Ze } from "./Shape-Q_D8wuyt.js";
 import { _ as Je } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ke = Q(), Qe = {
   name: "vue-ui-xy",
@@ -28,28 +28,28 @@ const Ke = Q(), Qe = {
     Title: Ue,
     // Must be ready in responsive mode
     Shape: Ze,
-    DataTable: W(() => import("./DataTable-DBkfb6pd.js")),
-    Tooltip: W(() => import("./Tooltip-DYCBNM-_.js")),
-    UserOptions: W(() => import("./UserOptions-B3q-xfQV.js")),
-    BaseIcon: W(() => import("./BaseIcon-P7wV92Er.js")),
-    TableSparkline: W(() => import("./vue-ui-table-sparkline-CMhk8rpj.js")),
-    Skeleton: W(() => import("./vue-ui-skeleton-Fxr752Oi.js")),
-    Accordion: W(() => import("./vue-ui-accordion-CXsjHe1y.js")),
-    PackageVersion: W(() => import("./PackageVersion-C5fpg4GN.js")),
-    PenAndPaper: W(() => import("./PenAndPaper-BRkuVFb4.js"))
+    DataTable: B(() => import("./DataTable-YYJ-yyLu.js")),
+    Tooltip: B(() => import("./Tooltip-TKMv0Pl-.js")),
+    UserOptions: B(() => import("./UserOptions-D5gbyeqU.js")),
+    BaseIcon: B(() => import("./BaseIcon-BfuPFs8T.js")),
+    TableSparkline: B(() => import("./vue-ui-table-sparkline-CHozVChW.js")),
+    Skeleton: B(() => import("./vue-ui-skeleton-BmsERVg2.js")),
+    Accordion: B(() => import("./vue-ui-accordion-CgfdUzIB.js")),
+    PackageVersion: B(() => import("./PackageVersion-BRa0E-Tl.js")),
+    PenAndPaper: B(() => import("./PenAndPaper-BMzxjn_J.js"))
   },
   data() {
-    this.dataset.forEach((d, r) => {
-      [null, void 0].includes(d.series) && this.error({
+    this.dataset.forEach((g, r) => {
+      [null, void 0].includes(g.series) && this.error({
         componentName: "VueUiXy",
         type: "datasetSerieAttribute",
         property: "series (number[])",
         index: r
       });
     });
-    const t = this.config.downsample && this.config.downsample.threshold ? this.config.downsample.threshold : 500, s = Math.max(...this.dataset.map((d) => this.largestTriangleThreeBucketsArray({ data: d.series, threshold: t }).length)), o = {
+    const t = this.config.downsample && this.config.downsample.threshold ? this.config.downsample.threshold : 500, n = Math.max(...this.dataset.map((g) => this.largestTriangleThreeBucketsArray({ data: g.series, threshold: t }).length)), o = {
       start: 0,
-      end: s
+      end: n
     };
     return {
       resizeObserver: null,
@@ -102,7 +102,7 @@ const Ke = Q(), Qe = {
       titleStep: 0,
       slicer: o,
       __to__: null,
-      maxX: s,
+      maxX: n,
       showSparklineTable: !0,
       segregateStep: 0,
       sliderId: Ke,
@@ -127,7 +127,7 @@ const Ke = Q(), Qe = {
   },
   watch: {
     dataset: {
-      handler(t, s) {
+      handler(t, n) {
         this.maxX = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({
           data: o.series,
           threshold: this.FINAL_CONFIG.downsample.threshold
@@ -139,7 +139,7 @@ const Ke = Q(), Qe = {
       deep: !0
     },
     config: {
-      handler(t, s) {
+      handler(t, n) {
         this.FINAL_CONFIG = this.prepareConfig(), this.prepareChart(), this.titleStep += 1, this.tableStep += 1, this.mutableConfig = {
           dataLabels: {
             show: !0
@@ -155,8 +155,8 @@ const Ke = Q(), Qe = {
   },
   computed: {
     chartAriaLabel() {
-      const t = this.FINAL_CONFIG.chart.title.text || "Chart visualization", s = this.FINAL_CONFIG.chart.title.subtitle.text || "";
-      return `${t}. ${s}`;
+      const t = this.FINAL_CONFIG.chart.title.text || "Chart visualization", n = this.FINAL_CONFIG.chart.title.subtitle.text || "";
+      return `${t}. ${n}`;
     },
     optimize() {
       return {
@@ -168,11 +168,11 @@ const Ke = Q(), Qe = {
     },
     minimap() {
       if (!this.FINAL_CONFIG.chart.zoom.minimap.show) return [];
-      const t = this.datasetWithIds.filter((r) => !this.segregatedSeries.includes(r.id)), s = Math.max(...t.map((r) => r.series.length)), o = [];
-      for (let r = 0; r < s; r += 1)
-        o.push(t.map((e) => e.series[r] || 0).reduce((e, m) => (e || 0) + (m || 0), 0));
-      const d = Math.min(...o);
-      return o.map((r) => r + (d < 0 ? Math.abs(d) : 0));
+      const t = this.datasetWithIds.filter((r) => !this.segregatedSeries.includes(r.id)), n = Math.max(...t.map((r) => r.series.length)), o = [];
+      for (let r = 0; r < n; r += 1)
+        o.push(t.map((e) => e.series[r] || 0).reduce((e, b) => (e || 0) + (b || 0), 0));
+      const g = Math.min(...o);
+      return o.map((r) => r + (g < 0 ? Math.abs(g) : 0));
     },
     customPalette() {
       return this.convertCustomPalette(this.FINAL_CONFIG.customPalette);
@@ -196,7 +196,7 @@ const Ke = Q(), Qe = {
         yOffset: e.yOffset || 0,
         individualHeight: e.individualHeight || this.drawingArea.height,
         autoScaleYLabels: e.autoScaleYLabels
-      })), s = this.barSet.map((e) => ({
+      })), n = this.barSet.map((e) => ({
         name: e.name,
         color: e.color,
         scale: e.individualScale,
@@ -219,8 +219,8 @@ const Ke = Q(), Qe = {
         id: e.id,
         yOffset: e.yOffset || 0,
         individualHeight: e.individualHeight || this.drawingArea.height
-      })), d = this.mutableConfig.useIndividualScale && !this.mutableConfig.isStacked ? Object.values(this.scaleGroups) : [...t, ...s, ...o], r = d.flatMap((e) => e).length;
-      return d.flatMap((e, m) => ({
+      })), g = this.mutableConfig.useIndividualScale && !this.mutableConfig.isStacked ? Object.values(this.scaleGroups) : [...t, ...n, ...o], r = g.flatMap((e) => e).length;
+      return g.flatMap((e, b) => ({
         unique: e.unique,
         id: e.id,
         groupId: e.groupId,
@@ -230,10 +230,10 @@ const Ke = Q(), Qe = {
         scale: e.scale,
         yOffset: e.yOffset,
         individualHeight: e.individualHeight,
-        x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / r * (m + 1),
-        yLabels: e.scaleYLabels || e.scale.ticks.map((b) => ({
-          y: b >= 0 ? e.zero - e.individualHeight * (b / e.max) : e.zero + e.individualHeight * Math.abs(b) / e.max,
-          value: b
+        x: this.mutableConfig.isStacked ? this.drawingArea.left : this.drawingArea.left / r * (b + 1),
+        yLabels: e.scaleYLabels || e.scale.ticks.map((m) => ({
+          y: m >= 0 ? e.zero - e.individualHeight * (m / e.max) : e.zero + e.individualHeight * Math.abs(m) / e.max,
+          value: m
         }))
       }));
     },
@@ -257,9 +257,9 @@ const Ke = Q(), Qe = {
     },
     highlightAreas() {
       if (Array.isArray(this.FINAL_CONFIG.chart.highlightArea))
-        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
+        return this.FINAL_CONFIG.chart.highlightArea.map((n) => ({
+          ...n,
+          span: n.from === n.to ? 1 : n.to < n.from ? 0 : n.to - n.from + 1
         }));
       const t = this.FINAL_CONFIG.chart.highlightArea;
       return [{ ...t, span: t.from === t.to ? 1 : t.to < t.from ? 0 : t.to - t.from + 1 }];
@@ -274,33 +274,33 @@ const Ke = Q(), Qe = {
       return this.niceScale.max + this.relativeZero;
     },
     datasetWithIds() {
-      return this.useSafeValues ? this.dataset.map((t, s) => ({
+      return this.useSafeValues ? this.dataset.map((t, n) => ({
         ...t,
         series: this.largestTriangleThreeBucketsArray({
           data: t.series,
           threshold: this.FINAL_CONFIG.downsample.threshold
         }),
-        id: `uniqueId_${s}`
+        id: `uniqueId_${n}`
       })) : this.dataset;
     },
     safeDataset() {
-      return this.useSafeValues ? this.dataset.map((t, s) => {
+      return this.useSafeValues ? this.dataset.map((t, n) => {
         const o = this.largestTriangleThreeBucketsArray({
           data: t.series,
           threshold: this.FINAL_CONFIG.downsample.threshold
-        }), d = `uniqueId_${s}`;
+        }), g = `uniqueId_${n}`;
         return {
           ...t,
-          slotAbsoluteIndex: s,
+          slotAbsoluteIndex: n,
           series: o.map((r) => this.isSafeValue(r) ? r : null).slice(this.slicer.start, this.slicer.end),
-          color: this.convertColorToHex(t.color ? t.color : this.customPalette[s] ? this.customPalette[s] : this.palette[s]),
-          id: d,
-          scaleLabel: t.scaleLabel || d
+          color: this.convertColorToHex(t.color ? t.color : this.customPalette[n] ? this.customPalette[n] : this.palette[n]),
+          id: g,
+          scaleLabel: t.scaleLabel || g
         };
       }) : this.dataset;
     },
     relativeDataset() {
-      return this.safeDataset.map((t, s) => ({
+      return this.safeDataset.map((t, n) => ({
         ...t,
         series: t.series.map((o) => o + this.relativeZero),
         absoluteValues: t.series
@@ -308,12 +308,12 @@ const Ke = Q(), Qe = {
     },
     tableSparklineDataset() {
       return this.relativeDataset.map((t) => {
-        const s = t.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
+        const n = t.absoluteValues.map((o) => [void 0, null].includes(o) ? 0 : o);
         return {
           id: t.id,
           name: t.name,
           color: t.color,
-          values: this.fillArray(this.maxSeries, s)
+          values: this.fillArray(this.maxSeries, n)
         };
       });
     },
@@ -344,8 +344,8 @@ const Ke = Q(), Qe = {
       };
     },
     absoluteDataset() {
-      return this.safeDataset.map((t, s) => ({
-        absoluteIndex: s,
+      return this.safeDataset.map((t, n) => ({
+        absoluteIndex: n,
         ...t,
         series: t.series.map((o) => o + this.relativeZero),
         absoluteValues: t.series,
@@ -360,77 +360,77 @@ const Ke = Q(), Qe = {
       return this.assignStackRatios(this.absoluteDataset.filter((t) => !this.segregatedSeries.includes(t.id)));
     },
     scaleGroups() {
-      const t = Object.groupBy(this.activeSeriesWithStackRatios, (o) => o.scaleLabel), s = {};
-      for (const [o, d] of Object.entries(t)) {
-        const r = d.flatMap((e) => e.absoluteValues);
-        s[o] = {
+      const t = Object.groupBy(this.activeSeriesWithStackRatios, (o) => o.scaleLabel), n = {};
+      for (const [o, g] of Object.entries(t)) {
+        const r = g.flatMap((e) => e.absoluteValues);
+        n[o] = {
           min: Math.min(...r) || 0,
           max: Math.max(...r) || 1,
           groupId: `scale_group_${this.createUid()}`
         };
       }
-      return s;
+      return n;
     },
     barSet() {
-      return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t, s) => {
+      return this.activeSeriesWithStackRatios.filter((t) => t.type === "bar").map((t, n) => {
         this.checkAutoScaleError(t);
-        const o = this.scaleGroups[t.scaleLabel].min, d = this.scaleGroups[t.scaleLabel].max;
-        t.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - o) / (d - o));
+        const o = this.scaleGroups[t.scaleLabel].min, g = this.scaleGroups[t.scaleLabel].max;
+        t.absoluteValues.filter((L) => ![null, void 0].includes(L)).map((L) => (L - o) / (g - o));
         const r = {
           valueMin: o,
-          valueMax: d < 0 ? 0 : d
+          valueMax: g < 0 ? 0 : g
         }, e = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
-          min: t.scaleMin || Math.min(...t.absoluteValues.filter((A) => ![void 0, null].includes(A))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((A) => ![null, void 0].includes(A)))
-        }, m = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(e.min, e.max === e.min ? e.max * b : e.max, m) : this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * b : e.max, m), I = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * b : r.valueMax, m) : this.calculateNiceScaleWithExactExtremes(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * b : r.valueMax, m), v = x.min >= 0 ? 0 : Math.abs(x.min), S = 0, k = x.max + v, O = I.max + Math.abs(S), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, w = this.drawingArea.bottom - F - C * v / k, p = this.drawingArea.bottom - F - C * S / O, l = this.absoluteDataset.filter((A) => A.type === "bar").filter((A) => !this.segregatedSeries.includes(A.id)).length, c = t.series.map((A, z) => {
-          const X = this.mutableConfig.useIndividualScale ? (t.absoluteValues[z] + v) / k : this.ratioToMax(A), D = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * z : this.drawingArea.left + this.slot.bar * s + this.slot.bar * z * l - this.barSlot / 2 - s * this.barPeriodGap;
+          min: t.scaleMin || Math.min(...t.absoluteValues.filter((L) => ![void 0, null].includes(L))) > 0 ? 0 : Math.min(...t.absoluteValues.filter((L) => ![null, void 0].includes(L)))
+        }, b = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(e.min, e.max === e.min ? e.max * m : e.max, b) : this.calculateNiceScaleWithExactExtremes(e.min, e.max === e.min ? e.max * m : e.max, b), S = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * m : r.valueMax, b) : this.calculateNiceScaleWithExactExtremes(r.valueMin, r.valueMax === r.valueMin ? r.valueMax * m : r.valueMax, b), k = x.min >= 0 ? 0 : Math.abs(x.min), w = 0, O = x.max + k, N = S.max + Math.abs(w), F = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, C = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, G = this.drawingArea.bottom - F - C * k / O, M = this.drawingArea.bottom - F - C * w / N, l = this.absoluteDataset.filter((L) => L.type === "bar").filter((L) => !this.segregatedSeries.includes(L.id)).length, c = t.series.map((L, z) => {
+          const X = this.mutableConfig.useIndividualScale ? (t.absoluteValues[z] + k) / O : this.ratioToMax(L), D = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * z : this.drawingArea.left + this.slot.bar * n + this.slot.bar * z * l - this.barSlot / 2 - n * this.barPeriodGap;
           return {
             yOffset: this.checkNaN(F),
             individualHeight: this.checkNaN(C),
             x: this.checkNaN(D),
             y: this.drawingArea.bottom - F - C * X,
             value: t.absoluteValues[z],
-            zeroPosition: this.checkNaN(w),
-            individualMax: this.checkNaN(k),
+            zeroPosition: this.checkNaN(G),
+            individualMax: this.checkNaN(O),
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
           };
-        }), n = t.absoluteValues.map((A) => I.min >= 0 ? (A - Math.abs(I.min)) / (I.max - Math.abs(I.min)) : (A + Math.abs(I.min)) / (I.max + Math.abs(I.min))), h = t.series.map((A, z) => {
-          const X = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * z : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * s + this.slot.bar * z * this.absoluteDataset.filter((D) => D.type === "bar").filter((D) => !this.segregatedSeries.includes(D.id)).length;
+        }), s = t.absoluteValues.map((L) => S.min >= 0 ? (L - Math.abs(S.min)) / (S.max - Math.abs(S.min)) : (L + Math.abs(S.min)) / (S.max + Math.abs(S.min))), h = t.series.map((L, z) => {
+          const X = this.mutableConfig.useIndividualScale && this.mutableConfig.isStacked ? this.drawingArea.left + this.drawingArea.width / this.maxSeries * z : this.drawingArea.left - this.slot.bar / 2 + this.slot.bar * n + this.slot.bar * z * this.absoluteDataset.filter((D) => D.type === "bar").filter((D) => !this.segregatedSeries.includes(D.id)).length;
           return {
             yOffset: this.checkNaN(F),
             individualHeight: this.checkNaN(C),
             x: this.checkNaN(X),
-            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(C) * n[z] || 0)),
+            y: this.checkNaN(this.drawingArea.bottom - this.checkNaN(F) - (this.checkNaN(C) * s[z] || 0)),
             value: t.absoluteValues[z],
-            zeroPosition: this.checkNaN(w),
-            individualMax: this.checkNaN(k),
+            zeroPosition: this.checkNaN(G),
+            individualMax: this.checkNaN(O),
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[z] || ""
           };
-        }), L = x.ticks.map((A) => ({
-          y: A >= 0 ? w - C * (A / k) : w + C * Math.abs(A) / k,
-          value: A,
+        }), A = x.ticks.map((L) => ({
+          y: L >= 0 ? G - C * (L / O) : G + C * Math.abs(L) / O,
+          value: L,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), M = I.ticks.map((A) => {
-          const z = (A - I.min) / (I.max - I.min);
+        })), v = S.ticks.map((L) => {
+          const z = (L - S.min) / (S.max - S.min);
           return {
-            y: A >= 0 ? p - C * z : p + C * z,
-            value: A,
+            y: L >= 0 ? M - C * z : M + C * z,
+            value: L,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: t
           };
         });
-        return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? M : L, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? p : w, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? O : k, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = F, this.scaleGroups[t.scaleLabel].individualHeight = C, this.scaleGroups[t.scaleLabel].autoScaleYLabels = M, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((A) => A.scaleLabel === t.scaleLabel).length === 1, {
+        return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? v : A, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? M : G, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? N : O, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = F, this.scaleGroups[t.scaleLabel].individualHeight = C, this.scaleGroups[t.scaleLabel].autoScaleYLabels = v, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((L) => L.scaleLabel === t.scaleLabel).length === 1, {
           ...t,
           yOffset: F,
-          autoScaleYLabels: M,
+          autoScaleYLabels: v,
           individualHeight: C,
-          scaleYLabels: t.autoScaling ? M : L,
-          individualScale: t.autoScaling ? I : x,
-          individualMax: t.autoScaling ? O : k,
-          zeroPosition: t.autoScaling ? p : w,
+          scaleYLabels: t.autoScaling ? v : A,
+          individualScale: t.autoScaling ? S : x,
+          individualMax: t.autoScaling ? N : O,
+          zeroPosition: t.autoScaling ? M : G,
           plots: t.autoScaling ? h : c,
           groupId: this.scaleGroups[t.scaleLabel].groupId
         };
@@ -439,19 +439,19 @@ const Ke = Q(), Qe = {
     lineSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "line").map((t) => {
         this.checkAutoScaleError(t);
-        const s = this.scaleGroups[t.scaleLabel].min, o = this.scaleGroups[t.scaleLabel].max;
-        t.absoluteValues.filter((_) => ![null, void 0].includes(_)).map((_) => (_ - s) / (o - s));
-        const d = {
-          valueMin: s,
+        const n = this.scaleGroups[t.scaleLabel].min, o = this.scaleGroups[t.scaleLabel].max;
+        t.absoluteValues.filter((_) => ![null, void 0].includes(_)).map((_) => (_ - n) / (o - n));
+        const g = {
+          valueMin: n,
           valueMax: o
         }, r = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || (Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues))
-        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, b = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.min, r.max === r.min ? r.max * m : r.max, e) : this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * m : r.max, e), x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * m : d.valueMax, e) : this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * m : d.valueMax, e), I = b.min >= 0 ? 0 : Math.abs(b.min), v = 0, S = b.max + Math.abs(I), k = x.max + Math.abs(v), O = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - O - F * I / S, w = this.drawingArea.bottom - O - F * v / k, p = t.series.map((_, P) => {
-          const ee = this.mutableConfig.useIndividualScale ? (t.absoluteValues[P] + Math.abs(I)) / S : this.ratioToMax(_);
+        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, m = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(r.min, r.max === r.min ? r.max * b : r.max, e) : this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * b : r.max, e), x = this.FINAL_CONFIG.chart.grid.labels.yAxis.useNiceScale ? this.calculateNiceScale(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e) : this.calculateNiceScaleWithExactExtremes(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e), S = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + Math.abs(S), O = x.max + Math.abs(k), N = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - N - F * S / w, G = this.drawingArea.bottom - N - F * k / O, M = t.series.map((_, P) => {
+          const ee = this.mutableConfig.useIndividualScale ? (t.absoluteValues[P] + Math.abs(S)) / w : this.ratioToMax(_);
           return {
             x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * P),
-            y: this.checkNaN(this.drawingArea.bottom - O - F * ee),
+            y: this.checkNaN(this.drawingArea.bottom - N - F * ee),
             value: t.absoluteValues[P],
             comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[P] || ""
           };
@@ -462,11 +462,11 @@ const Ke = Q(), Qe = {
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[P] || ""
         } : {
           x: this.checkNaN(this.drawingArea.left + this.slot.line / 2 + this.slot.line * P),
-          y: this.checkNaN(this.drawingArea.bottom - O - (F * l[P] || 0)),
+          y: this.checkNaN(this.drawingArea.bottom - N - (F * l[P] || 0)),
           value: t.absoluteValues[P],
           comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[P] || ""
-        }), n = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(p) : this.createSmoothPath(p.filter((_) => _.value !== null)), h = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(c) : this.createSmoothPath(c.filter((_) => _.value !== null)), L = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(p) : this.createStraightPath(p.filter((_) => _.value !== null)), M = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(c) : this.createStraightPath(c.filter((_) => _.value !== null)), A = b.ticks.map((_) => ({
-          y: _ >= 0 ? C - F * (_ / S) : C + F * Math.abs(_) / S,
+        }), s = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(M) : this.createSmoothPath(M.filter((_) => _.value !== null)), h = this.FINAL_CONFIG.line.cutNullValues ? this.createSmoothPathWithCuts(c) : this.createSmoothPath(c.filter((_) => _.value !== null)), A = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(M) : this.createStraightPath(M.filter((_) => _.value !== null)), v = this.FINAL_CONFIG.line.cutNullValues ? this.createStraightPathWithCuts(c) : this.createStraightPath(c.filter((_) => _.value !== null)), L = m.ticks.map((_) => ({
+          y: _ >= 0 ? C - F * (_ / w) : C + F * Math.abs(_) / w,
           value: _,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
@@ -474,39 +474,39 @@ const Ke = Q(), Qe = {
         })), z = x.ticks.map((_) => {
           const P = (_ - x.min) / (x.max - x.min);
           return {
-            y: _ >= 0 ? w - F * P : w + F * P,
+            y: _ >= 0 ? G - F * P : G + F * P,
             value: _,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: t
           };
         });
-        this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? z : A, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? w : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? k : S, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = O, this.scaleGroups[t.scaleLabel].individualHeight = F, this.scaleGroups[t.scaleLabel].autoScaleYLabels = z, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((_) => _.scaleLabel === t.scaleLabel).length === 1;
-        const X = this.mutableConfig.useIndividualScale ? t.autoScaling ? w : C : this.zero, D = Math.max(Math.max(t.autoScaling ? w : A.at(-1).y, this.drawingArea.top), X);
+        this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? z : L, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? G : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? O : w, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = N, this.scaleGroups[t.scaleLabel].individualHeight = F, this.scaleGroups[t.scaleLabel].autoScaleYLabels = z, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((_) => _.scaleLabel === t.scaleLabel).length === 1;
+        const X = this.mutableConfig.useIndividualScale ? t.autoScaling ? G : C : this.zero, D = Math.max(Math.max(t.autoScaling ? G : L.at(-1).y, this.drawingArea.top), X);
         return {
           ...t,
-          yOffset: O,
+          yOffset: N,
           autoScaleYLabels: z,
           individualHeight: F,
-          scaleYLabels: t.autoScaling ? z : A,
-          individualScale: t.autoScaling ? x : b,
-          individualMax: t.autoScaling ? k : S,
-          zeroPosition: t.autoScaling ? w : C,
-          curve: t.autoScaling ? h : n,
-          plots: t.autoScaling ? c : p,
+          scaleYLabels: t.autoScaling ? z : L,
+          individualScale: t.autoScaling ? x : m,
+          individualMax: t.autoScaling ? O : w,
+          zeroPosition: t.autoScaling ? G : C,
+          curve: t.autoScaling ? h : s,
+          plots: t.autoScaling ? c : M,
           area: t.useArea ? this.mutableConfig.useIndividualScale ? this.FINAL_CONFIG.line.cutNullValues ? this.createIndividualAreaWithCuts(
-            t.autoScaling ? c : p,
+            t.autoScaling ? c : M,
             D
           ) : this.createIndividualArea(
-            t.autoScaling ? c.filter((_) => _.value !== null) : p.filter((_) => _.value !== null),
+            t.autoScaling ? c.filter((_) => _.value !== null) : M.filter((_) => _.value !== null),
             D
-          ) : this.createIndividualArea(p.filter((_) => _.value !== null), D) : "",
+          ) : this.createIndividualArea(M.filter((_) => _.value !== null), D) : "",
           curveAreas: t.useArea ? j(
-            t.autoScaling ? this.FINAL_CONFIG.line.cutNullValues ? c : c.filter((_) => _.value !== null) : this.FINAL_CONFIG.line.cutNullValues ? p : p.filter((_) => _.value !== null),
+            t.autoScaling ? this.FINAL_CONFIG.line.cutNullValues ? c : c.filter((_) => _.value !== null) : this.FINAL_CONFIG.line.cutNullValues ? M : M.filter((_) => _.value !== null),
             D,
             this.FINAL_CONFIG.line.cutNullValues
           ) : [],
-          straight: t.autoScaling ? M : L,
+          straight: t.autoScaling ? v : A,
           groupId: this.scaleGroups[t.scaleLabel].groupId
         };
       });
@@ -514,66 +514,66 @@ const Ke = Q(), Qe = {
     plotSet() {
       return this.activeSeriesWithStackRatios.filter((t) => t.type === "plot").map((t) => {
         this.checkAutoScaleError(t);
-        const s = this.scaleGroups[t.scaleLabel].min, o = this.scaleGroups[t.scaleLabel].max;
-        t.absoluteValues.filter((L) => ![null, void 0].includes(L)).map((L) => (L - s) / (o - s));
-        const d = {
-          valueMin: s,
+        const n = this.scaleGroups[t.scaleLabel].min, o = this.scaleGroups[t.scaleLabel].max;
+        t.absoluteValues.filter((A) => ![null, void 0].includes(A)).map((A) => (A - n) / (o - n));
+        const g = {
+          valueMin: n,
           valueMax: o
         }, r = {
           max: t.scaleMax || Math.max(...t.absoluteValues) || 1,
           min: t.scaleMin || Math.min(...t.absoluteValues) > 0 ? 0 : Math.min(...t.absoluteValues)
-        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, m = 1.0000001, b = this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * m : r.max, e), x = this.calculateNiceScaleWithExactExtremes(d.valueMin, d.valueMax === d.valueMin ? d.valueMax * m : d.valueMax, e), I = b.min >= 0 ? 0 : Math.abs(b.min), v = 0, S = b.max + I, k = x.max + Math.abs(v), O = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - O - F * I / S, w = this.drawingArea.bottom - O - F * v / k, p = t.series.map((L, M) => {
-          const A = this.mutableConfig.useIndividualScale ? (t.absoluteValues[M] + Math.abs(I)) / S : this.ratioToMax(L);
+        }, e = t.scaleSteps || this.FINAL_CONFIG.chart.grid.labels.yAxis.commonScaleSteps, b = 1.0000001, m = this.calculateNiceScaleWithExactExtremes(r.min, r.max === r.min ? r.max * b : r.max, e), x = this.calculateNiceScaleWithExactExtremes(g.valueMin, g.valueMax === g.valueMin ? g.valueMax * b : g.valueMax, e), S = m.min >= 0 ? 0 : Math.abs(m.min), k = 0, w = m.max + S, O = x.max + Math.abs(k), N = this.mutableConfig.isStacked ? this.drawingArea.height * (1 - t.cumulatedStackRatio) : 0, F = this.mutableConfig.isStacked ? this.drawingArea.height * t.stackRatio - this.FINAL_CONFIG.chart.grid.labels.yAxis.gap : this.drawingArea.height, C = this.drawingArea.bottom - N - F * S / w, G = this.drawingArea.bottom - N - F * k / O, M = t.series.map((A, v) => {
+          const L = this.mutableConfig.useIndividualScale ? (t.absoluteValues[v] + Math.abs(S)) / w : this.ratioToMax(A);
           return {
-            x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * M),
-            y: this.checkNaN(this.drawingArea.bottom - O - F * A),
-            value: t.absoluteValues[M],
-            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
+            x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * v),
+            y: this.checkNaN(this.drawingArea.bottom - N - F * L),
+            value: t.absoluteValues[v],
+            comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[v] || ""
           };
-        }), l = t.absoluteValues.map((L) => x.min >= 0 ? (L - Math.abs(x.min)) / (x.max - Math.abs(x.min)) : (L + Math.abs(x.min)) / (x.max + Math.abs(x.min))), c = t.series.map((L, M) => ({
-          x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * M),
-          y: this.checkNaN(this.drawingArea.bottom - O - (F * l[M] || 0)),
-          value: t.absoluteValues[M],
-          comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[M] || ""
-        })), n = b.ticks.map((L) => ({
-          y: L >= 0 ? C - F * (L / S) : C + F * Math.abs(L) / S,
-          value: L,
+        }), l = t.absoluteValues.map((A) => x.min >= 0 ? (A - Math.abs(x.min)) / (x.max - Math.abs(x.min)) : (A + Math.abs(x.min)) / (x.max + Math.abs(x.min))), c = t.series.map((A, v) => ({
+          x: this.checkNaN(this.drawingArea.left + this.slot.plot / 2 + this.slot.plot * v),
+          y: this.checkNaN(this.drawingArea.bottom - N - (F * l[v] || 0)),
+          value: t.absoluteValues[v],
+          comment: t.comments && t.comments.slice(this.slicer.start, this.slicer.end)[v] || ""
+        })), s = m.ticks.map((A) => ({
+          y: A >= 0 ? C - F * (A / w) : C + F * Math.abs(A) / w,
+          value: A,
           prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
           suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
           datapoint: t
-        })), h = x.ticks.map((L) => {
-          const M = (L - x.min) / (x.max - x.min);
+        })), h = x.ticks.map((A) => {
+          const v = (A - x.min) / (x.max - x.min);
           return {
-            y: L >= 0 ? w - F * M : w + F * M,
-            value: L,
+            y: A >= 0 ? G - F * v : G + F * v,
+            value: A,
             prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
             suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix,
             datapoint: t
           };
         });
-        return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? h : n, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? w : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? k : S, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = O, this.scaleGroups[t.scaleLabel].individualHeight = F, this.scaleGroups[t.scaleLabel].autoScaleYLabels = h, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((L) => L.scaleLabel === t.scaleLabel).length === 1, {
+        return this.scaleGroups[t.scaleLabel].name = t.name, this.scaleGroups[t.scaleLabel].groupName = t.scaleLabel, this.scaleGroups[t.scaleLabel].groupColor = this.FINAL_CONFIG.chart.grid.labels.yAxis.groupColor || t.color, this.scaleGroups[t.scaleLabel].color = t.color, this.scaleGroups[t.scaleLabel].scaleYLabels = t.autoScaling ? h : s, this.scaleGroups[t.scaleLabel].zeroPosition = t.autoScaling ? G : C, this.scaleGroups[t.scaleLabel].individualMax = t.autoScaling ? O : w, this.scaleGroups[t.scaleLabel].scaleLabel = t.scaleLabel, this.scaleGroups[t.scaleLabel].id = t.id, this.scaleGroups[t.scaleLabel].yOffset = N, this.scaleGroups[t.scaleLabel].individualHeight = F, this.scaleGroups[t.scaleLabel].autoScaleYLabels = h, this.scaleGroups[t.scaleLabel].unique = this.activeSeriesWithStackRatios.filter((A) => A.scaleLabel === t.scaleLabel).length === 1, {
           ...t,
-          yOffset: O,
+          yOffset: N,
           autoScaleYLabels: h,
           individualHeight: F,
-          scaleYLabels: t.autoScaling ? h : n,
-          individualScale: t.autoScaling ? x : b,
-          individualMax: t.autoScaling ? k : S,
-          zeroPosition: t.autoScaling ? w : C,
-          plots: t.autoScaling ? c : p,
+          scaleYLabels: t.autoScaling ? h : s,
+          individualScale: t.autoScaling ? x : m,
+          individualMax: t.autoScaling ? O : w,
+          zeroPosition: t.autoScaling ? G : C,
+          plots: t.autoScaling ? c : M,
           groupId: this.scaleGroups[t.scaleLabel].groupId
         };
       });
     },
     drawingArea() {
-      function t(d) {
+      function t(g) {
         const r = /* @__PURE__ */ new Set();
-        return d.forEach((e) => {
-          const m = e.scaleLabel || "__noScaleLabel__";
-          r.add(m);
+        return g.forEach((e) => {
+          const b = e.scaleLabel || "__noScaleLabel__";
+          r.add(b);
         }), r.size;
       }
-      const s = t(this.absoluteDataset.filter((d) => !this.segregatedSeries.includes(d.id))), o = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? s * (this.mutableConfig.isStacked ? 0 : this.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth) : 0;
+      const n = t(this.absoluteDataset.filter((g) => !this.segregatedSeries.includes(g.id))), o = this.mutableConfig.useIndividualScale && this.FINAL_CONFIG.chart.grid.labels.show ? n * (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,
@@ -589,7 +589,7 @@ const Ke = Q(), Qe = {
     min() {
       if (this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin !== null)
         return this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin;
-      const t = Math.min(...this.safeDataset.filter((s) => !this.segregatedSeries.includes(s.id)).map((s) => Math.min(...s.series)));
+      const t = Math.min(...this.safeDataset.filter((n) => !this.segregatedSeries.includes(n.id)).map((n) => Math.min(...n.series)));
       return t > 0 ? 0 : t;
     },
     niceScale() {
@@ -599,13 +599,13 @@ const Ke = Q(), Qe = {
       return this.slicer.end - this.slicer.start;
     },
     timeLabels() {
-      const t = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({ data: o.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length)), s = [];
+      const t = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({ data: o.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length)), n = [];
       for (let o = 0; o < t; o += 1)
-        s.push({
+        n.push({
           text: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[o] || String(o),
           absoluteIndex: o
         });
-      return s.slice(this.slicer.start, this.slicer.end);
+      return n.slice(this.slicer.start, this.slicer.end);
     },
     slot() {
       return {
@@ -615,7 +615,7 @@ const Ke = Q(), Qe = {
       };
     },
     barSlot() {
-      const t = this.safeDataset.filter((s) => s.type === "bar").filter((s) => !this.segregatedSeries.includes(s.id)).length;
+      const t = this.safeDataset.filter((n) => n.type === "bar").filter((n) => !this.segregatedSeries.includes(n.id)).length;
       return this.drawingArea.width / this.maxSeries / t - this.barPeriodGap * t;
     },
     barPeriodGap() {
@@ -630,39 +630,39 @@ const Ke = Q(), Qe = {
         label: o.name,
         color: o.color,
         type: o.type
-      })), s = [];
-      return this.timeLabels.forEach((o, d) => {
+      })), n = [];
+      return this.timeLabels.forEach((o, g) => {
         const r = [o.text];
         this.relativeDataset.forEach((e) => {
-          r.push(this.canShowValue(e.absoluteValues[d]) ? Number(e.absoluteValues[d].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
-        }), s.push(r);
-      }), { head: t, body: s };
+          r.push(this.canShowValue(e.absoluteValues[g]) ? Number(e.absoluteValues[g].toFixed(this.FINAL_CONFIG.table.rounding)) : "");
+        }), n.push(r);
+      }), { head: t, body: n };
     },
     dataTable() {
       const t = this.FINAL_CONFIG.table.showSum;
-      let s = [""].concat(this.relativeDataset.map((e) => e.name));
-      t && (s = s.concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>'));
+      let n = [""].concat(this.relativeDataset.map((e) => e.name));
+      t && (n = n.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 = [];
       for (let e = 0; e < this.maxSeries; e += 1) {
-        const m = this.relativeDataset.map((b) => b.absoluteValues[e] ?? 0).reduce((b, x) => b + x, 0);
+        const b = this.relativeDataset.map((m) => m.absoluteValues[e] ?? 0).reduce((m, x) => m + x, 0);
         o.push(
           [
             this.timeLabels[e].text ?? "-"
           ].concat(this.relativeDataset.map(
-            (b) => this.applyDataLabel(
-              b.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : b.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
-              b.absoluteValues[e] ?? 0,
+            (m) => this.applyDataLabel(
+              m.type === "line" ? this.FINAL_CONFIG.line.labels.formatter : m.type === "bar" ? this.FINAL_CONFIG.bar.labels.formatter : this.FINAL_CONFIG.plot.labels.formatter,
+              m.absoluteValues[e] ?? 0,
               this.dataLabel({
-                p: b.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-                v: b.absoluteValues[e] ?? 0,
-                s: b.suffix || this.FINAL_CONFIG.chart.labels.suffix,
+                p: m.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+                v: m.absoluteValues[e] ?? 0,
+                s: m.suffix || this.FINAL_CONFIG.chart.labels.suffix,
                 r: this.FINAL_CONFIG.table.rounding
               })
             )
-          )).concat(t ? (m ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
+          )).concat(t ? (b ?? 0).toFixed(this.FINAL_CONFIG.table.rounding) : [])
         );
       }
-      const d = {
+      const g = {
         th: {
           backgroundColor: this.FINAL_CONFIG.table.th.backgroundColor,
           color: this.FINAL_CONFIG.table.th.color,
@@ -675,7 +675,7 @@ const Ke = Q(), Qe = {
         },
         breakpoint: this.FINAL_CONFIG.table.responsiveBreakpoint
       }, r = [this.FINAL_CONFIG.table.columnNames.period].concat(this.relativeDataset.map((e) => e.name)).concat(this.FINAL_CONFIG.table.columnNames.total);
-      return { head: s, body: o, config: d, colNames: r };
+      return { head: n, body: o, config: g, colNames: r };
     },
     dataTooltipSlot() {
       return {
@@ -695,16 +695,16 @@ const Ke = Q(), Qe = {
         name: t.name,
         color: t.color,
         type: t.type,
-        value: t.absoluteValues.find((s, o) => o === this.selectedSerieIndex),
+        value: t.absoluteValues.find((n, o) => o === this.selectedSerieIndex),
         comments: t.comments || [],
         prefix: t.prefix || this.FINAL_CONFIG.chart.labels.prefix,
         suffix: t.suffix || this.FINAL_CONFIG.chart.labels.suffix
       }));
     },
     tooltipContent() {
-      let t = "", s = this.selectedSeries.map((r) => r.value).filter((r) => this.isSafeValue(r) && r !== null).reduce((r, e) => Math.abs(r) + Math.abs(e), 0);
-      const o = this.timeLabels[this.selectedSerieIndex], d = this.FINAL_CONFIG.chart.tooltip.customFormat;
-      return this.isFunction(d) && this.functionReturnsString(() => d({
+      let t = "", n = this.selectedSeries.map((r) => r.value).filter((r) => this.isSafeValue(r) && r !== null).reduce((r, e) => Math.abs(r) + Math.abs(e), 0);
+      const o = this.timeLabels[this.selectedSerieIndex], g = this.FINAL_CONFIG.chart.tooltip.customFormat;
+      return this.isFunction(g) && this.functionReturnsString(() => g({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
         series: this.absoluteDataset,
@@ -712,7 +712,7 @@ const Ke = Q(), Qe = {
         lines: this.lineSet,
         plots: this.plotSet,
         config: this.FINAL_CONFIG
-      })) ? d({
+      })) ? g({
         seriesIndex: this.selectedSerieIndex,
         datapoint: this.selectedSeries,
         series: this.absoluteDataset,
@@ -722,13 +722,13 @@ const Ke = Q(), Qe = {
         config: this.FINAL_CONFIG
       }) : (o && o.text && this.FINAL_CONFIG.chart.tooltip.showTimeLabel && (t += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${this.FINAL_CONFIG.chart.tooltip.borderColor}; width:100%">${o.text}</div>`), this.selectedSeries.forEach((r) => {
         if (this.isSafeValue(r.value)) {
-          let e = "", m = "";
+          let e = "", b = "";
           switch (this.icons[r.type]) {
             case "bar":
               e = `<svg viewBox="0 0 40 40" height="14" width="14">${this.$slots.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${r.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${this.$slots.pattern ? `url(#pattern_${this.uniqueId}_${r.slotAbsoluteIndex}` : r.color}" /></svg>`;
               break;
             case "line":
-              !r.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(r.shape) ? m = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" />` : r.shape === "triangle" ? m = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "square" ? m = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "diamond" ? m = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "pentagon" ? m = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "hexagon" ? m = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "star" && (m = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" points="${Z({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${r.color}" />${m}</svg>`;
+              !r.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(r.shape) ? b = `<circle cx="10" cy="8" r="4" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" />` : r.shape === "triangle" ? b = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "square" ? b = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "diamond" ? b = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "pentagon" ? b = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "hexagon" ? b = `<path d="${H({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${r.color}" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : r.shape === "star" && (b = `<polygon stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${r.color}" points="${Z({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), e = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${this.FINAL_CONFIG.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${r.color}" />${b}</svg>`;
               break;
             case "plot":
               if (!r.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(r.shape)) {
@@ -771,7 +771,7 @@ const Ke = Q(), Qe = {
             }),
             { datapoint: r }
           ) : ""}</b> ${this.FINAL_CONFIG.chart.tooltip.showPercentage ? `(${$({
-            v: this.checkNaN(Math.abs(r.value) / s * 100),
+            v: this.checkNaN(Math.abs(r.value) / n * 100),
             s: "%",
             r: this.FINAL_CONFIG.chart.tooltip.roundingPercentage
           })})` : ""}</div>`, this.FINAL_CONFIG.chart.comments.showInTooltip && r.comments.length && r.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex] && (t += `<div class="vue-data-ui-tooltip-comment" style="background:${r.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${r.color}">${r.comments.slice(this.slicer.start, this.slicer.end)[this.selectedSerieIndex]}</div>`);
@@ -797,38 +797,42 @@ const Ke = Q(), Qe = {
     },
     annotationsY() {
       const t = this.FINAL_CONFIG.chart.annotations;
-      if (!t.length || t.every((m) => !m.show) || t.every((m) => m.yAxis.yTop === null && m.yAxis.yBottom === null))
-        return [];
-      const s = t.filter((m) => m.show && (m.yAxis.yTop != null || m.yAxis.yBottom != null));
-      if (!s.length) return [];
-      const { bottom: o, height: d, left: r, right: e } = this.drawingArea;
-      return s.map((m) => {
-        const { yTop: b, yBottom: x, label: I } = m.yAxis, v = b != null && x != null && Math.abs(b - x) > 0, S = b == null ? null : o - d * this.ratioToMax(b), k = x == null ? null : o - d * this.ratioToMax(x), O = this.getTextMeasurer(I.fontSize);
-        O.font = `${I.fontSize}px sans-serif`;
-        const F = O.measureText(I.text).width, C = I.fontSize, w = (I.position === "start" ? r + I.padding.left : e - I.padding.right) + I.offsetX, l = (S != null && k != null ? Math.min(S, k) : S ?? k) - I.fontSize / 3 + I.offsetY - I.padding.top;
-        let c;
-        I.textAnchor === "middle" ? c = w - F / 2 - I.padding.left : I.textAnchor === "end" ? c = w - F - I.padding.right : c = w - I.padding.left;
-        const n = l - C * 0.75 - I.padding.top;
+      if (!Array.isArray(t) || t.every((k) => !k.show)) return [];
+      const n = t.filter(
+        (k) => k.show && (k.yAxis.yTop != null || k.yAxis.yBottom != null)
+      );
+      if (!n.length) return [];
+      const { left: o, right: g } = this.drawingArea, r = this.zero, e = this.drawingArea.height, b = this.niceScale.min, x = this.niceScale.max - b, S = (k) => {
+        const w = (k - 0) / x;
+        return r - w * e;
+      };
+      return n.map((k) => {
+        const { yAxis: { yTop: w, yBottom: O, label: N } } = k, F = w != null && O != null && w !== O, C = w == null ? null : S(w), G = O == null ? null : S(O), M = this.getTextMeasurer(N.fontSize);
+        M.font = `${N.fontSize}px sans-serif`;
+        const l = M.measureText(N.text).width, c = N.fontSize, s = (N.position === "start" ? o + N.padding.left : g - N.padding.right) + N.offsetX, A = (C != null && G != null ? Math.min(C, G) : C ?? G) - N.fontSize / 3 + N.offsetY - N.padding.top;
+        let v;
+        N.textAnchor === "middle" ? v = s - l / 2 - N.padding.left : N.textAnchor === "end" ? v = s - l - N.padding.right : v = s - N.padding.left;
+        const L = A - c * 0.75 - N.padding.top;
         return {
           id: `annotation_y_${this.createUid()}`,
-          hasArea: v,
-          areaHeight: v ? Math.abs(S - k) : 0,
-          yTop: S,
-          yBottom: k,
-          config: m.yAxis,
-          x1: r,
-          x2: e,
-          _text: { x: w, y: l },
+          hasArea: F,
+          areaHeight: F ? Math.abs(C - G) : 0,
+          yTop: C,
+          yBottom: G,
+          config: k.yAxis,
+          x1: o,
+          x2: g,
+          _text: { x: s, y: A },
           _box: {
-            x: c,
-            y: n,
-            width: F + (I.padding.left + I.padding.right),
-            height: C + I.padding.top + I.padding.bottom,
-            fill: I.backgroundColor,
-            stroke: I.border.stroke,
-            rx: I.border.rx,
-            ry: I.border.ry,
-            strokeWidth: I.border.strokeWidth
+            x: v,
+            y: L,
+            width: l + N.padding.left + N.padding.right,
+            height: c + N.padding.top + N.padding.bottom,
+            fill: N.backgroundColor,
+            stroke: N.border.stroke,
+            rx: N.border.rx,
+            ry: N.border.ry,
+            strokeWidth: N.border.strokeWidth
           }
         };
       });
@@ -864,8 +868,8 @@ const Ke = Q(), Qe = {
     createTSpans: Fe,
     dataLabel: $,
     downloadCsv: be,
-    error: xe,
-    forceValidValue: me,
+    error: me,
+    forceValidValue: xe,
     functionReturnsString: Ne,
     hasDeepProperty: Ie,
     isFunction: fe,
@@ -876,29 +880,29 @@ const Ke = Q(), Qe = {
     shiftHue: oe,
     translateSize: ce,
     treeShake: ne,
-    useMouse: Be,
+    useMouse: We,
     useNestedProp: J,
     createUid: Q,
     placeXYTag: se,
-    createSmoothPathWithCuts: ae,
-    createStraightPathWithCuts: ie,
+    createSmoothPathWithCuts: ie,
+    createStraightPathWithCuts: ae,
     createAreaWithCuts: re,
     createIndividualAreaWithCuts: le,
     createSmoothAreaSegments: j,
     createIndividualArea: te,
-    getTextMeasurer(t, s, o) {
+    getTextMeasurer(t, n, o) {
       if (!this._textMeasurer) {
-        const d = document.createElement("canvas");
-        this._textMeasurer = d.getContext("2d");
+        const g = document.createElement("canvas");
+        this._textMeasurer = g.getContext("2d");
       }
-      return this._textMeasurer.font = `${o || "normal"} ${t}px ${s || "sans-serif"}`, this._textMeasurer;
+      return this._textMeasurer.font = `${o || "normal"} ${t}px ${n || "sans-serif"}`, this._textMeasurer;
     },
     hideTags() {
       const t = document.querySelectorAll(".vue-ui-xy-tag");
-      t.length && Array.from(t).forEach((s) => s.style.opacity = "0");
+      t.length && Array.from(t).forEach((n) => n.style.opacity = "0");
     },
-    setTagRef(t, s, o, d, r) {
-      o && (this.tagRefs[`${t}_${s}_${d}_${r}`] = o);
+    setTagRef(t, n, o, g, r) {
+      o && (this.tagRefs[`${t}_${n}_${g}_${r}`] = o);
     },
     setUserOptionsVisibility(t = !1) {
       this.showUserOptionsOnChartHover && (this.userOptionsVisible = t);
@@ -906,16 +910,16 @@ const Ke = Q(), Qe = {
     toggleAnnotator() {
       this.isAnnotator = !this.isAnnotator;
     },
-    selectTimeLabel(t, s) {
-      const o = this.relativeDataset.map((d) => ({
-        shape: d.shape || null,
-        name: d.name,
-        color: d.color,
-        type: d.type,
-        value: d.absoluteValues.find((r, e) => e === s),
-        comments: d.comments || [],
-        prefix: d.prefix || this.FINAL_CONFIG.chart.labels.prefix,
-        suffix: d.suffix || this.FINAL_CONFIG.chart.labels.suffix
+    selectTimeLabel(t, n) {
+      const o = this.relativeDataset.map((g) => ({
+        shape: g.shape || null,
+        name: g.name,
+        color: g.color,
+        type: g.type,
+        value: g.absoluteValues.find((r, e) => e === n),
+        comments: g.comments || [],
+        prefix: g.prefix || this.FINAL_CONFIG.chart.labels.prefix,
+        suffix: g.suffix || this.FINAL_CONFIG.chart.labels.suffix
       }));
       this.$emit("selectTimeLabel", {
         datapoint: o,
@@ -924,9 +928,9 @@ const Ke = Q(), Qe = {
       });
     },
     getHighlightAreaPosition(t) {
-      const s = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (t.from - this.slicer.start), o = this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span;
+      const n = this.drawingArea.left + this.drawingArea.width / this.maxSeries * (t.from - this.slicer.start), o = this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span < 0 ? 1e-5 : this.drawingArea.width / (this.slicer.end - this.slicer.start) * t.span;
       return {
-        x: s < this.drawingArea.left ? this.drawingArea.left : s,
+        x: n < this.drawingArea.left ? this.drawingArea.left : n,
         width: o
       };
     },
@@ -934,37 +938,37 @@ const Ke = Q(), Qe = {
       const t = Pe().vue_ui_xy;
       if (!Object.keys(this.config || {}).length)
         return t;
-      const s = this.useNestedProp({
+      const n = this.useNestedProp({
         userConfig: this.config,
         defaultConfig: t
       });
-      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, this.config && this.hasDeepProperty(this.config, "chart.zoom.startIndex") ? s.chart.zoom.startIndex = this.config.chart.zoom.startIndex : s.chart.zoom.startIndex = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.endIndex") ? s.chart.zoom.endIndex = this.config.chart.zoom.endIndex : s.chart.zoom.endIndex = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.groupColor") ? s.chart.grid.labels.yAxis.groupColor = this.config.chart.grid.labels.yAxis.groupColor : s.chart.grid.labels.yAxis.groupColor = null, this.config && Array.isArray(this.config.chart.annotations) && this.config.chart.annotations.length && (s.chart.annotations = this.config.chart.annotations.map((o) => J({
+      return this.config && this.hasDeepProperty(this.config, "chart.highlightArea") && (Array.isArray(this.config.chart.highlightArea) ? n.chart.highlightArea = this.config.chart.highlightArea : n.chart.highlightArea = [this.config.chart.highlightArea]), this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMin") ? n.chart.grid.labels.yAxis.scaleMin = this.config.chart.grid.labels.yAxis.scaleMin : n.chart.grid.labels.yAxis.scaleMin = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.scaleMax") ? n.chart.grid.labels.yAxis.scaleMax = this.config.chart.grid.labels.yAxis.scaleMax : n.chart.grid.labels.yAxis.scaleMax = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.startIndex") ? n.chart.zoom.startIndex = this.config.chart.zoom.startIndex : n.chart.zoom.startIndex = null, this.config && this.hasDeepProperty(this.config, "chart.zoom.endIndex") ? n.chart.zoom.endIndex = this.config.chart.zoom.endIndex : n.chart.zoom.endIndex = null, this.config && this.hasDeepProperty(this.config, "chart.grid.labels.yAxis.groupColor") ? n.chart.grid.labels.yAxis.groupColor = this.config.chart.grid.labels.yAxis.groupColor : n.chart.grid.labels.yAxis.groupColor = null, this.config && Array.isArray(this.config.chart.annotations) && this.config.chart.annotations.length && (n.chart.annotations = this.config.chart.annotations.map((o) => J({
         defaultConfig: t.chart.annotations[0],
         userConfig: o
-      }))), s.theme ? {
+      }))), n.theme ? {
         ...J({
-          userConfig: this.themes.vue_ui_xy[s.theme] || this.config,
-          defaultConfig: s
+          userConfig: this.themes.vue_ui_xy[n.theme] || this.config,
+          defaultConfig: n
         }),
-        customPalette: this.themePalettes[s.theme] || this.palette
-      } : s;
+        customPalette: this.themePalettes[n.theme] || this.palette
+      } : n;
     },
     prepareChart() {
       if (this.objectIsEmpty(this.dataset) ? this.error({
         componentName: "VueUiXy",
         type: "dataset"
-      }) : this.dataset.forEach((t, s) => {
+      }) : this.dataset.forEach((t, n) => {
         [null, void 0].includes(t.name) && this.error({
           componentName: "VueUiXy",
           type: "datasetSerieAttribute",
           property: "name (string)",
-          index: s
+          index: n
         });
       }), this.FINAL_CONFIG.showWarnings && this.dataset.forEach((t) => {
-        t.series.forEach((s, o) => {
-          this.isSafeValue(s) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
------> The serie '${t.name}' contains the value '${s}' at index ${o}.
-'${s}' was converted to null to allow the chart to display.`);
+        t.series.forEach((n, o) => {
+          this.isSafeValue(n) || console.warn(`VueUiXy has detected an unsafe value in your dataset:
+-----> The serie '${t.name}' contains the value '${n}' at index ${o}.
+'${n}' was converted to null to allow the chart to display.`);
         });
       }), this.showUserOptionsOnChartHover = this.FINAL_CONFIG.chart.userOptions.showOnChartHover, this.keepUserOptionState = this.FINAL_CONFIG.chart.userOptions.keepStateOnChartLeave, this.userOptionsVisible = !this.FINAL_CONFIG.chart.userOptions.showOnChartHover, this.mutableConfig = {
         dataLabels: {
@@ -975,26 +979,26 @@ const Ke = Q(), Qe = {
         isStacked: this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked,
         useIndividualScale: this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale
       }, this.FINAL_CONFIG.responsive) {
-        const s = this.$refs.chart.parentNode;
+        const n = this.$refs.chart.parentNode;
         this.resizeObserver && (this.resizeObserver.unobserve(this.observedEl), this.resizeObserver.disconnect());
-        const { height: o, width: d } = s.getBoundingClientRect();
+        const { height: o, width: g } = n.getBoundingClientRect();
         let r = null, e = 0;
         this.FINAL_CONFIG.chart.title.show && (r = this.$refs.chartTitle, e = r.getBoundingClientRect().height);
-        let m = null, b = 0;
-        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (m = this.$refs.chartSlicer.$el, b = m.getBoundingClientRect().height);
-        let x = null, I = 0;
-        this.FINAL_CONFIG.chart.legend.show && (x = this.$refs.chartLegend, I = x.getBoundingClientRect().height);
-        let v = 0;
-        this.$refs.source && (v = this.$refs.source.getBoundingClientRect().height);
-        let S = 0;
-        this.$refs.noTitle && (S = this.$refs.noTitle.getBoundingClientRect().height), this.height = o - e - I - b - v - S, this.width = d, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
-        const k = new ResizeObserver((O) => {
-          for (const F of O)
-            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (b = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (I = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (v = this.$refs.source.getBoundingClientRect().height), requestAnimationFrame(() => {
-              this.height = F.contentBoxSize[0].blockSize - e - I - b - v - 24, this.width = F.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+        let b = null, m = 0;
+        this.FINAL_CONFIG.chart.zoom.show && this.maxX > 6 && this.isDataset && (b = this.$refs.chartSlicer.$el, m = b.getBoundingClientRect().height);
+        let x = null, S = 0;
+        this.FINAL_CONFIG.chart.legend.show && (x = this.$refs.chartLegend, S = x.getBoundingClientRect().height);
+        let k = 0;
+        this.$refs.source && (k = this.$refs.source.getBoundingClientRect().height);
+        let w = 0;
+        this.$refs.noTitle && (w = this.$refs.noTitle.getBoundingClientRect().height), this.height = o - e - S - m - k - w, this.width = g, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
+        const O = new ResizeObserver((N) => {
+          for (const F of N)
+            this.$refs.chartTitle && (e = this.$refs.chartTitle.getBoundingClientRect().height), this.$refs.chartSlicer && this.$refs.chartSlicer.$el && (m = this.$refs.chartSlicer.$el.getBoundingClientRect().height), this.$refs.chartLegend && (S = this.$refs.chartLegend.getBoundingClientRect().height), this.$refs.source && (k = this.$refs.source.getBoundingClientRect().height), requestAnimationFrame(() => {
+              this.height = F.contentBoxSize[0].blockSize - e - S - m - k - 24, this.width = F.contentBoxSize[0].inlineSize, this.viewBox = `0 0 ${this.width < 0 ? 10 : this.width} ${this.height < 0 ? 10 : this.height}`, this.convertSizes();
             });
         });
-        this.resizeObserver = k, this.observedEl = s, k.observe(s);
+        this.resizeObserver = O, this.observedEl = n, O.observe(n);
       } 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;
     },
@@ -1055,19 +1059,19 @@ const Ke = Q(), Qe = {
     checkAutoScaleError(t) {
       t.autoScaling && (this.FINAL_CONFIG.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${t.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), this.FINAL_CONFIG.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${t.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     },
-    createArea(t, s) {
+    createArea(t, n) {
       if (!t[0]) return [-10, -10, "", -10, -10];
-      const o = { x: t[0].x, y: s }, d = { x: t.at(-1).x, y: s }, r = [];
+      const o = { x: t[0].x, y: n }, g = { x: t.at(-1).x, y: n }, r = [];
       return t.forEach((e) => {
         r.push(`${e.x},${e.y} `);
-      }), [o.x, o.y, ...r, d.x, d.y].toString();
+      }), [o.x, o.y, ...r, g.x, g.y].toString();
     },
     createStar: Z,
     createPolygonPath: H,
-    fillArray(t, s) {
+    fillArray(t, n) {
       let o = Array(t).fill(0);
-      for (let d = 0; d < s.length && d < t; d += 1)
-        o[d] = s[d];
+      for (let g = 0; g < n.length && g < t; g += 1)
+        o[g] = n[g];
       return o;
     },
     async setupSlicer() {
@@ -1080,12 +1084,12 @@ const Ke = Q(), Qe = {
       this.setupSlicer();
     },
     validSlicerEnd(t) {
-      const s = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({ data: o.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length));
-      return t > s ? s : t < 0 || this.FINAL_CONFIG.chart.zoom.startIndex !== null && t < this.FINAL_CONFIG.chart.zoom.startIndex ? this.FINAL_CONFIG.chart.zoom.startIndex !== null ? this.FINAL_CONFIG.chart.zoom.startIndex + 1 : 1 : t;
+      const n = Math.max(...this.dataset.map((o) => this.largestTriangleThreeBucketsArray({ data: o.series, threshold: this.FINAL_CONFIG.downsample.threshold }).length));
+      return t > n ? n : t < 0 || this.FINAL_CONFIG.chart.zoom.startIndex !== null && t < this.FINAL_CONFIG.chart.zoom.startIndex ? this.FINAL_CONFIG.chart.zoom.startIndex !== null ? this.FINAL_CONFIG.chart.zoom.startIndex + 1 : 1 : t;
     },
     calcRectHeight(t) {
-      const s = ![null, void 0].includes(this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin) && this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin > 0 && this.min >= 0 ? this.drawingArea.bottom : this.zero;
-      return t.value >= 0 ? this.checkNaN(s - t.y <= 0 ? 1e-5 : s - t.y) : this.checkNaN(t.y - this.zero <= 0 ? 1e-5 : t.y - this.zero);
+      const n = ![null, void 0].includes(this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin) && this.FINAL_CONFIG.chart.grid.labels.yAxis.scaleMin > 0 && this.min >= 0 ? this.drawingArea.bottom : this.zero;
+      return t.value >= 0 ? this.checkNaN(n - t.y <= 0 ? 1e-5 : n - t.y) : this.checkNaN(t.y - this.zero <= 0 ? 1e-5 : t.y - this.zero);
     },
     calcIndividualHeight(t) {
       return t.value >= 0 ? this.checkNaN(t.zeroPosition - t.y <= 0 ? 1e-5 : t.zeroPosition - t.y) : this.checkNaN(t.y - t.zeroPosition <= 0 ? 1e-5 : t.zeroPosition - t.y);
@@ -1105,11 +1109,11 @@ const Ke = Q(), Qe = {
     canShowValue(t) {
       return ![null, void 0, NaN, 1 / 0, -1 / 0].includes(t);
     },
-    findClosestValue(t, s) {
-      let o = s[0], d = Math.abs(t - s[0]);
-      for (let r = 1; r < s.length; r += 1) {
-        const e = Math.abs(t - s[r]);
-        e < d && s[r] < t && (o = s[r], d = e);
+    findClosestValue(t, n) {
+      let o = n[0], g = Math.abs(t - n[0]);
+      for (let r = 1; r < n.length; r += 1) {
+        const e = Math.abs(t - n[r]);
+        e < g && n[r] < t && (o = n[r], g = e);
       }
       return o;
     },
@@ -1120,11 +1124,11 @@ const Ke = Q(), Qe = {
       this.$emit(
         "selectX",
         {
-          dataset: this.relativeDataset.map((s) => ({
-            name: s.name,
-            value: [null, void 0, NaN].includes(s.absoluteValues[t]) ? null : s.absoluteValues[t],
-            color: s.color,
-            type: s.type
+          dataset: this.relativeDataset.map((n) => ({
+            name: n.name,
+            value: [null, void 0, NaN].includes(n.absoluteValues[t]) ? null : n.absoluteValues[t],
+            color: n.color,
+            type: n.type
           })),
           index: t,
           indexLabel: this.FINAL_CONFIG.chart.grid.labels.xAxisLabels.values[t]
@@ -1141,20 +1145,20 @@ const Ke = Q(), Qe = {
     },
     segregate(t) {
       if (this.segregatedSeries.includes(t.id))
-        this.segregatedSeries = this.segregatedSeries.filter((s) => s !== t.id);
+        this.segregatedSeries = this.segregatedSeries.filter((n) => n !== t.id);
       else {
         if (this.segregatedSeries.length + 1 === this.safeDataset.length) return;
         this.segregatedSeries.push(t.id);
       }
-      this.$emit("selectLegend", this.relativeDataset.map((s) => ({
-        name: s.name,
-        values: s.absoluteValues,
-        color: s.color,
-        type: s.type
+      this.$emit("selectLegend", this.relativeDataset.map((n) => ({
+        name: n.name,
+        values: n.absoluteValues,
+        color: n.color,
+        type: n.type
       }))), this.segregateStep += 1;
     },
-    toggleTooltipVisibility(t, s = null) {
-      this.isTooltip = t, t ? this.selectedSerieIndex = s : this.selectedSerieIndex = null;
+    toggleTooltipVisibility(t, n = null) {
+      this.isTooltip = t, t ? this.selectedSerieIndex = n : this.selectedSerieIndex = null;
     },
     toggleFullscreen(t) {
       this.isFullscreen = t, this.step += 1;
@@ -1165,7 +1169,7 @@ const Ke = Q(), Qe = {
     async generatePdf() {
       this.showSpinnerPdf(), clearTimeout(this.__to__), this.isPrinting = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./pdf-ZrUvUcH9.js");
+          const { default: t } = await import("./pdf-BD9-5FCa.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1179,7 +1183,7 @@ const Ke = Q(), Qe = {
       }, 100);
     },
     generateCsv(t = null) {
-      const s = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], o = ["", ...this.table.head.map((m) => m.label)], d = this.table.body, r = s.concat([o]).concat(d), e = this.createCsvContent(r);
+      const n = [[this.FINAL_CONFIG.chart.title.text], [this.FINAL_CONFIG.chart.title.subtitle.text], [""]], o = ["", ...this.table.head.map((b) => b.label)], g = this.table.body, r = n.concat([o]).concat(g), e = this.createCsvContent(r);
       t ? t(e) : this.downloadCsv({ csvContent: e, title: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy" });
     },
     showSpinnerImage() {
@@ -1188,7 +1192,7 @@ const Ke = Q(), Qe = {
     async generateImage() {
       this.showSpinnerImage(), clearTimeout(this.__to__), this.isImaging = !0, this.__to__ = setTimeout(async () => {
         try {
-          const { default: t } = await import("./img-Dy6IrSzX.js");
+          const { default: t } = await import("./img-B7q7dUf_.js");
           await t({
             domElement: document.getElementById(`vue-ui-xy_${this.uniqueId}`),
             fileName: this.FINAL_CONFIG.chart.title.text || "vue-ui-xy",
@@ -1208,69 +1212,69 @@ const Ke = Q(), Qe = {
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%; background:transparent"
-}, et = ["viewBox", "aria-label"], tt = ["x", "y", "width", "height"], lt = { key: 1 }, rt = { class: "vue-ui-xy-grid" }, it = ["stroke", "x1", "x2", "y1", "y2"], at = ["stroke", "x1", "x2", "y1", "y2"], st = { key: 1 }, nt = ["x1", "x2", "y1", "y2", "stroke"], ct = ["x1", "x2", "y1", "y2", "stroke"], ot = ["x1", "x2", "y1", "y2", "stroke"], ht = { key: 3 }, ut = ["x1", "x2", "y1", "y2", "stroke"], dt = ["id"], gt = ["stop-color"], ft = ["stop-color"], It = ["stop-color"], Nt = ["id"], mt = ["stop-color"], xt = ["stop-color"], bt = ["stop-color"], Ft = ["id"], _t = ["stop-color"], yt = ["stop-color"], At = ["id"], Lt = ["stop-color"], Ct = ["stop-color"], St = ["id"], kt = ["stop-color"], wt = ["stop-color"], Ot = ["x", "y", "height", "width", "fill"], Gt = ["x", "y", "width"], vt = ["x", "y", "height", "width", "fill"], pt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Mt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], zt = ["width", "x", "y"], Tt = { key: 0 }, Pt = ["id"], Vt = ["fill"], Rt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Ht = ["x", "y", "font-size", "fill"], Dt = ["stroke", "x1", "x2", "y1", "y2"], Bt = { key: 2 }, Wt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Et = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Yt = { key: 4 }, qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xt = ["fill", "font-size", "transform"], Ut = ["x1", "x2", "y1", "y2", "stroke"], Zt = ["x", "y", "font-size", "fill"], Jt = ["x1", "x2", "y1", "y2", "stroke"], Kt = ["x", "y", "font-size", "fill"], Qt = ["width", "x", "y"], jt = { style: { width: "100%" } }, $t = { key: 0 }, el = ["id"], tl = ["fill"], ll = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], rl = ["x", "y", "font-size", "fill"], il = ["d", "stroke", "stroke-width", "stroke-dasharray"], al = ["d", "stroke", "stroke-width", "stroke-dasharray"], sl = { key: 5 }, nl = { key: 0 }, cl = ["d", "fill"], ol = ["d", "fill"], hl = ["d", "fill"], ul = ["d", "fill"], dl = ["d", "stroke", "stroke-width", "stroke-dasharray"], gl = ["d", "stroke", "stroke-width", "stroke-dasharray"], fl = ["width", "x", "y"], Il = { style: { width: "100%" } }, Nl = { key: 3 }, ml = ["id"], xl = ["fill"], bl = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Fl = ["x", "y", "font-size", "fill"], _l = { key: 6 }, yl = ["x", "y", "font-size", "fill"], Al = ["x", "y", "font-size", "fill", "font-weight"], Ll = { key: 7 }, Cl = ["x", "y", "font-size", "fill"], Sl = { key: 8 }, kl = ["x", "y"], wl = ["innerHTML"], Ol = ["x", "y"], Gl = ["innerHTML"], vl = ["x1", "x2", "y1", "y2", "stroke"], pl = { key: 9 }, Ml = ["x", "y", "font-size", "fill"], zl = { key: 10 }, Tl = ["x", "y"], Pl = ["innerHTML"], Vl = ["x", "y"], Rl = ["innerHTML"], Hl = ["x1", "x2", "y1", "y2", "stroke"], Dl = ["x", "y", "font-size", "fill", "innerHTML"], Bl = ["x", "y", "font-size", "fill", "innerHTML"], Wl = ["x", "y", "font-size", "fill", "innerHTML"], El = ["x", "y", "font-size", "fill", "innerHTML"], Yl = ["id"], ql = ["stop-color"], Xl = ["stop-color"], Ul = ["x", "y", "width", "height", "fill", "onMouseenter"], Zl = ["font-size", "fill", "transform"], Jl = ["x", "y", "font-size", "fill"], Kl = { key: 12 }, Ql = ["y1", "y2", "x1", "x2", "stroke"], jl = ["text-anchor", "font-size", "fill", "transform", "onClick"], $l = { key: 13 }, er = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], tr = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], lr = ["y", "x", "width", "height", "fill"], rr = ["id", "x", "y", "font-size", "fill", "text-anchor"], ir = ["x", "y", "height", "width", "onMouseenter", "onClick"], ar = {
+}, et = ["viewBox", "aria-label"], tt = ["x", "y", "width", "height"], lt = { key: 1 }, rt = { class: "vue-ui-xy-grid" }, at = ["stroke", "x1", "x2", "y1", "y2"], it = ["stroke", "x1", "x2", "y1", "y2"], st = { key: 1 }, nt = ["x1", "x2", "y1", "y2", "stroke"], ct = ["x1", "x2", "y1", "y2", "stroke"], ot = ["x1", "x2", "y1", "y2", "stroke"], ht = { key: 3 }, ut = ["x1", "x2", "y1", "y2", "stroke"], dt = { key: 4 }, gt = ["y1", "y2", "x1", "x2", "stroke"], ft = ["id"], It = ["stop-color"], Nt = ["stop-color"], xt = ["stop-color"], mt = ["id"], bt = ["stop-color"], Ft = ["stop-color"], _t = ["stop-color"], yt = ["id"], At = ["stop-color"], Lt = ["stop-color"], Ct = ["id"], St = ["stop-color"], kt = ["stop-color"], wt = ["id"], Ot = ["stop-color"], Gt = ["stop-color"], vt = ["x", "y", "height", "width", "fill"], pt = ["x", "y", "width"], Mt = ["x", "y", "height", "width", "fill"], zt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Tt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Pt = ["width", "x", "y"], Vt = { key: 0 }, Rt = ["id"], Ht = ["fill"], Dt = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], Wt = ["x", "y", "font-size", "fill"], Bt = ["stroke", "x1", "x2", "y1", "y2"], Et = { key: 2 }, Yt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], qt = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Xt = { key: 4 }, Ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Zt = ["fill", "font-size", "transform"], Jt = ["x1", "x2", "y1", "y2", "stroke"], Kt = ["x", "y", "font-size", "fill"], Qt = ["x1", "x2", "y1", "y2", "stroke"], jt = ["x", "y", "font-size", "fill"], $t = ["width", "x", "y"], el = { style: { width: "100%" } }, tl = { key: 0 }, ll = ["id"], rl = ["fill"], al = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], il = ["x", "y", "font-size", "fill"], sl = ["d", "stroke", "stroke-width", "stroke-dasharray"], nl = ["d", "stroke", "stroke-width", "stroke-dasharray"], cl = { key: 5 }, ol = { key: 0 }, hl = ["d", "fill"], ul = ["d", "fill"], dl = ["d", "fill"], gl = ["d", "fill"], fl = ["d", "stroke", "stroke-width", "stroke-dasharray"], Il = ["d", "stroke", "stroke-width", "stroke-dasharray"], Nl = ["width", "x", "y"], xl = { style: { width: "100%" } }, ml = { key: 3 }, bl = ["id"], Fl = ["fill"], _l = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], yl = ["x", "y", "font-size", "fill"], Al = { key: 6 }, Ll = ["x", "y", "font-size", "fill"], Cl = ["x", "y", "font-size", "fill", "font-weight"], Sl = { key: 7 }, kl = ["x", "y", "font-size", "fill"], wl = { key: 8 }, Ol = ["x", "y"], Gl = ["innerHTML"], vl = ["x", "y"], pl = ["innerHTML"], Ml = ["x1", "x2", "y1", "y2", "stroke"], zl = { key: 9 }, Tl = ["x", "y", "font-size", "fill"], Pl = { key: 10 }, Vl = ["x", "y"], Rl = ["innerHTML"], Hl = ["x", "y"], Dl = ["innerHTML"], Wl = ["x1", "x2", "y1", "y2", "stroke"], Bl = ["x", "y", "font-size", "fill", "innerHTML"], El = ["x", "y", "font-size", "fill", "innerHTML"], Yl = ["x", "y", "font-size", "fill", "innerHTML"], ql = ["x", "y", "font-size", "fill", "innerHTML"], Xl = ["id"], Ul = ["stop-color"], Zl = ["stop-color"], Jl = ["x", "y", "width", "height", "fill", "onMouseenter"], Kl = ["font-size", "fill", "transform"], Ql = ["x", "y", "font-size", "fill"], jl = { key: 12 }, $l = ["text-anchor", "font-size", "fill", "transform", "onClick"], er = { key: 13 }, tr = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], lr = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], rr = ["y", "x", "width", "height", "fill"], ar = ["id", "x", "y", "font-size", "fill", "text-anchor"], ir = ["x", "y", "height", "width", "onMouseenter", "onClick"], sr = {
   key: 14,
   style: { "pointer-events": "none" }
-}, sr = ["x", "y"], nr = ["cx", "cy", "r", "fill"], cr = {
+}, nr = ["x", "y"], cr = ["cx", "cy", "r", "fill"], or = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, or = {
+}, hr = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, hr = ["fill"], ur = ["innerHTML"], dr = {
+}, ur = ["fill"], dr = ["innerHTML"], gr = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, gr = ["fill"], fr = ["innerHTML"], Ir = {
+}, fr = ["fill"], Ir = ["innerHTML"], Nr = {
   class: "vue-ui-xy-tag-arrow",
   height: "20",
   viewBox: "0 0 10 20",
   style: { position: "absolute", right: "100%", top: "50%", transform: "translateY(-50%)" }
-}, Nr = ["fill"], mr = ["innerHTML"], xr = {
+}, xr = ["fill"], mr = ["innerHTML"], br = {
   class: "vue-ui-xy-tag-arrow",
   height: "100%",
   viewBox: "0 0 10 20",
   style: { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)" }
-}, br = ["fill"], Fr = ["innerHTML"], _r = ["onClick"], yr = {
+}, Fr = ["fill"], _r = ["innerHTML"], yr = ["onClick"], Ar = {
   key: 0,
   viewBox: "0 0 20 12",
   height: "14",
   width: "20"
-}, Ar = ["stroke", "fill"], Lr = {
+}, Lr = ["stroke", "fill"], Cr = {
   key: 1,
   viewBox: "0 0 40 40",
   height: "14",
   width: "14"
-}, Cr = ["fill"], Sr = ["fill"], kr = {
+}, Sr = ["fill"], kr = ["fill"], wr = {
   key: 2,
   viewBox: "0 0 12 12",
   height: "14",
   width: "14"
-}, wr = {
+}, Or = {
   key: 9,
   ref: "chartLegend"
-}, Or = {
+}, Gr = {
   key: 10,
   ref: "source",
   dir: "auto"
-}, Gr = {
+}, vr = {
   style: { display: "flex", "flex-direction": "row", gap: "6px", "align-items": "center", "padding-left": "6px" },
   "data-dom-to-png-ignore": ""
-}, vr = ["innerHTML"];
-function pr(t, s, o, d, r, e) {
-  const m = R("PenAndPaper"), b = R("Title"), x = R("UserOptions"), I = R("PackageVersion"), v = R("Shape"), S = R("Skeleton"), k = R("Slicer"), O = R("Tooltip"), F = R("BaseIcon"), C = R("TableSparkline"), w = R("DataTable"), p = R("Accordion");
-  return i(), a("div", {
+}, pr = ["innerHTML"];
+function Mr(t, n, o, g, r, e) {
+  const b = R("PenAndPaper"), m = R("Title"), x = R("UserOptions"), S = R("PackageVersion"), k = R("Shape"), w = R("Skeleton"), O = R("Slicer"), N = R("Tooltip"), F = R("BaseIcon"), C = R("TableSparkline"), G = R("DataTable"), M = R("Accordion");
+  return a(), i("div", {
     id: `vue-ui-xy_${r.uniqueId}`,
     class: E(`vue-ui-xy ${r.isFullscreen ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.FINAL_CONFIG.useCssAnimation ? "" : "vue-ui-dna"}`),
     ref: "chart",
     style: y(`background:${e.FINAL_CONFIG.chart.backgroundColor}; color:${e.FINAL_CONFIG.chart.color};width:100%;font-family:${e.FINAL_CONFIG.chart.fontFamily};${e.FINAL_CONFIG.responsive ? "height: 100%" : ""}`),
-    onMouseenter: s[7] || (s[7] = () => e.setUserOptionsVisibility(!0)),
-    onMouseleave: s[8] || (s[8] = () => e.setUserOptionsVisibility(!1))
+    onMouseenter: n[7] || (n[7] = () => e.setUserOptionsVisibility(!0)),
+    onMouseleave: n[8] || (n[8] = () => e.setUserOptionsVisibility(!1))
   }, [
-    e.FINAL_CONFIG.chart.userOptions.buttons.annotator ? (i(), B(m, {
+    e.FINAL_CONFIG.chart.userOptions.buttons.annotator ? (a(), W(b, {
       key: 0,
       svgRef: r.svgRef,
       backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
@@ -1278,14 +1282,14 @@ function pr(t, s, o, d, r, e) {
       active: r.isAnnotator,
       onClose: e.toggleAnnotator
     }, null, 8, ["svgRef", "backgroundColor", "color", "active", "onClose"])) : u("", !0),
-    e.hasOptionsNoTitle ? (i(), a("div", $e, null, 512)) : u("", !0),
-    e.FINAL_CONFIG.chart.title.show ? (i(), a("div", {
+    e.hasOptionsNoTitle ? (a(), i("div", $e, null, 512)) : u("", !0),
+    e.FINAL_CONFIG.chart.title.show ? (a(), i("div", {
       key: 2,
       ref: "chartTitle",
       class: "vue-ui-xy-title",
       style: y(`font-family:${e.FINAL_CONFIG.chart.fontFamily}`)
     }, [
-      (i(), B(b, {
+      (a(), W(m, {
         key: `title_${r.titleStep}`,
         config: {
           title: {
@@ -1299,7 +1303,7 @@ function pr(t, s, o, d, r, e) {
         }
       }, null, 8, ["config"]))
     ], 4)) : u("", !0),
-    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset && (r.keepUserOptionState || r.userOptionsVisible) ? (i(), B(x, {
+    e.FINAL_CONFIG.chart.userOptions.show && e.isDataset && (r.keepUserOptionState || r.userOptionsVisible) ? (a(), W(x, {
       ref: "defails",
       key: `user_options_${r.step}`,
       backgroundColor: e.FINAL_CONFIG.chart.backgroundColor,
@@ -1336,79 +1340,79 @@ function pr(t, s, o, d, r, e) {
       style: y({
         visibility: r.keepUserOptionState ? r.userOptionsVisible ? "visible" : "hidden" : "visible"
       })
-    }, We({ _: 2 }, [
+    }, Be({ _: 2 }, [
       t.$slots.menuIcon ? {
         name: "menuIcon",
         fn: V(({ isOpen: l, color: c }) => [
-          G(t.$slots, "menuIcon", Y(q({ isOpen: l, color: c })), void 0, !0)
+          p(t.$slots, "menuIcon", Y(q({ isOpen: l, color: c })), void 0, !0)
         ]),
         key: "0"
       } : void 0,
       t.$slots.optionTooltip ? {
         name: "optionTooltip",
         fn: V(() => [
-          G(t.$slots, "optionTooltip", {}, void 0, !0)
+          p(t.$slots, "optionTooltip", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0,
       t.$slots.optionPdf ? {
         name: "optionPdf",
         fn: V(() => [
-          G(t.$slots, "optionPdf", {}, void 0, !0)
+          p(t.$slots, "optionPdf", {}, void 0, !0)
         ]),
         key: "2"
       } : void 0,
       t.$slots.optionCsv ? {
         name: "optionCsv",
         fn: V(() => [
-          G(t.$slots, "optionCsv", {}, void 0, !0)
+          p(t.$slots, "optionCsv", {}, void 0, !0)
         ]),
         key: "3"
       } : void 0,
       t.$slots.optionImg ? {
         name: "optionImg",
         fn: V(() => [
-          G(t.$slots, "optionImg", {}, void 0, !0)
+          p(t.$slots, "optionImg", {}, void 0, !0)
         ]),
         key: "4"
       } : void 0,
       t.$slots.optionTable ? {
         name: "optionTable",
         fn: V(() => [
-          G(t.$slots, "optionTable", {}, void 0, !0)
+          p(t.$slots, "optionTable", {}, void 0, !0)
         ]),
         key: "5"
       } : void 0,
       t.$slots.optionLabels ? {
         name: "optionLabels",
         fn: V(() => [
-          G(t.$slots, "optionLabels", {}, void 0, !0)
+          p(t.$slots, "optionLabels", {}, void 0, !0)
         ]),
         key: "6"
       } : void 0,
       t.$slots.optionStack ? {
         name: "optionStack",
         fn: V(() => [
-          G(t.$slots, "optionStack", {}, void 0, !0)
+          p(t.$slots, "optionStack", {}, void 0, !0)
         ]),
         key: "7"
       } : void 0,
       t.$slots.optionFullscreen ? {
         name: "optionFullscreen",
         fn: V(({ toggleFullscreen: l, isFullscreen: c }) => [
-          G(t.$slots, "optionFullscreen", Y(q({ toggleFullscreen: l, isFullscreen: c })), void 0, !0)
+          p(t.$slots, "optionFullscreen", Y(q({ toggleFullscreen: l, isFullscreen: c })), void 0, !0)
         ]),
         key: "8"
       } : void 0,
       t.$slots.optionAnnotator ? {
         name: "optionAnnotator",
         fn: V(({ toggleAnnotator: l, isAnnotator: c }) => [
-          G(t.$slots, "optionAnnotator", Y(q({ toggleAnnotator: l, isAnnotator: c })), void 0, !0)
+          p(t.$slots, "optionAnnotator", Y(q({ toggleAnnotator: l, isAnnotator: c })), void 0, !0)
         ]),
         key: "9"
       } : void 0
     ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasLabel", "hasTable", "hasStack", "hasFullscreen", "isStacked", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "onToggleFullscreen", "onGeneratePdf", "onGenerateCsv", "onGenerateImage", "onToggleTable", "onToggleLabels", "onToggleStack", "onToggleTooltip", "onToggleAnnotator", "style"])) : u("", !0),
-    e.isDataset ? (i(), a("svg", {
+    e.isDataset ? (a(), i("svg", {
       key: 4,
       ref: "svgRef",
       xmlns: "http://www.w3.org/2000/svg",
@@ -1420,8 +1424,8 @@ function pr(t, s, o, d, r, e) {
       role: "img",
       "aria-live": "polite"
     }, [
-      U(I),
-      t.$slots["chart-background"] ? (i(), a("foreignObject", {
+      U(S),
+      t.$slots["chart-background"] ? (a(), i("foreignObject", {
         key: 0,
         x: e.drawingArea.left + e.xPadding < 0 ? 0 : e.drawingArea.left + e.xPadding,
         y: e.drawingArea.top,
@@ -1431,11 +1435,11 @@ function pr(t, s, o, d, r, e) {
           pointerEvents: "none"
         }
       }, [
-        G(t.$slots, "chart-background", {}, void 0, !0)
+        p(t.$slots, "chart-background", {}, void 0, !0)
       ], 8, tt)) : u("", !0),
-      e.maxSeries > 0 ? (i(), a("g", lt, [
+      e.maxSeries > 0 ? (a(), i("g", lt, [
         f("g", rt, [
-          e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (i(), a("line", {
+          e.FINAL_CONFIG.chart.grid.labels.xAxis.showBaseline ? (a(), i("line", {
             key: 0,
             stroke: e.FINAL_CONFIG.chart.grid.stroke,
             "stroke-width": "1",
@@ -1445,9 +1449,9 @@ function pr(t, s, o, d, r, e) {
             y2: e.forceValidValue(e.drawingArea.bottom),
             "stroke-linecap": "round",
             style: { animation: "none !important" }
-          }, null, 8, it)) : u("", !0),
-          r.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (i(!0), a(g, { key: 2 }, N(e.allScales, (l) => (i(), a("g", null, [
-            l.id === r.selectedScale && l.yLabels.length ? (i(!0), a(g, { key: 0 }, N(l.yLabels, (c) => (i(), a("line", {
+          }, null, 8, at)) : u("", !0),
+          r.mutableConfig.useIndividualScale ? e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (a(!0), i(d, { key: 2 }, I(e.allScales, (l) => (a(), i("g", null, [
+            l.id === r.selectedScale && l.yLabels.length ? (a(!0), i(d, { key: 0 }, I(l.yLabels, (c) => (a(), i("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.forceValidValue(c.y),
@@ -1456,7 +1460,7 @@ function pr(t, s, o, d, r, e) {
               "stroke-width": 0.5,
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, ct))), 256)) : l.yLabels.length ? (i(!0), a(g, { key: 1 }, N(l.yLabels, (c) => (i(), a("line", {
+            }, null, 8, ct))), 256)) : l.yLabels.length ? (a(!0), i(d, { key: 1 }, I(l.yLabels, (c) => (a(), i("line", {
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.right - e.xPadding,
               y1: e.forceValidValue(c.y),
@@ -1466,8 +1470,8 @@ function pr(t, s, o, d, r, e) {
               "stroke-linecap": "round",
               style: { animation: "none !important" }
             }, null, 8, ot))), 256)) : u("", !0)
-          ]))), 256)) : u("", !0) : (i(), a(g, { key: 1 }, [
-            e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (i(), a("line", {
+          ]))), 256)) : u("", !0) : (a(), i(d, { key: 1 }, [
+            e.FINAL_CONFIG.chart.grid.labels.yAxis.showBaseline ? (a(), i("line", {
               key: 0,
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               "stroke-width": "1",
@@ -1477,9 +1481,9 @@ function pr(t, s, o, d, r, e) {
               y2: e.forceValidValue(e.drawingArea.bottom),
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, at)) : u("", !0),
-            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (i(), a("g", st, [
-              (i(!0), a(g, null, N(e.yLabels, (l) => (i(), a("line", {
+            }, null, 8, it)) : u("", !0),
+            e.FINAL_CONFIG.chart.grid.showHorizontalLines ? (a(), i("g", st, [
+              (a(!0), i(d, null, I(e.yLabels, (l) => (a(), i("line", {
                 x1: e.drawingArea.left + e.xPadding,
                 x2: e.drawingArea.right - e.xPadding,
                 y1: e.forceValidValue(l.y),
@@ -1491,8 +1495,8 @@ function pr(t, s, o, d, r, e) {
               }, null, 8, nt))), 256))
             ])) : u("", !0)
           ], 64)),
-          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (i(), a("g", ht, [
-            (i(!0), a(g, null, N(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (l, c) => (i(), a("line", {
+          e.FINAL_CONFIG.chart.grid.showVerticalLines ? (a(), i("g", ht, [
+            (a(!0), i(d, null, I(e.maxSeries + (e.FINAL_CONFIG.chart.grid.position === "middle" ? 1 : 0), (l, c) => (a(), i("line", {
               key: `grid_vertical_line_${c}`,
               x1: e.drawingArea.width / e.maxSeries * c + e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.width / e.maxSeries * c + e.drawingArea.left + e.xPadding,
@@ -1502,9 +1506,28 @@ function pr(t, s, o, d, r, e) {
               stroke: e.FINAL_CONFIG.chart.grid.stroke,
               style: { animation: "none !important" }
             }, null, 8, ut))), 128))
+          ])) : u("", !0),
+          e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (a(), i("g", dt, [
+            (a(!0), i(d, null, I(e.timeLabels, (l, c) => (a(), i("g", {
+              key: `time_label_${c}`
+            }, [
+              l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && r.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (a(), i(d, { key: 0 }, [
+                e.FINAL_CONFIG.chart.grid.labels.xAxis.showCrosshairs ? (a(), i("line", {
+                  key: 0,
+                  y1: e.drawingArea.bottom,
+                  y2: e.drawingArea.bottom + e.FINAL_CONFIG.chart.grid.labels.xAxis.crosshairSize,
+                  x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2,
+                  x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2,
+                  stroke: e.FINAL_CONFIG.chart.grid.stroke,
+                  "stroke-width": 1,
+                  "stroke-linecap": "round",
+                  style: { animation: "none !important " }
+                }, null, 8, gt)) : u("", !0)
+              ], 64)) : u("", !0)
+            ]))), 128))
           ])) : u("", !0)
         ]),
-        (i(!0), a(g, null, N(e.barSet, (l, c) => (i(), a("defs", {
+        (a(!0), i(d, null, I(e.barSet, (l, c) => (a(), i("defs", {
           key: `def_rect_${c}`
         }, [
           f("linearGradient", {
@@ -1515,16 +1538,16 @@ function pr(t, s, o, d, r, e) {
             f("stop", {
               offset: "0%",
               "stop-color": l.color
-            }, null, 8, gt),
+            }, null, 8, It),
             f("stop", {
               offset: "62%",
               "stop-color": `${e.shiftHue(l.color, 0.02)}`
-            }, null, 8, ft),
+            }, null, 8, Nt),
             f("stop", {
               offset: "100%",
               "stop-color": `${e.shiftHue(l.color, 0.05)}`
-            }, null, 8, It)
-          ], 8, dt),
+            }, null, 8, xt)
+          ], 8, ft),
           f("linearGradient", {
             id: `rectGradient_neg_${c}_${r.uniqueId}`,
             x2: "0%",
@@ -1533,18 +1556,18 @@ function pr(t, s, o, d, r, e) {
             f("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(l.color, 0.05)}`
-            }, null, 8, mt),
+            }, null, 8, bt),
             f("stop", {
               offset: "38%",
               "stop-color": `${e.shiftHue(l.color, 0.02)}`
-            }, null, 8, xt),
+            }, null, 8, Ft),
             f("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, bt)
-          ], 8, Nt)
+            }, null, 8, _t)
+          ], 8, mt)
         ]))), 128)),
-        (i(!0), a(g, null, N(e.plotSet, (l, c) => (i(), a("defs", {
+        (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i("defs", {
           key: `def_plot_${c}`
         }, [
           f("radialGradient", {
@@ -1558,14 +1581,14 @@ function pr(t, s, o, d, r, e) {
             f("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(l.color, 0.05)}`
-            }, null, 8, _t),
+            }, null, 8, At),
             f("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, yt)
-          ], 8, Ft)
+            }, null, 8, Lt)
+          ], 8, yt)
         ]))), 128)),
-        (i(!0), a(g, null, N(e.lineSet, (l, c) => (i(), a("defs", {
+        (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i("defs", {
           key: `def_line_${c}`
         }, [
           f("radialGradient", {
@@ -1579,12 +1602,12 @@ function pr(t, s, o, d, r, e) {
             f("stop", {
               offset: "0%",
               "stop-color": `${e.shiftHue(l.color, 0.05)}`
-            }, null, 8, Lt),
+            }, null, 8, St),
             f("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, Ct)
-          ], 8, At),
+            }, null, 8, kt)
+          ], 8, Ct),
           f("linearGradient", {
             id: `areaGradient_${c}_${r.uniqueId}`,
             x1: "0%",
@@ -1595,29 +1618,29 @@ function pr(t, s, o, d, r, e) {
             f("stop", {
               offset: "0%",
               "stop-color": `${e.setOpacity(e.shiftHue(l.color, 0.03), e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, kt),
+            }, null, 8, Ot),
             f("stop", {
               offset: "100%",
               "stop-color": `${e.setOpacity(l.color, e.FINAL_CONFIG.line.area.opacity)}`
-            }, null, 8, wt)
-          ], 8, St)
+            }, null, 8, Gt)
+          ], 8, wt)
         ]))), 128)),
-        (i(!0), a(g, null, N(e.highlightAreas, (l) => (i(), a("g", null, [
-          l.show ? (i(!0), a(g, { key: 0 }, N(l.span, (c, n) => (i(), a("g", null, [
+        (a(!0), i(d, null, I(e.highlightAreas, (l) => (a(), i("g", null, [
+          l.show ? (a(!0), i(d, { key: 0 }, I(l.span, (c, s) => (a(), i("g", null, [
             f("rect", {
               style: y({
                 transition: "none",
-                opacity: l.from + n >= r.slicer.start && l.from + n <= r.slicer.end - 1 ? 1 : 0
+                opacity: l.from + s >= r.slicer.start && l.from + s <= r.slicer.end - 1 ? 1 : 0
               }),
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (l.from + n - r.slicer.start),
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (l.from + s - r.slicer.start),
               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: e.setOpacity(l.color, l.opacity)
-            }, null, 12, Ot),
-            l.caption.text && n === 0 ? (i(), a("foreignObject", {
+            }, null, 12, vt),
+            l.caption.text && s === 0 ? (a(), i("foreignObject", {
               key: 0,
-              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (l.from + n - r.slicer.start) - (l.caption.width === "auto" ? 0 : l.caption.width / 2 - e.drawingArea.width / e.maxSeries * l.span / 2),
+              x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * (l.from + s - r.slicer.start) - (l.caption.width === "auto" ? 0 : l.caption.width / 2 - e.drawingArea.width / e.maxSeries * l.span / 2),
               y: e.drawingArea.top + l.caption.offsetY,
               style: y({
                 overflow: "visible",
@@ -1629,11 +1652,11 @@ function pr(t, s, o, d, r, e) {
               f("div", {
                 style: y(`padding:${l.caption.padding}px;text-align:${l.caption.textAlign};font-size:${l.caption.fontSize}px;color:${l.caption.color};font-weight:${l.caption.bold ? "bold" : "normal"}`)
               }, T(l.caption.text), 5)
-            ], 12, Gt)) : u("", !0)
+            ], 12, pt)) : u("", !0)
           ]))), 256)) : u("", !0)
         ]))), 256)),
         f("g", null, [
-          (i(!0), a(g, null, N(e.maxSeries, (l, c) => (i(), a("g", {
+          (a(!0), i(d, null, I(e.maxSeries, (l, c) => (a(), i("g", {
             key: `tooltip_trap_highlighter_${c}`
           }, [
             f("rect", {
@@ -1642,53 +1665,53 @@ function pr(t, s, o, d, r, e) {
               height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
               width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
               fill: [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(c) ? e.setOpacity(e.FINAL_CONFIG.chart.highlighter.color, e.FINAL_CONFIG.chart.highlighter.opacity) : "transparent"
-            }, null, 8, vt)
+            }, null, 8, Mt)
           ]))), 128))
         ]),
-        e.barSet.length ? (i(!0), a(g, { key: 0 }, N(e.barSet, (l, c) => (i(), a("g", {
+        e.barSet.length ? (a(!0), i(d, { key: 0 }, I(e.barSet, (l, c) => (a(), i("g", {
           key: `serie_bar_${c}`,
           class: E(`serie_bar_${c}`),
           style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a("g", {
+          (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i("g", {
             key: `bar_plot_${c}_${h}`
           }, [
-            e.canShowValue(n.value) ? (i(), a("rect", {
+            e.canShowValue(s.value) ? (a(), i("rect", {
               key: 0,
-              x: e.calcRectX(n),
-              y: r.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
-              height: r.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
+              x: e.calcRectX(s),
+              y: r.mutableConfig.useIndividualScale ? e.calcIndividualRectY(s) : e.calcRectY(s),
+              height: r.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(s)) : Math.abs(e.calcRectHeight(s)),
               width: e.calcRectWidth() - (r.mutableConfig.useIndividualScale && r.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (r.mutableConfig.useIndividualScale && r.mutableConfig.isStacked ? 0 : e.barPeriodGap),
               rx: e.FINAL_CONFIG.bar.borderRadius,
-              fill: e.FINAL_CONFIG.bar.useGradient ? n.value >= 0 ? `url(#rectGradient_pos_${c}_${r.uniqueId})` : `url(#rectGradient_neg_${c}_${r.uniqueId})` : l.color,
+              fill: e.FINAL_CONFIG.bar.useGradient ? s.value >= 0 ? `url(#rectGradient_pos_${c}_${r.uniqueId})` : `url(#rectGradient_neg_${c}_${r.uniqueId})` : l.color,
               stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? l.color : e.FINAL_CONFIG.bar.border.stroke,
               "stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
-            }, null, 8, pt)) : u("", !0),
-            e.canShowValue(n.value) && t.$slots.pattern ? (i(), a("rect", {
+            }, null, 8, zt)) : u("", !0),
+            e.canShowValue(s.value) && t.$slots.pattern ? (a(), i("rect", {
               key: 1,
-              x: e.calcRectX(n),
-              y: r.mutableConfig.useIndividualScale ? e.calcIndividualRectY(n) : e.calcRectY(n),
-              height: r.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(n)) : Math.abs(e.calcRectHeight(n)),
+              x: e.calcRectX(s),
+              y: r.mutableConfig.useIndividualScale ? e.calcIndividualRectY(s) : e.calcRectY(s),
+              height: r.mutableConfig.useIndividualScale ? Math.abs(e.calcIndividualHeight(s)) : Math.abs(e.calcRectHeight(s)),
               width: e.calcRectWidth() - (r.mutableConfig.useIndividualScale && r.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (r.mutableConfig.useIndividualScale && r.mutableConfig.isStacked ? 0 : e.barPeriodGap),
               rx: e.FINAL_CONFIG.bar.borderRadius,
               fill: `url(#pattern_${r.uniqueId}_${l.slotAbsoluteIndex})`,
               stroke: e.FINAL_CONFIG.bar.border.useSerieColor ? l.color : e.FINAL_CONFIG.bar.border.stroke,
               "stroke-width": e.FINAL_CONFIG.bar.border.strokeWidth
-            }, null, 8, Mt)) : u("", !0),
-            n.comment && e.FINAL_CONFIG.chart.comments.show ? (i(), a("foreignObject", {
+            }, null, 8, Tt)) : u("", !0),
+            s.comment && e.FINAL_CONFIG.chart.comments.show ? (a(), i("foreignObject", {
               key: 2,
               style: { overflow: "visible" },
               height: "12",
               width: (e.calcRectWidth() - (r.mutableConfig.useIndividualScale && r.mutableConfig.isStacked ? 0 : e.barPeriodGap) < 0 ? 1e-5 : e.calcRectWidth() - (r.mutableConfig.useIndividualScale && r.mutableConfig.isStacked ? 0 : e.barPeriodGap) / 2) + e.FINAL_CONFIG.chart.comments.width,
-              x: e.calcRectX(n) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: e.checkNaN(n.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
+              x: e.calcRectX(s) - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
+              y: e.checkNaN(s.y) + e.FINAL_CONFIG.chart.comments.offsetY + 6
             }, [
-              G(t.$slots, "plot-comment", {
-                plot: { ...n, color: l.color, seriesIndex: c, datapointIndex: h }
+              p(t.$slots, "plot-comment", {
+                plot: { ...s, color: l.color, seriesIndex: c, datapointIndex: h }
               }, void 0, !0)
-            ], 8, zt)) : u("", !0)
+            ], 8, Pt)) : u("", !0)
           ]))), 128)),
-          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (i(), a("g", Tt, [
+          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (a(), i("g", Vt, [
             f("defs", null, [
               f("marker", {
                 id: `bar_arrow_${c}`,
@@ -1701,10 +1724,10 @@ function pr(t, s, o, d, r, e) {
                 f("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: l.color
-                }, null, 8, Vt)
-              ], 8, Pt)
+                }, null, 8, Ht)
+              ], 8, Rt)
             ]),
-            l.plots.length > 1 ? (i(), a("line", {
+            l.plots.length > 1 ? (a(), i("line", {
               key: 0,
               x1: e.calcLinearProgression(l.plots).x1 + e.calcRectWidth(),
               x2: e.calcLinearProgression(l.plots).x2 + e.calcRectWidth(),
@@ -1714,8 +1737,8 @@ function pr(t, s, o, d, r, e) {
               stroke: l.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#bar_arrow_${c})`
-            }, null, 8, Rt)) : u("", !0),
-            l.plots.length > 1 ? (i(), a("text", {
+            }, null, 8, Dt)) : u("", !0),
+            l.plots.length > 1 ? (a(), i("text", {
               key: 1,
               "text-anchor": "middle",
               x: e.calcLinearProgression(l.plots).x2 + e.calcRectWidth(),
@@ -1726,10 +1749,10 @@ function pr(t, s, o, d, r, e) {
               v: e.calcLinearProgression(l.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Ht)) : u("", !0)
+            })), 9, Wt)) : u("", !0)
           ])) : u("", !0)
         ], 6))), 128)) : u("", !0),
-        !r.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (i(), a("line", {
+        !r.mutableConfig.useIndividualScale && e.FINAL_CONFIG.chart.grid.labels.zeroLine.show ? (a(), i("line", {
           key: 1,
           stroke: e.FINAL_CONFIG.chart.grid.stroke,
           "stroke-width": "1",
@@ -1739,8 +1762,8 @@ function pr(t, s, o, d, r, e) {
           y2: e.forceValidValue(e.zero),
           "stroke-linecap": "round",
           style: { animation: "none !important" }
-        }, null, 8, Dt)) : u("", !0),
-        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(r.selectedSerieIndex) || ![null, void 0].includes(r.selectedMinimapIndex)) ? (i(), a("g", Bt, [
+        }, null, 8, Bt)) : u("", !0),
+        e.FINAL_CONFIG.chart.highlighter.useLine && (![null, void 0].includes(r.selectedSerieIndex) || ![null, void 0].includes(r.selectedMinimapIndex)) ? (a(), i("g", Et, [
           f("line", {
             x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)) + e.drawingArea.width / e.maxSeries / 2,
             x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)) + e.drawingArea.width / e.maxSeries / 2,
@@ -1751,9 +1774,9 @@ function pr(t, s, o, d, r, e) {
             "stroke-dasharray": e.FINAL_CONFIG.chart.highlighter.lineDasharray,
             "stroke-linecap": "round",
             style: { transition: "none !important", animation: "none !important", "pointer-events": "none" }
-          }, null, 8, Wt)
+          }, null, 8, Yt)
         ])) : u("", !0),
-        e.FINAL_CONFIG.chart.grid.frame.show ? (i(), a("rect", {
+        e.FINAL_CONFIG.chart.grid.frame.show ? (a(), i("rect", {
           key: 3,
           style: { pointerEvents: "none", transition: "none", animation: "none !important" },
           x: e.drawingArea.left + e.xPadding < 0 ? 0 : e.drawingArea.left + e.xPadding,
@@ -1766,10 +1789,10 @@ function pr(t, s, o, d, r, 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, Et)) : u("", !0),
-        e.FINAL_CONFIG.chart.grid.labels.show ? (i(), a("g", Yt, [
-          r.mutableConfig.useIndividualScale ? (i(), a(g, { key: 0 }, [
-            (i(!0), a(g, null, N(e.allScales, (l) => (i(), a("g", null, [
+        }, null, 8, qt)) : u("", !0),
+        e.FINAL_CONFIG.chart.grid.labels.show ? (a(), i("g", Xt, [
+          r.mutableConfig.useIndividualScale ? (a(), i(d, { key: 0 }, [
+            (a(!0), i(d, null, I(e.allScales, (l) => (a(), i("g", null, [
               f("line", {
                 x1: l.x + e.xPadding,
                 x2: l.x + e.xPadding,
@@ -1779,9 +1802,9 @@ function pr(t, s, o, d, r, e) {
                 "stroke-width": e.FINAL_CONFIG.chart.grid.stroke,
                 "stroke-linecap": "round",
                 style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out; animation: none !important`)
-              }, null, 12, qt)
+              }, null, 12, Ut)
             ]))), 256)),
-            (i(!0), a(g, null, N(e.allScales, (l) => (i(), a("g", {
+            (a(!0), i(d, null, I(e.allScales, (l) => (a(), i("g", {
               style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.3 : 1};transition:opacity 0.2s ease-in-out`)
             }, [
               f("text", {
@@ -1789,9 +1812,9 @@ function pr(t, s, o, d, r, e) {
                 "font-size": r.fontSizes.dataLabels,
                 "text-anchor": "middle",
                 transform: `translate(${l.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + 5 + e.xPadding + e.FINAL_CONFIG.chart.grid.labels.yAxis.scaleLabelOffsetX}, ${r.mutableConfig.isStacked ? e.drawingArea.bottom - l.yOffset - l.individualHeight / 2 : e.drawingArea.top + e.drawingArea.height / 2}) rotate(-90)`
-              }, T(l.name) + " " + T(l.scaleLabel && l.unique && l.scaleLabel !== l.id ? `- ${l.scaleLabel}` : ""), 9, Xt),
-              (i(!0), a(g, null, N(l.yLabels, (c, n) => (i(), a(g, null, [
-                e.FINAL_CONFIG.chart.grid.labels.yAxis.showCrosshairs ? (i(), a("line", {
+              }, T(l.name) + " " + T(l.scaleLabel && l.unique && l.scaleLabel !== l.id ? `- ${l.scaleLabel}` : ""), 9, Zt),
+              (a(!0), i(d, null, I(l.yLabels, (c, s) => (a(), i(d, null, [
+                e.FINAL_CONFIG.chart.grid.labels.yAxis.showCrosshairs ? (a(), i("line", {
                   key: 0,
                   x1: l.x + 3 + e.xPadding - e.FINAL_CONFIG.chart.grid.labels.yAxis.crosshairSize,
                   x2: l.x + e.xPadding,
@@ -1801,9 +1824,9 @@ function pr(t, s, o, d, r, e) {
                   "stroke-width": 1,
                   "stroke-linecap": "round",
                   style: { animation: "none !important" }
-                }, null, 8, Ut)) : u("", !0)
+                }, null, 8, Jt)) : u("", !0)
               ], 64))), 256)),
-              (i(!0), a(g, null, N(l.yLabels, (c, n) => (i(), a("text", {
+              (a(!0), i(d, null, I(l.yLabels, (c, s) => (a(), i("text", {
                 x: l.x - 5 + e.xPadding + e.FINAL_CONFIG.chart.grid.labels.yAxis.scaleValueOffsetX,
                 y: e.forceValidValue(c.y) + r.fontSizes.dataLabels / 3,
                 "font-size": r.fontSizes.dataLabels,
@@ -1818,13 +1841,13 @@ function pr(t, s, o, d, r, e) {
                   s: c.suffix,
                   r: 1
                 }),
-                { datapoint: c.datapoint, seriesIndex: n }
-              )), 9, Zt))), 256))
+                { datapoint: c.datapoint, seriesIndex: s }
+              )), 9, Kt))), 256))
             ], 4))), 256))
-          ], 64)) : (i(!0), a(g, { key: 1 }, N(e.yLabels, (l, c) => (i(), a("g", {
+          ], 64)) : (a(!0), i(d, { key: 1 }, I(e.yLabels, (l, c) => (a(), i("g", {
             key: `yLabel_${c}`
           }, [
-            e.canShowValue(l) && l.value >= e.niceScale.min && l.value <= e.niceScale.max && e.FINAL_CONFIG.chart.grid.labels.yAxis.showCrosshairs ? (i(), a("line", {
+            e.canShowValue(l) && l.value >= e.niceScale.min && l.value <= e.niceScale.max && e.FINAL_CONFIG.chart.grid.labels.yAxis.showCrosshairs ? (a(), i("line", {
               key: 0,
               x1: e.drawingArea.left + e.xPadding,
               x2: e.drawingArea.left - e.FINAL_CONFIG.chart.grid.labels.yAxis.crosshairSize + e.xPadding,
@@ -1834,8 +1857,8 @@ function pr(t, s, o, d, r, e) {
               "stroke-width": "1",
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, Jt)) : u("", !0),
-            l.value >= e.niceScale.min && l.value <= e.niceScale.max ? (i(), a("text", {
+            }, null, 8, Qt)) : u("", !0),
+            l.value >= e.niceScale.min && l.value <= e.niceScale.max ? (a(), i("text", {
               key: 1,
               x: e.drawingArea.left - 7 + e.xPadding,
               y: e.checkNaN(l.y + r.fontSizes.dataLabels / 3),
@@ -1851,42 +1874,42 @@ function pr(t, s, o, d, r, e) {
                 s: l.suffix,
                 r: 1
               })
-            ) : ""), 9, Kt)) : u("", !0)
+            ) : ""), 9, jt)) : u("", !0)
           ]))), 128))
         ])) : u("", !0),
-        (i(!0), a(g, null, N(e.plotSet, (l, c) => (i(), a("g", {
+        (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i("g", {
           key: `serie_plot_${c}`,
           class: E(`serie_plot_${c}`),
           style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a("g", {
+          (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i("g", {
             key: `circle_plot_${c}_${h}`
           }, [
-            n && e.canShowValue(n.value) ? (i(), B(v, {
+            s && e.canShowValue(s.value) ? (a(), W(k, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(l.shape) ? l.shape : "circle",
               color: e.FINAL_CONFIG.plot.useGradient ? `url(#plotGradient_${c}_${r.uniqueId})` : e.FINAL_CONFIG.plot.dot.useSerieColor ? l.color : e.FINAL_CONFIG.plot.dot.fill,
-              plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
+              plot: { x: e.checkNaN(s.x), y: e.checkNaN(s.y) },
               radius: r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h ? (r.plotRadii.plot || 6) * 1.5 : r.plotRadii.plot || 6,
               stroke: e.FINAL_CONFIG.plot.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : l.color,
               strokeWidth: e.FINAL_CONFIG.plot.dot.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : u("", !0),
-            n.comment && e.FINAL_CONFIG.chart.comments.show ? (i(), a("foreignObject", {
+            s.comment && e.FINAL_CONFIG.chart.comments.show ? (a(), i("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
               height: "12",
               width: e.FINAL_CONFIG.chart.comments.width,
-              x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
+              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
             }, [
-              f("div", jt, [
-                G(t.$slots, "plot-comment", {
-                  plot: { ...n, color: l.color, seriesIndex: c, datapointIndex: h }
+              f("div", el, [
+                p(t.$slots, "plot-comment", {
+                  plot: { ...s, color: l.color, seriesIndex: c, datapointIndex: h }
                 }, void 0, !0)
               ])
-            ], 8, Qt)) : u("", !0)
+            ], 8, $t)) : u("", !0)
           ]))), 128)),
-          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (i(), a("g", $t, [
+          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (a(), i("g", tl, [
             f("defs", null, [
               f("marker", {
                 id: `plot_arrow_${c}`,
@@ -1899,10 +1922,10 @@ function pr(t, s, o, d, r, e) {
                 f("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: l.color
-                }, null, 8, tl)
-              ], 8, el)
+                }, null, 8, rl)
+              ], 8, ll)
             ]),
-            l.plots.length > 1 ? (i(), a("line", {
+            l.plots.length > 1 ? (a(), i("line", {
               key: 0,
               x1: e.calcLinearProgression(l.plots).x1,
               x2: e.calcLinearProgression(l.plots).x2,
@@ -1912,8 +1935,8 @@ function pr(t, s, o, d, r, e) {
               stroke: l.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#plot_arrow_${c})`
-            }, null, 8, ll)) : u("", !0),
-            l.plots.length > 1 ? (i(), a("text", {
+            }, null, 8, al)) : u("", !0),
+            l.plots.length > 1 ? (a(), i("text", {
               key: 1,
               "text-anchor": "middle",
               x: e.calcLinearProgression(l.plots).x2,
@@ -1924,22 +1947,22 @@ function pr(t, s, o, d, r, e) {
               v: e.calcLinearProgression(l.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, rl)) : u("", !0)
+            })), 9, il)) : u("", !0)
           ])) : u("", !0)
         ], 6))), 128)),
-        (i(!0), a(g, null, N(e.lineSet, (l, c) => (i(), a("g", {
+        (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i("g", {
           key: `serie_line_${c}`,
           class: E(`serie_line_${c}`),
           style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          l.smooth && l.plots.length > 1 ? (i(), a("path", {
+          l.smooth && l.plots.length > 1 ? (a(), i("path", {
             key: 0,
             d: `M${l.curve}`,
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             "stroke-width": e.FINAL_CONFIG.line.strokeWidth + 1,
             "stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none"
-          }, null, 8, il)) : l.plots.length > 1 ? (i(), a("path", {
+          }, null, 8, sl)) : l.plots.length > 1 ? (a(), i("path", {
             key: 1,
             d: `M${l.straight}`,
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
@@ -1948,42 +1971,42 @@ function pr(t, s, o, d, r, e) {
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, al)) : u("", !0)
+          }, null, 8, nl)) : u("", !0)
         ], 6))), 128)),
-        t.$slots.pattern ? (i(), a("defs", sl, [
-          (i(!0), a(g, null, N(e.safeDataset, (l, c) => G(t.$slots, "pattern", K({
+        t.$slots.pattern ? (a(), i("defs", cl, [
+          (a(!0), i(d, null, I(e.safeDataset, (l, c) => p(t.$slots, "pattern", K({
             key: `serie_pattern_slot_${c}`
           }, { ref_for: !0 }, { ...l, seriesIndex: l.slotAbsoluteIndex, patternId: `pattern_${r.uniqueId}_${c}` }), void 0, !0)), 128))
         ])) : u("", !0),
-        (i(!0), a(g, null, N(e.lineSet, (l, c) => (i(), a("g", {
+        (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i("g", {
           key: `serie_line_${c}`,
           class: E(`serie_line_${c}`),
           style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
         }, [
-          l.useArea && l.plots.length > 1 ? (i(), a("g", nl, [
-            l.smooth ? (i(!0), a(g, { key: 0 }, N(l.curveAreas, (n, h) => (i(), a(g, { key: h }, [
+          l.useArea && l.plots.length > 1 ? (a(), i("g", ol, [
+            l.smooth ? (a(!0), i(d, { key: 0 }, I(l.curveAreas, (s, h) => (a(), i(d, { key: h }, [
               f("path", {
-                d: n,
+                d: s,
                 fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${r.uniqueId})` : e.setOpacity(l.color, e.FINAL_CONFIG.line.area.opacity)
-              }, null, 8, cl),
-              t.$slots.pattern ? (i(), a("path", {
+              }, null, 8, hl),
+              t.$slots.pattern ? (a(), i("path", {
                 key: 0,
-                d: n,
+                d: s,
                 fill: `url(#pattern_${r.uniqueId}_${l.slotAbsoluteIndex})`
-              }, null, 8, ol)) : u("", !0)
-            ], 64))), 128)) : (i(!0), a(g, { key: 1 }, N(l.area.split(";"), (n, h) => (i(), a(g, { key: h }, [
+              }, null, 8, ul)) : u("", !0)
+            ], 64))), 128)) : (a(!0), i(d, { key: 1 }, I(l.area.split(";"), (s, h) => (a(), i(d, { key: h }, [
               f("path", {
-                d: `M${n}Z`,
+                d: `M${s}Z`,
                 fill: e.FINAL_CONFIG.line.area.useGradient ? `url(#areaGradient_${c}_${r.uniqueId})` : e.setOpacity(l.color, e.FINAL_CONFIG.line.area.opacity)
-              }, null, 8, hl),
-              t.$slots.pattern ? (i(), a("path", {
+              }, null, 8, dl),
+              t.$slots.pattern ? (a(), i("path", {
                 key: 0,
-                d: `M${n}Z`,
+                d: `M${s}Z`,
                 fill: `url(#pattern_${r.uniqueId}_${l.slotAbsoluteIndex})`
-              }, null, 8, ul)) : u("", !0)
+              }, null, 8, gl)) : u("", !0)
             ], 64))), 128))
           ])) : u("", !0),
-          l.smooth && l.plots.length > 1 ? (i(), a("path", {
+          l.smooth && l.plots.length > 1 ? (a(), i("path", {
             key: 1,
             d: `M${l.curve}`,
             stroke: l.color,
@@ -1991,7 +2014,7 @@ function pr(t, s, o, d, r, e) {
             "stroke-dasharray": l.dashed ? e.FINAL_CONFIG.line.strokeWidth * 2 : 0,
             fill: "none",
             "stroke-linecap": "round"
-          }, null, 8, dl)) : l.plots.length > 1 ? (i(), a("path", {
+          }, null, 8, fl)) : l.plots.length > 1 ? (a(), i("path", {
             key: 2,
             d: `M${l.straight}`,
             stroke: l.color,
@@ -2000,35 +2023,35 @@ function pr(t, s, o, d, r, e) {
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, gl)) : u("", !0),
-          (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a(g, {
+          }, null, 8, Il)) : u("", !0),
+          (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
             key: `circle_line_${c}_${h}`
           }, [
-            !e.optimize.linePlot && n && e.canShowValue(n.value) || e.optimize.linePlot && n && e.canShowValue(n.value) && (r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h) ? (i(), B(v, {
+            !e.optimize.linePlot && s && e.canShowValue(s.value) || e.optimize.linePlot && s && e.canShowValue(s.value) && (r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h) ? (a(), W(k, {
               key: 0,
               shape: ["triangle", "square", "diamond", "pentagon", "hexagon", "star"].includes(l.shape) ? l.shape : "circle",
               color: e.FINAL_CONFIG.line.useGradient ? `url(#lineGradient_${c}_${r.uniqueId})` : e.FINAL_CONFIG.line.dot.useSerieColor ? l.color : e.FINAL_CONFIG.line.dot.fill,
-              plot: { x: e.checkNaN(n.x), y: e.checkNaN(n.y) },
+              plot: { x: e.checkNaN(s.x), y: e.checkNaN(s.y) },
               radius: r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h ? (r.plotRadii.line || 6) * 1.5 : r.plotRadii.line || 6,
               stroke: e.FINAL_CONFIG.line.dot.useSerieColor ? e.FINAL_CONFIG.chart.backgroundColor : l.color,
               strokeWidth: e.FINAL_CONFIG.line.dot.strokeWidth
             }, null, 8, ["shape", "color", "plot", "radius", "stroke", "strokeWidth"])) : u("", !0),
-            n.comment && e.FINAL_CONFIG.chart.comments.show ? (i(), a("foreignObject", {
+            s.comment && e.FINAL_CONFIG.chart.comments.show ? (a(), i("foreignObject", {
               key: 1,
               style: { overflow: "visible" },
               height: "12",
               width: e.FINAL_CONFIG.chart.comments.width,
-              x: n.x - e.FINAL_CONFIG.chart.comments.width / 2 + e.FINAL_CONFIG.chart.comments.offsetX,
-              y: n.y + e.FINAL_CONFIG.chart.comments.offsetY + 6
+              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
             }, [
-              f("div", Il, [
-                G(t.$slots, "plot-comment", {
-                  plot: { ...n, color: l.color, seriesIndex: c, datapointIndex: h }
+              f("div", xl, [
+                p(t.$slots, "plot-comment", {
+                  plot: { ...s, color: l.color, seriesIndex: c, datapointIndex: h }
                 }, void 0, !0)
               ])
-            ], 8, fl)) : u("", !0)
+            ], 8, Nl)) : u("", !0)
           ], 64))), 128)),
-          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (i(), a("g", Nl, [
+          Object.hasOwn(l, "useProgression") && l.useProgression === !0 && !isNaN(e.calcLinearProgression(l.plots).trend) ? (a(), i("g", ml, [
             f("defs", null, [
               f("marker", {
                 id: `line_arrow_${c}`,
@@ -2041,10 +2064,10 @@ function pr(t, s, o, d, r, e) {
                 f("polygon", {
                   points: `0 0, 7 ${7 / 2}, 0 7`,
                   fill: l.color
-                }, null, 8, xl)
-              ], 8, ml)
+                }, null, 8, Fl)
+              ], 8, bl)
             ]),
-            l.plots.length > 1 ? (i(), a("line", {
+            l.plots.length > 1 ? (a(), i("line", {
               key: 0,
               x1: e.calcLinearProgression(l.plots).x1,
               x2: e.calcLinearProgression(l.plots).x2,
@@ -2054,8 +2077,8 @@ function pr(t, s, o, d, r, e) {
               stroke: l.color,
               "stroke-dasharray": 2,
               "marker-end": `url(#line_arrow_${c})`
-            }, null, 8, bl)) : u("", !0),
-            l.plots.length > 1 ? (i(), a("text", {
+            }, null, 8, _l)) : u("", !0),
+            l.plots.length > 1 ? (a(), i("text", {
               key: 1,
               "text-anchor": "middle",
               x: e.calcLinearProgression(l.plots).x2,
@@ -2066,107 +2089,107 @@ function pr(t, s, o, d, r, e) {
               v: e.calcLinearProgression(l.plots).trend * 100,
               s: "%",
               r: 2
-            })), 9, Fl)) : u("", !0)
+            })), 9, yl)) : u("", !0)
           ])) : u("", !0)
         ], 6))), 128)),
-        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && r.mutableConfig.dataLabels.show ? (i(), a("g", _l, [
-          (i(!0), a(g, null, N(e.barSet, (l, c) => (i(), a(g, {
+        (e.FINAL_CONFIG.bar.labels.show || e.FINAL_CONFIG.bar.serieName.show) && r.mutableConfig.dataLabels.show ? (a(), i("g", Al, [
+          (a(!0), i(d, null, I(e.barSet, (l, c) => (a(), i(d, {
             key: `xLabel_bar_${c}`
           }, [
-            (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a(g, {
+            (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
               key: `xLabel_bar_${c}_${h}`
             }, [
-              n && (!Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h) && e.FINAL_CONFIG.bar.labels.show ? (i(), a("text", {
+              s && (!Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h) && e.FINAL_CONFIG.bar.labels.show ? (a(), i("text", {
                 key: 0,
-                x: r.mutableConfig.useIndividualScale && r.mutableConfig.isStacked ? n.x + e.slot.line / 2 : e.calcRectX(n) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
-                y: e.checkNaN(n.y) + (n.value >= 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
+                x: r.mutableConfig.useIndividualScale && r.mutableConfig.isStacked ? s.x + e.slot.line / 2 : e.calcRectX(s) + e.calcRectWidth() / 2 - e.barPeriodGap / 2,
+                y: e.checkNaN(s.y) + (s.value >= 0 ? e.FINAL_CONFIG.bar.labels.offsetY : -e.FINAL_CONFIG.bar.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": r.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.labels.color,
                 style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-              }, T(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, T(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.bar.labels.formatter,
-                n.value,
+                s.value,
                 e.dataLabel({
                   p: l.prefix || e.FINAL_CONFIG.chart.labels.prefix,
-                  v: n.value,
+                  v: s.value,
                   s: l.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.bar.labels.rounding
                 }),
                 {
-                  datapoint: n,
+                  datapoint: s,
                   serie: l
                 }
-              ) : ""), 13, yl)) : u("", !0),
-              n && e.FINAL_CONFIG.bar.serieName.show ? (i(), a("text", {
+              ) : ""), 13, Ll)) : u("", !0),
+              s && e.FINAL_CONFIG.bar.serieName.show ? (a(), i("text", {
                 key: 1,
-                x: r.mutableConfig.useIndividualScale && r.mutableConfig.isStacked ? n.x + e.slot.line / 2 : n.x + e.calcRectWidth() * 1.1,
-                y: n.y + (n.value > 0 ? e.FINAL_CONFIG.bar.serieName.offsetY : -e.FINAL_CONFIG.bar.serieName.offsetY * 3),
+                x: r.mutableConfig.useIndividualScale && r.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),
                 "text-anchor": "middle",
                 "font-size": r.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.bar.serieName.useSerieColor ? l.color : e.FINAL_CONFIG.bar.serieName.color,
                 "font-weight": e.FINAL_CONFIG.bar.serieName.bold ? "bold" : "normal",
                 style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-              }, T(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: l.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : l.name), 13, Al)) : u("", !0)
+              }, T(e.FINAL_CONFIG.bar.serieName.useAbbreviation ? e.abbreviate({ source: l.name, length: e.FINAL_CONFIG.bar.serieName.abbreviationSize }) : l.name), 13, Cl)) : u("", !0)
             ], 64))), 128))
           ], 64))), 128))
         ])) : u("", !0),
-        e.FINAL_CONFIG.plot.labels.show && r.mutableConfig.dataLabels.show ? (i(), a("g", Ll, [
-          (i(!0), a(g, null, N(e.plotSet, (l, c) => (i(), a(g, {
+        e.FINAL_CONFIG.plot.labels.show && r.mutableConfig.dataLabels.show ? (a(), i("g", Sl, [
+          (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i(d, {
             key: `xLabel_plot_${c}`
           }, [
-            (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a(g, {
+            (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
               key: `xLabel_plot_${c}_${h}`
             }, [
-              n && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h ? (i(), a("text", {
+              s && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h ? (a(), i("text", {
                 key: 0,
-                x: n.x,
-                y: n.y + e.FINAL_CONFIG.plot.labels.offsetY,
+                x: s.x,
+                y: s.y + e.FINAL_CONFIG.plot.labels.offsetY,
                 "text-anchor": "middle",
                 "font-size": r.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.plot.labels.color,
                 style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-              }, T(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, T(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.plot.labels.formatter,
-                n.value,
+                s.value,
                 e.dataLabel({
                   p: l.prefix || e.FINAL_CONFIG.chart.labels.prefix,
-                  v: n.value,
+                  v: s.value,
                   s: l.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.plot.labels.rounding
                 }),
                 {
-                  datapoint: n,
+                  datapoint: s,
                   serie: l
                 }
-              ) : ""), 13, Cl)) : u("", !0)
+              ) : ""), 13, kl)) : u("", !0)
             ], 64))), 128))
           ], 64))), 128))
-        ])) : (i(), a("g", Sl, [
-          (i(!0), a(g, null, N(e.plotSet, (l, c) => (i(), a(g, {
+        ])) : (a(), i("g", wl, [
+          (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i(d, {
             key: `xLabel_plot_${c}`
           }, [
-            (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a(g, {
+            (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
               key: `xLabel_plot_${c}_${h}`
             }, [
-              e.FINAL_CONFIG.plot.tag.followValue ? (i(), a(g, { key: 1 }, [
-                [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag ? (i(), a("line", {
+              e.FINAL_CONFIG.plot.tag.followValue ? (a(), i(d, { key: 1 }, [
+                [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag ? (a(), i("line", {
                   key: 0,
                   class: "vue-ui-xy-tag-plot",
                   x1: e.drawingArea.left,
                   x2: e.drawingArea.right,
-                  y1: n.y,
-                  y2: n.y,
+                  y1: s.y,
+                  y2: s.y,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
                   "stroke-dasharray": "2",
                   stroke: l.color
-                }, null, 8, vl)) : u("", !0)
-              ], 64)) : (i(), a(g, { key: 0 }, [
-                n && h === 0 && l.useTag && l.useTag === "start" ? (i(), a("foreignObject", {
+                }, null, 8, Ml)) : u("", !0)
+              ], 64)) : (a(), i(d, { key: 0 }, [
+                s && h === 0 && l.useTag && l.useTag === "start" ? (a(), i("foreignObject", {
                   key: 0,
-                  x: n.x,
-                  y: n.y - 20,
+                  x: s.x,
+                  y: s.y - 20,
                   height: 24,
                   width: "150",
                   style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2175,20 +2198,20 @@ function pr(t, s, o, d, r, e) {
                     style: y(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.plot.tag.formatter,
-                      n.value,
+                      s.value,
                       l.name,
                       {
-                        datapoint: n,
+                        datapoint: s,
                         seriesIndex: h,
                         serieName: l.name
                       }
                     )
-                  }, null, 12, wl)
-                ], 12, kl)) : u("", !0),
-                n && h === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (i(), a("foreignObject", {
+                  }, null, 12, Gl)
+                ], 12, Ol)) : u("", !0),
+                s && h === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (a(), i("foreignObject", {
                   key: 1,
-                  x: n.x - l.name.length * (r.fontSizes.plotLabels / 2),
-                  y: n.y - 20,
+                  x: s.x - l.name.length * (r.fontSizes.plotLabels / 2),
+                  y: s.y - 20,
                   height: 24,
                   width: "150",
                   style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2197,76 +2220,76 @@ function pr(t, s, o, d, r, e) {
                     style: y(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.plot.tag.formatter,
-                      n.value,
+                      s.value,
                       l.name,
                       {
-                        datapoint: n,
+                        datapoint: s,
                         seriesIndex: h,
                         serieName: l.name
                       }
                     )
-                  }, null, 12, Gl)
-                ], 12, Ol)) : u("", !0)
+                  }, null, 12, pl)
+                ], 12, vl)) : u("", !0)
               ], 64))
             ], 64))), 128))
           ], 64))), 128))
         ])),
-        e.FINAL_CONFIG.line.labels.show && r.mutableConfig.dataLabels.show ? (i(), a("g", pl, [
-          (i(!0), a(g, null, N(e.lineSet, (l, c) => (i(), a(g, {
+        e.FINAL_CONFIG.line.labels.show && r.mutableConfig.dataLabels.show ? (a(), i("g", zl, [
+          (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i(d, {
             key: `xLabel_line_${c}`
           }, [
-            (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a(g, {
+            (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
               key: `xLabel_line_${c}_${h}`
             }, [
-              n && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h ? (i(), a("text", {
+              s && !Object.hasOwn(l, "dataLabels") || l.dataLabels === !0 || r.selectedSerieIndex !== null && r.selectedSerieIndex === h || r.selectedMinimapIndex !== null && r.selectedMinimapIndex === h ? (a(), i("text", {
                 key: 0,
-                x: n.x,
-                y: n.y + (n.value >= 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
+                x: s.x,
+                y: s.y + (s.value >= 0 ? e.FINAL_CONFIG.line.labels.offsetY : -e.FINAL_CONFIG.line.labels.offsetY * 3),
                 "text-anchor": "middle",
                 "font-size": r.fontSizes.plotLabels,
                 fill: e.FINAL_CONFIG.line.labels.color,
                 style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-              }, T(e.canShowValue(n.value) ? e.applyDataLabel(
+              }, T(e.canShowValue(s.value) ? e.applyDataLabel(
                 e.FINAL_CONFIG.line.labels.formatter,
-                n.value,
+                s.value,
                 e.dataLabel({
                   p: l.prefix || e.FINAL_CONFIG.chart.labels.prefix,
-                  v: n.value,
+                  v: s.value,
                   s: l.suffix || e.FINAL_CONFIG.chart.labels.suffix,
                   r: e.FINAL_CONFIG.line.labels.rounding
                 }),
                 {
-                  datapoint: n,
+                  datapoint: s,
                   serie: l
                 }
-              ) : ""), 13, Ml)) : u("", !0)
+              ) : ""), 13, Tl)) : u("", !0)
             ], 64))), 128))
           ], 64))), 128))
-        ])) : (i(), a("g", zl, [
-          (i(!0), a(g, null, N(e.lineSet, (l, c) => (i(), a(g, {
+        ])) : (a(), i("g", Pl, [
+          (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i(d, {
             key: `xLabel_line_${c}`
           }, [
-            (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a(g, {
+            (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
               key: `xLabel_line_${c}_${h}`
             }, [
-              e.FINAL_CONFIG.line.tag.followValue ? (i(), a(g, { key: 1 }, [
-                [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag ? (i(), a("line", {
+              e.FINAL_CONFIG.line.tag.followValue ? (a(), i(d, { key: 1 }, [
+                [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag ? (a(), i("line", {
                   key: 0,
                   class: "vue-ui-xy-tag-line",
                   x1: e.drawingArea.left,
                   x2: e.drawingArea.right,
-                  y1: n.y,
-                  y2: n.y,
+                  y1: s.y,
+                  y2: s.y,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
                   "stroke-dasharray": "2",
                   stroke: l.color
-                }, null, 8, Hl)) : u("", !0)
-              ], 64)) : (i(), a(g, { key: 0 }, [
-                n && h === 0 && l.useTag && l.useTag === "start" ? (i(), a("foreignObject", {
+                }, null, 8, Wl)) : u("", !0)
+              ], 64)) : (a(), i(d, { key: 0 }, [
+                s && h === 0 && l.useTag && l.useTag === "start" ? (a(), i("foreignObject", {
                   key: 0,
-                  x: n.x,
-                  y: n.y - 20,
+                  x: s.x,
+                  y: s.y - 20,
                   height: 24,
                   width: "150",
                   style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2275,20 +2298,20 @@ function pr(t, s, o, d, r, e) {
                     style: y(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.line.tag.formatter,
-                      n.value,
+                      s.value,
                       l.name,
                       {
-                        datapoint: n,
+                        datapoint: s,
                         seriesIndex: h,
                         serieName: l.name
                       }
                     )
-                  }, null, 12, Pl)
-                ], 12, Tl)) : u("", !0),
-                n && h === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (i(), a("foreignObject", {
+                  }, null, 12, Rl)
+                ], 12, Vl)) : u("", !0),
+                s && h === l.plots.length - 1 && l.useTag && l.useTag === "end" ? (a(), i("foreignObject", {
                   key: 1,
-                  x: n.x,
-                  y: n.y - 20,
+                  x: s.x,
+                  y: s.y - 20,
                   height: 24,
                   width: "150",
                   style: y(`overflow: visible; opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
@@ -2297,30 +2320,30 @@ function pr(t, s, o, d, r, e) {
                     style: y(`padding: 3px; background:${e.setOpacity(l.color, 80)};color:${e.adaptColorToBackground(l.color)};width:fit-content;font-size:${r.fontSizes.plotLabels}px;border-radius: 2px;`),
                     innerHTML: e.applyDataLabel(
                       e.FINAL_CONFIG.line.tag.formatter,
-                      n.value,
+                      s.value,
                       l.name,
                       {
-                        datapoint: n,
+                        datapoint: s,
                         seriesIndex: h,
                         serieName: l.name
                       }
                     )
-                  }, null, 12, Rl)
-                ], 12, Vl)) : u("", !0)
+                  }, null, 12, Dl)
+                ], 12, Hl)) : u("", !0)
               ], 64))
             ], 64))), 128))
           ], 64))), 128))
         ])),
-        (i(!0), a(g, null, N(e.lineSet, (l, c) => (i(), a(g, {
+        (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i(d, {
           key: `xLabel_line_${c}`
         }, [
-          (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a(g, {
+          (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
             key: `xLabel_line_${c}_${h}`
           }, [
-            n && h === 0 && l.showSerieName && l.showSerieName === "start" ? (i(), a("text", {
+            s && h === 0 && l.showSerieName && l.showSerieName === "start" ? (a(), i("text", {
               key: 0,
-              x: n.x - r.fontSizes.plotLabels,
-              y: n.y,
+              x: s.x - r.fontSizes.plotLabels,
+              y: s.y,
               "font-size": r.fontSizes.plotLabels,
               "text-anchor": "end",
               fill: l.color,
@@ -2328,16 +2351,16 @@ function pr(t, s, o, d, r, e) {
                 content: l.name,
                 fontSize: r.fontSizes.plotLabels,
                 fill: l.color,
-                x: n.x - r.fontSizes.plotLabels,
-                y: n.y,
+                x: s.x - r.fontSizes.plotLabels,
+                y: s.y,
                 maxWords: 2
               }),
               style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, null, 12, Dl)) : u("", !0),
-            n && h === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (i(), a("text", {
+            }, null, 12, Bl)) : u("", !0),
+            s && h === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (a(), i("text", {
               key: 1,
-              x: n.x + r.fontSizes.plotLabels,
-              y: n.y,
+              x: s.x + r.fontSizes.plotLabels,
+              y: s.y,
               "font-size": r.fontSizes.plotLabels,
               "text-anchor": "start",
               fill: l.color,
@@ -2345,24 +2368,24 @@ function pr(t, s, o, d, r, e) {
                 content: l.name,
                 fontSize: r.fontSizes.plotLabels,
                 fill: l.color,
-                x: n.x + r.fontSizes.plotLabels,
-                y: n.y,
+                x: s.x + r.fontSizes.plotLabels,
+                y: s.y,
                 maxWords: 2
               }),
               style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, null, 12, Bl)) : u("", !0)
+            }, null, 12, El)) : u("", !0)
           ], 64))), 128))
         ], 64))), 128)),
-        (i(!0), a(g, null, N(e.plotSet, (l, c) => (i(), a(g, {
+        (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i(d, {
           key: `xLabel_plot_${c}`
         }, [
-          (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a(g, {
+          (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
             key: `xLabel_plot_${c}_${h}`
           }, [
-            n && h === 0 && l.showSerieName && l.showSerieName === "start" ? (i(), a("text", {
+            s && h === 0 && l.showSerieName && l.showSerieName === "start" ? (a(), i("text", {
               key: 0,
-              x: n.x - r.fontSizes.plotLabels,
-              y: n.y,
+              x: s.x - r.fontSizes.plotLabels,
+              y: s.y,
               "font-size": r.fontSizes.plotLabels,
               "text-anchor": "end",
               fill: l.color,
@@ -2370,16 +2393,16 @@ function pr(t, s, o, d, r, e) {
                 content: l.name,
                 fontSize: r.fontSizes.plotLabels,
                 fill: l.color,
-                x: n.x - r.fontSizes.plotLabels,
-                y: n.y,
+                x: s.x - r.fontSizes.plotLabels,
+                y: s.y,
                 maxWords: 2
               }),
               style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, null, 12, Wl)) : u("", !0),
-            n && h === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (i(), a("text", {
+            }, null, 12, Yl)) : u("", !0),
+            s && h === l.plots.length - 1 && l.showSerieName && l.showSerieName === "end" ? (a(), i("text", {
               key: 1,
-              x: n.x + r.fontSizes.plotLabels,
-              y: n.y,
+              x: s.x + r.fontSizes.plotLabels,
+              y: s.y,
               "font-size": r.fontSizes.plotLabels,
               "text-anchor": "start",
               fill: l.color,
@@ -2387,17 +2410,17 @@ function pr(t, s, o, d, r, e) {
                 content: l.name,
                 fontSize: r.fontSizes.plotLabels,
                 fill: l.color,
-                x: n.x + r.fontSizes.plotLabels,
-                y: n.y,
+                x: s.x + r.fontSizes.plotLabels,
+                y: s.y,
                 maxWords: 2
               }),
               style: y(`opacity:${r.selectedScale ? r.selectedScale === l.groupId ? 1 : 0.2 : 1};transition:opacity 0.2s ease-in-out`)
-            }, null, 12, El)) : u("", !0)
+            }, null, 12, ql)) : u("", !0)
           ], 64))), 128))
         ], 64))), 128)),
-        r.mutableConfig.useIndividualScale && !r.mutableConfig.isStacked ? (i(), a(g, { key: 11 }, [
+        r.mutableConfig.useIndividualScale && !r.mutableConfig.isStacked ? (a(), i(d, { key: 11 }, [
           f("defs", null, [
-            (i(!0), a(g, null, N(e.allScales, (l, c) => (i(), a("linearGradient", {
+            (a(!0), i(d, null, I(e.allScales, (l, c) => (a(), i("linearGradient", {
               id: `individual_scale_gradient_${r.uniqueId}_${c}`,
               x1: "0%",
               x2: "100%",
@@ -2408,44 +2431,44 @@ function pr(t, s, o, d, r, e) {
                 offset: "0%",
                 "stop-color": e.FINAL_CONFIG.chart.backgroundColor,
                 "stop-opacity": "0"
-              }, null, 8, ql),
+              }, null, 8, Ul),
               f("stop", {
                 offset: "100%",
                 "stop-color": l.color,
                 "stop-opacity": "0.2"
-              }, null, 8, Xl)
-            ], 8, Yl))), 256))
+              }, null, 8, Zl)
+            ], 8, Xl))), 256))
           ]),
-          (i(!0), a(g, null, N(e.allScales, (l, c) => (i(), a("rect", {
+          (a(!0), i(d, null, I(e.allScales, (l, c) => (a(), i("rect", {
             x: l.x - e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth + e.xPadding,
             y: e.drawingArea.top,
             width: e.FINAL_CONFIG.chart.grid.labels.yAxis.labelWidth,
             height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
             fill: r.selectedScale === l.groupId ? `url(#individual_scale_gradient_${r.uniqueId}_${c})` : "transparent",
-            onMouseenter: (n) => r.selectedScale = l.groupId,
-            onMouseleave: s[0] || (s[0] = (n) => r.selectedScale = null)
-          }, null, 40, Ul))), 256))
+            onMouseenter: (s) => r.selectedScale = l.groupId,
+            onMouseleave: n[0] || (n[0] = (s) => r.selectedScale = null)
+          }, null, 40, Jl))), 256))
         ], 64)) : u("", !0),
         f("g", null, [
-          e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !r.mutableConfig.useIndividualScale ? (i(), a("text", {
+          e.FINAL_CONFIG.chart.grid.labels.axis.yLabel && !r.mutableConfig.useIndividualScale ? (a(), i("text", {
             key: 0,
             "font-size": r.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color,
             transform: `translate(${r.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" }
-          }, T(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Zl)) : u("", !0),
-          e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (i(), a("text", {
+          }, T(e.FINAL_CONFIG.chart.grid.labels.axis.yLabel), 9, Kl)) : u("", !0),
+          e.FINAL_CONFIG.chart.grid.labels.axis.xLabel ? (a(), i("text", {
             key: 1,
             "text-anchor": "middle",
             x: r.width / 2,
             y: e.drawingArea.bottom + r.fontSizes.yAxis + r.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.axis.xLabelOffsetY,
             "font-size": r.fontSizes.yAxis,
             fill: e.FINAL_CONFIG.chart.grid.labels.color
-          }, T(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Jl)) : u("", !0)
+          }, T(e.FINAL_CONFIG.chart.grid.labels.axis.xLabel), 9, Ql)) : u("", !0)
         ]),
-        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (i(), a("g", Kl, [
-          t.$slots["time-label"] ? (i(!0), a(g, { key: 0 }, N(e.timeLabels, (l, c) => G(t.$slots, "time-label", K({
+        e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.show ? (a(), i("g", jl, [
+          t.$slots["time-label"] ? (a(!0), i(d, { key: 0 }, I(e.timeLabels, (l, c) => p(t.$slots, "time-label", K({
             key: `time_label_${c}`,
             ref_for: !0
           }, {
@@ -2458,39 +2481,27 @@ function pr(t, s, o, d, r, e) {
             content: l.text,
             textAnchor: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
             show: l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && r.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0
-          }), void 0, !0)), 128)) : (i(!0), a(g, { key: 1 }, N(e.timeLabels, (l, c) => (i(), a("g", {
+          }), void 0, !0)), 128)) : (a(!0), i(d, { key: 1 }, I(e.timeLabels, (l, c) => (a(), i("g", {
             key: `time_label_${c}`
           }, [
-            l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && r.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (i(), a(g, { key: 0 }, [
-              e.FINAL_CONFIG.chart.grid.labels.xAxis.showCrosshairs ? (i(), a("line", {
-                key: 0,
-                y1: e.drawingArea.bottom,
-                y2: e.drawingArea.bottom + e.FINAL_CONFIG.chart.grid.labels.xAxis.crosshairSize,
-                x1: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2,
-                x2: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2,
-                stroke: e.FINAL_CONFIG.chart.grid.stroke,
-                "stroke-width": 1,
-                "stroke-linecap": "round",
-                style: { animation: "none !important " }
-              }, null, 8, Ql)) : u("", !0),
-              f("text", {
-                "text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
-                "font-size": r.fontSizes.xAxis,
-                fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
-                transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + r.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`,
-                style: {
-                  cursor: "pointer"
-                },
-                onClick: () => e.selectTimeLabel(l, c)
-              }, T(l.text || ""), 9, jl)
-            ], 64)) : u("", !0)
+            l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && (c === 0 || c === e.timeLabels.length - 1) && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && r.selectedSerieIndex === c && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo || l && !e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyFirstAndLast && e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.showOnlyAtModulo && c % Math.floor((this.slicer.end - this.slicer.start) / e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.modulo) === 0 ? (a(), i("text", {
+              key: 0,
+              "text-anchor": e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation > 0 ? "start" : e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
+              "font-size": r.fontSizes.xAxis,
+              fill: e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.color,
+              transform: `translate(${e.drawingArea.left + e.drawingArea.width / e.maxSeries * c + e.drawingArea.width / e.maxSeries / 2}, ${e.drawingArea.bottom + r.fontSizes.xAxis * 1.3 + e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.yOffset}), rotate(${e.FINAL_CONFIG.chart.grid.labels.xAxisLabels.rotation})`,
+              style: {
+                cursor: "pointer"
+              },
+              onClick: () => e.selectTimeLabel(l, c)
+            }, T(l.text || ""), 9, $l)) : u("", !0)
           ]))), 128))
         ])) : u("", !0),
-        e.annotationsY.length && !r.mutableConfig.isStacked ? (i(), a("g", $l, [
-          (i(!0), a(g, null, N(e.annotationsY, (l) => (i(), a("g", {
+        e.annotationsY.length && !r.mutableConfig.isStacked ? (a(), i("g", er, [
+          (a(!0), i(d, null, I(e.annotationsY, (l) => (a(), i("g", {
             key: l.uid
           }, [
-            l.yTop ? (i(), a("line", {
+            l.yTop ? (a(), i("line", {
               key: 0,
               x1: l.x1,
               y1: l.yTop,
@@ -2501,8 +2512,8 @@ function pr(t, s, o, d, r, e) {
               "stroke-dasharray": l.config.line.strokeDasharray,
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, er)) : u("", !0),
-            l.yBottom ? (i(), a("line", {
+            }, null, 8, tr)) : u("", !0),
+            l.yBottom ? (a(), i("line", {
               key: 1,
               x1: l.x1,
               y1: l.yBottom,
@@ -2513,8 +2524,8 @@ function pr(t, s, o, d, r, e) {
               "stroke-dasharray": l.config.line.strokeDasharray,
               "stroke-linecap": "round",
               style: { animation: "none !important" }
-            }, null, 8, tr)) : u("", !0),
-            l.hasArea ? (i(), a("rect", {
+            }, null, 8, lr)) : u("", !0),
+            l.hasArea ? (a(), i("rect", {
               key: 2,
               y: Math.min(l.yTop, l.yBottom),
               x: l.x1,
@@ -2522,12 +2533,12 @@ function pr(t, s, o, d, r, e) {
               height: l.areaHeight,
               fill: e.setOpacity(l.config.area.fill, l.config.area.opacity),
               style: { animation: "none !important" }
-            }, null, 8, lr)) : u("", !0),
-            l.config.label.text ? (i(), a("rect", K({
+            }, null, 8, rr)) : u("", !0),
+            l.config.label.text ? (a(), i("rect", K({
               key: 3,
               class: "vue-ui-xy-annotation-label-box"
             }, { ref_for: !0 }, l._box, { style: { animation: "none !important", transition: "none !important" } }), null, 16)) : u("", !0),
-            l.config.label.text ? (i(), a("text", {
+            l.config.label.text ? (a(), i("text", {
               key: 4,
               id: l.id,
               class: "vue-ui-xy-annotation-label",
@@ -2536,24 +2547,24 @@ function pr(t, s, o, d, r, e) {
               "font-size": l.config.label.fontSize,
               fill: l.config.label.color,
               "text-anchor": l.config.label.textAnchor
-            }, T(l.config.label.text), 9, rr)) : u("", !0)
+            }, T(l.config.label.text), 9, ar)) : u("", !0)
           ]))), 128))
         ])) : u("", !0),
         f("g", null, [
-          (i(!0), a(g, null, N(e.maxSeries, (l, c) => (i(), a("rect", {
+          (a(!0), i(d, null, I(e.maxSeries, (l, c) => (a(), i("rect", {
             key: `tooltip_trap_${c}`,
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * c,
             y: e.drawingArea.top,
             height: e.drawingArea.height < 0 ? 10 : e.drawingArea.height,
             width: e.drawingArea.width / e.maxSeries < 0 ? 1e-5 : e.drawingArea.width / e.maxSeries,
             fill: "transparent",
-            onMouseenter: (n) => e.toggleTooltipVisibility(!0, c),
-            onMouseleave: s[1] || (s[1] = (n) => e.toggleTooltipVisibility(!1)),
-            onClick: (n) => e.selectX(c)
+            onMouseenter: (s) => e.toggleTooltipVisibility(!0, c),
+            onMouseleave: n[1] || (n[1] = (s) => e.toggleTooltipVisibility(!1)),
+            onClick: (s) => e.selectX(c)
           }, null, 40, ir))), 128))
         ]),
-        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(r.selectedSerieIndex) || ![null, void 0].includes(r.selectedMinimapIndex)) ? (i(), a("g", ar, [
-          (i(), a("foreignObject", {
+        e.FINAL_CONFIG.chart.timeTag.show && (![null, void 0].includes(r.selectedSerieIndex) || ![null, void 0].includes(r.selectedMinimapIndex)) ? (a(), i("g", sr, [
+          (a(), i("foreignObject", {
             x: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)) - 100 + e.drawingArea.width / e.maxSeries / 2,
             y: e.drawingArea.bottom,
             width: "200",
@@ -2564,30 +2575,30 @@ function pr(t, s, o, d, r, e) {
               class: "vue-ui-xy-time-tag",
               style: y(`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`)
             }, T(e.timeLabels[(r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)].text || (r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)), 5)
-          ], 8, sr)),
+          ], 8, nr)),
           f("circle", {
             cx: e.drawingArea.left + e.drawingArea.width / e.maxSeries * ((r.selectedSerieIndex !== null ? r.selectedSerieIndex : 0) || (r.selectedMinimapIndex !== null ? r.selectedMinimapIndex : 0)) + 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, nr)
+          }, null, 8, cr)
         ])) : u("", !0)
       ])) : u("", !0),
-      G(t.$slots, "svg", { svg: e.svg }, void 0, !0)
+      p(t.$slots, "svg", { svg: e.svg }, void 0, !0)
     ], 14, et)) : u("", !0),
-    t.$slots.watermark ? (i(), a("div", cr, [
-      G(t.$slots, "watermark", Y(q({ isPrinting: r.isPrinting || r.isImaging })), void 0, !0)
+    t.$slots.watermark ? (a(), i("div", or, [
+      p(t.$slots, "watermark", Y(q({ isPrinting: r.isPrinting || r.isImaging })), void 0, !0)
     ])) : u("", !0),
-    (i(!0), a(g, null, N(e.lineSet, (l, c) => (i(), a(g, {
+    (a(!0), i(d, null, I(e.lineSet, (l, c) => (a(), i(d, {
       key: `tag_line_${c}`
     }, [
-      (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a(g, {
+      (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
         key: `tag_line_${c}_${h}`
       }, [
-        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "end" && e.FINAL_CONFIG.line.tag.followValue ? (i(), a("div", {
+        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "end" && e.FINAL_CONFIG.line.tag.followValue ? (a(), i("div", {
           key: 0,
           ref_for: !0,
-          ref: (L) => e.setTagRef(c, h, L, "right", "line"),
+          ref: (A) => e.setTagRef(c, h, A, "right", "line"),
           class: "vue-ui-xy-tag",
           "data-tag": "right",
           style: y({
@@ -2595,14 +2606,14 @@ function pr(t, s, o, d, r, e) {
             top: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.right + e.FINAL_CONFIG.line.tag.fontSize / 1.5,
-              y: n.y,
+              y: s.y,
               element: r.tagRefs[`${c}_${h}_right_line`],
               position: "right"
             }).top + "px",
             left: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.right + e.FINAL_CONFIG.line.tag.fontSize / 1.5,
-              y: n.y,
+              y: s.y,
               element: r.tagRefs[`${c}_${h}_right_line`],
               position: "right"
             }).left + "px",
@@ -2615,31 +2626,31 @@ function pr(t, s, o, d, r, e) {
             opacity: 1
           })
         }, [
-          (i(), a("svg", or, [
+          (a(), i("svg", hr, [
             f("path", {
               d: "M 0,10 10,0 10,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, hr)
+            }, null, 8, ur)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
             innerHTML: e.applyDataLabel(
               e.FINAL_CONFIG.line.tag.formatter,
-              n.value,
+              s.value,
               l.name,
               {
-                datapoint: n,
+                datapoint: s,
                 seriesIndex: h,
                 serieName: l.name
               }
             )
-          }, null, 8, ur)
+          }, null, 8, dr)
         ], 4)) : u("", !0),
-        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "start" && e.FINAL_CONFIG.line.tag.followValue ? (i(), a("div", {
+        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "start" && e.FINAL_CONFIG.line.tag.followValue ? (a(), i("div", {
           key: 1,
           ref_for: !0,
-          ref: (L) => e.setTagRef(c, h, L, "left", "line"),
+          ref: (A) => e.setTagRef(c, h, A, "left", "line"),
           class: "vue-ui-xy-tag",
           "data-tag": "left",
           style: y({
@@ -2647,14 +2658,14 @@ function pr(t, s, o, d, r, e) {
             top: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.left - e.FINAL_CONFIG.line.tag.fontSize / 1.5,
-              y: n.y,
+              y: s.y,
               element: r.tagRefs[`${c}_${h}_left_line`],
               position: "left"
             }).top + "px",
             left: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.left - e.FINAL_CONFIG.line.tag.fontSize / 1.5,
-              y: n.y,
+              y: s.y,
               element: r.tagRefs[`${c}_${h}_left_line`],
               position: "left"
             }).left + "px",
@@ -2667,39 +2678,39 @@ function pr(t, s, o, d, r, e) {
             opacity: 1
           })
         }, [
-          (i(), a("svg", dr, [
+          (a(), i("svg", gr, [
             f("path", {
               d: "M 0,0 10,10 0,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, gr)
+            }, null, 8, fr)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
             innerHTML: e.applyDataLabel(
               e.FINAL_CONFIG.line.tag.formatter,
-              n.value,
+              s.value,
               l.name,
               {
-                datapoint: n,
+                datapoint: s,
                 seriesIndex: h,
                 serieName: l.name
               }
             )
-          }, null, 8, fr)
+          }, null, 8, Ir)
         ], 4)) : u("", !0)
       ], 64))), 128))
     ], 64))), 128)),
-    (i(!0), a(g, null, N(e.plotSet, (l, c) => (i(), a(g, {
+    (a(!0), i(d, null, I(e.plotSet, (l, c) => (a(), i(d, {
       key: `tag_plot_${c}`
     }, [
-      (i(!0), a(g, null, N(l.plots, (n, h) => (i(), a(g, {
+      (a(!0), i(d, null, I(l.plots, (s, h) => (a(), i(d, {
         key: `tag_plot_${c}_${h}`
       }, [
-        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "end" && e.FINAL_CONFIG.plot.tag.followValue ? (i(), a("div", {
+        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "end" && e.FINAL_CONFIG.plot.tag.followValue ? (a(), i("div", {
           key: 0,
           ref_for: !0,
-          ref: (L) => e.setTagRef(c, h, L, "right", "plot"),
+          ref: (A) => e.setTagRef(c, h, A, "right", "plot"),
           class: "vue-ui-xy-tag",
           "data-tag": "right",
           style: y({
@@ -2707,14 +2718,14 @@ function pr(t, s, o, d, r, e) {
             top: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.right + e.FINAL_CONFIG.plot.tag.fontSize / 1.5,
-              y: n.y,
+              y: s.y,
               element: r.tagRefs[`${c}_${h}_right_plot`],
               position: "right"
             }).top + "px",
             left: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.right + e.FINAL_CONFIG.plot.tag.fontSize / 1.5,
-              y: n.y,
+              y: s.y,
               element: r.tagRefs[`${c}_${h}_right_plot`],
               position: "right"
             }).left + "px",
@@ -2727,31 +2738,31 @@ function pr(t, s, o, d, r, e) {
             opacity: 1
           })
         }, [
-          (i(), a("svg", Ir, [
+          (a(), i("svg", Nr, [
             f("path", {
               d: "M 0,10 10,0 10,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, Nr)
+            }, null, 8, xr)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
             innerHTML: e.applyDataLabel(
               e.FINAL_CONFIG.plot.tag.formatter,
-              n.value,
+              s.value,
               l.name,
               {
-                datapoint: n,
+                datapoint: s,
                 seriesIndex: h,
                 serieName: l.name
               }
             )
           }, null, 8, mr)
         ], 4)) : u("", !0),
-        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "start" && e.FINAL_CONFIG.plot.tag.followValue ? (i(), a("div", {
+        [r.selectedMinimapIndex, r.selectedSerieIndex, r.selectedRowIndex].includes(h) && l.useTag && l.useTag === "start" && e.FINAL_CONFIG.plot.tag.followValue ? (a(), i("div", {
           key: 1,
           ref_for: !0,
-          ref: (L) => e.setTagRef(c, h, L, "left", "plot"),
+          ref: (A) => e.setTagRef(c, h, A, "left", "plot"),
           class: "vue-ui-xy-tag",
           "data-tag": "left",
           style: y({
@@ -2759,14 +2770,14 @@ function pr(t, s, o, d, r, e) {
             top: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.left - e.FINAL_CONFIG.plot.tag.fontSize / 1.5,
-              y: n.y,
+              y: s.y,
               element: r.tagRefs[`${c}_${h}_left_plot`],
               position: "left"
             }).top + "px",
             left: e.placeXYTag({
               svgElement: r.svgRef,
               x: e.drawingArea.left - e.FINAL_CONFIG.plot.tag.fontSize / 1.5,
-              y: n.y,
+              y: s.y,
               element: r.tagRefs[`${c}_${h}_left_plot`],
               position: "left"
             }).left + "px",
@@ -2779,30 +2790,30 @@ function pr(t, s, o, d, r, e) {
             opacity: 1
           })
         }, [
-          (i(), a("svg", xr, [
+          (a(), i("svg", br, [
             f("path", {
               d: "M 0,0 10,10 0,20 Z",
               fill: l.color,
               stroke: "none"
-            }, null, 8, br)
+            }, null, 8, Fr)
           ])),
           f("div", {
             class: "vue-ui-xy-tag-content",
             innerHTML: e.applyDataLabel(
               e.FINAL_CONFIG.plot.tag.formatter,
-              n.value,
+              s.value,
               l.name,
               {
-                datapoint: n,
+                datapoint: s,
                 seriesIndex: h,
                 serieName: l.name
               }
             )
-          }, null, 8, Fr)
+          }, null, 8, _r)
         ], 4)) : u("", !0)
       ], 64))), 128))
     ], 64))), 128)),
-    e.isDataset ? u("", !0) : (i(), B(S, {
+    e.isDataset ? u("", !0) : (a(), W(w, {
       key: 6,
       config: {
         type: "line",
@@ -2820,7 +2831,7 @@ function pr(t, s, o, d, r, e) {
         }
       }
     }, null, 8, ["config"])),
-    e.FINAL_CONFIG.chart.zoom.show && r.maxX > 6 && e.isDataset ? (i(), B(k, {
+    e.FINAL_CONFIG.chart.zoom.show && r.maxX > 6 && e.isDataset ? (a(), W(O, {
       ref: "chartSlicer",
       key: `slicer_${r.slicerStep}`,
       background: e.FINAL_CONFIG.chart.zoom.color,
@@ -2846,9 +2857,9 @@ function pr(t, s, o, d, r, e) {
       valueStart: r.slicer.start,
       valueEnd: r.slicer.end,
       start: r.slicer.start,
-      "onUpdate:start": s[2] || (s[2] = (l) => r.slicer.start = l),
+      "onUpdate:start": n[2] || (n[2] = (l) => r.slicer.start = l),
       end: r.slicer.end,
-      "onUpdate:end": s[3] || (s[3] = (l) => r.slicer.end = l),
+      "onUpdate:end": n[3] || (n[3] = (l) => r.slicer.end = l),
       refreshStartPoint: e.FINAL_CONFIG.chart.zoom.startIndex !== null ? e.FINAL_CONFIG.chart.zoom.startIndex : 0,
       refreshEndPoint: e.FINAL_CONFIG.chart.zoom.endIndex !== null ? e.FINAL_CONFIG.chart.zoom.endIndex + 1 : Math.max(...o.dataset.map((l) => e.largestTriangleThreeBucketsArray({ data: l.series, threshold: e.FINAL_CONFIG.downsample.threshold }).length)),
       enableRangeHandles: e.FINAL_CONFIG.chart.zoom.enableRangeHandles,
@@ -2857,22 +2868,22 @@ function pr(t, s, o, d, r, e) {
       onTrapMouse: e.selectMinimapIndex
     }, {
       "reset-action": V(({ reset: l }) => [
-        G(t.$slots, "reset-action", Y(q({ reset: l })), void 0, !0)
+        p(t.$slots, "reset-action", Y(q({ reset: l })), void 0, !0)
       ]),
       _: 3
     }, 8, ["background", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "borderColor", "minimap", "smoothMinimap", "minimapSelectedColor", "minimapSelectionRadius", "minimapLineColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "minimapIndicatorColor", "verticalHandles", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "onReset", "onTrapMouse"])) : u("", !0),
-    e.FINAL_CONFIG.chart.legend.show ? (i(), a("div", {
+    e.FINAL_CONFIG.chart.legend.show ? (a(), i("div", {
       key: 8,
       ref: "chartLegend",
       class: "vue-ui-xy-legend",
       style: y(`font-size:${e.FINAL_CONFIG.chart.legend.fontSize}px`)
     }, [
-      (i(!0), a(g, null, N(e.absoluteDataset, (l, c) => (i(), a("div", {
+      (a(!0), i(d, null, I(e.absoluteDataset, (l, c) => (a(), i("div", {
         key: `div_legend_item_${c}`,
-        onClick: (n) => e.segregate(l),
+        onClick: (s) => e.segregate(l),
         class: E({ "vue-ui-xy-legend-item": !0, "vue-ui-xy-legend-item-segregated": r.segregatedSeries.includes(l.id) })
       }, [
-        r.icons[l.type] === "line" ? (i(), a("svg", yr, [
+        r.icons[l.type] === "line" ? (a(), i("svg", Ar, [
           f("rect", {
             x: "0",
             y: "7.5",
@@ -2882,8 +2893,8 @@ function pr(t, s, o, d, r, e) {
             height: "3",
             width: "20",
             fill: l.color
-          }, null, 8, Ar),
-          U(v, {
+          }, null, 8, Lr),
+          U(k, {
             plot: { x: 10, y: 9 },
             radius: 4,
             color: l.color,
@@ -2891,8 +2902,8 @@ function pr(t, s, o, d, r, e) {
             stroke: e.FINAL_CONFIG.chart.backgroundColor,
             strokeWidth: 0.5
           }, null, 8, ["color", "shape", "stroke"])
-        ])) : r.icons[l.type] === "bar" ? (i(), a("svg", Lr, [
-          r.icons[l.type] === "bar" && t.$slots.pattern ? (i(), a("rect", {
+        ])) : r.icons[l.type] === "bar" ? (a(), i("svg", Cr, [
+          r.icons[l.type] === "bar" && t.$slots.pattern ? (a(), i("rect", {
             key: 0,
             x: "0",
             y: "0",
@@ -2901,8 +2912,8 @@ function pr(t, s, o, d, r, e) {
             width: "40",
             stroke: "none",
             fill: l.color
-          }, null, 8, Cr)) : u("", !0),
-          r.icons[l.type] === "bar" ? (i(), a("rect", {
+          }, null, 8, Sr)) : u("", !0),
+          r.icons[l.type] === "bar" ? (a(), i("rect", {
             key: 1,
             x: "0",
             y: "0",
@@ -2911,9 +2922,9 @@ function pr(t, s, o, d, r, e) {
             width: "40",
             stroke: "none",
             fill: t.$slots.pattern ? `url(#pattern_${r.uniqueId}_${l.slotAbsoluteIndex})` : l.color
-          }, null, 8, Sr)) : u("", !0)
-        ])) : (i(), a("svg", kr, [
-          U(v, {
+          }, null, 8, kr)) : u("", !0)
+        ])) : (a(), i("svg", wr, [
+          U(k, {
             plot: { x: 6, y: 6 },
             radius: 5,
             color: l.color,
@@ -2923,14 +2934,14 @@ function pr(t, s, o, d, r, e) {
         f("span", {
           style: y(`color:${e.FINAL_CONFIG.chart.legend.color}`)
         }, T(l.name), 5)
-      ], 10, _r))), 128))
-    ], 4)) : (i(), a("div", wr, [
-      G(t.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
+      ], 10, yr))), 128))
+    ], 4)) : (a(), i("div", Or, [
+      p(t.$slots, "legend", { legend: e.absoluteDataset }, void 0, !0)
     ], 512)),
-    t.$slots.source ? (i(), a("div", Or, [
-      G(t.$slots, "source", {}, void 0, !0)
+    t.$slots.source ? (a(), i("div", Gr, [
+      p(t.$slots, "source", {}, void 0, !0)
     ], 512)) : u("", !0),
-    U(O, {
+    U(N, {
       show: r.mutableConfig.showTooltip && r.isTooltip,
       backgroundColor: e.FINAL_CONFIG.chart.tooltip.backgroundColor,
       color: e.FINAL_CONFIG.chart.tooltip.color,
@@ -2947,14 +2958,14 @@ function pr(t, s, o, d, r, e) {
       isCustom: e.FINAL_CONFIG.chart.tooltip.customFormat && typeof e.FINAL_CONFIG.chart.tooltip.customFormat == "function"
     }, {
       "tooltip-before": V(() => [
-        G(t.$slots, "tooltip-before", Y(q({ ...e.dataTooltipSlot })), void 0, !0)
+        p(t.$slots, "tooltip-before", Y(q({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       "tooltip-after": V(() => [
-        G(t.$slots, "tooltip-after", Y(q({ ...e.dataTooltipSlot })), void 0, !0)
+        p(t.$slots, "tooltip-after", Y(q({ ...e.dataTooltipSlot })), void 0, !0)
       ]),
       _: 3
     }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-    e.isDataset ? (i(), B(p, {
+    e.isDataset ? (a(), W(M, {
       key: 11,
       hideDetails: "",
       config: {
@@ -2974,15 +2985,15 @@ function pr(t, s, o, d, r, e) {
         f("div", {
           style: y(`${r.isPrinting ? "" : "max-height:400px"};overflow:auto;width:100%;margin-top:48px`)
         }, [
-          f("div", Gr, [
+          f("div", vr, [
             Ee(f("input", {
               type: "checkbox",
-              "onUpdate:modelValue": s[4] || (s[4] = (l) => r.showSparklineTable = l)
+              "onUpdate:modelValue": n[4] || (n[4] = (l) => r.showSparklineTable = l)
             }, null, 512), [
               [Ye, r.showSparklineTable]
             ]),
             f("div", {
-              onClick: s[5] || (s[5] = (l) => r.showSparklineTable = !r.showSparklineTable),
+              onClick: n[5] || (n[5] = (l) => r.showSparklineTable = !r.showSparklineTable),
               style: { cursor: "pointer" }
             }, [
               U(F, {
@@ -2992,21 +3003,21 @@ function pr(t, s, o, d, r, e) {
               }, null, 8, ["stroke"])
             ])
           ]),
-          r.showSparklineTable ? (i(), B(C, {
+          r.showSparklineTable ? (a(), W(C, {
             key: `sparkline_${r.segregateStep}`,
             dataset: e.tableSparklineDataset,
             config: e.tableSparklineConfig
-          }, null, 8, ["dataset", "config"])) : (i(), B(w, {
+          }, null, 8, ["dataset", "config"])) : (a(), W(G, {
             key: `table_${r.tableStep}`,
             colNames: e.dataTable.colNames,
             head: e.dataTable.head,
             body: e.dataTable.body,
             config: e.dataTable.config,
             title: `${e.FINAL_CONFIG.chart.title.text}${e.FINAL_CONFIG.chart.title.subtitle.text ? ` : ${e.FINAL_CONFIG.chart.title.subtitle.text}` : ""}`,
-            onClose: s[6] || (s[6] = (l) => r.mutableConfig.showTable = !1)
+            onClose: n[6] || (n[6] = (l) => r.mutableConfig.showTable = !1)
           }, {
             th: V(({ th: l }) => [
-              f("div", { innerHTML: l }, null, 8, vr)
+              f("div", { innerHTML: l }, null, 8, pr)
             ]),
             td: V(({ td: l }) => [
               qe(T(isNaN(Number(l)) ? l : e.dataLabel({
@@ -3024,7 +3035,7 @@ function pr(t, s, o, d, r, e) {
     }, 8, ["config"])) : u("", !0)
   ], 46, je);
 }
-const Br = /* @__PURE__ */ Je(Qe, [["render", pr], ["__scopeId", "data-v-d3870d39"]]);
+const Br = /* @__PURE__ */ Je(Qe, [["render", Mr], ["__scopeId", "data-v-43789c9c"]]);
 export {
   Br as default
 };